/*必备样式*/
body{padding: 0;margin: 0; font-family: "Microsoft Yahei"; font-size: 14px;color: #000; min-width: 1200px;}
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;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,dl{list-style-type:none;margin:0;padding:0;}
/*关闭iPhone 和 Android 的浏览器纵向 和橫向 模式皆有自动调整字体大小的功能.*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{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;}
/*获得焦点时周边不会出现虚线*/
a:focus,a:hover,a:active,area,img{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none;color: #666;-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; }
a:hover{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none;} 
/*img*/
img{border:0; vertical-align:middle; transition: all 0.6s;}
a img,img{-ms-interpolation-mode:bicubic;}
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline;}
audio,canvas,video{display:inline-block; zoom:1;}
audio:not([controls]){display:none;}
svg:not(:root) {overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran300{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.tran500{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.tran1000{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.tran2000{-webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; transition:all 2s ease;}
.tran3000{-webkit-transition:all 3s ease; -moz-transition:all 3s ease; -ms-transition:all 3s ease; transition:all 3s ease;}
.scale105:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
/*单行/多行省略*/
.textWrap-one{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.textWrap-two{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.textWrap-three{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.textWrap-four{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.textWrap-five{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
/*滚动条*/
body *::-webkit-scrollbar{width: 5px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}
/*公用*/
.w-1200{ width: 1200px; margin: 0 auto;}
.w-1002{width: 1002px; margin: 0 auto;}
.indexTitle{position: relative; text-align: center;}
.indexTitle:before{ content: ""; position: absolute; bottom: -18px; left: -26px; width: 26px; height: 40px; background: url(../images/line.png);}
.indexTitle:after{ content: ""; position: absolute; bottom: 21px; right: -26px; width: 26px; height: 40px; background: url(../images/line.png);}
.indexTitle .left{ float: left; margin-top: 18px;}
.indexTitle .right{ float: right; margin-top: 26px;}
.indexTitle span{ display: inline-block; width: 236px;}
.indexTitle span b{font-size: 22px; font-weight: bold; color: #21c4a7;}
.indexTitle span i{ display: block; font-size: 14px; color: #666; margin-top: 6px;}
/*头部*/
.header{ height: 112px; background: #333333;}
.header .w-1200{ height: 112px;}
.header .logo{ float: left; display: inline-block; margin-left: -50px;}
.header .logo img{max-height: 60px; padding-top: 22px;}
/*nav*/
.header .navBox{ float: left; margin-left: 50px; }
.header .navBox .nav{font-size: 0; }
.header .navBox .nav li{position: relative; font-size: 14px; position: relative; display: inline-block; }
.header .navBox .nav li:after{ content: ""; position: absolute; top: 50%; left: 0; margin-top: -18px; width: 1px; height: 14px; background: #818181;}
.header .navBox .nav li:first-child:after{ width: 0;}
.header .navBox .nav li > a{position: relative; display: block;  color: #fff;  font-size: 16px; padding: 0 17px; height: 112px; line-height: 28px; text-align: center; padding-top: 30px; box-sizing: border-box;}
.header .navBox .nav li > a i{ display: block; font-size: 12px; text-transform: uppercase; transform: scale(0.8);}
.header .navBox .nav li > a span{font-size: 12px;}
.header .navBox .nav li:hover > a{ background: #b6b211;}
.header .navBox .nav li.on{ background: #b6b211;}
.header .navBox .nav li .sub_nav{display: none; z-index: 10; position: absolute; left: 0; top: 112px; width: 100%; background: rgba(128,178,17,0.5);}
.header .navBox .nav li .sub_nav dd{width: 100%; line-height: 40px; text-align: center;}
.header .navBox .nav li .sub_nav dd a{display: block; font-weight: normal; color: #fff;}
.header .navBox .nav li .sub_nav dd:hover{background: #b6b211;}
.header .right{ float: right; text-align: center;}
.header .right .phone{ display: block; color: #fff; font-size: 20px; font-weight: bold; padding-top: 30px; padding-bottom: 6px;}
.header .right .form{ background: #fff; width: 150px; height: 24px; line-height: 24px; border-radius: 20px;}
.header .right .form .submit{float: left; background: none; border: none; height: 24px; padding-left: 10px; cursor: pointer;}
.header .right .form .submit svg{ height: 100%;}
.header .right .form input{ float: right; background: none; border: none; width: calc(100% - 30px); text-align: right; padding-right: 10px; box-sizing: border-box; line-height: 24px; }
/*banner*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; width: 100%;}
.banner .bd a{ display: block; width: 100%; height: 527px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner .bd img{ width:100%;  display:block;  margin: 0 auto; }
.banner .hd{position:absolute; left: 0; width: 100%; bottom:10px; text-align: center; z-index:1;}
.banner .hd ul{ overflow:hidden; display: inline-block;}
.banner .hd ul li{ float:left; margin:0 7px; width:10px; height:10px; border-radius: 50%; background:#fff; cursor:pointer; behavior: url(js/PIE.htc); color: transparent;}
.banner .hd ul li.on{ background:#12ce9b; }
.banner .banner-btn{ position:absolute; left:50%; bottom: 133px; width: 1200px; margin-left: -506px; height: 24px;}
.banner .prev,
.banner .next{float: left; display:block; width:36px; height:24px; background:url(../images/icon.png) -36px -27px no-repeat; }
.banner .next{margin-left: 5px; background-position:-36px 0; }
.banner .prev:hover{background-position: 0 -27px;}
.banner .next:hover{ background-position: 0 0; }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }
/*关于我们*/
.partOne{ margin-top: 50px;}
.partOne .indexTitle:after{ width: 0;}
.partOne .indexTitle:before{ width: 0;}
.partOne .box{overflow: hidden; margin-top: 26px;}
.partOne .box .left{ float: left; width: 436px; height: 260px; border: 1px #cccdc8 solid; text-align: center; overflow: hidden;}
.partOne .box .left img{ max-width: 100%; max-height: 100%;}
.partOne .box .right{ float: right; width: 504px;}
.partOne .box .right .cn{position: relative; max-height: 262px; }
.partOne .box .right .en{position: relative; margin-top: 14px; max-height: 120px}
.partOne .box .right p{color: #333; line-height: 40px; text-align: justify; font-size: 18px;}
.partOne .box .right p span{color: #333; line-height: 24px;}
.partOne .box .right .more{ position: absolute; right: 0; bottom: 0; display: block; line-height: 40px; background: #fff; color: #21c4a7; padding-left: 15px;}
.partOne .box .right .more:hover{transform: translateX(-10px);}
/*产品展示*/
.partTwo{position: relative; margin-top: 60px; padding-bottom: 76px;}
.partTwo:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 167px; background: #d8d8d8; z-index: -1;}
.product{position: relative; margin-top: 62px;}
.product .bd{margin: 0 58px;}
.product .bd ul{ overflow: hidden; }
.product .bd ul li{float: left; width: 194px; margin:0 14px;}
.product .bd ul li .pic{ width: 100%; height: 150px; overflow: hidden;}
.product .bd ul li .pic img{ width: 100%; height: 100%;}
.product .bd ul li .text{width: 100%; height: 90px; background: #fff; padding: 0 6px; box-sizing: border-box;}
.product .bd ul li .text h3{ font-size: 15px; color: #333; line-height: 26px; height: 52px; padding-top: 4px;}
.product .bd ul li .text p span{ float: left; display: block; width: 116px; overflow: hidden; font-size: 13px;}
.product .bd ul li .text p em{ float: right; font-size: 13px; transition: 0.4s;}
.product .bd ul li .text h3:hover{color: #21c4a7; text-indent: 0.5em;}
.product .bd ul li .text p em:hover{ color: #21c4a7; transform: translateX(-10px); }
.product .hd a{position: absolute; top: 50%; left: 11px; margin-top: -14px; display:block; width:31px; height:24px; overflow:hidden; background:url(../images/icon.png) 0 -86px no-repeat; cursor: pointer; transition: 0.3s; opacity: 0.7;}
.product .hd .next{ left: auto; right: 11px; background:url(../images/icon.png) 0 -60px no-repeat;}
.product .hd a:hover{opacity: 1;}
.partTwo .more{ position: absolute; bottom: 0; left: 50%; color: #fff; margin-left: -16px; font-weight: bold;}
.partTwo .more:hover{color: #21c4a7;}
/*产品优势*/
.partThree{position: relative; background: #333333; padding: 60px 0 30px 0;}
.partThree:after{content: ""; position: absolute; top: 0; left: 50%; margin-left: -34px; width:0; height:0; border-left:36px solid transparent; border-right:36px solid transparent; border-top:16px solid #d8d8d8;}
.partThree .indexTitle span b{ color: #fff;}
.partThree .indexTitle span i{ color: #fff;}
.partThree .indexTitle:after{ background: url(../images/line-white.png);}
.partThree .indexTitle:before{ background: url(../images/line-white.png);}
.partThree .list{ overflow: hidden; margin-top: 60px;}
.partThree .list li{ float: left; width: 50%; padding: 0 30px; box-sizing: border-box; overflow: hidden; margin-bottom: 18px;}
.partThree .list li .time{ float: left; width: 68px; height: 68px; border-radius: 50%; background: #21c4a7; text-align: center; overflow: hidden; padding: 0 6px; box-sizing: border-box; line-height: 68px; font-size: 24px; color: #fff; font-weight: normal;}
.partThree .list li .time b{ display: block; font-size: 13px; color: #fff; font-weight: normal; border-bottom: 1px #fff solid; padding-top: 10px;}
.partThree .list li .time i{ display: block; font-size: 14px; color: #fff; border-top: 1px #15584f solid;}
.partThree .list li .text{ float: right; width: 348px; padding-bottom: 18px; border-bottom: 1px #3f3f3f solid;}
.partThree .list li .text h3{color: #fff; height: 26px; line-height: 26px; font-size: 15px;}
.partThree .list li .text p{ font-size: 13px; margin-top: 4px; line-height: 20px; height: 40px; color: #888;}
.partThree .list li .text:hover h3{ text-indent: 0.5em; color: #21c4a7;}
/*服务风采*/
.partFour{ padding: 30px 0 36px 0; background: url(../images/fourBg.jpg) no-repeat 0 0; background-size: cover;}
.partFour .indexTitle span b{ color: #000;}
.partFour .indexTitle span i{color: #000;}
.partFour .indexTitle:after{ width: 0;}
.partFour .indexTitle:before{ width: 0;}
.partFour .product .bd ul li .text h3{ height: 26px; padding-bottom: 4px;}
/*合作伙伴*/
.partFive{overflow: hidden; padding: 26px 0 0 0;} 
.partFive .left{float: left; width: 50%; position: relative;}
.partFive .left .ma{ float: left; width: 144px; text-align: center; }
.partFive .left .ma img{ width: 100%; padding:12px 0 8px 0;}
.partFive .left .ma p{color: #21c4a7; margin-top: 4px; font-size: 16px;}
.partFive .left .text{ float: right; width: 320px; padding-right: 20px; box-sizing: border-box;}
.partFive .left .text .phone-botttom{ position: absolute; bottom: 0;}
.partFive .left .text p{ color: #333; padding: 3px 0;}
.partFive .left .text p b{ font-size: 33px; font-weight: bold; color: #303030;}
.partFive .left .linkLine{ position: absolute; top: 20px; right: -4px;}
.partFive .right{ width: 50%; float: right; padding-left: 38px; box-sizing: border-box;}
.partFive .right .title{ font-size: 30px; font-weight: bold; color: #303030; padding-top: 3px;}
/**/
.layB{width:100%;}	
.layB .tbC{ width:100%; position:relative; }	
.layB .prev,.layB .next{ background:url(../images/icon.png) no-repeat; width:22px; height:30px; position:absolute; right: 0; bottom: 12px; background-position:-22px -147px; }	
.layB .next{bottom: 52px; background-position:-22px -116px; }	
.layB .prev:hover{ background-position:0 -147px; }	
.layB .next:hover{ background-position:0 -116px; }	
.layB .slide{ width:342px; overflow:hidden;    }	
.layB ul{ overflow:hidden; zoom:1;  float: left; width: 460px !important;}	
.layB li{ width:100px; height: 90px; margin:0 5px 4px 5px; display:inline; float:left; line-height:20px; overflow: hidden; }	
.layB li img{ display:block; max-width: 100%; max-height: 100%;}	
.layB li a{ display: block; height: 100%; position: relative;}
.layB li a .text{ position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 8px; box-sizing: border-box; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: 0.4s;}
.layB li a .text h3{color: #fff; font-size: 12px;}
.layB li a .text p{position: absolute; left: 0; bottom: 4px; color: #fff; font-size: 12px; width: 100%; padding: 0 8px; box-sizing: border-box;}
.layB li a:hover .text{ top: 0;}
/*footer*/
.footer{ background: #333333; padding: 20px 0; margin-top: 40px; text-align: center;}
.footer .list{ text-align: center;}
.footer .list li{ display: inline-block; }
.footer .list li a{position: relative; color: #a0a0a0; padding: 0 10px;}
.footer .list li a:after{ content: ""; position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background: #a0a0a0;}
.footer .list li:first-child a:after{ width: 0;}
.footer .list li a:hover{ color: #fff; text-decoration: underline;}
.footer p{color: #a0a0a0; padding-top: 4px;}
.footer p a{ color: #a0a0a0;}
.footer p a:hover{ color: #fff; text-decoration: underline;}
/*内页公用*/
/*内页banner*/
.pageBan{ max-width: 1450px; margin: 0 auto;}
.pageBan .banner .bd a{height: 360px;}
.pageBan .banner .banner-btn{ bottom: 72px; margin-left: -382px;}

.content{ overflow: hidden; margin-top: 30px;}
/*左边二级导航*/
.content .left{ float: left; width: 196px;}
.content .left .menu li{ height: 50px; line-height: 50px; border: 1px #21c4a7 solid; transition: .4s;}
.content .left .menu li a{ display: block; height: 100%; font-size: 16px; color: #333; padding-left: 30px;}
.content .left .menu li a i{ float: right; display: inline-block; width: 16px; height: 16px; background: url(../images/icon.png) -79px 0 no-repeat; margin-right: 34px; position: relative; top: 50%; margin-top: -8px;}
.content .left .menu li.on{background: #21c4a7;}
.content .left .menu li.on a{ color: #fff;}
.content .left .menu li:hover{background: #21c4a7;}
.content .left .menu li:hover a{ color: #fff;}
.content .left .title h3{ font-size: 16px; font-weight: bold; margin-top: 56px; color: #333; font-style: italic;}
.content .left .title h3 b{color: #d2d2d2;}
.content .left .title h4{ font-size: 12px; color: #8e8e8e; white-space:nowrap; transform: scale(0.74); margin-left: -30px;}
.content .left img{ padding-bottom: 12px;}
.content .left .phone{ color: #21c4a7; font-weight: bold; font-size: 16px;}
.content .left .phone i{ display: inline-block; width: 19px; height: 15px; background: url(../images/icon.png) no-repeat -101px 0; padding-right: 6px;}
.content .left .address{color: #21c4a7;} 
/*右边面包屑*/
.content .right{ float: right; width: 754px; min-height: 400px;}
.content .right .crumb{ border-bottom: 1px #dcdcdc solid; overflow: hidden; height: 36px; margin-bottom: 50px;}
.content .right .crumb b{ position: relative; display: inline-block; height: 100%; font-size: 18px; color: #333; font-weight: normal;}
.content .right .crumb b:after{ content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: #21c4a7;}
.content .right .crumb .crumbList{ float: right; color: #666;}
.content .right .crumb .crumbList a:hover{color: #21c4a7;}
.content .right .word .comImg{ height: 167px; overflow: hidden; }
.content .right .word .comImg .pic{ float: left; width: 524px; height: 100%;}
.content .right .word .comImg .pic img{ max-width: 100%; max-height: 100%;}
.content .right .word .comImg .text{position: relative; float: right; width: 223px; height: 100%; background: #aeaeae; padding: 0 18px; box-sizing: border-box;}
.content .right .word .comImg .text h3{ position: relative; font-size: 18px; color: #fff; padding-top: 26px; height: 36px;}
.content .right .word .comImg .text h3:after{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 30px; background: #fff;}
.content .right .word .comImg .text .txt{ position: absolute; left: 18px; bottom: 34px; }
.content .right .word .comImg .text .txt p{color: #fff; font-size: 13px;}
.content .right .word p{ color: #333; line-height: 26px; text-align: justify;}
.content .right .word p span{ color: #333; line-height: 26px;}
.content .right .word img{ max-width: 100%;}
.content .right .word .word-title{ padding-bottom: 10px; border-bottom: 1px #eee solid; margin-bottom: 20px; text-align: center;}
.content .right .word .word-title h3{ font-size: 20px; margin-bottom: 6px; font-weight: bold;}
.content .right .word .word-title h4{ color: #666;}
.content .right .word .word-title h4 span{padding: 0 10px;}
/*图片列表*/
.picList ul{ overflow: hidden;}
.picList ul li{ float: left; width: 220px; margin: 0 46px 50px 0;}
.picList ul li a{ display: block; height: 100%; background: #fff; padding: 3px; transition: 0.4s;}
.picList ul li .pic{ width: 100%; height: 165px; overflow: hidden;}
.picList ul li .pic img{ width: 100%; height: 100%;}
.picList ul li .text{ background: #f5f5f5; padding: 10px 18px; box-sizing: border-box;}
.picList ul li .text h3{height: 26px; color: #333; margin-bottom: 4px;}
.picList ul li .text p{ height: 44px; line-height: 22px; color: #888;}
.picList ul li .more{ display: block; height: 28px; line-height: 28px; background: #adadad; padding-left: 18px; color: #fff; transition: 0.4s;}
.picList ul li:hover a{ background: #21c4a7;}
.picList ul li:hover .more{ background: #21c4a7;}
.picList ul li.rightMargin{ margin-right: 0;}
/*page*/
.page{ text-align: center; height: 22px; line-height: 22px; padding-bottom: 20px;}
.page .prev{ float: left; height: 22px; line-height: 22px; width: 22px; text-align: center; border: 1px #d1d1d1 solid; color: #d1d1d1;}
.page .next{ float: right; height: 22px; line-height: 22px; width: 22px; text-align: center; border: 1px #d1d1d1 solid; color: #d1d1d1;}
.page .prev:hover{ border-color: #21c4a7; color: #21c4a7;}
.page .next:hover{ border-color: #21c4a7; color: #21c4a7;}
.page .list{ display: inline-block;}
.page .list a{display: inline-block; margin: 0 3px; height: 22px; line-height: 22px; width: 22px; text-align: center; border: 1px #d1d1d1 solid;}
.page .list a:hover{border-color: #21c4a7; color: #21c4a7;}
.page .list a.on{border-color: #21c4a7; color: #21c4a7;}
.page i{ display: inline-block; width: 100px; height: 1px; background: #eee; position: relative; top: -4px;}
/*新闻列表*/
.newList .newTop{ overflow: hidden; margin-bottom: 26px;}
.newList .newTop .pic{ float: left; width: 207px; height: 125px; border: 1px #bdc4cc solid; padding: 1px; box-sizing: border-box; overflow: hidden;}
.newList .newTop .pic img{ width: 100%; height: 100%;}
.newList .newTop .text{ float: right; width: 517px;}
.newList .newTop .text h3{ font-size: 16px; height: 24px; line-height: 24px; color: #333;}
.newList .newTop .text p{ font-size: 13px; color: #666; line-height: 22px; height: 44px; margin-top: 6px;}
.newList .newTop .text span{ display: block; margin: 6px 0 10px 0; font-size: 13px; color: #960b10;}
.newList .newTop .text .time{ font-size: 13px; color: #999;}
.newList .newTop .text .time i{ position: relative; top: 3px; display: inline-block; width: 15px; height: 15px; background: url(../images/icon.png) no-repeat -122px 0;}
.newList .newTop .text h3:hover{ text-indent: 0.5em; color: #21c4a7;} 
.newList .newTop .text span:hover{ text-indent: 0.5em; }
.newList .list{ margin-bottom: 66px;}
.newList .list li{height: 38px; line-height: 38px; border-bottom: 1px #dcdcdc dashed;}
.newList .list li a{ display: block; overflow: hidden;}
.newList .list li a span{ display: block; float: left; font-size: 15px; color: #333; width: 560px; height: 38px;}
.newList .list li a i{ float: right; font-size: 13px; color: #999;}
.newList .list li:hover a span{ color: #21c4a7; text-indent: 0.5em;}