/* 前端张文杰 */
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1f1f1f;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#ff6600;}

body::-webkit-scrollbar-track{ background:#fff;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 微软雅黑;outline: none;}

input[type="submit"]{background-color: transparent;cursor: pointer;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}

select::-ms-expand { display: none; }

.w1920{position: relative;width: 1920px;margin: 0 auto;max-width: 100%;overflow: hidden;}
.w1600{position: relative;width: 1600px;margin: 0 auto;max-width: 100%;}
.w1440{position: relative;width: 1440px;margin: 0 auto;max-width: 100%;}
.w1280{position: relative;width: 1280px;margin: 0 auto;max-width: 100%;}
.w960{position: relative;width: 960px;margin: 0 auto;max-width: 100%;}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_50 {
    font-size: 50px;
}

.f_56 {
    font-size: 56px;
}

.f_64 {
    font-size: 64px;
}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 30;}
.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.6);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.i4_tc .z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1600px;max-height: 90%;margin: 0 auto;}
.i4_tc .z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/tc_close.jpg) center no-repeat;background-size: 40px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 20px;right: 20px;cursor: pointer;}
.i4_tc .z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}
.i4_tc .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}
.i4_tc .z_tanchuang .tbox .modal .img img{margin: 0 auto ;}
.i4_tc .z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/tc_close.jpg) center no-repeat;background-size: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.i4_tc .z_tanchuang .tbox .modal2{padding: 20px;}
.i4_tc .z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */
.i4_tc .z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}


/* hover */
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
/* hover end */
/* index */

