@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}
p{
	margin: 0;
	padding: 0;
}

/*commend*/
.clearfix{
	clear: both;
}
.title-cm{
	font-size: 30px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-top: 70px;
}
.title-cm b{
	border-bottom: 2px solid #000;
}
.titleline{
	width: 22%;
	height: 2px;
	background: #000;
	margin: 0 auto;
	margin-bottom: 70px;
}
a:hover, a:focus{
    text-decoration: none;
}
/*share*/
.pshare{float:left;padding:8px 0 0 0;clear:inherit!important;}
.jsshare {text-align:center;padding-top:8px;float: left}
.pshare li{float:left;width:48%;height:28px;line-height:28px;}
.pshare li img{vertical-align:middle;margin-right:12px;}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}

/*header/*/
header .container{
	position: relative;
}
.header-logo{
	position: relative;
}
.header-logo:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.header-logo .search  img{
	position: absolute;
	top:0;
	right: 0;
    z-index: 9999;
    width: 2%;
    margin-top: 26px;
}
.header-logo input{
	float: right;
	width: 18%;
    height: 26px;
    margin-top: 24px;
}
.header-search{
	position: absolute;
	top: 10px;
	left: 41%;
}
.header-search a:nth-child(2){
	display: none;
}
.header-nav{
	/*overflow: hidden;*/
	width: 100%;
	margin-top: 33px;
}
.header-nav ul li a{
	display: block;
	float: left;
	line-height: 30px;
	color: #000;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 20px;
}
.header-nav ul li:first-child a{
	padding-left: 0;
}
.header-nav ul li:last-child a{
	padding-right: 0;
}
.header-nav >ul >li:nth-child(5){
	margin-left: 24.5%;
}

/*swiper*/
@font-face{font-family: 'MisoBold'; src: url('miso-bold-webfont.eot'); src: url('miso-bold-webfont.eot?#iefix') format('embedded-opentype'), url('miso-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'fullscreen'; src: url('fullscreen.eot'); src: url('fullscreen.eot#iefix') format('embedded-opentype'), url('fullscreen.woff') format('woff'), url('fullscreen.ttf') format('truetype'), url('fullscreen.svg#fullscreen') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'wowslider-controls'; src: url('wowslider-controls.eot'); src: url('wowslider-controls.eot#iefix') format('embedded-opentype'), url('wowslider-controls.woff') format('woff'), url('wowslider-controls.bin') format('truetype'), url('wowslider-controls.svg#wowslider-controls') format('svg'); font-weight: normal; font-style: normal;}
#wowslider-container{zoom: 1;position: relative;width: 100%;margin: 0 auto;border: none;text-align: left; /* reset align=center */font-size: 10px;overflow: hidden;}
#wowslider-container.fullscreen-mode, #wowslider-container.fullwidth-mode{max-width: none;max-height: none;}
#wowslider-container .ws_images ul{position: relative;width: 10000%;height: 100%;left: 0;list-style: none;margin: 0;padding: 0;border-spacing: 0;overflow: visible;/*table-layout:fixed;*/}
#wowslider-container .ws_images ul li{position: relative;width: 1%;height: 100%;line-height: 0; /*opera*/overflow: hidden;float: left;font-size: 0;padding: 0 0 0 0 !important;margin: 0 0 0 0 !important;}
#wowslider-container .ws_images{position: relative;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
#wowslider-container.fullscreen-mode .ws_images, #wowslider-container.fullwidth-mode .ws_images{max-height: none;}
#wowslider-container .ws_images a{width: 100%;display: block;color: transparent;}
#wowslider-container.fullscreen-mode .ws_images a, #wowslider-container.fullwidth-mode .ws_images a{height: 100%;}
#wowslider-container img{max-width: none !important;}
#wowslider-container .ws_images img{width: 100%;border: none 0;max-width: none;padding: 0;margin: 0;}
#wowslider-container .ws_images iframe{position: absolute;z-index: -1;}
#wowslider-container a{text-decoration: none;outline: none;border: none;}
#wowslider-container .ws_bullets{float: left;position: absolute;z-index: 70;}
#wowslider-container .ws_bullets div{position: relative;float: left;font-size: 0px;}
#wowslider-container a.wsl{display: none;}
#wowslider-container .ws_bullets{padding: 10px;}
#wowslider-container .ws_bullets a{margin-left: 16px;width: 12px;height: 12px;float: left;text-indent: -4000px;position: relative;background: rgb(30,165,194); /* ie */background: rgba(30,165,194,0.5);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{background: rgba(30,165,194,1);}
#wowslider-container .ws_bullets a:hover{-webkit-animation: pulseIn .9s infinite linear;-moz-animation: pulseIn .9s infinite linear;animation: pulseIn .9s infinite linear;}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev{font-family: 'wowslider-controls';position: absolute;display: none;text-shadow: none;text-align: center;background: rgb(30,165,194);color: #fff;top: 50%;margin-top: -2.5em;height: 5em;width: 5em;z-index: 60;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover{background: rgba(30,165,194,0.6);}
#wowslider-container a.ws_next{right: 10px;}
#wowslider-container a.ws_next:after{content: '\e801';display: block;font-size: 3.5em;line-height: 1.7em;}
#wowslider-container a.ws_prev{left: 10px;}
#wowslider-container a.ws_prev:after{content: '\e800';display: block;font-size: 3.5em;line-height: 1.7em;}
#wowslider-container a.ws_prev:hover:after{-webkit-animation: prevArrow .7s infinite ease-in-out;-moz-animation: prevArrow .7s infinite ease-in-out;animation: prevArrow .7s infinite ease-in-out;}
#wowslider-container a.ws_next:hover:after{-webkit-animation: nextArrow .7s infinite ease-in-out;-moz-animation: nextArrow .7s infinite ease-in-out;animation: nextArrow .7s infinite ease-in-out;}
* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev{display: block}
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev{display: block}
/* bottom center */
#wowslider-container .ws_bullets{bottom: -33px;left: 50%;}
#wowslider-container .ws_bullets div{left: -70%;}
#wowslider-container .ws-title{position: absolute;display: block;bottom: 0.31em;left: 1.23em;margin: 9px;z-index: 50;font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;font-size: 5.5em;color: #FFF;text-shadow: 1px 1px 1px #333333;}
#wowslider-container .ws-title div, #wowslider-container .ws-title span{display: inline-block;padding: 10px;background: #3398B6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;opacity: 0.95; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);}
#wowslider-container .ws-title div{display: block;background: #B02D15;margin-top: 10px;color: #FFFFFF;opacity: 0.8;text-shadow: 1px 1px 1px #000000;}
#wowslider-container .ws_images > ul{animation: wsBasic 16.8s infinite;-moz-animation: wsBasic 16.8s infinite;-webkit-animation: wsBasic 16.8s infinite;}
@keyframes wsBasic{0%{left:-0%}
14.88%{left:-0%}

25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}}
@-moz-keyframes wsBasic{0%{left:-0%}
14.88%{left:-0%}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}}
@-webkit-keyframes wsBasic{0%{left:-0%}
14.88%{left:-0%}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}}
#wowslider-container .ws_bullets a img{text-indent: 0;display: block;bottom: 16px;left: -115px;visibility: hidden;position: absolute;-moz-box-shadow: 0 0 5px #999999;box-shadow: 0 0 5px #999999;border: 3px solid #ffffff;max-width: none;}
#wowslider-container .ws_bullets a:hover img{visibility: visible;}
#wowslider-container .ws_bulframe div div{height: 75px;overflow: visible;position: relative;}
#wowslider-container .ws_bulframe div div img{height: 100%;}
#wowslider-container .ws_bulframe div{left: 0;overflow: hidden;position: relative;width: 200px;background-color: #ffffff;}
#wowslider-container .ws_bullets .ws_bulframe{display: none;bottom: 18px;overflow: visible;position: absolute;cursor: pointer;-moz-box-shadow: 0 0 5px #999999;box-shadow: 0 0 5px #999999;border: 3px solid #ffffff;}
#wowslider-container .ws_bulframe span{display: block;position: absolute;bottom: -9px;margin-left: 0px;left: 95px;background: url(./triangle.png);width: 15px;height: 6px;}
#wowslider-container.ws_gestures, #wowslider-container.ws_gestures > div > a{cursor: -webkit-grab;cursor: -moz-grab;cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;}
#wowslider-container.ws_gestures.ws_grabbing, #wowslider-container.ws_gestures.ws_grabbing > div > a{cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;}
/* hide controls when video start play */
#wowslider-container.ws_video_playing .ws_bullets{display: none;}
#wowslider-container.ws_video_playing:hover .ws_bullets{display: block;}
/* IE fix because it don't show controls on hover if frame visible */
#wowslider-container.ws_video_playing_ie .ws_bullets, #wowslider-container.ws_video_playing_ie a.ws_next, #wowslider-container.ws_video_playing_ie a.ws_prev{display: block;}
/* youtube/vimeo buttons */
#wowslider-container .ws_video_btn{position: absolute;display: none;cursor: pointer;top: 0;left: 0;width: 100%;height: 100%;z-index: 55;}
#wowslider-container .ws_video_btn.ws_youtube, #wowslider-container .ws_video_btn.ws_vimeo{display: block;}
#wowslider-container .ws_video_btn div{position: absolute;background-image: url(./playvideo.png);background-size: 200%;top: 50%;left: 50%;width: 7em;height: 5em;margin-left: -3.5em;margin-top: -2.5em;}
#wowslider-container .ws_video_btn.ws_youtube div{background-position: 0 0;}
#wowslider-container .ws_video_btn.ws_youtube:hover div{background-position: 100% 0;}
#wowslider-container .ws_video_btn.ws_vimeo div{background-position: 0 100%;}
#wowslider-container .ws_video_btn.ws_vimeo:hover div{background-position: 100% 100%;}
#wowslider-container1 .ws_playpause.ws_hide{display: none !important;}
#wowslider-container .ws_fullscreen{display: none;position: absolute;font-family: "fullscreen";top: .5em;right: .5em;font-size: 2.25em;z-index: 59;color: #1EA5C2;text-shadow: none;}
#wowslider-container .ws_fullscreen:hover{-webkit-animation: pulseOut .9s infinite linear;-moz-animation: pulseOut .9s infinite linear;animation: pulseOut .9s infinite linear;}
/*#wowslider-container:hover .ws_fullscreen{display: block;}*/
#wowslider-container .ws_fullscreen:after{content: '\e800';}
.ws_fs_wrapper{width: 100%;height: 100%;background: #EFECDD;}
.ws_fs_wrapper > #wowslider-container, .ws_fs_wrapper > #wowslider-container .ws_images{margin: 0 auto;max-height: none;}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen{position: fixed;display: block;}
.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after{content: '\e801';}
.ws_fs_wrapper > #wowslider-container{border: 0;outline: 0;-webkit-box-shadow: 0;-moz-box-shadow: 0;box-shadow: 0;} @-webkit-keyframes pulseIn{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.2);} 100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulseIn{0%{-moz-transform: scale(1);} 50%{-moz-transform: scale(1.2);} 100%{-moz-transform: scale(1);}}
@keyframes pulseIn{0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);}} @-webkit-keyframes pulseOut{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(0.8);} 100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulseOut{0%{-moz-transform: scale(1);} 50%{-moz-transform: scale(0.8);} 100%{-moz-transform: scale(1);}}
@keyframes pulseOut{0%{transform: scale(1);} 50%{transform: scale(0.8);} 100%{transform: scale(1);}} @-webkit-keyframes nextArrow{0%, 100%{-webkit-transform: translateX(0px);} 25%{-webkit-transform: translateX(2px);} 75%{-webkit-transform: translateX(-2px);}}
@-moz-keyframes nextArrow{0%, 100%{-moz-transform: translateX(0px);} 25%{-moz-transform: translateX(2px);} 75%{-moz-transform: translateX(-2px);}}
@keyframes nextArrow{0%, 100%{-moz-transform: translateX(0px);
transform: translateX(0px);} 25%{-moz-transform: translateX(2px);
transform: translateX(2px);} 75%{-moz-transform: translateX(-2px);
transform: translateX(-2px);}} @-webkit-keyframes prevArrow{0%, 100%{-webkit-transform: translateX(0px);} 25%{-webkit-transform: translateX(-2px);} 75%{-webkit-transform: translateX(2px);}}
@-moz-keyframes prevArrow{0%, 100%{-moz-transform: translateX(0px);} 25%{-moz-transform: translateX(-2px);} 75%{-moz-transform: translateX(2px);}}
@keyframes prevArrow{0%, 100%{-moz-transform: translateX(0px);
transform: translateX(0px);} 25%{-moz-transform: translateX(-2px);
transform: translateX(-2px);} 75%{-moz-transform: translateX(2px);
transform: translateX(2px);}}

