@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

body{ min-width: 1220px; }
/* 轮播图默认样式 */
.swiper-container {
     width: 100%;
     height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide a,.swiper-slide a img,.swiper-slide img{ display: block; width: 100%;}
.swiper-pagination-bullet{  opacity: 1; background: #fff; width: 14px; height: 14px;}
.swiper-pagination-bullet-active{  background: #2d61e2; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }


.header{ width: 100%; height: 80px;margin: 0 auto; background: #fff; border-bottom: 1px solid #eee;}
.header .logo,.header .logo a{ display: block; width: 120px; height: 56px;}
.header .logo{ margin-top: 14px; float: left; }
.header .nav{ position: relative; z-index: 9;}
.header .nav li{ float: left; line-height: 80px; height: 80px; padding: 0 25px; box-sizing:border-box; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.header .nav li a{ text-transform: uppercase;  font-size: 14px; color: #333; display: block; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.header .nav li.on a{ color: #2d61e2; border-bottom: 2px solid #2d61e2;}
.header .nav-box{ position: relative; overflow: hidden; float: right;}

.bottomLine{
  position: absolute;
  left: -200px;
  bottom:0px;
  height:2px;
  z-index:1;
  background-color: #005ca5;
  transition: all 0.3s ease;
}

.banner{ width: 100%;}
.banner img,.banner a{ width: 100%; display: block;}

.footer{ background: #222;padding-top: 20px; padding-bottom: 10px; }
.footer .ft-top{  text-align: center; padding: 30px 0; border-bottom: 1px solid #393939;   }
.footer .ft-top a{ font-size: 16px; color: rgba(255,255,255,0.7); padding: 0 32px; border-left: 1px solid #4e4e4e; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.footer .ft-top a:first-of-type{ border-left: none; }
.footer .ft-top a:hover{ color: #2d61e2; }

.footer .ft-middle{ text-align: center; padding: 35px 0;}
.footer .ft-bottom{ font-size: 14px; color:rgba(255,255,255,0.5); overflow: hidden; height: 40px; line-height: 40px;  }
.footer .ft-bottom p{ display: inline-block;}
.footer .ft-bottom ul{float: right;}
.footer .ft-bottom ul li{ float: left; margin-left: 10px;  }
.footer .ft-bottom ul li a{ width: 40px; height: 40px; line-height: 40px; box-sizing:border-box; border-radius: 40px; display: block; border: 1px solid #eee; background: url(../images/icon-share.png) no-repeat left center; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.footer .ft-bottom ul li:nth-of-type(2) a{ background-position: -40px center; }
.footer .ft-bottom ul li:nth-of-type(3) a{ background-position: -80px center; }
.footer .ft-bottom ul li:nth-of-type(4) a{ background-position: -120px center; }
.footer .ft-bottom ul li a:hover{ background-color: #f78926; border-color: #f78926; }

/* 首页样式 */
.in-about{ padding: 90px 0 130px; background: url(../images/bg-in-about.jpg) no-repeat center top;}
.in-about .layout{ width: 1100px; }
.in-title-box{ text-align: center; padding-bottom: 40px;}
.in-title-box .line{ width: 48px; height: 4px; display: inline-block; background: #2d61e2; margin-bottom: 30px; }
.in-title-box h3{ font-size: 44px; line-height: 46px; color: #f78926; font-family: 'Georgia'; font-weight: 600; }
.in-about p{text-align: center; font-size: 16px; color: #666;  font-family: 'Georgia'; font-weight: 600;  line-height: 32px; }
.in-about .img-box{ overflow: hidden; padding-top: 30px; margin-top: 20px;  }

.in-about .in-about-box{  width: 500px; height: 304px; overflow: hidden; float: left; position: relative;  }
.in-about .in-about-box dt{ width: 100%; height: 100%;  overflow: hidden;}
.in-about .in-about-box dt img{ width: 100%; height: 100%; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.in-about .in-about-box dd{ position: absolute; bottom: -34px; right: 0; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-about .in-about-box .more{ display: block; width: 124px; height: 34px; line-height: 34px; text-align: center; background: #2d61e2; font-size: 16px; color: #fff; }
.in-about .in-about-box .more:after{ content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 30px; height: 18px; background:url(../images/icon-arr2.png) no-repeat center center; }
.in-about .in-about-box:hover dd{ bottom: 0; }
.in-about .in-about-box:hover dt img{ transform:scale(1.1); }

.in-about .in-about-box2{  width: 300px; height: 244px; top: 60px; }

.in-about .in-about-right{ float: right; width: 300px; }
.in-about .in-about-box3{  width: 300px; height: 263px; top:-25px; }

.in-product{ padding: 950px 0 70px; background: url(../images/bg-in-product.jpg) no-repeat center bottom fixed; overflow: hidden; position: relative; z-index: 3; }
.in-product .layout{ width: 1100px; }
.in-product:after{ content: ''; width: 100%; height: 100%; background: #fff; top:1670px; display: block; position: absolute;  z-index: -1;}
.in-product .in-pro-left{ width: 400px; float: left; }
.in-product .in-title-box{ text-align: left; padding-bottom: 90px;}
.in-product .in-title-box span{  background: #fff; }
.in-product .in-title-box h3{ font-family: Arial,"微软雅黑"; color: #fff; font-size: 58px; line-height: 62px; margin-bottom: 20px;  text-transform: uppercase;}
.in-product .in-title-box .arr{ display: block; width: 94px; height: 22px; background:transparent url(../images/icon-arr1.png) no-repeat center left;}
.in-product .pro-box{  width: 400px; height: 523px; background: #f5f5f5; overflow: hidden; position: relative; overflow: hidden; }
.in-product .pro-box dt{ width: 100%; height: 100%; line-height: 543px; text-align: center; overflow: hidden; }
.in-product .pro-box dt img{ max-width: 90%; max-height: 90%; }
.in-product .pro-box dd{ width: 100%; height: 100%; background: rgba(0,25,77,0.56); color: #fff;text-align: center; position: absolute; left: 0; top:100%; box-sizing:border-box; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.in-product .pro-box dd span{ display: inline-block; vertical-align: middle; padding-top: 50%; }
.in-product .pro-box dd h3{ font-size: 40px; line-height: 42px; padding-bottom: 10px; }
.in-product .pro-box dd p{ font-size: 16px; line-height: 20px; }
.in-product .pro-box:hover dd{ top:0; }

.in-product .pro-box2{  width: 290px; height: 308px; background: #f5f5f5; overflow: hidden; position: relative; margin-top: 60px; float: right; margin-right: 20px; }
.in-product .pro-box2 dt{ line-height: 308px;}
.in-product .pro-box2 dd span{ padding-top: 0%; }

.in-product .in-pro-right{ float: right; width: 650px; }

.in-product .pro-box3{  width: 640px; height: 570px; background: #f5f5f5; overflow: hidden; position: relative; float: right; }
.in-product .pro-box3 dt{ line-height: 627px; }
.in-product .pro-box3 dd span{ padding-top: 40%;}

.in-product .in-pro-bottom{ margin-top: 60px; overflow: hidden; }
.in-product .in-pro-bt-rg{ float: right;  width: 318px; }

.in-product .pro-box4{ width: 285px; height: 325px; background: #f5f5f5; overflow: hidden; position: relative; float: right; }
.in-product .pro-box4 dt{ line-height: 355px; text-align: center; overflow: hidden; }
.in-product .pro-box4 dd span{  padding-top: 40%; }

.in-product .pro-box5{ width: 318px; height: 188px; background: #f5f5f5; overflow: hidden; position: relative; float: right; margin-top: 60px; }
.in-product .pro-box5 dt{ line-height: 188px; }
.in-product .pro-box5 dd span{ padding-top: 14%; }

.in-product .pro-box6{ width: 310px; height: 450px; background: #f5f5f5; overflow: hidden; position: relative; float: right; }
.in-product .pro-box6 dt{ line-height: 495px; }
.in-product .pro-box6 dd span{  padding-top: 60%; }

.in-product .in-pro-bt-lt{ float: left; }


.in-quality{  background: #dde1e9 url(../images/bg-quality.jpg) no-repeat center top; padding: 45px 0 80px; overflow: hidden; }
.in-quality .in-title-box{ padding-bottom: 50px; }
.in-quality .in-title-box h3{ font-size: 42px; line-height: 44px; color: #333; font-family: Arial,"微软雅黑"; text-transform: uppercase; padding-bottom: 55px; }
.in-quality .in-title-box em{ display: inline-block; height: 48px; width: 26px; background: url(../images/icon2.png) no-repeat left center; margin-left: 30px; margin-right: 30px;  }

.in-quality .in-title-box em:nth-of-type(2){ background-position: right center; }
.in-quality .in-title-box .col-name{ font-size: 40px; color: #333; display: inline-block; vertical-align: middle; margin-top: -38px; }
.in-quality .big-pic{ width: 1200px; height: 500px; background: #eee; }
.in-quality .big-pic .pic-li{  position: relative;}
.in-quality .big-pic .pic-li p{ position: absolute; font-size: 44px; color: #fff; font-weight: 600; text-transform: uppercase; right: 40px; bottom: 50px; }
.in-quality .icon-box{ margin-top: 30px; }
.in-quality .icon-box li{ float: left; cursor: pointer; text-align: center; margin-left: 40px; margin-right: 40px; }
.in-quality .icon-box li span{ display: inline-block; width:122px; height: 133px;  background: url(../images/bg-icon.png) no-repeat center; position: relative; transition: all ease 1s 0s; -moz-transition: all ease 1s 0s; -webkit-transition: all ease 1s 0s; }
.in-quality .icon-box li span:after{ content: ''; display: block; width:122px; height: 133px;  background: url(../images/icon1.png) no-repeat left center; position: absolute; left: 0; top:0; }
.in-quality .icon-box li p{ font-size: 18px; line-height: 20px; color: #333; margin-top: 15px; box-sizing:border-box; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-quality .icon-box li.on p{ color: #2d61e2; }
.in-quality .icon-box li:hover span{ transform:rotate(360deg); }

.in-quality .icon-box li:first-of-type{ margin-left: 25px; }
.in-quality .icon-box li:nth-of-type(2) span:after{ background: url(../images/icon1.png) no-repeat -122px center; }
.in-quality .icon-box li:nth-of-type(3) span:after{ background: url(../images/icon1.png) no-repeat -244px center; }
.in-quality .icon-box li:nth-of-type(4) span:after{ background: url(../images/icon1.png) no-repeat -366px center; }
.in-quality .icon-box li:nth-of-type(5) span:after{ background: url(../images/icon1.png) no-repeat -488px center; }
.in-quality .icon-box li:nth-of-type(6) span:after{ background: url(../images/icon1.png) no-repeat -610px center; }



/* 产品中心样式 */
.menu{ width: 100%; margin: 0 auto; background: #fff; height: 60px; line-height: 60px;}
.menu a,.menu span{ font-size: 16px; color: #333; line-height: 60px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.menu span{ margin-left: 5px; margin-right: 5px;}

.menu-position a:active{ color: #018a3c;}
.menu .home{ height: 22px; width: 26px; display: inline-block; vertical-align: middle; background: url(../images/icon-home.png) no-repeat center; margin-top: -5px; margin-left: 0;  margin-right: 20px;}
.menu a:hover{ color: #2d61e2; }
.menu .sear-box{ margin-top: 13px;}
.menu .sear-box input{ display: block; float: left;}
.menu .sear-box .tex{ width: 205px; height: 36px; background: #efefef url(../images/icon-search.png) no-repeat 14px center; border: none; font-size: 16px; line-height: 36px; padding-left: 40px; padding-right: 10px;  }
.menu .sear-box .sub{ height: 36px; line-height: 36px; background: #2d61e2; border: none; padding: 0 13px; font-size: 16px; color: #fff; }

.product-box{ background: #f4f5f3 url(../images/bg-product.jpg)repeat-y center top ; padding: 30px 0 40px; overflow: hidden; width: 100%; }
.product-box .pro-menu{ overflow: hidden; }
.product-box .menu-list{ font-size: 14px; color: #333; width: 227px; height: 40px; line-height: 40px; display: block; text-align: center; background: #e3e3e3; float: left; margin-right: 15px; margin-bottom: 20px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.product-box .menu-list:hover,.product-box .menu-list.on{ background: #2d61e2; color: #fff; }
.product-box .pro-menu a:nth-of-type(5n){ margin-right: 0; }

.pro-bottom { padding-top: 20px; overflow: hidden; }
.pro-bottom a{ float: left;}
.pro-bottom .pro-list{ width: 277px; height: 380px; background: #fff; text-align: center; position: relative; overflow: hidden; margin-right: 30px; margin-bottom: 20px;}
.pro-bottom a:nth-of-type(4n) .pro-list{ margin-right: 0; }
.pro-bottom .pro-list dt span{ display: block; height: 310px; width: 100%; line-height: 310px; overflow: hidden; }
.pro-bottom .pro-list dt span img{ max-width: 100%; max-height: 100%;   }
.pro-bottom .pro-list dt .intro{  height: 70px; line-height: 70px; padding: 0 10px ; box-sizing:border-box; overflow: hidden; }
.pro-bottom .pro-list dt .intro p{ font-size: 16px; color: #000; line-height: 22px; }
.pro-bottom .pro-list dd{ width: 100% ;height: 100%; overflow: hidden; background: rgba(0,0,0,0.3); position: absolute; top:100%; left: 0; color: #fff; font-size: 14px; line-height: 24px; padding-top: 150px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}

.pro-bottom .pro-list:hover dd{ top:0;}

.product-box .pro-link{ width: 1170px; margin:0 auto; box-sizing:border-box; background: #fff; height: 46px; line-height: 46px;  padding: 0 30px;  }
.product-box .pro-link a{ font-size: 14px; color: #666; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.product-box .pro-link a:after{ content: ''; width: 8px;height: 8px; display: inline-block; border-top: 2px solid #333;border-right: 2px solid #333; vertical-align: middle; transform:rotate(-45deg); margin-left: 10px; margin-top: 5px;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.product-box .pro-link .next:after{ transform:rotate(135deg); margin-top: -7px; } 

.product-box .pro-link a:hover{ color: #2d61e2; }
.product-box .pro-link a:hover:after{ border-color: #2d61e2; }


/* 产品详情页样式 */

.pro-intro-box{ width: 100%; padding: 50px 0 70px;  overflow: hidden; }
.pro-intro-left{ float: left; }
.pro-intro-left .big-pic{  width: 540px; height: 486px; overflow: hidden; background: #fff; line-height: 486px; text-align: center; border: 1px solid #dcdcdc; }
.pro-intro-left .big-pic img{ max-height: 100%; max-width: 100%; }


.pro-intro-right{ float: right; width: 600px;}
.pro-intro-right .pro-menu{ overflow: hidden; }
.pro-intro-right .menu-list{ font-size: 14px; color: #333; width: 174px; height: 50px; line-height: 50px; display: block; text-align: center; background: #fff; border: 1px solid #dcdcdc; float: left; margin-right: 20px; margin-bottom: 20px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.pro-intro-right .menu-list:hover,.product-box .menu-list.on{ background: #2d61e2; color: #fff; border-color: #2d61e2; }
.pro-intro-right .pro-menu a:nth-of-type(3n){ margin-right: 0; }
.pro-intro-right .menu-list.on{ background: #2d61e2; border-color: #2d61e2; color: #fff; }

.pro-intro-right .deta-box{ padding-top: 20px;  }
.pro-intro-right .deta-header{ border-bottom: 1px solid #dcdcdc; padding-bottom: 30px; }
.pro-intro-right .deta-header h3{  font-size: 30px; line-height: 34px; color: #000; }

.pro-intro-right .deta-content{ padding-top: 25px; }
.pro-intro-right .deta-content table{  table-layout: fixed; }
.pro-intro-right .deta-content table tr{ width: 600px; display: inline-block; margin-bottom: 10px;}
.pro-intro-right .deta-content table tr:last-of-type{ margin-bottom: 0; }
.pro-intro-right .deta-content table tr td,.pro-intro-right .deta-content  table tr th{ font-size: 14px;color: #666; line-height: 22px;}
.pro-intro-right .deta-content table tr th{ width: 110px;  vertical-align: top; text-align: left; color: #333;}
.pro-intro-right .deta-content table tr td{ width: 490px;}
.pro-intro-right .deta-content table tr td:first-child{ width: 110px;  /*vertical-align: top;*/ text-align: left; color: #333;}
.pro-intro-right .deta-content table tr td:last-child:before{ content: ':'; font-size: 16px; color: #333; display: inline-block; margin-right: 10px; font-weight: 600; }
.pro-intro-right .deta-content table tr td a{ display:inline-block;}
.pro-intro-right .deta-content li{ list-style: disc; }

.product-box .pro-header{ text-align: center; padding: 40px 0 30px; }
.product-box .pro-header h3{ font-size: 36px; color: #333; line-height: 40px; font-weight: 700; }

/* 联系我们样式 */
.contact-box{ width: 100%; padding: 70px 0 60px; overflow: hidden; }
.contact-box .map{ float: left; width:820px; height: 486px; background: #eee; }
.contact-box .contact-right{ float: left; margin-left: 60px; width: 320px; padding-top: 50px;}
.contact-box .contact-right h3{ font-size: 28px; line-height: 32px; color: #333; font-weight: 700; padding-bottom: 30px; }
.contact-box .contact-right ul li{ font-size: 16px; color: #333; line-height: 36px; }
.contact-box .contact-right ul li p{ display: inline; color: #999; }

.contact-bt{ width: 100%; background:#f4f5f3 url(../images/bg-product.jpg)repeat-y center top ; padding: 60px 0 80px;}
.contact-bt .title-box{ text-align: center; padding-bottom: 50px;}
.contact-bt .title-box h3{ font-size: 34px; color: #333; line-height: 36px; font-weight: 700;  }

.contact-bt .input-box{ width: 548px; height: 68px; line-height: 68px; background: #fff; padding-left: 30px; padding-right: 10px; margin-bottom: 15px; }
.contact-bt label{ font-size: 16px; color: #333; text-transform: uppercase; vertical-align: middle; cursor: pointer; }
.contact-bt label em{ color: #ff0000; }
.contact-bt input{ height: 30px; line-height: 30px; font-size: 16px; width: 480px; color: #333;  background: none; border: none; }
.contact-bt .rad-box{ height: 20px; line-height: 20px; background: none; padding-left: 0; }
.contact-bt .rad{ width: 20px; height: 20px; vertical-align: middle; margin-top: -5px; margin-right: 15px; }

.contact-bt .input-box1{ width: 247px; float: left; }
.contact-bt .input-box1 input{ width: 135px; }

.inquiry-box{ overflow: hidden; margin-bottom: 60px; }
.contact-bt .inq-left{ float: left; width: 588px;}
.contact-bt .inq-right{ float: right; width: 588px;}
.contact-bt .tex-box{ width: 100%; height: 238px; background: #fff; padding: 30px 25px; box-sizing:border-box;  margin-bottom: 20px;}

.contact-bt .tex-box textarea{ display: block; width: 540px; height: 160px; color:#333; box-sizing:border-box; font-size: 16px;  margin-top: 10px; border: none; outline: none; }
.contact-bt .sub{ width: 588px; height: 60px; line-height: 60px; background: #2d61e2; border: none; font-size: 16px; color: #fff; }
.contact-bt .sub:active{ background: #244fb8; }

.service-box{ overflow: hidden; }
.service-box .tex-box{ height: 287px; }
.service-box .tex-box textarea{ height: 210px}

.contact-fw{ width: 66px; position: fixed; top:50%; margin-top: -100px; right:0px; }
.contact-fw li{ height: 100px; width: 100%; background: #2d61e2 url(../images/icon-catact.png) no-repeat left 20px;text-align: center; margin-bottom: 1px;  }
.contact-fw li:last-of-type{ background-position: right 20px;  }
.contact-fw li a{ width: 100%;height: 100%; padding-top: 70px; box-sizing:border-box; color: #fff; font-size: 14px; display: inline-block; }

/* 关于我们样式 */

.about-box{ width: 100%; padding: 20px 0 100px; overflow: hidden; background: #f4f5f3 url(../images/bg-product.jpg)repeat-y center top;  }

.about-box .about-hd{ background: #fff; padding: 100px 60px 130px; text-align: center}
.about-box .about-hd h3{ font-size: 46px ; line-height: 48px; padding-bottom: 30px; color: #2d61e2; font-weight: 700; }
.about-box .about-hd .line{ display: inline-block; width: 100px; height: 5px; background: #2d61e2; margin-bottom: 50px;  }
.about-box .about-hd p{ font-size: 22px; color: #333; line-height: 32px; }

.about-list{ width: 1200px; height: 752px; overflow: hidden; position: relative; background: #fff; }
.about-list dt{ width: 100%; height: 100%; }
.about-list dt img{ width: 100% ; height: 100%; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.about-list  dd{ width: 100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(0,0,0,0.3);  padding: 200px 120px 0; text-align: center; color: #fff; font-size: 22px; line-height: 32px;  box-sizing:border-box;}
.about-list  dd h3{ font-size: 44px; line-height: 46px; margin-bottom: 30px;}
.about-list  dd span{ height: 80px; width: 80px; display: inline-block; background: url(../images/icon-about.png)no-repeat top center; }
.about-list:nth-of-type(2)  dd span{ background-position: center -80px; }
.about-list:nth-of-type(3)  dd span{ background-position: center -160px; }
.about-list:nth-of-type(4)  dd span{ background-position: center -240px; }
.about-list:nth-of-type(5)  dd span{ background-position: center -320px; }

.about-list:hover dt img{ transform:scale(1.1); }

/* 解决方案样式 */
.solution-box{ width: 100%; padding: 60px 0 80px; background: #fff; overflow: hidden; }
.solution-box .title{ font-size: 34px; line-height: 38px; font-weight: 600; color: #2d61e2; padding-bottom: 30px; }
.solution-box .p16{ font-size: 16px; color: #666; line-height: 36px; }
.solution-box .b18{ font-size: 18px; color: #333; font-weight: 600; line-height: 36px; }
.solution-box .li{ font-size: 16px; color: #666; line-height: 36px; }
.solution-box .li:before{ content: ''; width: 14px; height: 14px; border-radius: 14px; background: #b2b2b2; display: inline-block;margin-left: 5px; margin-right: 15px; }


/* 单选框样式 */
input[type="radio"]{
  border: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/icon-input.png) no-repeat center left;
  background-size: auto 20px;
  outline: none;
}
input[type="radio"]:checked{
  background-position: center right; 
}


.in-quality .in-title-box em{
   width: 48px;
   cursor: pointer;
}
.in-quality .in-title-box .col-name{
  width: 240px;
}
.in-banner .swiper-button-next{
  right: 50px;
}
.in-banner .swiper-button-prev{
  left: 50px;
}