@charset 'utf-8';

body {
	width: 100%;
	min-width: 1100px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.header {
	width: 100%;
	height: 150px;
	background: url(../images/nav-bj.png);
	position: relative;
}
.header .top{
	height: 45px;
	background: #f2f2f2;
	border-bottom: 1px #fff solid;
	z-index: 9;
    position: relative;
}
.header .main {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.header .top p{
	margin: 0;
	font-size: 14px;
	color: #a7a7a7;
	float: left;
	line-height: 45px;
}
.header .top .main div{
	float: right;
	font-size: 14px;
	color: #767575;
	line-height: 45px;
}
.header .top .main div a{
	text-decoration: none;
	color: #767575;
}
.header .top  div a:hover{
	color: #1c62c2;
}
.header .nav-box{
	height: 70px;
	background: url(../images/nav-bj.png);
	padding-top: 35px;`
}

.nav {
	width: 1100px;
	height: 150px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -550px;
}
.nav li {
	display:block;
	float: left;
	padding: 0 20px;
	padding-top: 70px;
	margin: 0 14px;
	line-height: 77px;
}
.nav li.logo{
	padding: 0;
	margin: 0;
	z-index: 99;
	position: relative;
}
.nav li a {
	display: block;
	text-align: center;
	height: inherit;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
}
.nav li:hover{
	border-bottom: 3px #1c62c2 solid;
}
.nav li:hover a {
	color: #1c62c2;
}
/*.nav li .nav-in { margin: 0; padding: 0; list-style: none; position: absolute; z-index: 9999; background: #155c9c; display: none; }
.nav li .nav-in li { width: inherit; clear: both; height: 48px; margin: 0; }
.nav li .nav-in li a { width: 220px; color: #fff; font-weight: normal; font-size: 14px; line-height: 48px; overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-indent: 10px; }
.nav li .nav-in li:hover a { background: #2068a9; }*/

/*navigation--end*/
.banner-box {
	width: 100%;
	height: 620px;
	position: relative;
	overflow: hidden;
}
.banner-box .wrap-banner {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
.banner-box .slidebox {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 1920px;
	height: 620px;
	overflow: hidden;
}
.banner-box .slidebox li {
	float: left;
	width: 1920px;
	height: 620px;
	left: 0;
	top: 0;
}
.banner-box .slidebox li img {
	display: block;
	width: 1920px;
	height: 620px;
}
.banner-box .hd {
	position: absolute;
	width: 100%;
	height: 30px;
	text-align: center;
	bottom: 10px;
	left: 0;
}
.banner-box .hd ul {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
	overflow: hidden;
}
.banner-box .hd ul li {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #333;
	display: inline-block;
	border: 2px #fff solid;
	overflow: hidden;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.1);
	text-align: center;
	line-height: 16px;
	margin: 0 5px;
	margin-top: 6px;
	font-weight: normal;
}
.banner-box .hd ul li.on {
	background: #1c62c2;
	border-color: #1c62c2;
}
.banner-inner {
	height: 406px
}

/*banner----end*/

.online {
	width: 60px;
	z-index: 100;
	position: fixed;
	right: 0;
	top: 40%;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+100));
	border-bottom: 1px #f3f3f3 solid;
}
.online a {
	display: block;
	width: 58px;
	height: 58px;
	border: 1px #f3f3f3 solid;
	border-bottom: none;
	background: url(../images/online.png) no-repeat #5b5c5d;
	position: relative;
	text-decoration: none;
}
.online a.online-1 {
	background-position: 0px 0px;
}
.online a.online-2 {
	background-position: 0px -58px;
}
.online a.online-3 {
	background-position: 0px -116px;
}
.online a.online-4 {
	background-position: 0px -174px;
}
.online a:hover {
	background-color: #1c62c2;
}


/*online--end*/

.product-block{
	background: #f3f2f2;
	padding-top: 100px;
	overflow: hidden;
	padding-bottom: 10px;
}
.product-block ul{
	width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.product-block ul li{
	width: 344px;
	float: left;
	border: 1px #c9c9c9 solid;
	position: relative;
	margin-left: 30px;
	margin-left: 20px\9;
	margin-bottom: 70px;
}
.product-block ul li:nth-child(3n+1){
	margin-left: 0;
}
.product-block ul li.pro-text{
	border: none;
}
.pro-text h2{
	font-size: 30px;
	color: #333333;
	text-align: center;
	position: relative;
	margin-top: 0;
	padding-bottom: 20px;
}
.pro-text h2:after{
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background: #030001;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -35px;
}
.pro-text p{
	font-size: 13px;
	color: #666666;
	line-height: 1.8;
}
.pro-text a{
	display: block;
	width: 142px;
	height: 40px;
	background: #1c62c2;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	float: right;
}
.product-block ul li img{
	display: block;
}
.product-block ul li .mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	display: none;
}
.ie8 .product-block ul li .mask{
	background: #000;
	filter:alpha(opacity=80);
}
.product-block .mask img{
	padding-top: 30px;
	margin: 0 auto;
}
.product-block .mask p{
	font-size: 16px;
	color: #fffefe;
	margin-top: 30px;
    text-transform: uppercase;
}
.product-block ul li:hover .mask{
	display: block;
}
/*product block--end*/

.process-block{
	background: url(../images/img/process-bj.jpg) no-repeat center top;
	min-height: 760px;
	position: relative;
}
.process-block .main{
	width: 1100px;
	margin: 0 auto;
}
.process-box{
	width: 1100px;
	height: 620px;
	background: url(../images/process-bj.png) no-repeat left top;
	position: relative;
	margin-top: 30px;
}
.process-box ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.process-box ul li{
	width: 215px;
	height: 249px;
	position: absolute;
}
.process-box ul li span{
	width: 215px;
	height: 249px;
	background: url(../images/img/package-m.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	display: none;
}
.process-box ul li:hover span{
	display: block;
}
.process-box ul li span h4{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
}
.process-box ul li span h4{
	margin-top: 110px;
	position: relative;
	padding-bottom: 7px;
}
.process-box ul li span h4:after{
	content: '';
	position: absolute;
	display: block;
	width: 84px;
	height: 1px;
	background: #fff;
	left: 50%;
	margin-left: -42px;
	bottom: 0;
}
.process-box ul li.pack-1{
	left: 229px;
	top: 0;
}
.process-box ul li.pack-2{
	left: 657px;
	top: 0;
}
.process-box ul li.pack-3{
	left: 15px;
	top: 125px;
}
.process-box ul li.pack-4{
	left: 443px;
	top: 125px;
}
.process-box ul li.pack-5{
	left: 873px;
	top: 125px;
}
.process-box ul li.pack-6{
	left: 229px;
	top: 248px;
}
.process-box ul li.pack-7{
	left:657px;
	top: 248px;
}
.process-box ul li.pack-8{
	left: 443px;
	top: 373px;
}
.process-item{
	width: 1100px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	position: absolute;
	top: 470px;

}
.process-item li{
	width: 120px;
	padding-left: 10px;
	border-left: 1px #333333 solid;
	float: left;
	margin: 0 3px;
}
.process-item li h4{
	font-size: 13px;
	color: #1a1a1a;
	margin-top: 0;
	margin-bottom: 10px;
}
.process-item li p{
	font-size: 12px;
	color: #333333;
	line-height: 1.5;
}
.process-item .process-2{
	margin-top: 60px;
}
.process-item .process-3{
	margin-top: 120px;
}
.process-item .process-4{
	margin-top: 180px;
}
.process-item .process-5{
	margin-top: 180px;
}
.process-item .process-6{
	margin-top: 120px;
}
.process-item .process-7{
	margin-top: 60px;
}
/*process block--end*/

.video-block{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0;
}
.title{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.title h2{
	font-size: 30px;
	color: #1c62c2;
	margin-top: 0;
	margin-bottom: 20px;
}
.title span{
	display: block;
	width: 88px;
	height: 2px;
	background: #000000;
	margin: 0 auto;
	margin-bottom: 30px;
}
.title p{
	font-size: 14px;
	color: #666666;
	line-height: 1.7;
	margin: 0;
}
.video-box ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.video-box ul li{
	width: 512px;
	float: left;
	margin-right: 76px;
}
.video-box ul li h3{
	font-size: 16px;
	color: #333333;
}
.video-box ul li p{
	font-size: 12px;
	color: #777777;
	line-height: 2;
}
.video-btn{
	overflow: hidden;
	text-align: center;
	margin-bottom: 12px;
}
.video-btn .mr_frBtnL {
	width: 26px;
	height: 25px;
	background: url(../images/prev-next.png) no-repeat left top;
	cursor: pointer;
	display: inline-block;
}
.video-btn .mr_frBtnR {
	width: 26px;
	height: 25px;
	background: url(../images/prev-next.png) no-repeat right top;
	cursor: pointer;
	display: inline-block;
	z-index: 99;
}
.video-btn .mr_frBtnL:hover{
	background-position: left bottom;
}
.video-btn .mr_frBtnR:hover{
	background-position: right bottom;
}
/*video block--end*/

.news-block{
	background: #f4f4f4;
	padding: 80px 0;
	overflow: hidden;
	margin-bottom: 60px;
}
.news-block .main{
	width: 1100px;
	margin: 0 auto;
}
.news-bar{
	width: 522px;
	float: left;
}
.news-bar div{
	overflow: hidden;
	margin-top: 30px;
}
.news-bar div h3{
	width: 420px;
	float: left;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-bar div h3 a{
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.news-bar div span{
	float: right;
	font-size: 13px;
	color: #999999;
}
.news-bar p{
	font-size: 13px;
	color: #666666;
	line-height: 1.8;
}
.news-item{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	width: 530px;
	float: right;
}
.news-item li{
	overflow: hidden;
	margin-bottom: 5px;
}
.news-item li .date{
	width: 78px;
	font-size: 62px;
	color: #000;
	border-right: 2px #1b1b1b solid;
	float: left;
	margin-top: 20px;
}
.news-item li .news-font{
	width: 408px;
	height: 83px;
	float: right;
	border-bottom: 1px #cecccc solid;
	padding: 20px;
}
.news-font div{
	overflow: hidden;
}
.news-font div a{
	display: block;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	float: left;
	width: 330px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}
.news-font div span{
	float: right;
	font-size: 13px;
	color: #999999;
}
.news-font p{
	font-size: 13px;
	color: #666666;
	line-height: 1.53;
	height: 57px;
	overflow: hidden;
}
.news-item li:hover .news-font{
	background: #ebe9e9;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.news-item li:hover .news-font a{
	color: #1c62c2;
}

/*news block--end*/


.bottom {
	width: 100%;
	background:#212121;
	padding-top: 60px;
	border-bottom: 1px #353535 solid;
}
.bottom .main {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.bottom .main .foot-menu{
	width: 1100px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.bottom .foot-menu li{
	float: left;
}
.foot-menu li h2 {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0;
}
.bottom .foot-menu .bom-1 h2{
	font-size: 22px;
}
.foot-menu li p,
.foot-menu li a{
	font-size: 12px;
	color: #d0cdcd;
	margin: 0;
	line-height: 2;
}
.foot-menu li p a{
	text-decoration: none;
}
.foot-menu .bom-2 {
	float: left;
	margin-left: 80px;
}
.foot-menu .bom-2 a {
	display: block;
	text-decoration: none;
}
.foot-menu li p a:hover,
.foot-menu .bom-2 a:hover {
	color: #fff;
}

.foot-menu .bom-1 table {
	width: 460px;
	margin-top: 10px;
}
.foot-menu .bom-1 input, .foot-menu .bom-1 textarea {
	font-size: 14px;
	width: 91%;
	height: 36px;
	line-height: 36px;
	margin: 0;
	margin: 7px 0;
	padding: 0;
	padding-left: 5px;
	color: #fff;
	border: 1px solid #353535;
	background: none;
}
.foot-menu .bom-1 textarea {
	width: 95.4%;
	height: 88px;
	max-height: 88px;
	padding-left: 5px;
	resize: vertical;
}
.foot-menu .bom-1 input:focus,
.foot-menu .bom-1 textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.foot-menu .bom-1 input.submit {
	padding: 0;
	width: 58px;
	font-size: 13px;
	color: #2749ca;
	border: none;
	margin: 0;
	background: url(../images/angle.png) no-repeat right center;
}
.pay{
	position: absolute;
	right: 0;
	bottom: 0;
}


/*bottom--end*/
.footer {
	height: 80px;
	background: #212121;
}
.footer .main {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.footer p {
	margin: 0;
	font-size: 13px;
	color: #999999;
	line-height: 80px;
	float: left;
	margin-left: 120px;
}
.footer a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #999999;
	line-height: 80px;
	float: right;
	margin-right: 120px;
}
.footer a:hover {
	color: #fff;
}

/*index---------end*/

.main-content{
	width: 1100px;
	margin: 0 auto;
	padding: 60px 0;
}
.sub-title{
	margin-bottom: 40px;
	text-align: center;
}
.sub-title h1{
	font-size: 32px;
	color: #333333;
	text-align: center;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
}
.sub-title div{
	display: inline-block;
	position: relative;
}
.sub-title p{
	display: inline-block;
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.7;
}

.sub-title div:before{
	content: '';
	display: block;
	width: 160px;
	height: 5px;
	background: url(../images/sub-1.png) no-repeat left center;
	position: absolute;
	left: -175px;
	top: 23px;
}
.sub-title div:after{
	content: '';
	display: block;
	width: 160px;
	height: 5px;
	background: url(../images/sub-2.png) no-repeat left center;
	position: absolute;
	right: -175px;
	top: 23px;
}

.sub{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
.sub li{
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	border-radius: 19px;
	margin: 0 10px;
	border: 1px #fff solid;
}
.sub li a{
	display: block;
	font-size: 14px;
	color: #666666;
	text-decoration: none;

}
.sub li:hover,
.sub li.sub-active{
	border: 1px #1c62c2 solid;
}
/*sub-box--end*/
.main-text {
	width: 1100px;
	overflow: hidden;
	margin-top: 40px;
}
.main-text p {
	font-size: 14px;
	color: #666666;
	line-height: 2;
	margin: 0;
}
.about-text img {
	display: block;
	margin-bottom: 10px;
}

/*about us--end*/

.productin-text{
	margin-top: 0;
}
.product-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.product-list li {
	width: 260px;
	height: 228px;
	border: 1px #cdcdcd solid;
	float: left;
	margin-left: 17px;
	margin-left: 12.7px\9;
	margin-bottom: 34px;
}
.product-list li:nth-child(4n+1) {
	margin-left: 0;
}
.product-list li a {
	text-decoration: none;
}
.product-list li img {
	display: block;
	width: 260px;
	height: 177px;
}
.product-list li p {
	height: 52px;
	text-align: center;
	line-height: 52px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product-list li:hover{
	border-color: #1c62c2;
}
.product-list li:hover p {
	background: #1c62c2;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	color: #fff;
}
.page {
	text-align: center;
	overflow: hidden;
	margin-top: 30px;
}
.page a {
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 1px #e4e4e4 solid;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	line-height: 34px;
}
.page a:hover,
.page a.page-active {
	background: #1c62c2;
	border-color: #1c62c2;
	color: #fff;
}
/*products--end*/

.back-box{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
a.back{
	display: block;
	height: 20px;
	background: url(../images/back.png) no-repeat left center;
	padding-left: 26px;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	float: right;

}

/*图片放大镜样式*/

#mi-jqzoom { width: 600px; float: left; }
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 548px; height: 335px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/ ; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

/*图片小图预览列表*/
.spec-preview { width: 548px; height: 335px; border: 1px solid #DFDFDF; margin-left: 25px; }
.spec-scroll { clear: both; margin-top: 5px; width: 600px; }
.spec-scroll .prev,
.spec-scroll .next { display: block; text-align: center; width: 14px; height: 28px; background: url(../images/prev-next1.png) no-repeat; cursor: pointer; text-decoration: none; margin-top: 25px; }
.spec-scroll .prev { float: left; background-position: left top; }
.spec-scroll .prev:hover { background-position: left bottom; }
.spec-scroll .next { float: right; background-position: right top; }
.spec-scroll .next:hover { background-position: right bottom; }
.spec-scroll .items { float: left; position: relative; width: 548px; height: 100px; overflow: hidden; margin-left: 12px; }
.spec-scroll .items ul { padding: 0; margin: 0; list-style: none; position: absolute; width: 999999px; height: 88px; }
.spec-scroll .items ul li { float: left; width: 110px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; width: 104px; height: 74px; }
.spec-scroll .items ul li img:hover { border: 1px solid #1c62c2; }



.ink-text {
	width: 480px;
	float: right;
	position: relative;
}
.ink-text h1 {
	background: #1c62c2;
	height: 42px;
	font-size: 22px;
	line-height: 42px;
	text-indent: 20px;
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
}
.ink-text p {
	font-size: 14px;
	color: #696868;
	line-height: 1.74;
}
.ink-text  a.inquiry-box {
	display:block;
	width: 136px;
	height: 36px;
	font-size: 14px;
	color: #fff;
	background:url(../images/chat.png) no-repeat 15px center #1576bd;
	line-height: 36px;
	text-indent: 50px;
	text-decoration: none;
	border-radius: 2px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.ink-text .inquiry-box a.inquiry-btn {
	background: #dba32a;
}

.parameter{
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}
.parameter .des-title{
	font-size: 18px;
	color: #333333;
	margin: 0;
	border-bottom: 1px #666666 solid;
	margin: 0;
	padding-bottom: 5px;
	margin-bottom: 35px;`

}
.parameter .data-form{
	border: 1px #cdcdcd solid;
}
.parameter .data-form td,
.parameter .data-form th{
	font-size: 14px;
	color: #666666;
	padding: 10px 0;
	text-align: center;
}
.parameter .data-form th{
	color: #333333;
}

.inquiry-form {
	width: 850px;
}
.inquiry-form table {
	width: 100%;
	margin-top: 10px;
}
.inquiry-form input,
.inquiry-form textarea {
	font-size: 14px;
	width: 91%;
	height: 36px;
	line-height: 36px;
	margin: 0;
	margin: 9px 0;
	padding: 0;
	padding-left: 5px;
	color: #666666;
	border: 1px solid #e4e4e4;
	background: none;
}
.inquiry-form .theme input{
	width: 95.4%;
}
.inquiry-form textarea {
	line-height: 1.5;
	height: 92px;
	padding-left: 5px;
	resize: vertical;
}
.inquiry-form input:focus,
.inquiry-form textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.inquiry-form input.submit{
	padding: 0;
	font-size: 14px;
	font-weight:bold;
	line-height: 34px;
	width: 122px;
	height: 34px;
	color: #fff;
	background: #1c62c2;
	margin-right: 25px;
}
.inquiry-form input.submit:hover{
	background: #074fb1;
	color: #fff;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.flip {
	overflow: hidden;
	margin-top: 40px;
	border-top: 1px #cdcdcd solid;
	text-align: center;
	padding-top: 24px;
}
.flip a {
	display: inline-block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.flip a:hover {
	color: #3caff3;
}
.flip a.prev {
	background: url(../images/flip.png) no-repeat 0 0;
	padding-left: 30px;
	text-align: left;
}
.flip a.prev:hover{
	color: #1c62c2;
	background-position: 0 -40px;
}
.flip a.next {
	background: url(../images/flip.png) no-repeat right -20px;
	padding-right: 30px;
	margin-right: 10px;
	text-align: right;
}
.flip a.next:hover{
	color: #1c62c2;
	background-position: right -60px;
}
/*products detail--end*/

.process-list{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.process-list li{
	overflow: hidden;
	margin-bottom: 80px;
}
.process-list li .process-1{
	width: 466px;
	float: left;
	overflow: hidden;
}
.process-1 span{
	display: block;
	width: 64px;
	height: 74px;
	background: url(../images/flag.png) no-repeat left center;
	float: left;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}
.process-1 div{
	width: 372px;
	float: right;
}
.process-1 div h2{
	font-size: 26px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 10px;
}
.process-list li img{
	display: block;
	float: left;
}
/*process--end*/
.recruit-text table {
	width: 100%;
	border-top: 1px #e3e3e3 solid;
	border-bottom: 1px #e3e3e3 solid;
	border-color: #e3e3e3;
}
.recruit-text table tr {
	height: 42px;
}
.recruit-text table tr th {
	background: #f4f4f4;
	font-size: 16px;
	color: #333333;
	border-color: #e3e3e3;
	font-weight: normal;
	padding: 0 10px;
	text-align: left;
}
.recruit-text table td {
	font-size: 14px;
	color: #666666;
	padding: 0 10px;
	border-color: #e3e3e3;
}
.recruit-text table td a {
	display: block;
	color: #666666;
	text-decoration: none;
}
.recruit-text table td a:hover {
	color: #1c62c2;
}
#showMore {
	clear: both;
	padding: 15px;
	width: 30px;
	margin: 0 auto;
}
#showMore span {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
}
#showMore .hide {
	background: url(../images/more-wrap.png) no-repeat left center;
}
#showMore .show {
	background: url(../images/more-wrap1.png) no-repeat left center;
}
/*recruit--end*/