/*product show*/
.product-s{
	overflow: hidden;
}
.show-banner{
	overflow: hidden;
}
.showleft{
	float: left;
	width: 50%;
	height: 454px;
	overflow: hidden;
	position: relative;
}

.showleft-l{
	float: left;
	width: 50%;
}
.showleft-l h2{
	font-size: 24px;
	color: #000;
	font-weight: 700;
}
.showleft-l p{
	font-size: 16px;
	color: #000;
	font-weight: 700;
}
.showleft-r{
	float: right;
	width: 50%;
	background: #37231c;
}
.showleft-r p{
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 40px;
	padding-bottom: 274px;
}
.showleft-b{
	position: absolute;
	left:0;
	bottom: 0;
}
.showright{
	float: right;
	width: 50%;
}
.showright div{
	float: left;
	width: 46%;
	margin-left: 10px;
	margin-bottom: 20px;
}
.showright div .p-pic{
	display: block;
    width: 100%;
    height: 213px;
    text-align: center;
}

.showright div a img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

/*hot product*/
.hotbanner{
	overflow: hidden;
}
.hotleft{
	float: left;
	width: 23%;
	height: 400px;
	border: 5px solid #37231c;
	background: url(../images/hot-product-bg.png)no-repeat center top;
}
.hotleft-p{
	font-size: 20px;
    font-weight: 700;
    padding-top: 210px;
    padding-left: 8px;
}
.hotleft-div{
	text-align: right;
    margin-top: 40px;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    padding-right: 12px;
}
.hotleft-div span{
	width: 20%;
    height: 6px;
    background: #000;
    display: block;
    float: right;
}
.hotright{
	float: right;
	width: 75%;
}
.hottitle{
	font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-left: 2.3%;
}
.hottitle b{
	border-bottom: 5px solid #000;
}
.hotlist{
	overflow: hidden;
	margin-top: 20px;
}
.hotlist-li{
	float: left;
	width: 33%;
	text-align: center;
}
.hotlist-li img{
	border:2px solid #37231c;
	max-width: 100%
}
.hotlist-li h3{
	font-size: 20px;
	color: #000;
	margin-bottom: 30px;
	margin-top: 8px;
}
.hotlist-li h3 b {
    white-space:  nowrap;
    text-overflow:  ellipsis;
    overflow:  hidden;
    display:  block;
    padding: 0 13px;
}
.hotlist-li span.amore{
	font-size: 16px;
	color: #fff;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #000;
	margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
}
/*.input-4 .hotlist-li span{
	width: 80%;
}*/
.about .hotlist-li span.amore{
	width: 90px;
}
.hotlist-li span p{
	float: left;
}
.hotlist-li span .diandian{
	font-size: 30px;
    line-height: 12px;
    margin-left: 4%;
    margin-right: 4%;
}
.hotlist-li span p:first-child{
	margin-left: 8%;
}
/*superiority*/
.super{
	padding-bottom: 176px;
}
.supperbanner{
	position: relative;
	/*overflow: hidden;*/
}
.supperleft{
	float: left;
	width: 50%;
	height: 592px;
	background: url(../images/green-left.png);
}
.supperright{
	float: right;
	width: 50%;
	height: 592px;
	background: url(../images/green-right.png);
}
.supperright{
	padding-top: 90px;
	box-sizing: border-box;
	padding-left: 2%;
}
.supperright h1{
	font-size: 40px;
    font-weight: 700;
    color: #000;
}
.supperright p{
	width: 66%;
    font-size: 20px;
    color: #000;
    line-height: 24px;
    margin-top: 30px;
}
.supperbottom{
	overflow: hidden;
	position: absolute;
	left: 24%;
	bottom:-175px;
	z-index: 999;
	width: 52.08%;
}
.supperlist{
	width: 25%;
	height: 290px;
	float: left;
	background: #fff;
	text-align: center;
}
.supperlist img{
	padding-bottom: 40px;
	padding-top: 52px;
}
.supperlist h4{
	font-size: 20px;
    color: #000;
    font-weight: 500;
}
.supperactive{
	background: #000;
}
.supperactive h4{
	color: #fff;
}
/*about us*/
.aboutbanner{
	overflow: hidden;
}
.aboutleft{
	float: left;
	width: 50%;
}
.aboutleft img{
	border: 4px solid #37231c;
}
.aboutright{
	float: right;
	width: 50%;
	text-align: right;
}
.aboutright span.aline{
	display: block;
	float: right;
	width: 20%;
	height: 7px;
	background: #000;
}
.aboutright{
	font-size: 20px;
	color: #000;
	line-height: 30px;
}
.about .hotlist-li{
	float: right;
    width: auto;
    text-align: center;
}

