* { margin: 0px; padding: 0px;box-sizing: border-box;border: none;}
body {font-family: Arial; font-size:10px; color:#000; line-height:10px;; width:100%;min-width: 1200px; background: #fff;}
ul, li { list-style-type: none; }
a{  text-decoration: none; color: #000;}
a:hover {  text-decoration: none; }
.fr{float:right;}
.fl{float:left;}

.banner{width: 100%;}
.banner img{width: 100%;}
.conter{width: 100%;background: url(../images/en_outlook_bg_02.jpg) no-repeat; background-size: 100% 100%;}
.box,.box1,.box2{width: 1000px;margin: 0 auto;padding: 50px 0;}
.box img,.box1 img{width: 100%;}
.box .img{width: 193px;height: 223px;margin: 0 auto 45px auto;}
.box .title{width: 948px;height: 28px;margin: 0 auto 42px auto;}
.box p{width: 1000px;font-family: HelveticaNeueLT-Roman;font-size: 20px;line-height: 44px;color: #666666;text-align: center;}

.box1 .title1{width: 400px;height: 57px;float: left;margin-right: 80px;margin-top: 138.5px;}
.video{width: 500px;height: 288px;padding: 10px;background: url(../images/en_video_bg.png) no-repeat; background-size: 100% 100%;display: inline-block;-webkit-box-shadow: 0px 10px 60px rgba(58,106,214,.3);-moz-box-shadow: 0px 10px 60px rgba(58,106,214,.3);box-shadow: 0px 10px 60px rgba(58,106,214,.3);border-radius: 12px;}
.video-js .vjs-big-play-button {height: 69px;width: 69px;background: url(../images/en_play.png) no-repeat; background-size: 100% 100%; }
.vjs-big-play-centered .vjs-big-play-button {top: 34%;left: 44%;}
.video-js .vjs-big-play-button{font-size: 0em;}

.box2{padding: 100px 0;}
.box2 .title2{width: 394px;height: 61px;margin-bottom: 138px;}
.box2 .map{width: 1000px;height: 527px;margin: 0 auto;background: url(../images/en_map.png) no-repeat; background-size: 100% 100%;position: relative;}
.box2 .map .sqa{width: 338px;height: 55px;background: url(../images/en_sungang.png) no-repeat; background-size: 100% 100%;position: absolute;top:109px;left: -42px;cursor: pointer;}
.box2 .map .sqa:hover{background: url(../images/en_sungang_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .hifb{width: 393px;height: 56px;background: url(../images/en_hongling.png) no-repeat; background-size: 100% 100%;position: absolute;top:133px;left: 309px;cursor: pointer;}
.box2 .map .hifb:hover{background: url(../images/en_hongling_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .deib{width: 441px;height: 56px;background: url(../images/en_dawutong.png) no-repeat; background-size: 100% 100%;position: absolute;top:83px;left: 606px;cursor: pointer;}
.box2 .map .deib:hover{background: url(../images/en_dawutong_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .ca{width: 246px;height: 56px;background: url(../images/en_caiwuwei.png) no-repeat; background-size: 100% 100%;position: absolute;top:217px;left: 0px;cursor: pointer;}
.box2 .map .ca:hover{background: url(../images/en_caiwuwei_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .ha{width: 218px;height: 56px;background: url(../images/en_hubei.png) no-repeat; background-size: 100% 100%;position: absolute;top:217px;left: 336px;cursor: pointer;}
.box2 .map .ha:hover{background: url(../images/en_hubei_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .peb{width: 301px;height: 56px;background: url(../images/en_port.png) no-repeat; background-size: 100% 100%;position: absolute;top:217px;left: 576px;cursor: pointer;}
.box2 .map .peb:hover{background: url(../images/en_port_on.png) no-repeat; background-size: 100% 100%;}
.box2 .map .pop_sqa{width: 189px;height: 211px;position: absolute;top: -89px;left: 184px;opacity: 0;}
.box2 .map .pop_hifb{width: 189px;height: 211px;position: absolute;top: -65px;left: 236px;opacity: 0;}
.box2 .map .pop_deib{width: 189px;height: 211px;position: absolute;top: -114px;left: 533px;opacity: 0;}
.box2 .map .pop_ca{width: 189px;height: 211px;position: absolute;top: 19px;left: 135px;opacity: 0;}
.box2 .map .pop_ha{width: 189px;height: 211px;position: absolute;top: 19px;left: 262px;opacity: 0;}
.box2 .map .pop_peb{width: 189px;height: 211px;position: absolute;top: 19px;left: 503px;opacity: 0;}
.box2 .map_content{width: 100%;height: 100vh;background: rgba(177,219,255,.5);position: fixed;top: 0;left: 0;display: none;padding-top: 8%;}
.box3{width: 100%;height: 100vh;position: relative;}
.box2 .map_content img{width: 100%;}
.map_sqa{width: 1000px;height: 564px;margin: 0 auto;display: none;position: relative;}
.map_hifb{width: 1000px;height: 573px;margin: 0 auto;display: none;position: relative;}
.map_deib{width: 1000px;height: 679px;margin: 0 auto;display: none;position: relative;}
.map_ca{width: 1000px;height: 707px;margin: 0 auto;display: none;position: relative;}
.map_ha{width: 1000px;height: 568px;margin: 0 auto;display: none;position: relative;}
.map_peb{width: 1000px;height: 614px;margin: 0 auto;display: none;position: relative;}
.close{width: 40px;height: 40px;position:absolute;top:30px;right: 30px;cursor: pointer;border-radius: 20px;background-color: #3f46d5;padding: 5px;}
.close img{border-radius: 15px;width: 30px;height: 30px;}
.btnl{width: 64px;height: 87px;position: absolute;top: 25vh;left: 0;cursor: pointer;}
.btnr{width: 64px;height: 87px;position: absolute;top: 25vh;right: 0;cursor: pointer;}
.show{display: block;}

.right{position: fixed;width: 150px;height: 130px;top: 518px;right: 0;z-index: 100000;}
.right p{width: 110px;height: 40px;background-color: #323232;font-family: HelveticaNeueLT-Bold;font-size: 20px;line-height: 40px;color: #ffffff;display: inline-block;text-align: center;opacity: 0;}
.right img{width: 40px;height: 40px;float: right;cursor: pointer;}
.back,.top{margin-bottom: 5px;}


.footer{width: 100%;height: 80px;background-image: linear-gradient(-90deg,#274fbd 0%,#71cef4 100%), linear-gradient(#385187,#385187);	background-blend-mode: normal,normal;padding-top: 15px;}
.footer p{font-family: SourceHanSansCN-Regular;font-size: 14px;line-height: 25px;color: #ffffff;text-align: center}
.footer p span{height: 20px;padding-left: 20px;background: url(../images/en_banhao.png) no-repeat;}