@charset "utf-8";
html { }
*{text-overflow: ellipsis;}
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666666; font-family:"思源黑体 cn","黑体";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }


::-webkit-scrollbar{width:6px;height:12px; background:#1c3a6c; cursor:pointer;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} 

/*header头部的CSS布局*/

.main_box{width:1400px; margin:0 auto; padding:0;}


.header{ height:55px; padding: 18px 0; position: fixed; left: 0; right: 0; top:0; background: #FFF; z-index: 9999999; box-shadow:0px 5px 15px rgba(0,0,0,0.1);}
.header .main_box{width:88%;}

.header .logo{ width:215px; height:58px; overflow: hidden; float: left;}
.header .logo img{ max-width:100%; }

.app_header{ height:45px; padding:10px 0 8px; box-shadow:0px 4px 5px rgba(0,0,0,0.10 ); display: none;}
.app_header .app_logo{ width:165px; height:45px; float: left; display: none;}
.app_header .app_logo img{ max-width: 100%;}


.header .nav1{ width:800px; height:48px; line-height: 48px; float: left; margin: 5px 0 0 70px;}
.header .nav1 ul{ margin: 0; padding: 0; text-align: center;}
.header .nav1 ul li{ width:97px; line-height: 30px; height: 32px; float: left; position: relative; margin: 0 5px;}
.header .nav1 ul li a{font-size: 17px;color: #111;display: block;transition: 0.5s;padding: 10px 0px;font-family:Microsoft YaHei}
.header .nav1 ul li a:hover{ width: 100%;background:url(../images/nav_bg.png) no-repeat;color: #FFF;}


.header .nav1 ul li ul{position: absolute;z-index:99999;width:170px;top:40px;left:-4px;background-color: #FFF;text-align:left;opacity: 0;padding: 15px 0 20px;visibility: hidden;transition: 0.3s;}
.header .nav1 ul li ul li{height: 38px; line-height: 38px; float:none; padding:0px 12px;}
.header .nav1 ul li ul li a{ width:130px; display:block; font-size:15px; color: #999;border-bottom: 1px dashed #ededed; padding: 0;}
.header .nav1 ul li:hover ul{opacity:1;visibility:visible;top:54px;}
.header .nav1 ul li ul li:hover a{width:118px; color: #666; padding: 0 10px; background:#f3f3f3;}

.header .h_rt{ width: 400px; float: right; margin: 12px 0 0;}
.header .h_rt .h_tel{ width: 156px; height: 35px; line-height: 35px; float: left; color: #d6001c; font-size: 20px; padding-left: 44px; background: url(../images/tel.png) no-repeat left;}

.header .h_rt .h_phone{ width: 190px; height: 35px; line-height: 35px; float: left; color: #d6001c; font-size: 20px;}
.header .h_rt .h_phone font{ padding-left: 5px;line-height: 35px; color: #999; font-size: 14px;}

@media (max-width:1680px){
	
.main_box{width:1200px; margin:0 auto; padding:0;}
.header{ height:55px; padding: 18px 0;}
.header .main_box{width:1200px;}
.header .nav1{ width:620px; height:48px; line-height: 48px; float: left; margin: 5px 0 0 26px;}
.header .nav1 ul li{ margin: 0; width:88px;}
.header .h_rt{ width: 330px; float: right; margin: 12px 0 0;}

.header .h_rt .h_tel{ width: 124px; font-size: 16px;}
.header .h_rt .h_phone{ width: 152px; font-size: 16px;}

}



/*banner的CSS布局*/
.banner{ width:100%; height:680px; overflow:hidden; position:relative; margin: 91px auto 0;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; width:120px; margin: 0 auto; bottom:25px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin: 0 7px; width:8px; height:8px; text-align:center; border:2px solid #fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:680px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; top:45%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:4%; background:url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev{ left:4%; right:auto; background:url(../images/slider_arrow_lt.png)0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}

@media (max-width:1680px){
	
	.banner .next{ right:2%; }
	.banner .prev{ left:2%; }
	
}

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}


@media (max-width:1024px){
	
.main_box{ width:96%; padding:0 2%;}
.header{ display: none;}	
.app_header,.app_header .app_logo{ display: block;}	
		
.app_header .morenav{ float:right; display:block; background:#d6001c url(../images/app_nav_line.png) no-repeat center; width:34px; height:34px;  border-radius: 100%; margin:6px 0 0;}
.app_header .navon{height:52px;}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

.banner{ display: none;}
.app_banner_box{ display: block;}
	
}




.adv_box{ height: auto; overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);}
.adv_box ul{ margin:5px 0; padding:25px 0; text-align: center;}
.adv_box ul li{ width: 24%; display: inline-block; border-left: 1px solid rgba(0,0,0,0.1);}
.adv_box ul li a{ display: block; padding-left: 105px; text-align: left;}
.adv_box ul li a font{ font-size: 44px; line-height:50px; padding-bottom: 10px; color: #d6001c; font-weight: bold; float: left;}
.adv_box ul li a span{ display: block; font-size: 16px; color: #999; line-height: 24px; background-repeat: no-repeat; background-position: 2px center; padding-left: 40px;}
.adv_box ul li:last-child{border-right: 1px solid rgba(0,0,0,0.1);}
.value,.value2,.value3,.value4{}
.adv_box ul li a .a_top{height: auto; overflow: hidden;}
.adv_box ul li a i{ font-style: normal; font-size: 44px; line-height:50px; padding:0 0 10px 5px; color: #d6001c; font-weight: bold; float: left;}




@media (max-width:1024px){
	.adv_box ul{padding:15px 0; }
	.adv_box ul li{border-left:none;}
	.adv_box ul li a{ padding-left: 0;}
	.adv_box ul li a font{ font-size:30px; padding-bottom: 0; }
	.adv_box ul li a i{ font-size:30px; padding:0;  }
	.adv_box ul li a span{ font-size: 14px; padding-left: 36px;}
	.adv_box ul li:last-child{border-right:none;}
	
}

@media (max-width:720px){
	.adv_box ul li a font,.adv_box ul li a i{ text-align: left;}
	.adv_box ul li a span{ text-align: left;}
	.adv_box ul li{ width: 22%;}
	.adv_box ul li a span{ font-size: 14px;}
	
}
@media (max-width:460px){
	.adv_box ul{padding:10px 0;}
	.adv_box ul li a font,.adv_box ul li a i{ font-size:24px; line-height: 30px;}
	.adv_box ul li a span{ line-height: 18px; background-image:none!important; padding-left: 0; }
}



.i_title{ height: auto; overflow: hidden; text-align: center; padding-bottom: 35px; background: url(../images/i_title.png) center bottom no-repeat;}
.i_title font{ display: block; color: #333; font-size: 40px; line-height: 54px;}
.i_title span{ display: block; color: #999; font-size: 16px; line-height: 30px; letter-spacing: 2px;}
.p_t_font{ color: #FFF!important;}


@media (max-width:1024px){
	.i_title{ padding-bottom: 35px; background: url(../images/i_title.png) center bottom no-repeat;}
	.i_title font{ font-size: 32px; line-height:42px;}
	.i_title span{ font-size: 14px; line-height: 20px; letter-spacing: 0;}
}

@media (max-width:600px){
	.i_title font{ font-size: 24px;}
}

.service_box{ height: auto; overflow: hidden; margin: 70px auto 0; padding-bottom: 70px; background: url(../images/service_bg.png) repeat-x center bottom;}
.service_box ul{ margin:25px 0 0; padding: 0;}
.service_box ul li{ width: 320px; height: 460px; float: left; overflow: hidden; margin-right: 40px; position: relative; background: #000;}
.service_box ul li a{ color: #fff; font-size: 21px;}
.service_box ul li:last-child{ margin-right: 0;}
.service_box ul li a img{ max-width: 100%; transition:1.5s;}
.service_box ul li a .desc{ position: absolute; left:25px; right:25px; bottom: 25px; top: 25px; border: 1px solid rgba(255,255,255,0); height:410px; width: 270px; transition: 0.5s;}
.service_box ul li a .desc font{ display: block; margin:353px 0 0 18px; line-height: 40px; padding-bottom: 15px;}
.service_box ul li a .desc i{ display: block; margin-left: 18px; width: 30px; height: 3px; background: #FFF; transition: 0.5s;}
.service_box ul li:hover{ box-shadow:2px 3px 5px #dedede; transition: 0.5s;}
.service_box ul li:hover a img{ transform: scale(1.2);}
.service_box ul li:hover a .desc{border: 1px solid rgba(255,255,255,0.5); transition: 0.5s;}
.service_box ul li:hover a .desc i{ width: 130px; transition: 0.5s;}
.service_box ul li:hover a img{ max-width: 100%; transition:2s; opacity: 0.8;}



@media (max-width:1680px){
	
.service_box ul li{ width: 290px; height: 417px; margin-right: 10px; background:none;}
.service_box ul li a .desc{ height:367px; width: 240px;}
.service_box ul li a .desc font{ margin:320px 0 0 18px;}
.service_box ul li a .desc i{ background: none; }
	
}



@media (max-width:1024px){
	.service_box{margin: 40px auto 0; padding-bottom: 20px; background:none;}
	.service_box ul{ margin:15px 0 0;}
	.service_box ul li{ width: 24%; height: auto; overflow: hidden;  margin:0 0.5%; background:none;}
	.service_box ul li:last-child{ margin-right:0.5%;}
	.service_box ul li a{ font-size: 16px;}
	.service_box ul li a .desc{ position: absolute; left:5px; right:5px; bottom:15px; top: auto; border:none; height:auto; width:auto; transition: 0.5s;}
	.service_box ul li a .desc font{ display: block; margin:0; line-height: 24px; padding-bottom:0; font-size:16px; text-align: center;}
	.service_box ul li:hover a .desc{border:none;}
	.service_box ul li a .desc i{ display: none;}
}

@media (max-width:720px){
	
	.service_box{margin: 20px auto 0; padding-bottom: 0;}
}



@media (max-width:460px){
	.service_box ul li a{ font-size: 14px;}
	.service_box ul li a .desc font{line-height: 20px;}
}


.case_box{ height: auto; overflow: hidden; margin: 70px auto 0;}
.case_box ul{ margin:25px 0 0; padding: 0;}
.case_box ul li{ width:440px; height: auto; background:#f0f0f0; float: left; margin:0 40px 40px 0; transition: 0.5s;}
.case_box ul li a{ color: #666666; font-size: 16px; transition: 0.5s;}
.case_box ul li a font{ display: block; padding:20px 0 20px 24px;}
.case_box ul li a .c_img{ width: 440px; height: 292px; overflow: hidden; background: #000; position: relative;}
.case_box ul li a .c_img img{ max-width: 100%; transition: 0.5s;}

.case_box ul li a .c_img .desc{ position: absolute; left:0; right: 0; bottom: 0; top: 0; line-height: 30px; z-index: 999; padding:30px; text-align: center; color: #FFF; margin: 0 auto; opacity:0; transition: 0.5s; background: rgba(0,0,0,0.6); font-size: 14px; width: 400px; height: 262px; }
.case_box ul li a .c_img .desc i{ font-style: normal; display: block; border: 1px solid rgba(255,255,255,0.5); padding: 60px 20px;  width: 340px; height: 112px; transition: 0.5s;}
.case_box ul li:hover{box-shadow:2px 3px 5px #dedede; transition: 0.5s;}
.case_box ul li:hover a .c_img .desc{ opacity: 1;}
.case_box ul li:hover a .c_img .desc i{ transition: 0.5s;}
.case_box ul li:hover a .c_img img{ transform: scale(1.2);}
.case_box ul li:nth-child(3n){ margin-right: 0;}
.case_box ul li:hover{ background:#d6001c; transition: 0.5s;}
.case_box ul li:hover a{ color: #fff;}


.case_bottom{ height: auto; overflow: hidden; margin: 30px auto 60px;}
.case_bottom ul{ text-align: center; margin: 0; padding: 0;}
.case_bottom ul li{ width: 260px; height: 55px; line-height: 55px; overflow: hidden; background: #d6001c; margin: 0 20px; display: inline-block; transition: 0.5s;}
.case_bottom ul li a{ display: block; color: #FFF; font-size: 20px; padding: 0 30px; text-align: left; background: url(../images/c_b_arrow.png) 210px no-repeat; transition: 0.5s; }
.case_bottom ul li:last-child{ background: #192336;}

.case_bottom ul li:hover{ background: #b80018; width: 400px; transition: 0.5s;}
.case_bottom ul li:hover a{ background: url(../images/c_b_arrow.png) 350px no-repeat; transition: 0.5s;}
.case_bottom ul li:hover:last-child{ background: #0d121b; width: 400px; transition: 0.5s;}

@media (max-width:1680px){
.case_box ul li{ width:390px; margin:0 10px 10px 0;}
.case_box ul li a .c_img{ width: 390px; height: 259px;}
.case_box ul li a .c_img .desc{ width: 330px; height: 199px; }
.case_box ul li a .c_img .desc i{ padding: 40px 20px;  width: 288px; height:120px;}
}

@media (max-width:1024px){
	.case_box{ margin: 20px auto 0;}
	.case_box ul{ margin:15px 0 0;}
	.case_box ul li{ width: 32%; margin: 0 0.5% 10px;}
	.case_box ul li a{font-size: 14px; text-align: center;}
	.case_box ul li a font{ display: block; padding:6px 10px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.case_box ul li a .c_img{ width: 100%; height: auto; background: none;}
	.case_box ul li:hover a .c_img .desc{ display: none;}
	.case_bottom{ margin: 20px auto;}
	.case_bottom ul li{ width: 48%; height: 45px; line-height: 45px; margin: 0 0.5%;}
	.case_bottom ul li a{ font-size: 18px; padding:0; text-align:center; background:none; }
	.case_bottom ul li:hover{ width:48%;}
	.case_bottom ul li:hover a{ background:none;}
	.case_bottom ul li:hover:last-child{ width:48%;}
}
@media (max-width:460px){
	.case_bottom ul li a{ font-size: 16px;}
}


.price_box{ height: auto; overflow: hidden; margin: 70px auto; padding: 70px 0; background: url(../images/price_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}

.price_box ul{ margin: 25px 0 0; padding: 0; text-align: center;}
.price_box ul li{ width: 24%; display: inline-block;}
.price_box ul li a{ color: #fff;}
.price_box ul li a .p_icon{ width: 94px; height: 88px; overflow:hidden; margin: 0 auto 20px;transition: 0.5s;}
.price_box ul li a .p_desc{ height: auto; overflow: hidden;}
.price_box ul li a .p_desc font{ display: block; font-size: 28px;}
.price_box ul li a .p_desc i{display: block; margin: 10px auto 0; width: 20px; height: 2px; background: #FFF; transition: 0.5s;}
.price_box ul li a .p_desc .d_b{ padding: 15px 0 0; color: #d6001c; font-size: 42px;}
.price_box ul li a .p_desc .d_b span{ padding-left: 5px; font-size: 16px;}
.price_box ul li:hover a .p_desc i{ width: 80px;transition: 0.5s;}
.price_box ul li:hover a .p_icon{ transform:rotateY(180deg);  transition: 0.5s;}



@media (max-width:1024px){
	.price_box{ margin: 45px auto; padding: 45px 0;}
	.price_box ul{ margin: 15px 0 0;}
	.price_box ul li{ width: 24%; display: block!important; float: left; margin: 0 0.5%;}
	.price_box ul li a .p_icon{ width:65px; height: auto;}
	.price_box ul li a .p_icon img{ max-width: 100%;}
	.price_box ul li a .p_desc font{ font-size:16px;}
	.price_box ul li a .p_desc .d_b{ padding: 5px 0 0; font-size:24px;}
}

@media (max-width:720px){
	.price_box{ margin: 30px auto; padding: 30px 0;}
}

@media (max-width:460px){

	.price_box ul li a .p_icon{ width:45px;}
	.price_box ul li a .p_desc font{ font-size:14px;}
	.price_box ul li a .p_desc .d_b{ font-size:16px;}
}


.news_box{ height: auto; overflow: hidden; margin: 70px auto;  }

.n_box{ width:100%; height: auto; overflow: hidden;  margin: 25px auto 0; display:block;}
.n_box .hd{ height:44px; line-height:44px; padding:0 10px 0 20px; position:relative; }
.n_box .hd ul{ position:absolute; left:0; right: 0; top:0; height:44px; text-align: center;  }
.n_box .hd ul li{ width: 210px; display: inline-block; margin: 0 6px; cursor:pointer; border:1px solid #ddd; font-size: 18px;  }
.n_box .hd ul li.on{ height:44px; color: #FFF; background: #d6001c; border:1px solid #d6001c; }

.n_box .bd ul{ margin: 30px auto 0; height: auto; overflow: hidden;}
.n_box .bd ul .lt_n_img{ width: 440px;  float: left; overflow: hidden;}
.n_box .bd ul .lt_n_img .n_img{ width: 440px; height: 504px; position: relative;}
.n_box .bd ul .lt_n_img .n_img img{ max-width: 100%; transition: 0.5s;}
.n_box .bd ul .lt_n_img .lt_n_t{ position: absolute; left: 0; bottom: 30px; z-index: 9; color: #FFF; padding:0 30px;}
.n_box .bd ul .lt_n_img .lt_n_t font{ display: block; font-size: 20px; line-height: 28px; padding-bottom: 10px;}
.n_box .bd ul .lt_n_img .lt_n_t span{ display: block; font-size: 14px;}
.n_box .bd ul .lt_n_img:hover .n_img{ box-shadow:2px 3px 5px #dedede; transition: 0.5s;}
.n_box .bd ul .lt_n_img:hover .n_img img{ transform: scale(1.2);}


.n_box .bd ul .lt_n_box{ width: 925px; float:right; overflow: hidden;}
.n_box .bd ul .lt_n_box ul{ margin:0 auto; padding:0;}
.n_box .bd ul .lt_n_box ul li{ width: 380px; float: left; margin:0 30px 19px 0; padding: 15px 20px; height: auto; overflow: hidden; background: #f8f8f8; transition: 0.5s;}
.n_box .bd ul .lt_n_box ul li a{ display:block; color: #666; transition: 0.5s;}
.n_box .bd ul .lt_n_box ul li a .date{ width:70px; height:auto; overflow: hidden; text-align: center; border: 1px solid #020202; font-size: 13px;}
.n_box .bd ul .lt_n_box ul li a .date i{ display:block; font-size: 26px; padding: 6px 0; line-height: 34px; color: #666; font-style: normal; background: #fff;}
.n_box .bd ul .lt_n_box ul li a .date span{ display:block; padding: 5px 0; line-height: 24px; background: #2d2b2b; color: #fff; }
.n_box .bd ul .lt_n_box ul li a .desc{ width: 285px; line-height: 22px; font-size: 13px;}
.n_box .bd ul .lt_n_box ul li a .desc font{ display:block; font-size: 18px; color: #333; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_box .bd ul .lt_n_box ul li:hover a .desc font{ color: #d6001c;}
.n_box .bd ul .lt_n_box ul li:hover a .date{ border: 1px solid #d6001c;}
.n_box .bd ul .lt_n_box ul li:hover  a .date span{ background: #d6001c; }
.n_box .bd ul .lt_n_box ul li:hover a .date i{ color: #d6001c;}
.n_box .bd ul .lt_n_box ul li:nth-child(2n){ margin-right: 0;}
.n_box .bd ul .lt_n_box ul li:hover{ box-shadow:2px 3px 5px #dedede; transition: 0.5s;}


.app_n_box{ display:none;height: auto; overflow: hidden; margin-top:20px; width: 96%; padding: 0 2%;}

.app_n_box .effectNav{ background:#999; padding-bottom:10px;  }
.app_n_box .effectNav h3{ padding:0 10px; background:#ddd; background:#333; color:#fff;  }
.app_n_box .effectNav ul{ font-size:0;  }
.app_n_box .effectNav li{ display:inline-block; font-size:12px; padding:0 10px; margin:10px 0 0 10px;  background:#cdcdcd;  }
.app_n_box .effectNav li.new{ background:#fce8cd;  }


.app_n_box .tabBox .hd{ height:42px; line-height:42px; margin-bottom:5px; font-size:18px; }
.app_n_box .tabBox .hd ul{ overflow:hidden; text-align: center; }
.app_n_box .tabBox .hd ul li{ display: inline-block; margin:0 0.5%; color:#515151; width: 31%; background:#F3F3F3;}
.app_n_box .tabBox .hd ul .on{ color:#FFF;background:#d6001c; }
.app_n_box .tabBox .hd ul .on a{ display:block; }
.app_n_box .tabBox .bd ul{ padding:15px 20px 10px; }
.app_n_box .tabBox .bd li{ height:46px; line-height:46px; font-size: 16px; border-bottom: 1px solid #efefef;}
.app_n_box .tabBox .bd li div{  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float:left; width:100%;} 
.app_n_box .tabBox .bd a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 
.app_n_box .tabBox .bd li a{ color:#555; }
.app_n_box .tabBox .bd li a span{ color:#888; padding-right:10px;}



@media (max-width:1680px){	
.news_box{ height: auto; overflow: hidden; margin: 50px auto 0; }
.n_box .bd ul .lt_n_box{ width: 740px; float:right; overflow: hidden;}
.n_box .bd ul .lt_n_box ul li{ width: 310px; margin:0 10px 16px 0; padding: 16px 15px;}
.n_box .bd ul .lt_n_box ul li a .date{ width:60px;}
.n_box .bd ul .lt_n_box ul li a .desc{ width: 225px; line-height: 22px; font-size: 13px;}
}

@media (max-width:1024px){
	.news_box{ margin: 25px auto 30px; }
	.n_box{ display: none;}
	.app_n_box{ display:block;}
}

@media (max-width:720px){
	.app_n_box .tabBox .bd li {height: 40px;line-height: 40px;font-size: 14px;}
	.app_n_box .tabBox .bd ul{ max-width:600px; padding: 8px 10px 5px;}

}

@media (max-width:620px){
	.app_n_box .tabBox .bd ul{ max-width:500px; }
}

@media (max-width:520px){
	.app_n_box .tabBox .bd ul{ max-width:400px; }
}

@media (max-width:420px){
		.app_n_box .tabBox .bd li div{ max-width:320px;} 
}
.process_box {height: auto; overflow: hidden; margin: 70px auto 0; padding: 70px 0; background:#000 url(../images/contact_bg.jpg) no-repeat center;background-size: cover; background-attachment: fixed;}

.s_process_box{height: auto; overflow: hidden;}
.s_process_box ul{ margin: 25px auto 0; padding: 0; text-align: center;}
.s_process_box ul li{ width: 135px; height: 135px; border:3px solid rgba(255,255,255,0.5); border-radius: 100%; margin: 0 42px; display: inline-block;transition: 0.5s;}
.s_process_box ul li a{ display: block; color: #FFF; font-size: 20px; line-height: 30px;}

.s_process_box ul li a font{ padding: 38px 30px; display: block;}
.s_process_box ul li:hover{ transition: 0.5s; border: 3px solid #d6001c; background: #d6001c;}
.s_process_box ul li:hover a{ transition: 0.5s;color: #FFF;}
.s_process_box ul li:hover a{ transform:rotateY(360deg);  transition: 0.5s;}

.process_desc{height: auto; overflow: hidden; margin: 40px auto 0;}
.process_desc .p_title{ font-size:30px; text-align: center; color: #FFF; line-height: 46px;}

.process_desc .p_tel{ width: 400px; height: 70px; line-height: 76px; margin:8px auto 28px; background: url(../images/p_tel.png) left center no-repeat;}
.process_desc .p_tel font{ padding-left: 85px; font-size: 40px; color: #fff;}

.process_desc .p_bottom{ height: auto; overflow: hidden;}
.process_desc .p_bottom ul{ text-align: center; margin: 0; padding: 0;}
.process_desc .p_bottom ul li{ width: 260px; height: 55px; line-height: 55px; overflow: hidden; border: 2px solid rgba(255,255,255,1); margin: 0 20px; display: inline-block; transition: 0.5s;}
.process_desc .p_bottom ul li a{ display: block; color: #FFF; font-size: 20px; padding: 0 30px; text-align: left; background: url(../images/c_b_arrow.png) 210px no-repeat; transition: 0.5s; }

.process_desc .p_bottom ul li:hover{  border: 2px solid rgba(255,255,255,1); width: 400px; transition: 0.5s;}
.process_desc .p_bottom ul li:hover a{ background: url(../images/c_b_arrow.png) 350px no-repeat; transition: 0.5s;}

@media (max-width:1680px){	
.s_process_box ul li{ margin: 0 28px;}

}

@media (max-width:1024px){
	
	.process_box{ margin: 20px auto 0; padding: 50px 0;}
	.s_process_box ul{ margin: 15px auto 0;}
	.s_process_box ul li{ width: 80px; height: 80px; margin: 0 20px 10px; }
	.s_process_box ul li a{font-size: 14px; line-height: 20px;}
	.s_process_box ul li a font{ padding: 25px 10px; display: block;}
	.process_desc{height: auto; overflow: hidden; margin: 5px auto 0;}
	.process_desc .p_title{ font-size:14px; line-height:28px;}
	.process_desc .p_tel{ width:260px; height: 50px; line-height: 50px; margin:0 auto 8px; background: url(../images/p_tel.png) left center no-repeat; background-size: 16%;}
    .process_desc .p_tel font{ padding-left: 55px; font-size: 24px; color: #fff;}
	

	.process_desc .p_bottom ul li{ width: 45%; height: 40px; line-height: 40px;  margin: 0 0.6%; }
	.process_desc .p_bottom ul li a{ display: block; color: #FFF; font-size: 18px; padding:0; text-align:center; background:none; }

	.process_desc .p_bottom ul li:hover{  border: 2px solid rgba(255,255,255,1); width: 400px; transition: 0.5s;}
	.process_desc .p_bottom ul li:hover a{ background: url(../images/c_b_arrow.png) 350px no-repeat; transition: 0.5s;}
}

@media (max-width:720px){
	.process_box{ padding: 30px 0;}
}

.footer_box{height: auto; overflow: hidden; padding: 50px 0; background: #292929;}
.footer_box .f_top {height: auto; overflow: hidden;}
.footer_box .f_top .f_top_lt{ width: 560px; float: left;}
.footer_box .f_top .f_top_title{ line-height: 40px; color: #FFF; border-bottom: 2px solid rgba(255,255,255,0.2); padding-bottom: 15px;}
.footer_box .f_top .f_top_title font{ display: block; font-size:32px; line-height:65px; }
.footer_box .f_top .f_top_title span{ display: block; font-size:30px; line-height: 32px;color: #dc737f;}
.footer_box .f_top .f_top_box {height: auto; overflow: hidden; margin-top: 15px;}
.footer_box .f_top .f_top_box ul{ margin: 0; padding: 0;}
.footer_box .f_top .f_top_box ul li{ line-height: 30px;}
.footer_box .f_top .f_top_box ul li a{ color:rgba(255,255,255,0.6);}

.footer_box .f_top .f_top_rt{ width: 400px; float: right;}
.footer_box .f_top .f_top_rt_title{ line-height: 40px; color: #FFF; font-size: 30px; padding:15px 0}
.footer_box .f_top .f_top_rt ul{ margin:20px auto 0; padding: 0;}
.footer_box .f_top .f_top_rt ul li{ width: 150px; height: 150px; float: left; margin-right: 30px;}
.footer_box .f_top .f_top_rt ul li a img{ max-width: 100%;}

.footer_box .links {height: auto; overflow: hidden;  border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0 0; margin: 30px 0 0;}
.footer_box .links .l_title{ line-height: 40px; font-size: 24px; color: #FFF;}
.footer_box .links ul{ margin:15px auto 0; padding: 0; text-align: center;}
.footer_box .links ul li{ padding-right:30px; float: left; line-height: 26px;}
.footer_box .links ul li a{ color:rgba(255,255,255,0.6); transition: 0.5s; font-size: 13px;}
.footer_box .links ul li:hover a{ color:rgba(255,255,255,1); transition: 0.5s;}

.footer_bottom{height: auto; overflow: hidden; padding: 20px 0; background: #d6001c;}
.footer_bottom font{ color:rgba(255,255,255,0.7);}
.footer_bottom span{ color:rgba(255,255,255,1); padding-left: 2px;}



@media (max-width:1680px){
.footer_box .main_box,.footer_bottom .main_box{ width: 1200px;}  
}

@media (max-width:1024px){
	.footer_box .f_top .f_top_title font{line-height: 42px; font-size:18px;}
	.footer_box .f_top .f_top_title span{padding-bottom: 10px;}
}

/*悬浮*/
.fixed{ width:185px;height:508px; overflow: hidden; position:fixed; left:5px; bottom:35px;z-index:999; background: url(../images/zaixian_bg.png) no-repeat center;margin-bottom: 0px;}
.fixed a{display:block; color:#888; margin-bottom:1px;}

.fixed .qq_icon{width:155px;height:35px; margin:0 15px 4px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .qq_icon .qq_icon_box{width:auto;position:absolute;right:110px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#1f88c9; padding: 0 10px; height: 65px; line-height: 65px; color:#fff;}


.fixed .tel_icon{width:155px;height:49px; margin:0 15px 4px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .tel_icon .tel_icon_box{width:auto;position:absolute;right:110px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#1f88c9; padding: 0 10px; height: 65px; line-height: 65px; color:#fff;}

.fixed .ewm_icon{width:155px;height:110px; margin:0 15px 4px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .ewm_icon .ewm_icon_box{width:auto;position:absolute;right:110px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#1f88c9; padding: 0 10px; height: 65px; line-height: 65px; color:#fff;}


.fixed .scroll{ width:155px; height:35px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.2;}


.app_botm{ overflow:hidden; background: linear-gradient(to left,#0089d3, #006cb4); border-top-left-radius:15px; border-top-right-radius:15px; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; /*box-shadow: 0 0 15px rgba(0,0,0,0.5);*/}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:22%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}


@media (max-width:1024px){
	.footer_box{ padding: 45px 0 30px;}
	.footer_box .f_top .f_top_lt{ width: 100%; float:none;}
	.footer_box .f_top .f_top_title{ padding-bottom: 10px;}
	.footer_box .f_top .f_top_title font{ display: block; font-size:24px; line-height:35px; }
	.footer_box .f_top .f_top_box ul li{ line-height:24px;}
	.footer_box .f_top .f_top_rt{ display: none;}
	.footer_box .links { padding: 15px 0 0; margin: 20px 0 0;}
	.footer_box .links ul{ margin:5px auto 0;}
	.footer_box .links ul li{ padding-right:10px; float: left; line-height: 20px; padding-bottom: 5px;}
	
	.footer_bottom{  padding: 15px 0 30px; text-align: center; margin-bottom: 46px;}
	.footer_box .main_box,.footer_bottom .main_box{ width: 100%;}
    .footer_bottom span{ padding-left: 10px;}
	
	.fixed{ display: none;}
	.app_botm{ display: block;}
}
@media (max-width:720px){
	
	.footer_box{ padding: 30px 0;}
	.footer_box .f_top { display: none;}
	.footer_box .links { border-top:none; padding:0; margin:0;}
	
	.footer_bottom{  padding: 20px 0; text-align: center; margin-bottom:20px;}
}
@media (max-width:460px){
.footer_bottom span{ color:rgba(255,255,255,1); padding-left: 0; display: block;}

}


/*公用部分*/

.common_ban{ height: 300px; margin: 91px auto 0; overflow:hidden; background-position: center; background-repeat: no-repeat;}
.common_box{ height: auto; overflow: hidden; margin: 0 auto 50px;}


.com_nav{ height: auto; overflow: hidden; margin: 22px auto;}
.com_nav ul{ margin: 0; padding: 0; text-align: center;}
.com_nav ul li{ width: 165px; height: 42px; line-height:42px; margin: 0 10px; border-radius: 100px; display: inline-block; background:#f1f1f1; border: 1px solid #f3f3f3;transition: 0.5s;}
.com_nav ul li a{ display: block; color: #666; font-size: 17px;}
.com_nav ul li:hover{ background:#d6001c; border: 1px solid #d6001c; transition: 0.5s;}
.com_nav ul li:hover a{ color: #FFF; transition: 0.5s;}

.com_nav_title{ overflow:hidden; padding:18px 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:0; display: none;}
.com_nav_title ul{ padding:0; margin:0; text-align:center;}
.com_nav_title ul li{ float:left; height:auto; line-height:24px;}
.com_nav_title ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav_title ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:35px;}
.com_nav_title ul li:last-child a{ color:#666; font-size:18px;}



.com_num{ height: auto; overflow: hidden; margin: 10px auto;}
.com_num ul{ margin: 0; padding: 0; text-align: center;}
.com_num ul li{ width: 34px; height: 34px; line-height: 34px; background: #f1f1f1; display: inline-block; transition: 0.5s; margin: 0 2px; border-radius: 100%;}
.com_num ul li a{ display: block; color: #888; transition: 0.5s; font-size: 12px;}
.com_num ul li:hover{ background: #d6001c; transition: 0.5s;}
.com_num ul li:hover a{color: #fff; transition: 0.5s;}


.com_bread{ height: auto; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.1);}
.com_bread ul{ margin: 0; padding: 0;}
.com_bread ul li{ float: left; padding: 10px 2px; line-height: 40px; height: 40px;}
.com_bread ul li a{ color: #888;}
.com_bread ul li:first-child a{ color: #666;}
.com_bread ul li:last-child a{ font-size: 16px;}

@media (max-width:1024px){
	
.common_ban,.com_nav,.com_bread{ display: none;}
.common_box{ margin: 0 auto 30px;}
.com_nav_title{ display: block;}
.com_num{ height: auto; overflow: hidden; margin: 5px auto;}
	
}




.c_b_d_rt{ width: 260px; float: right;}
.c_b_d_rt .c_rt_t{ font-size: 24px; line-height: 40px; height: 40px;  border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; }
.c_b_d_rt .c_rt_news{ height: auto; overflow: hidden; padding: 20px 0;}
.c_b_d_rt .c_rt_news ul{ margin: 0; padding: 5px 0;}
.c_b_d_rt .c_rt_news ul li{ padding: 10px 0;}
.c_b_d_rt .c_rt_news ul li a{ color: #888; display: block;}
.c_b_d_rt .c_rt_news ul li a font{ display: block; line-height:24px; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c_b_d_rt .c_rt_news ul li a .c_n_desc{ line-height: 22px; padding: 5px 0;}
.c_b_d_rt .c_rt_news ul li a .c_n_more{color: #d6001c; font-size: 12px; text-decoration: underline; transition: 0.5s; }
.c_b_d_rt .c_rt_news ul li:hover a .c_n_more{ text-decoration:none; transition: 0.5s;}
.c_b_d_rt .c_rt_news ul li:hover a font{ text-decoration: underline;  transition: 0.5s;}

.c_b_d_rt .c_rt_case{ height: auto; overflow: hidden; padding: 10px 0;}
.c_b_d_rt .c_rt_case ul{ margin: 0; padding: 5px 0;}
.c_b_d_rt .c_rt_case ul li{ padding: 10px 0;}
.c_b_d_rt .c_rt_case ul li a{ color: #888; display: block;}
.c_b_d_rt .c_rt_case ul li a font{ display: block; line-height:24px; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c_b_d_rt .c_rt_case ul li a .c_n_desc{ line-height: 22px; padding: 5px 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c_b_d_rt .c_rt_case ul li a .c_n_more{color: #d6001c; font-size: 12px; text-decoration: underline; transition: 0.5s;}
.c_b_d_rt .c_rt_case ul li:hover a .c_n_more{ text-decoration:none; transition: 0.5s;}
.c_b_d_rt .c_rt_case ul li:hover a font{ text-decoration: underline; transition: 0.5s;}


.c_b_d_rt .c_rt_label{ height: auto; overflow: hidden; padding: 10px 0;}
.c_b_d_rt .c_rt_label ul{ margin: 0; padding: 20px 0;}
.c_b_d_rt .c_rt_label ul li{ padding:0 30px; background: #f1f1f1; width: auto; height: 44px; line-height: 44px; float: left; margin:0 8px 8px 0;transition: 0.5s;}
.c_b_d_rt .c_rt_label ul li a{ color:#888; display: block; transition: 0.5s;}
.c_b_d_rt .c_rt_label ul li:hover{ background: #d6001c; transition: 0.5s;}
.c_b_d_rt .c_rt_label ul li:hover a{ color: #fff; transition: 0.5s;}


@media (max-width:1024px){
	.c_b_d_rt{ display: none;}
}



/*website 样式*/

.ws_box_a{ height: auto; overflow: hidden; padding:100px 0 50px; background: #f1f1f1;}
.ws_box_a ul{ margin: 0; padding: 0;}
.ws_box_a ul li{ width:260px; height:280px;padding:0 30px; background: #FFF;margin-left:40px; float: left; position: relative; border-radius:6px; transition: 0.5s; box-shadow:0 3px 5px #dedede;}
.ws_box_a ul li a{ display: block; color:#888;}
.ws_box_a ul li a .ws_a_icon{ width: 110px; height: 110px; position: absolute; left:0; right: 0; top: -55px; background-position:center; background-repeat: no-repeat;  margin: 0 auto; box-shadow:0 3px 5px #dedede; border-radius: 100%; transition: 0.5s;}

.ws_box_a ul li a font{ display: block; text-align: center; line-height: 50px; font-size: 28px; margin:70px 0 0; color: #666; }
.ws_box_a ul li a .ws_a_desc{ display: block;line-height: 30px; padding: 6px 0 0;}
.ws_box_a ul li:first-child{ margin-left: 0;}
.ws_box_a ul li:hover{  box-shadow: 0 10px 10px #c7c7c7; transition: 0.5s;}

.ws_box_a ul li:hover a .ws_a_icon{ transform:rotateY(180deg);  transition: 0.5s;}



.ws_box_b{ height: auto; overflow: hidden; margin: 60px 0;}
.ws_box_c{ height: auto; overflow: hidden; padding: 60px 0 40px; background: #f1f1f1;}
.ws_box_d{ height: auto; overflow: hidden; margin: 60px 0;}



.ws_b_desc{ height: auto; overflow: hidden; width:700px; padding: 25px 0 0; }
.ws_b_desc .ws_b_t{ height: auto; overflow: hidden; font-size: 36px; padding-bottom: 10px; line-height: 50px; color: #444;}
.ws_b_desc .ws_b_t font{ display: block; font-size: 18px; color: #888; line-height: 35px;}
.ws_b_desc .ws_b_d{ padding: 15px 0 40px; line-height: 30px;}
.ws_b_desc .ws_b_bottom{ height: auto; overflow: hidden;}
.ws_b_desc .ws_b_bottom ul{ margin: 0; padding: 0; text-align: center;}
.ws_b_desc .ws_b_bottom ul li{ width: 150px; line-height: 42px; height: 42px; background: #414040; border-radius:40px; float: left; margin-right:10px;transition: 0.5s;}
.ws_b_desc .ws_b_bottom ul li a{ display: block; color: #fff; font-size:16px;}
.ws_b_desc .ws_b_bottom ul li:first-child{ background: #d6001c;}
.ws_b_desc .ws_b_bottom ul li:hover{transition: 0.5s; opacity: 0.9; width: 200px;}

.ws_b_img{ height: auto; overflow: hidden; width:600px; }
.ws_b_img img{ max-width: 100%;}


.ws_box_e{ height: auto; overflow: hidden; margin: 60px 0 30px;}
.ws_box_e ul{ margin: 0; padding: 0; text-align: center;}
.ws_box_e ul li{ width: 120px; margin:30px 40px 0; float: left;}
.ws_box_e ul li a{ color: #666; line-height: 30px;}
.ws_box_e ul li a font{ display: block; font-size: 24px; line-height: 30px; padding: 14px 0 0;}
.ws_box_e ul li a span{ display: block; line-height:26px; color: #888;}
.ws_box_e ul li a .ws_e_icon{ width: 120px; height: 120px; border-radius: 100%; border: 2px solid #f1f1f1; background-position:center; background-repeat: no-repeat;  transition: 0.5s;}

.ws_box_e ul li:hover a .ws_e_icon{ transform:rotateY(180deg); transition: 0.5s; border: 2px solid #d6001c;}


@media (max-width:1680px){
	
	.ws_box_a ul li{ width:230px; height:300px;margin-left:10px;}
	.ws_b_desc{width:550px; padding: 25px 0; }
	.ws_b_img{ width:600px; }
	.ws_box_e ul li{ margin:30px 24px 0;}
	
}
@media (max-width:1024px){
	
	.ws_box_a{ padding:70px 0 0;}
	.ws_box_a ul li{ width:44%; height:auto; padding:0 2% 20px; margin:0 1% 60px;}
	.ws_box_a ul li a .ws_a_icon{ width: 90px; height: 90px;top: -45px; background-size: 100%;}
	.ws_box_a ul li:first-child{ margin-left:1%;}
	.ws_box_a ul li a font{line-height: 30px; font-size: 24px; margin:55px 0 5px; }
	.ws_box_a ul li a .ws_a_desc{ line-height:24px; padding:0;}
	
	.ws_box_b{ margin: 20px 0;}
	.ws_box_c{ padding: 20px 0;}
	.ws_box_d{ margin: 20px 0;}
	
	.ws_b_desc{ width:100%; float: none; text-align: center;}
	.ws_b_desc .ws_b_t{ font-size:28px; padding-bottom: 10px; line-height: 35px;}
	.ws_b_desc .ws_b_t font{ font-size: 18px; line-height: 30px;}
	.ws_b_desc .ws_b_d{ padding:0; line-height: 28px;}
	.ws_b_desc .ws_b_bottom ul li{ width: 100px; line-height: 42px; height: 42px;margin:15px 10px 0; display: inline-block; float: none;}
	.ws_b_desc .ws_b_bottom ul li:hover{width: 120px;}
	.ws_b_img{ display: none;}
	
	.ws_box_e{ margin: 35px 0 0;}
	.ws_box_e ul li{ width: 22%; height: auto; overflow: hidden; margin:10px 1.5% 16px; float: left;}
	.ws_box_e ul li a .ws_e_icon{ width: 86px; height: 86px; margin: 0 auto; background-size: 90%;}

	.ws_box_e ul li a font{  font-size:16px;}
}

@media (max-width:720px){
.ws_box_b{ margin: 0;}
.ws_box_e{ margin: 20px 0 0;}
.ws_box_a ul li a font{line-height: 30px; font-size: 18px; }
.ws_box_e ul li a .ws_e_icon{ width: 70px; height: 70px; margin: 0 auto; background-size: 80%;}
.ws_box_e ul li a span{line-height:24px;}
.ws_b_desc .ws_b_t{ font-size:24px; padding-bottom: 10px; line-height: 30px;}
.ws_b_desc .ws_b_t font{ font-size: 18px; line-height: 24px; padding-top: 5px;}	
	
}

/*case 样式*/
.case_box_a{ height: auto; overflow: hidden;}

.case_box_a ul{ margin:0; padding: 0;}
.case_box_a ul li{ width:440px; height: auto; float: left; margin:0 40px 40px 0; transition: 0.5s;}
.case_box_a ul li a{ color: #666666; font-size: 16px; transition: 0.5s;}
.case_box_a ul li a .c_desc{ height: auto; overflow: hidden; padding: 15px 20px 20px; border: 1px solid #f1f1f1; border-top:none;}
.case_box_a ul li a font{ display: block; line-height:36px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_box_a ul li a span{ display: block; color: #999; font-size: 12px; line-height: 24px; background: url(../images/link_icon.png) no-repeat left center; padding-left: 26px;text-decoration: underline;}
.case_box_a ul li a em{ display: block; color: #999; font-style: normal; font-size: 12px; line-height: 20px; padding-left: 26px; background: url(../images/time_icon.png) no-repeat left center;}
.case_box_a ul li a .c_img{ width: 440px; height: 292px; overflow: hidden; background: #000; position: relative;}
.case_box_a ul li a .c_img img{ max-width: 100%; transition: 0.5s;}

.case_box_a ul li a .c_img .desc{ position: absolute; left:0; right: 0; bottom: 0; top: 0; line-height: 30px; z-index: 999; padding:30px; text-align: center; color: #FFF; margin: 0 auto; opacity:0; transition: 0.5s; background: rgba(0,0,0,0.6); font-size: 14px; width: 400px; height: 262px; }
.case_box_a ul li a .c_img .desc i{ font-style: normal; display: block; border: 1px solid rgba(255,255,255,0.5); padding: 60px 20px;  width: 340px; height: 112px; transition: 0.5s;}


.case_box_a ul li:hover{box-shadow:2px 3px 5px #dedede; transition: 0.5s;}
.case_box_a ul li:hover a .c_img .desc{ opacity: 1;}
.case_box_a ul li:hover a .c_img .desc i{ transition: 0.5s;}
.case_box_a ul li:hover a .c_img img{ transform: scale(1.2);}
.case_box_a ul li:nth-child(3n){ margin-right: 0;}
.case_box_a ul li:hover{ background:#f1f1f1; transition: 0.5s;}
.case_box_a ul li:hover a font{ text-decoration: underline;}

@media (max-width:1680px){
.case_box_a ul li{ width:390px; margin:0 10px 10px 0;}
.case_box_a ul li a .c_img{ width: 390px; height: 259px;}
.case_box_a ul li a .c_img .desc{ width: 330px; height: 199px; }
.case_box_a ul li a .c_img .desc i{ padding: 40px 20px;  width: 288px; height:120px;}
}


@media (max-width:1024px){
	.case_box_a{ margin: 10px auto 0;}
	.case_box_a ul{ margin:15px 0 0;}
	.case_box_a ul li{ width: 32%; margin: 0 0.5% 10px;}
	.case_box_a ul li a{font-size: 14px;}
	.case_box_a ul li a .c_desc{ height: auto; overflow: hidden; padding: 5px 0; border:none; border-top:none;}
	.case_box_a ul li a font{ line-height:24px; font-size: 14px;}
	.case_box_a ul li a span{ font-size: 12px; line-height: 20px; padding-left: 24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.case_box_a ul li a em{ line-height: 20px; padding-left: 24px; }
	.case_box_a ul li a .c_img{ width: 100%; height: auto; background: #fff;}

	.case_box_a ul li a .c_img .desc{ display: none;} 
	.case_box_a ul li:hover{ background:#fff; transition: 0.5s; box-shadow:0 0 0 #FFF;}


}

@media (max-width:640px){
	.case_box_a ul li{ width: 49%; margin: 0 0.5% 10px;}
}



/*case 详情样式*/

.case_box_d{ height: auto; overflow: hidden;}

.c_lt_t{ font-size: 22px; line-height: 46px; height: 46px;}
.c_lt_link{ height: auto; overflow: hidden;}
.c_lt_link ul{ margin: 0; padding: 0;}
.c_lt_link ul li{ float: left; padding-right: 20px; line-height: 40px;}
.c_lt_link ul li a{ color: #888; display: block; background-position: left center; background-repeat: no-repeat; padding-left: 24px;}

.c_b_d_lt{ width: 1060px; float: left; padding: 20px 0;}
.c_lt_desc{ padding: 20px 0; line-height: 30px;}
.c_lt_desc .img{ padding: 20px 0;}
.c_lt_desc .img img{ max-width: 100%;}

@media (max-width:1680px){	
.c_b_d_lt{ width: 880px; float: left; padding: 20px 0;}
}


@media (max-width:1024px){
	.c_b_d_lt{ width: 100%; float:none; padding: 20px 0 0;}
	.c_lt_t{ font-size:24px; line-height:30px; height: auto; padding-bottom: 14px;}
	.c_lt_link ul li{ float: none; line-height: 24px;}
}


/*news 详情样式*/

.com_news_box{ height: auto; overflow: hidden;}
.com_news_box ul{ margin: 0; padding: 0;}
.com_news_box ul li{ height: auto; overflow: hidden; padding: 25px; margin: 0 0 25px; border: 1px solid rgba(0,0,0,0.1); transition: 0.5s;}
.com_news_box ul li a{ color: #999;}
.com_news_box ul li a .n_img{ width: 260px; float: left;}
.com_news_box ul li a .n_img img{ max-width: 100%;}

.com_news_box ul li a .n_desc{ width: 710px; float: right;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:24px; line-height: 40px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_date{ background: url(../images/time_icon.png) left no-repeat; height: 24px; line-height: 24px; font-size: 12px; padding-left: 22px; }

.com_news_box ul li a .n_desc .desc{ padding: 8px 0 15px; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.com_news_box ul li a .n_desc .n_d_b{ height: auto; overflow: hidden; padding: 10px 0 0;}
.com_news_box ul li a .n_desc .n_d_b .lab{ width: 300px; float: left;height: 34px; line-height: 34px; background: url(../images/pencil_icon.png) left no-repeat; padding-left: 22px;}
.com_news_box ul li a .n_desc .n_d_b .more{ width: 116px; float: right; line-height: 36px; height: 36px; background: #d6001c; text-align: center; color: #fff;}
.com_news_box ul li:hover{ background: #d6001c; border: 1px solid #d6001c; transition: 0.5s;}
.com_news_box ul li:hover a{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_t{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_b .more{ background: #FFF; color: #d6001c;}
.com_news_box ul li:hover a .n_desc .desc{ border-bottom: 1px solid rgba(255,255,255,0.3);}




@media (max-width:1680px){	
.com_news_box ul li a .n_img{ width: 250px;}
.com_news_box ul li a .n_desc{ width:550px;}
}

@media (max-width:1024px){
	.com_news_box ul li{ padding:2%; margin: 0 0 25px; border:none;}
	.com_news_box ul li a .n_img{ width: 30%; float: left;}
	.com_news_box ul li a .n_desc{ width: 65%; float: right;}
	.com_news_box ul li a .n_desc .n_d_b .lab{ float:none; }
	.com_news_box ul li a .n_desc .n_d_b .more{ width: 100px; line-height: 32px; height: 32px; float:none;}
	
}
@media (max-width:720px){
.com_news_box ul li{margin: 0 0 5px;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:18px; }
.com_news_box ul li a .n_desc .desc{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_d_t{line-height: 30px; }
.com_news_box ul li a .n_desc .desc{ padding: 2px 0;}
.com_news_box ul li a .n_desc .n_d_b{ padding: 0;}
.com_news_box ul li a .n_desc .n_d_b .more{ display:none;}

}

/*about 样式*/

.com_about_a{ height: auto; overflow: hidden; background: #f7f7f7; padding: 50px 0 40px;}
.com_about_a .a_desc{ padding:15px 0; line-height: 30px;}
.com_about_a .a_desc .a_d_h{ padding: 10px 0;}
.com_about_a .a_desc .a_d_h b{ color: #d6001c;}

.com_about_b{ height: auto; overflow: hidden; background: #d6001c; padding: 60px 0 50px;}
.com_about_b ul{ margin: 0; padding: 0; text-align: center;}
.com_about_b ul li{ width: 300px; display: inline-block; margin: 0 80px;}
.com_about_b ul li a{ color: #FFF; font-size: 16px;}
.com_about_b ul li a .a_b_icon{ width: 200px; height: 200px; margin: 0 auto; border-radius: 100%; border: 6px solid #FFF; transition: 0.5s;}
.com_about_b ul li a .a_b_icon font{ line-height: 200px; display: block; font-size: 36px;}
.com_about_b ul li a .a_b_desc{ padding: 20px 0; line-height: 30px;}
.com_about_b ul li:hover a .a_b_icon{ transform:rotateY(180deg); transition: 0.5s;}



.com_about_c{ height: auto; overflow: hidden;padding: 60px 0;}
.com_about_c ul{ margin:30px 0 0; padding: 0; text-align: center;}
.com_about_c ul li{ width:19%; display: inline-block;}
.com_about_c ul li a{}
.com_about_c ul li a img{ max-width: 100%; transition: 0.5s;}
.com_about_c ul li:hover a img{ transform:rotateY(180deg); transition: 0.5s;}


.com_about_d{ height: auto; overflow: hidden;}


.ad_box{ width:100%; height: auto; overflow: hidden;  margin: 25px auto 0;}
.ad_box .hd{ height:44px; line-height:44px; padding:0 10px 0 20px; position:relative; }
.ad_box .hd ul{ position:absolute; left:0; right: 0; top:0; height:44px; text-align: center;  }
.ad_box .hd ul li{ width: 210px; display: inline-block; margin: 0 6px; cursor:pointer; border:1px solid #ddd; font-size: 18px;  }
.ad_box .hd ul li.on{ height:44px; color: #FFF; background: #d6001c; border:1px solid #d6001c; }

.ad_box .bd ul{ margin: 30px auto 0; height: auto; overflow: hidden;}
.ad_box .bd ul .ad_desc{ padding: 20px 0; line-height: 30px;}
.ad_box .bd ul .ad_desc b{ font-size: 24px; display: block; line-height: 36px; padding-bottom: 10px;}
.ad_box .bd ul .ad_desc .ad_h{ padding-bottom: 25px;}


.app_ad_box{ display:none;height: auto; overflow: hidden; margin-top:15px; }

.app_ad_box .effectNav{ background:#999; padding-bottom:10px;  }
.app_ad_box .effectNav h3{ padding:0 10px; background:#ddd; background:#333; color:#fff;  }
.app_ad_box .effectNav ul{ font-size:0;  }
.app_ad_box .effectNav li{ display:inline-block; font-size:12px; padding:0 10px; margin:10px 0 20px 10px;  background:#cdcdcd;  }
.app_ad_box .effectNav li.new{ background:#fce8cd;  }


.app_ad_box .tabBox .hd{ height:auto; line-height:36px; padding:0; margin-bottom:5px; font-size:18px; background:#F3F3F3; }
.app_ad_box .tabBox .hd ul{ overflow:hidden; }
.app_ad_box .tabBox .hd ul li{ float:left; margin:0 5px; padding:0 10px; color:#515151;  }
.app_ad_box .tabBox .hd ul .on{color:#FFF;  background:#d6001c;}
.app_ad_box .tabBox .hd ul .on a{ display:block; }
.app_ad_box .tabBox .bd ul{ padding:10px 0 10px 10px;  }
.app_ad_box .tabBox .bd ul .ad_desc{ padding: 10px 0; line-height: 30px;}
.app_ad_box .tabBox .bd ul .ad_desc b{ font-size: 18px; display: block; line-height: 30px; padding-bottom: 5px;}
.app_ad_box .tabBox .bd ul .ad_desc .ad_h{ padding-bottom:10px;}




@media (max-width:1680px){
.com_about_b ul li{ width: 300px; display: inline-block; margin: 0 30px;}
}

@media (max-width:1024px){
	.com_about_a{ height: auto; overflow: hidden; background: #f7f7f7; padding: 25px 0;}
	.com_about_a .a_desc{ padding:5px 0; line-height:24px;}
	.ad_box .bd ul .ad_desc .ad_h{ padding-bottom: 15px;}
	
	.com_about_b{ padding:30px 0;}
	.com_about_b ul li{ width:140px; display:block; margin: 0 28px; float: left;}
	.com_about_b ul li a{ font-size: 14px;}
	.com_about_b ul li a .a_b_icon{ width: 140px; height: 140px;}
	.com_about_b ul li a .a_b_icon font{ line-height: 140px;font-size: 24px;}
	.com_about_b ul li a .a_b_desc{ padding: 10px 0; line-height:24px;}
	
	
	.com_about_c{ padding: 35px 0 0;}
	.com_about_c ul{ margin:15px 0 0;}
	.ad_box{ display: none;}
	.com_about_d{  margin:25px 0 0;}
	.app_ad_box{ display:block;}

	
}

@media (max-width:720px){
	.com_about_a{ padding: 20px 0;}
	
}

@media (max-width:500px){
	.com_about_b ul li{ width:90px; display:block; margin: 0 10px; float: left;}
	.com_about_b ul li a{ font-size: 14px;}
	.com_about_b ul li a .a_b_icon{ width: 90px; height: 90px;}
	.com_about_b ul li a .a_b_icon font{ line-height: 90px;font-size:18px;}
	
	
	.com_about_c ul li{ width:48%; display: inline-block;}
}
@media (max-width:360px){
	.com_about_b ul li{margin: 0 5px;}
}

/*contact 样式*/
.common_contact_ban{ height: 450px; margin: 91px auto 0; overflow:hidden; background-position: center; background-repeat: no-repeat;}
.com_con_desc{ height: auto; overflow: hidden; margin: 50px 0 0; background: rgba(208, 66, 85, 0.9);; padding: 35px 30px; width: 700px; float: right; color: #fff;border-radius: 18px}
.com_con_desc .c_d_title{ line-height: 50px; font-size: 36px; font-weight: bold;}
.com_con_desc .c_d_con{ padding: 15px 0; line-height: 30px;}
.com_con_desc .c_d_con ul{ margin: 0; padding: 0;}
.com_con_desc .c_d_con ul li{ line-height: 20px; padding: 4px 0; float: left; margin-right: 2%; width: 49%;}
.com_con_desc .c_d_con ul li a{ color: #FFF; font-size:16px;}
.com_con_desc .c_d_con ul li:nth-child(2n){ margin-right: 0%;}


.com_con_desc .c_d_ewm{ padding: 15px 0; line-height: 30px;}
.com_con_desc .c_d_ewm ul{ margin: 0; padding: 0;}
.com_con_desc .c_d_ewm ul li{ width: 120px; float: left; margin-right:30px;}
.com_con_desc .c_d_ewm ul li a{}
.com_con_desc .c_d_ewm ul li a img{ max-width: 100%;}

.com_con_a{ height: auto; overflow: hidden; margin: 60px 0;}
.com_con_a ul{ margin: 0; padding: 0; text-align: center;}
.com_con_a ul li{ width: 400px; float: left; margin: 0 20px;}
.com_con_a ul li a{ color: #888;}
.com_con_a ul li a .con_a_icon{ width: 124px; height: 124px; overflow: hidden; margin: 0 auto; transition: 0.5s;}
.com_con_a ul li a .con_a_desc{ line-height:24px;}
.com_con_a ul li a .con_a_desc b{ font-size: 16px;}
.com_con_a ul li a font{ display: block; line-height: 50px; font-size: 26px; padding: 20px 0 5px; color: #666;}
.com_con_a ul li:hover a .con_a_icon{ transform:rotateY(180deg); transition: 0.5s;}
.com_con_a ul li:hover a font{ color: #d6001c;}



.com_con_b{ height: auto; overflow: hidden; padding: 60px 0; background: url(../images/con_qq_bg.jpg) center no-repeat;background-size: cover; background-attachment: fixed;}

.com_con_b ul{ margin:50px 0 0; padding: 0;}
.com_con_b ul li{ width:360px; height:280px;padding:0 30px; background: #FFF; margin:0 20px; float: left; position: relative; border-radius:6px; transition: 0.5s; }
.com_con_b ul li a{ display: block; color:#888; text-align: center;}
.com_con_b ul li a .cb_b_icon{ width: 100px; height: 100px; position: absolute; left:0; right: 0; top: -55px; background-position:center; background-repeat: no-repeat;  margin: 0 auto; box-shadow:0 3px 5px #dedede; border-radius: 100%; transition: 0.5s;}

.com_con_b ul li a font{ display: block; line-height:30px; font-size: 18px; margin:60px 0 0; color: #666; }
.com_con_b ul li a span{ display: block; line-height:24px; font-size: 14px; padding-bottom: 6px;}
.com_con_b ul li a .cb_img{ width: 106px; height: 35px; margin: 0 auto;}
.com_con_b ul li a .cb_p{ font-size: 14px; line-height: 24px; padding: 6px 0 0;}


.com_con_b ul li:hover a .cb_b_icon{ transform:rotateY(180deg);  transition: 0.5s;}



.com_con_c{ height: auto; overflow: hidden; padding: 60px 0 0;}
.com_con_c .cc_title{ font-size: 24px; line-height: 50px;}

.com_con_bd{ height: auto; overflow: hidden; margin-bottom: 40px}
.com_con_bd ul{ margin: 0; padding: 0;}
.com_con_bd ul li{ width: 21%; float: left; height: 44px; line-height: 44px; padding: 0 2%;}
.com_con_bd ul li a{ color: #333; font-size:17px;line-height: 34px;}

.com_con_bd ul .cl_0{ background: #dc737f; height:48px; line-height: 48px;border-radius: 6px}
.com_con_bd ul .cl_0 a{ color: #FFF; font-size: 18px;}
.com_con_bd ul .cl_1{ background: #fafafa; transition: 0.5s;}
.com_con_bd ul .cl_2{ background: #f4f4f4; transition: 0.5s;}
.com_con_bd ul .cl_1:hover,.com_con_bd ul .cl_2:hover{ background:#eeeeee; transition: 0.5s;}



.com_con_yd{ height: auto; overflow: hidden;}
.com_con_yd ul{ margin: 0; padding: 0; text-align: center;}
.com_con_yd ul li{ width: 21%; float: left; line-height: 44px; padding: 0 2%; background: #f4f4f4;}
.com_con_yd ul li a{ color: #666;}
.com_con_yd ul li a .img{ width: 150px; margin: 20px auto 10px;}
.com_con_yd ul li a .img img{ max-width: 100%;}
.com_con_yd ul .cl_0{ background: #dc737f; height:48px; line-height: 48px; border-radius: 6px}
.com_con_yd ul .cl_0 a{ color: #FFF; font-size: 18px;}

.com_con_d_font{ padding: 40px 0; line-height: 36px; font-size:16px;}



@media (max-width:1680px){
.com_con_a ul li{ width: 360px;}
.com_con_b ul li{ width:320px;margin:0 10px;}
}

@media (max-width:1024px){
	.common_contact_ban{ height: auto; margin: 0 auto;}
	.com_con_desc{margin:0; padding: 25px 4%; width: 92%; float: none;}
	.com_con_desc .c_d_con{ padding: 5px 0;}
	.com_con_desc .c_d_title{ line-height: 30px; font-size: 24px;}
	.com_con_desc .c_d_ewm ul li{ width: 90px; margin-right:20px;}
	
	.com_con_a{ height: auto; overflow: hidden; margin: 30px 0;}
	.com_con_a ul li{ width: 30%; float: left; margin: 0 1.6%;}
	.com_con_a ul li a .con_a_icon{ width: 90px; height: 90px; overflow: hidden; margin: 0 auto; transition: 0.5s;}
	.com_con_a ul li a .con_a_icon img{ max-width: 100%;}
	.com_con_a ul li a font{line-height: 30px; font-size:18px; padding: 10px 0 2px;}
	
	.com_con_b{ padding: 25px 0;}
	.com_con_b ul{ margin:50px 0 0;}
	.com_con_b ul li{ width:30%; height:auto; padding:0 0.5% 20px; margin:0 1%; }
	.com_con_b ul li a .cb_b_icon{ width: 90px; height: 90px; position: absolute; left:0; right: 0; top: -45px;  background-size: 10%;}
	.com_con_b ul li a .cb_img{ text-align: center;}
	.com_con_b ul li a .cb_img img{ max-width: 100%;}
	.com_con_c{ padding: 25px 0 0;}
	.com_con_c .cc_title{ font-size:18px; line-height: 26px; text-align: center;  padding-bottom: 5px;}
	.com_con_bd{margin-bottom: 10px}
	.com_con_bd ul li{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.com_con_yd ul li a .img{ width: 130px; margin: 20px auto 10px;}

	.com_con_d_font{ padding: 10px 0; line-height:24px;}
	
}


@media (max-width:640px){
	.com_con_bd ul .cl_0 a{ font-size: 14px;}
	.com_con_yd ul li a .img{ width: 90px;}
	
	.com_con_desc .c_d_con ul li{ float: none; margin-right:0; width: 100%;}
	
}
@media (max-width:440px){
	.com_con_a ul li a .con_a_icon{ width: 70px; height: 70px; overflow: hidden; margin: 0 auto; transition: 0.5s;}
	.com_con_a ul li a .con_a_icon img{ max-width: 100%;}
	.com_con_b ul li a .cb_img img{ max-width: 60%;}
	.com_con_yd ul li a .img{ width: 68px;}
	.com_con_yd ul .cl_0 a{font-size: 14px;}

	
}

/*SEO 样式*/

.seo_box_a{ height: auto; overflow: hidden; padding:50px 0 40px; background: rgba(241, 241, 241,1);}
.seo_box_a ul{ margin: 0; padding: 0; text-align: center;}
.seo_box_a ul li{ width: 300px; margin: 0 20px 0; float: left;}
.seo_box_a ul li a{ color: #888;}
.seo_box_a ul li a .s_b_icon{ width: 80px; height: 80px; margin: 0 auto; transition: 0.5s;}
.seo_box_a ul li a .s_b_desc{ padding: 20px 0 0; line-height: 24px;}
.seo_box_a ul li a .s_b_desc font{
	display: block;
	font-size: 18px;
	padding-bottom: 10px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
}
.seo_box_a ul li a .s_b_more{ width: 110px; height: 34px; line-height: 34px;  margin: 15px auto; transition: 0.5s;border-radius: 20px; background: #fff;}
.seo_box_a ul li:hover a .s_b_more{ background: #d6001c;transition: 0.5s;}
.seo_box_a ul li:hover a .s_b_more{ color: #fff;}
.seo_box_a ul li:hover a .s_b_icon{ transform:rotateY(180deg);  transition: 0.5s;}



.seo_box_b{ height: auto; overflow: hidden; margin: 60px 0;}

.seo_box_b .s_b_img{ width: 430px; float:left; margin-top: 30px;}
.seo_box_b .s_b_img img{ max-width: 100%;}

.seo_box_b .s_b_desc{ width: 920px; float:right; margin-top: 30px;}
.seo_box_b .s_b_desc ul{ margin: 0; padding: 0;}
.seo_box_b .s_b_desc ul li{ width: 410px; margin:0 60px 20px 0; float: left;}
.seo_box_b .s_b_desc ul li a{ color: #888;}

.seo_box_b .s_b_desc ul li a font{
	display: block;
	font-size:18px;
	height: 30px;
	line-height: 30px;
	color: #666;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 42px;
	margin-bottom: 10px;
	white-space: nowrap; overflow:hidden;
}
.seo_box_b .s_b_desc ul li:nth-child(2n){ margin-right: 0;}



.seo_box_c{ height: auto; overflow: hidden; padding: 60px 0; background: rgba(241, 241, 241,1);}
.seo_box_c .s_c_img{ width: 430px; float:right; margin-top: 30px;}
.seo_box_c .s_c_img img{ max-width: 100%;}

.seo_box_c .s_c_desc{ width: 920px; float:left; margin-top: 30px;}
.seo_box_c .s_c_desc ul{ margin: 0; padding: 0;}
.seo_box_c .s_c_desc ul li{ width: 410px; margin:0 60px 20px 0; float: left;}
.seo_box_c .s_c_desc ul li a{ color: #888;}

.seo_box_c .s_c_desc ul li a font{ display: block; font-size:18px; height: 30px; line-height: 30px; color: #666; background-repeat: no-repeat; background-position: left center; padding-left: 42px; margin-bottom: 10px; white-space: nowrap; overflow:hidden;}

.seo_box_c .s_c_desc ul li:nth-child(2n){ margin-right: 0;}



.seo_box_d{ height: auto; overflow: hidden; margin: 50px 0 0;}
.seo_box_d ul{ margin: 30px 0 0; padding: 0; text-align: center;}
.seo_box_d ul li{ width: 380px; display: inline-block; margin:0 10px 20px; border: 1px solid rgba(0,0,0,0.1); padding: 20px 20px 10px;}
.seo_box_d ul li a{ display: block; color: #666;}
.seo_box_d ul li a .img{ width: 320px; text-align: center;}
.seo_box_d ul li a .img img{ max-width: 100%; transition: 0.5s;}
.seo_box_d ul li:hover a .img img{ transform:rotateY(180deg);  transition: 0.5s;}

.seo_box_d ul li a font{ display: block; line-height: 40px; padding: 20px 0 0; font-size: 18px;}
.seo_box_d ul li:hover a{ color: #d6001c;}


@media (max-width:1680px){
.seo_box_a ul li{ width: 260px;}

.seo_box_b .s_b_desc{ width: 730px;}
.seo_box_b .s_b_desc ul{ margin: 0; padding: 0;}
.seo_box_b .s_b_desc ul li{ width: 320px; margin:0 40px 20px 0;}


.seo_box_c .s_c_desc{ width: 740px;}
.seo_box_c .s_c_desc ul{ margin: 0; padding: 0;}
.seo_box_c .s_c_desc ul li{ width: 320px; margin:0 40px 20px 0;}


.seo_box_d ul li{ width: 330px;}
}

@media (max-width:1024px){
	.seo_box_a{  padding:25px 0;}
	.seo_box_a ul li{ width: 23%; margin: 0 1% 0; float: left;}
	
	.seo_box_b{ margin: 25px 0;}
	.seo_box_b .s_b_img{ display: none;}
	
	.seo_box_b .s_b_desc{ width: 100%; float:right; margin-top: 30px;}
	.seo_box_b .s_b_desc ul{ margin: 0; padding: 0;}
	.seo_box_b .s_b_desc ul li{ width: 48%; margin:0 1% 20px 0; float: left;}
	.seo_box_b .s_b_desc ul li a{ color: #888;}

	.seo_box_b .s_b_desc ul li a font{ display: block; font-size:18px; height: auto; line-height: 24px; color: #666; background-repeat: no-repeat; background-position: left center; padding:4px 0 4px 42px;}
	.seo_box_b .s_b_desc ul li:nth-child(2n){ margin-right: 0;}
	
	.seo_box_c{ padding: 25px 0;}
	.seo_box_c .s_c_img{ display: none;}
	
	.seo_box_c .s_c_desc{ width: 100%; float:right; margin-top: 30px;}
	.seo_box_c .s_c_desc ul li{ width: 48%; margin:0 1% 20px 0; float: left;}
	.seo_box_c .s_c_desc ul li a{ color: #888;}

	.seo_box_c .s_c_desc ul li a font{ display: block; font-size:18px; height: auto; line-height: 24px; color: #666; background-repeat: no-repeat; background-position: left center; padding:4px 0 4px 42px;}
	.seo_box_c .s_c_desc ul li:nth-child(2n){ margin-right: 0;}
	
	
	.seo_box_d{ margin:25px 0 0;}
	.seo_box_d ul{ margin: 20px 0 0;}
	.seo_box_d ul li{ width: 28%; margin:0 1% 10px; padding: 1%;}
	.seo_box_d ul li a .img{ width: 100%;}
	.seo_box_d ul li a .img img{ max-width: 100%; transition: 0.5s;}
	.seo_box_d ul li a font{line-height: 24px; padding:10px 0 0; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	
	
}
@media (max-width:550px){
	.seo_box_a{  padding:25px 0;}
	.seo_box_a ul li{ width: 48%; margin: 0 1% 0; float: left;}
	.seo_box_b .s_b_desc ul li{ width: 98%; margin:0 1% 20px 0; float: none;}
	.seo_box_c .s_c_desc ul li{ width: 98%; margin:0 1% 20px 0; float: none;}
	.seo_box_d ul li{ width: 44%; }
}

/*tuiguang 样式*/


.tg_box_banner{ height: auto; overflow: hidden; background-repeat:no-repeat; background-position:top center;}


.tg_box_a{ height: auto; overflow: hidden; margin: 60px auto; }
.tg_box_a .img{  text-align: center; margin: 30px 0 0;}
.tg_box_a .img img{max-width: 100%;}

.tg_box_b{ height: auto; overflow: hidden; padding: 60px 0; background: url(../images/main3_1.png) no-repeat center; background-size: cover; background-attachment: fixed; }
.tg_box_b .img{text-align: center; margin: 30px 0 0;}
.tg_box_b .img img{max-width: 100%;}


.tg_box_c{ height: auto; overflow: hidden; padding: 60px 0; background:#f0fafa; }
.tg_box_c .img{text-align: center; margin: 30px 0 0;}
.tg_box_c .img img{max-width: 100%;}

.tg_box_d{ height: auto; overflow: hidden; padding: 60px 0; background:#ebfaf9; }
.tg_box_d .img{text-align: center; margin: 30px 0 0;}
.tg_box_d .img img{max-width: 100%;}

.m{ margin: 0!important;}


.tg_box_e{ height: auto; overflow: hidden; padding: 20px 0; background: url(../images/main11.png) no-repeat center; }
.tg_box_e .tg_b_e_desc{ padding: 10px 0; line-height: 30px; color: #FFF; text-align: center; font-size: 16px;}
.tg_box_e .tg_b_e_desc font{ display: block; font-size: 30px; padding: 10px 0;}

.tg_box_e .tg_b_e_more{ width: 160px; height: 44px; line-height: 44px;  margin: 10px auto; transition: 0.5s;border-radius: 20px; background: #fff;}
.tg_box_e .tg_b_e_more a{ display: block; color: #666; text-align: center; font-size: 16px;}



.tg_box_f{ height: auto; overflow: hidden; margin: 60px 0;  }
.tg_box_f .f_title{ padding: 20px 0; line-height: 30px; background: url(../images/main12_1.jpg) no-repeat center;}
.tg_box_f .f_title font{
	display: block;
	font-size:26px;
	text-align: center;
	color: #FFF;
	
}

.tg_box_f ul{ margin: 30px 0 0; padding: 0;}
.tg_box_f ul li{ width: 635px; margin: 0 10px 15px; float: left; padding: 20px; border: 1px solid rgba(0,0,0,0.1);}
.tg_box_f ul li a{ color: #666; line-height: 24px;}
.tg_box_f ul li a font{ display: block; line-height: 40px; font-size: 24px;white-space: nowrap; overflow:hidden}
.tg_box_f ul li a i{ display: block; font-style: normal; color: #888; line-height: 24px; font-size: 12px;}
.tg_box_f ul li a span{ display: block;height:3em; overflow:hidden; }




@media (max-width:1680px){
	.tg_box_f ul li{ width:536px;}
}

@media (max-width:1024px){
.tg_box_banner{ background-size: 100%; height: 290px !important;}
.tg_box_a{ height: auto; overflow: hidden; margin:20px auto; }
.tg_box_a .img{ margin:0;}
	
.tg_box_b{ padding: 25px 0; }
.tg_box_b .img{ margin: 20px 0 0;}
	
.tg_box_c{ padding: 25px 0; }
.tg_box_c .img{ margin:20px 0 0;}
	
.tg_box_d{ padding: 25px 0; }
.tg_box_d .img{ margin: 20px 0 0;}
	
.tg_box_e{ padding: 20px 0;}
.tg_box_e .tg_b_e_desc{ line-height: 24px;font-size: 14px;}
.tg_box_e .tg_b_e_desc font{ display: block; font-size:18px; padding: 10px 0;}

.tg_box_e .tg_b_e_more{height: 40px; line-height: 40px; }
	
.tg_box_f{ margin:25px 0; }

.tg_box_f ul{ margin: 20px 0 0; padding: 0;}
.tg_box_f ul li{ width: 91%; margin: 0 1% 10px; float: left; padding: 2%; border: 1px solid rgba(0,0,0,0.1);}
.tg_box_f ul li a{ color: #666; line-height: 24px;}
.tg_box_f ul li a font{ display: block; line-height: 24px; font-size: 18px;}
.tg_box_f ul li a i{ display: block; font-style: normal; color: #888; line-height: 24px; font-size: 12px;}
.tg_box_f ul li a span{ display: block; }

}


@media (max-width:400px){
.tg_box_banner{ background-size: 160%; height: 180px !important;}
}




.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color:#283653;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}



.pagination{ clear:both; text-align:center;    margin-top: 18px;}
.pagination li{ width: 34px; height: 34px; line-height: 34px; background: #f1f1f1; transition: 0.5s; margin: 0 2px; border-radius: 100%;display:inline-block;
/*	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background: #f1f1f1; */
}

.pagination li+li{
	border-left-style: none;
}
/*.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}*/
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;}

.pagination li.disabled{}
.pagination li.active{ background: #d6001c;color:#FFFFFF}

.pagination li a{ color:#333333}
.pagination li:hover{ background: #d6001c;color:#FFFFFF}
.pagination li:hover a{color:#FFFFFF}
.c_lt_desc *{ max-width:100%;}

.share{ line-height:35px; clear:both}
.nextpage{ padding-top:10px;}
.nextpage>div{ padding-top:5px;}



<!--网站灰色代码-->
/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
} */