@charset "utf-8";
/* CSS Document */

* html, * html body { background-image:url(about:blank); background-attachment:fixed; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td, */article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } 
/* HTML5 display-role reset for older browsers */  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
address, cite, code, em, th, i { font-weight: normal; font-style: normal; } 
body { font-size:14px; line-height:1.5; font-family: "\5FAE\8F6F\96C5\9ED1"; background:#f5f5f5;} 
input, select, textarea { margin: 0; padding: 0;}
input{ outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; border: none; }
li { vertical-align: top; }
ol, ul, li { list-style: none; } 

a { text-decoration: none; outline: none; cursor:pointer; } 
a:hover { text-decoration:none; } 
.w100{ width:100%;}
.w1200{ width: 1200px; }
.m{ margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.hidden{ overflow:hidden; }
.por{ position:relative;}
.poa{ position:absolute;}





#header_box {
    height: 138px;
    background: #FFF;
    width: 100%;
}
.hearder_top_log {
    height: 90px;
    float: left;
}
#header_top {
    height: 138px;
    background: #FFF;
    width: 100%;
    min-width: 1200px;
}
.hearder_top_box {
    width: 1110px;
    margin: 0 auto;
    height: 90px;
}

.hearder_top_place {
    float: left;
    position: relative;
    width: auto;
    margin-top: 15px;
}

.hearder_top_place h2 {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 30px;
}

.header_title {
    float: right;
    margin-top: 25px;
}

#header_city {
    position: relative;
    margin: 0 0 0 30px;
    z-index: 999;
}

.s_city {
    width: 78px;
    height: 24px;
    background: #FFF;
    border: 1px solid #d0d0d0;
    line-height: 22px;
    color: #8e8e8e;
    font-size: 13px;
    cursor: pointer;
}

.s_city i {
    margin: 0 2px 0 7px;
}

.head_city_list {
    position: absolute;
    top: 27px;
    background: #FFF;
    max-height: 250px;
    overflow-y: auto;
    width: 103px;
    border: 1px solid #d0d0d0;
    border-top: none;
    display: none;
}

.head_city_list li {
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.head_city_list li a {
    font-size: 12px;
}

.head_city_list li:hover a {
    color: #801a75;
}

#header_city:hover .head_city_list {
    display: block;
}

#header_menu {
    height: 48px;
    background: #7f1a74;
}

#hm_list {
    width: 1110px;
    margin: 0 auto;
}

#hm_list ul {
    float: left;
}

#hm_list ul li {
    float: left;
    position: relative;
}

#hm_list ul li h2 {
    height: 48px;
    text-align: center;
    width: 107px;
    text-align: center;
    line-height: 48px;
}

#hm_list ul li h2 a {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    width: 107px;
}

#hm_list ul li ul {
    position: absolute;
    left: 0px;
    top: 48px;
    background: #FFF;
    display: none;
    box-shadow: 0 0 6px #a7a7a7;
    -webkit-box-shadow: 0 0 6px #a7a7a7;
    -moz-box-shadow: 0 0 6px #a7a7a7;
    z-index: 9;
}

#hm_list ul li:hover h2 {
    background: #6c0e62;
}

#hm_list ul li ul li {
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 107px;
}

#hm_list ul li ul li:hover {
    background: #f8f8f8;
}

#hm_list ul li ul li a {
    display: inline-block;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #efefef;
    padding: 0 15px;
    color: #333;
}

#hm_list ul li ul li a:hover {
    color: #801b74;
}

#hm_list ul li ul li:last-child a {
    border-bottom: 0px;
}





