@charset "utf-8";
*{ margin:0; padding:0}
HTML {OVERFLOW-X: hidden;}
body,html{ overflow-x:hidden;}
body{ font-size:14px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; }
a{color:#333;text-decoration:none; outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);　-webkit-tap-highlight-color: transparent;*/}
a:hover{color:#0070c0;}
img{ border:none;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{clear:both;zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse:collapse;}
input,textarea{font-family:"microsoft yahei"; font-size:12px; color:#666}
.wrap{ margin:0 auto; width:100%; max-width:1200px;}
.fl{ float:left}
.fr{ float:right}

/*top*/
#top { line-height:39px; border-bottom:solid 1px #EBEBEB; height:39px;}
#top .fl{ float:left; width:50%; font-size:14px; color:#333;}
#top .fr{ float:right; width:50%; max-width:90px; font-size:14px; color:#333; background:url(../images/weicode.jpg) no-repeat left center; text-align:right;}
#top .yuyanxuanze{
	float:right;
	font-size:14px;
	color:#333;
	margin-left: 20px;
	height: 39px;
}
#top .yuyanxuanze img{

	margin-top: 10px;

}
#top .erji{display:none;position:absolute; z-index:999; clear:both; background-color:#f5f5f5; width:122px; padding:5px 5px 15px 5px; text-align:center;line-height:18px;}

/*header*/
#header .logo{ float:left; width:70%; }
#header .logo img{ width:100%; max-width:623px; height:auto; max-height:134px;}
#header .tel{ float:right; width:30%; max-width:254px; text-align:right; }
#header .tel img{ width:100%; max-width:254px; height:auto; max-height:134px;}

/*menu*/
.mobile-menu{ 
	width:100%;
	overflow:hidden;
	position:fixed;
	background:#fff;
	top:60px;
	z-index:999;
	display:none;background:#0070c0;
}
.mobile-menu li {
    line-height: 3pc;
    border-bottom: dotted 1px #e8e8e8;
}
.mobile-menu li a{ color:#fff;display:block;padding: 0 5%; font-size:14px; font-weight:bold; }
.mobile-menu li:hover{background:#000;}
.mobile-menu li:hover a{color:#fff;}
.btn_menu{
	width: 34px;
	height: 4px;
	background: #444;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	display:none;
}
.btn_menu:before {
	top: -10px
}
.btn_menu:after, .btn_menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #444;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}
.btn_menu:after {
	bottom: -10px
}
.open .btn_menu {
	background: transparent
}
.open .btn_menu:before {
	transform: rotate(45deg) translateY(14px);
	-moz-transform: rotate(45deg) translateY(14px);
	-ms-transform: rotate(45deg) translateY(14px);
	-o-transform: rotate(45deg) translateY(14px);
	-webkit-transform: rotate(45deg) translateY(14px);
	transform-origin: 50%
}
.open .btn_menu:after {
	transform: rotate(-45deg) translateY(-14px);
	-moz-transform: rotate(-45deg) translateY(-14px);
	-ms-transform: rotate(-45deg) translateY(-14px);
	-o-transform: rotate(-45deg) translateY(-14px);
	-webkit-transform: rotate(-45deg) translateY(-14px);
	transform-origin: 50%
}


#menu{ line-height:56px; background-color:#0070c0; z-index:999;}
/*#menu li{ float:left; width:5.71%; margin-right:10%}
#menu li:last-child{ margin-right:0%}
#menu li a{ display:block; width:100%; color:#fff; font-size:16px;}
#menu li a:hover{text-decoration: underline;}*/

#sddm{margin: 0 auto;padding: 0;z-index: 9999;width: 100%;height:56px;}
#sddm li{margin: 0;padding: 0;list-style: none;float: left;float:left; width:7%; padding-right:7.5%;font-size:16px; text-align:center}
#sddm li:last-child{ padding-right:0%; text-align: right}
#sddm li a{display: block;width: 100%;background: #0070c0;color: #FFF;text-align: center;text-decoration: none;}

#sddm div{position: absolute;visibility: hidden;margin: 0;padding: 0; z-index:9999;font-size:14px; margin-left:-20px}
#sddm div a{position: relative;display: block;margin: 0;padding: 5px 20px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;font-size: 14px; line-height:28px; width:150px;background: url(../images/menubg.png);}
#sddm div a:hover{	background: #0070c0;color: #FFF}


/*banner*/
#banner{
	width:100%;
	position:relative;
	overflow: hidden;
}
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}


.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 58%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

/*products*/
#products{ margin:48px 0;}
/*#products .wrap{background: url(../images/leibie.jpg) no-repeat left bottom; padding-bottom:70px}*/

.tabbox {width:100%;}

.tabmenu li {display:block; width:100%;color:#333; padding-left:15px;overflow:hidden;}
.tabmenu .cli {color:#fff; background: url(../images/ahover.jpg) no-repeat right center; color:#fff}

#tabcontent .hidden {display:none;}


#products .leibie{ float:left; width:17%; min-height:340px}
#products .leibie .title{background: url(../images/leibiet.jpg) no-repeat center center; background-size:100% 85px; height:85px;}
#products .leibie .title h3{ font-weight:bold; font-size:24px; padding:16px 20px 0 20px; color:#fff;}
#products .leibie .title p{  font-size:16px; padding:0 20px 0 20px; color:#fff; line-height:32px;}

#products .intro li{ font-size:16px;  border-bottom:solid 1px #ddd; line-height:49px;}

#products .pro{ float:right; width:80%;}
#products .pro li{ float:left; width:32%; margin-right:2%; margin-bottom:23px; text-align:center}
#products .pro li:nth-child(3n){margin-right:0;}
#products .pro li img{ width:100%; height:auto; margin-bottom:2px;}
#products .pro li h3{ color:#333; font-size:16px; line-height:40px}
#products .pro li a{ display:block; width:96%; border:solid 1px #ddd; padding:2%; margin-left:-2px;}
#products .pro li a:hover{ border:solid 1px #0070c0;}
#products .pro li .more{width:75px; margin:0 auto; margin-bottom:12px}
#products .pro li a .more{ width:75px; line-height:26px; border:solid 1px #ddd; color:#666}
#products .pro li a:hover .more{ border:solid 1px #0070c0; color:#fff; background-color:#0070c0;}


/*about*/
#about{ padding:64px 0 0px 0;}
#about .left{ width:48%; float:left;background: url(../images/aboutred.jpg) no-repeat left bottom;} 
#about .left img{ width:90%; height:auto; padding-left:10%;padding-bottom:10%;}
#about .right{ width:44%; float:left; background-color:#fff; padding:3% 4%}
#about .right .title{ margin-bottom:5px}
#about .right .title .biao{ float:left; width:50%;}
#about .right .title .biao h3{ font-size:24px; font-weight:bold; color:#333333}
#about .right .title .biao p{ font-size:14px; font-weight:bold; color:#333333; line-height:32px}
#about .right .title .biao span{ height:3px; width:72px; background-color:#0070c0; display:block}
#about .right .title .more{ float:right;min-width:107px; text-align:center;}
#about .right .title .more a{ display:block; width:100%; font-size:16px; color:#fff; line-height:35px; background-color:#0070c0;}
#about .right .intro h3{font-size:20px; font-weight:bold; color:#333333; line-height:60px; border-bottom:solid 1px #ddd; margin-bottom:10px}
#about .right .intro p{font-size:16px; color:#666; line-height:29px; margin-bottom:2px;}


/*youshi*/
#youshi{ margin:48px 0 0 0;}
#youshi .title{ text-align:center}
#youshi .title h3{ line-height:32px; font-weight:bold; color:#333; font-weight: bold ; font-size:24px}
#youshi .title .num{font-size:36px; color:#0070c0}
#youshi .title p{font-size:16px;color:#333;text-transform: uppercase;line-height:32px;}
#youshi .intro {background: url(../images/youshi.jpg) no-repeat center 30px; padding:20px 0;}
#youshi .intro .num{font-size:36px; color:#0070c0; display:none}

#youshi .intro .left{width:38%; float:left}
#youshi .intro .left .kuaiin{background: url(../images/line01.png) no-repeat right 40px;width:100%;}
#youshi .intro .left div div{width:68%;padding:3% ; border:solid 1px #ddd; margin-bottom:40px; min-height:80px; background-color:#fff;}
#youshi .intro div div h3{ color:#0070c0; font-size:18px; font-weight:bold; line-height:36px}
#youshi .intro div div p{ color:#666; font-size:14px; line-height:23px}
#youshi .intro .right{width:40%; float:right}
#youshi .intro .right div div{ width:60%; margin-left:32%; padding:3% 4%; border:solid 1px #ddd; margin-bottom:40px; min-height:80px;background-color:#fff;}

#youshi .intro .left .kuaiin:nth-child(2){background: url(../images/line01.png) no-repeat 240px 40px;}

#youshi .intro .right .kuaiin{background: url(../images/line02.png) no-repeat 30px 45px;width:100%;}
#youshi .intro .right .kuaiin:nth-child(2){background: url(../images/line02.png) no-repeat 90px 36px;}

.casees {

background-color: #f5f5f5;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
.casees .title{ text-align:center; margin-bottom:20px}
.casees .title h3{line-height:32px; font-weight:bold; color:#333; font-weight: bold ; font-size:24px}
.casees .title p{ font-size:16px;color:#333;text-transform: uppercase;line-height:32px;  }

.casees .conn{
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.casees li{ float:left; width:23%; margin-right:2%; margin-bottom:2%;}
.casees li:nth-child(4n){ margin-right:0}
.casees li:nth-child(4n+1){ clear:both}
.casees .pic{ height:auto; display:block; overflow:hidden;}
.casees .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;z-index:-9}
.casees .pic:hover img{transform:scale(1.2);}

.casees .wenzi{ background-color:rgba(0,113,193,0.7); color:#fff; text-align:center;  line-height:45px; height:45px; position:relative; margin-top:-45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.casees li:hover .wenzi{
	background-color: #0071c1;
}



.hezuo {
	

	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
.hezuo .title{ text-align:center; margin-bottom:20px}
.hezuo .title h3{line-height:32px; font-weight:bold; color:#333; font-weight: bold ; font-size:24px}
.hezuo .title p{ font-size:18px;color:#333;text-transform: uppercase;line-height:32px;  }

.hezuo .conn{
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.hezuo li{
	float:left;
	width:23%;
	margin-right:2%;
	margin-bottom:2%;
	border: 1px solid #ddd;
}
.hezuo li:nth-child(4n){ margin-right:0}
.hezuo li:nth-child(4n+1){ clear:both}
.hezuo .pic{ height:auto; display:block; overflow:hidden;}
.hezuo .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;z-index:-9}
.hezuo .pic:hover img{transform:scale(1.2);}

.hezuo .wenzi{ background-color:rgba(255,255,255,0.7); color:#333; text-align:center;  line-height:45px; height:45px; position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hezuo li:hover .wenzi{
	background-color: #0071c1;color:#fff;
}














/*case*/
#case{
	background: url(../images/aboutbg.jpg) #ffffff no-repeat center bottom;

	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
#case .title{ text-align:center; margin-bottom:20px}
#case .title h3{ line-height:32px; font-weight:bold; color:#333; font-weight: bold ; font-size:24px}
#case .title p{font-size:16px;color:#333;text-transform: uppercase;line-height:32px;}
#case .intro li{
	float:left;
	width:286px;
	margin-right:22px;
	border: 1px solid #ddd;
}
#case .intro li img{ width:100%; height:auto;}
#case .intro li a{
	display:block;
	width:100%;
	font-size:16px;
	background-color:#fff;
	padding-bottom:15px;
	text-align: center;
}
#case .intro li a p { margin:0 18px; height:40px; padding-top:10px;line-height:18px;}

#case .intro li a:hover{ background-color:#0070c0;}
#case .intro li a:hover p { color:#fff}

#line3_Demo {
	WIDTH: 100%;
	OVERFLOW: hidden;
	height:281px;
	margin-right: auto;
	margin-left: auto;
}
#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1 {
	FLOAT: left
}
#line3_Demo2 {
	FLOAT: left
}



/*news*/
#news{ padding:60px 0 60px 0; }
#news .title{ text-align:center; margin-bottom:20px; }
#news .title .biaoti{ background: url(../images/line.jpg) repeat-x center center;}
#news .title h3{ line-height:32px; font-weight:bold; color:#333; font-weight: bold ; font-size:24px; width:140px; background-color:#fff; text-align:center; margin:0 auto;}
#news .title p{font-size:16px;color:#333;text-transform: uppercase;line-height:32px;}
#news .intro .left{ float:left; width:47%;}
#news .intro .left img{ width:100%; height:auto; margin-bottom:20px}
#news .intro h3{ font-size:16px;margin-bottom:12px;}
#news .intro .time{ font-size:14px; float:right}
#news .intro p{ line-height:23px; font-size:14px; color:#666; margin-bottom:18px}

#news .intro  .more{width:107px; text-align:center; margin-top:12px}
#news .intro  .more a{ display:block; width:100%; font-size:16px; color:#fff; line-height:35px; background-color:#0070c0;}
#news .intro .right{ float:right; width:50%;}
#news .intro .right li{ border-bottom: solid 1px #ddd; margin-bottom:22px;}


/*quite*/
#quite{ padding:40px 0 ; border-top:solid 1px #ddd }
#quite li{ float:left; width:20%; text-align:center; border-right:solid 1px #ccc; margin-left:-1px; }
#quite li:nth-child(5){  border-right:none;}
#quite h3{font-size:16px;}

/*footer*/
#footer{ padding:45px 0; background-color:#282828; color:#ADACAC; line-height:21px}
#footer .left{ float:left; width:66.66%;}
#footer .right{ float:right; width:33.33%;line-height:26px}
.teshu{ color:#0070c0; font-size:24px; margin-bottom:16px; font-weight:bold}
#footer .left .kuai01{ float:left; width:18%; text-align:center; }
#footer .left .kuai02{ float:left; width:13%;margin-left:9%;}
#footer .left .kuai03{ float:left; width:18%; margin-left:9%}
#footer .left .kuai01 img{width:100%; height:auto; max-width:145px}
#footer h3{line-height:42px; color:#ADACAC; font-weight:bold; font-size:16px; margin-bottom:4px;}
#footer h3 a{line-height:42px; color:#ADACAC; font-weight:bold; font-size:16px; margin-bottom:4px;}
#footer p a{color:#ADACAC;}

/*copyright*/
#copyright{ background-color:#1F1F1F; color:#ADACAC; line-height:25px; padding:20px 0; text-align:center}
#copyright a{color:#ADACAC; }

/*nbanner*/
#nbanner{ height:298px; background:url(../images/nbanner01.jpg) no-repeat top center;background-size:auto 298px;}
#nbanner02{ height:298px; background:url(../images/nbanner02.jpg) no-repeat top center;background-size:auto 298px;}
#nbanner03{ height:298px; background:url(../images/nbanner03.jpg) no-repeat top center;background-size:auto 298px;}

#nbanner04{ height:298px; background:url(../images/nbanner04.jpg) no-repeat top center;background-size:auto 298px;}
#nbanner05{ height:298px; background:url(../images/nbanner05.jpg) no-repeat top center;background-size:auto 298px;}
#nbanner06{ height:298px; background:url(../images/nbanner06.jpg) no-repeat top center;background-size:auto 298px;}
/*location*/
#location{ height:50px; margin-top:-50px; z-index:999; overflow:hidden;}
#location .wrap{ height:298px; background:url(../images/locationbg.png) repeat center center; line-height:50px}
#location p{ color:#fff; background:url(../images/home.png) no-repeat 16px center; padding-left:40px; display:block}
#location a{color:#fff;}

/*nmain*/
#nmain{ margin:48px 0;}
#nmain .wrap{}
#nmain .leibie{ float:left; width:17%; padding-bottom:180px;background: url(../images/leibie.jpg) no-repeat left bottom; }
#nmain .leibie .title{background: url(../images/leibiet.jpg) no-repeat center center; background-size:100% 85px; height:85px;}
#nmain .leibie .title h3{ font-weight:bold; font-size:24px; padding:16px 20px 0 20px; color:#fff;}
#nmain .leibie .title p{  font-size:16px; padding:0 20px 0 20px; color:#fff; line-height:32px;}
#nmain .intro li{ font-size:16px; color:#333; border-bottom:solid 1px #ddd; line-height:49px;}
#nmain .intro li a{ display:block; width:100%;color:#333; padding-left:15px;}
#nmain .intro li a:hover, #nmain .intro li .cur{ color:#fff; background: url(../images/ahover.jpg) no-repeat right center;}

#nmain .neixiang{ float:right; width:80%;}
#nmain .neixiang .title{background: url(../images/titlebg.jpg) no-repeat left bottom; margin-top:5px; line-height:60px}
#nmain .neixiang .title h3{ font-size:24px; font-weight:bold; color:#333;}
#nmain .neixiang .intro{ margin:25px 0}
#nmain .neixiang .intro h3{ line-height:40px; margin-bottom:10px; font-weight:bold; font-size:20px; }
#nmain .neixiang .intro p{ line-height:28px; margin-bottom:10px}
#nmain .neixiang .intro .company{ font-size:16px; line-height:36px;}

#nmain .xiaji{display:none; z-index:999; clear:both; background-color:#E4E4E4; width:100%; line-height:46px; font-size:14px}
#nmain .xiaji p{ border-bottom:solid 1px #F3F3F3}
.prointro{ margin:20px auto;}
.prointro li{ float:left; width:32%; margin-right:2%; margin-bottom:23px; text-align:center}
.prointro li:nth-child(3n){margin-right:0;}
.prointro li img{ width:100%; height:auto; margin-bottom:2px;}
.prointro li h3{ color:#333; font-size:14px; line-height:20px; height:40px; padding-top:10px;}
.prointro li a{ display:block; width:96%; border:solid 1px #ddd; padding:2%; margin-left:-2px;}
.prointro li a:hover{ border:solid 1px #0070c0;}
.intropro{ margin:30px 0; border:solid 1px #ddd;}
.intropro .pic{ width:60%; float:left}
.intropro .prodetail{ width:30%; float:right; padding:5%; line-height:30px}
.intropro .prodetail h3{ line-height:46px; font-size:18px; font-weight:bold}
.intropro .prodetail .jian{ font-size:16px;line-height:46px; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; margin-bottom:12px}

.title02{ border-bottom: solid 3px #ddd;}
.title02 h3{ line-height:50px; text-align:center; width:150px; font-size:24px; font-weight: bold; color:#fff; background-color:#0070c0}

#guestbook{ width:100%; margin:0 auto}
.message-con-1{ float:left; width:50%; margin-bottom:25px}
.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:100px; font-size:15px; padding-top:7px; text-align:right}
.message-con-1 .input-m{ width: 65%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-1 .input-m:hover{ border:1px solid #0070c0}
.message-con-2{ width:100%; margin-bottom:25px;}
.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:15px; text-align:right;padding-top:7px;}
.message-con-2 textarea{ padding:10px; border:1px solid #ccc;width:790px; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 textarea:hover{border:1px solid #0070c0}
.message-con-2 .input-m{ width:300px; padding:10px;border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m:hover{border:1px solid #0070c0}
.message-con-2 .submint-m{ background:#0070c0; color:#fff; text-align:center; width:100px; line-height:40px; border:none;  margin-right:10px; cursor:pointer}
.message-con-2 .submint-m:first-child{ margin-left:115px;}

.newslist li{ padding-bottom:20px; padding-top:20px;border-bottom: solid 1px #e8e8e8;}
.newslist li .left{ float:left; width:22%;overflow:hidden; height:160px;}
.newslist a img{cursor:pointer; width:100%; height:auto}

.newslist li .you{float:right; width:75%;}
#nmain .newslist li .you h3{height:45px; overflow:hidden;}
#nmain .newslist li .you h3 a{ line-height:45px; color:#181818;}
#nmain .newslist li .you h3 a:hover{color:#0070c0;}
#nmain .newslist li .you p{ color:#b3b3b3; line-height:26px; height:52px; overflow:hidden; margin-bottom:10px;}

.about_show {margin-top: 24px;overflow: hidden;font-size: 16px;color: #E45E00;text-align: center;}
.date {padding-top: 12px;padding-bottom: 12px;text-align: center;font-size: 12px;color: #666666;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1; margin-bottom:20px}

.lianxi .lxleft{ float:left; width:35%; }
.lianxi .lxright{ float:right; width:64%; }




.neixiang img{ width:auto; max-width:98%; margin:0 auto;}

.col01 {
	color: #FF0000;
}




.nhonor{ background:#44546a;}
.nhonor .title{ color:#fff;}
.nhonorlist{ position:relative}
.nhonor .swiper-container{position:relative; margin:0 auto; width:calc(100% - 120px)}
.nhonor .swiper-slide{position:relative;}
.nhonor .swiper-slide .pic{ padding:15px; display:block; position:relative}
.nhonor .swiper-slide:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:30%; background:#d44f1a; z-index:-1}
.nhonor .swiper-button-prev, .nhonor .swiper-button-next{ width:47px !important; height:47px !important; outline:none;}
.nhonor .swiper-button-prev{ background:url(../images/hpre01.png) no-repeat; left:0}
.nhonor .swiper-button-next{ background:url(../images/hnext01.png) no-repeat; right:0}
.nhonor .swiper-button-prev:hover{ background:url(../images/hpre02.png) no-repeat; opacity:1}
.nhonor .swiper-button-next:hover{ background:url(../images/hnext02.png) no-repeat; opacity:1}