/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{font: 12px "Inter (OT1)"; color:#333; margin:0 auto;padding:0px; list-style:none;  }
a{ color:#333; text-decoration:none; }
a:hover{  color:#cc3230; text-decoration:none;  }
.clear_all {clear:both;}
.f_fr { float: right;}
em {font-style: normal;}
.content {width: 1200px;margin:0 auto;}
.fbd { font-weight:bold;}

img{ border:none; padding:0px; margin:0px; display:block; }
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.fl{ float:left;}
.fr{ float:right;}

.language{height: auto;float:left; width:70px;color: #a8a8a8;font-weight: bold; margin-left:30px; }
.language img { display:inline-block; margin-top:-3px;}
.language span { display:inline-block; font-size:14px; padding-left:5px;}
.lang_icon{display: inline-block;width: 34px;height: 13px;background: url(/template/default/img/lang_icon.png) no-repeat;margin-right: 5px;}
.lang_cur{color: #ff1a1d;}
.language a{margin: 0 1px;}
.language a:hover{color: #ff1a1d;}

.top_search { float: right; width:28px;}
.top_search .btn-search{ width:28px; height:24px; background:url(../image/sousuo.png) no-repeat; margin-top:13px; cursor:pointer; }

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:59px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index:99999;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}

/*首页产品*/
.pro{ margin-top:40px;}
.pro li{ width:23%; float:left; margin-left:1%; margin-right:1%;}
.pro li img{ width:100%; height:auto; overflow:hidden; border:1px solid #ddd;}
.pro li p{ text-align:center; font-size:0.92rem; line-height:40px;}


@media (max-width:1300px){
.pro{ margin-top:20px;}
.pro li{ width:48%; float:left; margin-left:1%; margin-right:1%;}
.pro li img{ width:100%; height:auto; overflow:hidden; border:1px solid #ddd;}
.pro li p{ text-align:center; font-size:0.8rem; line-height:40px;}}

@media (min-width:900px){
.pro li:nth-child(4n+1) {clear:left;}
}


.pro_sec {margin-top:20px;}
.pro_sec li{ width:100%; border-bottom:1px solid #ddd; line-height:30px; padding:10px 0px; overflow:hidden;}

.pro_sec li svg {
	display: inline-block;
    color: #b2b2b2;
    fill: currentColor;
    transition-property: background-color,border-color,color,fill,stroke;
    transition-duration: .5s;
    margin: 5px 10px 5px 5px;
    width: 28px;
    height: 28px;}
	
@media (min-width:760px){
.pro_sec li span { float:left; display:block; width:220px; font-size:18px; font-weight:bold;}
.pro_sec li p { float:left; display:block; width:780px; font-size:16px; line-height:38px;}
}
.pro_sec li p a { display:inline-block; padding-right:10px;}

@media (max-width:760px){
.pro_sec li span { display:block; width:100%; font-size:16px; font-weight:bold;}
.pro_sec li p { display:block; width:100%; font-size:14px;}
}


.xwcon{ font-size:0.9rem; line-height:26px;}
.footer__intro .flx{ font-size:0.92rem; line-height:27px;}

/*内页*/
.company{ margin-top:40px;margin-bottom:60px; overflow:hidden; height:auto;clear:both;float:none;margin-right:auto;margin-left:auto;}
.company .resume{line-height:28px;text-align:left; font-size:1rem; margin-top:2rem;}
.company .resume img{ max-width:100%; overflow:hidden;}

/*产品中心*/
#proslistbox{margin-top:40px;margin-bottom:60px; overflow:hidden; height:auto;clear:both;float:none;margin-right:auto;margin-left:auto;}

.sec_tpm {line-height:24px; font-size:1rem;}
.sec_tpm img { margin:0 auto; max-width:100%; overflow:hidden;}

/*新闻资讯*/
.sec_tpm3{}
.sec_tpm3 ul{}
.sec_tpm3 ul li{float:left;width:31.33%;height:auto;background:#f2f2f2;margin:30px 1%;position:relative}
.sec_tpm3 ul li .pic{height:auto;width:100%;overflow:hidden}
.sec_tpm3 ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height:auto;width:100%;}
.sec_tpm3 ul li:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.sec_tpm3 ul li:hover .text{background-color:#0196dc}
.sec_tpm3 ul li .text p,.sec_tpm3 ul li .text strong{-o-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-ms-transition:all .1s;transition:all .1s;word-wrap: break-word;  }
.sec_tpm3 ul li:hover .text p,.sec_tpm3 ul li:hover .text strong,.sec_tpm3 ul li:hover .text span{color:#FFFFFF}
.sec_tpm3 ul li .text{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s; font-size:14px;line-height:24px;padding:20px;word-wrap: break-word;}
.sec_tpm3 ul li .text .neirongs{word-wrap: break-word;display:block;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.sec_tpm3 ul li .date{height:45px;width:100px;position:absolute;left:15px;display:block;background-color:#0196dc;top:10px;font-size:24px;text-align:center;color:#FFFFFF;line-height:44px}
.sec_tpm3 ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size:1.1rem;font-weight:normal;display:block;padding-bottom:15px;color:#000;word-wrap: break-word;}



/*联系方式*/
.contact{padding-top:40px;padding-bottom:80px; overflow:hidden;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E6E8 }
.contact .con{float:left;width:46%;font-size:16px;line-height:30px}
.contact .con a{color:#333}
.contact .map{ float:right; width:50%; height:auto; border:1px solid #CCC}
.contact .map img{ width:100%; height:auto; overflow:hidden;}

.feedback{clear:both;float:none;margin-top:60px;font-size:14px}
.feedback dl{margin-top:40px;clear:both;float:none;width:100%}
.feedback dl dt{float:left;width:33.33%;display:block;padding-top:12px;padding-bottom:12px;line-height:30px}
.feedback dl dt:nth-child(2),#contactus .feedback dl dt:nth-child(4){float:right}
.feedback dl dt .input{width:300px;float:left}
.feedback dl dt .input input{width:99%;height:30px;border:1px solid #CCC;outline:0;box-sizing:border-box;padding-right:6px;padding-left:6px}
.feedback dl dt em{width:56px;display:block;float:left;font-style:normal}
.feedback dl dd{display:block;width:100%;padding-top:12px;padding-bottom:12px;height:auto;clear:both;float:none}
.feedback dl dd textarea{width:99.6%;font-size:14px;line-height:26px;border:1px solid #CCC;clear:both;float:none;margin-top:10px;outline:0;box-sizing:border-box;padding-right:6px;padding-left:6px}
.feedback dl dt .lybtn{height:34px;width:140px;font-size:14px;color:#FFF; background:#0096dc;}
.c_tit{text-align:center;color:#888}
.c_tit strong{font-size:2.8rem;color:#333}
.c_tit p{font-size:14PX}
.c_tit i{display:block;height:15px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}

@media (max-width:1000px){
.sec_tpm3 ul,.sec_tpm3 ul li .pic,.sec_tpm3 ul li .pic img {width:100%;}
.sec_tpm3 ul li {width:100%; margin:20px auto;}
.contact .con{ width:100%}
.contact .map{width:100%; margin-top:2rem;}
.feedback dl dt{ width:100%}
.c_tit strong{font-size:1.6rem;color:#333}
}

 #pagetop { position:absolute; right:30px; bottom:40px; background:#0296db; border-radius:5px;
      width:40px;
      height:40px;
      
      /* transition: .25s; */
      }
      #pagetop:hover {
        -webkit-transform: translate(0, -8px);
                transform: translate(0, -8px); } 
 
  #pagetop:after {
    content: "";
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%; }
    @media screen and (min-width: 768px), print {
      #pagetop:after {
        width: 12px;
        height: 12px; } }
    @media screen and (max-width: 767px), print {
      #pagetop:after {
        width: 8px;
        height: 8px; } }

/*产品内容页 */

.product_c{overflow: hidden; margin-bottom: 40px; margin-top: 40px;}
.product_c .left{float: left; width:42%;}
.product_c .left img{border: 1px solid #dfdfdf}
.product_c .right{float: right; width:58%; height: 100%}
.product_cin{padding-left: 40px;}
.product_cin h1{color: #111; font-weight: bold; font-size:1.8rem;}
.product_cin h4{color: #004e97; font-weight: bold; margin-top: 10px;}
.product_cin_text{color:#333; font-size:1rem;}
.product_cin_text img{max-width: 100%; width: auto;}
.product_cin b{display: block;width: 60px;height: 1px; background: #0096dc;margin:15px 0; margin-bottom: 40px;}
.product_cin{position: relative; height: 100%}


.product_down{overflow: hidden; position: absolute; bottom:0; max-width: 90%}
.product_down a{display: block;min-width: 150px; height: 36px; line-height: 36px;background: #b1cc1d; /*background: #b1cc1d url(../images/down_02.png) no-repeat 10px center;*/border:1px solid #b1cc1d; color: #fff; border-radius: 4px; text-align: center; margin-bottom: 10px; width: 98%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_down a:first-child + a{/*margin-right: 0;*/  border:1px solid #dddddd; color: #333333;background: #fff;/*background: #fff url(../images/down_01.png) no-repeat 10px center;*/}
.product_down a>img{width:17px; margin-right:10px; vertical-align:middle; margin-top:-3px;}
.product_cintext{overflow: hidden;}

.product_c + .detial_page{ margin:0 0 30px; }
.goback_list{ text-align: right; margin:0 0 20px; }
.goback_list a{ color: #969696; text-decoration: underline;}

@media only screen and (max-width: 1300px) {
.product_cin{padding-left: 30px;}
.product_cin b{margin:15px 0}

}
@media only screen and (max-width: 1024px) {
.product_c{margin-top: 0}
}
@media only screen and (max-width: 1024px) {
.product_c{margin-bottom: 40px;}
.inpart_text{margin-bottom: 30px}

}

@media only screen and (max-width: 768px) {
.product_c,.product_cin,.product_cintext{height: auto !important;}
.product_c .left{float: left; width: 100%;}
.product_c .right{float: left; width: 100%; margin-top: 20px;}
.product_cin{padding-left: 0}
.product_down{position: static; margin-top: 30px;text-align: center; max-width:100%;}
.product_down a{box-sizing: border-box; width:100%;}
.edit{ margin-top:25px;}}

.detial_page{padding-top: 20px; margin-top: 60px; border-top: 1px solid #e0e0e0;}
.detial_page li{line-height: 34px;overflow: hidden; font-size:1rem;}
.detial_page li em{ font-style:normal; color: #111;float: left;}
.detial_page li a{color: #111; max-width: 63%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left;}
.detial_page li a:hover{ color:#0096dc;}

/*正文右侧*/
.in_lmTitle{width:100%; position:relative; text-align:left;}
.in_lmTitle h3{font-size:40px; display:block; text-align:left; color:#333333; line-height:50px; font-weight:normal;}
.in_lmTitle h4{font-size:24px; display:block; text-align:left; margin-bottom:30px; color:#333333; line-height:30px; font-weight:normal;}
.daohangtop{ width:100%; text-align:left; color:#333333; font-size:1.2rem; line-height:22px; margin-top:40px;}
.daohangtop a:hover{ color:#0096dc;}
.daohangtop span{ color:#333333 !important; padding-left:6px; padding-right:6px;}
.daohangtop em{ color:#0096dc;font-style:normal;}


/*翻页*/
.pager{ font-size:14px; width: 100%; padding: 10px 0;text-align: center; margin:0 auto;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:2px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#de1710;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#de1710;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}
.pager a.page-num-current { background:#de1710;color:#fff;}