@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px}
body{font-size:12px; font-family:"微软雅黑";color:#000;}
img{border: 0;}
li{ list-style:none;}
.fl{float:left;}
.fr{float:right}
.cl{clear:both;}
a{ text-decoration: none; }
a:hover{ text-decoration:none; }
cite{ font-style:normal; float:right}
cite a{ color:#333}
p{ text-indent:2em}

/***************通用部分***************/
.page{ width:1300px; margin:0 auto}
.min_hover{ width:100%; height:40px; position:absolute; left:0; bottom:0; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.min_text{width:calc(100% - 20px); height:40px; position:absolute; left:0; bottom:0; line-height:40px; text-align:center; font-size:16px; color:#fff; padding:0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.min_text a{ color:#fff}

.jw_top{ border-top:16px #b81b22 solid; border-bottom:5px #e9a2a6 solid}
.jw_logo{ float:left}
.jw_right{ float:right}
.jw_header img{ display:block; width:100%;}

.wrap{ background:url(re.png) repeat-x center top; height:524px; padding-top:50px}
.min_left{ width:710px; float:left}
.min_left img{ width:710px; height:400px;}
.min_right{ width:550px; float:right;}
.min_right p{ line-height:34px; font-size:14px; color:#6a6562; border-bottom:2px #aa9580 dotted; padding-bottom:15px; margin-bottom:15px}
.min_right h2{ color:#241f1c; font-size:18px; padding:10px 0}
.min_right h2 a{ color:#241f1c}
.min_right p:nth-child(4){ border-bottom:none}

.min_title{ margin-bottom:25px}
.min_title img{ max-width:100%}

.wrap1{ background:url(bg1.jpg) no-repeat center bottom; padding:40px 0 10px}
.min_left1{ width:615px; float:left;}
.min_right1{ width:620px; float:right}
.min_pix{ background:url(pix1.png) no-repeat left top; height:251px; padding:20px 30px 20px 30px; margin-bottom:70px}
ul.f46d18 li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; line-height:46px; font-size:18px; color:#565258}
ul.f46d18 li a{ color:#565258;transition: all .4s;}
ul.f46d18 li a:hover{ color:#e61012; font-weight:bold;}
ul.f46d18 li:hover:before{ background:#e61012}
ul.f46d18 li:before{ float:left; width:10px; height:10px; background:#999999; content:""; border-radius:50%; margin-top:18px; margin-right:10px;transition: all .4s;}
.min_pix1{ background:url(pix2.png) no-repeat left top; height:690px; padding:20px 40px 20px 30px;}
/***************第2部分***************/
.min_pic{ position:relative; display:block; width:100%; height:275px; margin-bottom:20px}
.min_pic img{ width:100%; height:100%; display:block}


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

.min_pic{ position:relative; display:block; width:100%; height:275px; margin-bottom:20px}
.min_pic img{ width:100%; height:100%; display:block}

.min_box1 .min_pic{ float:left; width:420px; height:240px; margin-right:15px;}
.min_box1 .min_pic:nth-child(3){ margin-right:0}



/***************第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:url(ico.png) 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}



.pc{ display:block}
.web{ display:none}




@media screen and (max-width: 750px) {
.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}

.jw_right{ display:none}
.jw_logo{ width:60%}
.min_left, .min_right, .min_left1, .min_right1{ float:none; width:100%; height:auto}
.min_left img, .min_pic, .min_pic img{ width:100%; height:auto}
.wrap, .wrap1{ height:auto; background-size:100% 100%}
.min_pix, .min_pix1{ background-size:100% 100%; height:auto}

.min_box1 .min_pic{ width:100%; height:auto; float:none; margin-right:0}

.web{ display:block}
.pc{ display:none}

}