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

html{min-width:1200px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#141517; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1200{width:1200px; margin:0 auto;}
.header{width:100%; height:80px; background:#141517; clear:both}
.logo{padding-top:10px; float:left;}
.menu{width:630px; margin-top:25px; height:30px; float:right;}
.mainlevel{width:80px; /*IE6 only*/ height:30px; line-height:30px; text-align:center; position:relative; z-index:11; float:left;}
.mainlevel a{height:30px; padding:5px 0px; font-size:13px; color:#fff; margin-left:0px;}
.mainlevel a:hover,.mainlevel a.active{color:#d9242b; border-top:#d9242b 1px solid; border-bottom:#d9242b 1px solid;}
.mainlevel ul{width:80px; display:none; position:absolute; left:0px; background:#d9242b; border:none; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px; font-weight:normal;}
.mainlevel li a:hover{background:#c11219; border:none; color:#fff;}
.banner{width:100%; position:relative; clear:both}
#full-screen-slider{width:100%; height:900px; position:relative; z-index:0; overflow:hidden; }
#slides{display:block; width:100%; height:900px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:900px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:900px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:50px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; text-indent:-999em; cursor:pointer;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;}
.ss{width:955px; bottom:120px; height:60px; left:50%; margin-left:-495px; padding:15px 0px 0px 10px; position:absolute; background:url(../images/ser_bg.png) repeat; border-radius:5px; z-index:999;}
.ss_sel{width:160px; height:44px; margin-right:7px; color:#666; text-indent:0.5em; float:left}
.ss_in{width:315px; height:44px; line-height:44px; background:#fff; border:none; color:#777; text-indent:1em; float:left}
.ss_btn{width:130px; height:44px; background:#d9242b; color:#fff; border:none; cursor:pointer; float:left;}
.w1100{width:1102px; margin:200px auto 0px; opacity:0; clear:both}
.w550{width:550px; padding:40px 0px; text-align:center; float:left}
.w550 img{padding-bottom:30px;}
.w550 h4{line-height:25px; font-weight:normal; color:#666; background:url(../images/red_line.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:10px; clear:both}
.w550 h2{line-height:30px; color:#141517; font-weight:normal; margin-bottom:20px; clear:both;}
.w550 a{width:190px; height:40px; line-height:40px; font-size:12px; text-indent:4.5em; text-align:left; color:#d9242b; background:url(../images/red_more.png) no-repeat center; display:block; margin:0 auto;}
.bor{border-right:#eee 1px solid;}
.line{width:100%; height:1px; background:#eee; clear:both}
.ser_t{width:100%; text-align:center; clear:both}
.ser_d{width:1220px; padding-top:30px; margin:0 auto; clear:both}
.ser_d li{width:275px; height:360px; text-align:center; border:#f5f5f5 5px solid; margin:0px 10px; cursor:pointer; float:left;}
.ser_d li h2{padding-top:30px; line-height:50px; padding-bottom:10px; font-weight:normal; clear:both}
.ser_d li p{color:#747474; line-height:22px; clear:both}
.ser_d li img{margin-top:30px; transition:all 0.5s ease-in-out;}
.ser_d li:hover img{transform:translateY(10px)}
.advant{width:100%; height:480px; background:url(../images/red_bg.jpg) no-repeat top center; overflow:hidden; margin-top:200px; opacity:0; clear:both}
.adv_l{width:450px; float:left; padding-top:70px;}
.adv_l img{padding-bottom:50px;}
.adv_l p{height:125px; line-height:25px; overflow:hidden; color:#fff;}
.adv_l a{width:122px; height:29px; line-height:29px; font-size:12px; color:#fff; text-indent:2em; margin-top:70px; background:url(../images/white_more.png) no-repeat center; display:block;}
.adv_r{width:600px; background:url(../images/pink.png) repeat-y left; float:right;}
.adv_r li{width:300px; height:160px; text-align:center; border-bottom:#c74d4f 1px solid; text-align:center; background:url(../images/pink.png) repeat-y right center; float:left;}
.adv_r li img{padding-top:30px; transition:all 0.3s ease-in-out}
.adv_r li p{line-height:50px; color:#fff; clear:both}
.adv_r li:hover img{transform:translateY(-8px)}
.step_l{width:600px; padding-top:110px; float:left;}
.step_l li{width:100%; padding-bottom:45px; float:left;}
.step_l li img{float:left; padding-right:40px;}
.step_l li h2{line-height:45px; padding-top:10px; font-size:24px; font-weight:normal;}
.step_l li p{line-height:25px;}
.step_r{width:585px; float:right;}
#scrollbox{width:100%; position:relative; overflow:hidden; float:left;}
#scrollbox li{width:262px; float:left;}
#scrollbox li img{width:262px; height:545px; float:left}
.net{width:100%; height:570px; background:url(../images/net_bg.jpg) no-repeat top center; margin-top:200px; opacity:0; clear:both}
.net_t{width:100%; padding:45px 0px; text-align:center; clear:both}
.net_l{width:540px; border-right:1px #fff dotted; padding:10px 0px; text-align:center; float:left;}
.net_r{float:right; padding-top:80px;}
.net_r a img{float:left; margin-left:40px; transition:all 0.5s ease-in-out}
.net_r a:hover img{transform:rotate(360deg);}
.pad35{padding:35px 0px;}
.par_t{width:1200px; margin:0 auto; clear:both}
.par_d{width:1220px; padding-top:25px; margin:0 auto; clear:both}
.par_d li{width:184px; height:72px; border:#e6e6e6 1px solid; overflow:hidden; margin:0px 8px 15px; float:left;}
.par_d li img{width:184px; height:72px; transition:all 0.5s ease-in-out}
.par_d li:hover img{transform:scale(1.1)}
.footer{width:100%; background:#141517; color:#d5d5d5; clear:both;}
.f_v1{width:100%; height:55px; line-height:55px; border-bottom:#262626 1px solid; clear:both}
.f_v1l{float:left; padding-left:25px;}
.f_v1r{float:right; padding-right:25px;}
.f_v1r a{color:#d5d5d5; padding:0px 10px;}
.f_v1r a:hover{color:#fff;}
.f_v2{width:1140px; padding:25px 0px; margin:0 auto; clear:both}
.f_v2l{width:340px; float:left;}
.f_v2l h3{line-height:28px; clear:both}
.f_v2l p{line-height:24px; clear:both}
.f_v2z{float:left;}
.f_v2z li{width:245px; padding-top:25px; float:left;}
.f_v2z li h4{font-weight:normal; clear:both}
.f_v2z li h2{line-height:40px; font-weight:normal; clear:both}
.f_v2z li p{font-size:12px; clear:both}
.f_v2r{float:right;}
.f_v2r li{width:100px; padding-left:30px; float:left;}
.f_v2r li img{width:100px; height:100px;}
.f_v2r li p{line-height:30px; font-size:12px; text-align:center; clear:both}
.copy{width:100%; height:70px; line-height:70px; text-align:center; border-top:#262626 1px solid; clear:both;}

.ny_banner{width:100%; height:350px; clear:both}
#tctp{background:url(../images/bg_banner.jpg) no-repeat top center;}
#city{background:url(../images/bg_banner.jpg) no-repeat top center;}
#news{background:url(../images/bg_banner.jpg) no-repeat top center;}
#help{background:url(../images/bg_banner.jpg) no-repeat top center;}
#cont{background:url(../images/bg_banner.jpg) no-repeat top center;}

/*news*/
.page_nav{padding: 30px 0;overflow: hidden;}
.page_nav p {font-size: 14px;color: #999;margin-bottom: 22px;}
.page_nav p i{display: inline-block;margin-right: 6px;}
.page_nav p b{font-weight: normal;}
.page_nav p a{color: #999;}
.page_nav ul li{ float:left; width:14%; text-align:center; line-height:46px;font-size:15px; position:relative; margin-left:0px;margin-bottom: 5px;}
.page_nav ul li a{ display:block; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8; color:#666;}
.page_nav ul li a:after{ content:""; height:5px; width:0; position:absolute; bottom:0px; left:0px; background:#aa181e; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s;}
.page_nav ul li a:hover,.page_nav ul li.active a{ background:#d9242b; color:#333; *border-bottom-color:#81194e; color: #fff;}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after { width: 100%; }
.news_page{overflow: hidden;}
.news_page_lf{float: left;width: 854px;}
.news_page_lf dl{height: 72px;padding: 40px 20px;margin-bottom: 20px;background: #fff}
.news_page_lf dl a{display: block;}
.news_page_lf dl dt{float: left;text-align: center;margin-right: 25px;}
.news_page_lf dl dt span{font-size: 40px;display: block; color:#666;}
.news_page_lf dl dt p{font-size: 14px; color:#999;}
.news_page_lf dl dd{overflow: hidden;width: 700px;}
.news_page_lf dl dd b{font-size: 24px;display: block; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px; margin-top:8px;}
.news_page_lf dl dd p{font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#666;}
.news_page_lf dl:nth-of-type(odd){ background: #f8f8f8;}
.news_page_lf dl:nth-of-type(even){ background: #fff;}
.news_page_lf dl:hover{ background: #f7f7f7;}
.news_page_rt{width: 280px;float: right;padding: 30px 22px;background: #f8f8f8;color: #666;}
.news_page_rt a{color:#666}
.news_page_rt img{width: 280px;height: 195px;}
.news_page_rt h4{font-size: 16px;font-weight: normal;margin: 20px 0;width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_page_rt p{font-size: 12px;line-height: 22px;}

.ny{line-height:25px; padding-bottom:30px;}


.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}

.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left}
.lxwm_z h3{color:#666;line-height:35px}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:20px}
.lxwm_r li img{width:120px;height:120px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}

.tit{width:100%; text-align:center; padding:30px 0px; clear:both}
.tit h2{line-height:60px; font-size:30px; color:#333; font-weight:normal; clear:both}
.tit p{background:url(../images/gray.jpg) no-repeat top center; line-height:30px; padding-top:5px; margin-top:5px; color:#999;}
.tctp_v1{width:1200px; margin:0 auto;}
.tctp_v1 li{width:33.3%; height:180px; text-align:center; float:left;}
.tctp_v1 li h3{font-size:18px; font-weight:normal; color:#666; line-height:40px; clear:both}
.tctp_v1 li p{color:#999;}
.w1015{width:1015px; margin:0 auto; clear:both}
.item{width:332px; height:250px; margin:0px 3px 5px; overflow:hidden; position:relative; float:left;}
.item img{width:332px; height:250px;}
.item h2{width:100%; height:250px; line-height:250px; text-align:center; background:url(../images/black.png) repeat; color:#fff; top:0px; position:absolute; left:0px;}
.item .caption{width:302px; height:220px; padding:15px; background:url(../images/red.png) repeat; cursor:pointer; position:absolute; left:0px; top:0px; display:none;}
.item .caption h3{color:#fff; padding-top:50px; font-size:20px; text-align:center; font-weight:normal; line-height:30px;}
.item .caption div{font-size:12px; color:#fff; line-height:24px; padding-top:20px;}

.city_t{width:400px; padding:0px 350px; height:100px; text-align:center; border-bottom:#ddd 2px solid; margin:0 auto; clear:both}
.city_t li{width:200px; height:100px; line-height:100px; font-size:24px; cursor:pointer; float:left;}
.city_t li.li1{color:#666;}
.city_t li.li2{color:#d9242b; border-bottom:#d9242b 2px solid;}
.exp{display:none;}
.city_dv{width:100%; text-align:center; padding-top:50px; clear:both}
.bg{background:#fafafa;}

.pf{width:70px; position:fixed; right:0px; top:300px; z-index:99999;}
.pf li{float:left; height:80px; margin-bottom:1px;}
.pf img img{float:left}
#sjewm{display:none; height:100px; position:absolute; width:100px; right:80px; top:80px;}
#sjewm img{width:100px; height:100px;}
#wxewm{display:none; height:100px; position:absolute; width:100px; right:80px; top:160px;}
#wxewm img{width:100px; height:100px;}

.g1{margin-top:200px; opacity:0;}
.g2{margin-top:200px; opacity:0;}


.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background: repeat url(../images/bg_mask.png); z-index: 99;}
.video-show {display: none; position: fixed; top: 50%;left: 50%; width: 580px; height: 430px; margin-top: -215px; margin-left: -290px; z-index: 100;}
.video-show p { height: 30px; line-height: 30px; padding-left: 10px;color: #fff;font-size: 14px; background: #333;}
.video-show p a { float: right;width: 30px;height: 30px; background: no-repeat url(../images/close.png) 5px 5px;}


/*视频弹出css*/
.in-video-show { position: fixed; bottom: 38px;left: 0; width: 426px; height: 243px; z-index: 100;}
.in-video-show p { height: 30px; line-height: 30px; padding-left: 10px;color: #fff;font-size: 14px; background: #333;}
.in-video-show p a { float: right;width: 30px;height: 30px; background: no-repeat url(../images/close.png) 5px 5px;}

#video{width:100%; height:auto; overflow:hidden}
#video video{width:100%; height:auto; overflow:hidden}





.div-box1 {
	    background: url(../images/t2_1.png) center 570px no-repeat;
    background-size: 722px 278px;
    width: 100%;
    height: 905px;
}
.div-box1 .title {
	font-size:30px;
	color:#333;
	letter-spacing:0;
	line-height:30px
}
.div-box5 {
	margin-top:50px
}
.div-box5 .title {
	font-size:30px;
	color:#333;
	line-height:30px;
	text-align:center;
	width:1000px;
	margin:0 auto
}
.div-box5 .line {
	background:#BCBCBC;
	width:70px;
	height:1px;
	margin:20px auto 0;
	line-height:21px
}
.div-box5 .des {
	font-size:14px;
	color:#999;
	line-height:18px;
	text-align:center;
	margin-top:25px
}
 .div-box5 table {
	border-collapse:separate;
	border-spacing:2px;
	margin:60px auto 0;
}
.div-box5 table tr td {
	width:499px;
	height:249px;
	background-size:499px 249px;
	position:relative;
	overflow:hidden
}
.div-box5 table tr td .bf {
	top:0;
	width:100%;
	height:100%;
	opacity:.4;
	filter:alpha(opacity=40);
	background-color:#000D24;
	transition-property:opacity,background-color;
	transition-duration:.5s
}
.div-box5 table tr td:hover .bf {
	opacity:.89;
	filter:alpha(opacity=89);
	background-color:#d9242b;
	transition-duration:.5s;
	transition-property:opacity,background-color
}
.div-box5 table tr td .df {
	position:absolute;
	top:0;
	width:100%;
	height:100%
}
.div-box5 table tr td .df .icon {
	position:relative;
	top:49px;
	left:215px;
	transition-property:top;
	transition-duration:.5s
}
.div-box5 table tr td:hover .df .icon {
	top:30px;
	transition-property:top;
	transition-duration:.5s
}
.div-box5 table tr td .df .line {
	width:20px;
	height:2px;
	margin:auto;
	position:absolute;
	top:140px;
	left:240px;
	background-color:#fff;
	filter:alpha(opacity=100);
	opacity:1;
	transition-property:top,opacity;
	transition-duration:.5s
}
.div-box5 table tr td:hover .df .line {
	top:110px;
	opacity:0;
	filter:alpha(opacity=0);
	transition-property:top,opacity;
	transition-duration:.5s
}
.div-box5 table tr td .df .title {
	width:100%;
	font-size:24px;
	color:#FFF;
	line-height:24px;
	position:absolute;
	top:162px;
	text-align:center;
	transition-property:top;
	transition-duration:.5s
}
.div-box5 table tr td:hover .df .title {
	top:120px;
	transition-property:top;
	transition-duration:.5s
}
.div-box5 table tr td .df .content {
	width:433px;
	left:33px;
	opacity:0;
	text-align:center;
	filter:alpha(opacity=0);
	color:#fff;
	position:absolute;
	top:230px;
	transition-property:top,opacity;
	transition-duration:.5s
}
.div-box5 table tr td:hover .df .content {
	top:170px;
	opacity:1;
	filter:alpha(opacity=100);
	transition-property:top,opacity;
	transition-duration:.5s
}
.div-box5 table tr td.td1 {
	background:url(../images/t3_1.png) no-repeat
}
.div-box5 table tr td.td1 .df .icon {
	background:url(../images/t3_1_1.png) no-repeat;
	background-size:69px 76px;
	width:69px;
	height:76px
}
.div-box5 table tr td.td2 {
	background:url(../images/t3_2.png) no-repeat
}
.div-box5 table tr td.td2 .df .icon {
	background:url(../images/t3_2_1.png) no-repeat;
	background-size:72px 78px;
	width:72px;
	height:78px;
	top:46px;
	left:216px
}
.div-box5 table tr td.td2:hover .df .icon {
	top:30px
}
.div-box5 table tr td.td3 {
	background:url(../images/t3_3.png) no-repeat
}
.div-box5 table tr td.td3 .df .icon {
	background:url(../images/t3_3_1.png) no-repeat;
	background-size:69px 76px;
	width:69px;
	height:76px;
	top:49px;
	left:215px
}
.div-box5 table tr td.td3:hover .df .icon {
	top:30px
}
.div-box5 table tr td.td4 {
	background:url(../images/t3_4.png) no-repeat
}
.div-box5 table tr td.td4 .df .icon {
	background:url(../images/t3_4_1.png) no-repeat;
	background-size:69px 76px;
	width:69px;
	height:76px;
	top:49px;
	left:215px
}
.div-box5 table tr td.td4:hover .df .icon {
	top:30px
}
.div-box2 {
	margin-top:130px;
	width:100%;
	height:470px;
	background:url(../images/t4_1.jpg) center 0 no-repeat #282f32;
	background-size:1920px 520px;
	position:relative;
}

.div-box2 .divImg {
	width:617px;
	height:352px;
	position:relative;
	margin:auto;
	padding-top:90px
}
.div-box2 .divImg .img {
	background:url(../images/t4_2.png) center 0 no-repeat;
	background-size:421px 117px;
	width:100%;
	height:117px
}
.div-box2 .divImg a {
	position:absolute;
	width:270px;
	height:51px;
	top:243px;
	left:175px;
	border:1px solid #d9242b;
	background-color:#d9242b;
	color:#fff;
	line-height:51px;
	border-radius:5px;
	text-align:center
}
.div-box2 .divImg a:hover {
	cursor:pointer;
	border:1px solid #c22128;
	background-color:#c22128;
	color:#fff
}
.div-box2 .divImg .tel,.footContent {
	font-size:30px;
	color:#FFF;
	letter-spacing:2px;
	text-align:center
}
.div-box2 .divImg .tel {
	line-height:30px;
	margin:128px auto 0
}
.footContent {
	background:#1d1f2a;
	padding:66px 0
}