@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;font-family:"Open Sans",Arial;}


.ban-img{position:relative;}
.ban-img .ban-txt{width:1400px;position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);}
.ban-img .ban-txt i{display:inline-block; line-height:49px;font-size:48px;color:#ffffff;padding-right:43px;background:url(../images/ico_dd.png) no-repeat right top; text-transform:uppercase;font-weight: bold;}
@media screen and (max-width: 767px){
    .ban-txt{width:100%!important;}
    .ban-img .ban-txt i{display:block;text-align:center;font-size:2.4rem;padding-right:0;background:0;}
}








.head-pc{height:100px;padding:0 8.4%;width:100%; z-index:200; box-sizing: border-box;min-width:1200px;background:#FFF;}
.head-pc .t_logo{width:151px;padding-top:11px; line-height: 0; overflow: hidden;float:left;}
.head-pc .t_logo a{display:block;width:94px;margin:0 auto;}
.head-pc .t_logo img{width:100%;}
.head-pc .t_logo i{display:block;line-height:30px;text-align:center; font-family:"Arial";font-size:12px;color:#15368E;}
.head-pc .menu{width:53rem;height:80px; margin-left: 9.8%;float:left;}
.head-pc .menu ul > li{float:left; width:13%;padding-top:23px;  height:100px; box-sizing: border-box; text-align: center; margin-left: 1%;}
.head-pc .menu ul > li > a{display: block; height:37px; line-height: 37px;font-size: 0.9rem; color:#15368E;border-radius: 19px; font-weight: bold;padding:0 5%;}
.head-pc .menu ul > li:first-child{margin-left: 0;}
.head-pc .menu ul > li:nth-child(4){width:16%;}
.head-pc .menu ul > li:hover > a,.head-pc .menu ul > li.cur > a{color:#FFF;background:#15368E;}
.head-pc .hea-rig{width:118px;float:right;}
.head-pc .head-language{width:76px;float:left;height:80px; text-align: center; position: relative;}
.head-pc .head-language span{display: inline-block; height:80px; line-height: 80px;font-size: 16px; color:#15368E; font-family: "Open Sans";padding-right:17px;background:url(../images/hea-jt_h.png) no-repeat right;}
.head-pc .isear{width:21px;float:right; margin-top: 31px;position: relative;}
.head-pc .isear i{display: block; width:100%; line-height: 0; overflow: hidden; cursor: pointer;}
.head-pc .isear i img{width:100%;}
.head-pc .isear .isearch{position:absolute;right:0;top: 62px;width:295px;height:57px;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #15368E;box-sizing:border-box; background:#FFF; border-radius: 4px; overflow: hidden;z-index:200;}
.head-pc .isear .isearch .ser_inp{display:block;float:left;width:223px;height:55px;line-height:55px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px; box-sizing: border-box;}
.head-pc .isear .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:56px;line-height:30px;text-align:center;font-size:12px;background:#15368E url(../images/hea-ico.png) no-repeat center;position:relative;color:#fff; border:none;}
.head-pc .isear .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #15368E;z-index:3;right:70px;top:23px;}
.head-pc .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.head-pc .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }
.head-pc .isear .isearch input::-webkit-input-placeholder {color: #666;}
.head-pc .head-language dl{width: 200%;position: absolute;max-height: 0;overflow: hidden;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;z-index: 9999;top: 80px;left:-50%;background: rgba(35, 53, 80, 0.6);padding: 0 10px;}
.head-pc .head-language dd{line-height: 20px;height: 20px;overflow: hidden;display: block;margin: 8px 0;}
.head-pc .head-language dd a{font-size: 13px;line-height: 20px;display: inline-flex;color: #fff;}
.head-pc .head-language dd i{padding-right: 10px;display: inline-block;height: 20px;padding-top: 1px;}
.head-pc .head-language dd i img{width: 24px;height: 16px;}
.head-pc .head-language:hover dl{max-height: 500px;}
.head-pc .head-language dd a:hover{text-decoration: underline;}


.head-pc .menu ul > li .nav-two{width:200%;background:rgba(255,255,255,.5); max-height:0;border: 0px solid #E5E5E5;border-radius: 5px; position: absolute;left:-50%; top:100px;padding:0 26px; box-sizing: border-box;transition: .5s;display: none;z-index:300;}
.head-pc .menu ul > li .nav-two.pronav-erji{width:300%;left:0;}
.head-pc .menu ul > li .nav-two:before{width:100%; height:7px;content:""; position: absolute;left:0;top:-7px;}
.head-pc .menu ul > li .nav-two.pronav-erji a{display: block;font-size:18px;color:#181818; line-height: 33px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: bold;text-align:left;}
.head-pc .menu ul > li .nav-two a:hover,.head-pc .hea-bot .menu ul > li .nav-two.pronav .erji h4 a:hover,.head-pc .hea-bot .menu ul > li .nav-two.pronav .erji p a:hover{color:#1E63C1;}
.head-pc .menu ul > li:hover .nav-two{max-height:500px;padding:28px 26px;border: 1px solid #E5E5E5;display: block;}

.head-pc .menu ul > li .nav-two.pronav{top:100px;}
.head-pc .menu ul > li .nav-two.pronav .erji{float:left; width:33.33%;min-height:198px;text-align:left;box-sizing:border-box;padding:0 5% 0 10%;}
.head-pc .menu ul > li .nav-two.pronav .erji h4{line-height:33px;}
.head-pc .menu ul > li .nav-two.pronav .erji h4 a{ font-size: 18px;color: #181818; font-weight:bold;}
.head-pc .menu ul > li .nav-two.pronav .erji p a{display:block; line-height:33px;font-size: 14px;color: #181818;}
.head-pc .menu ul > li .nav-two .erji h4 a:hover,.head-pc .menu ul > li .nav-two .erji p a:hover{color:#1E63C1;}

.head-pc.hea{position: fixed;width:100%; z-index:200;min-width:1200px;}

.head-mc{display: none;}
@media screen and (max-width: 767px){
    body{min-width:100%;}
    .head-pc{display: none;}
    .head-mc{display: block;height:4.4rem;}
    .head-mc .t_logo{width:16.6%;float:left;line-height: 0; overflow: hidden;padding-top:.6rem; margin-left: 4.6%;}
    .head-mc .t_logo a{display:block;line-height: 0;width: 72.8%;margin: 0 auto;}
    .head-mc .t_logo img{width: 100%;}
    .head-mc .t_logo i{font-size: .6rem;line-height: 1rem;text-align: center;display: block;}
    .head-mc .m-nav2{ width:7.2%;height:1.75rem;float: right;margin-top:1.45rem;margin-right:4.6%;display: inline;}
    .head-mc .m-nav2 i{display:block;width:100%;height:100%;background:url(../images/heamc-ico.png) no-repeat center; background-size:100%;}
    .head-mc .hea_nav{width:51.2%; height:4.4rem; display: block; float:right; line-height:4.4rem; margin-right: 1.65rem;}
    .head-mc .hea_nav a{width:50%;font-size:1.4rem; color:#666666; font-weight: normal; display: block;float:left; text-align: center; text-transform: uppercase;}
    .head-mc .menu2 {position: relative;z-index:301;}
    .head-mc .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:rgba(21,54,142,0.9);background-size:100% 100%;height:52.35rem;max-width: 750px;top:4.4rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;padding:5.3% 4% 0; box-sizing: border-box;}  
    .head-mc .menu2 ul li {line-height: 3rem;color: #fff;font-size: 1.4rem;margin-bottom: 1.2rem;}
    .head-mc .menu2 ul li a {display: block;width: 70%;margin: 0 auto;border: 1px solid #fff;text-align: center;border-radius: 2rem;font-size: 1.1rem;font-family: "Microsoft Yahei";color: #fff;text-decoration: none;}
}


/**/
.foot{height:621px;background:url(../images/footbj.jpg) no-repeat center;}
.foot .ft-top{height:521px;padding:102px 8.4% 0;border-bottom:1px solid rgba(255,255,255,.1); box-sizing: border-box;}
.foot .ft-top .ft-nav{width:68%;float:left;}
.foot .ft-top .ft-nav ul li{float:left;width:28%;min-height:317px;border-right:1px solid rgba(255,255,255,.1);padding-left:1.4rem; box-sizing: border-box;}
.foot .ft-top .ft-nav ul li h4{height:32px; margin-bottom: 53px;}
.foot .ft-top .ft-nav ul li h4 a{font-size: 1.2rem; color:#ffffff; font-weight: normal;}
.foot .ft-top .ft-nav ul li p a{display: block; line-height: 30px; font-size: 0.75rem;color:rgba(255,255,255,.5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.foot .ft-top .ft-nav ul li:nth-child(3),.foot .ft-top .ft-nav ul li:nth-child(4){width:22%;}
.foot .ft-top .ft-xx{width:30.1%;float:right;}
.foot .ft-top .ft-xx h4{height:32px; margin-bottom: 53px;font-size: 1.2rem; color:#ffffff; font-weight: normal;}
.foot .ft-top .ft-xx h4 a{font-size: 1.2rem; color:#ffffff;}
.foot .ft-top .ft-xx ul li i{display: block;height:29px;float:left; line-height: 29px; font-size: 0.75rem;color:rgba(255,255,255,.5);width:14.5%; overflow: hidden;}
.foot .ft-top .ft-xx ul li em{display: block;width:85%;float:left;line-height: 29px;font-size: 0.75rem;color:rgba(255,255,255,.5);}
.foot .ft-top .ft-nav ul li p a:hover{color:rgba(255,255,255,1);}
.foot .ft-link{height:99px;padding:0 8.4%;}
.foot .ft-link span{display: block;float:left;}
.foot .ft-link span em{display: block;float:left;line-height: 99px; font-size: 15px; color:rgba(255,255,255,.5); margin-right: 26px;}
.foot .ft-link span em a{font-size: 15px; color:rgba(255,255,255,.5);}
.foot .ft-link span em i{margin:0 3px;}
.foot .ft-link span em:hover,.foot .ft-link span em:hover a{color:#FFF;}
.foot .ft-link strong{display: block;float:right;padding-top:31px;}
.foot .ft-link strong a{display: block;width:40px; line-height: 0; overflow: hidden;float:left; margin-left: 13px;background:rgba(255,255,255,.2);border-radius:50%;}
.foot .ft-link strong a img{opacity:.7;}
.foot .ft-link strong a:hover img{opacity:1;}
.foot-mc{display: none;}
@media screen and (max-width: 767px){
    .foot{display: none;}
    .foot-mc{display: block;height:31.15rem;background:url(../images/footmcbj.jpg) no-repeat center top;background-size:100% 100%;padding:2.3rem 4.6% 0; box-sizing: border-box;}
    .foot-mc .ft-nav{margin-bottom: 1.9rem;}
    .foot-mc .ft-nav ul li{height:4.55rem; line-height: 4.5rem; border-bottom:.05rem solid rgba(255,255,255,.15); box-sizing: border-box;}
    .foot-mc .ft-nav ul li a{display: block;font-size: 1.2rem;color:#FFF; text-transform: uppercase;background:url(../images/ftmc-jia.png) no-repeat right;background-size:1.55rem 1.55rem;}
    .foot-mc strong{display: block;height:2.8rem; margin-bottom: .9rem;}
    .foot-mc strong a{display: block;width:2.8rem; height: 2.8rem; line-height: 0; overflow: hidden;float:left; margin-right: 1rem;}
    .foot-mc strong a img{width: 100%;}
    .foot-mc p em{display: block;line-height: 1.5rem;font-size: 1.2rem;color:rgba(255,255,255,.3);}
    .foot-mc p em a{font-size: 1.2rem;color:rgba(255,255,255,.3);}
    .foot-mc p em i{margin:0 0.5rem;}
}







html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.5px;}}
@media screen and (min-width: 900px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}