@charset "utf-8";
/* 
 * Project Name:
 * Author:cyh
 * Date：2018.10.4
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* always display scrollbars */
body { font:14px "Microsoft Yahei","微软雅黑","Arial"; margin: 0 auto; color: #666; min-width:1200px; line-height:24px; background-color: #fff; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #f0be00; color: #fff; text-shadow: none; }
::selection { background: #f0be00; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
a:link, a:visited { text-decoration: none;color: #666 }
a:active, a:hover { text-decoration: none; outline:none;color: #666}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear{clear: both;}
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.right{ float:right;}
.left{ float:left;}


.topna{ width:100%; background:url(../images/headbg.jpg) repeat-x;}
.topna .topdimg{ height:44px; line-height:40px; }

.topna .topdimg p{ float:left;}
.topna .topdimg .right .di01{ float:left;}
.topna .topdimg .right .di01 a{ color:#757575; font-size:12px;     padding-right: 11px;
    padding-left: 5px;background:url(../images/shujian.jpg) no-repeat right center;}
.topna .topdimg .right .di01 a:hover{ color:#0083ee;}


.top {width: 100%; height: 98px; color: #5e5e5e; z-index: 999;} 
.top a:active, .top a:hover { color: #205bab; }
.top .inner { position: relative; width: 100%; margin: 0px auto;}
.subbg{ position: fixed; left: 0px; top: 98px; z-index: 800; background: url(../images/blue_95.png) repeat; background: none rgba(33,91,171,0.95); width: 94%; padding: 0px 3%; display: none;}
.subbg a:link, .subbg a:visited { color: #ffffff; font-size:13px; }
.subbg a:active, .subbg a:hover { color: #252525; }
.subbox { position: relative; overflow: hidden; float: right; border-right: 1px solid #3c79cd; }
.subnav { float: left; padding: 20px 0px; height: 280px; font-family: "microsoft yahei"; width: 95px; border-left: 1px solid #3c79cd; position: relative;}
.subnav a { margin: 0px 0px 0px 22px; padding: 2px 0px; display: block; position: relative; font-size: 13px;}
.subnav4 a{ margin-left: 20px;}
.csstransitions .subnav .cbg{content: "";position: absolute; z-index: -1;top: 0;bottom: 0;left: 0;right: 0; background-color:#0092dc;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.csstransitions .subnavAct .cbg{ -webkit-transform: scaleX(1);transform: scaleX(1);}
.no-csstransitions .subnav .cbg{ display: none;}
.no-csstransitions .subnavAct{background-color: #0092dc;}
.logo { position: absolute; left: 0px;    top: 7px;
    width: 239px;    float: left;}
.logo img { display: block; width: 100%; }
.inner{ width: 1120px; margin: 0px auto;}
.topFix{ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); background-color: #fff;}
.menu-handler { width: 54px; height: 50px; cursor: pointer; display: none; float: right; position: relative; }
.menu-handler .burger { width: 28px; height: 4px; background:#0083ee; display: block; position: absolute; z-index: 5; top: 15px; left: 50%; margin: 0px 0px 0px -14px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 23px; }
.menu-handler .burger-3 { top: 31px; }
#bg-santai { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: url("../images/close-icon.ico") 16 16, default; z-index: 800; }
.touchevents #bg-santai { cursor: pointer; }
#menuBox { display: inline-block; position: fixed; background-color: #0083ee; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; }
.open { position: relative !important; right: 240px; }
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }
.link span{ padding: 0px 4px;}
.sharpBox{ display: block; margin-top: 15px;}
.sharpBox a { display: block; width: 38px; height: 38px; margin-right: 14px; background: url(../images/sharp1.png) no-repeat scroll 0px 0px; float: left; position: relative; }
.sharpBox a em { background: url(../images/sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a .ibg { background: url(../images/sharp2.png) no-repeat scroll 0px 0px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-position: 0px 0px; }
.sharpBox a.a2 .i { background-position: -53px 0px; }
.sharpBox a.a3 .i { background-position: -106px 0px; }
.sharpBox a.a4 .i { background-position: -159px 0px; }
.sharpBox a.a5 .i { background-position: -212px 0px; }
.sharpBox a.a5{ margin-right: 0px;}
.ptop{ height: 77px;}
.pageNavBox{ height: 36px; line-height: 34px; background-color: #fff;}
.pageNavBox.fixed .pageCur{ position: fixed; right: 0; top: 77px; z-index: 801;}
.pageNavBox.fixed .pageNav{ position: fixed; left: 0px; top: 77px; background-color: #fff; z-index: 800;}
.bgebf0f3{ background-color: #ebf0f3;}
.padding-page{ padding: 74px 0px;}
.trans3{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.trans5{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.trans6{ -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }
.dly_9{ transition-delay:900ms; -webkit-transition-delay:900ms; }
/*video style end*/

/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.w1200{ width:1200px; margin:0 auto;}
.w1201{ width:1154px; margin:0 auto;}
.two_code { float:right; position:relative; width:32px; margin-top:37px; cursor:pointer; height:32px; z-index:999;}
.code { display:none; position:absolute; left:-50px; top:42px;}
.sou { float:left; position:relative;    margin-top: 3px;
    cursor: pointer;
    margin-left: 10px;z-index:999; }
	.sou b{ width:13px; height:13px; background:url(../images/sou.jpg) no-repeat; display:block; float:left;    margin-top: 12px;
    margin-right: 7px;}
	.sou span{ display:block; float:left;    margin-top: -2px;}
.soubg { width:400px; margin:0 auto;height: 43px;}
.souzuo { width:282px; outline:0; border:1px solid #c5c5c5;height:33px; float:left; line-height:33px; font-family:"微软雅黑"; margin:0; padding:0; padding-left:10px;}
.souy { float:left; width:103px; height:35px; border:0; background:#605C5B; outline:0; cursor:pointer; font-size:14px; color:#FFF; line-height:33px; text-align:center; font-family:"微软雅黑";}
.yuyan{ float:left; position:relative; cursor:pointer;}
.yuyan span{ display:block; float:left; margin:0 7px;}
.yuyan b{ font-weight:normal; float:left;}
.yuyan b a{ color:#666;}
.yuyan .ling{ width:90px; position:absolute; top:30px;height:35px; z-index:99999;line-height:35px; background:#f5e000; text-align:center; display:none;}
.yuyan .ling a{ color:#333;}
.yuyan:hover .ling{ display:block;}
.yuan{ float:LEFT; display:none;}
.yuan a{ color:#666;}
/* login */
.login-header{}
.login{width:100%;position:fixed;border:#ebebeb solid 1px;height:100px;top:30px;left:0%;display:none;background:#ffffff;box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:0;margin-top:0px;    padding-bottom: 10px;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:7px;font-size:18px;position:relative;}
.login-title span{position:absolute;font-size:12px;    right: 20px;
    top: 0;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;}
.login-title span a{display:block;    color: #333;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px;}
.login-input label{float:left;width:90px;padding-right:10px;text-align:right;line-height:35px;height:35px;font-size:14px;}
.login-input input.list-input{float:left;line-height:35px;height:35px;width:350px;border:#ebebeb 1px solid;text-indent:5px;}
.login-button{width:50%;margin:30px auto 0px auto;line-height:40px;font-size:14px;border:#ebebeb 1px solid;text-align:center;}
.login-button a{display:block;}
.login-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#ebebeb;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;display:none;}

.right .login p{ float:none; text-align:center; font-size:14px;}

/*--banner-----*/
.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-73px;width:186px;height:26px; background:url(../images/dabg.png) no-repeat;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 20px;width:21px;height:21px;background: url(../images/moren.png) no-repeat;text-indent:-999em;opacity:.8;cursor:pointer;margin-top: 4px;}
.index_banner cite span.cur{background: url(../images/dh.png) no-repeat;cursor:default;}
.clear{clear:both;}

.banner{ text-align:center;}
.banner img{ width:100%;}

/*首页产品开始*/
.tuijian{ margin-top:7px;}
.tuijian .tui_tit{ width:100%;}
.tuijian .tui_tit .left{ width:90%;}
.tuijian .tui_tit .left h2{ float:left;font-size:24px; color:#3c3c3c;}
.tuijian .tui_tit .left span{ display:block;  float:left;font-size:14px; font-weight:normal; color:#333; margin-left:7px; background:url(../images/lang.jpg) no-repeat bottom left; padding-bottom:7px;padding-bottom: 4px;
    padding-top: 7px;}
.tuijian .tui_tit .right{ width:4%;    padding-top: 11px;}
.tuijian .tui_tit .right span{ display:block; float:left;}
.tuijian .tui_tit .right b{ display:block; float:left;    margin-top: 2px;
    margin-left: 5px;}
.clv .uuo{ padding-top:19px;}
.clv .uuo li{ float:left;width: 15.41%;
    margin-right: 1.3%; height:40px; border:1px solid #d2d2d2; box-shadow:0px 2px 3px #E2E1E1; 	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1;text-align:center; line-height:40px;}
.clv .uuo li a{ font-size:14px; color:#666; width:100%; height:100%; display:block;}
.clv .uuo .lilast{ margin-right:0; background:#f5e000;}
.clv .uuo .on{ background:#5d6571;}
.clv .uuo .on a{ color:#fff;}

.clv .uuo li:hover {background:#5d6571;}
.clv .uuo li:hover a{ color:#fff;}

/*首页产品轮播*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	margin-top:21px;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	display:none;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/zuo.jpg) no-repeat;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/you.jpg) no-repeat;
}



.bx-wrapper .bx-controls-direction .bx-prev {
	position: absolute;
	top:42%;
	margin-top: -16px;
	outline: 0;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
	z-index: 9999;
	left:-115px;
	
}
.bx-wrapper .bx-controls-direction .bx-next {
	position: absolute;
	top: 42%;
	margin-top: -16px;
	outline: 0;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
	z-index: 9999;
	right:-115px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




.slide{
	width: 85.6%;
	margin: 0 auto; overflow:hidden;
}
.slide .a1{ position:relative;}
.slide .a1 .divA{
	width:90%;
	height:auto;
	padding:26px 5%;
	background: #F2FAFE;
}
.slide .a1 .divA>.p1{
	width: 312px;
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    color: #666;
}
.slide .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*遮罩*/
.slide .a2{
	position: absolute;
	top: 0;
	left:-100%;
	width:100%;
	height: 100%;
	text-align: center;
	color: white;
	background:url(../images/meng.png) repeat;
	transition: all 0.2s;  
} 
.slide .a2 .p4{
	width: 100%;
	height:70.25%;
	position:relative;
	text-align: center;
    transition: all 0.2s 0.1s ease-out ;  
}
.p4 span { position:absolute; display:block; text-align:center; top:37%; left:-100%; width:100%;transition: all 0.2s 0.1s ease-out;}
.p4 span img{ margin-left:114px;}
.divb { background:#0083ee; width:90%;	height:14%;	padding:26px 5%;}
.divb .p6{
	width: 312px;
	height: 25px;
	font-size: 16px;
    line-height: 25px;
    color: #fff;
	transition: all 0.3s 0.2s;    text-align: left;
}
.divb .p7{
	width: 312px;
	height: 21px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
	position:absolute;
	bottom:-50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: all 0.2s 0.2s;    text-align: left;
}
.divb .p8{
	width: 312px;
	height: 16px;
	font-size: 16px;
    line-height: 16px;
    color: #fff;
	transition: all 0.3s 0.2s;    text-align: left;
}
.divb .p9{
	width: 312px;
	height: 21px;
    font-size: 13px;
    color: #fff;
    line-height:20px;
	position:absolute;
	bottom:-40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: all 0.2s 0.2s;    text-align: left;
}

.yongyou{ width:100%; height:213px; background:url(../images/ban.jpg) no-repeat center center;}
.yongyou .gangyou ul li{ float:left; width:25%; margin-top:30px; padding-top:20px; padding-bottom:20px;}
.yongyou .gangyou ul li span{ float:left; width:38%;    text-align: center;}

.yongyou .gangyou ul li .sdiv{ float:right;width: 51%;
    padding-left: 11%;background:url(../images/shuxian.png) no-repeat left center;}
.yongyou .gangyou ul li .sdiv .b01{ width:54px; height:61px; background:url(../images/er1.png) no-repeat; display: block; margin-bottom:20px;}
.yongyou .gangyou ul li:hover{ background:url(../images/baibg.png) repeat;}
.yongyou .gangyou ul li:hover .sdiv .b01{ background:url(../images/er01.png) no-repeat;}
.yongyou .gangyou ul li .sdiv p{ color:#fff; text-shadow:3px 2px 3px #000}
.yongyou .gangyou ul li:hover p{ color:#fee801;}


.yongyou .gangyou ul li .sdiv .b02{ width:55px; height:61px; background:url(../images/er2.png) no-repeat; display: block; margin-bottom:20px;}
.yongyou .gangyou ul li:hover .sdiv .b02{ background:url(../images/er02.png) no-repeat;}
.yongyou .gangyou ul li .sdiv .b03{ width:109px; height:61px; background:url(../images/er3.png) no-repeat; display: block; margin-bottom:20px;}
.yongyou .gangyou ul li:hover .sdiv .b03{ background:url(../images/er03.png) no-repeat;}

.yongyou .gangyou ul li .sdiv .b04{ width:110px; height:61px; background:url(../images/er4.png) no-repeat; display: block; margin-bottom:20px;}
.yongyou .gangyou ul li:hover .sdiv .b04{ background:url(../images/er04.png) no-repeat;}

.abguan{ width:100%; height:auto; background:url(../images/xiabg.jpg) repeat; padding-top:28px;padding-bottom: 45px;}



.nawomen{ box-shadow:0px 2px 3px #E2E1E1; 	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1;}
.nawomen .tui_tit{ width:100%; padding-bottom:20px;}
.nawomen .tui_tit .left{ width:90%;}
.nawomen .tui_tit .left h2{ float:left;font-size:24px; color:#3c3c3c;}
.nawomen .tui_tit .left span{ display:block;  float:left;font-size:14px; font-weight:normal; color:#333; margin-left:7px; background:url(../images/lang.jpg) no-repeat bottom left; padding-bottom:7px;padding-bottom: 4px;
    padding-top: 7px;}
.nawomen .tui_tit .right{ width:4%;    padding-top: 11px;}
.nawomen .tui_tit .right span{ display:block; float:left;}
.nawomen .tui_tit .right b{ display:block; float:left;    margin-top: 2px;
    margin-left: 5px;}
.guanhu{}
.guanhu .left{ position:relative;width: 33.27%;}
.guanhu .left img{ width:100%;}
.guanhu .left .shipin{ position:absolute; right:0; top:0; width:106px; height:47px; background:url(../images/huangbg.png) no-repeat; text-align:center; font-size:16px; color:#333; font-weight:bold; line-height:43px;}

.guanhu .right{position:relative;width: 33.459%;}
.guanhu .right .shipin{ position:absolute; right:-5px; top:0; width:106px; height:47px; background:url(../images/huangbg.png) no-repeat; text-align:center; font-size:16px; color:#333; font-weight:bold; line-height:43px;}
 
 
 .footer{ width:100%; height:auto; background:url(../images/footer.jpg) top center; background-size:cover; padding-top:40px; padding-bottom:10px;}
.foot_left{ width:630px; float:left;}
.foot_right{ width:550px; float:right; box-sizing:border-box; padding-left:30px;}
.foot_left .footnav li{ width:20%; float:left;}
.foot_left .footnav li a{ display:block; font-size:14px; color:rgba(255,255,255,0.6); line-height:24px;}
.foot_left .footnav li a:hover{  color:rgba(255,255,255,1); }
.foot_left .footnav li a h3{ font-size:16px; color:rgba(255,255,255,1); line-height:28px; margin-bottom:10px; font-weight:normal;}
.footinfor{ margin-top:45px; border-top:1px solid rgba(255,255,255,0.1); padding:20px 0;}
.footinfor ul li{ width:33.33%; float:left;}
.footinfor ul li h3{font-size:13px; color:rgba(255,255,255,0.6); line-height:24px; font-weight:normal;}
.footinfor ul li h4{font-size:25px; color:#fff; line-height:36px; font-family:Arial; font-weight:bold; font-style:italic;}
.footinfor ul li p{font-size:14px; color:#fff; line-height:36px; }
.footinfor ul li img{ float:left; margin-right:14px;}
.footinfor ul li span{font-size:14px; color:#fff; line-height:22px; margin-top:20px; display:inline-block;}
.foot_right h2{font-size:16px; color:#fff; line-height:16px; font-weight:bold; margin-bottom:6px;}
.foot_right h2 small{font-size:14px; color:rgba(255,255,255,0.5); line-height:36px; font-weight: normal; text-transform:uppercase; font-family:Arial;}
.foot_right input{ font-family:'微软雅黑'; color:#fff; height:35px; line-height:35px; background-color: rgba(255,255,255,0.3); border:none; padding:0 10px; box-sizing:border-box;}
.foot_right input::-webkit-input-placeholder, .foot_right textarea::-webkit-input-placeholder { color: #fff; } 
.foot_right input:-moz-placeholder, .foot_right textarea:-moz-placeholder { color: #fff; } 
.foot_right input::-moz-placeholder, .foot_right textarea::-moz-placeholder { color: #fff; } 
.foot_right input:-ms-input-placeholder, .foot_right textarea:-ms-input-placeholder{ color: #fff; } 
.foot_right input::-webkit-input-placeholder, .foot_right textarea::-webkit-input-placeholder { color: #fff; } 
.foot_right input:-moz-placeholder, .foot_right textarea:-moz-placeholder{ color: #fff; } 
.foot_right input::-moz-placeholder, .foot_right textarea::-moz-placeholder{ color: #fff; } 
.foot_right input:-ms-input-placeholder, .foot_right textarea:-ms-input-placeholder{ color: #fff; } 
.basic{ width:161px; margin-right:14px; margin-bottom:14px;} 
.foot_right textarea{ font-family:'微软雅黑'; color:#fff; line-height:35px; font-size:14px; width:100%; background-color: rgba(255,255,255,0.3); border:none; padding:0 10px; box-sizing:border-box; margin:14px 0;}
.foot_right label{ font-family:'微软雅黑'; color:#fff; line-height:20px;}
.foot_right label input{ vertical-align:-12px; margin-right:8px;}
.foot_right button{ background-color:#118bee; font-size:14px; color:#fff; border:none; padding:7px 30px; border-radius:2px; float:right; cursor:pointer;}
.fbottom{ background-color:#0083ee; padding:10px 0; width:100%;}
.fbottom p,.fbottom a{ line-height:35px; color:#fff;}






.fbanquan{ width:100%; line-height:60px;height:60px; background:#5d6571;}

.huanuy a{ float:left; color:#e5e6e7;}
.huanuy p{ float:left;color:#e5e6e7;}
.huanuy .left{ width:70%;}
.huanuy .right{ width:12%;}
.huanuy .left a{ background:url(../images/huixian.jpg) no-repeat right center; padding-right:10px; margin-right:10px;}
.huanuy .left p{ margin-right:10px;}
.huanuy .right span{ color:#fff; float:left; margin-right:10px;}
.huanuy .right a{ float:left; display:block; margin-right:5px;    margin-top: 20px;}
.huanuy .right a .bna01{ width:19px; height:19px; background:url(../images/icon03.jpg) no-repeat; display:block;}
.huanuy .right a .bna02{ width:19px; height:19px; background:url(../images/icon04.jpg) no-repeat; display:block;}
.huanuy .right a .bna03{ width:19px; height:19px; background:url(../images/icon05.jpg) no-repeat; display:block;}

/*组织架构*/
.dangqian{ border:1px solid #ebebeb; border-left:0; border-right:0; padding:13px 0; margin-top:10px; margin-bottom:20px;}
.dangqian .left a{ background:url(../images/zusan.png) no-repeat right center; color:#666; font-size:13px; padding-right:10px; margin-right:9px;}
.dangqian .left a:last-child{ background:none;}
.dangqian .right img{ padding-right:5px;}
.neier ul li{ float:left; width:15.3%; height:36px;  box-shadow:0px 2px 3px #E2E1E1; 	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1;margin-right:1.2%;margin-bottom:1.2%; border:1px solid #d2d2d2; text-align:center; line-height:36px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.neier ul li a{ font-size:14px; color:#666; width:100%; height:100%; display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.neier ul .on{ background:#0479d8;}
.neier ul .on a{ color:#fff;}
.neier ul li:hover{ background:#0479d8;}
.neier ul li:hover a{ color:#fff;}


.neier1 ul li{
	float:left;
	width: 2%;
	padding-left:  10px;
	padding-right: 10px;
	/* height:60px; */
	box-shadow:0px 2px 3px #E2E1E1;
	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1;
	margin-right:1.2%;
	margin-bottom:1.2%;
	border:1px solid #d2d2d2;
	text-align:center;
	/* line-height:36px; */
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
.neier1 ul li a{ font-size:14px; color:#666; width:100%; height:100%; display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.neier1 ul .on{ background:#0479d8;}
.neier1 ul .on a{ color:#fff;}
.neier1 ul li:hover{ background:#0479d8;}
.neier1 ul li:hover a{ color:#fff;}




.neier { margin-bottom:25px;}
.zzjg{ width:100%;    height: 744px;}
.zzjg img{ width:100%;}

/*公司介绍开始*/
.gsjs{ width:100%; height:719px; background:url(../images/gsbg.jpg) repeat-y;}
.gsjs .left{ padding-top:170px; padding-bottom:91px; width:50%;    text-align: center;}

.gsjs .right{ width:50%;}

.gsjs .right .rig{ margin-top:80px; width:490px; padding:50px; height:auto; background:#fff;}
.gsjs .right .rig b{font-weight:bold;font-size: 23px; color: #666;}

.wzj-g-sd-tj-txt{ padding-top:30px; padding-bottom:50px;}
#yh-sucai2{width: 475px;height: 250px}
#yh-sucai2 p{ margin-bottom:12px;    padding-right: 23px;}
.nicescroll-rails{ border-right:1px solid #ccc;}



/*联系我们开始*/
.lxwm .lx_tit{ padding-bottom:15px;}
.lxwm .lx_tit h2{ font-size:24px; color:#3c3c3c; float:left;}

.lxwm .lx_tit span{ float:left; font-style:italic; color:#6e6e6e; display:block;     padding-bottom: 5px;
    font-size: 12px;
    background: url(../images/lang.jpg) no-repeat bottom left;
    margin-top: 8px;
    margin-left: 10px; text-transform: uppercase;}


.lxwm .lxbg{ width:100%; padding-top:40px; height:auto;}
.lxxia .left{ width:60%;}
.lxxia .left ul li{ float:left; width:50%; padding-bottom:20px;}
.lxxia .left ul li h2{ font-size:20px; color:#201815; padding-bottom:5px;}
.lxxia .left ul li p{ font-size:14px; color:#221815;}
.lxxia .left ul li p span{ margin-right:25px;}
.lxxia .right{ width:14%;text-align:center;}

.lxxia .right p{ font-size:14px; color:#221815; text-align:center;}

.lxwm .khfu{ width:100%; padding-top:60px;background:url(../images/kehu.jpg) no-repeat center center; height:auto;}
.lxwm .khfu .imlx{ padding-bottom:40px;}

.liuna .ti{ float:left; margin-right:78px; margin-bottom:40px;}
.liuna .ti input{  box-shadow:0px 2px 3px #5D5959; 	-moz-box-shadow:0px 2px 3px #5D5959;
	-webkit-box-shadow: 0px 2px 3px #5D5959;width:335px; height:69px; color:#fff; background:none; font-family:"微软雅黑"; padding-left:10px;border:1px solid #bfbfbf;}

.liuna .ti01{ float:right;margin-bottom:40px;}
.liuna .ti01 input{  box-shadow:0px 2px 3px #5D5959; 	-moz-box-shadow:0px 2px 3px #5D5959;
	-webkit-box-shadow: 0px 2px 3px #5D5959;width:335px; height:69px; color:#fff; background:none; font-family:"微软雅黑"; padding-left:10px;border:1px solid #bfbfbf;}
	
.liuna .ti02 { padding-bottom:60px;}
.liuna .ti02 textarea{  box-shadow:0px 2px 3px #5D5959; 	-moz-box-shadow:0px 2px 3px #5D5959;
	-webkit-box-shadow: 0px 2px 3px #5D5959;width:1185px; height:191px; color:#fff; background:none; font-family:"微软雅黑"; padding-left:10px;border:1px solid #bfbfbf;    padding-top: 22px;}
.liuna .tijiao{ padding-bottom:60px;}
.liuna .tijiao input{ width:180px; height:51px; background:url(../images/bo.png) no-repeat; text-align:center; line-height:51px; border:0; outline:none; color:#fff; font-size:16px; font-family:"微软雅黑"; float:left; cursor:pointer;}

.liuna .tijiao input:hover{ background:url(../images/hu.png) no-repeat; }
.liuna .tijiao a{ width:180px;  color:#fff; font-size:16px; height:51px; background:url(../images/bo.png) no-repeat; text-align:center; line-height:51px; display:block; float:left; margin-left:30px;}
.liuna .tijiao a span{ background:url(../images/qiu.png) no-repeat 25px center; padding-left:16px; display:block;}

.liuna .tijiao a:hover{ background:url(../images/hu.png) no-repeat; }

/*董事长致辞*/
.dongshi{ width:100%; height:auto; background:url(../images/dongbg.jpg) no-repeat center center;}

.dongshi .zhichang{ padding:40px 0; height:608px;background:url(../images/zhici.jpg) no-repeat center center;}
.dongshi .zhichang .imh{ width:544px; height:508px; padding:50px;background:url(../images/heibg.png) repeat; margin:0 auto;}

.dongshi .zhichang .imh h2{ font-weight:normal; color:#fff; font-size:24px; padding-bottom:10px;background:url(../images/hu.jpg) no-repeat left bottom;}

.dongshi .zhichang .imh .ling{ width:81px; height:81px; line-height:39px; border:2px solid #fff; margin:27px 0; text-align:center; font-size:30px; color:#fff; font-weight:bold;}
.dongshi .zhichang .imh .lingshu p{ color:#fff;    line-height: 28px;}

.dongshi .zhichang .imh .dongqian{ float:right; font-size:16px; color:#fff;}
.dongshi .zhichang .imh .dongqian span{font-size:16px; color:#fff; display:block; float:left;    margin-top: 22px}
.dongshi .zhichang .imh .dongqian img{display:block; float:left;}


/*企业文化*/

.qywh{ width:100%; height:auto; background:url(../images/dongbg.jpg) no-repeat top center;background-color: #EAEAEA;}

.la{ width:100%; height:auto; margin:0px auto; position:relative;font-family:'微软雅黑';padding-top: 50px;}
.la .tab{ overflow:hidden; position:absolute; bottom:30px; left:0;  width:60%;  margin-bottom:25px; margin-top:50px;}
.la .tab a{ display:block; width:116px; height:116px; float:left; text-decoration:none; color:#fff; font-size:17px;text-align:center; position:relative; margin-right:25px;border-radius:50%;}
.la .tab a img{ width:100%;border-radius:50%; }
.la .tab a span{ width:100%; height:100%;border-radius:50%; display:block;background: rgba(255,255,255,0.6); display:block; position:absolute; top:0; left:0; z-index:9;}

.la .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.la .tab a.on span{ display:none;}
.la .content03{ overflow:hidden; width:100%; height:auto; background:url(../images/nihao.jpg) no-repeat top center;}
.la .content03 ul{ width:1200px; margin:0 auto; text-align:center;padding-top: 38px;}
.la .content03 li{ display:none; line-height:24px;width:1200px; height:auto; padding-bottom:54px; color:#BAB9B7; text-align:center; background:url(../images/cj.jpg) no-repeat bottom center;}
.la .content03 li .shehui h2{ font-size:25px; color:#0083ee; text-align:left;padding-bottom:35px;}
.la .content03 li .shehui p{ width:100%; float:left; line-height:28px;}
.la .content03 li .shehui p span{ width:5% ;display:block; float:left; margin-right:8px;}
.la .content03 li .shehui p b{ width:90%; display:block; float:left; font-weight:normal; color:#666;}

.la .content03 li .shehui{ float:LEFT; width:60%; text-align:left;}
.la .content03 li .shehui01{ float:right;width:35%;}

/*企业文化*/
.news .ner{ padding-bottom:60px;}
.news .ner .left{ width:48%; height:auto; position:relative;}
.news .ner .left img{ width:100%; height:267px;}
.news .ner .left .ima{ width:50%; height:267px;background:url(../images/lanbg.png) repeat;position:absolute; top:0; right:0;}
.news .ner .left .ima .riqi{ width:90px; height:66px; margin-bottom:18px;background:url(../images/xingan.png) no-repeat; text-align:center;margin-left: -5px;}
.news .ner .left .ima .riqi span{     display: block;
    text-align: center;
    font-size: 30px;
    line-height: 28px;
    color: #f73430;
    font-weight: bold;
    font-family: Arial;
    padding-top: 7px;}
.news .ner .left .ima .riqi b{ font-weight:normal; color:#f73430; font-size:12px;font-family:Arial;}
.news .ner .left .ima h2{ color:#fff; font-size:18px; background:url(../images/baixian.jpg) no-repeat 19px bottom; padding-bottom:12px; margin-bottom:10px; padding-left:19px;}
.news .ner .left .ima p{ color:#fff; font-size:13px; padding:0 19px; line-height:24px;}
.news .ner .left .ima .liaojie{ width:107px; height:24px; border:1px solid #fff; text-align:center; line-height:24px; color:#fff; font-size:12px; margin-left:19px; margin-top:30px;}
.news .ner .right{ width:48%;}
.news .ner .right ul li{ margin-bottom:5px; padding:6px 0;  border-bottom:1px solid #ebebeb;}
.news .ner .right ul li span{ display:block; float:left; width:2%;height: 50px;
    background: url(../images/neihui.png) no-repeat left 5px;}
.news .ner .right ul li .vv{ float:right; width:97%;}
.news .ner .right ul li .vv h2{ font-weight:normal; padding-bottom:6px; font-size:16px; color:#333;}
.news .ner .right ul li .vv h2 b{ font-size:12px; color:#bcbcbc; font-weight:normal; float:right; padding-top:5px;}
.news .ner .right ul li .vv p{ color:#959495; padding-bottom:3px;  line-height:20px;}
.news .ner .right ul li:hover .vv h2{ color:#fc3131; font-weight:bold;}
.news .ner .right ul li:hover span{  background: url(../images/red.png) no-repeat left 5px;}


.neixia ul li{ float:left; width:48%; margin-right:4%; margin-bottom:58px;}
.neixia ul li .left{ width:16%; height:66px;background:url(../images/hui.png) no-repeat; text-align:center;}
.neixia ul li .left span{ font-size:30px; color:#fff;  padding-top: 7px; line-height:28px; font-weight:bold; display:block; font-family:Arial;text-align:center;}
.neixia ul li .left b{ font-size:12px; color:#fff; font-weight:normal;display:block;  font-family:Arial;text-align:center;}

.neixia ul li .right{ width:76%;    padding-left: 4%; border-left:1px solid #ececec; }
.neixia ul li .right h2{ font-size:16px; color:#221815; font-weight:normal;margin-bottom:6px;}
.neixia ul li .right p{ color:#666; line-height:22px; font-size:14px;}

.neixia ul li .right h2 span{ float:right;}

.neixia ul li:hover .left{background:url(../images/huang.png) no-repeat;}
.neixia ul li:hover .left span{ color:#fff}
.neixia ul li:hover .left b{ color:#fff}

.neixia ul li:hover .right h2{ color:#0083ee; }

/*合作伙伴开始*/


/* scrollpic */
.scrollpic{max-width:1195px;min-height:497px;    margin: 0 auto}
#myscroll{display:block; width:100%; position:relative; height:425px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left;width:239px;  padding:0; margin:0;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{margin:10px; width:100%; display:block; height:0;position: relative;}
#mybtns a{width:42px; height:70px; display:block; float:left; margin-right:1px;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/zuo.png); position:absolute;     left: -100px;
    top: 190px;}
#mybtns #right{background-image:url(../images/you.png); position:absolute;    right: -100px;
    top: 190px;}


#myscroll ul li .diid{ position:relative; height:139px; width:239px; border:1px dashed #b1b1b4; 
    border-left: 0;}
#myscroll ul li .diid .z01{ position:absolute; top:0; left:0; display:none;}
#myscroll ul li .diid:hover .z01{ display:block;}





/*产品*/
.left_nav{ width:260px; float:left;margin-top:20px; margin-bottom:50px;}
.product_content{ width:915px; float:right; margin-top:20px;}

.products{ box-sizing: border-box; margin-bottom: 45px;}
.products li{ width:290px; height:290px; float:left; margin-right:22px; margin-bottom:22px;}
.products li a{ display: block; position: relative;width: 290px; height:290px; overflow: hidden;}
.products .pro_list{width: 290px; height:290px; overflow: hidden;}
.products .pro_list img{width: 290px; height:290px; transition: all .5s linear;}
.product li a:hover .pro_list img{ transform: scale(1.2);}
.products .pro_hide{ position: absolute; left: 0; width: 100%; bottom: 0; transition: 0.3s linear; background-color: rgba(0,0,0,0.8); box-sizing: border-box; height: 46px;}
.products .pro_hide p{ line-height: 46px; margin:0px 20px; color: #fff; font-size:16px;}
.products .pro_hide span{ margin:15px 20px; color: #fff; font-size:16px;}
.products li a:hover .pro_hide{ height:290px; box-sizing:border-box; padding-top:70px;}
.products li a:hover .pro_hide p{ padding-bottom:10px; margin-top: 10px; font-size:23px; border-bottom: 1px solid #eee;}

.pcenter{ color:#333; line-height:20px; font-size:20px; padding-left:18px; padding-bottom:15px;}
.menu_list{width:260px;margin:0 auto;}
.menu_head{
	height:50px;
	line-height:50px;
	padding-left:18px;
	font-size:16px;
	color: #333;
	cursor: pointer;
	border-top: 1px solid #e4e4e4;
	position: relative;
	margin: 0px;
	background: #fff url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#fff url(../images/pro_down.png) center right no-repeat; color:#138aee; padding-left: 30px; position: relative;}
.menu_list .current:after{content: "";display: table; position:absolute; left:0; top: 0px; width:6px; height:50px;background: #2f78c5;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;z-index: 9;}
.menu_body a{display:block; height:50px;line-height:50px;padding-left:50px; font-size:16px; color:#666;text-decoration:none; margin-bottom:10px;}
.menu_body a:hover{text-decoration:none; color:#138aee;}
.menu_body a.open{color:#35c9d8;}
.article_content img { display:block; margin:10px auto 15px;}
.tuijian{color:#333; line-height:46px; font-size:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
.command{ margin-bottom:40px;}


/*工程展示*/
#wrap{
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	margin: 0 auto;
}
#wrap ul li .a1 img{
	width: 100%;
}
#wrap ul li{
	width: 31.667%;
	height: auto;
	margin-right:2.5%;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	-moz-box-shadow:0px 4px 2px #E4E4E4; -webkit-box-shadow:0px 4px 2px #E4E4E4; box-shadow:0px 4px 2px #E4E4E4;
	margin-bottom:2.5%;
	    line-height: 0;
} 
#wrap ul li .a1 .divA{
	width:90%;
	height:auto;
	padding:17px 5%;
	background: #F2FAFE;
}
#wrap ul li .a1 .divA>.p1{
	width: 312px;
	height: 25px;
	font-size: 16px;
    line-height: 25px;
    color: #221815;
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 13px;
    color: #959495;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li a{ display:block; width:100%; height:100%;}

/*遮罩*/
#wrap ul li .a1{ position:relative;}
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-100%;
	width:100%;
	height: 100%;
	text-align: center;
	color: white;
	background:url(../images/meng.png) repeat;
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 100%;
	height:73.2%;
	position:relative;
	text-align: center;
    transition: all 0.2s 0.1s ease-out ;  
}
.p4 span { position:absolute; display:block; text-align:center; top:37%; left:-100%; width:100%;transition: all 0.2s 0.1s ease-out;}
.divb { background:#017de1; width:100%;	height:69px;	padding:15px 10px 0; box-sizing:border-box;}
.divb .p6{
	width: 312px;
	height: 25px;
	font-size: 16px;
    line-height: 25px;
    color: #fff;
	transition: all 0.3s 0.2s;
}
.divb .p7{
	width: 312px;
	height: 21px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
	position:absolute;
	bottom:-50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: all 0.2s 0.2s;
}
#wrap ul li .qi{ position:relative;}


/*厂区展示*/

.changqu{ width:100%; height:auto; padding-top:40px; background: #e8e8e8 url(../images/dongbg.jpg) no-repeat top center;}
.changqu .chengbiao{ padding-bottom:40px; width:720px;}
.changqu .chengbiao ul li{ float:left; text-align:center; width:33%; background:url(../images/chanshu.png) no-repeat right center;}
.changqu .chengbiao ul li .b01{ width:82px; height:82px; background:url(../images/chan1.png) no-repeat; display:block; margin:0 auto;}
.changqu .chengbiao ul li p{ font-size:16px; color:#221815; text-align:center; padding-top:10px;}

.changqu .chengbiao ul li .b02{ width:82px; height:82px; background:url(../images/chan2.png) no-repeat; display:block; margin:0 auto;}
.changqu .chengbiao ul li .b03{ width:82px; height:82px; background:url(../images/chan3.png) no-repeat; display:block; margin:0 auto;}
.changqu .chengbiao ul li:hover .b01{background:url(../images/chan01.png) no-repeat;}
.changqu .chengbiao ul li:hover .b02{background:url(../images/chan02.png) no-repeat;}
.changqu .chengbiao ul li:hover .b03{background:url(../images/chan03.png) no-repeat;}
.changqu .chengbiao ul li a{ display:block; width:100%; height:100%;}



.qulo ul li{ width:31%; margin-right:2.5%; margin-bottom:2.5%;float:left; height:auto; -moz-box-shadow:0px 4px 19px #c1c1c1; -webkit-box-shadow:0px 4px 19px #c1c1c1; box-shadow:0px 4px 19px #c1c1c1;    line-height: 13px; overflow:hidden;}
.qulo ul li img{ width:100%;}
.qulo ul .lila{ margin-right:0;}

.qulo ul li a{ width:100%; height:100%; display:block;}


.qulo ul li img{width: 100%;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
z-index: 1;
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 1s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: ease;}

.qulo ul li:hover img{transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}


/*荣誉资质开始*/
.ryzz{width:100%; height:auto; padding-top:40px; background: #e8e8e8 url(../images/dongbg.jpg) no-repeat top center;padding-bottom: 100px;}

/* Slider */
.slick-slider { position: relative; display: block; margin:0 auto; padding-bottom:40px; margin-top:32px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;  }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3
d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none;}
#terminaPage1 .item .img{  filter: alpha(opacity=40);  opacity: 0.4; }
#terminaPage1 .item .img img{ width: 100%; display: block;}
#terminaPage1 .item .con{ margin: 0px 20px; padding-top: 25px; width:95%; color: #897870; display: none;}
#terminaPage1 .item .t{ font-size: 20px; color:#333333;}
#terminaPage1 .item .c{ color:#333333;}
#terminaPage1 .item .c p{ color:#333333; padding-top:8px;}

#terminaPage1 .slick-center .img{ filter: alpha(opacity=100);  opacity:1; transform: scale(1); -webkit-transform: scale(1);}
#terminaPage1 .slick-center .con{ display: block;}
#terminaPage1 .slick-prev,#terminaPage1 .slick-next{  width: 51px; height: 51px; position: absolute; top: 100%; margin-top: 0px; z-index: 10; }
#terminaPage1 .slick-prev{ background: url(../images/rongzuo.png) no-repeat scroll center center; left: 45%;}
#terminaPage1 .slick-next{ background: url(../images/rongyou.png) no-repeat scroll center center; right:45%;}
#terminaPage1 .item a{ float:left; text-align:center; display: block; margin-right:2%; width:31%;}
#terminaPage1 .item a p{ font-size:14px; color:#333; padding-top:18px;}
#terminaPage1 .item a p b{ background:url(../images/jiang.png) no-repeat left center; padding-left:37px;}
/*产业产品总列表*/

.con{ width:100%; height:auto; background:url(../images/liang.jpg) no-repeat top center;padding-top:40px; padding-bottom:104px;}

.channa { padding-top:70px;}
.channa .left{ width:34%; padding-top:121px;}
.channa .left p{ color:#fff; padding-top:40px;}
.channa .right{ width:61%;}

.channa .right ul li{ float:left;    width: 121px;
    height: 121px;  position:relative;}
.channa .right ul li .sh{ position:relative;    height: 121px;}
.channa .right ul li .sh img{ width:100%;}
.channa .right ul li .sh span{ width:100%; height:47px; text-align:center; line-height:60px; color:#fff; font-size:14px; background:url(../images/chanyin.png) repeat-x; position:absolute; bottom:0; left:0;}
.channa .right ul li .sh01{ width:91%; height:90%; padding:5%; background:#c3b803; text-align:center; position:absolute; top:0; left:0; display:none;}

.channa .right ul li .sh01 span{ font-size:18px; color:#221815;    padding-top: 7px;
    display: block;} 
.channa .right ul li:hover .sh01{ display:block;}

.channa .right ul li .sh01 b{ font-weight:normal; font-size:12px; color:#746a0e; display:block; border-bottom:1px dashed #746a0e; padding-bottom:10px;}

.channa .right ul li .sh01 i{ width:13px; height:13px; background:url(../images/jiahao.png) no-repeat; display: block; margin:0 auto; padding-top:15px; margin-top:15px;}


/*世界销售网络开始*/
.shijie{ width:100%; height:841px; background:url(../images/xiao.jpg) no-repeat top center;}
.shijie .shixiao .shan{ padding-top:70px; width:40%; font-size:14px; color:#fff;}

.shijie .shixiao .bianse{ width:304px; height:264px; margin:0 auto; position:relative; margin-top:258px;}
.shijie .shixiao .bianse .a01{width:70px; height:60px; position:absolute;left: 45px; 
    top: 37px;}
.shijie .shixiao .bianse .a01 p{ font-size:14px; position:absolute; bottom:9px;}
.shijie .shixiao .bianse .a01 .aa{ display:none;}
.shijie .shixiao .bianse .a01:hover .aa{ display:block;}
.shijie .shixiao .bianse .a02{width:70px; height:60px; position:absolute;left: 173px;
    top: 55px}
.shijie .shixiao .bianse .a02 p{ font-size:14px; position:absolute;    bottom: 21px;
    left: -33px;}

.shijie .shixiao .bianse .a02 .aa{ display:none;}
.shijie .shixiao .bianse .a02:hover .aa{ display:block;}

.shijie .shixiao .bianse .a03{width:82px; height:60px; position:absolute;    left: 246px;
    top: 33px;}
.shijie .shixiao .bianse .a03 p{ font-size:14px; position:absolute;       bottom: 21px;
    left: 26px;}
.shijie .shixiao .bianse .a03 .ka{ font-size:14px; position:absolute;         bottom: 12px;
    left: -30px;}
.shijie .shixiao .bianse .a03 .aa{ display:none;}
.shijie .shixiao .bianse .a03:hover .aa{ display:block;}

.shijie .shixiao .bianse .a04{width:70px; height:60px; position:absolute;    left: 79px;
    top: 113px;}
.shijie .shixiao .bianse .a04 p{ font-size:14px; position:absolute;       bottom: 36px;
    left: 13px;}

.shijie .shixiao .bianse .a04 .aa{ display:none;}
.shijie .shixiao .bianse .a04:hover .aa{ display:block;}

.shijie .shixiao .bianse .a05{width:70px; height:60px; position:absolute;    left: 168px;
    top: 140px;}
.shijie .shixiao .bianse .a05 p{ font-size:14px; position:absolute;       bottom: 36px;
    left: -21px;}

.shijie .shixiao .bianse .a05 .aa{ display:none;}
.shijie .shixiao .bianse .a05:hover .aa{ display:block;}

.shijie .shixiao .bianse .a06{width:70px; height:60px; position:absolute;       left: 159px;
    top: 184px;}
.shijie .shixiao .bianse .a06 p{ font-size:14px; position:absolute;          bottom: 28px;
    left: -41px;}

.shijie .shixiao .bianse .a06 .aa{ display:none;}
.shijie .shixiao .bianse .a06:hover .aa{ display:block;}
.shijie .shixiao .shibian { display:none;}



/*世界销售网络结束*/

/* 产品详情开始*/
.cpxq{ width:100%; height:auto; background:url(../images/xiabg.jpg) repeat top center; padding-top:37px; padding-bottom:40px;}
.cpxq .chanlun .left{ width:30%;}

#wrapper {
  
  }


.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

/* Callback example */
.events {
  list-style: none;
  }

.callbacks_container {
  position: relative;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
@media screen and (max-width: 600px) {

  .callbacks_nav {
    top: 47%;
    }
  }

.cpxq .chanlun .left .zuotu{ width:100%; height:85px; line-height:85px; background:#fee801;-moz-box-shadow:0px 2px 8px #c1c1c1; -webkit-box-shadow:0px 2px 8px #c1c1c1; box-shadow:0px 2px 8px #c1c1c1; }
.cpxq .chanlun .left .zuotu h2{ float:left; font-size:20px; color:#666; padding-left:20px;}
.cpxq .chanlun .left .zuotu a{ float:right; font-size:14px; color:#666; padding-right:20px; background:url(../images/pdf.png) no-repeat left center;    padding-left: 54px;}

.cpxq .chanlun .right{ width:66%;}
.cpxq .chanlun .right .ritit{ width:95%; height:70px; padding-left:5%; background:url(../images/xiangbg.png) repeat;}

.cpxq .chanlun .right .ritit .lx_tit{ padding-bottom:15px; padding-top:15px;}
.cpxq .chanlun .right .ritit .lx_tit h2{ font-size:24px; color:#3c3c3c; float:left;}

.cpxq .chanlun .right .ritit .lx_tit span{ float:left; font-style:italic; color:#6e6e6e; display:block;     padding-bottom: 5px;
    font-size: 12px;
    background: url(../images/lang.jpg) no-repeat bottom left;
    margin-top: 8px;
    margin-left: 10px; text-transform: uppercase;}

.cpxq .chanlun .right .xaing{ background:#fff; width:100%; height:auto;-moz-box-shadow:0px 2px 8px #c1c1c1; -webkit-box-shadow:0px 2px 8px #c1c1c1; box-shadow:0px 2px 8px #c1c1c1; }
.cpxq .chanlun .right .xaing .wenzi{ padding-left:40px;}


#yh-sucai{width: 654px;
    height: 205px;
    overflow: hidden;
    outline: none;
    padding-right: 33px;}


.xiangna{ width:100%; height:auto; background:url(../images/chanbai.jpg) no-repeat top center; padding-top:40px;}


#tagsc{height:42px;margin-bottom:25px;width:100%; border-bottom:1px solid #EBEBEB;    padding-bottom: 15px;}
#tagsc LI { float:left;border-bottom: none;height:45px;line-height:44px; width:160px; text-align: center; display: block; overflow:hidden;background: url(../images/tabh.jpg) no-repeat center top;margin-right: 26px;}
#tagsc LI A {color: #666; font-size:20px; font-weight:bold;   display: block;  margin:0 auto; height:44px;line-height:44px;}

#tagsc LI.selectTagc {display: block; background: url(../images/tanbg.png) no-repeat center top;
    height: 45px; }
#tagsc LI.selectTagc A {color: #666; font-size:20px; font-weight:bold; }
#tagContentc {overflow: hidden;margin-top: 35px;    padding: 0 12px;}
.tagContentc {DISPLAY: none;}
#tagContentc DIV.selectTagc {DISPLAY: block}
#tagContentc li label{ float:right; font-size:12px; color:#afafaf; }
.tagContentc p{ font-size:13px;line-height: 25px; color:#666;} 
#tagContentc p{ padding-bottom:20px;}


.xiahua{ width:100%; height:auto;  padding-top:35px; padding-bottom:40px;}

.xiahua .huahua .left{width:300px; height:auto;margin-right: 146px;}
.xiahua .huahua .left h2{ font-size:20px; color:#221815;}
.xiahua .huahua .left p{ color:#666; padding-bottom:25px; padding-top:20px;}
.xiahua .huahua .left .huoban{ position:relative; height:154px;}
.xiahua .huahua .left .huoban .jko{ width:100%; height:117px; padding-top:37px; position:absolute; top:0; left:0; background:url(../images/xiabg.png) repeat; text-align:center; display:none;}

.xiahua .huahua .left .huoban .jko p{ font-size:18px; color:#fff; font-weight:bold; padding-top:5px;}
.xiahua .huahua .left:hover .huoban .jko{ display:block;}

.xiahua .huahua .right{width:300px; height:auto;}
.xiahua .huahua .right h2{ font-size:20px; color:#221815;}
.xiahua .huahua .right p{ color:#666; padding-bottom:25px; padding-top:20px;}
.xiahua .huahua .right .huoban{ position:relative; height:154px;}
.xiahua .huahua .right .huoban .jko{ width:100%; height:117px; padding-top:37px; position:absolute; top:0; left:0; background:url(../images/xiabg.png) repeat; text-align:center;display:none;}

.xiahua .huahua .right .huoban .jko p{ font-size:18px; color:#fff; font-weight:bold; padding-top:5px;}

.xiahua .huahua .right:hover .huoban .jko{ display:block;}



/*国内销售*/

.yxwl{ width:100%; height:840px; background:url(../images/yxwlmapbj.png) no-repeat center top; overflow:hidden;}
.map{ width:730px; height:612px; margin:0px auto; background:url(../images/map.png) no-repeat; position:relative;}
.map div{width:28px; height:45px;}
.map .ndw{ position:relative;}
.yxwl .ww{ padding-top:40px;}
.yxwl .xiaoshou{ display:none;}
 
/*map地图*/
.map div p{ display:none; width:183px; color:#373842; font-size:13px; height:89px; padding:20px; position:absolute; left:-20px;top:30px; background: url(../images/mappbj.png); z-index:9}
.map div p b{ font-size:14px;}
.map div img{ width:20px; height:20px; display:block; position:absolute; bottom:0; left:4.5px; }
.map div img:hover{ width:28px; height:28px; display:block; margin:0 auto; left:0; z-index:99;}
.jdjl { height:60px; width:100%; margin:0 auto;}


/*人才理念*/
.rencai{ padding-bottom:5px;}
.rencai .lx_tit{ padding-bottom:15px;}
.rencai .lx_tit h2{ font-size:24px; color:#3c3c3c; float:left;}

.rencai .lx_tit span{ float:left; font-style:italic; color:#6e6e6e; display:block;     padding-bottom: 5px;
    font-size: 12px;
    background: url(../images/lang.jpg) no-repeat bottom left;
    margin-top: 8px;
    margin-left: 10px; text-transform: uppercase;}
	.rencai ul { padding-bottom:40px;}
.rencai ul li{ float:left; width:50%; position:relative; line-height:0;}
.rencai ul li img{ width:100%;}
.rencai ul li .cas{ width:100%; height:100%; text-align:center; background:url(../images/renbg.png) repeat; position:absolute; top:0; left:0;}
.rencai ul li .cas .span01{ background:url(../images/hua01.png) no-repeat center center; margin:0 auto; margin-top:60px; width:159px; height:48px; padding-bottom:20px; margin-bottom:25px; display:block; border-bottom:1px dashed #fff}
.rencai ul li .cas .yong{ height:86px;}
.rencai ul li .cas .yong b{ font-weight:normal; display:block;font-size:14px; color:#fff; padding-bottom:23px;}
.rencai ul li .cas .yong i{ font-weight:normal; font-size:18px; font-style:normal; color:#fff; background:url(../images/huaheng.jpg) no-repeat bottom center; padding-bottom:15px;}

.rencai ul li .cas p{ width:188px; margin:0 auto; line-height:25px;text-align:center; color:#fff;}

.rencai ul li .cas .span02{ background:url(../images/hua01.png) no-repeat center center; margin:0 auto; margin-top:60px; width:159px; height:48px; padding-bottom:20px; margin-bottom:25px; display:block; border-bottom:1px dashed #fff}
.rencai ul li .cas .span03{ background:url(../images/hua02.png) no-repeat center center; margin:0 auto; margin-top:60px; width:159px; height:48px; padding-bottom:20px; margin-bottom:25px; display:block; border-bottom:1px dashed #fff}
.rencai ul li .cas .span04{ background:url(../images/hua03.png) no-repeat center center; margin:0 auto; margin-top:60px; width:159px; height:48px; padding-bottom:20px; margin-bottom:25px; display:block; border-bottom:1px dashed #fff}

.rencai ul .li01 .cas{text-align:center; background:url(../images/hubg.png) repeat; }
.rencai ul li:hover .cas{ display:none;}
.nex_im{ padding:30px 0}
.zhaopin{ width:100%; height:auto; background:url(../images/dongbg.jpg) no-repeat top center; padding-top:40px; padding-bottom:1px;}
.slide .si_tit{ text-align:center; width:374px; height:105px; background:url(../images/huise.jpg) no-repeat;}
.slide .si_tit h2{ font-size:25px; color:#fff; background:url(../images/lanhui.jpg) no-repeat bottom center;    padding-top:20px; padding-bottom:12px; margin-bottom:12px;}
.slide .si_tit p{ font-size:12px; font-family:Arial; color:#fff;}
.slide .dizhi{ text-align:left; background:#fff; height:400px; overflow-y:auto;  padding:30px;-moz-box-shadow:0px 2px 8px #c1c1c1; -webkit-box-shadow:0px 2px 8px #c1c1c1; box-shadow:0px 2px 8px #c1c1c1; }
.slide .dizhi h3{ font-weight:normal; font-size:14px;}
.slide .dizhi a{ width:194px; height:43px; text-align:center; margin-bottom:40px; background:url(../images/huituo.png) no-repeat; margin:0 auto; display:block; line-height:43px; color:#fff; margin-top:38px;}
.slide:hover .dizhi a{ background:url(../images/lantuo.png) no-repeat; }

.fuli{ padding-top:25px; padding-bottom:45px;}
.fuli .lx_tit{ padding-bottom:15px;}
.fuli .lx_tit h2{ font-size:24px; color:#3c3c3c; float:left;}

.fuli .lx_tit span{ float:left; font-style:italic; color:#6e6e6e; display:block;     padding-bottom: 5px;
    font-size: 12px;
    background: url(../images/lang.jpg) no-repeat bottom left;
    margin-top: 8px;
    margin-left: 10px; text-transform: uppercase;}
	.rencai ul { padding-bottom:40px;}

/*产品列表的标题轮播*/
.tielun{ position:relative;    height: 150px;}
#historyPage{ position: relative; }
.historyBox{ position: absolute; left: 0%; margin-left: 0; width:100%; padding: 30px 0; top: 0px;}
.historyBox .pBT{ text-align: center;}
.historypic{ position: relative; width: 100%; margin: 0px auto; }
.historyDemo{ position: static; }
.historyDemo .owl-stage-outer{ height: 42px;}
.historyDemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;}
.historyDemo .item a{ font-size:15px;  color:#221815}
.historyDemo .item:hover a{ color:#0083ee;}
.historyDemo .item .bna01{ width:36px; height:36px; display:block; margin:0 auto; background:url(../images/tie1.png) no-repeat;margin-bottom:13px;}
.historyDemo .item .bna02{ width:44px; height:24px; display:block; margin:0 auto; background:url(../images/tie2.png) no-repeat;margin-bottom:13px;    margin-top: 11px;}
.historyDemo .item .bna03{ width:32px; height:35px; display:block; margin:0 auto; background:url(../images/tie3.png) no-repeat;margin-bottom:13px;}
.historyDemo .item .bna04{ width:40px; height:33px; display:block; margin:0 auto; background:url(../images/tie4.png) no-repeat;margin-bottom:13px;   margin-top: 2px;}
.historyDemo .item .bna05{ width:36px; height:36px; display:block; margin:0 auto; background:url(../images/tie5.png) no-repeat;margin-bottom:13px;  }
.historyDemo .item .bna06{ width:37px; height:32px; display:block; margin:0 auto; background:url(../images/tie6.png) no-repeat;margin-bottom:13px; margin-top: 4px; }
.historyDemo .item .bna07{ width:37px; height:32px; display:block; margin:0 auto; background:url(../images/tie7.png) no-repeat;margin-bottom:13px; margin-top: 4px; }
.historyDemo .item .bna08{ width:38px; height:36px; display:block; margin:0 auto; background:url(../images/tie8.png) no-repeat;margin-bottom:13px; }



.historyDemo .item:hover .bna01{background:url(../images/tie01.png) no-repeat;}
.historyDemo .item:hover .bna02{background:url(../images/tie02.png) no-repeat;}
.historyDemo .item:hover .bna03{background:url(../images/tie03.png) no-repeat;}
.historyDemo .item:hover .bna04{background:url(../images/tie04.png) no-repeat;}
.historyDemo .item:hover .bna05{background:url(../images/tie05.png) no-repeat;}
.historyDemo .item:hover .bna06{background:url(../images/tie06.png) no-repeat;}
.historyDemo .item:hover .bna07{background:url(../images/tie07.png) no-repeat;}
.historyDemo .item:hover .bna08{background:url(../images/tie08.png) no-repeat;}


.historyDemo .on .bna01{background:url(../images/tie01.png) no-repeat;}
.historyDemo .on .bna02{background:url(../images/tie02.png) no-repeat;}
.historyDemo .on .bna03{background:url(../images/tie03.png) no-repeat;}
.historyDemo .on .bna04{background:url(../images/tie04.png) no-repeat;}
.historyDemo .on .bna05{background:url(../images/tie05.png) no-repeat;}
.historyDemo .on .bna06{background:url(../images/tie06.png) no-repeat;}
.historyDemo .on .bna07{background:url(../images/tie07.png) no-repeat;}
.historyDemo .on .bna08{background:url(../images/tie08.png) no-repeat;}
.historyDemo .on a{ color:#0083ee;}


.historypic .bx-wrapper .bx-controls-direction a{ top: 24px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden; z-index:999999;}
.historypic .bx-wrapper .bx-prev { left: 0px; background: url(../images/tiezuo.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(../images/tieyou.png) no-repeat scroll right center;}


/*发展历程*/

.fazhan{ position:relative; height:auto; background:url(../images/luotuo.jpg) no-repeat center center;}
.poa {
    position: absolute;
}
.w-f {
    width: 100%;
}
.w960 {
    width: 960px;
    margin: 0 auto;
}
.ovh {
    overflow: hidden;
}
.yearbg{
	height: 91px;
	background: url(../images/fazhan.png) no-repeat center;
	left: 0;
	bottom: 204px;
}
.year{
	width: 960px;
	bottom: 84px;
}
.year ul{
	width: 1000%;
}
.year ul li{
	background: url(../images/dot.png) no-repeat bottom center;
	text-align: center;
	width: 106px;
	padding-bottom: 28px;
	font-size: 14px;
	color: #c1a590;
	float: left;
	cursor:pointer;
	position: absolute;
}
.year ul li.on{
	color: rgba(0,0,0,0);
	font-weight: bold;
	background: url(../images/doth.png) no-repeat bottom center;
}
.year a{
	display: block;
	width: 56px;
	height: 56px;
	top:-310px;
	z-index: 2;
}
.year a.yl{
	background: url(../images/rongzuo.png) no-repeat;
	left: 0;
}
.year a.yr{
	background: url(../images/rongyou.png) no-repeat;
	right: 0;
}
.year-info{
	width: 646px;
	height:217px;
	left: 50%;
	margin-left:-221px;
	top: 50%;
	margin-top: -179px;
	position: absolute;
	text-align: center;
}
.year-info .ding{
	width: 72px;
	height: 132px;
	right: 115px;
	bottom: 125px;
}
.year-info h2{
	font-size: 26px;
	color: #cebaac;
	height: 201px;    width: 90px;
	background:url(../images/quan.png) no-repeat;    float: left;
}
.year-info h2 b{
   font-size: 26px;
    color: #0083ee;display: block;    padding-top:18px;
    height: 24px;    padding-right: 8px;
}
.year-info h2 span{
	font-size: 16px;
    font-weight: bolder;
  color: #0083ee;    padding-right: 8px;
}
.year-info p{
	font-size:14px;
	color: #666;
	line-height: 30px;    float: left;margin-top: 28px; margin-left:40px; background:url(../images/landian.png) no-repeat left 12px;width: 75%;text-align: left; padding-left:15px;
}
.yearbox{
	height: 45px;
}
.people .text{
	width: 100%;
	margin-bottom: 50px;
}




#content .media-col{
	position: relative;
	width: 50%;
}
.des .left ul{
	width: 100%;
	height: 100%;
}
.des .left li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.pdb200{
	padding-bottom: 200px;
}
.min650{
	min-height: 517px;
}
.hqytab{
	height: 400px;
	overflow: hidden;
	position: relative;
}
.pdb50{
	padding-bottom: 50px;
}
.min600{
	min-height: 600px;
}
.ww1100{
	width: 1100px;
	margin: 0 auto;
}
.story-imgbx{
	position: fixed;
	width: 600px;
	height: 90%;
	padding: 4% 60px;
	background: #fff;
	z-index: 997;
	left: 50%;
	margin-left: -330px;
	top: 0;
	display: none;
}
.story-imgbx .close{
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/close_03.jpg) no-repeat;
	right: 20px;
	top: 20px;
}
.story .con,.news .con{
	/*width: 1000px;*/
	height: 345px;
	position: relative;
}
.bsauto{
	background-size: 100% auto;
}
.brabg{
	background: url(../images/cbg_02.jpg) no-repeat top center;
	background-size: 100% auto;
}

/*发展历程手机和pad的*/
.fashou{ width:100%; height:auto; background:#f9e9d9; display:none; padding:20px 0}

.fashou ul li { width:95%; margin:0 auto; padding-top:10px;}
.fashou ul li span{ float:left; font-size:16px; color:#0083ee;}
.fashou ul li p{ float:left; padding-left:15px; font-size:14px;}


.dixia{ }

.dixia ul li{     width: 26.3%;
    padding-left: 3%;
    padding-right: 3%;height:80px; line-height:80px; float:left; margin-right:1px; background:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.dixia ul li span{ font-size:25px; font-family:"宋体"; font-style:italic; padding-right:10px;}
.dixia ul li b{ font-weight:normal; font-size:23px; color:#666;}
.dixia ul li strong{ font-weight:normal; text-transform:uppercase; font-style:italic; font-size:12px; color:#666;}
.dixia ul li i{ float:right; font-size:18px; font-family:"宋体"; font-style:italic;}
.dixia ul li:hover{ background:#0083ee;}
.dixia ul li:hover span{ color:#fff;}
.dixia ul li:hover b{ color:#fff;}
.dixia ul li:hover strong{ color:#fff;}
.dixia ul li:hover i{ color:#fff;}


/*翻页*/
#pages{ margin:15px auto 50px; text-align: center; background-color:#f0f0f0; height:55px; box-sizing:border-box; padding-top:10px;}
#pages a{ 
    color: #333;
    margin: 0 3px;
    padding:6px 10px;
    text-decoration: none;
    font-size:14px; line-height:30px;
}
#pages a:hover{text-decoration: none; color:#fff; font-size:14px; background-color:#138aee;}
#pages span { 
    color: #fff;
    margin:0 3px;
    padding:6px 10px;
    font-size: 14px;
	background-color:#138aee;
}
#pages:after{display:block; clear:both; content:""; visibility:hidden; height:0} 




/*内页*/


.nerx_top .left{ width:812px; padding-top:38px;}
.nerx_top .left h2{ font-weight:normal; font-size:24px; color:#000; text-align:center;}
.nerx_top .left .l-time { display:block; font-weight:normal; font-size:14px; color:#666666; text-align:center; padding-top:10px; padding-bottom:27px; border-bottom:1px dashed #dddddd; }
.nerx_top .left .nex_im img{ padding:30px 0; text-align:center;}
.nerx_top .left .nex_im p{ font-size:14px; line-height:27px;}
.nerx_top .right{ width:266px; padding-top:73px;}
.nerx_top .right h2{ font-weight:normal;font-size:24px; color:#000;border-bottom:3px solid #dddddd; padding-bottom:19px;}
.nerx_top .right .tuixia{ padding-top:15px;}
.nerx_top .right img{ padding-top:30px;}
.nerx_top .right .tuixia a{ font-size:14px; display:block; margin-bottom:8px; color:#666; background:url(../images/xq_07.jpg) no-repeat left center; padding-left:15px;}
.nerx_top .right .tuixia a:hover{ color:#fc3131;}

.fenxaing {
    height: 30px;
    line-height: 30px;
    padding-top: 20px; text-align:center;
}
.fenxaing span {
    float: left;
    display: block;
    width:60px;
}

.fanyez { margin:0 auto; overflow:hidden; padding-bottom:25px;}
.fanyez .right p a {font-size:14px;color:#fff; display:block; width:100px; height:30px;margin-top: -30px; line-height:30px; text-align:center; background-color:#fc3131; border-radius:5px;}
.fanyez .right p a:hover { color:#fff;}

/*导航*/

.venus-menu{
	margin:30px 0 10px 0;
}
.venus-menu{
	width:60%;
	margin:0;
	padding:0;
	position:relative;
	float:right;
	list-style:none;    margin-top: 19px;
}
.venus-menu li{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	line-height:43px;
	position:relative;
}
.venus-menu li ul li{ line-height:3px; background:#0083ee;}
.venus-menu li ul li a{ color:#fff;}
.venus-menu li .aa{ width:100%; height:0; background:none;}
.venus-menu > li > a{
	    padding: 18px 29px;
    font-size: 16px;
    color: #333;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu li:hover > a, .venus-menu li.active a{
	background: url(../images/daoxian.png) no-repeat center 69px;
	color:#333;
}

.venus-menu > li > a i{
	color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
	color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:140px;
}
.venus-menu ul{
	top:69px;
	left:0;
	padding-top:10px;    z-index: 999999;
}
.venus-menu ul li a{ color:#fff;}
.venus-menu > li > ul > li:first-child a:before{
	content:'';
	position:absolute;
	bottom:48px;
	left:45%;
	margin-left:-48px;
	width:0;
	height:0;
	border-left:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid rgba(255, 255, 255, 0);
}
.venus-menu > li > ul > li ul li:first-child a:before{
	content:'';
	position:absolute;
	bottom:16px;
	left:45%;
	margin-left:-71px;
	width:0;
	height:0;
	border-top:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid #8ECB8D;
	border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.venus-menu ul li a{
	padding:14px 20px;
	width:100%;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	background:#0083ee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{
	background:#5d6571; color:#fff;
}
.venus-menu > li .indicator{
	position:absolute;display: none;
	color:#bababa;
	top:19px;
	right:8px;
	font-size:20px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
	color:#fff;
}
.venus-menu ul > li .indicator{
	top:14px;
	right:8px;
	color:#fff;
}
.venus-menu i{
	line-height:20px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}
.venus-menu > li.showhide{
	display:none;
	width:100%;
	height:46px;
	cursor:pointer;
	color:#777;
}
.venus-menu > li.showhide span.title{
	margin:13px 0 0 20px;
	float:left;    display: none;
}
.venus-menu > li.showhide span.icon{
	margin:16px 20px;
	float:right;
}
.venus-menu > li.showhide .icon em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#0083ee;
}
.venus-menu li.search{
	float:right;
}
.venus-menu li.search form{
	margin:13px 20px 0 0;
}
.venus-menu li.search form input.search{
	height:26px;
	float:right;
	padding-left:5px;
	padding-right:5px;
	color:#777;
	outline:none;
	border:solid 1px #dedede;
	-o-transition:border .3s linear;
	-moz-transition:border .3s linear;
	-webkit-transition:border .3s linear;
	transition:border .3s linear;
}
.venus-menu li.search form input.search:focus{
	border-color:#8ECB8D;
}
.zoom-out{
	-webkit-animation:zoomOut 600ms ease both;
	-moz-animation:zoomOut 600ms ease both;
	-o-animation:zoomOut 600ms ease both;
	animation:zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}

@media only screen and (max-width:768px){
	.venus-menu li{
		display:block;
		width:100%;
	}
	.venus-menu > li > a{
		padding:13px 0 14px 20px;
	}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.venus-menu ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li .indicator{
		top:14px;
		right:20px;
		font-size:20px;
	}
	.venus-menu ul > li .indicator{
		top:10px;
		right:20px;
	}
	.venus-menu li.search form{
		margin:12px 18px 0 18px;
	}
	.venus-menu li.search form input.search{
		width:100%;
		margin-bottom:12px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}
.productd ul li{ width:289px; border:1px solid #eee; height:176px; float:left; position:relative; overflow:hidden; margin-right:12px; margin-bottom:12px;}
.productd ul li img{ width:100%; transition:all 0.5s;}
.productd ul li .ptops{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.5); width:90%; padding:10px 5%;}
.ptops h3{ font-size:16px; color:#fff;}
.ptops p{ font-size:14px; color:#fff;}
.productd ul li:hover img{ transform:scale(1.1)}