﻿.header{
  width: 1200px;
  margin:0.5% auto;
  margin-top:24px;
}
.logo{
  float: left;
}
.hot_line{
  float: right;
  width: 21%;
}
.hot_line img{
  float: left;
  padding-right: 13px;
  width: 20%;
}
.hot_info{
  float: left;
}
.hot_info p{
  font-size: 1.5rem;
  color: #434343;
  font-weight: bold;
}
.hot_info span{
  color: #ff0000;
  font-size: 2rem;
  font-weight: bold;
}
.nav{
  background: #1a3182;
  -moz-box-shadow:0px 6px 5px #444;
  -webkit-box-shadow:0px 6px 5px #444;
  box-shadow:0px 6px 5px #444;
  /*position: relative;*/
  z-index: 99;
}
.nav_center{
  width: 1200px;
  margin:0 auto;
}
.nav_center ul{

}
.nav_center ul li{
  text-align: center;
  width: 12%;
  position: relative;
  float: left;
}
.nav_center ul li a{
  font-size: 1.7rem;
  color: #fff;
  display: block;
  padding:15px 0;
  background: url("../images/nvl.jpg") no-repeat right center;

}
.nav_center ul li.nav_child{
  background: url("../images/nav_line.png") no-repeat center bottom;
}
.nav_center ul li a:first-child{
  background: url("../images/nvl.jpg") no-repeat left center;
}
.banner{
  z-index: -1;
}
.banner .swiper-pagination-bullet-active{
  background: #fff;
}
.banner .swiper-container .swiper-slide img{
  width: 100%;
}
.in_nother{
  width: 940px;
  margin: 5% auto 3%;
}
.in_nother ul{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.in_nother ul li{
  text-align: center;
  width: 10%;

}
.in_nother ul li a{
  display: block;

}
.in_nother ul li a i{
  font-size: 5.5rem;
  background: url("../images/ot.png") no-repeat center top;
  -o-transition:ease .5s;
  -ms-transition:ease .5s;
  -moz-transition:ease .5s;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  background-size: 100%;
  padding:28px;
}
.in_nother ul li i:hover{
  text-align: center;
  width: 10%;
  background: url("../images/ot2.png") no-repeat center top;
}
.in_nother ul li a p{
  font-size: 1.5rem;
  color: #000;
  padding:30px 0 20px;
}
.in_nother ul li:hover p{
  color: #0c4da2;
}
.in_about{
  background: url("../images/in_about.jpg") no-repeat center top;
  background-size: cover;
}
.in_about_center{
  width: 1200px;
  margin:0 auto;
  padding:4% 0 2.5% 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.in_about_pic{
  float: left;
  width: 38%;
  background: #fff;
  padding:4px;
  margin-right: 3%;
}
.in_about_pic img{
  width: 100%;
}
.in_about_info{
  float: left;
  width:53%;
}
.in_about_info h3{
  font-size: 2.5rem;
  color: #0c4da2;
  padding:16px 0 10px;
  font-weight: bold;
}
.in_about_info span{
  color: #000;
  font-size: 1.5rem;
  display: block;
}
.in_about_info p{
  font-size: 1.4rem;
  color: #666;
  line-height: 2;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.line{
  width: 55px;
  height: 5px;
  background: #ccc;
  margin: 25px 0 30px;
}
.in_about_info a{
  display: block;
  width: 105px;
  line-height: 35px;
  border:1px solid #333;
  text-align: center;
  color: #333;
  margin-top: 40px;
}
.in_about_info a:hover{
  color: #fff;
  background: #0c4da2;
}
.in_products{
  background:url("../images/in_pro.jpg") no-repeat center top;
  padding:2% 0 38%;
  background-size: cover;
}
.in_products_center{
  width: 1200px;
  margin:0 auto;
}
.in_products_tit{
  text-align: center;
}
.line2{
  width: 30px;
  height: 5px;
  background: #fff;
  margin:0 auto 40px;
}
.in_products_tit p{
  font-size: 3.6rem;
  color: #fff;
  line-height: 1.6;
}
.in_products_tit span{
  color: #fff;
  font-size: 1.8rem;
  text-transform:uppercase;
  display: block;
  margin-bottom: 28px;
}
.in_pro_pic img{
  width: 100%;
}
.in_pro_info{
  background: #f8f9fa;
  padding:28px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.in_pro_info p{
  font-size: 1.6rem;
  color: #444;
  padding-bottom: 15px;
}
.in_pro_info a{
  color: #0c4da2;
}
.in_pro_info i{
  font-size: 1.2rem;
  color: #0c4da2;
  padding-left: 28px;
}
.in_prolist{
  width: 1055px;
  margin:0 auto;
}
.in_prolist .swiper-slide:hover .in_pro_info{
  background: #0c4da2;
}
.in_prolist .swiper-slide:hover .in_pro_info p{
  color: #fff;
}
.in_prolist .swiper-slide:hover .in_pro_info a{
  color: #fff;
}
.in_prolist .swiper-slide:hover .in_pro_info i{
  color: #fff;
}
.in_news{
  width: 1200px;
  margin:0 auto;
  padding:2% 3.7%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.in_news_tit{
  text-align: center;
}
.in_news_tit p{
  font-size: 3.8rem;
  color: #0c4da2;
}
.in_news_tit span{
  color: #ccc;
  font-size: 1.8rem;
  text-transform:uppercase;
  display: block;
  padding:4px 0 15px;
}
.line3{
  background: #cccccc;
}
.in_news_pic{
  float: left;
  width: 36%;
  position: relative;
}
.in_news_pic img{
  width: 100%;
}
.in_news_info{
  position: relative;
}
.hot{
  position: absolute;
  left:0;
  top:0;
}
.in_news_side{
  position: absolute;
  right:2%;
  top:9%;
  width: 60%;
  background: #fafafa;
  padding:2.5% 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.in_news_side h3{
  font-size: 1.7rem;
  color: #000;
  font-weight: bold;
  padding-bottom: 4px;
}
.in_news_side span{
  color: #ccc;
  font-size: 1.3rem;
  padding-right: 10px;

}
.in_news_side span i{
  padding-right: 4px;
}
.in_news_side p{
  font-size: 1.5rem;
  color: #858585;
  line-height: 1.6;
  padding:2% 0 0;
  border-top: 1px solid #ccc;
  margin-top: 7px;
  overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}
.in_news_side a{
  font-size: 1.4rem;
  color: #ccc;
  display: block;
  border:1px solid #ccc;
  width: 106px;
  line-height: 35px;
  text-align: center;
  margin-top: 2%;
}
.in_news_time{
  float: left;
}
.in_news_text{
  float: left;
  background: #fafafa;
  width: 85%;
  padding:2.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.in_news_time{
  background: #ccc;
  text-align: center;
  width: 15%;
  padding:2.9% 0;
}
.in_news_time p{
  font-size: 3.2rem;
  color: #fff;
}
.in_news_time span{
  font-size: 1.3rem;
  color: #fff;
}
.in_news_text h3{
  font-size: 1.5rem;
  color: #000;
  line-height: 1.8;
}
.in_news_text p{
  color: #858585;
  line-height: 1.6;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.in_news ul li.maxnews{
  width: 100%;
}
.in_news ul li{
  width: 48%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2%;
  -o-transition:ease .3s;
  -ms-transition:ease .3s;
  -moz-transition:ease .3s;
  -webkit-transition:ease .3s;
  transition:ease .3s;
}
.in_news ul li:nth-child(2n){
  margin-right: 2%;
}
.in_news ul li a{
  display: block;
}
.in_news_side:hover a{
  color: #fff;
  background: #1a3182;
}
.in_news ul li:hover .in_news_time{
  background: #1a3182;
}
.in_news ul li:hover .in_news_text{
  background: #055dd1;
}
.in_news ul li:hover .in_news_text h3{
  color: #fff;
}
.in_news ul li:hover .in_news_text p{
  color: #fff;
}
.in_news ul li:hover{
-ms-transform:translate(1px, -6px);
-webkit-transform:translate(1px, -6px);
-moz-transform:translate(1px, -6px);
-o-transform:translate(1px, -6px);
transform:translate(1px, -6px);
}
.footer{
  background: #1e1e1e;
  padding:2% 0 1%;
}
.footer_center{
  width: 1200px;
  margin:0 auto;
}
.footer_nav{
  float: left;
  width: 62%;
}
.footer_nav ul li{
  width: 148px;
  overflow: hidden;
  padding:1% 2%;
  float: left;
  background: url("../images/footer_line.jpg") no-repeat left center;
  min-height: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer_contact{
  float: right;
  background: url("../images/footer_line.jpg") no-repeat left center;
  width: 38%;
  padding:1% 2% 1% 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 250px;
}
.footer_nav ul li h3{
  font-size: 1.6rem;
  color: #fff;
  line-height: 2;
}
.footer_nav ul li p{
  font-size: 1.3rem;
  color: #a1a1a1;
  line-height: 1.8;
}
.copy{
  text-align: center;
  font-size: 1.4rem;
  color: #8d8d8d;
  background: #000;
  line-height: 2.8;
}
.footer_contact1{
  float: left;
}
.ewm{
  float: right;
  width: 35%;
  padding-top: 10%;
}
.ewm img{
  width: 100%;
}
.footer_contact1_top{
  color: #fff;
  font-size: 1.6rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #353535;
}
.footer_contact1_top h3{
  font-size: 2.8rem;
  color: #fff;
  font-weight: bold;
  line-height: 2;
}
.footer_contact1_top p{
  font-size: 1.2rem;
  color: #9b9b9b;
  text-transform:uppercase;
}
.footer_contact2 p{
  font-size: 1.5rem;
  color: #fff;
  line-height: 3;
  padding-bottom: 5px;
}
.footer_contact2 a i{
  font-size: 2.7rem;
  background: #434343;
  color: #fff;
  padding:3%;
  -o-transition:ease .5s;
  -ms-transition:ease .5s;
  -moz-transition:ease .5s;
  -webkit-transition:ease .5s;
  transition:ease .5s;
}
.footer_contact2 a i:hover{
  color: #434343;
  background: #fff;
}
.ewm{
  text-align: center;
}
.ewm p{
  font-size: 1.5rem;
  color: #fff;
  line-height: 2.5;
}
.copy a{
  color: #fff;
}
.footer_nav ul li p a:hover{
  color: #fff;
}


/*about*/
.public_about{
  width: 1200px;
  margin:0 auto 3%;
}
.about_tit{
  border-bottom: 1px solid #e5e5e5;
  padding:2% 0 1%;
}
.about_tit span{
  color: #333;
  font-size: 2rem;
  float: left;
}
.brand{
  float: right;
}
.brand{
  color: #999;
}
.brand a{
  color: #999;
}
.brand a:hover{
  color: #666;
}
.about_side{
  margin-top: 2%;
}
.about_side img{
  /*width: 100%;*/
}
.about_side_pic{
  margin-bottom:1%;
}
.about_side_pic_left{
  float: left;
  width: 49%;
}
.about_side_pic_left img{
  width: 100%;
}
.about_side_pic_right{
  float: right;
  width: 51%;
  background: url("../images/abr.html") no-repeat left top;
  background-size:cover;
  height: 100%;
  padding:6% 13% 6.5% 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about_side_pic_right h3{
  font-size: 2.5rem;
  color: #0c4da2;
  font-weight: bold;
  padding-bottom: 5.5%;
}
.about_side_pic_right p{
  font-size: 1.7rem;
  color: #000;
  line-height: 1.6;
}
.about2_left{
  float: left;
  width: 49%;
  padding:0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about2_right{
  width: 51%;
  float: right;
}
.about2_left p{
  font-size: 1.5rem;
  color: #666;
  line-height: 2.4;
}
.about3 img{
  padding:1% 0;
}
.about3 p{
  font-size: 1.5rem;
  color: #666;
  line-height: 2.4;
}

/*pro*/
.products_left{
  float: left;
  width: 18.5%;
}
.products_left_tit{
  background: url("../images/products_left.jpg") no-repeat left top;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.products_left_tit h3{
  font-size: 1.8rem;
  color: #fff;
  line-height: 3.8;
  padding-left: 30px;
}
.products_nav_list{
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.products_nav_list p a{
  display: block;
  font-size: 1.4rem;
  color: #666;
  line-height: 3.3;
  padding-left: 30px;
}
.list_child{
  background: #f7f7f8;
}
.products_nav_list .list_child a{
  color: #1a3182;
}
.products_nav_list .current{
  background: #f7f7f8;
}
.products_nav_list .current a{
  color: #1a3182;
}
.products_left_contact{
  margin:5% 0;
}
.products_left_contact_tit{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  text-align: center;
  background: url("../images/products_left_contact.jpg") no-repeat left top;
}
.products_left_contact_tit h3{
  font-size: 1.8rem;
  color: #fff;
  line-height: 3.8;
}
.products_all{
  padding:2% 0;
}
.pro_leftcon{
  text-align: center;
  padding:7%;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.pro_leftcon p{
  font-size: 1.5rem;
  color: #666;
}
.pro_leftcon h3{
  font-size: 2rem;
  color: #ff0000;
  font-weight: bold;
  border-bottom: 1px dotted #e7e8ea;
  line-height: 2.2;
}
.pro_leftcon span{
  font-size: 1.4rem;
  color: #666;
  display: block;
  line-height: 3;
}
.pro_leftcon a{
  display: block;
  background: #ff0000;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  width: 115px;
  line-height: 35px;
  margin:0 auto;
  border-radius: 0.5rem;
}
.products_right_tit span{
  font-size: 1.8rem;
  color: #1a3182;
}
.products_right{
  width: 79%;
  float: right;
}
.products_right_tit{
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
}
.products_right_tit i{
  font-size: 2.5rem;
  color: #ccc;
}
.brand2{
  padding: 10px 17px 0 0;
}
.products_list ul li{
  width: 31%;
  float: left;
  margin:2% 1.1% 0;
  text-align: center;
  border:1px solid #e5e5e5;
  padding:2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition:ease .3s;
  -ms-transition:ease .3s;
  -moz-transition:ease .3s;
  -webkit-transition:ease .3s;
  transition:ease .3s;
}
.products_list ul li img{
  width: 100%;
}
.products_list ul li p{
  font-size: 1.5rem;
  color: #999;
  line-height: 2;
  padding-bottom: 5px;
}
.products_list ul li span{
  font-size: 1.2rem;
  color: #999;
  border:1px solid #999;
  border-radius: 1rem;
  display: block;
  width: 60px;
  text-align: center;
  margin:0 auto;
  line-height: 2;
}
.products_list ul li:hover span{
border:1px solid #0c4da2;
color:#0c4da2;
}
.products_list ul li:hover{
  -ms-transform:translate(1px, -5px) ;
  -webkit-transform:translate(1px, -5px) ;
  -moz-transform:translate(1px, -5px) ;
  -o-transform:translate(1px, -5px) ;
  transform:translate(1px, -5px) ;
  border:1px solid #0c4da2;
}
.products_detail{
  margin:3% 0;
}
.products_detail_left{
  width: 50%;
  float: left;
}
.products_list ul li:hover p{
  color: #0c4da2;
}
.products_list ul li:hover a{

  color: #0c4da2;
}


.mod18{width:450px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:435px;width:12px;height:27px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.html) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.html) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:450px; height:375px;position:relative;overflow:hidden;border:1px solid #e5e5e5;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{padding-right:1px; width:450px;height:377px;}
.mod18 .picBox img{width:452px;height: 377px;}
.mod18 .listBox{width:414px;height:116px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:109px;position:absolute; padding-left:1px;}
.mod18 .listBox li{border:1px solid #CECDCC;width:126px;height:109px;cursor:pointer;position:relative; padding:5px 5px 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{width: 128px;height: 106px;}
.mod18 .listBox .on{border:1px solid #da261e;}
.mod18 .listBox .on{background:url(../images/img_bg.html) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

/*.products_detail{
  position: relative;
}*/
.products_detail_right{
  width: 47%;
  float: right;
}
.products_detail_right h3{
  font-size: 1.8rem;
  color: #1a3182;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.products_detail_right p{
  line-height:1.6;
  padding:5% 0 0;
  font-size: 1.5rem;
  color: #000000;
}
.products_detail_right span{
  color: #999;
}
.quest{
  border:1px solid #da261e;
  /*position: absolute;
  right:0;
  bottom:7px;*/
  width: 100%;
  padding:1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10%;
}
.quest a{
    display: block;
}
.quest a.que{
  width: 27%;
  float: left;
    border-right: 1px solid #da261e;
}
.quest a p{


  /*float: left;*/
  font-size: 1.8rem;
  color: #da261e;
  padding:0 15px;
}
.share2{
  float: left;
  padding:0 15px;
  width: 64%;
}
.share2 p{
  font-size: 1.4rem;
  color: #666;
  line-height: 28px;
  float: left;
  padding:0;
}
.bdsharebuttonbox{
  float: left;
}
.prodetail_info_titi{
  background: #f7f7f8;
}
.prodetail_info_titi p{
  float: left;
  font-size: 1.6rem;
  color: #fff;
  background: #da261e;
  line-height: 3;
  width: 165px;
  text-align: center;
}
.prodetail_info_side{
  padding:2%;
}
.commmenu_tit{
  background: #f7f7f8;
  font-size: 1.8rem;
  color: #1a3182;
  line-height: 2.5;
  padding:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.price{
  background: rgba(28, 26, 37, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  z-index: 99;
  display: none;
}
.price_info{
  width: 1000px;
  background: #fff;
  border-radius: 0.5rem;
  padding:2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:8% auto;
  position: relative;
}
.price_info_left{
  float: left;
  width: 47%;
}
.price_info_left img{
  width: 100%;
}
.price_info_right{
  width: 50%;
  float: right;
}
.price_info_right ul li{
  margin-bottom: 2%;
}
.price_info_right ul li input{
  font-size: 1.4rem;
  background: 0;
  color: #666;
  width: 100%;
  line-height: 3.3;
  background: #f3f3f3;
  padding:0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.price_info_right ul li textarea{
  background: 0;
  height: 130px;
  padding:10px;
  font-size: 1.4rem;
  background: #f3f3f3;
  width: 100%;
}
.price_info_right p{
  font-size: 2.4rem;
  color: #000;
  line-height: 2;
}
.price_info_right ul li.yz input{
  float: left;
  width: 60%;
}
.price_info_right ul li.yz img{
  float: right;
  width: auto;
}
.price_info_right button{
  background: #da261e;
  font-size: 1.6rem;
  color: #fff;
  line-height: 3;
  width: 100%;
  border-radius: 0.5rem;
  cursor: pointer;
}
.close{
  position: absolute;
  right:0;
  top:-8%;
}
.close i{
  font-size: 3rem;
  color: #fff;
}
.contact{
  margin:2% 0 0;


}
.map{
  float: left;
  width:60%;
}
.map img{
  width: 100%;
}
.map_all{
  width: 99.9%;
  border:1px solid #e5e5e5;
  padding:6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.address{
  width: 38%;
  float: right;
  padding-top: 2%;
}
.address h3{
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
  padding-bottom: 5px;
}
.address p{
  font-size: 1.5rem;
  color: #333;
  line-height: 2.8;
}
.more_company ul li{
  width: 33.3%;
  padding:4% 8% 4% 2%;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.more_company ul li h3{
  font-size: 1.5rem;
  color: #1a3182;
  font-weight: bold;
}
.sdd_text span{
  float: left;
  display: block;
  width: 18%;
  font-size: 1.5rem;
  color: #666;
}
.sdd_text p{
  font-size: 1.5rem;
  float: left;
  color: #666;
  width: 82%;
}
.sdd_text{
  padding:18px 0 0;
}
.more_company ul li{
  float: left;
}
/*
.more_company ul li:first-child{
  border-left: 1px solid #e5e5e5;
}*/
.more_company ul li:nth-child(3n){
  border-right: 1px solid #e5e5e5;
}

.news{
  padding:0 3%;
}
.news_pic{
  float: left;
  width: 38%;
}
.news_pic img{
  width: 100%;
}
.news_text{
  width: 58%;
  float: right;
}
.news_text h3{
  font-size: 2.2rem;
  color: #333;
  font-weight: bold;
  padding: 4% 0 5%;
}
.news_text p{
  font-size: 1.4rem;
  color: #666;
  line-height: 2;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news_text a{
  display: block;
  color: #fff;
  font-size: 1.4rem;
  background: #1d6bc3;
  width: 140px;
  line-height: 2.8;
  text-align: center;
  margin-top: 5%;
}
.news_left{
  width: 80%;
  float: left;
  color: #666;
  padding:2% 0 0;
}
.news_left span{
  font-size: 1.8rem;
  color: #000;
  font-weight: bold;
  padding-right:20px;
}
.news_right{
  width: 15%;
  float: right;
}
.news_right img{
  width: 100%;
}
.news_left p{
  font-size: 1.4rem;
  color: #666;
  padding-top: 10px;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_left p:hover{
  color: #999;
}
.news ul li{
  border-bottom: 1px solid #e5e5e5;
  padding:2% 0;
  -o-transition:ease .3s;
  -ms-transition:ease .3s;
  -moz-transition:ease .3s;
  -webkit-transition:ease .3s;
  transition:ease .3s;
}
.news ul li:first-child{
  padding-top: 0;
}
.news ul li:hover{
  -ms-transform:translate(1px, -6.24px);
  -webkit-transform:translate(1px, -6.24px);
  -moz-transform:translate(1px, -6.24px);
  -o-transform:translate(1px, -6.24px);
  transform:translate(1px, -6.24px);
}
.newsdetail_info{
  float: left;
  width: 73%;
}
.newsdetail_info_titi{
  border-bottom:1px solid #e5e5e5;
  padding-bottom: 2%;
}
.newsdetail_info_titi h3{
  font-size: 2.2rem;
  color: #333333;
  font-weight: bold;
  padding:1% 0 1.5%;
}
.newsdetail_info_titi p{
  font-size: 1.3rem;
  color: #999;
  float: left;
  line-height: 2.3;
}
.news_detail{
  padding:2% 0;
}
.newsdetail_info_side{
  padding:2% 0;
  word-break:break-all;
}
.newsdetail_info_side p{
  font-size: 1.6rem;
  line-height: 2;
  color: #666;
}
.newsdetail_info_side img{
  padding:2% 0;
  width: 100%;
}
.news_detail_right{
  width: 23%;
  float: right;
}
.news_detail_right h3{
  font-size: 1.8rem;
  color: #fff;
  background: #1d6bc3;
  line-height: 2.5;
  padding:0 20px;
}
.news_detail_right_list{
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.news_detail_right_list ul li{
  padding:5%;
  border-bottom: 1px dotted #e5e5e5;
}
.news_detail_right_list ul li span{
  color: #999;
  display: block;
  padding-bottom: 3px;
}
.news_detail_right_list ul li p{
  font-size: 1.5rem;
  color: #666;
  line-height: 1.5;
}
.news_detail_next_left{
  width: 75%;
  float: left;
}
.news_detail_next_right{
  width: 20%;
  float: right;
}
.news_detail_next_left p a span{
  color: #999;
  font-size: 1.4rem;
}
.news_detail_next_left p a{
  font-size: 1.4rem;
  color: #666;
  margin-bottom: 10px;
  display: block;
}
.news_detail_next_right a{
  display: block;
  width: 140px;
  line-height: 3.3;
  text-align: center;
  color: #fff;
  background: #1d6bc3;
}
.nav2{
  /*position: absolute;
  left:0;
  top:53px;
  z-index: 99;
  width: 100%;
  display: none;
  background: #e0e3eb;
  height: 100%;*/
  width: 370px;
background: rgba(0, 0, 0, 0.6);;
    position: absolute;
    top: 52px;
    left: 0;
     display: none;
    z-index: 9999999;
    /*padding:12px 0;*/
}
.nav ul li:nth-child(2) .nav2{
  width: 260px;
}
.nav ul li:nth-child(2) .nav2 p{
  width: 100px;
}
.nav ul li:nth-child(4) .nav2{
  width: 300px;
}
.nav ul li:nth-child(4) .nav2 p{
  width: 120px;
}
.nav ul li:nth-child(6) .nav2{
  width: 260px;
}
.nav ul li:nth-child(6) .nav2 p{
  width: 100px;
}
.nav ul li:nth-child(7) .nav2{
  width: 140px;
}
.nav ul li:nth-child(7) .nav2 p{
  width: 110px;
}
.nav2_center{
  /*position: absolute;
  left:26%;
  top:0;*/
  width: 100%;
  /*background: #e0e3eb;
  padding:0 21% 0 26%;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav2_center p{
  float: left;
width: 148px;
padding:0 15px 0 15px;
/*background: rgba(0, 0, 0, 0.6);*/
text-align: left;
}
.nav2_center p:hover{

}
.nav2_center p a{
  font-size: 1.4rem!important;
  display: block;
  color: #fff !important;
  background:0 !important;
  line-height: 40px;
  padding:0 0 0 7px!important;
  border-bottom: 1px dotted #47505d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav2_center p:hover a{
  background: #1a3182 !important;
}
.nav2_bg{
  position: absolute;
  left:0;
  top:53px;
  background: #e0e3eb;
  z-index: 9;
  height: 53px;
  width: 100%;
  display: none;
}
/*.nav_center ul li:nth-child(7) .nav2{
  width: 177px;
}*/
.in_products2{
  display: none;
}
.menu{
  display: none;
}
.products_nav_phone{
  display: none;
}
.ipad_promax{
  display: none;
}



/*2017-2-22*/
/* .message{
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999;
} */
.message_center{
  /* border-top: 3px solid #ff7e00; */
  background:#fff;
  /* border-radius: 0.5rem; */
  width: 990px;
  margin:0 auto 0;
  padding:0 20px;
  position: relative;
}
.message_top{
  line-height: 95px;
  font-size: 28px;
  border-bottom: 1px solid #e0e0e0;
}
.message_pic{
  float: left;
  width: 50%;
}
.message_info{
  width: 45%;
  float: right;
}
.message_next{
  padding:32px 0 50px;
}
.message_info ul li{
  border:1px solid #e0e0e0;
  margin-bottom: 10px;
}
.message_info ul li input{
  font-size: 14px;
  color: #333;
  line-height: 43px;
  padding:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width:80%;
}
.message_info ul li textarea{
  font-size: 14px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
  width: 100%;
}
.message_info ul li.yanz{
  border:0;
}
.message_info ul li.yanz input{
  float: left;
  width: 30%;
  border:1px solid #e0e0e0;
  margin-right: 2%;
}
.message_info ul li.yanz img{
  float: left;
  width: 24%;
}
.message_info ul li.yanz button{
  font-size: 14px;
  color: #fff;
  background: #ff7e00;
  width: 30%;
  float: right;
  line-height: 43px;
}
.closed{
  position: absolute;
  right:-5%;
  top:0;
}
.contact_message{
  display: none;
}
.down_load{
  padding:0 20px;
}
.down_left{
  float:left;
  width: 70%;
}
.down_left p{
  width: 100%;
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #666;
font-size: 14px;
}
.down_left span{
  font-size: 14px;
  color: #999;
}
.down_right{
  float: right;
  width: 30%;
}
.down_load ul li{
  border-bottom: 1px dashed #ccc;
  line-height:3.3;
}
.read{
  font-size: 1.4rem;
  color: #999;
  float: left;
}
.read span{
  color: #666;
}
.down_icon{
  float: right;
}
.down_icon button{
  background: #f2f3f4;
  border-radius: 1.5rem;
  width: 103px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  color: #757576;
  font-size: 1.4rem;
}
.down_icon button:hover{
  color: #fff;
  background: #1a3182;
}
.down_icon button:hover i{
  color: #fff;
}
.nav_pad{
  display: none;
}

.finger{
  display: none;
}



@media only screen and (max-width : 1200px){
  .header{
    width: 94%;
  }
  .nav_center{
    width: 94%;
  }
  .nav_center ul li{
    width: 12%;
  }
  .in_about_center{
    width: 100%;
  }
  .in_products_center{
    width: 100%;
  }
  .in_prolist{
    width: 94%;
  }
  .in_news{
    width: 100%;
  }
  .footer_center{
    width: 94%;
  }
  .footer_nav ul li{
    padding:1% 2.5%;
  }
  .in_nother{
    margin:5% auto 1%;
  }
  .nav2_center{
    /*padding:0 7% 0 13%;*/
  }
  .public_about{
    width: 94%;
  }
  .footer_nav{
    width: 65%;
  }
  .footer_contact{
    width: 35%;
  }
  .footer_contact1{
    width: 65%;
  }
  .ewm{
    width: 30%;
  }
  .footer_nav ul li{
    padding:1% 2%;
  }
}
.notdata{height:35px;line-height:35px;border:1px dashed #ccc;margin:20px;text-align:center}

.pageNav{font-family:Arial,Helvetica,sans-serif;padding:18px 0;text-align:center}
.pageNav span,.pageNav a{margin-left:-1px;overflow:hidden;padding:5px 10px;
border:1px solid #ccdbe4;color:#333;cursor:pointer;display:inline-block}
.pageNav span{background:#eee}
.pageNav span.info{background:none}
.pageNav .mor{padding:3px;font-weight:bold}
.in_prolist .swiper-container {
background:#fff;
}

.videoinfo{
	padding:3% 0 0;
}
.videoinfo ul li{
	width: 30.5%;
	float: left;
	margin:0 1.3% 1% 1.5%;
}
.videoinfo ul li img{
	width: 100%;
}
.videoinfo ul li p{
	font-size: 15px;
	padding-bottom: 5px;
	color: #666;
}
.videoinfo ul li span{
	font-size: 12px;
	color: #999;
}
.videomax{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(0,0,0,.5);
	text-align: center;
	display: none;
}
.videomax img{
	width: 600px;
	margin-top: 200px;
}












.in_prolist1{
  width: 1366px;
  margin:0 auto; margin-left:-50px;
}
.in_prolist1 .swiper-slide:hover .in_pro_info{
  background: #0c4da2;
}
.in_prolist1 .swiper-slide:hover .in_pro_info p{
  color: #fff;
}
.in_prolist1 .swiper-slide:hover .in_pro_info a{
  color: #fff;
}
.in_prolist1 .swiper-slide:hover .in_pro_info i{
  color: #fff;
}
.products_list1 ul li{
  width: 22%;
  float: left;
  margin:2% 1.1% 0;
  text-align: center;
  border:1px solid #fff;
  padding:2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition:ease .3s;
  -ms-transition:ease .3s;
  -moz-transition:ease .3s;
  -webkit-transition:ease .3s;
  transition:ease .3s;
}
.products_list1 ul li img{
  width: 100%;
}
.products_list1 ul li p{
  font-size: 1.5rem;
  color: #fff;
  line-height: 2;
  padding-bottom: 2px; margin-top:5px;
}
.products_list1 ul li span{
  font-size: 1.2rem;
  color: #fff;
  border:1px solid #999;
  border-radius: 1rem;
  display: block;
  width: 60px;
  text-align: center;
  margin:0 auto;
  line-height: 2;
}
.products_list1 ul li:hover span{
border:1px solid #0c4da2;
color:#0c4da2;
}
.products_list1 ul li:hover{
  -ms-transform:translate(1px, -5px) ;
  -webkit-transform:translate(1px, -5px) ;
  -moz-transform:translate(1px, -5px) ;
  -o-transform:translate(1px, -5px) ;
  transform:translate(1px, -5px) ;
  border:1px solid #0c4da2;
}