@charset "utf-8";
/* CSS Document */

.body{  padding:0; margin:0; min-width:320px; position:relative; font-family:Microsoft YaHei; line-height:24px; font-size:14px; color:#555; background:#fff}
.ul,form, dl,dt,dd,.ol,menu,.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding: 0px; margin: 0px;font-weight:normal;}
.ul li,.ol li{ list-style:none;}
*{outline: none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; word-wrap: break-word;}
select,input,textarea{font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;outline: none;}
input:focus { outline: none;}
input,button,select,textarea{font-family:Microsoft YaHei;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;/*去除苹果样式*/}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:0; vertical-align:top; max-width:100%;}
.btn{ cursor:pointer;}
a{ color:#555; outline: none; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color:#d9232e; text-decoration:none;}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
table,table td{ border-collapse:collapse;}
.table{ display:table; width:100%; height:100%;}
.table-cell{ display:table-cell; vertical-align:middle;}
.row {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.row4 {	-webkit-line-clamp: 4;}
.row5 {	-webkit-line-clamp: 5;}
.row6 {	-webkit-line-clamp: 6;}

.fl{ float:left;}
.fr{ float:right}

.pic-max .pic {
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.pic-max .pic img{ margin:auto;}

.img{-webkit-transition:-webkit-transform 1s ease 0s;transition:transform 1s ease 0s;-webkit-transform-origin:center;transform-origin:center;}
.imgimg:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

.auto{ position:relative; margin:auto; max-width:1200px;}
.w1440{ max-width:1440px}

#container{ padding-top:2%}

#header{ position:relative; z-index:200}
#header .logo{ height:100px;}
#header .logo a{ display:block; padding:20px 20px 0px 20px; position:absolute; background-color:#fff;}
#header .ewm{ position:absolute; top:30px; right: 225px;}
#header .ewm .box{display:inline-block;}
#header .ewm .img {border-radius:100px;border:solid 1px #e5e5e5;padding:8px;}
#header .ewm .img img{ width:26px; height:26px;}
#header .ewm .show_box{ display: none; position:absolute;  text-align: center; width:87px; z-index:100;}
#header .ewm .show_box .pic{border:solid 1px #e5e5e5;padding:5px;}
#header .ewm .show_box .pic img{width:75px; height:75px;}
#header .ewm .box:hover .show_box{ display:block; }
#header .other{ position:absolute; top:30px; right:0;}
#header .other a{float: left; width:40px; height:40px; line-height: 40px; margin-left: 5px; display:inline-block; border:solid 1px #e5e5e5; border-radius:100px;background:url(../images/top_icon.png) no-repeat}
#header .other a:hover{ background-color:#d8262c; border-color:#d8262c}
#header .other a.a1{ background-position:-66px;}
#header .other a.a2{ background-position:-116px;}
#header .other a.a3{ background-position:-166px;}
#header .other a.a4{ background-position:-216px;}
#header .other a.lan{ background-position:200px; text-align: center;color:#999;}
#header .search{ position:absolute; top:30px; right:330px; }
#header .search .box{padding:3px 56px 3px 10px; width:300px; height:40px; border:solid 1px #e5e5e5; border-radius:100px;}
#header .search .text{height:30px; line-height:30px; border:none; width:100%;}
#header .search a{ position:absolute; right:0; top:0; width:65px; height:40px; display:block; background:url(../images/top_icon.png) no-repeat left}
#header .search a.sj{ display:none;}
#header .nav{ border-top:solid 1px #e5e5e5; text-align:right; box-shadow: 0px 6px 12px 0px #e4e4e4;}
#header .nav ul li{ position:relative; display:inline-block; line-height:50px; padding:0 0.6%}
#header .nav ul li:last-child{ padding-right:0}
#header .nav ul li#nav538 .sub,
#header .nav ul li:last-child .sub{left:auto;right:0}
#header .nav ul li em{ font-style:normal; font-size:18px;}
#header .nav ul li em a{ display:inline-block;}
#header .nav ul li.aon em a{ border-bottom:solid 3px #d9232e}
#header .nav .sub{ text-align:center; display:none; line-height:30px; left:0; min-width:100%; position:absolute;  background-color:#fff; border-radius:0 0 10px 10px; white-space:nowrap}
#header .nav .sub span{ position:relative; display:block; padding:0 20px;}

.istop{ opacity:0.9; position:fixed; z-index:100; display:block; width:40px; height:40px; cursor:pointer; right:2%; bottom:5%; background:#db2d37 url(../images/istop.png) no-repeat center center; border-radius:100px}
.istop:hover{ background-color:#bf0a13}

#footer{ margin-top:4%; padding-top:2%; box-shadow:0 -5px 10px rgba(60,60,66,0.08)}
#footer,
#footer a{ color:#999999}
#footer a:hover{ color:#ff0000}
#footer h3,
#footer em{ font-size:16px;}
#footer em{ display:block; font-style:normal;}
#footer h3,
#footer em,
#footer em a{ color:#555555}
#footer .column{ padding-right:210px; min-height:320px;}
#footer .column ul li{ float:left; padding-right:2%;    min-height:280px;}
#footer .column ul li#nav8,
#footer .column ul li#nav9{ min-height:auto;}
#footer .column ul li .sub span{ display:block; line-height:30px;}
#footer .follow{ position:absolute; right:0; top:0; text-align:right}
#footer .follow .ewm .box{display:inline-block;  text-align: center;}
#footer .follow .ewm .pic{  padding:5px; border:solid 1px #ededed;}
#footer .follow .ewm img{ width:75px; height:75px;}
#footer .follow .tel{ padding-top:5%}
#footer .follow .tel strong{ display:block; font-size:28px; color:#e62129; line-height:30px; font-weight:normal;}
#footer .follow .tel span{ color:#666666}
#footer .bdsharebuttonbox{ padding:10% 0}
#footer .bdsharebuttonbox a{ width:35px; height:35px; margin:0 0 0 15px!important; border:solid 1px #eeeeee; border-radius:100px; background-image:url(../images/share.png)!important}
#footer .bdsharebuttonbox a.bds_weixin{ background-position:left; margin-left:0!important;}
#footer .bdsharebuttonbox a.bds_sqq{ background-position:-35px}
#footer .bdsharebuttonbox a.bds_tsina{ background-position:-70px}
#footer .bdsharebuttonbox a.bds_more{ background-position:-105px}
#footer .copyright{ padding:1.5% 0; border-top:solid 1px #e5e5e5}
#footer .copyright .fl{float:left;}
#footer .copyright .fl a{ display:inline-block}
#footer .copyright .fl a.line{ width:1px; height:10px; margin:0 15px; background-color:#dddddd}
#footer .copyright .mid{float:left; padding:6px 0 0 25px;}
#footer .copyright .mid .cnzzl img{ vertical-align:middle}
#footer .copyright .fr span{ padding:0px 3px; display:inline-block; white-space:normal}
#footer .copyright .fr span.wanhu a{ color:#cccccc}
.bdshare_popup_bg,
.bdshare_popup_box{ margin-left:-220px}

#inner{ padding-top:24px; border-bottom:solid 1px #e5e5e5; margin-bottom:1.5%; overflow:hidden}  
#menu{ float:left; font-size:16px;}
#menu ul li{ display:inline-block; padding:10px 18px 24px 18px; position:relative;}
#menu ul li a{ display:inline-block;}
#menu ul li a:hover:before,
#menu ul li.on a:before{ content:''; position:absolute; display:block; left:0; bottom:-1px; width:100%; height:5px; background-color:#e62129}

#submenu span{ font-size:16px; display:inline-block; padding:0 2%}
#submenu span.on a{ color:#e62129}

.banner{ position:relative;}
.banner .pc{ height:350px; background:no-repeat center center}
.banner .wap{ display:none;}

.location{ float:right; padding-left:23px;  background:url(../images/location_home.png) no-repeat left center;}
.location,
.location a{ color:#888888}
.location a{ position:relative; margin-right:22px; white-space: nowrap;}
.location a:after{ content:'';  position:absolute; right:-14px; top:6px; width:3px; height:8px; background:url(../images/location_icon.png) no-repeat left center;}
.location a:hover,
.location span{ color:#555555}

.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}



.owl-carousel{ position:relative;}
.owl-carousel .owl-nav{ position:absolute; height:38px;}
.owl-carousel .owl-nav button.owl-prev{ margin-right:20px;}
.owl-carousel .owl-nav button span{ display:inline-block; width:38px; height:38px; background:url(../images/owl-nav.png) no-repeat}
.owl-carousel .owl-nav button.owl-prev span{ background-position:left top}
.owl-carousel .owl-nav button.owl-next span{ background-position:right top}
.owl-carousel .owl-nav button.owl-prev.disabled span{ background-position:left bottom}
.owl-carousel .owl-nav button.owl-next.disabled span{ background-position:right bottom}
.owl-carousel .owl-nav button.disabled{ cursor:default}
.owl-carousel .owl-dots{ text-align:center; z-index:100}
.owl-carousel .owl-dots .owl-dot{ margin:0px 10px;}
.owl-carousel .owl-dots .owl-dot span{ background-color:#fff; display:inline-block; border-radius:100px; width:14px; height:14px; position:relative;}
.owl-carousel .owl-dots .owl-dot.active span{ width:10px; height:10px;}
.owl-carousel .owl-dots .owl-dot.active span:before{ content:''; position:absolute; display:inline-block; left:-7px; top:-7px; width:18px; height:18px; border:solid 3px #fff; border-radius:100px;}

.page{ position:relative; z-index:10; clear:both; color:#666666; text-align:center; padding:30px 0; line-height:43px; font-size:14px;}
.page a{ color:#666666;  display:inline-block;  padding:0px 12px; border:solid 1px #d9d9d9;}
.page a:hover,
.page .a_cur{ color:#fff; background-color:#d9232e; border-color:#d9232e}
.page .no,
.page .no:hover{ background:none; color:#666; padding:0; border:none}
.page span.goto{ display:inline-block; padding:4px 13px; line-height:22px; height:24px; background-color:#f6f6f6; border:solid 1px #d9d9d9;}
.page .text{ width:38px; border:solid 1px #d9d9d9; background:#fff; height:22px; text-align:center; margin:0px 10px; position: relative;}
.page .btn{ margin-left:10px; color:#fff; cursor:pointer; background-color:#d70b30; border: solid 1px #d70b30}
.page .first,
.page .pre,
.page .next,
.page .end{}
.page p,
.page span.goto{ display:none;}

@media (max-width:1480px){
.auto{ padding:0 2%}
#header .other{ right:2%}
#header .ewm {right:252px}
#header .search{ right:350px;}
#footer .follow{ right:2%}
#header .nav ul li{ padding:0 0.4%}
#header .nav ul li em{ font-size:15px;}
}

@media (max-width:1240px){
#header .nav ul li{ padding:0 0.2%}
#header .nav ul li em{ font-size:14px;}
#footer h3,
#footer em{ font-size:14px;}
.banner .pc{ display:none}
.banner .wap{ display: block;}
}
@media (max-width:960px){
.hid{ overflow:hidden;}
#header .w1440{ z-index:101; padding:0}
#header .ewm,
#header .other{ display:none;}
#header .search{ right:2%; top:22px}
#header .search a.sj{ display: block;}
#header .search .box{ display:none;  width:100%; background-color:#fff} 
#header .search .box.on{ display:block}
#header .logo{ text-align:center; height:auto; padding:2% 0; background-color:#fff}
#header .logo a{ position:relative; padding:0}
#header .logo a img{ height:70px;}
#header .nav{transform:translateX(-100%); position:fixed; top:0; width:100%; height:100%; z-index:99; text-align:left; background-color:rgba(0,0,0,0.5);transition:0.5s ease-in-out; opacity:0;}
#header .nav ul{ padding-top:80px;background-color:rgba(255,255,255,0.9); width:50%; overflow-y:auto;}
#header .nav ul li{ display:block;}
#header .nav ul li em{ padding:0px 10px; display:block;}
#header .nav ul li em:before{ content:''; width:100%; height:100%; position:absolute; left:0}
#header .nav ul li em a{ display:block; border-bottom:solid 1px #dddddd}
#header .nav .sub{ font-size:15px; position:relative; text-align:left}

#header .nav.show{transform:translateX(0); opacity:1}
.mobile-nav{ z-index:102; left:2%; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; display:block;}
.mobile-nav span{ left:0; position:absolute; width:100%; height:4px; display:block; background-color:#d8262c; border-radius:3px;transition:all 0.4s ease;}
.mobile-nav span:nth-child(1){ top:0;}
.mobile-nav span:nth-child(2){ top:50%; margin-top:-2px;}
.mobile-nav span:nth-child(3){ bottom:0;}
.mobile-nav.on span:nth-child(1){ top:13px; transform:rotate(45deg)}
.mobile-nav.on span:nth-child(2){ opacity:0}
.mobile-nav.on span:nth-child(3){ bottom:13px; transform:rotate(-45deg)}

#footer .column{ display:none;}
#footer .follow{ position:relative; right:auto; text-align:center}
#footer .follow .share h3,
#footer .follow .ewm{ display:none}
#footer .bdsharebuttonbox{ padding:0}
#footer .bdsharebuttonbox a{ float:none; display:inline-block;}
#footer .follow .tel{ padding:1% 0;}
#footer .follow .tel h3{ font-size:16px;}
#footer .follow .tel span{ display:none;}
#footer .copyright .fl a.line{ margin:0px 5px;}
#footer .copyright .mid .cnzz{ display:none}
#footer .copyright .fl,
#footer .copyright .fr{ float:none; text-align:center}
#footer .copyright .fr span.wanhu{ display:none}
}
@media (max-width:768px){

}
@media (max-width:640px){
.banner .wap{ display:block}
.banner .pc{ display:none;}
#menu{ display:none;}
.location{margin-bottom:24px;float: none;}
}