/*company*/
.companybanner{
	overflow: hidden;
}
.companyleft{
	float: left;
	width: 50%;
	padding-top: 42px;
}
.companyleft h2{
	font-size: 24px;
    color: #000;
    font-weight: 700;
}
.companyleft span.cline{
	display: block;
	width: 20%;
	height: 7px;
	background: #000;
	margin-bottom: 10px;
}
.companyleft  p{
	font-size: 20px;
	color:#000;
	line-height: 30px;
}
.companyright{
	float: left;
	width: 46%;
	margin-left: 4%;
}
.companyrightone{
	margin-left: 0;
	margin-right: 4%;
}
.companyright img{
	width:100%;
}
.companyright640{
	display: none;
}
.companyleft-1{
	text-align: right;
}
.companyleft-1 span{
	float: right;
}
/*news*/
.newsbanner{
	background: url(../images/news-bg-1.png)no-repeat center top;
	padding-top: 30px;
	padding-bottom: 50px;
}
.newsullist{
	overflow: hidden;
	margin-bottom: 30px;
}
.newsleft,.newsline,.newsright{
	float: left;
}
.newsleft{
	width: 35%;
	max-height: 195px;
    overflow: hidden;
    border: 3px solid #fff;
}
.newsleft img{
	width: 100%;
    display: block;
}
.newsline{
	width: 5%;

}
.newsline span{
	display: block;
	margin: 0 auto;
	height: 140px;
	width: 7px;
	background: #fff;
}
.newsright{
	width: 60%;
}
.newsright h2{
	margin-top: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 28px;
}
.newsright h4{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
.newsright p{
	font-size: 18px;
	color: #fff;
	line-height: 24px;
}

/*input*/
.input .container{
	overflow: hidden;
}
.input-1{
	float: left;
	width: 23%;
	margin-left: 2%;
}
.input-logo{
	margin-top: 30px;
	margin-bottom: 74px;
}
.input-con{
	overflow: hidden;
	margin-bottom: 15px;
}
.input-con i{
	display: block;
	background: #37231c;
	width: 34px;
	height: 34px;
	text-align: center;
	border-radius: 50%;
	float: left;
}
.input-con p{
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 35px;
	padding-left: 2%;
}
.input-con .noneh {
	line-height: normal;
	word-break: break-word;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -o-pre-wrap;
}

.input-2{
	float: left;
	margin-top: 56px;
	width: 20%;
}
.input-2 h3{
	margin: 0;
	margin-bottom: 30px;
}
.input-2 ul li{
	margin-bottom: 20px;
}
.input-2 ul li a{
	font-size: 13px;
	color:#fff;
}

.input-3{
	margin-top: 56px;
}
.input-4{
	margin-top: 56px;
	float: left;
	width: 35%;
}
.input-pg{
	text-align:center;
}
.input-4 input{
	width: 45%;
	height: 25px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	color: #bcbcbc;
	font-size: 14px;
}
.input-4 input:nth-child(2){
	margin-left: 10%;
}
.input-4 input:nth-child(4){
	margin-left: 10%;
}
.input-4 textarea{
	width: 100%;
	height: 70px;
}
.input-4 .hotlist-li{
	float:none;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 20px;
}

.inputnone{
	display: none;
}
/*footer*/
footer{
	background: #000;
	padding-bottom: 20px;
	padding-top: 20px;
}
.footer p:nth-child(1){
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.footerlinks{
	margin-top: 20px;
}
.footerlinks ul{
	overflow: hidden;
	text-align: center;
	width: 9.05%;
	margin: 0 auto;
}
.footerlinks ul li{
	float: left;
    margin-left: 5%;
    margin-right: 5%;
    width: 15%;
}
.footerlinks ul li a img{
	width: 100%;
}


@media (min-width: 1200px){}
@media (min-width: 767.98px) and (max-width: 1199px){
	.header-search {
	    left: 39%;
	}
	.header-nav ul li a{
		/* padding-left: 25px; */
        padding-right: 0%;
	}
	/* .header-nav ul li:nth-child(5) a{
		margin-left: 22%;
	} */
	/*product show*/
	.showleft{
		float: none;
		width: 100%;
	}
	.showright{
		float:none;
		width:100%;
		margin-top: 30px;
	}
	/*hot product*/
	.hotleft{
		display: none;
	}
	.hotright{
		float:none;
		width:100%;
	}
	.supperbottom{
		width: 66.08%;
		left:17%;
	}

	.aboutleft{
		float:none;
		width: 100%;
		text-align: center;
	}
	.aboutright{
		float:none;
		width:100%;
		padding-right: 5%;
		margin-top: 30px;
	}
	.aboutbottom{
		padding-right: 5%;
	}
	.footerlinks ul{
		width: 15.05%;
	}
}
@media (max-width: 991px){
	.header-search {
	    left: 36%;
	}
	.header-nav ul li a {
	    padding-left: 12px;
	    font-size: 17px;
	}
	.header-nav >ul >li:nth-child(5) {
	    margin-left: 27.5%;
	}
}
@media (min-width: 640px) and (max-width: 767.98px){
	.header-nav ul li a{
		padding-left: 16px;
        padding-right: 0%;
	}
	/* .header-nav ul li:nth-child(5) a{
		margin-left: 32%;
	} */
	.header-nav ul li a{
		font-size: 15px;
	}
	/*product show*/
	.showleft{
		float: none;
		width: 100%;
	}
	.showright{
		float:none;
		width:100%;
		margin-top: 30px;
	}
	/*hot product*/
	.hotleft{
		display: none;
	}
	.hotright{
		float:none;
		width:100%;
	}
	.supperbottom{
		width: 66.08%;
		left:17%;
	}

	.aboutleft{
		float:none;
		width: 100%;
		text-align: center;
	}
	.aboutright{
		float:none;
		width:100%;
		padding-right: 5%;
		margin-top: 30px;
	}
	.aboutbottom{
		padding-right: 5%;
	}

	.newsullist{
		margin-bottom: 0;
	}
	.newsbanner{
		padding-bottom: 0;
	}

	/*company*/
	.companyleft{
		float: none;
		width: 100%;
	}
	.companyright{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.companyright640{
		display: block;
	}
	.companyright1200{
		display: none;
	}
	.companyleft p{
		text-align: left;
	}
	.companyleft h2{
		text-align: left;
	}
	.companyleft-1 span{
		float: left;
	}

		/*footer*/
	.input-1{
		float: none;
		width: 100%;
	}
	.input-2{
		width: 50%;
	}
	.input-3{
		padding-left: 5%;
	}
	.input-4{
		float: none;
		width: 100%;
	}
	.input-logo{
		margin-bottom: 40px;
	}
	.footerlinks ul{
		width: 25.05%;
	}
}
@media (max-width: 640px){
	.header-logo{
		width: 100%;
	}
	.header-logo input{
		float:none;
		width: 100%;
	}
	.header-logo img{
		width: 4%;
	}
	.header-search{
		position: static;
		margin-top: 10px;
		width: 100%;
		overflow: hidden;
		background: #000;
	}
	.header-search a:nth-child(1){
		display: block;
		width: 50%;
		float: left;
	}
	.header-search a:nth-child(2){
		display: block;
		width: 50%;
		float: right;
	}
	.header-search a:nth-child(2) img{
		float: right;
	}
	.header-nav{
		background: #000;
		margin-top: 10px;
		margin-bottom: 10px;
		display: none;
	}
	.header-nav ul li a{
		float:none;
		padding: 0;
		color: #fff;
		padding-left: 3%;
	}
	.header-nav ul li a:hover{
		background: #ddd;
		color: #000;
	}
	.header-nav ul li:first-child a{
		padding-left: 3%;
	}
	.header-nav ul li:nth-child(5) a{
		margin-left: 0;
	}
	/*product show*/
	.showleft{
		display: none;
	}
	.showright{
		float: none;
		width: 100%;
	}
	.showright div{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.showright div a img{
		height: auto;
	}
	/*hot product*/
	.hotleft{
		display: none;
	}
	.hotright{
		width: 100%;
		float: none;
	}
	.hottitle{
		text-align: center;
	}
	.hotlist-li{
		width: 100%;
		float:none;
		margin-bottom: 20px;
	}

	/*superiority*/
	.supperleft{
		float: none;
		width: 100%;
		background-size: cover;
        background-repeat: no-repeat;
	}
	.supperright{
		float: none;
		width: 100%;
		padding-top:0;
		height: 360px;
	}
	.supperbottom{
		position: static;
		width: 100%;
	}
	.supperlist{
		width: 50%;
	}
	.super{
		padding-bottom: 0;
	}
	/*superiority*/
	.aboutleft{
		float: none;
		width: 100%;
		text-align: center;
	}
	.aboutright{
		float: none;
		width: 100%;
		padding-right: 4%;
		margin-top: 15px;
	}
	.about .hotlist-li{
		padding-right: 4%;
	}
	/*company*/
	.companyleft{
		float: none;
		width: 100%;
	}
	.companyright{
		float: none;
		width: 100%;
	}
	.companyright640{
		display: block;
	}
	.companyright1200{
		display: none;
	}
	.companyleft p{
		text-align: left;
	}
	.companyleft h2{
		text-align: left;
	}
	.companyleft-1 span{
		float: left;
	}
	/*news*/
	.newsleft{
		float: none;
		width: 100%;
		max-height: inherit;
	}
	.newsline{
		display: none;
	}
	.newsright{
		width: 100%;
		float: none;
	}
	.newsbanner{
		background: #000;
	}
	/*footer*/
	.input-1{
		float: none;
		width: 100%;
	}
	.input-2{
		width: 50%;
	}
	.input-3{
		padding-left: 5%;
	}
	.input-4{
		float: none;
		width: 100%;
	}
	.input-logo{
		margin-bottom: 40px;
	}
	.footerlinks ul{
		width: 26.05%;
	}
}



.header-nav li{
	position: relative;
	float:left;
	z-index: 9;
}
ul.submenu {
	min-width: 210px;
	position: absolute;
	top: 30px;
	left: 0;
	background-color: rgba(0,0,0,0.70);
	flex-direction: column;
	z-index: 989;
	display: none;
}
ul.submenu  li{
	float: none;
}
ul.submenu  li a{
	float: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
    padding: 0 10px;
}
ul.submenu  li a:hover{
	color: #fff;
	background: #ddd;
}
ul.submenu  li:nth-child(5) a{
	margin-left:0;
}


@charset "utf-8";
/* CSS Document */
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0px;margin:0px;}
.pshare{float:left;padding:8px 0 0 0;}
.jsshare {text-align:center;padding-top:8px;}
.pshare li{float:left;width:48%;height:28px;line-height:28px;}
.pshare li img{vertical-align:middle;margin-right:12px;}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../../down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../../down1_1.png)no-repeat;padding:0 0 0 16px;}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../../down2_1.png)no-repeat;padding:0 12px 0 16px;}
.pdown2 #A_DownLoadProduct{background:url(../../down2_2.png) right top no-repeat;}
.pdown3 #A_DownLoadProduct{ background:url(../../down2_3.png) right top no-repeat;}
.pdown4 #A_DownLoadProduct{background:url(../../down2_4.png) right top no-repeat;}
.proCateTags{clear:both;padding:0 10px 8px 10px;margin:0 10px;border:1px solid #EEE;border-radius:5px;}
.proCateTags h3{font-size:14px;line-height:32px;margin:0px;padding:0px;}
.keywords{margin:12px auto;}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.keywords a:hover{text-decoration:none;}

/*LanguageLink_RopDown*/

.navigation-bar .container{
	position:relative;
}


.ptit{ margin-top:30px;height: 40px; line-height: 40px; padding-left: 20px; background: #eee; color: #000; font-size: 18px;}
.rollPro1 {width:100%;margin:20px auto;overflow: hidden;}
.rollPro1 li { width:32%; float:left; margin-right:2%; text-align:center;}
.rollPro1 li a {color: #333;}
.rollPro1 li:nth-of-type(3n) { margin-right:0%;}
.rollPro1 li .pbox { border:1px solid #e2e2e2; padding:4px; height:180px;}
.rollPro1 li .pbox img { max-width:100%; max-height:170px;}
.rollPro1 li p { height:50px; line-height:25px; overflow:hidden; margin:10px auto;}
.pro-body { margin-bottom:10px;}

/*in  the  page*/

.area {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

@media (max-width:767px) {
	.area, .container {
		width: 100%;
	}
}

@media (min-width:768px) {
	.area, .container {
		width: 750px;
	}
}

@media (min-width:992px) {
	.area, .container {
		width: 970px;
	}
}

@media (min-width:1200px) {
	.area, .container {
		width: 1200px;
	}
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.flexall {
	display: block;
}
.clearfix {
	clear: both;
	*zoom: 1;
}
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
/* header */
#header {
	width: 100%;
	height: 80px;
	background-color: #000;
	position: fixed;
	top: 0;
	z-index: 99;
}
.logo {
	float: left;
	align-items: center;
}
.logo a {
	display: block;
	margin-top: 5px;
}
.logo a img {
	max-height: 70px;
}
ul.nav {
	float: right;
}
ul.nav li {
	float: left;
	height: 80px;
	padding: 0 20px;
	position: relative;
}
ul.nav li a {
	font-size: 14px;
	color: #c1c1c1;
	line-height: 80px;
	padding: 15px 0;
	position: relative;
	transition: transform 0.3s linear;
}
ul.nav li a:after {
	content: "";
	background: #fff;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: all .30s linear;
	-moz-transition: all .30s linear;
	transition: all .30s linear;
}
ul.nav li a.inmenu_1 {
	color: #fff;
	border-bottom: 2px solid #fff;
}
ul.nav li:hover > a {
	color: #fff;
}
ul.nav li:hover > a:after {
	width: 100%;
}
ul.nav li:hover > a.inmenu_1:after {
	width: 0;
}
/*ul.submenu {*/
	/*width: 200%;*/
	/*padding-top: 17px;*/
	/*position: absolute;*/
	/*top: 64px;*/
	/*left: 0;*/
	/*background-color: rgba(0,0,0,0.70);*/
	/*display: none;*/
	/*flex-direction: column;*/
/*}*/
/*ul.submenu li {*/
	/*width: 100%;*/
	/*height: auto;*/
	/*border-bottom: 1px solid #eee;*/
	/*box-sizing: border-box;*/
/*}*/
/*ul.submenu li a {*/
	/*display: block;*/
	/*width: 100%;*/
	/*font-size: 14px;*/
	/*color: #c1c1c1;*/
	/*line-height: 170%;*/
	/*padding: 10px 0;*/
/*}*/
/*ul.submenu li:hover {*/
	/*background-color: rgba(255,255,255,0.70);*/
	/*transition: background 0.5s ease-out;*/
	/*-moz-transition: background 0.5s ease-out;*/
	/*-webkit-transition: background 0.5s ease-out;*/
/*}*/
/*ul.submenu li:hover > a {*/
	/*color: #666;*/
	/*border-bottom: 0;*/
/*}*/
/*ul.submenu li:hover > a:after {*/
	/*width: 0;*/
/*}*/
/*ul.nav li:hover> ul.submenu {*/
	/*display: block;*/
/*}*/
.navbar-default {
	float: right;
	position: relative;
	width: 22px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 4px;
	display: none;
}
.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	margin-top: 4px;
}
.icon-bar:first-child {
	margin-top: 0;
}

@media (max-width:991px) {
	.logo a img {
		max-width: 160px;
	}
	ul.nav li {
		padding: 0 10px;
	}
}

@media (max-width:1023px) {
	.navbar-default {
		display: block;
	}
	ul.nav {
		width: 100%;
		padding: 15px 0;
		position: absolute;
		top: 80px;
		left: 0;
		right: 0;
		background-color: #000;
		display: none;
	}
	ul.nav li {
		width: 100%;
		height: auto;
		padding: 0 0;
		margin-bottom: 10px;
		text-align: center;
	}
	ul.nav li:last-child {
		margin-bottom: 0;
	}
	ul.nav li a {
		width: 100%;
		padding: 10px 0;
		line-height: 300%;
		position: relative;
		text-align: center;
	}
	ul.nav li:hover > a:after {
		width: 0;
	}
	ul.nav li a.inmenu_1 {
		border-bottom: 0;
	}
	ul.nav li a.inmenu_1:after {
		content: "";
		width: 36px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -18px;
	}
	ul.nav li:hover> ul.submenu {
		display: none;
	}
}
/* title-h3 */
.innews h3, .inaboutit h3, .inhotpro h3, .inrun h3 {
	font-size: 32px;
	color: #333;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
}
.innews h3:after, .inaboutit h3:after, .inhotpro h3:after, .inrun h3:after {
	content: "";
	background: #333;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: all .36s linear;
	-moz-transition: all .36s linear;
	transition: all .36s linear;
}
.innews h3:hover:after, .inaboutit h3:hover:after, .inhotpro h3:hover:after, .inrun h3:hover:after {
	width: 72px;
}
/* selected */
.selected {
	width: 100%;
	margin: 40px 0 80px;
	overflow: hidden;
}
.selected-main {
	width: 100%;
	min-height: 500px;
	background-image: url(selectedbg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
.selected-img {
	width: 500px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}
.selected-img img {
	width: 100%;
	transition: all 0.36s ease;
}
.selected-img:hover img {
	transform: scale(1.2);
}
.selected-content {
	width: 450px;
	height: 254px;
	padding: 54px 20px 24px 44px;
	background-color: #fff;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -225px;
	z-index: 9;
}
.selected-content h5 {
	transition: all 0.36s ease;
	color: #333;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}
.selected-content:hover > h5 {
	color: #37231c;
}
.selected-content p {
	font-size: 14px;
	color: #666;
	line-height: 170%;
}

@media (max-width:500px) {
	.selected-main {
		min-height: 320px;
	}
	.selected-img {
		width: 100%;
	}
	.selected-content {
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		margin-left: 0;
		box-sizing: border-box;
	}
}

/* product category */
@media (max-width:767px) {
	.ff_indexPage .mlist.project .module_container .content_wrapper .item_block .item_info_outer {
		display: none;
	}
}
/* timeline */
.timeline {
	width: 100%;
	min-height: 100px;
	padding: 80px 0;
	margin: 80px 0;
	background: url(timebg.png) repeat-y center 0;
	overflow: hidden;
}
.timeline-contnet {
	width: 100%;
	height: 100%;
	text-align: center;
}
.timeline-item {
	display: inline-block;
	width: 23%;
}

@media (max-width:767px) {
	.timeline-item {
		width: 45%;
	}
	.timeline-item:first-child {
		margin-bottom: 80px;
	}
	.timeline-item:nth-child(2) {
		margin-bottom: 80px;
	}
}

@media (max-width:414px) {
	.timeline-item {
		width: 100%;
		margin-bottom: 80px;
	}
	.timeline-item:last-child {
		margin-bottom: 0;
	}
}
.timeline-item h5 {
	font-size: 54px;
	color: #fff;
	margin-bottom: 20px;
}
.timeline-item p {
	font-size: 16px;
	color: #a9a9a9;
}
/* innews */
.innews {
	width: 100%;
	margin: 40px 0;
	overflow: hidden;
}
ul.innews-main {
	overflow: hidden;
}
ul.innews-main li {
	float: left;
	width: 31.733333%;
	margin-right: 2.4%;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(170, 170, 170, 0.5);
}
ul.innews-main li:nth-child(3), ul.innews-main li:nth-child(6) {
	margin-right: 0;
}

@media (max-width:768px) {
	ul.innews-main li {
		width: 48%;
		margin-right: 4%;
	}
	ul.innews-main li:nth-child(3) {
		margin-right: 4%;
	}
	ul.innews-main li:nth-child(2n) {
		margin-right: 0;
	}
}
ul.innews-main li a.innewsimg {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	overflow: hidden;
}
ul.innews-main li a.innewsimg > img {
	max-width: 100%;
	transition: all 0.36s ease;
}
ul.innews-main li a.innewstit {
	font-size: 18px;
	color: #333;
	line-height: 150%;
	margin-bottom: 10px;
}
ul.innews-main li p {
	height: 52px;
	font-size: 14px;
	color: #666;
	line-height: 170%;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
ul.innews-main li span {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	width: 100%;
}
ul.innews-main li span a.innewsmore {
	font-size: 16px;
	color: #666;
	transition: all 0.36s ease;
}
ul.innews-main li span a.innewsmore:hover {
	color: #37231c;
}
ul.innews-main li span i {
	font-size: 14px;
	color: #999;
}
ul.innews-main li:hover {
	border-top: 1px solid rgba(0, 0, 0, 1);
}
ul.innews-main li a.innewsimg:hover > img {
	transform: scale(1.2);
}
/* inabout */
.inabout {
	width: 100%;
	height: 540px;
	padding-top: 120px;
	margin: 40px 0 80px;
	background: url(aboutbg.png) repeat-x 0 0;
}
.inaboutit {
	width: 100%;
	margin-bottom: 40px;
}
.inaboutit span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.inaboutit span img {
	display: block;
	float: right;
}
.inabout-content {
	width: 100%;
	position: relative;
}
.inabout-content span.inabcimg {
	width: 520px;
	position: absolute;
	left: 0;
	z-index: 1;
}
.inabout-content span.inabcimg img {
	max-width: 100%；
}

@media (max-width:520px) {
	.inabout-content span.inabcimg {
		width: 100%;
		position: inherit;
	}
}
.inabout-content span.inabctxt {
	display: block;
	float: right;
	width: 490px;
	height: 186px;
	padding: 60px 80px 20px;
	margin-top: 60px;
	background-color: #fff;
	z-index: 9;
}
.inabout-content span.inabctxt h5 {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}
.inabout-content span.inabctxt p {
	font-size: 14px;
	color: #666;
	line-height: 170%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.inabout-content span.inabctxt a {
	display: block;
	font-size: 14px;
	color: #666;
	padding: 10px 0;
	margin-top: 30px;
	position: relative;
	transition: all 0.36s ease;
}
.inabout-content span.inabctxt a:before {
	content: "";
	width: 0;
	height: 2px;
	background-color: #37231c;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.36s ease;
}
.inabout-content span.inabctxt a:hover {
	color: #37231c;
}
.inabout-content span.inabctxt a:hover:before {
	width: 40px;
}
/* advert */
.advert {
	width: 100%;
	padding: 120px 0;
	margin: 40px 0 0;
	background-image: url(custombg.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 0;
	background-size: cover;
}
.advert h3 {
	font-size: 60px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 90px 0;
}
/* inhotpro */
.inhotpro {
	width: 100%;
	padding: 80px 0 120px;
	background-color: #f5f5f5;
}
.inhotpro ul.inhot-main {
	overflow: hidden;
}
.inhotpro ul.inhot-main li {
	float: left;
	width: 25%;
	padding-bottom: 40px;
	background-color: #fff;
	position: relative;
	transition: all 0.36s ease;
}

@media (max-width:768px) {
	.inhotpro ul.inhot-main li {
		width: 50%;
	}
}
.inhotpro ul.inhot-main li:after {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	bottom: 0;
	left: 0;
	background-color: #37231c;
	opacity: 0;
	transition: all 0.9s ease;
}
.inhotpro ul.inhot-main li span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.inhotpro ul.inhot-main li span.inhotimg {
	margin-bottom: 40px;
}
.inhotpro ul.inhot-main li span.inhotimg a {
	display: block;
}
.inhotpro ul.inhot-main li span.inhotimg a > img {
	width: 100%;
	transition: all 0.36s ease;
}
.inhotpro ul.inhot-main li span.inhotit {
	margin-bottom: 30px;
	padding: 0 20px;
	box-sizing: border-box;
}
.inhotpro ul.inhot-main li span.inhotit a {
	height: 54px;
	font-size: 18px;
	color: #333;
	line-height: 150%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: all 0.36s ease;
	overflow: hidden;
}
.inhotpro ul.inhot-main li span.inhotp {
	font-size: 14px;
	color: #666;
	line-height: 170%;
	padding: 0 20px;
	box-sizing: border-box;
	transition: all 0.36s ease;
}
.inhotpro ul.inhot-main li span.inhotp p {
	height: 112px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.inhotpro ul.inhot-main li:hover {
	background-color: #000;
}
.inhotpro ul.inhot-main li:hover:after {
	width: 100%;
	opacity: 1;
}
.inhotpro ul.inhot-main li:hover span.inhotit a {
	color: #fff;
}
.inhotpro ul.inhot-main li:hover span.inhotp {
	color: #999;
}
.inhotpro ul.inhot-main li:hover span.inhotimg a > img {
	transform: scale(1.2);
}
/* inrun */
.inrun {
	width: 100%;
	padding: 80px 0 60px;
}
.inrun-content {
	width: 100%;
	position: relative;
}
.inrun-content-title {
	position: absolute;
	top: 40px;
	left: 0;
}
.inrun-content-topic {
	position: absolute;
	top: 0;
	right: 0;
}
.inrun-content-cenimg {
	width: 100%;
	height: 360px;
	padding-right: 360px;
	box-sizing: border-box;
	position: absolute;
	top: 180px;
	left: 0;
}
.inrun-content-cenimg img {
	max-width: 810px;
}

.inrun-content ul.indom {
	width: 100%;
	overflow: hidden;
}
.inrun-content ul.indom li {
	clear: both;
	float: right;
}
.inrun-content ul.indom li a {
	display: block;
	width: 180px;
	height: 180px;
	position: relative;
}
.inrun-content ul.indom li:first-child a {
	margin-right: 360px;
}
.inrun-content ul.indom li:nth-child(2) a {
	margin-right: 180px;
}
.inrun-content ul.indom li:nth-child(3) a {
	margin-right: 0;
}
.inrun-content ul.indom li:nth-child(4) a {
	margin-right: 180px;
}
@media (max-width:1024px) {
	.inrun {
		padding: 140px 0 60px;
	}
	.inrun-content-title {
		top: -80px;
	}
}
@media (max-width:768px) {
	.inrun-content-cenimg {
		padding-right: 0;
	}
	.inrun-content ul.indom li {
		width: 50%;
	}
	.inrun-content ul.indom li:first-child a {
		margin-left: -180px;
		margin-right: 0;
	}
	.inrun-content ul.indom li:nth-child(2) a {
		margin-right: -180px;
	}
	.inrun-content ul.indom li:nth-child(3) a {
		margin-left: -180px;
	}
	.inrun-content ul.indom li:nth-child(4) a {
		margin-right: -180px;
	}
}
.inrun-content ul.indom li a img {
	width: 100%;
}
.inrun-content ul.indom li a span {
	width: 100%;
	height: 100%;
	padding: 24px;
	box-sizing: border-box;
	background-color: #37231c;
	color: #fff;
	position: absolute;
	top: 0;
	left: 20px;
	opacity: 0;
	visibility: hidden;
	transition: 0.36s ease;
}
.inrun-content ul.indom li a:hover > span {
	left: 0;
	opacity: 1;
	visibility: visible;
}
.inrun-content ul.indom li a span > em {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.inrun-content ul.indom li a span > i {
	font-size: 13px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
/* incust */
.incust {
	width: 100%;
	padding: 45px 0;
	margin: 80px 0 0;
	background-color: #f5f5f5;
	overflow: hidden;
}
.incust ul {
	width: 100%;
	text-align: center;
}
.incust ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	padding: 20px;
	box-sizing: border-box;
	transition: all ease-out .3s .1s;
}
.incust ul li:nth-child(4){
	margin-right: 0;
}
.incust ul li:hover {
	box-shadow: -10px 5px 40px rgba(0, 0, 0, 0.06);
}
.incust ul li img {
	width: 100%;
	opacity: 0.8;
}

@media (max-width:768px) {
	.incust ul li {
		width: 45%;
		margin: 0 2.2%;
	}
}
/* foot */
.foot {
	width: 100%;
	padding: 80px 0 40px;
}
.foot-main {
	width: 100%;
	overflow: hidden;
}
.foot-main ul {
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.foot-main ul.fotinfo {
	width: 16.66666667%;
}
.foot-main ul.fotcate {
	width: 16.66666667%;
}
.foot-main ul.fotcont {
	width: 25%;
}
.foot-main ul.fotjion {
	align-self: flex-end;
	width: 33.33333333%;
}

@media (max-width:768px) {
	.foot-main ul.fotinfo, .foot-main ul.fotcate {
		width: 50%;
	}
	.foot-main ul.fotcont {
		width: 100%;
	}
	.foot-main ul.fotjion {
		width: 100%;
	}
}

@media (max-width:414px) {
	.foot-main ul.fotinfo, .foot-main ul.fotcate, .foot-main ul.fotcont, .foot-main ul.fotjion {
		width: 100%;
	}
}
.foot-main ul h5 {
	font-size: 18px;
	color: #333;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
}
.foot-main ul h5:after {
	content: "";
	background: #37231c;
	width: 98px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.foot-main ul li, .foot-main ul li a {
	color: #333;
	font-size: 13px;
	line-height: 30px;
	transition: all 0.36s ease;
}
.foot-main ul li:hover, .foot-main ul li a:hover {
	color: #37231c;
}
.footinname, .footinemail {
	width: 100%;
	height: 40px;
	border: 1px solid #37231c;
	border-radius: 3px;
	margin-bottom: 10px;
	text-indent: 10px;
	outline: none;
}
.footinbut {
	background-color: #37231c;
	color: #fff;
	padding: 10px 40px;
	font-size: 18px;
	font-family: 'Open Sans Regular';
	text-align: center;
	border: none;
	outline: none;
	border-radius: 3px;
	position: relative;
	transition: all 0.36s ease;
	cursor: pointer;
}
.footinbut:hover {
	background-color: #b8161e;
}
.footinbut:hover:before {
	transform: translate(-19px, 0px);
}
.footinbut:hover:after {
	transform: translate(0px, 0px);
}
.copyright {
	width: 100%;
	height: 72px;
	background-color: #f5f5f5;
	font-size: 14px;
	color: #333;
	text-align: center;
}

/* in the page*/
.sidebar {
	float: left;
	width: 240px;
}
.main {
	padding: 0 0 0 270px;
}
.ctit h3 {
	font-size: 16px;
	color: #fff;
	line-height: 42px;
	border: 1px solid #37231c;
	text-transform: uppercase;
	margin-bottom: auto;
	padding-left: 20px;
	margin-top: 2px;
	background: #37231c;
}
.bPosition {
	background: #f9f9f9;
	line-height: 36px;
	padding: 0 16px;
	color: #333;
	margin-bottom: 16px;
}
.bPosition a {
	color: #333 !important;
}
.pcon_l {
	float: left;
}
.pcon_r {
	padding: 0 16px 0 440px;
}
h1.pd-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 0px;
	color: #4a4a4a;
	padding-top: 15px;
	line-height: 24px;
	border-top: 1px solid #E4E2E2;
	text-transform: none;
	margin-bottom: 20px;
}
.pcon_r .pcon_info {
	line-height: 30px;
	color: 333;
}
.pcon_r .p_more {
	line-height: 48px;
	height: 48px;
	padding: 0 20px;
}
.pcon {
	padding-top: 30px;
	float: left;
	width: 100%;
}
.pcon .tit {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	background: #eee;
	color: #000;
	font-size: 18px;
}
.pcon .pinfo {
	display: block;
	line-height: 24px;
	padding: 20px 20px 30px 20px;
}
.pcon .pinfo img {
	max-width: 100%;
	margin: 0px auto;
}
.acon {
	float: left;
	width: 100%;
}
.acon .pinfo {
	display: block;
	line-height: 24px;
	padding: 20px 0 30px 20px;
}
.proIntro {
	color: #999;
	padding: 10px 10px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-radius: 5px;
}
.prosubmenu li {
	float: left;
	width: 32%;
	line-height: 24px;
}
.prosubmenu {
	padding: 3px 0 0 10px;
}
.sf-menu {
	display: table;
	width: 231px;
	margin: 0px auto;
	padding-bottom: 20px;
	border: 5px solid #eee;
	position: relative;
}
.sf-menu li {
	clear: both;
	border-bottom: 1px solid #eee;
	position: relative;
}
.sf-menu li a, .sf-menu li:hover a {
	display: block;
	color: #0a4da6;
	color: #333;
	line-height: 24px;
	font-size: 16px;
	padding: 9px 0 6px 14px;
}
.sf-menu li a:hover {
	background-color: #f2f2f2
}
.sf-menu li li {
	clear: both;
	text-transform: capitalize;
	margin: 0px auto;
	position: relative;
	border-bottom: none;
	padding-bottom: 0px;
	background: #37231c;
}
.sf-menu li li.LiLevel2 a {
	line-height: 26px;
}
.sf-menu li li.LiProDetail a {
	width: 200px;
}
.sf-menu li li a, .sf-menu li:hover li a {
	display: block;
	line-height: 20px;
	color: #fff;
	padding: 6px 0 4px 0px;
	text-decoration: none;
	font-size: 12px;
	padding-left: 18px;
	font-weight: normal;
}
.sf-menu li li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #555;
}
ul.sf-menu ul {
	display: none;
}
.sf-menu li:hover ul {
	display: block
}
ul.sf-menu ul ul {
	position: absolute;
	top: 0px;
	margin: 0px;
	visibility: hidden;
	border: 0px;
	border-radius: 0px;
	border-left: 0px;
	z-index: 999999
}
.sf-menu li li:hover {
	opacity: 1
}
.sf-menu li li li a, .sf-menu li:hover li li a {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 3px 12px;
	text-indent: 8px;
}
ul.pro-menu {
	margin-top: -1px;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}
ul.sf-menu li:hover > ul {
	visibility: visible;
	margin: 0px;
	padding: 0px;
}
ul.sf-menu li.Level1 > a {
	background: url(pico1.png) 3px 15px no-repeat;
}
.sf-menu1 {
	display: table;
	width: 220px;
	margin: 0px auto;
	padding-bottom: 20px;
}
.sf-menu1 li {
	clear: both;
	border-bottom: 1px solid #EEE;
}
.sf-menu1 li a {
	display: block;
	color: #0a4da6;
	color: #333;
	line-height: 24px;
	font-size: 16px;
	background: url(pico.png) 3px 15px no-repeat;
	padding: 9px 0 6px 14px;
}
.sf-menu1 li a:hover {
	background-color: #f2f2f2
}
.sf-menu1 li li {
	clear: both;
	text-transform: capitalize;
	margin: 0px auto;
	position: relative;
	border-bottom: none;
	padding-bottom: 0px;
}
.sf-menu1 li li.LiLevel2 a {
	background: url(icon01.gif) no-repeat 8px 11px;
	line-height: 26px;
}
.sf-menu1 li li.LiProDetail a {
	background: url(ico_sort.png) no-repeat 8px 11px;
}
.sf-menu1 li li a {
	display: block;
	line-height: 20px;
	color: #777;
	padding: 2px 0 4px 0px;
	text-decoration: none;
	font-size: 12px;
	padding-left: 18px;
	font-weight: normal;
}
.sf-menu1 li li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #555;
}
ul.sf-menu1 ul {
	visibility: visible
}
ul.sf-menu1 ul ul {
	position: absolute;
	left: 220px;
	width: 220px;
	top: 0px;
	margin: 0px;
	visibility: hidden;
	border: 0px;
	border-radius: 0px;
	border-left: 0px;
	z-index: 999999
}
.sf-menu1 li li li {
	background: #FFF;
	padding: 0px;
}
.sf-menu1 li li:hover {
	opacity: 1
}
.sf-menu1 li li li a, .sf-menu1 li:hover li li a {
	text-decoration: none;
	background: url(ico_sort.png) #f2f2f2 no-repeat 8px 11px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 3px 12px;
	text-indent: 8px;
}
ul.pro-menu {
	margin-top: -1px;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}
ul.sf-menu1 li.Level1 > a {
	background: url(pico1.png) 3px 15px no-repeat;
}
.sf-menu2 {
	display: table;
	width: 220px;
	margin: 0px auto;
	padding-bottom: 20px;
}
.sf-menu2 li {
	clear: both;
	border-bottom: 1px solid #EEE;
	position: relative;
}
.sf-menu2 li a, .sf-menu2 li:hover a {
	display: block;
	color: #0a4da6;
	color: #333;
	line-height: 24px;
	font-size: 16px;
	background: url(pico.png) 3px 15px no-repeat;
	padding: 9px 0 6px 14px;
}
.sf-menu2 li a:hover {
	background-color: #f2f2f2
}
.sf-menu2 li li {
	clear: both;
	text-transform: capitalize;
	margin: 0px auto;
	position: relative;
	border-bottom: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #fff;
}
.sf-menu2 li li.LiLevel2 a {
	background: url(icon01.gif) no-repeat 8px 13;
	line-height: 26px;
}
.sf-menu2 li li.LiProDetail a {
	background: url(ico_sort.png) no-repeat 8px 13px;
}
.sf-menu2 li li a, .sf-menu2 li:hover li a {
	display: block;
	line-height: 20px;
	color: #777;
	padding: 6px 0 4px 0px;
	text-decoration: none;
	font-size: 12px;
	padding-left: 18px;
	font-weight: normal;
}
.sf-menu2 li li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #555;
}
ul.sf-menu2 ul {
	display: none;
}
.sf-menu2 li:hover ul {
	display: block
}
ul.sf-menu2 ul {
	position: absolute;
	left: 220px;
	width: 220px;
	top: 0px;
	margin: 0px;
	visibility: hidden;
	border: 0px;
	border-radius: 0px;
	border-left: 0px;
	z-index: 999999;
	background: #EEE;
}
.sf-menu2 li li li {
	background: #FFF;
	padding: 0px;
}
.sf-menu2 li li:hover {
	opacity: 1
}
.sf-menu2 li li li a, .sf-menu2 li:hover li li a {
	text-decoration: none;
	background: url(ico_sort.png) #f2f2f2 no-repeat 8px 11px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 3px 12px;
	text-indent: 8px;
}
ul.pro-menu {
	margin-top: 0px;
	position: absolute;
	padding: 0px;
	text-transform: capitalize;
	left: 231px;
	top: 0px;
	z-index: 999;
}
ul.sf-menu2 li:hover > ul {
	visibility: visible;
	margin: 0px;
	padding: 0px;
}
ul.sf-menu2 li.Level1 > a {
	background: url(pico1.png) 3px 15px no-repeat;
}
.lsec {
	margin-top: 10px;
	width: 240px;
	border: 5px solid #eee;
	padding: 15px;
	box-sizing: border-box;
}


h1 {
	text-transform: capitalize;
}
.pro_lb0 {
	float: left;
	width: 100%
}
.pro_lb0 li {
	clear: both;
	border-bottom: 1px solid #EEE;
	padding: 8px 12px 8px 0;
}
.pro_lb0 li:hover {
	background: #fffcf3;
}
.pro_lb0 .fl {
	float: left;
	width: 26.5%;
}
.pro_lb0 .pimg {
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #EEE;
	padding: 2px;
	overflow: hidden;
}
.pro_lb0 img {
	display: block;
	width: 100%;
}
.pro_lb0 .protxt {
	float: right;
	width: 71%;
	line-height: 20px;
	margin: 0px;
	padding: 6px 0 0;
}
.pro_lb0 .pinfo {
	display: block;
	font-size: 12px;
	color: #777;
	max-height: 64px;
	overflow: hidden;
}
.pro_lb0 strong {
	display: block;
	max-height: 38px;
	font-size: 14px;
	padding: 4px 0 6px 0;
	overflow: hidden
}
.pro_lb0 strong a {
	color: #333;
}
.pro_lb0 strong a:hover {
	color: #56ce3f
}
.pro_lb0 h3 {
	display: block;
	max-height: 34px;
	font-size: 14px;
	padding: 4px 0 6px 0;
	margin-bottom: 5px;
	overflow: hidden
}
.pro_lb0 h3 a {
	color: #333;
}
.pro_lb0 h3 a:hover {
	color: #37231c;
}
.pro_lb1 h3 {
	font-weight: normal;
}
.pro_lb0 span {
	display: block;
}
.pro_lb1 {
	float: left;
	padding-top: 10px;
	width: 100%;
}
.pro_lb1 p {
	line-height: 24px;
}
.pro_lb1 li {
	float: left;
	width: 25%;
	padding: 0 0.5%;
    margin-bottom: 10px;
}
.pro_lb1 li .pp_box {
	margin: 15px 12px;
}
.pro_lb1 li a {
	display: block;
	position: relative;
}
.pro_lb1 h3 a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:18px;
}
.pro_lb1 h3{overflow:hidden;height:34px;line-height:34px;}
.pro_lb1 li .pimg a {
    width: 290px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.pro_lb1 li a img {
	max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}
.pro_lb1 li a .text {
	width: 100%;
	height: 60px;
	background: #8f8f8f;
	position: absolute;
	z-index: 1;
	bottom: 0;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.pro_lb1 li a .tex {
	width: 100%;
	height: 40px;
	line-height: 20px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	text-align: center;
	overflow: hidden;
	color: #FFF;
}
.pro_lb1 li a:hover .text {
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.pro_lb1 .li0 {
	padding-right: 0;
}

@media screen and (max-width:640px) {
	.pro_lb0 .fl {
		width: 100%;
		margin-bottom: 15px;
	}
	.pro_lb0 img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.pro_lb0 .protxt {
		width: 100%;
	}
}
.pages {
	text-align: center;
	font-size: 12px;
	padding: 15px 0 20px 0;
	color: #b2b2b2;
	clear: both
}
.pages a, .pages span {
	display: inline-block;
	margin: 1px 5px;
	min-width: 10px;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}
.pages a:link, .pages a:visited {
	color: #666;
	background: #FFF;
}
.pages a:hover, .pages a:active, .pages span.ctxt {
	color: #FFF;
	background: #333;
	color: #FFF;
	text-decoration: none
}
.newslist {
	float: left;
	width: 100%;
}
.newslist ul {
	padding-right: 16px
}
.newslist li {
	background: url(arrow-list.gif) 8px 10px no-repeat;
	border-bottom: 1px dashed #ddd;
	line-height: 32px;
	color: #888;
	overflow: hidden;
	padding: 15px 0;
}
.newslistt span{
	float: right;
}
.box_right a{
	display: block;
	float: none;
}
.newslist li a {
	font-size: 14px;
	color: #333;
	text-align: left;
}
.newslist li a:hover {
	color: #d22720;
	text-decoration: underline
}
.rnews, .rollPro {
	margin: 0px auto;
}
.rnews h3, .rollPro h3 {
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 12px 0;
	color: #333;
	font-weight: normal;
	height: 30px;
	margin-bottom: 10px;
}
.rnews li {
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
}
.rnews li a {
	display: block;
	white-space: nowrap;
	margin-right: 3%;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dashed #EEE;
}
.rnews li a:hover {
	color: #37231c;
}
.rollPro {
	height: 220px;
	margin-bottom: 30px;
}
.rollPro .Cont {
	width: 94%;
	overflow: hidden;
	margin: 0px auto;
}
.rollPro .ScrCont {
	width: 10000000px;
}
.rollPro .pic {
	position: relative;
	width: 170px;
	height: 160px;
	margin: 0 3px;
	border: 1px solid #EEE;
	text-align: center;
}
.rollPro .pbox img {
	max-width: 162px;
	max-height: 100px;
}
.rollPro .pbox {
	width: 100%;
	height: 120px;
	text-align: center;
}
.rollPro p {
	height: 42px;
	overflow: hidden;
	line-height: 20px;
	position: absolute;
	bottom: 0;
}
.rollPro #List1, .rollPro #List2, .rollPro .wen_jt, .rollPro .Cont, .rollPro .pic {
	float: left;
}
.rollPro .wen_jt {
	width: 24px;
	padding-top: 45px;
}
.newcon {
	padding-top: 28px;
}
.newcon .tit {
	text-align: center;
	color: #000;
	font-size: 18px;
}
.newcon .time {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	font-size: 12px;
	color: #999;
	width: 160px;
	margin: 0px auto;
	text-align: center;
}
.newcon p {
	color: #666;
	padding-top: 20px;
	line-height: 24px;
}
.pinfo {
	font-size: 14px;
}
.newcon .pn {
	padding: 12px 0 0 0;
	min-height: 59px;
}
.newcon .prev, .newcon .next {
	float: left;
	font-size: 16px;
	padding: 6px 0;
	width: 48%;
	white-space: nowrap;
	margin-right: 2%;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 43px;
}
.newcon .prev a, .newcon .next a {
	color: #333;
}
.newcon .prev a:hover, .newcon .next a:hover {
	color: #37231c;
}
.newcon .next {
	margin-right: 0;
}
.buybtn {
	clear: both;
	width: 200px;
	height: 40px;
	margin: 20px 0 0 0;
	text-align: left;
	line-height: 40px;
}
.buybtn a {
	display: inline-block;
	padding: 0 15px;
	color: #FFF;
	height: 40px;
	background: #0a4da6;
	border-radius: 2px;
	font-size: 18px;
}
.buybtn a:hover {
	background: #145cbc;
	color: #FFF;
	border-radius: 2px;
}
.pshare {
	float: left;
	padding: 8px 0 0 0;
}
.jsshare {
	text-align: center;
	padding-top: 8px;
}
.pshare li {
	float: left;
	width: 48%;
	height: 28px;
	line-height: 28px;
}
.pshare li img {
	vertical-align: middle;
	margin-right: 12px;
}
.jsshare span.stxt {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding: 0 8px 0 0;
	position: relative
}
.jsshare a, .jsshare a img {
	width: 35px;
	vertical-align: middle
}
.addthis_sharing_toolbox {
	display: inline-block
}
span.at-icon-wrapper, .at-icon-wrapper svg {
	width: 24px!important;
	height: 24px!important;
	line-height: 24px!important;
}
.p_more {
	margin: 16px 0;
	display: inline-block;
	min-width: 85px;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #FFF !important;
}
.mmv {
	background-color: #37231c;
	padding: 0px 13px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	box-shadow: 0px 0px 1px rgba(0,0,0,0);
	transform: translateZ(0px);
	transition-property: color;
	transition-duration: 0.5s;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: color;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.mmv::before {
	background-color: rgb(25, 38, 52);
	transform-origin: 0% 50%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: -1;
	content: "";
	transform: scaleX(0);
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: transform;
	-webkit-transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
}
.mmv:hover {
	color: white;
	text-decoration: underline
}
.mmv:focus {
	color: white;
}
.mmv:active {
	color: white;
}
.mmv:hover::before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transform: scaleX(1);
}
.mmv:focus::before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transform: scaleX(1);
}
.mmv:active::before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transform: scaleX(1);
}
.dropdown:hover ul {
	display: block
}
.subscribe {
	margin-top: 19px;
}
.inner-banner {
	width: 100%;
	margin-bottom: 24px;
}
.inner-banner img {
	width: 100%;
}
.lsec_tit {
	margin-top: 20px;
}
.ejfl {
	font-size: 24px;
	margin: 0 0 20px;
	font-weight: normal;
}

.navigation-bar .container {
	position: relative;
}

.ptit {
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	background: #eee;
	color: #000;
	font-size: 18px;
}
.rollPro1 {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}
.rollPro1 li {
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align: center;
}
.rollPro1 li a {
	color: #333;
}
.rollPro1 li:nth-of-type(3n) {
	margin-right: 0%;
}
.rollPro1 li .pbox {
	border: 1px solid #e2e2e2;
	padding: 4px;
	height: 180px;
}
.rollPro1 li .pbox img {
	max-width: 100%;
	max-height: 170px;
}
.rollPro1 li p {
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	margin: 10px auto;
}
.pro-body {
	margin-bottom: 10px;
}
.singglepic {
	height: auto!important;
}
.pcon table tr td {

}
.feedbackForm table tr td {
	border: none;
}
.table {
	border-collapse: collapse;
}
.table td, .table th {
	border: 1px solid #cdcdcd;
	padding: 5px;
}
.table p {
	padding: 0px;
	margin: 0px;
}
.pshare {
	float: left;
	padding: 8px 0 0 0;
}
.jsshare {
	text-align: center;
	padding-top: 8px;
}
.pshare li {
	float: left;
	width: 48%;
	height: 28px;
	line-height: 28px;
}
.pshare li img {
	vertical-align: middle;
	margin-right: 12px;
}
.jsshare span.stxt {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding: 0 8px 0 0;
	position: relative
}
.jsshare a, .jsshare a img {
	width: 35px;
	vertical-align: middle
}
.addthis_sharing_toolbox {
	display: inline-block
}
.pdown1 #A_DownLoadProduct {
	display: inline-block;
	clear: both;
	height: 32px;
	margin: 16px 0 0 0;
	line-height: 32px;
	background: url(../../down1_2.png) right top no-repeat;
	padding-right: 50px
}
.pdown1 #A_DownLoadProduct span {
	display: inline-block;
	height: 32px;
	background: url(../../down1_1.png)no-repeat;
	padding: 0 0 0 16px;
}
.pdown2 #A_DownLoadProduct, .pdown3 #A_DownLoadProduct, .pdown4 #A_DownLoadProduct {
	display: inline-block;
	clear: both;
	height: 45px;
	margin: 16px 0 0 0;
	line-height: 45px;
	padding-right: 45px
}
.pdown2 #A_DownLoadProduct span, .pdown3 #A_DownLoadProduct span, .pdown4 #A_DownLoadProduct span {
	display: inline-block;
	height: 45px;
	background: url(../../down2_1.png)no-repeat;
	padding: 0 12px 0 16px;
}
.pdown2 #A_DownLoadProduct {
	background: url(../../down2_2.png) right top no-repeat;
}
.pdown3 #A_DownLoadProduct {
	background: url(../../down2_3.png) right top no-repeat;
}
.pdown4 #A_DownLoadProduct {
	background: url(../../down2_4.png) right top no-repeat;
}
.proCateTags {
	clear: both;
	padding: 0 10px 8px 10px;
	margin: 0 10px;
	border: 1px solid #EEE;
	border-radius: 5px;
}
.proCateTags h3 {
	font-size: 14px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
}
.keywords {
	margin: 12px auto;
}
.keywords a {
	margin-right: 10px;
	color: #2e66b5;
	line-height: 1.8;
	text-decoration: underline;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.keywords a:hover {
	text-decoration: none;
}

.navigation-bar .container {
	position: relative;
}

.pcon{
	margin-top:0;
}
/* .pshare{
	margin-top:-100px;
} */
#imgshow{
	display: none!important;
}


@media screen and (min-width: 1200px){
	.main{
		float: left;
		width: 74%;
		margin-left: 4%;
		padding: 0;
	}
}

@media screen and (max-width:1266px) {
	.procate_tit {
		display: none;
	}
	.procatefenleiimg {
		display: none;
	}
}

@media screen and (min-width:1004px) {
	.top .fl {
		min-width: 690px;
		overflow: hidden;
	}
	.pro_lb1 li:nth-child(4n+5) {
		clear: both
	}
}

@media screen and (max-width:1004px) and (min-width:960px) {
	.top .fl {
		float: none;
		clear: both;
		max-width: 100%;
	}
	.col2 {
		width: 27%
	}
	.col3 {
		width: 28%
	}
	.pro_lb1 li {
		width: 33.33%;
	}
	.pro_lb1 li:nth-child(3n+4) {
		clear: both
	}
}

@media screen and (max-width:960px) and (min-width:640px) {
	.logo {
		float: none;
		width: 100%;
		text-align: center
	}
	.head-text, .top .fr .xyz {
		display: none;
	}
	.logo img {
		max-height: 70px;
	}
	.prolist li {
		float: left;
		width: 98%;
		height: 200px;
		border: 1px solid #dddada;
		margin: 15px 0.8%;
	}
	.hotpro li {
		width: 50%;
	}
	.tnew, .lnew {
		float: none;
		width: 100%;
		clear: both
	}
	#nav .fl, #nav .fr {
		display: block;
	}
	#nav ul {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
	}
	#nav {
		height: 60px;
		position: relative;
	}
	.col1 {
		width: 50%;
	}
	.col2 {
		width: 262px;
		padding-right: 15px;
		float: right;
	}
	.col3 {
		padding-left: 15px;
		clear: both
	}
	.pro_lb1 li {
		width: 50%;
	}
	.pro_lb1 li:nth-child(2n+3) {
		clear: both
	}
	.pcon_r {
		word-break: break-word;
	}
	.newslist li a {
		width: 75%;
	}
	#nav li#liHome {
		border-left: 0px;
	}
}

