@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; overflow-x:hidden; width:100%; font-size:16px; color:#333333;}
ul,li{ list-style:none;}
img{ font-size:0; display:block;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
.align-right{ text-align: right;}
.banner,.main-body,.piece{ width: 100%; float: left; position: relative;}
.banner a{ cursor: pointer; width: 100%; height: 100%; float: left;}
.max-w1300{ max-width: 1300px; margin: 0 auto;}
.max-w1200{ max-width: 1200px; margin: 0 auto;}
.max-w1170{ max-width: 1170px; margin: 0 auto;}
.max-w1160{ max-width: 1160px; margin: 0 auto;}
.max-w1080{ max-width: 1080px; margin: 0 auto;}
.max-w960{ max-width: 960px; margin: 0 auto;}
.mt-150{ margin-top: 150px;}
.mt-110{ margin-top: 110px;}
.mt-100{ margin-top: 100px;}
.mt-70{ margin-top: 70px;}
.mt-30{ margin-top: 30px;}
.mt-0{ margin-top: 0!important;}
.mb-30{ margin-bottom: 30px;}
/*头部*/
header{ width: 100%; height:66px; float: left; position: fixed; z-index: 9;}
header .flex{ width: 100%; display: inline-flex; align-items: center; justify-content:space-between;}
header .logo{ float: left; width: 136px; height: 41px; background: url(../images/logo.png) no-repeat;}
header .nav-tab{ float: right; display: inline-flex; align-items: center;}
header .nav-tab ul{ float: left;}
header .nav-tab ul li{ float: left;}
header .nav-tab ul li a{ height: 66px; line-height: 66px; float: left; font-size: 16px; margin: 0 10px; padding: 0 10px; color: #FFFFFF; }
header .nav-tab ul li.hover a{ height: 64px; border-bottom: 2px solid #2d9ae4; color: #2d9ae4;}
header .nav-tab ul li:hover a{ height: 64px; border-bottom: 2px solid #2d9ae4; color: #2d9ae4;}
header .nav-tab .button{ cursor: pointer; margin-left: 100px; margin-right: 40px; width: 80px; height: 36px; line-height: 36px; text-align: center; float: left; border-radius: 5px; background-color: #2d9ae4; color: #FFFFFF; font-size: 14px;}
header .nav-tab .phone{ float: left; font-size: 20px; color: #FFFFFF; background: url(../images/ico01.png) left center no-repeat; padding-left: 20px;}
header .nav-con{ width: 100%; min-height: 200px; float: left; background-color: #FFFFFF; position: absolute; z-index: 9; box-shadow: 0 0 13px rgba(0,0,0,.2);}
header .nav-con .div1{ width: 160px; min-height: 200px; float: left; background-color: #f5f8fa;}
header .nav-con .div1 ul{ width: 100%; float: left; margin-top: 15px;}
header .nav-con .div1 ul li{ cursor: pointer; width: 100%; float: left; font-size: 16px; margin-top: 15px; padding-left: 20px; box-sizing: border-box;}
header .nav-con .div1 ul li.hover a{ color: #2d9ae4;}
header .nav-con .div2{ width: 530px; min-height: 200px; float: left; display: flex; align-items: center;}
header .nav-con .div2 .jianjie{ width: 454px; height: 150px; float: left; box-sizing: border-box; padding: 10px; background-color: #f5f8fa; margin-left: 30px;}
header .nav-con .div2 .jianjie p{ width: 100%; float: left; font-size: 16px; background: url(../images/ico11.png) left no-repeat; padding-left: 25px; box-sizing: border-box;}
header .nav-con .div2 .jianjie span{ width: 100%; float: left; font-size: 14px; color: #666666; line-height: 26px; margin-top: 5px;}
header .nav-con .div2 ul{ width: 100%; float: left;}
header .nav-con .div2 ul li{ width: 214px; height: 62px; padding-left: 15px; padding-right: 10px; float: left; margin-left: 30px; margin-bottom: 10px; box-sizing: border-box;}
header .nav-con .div2 ul li p{ width: 100%; float: left; font-size: 16px; height: 31px; line-height: 31px; overflow: hidden; background: url(../images/ico02.png) left no-repeat; padding-left: 20px; box-sizing: border-box;}
header .nav-con .div2 ul li span{ width: 100%; float: left; font-size: 14px; color: #666666; height: 25px; line-height: 25px; overflow: hidden;}
header .nav-con .div2 ul li.hover{background-color: #f5f8fa;}
header .nav-con .div2 ul li.hover p{color: #2d9ae4; }
header .nav-con .div2 ul li:hover{background-color: #f5f8fa;}
header .nav-con .div2 ul li:hover p{color: #2d9ae4; }
header .nav-con .div3{ min-height: 200px; float: right; display: flex; align-items: center; cursor: pointer;}
header .nav-con .div4{ width: 580px;}
header .nav-con .div4 ul li{ width: 220px;}
header .nav-con .div4 ul li:nth-child(1) p{ padding-left: 25px; background: url(../images/ico03.png) left center no-repeat; background-size: 17px 17px;}
header .nav-con .div4 ul li:nth-child(2) p{ padding-left: 25px; background: url(../images/ico04.png) left center no-repeat; background-size: 17px 17px;}
header .nav-con .div4 ul li:nth-child(3) p{ padding-left: 25px; background: url(../images/ico05.png) left center no-repeat; background-size: 17px 17px;}
header .nav-con .div4 ul li:nth-child(4) p{ padding-left: 25px; background: url(../images/ico06.png) left center no-repeat; background-size: 17px 17px;}
header.scroll{ background-color: #FFFFFF; box-shadow: 0 0 13px rgba(0,0,0,.2);}
header.scroll .logo{background: url(../images/logos.png) no-repeat;}
header.scroll .nav-tab ul li a{ color: #333333;}
header.scroll .nav-tab ul li.hover a{  color: #2d9ae4;}
header.scroll .nav-tab ul li:hover a{  color: #2d9ae4;}
header.scroll .nav-tab .phone{ background: url(../images/ico01s.png) left center no-repeat; color: #333333;}
/*底部*/
footer{ width: 100%; height:248px; float: left; background-color: #454b58; display: inline-flex; align-items: center; justify-content: center;}
footer .footer-left{ width: 300px; height: 180px; border-right: 1px solid #393f4b; display: inline-flex; flex-direction: column; justify-content: center; align-items: center;}
footer .footer-left p{ font-size: 16px; color: #FFFFFF; margin-top: 20px;}
footer .footer-right{ width: 540px; height: 180px; margin-left: 85px;}
footer .footer-nav{ width: 100%; float: left;}
footer .footer-nav ul{ width: 100%; height: 46px; float: left; border-bottom: 1px solid #393f4b;}
footer .footer-nav ul li{ float: left; font-size: 16px; margin-right: 50px;}
footer .footer-nav ul li a{ color: #FFFFFF;}
footer .footer-address{ width: 100%; float: left; margin-top: 25px;}
footer .footer-address .ewm{ width: 90px; float: left;}
footer .footer-address .ewm p{ font-size: 14px; color: #FFFFFF; margin-top: 5px;}
footer .footer-address ul{ float: left; margin-left: 20px;}
footer .footer-address ul li{ font-size: 16px; color: #FFFFFF; margin-bottom: 10px;}
/*共用*/
.plate03{ width: 100%; float: left; margin-top: 60px;}
.plate03 .p1{ width: 100%; float: left; text-align: center; font-weight: bold; font-size: 24px;}
.enterprise-logo{width: 960px; float: left; margin-left: 50%; transform: translate(-50%,0); margin-top: 45px;}
.enterprise-logo .div1{ width: 100%; float: left;}
.enterprise-logo .div1 ul{ width: 100%; float: left;}
.enterprise-logo .div1 ul li{ width: 238px; height: 60px; float: left; background-color: #b1b8c2; font-size: 18px; color: #FFFFFF; text-align: center; display:flex; justify-content: center; align-items: center; border-right: 1px solid #8f98a4; border-left: 1px solid #c3c9d1;}
.enterprise-logo .div1 ul li:first-child{ border-left: 1px solid #FFFFFF;}
.enterprise-logo .div1 ul li:last-child{ border-right: 1px solid #FFFFFF;}
.enterprise-logo .div1 ul li.hover{ background: url(../images/bj03.jpg) repeat-x; font-weight: bold;}
.enterprise-logo .div2{ width: 100%; float: left;}
.enterprise-logo .div2 ul{ width: 100%; float: left;}
.enterprise-logo .div2 ul li{ width: 240px; float: left; padding-bottom: 10px;}
.enterprise-logo .div2 ul li.hover{background-color: #f0f1f4; }
.enterprise-logo .div2 ul li img{ float: left; margin: 0 5px; margin-top: 10px;}
.plate04{ width: 100%; height: 245px; float: left; margin-top: 60px; cursor: pointer; background: url(../images/tu3.png) center no-repeat; background-size: cover;}
.plate04 img{ width: 100%;}
/*分页*/
.paging{width: 100%; padding: 40px 0px; float: left; text-align: center; display: inline-flex; justify-content: center;}
.paging a{ width: 30px; height: 28px; line-height: 28px; background-color: #f4f4f5; color: #666666; border-radius: 3px; margin: 0 5px;}
.paging span{ width: 30px; height: 28px; line-height: 28px; background-color: #409eff; color: #FFFFFF;border-radius: 3px; margin: 0 5px;}
/*漂浮*/
.piaofu{ width: 70px; height: auto; float: right; position: fixed; right: 0; top: 30%;}
.piaofu ul{ width: 100%; float: left;}
.piaofu ul li{ width: 100%; height: 90px; float: left; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../images/ico19.jpg) center bottom no-repeat #16c1c8;}
.piaofu ul li.li1{ background-color: #2d9ae4;}
.piaofu ul li:last-child{ background: #16c1c8;}
.piaofu ul li img{ width: 30px; height: 30px;}
.piaofu ul li p{ font-size: 14px; color: #FFFFFF; margin-top: 5px;}
.piaofu ul li div{ display: none; position: absolute; right: 0;}
.piaofu ul li div .ico{ width: 7px; height: 13px; position: absolute; right: -7px; top: 50%; transform: translate(0,-50%); background: url(../images/ico20.png) no-repeat;}
.piaofu ul li .div1 p{ box-shadow: 0 0 13px rgba(0,0,0,0.2); width: 175px; height: 50px; line-height: 50px; text-align: center;  color: #16c1c8; font-size: 16px; background-color: #FFFFFF;}
.piaofu ul li .div2 p{ padding: 8px; background-color: #FFFFFF; box-shadow: 0 0 13px rgba(0,0,0,0.2);}
.piaofu ul li .div2 p img{ width: 73px; height: 73px;}
.piaofu ul li .div3 p{ box-shadow: 0 0 13px rgba(0,0,0,0.2); width: 226px; height: 70px; color: #16c1c8; font-size: 14px; background-color: #FFFFFF; padding: 8px; box-sizing: border-box;}
/*弹窗*/
.open-bj{ display: none; width: 100%; height: 100%; float: left; position: fixed; background-color: rgba(0,0,0,0.3); z-index: 998;}
.shenqing-open{ display: none; width: 480px; height: 590px; float: left; background: url(../images/shenqing01.jpg) no-repeat #FFFFFF; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 10px; box-shadow: 0px 5px 10px rgba(0,0,0,0.3); z-index: 999;}
.shenqing-open .close{ width: 26px; height: 26px; float: right; background: url(../images/ico14.png) no-repeat; right: 20px; top: 20px;  position: absolute; cursor: pointer;}
.shenqing-open-con1{width: 100%; height: 100%; padding: 0 60px; float: left; box-sizing: border-box;}
.shenqing-open-con1 .title{ width: 100%; margin-top: 200px; float: left; text-align: center;}
.shenqing-open-con1 .title p{ width: 100%; float: left; font-size: 26px;}
.shenqing-open-con1 .title span{ width: 100%; float: left; font-size: 18px; color: #666666; margin-top: 10px;}
.shenqing-open-con2{width: 100%; height: 100%; padding: 0 60px; float: left; box-sizing: border-box; background: url(../images/shenqing03.png) center no-repeat;}
.shenqing-open-con2 .title{ width: 100%; margin-top: 402px; float: left; text-align: center;}
.shenqing-open-con2 .title p{ width: 100%; float: left; font-size: 20px;}
.shenqing-open-con2 .title span{ width: 100%; float: left; font-size: 18px; color: #666666; margin-top: 10px;}
.shenqing-open .phone{ width: 100%; float: left; margin-top: 35px; position: relative;}
.shenqing-open .phone .input-phone{ width: 100%; padding-left: 50px; height: 42px; float: left; font-size: 16px; box-sizing: border-box; border: 1px solid #dcdcdc; border-radius: 5px; background: url(../images/ico12.png) 25px no-repeat;}
.shenqing-open .phone p{ display: none; position: absolute; color: red; top: 46px; font-size: 14px;}
.shenqing-open .code{ display: none; width: 100%; float: left; margin-top: 30px;}
.shenqing-open .code .input-code{ width: 228px; padding-left: 50px; height: 42px; float: left; font-size: 16px; box-sizing: border-box; border: 1px solid #dcdcdc; border-radius: 5px; background: url(../images/ico13.png) 25px no-repeat;}
.shenqing-open .code .button-code{ width: 118px; height: 42px; line-height: 42px; float: right; font-size: 16px; color: #666666; text-align: center; border: 1px solid #dcdcdc; border-radius: 5px; cursor: pointer;}
.shenqing-open .choice{ width: 100%; float: left; margin-top: 35px;}
.shenqing-open .choice p{ width: 100%; float: left; font-size: 14px; color: #666666;}
.shenqing-open .choice ul{ width: 100%; float: left;}
.shenqing-open .choice ul li{ width: 50%; float: left; margin: 5px 0;}
.shenqing-open .choice ul li label{ cursor: pointer;}
.shenqing-open .choice ul li input{ margin-right: 5px;}
.shenqing-open .submit{ width: 100%; height: 44px; float: left; background: url(../images/shenqing02.png) no-repeat; font-size: 18px; color: #FFFFFF; margin-top: 25px; cursor: pointer;}