@charset "utf-8";

img{display:block;}
.hide {width:0;height:0;}
.t{text-indent:-999em;display:block;overflow:hidden;}
.main{background: #fbfbfb url(https://i0.cy.com/xsh/pic/2025/0221/bg1.jpg) no-repeat center 0px;background-position:bottom;padding-bottom: 55px;font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';}

.title{background: url(https://i0.cy.com/xsh/pic/2025/0221/slogan2.png) no-repeat; width: 448px;height: 343px;position: absolute;z-index: 9;left: 50.6%;transform: translateX(-50%);top: 330px;}
.mid{width:1000px;margin:0 auto;position:relative;}
/* comm */
/* .comm ,.nav-hover li{background:url(http://i0.cy.com/xsh/main/20190916/common_index.png?v6) no-repeat;} */
.comm ,.nav-hover li{background:url(https://i0.cy.com/xsh/pic/2024/0710/common_index2.png) no-repeat;}

/* header */
.header {height:425px; position: relative; z-index: 3;}

.header .server {width:470px;height:34px;position:absolute;top:720px;left:0px;z-index: 100; padding-left: 90px; background: url(https://i0.cy.com/xsh/pic/2021/0906/server.png) no-repeat;}
.header .server p {line-height:23px;color:#000000;display: inline-block;float: left;padding:5px 10px 0 0;height: 29px;border-radius: 53px;    background-color: #ffffff;}
.header .server p em{color:#f04900;font-weight:bold;padding-right: 10px;}
.header .server p span{color:#429814;}
/* content */
/*.content{height:1091px;background:url(https://i0.cy.com/xsh/pic/2021/0906/index_cont.jpg) center top no-repeat;}*/
.content{height:1055px;position: relative;z-index: 5;}



.nav{height: 335px;overflow:hidden;margin-top: 5px;}
.nav-hover,.nav-map{width:688px;height:178px;position:absolute;top:157px;left:154px;}
.nav-hover li{position:absolute;display:none;}
.nav-hover li.nav01{width: 301px;height: 178px;background-position:2px 0;top:0;left: 191px;}
.nav-hover li.nav02{width: 290px;height: 115px;background-position: -300px -1px;top: 1px;left:0;}
.nav-hover li.nav03{width: 297px;height: 139px;background-position:-309px -141px;top: 0;right:0;}

.banner{width:1000px;height:300px;overflow:hidden;border-radius:10px;}
.banner ul{width:9999px;}
.banner li{width:80px;height:300px;float:left;overflow:hidden;position:relative;margin-right:3px;}
.banner li .comm{width:80px;height:300px;position:absolute;top:-1px;left:0; font-size: 30px; text-indent: 100px; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
    word-break:break-all; font-family: 'Microsoft YaHei';}
.banner li .comm em{display: block; width: 40px; margin-left: 17px; color: #ffffff;text-shadow:-2px 0 4px #6e2f64;font-weight: bold;}
.banner li.active .comm em{text-shadow:-2px 0 4px #b27627;}
.banner li img{margin-left:58px;border-radius:10px;display:none;}
.banner li .banner-name01{background-position:0 -302px;}
.banner li .banner-name04{background-position:-82px -302px;}
.banner li .banner-name02{background-position:-164px -302px;}
.banner li .banner-name03{background-position:-246px -302px;}
.banner li .banner-name05{background-position:-328px -302px;}
.banner li.active .banner-name01{background-position:0 -604px;}
.banner li.active .banner-name04{background-position:-83px -604px;}
.banner li.active .banner-name02{background-position:-164px -604px;}
.banner li.active .banner-name03{background-position:-246px -604px;}
.banner li.active .banner-name05{background-position:-328px -604px;}

.tabs{width:755px;height:415px;margin-top:30px;float:left;overflow:hidden;border-radius:10px;position:relative;}
.tabs .tabs-l,.tabs .tabs-r{width:51px;height:51px;position:absolute;top:50%;margin-top:-25px;
	transition:margin .5s ease-out;
	-webkit-transition:margin .5s ease-out;
	-moz-transition:margin .5s ease-out;
}
.tabs .tabs-l{background-position:-412px -304px;left:10px;margin-left:-100px;}
.tabs .tabs-l:hover{background-position:-412px -356px;}
.tabs .tabs-r{background-position:-465px -304px;right:10px;margin-right:-100px;}
.tabs .tabs-r:hover{background-position:-465px -356px;}
.tabs:hover .tabs-l{margin-left:0px;}
.tabs:hover .tabs-r{margin-right:0px;}
.tabs .tabs-list li{position:absolute;top:0;left:0;display:none;}
.tabs .tabs-desc{width:100%;height:44px;line-height:44px;font-size:18px;text-align:center;color:#fff;position:absolute;bottom:0;left:0;}

.adver{width:240px;margin-top:30px;float:right;}
.adver a{display:block;margin-bottom:5px;
	transition:opacity .4s ease-out;
	-webkit-transition:opacity .4s ease-out;
	-moz-transition:opacity .4s ease-out;
}
.adver a:hover{opacity:0.75;-webkit-opacity:0.75;-moz-opacity:0.75;}
.adver .code-box{width:240px;height:100px;position:relative;}
.adver .code-box .code-bg{width:205px;height:207px;padding:26px 0 0 27px;position:absolute;bottom:80px;left:50%;margin-left:-115px;
	opacity:0;-webkit-opacity:0;-moz-opacity:0;
	transition:opacity .4s ease-out;
	-webkit-transition:opacity .4s ease-out;
	-moz-transition:opacity .4s ease-out;
	visibility:hidden;
}
.adver .code-box:hover .code-bg{visibility:inherit;opacity:1;-webkit-opacity:1;-moz-opacity:1;}

#tips{line-height: 24px; color: #304685; text-align: center;}


.main_btn { width: 690px; height: 178px; margin: 587px auto 0; background: url(https://i0.cy.com/xsh/pic/2024/0710/btn1.png) no-repeat left center;}
.video_wraper {width: 100%; min-width: 1000px; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; z-index: 2; overflow: hidden;}
.video_box { width: 1000px; margin: 0 auto; position: relative; }
#HeaderVideo {width: 1920px; margin-left: -460px}
.video_shade { width: 1920px; height: 400px;position: absolute; left: -460px; bottom: -110px; z-index: 3;
	background: url(https://i0.cy.com/xsh/pic/2021/0906/shade.png) no-repeat center center;
}

/* modified in 2023-08 */
/* .main.online{background: #fbfbfb url(https://i0.cy.com/xsh/pic/2022/1124/bg1.jpg) no-repeat center 0px} */
.logo{position:absolute;left: 25px;top: 83px;display: flex;align-items: center;z-index: 99;}
.changyou_hint{ width: 122px; height: 90px; transform: scale(0.8)}