@charset "utf-8";
/**************************banner**************************/
.banner_ny { padding-top:0px;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}

@media screen and (max-width: 1200px) {
.banner_ny{ padding-top:50px;}

}
@media screen and (max-width: 720px) {
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	.banner_ny img{ min-height:150px;}
}

table{
	font-size: 14px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

tr {
	background-color: #f8f8f8;
	line-height: 36px;
	
}
 td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left: 8px;
	background-color:#ffffff;
}


/*==============PC内页导航=====================*/
.n_title{position:relative;height: 60px;line-height: 60px;z-index: 2; /*background:rgba(255,255,255,0.5);*/ margin-top:-60px; text-align:center;}

.position{display: inline-block;line-height:25px;height: 25px;color:#000;font-size: 15px;color: #a6a6a6;}

.position a{font-size: 15px;color: #000;display: inline-block;line-height:25px;vertical-align: top;}
.position a:hover{color:#000; text-decoration:underline; }

.position i{display: inline-block;height: 25px;width: 1rem;text-align: center;color: #000;font-family: simsun;font-style: normal;font-size: 0.75rem;vertical-align: top;}

.position span{vertical-align: top;font-size: 15px;color: #000;font-style:normal;display: inline-block;line-height:25px;max-width: 10rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (max-width:1200px) {
.position{ }
}

/*====内页banner====*/

.banner_ny { padding-top:0px;}
.banner_ny .pic_er{ display:none;}

@media screen and (max-width: 1200px) {

.banner_ny{ padding-top:50px;}
.banner_ny img{ width:100%;}

}
@media screen and (max-width: 768px) {
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	.banner_ny img{ }
}

#ny_banner{position:absolute;left:0;width:100%; top:30%; z-index:99;}
#ny_banner .main_box{display: table;width: 100%;height: 100%;}
#ny_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }
#ny_banner .yw{font-size: 24px;color: rgba(255,2555,255,0.35);display:block;text-transform:uppercase;font-weight: bold;line-height: 2rem;}
#ny_banner .ny-tit{display:block;margin: 0;font-size: 36px; font-weight:bold;color: #000;text-transform:uppercase;margin-bottom: 10px;}
#ny_banner .weizhi:before{content:"";position:absolute;left:5px;top:7px;width:60px;height:1px;background:#9d9fa4;display: none;}
#ny_banner .weizhi a,#ny_banner .weizhi i,#ny_banner .weizhi span{font-size: 16px;color: #000;margin:0 3px;font-style:normal;height:14px;line-height:14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#ny_banner .weizhi a:hover{color: #000; text-decoration:underline;}

@media(max-width: 768px){
#ny_banner{top:15%;}
#ny_banner .yw{ font-size:20px;}
#ny_banner .ny-tit{ font-size:24px; margin-top:5px;}
#ny_banner .weizhi a,#ny_banner .weizhi i,#ny_banner .weizhi span{font-size: 14px;}
}

/*==============内页导航=====================*/
.con_title{background: #f6f6f6; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}

.com-cate,.com-cate-wrap{position:relative;width:100%;height:60px; text-align:center; }
.com-cate-wrap .com-cate{width:auto;border-bottom:none;}
.com-cate li{position:relative;display:inline-block;margin:0 35px;height:60px;}
.com-cate li:before{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:3px solid #D60D10;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.com-cate li:hover:before,.com-cate li.on:before{left:0;width:100%;}
.com-cate li>a{display:inline-block;font-size:16px;color:#333333;line-height:57px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-cate li:hover>a,.com-cate li.on>a{color:#D60D10;}
.com-cate li .caret>a .caret{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-cate li:hover>a .caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
@media (max-width:640px) {
.com-cate li{margin:0 2% 0 2%;}
}
@media (max-width:320px) {
.com-cate li{margin:0 1% 0 1%;}
}


/*==================内页移动端导航=================*/
#m_n_nav{ background: #6CBB5A;  display: none; line-height: 50px; position: relative; z-index: 99; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;line-height: 50px;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #6CBB5A;}



#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#1798d7; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #1798d7;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#6CBB5A;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#1798d7}

@media (max-width:1024px) {
#m_n_nav{display: none;}
}



.con{overflow:hidden;margin-top:10px;}
.ar_article {color:#6c6c6d; font-size:15px; line-height:26px;  }
.ar_article p{font-size:15px; color:#666; line-height:26px; padding-bottom:10px; }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:2.5%; border: 1px solid #d0d1d5; color: #444242; }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{ max-width:100%;}
.ar_article a{ color:#6c6c6d;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.abtip{ float:right; margin-left:40px;}
.abtip2{ float:left; margin-right:40px;}
@media (max-width:980px) {
.abtip2{ float:none; margin-right:0px; margin-bottom:10px;}
.abtip2 img{ width:100%;}
.abtip{ float:none; margin-left:0px; margin-bottom:10px;}
.abtip img{ width:100%;}
.con{ margin-top:10px; margin-bottom:0px;}
.ar_article{ font-size:14px;line-height:24px;}
.ar_article p{ padding-bottom:10px; font-size:14px;line-height:24px; }	
}


.con .tit{ text-align: center;}
.con .tit div{ font-size: 36px; font-weight: bold; color: #333;}
.con .tit h1{ font-size:15px; color:#666; margin-top:10px;}
.con .tit p{ font-size: 14px; font-family: arial; color: #999; text-transform: uppercase; margin-top: 5px; letter-spacing: 1px;}
.con .tit p:nth-of-type(2){ font-size:20px; color:#666;font-weight: bold;}
@media (max-width:980px) {
.con .tit div{ font-size: 26px;}
.con .tit p:nth-of-type(2){ font-size:18px;}
}
.culture{ width:100%; background:url(../images/culture_bg.jpg) no-repeat center fixed; background-size: cover; padding:50px 0 60px 0; margin-top:50px; }

.culture ul li{ float:left; width:23.5%; margin-right:2%; position:relative;}
.culture ul li:nth-of-type(4){ margin-right:0;}
.culture ul li .tb{ margin-top:20px; }
.culture ul li .fk{ width: 100%; height: 260px;box-shadow: 0px 0px 8px 4px #ddd; border: 1px solid #ddd; background:#fff; border-radius: 15px; margin-top: 35px; text-align: center;}
.culture ul li .fk .bold{ font-size: 20px; font-weight: bold; color: #000; margin-top: 20px;}
.culture ul li .fk .fgx{ width: 25px; height: 1px; background: #D60D10; margin: 15px auto;}
.culture ul li .fk p{ padding:0 30px; font-size: 15px; line-height: 26px; color: #666; }
@media (max-width:980px) {
.culture{padding:30px 0 30px 0; margin-top:20px;}
.culture ul li{ width:48%; margin-right:3%}
.culture ul li:nth-of-type(2n){ margin-right:0;}
.culture ul li .fk{ width: 100%; height: 240px; margin-top:20px;}
.culture ul li .fk .bold{ font-size: 16px;}
.culture ul li .fk p{ padding:0 10px;font-size: 14px;line-height: 22px;}
}

.ab_advantage{ margin-top:50px;}
.ab_advantage ul{ margin-top:30px; margin-bottom:30px;}
.ab_advantage ul li{ float:left; width:23.5%;margin-right:2%; height:420px; position:relative;}
.ab_advantage ul li:nth-of-type(4){ margin-right:0;}
.ab_advantage ul li .img{ transition:all .6s;}
.ab_advantage ul li .img img{ width:100%;}
.ab_advantage ul li:hover .img{box-shadow:0 3px 15px #999;transform:translateY(-10px);}
.ab_advantage ul li .tb{ width: 80px; height: 80px; position: absolute; left: 38%; top: 40%; z-index: 999;}
.ab_advantage ul li dl{ width: 90%; height: 180px; background: #EDEDED; position: absolute; left: 5%; top: 50%;}
.ab_advantage ul li dl dt{ text-align: center; font-size: 20px; font-weight: bold; margin-top: 60px;}
.ab_advantage ul li dl dd{ width: 90%; margin:0 auto; font-size: 15px; line-height: 24px; margin-top: 20px; text-align:center; color:#666;}
@media (max-width:980px) {
.ab_advantage ul{ margin-bottom:0px;}
.ab_advantage ul li{ float:left; width:48.5%;margin-right:3%; height:300px;}
.ab_advantage ul li:nth-of-type(2n){ margin-right:0;}
.ab_advantage ul li .tb{  top: 20%; left: 32%;}
.ab_advantage ul li .tb img{ width:70px;}
.ab_advantage ul li dl{top: 30%;}
.ab_advantage ul li dl dt{font-size: 15px;}
.ab_advantage ul li dl dd{ font-size:14px; margin-top:10px;}
}

/*====翻页效果====*/
.j_pages {
	margin: 0 auto;
	margin-top: 2rem; margin-bottom:50px;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.j_pages a {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #444;
	font-size: 14px;
	box-sizing: border-box;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}
.j_pages a font {
	font-size: 14px;
	color: #9f9fa7
}
.j_pages .on {
	background: #D60D10;
	color: #fff!important;
	border: 1px solid #D60D10;
}
.j_pages i {
	display: inline-block;
}
.j_pages a:hover {
	background: #D60D10;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #D60D10;
}
@media (max-width:768px) {
.j_pages a{padding: 0 11px;height: 33px;line-height: 31px; font-size:20px; margin:0 3px; font-size:14px; }

.j_pages span{ padding:0;}

.j_pages i{ width:0;}
}



/***证书放大图***/
.tpimg{
	width:100%;
	}
.tpimg ul{
	}
.tpimg ul li{
	width:18%;
	text-align:center;
	font-size:16px;
	color:#333;
	line-height:30px;
	float:left;
	margin:0.6% 1%;
	}
.tpimg ul li .photo{
	width:100%;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #ccc;
	padding:5px;
	}
.tpimg ul li .photo img{
	max-width:100%;
	min-width:100%;
	display:block;
	}
.tpimg ul li:hover{
	color:#D60D10;
	}
.tpimg ul li:hover .photo{
	border:1px solid #D60D10;
	}
@media (max-width:768px) {
.tpimg ul li{
	width:44%;
	margin:1% 5% 0 1%;
	font-size:14px;
	}
	}


/**************************联系我们**************************/
.con_lx h1{ text-align:center; font-size:30px; font-weight:bold; margin-bottom:10px;}
.con_lx ul{ margin-top:20px;}
.con_lx ul li{text-align:center;width:20.75%;float:left;border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 2% 2%; color:#666; height:165px;}
.con_lx ul li:nth-of-type(4){border-right:none;}
.con_lx ul li:last-of-type{border-right: none; }
.con_lx ul li:nth-of-type(5),.con_lx ul li:nth-of-type(6),.con_lx ul li:nth-of-type(7),.con_lx ul li:nth-of-type(8){border-bottom:none;}
.con_lx ul li .img{
	width:60px;
	height:60px;
	margin:0 auto;
	}
.con_lx ul li .img img{
	width:100%;
	}
.con_lx ul li p{ margin-bottom:5px; line-height:24px;font-size:14px; color:#666; }	
.con_lx ul li p:nth-of-type(1){ font-size:14px;color:#999; margin-top:5px; }

@media (max-width:800px) {
.con_lx h1{ font-size:22px;}
.con_lx ul li{width:45.5%; font-size:12px;height:120px; margin:0; padding-top:20px; }
.con_lx ul li .img{width:40px;height:40px;margin:0 auto;}	
.con_lx ul li p{ margin-bottom:5px; line-height:20px;}	
.con_lx ul li:nth-of-type(2), .con_lx ul li:nth-of-type(6){border-right:none;}
.con_lx ul li:nth-of-type(5),.con_lx ul li:nth-of-type(6){border-bottom:1px solid #ddd;}

}


/* leo form*/
#leo-contact-form{margin-bottom:50px;}
#leo-contact-form h1{ text-align:center; font-size:30px; font-weight:bold; margin-bottom:10px; padding-top:20px; color:#333;}
#leo-contact-form,
#leo-contact-form * {
    font-family: inherit;
    box-sizing: border-box;	
}

#leo-contact-form .title {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}
#leo-contact-form,
#leo-contact-form label,
#leo-contact-form input,
#leo-contact-form textarea {
    color: #444f5d;
}

#leo-contact-form .form-line {
    width: 100%;
    padding: 10px 10px;
}

#leo-contact-form .form-line.md-6 {
    width: 33.33%;
    float: left;
}

#leo-contact-form .form-line label {
    font-weight: normal;
    text-align: left;
}

#leo-contact-form .form-line input,
#leo-contact-form .form-line textarea {
    display: block;
    width: 100%;
    margin: auto;
    padding: 10px;
    background-color: #fff;
    border-color: #e4e3e3;
    outline: none;
    font-family: Hind, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    border: 1px solid #ddd;
	margin-top:5px;
}
#leo-contact-form p,
#leo-contact-form + p{
	margin:0;
}


/* 提交按钮 */
#leo-contact-form .form-line input.submit {
    width: 40%;
	padding: 12px 0;
	color: #fff;
	font-size:18px;
    max-width: 180px;
    border: 1px solid transparent;
	background:#2F2D2D;
	border-radius: 10em;
}

#leo-contact-form .form-line input.submit:hover {
    background:#D60D10;
    border-color: #D60D10;
    color: #fff;
}
/* 输入框 */

#leo-contact-form .form-line textarea {
    height: 8.4em;
}

#leo-contact-form .form-line input:not(.submit):hover,
#leo-contact-form .form-line textarea:hover {
    color: #797676;
    border-color: #D60D10;
    background-color: rgba(255, 255, 255, 0);
}

#leo-contact-form .form-line input:not(.submit):focus,
#leo-contact-form .form-line textarea:focus {
    color: #797676;
    border-color: #D60D10;
    background-color: rgba(255, 255, 255, 0);
}

@media (max-width: 768px) {
#leo-contact-form{margin-bottom:30px;}
#leo-contact-form h1{ font-size:22px;}
#leo-contact-form .form-line {padding: 5px 0;}
#leo-contact-form .form-line.md-6 {width: 100%;float: unset;}
#leo-contact-form .form-line input.submit { padding:8px 0;}
}


#map{height:0; padding-bottom:30%;width:100%;border:1px solid #ccc; width:100%;overflow:hidden; margin-top:20px;}	
@media (max-width:1000px) {
#map{margin-top:30px;}
}	
@media (max-width:768px) {	
#map{height:0; padding-bottom:60%;margin-top:10px;}
}


/*新闻列表*/
.n_news ul{ overflow:hidden; }
.n_news li{ width:23.5%; position:relative; display:block; overflow:hidden; background:#f6f6f6; float:left; margin:0% 2% 2% 0; padding-bottom:30px;}
.n_news li:nth-of-type(4n){ margin-right:0;}
.n_news li a{ display:block;}

.n_news li .pic_box{overflow:hidden; position:relative; width:100%;}
.n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
	height: 214px;
}
.n_news li .pic_box:hover img {transform: scale(1.05);}

.n_news li .text_box{ position:relative; padding:15px; }
.n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
.n_news li p{ font-size:14px; line-height:24px; margin-top:10px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
.n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px; border-top:1px solid #ddd; padding-top:20px;}
.n_news .fot_box span{color:#a1a1a1; font-size:14px;}
.n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; padding-top:22px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right 24px no-repeat; padding-right:30px;}
.n_news li:hover h1 a{ color:#D60D10; }
.n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right 24px no-repeat; color:#D60D10;}
.n_news li:hover .fot_box span{ }
.n_news li a:hover{ text-decoration:underline; }


.n_news h2{ text-align:center;color:#555; margin-top:50px;}

.n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; }


@media (max-width:1200px) {
.n_news li{ width:46%;}
}
@media (max-width:920px) {
.n_news li{ width:44%;}
}
@media (max-width:800px) {

.n_news li{ width:100%; padding-bottom:30px; margin:2% 0;}
.n_news ul{ margin:0;}
.n_news li .text_box{ position:relative; padding:15px;  }
.n_news .fot_box{  padding:0 15px;padding-top:20px;}
.n_news li p{ margin-top:10px;}
}
	
/*==============新闻详情右侧=====================*/
.n_news01 .right{ float:right; width:30%;}
.n_news01 .right .nr{padding:20px;background:#f6f6f6;position: relative;}
.n_news01 .right .nr div{font-size:24px;color:#333; font-weight:bold;margin-bottom: 1rem;}
.n_news01 .right .nr li{line-height:44px; border-bottom:1px solid #e6e6e6; width:100%; margin-right:40px;}
.n_news01 .right .nr li a{ float:left; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; background:url(../images/news_dot.png) left no-repeat;padding-left:12px; font-size:15px;transition:0.5s; color:#666;}
.n_news01 .right .nr li a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0); color:#e60012; text-decoration:underline;}
.n_news01 .right .nr li span{float:right; color:#999; font-size:13px; }
.n_news01 .right .nr li span a{float:right; width:20px;height:20px; background:none; padding-top:5px;}
.n_news01 .right .nr li span a:hover{-webkit-transform:translate(0px,0);transform:translate(0px,0); opacity:0.8;}
.n_news01 .right .nr li span img{width:20px;height:20px;}


/*==============新闻详情左侧=====================*/
.n_news01 .left{ float:left; width:65%; margin-bottom:50px;}

.n_news01 .ar_title{border-bottom: #f0f0f0 3px solid;padding-bottom: 0;margin-bottom: 20px;}

.n_news01 .ar_title h1{font-size: 24px; font-weight:bold;color: #333;}

.n_news01 .ar_title p span{position:relative;font-size: 14px;color: #7e8080;display:inline-block;height: 3rem;line-height: 3rem;font-weight:normal;margin-right:10px;}

.n_news01 .ar_title p span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;background-color: #B20000; }

.n_news01 .ar_title p{ display:inline-block; } 




/*====上一篇下一篇====*/

#ar_fot{padding: 20px 0 0px 0;float:left;box-sizing: border-box;width: 100%;margin-top: 20px;border-top: #d3d3d3 1px solid; color:#666;}

#ar_fot a{font-size: 15px;color: #666;font-weight:normal;}

#ar_fot a:hover{ color:#D60D10; text-decoration:underline;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title span{float: left;padding: 0 36px 0 16px;font-size:12px;color:#666;display:inline-block;line-height: 36px;height: 36px;}

.n_article .ar_title span a{font-size:12px;color:#333;float:left;margin-right: 7px;}

.n_article .ar_title .span1{ background:url(../images/time.png) left center no-repeat;}

.n_article .ar_title .span2{ background:url(../images/fx.png) left center no-repeat;}

.fl{ text-align:left; float:left;}

.fr{ text-align:right;float:right;}


@media (max-width: 1200px){
.n_news01 .left, .n_news01 .right {
    width: 100%;
}
.n_news01 .left{ margin-bottom:20px;}
}
@media (max-width: 768px){
.n_news01 .ar_title h1 { font-size:18px;}
.fl {
    float: none;
    width: 100%;
    text-align: left !important;
    margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;
}
.fr {
    float: none;
    width: 100%;
    text-align: left !important;
    margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;
}
}
@media (max-width: 320px){
.n_news01 .right .nr li a{ width:65%;}
}


/*==============产品服务类型=====================*/
.select-content{border:1px solid #dadada; background:#f6f6f6;}
.select-content dl{padding:18px 30px;_padding:0;height:auto;line-height:26px;overflow:hidden;font-size:16px;}
.select-content dl ~ dl{border-top:1px solid #dadada;}
.select-content dl dt{float:left;color:#383838;overflow:hidden;font-size:16px;margin-right:10px;}
.select-content dl dd{float:left;line-height:26px;overflow:hidden;}
.select-content dl dd a{padding:0 12px;display:inline-block; font-size:16px;}
.select-content dl dd a:hover{color:#D60D10;}
.select-content dl dd a.on{color:#fff;background:#D60D10;}
.select-content dl dd h1{margin:0 20px;display:inline-block;color:red;}
@media (max-width: 980px){
.select-content dl{ padding: 12px 15px;}
.select-content dl dt{ font-size:14px;}
.select-content dl dd a{padding:0 6px; font-size:14px;}
}

/*==============产品列表=====================*/
#s_pro_list ul{ margin:0 -0.75%; margin-top:30px; margin-bottom:50px;}
#s_pro_list li{ float:left; position:relative;  width:23.5%;  overflow:hidden; display:block; margin:0 0.75%; margin-bottom:20px; }
#s_pro_list li a{ display:block; overflow:hidden;}
#s_pro_list li a .proimg_img{ width:100%; overflow:hidden;}
#s_pro_list li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#s_pro_list li a:hover .proimg_img img{transform:scale(1.05);}
#s_pro_list li .cont{background : #f2f2f2; padding:0px 0 15px 0;}
#s_pro_list li .cont div{  display:block; line-height:40px; text-align:center;  font-size:16px; font-weight:bold;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#s_pro_list li .cont p{ padding:0 15px; color:#666; margin-bottom:10px;}
#s_pro_list li .cont p i {float: left; font-style:normal;}
#s_pro_list li .cont p span {float: right;}
#s_pro_list li .cont .view{ width:90px; height:32px; line-height:32px; font-size:14px; background:#D60D10; text-align:center; color:#fff; margin:0 auto; display:block;}

#s_pro_list li:hover .cont{  color:#333; background : #fff; }
#s_pro_list li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}

/*缓动*/
#s_pro_list li img{ -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } 

@media (max-width:768px) {
#s_pro_list ul{ margin:0;margin-top:20px;}
#s_pro_list li{ width:48.5%; margin-left:0;margin-right:3%;margin-bottom:3%;}
#s_pro_list li:nth-of-type(2n){ margin-right:0; }
#s_pro_list li:nth-of-type(3n){ margin-right:3%;}
#s_pro_list li:nth-of-type(6n){ margin-right:0; }

#s_pro_list li .cont p{ padding:0 10px; font-size:12px;}
#s_pro_list li .cont div{ font-size:15px;}
#s_pro_list li .cont p i {float: none; width:100%; display:block;}
#s_pro_list li .cont p span {float: none;width:100%;}
#s_pro_list li .cont .view{width:80px; height:30px; line-height:30px;}
}



/*==============产品列表2=====================*/
#case_list ul{ margin-bottom:50px;}
#case_list li{ position:relative;  width:100%; float:left;  overflow:hidden; display:block; margin-bottom:20px; }
#case_list li a{ display:block; overflow:hidden;}
#case_list li a .proimg_img{ width:100%; overflow:hidden;}
#case_list li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#case_list li a:hover .proimg_img img{transform:scale(1.05);}
#case_list li .cont{background : #f2f2f2; padding:10px 0 20px 0;}
#case_list li .cont div{  display:block; line-height:40px; text-align:center;  font-size:16px; font-weight:bold;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#case_list li .cont p{ padding:0 20px; color:#666; margin-bottom:10px;}
#case_list li .cont p i {float: left; font-style:normal;}
#case_list li .cont p span {float: right;}
#case_list li .cont .view{ width:90px; height:32px; line-height:32px; font-size:14px; background:#B20000; text-align:center; color:#fff; margin:0 auto; display:block;}

#case_list li:hover .cont{  color:#333; background : #fff; }
#case_list li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}

/*缓动*/
#case_list li img{ -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } 

@media (max-width:768px) {
#case_list ul{ margin:0;margin-top:20px;}
#case_list li .cont p{ padding:0 10px; font-size:12px;}
#case_list li .cont .view{width:80px; height:30px; line-height:30px;}
}



/*产品详情*/	

.m-details{overflow: hidden;background-color: #fff;}
.m-details dl{overflow: hidden;padding: 0;}
.m-details .flexslider{float: left;width: 55%;}
.m-details dd{padding-left: 58%;color: #666;font-size: 15px;line-height: 24px; margin-top:30px;}
.m-details .pic{margin: 0px auto;overflow: hidden;  margin-right:0px;}
.m-details .pic img{display: block;/*max-width: 80%;*/margin: 0px auto; width:100%;}
.m-details .slider .item{outline: 0;}
.m-details .slick-dots{text-align: center; position:relative; z-index:999; bottom:30px;}
.m-details .slick-dots li{display: inline-block;margin: 0 6px;}
.m-details .slick-dots button{display: block;width: 8px;height: 12px;background-color: #fff;border: none;text-indent: -9999em;outline: 0;cursor: pointer; border-radius:12px;}
.m-details .slick-dots .slick-active button{background-color: #B20000;}

.m-details .txt{ float:right; width:42%; margin-top:30px;}
.m-details h1{color: #333;font-size: 24px;line-height: 32px;margin:0px 0 15px 0; font-weight:bold;border-bottom:1px solid #e9e9e9; padding-bottom:15px;}
.m-details p{overflow: hidden;color: #666;font-size: 15px;line-height: 24px;}
.m-details .box {margin-bottom: 15px;  width:91.5%; margin:0 auto; padding:2% 4%;border:1px solid #ddd; border-radius:5px; margin-top:15px; }
.m-details .box p {width: 49%;display: inline-block; line-height:24px;}
.m-details .box span{ color:#D60D10;}

.m-details .online {margin-top: 25px;}
.m-details .online a {width: 49%;text-align: center;display: block;height: 50px;line-height: 50px;font-size: 16px;background-color: #D60D10;color: #fff;float: left;}
.m-details .online p {display: block;float: right;height: 50px;line-height: 50px;text-align: center;font-size: 16px;width: 49%;background-color: #f2f2f2;}
.m-details .online p span {font-weight: bold;color: #D60D10; font-size:18px;}

.product_cont{ width:100%; margin-top:20px; overflow: hidden; }
/*.product_cont h1{height:48px;line-height:48px;background:#f2f2f2;color:#333;font-size:18px;font-weight:bold; margin-bottom:20px;}
.product_cont span{padding:0 30px;display:inline-block;color:#fff; background:#B20000;}*/

@media only screen and (max-width: 980px) {

    .m-details .flexslider{float: none;width: 100%;}
	.m-details .txt{ float: none;width: 94%; margin:0 auto; margin-top:20px;}
    .m-details h2{height: auto;margin: 5px 0;}
    .m-details dl{padding: 0;}
    .m-details h1{font-size: 18px;line-height: 24px;height: auto;}
    .m-details dd{line-height: 22px; margin-top:0px; margin-bottom:20px;}
	 
	.m-details .online {margin-top: 15px;}
	.m-details .online a { font-size:15px;}
	.m-details .online p { line-height:20px; padding-top:5px; height:45px; font-size:15px;}
	.m-details .online p span{ font-size:18px;}
	.m-details p{ font-size:14px;}
	
	.m-details .box { width:96%; margin:0 auto; padding:2% 2%; margin-top:15px;}
	.m-details .box p {width: 49%; line-height:24px; font-size:14px;}
	.product_cont{ width: 94%; margin:0 auto; margin-top:20px;}
	.product_cont h1{font-size:15px;}
}

@media only screen and (max-width: 479px){
.detailtit{ height:40px; line-height:40px; text-indent:15px; font-size:15px;}
.m-details .pic{ margin-right:0px;}
}
@media only screen and (max-width: 375px){
.m-details .box p {width: 49%; line-height:24px; font-size:13px;}
.m-details .online p span{ font-size:15px;}
}
@media only screen and (max-width: 320px){
.m-details .box p {width: 99%; line-height:20px; font-size:14px;}
}


/*4S服务*/
.container03 ul{ font-size:0; margin:0 -1px; margin-top:20px;}
.container03 ul li{ display:inline-block; width:25%; position:relative; }
.container03 ul li:nth-child(2){ transition-delay:0.3s}
.container03 ul li:nth-child(3){ transition-delay:0.6s}
.container03 ul li:nth-child(4){ transition-delay:0.9s}
.container03 ul li:nth-child(5){ transition-delay:1.2s}
.container03 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; background:#D60D10; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.container03 ul li a{ display:block; margin:0 -0.5px; border:#dcdfe2 1px solid; height:280px; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden}
.container03 ul li a .shuzi{position:absolute;left:0;top: -10%;width:100%;height:100%;line-height:278px;text-align:center;font-size:180px;color:#c10101;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;opacity: 0;}
.container03 ul li a .table{position:relative;padding: 0 0px;display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}	
.container03 ul li a h3{ font-size:24px; color:#2e2f30; font-weight:bold; margin-bottom:5px; position:relative; }
.container03 ul li a h3:before{ content:""; position:absolute; top:-20px; width:18px; height:3px; left:50%; margin-left:-9px; background:#D90024;}
.container03 ul li a h3:after{ content:""; position:absolute; top:-20px; width:0; height:3px; left:50%; margin-left:-9px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container03 ul li a h5{font-size:14px;color:#a6a7ab;text-transform:uppercase;margin-bottom:16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container03 ul li a h2 img.img02{ display:none}
.container03 ul li:hover a{ border:#d90024 1px solid}
.container03 ul li:hover:before{ width:100%; left:0}
.container03 ul li:hover h3{ color:#fff}
.container03 ul li:hover h5{ color:#fff}
.container03 ul li:hover h2 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container03 ul li:hover h2 img.img02{ display:inline-block}
.container03 ul li:hover h2 img.img01{ display:none}
.container03 ul li:hover a h3:after{ width:18px}
.container03 ul li:hover a .shuzi{top:0;transition-delay:0.36s;opacity: 1;}

@media screen and (max-width: 1200px){
.container03 ul li{  width:50%;}
.container03 ul li a{ height:180px;}
.container03 ul li a h3{ font-size:20px;}
.container03 ul li a h5{font-size:12px;}
.container03 ul li a .shuzi{font-size:120px;}
}


/*服务保障*/
.container02{ overflow:hidden;  padding-top:60px;}
.container02 ul{ margin-top:20px;}
.container02 ul li{float:left;width:25%;height:560px;position:relative; overflow:hidden}
.container02 ul li:before{content:"";background:#D60D10;position:absolute;left:0;top:0;width: 100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul li a{ display:block; width:100%; height:100%; padding:2% 10%; cursor:default;}
.container02 ul li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul li .con{position:relative;z-index:1;overflow: hidden;}
.container02 ul li .con h3{ height:50px; line-height:50px; margin-top:20%;}
.container02 ul li .con h4{ font-size:15px; color:#fff; text-transform:uppercase}
.container02 ul li .con h5{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:72px; margin-top:8px; position:relative}
.container02 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul li .con p {
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	width:80%;
    transform: translateX(-400px);
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.container02 ul li:hover:before{ right:0; width:100%}
.container02 ul li:hover .con p{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.container02 ul li:hover .con h5:before{ width:35px; }
.container02 ul li .bg{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); background-size: cover;}
.container02 ul li:hover .bg{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }
.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.container02 ul li:hover .line1,.container02 ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }

@media (max-width:1200px) {
.container02{ margin-top:20px; padding-top:10px;}
.container02 ul{margin-bottom:30px;}
.container02 ul li .con h3{ margin-top:5%;}   
.container02 ul li{width:100%; height:400px; margin-bottom:1px; margin-right:1px;}
.container02 ul li:before:hover{content:"";background:#D60D10;position:absolute;left:0;top:0;width: 100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
}

.service_process{background: url(../images/service-process-bg.jpg) no-repeat center fixed;background-size: cover; padding:60px 0; margin-top:50px;}
.service_process .desp{ margin-top:30px;}
@media (max-width:1200px) {
.service_process .desp img{ width:100%;}
}

/*售后服务*/
.after_service{ margin-top:50px; background:#f6f6f6; padding:60px 0;}
.pic-word{ margin-top:20px;height:373px;}
.pic-word .pic{width:50%; float:left;height:373px;overflow:hidden;}
.pic-word .cont{width:50%; float:left;background: url(../images/after-service-bg.jpg) center top no-repeat;height:373px;}
.pic-word .desp{ padding:30px 20px;}
.pic-word .desp p{ font-size:15px; color:#666; line-height:36px;}
.pic-word .pic{position:relative;overflow:hidden;}
.pic-word img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.pic-word:hover img,.pic-word .pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

@media (max-width:1200px) {
.after_service{ margin-top:10px; background:#f6f6f6; padding:30px 0;}
.pic-word{ height:auto;}
.pic-word .pic{width:100%; float:none;height:auto;}
.pic-word .pic img{ width:100%;}
.pic-word .cont{ width:100%; float:none; height:auto;background-size: cover;}
.pic-word .desp{ padding:20px 20px;}
.pic-word .desp p{ font-size:14px; color:#666; line-height:28px;}
}

/*品质保障*/
.pzbz ul { margin-top:20px;}
.pzbz ul li{ width:12.33%; height:auto; bottom:0;margin-bottom:20px; padding-bottom:5%; border: 1px solid #ddd; border-radius: 20px; float: left; margin-right: 2%; text-align: center;}
.pzbz ul li:nth-of-type(7){ margin-right:0;}
.pzbz ul li p{ font-size: 16px; display:block; padding:0 10px;padding-top:25%; }
.pzbz ul li p span{color:#D60D10; font-size:42px; font-weight:bold;}
.pzbz ul li:hover p span{ color:#fff;}
.pzbz ul li:hover{border: none; background: #D60D10; color:#fff; border: 1px solid #b20000;}
.pzbz ul li p:hover{color:#fff;}

@media (max-width:1200px) {
.pzbz ul li{ width:22%;margin-right: 3%; height:80px; }
.pzbz ul li:nth-of-type(4){ margin-right:0;}
.pzbz ul li p{ font-size: 14px;}
.pzbz ul li p span{color:#D60D10; font-size:20px;}
}

.pzbz2{}
.pzbz2 ul{ margin-top:20px; margin-bottom:30px;}
.pzbz2 ul li{ float:left; width:23.5%;margin-right:2%; height:420px; position:relative;}
.pzbz2 ul li:nth-of-type(4){ margin-right:0;}
.pzbz2 ul li .img{ transition:all .6s;}
.pzbz2 ul li .img img{ width:100%;}
.pzbz2 ul li:hover .img{box-shadow:0 3px 15px #999;transform:translateY(-10px);}
.pzbz2 ul li .tb{ width: 80px; height: 80px; position: absolute; left: 37%; top: 40%; z-index: 999;}
.pzbz2 ul li dl{ width: 90%; height: 220px; background: #EDEDED; position: absolute; left: 5%; top: 50%;}
.pzbz2 ul li dl dt{ text-align: center; font-size: 20px; font-weight: bold; margin-top: 60px;}
.pzbz2 ul li dl dd{ width: 90%; margin:0 auto; font-size: 15px; line-height: 24px; margin-top: 10px; text-align:center; color:#666;}

@media (max-width:980px) {
.pzbz2 ul{ margin-bottom:0px;}
.pzbz2 ul li{ float:left; width:48.5%;margin-right:3%; height:360px;}
.pzbz2 ul li:nth-of-type(2n){ margin-right:0;}
.pzbz2 ul li .tb{  top: 20%; left: 32%;}
.pzbz2 ul li .tb img{ width:70px;}
.pzbz2 ul li dl{top: 30%; height: 240px;}
.pzbz2 ul li dl dt{font-size: 15px;}
.pzbz2 ul li dl dd{ font-size:14px; margin-top:10px;}
}
@media (max-width:320px) {
.pzbz2 ul li dl dd{ font-size:12px; line-height:22px; margin-top:10px;}
.pzbz2 ul li .tb{  left: 27%;}
}
.com-more{text-align:center;font-size:0;}
.com-more .btn{display:inline-block;margin:0 5px;width:180px;line-height:40px;color:#fff;font-size:14px;background:#D60D10;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-more .btn:hover{opacity:.9;}


/*施工工序*/
/*垂直居中*/
.com-table{display:table;width:100%;height:100%;}
.com-cell{display:table-cell;vertical-align:middle;width:100%;}
.box{display:block;width:100%;height:100%;}
.gongxu{ padding:60px 0; margin-top:50px; background:#f6f6f6;}
.gongxu-list{margin-left:-23px;margin-right:-43px; margin-top:20px;}
.gongxu-list li{position:relative;float:left;width:9.6857%;padding:0 43px 0 23px;margin-bottom:30px;}
.gongxu-list li:before{content:"";position:absolute;left:-13px;top:50%;width:26px;border-bottom:1px solid #d2d2d2;}
.gongxu-list li:nth-of-type(1):before{ width:0;}
.gongxu-list li:nth-of-type(8):before{ width:0;}
.gongxu-list li .box{border-radius:50%;border:10px solid #e5e5e5;text-align:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s; height:142px; }
.gongxu-list li .box:hover{border-color:#D60D10;}
.gongxu-list li .box div{line-height:1;font-size:37px;color:#D60D10;font-family:"Impact","微软雅黑";}
.gongxu-list li .box p{margin-top:18px;line-height:1.4;font-size:16px;color:#666;padding:0 10px;height:25px;}
@media (max-width:1400px){
.gongxu-list li{width:9.2857%;}
.gongxu-list li .box{ height:132px;}
.gongxu-list li .box p{margin-top:5px;font-size:14px;}
}
@media (max-width:1344px){
.gongxu-list li{width:8.2857%;}
.gongxu-list li .box{ height:112px;}
}
@media (max-width:980px){
.gongxu{ padding:30px 0; margin-top:30px;}
.gongxu-list{ margin-left:0}
.gongxu-list li{ width:22%; padding:0 6% 0 2%; margin-bottom:10px;}
.gongxu-list li .box{ height:96px;border:5px solid #e5e5e5;}
.gongxu-list li .box div{ font-size:24px;}
.gongxu-list li:before{content:"";position:absolute;left:-13px;top:50%;width:15px;border-bottom:1px solid #d2d2d2;}
.gongxu-list li:nth-of-type(8):before{ width:15px;}
.gongxu-list li:nth-of-type(4):before{ width:0;}
.gongxu-list li:nth-of-type(7):before{ width:0;}
.gongxu-list li:nth-of-type(10):before{ width:0;}
.gongxu-list li:nth-of-type(13):before{ width:0;}

}
@media (max-width:375px){
.gongxu-list li{ padding:0 7% 0 2%;}
.gongxu-list li .box{ height:88px;}
.gongxu-list li .box p{margin-top:3px;font-size:12px;}
}
@media (max-width:320px){
.gongxu-list li{ padding:0 7% 0 1%;}
.gongxu-list li .box{ height:78px;}
}

/*施工案例*/
.case{ padding-top:50px; padding-bottom:50px;}
.case h1{ text-align:center; font-size:36px; color:#333; font-weight:bold;}
.case dl{width:49%; height:300px;overflow: hidden;box-sizing: border-box; position: relative; margin-right:1.5%;margin-bottom: 20px; margin-top:20px; float: left; border:1px solid #ddd; }
.case dl:nth-of-type(2n){ margin-right:0;}
.case  dl dt{width: 65%;height: 300px; overflow: hidden; display: block; float: left;}
.case  dl dt img{width: 100%;height: 300px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case  dl dt img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.case  dl dd{height: 300px; background: #f6f6f6; width: 35%;padding:35px 15px 20px 25px; box-sizing: border-box; float: left;  }
.case  dl dd h3{font-weight: bold;text-align: left;font-size: 18px; color: #222222; height: 40px; line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; }
.case  dl dd h3 a{ color: #222222; }
.case  dl dd p{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; line-height: 25px;overflow: hidden; font-size:14px;color: #666;  }
.case  dl dd span a{width: 116px; height: 32px; margin-top:10px; display: block; line-height:32px; text-align:center;  background:#D60D10; color:#fff; }
.case  dl:hover dd h3 a{ color: #D60D10; }
.case  dl:hover{  cursor: pointer; }
.case  dl:hover { box-shadow:0 3px 10px #ccc;transition: all 0.5s ease-in-out;  }
.case  dl:hover dd span a{ background:#333; } 

@media (max-width:1200px){
.case{ padding-top:30px; padding-bottom:20px;}
.case dl{width:100%; float:none; margin-right:0; height:auto;}
.case dl dt{width:100%; float:none; height:auto;}
.case  dl dt img{width: 100%;height: auto;}
.case dl dd{width:100%; float:none; height:auto;padding:15px 15px 20px 15px;}
}


.i_pro_t{ border-left:5px solid #D60D10; margin-bottom:15px; padding-left:8px; height:20px; line-height:20px; margin-top:0%; /*overflow:hidden;*/ font-size:22px; font-weight:bold; }
.ggz-4 li{ float:left; position:relative;  width:23.7%;  overflow:hidden; display:block; margin:0px 1.5% 2% 0px;border:1px solid #d3d3d3; }
.ggz-4 li:nth-of-type(4n){ margin-right:0;}
.ggz-4 li a{ display:block;    overflow:hidden;}
.ggz-4 li a .proimg_img{ width:100%; overflow:hidden;}
.ggz-4 li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.ggz-4 li a .proimg_img:hover img{transform:scale(1.05);}

.ggz-5 li{ float:left; position:relative;  width:18.62%;  overflow:hidden; display:block; margin:0px 1.5% 2% 0px;border:1px solid #d3d3d3; }
.ggz-5 li:nth-of-type(5n){ margin-right:0;}
.ggz-5 li a{ display:block;    overflow:hidden;}
.ggz-5 li a .proimg_img{ width:100%; overflow:hidden;}
.ggz-5 li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.ggz-5 li a .proimg_img:hover img{transform:scale(1.05);}

.ggz-3 li{ float:left; position:relative;  width:32.15%;  overflow:hidden; display:block; margin:0px 1.5% 2% 0px;border:1px solid #d3d3d3; }
.ggz-3 li:nth-of-type(3n){ margin-right:0;}
.ggz-3 li a{ display:block;    overflow:hidden;}
.ggz-3 li a .proimg_img{ width:100%; overflow:hidden;}
.ggz-3 li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.ggz-3 li a .proimg_img:hover img{transform:scale(1.05);}


.ggz-2 li{ float:left; position:relative;  width:49%;  overflow:hidden; display:block; margin:0px 1.5% 2% 0px;border:1px solid #d3d3d3; }
.ggz-2 li:nth-of-type(2n){ margin-right:0;}
.ggz-2 li a{ display:block;    overflow:hidden;}
.ggz-2 li a .proimg_img{ width:100%; overflow:hidden;}
.ggz-2 li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.ggz-2 li a .proimg_img:hover img{transform:scale(1.05);}

.ggz-2,.ggz-3,.ggz-4,.ggz-5{ margin-bottom:10px;}

/*缓动*/
.ggz-2 li img,.ggz-3 li img,.ggz-4 li img,.ggz-5 li img{ -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } 

@media (max-width:1200px) {
.ggz-2,.ggz-3,.ggz-4,.ggz-5{ margin-bottom:20px;}
.i_pro_t{ font-size:18px;}
.ggz-3 li,.ggz-4 li,.ggz-5 li{ width:47.9%;margin-right:3%;margin-bottom:3%;}
.ggz-3 li:nth-of-type(1){ width:99.5%; margin-right:0;}
.ggz-3 li:nth-of-type(3n){ margin-right:0;}
.ggz-4 li:nth-of-type(2n){ margin-right:0; }
.ggz-5 li:nth-of-type(1){ width:99.5%; margin-right:0;}
.ggz-5 li:nth-of-type(3n){ margin-right:0;}
}

/*精英团队*/
.team-show{position:relative;background:#f6f6f6; margin-bottom:20px;}
.team-show .pic{width:66.5%; float:left;}
.team-show .pic img{width:100%;}
.team-show .cont{width:23.5%;padding:5%; float:left;}
.team-show .cont p{ font-size:15px; color:#666; line-height:28px;}
.team-show .cont .zx{display:inline-block;margin-right:8px; margin-top:20px;width:120px;line-height:40px;text-align:center;font-size:14px;background:#D60D10;color:#fff;}
.team-show .cont .zx:hover{bottom:0;opacity:0.9;}

.team-tit{border-bottom:1px solid #dcdcdc;line-height:60px;margin-bottom:20px;}
.team-tit h2{font-size:24px;color:#333; font-weight:bold;}
.team-tit h1{position:relative;bottom:-1px;display:inline-block;padding:0 ;border-bottom:4px solid #D60D10;font-size:24px;color:#333; font-weight:bold;line-height:61px;}
.team-intro p{font-size:14px!important;color:#666!important;line-height:30px;}

@media (max-width:980px){
.team-show{ margin-bottom:10px;}
.team-show .pic{width:100%; float:none;}
.team-show .cont{ width:90%; float:none;}
.team-show .cont .zx{ margin-top:10px;}

.team-tit{line-height:40px;}
.team-tit h1{line-height:41px;font-size:20px;}
}




/*********************滚动***********************/
.marqueeleft{
	/*height:90px;*/
	width:100%;
	max-width:1400px;
	overflow:hidden;
	margin:0px auto;
	margin-top:20px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:300px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	width: 300px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}

.marqueeleft li>a> .gd_txt{ position:absolute; left:0; right:0; bottom:-100%;color:#fff; transition:all ease 500ms; -webkit-transition:all ease 500ms; opacity:0; text-align:left; padding:0 20px; }
.gd_txt h1{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:10px;}
.gd_txt p{ font-size:15px; margin-bottom:5px;}
.gd_txt div span{ background:#D60D10; width:auto; display:inline-block; color:#fff;  line-height:30px;font-size:15px; padding:0 12px;margin-bottom:5px;}

.marqueeleft li:hover>a> .gd_txt{ opacity:1; bottom:30px;}
	

@media screen and (max-width: 720px){
	
.marqueeleft li{width:160px;margin:0 6px;}	
.marqueeleft li .pic{width:160px; }	
.marqueeleft li>a> .gd_txt{padding:0 10px; }
.gd_txt h1{margin-bottom:5px; font-size:18px;}
.gd_txt p{ font-size:12px; margin-bottom:2px;}
.gd_txt div span{font-size:12px; line-height:20px;padding:0 8px;margin-bottom:2px;}	
.marqueeleft li:hover>a> .gd_txt{ bottom:0px;}
}




/*==============job=====================*/

#list_slide{  position:relative;}

#list_slide dl{  overflow:hidden; border:1px solid #ebebeb;  margin-bottom:10px; }

#list_slide dt{border:none;  display:block; position:relative; padding:10px 25px;  cursor:pointer;   background:url(../images/jian01.png) 98% center no-repeat #F2F3F4;}

#list_slide dt h1{  color:#444444; font-size:15px; line-height:30px; display:block; font-weight:bold;}

#list_slide dd{ display:none; padding:0 40px; padding-bottom:20px; line-height:36px; background:#F2F3F4;   }

#list_slide dd p{ line-height:22px;  }

#list_slide dd .content{ padding-top:20px;}

#list_slide dt.on td{ color:#fff;}

#list_slide dt.on{ background:url(../images/jian01_on.png) 98%  center no-repeat #6CBB5A; }

#list_slide dt.on h1{color:#fff;}


@media (max-width:980px) {
#list_slide dt{padding:10px 20px; }
#list_slide dd{ padding:0 20px; }	
#list_slide dt{border:none;  display:block; position:relative; padding:10px 25px;  cursor:pointer;   background:url(../images/jian01.png) 96% center no-repeat #F2F3F4;}
#list_slide dt.on{ background:url(../images/jian01_on.png) 96%  center no-repeat #6CBB5A; }
}

/*留言*/
.zxly_er{ max-width:1400px; margin: 0 auto;margin-top: 10px; }
.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:1%;}
.zxly_er li.left{ float:left;}
.zxly_er li.right{ float:right;}
.zxly_er li .input_txt{ width:95.5%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly_er li.textarea{ width:100%; margin:0;}
.zxly_er li.textarea textarea{ width:97.8%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:160px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#6CBB5A;}
.zxly_er .input_btn2{ width:160px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#333;}
@media screen and (max-width: 720px){
.zxly_er li {
    width: 100%;
    margin-bottom: 2%;
}
.zxly_er li.textarea textarea{ width:95.5%; padding:1% 2%;}
}


.ny_products{}
.ny_products ul{ margin-left:-3%;}
.ny_products li{ float:left; width:30.333%; margin-left:3%; margin-bottom:3%;overflow:hidden; }
.ny_products li .border{ border:8px solid #f6f6f6;transition:all 1.0s;}
.ny_products li .border:hover{border:8px solid #6CBB5A;}
.ny_products li .border .pic{overflow:hidden; position:relative;}
.ny_products li img{ width:100%;transition:all 1.0s;}
.ny_products li:hover img{ transform:scale(1.1);}

.ny_products li .title{ padding: 20px; background:#f6f6f6;transition:all 1.0s;}
.ny_products li:hover .title{ background:#6CBB5A; color:#fff;}
.ny_products li .title .bt{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.ny_products li .title p{ font-size:14px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ny_products li .title .more{ margin-top:20px;}
.ny_products li .title .more i{ width:20px; height:20px; line-height:20px; border-radius:30px; border:1px solid #999; font-size:12px; display:inline-block; text-align:center; color:#333; margin-right:5px;}
@media screen and (max-width: 640px) {
.ny_products ul{ margin-left:0%;}
.ny_products li{ float:left; width:100%; margin-left:0%; margin-bottom:5%;}
.ny_products li .title{ padding:20px 20px;}
.ny_products li .title .more{ margin-top:10px;}

}