.banner{ height:879px; background: url(../images/banner.jpg) center top no-repeat; }
.dc_1{ height:672px; background: url(../images/dc_1.jpg) center top no-repeat; }
.dc_2{ height:842px; background: url(../images/dc_2.jpg) center top no-repeat; }
.dc_2_1{ height: 100px; background: url(../images/dc_2_1.png) no-repeat; }
.dc_2_2{ height: 426px; margin: 73px auto; background: url(../images/dc_2_2.png) no-repeat; position: relative; }
.dc_2_2 input{ width: 280px; height:46px; border:0; font-size: 18px; position: absolute; right:94px; }
#form_yy_name_input{ width: 316px; top:112px; }
#form_yy_tel_input{ top:181px; }
#form_yy_mianji_input{ top:250px; }
.dc_2_2 span{ width: 432px; height:50px; position: absolute; right:82px; bottom: 61px; cursor: pointer; }
.dc_3_tit{ height:170px; background: url(../images/dc_3_1.png) no-repeat; }
.dc_3_tit b{ letter-spacing: 2px; padding-top: 82px; }
.dc_3_tit span{ letter-spacing: 1px;}
.title b,.title span{ line-height: 1em; color: #323232; text-align: center; display: block; }
.title b{ font-size: 24px; font-weight:normal; }
.title span{ padding-top: 10px; font-size: 12px; }
.dc_3{ height:988px; background: url(../images/dc_3_2.jpg) center bottom no-repeat; }
.dc_3 .v{ height: 762px; }
.dc_4_tit{ height:170px; margin:30px auto 0; background: url(../images/dc_4_1.png) center 9px no-repeat; }
.dc_4_tit b{ letter-spacing: 1px; padding-top: 94px; }
.dc_4_tit span{ letter-spacing: 4px; }
.dc_4_2{ height:517px; background: url(../images/dc_4_2.jpg) center top no-repeat; }
.dc_4_3{ height:510px; background: url(../images/dc_4_3.jpg) center top no-repeat; }
.dc_4_4{ height:830px; background: url(../images/dc_4_4.jpg) center top no-repeat; }
.dc_4_c{ height:795px }
.dc_5_1{ height:239px; background: url(../images/dc_5_1.jpg) center top no-repeat; }
.dc_5_tit{ height:170px; background: url(../images/dc_5_2.png) center 9px no-repeat; }
.dc_5_tit b{ letter-spacing: 3px; padding-top: 95px; }
.dc_5_tit span{ letter-spacing: 1px; }
/* .dc_5_3{ height:1133px; background: url(../images/dc_5_3.jpg) center top no-repeat; } */
.dc_5_3 img{ width: 100%; max-width: 1920px; margin: 0 auto; display: block; }
.dc_6_1{ height:352px; background: url(../images/dc_6_1.jpg) center top no-repeat; }
.dc_6_2{ height:352px; }
.dc_6_2 a{ width: 548px; height:50px; line-height: 50px; text-align: center; margin: 38px auto 72px; border-radius: 5px; background: #cf2b52; color: #fff; letter-spacing: 8px; font-size: 20px; display: block; }
.dc_6_tit{ height:170px; background: url(../images/dc_6_2.png) center 0 no-repeat; }
.dc_6_tit b{ letter-spacing: 1px; padding-top: 97px; }
.dc_6_tit span{ letter-spacing: 1px; }
.dc_6_3{ height:712px; background: url(../images/dc_6_3.jpg) center top no-repeat; }
.dc_6_4{ height:712px; background: url(../images/dc_6_4.png) center top no-repeat; }
.dc_6_5{ height: 654px; background: url(../images/dc_6_5.jpg) center top no-repeat; }
.dc_6_6{ height: 601px; background: url(../images/dc_6_6.jpg) center top no-repeat; }
.dc_7_1{ height: 198px; background: url(../images/dc_7_1.jpg) center top no-repeat; }
.dc_7_tit{ height:170px; padding-top:30px; background: url(../images/dc_7_2.png) center 30px no-repeat; }
.dc_7_tit b{ letter-spacing: 3px; padding-top: 80px; }
.dc_7_tit span{ letter-spacing: 1px; }
.dc_7_3{ height: 832px; padding-top:10px; background: url(../images/dc_7_3.jpg) center 10px no-repeat; }
.dc_7_4{ background: #fff; }
.dc_8_1{ height: 194px; background: url(../images/dc_8_1.png) center top no-repeat; }
.dc_8_2{ height:735px; background: url(../images/dc_8_2.png) right bottom no-repeat; }
.dc_8_4{ height:660px; background: url(../images/dc_8_4.jpg) right bottom no-repeat; }
.dc_8_3{ height:575px; margin-bottom: 88px; background: url(../images/dc_8_3.png) left bottom no-repeat; }
.dc_8_5{ height:650px; background: url(../images/dc_8_5.jpg) right bottom no-repeat; position: relative;top:-75px; }
.dc_9_1{ height:615px; background: url(../images/dc_9_1.jpg) center top no-repeat; }
.dc_9_2{ height:615px; }
.dc_9_3{ width: 722px; height:50px; margin: 138px auto 0; position: relative; }
.dc_9_3 b{ line-height: 1em; color:#fff; font-size: 48px; font-weight: normal; position: absolute; left:88px; top:-24px; }
.dc_9_3 span{ line-height: 1em; color:#fff; font-size: 14px; font-weight: normal; position: absolute; left:79px; bottom:-7px; }
.dc_9_3 i{ background: #fff; position: absolute; }
.dc_9_3 .i_1{ width: 2px; height:50px; left:0; top:0; }
.dc_9_3 .i_2{ width: 76px; height:2px; left:0; top:0; }
.dc_9_3 .i_3{ width: 76px; height:2px; left:0; bottom:0; }
.dc_9_3 .i_4{ width: 2px; height:50px; right:0; top:0; }
.dc_9_3 .i_5{ width: 76px; height:2px; right:0; top:0; }
.dc_9_3 .i_6{ width: 76px; height:2px; right:0; bottom:0; }
.dc_9_4{ height:146px; }
.dc_9_4 p{ line-height: 1em; padding: 39px 0 19px; text-align: center; color:#fff; font-size: 30px;}
.dc_9_4 span{ line-height: 1em; text-align: center; color:#fff; font-size: 20px; display: block;}
.dc_9_5{ width: 1157px; height:107px; padding: 40px 0 0 43px; background: #fff; }
.dc_9_5 input{ width:208px; height:58px; line-height: 58px; margin-right: 31px; padding: 0 20px; border:1px solid #acacac; border-radius:3px; color:#373737; float: left; font-size: 20px; }
.dc_9_5 span{ width:248px; height:58px; line-height: 58px; text-align: center; border:1px solid #cf2b52; border-radius:3px; background: #cf2b52; color:#fff; float: left; font-size: 26px; cursor: pointer; }




.slider{ width:1200; margin:0 auto;  position:relative; overflow:hidden;   height:795px; background:#000;  }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{ height:795px; overflow:hidden; }
.slider .bd li img{ display:block;  }

.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px; 
    background:url(../images/dot.png) 0 -16px;
    overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 
}
.slider .hd ul .on{ background-position:0 0;  }
.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }


.side{ width: 216px; height:392px; /*background: url(../images/side.png) no-repeat;*/ position: fixed; right:0; top:45%; z-index: 9999; }
.side img{ width: 100%; display: block; }
.side a{ display: block; }
.side span{ color: #cf2b52; position: absolute; top:-16px; right:2px; font-size: 28px; cursor: pointer; }
@media screen and (max-width:1600px) {
    .side{ width: 160px; height:auto;}
}


#willesPlay{
    height: 762px;
	margin: 0 auto;
	position: relative;
}
#willesPlay .playContent{
	position: relative;
    height: 762px;
	overflow: hidden;
	cursor: pointer;
}
#willesPlay .playContent .playTip{
	position: absolute;
	width: 200px;
	height: 200px;
	text-align: center;
	line-height: 200px;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	background:  #ef6a6c;
	font-size: 60px;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}
#willesPlay .playContent .playTip img{
    width: 60%;
    padding-left: 34px;
    padding-top: 40px;
}
#willesPlay .fullControll{
	background:rgba(0,0,0,.5);
}
#willesPlay .fullControll .timebar span{
	color: #FFFFFF;
}
#willesPlay .otherControl{
	float: right;
	position: relative;
}

#willesPlay .otherControl span{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	font-size: 20px;
	margin: 9px  7px;
	cursor: pointer;
}
#willesPlay .otherControl span:nth-child(1){
	font-size: 28px;
	color: #ef6a6c;
}
#willesPlay .otherControl span:nth-child(2){
	color: #919597;
}
/*音量*/
#willesPlay .otherControl .volumeBar{
	display: none;
	position: absolute;
	top: -110px;
	left:4px;
	width: 26px;
	height: 100px;
	background:#f1f2f2;
	border-radius: 4px;
	cursor: pointer;
}
#willesPlay .otherControl .volumeBar:after{
	content:"";
	display: block;
	position:absolute;
	bottom: -7px;
	left: 5px;
	width: 0;
    height: 0;
    border-left:8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f1f2f2;
}
#willesPlay .otherControl .volumeBar .volumewrap{
	background: #a2a7aa;
	width: 8px;
	height: 80px;
	position: absolute;
	bottom: 10px;
	left: 9px;
	border-radius: 4px;
}

#willesPlay .otherControl .volumeBar .progress{
	background: none;
}
#willesPlay .otherControl .volumeBar .progress-bar{
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 4px;
}
video::-webkit-media-controls-enclosure {
    /*ç¦ç”¨æ’­æ”¾å™¨æŽ§åˆ¶æ çš„æ ·å¼*/
    display: none !important;
}
:-webkit-full-screen{}