@charset "utf-8";
/* css document */
body{color:#666; background-color: #fff;}
a{color:#333;}
a:hover{ color: #006ecd; text-decoration:none;}
.container{min-width:1200px; margin: auto; clear: both;overflow:hidden;}
.w1200{margin:0 auto;padding:0;width:1200px; overflow:hidden;}
.mtop10 { margin: 10px auto 0;}
.mtop25{margin:25px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop40{margin:40px auto 0;}
.mtop60{margin:60px auto 0;}
.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.layout,.hd,.bd{*zoom:1;}
.hide{ display:none;}

.morebox{height:80px; clear:both; padding:70px 0 40px;}
.moreboxcon{display:block;margin:0 auto;height:55px;line-height: 55px;width:235px;text-align:center;background: linear-gradient(45deg, #137dd1 15%, #11c9b0 80%);border-radius: 25px;}
.morebox a{color:#fff; font-size: 18px;}
.moreboxcon:hover{background: linear-gradient(45deg, #159dc2 15%, #00ddc6 80%);}
.morebox a:hover{color:#fff!important;}


.mod_hd{width:100%;height:126px;overflow: hidden;position: relative;margin:80px auto 40px;text-align: center;}
.mod_bd p a{ color:#006ecd;}
.bn_title{margin-bottom: 25px;}
.bn_title h2 {margin-bottom: 10px;font-size: 22px;}
.bn_title p{font-size: 14px; color: #506dc8;line-height: 25px; font-weight: normal;  text-align: justify; word-wrap: break-word;}
.bn_title p a{color: #006ecd;}
.list ul li {border-bottom:1px dotted #ccc;padding: 16px 0 15px 0px; font-size:16px;}


.extra_mod h3{font-size:20px;margin:0 0 10px;}
.extra_mod img{width:470px; height:250px; display:block;overflow:hidden;}
.extra_mod p,.mod_pic_txt p{font-size: 14px;color: #a5a5a5;line-height: 25px;font-weight: normal;text-indent:2em;}

.extra_mod p a,.mod_pic_txt p a{color:#006ecd;}
.mod_pic_txt{padding:1px 0 13px; border-bottom: 1px dotted #ccc;}
.mod_pic_txt h3{margin:-2px 0 15px;font-size:20px;font-weight: normal;}
.mod_pic_txt p{text-align: justify; word-wrap: break-word;}


.focusbox { position: relative; width:800px; height:460px; overflow: hidden; }
.focusbox .pic img { width:800px; height:460px; display: block;overflow:hidden;}	
.focusbox .pic li{position:relative; display:block; float:left;}	
.focusbox .pic li p{ position:absolute; bottom:0px; line-height:20px; padding:10px 0;left: 0px;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter: alpha(opacity=50);background: #000; width:100%; text-indent:10px; color:#fff;}
.focusbox .pic li p a{ color:#fff; position:relative; font-size:18px;}
.focusbox .hd{ overflow:hidden; zoom:1; position:absolute; bottom:12px; right:10px; z-index:3}
.focusbox .hd li{float:left; line-height:15px; text-align:center; font-size:0px; text-indent:-999em; width:10px; height:10px;border-radius: 100%; cursor:pointer; overflow:hidden; background:#cdcdcd; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease }
.focusbox .hd .on{ background:#fac700; filter:alpha(opacity=100);opacity:1; }
.focusbox .prev,.focusbox .next { width:40px; height:47px; position:absolute; top:42%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.focusbox .prev { background-image:url(/uploads/image/gpimages/slider_arrow.png); background-position:-105px 0; left:0 }
.focusbox .next { background-image:url(/uploads/image/gpimages/slider_arrow.png); background-position:-50px 0; right:0 }
.focusbox .prev:hover,.focusbox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }


.listnews li{position:relative;padding-left:22px;height: 50px;font-size: 18px;/* line-height:54px; */}
.listnews li:before{position:absolute;top: 8px;left:0;width:5px;height:5px;border:2px #34abe3 solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';}
.listnews li:hover:before{border:2px #397bee solid;background:#397bee;}
.imgslist{margin-top:15px;}
.imgslist .imgslistitem{position:relative;overflow:hidden;margin-bottom:10px;width:390px;height:230px;}
.imgslist .imgslistitem .img{position:relative;z-index:1;width:100%;height:230px;}
.imgslist .imgslistitem .img img{width:390px;height:230px;}
.imgslist .imgslistitem .text,.p4 .p4_mid .text{position:absolute;right:0;bottom:0;left:0;z-index:10;overflow:hidden;padding: 2.5%;width:95%;background:rgba(0,0,0,.5) none repeat scroll 0 0!important;background: rgba(0,0,0,.5);color:#fff;text-align: center;line-height:20px;}
.imgslist .imgslistitem .text h2,.p4 .p4_mid .text h2{color:#fff;font-weight:400;font-size:16px;line-height:1.2;}
.imgslist .imgslistitem .text h2 a,.p4 .p4_mid .text a{color:#fff;}


/*play_icon*/
.play_icon{height: 90px;width: 90px;display:block;position:absolute;left: 46%;top: 38%;background-image:;background-repeat:no-repeat;background-size:100%;z-index:3;}
.play_icon:hover{cursor:pointer;background-image:;background-repeat:no-repeat}


.header{position:relative;margin:0 auto;width:100%;background: no-repeat center top;}
.header .w1200{position:relative;overflow:initial;height:850px;}
.header .tit{display:none;width:0;height:0;}
.header .tit h1{width:0;height:0;text-indent:-99999px;}
.header .tit p{width:0;height:0;text-indent:-99999px;}
.header .xhwlogo{position:absolute;top:40px;left:20px;z-index:800;}
.header .xhwlogo img{display:block;width:134px;height:85px;}
.header .wwslogo{position:absolute;top:105px;left:600px;z-index:801;overflow:hidden;margin:0 0 0 -140px;}
.header .wwslogo img{display:block;width:268px;height:106px;}
.header .tit1{position:absolute;top: 250px;left:600px;z-index:802;overflow:hidden;margin: 0 0 0 -565px;}
.header .tit1 img{display:block;width:1126px;height:330px;}


.nav{position:relative;z-index:999;margin:0 auto;width:100%;height:82px;background: no-repeat top center;}
.nav .w1200{overflow:visible;height:82px;}
.nav ul li{position:relative;float:left;margin: 0 80px 0 20px;height: 82px;font-size: 20px;line-height:82px;cursor:pointer;}
.nav ul li a{position:relative;z-index:3;display:block;padding: 0 30px 0 40px;color:#fff;text-align:center;line-height:82px;}
.nav ul li a:hover{z-index:3;color:#fff!important;text-decoration:none;}
.nav ul li:after{position:absolute;top:0;left:0;z-index:0;display:block;display:none;padding:0 5px;width:100%;height:100%;background: linear-gradient(45deg, #ee980c 15%, #ffc64d 80%);content:"";opacity:1;transform:skewx(160deg);}
.nav ul li:hover:after{display:block;}
.nav ul li:before{position:absolute;top:0;left:-4px;color:#fff;content:"";}
.nav ul li:nth-child(5){margin:0 0 0 30px;}


.p1{position:relative;padding:0;background: no-repeat bottom center;}
.p1 .mod_bd{position:relative;overflow:hidden;}
.p1 .headtitbox {overflow: hidden;margin: 30px auto 25px;width: 1200px;margin-left: auto;margin-right: auto;border-bottom: 1px dotted #e3e3e3;} 
.p1 .headtitbox .headtit_con {width: 1200px;margin-top: 20px;} 
.p1 .headtitbox h1 {font-size: 32px;font-weight: bold;line-height: 54px;color: #006ecd;text-align: center;} 
.p1 .headtitbox h1 a{color: #006ecd;}
.p1 .headtitbox h1 a:hover{color: #397bee;} 
.p1 .headtitbox .headtit_abstract {font-size: 16px;line-height: 30px;color: #555;text-align: justify;word-wrap: break-word;padding: 10px 0 20px;text-align: center;} 
.p1 .headtitbox .headtit_abstract a { color: #006ecd; } 
.p1 .mod_bd{height: 462px;margin: 0 auto;}
.p1 .p1_left{position:relative;overflow:hidden;z-index:9;padding: 0;width: 380px;height: 462px;}
.p1 .p1_left ul{margin-top:0;}
.p1 .p1_left ul li{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 70px;border-bottom: 1px dotted #cee0e7; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.p1 .p1_left ul li:first-child{ margin-top: 0; }
.p1 .p1_left ul li span{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 10px; display: block;}
.p1 .p1_left ul li a{font-size: 17px; line-height: 24px; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.p1 .p1_left ul li .btn-horn-box{ vertical-align: top; margin-right: 0; margin-left: 5px; margin-top: 4px;}
.p1 .p1_left ul li .btn-horn-box.hide{ display: none;}
.p1 .p1_left ul li.active{ font-weight: 500; color: #fff; background:linear-gradient(45deg, #137cd2 15%, #11c9ad 80%);}
.p1 .p1_left ul li.active a{ color: #fff}
.p1 .p1_left ul li.active a:hover{color: #fff !important}
.p1 .p1_left .listnews li:before{width:0;height:0;border:none;}
.p1 .p1_left .listnews li{position:relative;padding-left:0;height:77px;text-align: justify;word-wrap: break-word;}
.p1_right{overflow:hidden;width:800px;}
.p1_right .focusbox{overflow:hidden;width:800px;height:460px;}
.p1_right .focusbox .hd .on{ background:#fac700; filter:alpha(opacity=100);opacity:1;width:35px;height:10px;border-radius:12px;}
.p1 .morebox{padding: 70px 0 80px;}


.p2{position:relative;padding:0;background: no-repeat bottom center;}
.media-video{position:relative;overflow:hidden;}
.media-video-text{position:absolute;top: 85px;right: 0;z-index:51;overflow:hidden;padding: 30px 25px 0;width: 340px;height:372px;background:url(/uploads/image/t2wimages/media-video-text-bg.png) no-repeat center top;}
.media-video-text h3{margin-bottom:20px;line-height:1.3;}
.media-video-text h3 a{color:#fff;font-weight:400;font-size:20px;}
.media-video-text h3 a:hover{color:#fdd35c!important;}
.media-video-text p{color:#fff;text-align:justify;text-indent:2em;word-wrap:break-word;font-size:14px;line-height:1.5;}
.media-video-box{position:relative;z-index:50;width:850px;height:480px;padding: 0 0 0 8px;border-radius: 10px;}
.media-video-box img{width:850px;height:480px;border-radius: 10px; overflow: hidden;}
.media-video-text .moreboxcon{margin: 30px auto 10px;padding:0 20px;width:80px;height:35px;border:1px solid #fff;background:0 0;text-align:center;line-height:35px;border-radius: 10px;}
.media-video-text .moreboxcon a{color:#fff;}
.media-video-text .moreboxcon a:hover{color:#fdd35c!important;}
.media-video-text .moreboxcon:hover{border:1px solid #fdd35c;}

.column-media{position:relative;overflow:hidden; margin: 30px 0 0;}
.column-media li{position:relative;float:left;margin: 15px 10px 15px 5px;width:385px;height: 340px; background: #fff; border:1px solid #e5e5e5;border-radius:8px;-webkit-box-shadow:0 0 4px 2px #dcf2f1;-moz-box-shadow:0 0 4px 2px #dcf2f1;box-shadow:0 0 4px 2px #dcf2f1;}
.column-media li:hover{-webkit-box-shadow:0 0 4px 2px #dfebff;-moz-box-shadow:0 0 4px 2px #dfebff;box-shadow:0 0 4px 2px #dfebff;}
.column-media li:nth-child(3),.column-media li:nth-child(6){margin: 15px 0px 15px 5px;}
.column-media li .column-media-img{overflow:hidden;width:385px;height:230px;border-top-right-radius:8px;border-top-left-radius:8px;}
.column-media li .column-media-img img{width:385px;height:230px;}
.column-media li h3{overflow:hidden;margin:0 auto;margin-top: 15px;width:92%;height:auto;max-height:52px;font-size:18px;line-height:1.4;font-weight: normal;text-align:justify;word-wrap:break-word;}
.column-media li .column-media-line{margin-top:18px;margin-left:4%;width:60px;height:2px;background:linear-gradient(to right,#00a29a 0,#065189 100%);}
.column-media li .column-media-date{margin-top:10px;margin-left:4%;color:#999;font-size:12px;}
.p2 .morebox{padding: 50px 0 70px;}

.padbox{margin:10px auto;}

.p3{position:relative;padding:0;background: no-repeat bottom center;}
.p3 .p3_left{overflow:hidden;width:800px;height:500px;}
.p3 .p3_left .imgslist{margin-top:0;}
.p3 .p3_left .imgslist .imgslistitem{width: 800px; height: 495px;margin:0;}
.p3 .p3_left .imgslist .imgslistitem .img img{width:800px;height:495px;}
.p3 .p3_right{position:relative;width:385px;height:500px;}
.p3 .p3_right .imgslist {margin:0;}
.p3 .p3_right .imgslist .imgslistitem{width: 385px; height: 240px;margin:0;}
.p3 .p3_right .imgslist .imgslistitem:nth-child(2){margin:15px 0 0;}
.p3 .p3_right .imgslist .imgslistitem .img{height: 240px;}
.p3 .p3_right .imgslist .imgslistitem .img img{width:385px;height:240px;}


.p3 .p3_list{overflow: hidden; margin:30px auto;}
.p3 .p3_list .p3_listcolumn{ width:580px;}
.p3 .p3_list .p3_listcolumn ul li{width: 534px;height: 104px;border: 3px solid #efefef;padding: 20px;border-radius: 15px 0 0 0;}
.p3 .p3_list .p3_listcolumn ul li:nth-child(2){margin:25px 0;}
.p3 .p3_list .p3_listcolumn ul li h2{font-size:20px; padding: 5px 0 10px;text-align:justify;word-wrap:break-word;}
.p3 .p3_list .p3_listcolumn ul li p{color:#666;text-align:justify;word-wrap:break-word;font-size:14px;line-height:1.5;}
.p3 .p3_list .p3_listcolumn ul li:hover{border-color:#11c9b0; }
.p3 .morebox{padding: 40px 0 180px;}

.footer{background: no-repeat top center;padding:90px 0 60px;width:100%;height:100px;color:#ebebeb;text-align:center;font-size:16px;line-height:36px;}

.totop{display:none;position:fixed;_position:absolute;bottom:64px;left:50%;margin-left:610px;width:61px;height:61px;background:url(/uploads/image/t2wimages/scroll-btn.png) no-repeat;z-index:999}
.totop:hover{background:url(/uploads/image/t2wimages/scroll-btn-hover.png)}