@media screen and (max-width:960px) and (min-width:700px) {
	.pcon_l {
		float: none;
		width: 402px;
		margin: 0px auto;
		overflow: hidden;
	}
	.pcon_r {
		padding-left: 0px;
	}
	.pcon_r .pd-title, .pcon_r .pcon_info {
		padding-left: 20px;
	}
	.pcon_r .p_more {
		margin-left: 20px;
	}
	.zoomdiv, .jqZoomPup {
		display: none!important
	}
	.rnews li {
		float: none;
		display: block;
		width: 100%;
		margin: 0px auto;
	}
	.newcon .prev, .newcon .next {
		float: none;
		width: 100%;
		margin: 0px auto;
	}
	#nav li#liHome {
		border-left: 0px;
	}
}

@media screen and (max-width:700px) and (min-width:480px) {
	.pcon_l {
		float: none;
		width: 400px;
		margin: 0px auto;
		overflow: hidden
	}
	.pcon_r {
		padding-left: 12px;
	}
	.zoomdiv, .jqZoomPup {
		display: none!important
	}
	.newslist li a {
		width: 75%;
	}
	.rnews li {
		float: none;
		display: block;
		width: 100%;
		margin: 0px auto;
	}
	.newcon .prev, .newcon .next {
		float: none;
		width: 100%;
		margin: 0px auto;
	}
	#nav li#liHome {
		border-left: 0px;
	}
}

