@charset "utf-8";
/* CSS Document */
.bgf0{ background-color:#f0f0f0;}
.bgeee{ background-color:#eee;}
.bg2b{ background-color:#2b2b2b;}
.bg2d{ background-color:#2d2d2d;}
.bgd1{ background-color:#d1d1d1; }
.color333{ color:#333;}
.colorfff{ color:#FFF !important;}
.pt100{ padding-top:100px;}
.pt80{ padding-top:80px;}
.pb80{ padding-bottom:80px;}

.pt60{ padding-top:60px;}
.pb60{ padding-bottom:60px;}
.pt40{ padding-top:40px;}
.pb40{ padding-bottom:40px;}
.pt20{ padding-top:20px;}
.pb10{  padding-bottom:10px;}

/*--head--*/


.br1_db{ border-right:1px solid #dbdbdb;}
#head1 .welcome{ float:left;}
#head1 p{ line-height:40px; color:#8c8c8c; font-size:12px;}
#head1 p a{color:#8c8c8c; cursor:pointer;}
#head1 p a:hover{ text-decoration:underline;}
#head1 .p{ float:right; border-left:1px solid #dbdbdb; width:180px; background-position:23px center; background-repeat:no-repeat; text-indent:43px;}
#head1 .tel{ background-image:url(../images/top_tel.png);}
#head1 .e_mail{ background-image:url(../images/top_mail.png);}

#head1{ width:100%; height:138px; position:fixed; top:0px; left:0px; z-index:300; background-color:#fff;box-shadow: 0px 1px 2px #333;}

#head1 .logo{ float:left;}
#head1 .logo a{ display:block; width:156px; height:auto; margin-top:31px;}
#head1 .logo a img{ width:100%;}
.nav{ float:left; margin-left:40px; margin-top:31px;}
.nav > li{ float:left; padding-left:16px; padding-right:16px; line-height:36px; height:67px;}
.nav > li > a{ float:left;text-align:center; color:#333; font-size:16px; }
.nav > li:hover > a{ color:#e90010;}
.nav > li > ul{ position:absolute; top:98px; display:none; z-index:500; background-color:#FFF;  border-radius:0px 0px 5px 5px;box-shadow: 0px 3px 2px #838383;}
.nav > li > ul > li{ margin-bottom:6px; padding-left:14px;  padding-right:14px; min-width:140px;}
.nav > li > ul > li > a{position:relative; display:block; text-align:center; color:#333; font-size:14px; width:100%;font-weight:bold;background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}
.nav > li > ul > li > a:hover{ color:#e90010;}

.yuan{ display:block; position:absolute; right:15px; width:32px; cursor:pointer; height:32px;  border-radius:50%;margin-top:33px; line-height:32px; text-align:center; color:#a0a0a0; z-index:301}
.searchshow{ font-size:21px !important;  right:58px; line-height:30px;}
.yuan:hover{ background-color:#c90010; color:#FFF;}
.searchshow:hover{ color:#FFF;}
.searchbox{position:fixed; top:138px;width:100%;z-index:500; display:none; }

.searchshow2{ display:none; float:right; width:42px; height:42px; cursor:pointer; line-height:42px; font-size:22px !important; text-align:center; color:#a0a0a0;}
.searchshow2:hover{background-color:#c90010; color:#FFF;}
#search_form{ float:right;}
#search_form .searchTxt{ float:left; width:168px; text-indent:5px;color:#fff; background-color:rgba(201,0,16,0.8); height:34px; line-height:34px;}
#search_form .searchPic{ float:left; height:34px; width:38px; cursor:pointer; background-color:rgba(201,0,16,0.8); color:#FFF; font-size:22px !important;  text-align:center; line-height:34px;}

#head1_1{ float:left; width:100%; height:138px;}

#head2{position:fixed; display:none; top:0px; left:0px;z-index:300; width:100%; background-color:#fff; height:42px;box-shadow: 0px 1px 2px #666; background-image:url(../images/logo.png); background-position:center center; background-repeat:no-repeat; background-size:auto 21px;}

.toggle {
	display:none;
	position:fixed;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
	z-index:301;
}
.toggle .icon{ color:#a0a0a0;}

#head2_2{float:left;display:none; width:100%; height:42px;} 


@media(max-width: 1170px){
#head1 .logo a{ width:1.5rem;}
.nav{ margin-left:20px;}
.nav > li{ padding-left:12px; padding-right:12px; }
.nav > li a{ font-size:16px;}

}

@media(max-width: 991px){
.nav{ display:none;}
.toggle{ display:block; padding:4px; top:73px; right:18px;}
.yuan{ right:62px;}
.searchshow{ right:108px;}
}



@media(max-width: 767px){
	#head1{ display:none;}
    #head1_1{ display:none;}
	#head2{ display:block;}
    #head2_2{display:block;} 
    .searchshow2{ display:block;}
	.searchbox{top:42px;}
	.toggle{ display:block; left:0px;padding:9px; top:0px;}
	
     
}



/*--banner--*/
#banner{ float:left; width:100%; height:594px;}
#banner2{ float:left; width:100%;}
#banner2 .bannerimg{ max-width:1200px; position:relative; margin:0 auto;}
#banner2 .bannerimg img{ width:auto; height:100%; position:absolute; left:50%;}

@media(max-width: 1200px){
	#banner2 .bannerimg{ overflow:hidden;}

}
@media(max-width: 768px){
	#banner{ display:none;}

}

/*--main--*/
.titlespan{ width:100%; float:left;  text-align:center; line-height:32px; font-size:0.3rem; font-weight:bold;}
.titlespan .line{ display:inline-block; width:76px; height:5px;border-bottom:1px solid #bfbfbf; border-top:1px solid #bfbfbf;}

/*--hot_product--*/
.hot_product{ padding-top:54px; padding-bottom:60px;}

#pic_list_1{position:relative; float:left; width:100%; margin-top:40px;}


#pic_list_1 .box{ float:left; width:100%;}
#pic_list_1 .box a{ margin:0 auto; width:280px; display:block; height:362px;}
#pic_list_1 .box a .imgbox{ float:left; position:relative; display:block; overflow:hidden; width:280px; height:280px;}
#pic_list_1 .box a .imgbox img{ position:absolute; width:452px; height:280px; left:50%; margin-left:-226px;}
#pic_list_1 .box a span{ width:100%; display:block; font-size:16px; line-height:24px; height:24px; text-align:center; padding-top:14px; float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pic_list_1 .box a .w100{ text-align:center;}
#pic_list_1 .box a .w100 font{ width:102px; height:24px; display:inline-block; position:relative; line-height:24px; text-align:center; border:1px solid #7d7d7d; margin-top:10px;}

#pic_list_1 .box a .w100 font::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #c90010;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	
	}

#pic_list_1 .box a:hover .w100 font{ color:#FFF; border:1px solid #c90010;}
#pic_list_1 .box a:hover .w100 font::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*--SOLUTION--*/
.imagelist1{ padding-top:54px; padding-bottom:45px;}
.imagelist1 ul{ float:left; width:100%; margin-top:36px;}
.imagelist1 ul li{ margin-bottom:48px;}
.imagelist1 ul li a{ position:relative; display:block; float:left;}
.imagelist1 ul li a img{ float:left; width:100%; height:auto;}
.imagelist1 ul li a span{  font-size:0.16rem; line-height:0.44rem;  text-indent:0.1rem ; width:100%; position:absolute; left:0px;   padding-top:30px; bottom:0px; color:#FFF;
background-image:-webkit-linear-gradient(
    to bottom, 
    rgba(0,0,0,0) 0%, 
    rgba(0,0,0,0.2) 20%, 
    rgba(0,0,0,0.4) 40%, 
    rgba(0,0,0,0.6) 60%, 
    rgba(0,0,0,0.8) 80%, 
    rgba(0,0,0,1) 100%);

  background-image: linear-gradient(
    to bottom, 
    rgba(0,0,0,0) 0%, 
    rgba(0,0,0,0.2) 20%, 
    rgba(0,0,0,0.4) 40%, 
    rgba(0,0,0,0.6) 60%, 
    rgba(0,0,0,0.8) 80%, 
    rgba(0,0,0,1) 100%);
	}
.imagelist1 ul li a i{ display:block; width:100%; height:100%; transition: 0.3s ease-in-out;position:absolute; left:0px; top:0px; background-color:rgba(0,0,0,0); background-image:url(../images/jia.png); background-position:center center; background-repeat:no-repeat; opacity: 0;}
.imagelist1 ul li a:hover i{background-color:rgba(0,0,0,0.6);transition: 0.3s ease-in-out;opacity: 1;}
.imagelist1 .view{ display:block; width:148px; height:32px; line-height:32px; border:1px solid #626262; border-radius:3px; text-align:center; font-size:16px; margin:0 auto;}



@media (max-width: 384px) {
  .imagelist1 ul li{ margin-bottom:20px;}
  .imagelist1 ul li a span{font-size:0.32rem; line-height:0.8rem;  text-indent:0.2rem ; }
  
}



/*--service--*/

.service{padding-top:54px; padding-bottom:70px; background-image:url(../images/service_bg.jpg); background-repeat:no-repeat; background-position:center center;}
.service .imgbox{ margin-top:50px; text-align:center; display:block;position:relative;  float:left; width:41%; margin-right:9%; height:auto;}
.service .imgbox img{ width:100%; height:auto;}

.service .wenzibox{ margin-top:42px; width:50%; text-align:center;}
.service .wenzibox div{ height:208px; text-align:left; overflow:hidden;line-height:26px; color:#FFF;}
.service .wenzibox .view{ float:left; color:#FFF; width:121px; height:30px; line-height:30px; border:1px solid #FFF; text-align:center; margin-top:12px;}
@media (max-width: 991px) {
.service .imgbox{ width:100%;}
.service .imgbox img{ width:90%; display:inline-block;}
.service .wenzibox{ width:100%; margin-top:24px;}
.service .wenzibox div{ width:90%; text-align:left; display:inline-block;}
.service .wenzibox .view{ margin-left:5%;}
}
@media (max-width: 767px) {
.service .wenzibox div{ font-size:14px; line-height:21px; height:187px;}
}

@media (max-width: 648px){
.service .wenzibox div{ font-size:12px; line-height:21px; height:105px;}

}

/*--footer--*/
.footer .bgd1 p{ float:left; line-height:64px; color:#787878;}

.footer .shang{ padding-top:70px; padding-bottom:70px;}
.footer .shang .list{ float:left;} 
.footerLink{
	margin-top:16px;
	float:right;
	width:182px; 
	background:url(../images/link_bg.jpg) right center no-repeat #fff;
	position:relative;
	display:inline; 
	z-index:199; 
	cursor:pointer;

	}
	
	
.footerLink span{
	line-height:32px;
	padding-left:12px;
	
	color:#494949;
	font-size:12px;
	}
.footerLinkCon{
	width:156px;
	padding:12px;
	background:#fff;
	border:1px solid #e7e7e7;
	position:absolute;
	bottom:32px;
	left:0;
	display:none
	}
	
.footerLinkCon a{
	 font-size:12px;
	display:inline-block;
	line-height:24px;
	text-indent:8px;
	color:#494949;
	background:url(../images/sanjiao.png) no-repeat left 10px
	}
.footerLinkCon a:hover{
	color:#cd0909;
	background:url(../images/sanjiao2.png) no-repeat left 10px;
	}
.link{ float:right; margin-right:20px; margin-top:16px; background-image:url(../images/logo-2.png); background-position:left center; background-repeat:no-repeat; width:156px; height: 32px;background-size:auto 32px;}	
	
	
.list{ float:left;}	
.list > span{ float:left; font-size:16px; color:#333; padding-bottom:18px; width:100%;}	
.aboutbox > p{ float:left; font-size:12px; color:#787878; line-height:24px;}
.aboutbox > a{ float:left; width:78px; height:26px; display:block; text-align:center; line-height:26px; background-color:#c90010; color:#FFF; margin-top:18px;}	

.list ul{ float:left;}
.list ul li{width:100%; float:left;}
.productbox li{  line-height:24px; }
.productbox li a{ color:#787878; font-size:12px; line-height:24px;}
.productbox li a:hover{ color:#c90010;}
.news ul{ margin-top:5px;}
.news ul li{ margin-bottom:20px;}
.news ul li:nth-child(3n){ margin-bottom:0px;}
.news ul li a .imgbox{ width:58px; height:58px; position:relative; float:left; overflow:hidden;}
.news ul li a .imgbox img{ position:absolute; left:50%; margin-left:-48px; width:94px; height:58px;}
.news ul li a span{ float:right; font-size:12px; color:#787878; display:block; width:72%; line-height:16px; height:32px; overflow:hidden;}
.news ul li a font{  float:right;width:72%; font-size:12px; color:#999999; line-height:18px; padding-top:6px;}
.news ul li a:hover span{color:#c90010;}
.contactbox div{ float:left; width:100%; font-size:12px; color:#787878; line-height:26px; }
.contactbox div a{color:#787878;}
.contactbox div a:hover{ text-decoration:underline;}
.contactbox img{ float:left; margin-top:12px; height: 86px;width: 86px;}

@media (max-width: 648px){

.footer .bgd1 p{ font-size:12px; width:100%; text-align:center; line-height:36px;}
.footerLink{ display:none;}
.link{ display:none;}
}



/*--other--*/

#banner .w1200{ text-align:center;}
#banner .lanmu{ display:inline-block; font-size:0.45rem; font-weight:bold; color:#FFF;text-transform:uppercase;}
#banner .lujing{ display:inline-block; font-size:18px; color:#FFF; line-height:36px;}
#banner .lujing a{ color:#FFF; }
#banner .lujing a:hover{text-decoration:underline;}
@media (max-width: 767px) {
.hide_767{ display:none;}
}

.main{ float:left; width:100%;}


.nav_left{ float:left; width:23%;}
.main_right{ float:right; width:75%;}
@media (max-width: 1024px) {
 .nav_left{ display:none;}
 .main_right{ width:100%;}

}
/*----nav_left---*/

.nav_left .lefttitle{ float:left; width:100%; display:block;  font-size:20px; font-weight:bold;}
.nav_left ul{ float:left; width:100%;}
.cp_left{ margin-top:18px; margin-bottom:10px;}
.cp_left li{ float:left; width:100%; background-color:#eee; margin-bottom:14px;}
.cp_left li a{ float:left;transition: 0.4s ease-in-out; width:100%; display:block; z-index:1; overflow:hidden; line-height:52px; height:52px; text-indent:20px; font-size:16px; position:relative; background:url(../images/lefta.png) 234px center no-repeat;}
.cp_left li a:hover{ color:#C90010;background:url(../images/lefta2.png) 234px center no-repeat;}

.nav_left > p{ float:left; width:100%; line-height:42px; font-size:16px; color:#333;}
.nav_left > p.tel{ background:url(../images/tel_left.png) left center no-repeat; text-indent:32px;}
.nav_left > p.e_mail{ background:url(../images/e_mail_left.png) left center no-repeat; text-indent:32px;}
.nav_left > p.fax{ background:url(../images/fax_left.png) left center no-repeat; text-indent:32px;}
.faq_left{ margin-bottom:18px;}
.faq_left li{ float:left; margin-top:18px; width:100%;}
.faq_left li a p{ color:#333; line-height:24px;transition: 0.3s ease-in-out; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.faq_left li a span{ font-size:12px;  color:#939393; line-height:24px;}
.faq_left li a:hover p{ color:#E60012;}
.recent_left{ margin-top:21px; margin-bottom:10px;}
.recent_left li{ float:left; width:100%; margin-bottom:16px; margin-top:2px;}
.recent_left li a .imgbox{ float:left; width:29%; height:75px; overflow:hidden; position:relative; background-color:#666;}
.recent_left li a .imgbox img{ position:absolute; width:121px; left:50%; margin-left:-60px; height:75px;}
.recent_left li a span{ float:right;color:#333; padding-left:3%; width:68%;}
.recent_left li a font{ color:#939393;font-size:12px; margin-left:3%; line-height:32px;color:#939393; }
.recent_left li a:hover font{ color:#e60012;}

/*----main_right---*/

.mr15{ margin-right:20px;}
.cp_list li{ float:left; padding-bottom:14px; width:30.3333333%; margin-right:1.5%; margin-left:1.5%;}
.cp_list li a{ display:block; width:100%; height:auto; float:left;}
.cp_list li a .imgbox{ float:left; position:relative; display:block;  border:1px solid #e5e5e5; overflow:hidden; width:99%; height:280px;}
.cp_list li a .imgbox img{ position:absolute; width:452px; height:280px; left:50%; margin-left:-226px;}
.cp_list li a span{ width:100%; display:block; font-size:16px; line-height:24px; height:48px; text-align:center; padding-top:14px; float:left;}
.cp_list li a:hover span{ color:#e60012;}



@media (max-width:991px) {

 .cp_list li{ width:47%;  margin-right:1.5%; margin-left:1.5%;}

}

@media (max-width: 528px){
 .cp_list li{ width:90%;  margin-right:5%; margin-left:5%;}

}



.w100 > .biaoti{ color:#333; font-size:26px; width:100%; display:block;text-align:center; line-height:39px; padding-top:20px;}

.w100 > div.biaoti{ text-transform:uppercase; font-size:28px; font-weight:bold;}
@media (max-width:991px){
.w100 > h1.biaoti{ font-size:0.24rem; line-height:0.36rem;}
.w100 > div.biaoti{ font-size:0.3rem;}
}

@media (max-width:480px){
.w100 > h1.biaoti{ font-size:14px; line-height:21px;}
.w100 > div.biaoti{ font-size:0.36rem;}
}


.w100 > font.bb{ color:#999;line-height:14px; font-weight:normal; display:inline-block; border-right:1px solid #999999; margin-top:16px; padding-right:10px; margin-right:10px; }
.go_back{ color:#C90010; cursor:pointer;}
.go_back:hover{ text-decoration:underline;}
.w100 > .linef0{ width:100%; height:1pxl; float:left; background-color:#f0f0f0; margin-top:20px;}
.w100 > .linef0 > .linec4{height:1px;background-color:#c4c4c4; width:91px; margin:0 auto;}

/*----product_art---*/
.productimg{ padding-top:48px; padding-bottom:48px;}

.mod18{ width: 100%;margin: 0px auto; position: relative;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 #prevTop,.mod18 #nextTop{top:207px;width:36px;height:36px;line-height:36px;  background-color:#BFBFBF; color:#FFF; border-radius:50%; font-size:19px !important;}
.mod18 #prevTop{  text-indent:7px; left:25%;}
.mod18 #nextTop{ text-indent:9px; right:25%;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:450px;height:450px; position:relative; float:left;color:#fff; overflow:hidden;}
.mod18 .cf li a img{ position:absolute; width:726px; height:450px; left:50%; margin-left:-363px;}
.mod18 .cf li span{display:block;width:450px;position:relative; font-size:16px; color:#333; float:left;line-height:42px;text-align:center;}
.mod18 .picBox{height:492px;position:relative;overflow:hidden; margin:0 auto; width:450px;}
.mod18 .picBox ul{height: 492px;position:absolute;}
.mod18 .picBox li{width:450px;height: 492px;}
.mod18 .listBox{ width: 291px; height: 77px; margin: 20px auto; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:77px;position:absolute;}
.mod18 .listBox li{width:75px;height:75px; margin-left:10px; margin-right:10px; float:left;cursor:pointer;position:relative; float:left; position:relative; overflow:hidden;border:1px solid #e5e5e5;}
.mod18 .listBox li img{width:121px;height:75px; position:absolute; left:50%; margin-left:-60px;}
.mod18 .listBox li.on{border:1px solid #e60012;}



.productbody{ float:left; width:100%; }
.productbody .tagbox{ height:auto; text-align:center;}
.productbody .tagbox a{ line-height:40px; padding-left:16px; margin-bottom:12px;border:1px solid #999;  padding-right:16px; color:#FFF; display:inline-block; margin-left:6px; margin-right:6px; cursor:pointer;}

.productbody .tagbox a.active{ background-color:#e60012;}

.line45{ width:100%; height:1px; float:left; background-color:#454545; margin-top:20px;}
.line45 > .line73{height:1px;background-color:#737373; width:91px; margin:0 auto;}
.productbody .body{ padding-top:45px;}
.productbody .body p{ line-height:24px;  color:#CCC;}
.productbody .body img{ width:100%; height:auto;}
@media (max-width: 991px){
.mod18 #prevTop{ left:14%;}
.mod18 #nextTop{right:14%;}

.productbody .tagbox a{line-height:32px; height:32px;  padding-left:12px;  padding-right:12px;}
}


@media (max-width: 450px){
.mod18{ width: 100%;}
.mod18 #prevTop,.mod18 #nextTop{top:132px;}
.mod18 #prevTop{ left:15px;}
.mod18 #nextTop{right:15px;}
.mod18 .cf a{width:300px;height:300px;}
.mod18 .cf li a img{width:484px; height:300px; left:50%; margin-left:-242px;}
.mod18 .cf li p{width:100%;font-size:14px; color:#333; float:left;line-height:24px;}
.mod18 .picBox{ height:348px; width:300px;}
.mod18 .picBox ul{height:348px;}
.mod18 .picBox li{width:300px; height:348px;}
.mod18 .listBox{ width: 291px; height: 77px; margin: 20px auto; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:77px; position:absolute;}
.mod18 .listBox li{width:75px; height:75px; margin-left:10px; margin-right:10px; float:left; cursor:pointer; position:relative; float:left; overflow:hidden;border:1px solid #e5e5e5;}
.mod18 .listBox li img{width:121px;height:75px; position:absolute; left:50%; margin-left:-60px;}
.mod18 .listBox li.on{border:1px solid #e60012;}

}




/*---about--*/

.w42{ width:45%; margin-right:5%; margin-top:40px;}

.w42 .abouttitle{ font-size:18px; line-height:56px; width:100%;}
.aboutimgbox{ margin-top:40px;}
.aboutimgbox li{ float:left;position:relative; height:auto;}
.aboutimgbox li img{width:100%; float:left; height:auto;}
.aboutimgbox li p{ position:absolute; left:0px; bottom:0px; line-height:30px; color:#FFF; background-color:rgba(0,0,0,0.6); display:block; width:100%; text-indent:10px;}

.aboutul li{ float:left; width:29.33%; margin-top:40px; margin-bottom:40px; padding-left:2%; padding-right:2%; text-align:center;}
.aboutul li .imgbox{ width:225px; height:225px; margin:20px auto; position:relative; border-radius:50%; overflow:hidden;}
.aboutul li .imgbox img{ position:absolute; width:363px; height:225px; left:50%; margin-left:-181px;}
.aboutul li span{ width:100%; color:#FFF; display:block; font-size:16px; line-height:42px;}
.aboutul li p{ color:#959595; line-height:20px; font-size:12px;}

@media (max-width: 767px){
.aboutul li{ width:43%; padding-left:3%; padding-right:3%;}
.aboutul li:nth-child(3n){ width:94%; padding-left:3%; padding-right:3%;}
.aboutul li:nth-child(3n) p{ width:50%; margin:0 auto; }
}


@media (max-width:512px){
.aboutul li{ width:94%; padding-left:3%; padding-right:3%;}
.aboutul li p{ width:100%;}
.aboutul li:nth-child(3n) p{ width:100%; }
}

@media (max-width: 640px){
.w42{ width:100%; margin-right:0px;}
}

/*--news--*/

.new li{width:100%;}
.new li a{display:block;}
.new li{padding-bottom:21px;  float:left; margin-bottom:20px; background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}
.new li a .imgbox{ float:left; position:relative; width:27.5%; height:150px; overflow:hidden;}
.new li a .imgbox img{ width:242px; height:150px; position:absolute; left:50%; margin-left:-121px;}

.new li a span{ float:right; display:block; width:70%; color:#000; font-size:16px; color:#333; padding-bottom:4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new li a:hover span{ color:#c90010;}
.new li a p{float:right; display:block; width:70%; color:#666; line-height:24px; max-height:96px; overflow:hidden;}
.new li a .w70{ padding-top:13px; padding-bottom:13px;}
.new li a font{float:left; display:block;color:#666; line-height:14px; border-right:1px solid #939393; padding-right:10px; margin-right:10px; font-weight:normal;}

.fz21_rem{ font-size:21px;}
@media (max-width: 1170px){
 .fz21_rem{ font-size:0.18rem;}

}
@media (max-width:991px){
	.new li a p{ line-height:21px; max-height:84px; overflow:hidden;}
}

@media (max-width: 564px){

.new li a .imgbox{ display:none;}

.new li a span{width:100%;}

.new li a p{width:100%;}
.new li a .w70{ padding-top:10px; padding-bottom:10px; width:100%}


}
@media (max-width: 564px){
 .fz21_rem{ font-size:0.3rem;}	
}


/*--FAQ--*/
.faq li{ width:100%;}
.faq li a{ float:left; display:block; width:100%;}
.faq li{padding-bottom:21px; float:left; margin-bottom:20px;background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}
.faq li a span{ float:right; display:block; width:100%;font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; color:#000;  background:url(../images/faq.png) left center no-repeat; text-indent:34px; background-size:24px 24px;}
.faq li a:hover span{ color:#c90010;background:url(../images/faq2.png) left center no-repeat; }
.faq li a p{float:right; width:100%; background-color:#F5F5F5; display:block; width:96%; color:#666; line-height:24px; padding:10px 2% 10px 2%; margin-top:20px; max-height:116px; overflow:hidden;}



/*---pagelist---*/
.page1{ display:block;}	
.page2{ display:none;}
.pagelist{ float:left; width:100%; text-align:center;}
.pagelist li{ display:inline-block;font-family: "微软雅黑",Microsoft YaHei; border:1px solid #e5e5e5; background-color:#FFF; margin-left:2px; margin-right:2px;margin-top:4px; margin-bottom:4px;}
.pagelist li a{  display:block; padding:4px 8px 4px 8px; color:#555; text-align:center; float:left;}
.pagelist li:hover a{ background-color:#C90010;}
.pagelist li:hover a{color:#fff;}
.pagelist li.thisclass a{ background-color:#C90010;padding:4px 8px 4px 8px; }
.pagelist li.thisclass a{color:#fff; }
.pagelist li.index,.pagelist li.end{padding:4px 8px 4px 8px; background-color:#C90010; color:#FFF;}

.pagelist li a.index,.pagelist li a.end{padding:4px 8px 4px 8px;}
.pagelist li .pageinfo{padding:4px 8px 4px 8px; display:block;}
.pagelist .select{ position:relative;}
.pagelist .select select{padding:0px 0px 0px 6px; width:45px;appearance:none; font-family: "微软雅黑",Microsoft YaHei; height:28px;color:#555; background-image:url(../images/xiala.png); float:left; background-size:9px auto; background-position:right center; margin-right:6px; background-repeat:no-repeat;


  -moz-appearance:none;
  -webkit-appearance:none;}
.pagelist select::-ms-expand { display: none; }
.pagelist select option{ padding:4px 0px 4px 6px; font-family: "微软雅黑",Microsoft YaHei;}

@media (max-width: 767px){
 .page1{ display:none;}	
 .page2{ display:block;}
}


/*---share---*/
#share{ width:100%; height:32px; float:left; text-align:center;}
#share a{ float:none; display:inline-block;}
/*---form---*/
#mlr{ display:inline-block; width:100%; max-width:800px;}
#mlr .w100{ float:left;}
#mlr .w30{ float:left; margin-right:5%;}
#mlr span{ float:left;width:100%; line-height:42px;  display:block; text-align:left; margin-right:30px;color:#fff;}
#mlr input{ float:left; width:100%; font-size: 14px;border-radius:3px; height: 30px; line-height: 30px; text-indent: 10px;} 
#mlr textarea{ float:left;border-radius:3px; font-size: 14px; line-height: 21px; text-indent:10px; height:168px; margin-bottom:20px; width:100%;word-break: break-all;resize: none;}
#mlr .code{ width:60px; margin-right:10px; line-height:32px;}
#mlr input.yanzheng{ width:80px;}
#mlr input.button{ background-color:#fdb301; text-indent:0px;width:114px; height:30px; text-align:center;color:#FFF;cursor:pointer; float:right;}
#mlr #vdimgck{float:left; background-color:#FFF; margin-left:6px; height:24px; width:auto; padding:3px;border-radius:3px;}

@media (max-width: 512px){
 #mlr .w30{ width:100%;}
 #mlr textarea{height:147px; margin-bottom:0px;}
 #mlr .code{ width:100%; line-height:42px;}
}



/*--contact--*/
.contact{ width:55%;}
.contact span{ float:left; display:block; width:100%;}
.contact span font{ float:left; margin-right:1%;}
.contact span p{ float:left; width:94%; display:block; font-size:0.18rem;  color:#4f4f4f; line-height:0.45rem;}
.contact span.company{ text-indent:0px; padding-bottom:6px; text-transform: uppercase; background:none; color:#c90010; font-weight:bold; font-size:0.22rem;}
.contact .icon{ width:5%; color:#4f4f4f; font-size:0.18rem;line-height:0.45rem; text-align:left;} 

.contactimgbox{ position:relative; height:258px; overflow:hidden; width:45%;}
.contactimgbox img{ position:absolute; height:258px; width:600px; margin-left:-300px; left:50%;}


@media (max-width: 991px){

.contact span p{font-size:0.14rem; line-height:0.42rem;}

.contact span .icon{font-size:0.14rem; line-height:0.42rem;}
}
@media (max-width: 767px){
  .contactimgbox{ display:none;}
  .contact{ width:100%;}
  .contact span p{font-size:0.18rem; line-height:0.42rem;}
.contact span .icon{font-size:0.18rem; line-height:0.42rem;}
  }

@media (max-width: 512px){
  .contact span.company{font-size:0.24rem;}
  .contact span p{font-size:0.24rem; line-height:0.48rem;}
  .contact span .icon{font-size:0.24rem; line-height:0.48rem;}
 
}

@media (max-width: 468px){
  .contact span.company{font-size:0.28rem;}
  .contact span p{font-size:0.26rem; line-height:0.56rem;}
  .contact span .icon{font-size:0.26rem; line-height:0.56rem;}
 
}

@media (max-width: 384px){
  .contact span.company{font-size:0.32rem;}
  .contact span p{font-size:0.30rem; line-height:0.56rem;}
  .contact span .icon{font-size:0.30rem; line-height:0.56rem;}
 
}
/*---development---*/

.development{ padding-top:80px; display:block; background:url(../images/bg.jpg) center top repeat-y; padding-bottom:40px;}
.development li{ float:left;width:90%; margin-left:5%; margin-right:5%; margin-bottom:40px; position:relative;}
.development li > div{ position:relative;}
.development li p{ display:block;line-height:24px;color:#666; background-color:#F9F9F9; border:1px solid #D4D4D4; padding:18px;border-radius:5px;}
.development li > i{ position:absolute; width:12px; height:12px; background-color:#FFF; border:3px solid #c90010; border-radius:50%; left:50%; margin-left:-9px; top:21px;}

.development li.li1 .l{float:left;  width:43%;}
.development li.li1 .l i{ 
 border-color: transparent transparent transparent #bbbbbb ;
    border-style: solid;
    border-width: 10px 0px 10px 16px  ;
	right:-16px;
    position: absolute;
    top: 20px;

}
.development li.li1 .l i::after{  
    border-color: transparent transparent transparent #f9f9f9;
    border-style: solid;
    border-width: 10px 0px 10px 16px  ; 
    content: "";
    right:1px;
    position: absolute;
    top:-10px;
	}
.development li.li1 .r{width:43%; float:right;padding:14px 0px 0px 0px;}
.development li.li1 .r span{ float:left; display:block; padding-left:12px; padding-right:12px; line-height:30px; color:#FFF; font-weight:bold; background-color:#c90010;} 
.development li.li1 .r i{    width:0;
    left:-10px;
    top:23px;
    height:0;
    border-width:7px 10px 7px 0;
    border-style:solid;
    border-color:transparent #c90010 transparent transparent;/*透明 灰 透明 透明 */
    position:absolute;}
	

.development li.li2 .l{float:right;  width:43%;}
.development li.li2 .l i{ 
 border-color: transparent #bbbbbb transparent transparent;
    border-style: solid;
    border-width: 10px 16px 10px 0px  ;
	left:-16px;
    position: absolute;
    top: 20px;

}
.development li.li2 .l i::after{  
    border-color: transparent #f9f9f9 transparent transparent;
    border-style: solid;
    border-width: 10px 16px 10px 0px  ;
    content: "";
    left:1px;
    position: absolute;
    top:-10px;
	}
.development li.li2 .r{width:43%; float:left;padding:14px 0px 0px 0px;}
.development li.li2 .r span{ float:right;padding-left:12px; padding-right:12px; line-height:30px; color:#FFF; font-weight:bold; background-color:#c90010;} 
.development li.li2 .r i{   
    width:0;
    right:-10px;
    top:23px;
    height:0;
    border-width:7px 0px 7px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #c90010;/*透明 灰 透明 透明 */
    position:absolute;}	
	





.xuanfu{z-index:999999;	bottom:50px;
	right:15px;
	position:fixed;}
	
.xuanfu > a{
	display:block;
	width:32px;
	height:32px;
	background-color:rgba(0,0,0,0.7);
	color:#FFF;
	text-align:center;
	line-height:32px;
	margin-top:2px;
	cursor:pointer;
	}
.xuanfu > a:hover{background-color:#c90010;}
.xuanfu > .icon-qq{	display:block;
	width:32px;
	height:32px;
	background-color:rgba(0,0,0,0.7);
	color:#FFF;
	text-align:center;
	line-height:32px;
	margin-top:2px;
	cursor:pointer; position:relative;}
	
.xuanfu > .icon-qq:hover{background-color:#c90010;}
	
.xuanfu > .qqbox{ display:none; position:absolute; right:36px; top:-50px; width:150px; background-color:#FFF;  border:1px solid #ddd; border-radius:5px;  padding:5px 12px 5px 12px; }
.xuanfu > .qqbox a{white-space:nowrap; float:left;font-size:12px;  display:block; width:100%; color:#555; border-bottom:1px solid #ddd; line-height:32px; display:block;}
.xuanfu > .qqbox a:nth-child(4n){ border:none;}
.xuanfu > .qqbox a img{ float:left; margin-top:3px; margin-right:6px;}
.xuanfu > .qqbox a:hover{ color:#c90010;}