@charset "utf-8";

*{word-wrap:break-word;margin:0;padding:0}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #757575;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#fff;min-width:1200px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a,area{outline:none;blr:expression(this.onFocus=this.blur());color:#757575}
a{text-decoration:none;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
a:hover{outline:none}
a:hover{color:#009ea1}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis-block{ display:block;}
.dis-none{ display:none;}
.dis-inline{ display:inline-block;}

.ma{margin:auto;}
.con_1200{width:1200px;margin:auto}
.con_1140{width:1140px;margin:auto}
.con_1000{width:1000px;margin:auto}
.tran_all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran_all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.poa-f{position: absolute;left:0;top:0;width:100%;height:100%}
.por-f{position: relative;width:100%;height:100%}
.por{position: relative;}
.poa{position: absolute;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}


.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-aaa{color:#aaa}
.c-ccc{color:#ccc}
.c-fff{color:#fff}
.c-zzz{color:#009ea1}

.f-bold{font-weight:bold}
.f-12{font-size:12px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-24{font-size:24px}
.f-arial{font-family:Arial, Helvetica, sans-serif}
.f-simsun{ font-family:"simsun"}
.f-normal{font-style:normal}

.bg-fff{background-color:#fff}
.bg-zzz{background-color:#009ea1}
.bg-eaeaea{background-color:#eaeaea}
.bg-f6f6f6{background-color:#f6f6f6}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}

.lh-26{line-height:26px;}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.border-r{border-radius:1000px;}
.over-hide{overflow: hidden;}

.index-line{height:1px;background:#eee}

@font-face {
    font-family:impact2;
    src:url('font/impact.ttf');
}




/*banner*/
.banner{width:100%;position:relative;background-color:#f6f6f6;overflow:hidden}
.slideBox{ width:1920px; height:500px; overflow:hidden; position:relative;left:50%;margin-left:-960px; }
.slideBox .hd{  overflow:hidden; position:absolute;width:100%;bottom:20px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center}
.slideBox .hd ul li{display:inline-block;margin:0 5px;width:10px;height:10px; border-radius:10px;background:#000;filter:alpha(opacity=50);opacity:0.5;cursor:pointer}
.slideBox .hd ul li.on{ background:#009ea1;filter:alpha(opacity=100);opacity:1 }
.slideBox .bd{ position:relative; height:100%; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{ width:1920px; height:500px; display:block}







/*head*/
.head{padding:30px 0;position:relative}
.head h1{display:inline-block}
.head h1 img{height:30px;}
.lang-c{position:absolute;top:35px;right:50%;margin-right:-570px;padding-left:28px;height:20px;line-height:20px;color:#001556;background:url(../imgs/en.jpg) no-repeat left center}


.search-box{position:absolute;top:30px;right:50%;margin-right:-470px;}
.search-box .text{float:left;width:150px;height:30px;line-height:30px;padding:0 10px;border:1px solid #ddd;background:#fff}
.search-box .submit{float:left;width:40px;height:30px;line-height:30px;color:#fff;background:#009ea1;border:none;cursor:pointer}




.nav {
	height:60px;
	line-height:60px;
}
.nav .nav-ul>li {
	position:relative;
	float:left;
	width:160px;
	height:100%;
	border-right:1px solid #00b3b6;
}
.nav .nav-ul>li.first {
	border-left:1px solid #00b3b6;
}
.nav .nav-ul>li>a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
}
.nav .nav-ul>li:hover>a,.nav .nav-ul>li.on>a{
	background:#008486;
	box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
#floatingmenu{
	width:100%;
	z-index:999;
}

.nav-child{
	display:none;
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	z-index:11;
}
.nav-child .sub li{
	border-top:1px solid #00b3b6;
	background:#009ea1;
	background:rgba(0,132,134,0.75);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.nav-child .sub li a{
	display:block;
	width:100%;
	height:44px;
	line-height:44px;
	color:#fff;
	text-align:center;
	font-size:13px;
}
.nav-child .sub li:hover{
	background:rgba(0,132,134,0.99);
}




/*foot*/
.foot{
	padding:50px 0;
}
.foot-box {
	background:url(0-30.png) no-repeat right center;
}
.foot .foot-nav{float:left;width:800px}
.foot .foot-nav dl{float:left;width:130px}
.foot .foot-nav dt{margin-bottom:10px;color:#333;font-size:13px;}
.foot .foot-nav dd a{color:#9f9f9f;font-size:12px;line-height:24px;}
.foot .foot-nav dd a:hover{color:#009ea1;}
.foot-box-r{float:right;margin-top:50px;max-width:300px}
.foot-tel {
	height:28px;
	line-height:28px;
	padding-left:36px;
	font-size:28px;
	font-family:impact2;
	background:url(0-31.png) no-repeat left center;
}
.foot-add {
	margin-top:30px;
	height:22px;
	line-height:22px;
	padding-left:30px;
	background:url(0-32.png) no-repeat left center;
}
.copyright{
	padding:15px 0;
}
.copyright a{
	color:#fff;
}

/*banner*/
.n-banner{
	width:100%;
	overflow:hidden;
}
.n-banner img{
	position:relative;
	left:50%;
	margin-left:-960px;
	width:1920px;
}

/*floor-1*/
.product-menu {
	position:relative;
	z-index:2;
	box-shadow:0 2px 2px rgba(0,0,0,0.3);
}

.product-box .top-cate{
	padding-left:3px;
}
.product-box .top-cate li{
	float:left;
	height:100px;
	width:160px;
	margin:0 1px;
}
.product-box .top-cate li a{
	position:relative;
	top:0;
	display:block;
	height:37px;
	width:160px;
	padding-top:60px;
	border-top:3px solid #fff;
	background-image:url(0-41.png);
	background-repeat:no-repeat;
}
.product-box .top-cate li.pro-1 a{
	background-position:0 0;
}
.product-box .top-cate li.pro-2 a{
	background-position:-160px 0;
}
.product-box .top-cate li.pro-3 a{
	background-position:-320px 0;
}
.product-box .top-cate li.pro-4 a{
	background-position:-480px 0;
}
.product-box .top-cate li.pro-5 a{
	background-position:-640px 0;
}
.product-box .top-cate li.pro-6 a{
	background-position:-800px 0;
}
.product-box .top-cate li.pro-7 a{
	background-position:-960px 0;
}
.product-box .top-cate li.on a{
	color:#009ea1;
	border-color:#009ea1;
	background-color:#f6f6f6;
	background-image:url(0-42.png);
}
.product-box .top-cate li:hover a{
	height:40px;
	color:#009ea1;
	border-color:#009ea1;
	background-color:#f6f6f6;
	background-image:url(0-42.png);
	transform: translateY(-3px);
	-ms-transform: translateY(-3px);		/* IE 9 */
	-webkit-transform: translateY(-3px);	/* Safari and Chrome */
	-o-transform: translatY(-3px);		/* Opera */
	-moz-transform: translateY(-3px);
}

.product-box .child-cate{
	padding:20px 0;
	padding-left:3px;
}
.product-box .child-cate li{
	float:left;
	height:45px;
	width:160px;
	line-height:45px;
	border:1px solid #ddd;
	margin-right:-1px
}
.product-box .child-cate li a{
	display:block;
	height:100%;
	width:100%;
}
.product-box .child-cate li a.on,
.product-box .child-cate li a:hover{
	background-color:#009ea1;
	color:#fff
}





.product-all:hover{
	transform: translateY(-2px);
	-ms-transform: translateY(-2px);		/* IE 9 */
	-webkit-transform: translateY(-2px);	/* Safari and Chrome */
	-o-transform: translatY(-2px);		/* Opera */
	-moz-transform: translateY(-2px);
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
}
.product-index-box {
	width:852px
}
.product-index-box ul li{
	position:relative;
	float:left;
	width:267px;
	height:265px;
	margin-left:17px;
	margin-bottom:17px;
	background-color:#fff;
}
.product-index-box ul li a{
	display:block;
	width:100%;
	height:100%;
}
.product-index-box ul li .pic{
	width:267px;
	height:200px;
	overflow:hidden;
}
.product-index-box ul li .pic img{
	width:267px;
	height:200px;
}
.product-index-box ul li .title{
	height:26px;
	font-size:16px;
}
.product-index-box ul li .title a{
	color:#009ea1;
}
.product-index-box ul li .desc{
	height:39px;
}
.product-index-box ul li .desc a{
	color:#b0b0b0;
	font-size:12px;
}
.product-index-box ul li:hover{
	transform: translateY(-2px);
	-ms-transform: translateY(-2px);		/* IE 9 */
	-webkit-transform: translateY(-2px);	/* Safari and Chrome */
	-o-transform: translatY(-2px);		/* Opera */
	-moz-transform: translateY(-2px);
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
}

/*floor-2*/
.index-title{
	height:20px;
	line-height:20px;
	color:#acacac;
}
.index-title i{
	float:left;
	height:20px;
	margin-right:15px;
	padding-right:15px;
	font-size:20px;
	border-right:1px solid #e5e5e5;
}
.index-title span{
	float:left;
	height:20px;
}
.about-box{
	height:279px;
	border-bottom:12px solid #009ea1;
}
.about-box-l {
	width:588px;
	height:279px;
	overflow:hidden;
}
.about-box-r{
	width:540px;
	height:279px;
	overflow:hidden;
}
.about-box-r-pic img{
	float:left;
	width:175px;
	height:110px;
	margin-left:5px;
}
.about-box-r-text {
	padding-top:1px;
}
.about-box-r-text h3{
	width:410px;
	margin-left:45px;
	margin-top:15px;
	color:#222;
}
.about-box-r-text p{
	width:410px;
	margin-left:45px;
	margin-top:10px;
}
.about-box-r-text a{
	float:right;
	height:12px;
	margin-top:10px;
	line-height:12px;
	padding-left:18px;
	color:#aaa;
	background:url(0-22.png) no-repeat left center;
}
.about-box-r-text a:hover{
	color:#009ea1;
}
.news-box ul{
	margin-left:-140px;
}
.news-box ul li{
	float:left;
	width:500px;
	height:135px;
	margin-bottom:40px;
	margin-left:140px;
}
.news-box ul li.none{
	margin-right:0;
}
.news-box ul li .date{
	width:69px;
	height:69px;
	line-height:69px;
	color:#fff;
	font-size:18px;
	font-family:impact2,"Microsoft Yahei";
	text-align:center;
	background:url(0-21.png) no-repeat center center;
}
.news-box ul li .c{
	width:400px;
	height:134px;
	border-bottom:1px solid #e5e5e5;
}
.news-box ul li .c .t{
	width:400px;
	max-height:50px;
	line-height:25px;
}
.news-box ul li .c .t a{
	position:relative;
	left:0;
	color:#333
}
.news-box ul li .c .p{
	height:22px;
	line-height:22px;margin-top:5px;
	overflow:hidden
}
.news-box ul li .c .more{
	margin:15px;
	text-align:right;
}
.news-box ul li .c .more a{
	display:inline-block;
	height:12px;
	line-height:12px;
	padding-left:18px;
	color:#aaa;
	font-size:12px;
	background:url(0-22.png) no-repeat left center;
}
.news-box ul li .c .t a:hover{
	left:5px;
	color:#009ea1;
}
.news-box ul li .c .more a:hover{
	color:#009ea1;
}


/*floor-3*/
.join-index{
	width:100%;
	height:721px;
	background:url(0-20.jpg) no-repeat center center;
}
.join-index .join-index-box{
	width:1065px;
	margin:auto;
	padding-top:80px;
	padding-left:75px;
}
.join-index .join-index-box h3{
	font-size:30px;
}
.join-index .join-index-box p{
	width:540px;
	margin-top:20px;
	line-height:30px;
}
.join-index .more{
	margin-top:30px;
}
.join-index .more a{
	display:inline-block;
	height:12px;
	line-height:12px;
	padding-left:18px;
	color:#aaa;
	font-size:12px;
	background:url(0-22.png) no-repeat left center;
}
.join-index .more a:hover{
	color:#009ea1;
}


/*title*/
.n-title h2{
	height:38px;
	line-height:38px;
	color:#333;
	font-size:38px;
	font-weight:bold;
}
.n-title p{
	height:24px;
	line-height:24px;
	color:#555;
	font-size:24px;
}
.n-title .l{
	width:14px;
	height:2px;
	margin:28px 0;
	background:#e5e5e5;
}


/*about*/
.about-1{
	width:100%;
	padding-bottom:40px;
	font-size:16px
}
.about-1-t{
	left:750px;
	top:85px;
	padding-left:70px;
	border-left:1px solid #f2f2f2;
}
.about-1-box{
	padding-bottom:30px;
	margin-bottom:40px;
	color:#333;
	border-bottom:1px solid #f2f2f2;
}
.about-1-box span{
	margin-right:20px;
	font-size:62px;
}



.about-2{
	width:1152px;
}
.about-2-box {
	position:relative;
	float:left;
	width:372px;
	height:252px;
	margin-right:12px;
	margin-bottom:12px;
	cursor:pointer;
}
.about-2-box .title-1{
	position:absolute;
	left:30px;
	top:45px;
	font-size:24px;
	color:#fff;
	text-shadow: 0 0 1px rgb(70,70,70);
}
.about-2-box .title-2{
	position:absolute;
	left:30px;
	top:85px;
	color:#fff;
	text-shadow: 0 0 1px rgb(70,70,70);
}


.about-3{
	width:100%;
	overflow:hidden;
}
.about-3 ul li{
	float:left;
	width:203px;
	height:266px;
	margin-right:31px;
}

.about-pic{
	height:435px;
	width:100%;
	background-image:url(j-00.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}


/*service*/
.service-1{
	width:840px;
}
.service-2{
	width:1180px;
}
.service-2-box{
	margin-right:40px;
}
.service-2-box img{
	width:550px;
	height:268px;
}
.service-2-box p{
	height:16px;
	padding:20px 0;
}
.service-3 ul{
	width:1170px
}
.service-3 ul li{
	float:left;
	width:290px;
	height:110px;
	margin-bottom:15px;
	margin-right:30px;
	padding:30px 35px;
	background-color:#fff;
	border-radius:4px;
	border-bottom:4px solid #009ea1;
}
.service-3 ul li h4{
	font-size:20px;
	color:#444;
}
.service-3 ul li p{
	height:44px;
	line-height:22px;
	margin-top:10px;
	color:#999;
	overflow:hidden;
}
.service-3 ul li .ico{
	display:block;
	width:45px;
	height:25px;
	margin-top:15px;
	background:url(s-01.png) no-repeat center center;
}
.service-3 ul li:hover {
	background-color:#009ea1;
	border-color:#a40d69;
}
.service-3 ul li:hover h4,.service-3 ul li:hover p{
	color:#fff;
}
.service-3 ul li:hover .ico{
	background-image:url(s-02.png);
}

/*contact*/
.contact-1-l{
	height:60px;
	padding-right:80px;
	border-right:1px solid #e5e5e5;
}
.contact-1-l h2{
	height:24px;
	font-size:24px;
	color:#333;
}
.contact-1-l h3{
	margin-top:22px;
	height:14px;
	font-size:14px;
	color:#d0d0d0;
	text-transform:uppercase;
}
.contact-1-r {
	height:60px;
	line-height:60px;
	padding-left:60px;
	margin-left:80px;
	color:#009ea1;
	font-size:38px;
	font-family:impact2;
	background:url(c-00.png) no-repeat left center;
}
.contact-2-l{
	height:44px;
	line-height:14px;
	padding-right:60px;
	border-right:1px solid #e5e5e5;
}
.contact-2-r {
	height:44px;
	line-height:14px;
	margin-left:60px;
}
.contact-2 .p1{
	height:14px;
}
.contact-2 .p2{
	height:14px;
	margin-top:16px;
}

.feedback{
	width:100%;
}
.feedback .in_in .f-l{
	width:314px;
	height:86px;
	margin-right:20px;
}
.feedback .in_in .f-l label,.feedback .in_area label{
	display:block;
	width:314px;
	height:40px;
	line-height:40px;
	color:#333;
}
.feedback .in_in .f-l .input-text{
	width:282px;
	height:40px;
	line-height:40px;
	padding:0 10px;
}
.feedback .input-text,.feedback .textarea{
	border:solid 1px #ddd;
	border-radius:2px;
    -webkit-transition:all 0.2s linear 0s;
       -moz-transition:all 0.2s linear 0s;
         -o-transition:all 0.2s linear 0s;
            transition:all 0.2s linear 0s
}
.feedback .in_area .textarea{
	width:948px;
	height:120px;
	line-height:24px;
	padding:5px 10px;
	font-size:14px;
	resize:none;
}
.feedback .input-text:hover,.feedback .textarea:hover{
	border: solid 1px #009ea1
}
.feedback .input-text:focus,.feedback .textarea:focus{
	border:solid 1px #009ea1 \9;
	border-color:rgba(0,158,161,0.8);
	box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(0,158,161, 0.5)
}
.feedback .in_sub{
	margin-top:20px;
}
.feedback .in_sub .submit{
	width:170px;
	height:40px;
	color:#fff;
	background-color:#009ea1;
	border:none;
	cursor:pointer;
}
.feedback .in_sub .submit:hover{
	background-color:#008082;
}
.feedback .in_sub .input-text{float: left;float: left;width:100px;height:40px;line-height:40px;border:0;background: #ffffff;padding:0 10px;border:1px solid #ddd;border-radius:0}
.feedback .in_sub img{float: left;width:78px;height:38px;margin-right:20px;background:#ffffff;border:1px solid #ddd;border-left:0}



/*join*/
.join-1{
	height:110px;
}
.join-1-1{
	float:left;
	width:605px;
	height:104px;
	padding-top:3px;
	padding-right:45px;
	font-size:13px;
}
.join-1-2{
	float:left;
	width:144px;
	height:95px;
	padding:5px 50px;
	border-left:1px solid #e5e5e5;
}
.join-1-2 h3{
	height:40px;
	line-height:40px;
	color:#332c2b;
	font-size:17px;
	font-weight:bold;
}
.join-1-2 p{
	height:50px;
	line-height:25px;
}
.join-2 h4{
	font-size:20px;
	color:#555;
}

.join-2-box{
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
}
.join-2-box .join-2-l {
	position:relative;
	float:left;
	width:378px;
	height:215px;
	font-size:16px;
	text-align:center;
	border-right:1px solid #f2f2f2;
	z-index:1;
	cursor:pointer;
}
.join-2-box .join-2-l .box-1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75px;
	padding-top:140px;
	filter:alpha(opacity=100);
	opacity:1;
}
.join-2-box .join-2-l .li1 {
	background:url(j-11.png) no-repeat center 60px;
}
.join-2-box .join-2-l .li2 {
	background:url(j-12.png) no-repeat center 60px;
}
.join-2-box .join-2-l .li3 {
	background:url(j-13.png) no-repeat center 60px;
}

.join-2-box .join-2-l .box-2{
	position:absolute;
	top:0;
	left:0;
	width:338px;
	height:100%;
	padding:0 20px;
	line-height:24px;
	font-size:13px;
	background:#fff;
	box-shadow:0 0 7px rgba(0,0,0,0.12) inset;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
	filter:alpha(opacity=0);
	opacity:0;
}
.join-2-box .join-2-l:hover .box-2{
	filter:alpha(opacity=100);
	opacity:1;
}





.join-3{
	height:800px;
	background-image:url(j-00.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	box-shadow:0 0 7px rgba(0,0,0,0.12) inset;
}
.join-3-box{
	width:1160px;
}
.join-3-box li{
	float:left;
	width:367px;
	height:257px;
	margin-right:19px;
	margin-top:25px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.1)
}
.join-3-box li .pic{
	display:block;
	width:367px;
	height:201px;
}
.join-3-box li p{
	display:block;
	width:367px;
	height:56px;
	line-height:56px;
	color:#555;
}

.join-4-box{
	width:1170px;
}
.join-4-box li{
	float:left;
	width:365px;
	height:480px;
	margin-right:22px;
	background:#fff;
	overflow:hidden;
}
.join-4-box li .pic{
	display:block;
	width:365px;
	height:240px;
}
.join-4-box li .c{
	display:block;
	width:305px;
	height:215px;
	padding-left:30px;
	padding-right:30px;
	padding-top:25px;
}
.join-4-box li .c h3{
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#009ea1;
	font-weight:bold;
}
.join-4-box li .c p{
	height:138px;
	margin-top:10px;
	line-height:23px;
	overflow:hidden;
}

/*product*/
.product-list ul{
}
.product-list ul:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:-1px;
	left:-1px;
	border-left:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
}
.product-list ul:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
.product-list ul li{
	position:relative;
	z-index:2;
	float:left;
	width:284px;
	height:400px;
	margin-left:-1px;
	margin-top:-1px;
	background-color:#fff;
	border:1px solid #ebebeb;
}
.product-list ul li .pic{
	width:254px;
	height:190px;
	padding:30px 0;
	margin:auto;
	overflow:hidden;
}
.product-list ul li .pic img{
	width:254px;
	height:190px;
}
.product-list ul li .title{
	margin-top:5px;
	height:26px;
}
.product-list ul li .title a{
	color:#009ea1;
	font-size:16px;
}
.product-list ul li .desc{
	height:26px;
}
.product-list ul li .desc a{
	color:#b0b0b0;
	font-size:12px;
}
.product-list ul li .more{
	width:100px;
	height:30px;
	margin:20px auto 0;
	line-height:30px;
	border:1px solid #e7e7e7;
	border-radius:3px;
	overflow:hidden;
}
.product-list ul li .more a{
	display:block;
	width:100%;
	height:100%;
	color:#555;
	font-size:13px;
}
.product-list ul li .more:hover a{
	background-color:#f6f6f6
}
.product-list ul li:hover{
	box-shadow:0 0 15px rgba(0,0,0,0.1) inset;
}


.product-content{
	min-height:450px;
}






.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:800px;margin:auto;text-align:center;line-height:30px;font-size:24px}
.n_main .title .p1{text-align:center;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:35px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#666; overflow:hidden;}
.n_content img{ max-width:1200px; overflow:hidden;}
.n_main { position:relative;width:1140px;margin:auto;}





#page{ width:100%;padding:30px 0;overflow:hidden;margin:auto}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#009ea1;border:1px solid #009ea1;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}


/** prev next button ***/
.pn{ padding-top:10px; width:100%;line-height:26px;height:70px; overflow:hidden;border-top:1px solid #ddd;color:#777}
.pn_l{text-align:left; font-size:12px; overflow:hidden;}
.pn_l a:hover{color:#009ea1;}
.pn_r{ text-align:left;font-size:12px; overflow:hidden;}
.pn_r a:hover{color:#009ea1;}





/*job*/
.job-box h2{
	padding:15px 20px;
	font-size:20px;
	color:#fff;
	background-color:#009ea1;
}
.job-box .content{
	border:1px solid #ddd;
	border-top:none;
	padding:20px;
}
.job-box .content .tags ul li{
	float:left;
	height:30px;
	line-height:30px;
	margin-right:20px;
	color:#009ea1;
	border:1px solid #009ea1;
	padding:0 20px
}
.job-box .content h3{
	font-weight:700;
	font-size:18px;
	margin-bottom:10px;
	color:#333
}
.job-box .content p{
	line-height:1.8
}












.business-li h2{
	height:50px;
	line-height:50px;
	margin-left:70px;
	position:relative;
	font-size:24px;
	color:#009ea1;
	border-bottom:1px solid #ddd;
}
.business-li h2 i{
	position:absolute;
	width:50px;
	height:50px;
	left:-70px;
	top:0;
	background-image:url(icon.png);
	background-repeat:no-repeat;
}
.business-li h2 .ico_01{
	background-position:0 0;
}
.business-li h2 .ico_02{
	background-position:0 -50px;
}
.business-li h2 .ico_03{
	background-position:0 -100px;
}
.business-li h2 .ico_04{
	background-position:0 -150px;
}
.business-li h2 .ico_05{
	background-position:0 -200px;
}


.business-li .content{
	padding:20px 0 0;
	padding-left:70px;
	line-height:1.8;
	font-size:16px
}

.business-li .content ol{
	padding-left:20px;
}
.business-li .content ol li{
	list-style-type:disc;
}
.business-li .content h3{
	margin:20px 0 10px;
	color:#009ea1;
	font-weight:700;
	font-size:20px;
}


.business-li .inpic{width:1070px;margin-top:20px;margin-left:70px;text-align:center;}
.business-li .inpic img{max-width:1070px}








.wx-qr{margin-top:10px;}
.wx-qr .f-l{float:left;text-align:center;margin-right:20px}
.wx-qr p{margin-top:10px;}
.wx-qr img{display:block}


























.product-details-left{float:left;width:460px;position:relative;}
.product-details-right{float:right;width:620px;}

/*fangda*/
.product_pic{width:460px;background: #fff}
.fangda{width:460px;position:relative; z-index:99;}
.fangda .fd_min_img{width:460px;overflow:hidden;}
.fangda .fd_min_img img{width:460px;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#009ea1;cursor:pointer;}
.fd_max_img{ display:none;width:400px;height:300px;overflow:hidden; position:absolute;left:500px;top:0; z-index:99;border:1px solid #eee; background:#fff;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}


/*fd list*/
.fd_list{margin-top:25px;width:460px;height:100px;overflow:hidden}
.fd_list ul{ width:500px;zoom:1;}
.fd_list ul li{ float:left;width:98px;height:98px; cursor:pointer;margin-right:20px;border:1px solid #e0e0e0;}
.fd_list ul li img{ width:98px; height:72px;margin-top:13px}
.fd_list ul li.on {border:1px solid #009ea1;padding:0}

.product-details-right h2{font-size:34px;font-weight: bold;padding-bottom:10px;border-bottom:1px solid #ddd;color:#009ea1}
.product-details-right .product-infos{margin-top:40px;margin-bottom: 40px}
.product-details-right .product-infos table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.product-details-right .product-infos table td{border:1px solid #ccc;padding:8px 10px;line-height:26px;vertical-align:middle;}
.product-details-right .product-infos img{max-width:100%}



.search-list-box .news_l{height:150px;padding:20px 0;border-bottom:1px solid #ddd}
.search-list-box .news_l .pic{width:200px;height:150px;overflow: hidden;background-color:#ffffff}
.search-list-box .news_l .pic img{width:200px;height:150px}
.search-list-box .news_l .p{width:910px;height:150px;}
.search-list-box .news_l .p .p_t{width:910px;font-size:18px;height:30px;line-height:30px;color:#333;}
.search-list-box .news_l .p .p_t a{font-size:18px;color:#333;}
.search-list-box .news_l .p .p_t a:hover{color:#009ea1;}
.search-list-box .news_l .p .p_c{width:910px;height:75px;margin-top:15px;line-height:25px;font-size:12px;color:#787878;overflow:hidden}
.search-list-box .news_l .p .p_d{height:30px;line-height:30px;font-size:12px;color:#999;overflow:hidden}
.highlight {color:#ff0000}