@media screen and (max-width:640px) {
	.top .fl, .top .fr {
		float: none;
		width: 100%;
		margin-top: 0px;
	}
	.tnew, .lnew {
		float: none;
		width: 100%;
		clear: both
	}
	.hotpro li {
		float: left;
		width: 50%;
	}
	.hotpro li.hotpro li .p_more {
		display: none
	}
	.tnew .tbox {
		height: 160px;
	}
	.tnew p {
		max-height: 106px;
	}
	.ttext {
		padding: 0 12px 0 172px;
	}
	.tnew img {
		width: 160px;
	}
	.prolist li {
		float: none;
		width: 98%;
		height: 160px;
	}
	.propic {
		height: 160px;
		width: 160px;
		text-align: center
	}
	.propic img {
		max-height: 160px;
		max-width: 160px;
	}
	.protext {
		padding: 0 12px 0 180px;
		font-size: 12px;
	}
	.protext h3 {
		font-size: 14px;
		margin-top: 25px;
	}
	.protext p {
		max-height: 40px;
		overflow: hidden;
	}
	.p_more {
		margin: 16px 0;
		display: inline-block;
		min-width: 85px;
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		color: #FFF;
	}
	.col1, .col2 {
		display: none;
	}
	.col3 {
		float: none;
		width: auto;
		margin: 0px;
		padding: 0px;
	}
	.col3 h3 {
		text-indent: 15px;
	}
	.col4 {
		float: left;
	}
	.ccs {
		word-break: break-word;
		word-wrap: break-word;
		padding: 0 15px;
	}
	.col4 {
		float: left;
		padding-left: 15px;
	}
	.pro_lb1 li {
		width: 50%;
	}
	.sidebar {
		float: none;
		width: 100%;
		padding-top: 12px;
	}
	.main {
		padding: 6px 0 0 0px;
	}
	.sf-menu {
		display: table;
		width: 96%;
		margin: 0px auto;
		padding-bottom: 20px;
	}
	.lsec {
		margin-top: 10px;
		width: 96%;
		border: 5px solid #eee;
		padding: 15px;
		margin: 10px auto;
	}
	ul.sf-menu ul ul {
		display: none!important;
	}
	.ctit h3 {
		text-indent: 10px;
	}
	.newcon .prev, .newcon .next {
		float: none;
		width: 100%;
		margin: 0px auto;
	}
	.newcon {
		padding: 0 12px;
	}
	.procate_tit {
		display: none;
	}
	.procatefenleiimg {
		display: none;
	}
}

