@charset "utf-8";
/*初始样式*/
body{ color:#333;font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:0;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
i,em{ font-style:normal;}

.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;}
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
@keyframes myfirst{0%{background-position:0 0;} 100%{background-position:100% 100%;}}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;}
i,em{ font-style:normal;}
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.text-c{text-align: center;}


/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:4.2%;z-index: 10;cursor: pointer;background:url(../img/left1s.png) no-repeat;filter:alpha(opacity=50);opacity:0.3;width:73px;height:73px;}
.banner .next{position:absolute;top:45%;right:4.2%;z-index: 10;cursor: pointer;background:url(../img/right1s.png) no-repeat;filter:alpha(opacity=50);opacity:0.3;width:73px;height:73px;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 50%; width: 1200px; bottom:60px;margin-left: -600px;}
.banner .hd li{width:12px;height:12px; cursor:pointer;  background: #fff;margin: 2px 16px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #EF8301; width:16px; margin: 0 16px; height:16px; border: 3px solid #fff;background: none;box-sizing: border-box;}


/*首页搜索*/
.sou{height: 82px;border-bottom: 1px solid #d1d1d1;}
.sou-l{float: left;font-size: 14px;color: #333;line-height: 82px;}
.sou-l em a{margin-right: 15px;color: #757575;}
.sou-l em a:last-child{margin-right: 0;}
.sou-r{float: right;margin-top: 23px;width: 340px;height: 40px;box-sizing: border-box;border: 1px solid #aaa;border-radius: 20px;}
.sou-r .txt{width: 290px;line-height: 38px;height:38px;border: none;display: block;float: left;color: #666;text-indent: 20px;background: none;}
.sou-r .btn{float: right;width: 34px;height: 34px;display: block;background: url(../img/submit.png) no-repeat left top;border: none;margin-top: 2px;margin-right: 3px;}

/*标题深灰*/
.title-b{text-align: center;font-size: 50px;line-height: 50px;font-weight: bold;}
.title-b:after{content: "";display: block;width: 100px;height: 1px;background: #999;margin: 0 auto;margin-top: 23px;}
.title-b span{display: block;font-size: 24px;line-height: 24px;color: #666;margin-top: 25px;font-weight: normal;word-spacing: 15px;letter-spacing: 3px;}
.title-b a{display: block;color: #333;}

/*标题白色*/
.title-w{text-align: center;font-size: 50px;line-height: 50px;font-weight: bold;}
.title-w:after{content: "";display: block;width: 100px;height: 1px;background: #fff;margin: 0 auto;margin-top: 23px;}
.title-w span{display: block;font-size: 24px;line-height: 24px;color: #fff;margin-top: 25px;font-weight: normal;word-spacing: 15px;letter-spacing: 3px;}
.title-w a{display: block;color: #fff;}


/*产品中心*/
.product{width: 100%; background: url(../img/product-bg.jpg) no-repeat; background-position-y:bottom;padding-bottom: 65px;}
.product .title-b{padding-top: 2.5rem; padding-bottom: 2rem;}
.product .product-all{display: flex;justify-content: space-between;}
.product .product-nav-left{width: 220px;border: 1px solid #16B89B;}
.product .product-nav-left .nav-top{width: 220px;height: 135px;}
.product .product-nav-left .nav-top img{width: 100%;height: 100%;}
.product .product-nav-left .nav-middle p{height: 70px;line-height: 70px;text-align: center;border-bottom: 1px solid #EBEBEB;}
.product .product-nav-left .nav-middle p a{font-size: 18px;color: #333333;}
.product .product-nav-left .nav-middle p:hover{background-color: #16B89B;}
.product .product-nav-left .nav-middle p:hover a{color: white;}
.product .product-nav-left .nav-bottom{width: 220px; height: 225px;background: url(../img/product-nav-left2.jpg) no-repeat top;}
.product .product-nav-left .nav-bottom .nav-phone{text-align: center;}
.product .product-nav-left .nav-bottom .nav-phone img{width: 40px; height: 40px;margin: 15px auto;}
.product .product-nav-left .nav-bottom .pro-text-2{font-size: 20px;color: white;text-align: center;margin-bottom: 10px;}
.product .product-nav-left .nav-bottom .pro-text-3{font-size: 30px;color: white;font-weight: bold;text-align: center;margin-bottom: 10px;}
.product .product-nav-left .nav-bottom button{width: 125px;height: 35px;font-size: 18px;color: white;text-align: center;line-height: 35px;background-color: #00AB52;border: none;border-radius:4px;}
.product .product-list-right{width: 915px;}
.product .product-list-right .right-top{width: 915px;height: 55px;border: 1px solid #F0F0F0;display: flex;justify-content: space-between;}
.product .product-list-right .right-top a{display: inline-block;height: 55px;line-height: 55px;padding: 0 20px;font-size: 18px;}
.product .product-list-right .right-top a:hover{background: #15B89B;color: #fff;}
.product .product-list-right .right-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.product .product-list-right .right-bottom li{width: 295px;margin-top: 35px;}
.product .product-list-right .right-bottom img{width: 295px;height: 220px;vertical-align: bottom;}
.product .product-list-right .right-bottom p{font-size: 18px;line-height: 54px;color: #333333;text-align: center;background-color: white;}


/*优势*/
.ys{padding-top: 97px;padding-bottom: 90px;}
.ys .ys-1{margin-top: 55px;display: flex;}
.ys .ys-1 .ys-1-left{width: 810px;height: 510px;}
.ys .ys-1 .ys-1-left img{width: 100%;height: 100%;}
.ys .ys-1 .ys-1-right{width: 390px;height: 510px;background-color: #15B89B;display: flex;justify-content: center;}
.ys .ys-1 .ys-1-right .right-content{width: 290px;}
.ys .ys-1 .ys-1-right .right-top{margin-top: 55px;display: flex;justify-content: space-between;}
.ys .ys-1 .ys-1-right .right-top-num{color: white;font-size: 72px;line-height: 62px;}
.ys .ys-1 .ys-1-right .right-top-title{width: 180px;}
.ys .ys-1 .ys-1-right .right-top-title p:first-child{font-size: 14px;color: white;}
.ys .ys-1 .ys-1-right .right-top-title p:last-child{color: white;font-size: 36px;}
.ys .ys-1 .ys-1-right .right-bottom{margin-top: 50px;}
.ys .ys-1 .ys-1-right .right-bottom p:first-child{font-size: 24px;color: white;font-weight: bold;}
.ys .ys-1 .ys-1-right .right-bottom p:last-child{color: white;font-size: 14px;line-height: 26px;margin-top: 30px;font-weight: bold;}
.ys .ys-2{margin-top: 55px;display: flex;}
.ys .ys-2 .ys-2-left{width: 525px;height: 395px;}
.ys .ys-2 .ys-2-left img{width: 100%;height: 100%;}
.ys .ys-2 .ys-2-right{width: 400px;margin-left: 110px;}
.ys .ys-2 .ys-2-right .right-content{width: 400px;}
.ys .ys-2 .ys-2-right .right-top{margin-top: 45px;display: flex;}
.ys .ys-2 .ys-2-right .right-top-num{color: #16B89B;font-size: 72px;line-height: 62px;}
.ys .ys-2 .ys-2-right .right-top-title p:first-child{font-size: 14px;color: #999999;}
.ys .ys-2 .ys-2-right .right-top-title p:last-child{color: #333333;font-size: 36px;}
.ys .ys-2 .ys-2-right .right-bottom{margin-top: 50px;}
.ys .ys-2 .ys-2-right .right-bottom p:first-child{font-size: 24px;color: #333333;font-weight: bold;}
.ys .ys-2 .ys-2-right .right-bottom p:last-child{color: #666666;font-size: 14px;line-height: 26px;margin-top: 30px;font-weight: bold;}
.ys .ys-3{margin-top: 55px;display: flex;justify-content: space-between;}
.ys .ys-3 .ys-3-left{width: 300px;}
.ys .ys-3 .ys-3-left .left-content{width: 300px;}
.ys .ys-3 .ys-3-left .left-top{margin-top: 110px;display: flex;}
.ys .ys-3 .ys-3-left .left-top-num{color: #16B89B;font-size: 72px;line-height: 62px;}
.ys .ys-3 .ys-3-left .left-top-title p:first-child{font-size: 14px;color: #999999;}
.ys .ys-3 .ys-3-left .left-top-title p:last-child{color: #333333;font-size: 36px;}
.ys .ys-3 .ys-3-left .left-bottom{margin-top: 50px;}
.ys .ys-3 .ys-3-left .left-bottom p:first-child{font-size: 24px;color: #333333;font-weight: bold;}
.ys .ys-3 .ys-3-left .left-bottom p:last-child{color: #666666;font-size: 14px;line-height: 26px;margin-top: 30px;font-weight: bold;}
.ys .ys-3 .ys-3-right{width: 705px;height: 395px;}
.ys .ys-3 .ys-3-right img{width: 100%;height: 100%;}
.ys .ys-4{margin-top: 55px;display: flex;}
.ys .ys-4 .ys-4-left{width: 395px;height: 505px;background-color: #15B89B;display: flex;justify-content: center;}
.ys .ys-4 .ys-4-left .left-content{width: 335px;}
.ys .ys-4 .ys-4-left .left-top{margin-top: 55px;display: flex;justify-content: space-between;}
.ys .ys-4 .ys-4-left .left-top-num{color: white;font-size: 72px;line-height: 62px;}
.ys .ys-4 .ys-4-left .left-top-title{width: 220px;}
.ys .ys-4 .ys-4-left .left-top-title p:first-child{font-size: 14px;color: white;}
.ys .ys-4 .ys-4-left .left-top-title p:last-child{color: white;font-size: 36px;}
.ys .ys-4 .ys-4-left .left-bottom{margin-top: 50px;}
.ys .ys-4 .ys-4-left .left-bottom p:first-child{font-size: 24px;color: white;font-weight: bold;}
.ys .ys-4 .ys-4-left .left-bottom p:last-child{color: white;font-size: 14px;line-height: 26px;margin-top: 30px;font-weight: bold;}
.ys .ys-4 .ys-4-right{width: 805px;height: 505px;}
.ys .ys-4 .ys-4-right img{width: 100%;height: 100%;}

/*项目案例*/
.yy{background-color: #F7F7F7;padding-top: 70px;padding-bottom: 100px;}
.yy .tit{border: 1px solid #E6E6E6;height: 65px;margin-top: 50px;}
.yy .tit ul{display: flex;justify-content: space-around;align-items: center;}
.yy .tit li{height: 65px;line-height: 65px;text-align: center;font-size: 18px;padding: 0 20px;display: flex;align-items: center;cursor: pointer;}
.yy .tit li img{width: auto;height: 20px;margin-right: 6px;}
.yy .tit li:last-child{margin-right: 0;}
.yy .tit li:hover{background: #15B89B;}
.yy .tit li:hover a{color: #fff;}
.yy .tit li:hover a:before{background: #fff;}
.yy .tit .on{background: #15B89B;}
.yy .tit .on a{color: #fff;}
.yy .tit .on a:before{background: #fff;}
.yy .con{margin-top: 26px;}
.yy .con li{width: 100%;overflow: hidden;position: relative;text-align: center;transition: all .3s linear;cursor: pointer;}
.yy .con li img{width: 100%;height: 505px;vertical-align: bottom;}
.yy .con li .case-desc{display: block;height: 105px;background-color: #16B89B;text-align: left;padding-left: 30px;}
.yy .con li .case-desc .case-title{font-size: 18px;color: white;margin-bottom: 10px;padding-top: 25px;}
.yy .con li .case-desc .case-content{font-size: 18px;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*新闻资讯*/
.new{margin-top: 100px;margin-bottom: 80px;}
.new .con{margin-top: 22px;}
.new-l{float: left;width: 282px;}
.new-l em{display: block;line-height: 0;}
.new-l em img{width: 282px;height: 302px;}
.new-l p{height: 254px;background: #eeeeee;text-align: left;line-height: 46px;font-size: 18px;padding-left: 80px;box-sizing: border-box;padding-top: 50px;border-bottom: 10px solid #15B89B;}
.new-l p a{display: block;position: relative;color: #000;padding-left: 44px;}
.new-l p a:before{display: inline-block;content:"";width: 5px;height: 2px;background: #000;vertical-align: middle;opacity: 0.3;margin-right: 40px;position: absolute;left: 0;top: 23px;}
.new-l p a.cur{color: #15B89B;font-weight: bold;}
.new-l p a.cur:before{background: #15B89B;width: 20px;opacity: 1;}
.new-r{width: 897px;float: right;}
.new-r dl{width: 836px;margin-left: 61px;height: 163px;border-bottom: 1px solid #e5e5e5;background: url(../img/new-more.png) no-repeat right center;}
.new-r dl dt{float: right;width: 223px;height: 163px;display: none;}
.new-r dl dt img{width: 223px;height: 166px;}
.new-r dl dd{float: left;width: 520px;padding-top: 52px;position: relative;}
.new-r dl dd h4 a{display: block;font-size: 15px;line-height: 15px;color: #333;}
.new-r dl dd p{font-size: 14px;color: #999;line-height: 26px;margin-top: 15px;}
.new-r dl dd em{position: absolute;right: 0;top: 50px;color: #333;}
.new-r dl:hover,.new-r dl.cur{background: #eee;margin-left: 0;width: 897px;border-bottom: none;height: 164px;}
.new-r dl h4 a:hover,.new-r dl.cur h4 a{color: #15B89B;}
.new-r dl:hover dt,.new-r dl.cur dt{display: block;}
.new-r dl:hover dd,.new-r dl.cur dd{padding-left: 61px;}
.new-r .more a{width: 223px;height: 43px;line-height: 43px;text-align: center;float: right;background: #00b89d;margin-top: 21px;font-size: 16px;color: #fff;font-weight: bold;}
.new-r .more a:hover{background: #019983;}

/*关于*/
.about{background: url(../img/index-video-bg.jpg) no-repeat center bottom;padding-top: 70px;}
.about .yz{padding-top: 80px;padding-bottom: 73px;}
.about .yz-t{position: relative;height: 650px;overflow: hidden;margin-top: 80px;}
.about .yz-t dt{width: 600px;height: 400px;position: absolute;left: 0;top: 0;z-index: 99;}
.about .yz-t dt img{width: 100%;height: 100%;}
.about .yz-t dd{width: 685px;height: 400px;position: absolute;right: 0;top: 80px;border: 4px solid #15B89B;z-index: 9;}
.about .yz-t dd h3{font-size: 30px;text-transform: uppercase;color: #999999;font-family: SourceHanSerifSC;font-weight: normal;padding-bottom: 40px;width: 100px;border-bottom: 1px solid #999;white-space: nowrap;line-height: 30px;margin-bottom: 38px;}
.about .yz-t dd h3 span{font-size: 50px;line-height: 50px;color: #333;display: block;font-weight: bold;margin-bottom: 13px;}
.about .yz-t dd h4{font-size: 24px;color: #333;line-height: 32px;display: block;}
.about .yz-t dd p{font-size: 14px;line-height: 32px;color: #333;margin-top: 12px;}
.about .yz-b{width: 100%;height: 210px;background: #fff;box-shadow:0px 3px 10px 0px rgba(20,20,20,0.1);margin-top: -75px;position: relative;z-index: 1;overflow: hidden;margin-bottom: 50px;}
.about .yz-b li{float: left;width: 25%;position: relative;text-align: center;padding-top: 40px;}
.about .yz-b li img{display: block;margin: 0 auto;}
.about .yz-b li b{display: block;font-size: 24px;line-height: 24px;color: #333;margin-top: 20px;}
.about .yz-b li span{display: block;font-size: 18px;line-height: 18px;color: #666;margin-top: 10px;}
.about .video{display: flex;justify-content: space-between;}
.about .video-left{width:730px;}
.about .video-left img{width:100%;height:410px;}
.about .video-left p{height:100px;line-height: 100px;font-weight: bold;font-size: 24px;color: white;letter-spacing: 1px;}
.about .video-right{width:375px;}
.about .video-right .video-p1{color: #E5E5E5;font-size: 67px;font-weight:bold;letter-spacing: 35px;}
.about .video-right .video-p2{display: flex;justify-content: space-between;align-items: center;}
.about .video-right .video-p2 button{width: 130px;height: 40px;line-height: 40px;text-align: center;color: #1FBB9F;font-size: 24px;font-weight: bold;margin-top: 85px;border: 1px solid white;background-color: white;cursor: pointer;}
.about .video-right .video-p2 span{color: white;letter-spacing: 2px;cursor: pointer;}
.about .video-right .video-p2 a{color: white;letter-spacing: 2px;cursor: pointer;}
.about .video-right .video-list{margin-top: 40px;}
.about .video-right .video-list p{height: 16px;line-height: 16px;margin-bottom: 20px;color: white;letter-spacing: 1px;font-size: 16px;padding-left: 30px;background: url(../img/video-play.png) no-repeat center left;}
.about-image .xc{position: relative;}
.about-image .xc .tit{height: 86px;line-height: 86px;border-bottom: 1px solid #EBEBEB;}
.about-image .xc .tit h3{font-size: 24px;font-weight: normal;float: left;}
.about-image .xc .tit p{float: right;}
.about-image .xc .tit p a{display: inline-block;padding-left: 30px;color: #222;}
.about-image .xc .tit p a:hover{color: #00b89d;font-weight: bold;}
.about-image .xc .tit p a.hb{background: url(../img/about-icon4.png) no-repeat left center;margin-right: 30px;}
.about-image .xc .tit p a.ry{background: url(../img/about-icon5.png) no-repeat left center;}
.about-image .xc .con{margin-top: 40px;}
.about-image .xc .con li{float: left;width: 380px;height: 320px;margin-right: 30px;}
.about-image .xc .con li:last-child{margin-right: 0;}
.about-image .xc .con li a{display: block;}
.about-image .xc .con li img{width: 380px;height: 285px;transition: all .25s linear;}
.about-image .xc .con li:hover img{filter: contrast(130%);}
.about-image .xc .qh{position: absolute;left:373px;top:30px;}
.about-image .xc .qh i{width: 36px;height: 36px;display: inline-block;margin-right: 7px;cursor: pointer;}
.about-image .xc .qh i:last-child{margin-right: 0;}