.w1170 {width: 1170px;position: relative;margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}
*{box-sizing: border-box;}
.toubu {height: 25px;  background: #0A2040; line-height:25px; border-bottom:1px solid #2c669c;}
.toubu ul li{ float:right; margin-left:15px;}
.toubu ul li a{ font-size:12px; color:#fff;}
img{ max-width:100%;}


@font-face {
  font-family: 'iconfont';  /* project id 1299139 */
  src: url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.eot');
  src: url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1299139_mmglr9xplb.svg#iconfont') format('svg');
}



.iconfont{font-family:"iconfont"!important;font-size:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


/*banner*/
.index_con1  .swiper-container{ width:100%;}
.index_con1 .swiper-slide{ text-align:center; }
.index_con1  .swiper-button-prev{ display:block; width:50px; height:50px; background:url(../img/prev.png) no-repeat;}
.index_con1  .swiper-button-next{ display:block; width:50px; height:50px; background:url(../img/next.png) no-repeat;}

/*应用*/
.sy_yingyong ul{ margin-top:2%;}
.sy_yingyong ul li{ width:20%; float:left; position:relative; padding:0% 0.2% 0.5% 0.2%;}
.sy_yingyong ul li  p{ position: absolute;width: 100%;top: 50%;transform: translateY(-50%); left:0;text-align: center; font-size: 22px;color: #fff;}
.sy_yingyong ul li:hover img{opacity:0.7;}


/*产品及服务*/
.h2{color: #00539b;font-size: 30px;font-weight: 100;line-height: 35px; text-align:center; padding-top:60px;}
.sy_fuwu ul li{ width:33.33%; float:left; padding:4%; text-align:center;}
.sy_fuwu ul li img { width: 100%; height: 120px; }
.sy_fuwu ul li  h2{color: #00539b;font-size: 26px;font-weight: 100;line-height: 35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sy_fuwu ul li p{ padding:10px 0;}
.more a{border: 1px #000 solid;display: inline-block;letter-spacing: 0.1em;font-size: 15px;padding: 10px 20px;font-weight: 100; color:#000000; margin-top:10px;}

/*底部样式*/
.footer{color: #dadada;background: #585f69;padding: 20px 0 30px;}
.footer  .col-sm-2-4{ width:14%; float:left;}
.footer  .col-sm-2-4 td{ padding:5px;}
.footer  .col-sm-2-5{ width:40%; float:left;}
.footer  .col-sm-2-5 td{ padding:5px; vertical-align:bottom;} 

.footer .headline h2, .footer .headline h2 > a, .footer .headline h2 > a:hover {padding-bottom: 0px;margin-top: 10px;border-bottom: none;color: #72cfec;font-size: 15px;}
.footer p, .footer a {font-size: 12px; color: #fff;}
.headline {margin: 10px   0;}
.footer a:hover{color: #a8f85f;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.copyright{font-size: 12px;padding: 11px 0 7px;background: #3e4753;border-top: solid 1px #777;}

.copyrightz img{max-height:35px; margin-top: 5px; display:inline-block;}
.copyrighty{ line-height:35px;}
.copyrighty a{color: #72c02c;}


/*友情链接*/
.link{ background-color:#8c939d; width:100%; color:#ffffff; padding-top:10px;}
.link dl dt{ width:80px; float:left;}
.link dl dd a{ display:inline-block; margin-right:30px; color:#ffffff; margin-bottom:10px;}

.weizhi{ padding:15px 0;}
.u-item-titel {margin-top: 40px;font-size:24px;color: #333; text-align:center;}
.u-line { width: 40px;height: 18px; margin: 0 auto;border-bottom: 1px solid #333;}
.introduce {font-size: 14px;color: #333333;text-align: center;line-height: 30px; margin: 4.5% auto 6%;padding: 0 10px;}
.history-bg {background: #f8f8f8;position: relative; width:100%; padding:10px 0 40px 0;}
.history-bg .line { width: 100%;height: 1px;background: #015198;margin: 16px 0 45px; position: absolute;bottom: 70px;}

.f66{color: #005198; font-size:48px;}

.history-item{ text-align:center;}
.history-item .info { padding: 40px 24px 0;line-height: 24px;height: 240px;}
.history-item .year {line-height: 20px;}

.subtitle { font-size:20px; color: #150e26;}
.history-item .circle {width: 20px; height: 20px;background: #015198;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; margin:0 auto; margin-top:20px; margin-bottom:20px;}

.history-bg   .swiper-container{ margin-top:40px;}
.history-bg  .swiper-button-prev{ left:-20px;}
.history-bg  .swiper-button-next{ right:-20px;}
.u-item-info {font-size: 14px;color: #333333; margin-top: 2.4%;padding: 10px 30px; text-align:left;}
.science {background: #f8f8f8; margin:40px 0;}
.science  .col-md-6 {width: 50%; float:left;}
.boxAz { position:relative; }
.boxAz  .banBar { width:100%;}
.boxAz .swiper-pagination{ z-index:10; width:100%; left:0px; bottom:15px;}
.boxAz .swiper-pagination-bullet { width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff; margin:0 5px;opacity: 1;}
.boxAz .swiper-pagination-bullet-active{ background:#ff0000;}
.science-list  .col-md-3 {width: 25%; float:left; text-align:center;}

.science-item .iconfont {font-size: 60px; color: #005198;}
.science-item .title { font-size: 14px;color: #150e26; padding: 10px 20px ;}
.science-item { text-align: center;margin-top: 10%;}
.yingybox{ margin-bottom:40px;}
.yingyboxz{width: 25%;}
.servive-block-in {background: #fafafa; border: solid 1px #eee;padding: 10px 20px; margin-bottom:10px;}
.dabit01{font-size: 14px;font-weight: bold;color: #666666;}
.dabit02{ margin-top:5px;}
.dabit02 ul li{ background:url(../img/bluesquarebullet.jpg) 10px center no-repeat; text-indent:24px; line-height:24px;}
.yingyboxy{width: 73%;}
.h1 {color: #00539b;font-size: 30px;font-weight: 100;line-height: 35px;}


.m-news-list ul li {
    position: relative; width:48%; float:left;
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    -webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);
    -o-transition: all .4s cubic-bezier(.175,.885,.32,1);
    transition: all .4s cubic-bezier(.175,.885,.32,1); margin-right:4%;
}
.m-news-list ul li:nth-child(2n){ margin-right:0;}

.card-heading, .u-card-more,  .card-content { width: 92%; margin:0 auto;}
.card-heading { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px;font-size:18px;color: #333;}
.u-info {margin-top: 20px;height: 70px; line-height: 25px; color:#999;}
.u-card-time { margin-top: 3px; color:#999;}
.u-card-more { margin: 10px auto 15px;color: #333;}
.m-news-list ul li:hover{-webkit-box-shadow : 2px 0 10px rgba(102,102,102,.5), -2px 0 10px rgba(102,102,102,.5);
    -moz-box-shadow : 2px 0 10px rgba(102,102,102,.5), -2px 0 10px rgba(102,102,102,.5);
    box-shadow : 2px 0 10px rgba(102,102,102,.5), -2px 0 10px rgba(102,102,102,.5);}
	
	
.page { text-align: center; padding:30px 0;}
.page ul{ display : table; margin: 0 auto; background-color: #e9e9e9; padding:8px;}
.page li { display: inline-table;padding: 0 3px; }
.page li a { background-color: #cbcbcb; padding: 3px 8px; color: #000; }
.page li span { background-color: #222222; padding: 3px 8px; color: #fff; }

.yynrye p{ margin-top:20px;}

.form-main{ margin-top:40px;}
.form-main  .col-md-3 {width: 25%; text-align:right; float:left; line-height:30px; height:30px;}
.form-group{margin-bottom: 15px; overflow:hidden;}


.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 1.53846154;
    color: #222;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.form-main    .col-md-8 {width: 66.66666667%; float:left;}
textarea.form-control {height: auto;}
.box-btn {width: 100px;height: 35px;margin-top: 25px;border-radius: 5px; margin-right:10px;border: 0;background-color: #f6f6f6;color: #333;}
.msgbtn { background-color: #c90916;color: #fff;}
.scwnedbox dl{ margin-top:30px;}
.scwnedbox dl  dt{ margin-bottom:20px;}
.scwnedbox dl  dd a{ display:block; background:url(../img/icon_pdf.gif) left no-repeat;font-size: 12px;color: #0066cc; margin-top:10px; text-indent:24px;}
.shipbox dl { margin-top:30px;}
.shipbox  dl  dt{ margin-bottom:20px; font-size:24px; color:#ff0000;}
.shipbox  dl dd a{ display:block; margin-top:10px; color: #0066cc; font-size:12px;} 
.spbox01{ margin-top:20px;}
.chanpnrbox{ margin-top:20px;}
.chanpnrboxz{ width:48%;}
.chanpnrboxy{ width:48%;}
.cpboxbj{ width:100%; background:url(../img/pro_top.jpg) top center no-repeat; background-size:cover;}
.cpboxbjz{ width:48%; float:left;}
.cpboxbjy{ width:48%; float:right; text-align:right; position:relative; height:260px;}
.cpboxbjy01{ position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;text-align:right;font-size:34px;color: #fff;}
.chanpnrbox1{ margin-top:30px;}
.chanpnrbox1  >  dl >  dd{ border:1px solid #cccccc; border-top:none;}
.chanpnrbox1   >  dl >  dt {width: 100%; height: 38px;border-bottom: 1px solid #ccc;}
.chanpnrbox1  dt  span{text-align: center;float: left;display: block; width: 90px;height: 38px;overflow: hidden;   line-height: 38px; cursor:pointer;}
.chanpnrbox1  dt  .current  {border-top: #3498db 2px solid; border-right: #ccc 1px solid;border-left: #ccc 1px solid;border-bottom: #fff 1px solid;display: inline;font-size: 14px; cursor: pointer;color: #000;}
.chanpnrbox1_txt{ padding:20px;}
.sale_tab dd > div:nth-child(n+2) { display: none;}
.biaoge td ,.biaoge th{ border:1px solid #cccccc; padding:10px;}
/*.gdyybox{ text-align:center; }*/
.gdyybox p{color: #00539b;font-size: 18px;font-weight: 100;line-height: 35px;}
.gdyybox a{ display:inline-block; background:; padding:5px 15px; color:#000000; border-radius: 5px; margin-left:5px; margin-top:10px;}


/*返回顶部*/
.return-menu{width:80px;position:fixed;text-align:center;left:100%;margin-left:-85px;bottom:40%;display:block;z-index:10001; color:#fff;}
.m-block{width:100%;height:auto;margin-bottom:1px;}
.u-block{width:100%;height:90px;position: relative; border:1px solid #c90916; /*transition:width,margin-left  1s,1s;*/ text-align:center;display:table; background-color: #c90916;}
.u-block .iconfont{font-size:36px;}
.u-block a{color:inherit;display:table-cell;vertical-align:middle;}
.u-block:hover{background-color: #fff;color:#c90916;}
/*#sApply{width:30px;display:block;margin:0 auto;color:#88a7ec;}*/
/*.m-block-con{transition:margin-top 0.5s;}*/
.m-codes{position:absolute;height:145px;width:130px;overflow:hidden;top:-102px;right:38px;display:none;}
.m-codes>img{margin-left:-255px;}
#return_top_btn{display:none;}


/*.f-layer:hover {width: 230px; margin-left: -150px;}*/
.f-layer:hover .u-layer-tel{display: block;}
.u-layer-tel{width: 240px; position: absolute; top:0; left:88px; z-index: 0; font-size: 14px;}
.u-layer-tel .tel{display:inline-block; width: 85px}
.u-layer-tel div {line-height: 39px; white-space: nowrap;}
.u-layer-icon{width: 80px; position: absolute;top:15px;}


.return-top{position: fixed; right: 0; bottom:0; margin-right:20px;margin-bottom:65px; z-index: 9999;}
.return-top i{font-size:45px; color: #c90916;}


@media screen and (max-width:768px){
.w1170{ width:94%; margin:0 auto;}
.footer  .col-sm-2-4{ width:100%; float:none;}

.copyrightz{ width:100%; text-align:center;}
.copyrighty{ width:100%; text-align:center;}
.sy_fuwu ul li{ width:100%; float:none;}
.sy_yingyong ul li{width:100%; float:none;}
.h2 { padding-top:30px;}
.swiper-button-prev{ left:0px;}
.swiper-button-next{ right:0px;}
.science  .col-md-6 {width: 100%; float:none;}
.science-list .col-md-3 {width: 50%;float: left;text-align: center;}
.yingyboxz{ display:none;}
.yingyboxy{ width:100%; float:none;}
.m-news-list ul li {width: 100%; float:none;}
.yingybox{ margin-bottom:40px;}
.cpboxbjz{ width:100%; float:none;}
.cpboxbjy{ width:100%; float:none; text-align:center; position:relative; height:auto; padding:10px 0 30px 0;}
.cpboxbjy01{ position:relative;width: 100%;top:0%;transform: translateY(00%);left: 0;text-align:center;font-size:34px;color: #fff;}
.chanpnrbox1  dt  span{text-align: center;float: left; display: block;width: 74px; height: 38px;overflow: hidden;   line-height: 38px; cursor:pointer;}
.chanpnrboxz ,.chanpnrboxy{ width:100%; float:none;}
.chanpnrboxy{ margin-top:20px;}
.return-menu{display: none;}

}