/* header */
.head{position: fixed;top: 0;left: 0;z-index: 20;width: 100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.head:after{content: "";position: absolute;top: 47px;left: 0;width: 100%;}
.head .logo{margin-top: 44px;float: left;position: relative;z-index: 2;}
.head .h_nav{float: right;z-index: 2;position: relative;}
.head .h_nav li{float: left;margin: 0 30px;padding:0 0 48px 0;}
.head .h_nav li a{position: relative; display: block;color: #fff;line-height: 26px;padding-top: 48px;}
.head .h_nav li a:after{content: "";position: absolute;top: 0;left: 0;height: 4px;width: 0%;background: #ff6600;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.head .h_nav li:hover a,.head .h_nav li.on a{color: #ff6600;}
.head .h_nav li:hover a:after,.head .h_nav li.on a:after{width: 100%;}
.head .ss{float: right;margin: 52px 50px 0 10px;position: relative;z-index: 3;}
.head .ss a{display: block;}
.head .ss input{display: block;width: 0px;height: 150%;position: absolute;right: 100%;top: -25%;border: 0;border-bottom: 1px solid #fff;padding: 0 ;color: #333;background: #fff;outline: none;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;background: #fff;z-index: 3;border-bottom: 1px solid #ff6600;opacity: 0;}
.head .ss:hover a{}

.head .ss:hover input{width: 240px;padding: 0 10px;background: #fff;z-index: 3;opacity: 1;-webkit-transition-delay: .15s;transition-delay: .15s;}
.head .code{float: right;margin-top: 52px;position: relative;cursor: pointer;z-index: 2;}
.head .code .b_code{position: absolute;top: 30px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 130px;height: 0;overflow: hidden; opacity: 0;}
.head .code:hover .b_code{height: 130px;opacity: 1;}
.head .lang{
    float: right;
    position: relative;
    display: block;
    color: #fff;
    line-height: 26px;
    padding-top: 48px;
    margin-left: 50px;

}
.head.on .h_nav li a,.head.on .lang{color: #333333;}
.head.on .h_nav li:hover a,.head.on .h_nav li.on a{color: #ff6600;}
.head.on1 .h_nav li a,.head.on1 .lang{color: #333333;}
.head.on1 .h_nav li:hover a,.head.on1 .h_nav li.on1 a{color: #ff6600;}
.head .nav2{position: absolute;top: 74px;left: 0; width: 100%;background: #fff;padding:0 0 115px 0; display: none;height: 300px;z-index: 10;}
.head .nav2 .left{float: left;display: none;}
.head .nav2 .list{float: right;margin-right: 50px;}
.head .nav2 .list ul{float: left;width: 80px;text-align: center;line-height: 36px;min-height: 50px;padding-top: 20px;opacity: 0;}
.head .nav2 .list *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.head .nav2 .list ul:nth-child(6){margin-right: 40px;}
.head .nav2 .list ul:nth-child(5){margin-right: 62px;}
.head .nav2 .list ul:nth-child(4){margin-right: 36px;}
.head .nav2 .list ul:nth-child(3){margin-right: 28px;}
.head .nav2 .list ul:nth-child(2){margin-right: 28px;}
.head .nav2 .list ul.act{opacity: 1;}


.head .nav2 .list ul a{color: #333333;}
.head .nav2 .list ul a:hover{color: #ff6600;}
/* .head:hover .h_nav li a{padding: 35px 0;}
.head:hover .logo{margin-top: 30px;}
.head:hover .ss{margin-top: 40px;}
.head:hover .code{margin-top: 40px;} */
.m_head,.m_nav{display: none;}
.head.one1{top: -122px;}
.head.one2{background: #fff;border-bottom: 1px solid #ddd;}
/* header end */

/* foot */
.foot{background: #1f2a3e;}
.foot .f_top{padding: 100px 0 80px 0;}
.foot .f_top .left{float: left;padding-right: 6.25%;border-right: 1px solid rgba(255,255,255,.1);}
.foot .f_top .left .f_logo{margin-bottom: 28px;}
.foot .f_top .left .link{margin-bottom: 12px;}
.foot .f_top .left .link .btn{float: left;width: 42px;height: 42px;border: 1px solid rgba(255,255,255,.1);border-radius: 50%;margin-right: 20px;}
.foot .f_top .left .link .wx{background: url(../images/f_wx.png)no-repeat center;}
.foot .f_top .left .link .wb{background: url(../images/f_wb.png)no-repeat;}
.foot .f_top .left .link .wb:hover{background-position-y: -42px;}
.foot .f_top .left .f_code img{padding: 14px;border: 1px solid rgba(255,255,255,.1);}
.foot .f_top .left .f_code .p{color: #cccccc;line-height: 34px;}
.foot .f_top .center{float: left;height: 306px;border-right:1px solid rgba(255,255,255,.1);padding: 0 0 0 6%;}
.foot .f_top .center ul{float: left;text-align: center;margin-right: 76px;}
.foot .f_top .center ul a{color: rgba(255,255,255,.5);display: block;line-height: 30px;}
.foot .f_top .center ul a:hover{color: #fff;}
.foot .f_top .center ul .li1 a{color: #fff;line-height: 18px;margin-bottom: 24px;}
.foot .f_top .right{float: left; padding-left: 5.6%;max-width: 330px;}
.foot .f_top .right .h{color: #fff;margin-bottom: 16px;}
.foot .f_top .right .p{color: rgba(255,255,255,.5);margin-bottom: 24px;line-height: 1.5;}
.foot .f_bottom{padding: 62px 0;border-top: 1px solid rgba(255,255,255,.1);}
.foot .f_bottom .left{float: left;}
.foot .f_bottom .left a{display: block;float: left;color: rgba(255,255,255,.5);}
.foot .f_bottom .right a img{position: relative;top:0;left: 0;margin-right: 12px;}
.foot .f_bottom .left span{display: block;float: left;color: rgba(255,255,255,.5);margin: 0 4px;}
.foot .f_bottom .left>a{position: relative;padding-right: 20px;margin-right: 20px;}
.foot .f_bottom .left>a:after{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: rgba(255,255,255,.1);}
.foot .f_bottom .left div{float: left;}
.foot .f_bottom .right{float: right;color: rgba(255,255,255,.5);}
.foot .f_bottom .right span:nth-child(1){margin-right: 26px;padding-right: 26px;border-right: 1px solid rgba(255,255,255,.5);}
.foot .f_bottom .right span a{color: rgba(255,255,255,.5);vertical-align: middle;}
/* foot end */


@media (max-width:1600px){
    .w1600{padding: 0 2%;}
    .head .logo{margin-top: 22px;}
    .head .h_nav li{padding:0 0 27px 0;}
    .head .h_nav li a{padding:27px 0 0 0;}
    .head .ss{margin-top: 31px;}
    .head .code{margin-top: 31px;}
    .foot .f_top .left{padding-right: 5%;}
    .foot .f_top .center{padding-left: 5%;}
    .foot .f_top .center ul{margin-right: 46px;}
    .foot .f_top .right{padding-left: 3.6%;width: 27%;}
    .head .nav2{top: 60px;}
    .head .nav2 .list ul{padding-top: 0px;}
    .head .lang{padding-top: 27px;}
}

@media (max-width:1440px){
    .head .nav2 .list ul:nth-child(6){margin-right: 30px;}
    .head .nav2 .list ul:nth-child(5){margin-right: 52px;}
    .head .nav2 .list ul:nth-child(4){margin-right: 30px;}
    .head .nav2 .list ul:nth-child(3){margin-right: 20px;}
    .head .nav2 .list ul:nth-child(2){margin-right: 10px;}
}

@media (max-width: 1366px){
    .head .h_nav li{margin: 0 26px;}
    .head .nav2 .left{width: 24%;}
    .foot .f_top .left{padding-right: 4%;}
    .foot .f_top .center{padding-left: 4%;}
    .foot .f_top .center ul{margin-right: 36px;}
    .foot .f_top .right{padding-left: 2.6%;width: 26%;}
    .foot .f_top .right .p{line-height: 1.5;}
    .head .nav2 .list ul{margin-left: 0px;}
    .head .nav2 .list ul:nth-child(7){margin-right: -2px;}
    .head .nav2 .list ul:nth-child(6){margin-right: 21px;}
    .head .nav2 .list ul:nth-child(5){margin-right: 40px;}
    .head .nav2 .list ul:nth-child(4){margin-right: 24px;}
    .head .nav2 .list ul:nth-child(3){margin-right: 15px;}
    .head .nav2 .list ul:nth-child(2){margin-right: 12px;}
}

@media (max-width: 1300px){
    .head .h_nav li{margin: 0 20px;}
    .head .nav2 .list ul{margin-left: 0px;}
    .head .nav2 .list ul:nth-child(7){margin-right: -10px;}
    .head .nav2 .list ul:nth-child(6){margin-right: 11px;}
    .head .nav2 .list ul:nth-child(5){margin-right: 29px;}
    .head .nav2 .list ul:nth-child(4){margin-right: 10px;}
    .head .nav2 .list ul:nth-child(3){margin-right: 3px;}
    .head .nav2 .list ul:nth-child(2){margin-right: 1px;}
}
@media (max-width: 1200px){
    .head .h_nav{font-size: 13px;}
    .head .h_nav li{margin: 0 10px;}
    .head .nav2 .list ul{margin-left: 0px;}
    .head .nav2 .list ul:nth-child(7){margin-right: -20px;}
    .head .nav2 .list ul:nth-child(6){margin-right: -15px;}
    .head .nav2 .list ul:nth-child(5){margin-right: 5px;}
    .head .nav2 .list ul:nth-child(4){margin-right: -13px;}
    .head .nav2 .list ul:nth-child(3){margin-right: -20px;}
    .head .nav2 .list ul:nth-child(2){margin-right: -23px;}
}

@media (max-width:1030px){
    .head_pc{display: none;}
    .m_head {display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: rgba(255,255,255,1);border-bottom: 1px solid #eee;}
    .m_head .mlt{display: block;float: left;}
    .m_head .mlt img{display: block;height: 20px;margin-top: 15px;}
    .m_head .img{width: 50px;float: right;}
    .m_head .img img{display: block;width: 100%;}
    .m_head .langm{width: 30px;text-align: center;line-height: 50px;float: right;}
    .m_head .mrt{width: 50px;height: 50px;background: url(../images/ss1.png ) center no-repeat;background-size: 20px;  display: block;float: right;}
    .m_nav{font-family: Microsoft Yahei; display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act{right: 0;}
    .m_out{ width: 15%;float: left; }
    .m_out img{display: block;width: 100%;} 
    .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: #fff;top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act{right: 0;}
    .m_nav .ss1{position: relative;float: none;border: 1px solid #333;margin: 20px 20px 20px 30px;padding:0;height: 32px;}
    .m_nav .ss1 input{height: 30px;padding-left: 10px;vertical-align: top;float: left;width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
    .m_nav .ss1 a{float: right;width: 30px;height: 100%;}
    .m_nav .ss1 img{position: absolute;right: 5px;top: 3px;}
    .m_out{ width: 50px;float: right; max-width: 50px;margin-right: 3%;}
    .m_out img{display: block;width: 100%;}  
    .wow{opacity: 1;}
    .m_navbox{width: 100%;box-sizing: border-box;background: #fff;height: calc(100% - 80px);box-sizing: border-box;padding: 20px 0 ;overflow: auto; box-sizing: border-box;}
    .m_navbox div,.m_navbox a{color: #666;display: block;}
    .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;}
    .m_navbox div,.m_navbox a.ltp{font-size: 18px;line-height: 30px;padding: 10px 0;display: block;}
    .m_navbox li>div:nth-child(1) ,.m_navbox a.ltp{padding: 10px 30px 10px  50px;position: relative;}
    .m_navbox li>div:nth-child(1):after,.m_navbox a.ltp:after{content: '';display: block;width: 5px;height: 20px;background: #ff6600;position: absolute;top: 50%;margin-top: -10px;left: 30px;} 
    .m_navbox li>div:nth-child(1){background: url(../images/plus.png)  95% center  no-repeat ;background-size: 16px;}
    .m_navbox li>div.act:nth-child(1){background: url(../images/reduce.jpg) 95%  center  no-repeat;}
    .m_navbox div.lbt{padding: 5px 50px;display: none;border-bottom: 1px solid #ff6600;}
    .m_navbox li.act>div:nth-child(1){color: #ff6600;}
    .m_navbox li.act>div:nth-child(1):after{background:#ff6600; }
    .m_navbox .lange{text-align: center;}
    .m_navbox .lange a{display: inline-block;margin: 0 10px;}
    .m_navbox li.lang {padding: 10px;}
    .m_navbox li.lang > a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;}
    .m_navbox li.se{padding:10px 30px ;}
    .m_navbox li.se input{display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border:none;outline: none;padding: 0 10px;border-bottom: 1px solid #ddd;}
    .m_navbox li.se a{display: block;width: 40px;float: right;padding: 0;}
    .m_navbox li.se a img{display: block;width: 20px;margin: 10px;}
    
}
@media (max-width:768px){
    .section5{overflow: hidden;}
    .foot .f_top{padding: 30px 0 0 0;}
    .foot .f_top .left{padding: 0;border-right: 0;}
    .foot .f_top .left .f_logo{margin-bottom: 14px;}
    .foot .f_top .left .link{display: none;}
    .foot .f_top .left .link .btn{margin: 0 10px;}
    .foot .f_top .left .f_code{display: table;margin: 0 auto;margin-bottom: 16px;margin-top: 8px;}
    .foot .f_bottom .left>a{display: none;}
    .foot .f_bottom .left div{float: none;margin: 0 auto;}
    .foot .f_top .center{display: none;}
    .foot .f_top .right{display: none;}
    .foot .f_bottom{line-height: 24px;padding: 14px 0;}
    .foot .f_bottom .left{float: none;display: table;margin: 0 auto;}
    .foot .f_bottom .right{float: none;width: 100%;}
    .foot .f_bottom .right span{display: block;text-align: center;margin: 0;}
    .i4_tc .z_tanchuang .tbox .modal .out{top: -50px;right: 0;}
    .foot .f_bottom .right a img{top: 0;left: 0;}
    .foot .f_bottom .right span:nth-child(1){margin-right: 0;padding-right: 0;border-right: none;}
    .n_map{padding-top: 80px!important;}
    .n_map .box{padding: 5%;min-width: 0;width: 100%;}
}