.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tc{text-align:center}
.db{display:block}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}
.fwb{font-weight:700}
.fwn{font-weight:400}
.db{display:block}
.dn{display:none}
.fw{font-family:"Microsoft Yahei"}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
.ma{margin:0 auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic{width:100%;overflow:hidden}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.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:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
@font-face{font-family:ZGRR;src:url(http://www.dghuatuo.cn/font/SARASA-FIXED-SC-BOLD.TTF) format("truetype")}

.guide{padding:4.6rem 0 4.2rem 0}
.guide .yzup{height:17.6rem}
.guide .guide-left{float:left;width:51%;padding-top:2rem}
.guide .guide-left h2{width:87.1%}
.guide .guide-left h2 img{max-width:100%;display:block}
.guide .guide-right{float:right;width:44.2%}
.guide .guide-right h3{font-size:1.2rem;font-weight:400;line-height:2.4rem;color:#333}
.guide .guide-right .desc{line-height:1.1rem;font-size:.8rem;color:#666;padding-bottom:2.3rem;border-bottom:.1rem solid #f0f0f0;margin-bottom:2.4rem}
.guide .guide-right ul li{float:left}
.guide .guide-right ul li p{height:3rem}
.guide .guide-right ul li p b{font-size:4rem;line-height:3rem;color:#1a45a4;font-family:ZGRR,Arial;font-weight:700}
.guide .guide-right ul li p span{width:1.1rem;height:1.1rem;background:#fb6b2e;border-radius:50%;font-size:.7rem;color:#fff;text-align:center;line-height:1.1rem;display:inline-block;position:relative;left:-.8rem;top:-.5rem}
.guide .guide-right ul li h4{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#666}
.guide .guide-right ul li:nth-child(1){width:34.5%}
.guide .guide-right ul li:nth-child(2){width:38%}
.guide .guide-right ul li:nth-child(3){width:25.5%}
.guide .guide-right ul li:hover p span,.guide .guide-right ul .cur p span{background: #1a45a4;}
.guide .guide-right ul li:hover b,.guide .guide-right ul .cur b{color: #fb6b2e;}
.guide .guide-left-img{width:100%}
.guide .guide-left-img img{width:100%;display:block}
.guide .guide-video-btn{position:absolute;width:4.6rem;height:4.6rem;left:50%;margin-left:-2.3rem;top:10rem; cursor: pointer;}
.guide .guide-video-btn:before{content:'';position:absolute;width:4.6rem;height:4.6rem;-webkit-box-shadow:inset #1a45a4 0 0 40px;box-shadow:inset #1a45a4 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite;cursor:pointer;}
.guide .guide-video-btn:after{content:'';position:absolute;width:4.6rem;height:4.6rem;-webkit-box-shadow:inset #1a45a4 0 0 40px;box-shadow:inset #1a45a4 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}
.guide .guide-video-btn img{display:block;width:4.6rem;height:4.6rem;position:relative;z-index:1;border-radius:50%}
.guide .guide-left-code{position:absolute;right:0;bottom:1rem;width:16rem}
.guide .guide-left-code .code-btn{float:left;width:50%;position:relative}
.guide .guide-left-code .code-btn p i{float:left;width:2.4rem}
.guide .guide-left-code .code-btn p i img{width:100%;display:block}
.guide .guide-left-code .code-btn p span{float:left;font-size:.85rem;font-weight:400;line-height:2.4rem;color:#fff}
.guide .guide-left-code .code-btn .guide-code-img{display:none;position:absolute;left:0;top:-6.8rem;width:6rem;height:6rem;background:#fff;padding:.5rem;border-radius:.5rem}
.guide .guide-left-code .code-btn .guide-code-img img{width:100%;display:block}
.guide .guide-left-code .code-btn:nth-child(1) span{color:#fb6b2e}
.guide .guide-left-code .code-btn:nth-child(1):hover .guide-code-img{display:block}



.g_cpztc{overflow:hidden;padding-bottom:3px}
.ztctit{height: 6.2rem;}
.ztctit h2{font-weight:700;float: left; width: 27%;}
.ztctit h2 b{display:block;font-size:2.5rem;font-weight:700;line-height:3.5rem;color:#1a45a4}
.ztctit h2 em{display:block;font-size:1.05rem;font-weight:400;line-height:1.7rem;color:#666666;}
.tjcpfl{float: left;width: 73%; margin-top: 1.5rem;height: 3.4rem;line-height: 3.4rem;background: #1a45a4;border-radius: 2rem;}
.tjcpfl a{float: left;padding:0 4%;font-size: 0.85rem;color:#fff;}
.tjcpfl a:nth-child(1){background: #fb6b2e;border-radius: 2rem;font-weight: bold; margin-left:-1px;}
.tjcpfl a:hover{font-weight: bold;}



.g_cpztc .pro_qie{float:left;width:26%;height:42.2rem;transition:all .5s;position:relative;border-right:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.g_cpztc .pro_qie.cur{width:48%}
.g_cpztc .pro_qie li{display:block;height:42.2rem;position:relative}
.g_cpztc .pro_qie li i{width:100%;display:block}
.g_cpztc .pro_qie li i img{width:100%;display:block;height:42.2rem}
.g_cpztc .pro_qie li h4{position:absolute;left:3rem;bottom:5rem;width: 88%;}
.g_cpztc .pro_qie li h4 b{display: block;font-size: 2rem;color:#282828;text-transform: uppercase;line-height: 3rem;font-weight: normal;}
.g_cpztc .pro_qie li h4 em{display: block;font-size: 1.3rem;color:#333333;line-height: 2.2rem;font-weight: normal;}
.g_cpztc .pro_qie li h4 span{display: block;width: 6.6rem;margin-top: 2.5rem;overflow: hidden;}
.g_cpztc .pro_qie li h4 span img{width: 13.2rem;display: block;}

.g_cpztc .pro_qie dl{display:none;overflow:hidden}
.g_cpztc .pro_qie.cur dl{display:block;width:100%;height:42.2rem}
.g_cpztc .pro_qie dt{width:100%;height:42.2rem;overflow:hidden}
.g_cpztc .pro_qie dt img{width:100%;height:42.2rem;object-fit:cover;object-position:center;display:block}
.g_cpztc .pro_qie.cur dd{
    position: absolute;left:3rem;top:0;  width: 88%; height: 100%;box-sizing: border-box;
}

.g_cpztc .pro_qie.cur h4{position:absolute;left:0;top:5rem;width: 88%;}
.g_cpztc .pro_qie.cur h4 b{display: block;font-size: 2rem;color:#282828;text-transform: uppercase;line-height: 3rem;font-weight: normal;}
.g_cpztc .pro_qie.cur h4 em{display: block;font-size: 1.3rem;color:#0852bf;line-height: 2.2rem;font-weight: normal;}

.g_cpztc .pro_qie.cur .flmore{display: block;width: 6.6rem;overflow: hidden;position: absolute;left:0;bottom: 5rem;}
.g_cpztc .pro_qie.cur .flmore img{width: 13.2rem;display: block;margin-left: -6.6rem;}




.g_cpztc .pro_qie.cur li{display:none}

















.product{padding:0 0 4rem;}
.product .cptit{height: 7rem;}
.product .cptit h2{float: left;width: 35%;}
.product .cptit h2 b{display: block;font-size: 2.5rem;color:#282828;line-height: 3.3rem;}
.product .cptit h2 em{display: block;font-size: 1.05rem;color:#666666;line-height: 2rem;font-weight: normal;}
.flej{float: right;width: 65%;margin-top: 2.5rem;}
.flej a{float: left;font-size: 0.85rem;color:#282828;padding: 0 1.8%;height: 2.2rem;line-height: 2.2rem;}
.flej a:hover,.flej .cur{background: #1a45a4;color:#fff;font-weight: bold;border-radius: 2rem;}


.product .product-con{position:absolute;width:52.7%;top:29rem;left:52.7%;z-index:10}
.product .product-con .product-btn .product-btn-next,.product .product-con .product-btn .product-btn-prev{float:left;width:2rem;height:2rem;cursor:pointer}
.product .product-con .product-btn .product-btn-next img,.product .product-con .product-btn .product-btn-prev img{width:2rem;height:2rem;display:block}
.product .product-con .product-btn .product-btn-next{margin-left:1rem}

.product .product-list{width:100%;min-width:1200px;margin:0 0 0 auto;padding-top:13px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;align-items:flex-end}
.product .product-list .product-list-left{width: 100%;}
.product .product-list .product-list-left dl{position:relative;border-top: 1px solid #e6e6e6;}
.product .product-list .product-list-left dl dt{width: 49.5%; overflow:hidden;float: left;}
.product .product-list .product-list-left dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.product .product-list .product-list-left dl dd{float: left;width: 50.5%;padding:5.4rem 13.5% 0 3%;box-sizing: border-box;}
.product .product-list .product-list-left dl dd h4 a{display:block; margin-bottom: 0.5rem; height:2rem;line-height:2rem;font-size:1.4rem;color:#282828;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-list .product-list-left dl dd p{font-size:0.85rem;line-height: 1.2rem;color:#666666;margin-bottom: 1.2rem;}
.product .product-list .product-list-left dl dd span a{display: block;width: 10rem;height: 2.5rem;line-height: 2.5rem;background: #fb6b2e;text-align: center;color:#fff;}
.product .product-list .product-list-left dl:hover dt img{transform:scale(1.1);}

.product .product-list .product-list-right{width:48.8%;position: absolute;right:0;bottom: 4rem;}
.product .product-list .product-list-right dl{width:46.2%;position:relative}
.product .product-list .product-list-right dl dt{width: 100%;;overflow:hidden}
.product .product-list .product-list-right dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.product .product-list .product-list-right dl:hover dt img{transform:scale(1.1);}
.product .product-list .product-list-right dl dd h4 a{display: none;}
@media screen and (max-width:1460px){.product .product-con .product-nav ul li a{font-size:12px}
}




















.trait{position:relative;margin-bottom:3px;}
.trait .cpysimg{width:100%;overflow:hidden;position: relative;z-index: 0;}
.trait .cpysimg .tdbg{width: 100%;}
.trait .cpysimg .tdbg img{width:100%;display:block}
.cptdico{position: absolute;left:47.5%;top:21rem;}
.cptdico li{position: absolute;}
.cptdico li i{width: 3.3rem;height: 3.3rem;overflow: hidden;display: block;position: relative;}
.cptdico li i img{width:6.6rem;display: block;}

.cptdico li i:before{content:'';position:absolute;width:1.6rem;height:1.6rem;-webkit-box-shadow:inset #1a45a4 0 0 40px;box-shadow:inset #1a45a4 0 0 40px;border-radius:50%;top:50%;left:50%; margin-left: -0.8rem;margin-top: -0.8rem; opacity:0;animation:warn2 2s ease-out .1s infinite}
.cptdico li i:after{content:'';position:absolute;width:1.6rem;height:1.6rem;-webkit-box-shadow:inset #1a45a4 0 0 40px;box-shadow:inset #1a45a4 0 0 40px;border-radius:50%;top:50%;left:50%; margin-left: -0.8rem;margin-top: -0.8rem;opacity:0;animation:warn 2s ease-out 1.1s infinite}

.cptdico li span{display: none;width: 8.7rem;box-shadow: 0 0 1.5rem rgba(0,0,0,.35);border-radius: 0.5rem;position: absolute;top:-10rem;left:-3rem;transition:all .3s linear 0s;cursor: pointer;}
.cptdico li span:before{content: "";position: absolute; background:rgba(0,0,0,.5); width:100%;height:100%;left:0;top:0;border-radius: 0.6rem;z-index: 11;transition:all .3s linear 0s}
.cptdico li span:after{content: "";position: absolute;background:url(../image/tdspico.png) no-repeat;background-size:1.2rem 1.3rem; width: 1.2rem;height: 1.3rem;left:50%;top:50%;margin-left: -0.6rem;margin-top: -0.65rem;z-index: 112;transition:all .3s linear 0s}
.cptdico li span img{width: 100%;display: block;border-radius: 0.5rem;border:0.15rem solid #fb6b2e;box-sizing: border-box;}

.cptdico li:nth-child(1){left:-1.3rem;top:-4rem;}
.cptdico li:nth-child(2){left:-1.3rem;top:7.7rem;display:none;}


.cptdico li:nth-child(3){left:1.5rem;top:15rem;}
.cptdico li:nth-child(3) span{
    top:-6rem;left:-13rem;
}

.cptdico li:nth-child(4){left:7rem;top:4rem;}
.cptdico li:nth-child(5){left:0;top:8.5rem;}
.cptdico li:nth-child(5) span{
    top:0.5rem;left:-11.5rem;
}


.cptdico li:hover span,.cptdico .cur span{display: block;}
.cptdico li:hover i img,.cptdico .cur i img{margin-left: -3.3rem;}
.cptdico li:hover:before,.cptdico .cur:before{content: "";position: absolute;width: 1px;height: 5rem;background: #fb6b2e;left:1.6rem;top:-4rem;}

.cptdico li:nth-child(3):hover:before,
.cptdico .cur:nth-child(3):before{
        height: 8rem;
    background: rgb(251, 107, 46);
    left: -1.4rem;
    top: -5rem;
    transform: rotate(-52deg);
}

.cptdico li:nth-child(5):hover:before,
.cptdico .cur:nth-child(5):before{
        height: 8rem;
    background: rgb(251, 107, 46);
    left: -2.4rem;
    top: -2.2rem;
    transform: rotate(-90deg);
}


.cptdico .cur i:before{content:'';position:absolute;width:1.6rem;height:1.6rem;-webkit-box-shadow:inset #fb6d2f 0 0 40px;box-shadow:inset #fb6d2f 0 0 40px;border-radius:50%;top:50%;left:50%; margin-left: -0.8rem;margin-top: -0.8rem; opacity:0;animation:warn2 2s ease-out .1s infinite}
.cptdico .cur i:after{content:'';position:absolute;width:1.6rem;height:1.6rem;-webkit-box-shadow:inset #fb6d2f 0 0 40px;box-shadow:inset #fb6d2f 0 0 40px;border-radius:50%;top:50%;left:50%; margin-left: -0.8rem;margin-top: -0.8rem;opacity:0;animation:warn 2s ease-out 1.1s infinite}










.trait .trait-list .cpsycon{position:relative;}
.trait .m_td{z-index: 5;position: absolute;left:0;top:0;width: 20%;margin-left: 13.5%;}
.trait .trait-list .text{position:absolute;left:0;top:0;width:100%;padding:13rem 0 0 0;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:3;}
.trait .trait-list .text h3{font-size:1.8rem;font-weight:400;line-height:2.5rem;color:#fb6b2e;font-weight:700;margin-bottom:1.7rem}
.trait .trait-list .text .desc{font-size:.85rem;font-weight:400;line-height:1.3rem;color:#2e2e2e;}
.trait .trait-btn-next,.trait .trait-btn-prev{position:absolute;width:2.8rem;height:2.8rem;bottom:9.6rem;z-index:1222;cursor:pointer}
.trait .trait-btn-next img,.trait .trait-btn-prev img{width:2.8rem;height:2.8rem;display:block}
.trait .trait-btn-prev{left:13.5%}
.trait .trait-btn-next{left:17.7%}
.trait .trait-tab{position:absolute;right:13.5%;top:7rem;width:8%;height:36rem;background:rgba(255,255,255,.2);z-index:15;padding-top:3.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:1rem}
.trait .trait-tab li{margin-bottom:.7rem}
.trait .trait-tab li span{display:block;width:5rem;height:3rem;line-height:3rem;font-size:16px;color:#fff;text-align:center;font-weight:700;background:#1a45a4;border-radius:1.3rem;margin:0 auto .2rem}
.trait .trait-tab li p{height:1.5rem;line-height:1.5rem;font-size:.9rem;color:#333;text-align:center}
.trait .trait-tab li i{display:block;margin:7px auto 0;width:.6rem;height:2.1rem}
.trait .trait-tab li i img{display:block;width:.6rem;height:2.1rem}
.trait .trait-tab li.cur p{font-weight:700}
.trait .trait-tab li.cur span{background:#fb6b2e;color:#fff}



.g_super{position:relative;overflow:hidden}
.g_super .cpys_tit{position:absolute;left:4.6rem;top:4.5rem;z-index: 3;}
.g_super .cpys_tit b{font-size:2.55rem;font-weight:400;line-height:3.3rem;color:#fb6b2e;display:block;font-weight:700}
.g_super .cpys_tit em{display:block;font-size:.85rem;font-weight:400;line-height:1.3rem;color:#fff}
.sup_nav{width:100%;height:47.5rem;position:absolute;bottom:0;left:0;z-index:2}
.sup_nav dl{width:25%;height:47.5rem;float:left;position:relative;z-index:1;padding:19rem 0 0;box-sizing:border-box;-webkit-transition:all .5s;transition:all .5s}
.sup_nav dl:before{content:"";width:1px;height:43rem;background:rgba(255,255,255,.1);position:absolute;top:0;left:0}
.sup_nav dl:after{content:"";width:100%;height:0;position:absolute;top:0;left:0;background:rgba(26,69,164,.9);-webkit-transition:all .5s;transition:all .5s;z-index:-1}
.sup_nav dl dt h5{font-size:1.5rem;color:#fff;line-height:2.3rem;font-weight:400;text-align:center}
.sup_nav dl dt span{display:block;font-size:.95rem;color:#fff;line-height:1.8rem;text-align:center}
.sup_nav dl dt em{display:block;width:4rem;line-height:0;overflow:hidden;margin:0 auto}
.sup_nav dl dt em img{width:8rem}
.sup_nav dl dd{display:none}
.sup_nav dl dd p{font-size:.85rem;color:#fff;line-height:1.2rem;width:80%;margin:0 auto;height:12rem}
.sup_nav dl dd em{display:block;width:5.3rem;margin:0 auto;position: relative;}
.sup_nav dl dd em img{width: 100%;display: block;}
.sup_nav dl dd em:before{content:'';position:absolute;width:5.3rem;height:5.3rem;-webkit-box-shadow:inset #fb6b2e 0 0 40px;box-shadow:inset #fb6b2e 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite}
.sup_nav dl dd em:after{content:'';position:absolute;width:5.3rem;height:5.3rem;-webkit-box-shadow:inset #fb6b2e 0 0 40px;box-shadow:inset #fb6b2e 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}

.sup_nav dl.on{padding-top:14.5rem}
.sup_nav dl.on:after{height:100%}
.sup_nav dl.on dt span{display:none}
.sup_nav dl.on dt em img{width:8rem;}
.sup_nav dl.on dt h5{font-size:1.5rem;line-height:2rem;color:#fff;font-weight:400;font-weight:700;margin-bottom:2rem}
.sup_nav dl.on dt span{display:none}
.sup_nav dl.on dd{display:block}
.sup_nav dl:first-child:before{display:none}



.sup_qie{margin:0 auto}
.sup_m p{height:47.5rem;width:100%;line-height:0;position:relative}
.sup_m p:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;z-index:11;transition:all .3s linear 0s}
.sup_m p img{display:block;width:100%;height:100%}
.g_an{padding:5rem 0 0 0}
.g_an .antit{float:left;width:18.3%}
.g_an .antit h2{padding:2.3rem 0 0 4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:2.3rem}
.g_an .antit h2 b{font-size:2.5rem;font-weight:400;line-height:3rem;color:#282828;font-weight:700;display:block}
.g_an .antit h2 em{font-size:1.05rem;font-weight:400;line-height:2rem;color:#666;display:block}
.g_an .antit .tabsan a{display:block;height:5rem;padding-left:42%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.g_an .antit .tabsan a i{position:absolute;left:21%;top:50%;margin-top:-1.65rem;width:3.3rem;height:3.3rem;overflow: hidden;}
.g_an .antit .tabsan a i img{width:6.6rem;display:block;transition:all .3s linear 0s}
.g_an .antit .tabsan a em{display:block;font-size:1rem;font-weight:400;line-height:5rem;color:#282828}
.g_an .antit .tabsan .active{background:#1a45a4}
.g_an .antit .tabsan .active i img{transform:scale(1.1);margin-left: -3.3rem;}
.g_an .antit .tabsan .active em{color:#fff;}

.g_an .antit .anmore a{display:block;height:5rem;padding-left:42%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.g_an .antit .anmore a i{position:absolute;left:21%;top:50%;margin-top:-1.65rem;width:3.3rem;height:3.3rem;overflow: hidden;}
.g_an .antit .anmore a i img{width:6.6rem;display:block;transition:all .3s linear 0s}
.g_an .antit .anmore a em{display:block;font-size:1rem;font-weight:400;line-height:5rem;color:#282828}
.g_an .antit .anmore a:hover{background:#1a45a4}
.g_an .antit .anmore a:hover i img{transform:scale(1.1);transition:all .3s linear 0s;margin-left: -3.3rem;}
.g_an .antit .anmore a:hover em{color:#fff;font-weight:700}

.g_an .js-swiper-tab{float:left;width:73.43%;overflow:hidden}
.g_an .js-swiper-tab .animg dt{width:100%;overflow:hidden}
.g_an .js-swiper-tab .animg dt img{width:100%;display:block;transition:all .3s linear 0s}
.g_an .js-swiper-tab .animg dd .play{position:absolute;left:3rem;bottom:2rem}
.g_an .js-swiper-tab .animg dd .play::before{content:'';position:absolute;width:4.6rem;height:4.6rem;-webkit-box-shadow:inset #fb743a 0 0 40px;box-shadow:inset #fb743a 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite}
.g_an .js-swiper-tab .animg dd .play::after{content:'';position:absolute;width:4.6rem;height:4.6rem;-webkit-box-shadow:inset #fb743a 0 0 40px;box-shadow:inset #fb743a 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}
.g_an .js-swiper-tab .animg dd .play img{display:block;width:4.6rem;height:4.6rem;position:relative;z-index:1;border-radius:50%}


.g_hz{background: #1a45a4; padding: 2rem 0 5rem 0;}
.g_hz h2 a{background:url(../image/hztit.png) no-repeat;background-size:100%;height: 2rem; display: block; line-height: 2rem;margin-bottom: 1.3rem;font-size: 1rem;color: #fff;font-weight: normal;padding-left: 31%;}
.m_hz{overflow: hidden;}
.m_hz p{width: 100%;border-radius: 1rem;}
.m_hz p img{width: 100%; display: block; border-radius: 1rem;}


.g_news{background:#f6f8f9;padding-top:5rem;padding-bottom:5rem}
.g_news .newtit{position:absolute;left:0;top:0}
.g_news .newtit h2 b{display:block;font-size:2.5rem;font-weight:400;line-height:3.7rem;color:#282828;font-weight:700}
.g_news .newtit h3{font-size:1.05rem;font-weight:400;line-height:1.8rem;color:#666;margin-bottom:6rem}
.g_news .newtit2{float:left;width:29%;padding:11rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_news .newtit2 .tabsnews a{display:block;height:3.6rem;line-height:3.6rem;position:relative;margin-bottom:2rem;padding-left:2.3rem}
.g_news .newtit2 .tabsnews a i{position:absolute;width:2.5rem;height:2.5rem;overflow:hidden;left:0;top:50%;margin-top:-1.25rem;}
.g_news .newtit2 .tabsnews a i img{width:5rem;display:block}
.g_news .newtit2 .tabsnews a em{display:block;font-size:1.05rem;font-weight:400;line-height:3.6rem;color:#666}
.g_news .newtit2 .tabsnews a:after{content:"";position:absolute;background:url(../image/newmore.png) no-repeat;background-size:2.6rem 1.3rem;width:1.3rem;height:1.3rem;right:0;top:50%;margin-top:-.65rem;z-index:112;transition:all .3s linear 0s}
.g_news .newtit2 .tabsnews a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#1a45a4;transition:all .3s linear 0s}
.g_news .newtit2 .tabsnews .active:before{width:100%}
.g_news .newtit2 .tabsnews .active em{color:#1a45a4;font-weight:700}
.g_news .newtit2 .tabsnews .active:after{content:"";position:absolute;background:url(../image/newmore.png) no-repeat right 0;background-size:2.6rem 1.3rem}
.g_news .newtit2 .tabsnews a:hover:before{width:100%}
.g_news .newtit2 .tabsnews .active img{margin-left: -2.5rem;}


.g_news .newtit2 .newmore a{margin-top:10rem;background:#fb6b2e;border-radius:3rem 3rem 0 3rem;position:relative;display:block;width:8rem;height:2.7rem;padding-left:1.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:.85rem;font-weight:400;line-height:2.7rem;color:#fff;transition:all .3s linear 0s}
.g_news .newtit2 .newmore a:before{content:"";position:absolute;background:url(../image/cpmore.png) no-repeat;background-size:.7rem 1.2rem;width:.7rem;height:1.2rem;right:1.3rem;top:50%;margin-top:-.6rem;z-index:112;transition:all .3s linear 0s}
.g_news .newtit2 .newmore a:hover{padding-left:1rem;width:9rem}
.g_news .js-swiper-tab{overflow:hidden;float:right;width:63.4%}
.g_news .js-swiper-tab dl{float:left;background:#fff;height:10.8rem;margin-right:3.1%;width:48.4%;margin-bottom:1.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .3s linear 0s;overflow:hidden;border-radius:1rem}
.g_news .js-swiper-tab dl dt{display:none;overflow:hidden}
.g_news .js-swiper-tab dl dt img{transition:all .3s linear 0s}
.g_news .js-swiper-tab dl dd{padding:2rem 1.2rem 0 8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}
.g_news .js-swiper-tab dl dd span{position:absolute;left:2rem;top:3rem;height:4.3rem}
.g_news .js-swiper-tab dl dd span:after{content:"";position:absolute;background:#eaeaea;width:2.8rem;height:1px;left:0;top:4.3rem;z-index:11;transition:all .3s linear 0s}
.g_news .js-swiper-tab dl dd span b{display:block;font-size:1.5rem;font-weight:400;line-height:2rem;color:#282828}
.g_news .js-swiper-tab dl dd span em{display:block;font-size:.95rem;font-weight:400;line-height:1.3rem;color:#282828}
.g_news .js-swiper-tab dl dd h4 a{display:block;font-size:.95rem;font-weight:400;line-height:1.3rem;color:#282828;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.8rem}
.g_news .js-swiper-tab dl dd p{display:block;font-size:.75rem;font-weight:400;line-height:1.1rem;color:#505050;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.g_news .js-swiper-tab dl:hover{transform:scale(1.01)}
.g_news .js-swiper-tab dl:hover dt{display:block}
.g_news .js-swiper-tab dl:hover dt img{transform:scale(1.01)}
.g_news .js-swiper-tab dl:hover dd{display:none}
.g_news .js-swiper-tab dl:nth-child(2n){margin-right:0}
.g_about{position:relative}
.g_about dl dt{width:100%}
.g_about dl dt img{width:100%;display:block}
.g_about dl dd{position:absolute;left:0;top:0;width:100%}
.g_about dl dd .ableft{float:left;width:50.7%;padding-top:7rem}
.g_about dl dd .ableft h2{margin-bottom:5rem}
.g_about dl dd .ableft h2 b{display:block;font-size:2.2rem;font-weight:400;line-height:3rem;color:#fff;font-weight:700}
.g_about dl dd .ableft h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:2rem;color:#fff}
.g_about dl dd .ableft p{font-size:.85rem;font-weight:400;line-height:1.5rem;color:#fff;margin-bottom:2.7rem}
.g_about dl dd .ableft .abmore a{display:block;width:8rem;height:2.6rem;background:#fb6b2e;border-radius:3rem 3rem 0 3rem;text-align:center;font-size:.85rem;font-weight:400;line-height:2.6rem;color:#fff}
.g_about dl dd .ablst{position:absolute;right:0;top:8rem;width:25.7%}
.g_about dl dd .ablst li{position:absolute;width:45.6%;height:9rem;background:#1a45a4;margin-bottom:1rem;padding:2.5rem 0 0 1.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .3s linear 0s}
.g_about dl dd .ablst li i{display:block;width:3rem;height:3rem;overflow:hidden}
.g_about dl dd .ablst li i img{width:3rem;display:block;transition:all .3s linear 0s}
.g_about dl dd .ablst li span{display:block;transition:all .3s linear 0s}
.g_about dl dd .ablst li span b{font-size:1.05rem;font-weight:400;line-height:1.3rem;color:#fff;display:block}
.g_about dl dd .ablst li span em{font-size:.5rem;font-weight:400;line-height:1.1rem;color:rgba(255,255,255,.5);display:block;}
.g_about dl dd .ablst .cur,.g_about dl dd .ablst li:hover{background:#fb6b2e;transform:scale(1.01);box-shadow:0 2px 5px rgba(204,204,204,.25)}
.g_about dl dd .ablst .cur span,.g_about dl dd .ablst li:hover span{transform:translateY(-10px)}
.g_about dl dd .ablst .cur span b,.g_about dl dd .ablst li:hover span b{color:#fff}
.g_about dl dd .ablst .cur span em,.g_about dl dd .ablst li:hover span em{color:rgba(255,255,255,.5)}

.g_about dl dd .ablst li:nth-child(1){left:0;top:0}
.g_about dl dd .ablst li:nth-child(2){right:0;top:6.5rem}
.g_about dl dd .ablst li:nth-child(3){left:0;top:10rem}
.g_about dl dd .ablst li:nth-child(4){right:0;top:16.5rem}





.g_link{height:3rem;background:#fff;}
.g_link .content{height:3rem;width: 86%;}
.g_link h2{float:left;width:80px;height:3rem;line-height:3rem;font-size:.75rem;font-weight:400}
.g_link h2{color:rgba(0,0,0,.5)}
.link_c{line-height:3rem;overflow:hidden;float:left;width:88%;font-size:.75rem}
.link_c a{white-space:nowrap;padding:0 1%;float:left;height:3rem;line-height:3rem;color:rgba(0,0,0,.5);display:block}
.link_c a:hover{color:#333}
.link_c .lasta a{background:0 0}














@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.scale{opacity:0;transform:scale(.5);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.scale.is-visible{opacity:1;transform:scale(1)}
/*媒体查询*/
@media screen and (min-width:1263px){html{font-size:calc(1263px * 20 / 1903)}
}
@media screen and (min-width:1349px){html{font-size:calc(1349px * 20 / 1903)}
}
@media screen and (min-width:1463px){html{font-size:calc(1463px * 20 / 1903)}
}
@media screen and (min-width:1543px){html{font-size:calc(1543px * 20 / 1903)}
}
@media screen and (min-width:1583px){html{font-size:calc(1583px * 20 / 1903)}
}
@media screen and (min-width:1643px){html{font-size:calc(1643px * 20 / 1903)}
}
@media screen and (min-width:1663px){html{font-size:calc(1663px * 20 / 1903)}
}
@media screen and (min-width:1903px){html{font-size:calc(1903px * 20 / 1903)}
}