.recruit-title{
	width: 740px;
	float: left;
}
.recruit-title h3{
	font-size: 16px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 5px;
}
.recruit-title p{
	font-size: 14px;
	color: #888888;
	background: url(../images/clock.png) no-repeat left center;
	padding-left: 20px;
}
.recruitin-text .job-title{
	display: inline-block;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	height: 34px;
	line-height: 34px;
	background: #d5e9fe;
	padding: 0 10px;
	margin-bottom: auto;
}
/*recriut detail--end*/


.contact-text .con-l {
	width: 538px;
	overflow: hidden;
	float: left;
}

.contact-text .con-l h3{
	font-size: 16px;
	color: #1c62c2;
	margin: 0;
	line-height: 2.4;
}
.contact-text .con-l p strong{
	font-weight: normal;
	color: #333333;
}
.contact-text .con-l p a{
	text-decoration: none;
	color: #7d7d7d;
}
.contact-text .con-l p a:hover{
	text-decoration: underline;
}
.contact-text .map{
	margin-top: 40px;
}
.contact-text .con-r{
	width: 510px;
	float: right;
}

.con-r .feedback-form table {
	width: 100%;
	margin-top: 10px;
}
.con-r .feedback-form label {
	width: 82px;
	font-size: 13px;
	color: #808080;
	display: block;
}
.con-r .feedback-form input {
	width: 415px;
	font-size: 14px;
	height: 36px;
	margin: 0;
	margin: 8px 0;
	padding: 0;
	color: #666666;
	border: 1px solid #e5e5e5;
	text-indent: 10px;
}
.con-r .feedback-form textarea {
	width: 410px;
	height: 190px;
	max-height: 260px;
	margin-top: 10px;
	resize: vertical;
	color: #666666;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	text-indent: 10px;
}
.con-r .feedback-form input:focus,
.con-r .feedback-form textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.con-r .feedback-form input.submit {
	height: 32px;
	line-height: 32px;
	width: 140px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #1c62c2;
	margin-right: 20px;
	border: none;
	text-indent: 0;
}
/*contact--end*/