.box_li{
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
	float: left;
}
.box_left{
	width: 200px;
	float: left;
}
.box_left img {
	width: 100%;
}
.box_right {
	padding-left: 220px;
	float: none;
}
.box_right h3 a {
	color: #333333;
	font-size: 18px;
	line-height: 16px;
}
.artical_date {
	padding: 5px 0;
	color: #666;
	font-size: 14px;
}

.header-logo{display:flex;justify-content:flex-end}
.header-logo input{width:75px;height:27px}
.header-logo .search{position:relative}
.header-logo .search img{width:24px}
/*----------------------------------flag.css----------------------------------*/
#xyz{position:relative;z-index:99999;width:120px;height:27px;margin-top:24px;margin-left:10px;top:0!important;}
.xyz12{border:1px solid #a9a9a9;width:100%; background:#fff; line-height:25px; position:absolute;box-sizing: border-box}
.xyz12 li{position:relative;height: 25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 25px;padding:0 8px;z-index:1;text-align:left;}.xyz12 li a{color:#333; font-size:12px;}
.xyz12 li.selected{border-top:0px;}.xyz12 li.selected a{color:#8550d9;}
.xyz12 span{position:absolute;right:6px;top: 2px;background: url(../../../Content/C_IMG/amore.png) center no-repeat;display:block;width:25px;height:25px;cursor:pointer;z-index:100;}
.xyz12 span.dp{background: url(../../../Content/C_IMG/amore1.png) center no-repeat;  }
.xyz12 li img { vertical-align: middle; margin:-2px 7px 0 0;width: 16px }
.xyz12 li:hover{background:#f2f2f2}
@media (max-width: 960px){
    #xyz{position:absolute;left:0}
}