@charset "utf-8";
/* css document */
*{margin:0px;padding:0px}
body{font-size:12px; font-family:"微软雅黑";color:#000; background:url(/uploads/image/zsqxz/bg1.jpg) no-repeat center top; height:95vh;background-size: 100% 100%;}
img{border: 0;}
li{ list-style:none;}
.fl{float:left;}
.fr{float:right}
.cl{clear:both;}
a{ text-decoration: none; }
a:hover{ text-decoration:underline; }
cite{ font-style:normal; float:right}
cite a{ color:#333}
p{ text-indent:2em}

/***************通用部分***************/
.page{ width:62.5%; margin:0 auto}
img.logo{ display:block; height:40vh; margin-top:5vh; margin-bottom:9vh}
/***************第一部分***************/
.min_flex{display: flex;justify-content: space-between; height:12.6vh}
.min_flex img{ height:100%}


/***************第2部分***************/




/***************第3部分***************/




/***************第4部分***************/




/***************第5部分***************/



/***************第6部分***************/

.yx-rotaion{ width:625px}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;left:0;bottom:0;_bottom:-1px;z-index:1;}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; font-weight:bold}
.yx-rotation-focus span,.yx-rotaion-btn span{background: no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}








@media screen and (max-width: 750px) {
.zj_page, .h2017_footer, .hp2017_navigation{ display:none}
.yx-rotaion img, .yx-rotaion ul li, .yx-rotaion ul{ width:100%!important;height: 200px}
.yx-rotaion{width: 100%!important;height: 200px;margin-bottom: 20px}

.page{ width:96%;}
.header{ height:auto; width:100%}
.header img{ width:100%; display: block}



}