 @charset "utf-8";
*{ margin:0; padding:0;}
* + html {
  z-index: 1;
}
* + html .search {
  z-index: 1;
}
body{ font-family:"微软雅黑", Arial;color:#333; font-size:12px; }
ul,li{ list-style:none;}
img{ border:none;}
a{ color:#2E2E2E; text-decoration:none;}
a:hover{ text-decoration:none; color:#2E2E2E;}
.fr{ float:right}
.fl{ float:left}
.c{ clear:both;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}

.f36{font-size:36px;}
.f24{font-size:24px;}
.f11{font-size:11px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:30px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}

.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.l20{ line-height:20px;}
.l22{ line-height:22px;}
.l24{ line-height:24px;}
.l26{ line-height:26px;}
.l28{ line-height:28px;}
.l30{ line-height:30px;}
.l34{ line-height:34px;}
.l44{ line-height:44px;}
.l54{ line-height:54px;}
.l60{ line-height:60px;}

.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}

.white{ color:#FFF}

.content{ width:100%; margin:0 auto;padding: 20px 0 30px 0}

.container{ width:1200px; margin:0 auto;}
.m{ width:1200px; margin:0 auto;}

@media screen and  (max-width:880px){
	.container{ width:100%;}
.m{ width:100%;}

	}

/*å¤´éƒ¨*/
.header{ width:100%; padding:0;}
.logo{overflow:hidden; float:left;} 
.logo img{width:100%;}
.logo .tel{ display:none;}
@media screen and  (max-width:880px){
	.logo {width:100%;}
	.logo .img{width:35%;}
	.logo .tel{width:42%; display:block; color:#c7000b; font-family:"Arial Black", Gadget, sans-serif; font-size:1.2rem; line-height:3rem;}	
	
	}

/*å¯¼èˆªæ */
.nav{ padding:25px 0; width:70%;}
.nav ul li{ width:100px; text-align:center; line-height:36px; float:left;}
.nav li:last-child{background: none;}
.nav li a{ display:inline-block; font-size:16px; color:#666;}
.nav li a.cur,.nav li a:hover{ color:#c7000b;}

@media screen and  (max-width:880px){
	.nav{ width:100%; background:#c7000b; padding:1% 0;}
	.nav ul li{width:auto; padding:0 5%; line-height:30px; float:left;}
	.nav li a{color:#fff;}
	.nav li a.cur,.nav li a:hover{ color:#fff; text-decoration:underline;}
	
	}

/*æ ‡é¢˜*/
.Index_tit{ text-align:center;}
.Index_tit h3{ font-size:20px; color:#666; letter-spacing:2px;}
.Index_tit h4{ font-size:34px; text-transform:uppercase;}
.Index_tit h4 span{ font-weight:bold;}
.Index_tit img{ display:block; margin:12px auto 8px auto; width:20px;}




/*ä¼˜åŠ¿*/
.Index_ys{ background:#292929 url(../images/dklc_bg.jpg) no-repeat center; padding:0;}
.Index_ys .mainCon{ width:1200px; height:400px; position:relative; }
.Index_ys .mainCon .conBox{ width:870px; height:400px; overflow:hidden;}
.Index_ys .mainCon .conBox li{ width:690px; height:400px; margin-left:40px; color:#fff; position:relative;}
.Index_ys .mainCon .conBox li h5{ font-size:30px; text-transform:uppercase; font-weight:bold; padding-top:40px;}
.Index_ys .mainCon .conBox li span{ display:block; width:25px; height:2px; background:#c7000b; position:absolute; left:-40px; top:155px;}
.Index_ys .mainCon .conBox li h3{ font-size:24px; font-weight:bold; padding:50px 0 20px 0;}
.Index_ys .mainCon .conBox a{color:#fff;}
.Index_ys .mainCon .conBox li p.p1{ font-size:14px; line-height:30px; }
.Index_ys .mainCon .conBox li p.p2{ font-size:11px; text-transform:uppercase; opacity:0.4; padding:40px 0;}
.Index_ys .mainCon .conBox li h4 a{ display:block; }
.Index_ys .mainCon .conBox li h4 a img{ width:35px;}


.Index_ys .mainCon .menu{ width:200px; position:absolute; top:40px; right:0;}
.Index_ys .mainCon .menu li{ width:200px; height:60px; background:#fff; cursor:pointer; position:relative; margin-bottom:25px;}
.Index_ys .mainCon .menu li:last-child{ margin-bottom:0}
.Index_ys .mainCon .menu li h3{ font-size:22px; line-height:60px; text-align:center;}


.Index_ys .mainCon .menu li.cur{ background:#c7000b;}
.Index_ys .mainCon .menu li.cur span{ background:url(../images/ys05.png) no-repeat center; }
.Index_ys .mainCon .menu li:nth-child(2).cur span{ background:url(../images/ys06.png) no-repeat center; }
.Index_ys .mainCon .menu li:nth-child(3).cur span{ background:url(../images/ys07.png) no-repeat center; }
.Index_ys .mainCon .menu li:nth-child(4).cur span{ background:url(../images/ys08.png) no-repeat center; }
.Index_ys .mainCon .menu li.cur h3{ color:#fff;}
@media screen and  (max-width:880px){
	.Index_ys .mainCon{width:100%;}
	.Index_ys .mainCon .conBox{ width:100%;}
.Index_ys .mainCon .conBox li{ width:100%; }
	.Index_ys .mainCon .menu{ display:none;}
	}



/*äº§å"ä¼˜åŠ¿*/
.Index_proys{ padding:40px 0 80px 0; border-top:1px solid #ddd; width:100%;}
.Index_proys .proys_list{ margin-top:60px;}
.Index_proys .proys_list li{ float:left; width:25%; text-align:center;}
.Index_proys .proys_list li span{ display:block; width:100px; height:100px; background:#292929; border-radius:50%; margin:0 auto;}
.Index_proys .proys_list li span img{ width:50px; padding-top:25px;}
.Index_proys .proys_list li:hover span{ background:#c7000b;}
.Index_proys .proys_list li:nth-child(2) span,.Index_proys .proys_list li:nth-child(4) span{ background:#c7000b;}
.Index_proys .proys_list li h3{width:90%; margin-left:5%; text-align:center; font-size:16px; margin-top:20px; color:#666; line-height:30px;}
@media screen and  (max-width:880px){
	.Index_proys .proys_list li{width:50%; padding-bottom:3%;}
	
	}


/*å…³äºŽæˆ'ä»¬*/
.Index_ab{ padding:80px 0; /*border-top:1px solid #ddd; border-bottom:1px solid #ddd;*/}
.Index_ab .about{ /*margin-top:60px;*/}
.Index_ab .ab_Inf{ width:750px; padding-top:28px;}

.Index_ab .ab_Inf i{ display:block; height:1px; width:20px; background:#343434; margin:30px 0;}
.Index_ab .ab_Inf p{ color:#777; line-height:30px; font-size:15px;}
.ab_more{ text-align:center; width:150px; margin-top:50px;}
.ab_more a{ display:block; width:150px; height:40px; line-height:40px; background:#c7000b; color:#fff; font-size:14px;}
.ab_more a:hover{ background:#292929;}

/*æˆç«‹æ—¶é—´*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center; padding:80px 0;}
.ab_bg .ab_list{ background:rgba(0,0,0,0.2); padding:40px 0;}
.ab_bg .ab_list li{ float:left; width:299px; border-right:1px solid #555; text-align:center; color:#fff;}
.ab_bg .ab_list li:last-child{ border-right:0;}
.ab_bg .ab_list li h3{ font-size:40px; font-weight:bold;}
.ab_bg .ab_list li p{ opacity:0.8; margin-top:5px;}

@media screen and  (max-width:880px){
	.ab_bg .ab_list{ background:none; padding:0;}
	.ab_bg .ab_list li{width:44%; padding:3% 3%;  border:none;}
	.ab_bg .ab_list li:last-child{}
	.Index_ab{padding:0 0 20px 0;}
	.Index_ab .ab_img{width:100%; text-align:center;}
	.Index_ab .ab_Inf{width:90%; padding:2% 5%;}
	
	}

/*æ ¸å¿ƒé›¶éƒ¨ä»¶*/
.Index_lbj{ background:#f6f6f6; padding:80px 0;}
.Index_lbj .lbj_Inf{ width:500px; background:#c7000b; text-align:center; padding:80px 0; color:#fff;}
.Index_lbj .lbj_Inf h3{ font-weight:bold; font-size:30px; text-transform:uppercase;}
.Index_lbj .lbj_Inf i{ display:block; width:40px; height:1px; background:#292929; margin:20px auto;}
.Index_lbj .lbj_Inf h4{ font-size:30px;}
.Index_lbj .lbj_Inf h4 span{ color:#292929; font-weight:bold;}
.Index_lbj .lbj_Inf p{ padding:40px 80px 0 80px; font-size:14px; line-height:32px; opacity:0.8;}

.Index_lbj .lbj_list{ width:620px;}
.Index_lbj .lbj_list li{ float:left; width:45%; height:160px;margin-right:2%; overflow:hidden; position:relative; margin-top:20px; margin-bottom:20px; text-align:center;}
.Index_lbj .lbj_list li a{ display:block;}
.Index_lbj .lbj_list li img{ width:30%; height:55%;  padding:0 22px;}
.Index_lbj .lbj_list li h2{font-size:20px; color:#c7000b; }
.Index_lbj .lbj_list li p{ display:block; line-height:28px; font-size:16px; text-align:center; color:#666;}


@media screen and  (max-width:880px){
	.Index_lbj{padding-bottom:40px; padding-top:0;}
	.Index_lbj .lbj_Inf{width:100%;}
	.Index_lbj .lbj_Inf p{font-size:20px;}
	.Index_lbj .lbj_list{width:100%;}
	.Index_lbj .lbj_list li{ height:120px;}
	.Index_lbj .lbj_list li img{ width:50%;}
	}
	

/*æ–°é—»*/
.Index_news{ margin:80px 0;}
.news{ margin-top:60px;}
.Index_news .news_left{ width:570px;}
.Index_news .news_left img{ display:block; width:100%; height:280px;}
.Index_news .news_left .news_tj{ margin-top:30px;}
.Index_news .news_right{ width:570px;}
.Index_news .news_right li{ border:1px solid #ddd; padding:20px 0;  margin-bottom:20px;}
.Index_news .news_date{ width:114px;border-right:1px solid #ddd; text-align:center; font-size:13px; color:#999;}
.Index_news .news_date span{ display:block; font-size:40px; color:#333;}
.Index_news .news_Inf{ width:400px; padding-right:20px;}
.Index_news .news_Inf h3{ font-size:17px; color:#444}
.Index_news .news_Inf p{ font-size:14px; line-height:22px; margin-top:10px; color:#999;}

.Index_news .news_right li:hover{ border:1px solid #c7000b;}
.Index_news .news_right li:hover .news_date{ border-right:1px solid #c7000b;}
.Index_news .news_Inf:hover h3{ color:#c7000b}

@media screen and  (max-width:880px){
	.Index_news .news_left,.Index_news .news_right{width:100%;}
	.Index_news,.news{ margin-top:20px; margin-bottom:20px;}
	.Index_news .news_right{width:100%;}
	.Index_news .news_Inf{width:70%;}
	.Index_news .news_date{width:20%;}
	.Index_news .news_left img{ height:auto;}
	}



/*è¿"å›žé¡¶éƒ¨*/
.page_top {	position:fixed;}
#pageTop { z-index: 160; width: 65px; height: 65px;	background: url(../images/pagetop.png) no-repeat; position: fixed; _position: absolute;	bottom: 10px; right: 10px;overflow: hidden;
	text-indent: -999px;cursor: pointer;}
#pageTop:hover { background-image: url(../images/pagetop_on.png)}
#pageTop a { width: 100%; height: 100%;	display: block;  transition: all 1s;}
*html #pageTop a { width: 65px;	height: 65px}



/*ç½'ç«™åº•éƒ¨*/
.footer{ background:#222222; padding:60px 0 40px 0; color:#666; font-size:14px;}
.footer .f_logo{ width:200px; text-align:center; line-height:28px; margin-right:25px;  margin-top:20px;}
.footer .f_logo img{ width:100%; padding:0 0 5px;}
.footer .f_logo h3{ color:#fff; font-size:20px; font-weight:normal}
.footer .f_logo h4{ font-size:12px; text-transform:uppercase; font-weight:normal}
.footer .f_nav{ width:240px; border-left:1px solid #2D2D2D; border-right:1px solid #2D2D2D; padding:0 60px 0 60px;}
.footer .f_nav h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_nav a{ display:block; float:left; width:120px; height:35px; line-height:35px; color:#666;}
.footer .f_nav a:hover{ text-decoration:underline;}
.footer .f_lx { width:290px; line-height:35px; padding:0 50px;}
.footer .f_lx h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_lx h4{ font-size:16px; color:#ccc; font-weight:normal;}
.footer .f_ewm{ width:200px; text-align:center; line-height:28px; border-right:1px solid #2D2D2D;}
.footer .f_ewm img{ width:120px; padding:20px 0 5px;}
.bottom{ background:#1B1B1B; height:50px; line-height:50px; color:#666; text-align:center; font-size:14px; text-transform:uppercase;}
.bottom a{ color:#666;}

@media screen and  (max-width:880px){ 
.footer{ padding-top:20px;}
.footer .f_logo{width:100%; margin-top:0;}
.footer .f_logo img{width:60%;}
.footer .f_nav{width:30%; border-left:none; padding:0 30px; float:left;}
.footer .f_ewm { width:50%; float:left;}
.footer .f_ewm img{ padding:0 0 5px;}
.footer .f_lx{ width:100%; float:left; border:none; padding-top:5%; padding-left:30px; padding-right:0;}
.bottom{width:96%; float:left; height:100%; padding:2%; line-height:28px;}
}

/*.ny_banner{width: 100%;height: 430px;background: url(../images/ny_banner.jpg) no-repeat center;}*/

/*å½"å‰ä½ç½®*/
.Inner_location{ border-bottom:1px solid #EAEAEA; height:43px;}
.Inner_location .homepage{ display:block; float:left; width:43px; height:43px; background: url(../images/loca.png) no-repeat center; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.Inner_location p{ float: left; height: 43px; line-height: 43px; font-size: 13px; color: #999999; margin-left: 18px;}
.Inner_location p a{ color: #999999; padding: 0 4px;}

/*å†…é¡µå·¦ä¾§*/
.Inner_left{ width:290px;}
.Inner_left h7{ display:block;	background:#c7000b url(../images/nconl_tit.png) no-repeat 245px center; height:80px; line-height:80px; font-size:24px; font-weight:bold;color:#FFF; text-indent:28px;}
.Inner_left .nlist {	border: 1px solid #e4e4e4; border-top: 0;}
.nlist li { height: 58px; line-height: 58px; border-top: 1px solid #e4e4e4; text-indent: 28px; font-size: 15px; color: #333333; background: url(../images/nconl_li_bg.png) no-repeat 240px center;}
.nlist li a {	color: #333333;	font-size: 16px;}
.nlist li:hover{ background:#F5F5F5 url(../images/nconl_li_hover_bg.png) no-repeat 240px center;}
.nlist li:hover a{ color:#c7000b; font-weight:bold;} 
@media screen and  (max-width:880px){
	.Inner_left{ display:none;}
	.story{width:95%; padding:0 2%;}
	
	 }





/*å†…é¡µå³ä¾§*/
.cpright1 {width: 1200px; background: #fff;  float: right;}

.cpright {width: 860px;}
@media screen and  (max-width:880px){
	.cpright{width:100%;}
	
	 }
.rightbot { height: 3px; font-size: 0; overflow: hidden;  margin-bottom: 10px;}
.agent_con { line-height:30px;}
.agent_con .age_li_about { font-size:15px; text-align:justify; color:#666;}
.agent_con .age_li_about h3{font-size: 32px;color: #c7000b;text-align: center;margin-bottom: 50px;font-weight: bold;} 


.pro_page{margin-top:30px;}



/*å†…é¡µæ–°é—»ä¸­å¿ƒ*/
.age_li_new li{ padding:20px 0; border-bottom: 1px dotted #d1d1d1;}
.age_li_new li h3 a{ display:block; font-size: 18px; color: #222;}
.age_li_new li .news_desc{ line-height: 2.0; font-size: 14px; padding: 10px 0; color: #666;}
.age_li_new li span{ display:block; color:#999;font-size: 16px;}
.age_li_new li .more a{ display:block; color: #333;  text-align:right;margin-right: 15px;font-size: 16px;}

.age_new_show h1{ height:50px; line-height:50px; font-size:24px; margin-bottom:10px; color:#333; text-align:center;font-weight: bold;}
.age_new_show .new_lb{  background:#F8F8F8; height:40px; line-height:40px; text-align:center;}
.age_new_show .new_lb .span{padding:0 30px;}
.new_show{ width:95%; padding:0 2%; margin-top:20px; font-size:16px; line-height:34px; text-align:justify}


/***********************************************************************************************/





.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
/*æ‚¬æµ®é"¾æŽ¥*/
.suspension{position:fixed;z-index:55;right:0;top:40%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#999;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{ padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/* 分页 */


.fenye{ float:left; width:100%; padding-bottom:10px; padding-top:15px; height:50px;text-align:center;color:#454545;line-height:50px;font-family:Microsoft Yahei; font-size:14px;}
.fenye a{ border:1px solid #CECECE; color:#7C7C7C;font-family:Microsoft Yahei; padding:5px 12px; font-size:12px; margin:0px 3px;}
.fenye a.sel{ background:#c7000b; color:#fff; border:1px solid #c7000b;}
.fenye .txt{ width:30px; text-align:center; height:22px; border:1px solid #ccc;}
.fenye .btn{ width:55px; height:24px; border:1px solid #B8B8B8; background:#fff; cursor:pointer; color:#666; border-radius:3px;}


