@charset "utf-8";
/* CSS Document */

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,td,form,input,select,option,textarea{margin:0;padding:0;border: 0;outline:0;}
body{ color:#111111; font-size:16px; line-height:30px; }
ul,li,ol{list-style:none; margin:0px; paddding:0px;}
.right{float:right;}
.clearfix {*zoom: 1;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
a{text-decoration:none;}
.w1200{width:1200px; margin:0 auto;}


.banner{background:url(../images/banner.jpg) no-repeat 100%; height:640px; background-position:center center;}


.top_r{width:900px;}
.top_l{width:100px;}
.top_l img{width:100%;}
.topr_p{ padding-top:20px;height:40px; line-height:40px; font-size:14px; color:#ffffff; text-align:right;}
.topr_p a{color:#fcc055;}
.menu {height:40px; line-height:40px; background:#01346e;}
.menu li{float:left; width:150px; text-align:center;}
.menu li a:link{color:#ffffff;}
.menu li a:visited{color:#ffffff;}
.menu li a:hover{color:#01346e; background:#ffffff; width:150px; height:40px; display:block;}
.menu li a:active{color:#01346e; background:#ffffff; width:150px; height:40px; display:block; }

.menu li a.here{color:#01346e; background:#ffffff; width:150px; height:40px; display:block; }

.index_A{padding-top:60px; padding-bottom:30px;}
a.more2{width:150px; height:40px; text-align:center; line-height:40px; display:block; margin:30px auto; }
a.more2:link{ background:#012b73; color:#ffffff;}
a.more2:visited{ background:#012b73; color:#ffffff;}
a.more2:hover{ background:#0444b3; color:#ffffff;}
a.more2:active{ background:#0444b3; color:#ffffff;}

.indexA_line{width:50px; height:2px; margin:0 auto; background:#012b73; margin-bottom:30px;}
/* CSS Document */
#tab { width:1200px; height:700px; position:relative;margin:20px auto 0 auto;}
/*设置容器高宽等*/
html > body #tab { width:1200px;}
/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:30px; left:0; width:1200px; height:600px;}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; width:105px; height:32px; line-height:32px; margin:0 0 0 0; font-size:14px; cursor:pointer;  text-align:center; color:#5a5a5a; font-weight:normal; margin-bottom:10px; margin-left:20px; background:#e2e2e2; border-radius:3px;}
/*默认标题样式*/
#tab .up {color:#ffffff; background:#ffa300;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:600px; margin-top:20px;}
#tab li { width:235px; height:285px; float:left; margin-right:25px; margin-left:25px; margin-bottom:40px; }
#tab li  img{width:235px; height:235px; overflow:hidden;}
#tab li p{height:30px; line-height:30px; text-align:center;}


#tab li a{width:235px; height:285px; display:block; padding:10px; }
#tab li a:link{border:1px solid #d5d5d5; color:#101010;}
#tab li a:visited{border:1px solid #d5d5d5;color:#101010; }
#tab li a:hover{border:1px solid #ffa300;color:#012b73; }
#tab li a:active{border:1px solid #ffa300; color:#012b73;}







.index_B{ background:#012b73; color:#ffffff; padding-top:60px; padding-bottom:60px;}
.indexB_title{font-size:30px; font-weight:bold; margin-bottom:20px; text-align:center; color:ffffff;}
.indexB_title span{font-weight:lighter;}
.indexB_text{text-align:center; font-size:14px; margin-bottom:30px; font-weight:lighter;}
.indexB_list li{width:20%; float:left; text-align:center; color:#ffffff;}
.indexB_img{width:150px; height:150px; border:1px solid #ffffff; border-radius:150px; margin:0 auto;}
.indexB_img img{width:150px; height:150px;}
.indexB_name{font-size:18px; line-height:36px;}





  .indexB_img:hover img { /*鼠标经过box盒子时img动画情况*/  
      animation-name: pic;  /*动画名字是pic，与上面定义的名字一样*/
      -webkit-animation-name: pic;
      -moz-animation-name: pic;
      -ms-animation-name: pic;
      -o-animation-name: pic;
      animation-duration: 1s;  /*动画用时1s*/
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-timing-function: linear;  /*匀速动画*/
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      -o-animation-timing-function: linear;
  }






.index_C{padding-top:60px; padding-bottom:30px;}
.indexC_title{font-size:30px; font-weight:bold;color:#050505; margin-bottom:20px; text-align:center;}
.indexC_title span{font-weight:lighter;}
.indexC_line{width:50px; height:2px; margin:0 auto; background:#ffa300; margin-bottom:20px;}
.indexC_img{width:900px; margin:0 auto;}
.indexC_name{font-weight:bold; font-size:26px; line-height:90px; text-align:center;}
.indexC_text{text-align:center; line-height:40px; font-size:18px;}
a.more{width:150px; height:40px; text-align:center; line-height:40px; display:block; margin:30px auto; }

a.more:link{ background:#ffa300; color:#ffffff;}
a.more:visited{ background:#ffa300; color:#ffffff;}
a.more:hover{ background:#fcc055; color:#ffffff;}
a.more:active{ background:#fcc055; color:#ffffff;}


.index_D{ background:#f5f5f5; }
.indexD_r{width:46%;  padding:2%}
.indexD_l{width:50%;  }
.indexD_l img{ width:100%; height:auto; object-fit:cover;}
.indexD_list li{width:35%; float:left; margin-right:6%; margin-bottom:20px; color:#555555;}
.indexDr_title{font-weight:bold; font-size:28px; color:#050505; margin-bottom:30px;}
.indexDr_title span{font-weight:lighter;}
.indexD_list li.indexD_list_icon01{ background:url(../images/icon01.png) no-repeat 2px; padding-left:55px; font-weight:lighter;}
.indexD_list li.indexD_list_icon02{ background:url(../images/icon02.png) no-repeat 2px; padding-left:55px;font-weight:lighter;}
.indexD_list li.indexD_list_icon03{ background:url(../images/icon03.png) no-repeat 2px; padding-left:55px;font-weight:lighter;}
.indexD_list li.indexD_list_icon04{ background:url(../images/icon04.png) no-repeat 2px; padding-left:55px;font-weight:lighter;}
.indexD_list li.indexD_list_icon05{ background:url(../images/icon05.png) no-repeat 2px; padding-left:55px;font-weight:lighter;}
.indexD_list li.indexD_list_icon06{ background:url(../images/icon06.png) no-repeat 2px; padding-left:55px;font-weight:lighter;}
.indexD_list li span{font-weight:bold;}

.footer{height:44px; line-height:44px; background:#012b73; color:#ffffff; text-align:center; font-size:14px;}




.page_banner{background:#012b73; height:110px; width:100%; color:#ffffff; padding-top:20px;}
.pagebanner_l{width:500px;}
.pagebanner_r{width:100px;}
.pagebanner_r img{width:100%;}
.pagebanner_cn{font-weight:bold; font-size:30px; line-height:50px; letter-spacing:3px;}
.pagebanner_en{font-size:24px;  line-height:40px; font-weight:lighter; letter-spacing:1px; }
.about_A{padding-top:40px; padding-bottom:40px; background:#f5f5f5;}
.aboutA_cn{text-align:center; font-size:30px;line-height:40px; font-weight:bold; letter-spacing:3px;}
.aboutA_en{text-align:center; font-size:20px;  color:#999999; margin-bottom:10px; font-weight:lighter;}
.about_A p{ text-indent:2rem; line-height:30px; margin-bottom:10px;}


.about_B{padding-top:40px; padding-bottom:20px;}
.equlist01 li{width:360px; height:310px; float:left; margin-right:20px; margin-left:20px; margin-bottom:50px; -moz-box-shadow:0px 2px 4px #BFBFBF; -webkit-box-shadow:0px 2px 4px #BFBFBF; box-shadow:0px 2px 4px #BFBFBF;}
.boximg01{width:340px; height:240px;  padding:10px;  overflow:hidden;}
.boximg01 img{width:340px; height:240px;}
.equlist01 li p{height:50px; line-height:50px; text-align:center; background:#efefef;}
.equlist01 li a{color:#000000;}


.equlist li{width:220px; height:208px; float:left; margin-right:10px; margin-left:10px; margin-bottom:30px; -moz-box-shadow:0px 2px 4px #BFBFBF; -webkit-box-shadow:0px 2px 4px #BFBFBF; box-shadow:0px 2px 4px #BFBFBF;}
.boximg{width:210px; height:162px;  padding:5px;  overflow:hidden;}
.boximg img{width:210px; height:162px;}
.equlist li p{height:36px; line-height:36px; text-align:center; background:#efefef; font-size:12px; overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width:100%;/*不允许出现半汉字截断*/
}
.equlist li a{color:#000000;}

.page_news{padding-top:30px; padding-bottom:30px;}
.news_T {width:500px; margin:0 auto;}
.news_T li{width:200px; height:40px; float:left; margin-right:25px; margin-left:25px; border-radius:5px; line-height:40px; text-align:center; margin-bottom:50px; }
.news_T li a{width:200px; height:40px; display:block;  border-radius:5px;}
.news_T li a:link{color:#000000; background:#efefef; }
.news_T li a:visited{color:#000000; background:#efefef; }
.news_T li a:hover{color:#ffffff; background:#ffa300}
.news_T li a:active{color:#ffffff; background:#ffa300}
.news_T li a.on{color:#ffffff; background:#ffa300;}
.newslist li{padding-bottom:15px; border-bottom:1px dotted #cccccc; margin-bottom:20px;}

.newslist_l{width:320px; }
.newslist_l img{width:100%;}
.newslist_r{width:830px;   float:right;}
.newslist_t{font-weight:bold; font-size:24px; margin-bottom:10px;}
.newslist_time{font-size:14px; margin-bottom:10px; color:#999999;}
.newslist_p{font-size:16px; line-height:30px; height:90px; overflow:hidden; margin-bottom:20px;}
a.more3:link{color:#012b73;}
a.more3:visited{color:#012b73;}
a.more3:hover{color:#ffa300;}
a.more3:active{color:#ffa300;}




.pagelist li{float:left;width:24px; height:24px;  text-align:center; line-height:24px; font-size:12px;  border-radius:3px; margin-right:10px;   color:#333333;}
.pagelist li a:link{color:#333333;width:24px; height:24px;  display:inline-block; border:1px solid #cccccc; border-radius:3px;}
.pagelist li a:visited{color:#333333;width:24px; height:24px;  display:inline-block; border:1px solid #cccccc; border-radius:3px;}
.pagelist li a:hover{background:#012b73; color:#ffffff; width:24px; height:24px;  display:inline-block;  border-radius:3px;}
.pagelist li a:active{background:#012b73; color:#ffffff; width:24px; height:24px; display:inline-block; border-radius:3px;}
.pagelist li a.on{background:#012b73; color:#ffffff; width:24px; height:24px; display:inline-block; border-radius:3px;}
.pagelist {margin:20px auto 0px; width:270px; margin-bottom:50px;}

.pagelist a.page-num{text-align: center;line-height:24px; margin-right:2px; margin-left:2px;}
.pagelist a.page-num:link{color:#333333;width:24px; height:24px;  display:inline-block; border:1px solid #cccccc; border-radius:3px;}
 .pagelist a.page-num::visited{color:#333333;width:24px; height:24px;  display:inline-block; border:1px solid #cccccc; border-radius:3px;}
 .pagelist a.page-num:hover{background:#012b73; color:#ffffff; width:24px; height:24px;  display:inline-block;  border-radius:3px;}
 .pagelist a.page-num:active{background:#012b73; color:#ffffff; width:24px; height:24px; display:inline-block; border-radius:3px;}




.xx_title{font-size:30px; color:#012b73; text-align:center; height:60px; line-height:60px; font-weight:bold;  border-bottom:1px dotted #cccccc; margin-bottom:20px;}
.xx_bottom{height:40px; line-height:40px; margin-top:30px; border-top:1px dotted #cccccc; font-size:14px;color:#666666;}
.xx_bottom_r{width:600px; text-align:right;}
.xx_bottom_l{width:600px;}
.xx_time{text-align:center; font-size:14px; height:40px; line-height:40px; color:#999999; border-bottom:1px dotted #cccccc; margin-bottom:20px;}
.xx_bottom a:link{color:#666666;}
.xx_bottom a:visited{color:#666666;}
.xx_bottom a:hover{color:#666666; border-bottom:1px solid #666666;}
.xx_bottom a:active{color:#666666; border-bottom:1px solid #666666;}


.product_t li{width:112px; height:32px; line-height:32px; float:left; font-size:14px; text-align:center; margin-left:10px; margin-right:10px; margin-bottom:40px;}
.product_t li a{width:110px; height:32px; display:block; border-radius:5px;}
.product_t li a:link{background:#efefef; color:#000000;}
.product_t li a:visited{background:#efefef;color:#000000;}
.product_t li a:hover{background:#ffa300; color:#ffffff;}
.product_t li a:active{background:#ffa300; color:#ffffff;}
.product_t li a.here2{background:#ffa300; color:#ffffff;}
.product_t li a.on{color:#ffffff; background:#ffa300;}



.product_list li { width:235px; height:285px; float:left; margin-right:30px; margin-left:30px; margin-bottom:40px; }
.product_list li  img{width:100%;}
.product_list li p{height:30px; line-height:30px; text-align:center;}





.product_list li a{width:235px; height:285px; display:block; padding:10px; }
.product_list li a:link{border:1px solid #d5d5d5; color:#101010;}
.product_list li a:visited{border:1px solid #d5d5d5;color:#101010; }
.product_list li a:hover{border:1px solid #ffa300;color:#012b73; }
.product_list li a:active{border:1px solid #ffa300; color:#012b73;}

.contact_list  li{width:275px; height:150px; background:#f1f9fc; border:1px solid #c0e9fb; float:left; margin-right:10px; margin-left:10px; position:relative; padding-top:50px; margin-bottom:30px;}
.con_bottom{height:60px; border-top:1px solid #c0e9fb; text-align:center; line-height:60px;  width:100%;position:absolute; bottom:0px; background:#e7f8ff; font-size:14px;}
.icon{width:60px; height:50px; border-bottom:2px solid #1b6ebc; margin:0px auto; text-align:center;}


.icon img{
    width: 41px;
    height:41px;
  }
  @-webkit-keyframes pic {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
      opacity: 0.3;  /*透明度*/
    }
    40% {
      -webkit-transform: rotate(30deg) scale(1.5);
      opacity: 0.6;
    }
    60% {
      -webkit-transform: rotate(15deg) scale(1.2);
      opacity: 0.9;
    }
    90% {
      -webkit-transform: rotate(0deg) scale(0.8);
      opacity: 1;
    }
  }
  @-moz-keyframes pic {
    0% {
      -moz-transform: rotate(0deg) scale(1);
      opacity: 0.3;  /*透明度*/
    }
    40% {
      -moz-transform: rotate(30deg) scale(1.5);
      opacity: 0.6;
    }
    60% {
      -moz-transform: rotate(15deg) scale(1.2);
      opacity: 0.9;
    }
    90% {
      -moz-transform: rotate(0deg) scale(0.8);
      opacity: 1;
    }
  }
  .icon:hover img { /*鼠标经过box盒子时img动画情况*/  
      animation-name: pic;  /*动画名字是pic，与上面定义的名字一样*/
      -webkit-animation-name: pic;
      -moz-animation-name: pic;
      -ms-animation-name: pic;
      -o-animation-name: pic;
      animation-duration: 1s;  /*动画用时1s*/
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-timing-function: linear;  /*匀速动画*/
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      -o-animation-timing-function: linear;
  }



.contact_B { background:#f5f5f5; padding-top:40px; padding-bottom:40px;}
.contact_A{padding-top:40px; padding-bottom:40px;}


@media (max-width:1300px){
	.indexD_r{width:48%;  padding:1%}
	.indexD_list li{width:36%; float:left; margin-right:2%; margin-bottom:5px; color:#555555; font-size:14px; line-height:24px;}
}