
.wrap {/*width: 86%;*/margin: 0 auto;width: 1200px;}

.header{background: transparent;padding: 25px 0 0 15px;font-family: 'SourceHanSansCN-R';transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
.header .left{float: left;overflow: hidden;}
.header .logo{width: 190px;display: inline-block;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;float: left;}
.header .logo img{display: block;width: 100%;}
.header .logo .img2{opacity: 0;visibility: hidden;z-index: 1;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.header .logo .img1{z-index: 1;}
.header .img{width: 203px;display: inline-block;margin-left: 8px;position: relative;float: left;margin-top: 30px;}
.header .img img{display: block;width: 100%;}
.header .img .img2{opacity: 0;visibility: hidden;z-index: 1;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.header .img .img1{z-index: 1;}

.header .right{float: right;}
.header .right .top{margin-right: 16px;text-align: right;padding-right: 13px;margin-bottom: 10px;}
.header .right .top .tel{font-size: 18px;color: #ffffff;line-height: 30px;padding-left: 24px;background-image: url(../images/common/tel.png);background-repeat: no-repeat;background-position: left center;display: inline-block;vertical-align: middle;font-family: 'SourceHanSansCN-B';}
.header .right .top h3{font-weight: normal;font-size: 18px;color: #ffffff;line-height: 30px;margin-left: 20px;display: inline-block;vertical-align: middle;}
.header .right .nav li{float: left;margin: 0 6px;position: relative;}
.header .right .nav li .v1{display: block;font-size: 18px;color: #ffffff;line-height: 44px;padding: 0 10px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.header .right .nav li .v1:hover,.header .right .nav li.on .v1{color: #004ea2;font-weight: bold;}
.header .right .nav li i{width: 16px;height: 9px;background-image: url(../images/common/img4.png);background-repeat: no-repeat;background-position: center;display: inline-block;vertical-align: middle;margin-left: 5px;}
.header .right .drop-down{ width: 550px; background-color: transparent; top: 140%; position:absolute; left: 50%; margin-left: -275px; z-index: 1; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.header .right .drop-down.on{opacity: 1;visibility: visible;top: 100%;}
.header .right .dropContent{display: flex; background: #ffffff; box-shadow: 0px 3px 8px 0px rgb(0, 0,0, .36); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.header .right .dropContent .dropTit{width: 156px;padding: 30px 0;}
.header .right .dropContent .dropTit span{height: 36px;font-size: 14px;color: #666;line-height: 36px;padding: 0 20px;margin: 10px 0;display: block;cursor: pointer;}
.header .right .dropContent .dropTit span.on{color: #333;background: linear-gradient(270deg, #f3f2f2 0%, rgba(255, 255, 255, 0.9) 80%, #FFFFFF 100%);}
.header .right .dropContent .dropTit span:first-child{margin-top: 0;}
.header .right .dropContent .popup-ctx {padding: 30px 0 20px 0;background: #f3f4f3;width: 400px;border-radius: 0 4px 4px 0;z-index: 999;}
.header .right .dropContent .popup-ctx .popup-list{display: none;}
.header .right .dropContent .popup-ctx .popup-list.on{display: block;}
.header .right .dropContent .popup-ctx .popup-con{display: flex;padding-left: 32px;flex-wrap: wrap;}
.header .right .dropContent .popup-ctx .popup-f{width: 50%;margin-bottom: 10px;}
.header .right .dropContent .popup-ctx .pop-title {font-size: 14px;font-weight: 600;color: #222;position: relative;}
.header .right .dropContent .popup-ctx .pop-title img {width: 16px;height: 16px;margin-right: 8px;}
.header .right .dropContent .popup-ctx a{font-size: 12px;display: block;font-weight: 400;color: #444;margin: 10px 0;}
.header .right .dropContent .popup-ctx .pop-ctx{margin-left: 24px;}


.header.active{background: #ffffff;position: fixed;top: 0;box-shadow: 0 5px 20px rgba(0,0,0,0.5);-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.5);-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.5);-ms-box-shadow: 0 5px 20px rgba(0,0,0,0.5);}
.header.active .right .nav li a{color: #333333;}
.header.active .right .nav li a:hover,.header.active .right .nav li.on a{color: #004ea2;}
.header.active .right .top .tel{color: #333333;background-image: url(../images/common/tel2.png);}
.header.active .logo .img2{opacity: 1;visibility: visible;}
.header.active .img .img2{opacity: 1;visibility: visible;}
.header.active .right .nav li i{background-image: url(../images/common/img3.png);}
.header.hover{background: #ffffff;position: fixed;top: 0;box-shadow: 0 5px 20px rgba(0,0,0,0.5);-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.5);-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.5);-ms-box-shadow: 0 5px 20px rgba(0,0,0,0.5);}
.header.hover .right .nav li a{color: #333333;}
.header.hover .right .nav li a:hover,.header.hover .right .nav li.on a{color: #004ea2;}
.header.hover .right .top .tel{color: #333333;background-image: url(../images/common/tel2.png);}
.header.hover .logo .img2{opacity: 1;visibility: visible;}
.header.hover .img .img2{opacity: 1;visibility: visible;}
.header.hover .right .nav li i{background-image: url(../images/common/img3.png);}
.header.on{background: #ffffff;position: static;}
.header.on .right .nav li a{color: #333333;}
.header.on .right .nav li a:hover,.header.on .right .nav li.on a{color: #004ea2;}
.header.on .right .top .tel{color: #333333;background-image: url(../images/common/tel2.png);}
.header.on .logo .img2{opacity: 1;visibility: visible;}
.header.on .img .img2{opacity: 1;visibility: visible;}
.header.on .right .nav li i{background-image: url(../images/common/img3.png);}

.com_tit{font-size: 0;text-align: center;margin-bottom: 26px;}
.com_tit h3{font-size: 36px;color: #333333;text-align: center;line-height: 1;display: inline-block;vertical-align: middle;font-family: 'Alibaba-PuHuiTi-M';position: relative;}
.com_tit h3:before{content:'';display: inline-block;vertical-align: middle;width: 136px;height: 24px;background-image: url(../images/baokao/img1.png);background-repeat: no-repeat;background-position: center;margin-right: 15px;position: absolute;left: -162px;top: 50%;margin-top: -6.5px;}
.com_tit h3:after{content:'';display: inline-block;vertical-align: middle;width: 136px;height: 24px;background-image: url(../images/baokao/img2.png);background-repeat: no-repeat;background-position: center;margin-left: 15px;position: absolute;right: -162px;top: 50%;margin-top: -6.5px;}
.com_tit p{font-size: 24px;color: #333333;text-align: center;line-height: 30px;margin-top: 5px;}
.com_tit sup{font-size: 20px;}
.com_tit.white h3:before{background-image: url(../images/baokao/img3.png);}
.com_tit.white h3:after{background-image: url(../images/baokao/img4.png);}
.com_tit.white h3,.com_tit.white p{color: #ffffff;}
.com_tit3{font-size: 0;text-align: center;margin-bottom: 26px;}
.com_tit3 h3{font-size: 70px;color: #333333;text-align: center;line-height: 1.4;display: inline-block;vertical-align: middle;font-family: 'SourceHanSansCN-B';position: relative;}
.com_tit3 h3 span{color: #f51f1f;}
.com_tit3 h3 em{color: #f51f1f;}
.com_tit3 p{font-size: 36px;color: #333333;text-align: center;line-height: 1.4;font-family: 'SourceHanSansCN-B';}
.com_tit3.white h3{color: #ffffff;}
.com_tit4{text-align: center;margin-bottom: 40px;}
.com_tit4 h3{font-size: 40px;color: #333333;line-height: 54px;text-align: center;font-weight: bold;margin-bottom: 22px;}
.com_tit4 h3 span{color: #ff0000;}
.com_tit4 p{font-size: 24px;color: #333333;line-height: 42px;}
.com_tit4 p span{color: #ff0000;}

.com_tit5{text-align: center;margin-bottom: 30px;}
.com_tit5 h3{font-size: 32px;color: #1a2a57;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 5px;}
.com_tit5 p{font-size: 18px;color: #1a2a57;line-height: 30px;}

.com_tit6{display: flex;align-items: flex-end;font-size: 20px;color: #333333;line-height: 1;margin-bottom: 40px;}
.com_tit6 h3{font-size: 50px;color: #333333;line-height: 1;margin-right: 40px;}



.comm_pad{padding: 54px 0;}
.comMar{margin-top: 0;}
.comm_bg{background: #f3f3f3;}
.comm_bg2{background: #f2f2f2;}
.footer{overflow: hidden;width: 100%;background: #333333;padding: 35px 0 30px 0;}
.footer .top{overflow: hidden;border-bottom: 1px solid #ffffff;padding-bottom: 15px;}
.footer .top .left{float: left;width: 80%;}
.footer .top .left ul{font-size: 0;margin-bottom: 10px;}
.footer .top .left ul li{display: inline-block;vertical-align: middle;position: relative;padding:0 15px;}
.footer .top .left ul li:after{content: '';display: block;width: 4px;height: 18px;background: #ffffff;position: absolute;right: 0;top: 50%;margin-top: -9px;}
.footer .top .left ul li a{font-size: 18px;color: #ffffff;line-height: 30px;padding: 0 16px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.footer .top .left ul li:hover a{background: #004ea2;}
.footer .top .left ul li:last-child:after{display: none;}
.footer .top .left ul li:first-child{padding-left: 0;}
.footer .top .left .desc{font-size: 18px;color: #ffffff;line-height: 30px;}
.footer .top .right{float: right;width: 114px;}
.footer .top .right img{display: block;width: 100%;}
.footer .bot{font-size: 18px;color: #ffffff;line-height: 26px;margin-top: 15px;}

.kt_tk{background: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.kt_tk .box{width: 502px;height: 574px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.kt_tk .box .close{width: 40px;height: 40px;background-image: url(../images/common/close2.png);background-repeat: no-repeat;background-position: center;background-size: auto 40px;position: absolute;top: 50px;right: 0;cursor: pointer;}
.kt_tk .box .img1{display: block;width: 100%;}
.kt_tk .box form{position: absolute;top: 340px;left: 0;right: 0;margin: 0 auto;}
.kt_tk .box .lable{width: 284px;margin: 0 auto 10px auto;}
.kt_tk .box .lable input{width: 100%;height: 34px;font-size: 16px;color: #333333;padding: 0 30px;line-height: 40px;border-radius: 30px;border: 2px solid #f4b43f;background: #ffffff;}
.kt_tk .box .btn{width: 171px;height: 56px;background-color: transparent;background-image: url(../images/common/tk3.png);background-repeat: no-repeat;background-position: center;background-size: 100%;cursor: pointer;margin: 0 auto;font-size: 0;border: 0;display: block;}
.kt_tk .box .btn2{background-image: url(../images/common/tk6.png);width: 147px;height: 37px;}
.kt_tk .box .zxBtn{width: 147px;height: 37px;background-color: transparent;background-image: url(../images/common/tk7.png);background-repeat: no-repeat;background-position: center;background-size: 100%;cursor: pointer;margin: 0 auto;font-size: 0;border: 0;display: block;margin-top: 8px;}
.kt_tk .box2{width: 694px;height: 733px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);display: none;}
.kt_tk .box2 .img1{display: block;width: 100%;}
.kt_tk .box2 p{position: absolute;top: 495px;left: 0;right: 0;margin: 0 auto;font-size: 30px;color: #ffffff;line-height: 30px;text-align: center;}
.kt_tk .box2 p span{font-weight: bold;}




.kt_tk .box .l_select{position: relative;cursor: pointer;}
.kt_tk .box .l_select input{height: 34px;line-height: 44px;cursor: pointer;border-radius: 30px;border: 2px solid #f4b43f;background: #ffffff;text-align: center;padding: 0 40px 0 30px;}
.kt_tk .box .l_select ul{width: 280px;position: absolute;bottom: 42px;left: 0px; right: 0px;margin:0 auto;background: #fff;z-index: 3;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;max-height: 390px;overflow: auto; padding: 0 12px;}
.kt_tk .box .l_select ul li{line-height: 38px;padding: 0 20px;color: #999999;font-size: 16px;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;border-bottom: 1px solid #ededed;text-align: left;}
.kt_tk .box .l_select ul li:hover{color: #004ea2;}
.kt_tk .box .l_select.open ul{opacity: 1;visibility: visible;}
.kt_tk .box .l_select:after {content: "";display: block;width: 19px;height: 12px;background: url(../images/common/up.png) no-repeat center;position: absolute;right: 18px;top: 50%;margin-top: -6px;z-index: 2;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;background-size: 14px auto;}
.kt_tk .box .l_select.open:after{background-image: url(../images/common/down.png);}

.fixed_left{position: fixed;left: 0;top: 30%;background: #ffffff;z-index: 9;box-shadow: 0 5px 20px rgba(0,0,0,.2);}
.fixed_left .item{padding: 10px 5px 0 5px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.fixed_left .item i{width: 40px;height: 40px;display: block;margin: 0 auto 10px auto;background-repeat: no-repeat;background-position: center;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.fixed_left .item.icon1 i{background-image: url(../images/common/icon3.png);}
.fixed_left .item.icon2 i{background-image: url(../images/common/icon4.png);}
.fixed_left .item.icon3 i{background-image: url(../images/common/icon5.png);}
.fixed_left .item.icon4 i{background-image: url(../images/common/icon6.png);}
.fixed_left .item.icon5 i{background-image: url(../images/common/icon7.png);}
.fixed_left .item.icon7 i{background-image: url(../images/common/icon8.png);}
.fixed_left .item.icon1:hover i{background-image: url(../images/common/icon3_hover.png);}
.fixed_left .item.icon2:hover i{background-image: url(../images/common/icon4_hover.png);}
.fixed_left .item.icon3:hover i{background-image: url(../images/common/icon5_hover.png);}
.fixed_left .item.icon4:hover i{background-image: url(../images/common/icon6_hover.png);}
.fixed_left .item.icon5:hover i{background-image: url(../images/common/icon7_hover.png);}
.fixed_left .item.icon7:hover i{background-image: url(../images/common/icon8_hover.png);}
.fixed_left .item:hover{background: #fc4d3d;}
.fixed_left .item span{font-size: 12px;color: #333333;display: block;text-align: center;line-height: 1;border-bottom: 1px solid #efefef;padding-bottom: 10px;}
.fixed_left .item.icon5 span{letter-spacing: -1px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.fixed_left .item.icon6 img{width: 60px;height: 60px;margin: 0 auto 5px auto;display: block;}
.fixed_left .item:hover span{color: #ffffff;}
.fixed_left .item.icon6{position: relative;}
.fixed_left .item.icon6 .ewm{position: absolute;left: 90px;top: 50%;margin-top: -100px;width: 200px;height: 200px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.fixed_left .item.icon6 .ewm img{display: block;width: 100%;height: 100%;}
.fixed_left .item.icon6:hover .ewm{opacity: 1;visibility: visible;}

.tcBox2 {width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
  
.tcBox2 .box {position: absolute;border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; background: #ffffff; max-width: 700px; font-size: 16px; color: #333333; line-height: 30px; padding: 8px 30px; text-align: center; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);z-index: 99999; }
.tcBox2 .box .text {display: block;text-align: center;}