@charset "UTF-8";

.w1200{
	width:1200px;
	margin:0 auto;
}

header .header-top{
	width:100%;
	height:40px;
	line-height: 40px;
	background: #f3f3f3;
	box-shadow: 0 0 2px 2px #e0e0e0;
	/*overflow: hidden;*/
}

header .header-top .welcome{
	height:42px;
	line-height: 42px;
	color:#666666;
	font-size: 14px;
}

header .header-top .lang-box .lange{
	display: block;
	width:80px;
	background: url(../img/global.png) no-repeat left;
	padding-left: 24px;
	color:#666;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
}

header .header-top .lang-box .lange i{
	position: absolute;
	top:16px;
	right:0;
	width:9px;
	height:6px;
	background: url(../img/arrow.png) no-repeat center;
}

header .lang-drop{
	position: absolute;
	left:0;
	top:40px;
	border:1px solid #e0e0e0;
	border-top:none;
	display: none;
}

header .lang-drop a{
	display: block;
	color:#666;
	font-size: 13px;
	width:80px;
	padding-left: 24px;
	background: #f3f3f3;
	line-height: 28px;
	transition:all .3s linear;
	text-transform: uppercase;
}

header .lang-drop a:hover{
	background: #e0e0e0;
}

header .header-middle{
	padding:10px 0;
}

.logo-box{
	padding:20px 0 0;
}

header .logo{
	margin-top: 7px;
}

header .text-box{
	margin:0 0 0 20px;
	padding-left: 24px;
	background: url(../img/line.png) no-repeat left center;
}

header .text-box p{
	font-size: 20px;
	color:#1f83bf;
	line-height: 24px;
}

header .text-box .gray{
	font-size: 14px;
	color:#666666;
	line-height: 20px;
}

header .qrcode-box{
	width:185px;
}

header .qrcode-box .qrcode{
	padding:4px;
	width:65px;
	float:right;
	border:1px solid #f8f8f8;
	margin-left: 6px;
	text-align: center;
}

header .qrcode-box .qrcode .img{
	width:65px;
	height:65px;
}

header .qrcode-box .img img{
	width:100%;
	height:100%;
}

header .qrcode-box .qrcode p{
	font-size: 12px;
	color:#666;
}

header .tel-box{
	background: url(../img/hottel.png) no-repeat left 24px;
	padding: 20px 0 0 60px;
	font-size: 14px;
	color:#000;
	line-height: 24px;
}

header .tel-box .tel{
	font-size: 22px;
	color:#ca0702;
	font-weight: bold;
}

header .nav{
	width:100%;
	height:57px;
	background: #0758b3;
}

header .nav ul{
	border-left:1px solid #04499a;
	box-shadow: -1px 0 0 #1b65ae;
}

header .nav li{
	float:left;
	width:170px;
	height:57px;
	border-right:1px solid #04499a;
	box-shadow: 2px 0 0 #1b65ae;
	text-align: center;
	line-height: 57px;
	transition:all .3s linear;
}

header .nav li a{
	display: block;
	color:#ffffff;
	font-size: 16px;
}

header .nav ul.on{
	border-color:transparent;
	box-shadow: none;
}

header .nav li:hover,
header .nav li.cur{
	/*border-color:transparent;*/
	/*box-shadow: none;*/
	background: #023d80;
}

header .nav li.cur2{
	border-color:transparent;
	box-shadow: none;
}

.load-bg{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #f5f5f5;
    z-index: 9999;
}

.load-bg .loading{
	width: 165px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -82px;
}

.gray-logo, 
.orange {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 165px;
    height:32px;
}

.gray-logo{
    background: url(../img/logo2.png) no-repeat left bottom;
    background-size: 165px 32px;
    width: 165px;
}

.orange{
	background: url(../img/logo.png) no-repeat left bottom;
	background-size: 165px 32px;
    -webkit-animation:fill 3s linear infinite forwards;
    -moz-animation:fill 3s linear infinite forwards;
    -ms-animation:fill 3s linear infinite forwards;
    width: 165px;
}

@-moz-keyframes fill {
   	0% { width: 0px; }
    20% { width: 40px; }
    40% { width: 80px; }
    60% { width: 120px; }
    100% { width: 165px; }
}

@-webkit-keyframes fill {
    0% { width: 0px; }
    20% { width: 40px; }
   	40% { width: 80px; }
   	60% { width: 120px; }
   	100% { width: 165px; }
}

@keyframes fill {
    0% { width: 0px; }
    20% { width: 40px; }
  	40% { width: 80px; }
  	60% { width: 120px; }
   	100% { width: 165px; }
}

/***********header end************/

footer{
	background: #023d80;
	border-top:5px solid #032f61;
}

footer .f-link-box{
	padding:27px 0 45px;
	border-bottom: 1px solid #1c518d;
}

footer .f-link-box a{
	display: block;
	color:#7589ac;
	line-height: 27px;
	transition:all .3s linear;
}

footer .f-link-box a:hover{
	color:#1f84bf;
}

footer .f-link-box .link-box{
	float:left;
	width:100px;
	margin-right: 85px;
}

footer .f-link-box .product a{
	/*float:left;*/
	/*width:40px;*/
	/*margin-right: 10px;*/
}

footer .f-link-box a.tit{
	color:#fff;
	font-size: 14px;
	margin-bottom: 10px;
}

footer .f-link-box a.tit:hover{
	color:#fff;
}

footer .f-link-box .link{
	margin-bottom: 10px;
}

footer .qrcode-box .qrcode{
	width:111px;
	margin-left: 36px;
	text-align: center;
}

footer .qrcode-box .qrcode .img{
	width: 111px;
	height:111px;
}

footer .qrcode-box .qrcode .img img{
	width:100%;
	height: 100%;
}

footer .qrcode-box .qrcode .desc{
	color: #fff;
	margin:15px 0 0;
}

footer .copy-box{
	color:#7589ac;
	height:67px;
	line-height: 67px;
}

footer .copy-box a{
	color:#7589ac;
	transition:all .3s linear;
}

footer .copy-box a:hover{
	color:#1f84bf;
}

/************footer end************/

.banner {
  width: 100%;
  min-width: 980px;
  position: relative;
  overflow: hidden;
  height: 600px;
  z-index: 1;
}
.banner li {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.banner li a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner .btns {
  position: absolute;
  left: 50%;
  bottom: 60px;
  height: 12px;
  text-align: center;
}
.banner .btns span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #fff;
  margin: 0 5px;
  opacity: 0.7;
  filter:alpha(opacity=70);
  cursor: pointer;
}

.banner .btns span.cur{
	background: #1f84bf;
}

.i-product-box{
	position: relative;
	padding:25px 20px;
	width:1150px;
	background: #0758b3;
	z-index: 33;
	margin:-25px auto 0;
}

.i-product-box .i-product{
	width:1150px;
	overflow: hidden;
}

.i-product-box .i-product ul{
	width:1170px;
}

.i-product-box .i-product li{
	float:left;
	width:370px;
	height:203px;
	margin:0 20px 22px 0;
	cursor: pointer;
}
.i-product-box .i-product .product{
	background: #efeaee;
}

.i-product-box .i-product .title{
	border:1px solid #3979c2;
	padding:17px 0 0;
	height:184px;
	text-align: center;
	cursor: default;
	width:368px;
}

.i-product-box .i-product .title .pro-tit{
	width: 107px;
	height:81px;
	margin:0 auto;
}

.i-product-box .title .pro-tit img{
	width:100%;
	height:100%;
}

.i-product-box .title .cn{
	font-size: 36px;
	color:#fff;
	line-height: 50px;
	margin:10px 0 0;
}

.i-product-box .title .en{
	font-size: 18px;
	color:#7695cb;
	font-family: arial;
	text-transform: uppercase;
}

.i-product-box .img{
	width: 100%;
	height:100%;
}

.i-product-box .img img{
	width:100%;
	height:100%;
}

.i-product-box .pro-type{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:44px;
	background: #8f8d90;
	overflow: hidden;
	transition:all .3s linear;
}

.i-product-box .pro-type h3{
	text-align: center;
	line-height: 44px;
	color:#fff;
	font-size: 16px;
	transition:all .3s linear;
}

.i-product-box li .content{
	display: block;
	text-align: center;
	width:300px;
	line-height: 24px;
	color:#fff;
	margin:0 auto;
}

.i-product-box li.on .pro-type{
	height: 173px;
	padding:30px 0 0;
	background: url(../img/gray.png);
}

.i-product-box .text-box{
	position: absolute;
	left:0;
	top:0;
	width:322px;
	height:163px;
	padding:20px 25px;
	background: url(../img/gray.png);
	color:#fff;
	text-align: center;
	display: none;
}

.i-product-box .text-box h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.i-product-box .text-box .content{
	
}

.i-news-box{
	margin:40px 0 70px;
}

.i-news-box .first{
	width:590px;
	box-shadow: 0 3px 15px #ddd; 
}

.i-news-box .first .img{
	width:100%;
	height: 340%;
}

.i-news-box .first .img img{
	width:100%;
	height:100%;
}

.i-news-box .first .text-box{
	padding:25px 25px 30px;
	width:540px;
	border-bottom:1px solid #e9e9e9;
}

.i-news-box .first a{
	display: block;
}

.i-news-box .first .text-box .tit{
	font-size: 16px;
	color:#333;
	font-weight: bold;
	margin-bottom: 10px;
}

.i-news-box .first .text-box .content{
	color:#8d8d8d;
	font-size: 14px;
	line-height: 22px;
	height:44px;
	overflow: hidden;
}

.i-news-box .first .more{
	width:540px;
	padding:0 25px;
	height:76px;
	line-height: 76px;
	color:#666;
	text-transform: uppercase;
	background: url(../img/i-news-arrow.png) no-repeat;
	background-position: 565px center;
	transition:all .3s linear;
}

.i-news-box .first .more:hover{
	color:#0758b3;
}

.i-news-box .i-news-wrap{
	width:590px;
}

.i-news-box .title{
	padding:0 30px;
	height: 52px;
	line-height: 52px;
	box-shadow: 0 0 10px #ecebeb;
}

.i-news-box .title h3{
	float:left;
	height:52px;
	line-height: 52px;
	color: #000;
	font-size: 16px;
}

.i-news-box .title .more{
	font-size: 12px;
	color:#9d9d9d;
	text-transform: uppercase;
	transition:all .3s linear;
}

.i-news-box .title .more:hover{
	color:#0758b3;
}

.i-news-box .i-news li{
	padding:25px 30px;
	box-shadow: 0 2px 10px #ecebeb;
	transition:all .3s linear;
}

.i-news-box .i-news a{
	display: block;
}

.i-news-box .i-news .img{
	width:181px;
	height: 117px;
}

.i-news-box .i-news .img img{
	width:100%;
	height: 100%;
}

.i-news-box .i-news .content-box{
	width:330px;
}

.i-news-box .i-news .content-box .tit{
	font-size: 16px;
	color: #333;
}

.i-news-box .i-news .content-box .text{
	color:#8d8d8d;
	line-height: 18px;
	height:36px;
	overflow: hidden;
	margin-top: 5px;
}

.i-news-box .i-news .time-box{
	margin-top: 20px;
}

.i-news-box .i-news .time{
	color:#cacaca;
}

.i-news-box .i-news .more{
	width:7px;
	height:12px;
	background: url(../img/i-news-arrow.png) no-repeat center;
	margin-top: 7px;
}

.i-news-box .i-news li:hover{
	background: #f1eeee;
	box-shadow: none;
}

/*********welcome end*****************/

.sub-banner{
	width:100%;
	min-width: 1200px;
	height:600px;
}

.pro-search-box{
  position: relative;
	width:100%;
	height:202px;
	padding:30px 0 0;
  z-index: 2;
}

.pro-search-box .pro-title h3{
	font-size: 30px;
	color:#fff;
	line-height: 40px;
}

.pro-search-box .pro-title h4{
	font-size: 14px;
	color:#99c3eb;
	font-weight: normal;
}

.search-box{
	margin-top: 30px;
}

.search-box>div{
	width:498px;
	height:50px;
	background: #fff;
	margin-right: 20px;
	border:2px solid #fff;
	transition:all .3s linear;
}

.search-box>div:hover{
	border-color:#2e8cc3;
}

.search-box .select{
	line-height: 20px;
}

.search-box .select p{
	width:475px;
	height:100%;
	font-size: 14px;
	color:#adadad;
	background: url(../img/down.png) no-repeat 470px center;
	padding-left: 25px;
	line-height: 50px;
	cursor: pointer;
}

.search-box .select .drop-down{
	position: absolute;
	left:-2px;
	top:52px;
	width:498px;
	background: #fff;
	border:2px solid #2e8cc3;
	border-top:none;
	font-size: 14px;
	line-height: 45px;
	color: #666;
	display: none;
}

.search-box .select .drop-down li{
	padding:0 25px;
	cursor: pointer;
	background: #fff;
	transition:all .3s linear;
}

.search-box .select .drop-down li:hover{
	color:#fff;
	background: #2e8cc3;
}

.search-box .select.cur{
	border-color:#2e8cc3;
}

.search-box .select.cur p{
	background: url(../img/up.png) no-repeat 470px center;
}

.search-box .search{
	padding:15px 20px 0;
	width:462px;
	height:35px;
}

.search-box .search input[type=text]{
	border:none;
	width:400px;
	font-size: 14px;
	color:#adadad;
}

.search-box .search input[type=submit]{
	background: url(../img/search.png) no-repeat center;
	width:19px;
	height: 20px;
	border:none;
	outline: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #adadad;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #adadad;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #adadad;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #adadad;
}

.product-box{
	padding:60px 0 180px;
}

.product-box .product-tit{
	text-align: center;
}

.product-box .product-tit h3{
	font-size: 30px;
	color:#333;
}

.product-box .product-tit .line{
	width: 26px;
	height:2px;
	background: #333;
	margin:10px auto 0;
}

.product-box .product-wrap{
	width:1200px;
	overflow: hidden;
	margin:75px 0 0;
}

.product-box .product-wrap ul{
	width:1224px;
}

.product-box .product-wrap li{
	background: #fcfcfc;
	float:left;
	width:378px;
	position: relative;
	overflow: hidden;
	margin:0 30px 30px 0;
}

.product-box .product-wrap li .tit{
	height:67px;
	border-bottom:1px solid #e9e9e9;
}

.product-box .product-wrap li .tit h3{
	font-size: 16px;
	color:#333;
	text-align: center;
	line-height: 67px;
}

.product-box .product-wrap li .tit .tips{
	position: absolute;
	left:0;
	top:0;
	width:68px;
	height: 68px;
}

.product-box .product-wrap li .product{
	width: 100%;
	height:200px;
}

.product-box .product-wrap li a{
	display: block;
}

.product-box .product-wrap li .product img{
	width: 100%;
	height:100%;
}

.product-box .product-wrap li .text-box{
	padding:20px 20px 15px;
	width: 338px;
}

.product-box .product-wrap li .text{
	font-size: 14px;
	color:#888;
	line-height: 24px;
	height:48px;
	overflow: hidden;
}

.product-box .product-wrap li .detail{
	float:right;
	width:109px;
	height: 32px;
	border:1px solid #bfbfbf;
	border-radius: 16px;
	text-align: center;
	color:#888;
	line-height: 32px;
	margin:15px 0 5px;
	transition:all .3s linear;
}

.product-box .product-wrap li .line{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:5px;
	background: #d3d3d3;
}

.product-box .product-wrap li .line b{
	position: absolute;
	left:-378px;
	top:0;
	width:100%;
	height:5px;
	background: #2184c0;
}

.product-box .product-wrap li:hover .detail{
	border-color:#2184bf;
	color:#2184bf;
}

.pagebox{
	font-size: 0;
	text-align: center;
	font-size: 12px;
}

.pagebox .pagination,
.pagebox input{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: 12px;
	*vertical-align: middle;
}

.pagebox .pagination a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: 14px;
	margin:0 3px;
	padding:3px 13px;
	background: #f5f7f8;
	color:#333333;
	border-radius: 4px;
	border:1px solid #c3c9cd;
	transition:all .3s linear;
}

.pagebox .pagination a.active,
.pagebox .pagination a:hover{
	background: #023d80;
	border-color:#023d80;
	color:#fff;
}

.pagebox .input1{
	width:40px;
	height:26px;
	border:1px solid #ccc;
	outline: none;
	border-radius: 4px;
	text-align: center;
	line-height: 26px;
}

.pagebox .pagination .input2{
	width:35px;
	height:30px;
	background: #ccc;
	border-radius: 4px;
	border:none;
	outline: none;
	color:#4f616c;
	padding:0;
	line-height: 30px;
}

.product-box .pagebox{
	margin:40px 0 0;
	*margin:70px 0 0;
}

/**************product end***************/

.news-search{
	margin:40px 0 60px;	
}

.news-search input{
	display: block;
	width:880px;
	height:20px;
	border-radius: 25px;
	box-shadow: 0 0 3px #f7f7f7;
	border:1px solid #f6f6f6;
	outline: none;
	font-size: 14px;
	color:#888;
	padding:15px 60px;
	background: url(../img/n-search.png) no-repeat 25px center;
}

.news-box{
	margin-bottom: 85px;
	overflow: hidden;
}

.news-box ul{
	width:1212px;
}

.news-box li{
	float:left;
	width:382px;
	background: #f7f7f7;
	margin:0 22px 24px 0;
	position: relative;
	overflow: hidden;
}

.news-box li a{
	display: block;
}

.news-box li .img{
	width:100%;
	height:240px;
}

.news-box li .img img{
	width: 100%;
	height:100%;
}

.news-box li .text-box{
	padding:25px 30px;
	width:322px;
}

.news-box li .text-box .tit{
	font-size: 16px;
	color: #005aab;
}

.news-box li .text-box .content{
	color:#888;
	font-size: 14px;
	line-height: 24px;
	margin:15px 0;
}

.news-box li .time-box .time{
	color:#888;
	font-family: arial;
	font-size: 14px;
}

.news-box li .time-box .go{
	background: url(../img/go.png) no-repeat center;
	width: 12px;
	height:10px;
	margin:9px 0 0;
}

.news-box li .line{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background: #cdcdcd;
}

.news-box li .line b{
	position: absolute;
	left:-382px;
	top:0;
	width: 100%;
	height:3px;
	background: #2184c0;
}

.news-box .pagebox{
	margin:46px 0 0;
	*margin:70px 0 0;
}

/************news end**************/

.news-detail-box{
	width:100%;
	padding:40px 0 80px;
}

.news-detail-box .wrap{
	width:1070px;
	padding:75px 65px 80px;
	background: #fff;
}

.news-detail-box .detail-tit{
	text-align: center;
	color:#333;
	padding-bottom:23px;
	border-bottom:1px solid #e7e7e7;
}

.news-detail-box h2{
	font-size: 24px;
    color: #0758b3;
}

.detail-tit div{
	font-size: 18px;
	color:#0758b3;
}

.detail-content{
	margin-top:35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	color:#444;
}

.detail-content img{
	margin-top:40px;
	max-width: 100%;
}

.page-box{
	margin:35px auto 0;
}

.page-box a{
	color:#444;
	font-size: 16px;
	transition:all .3s linear;
}

.page-box a:hover{
	color:#0758b3;
}

.detail-page a{
	display: block;
}

.page-box .back{
	width:122px;
	height:36px;
	background: #0758b3;
	color:#fff;
	border:1px solid #0758b3;
	border-radius: 4px;
	text-align: center;
	line-height: 36px;
	transition:all .3s linear;
}

.page-box .back:hover{
	color:#0758b3;
	background: #fff;
}

/**************newsdtl end*********/

.sub-nav-box{
	width:100%;
	height:66px;
	border-bottom:1px solid #f3f3f3;
	line-height: 66px;
}

.sub-nav li{
	float:left;
	margin-right: 85px;
	height:66px;
}

.sub-nav li a{
	display: block;
	padding:0 10px;
	color:#333;
	font-size: 16px;
	position: relative;
	height: 66px;
}

.sub-nav li a i{
	position: absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:3px;
}

.sub-nav li.on a{
	color:#0758b3;
}
.sub-nav li.on a i{
	background: #0758b3;
}

.job-box{
	padding:50px 0 60px;
}

.job{
	
}

.job li{
	border:1px solid #ececec;
	box-shadow: 0 0 5px #ececec;
}

.job li .job-tit {
  border-top: 1px solid #e4e4e4;
  padding: 10px 30px 10px 25px;
  cursor: pointer;
}
.job li .job-tit span {
  font-size: 18px;
  color: #333;
}
.job li .job-tit .btn {
  width:25px;
  height:25px;
  background: url(../img/jia.png) no-repeat right center;
  margin-top: 5px;

}
.job li .msg {
  display: none;
  padding: 20px 25px 40px;
}

.job li .msg p{
	line-height: 34px;
}

.job li .msg p span{
	color:#0758b3;
	font-size: 12px;
	display: inline-block;
	width:150px;
}

.job li .msg p b{
	font-weight: normal;
	color:#666666;
}

.job li .msg .require{
	margin:20px 0 30px 0;
	padding:20px 0 0 0;
	border-top: 1px solid #e4e4e4;
	line-height: 34px;
}

.job li .msg .require .text{

	/*margin-top:25px;*/
}

.job li .msg .join-btn {
  display: block;
  width: 115px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #0758b3;
  background: #0758b3;
  border-radius: 6px;
  margin-top: 30px;
  transition:all .3s linear;
}
.job li .msg .join-btn:hover{
	color:#0758b3;
	background: #fff;
}
.job li .msg .join-btn:hover {
/*  color: #138dae;
  background: #fff;
  border:1px solid #138dae;*/
}

.job li.cur{
	margin: 12px 0;
}

.job li.cur .job-tit {
  background: #0758b3;
  box-shadow: 0 0 30px #dadada;
  *box-shadow: 0 0 30px #dadada;
}
.job li.cur span{
	color:#fff;
}
.job li.cur .btn {
  background: url(../img/jian.png) no-repeat right center;
  color:#fff;
  /*font-size: 12px;*/
}

.job .page{
	margin-top: 40px;
	*margin-top: 40px;
}

.job .msg .sec{
	width:120px;
	/*margin-right: 210px;*/
	margin-left: 130px;
}

.job .msg .fo{
	width:230px;
	margin-left: 150px;
}

.job .msg .fi{
	width:150px;
	margin-left: 90px;
}

.job li.border{
	border-bottom:1px solid #e4e4e4;
}

.job-box .pagebox{
	margin:58px 0 0;
	*margin:70px 0 0;
}

/**********recruit end**************/

.jobdtl{
	padding: 50px 0 60px;
}

#spred {
  color: #F00;
}

.joinus_tb {
  border: 1px solid #E2E2E2;
  border-width: 0 0 1px 1px;
}

.joinus_tb tr td {
  padding: 5px;
  border: 1px solid #E2E2E2;
  border-width: 1px 1px 0 0;
  font-size: 14px;
}

.joinus_tb input[type=text] {
  width: 150px;
  height: 18px;
  padding: 5px;
  line-height: 18px;
  color: #666;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 2px #f4f4f4 inset;
  background: transparent;
}

.hr-sub {
  width: 100px;
  height: 32px;
  border-radius: 3px;
  background-color: #3caaf9;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: none;
}

.joinus_tb .gender,
.joinus_tb .marry,
.joinus_tb .culture {
  width: 160px;
}

.joinus_tb .resume {
  width: 93%;
  height: 200px;
  resize: none;
  outline: none;
  background:none;
  border: 1px solid #dddddd;
}

.joinus_tb td {
  color: #888;
}

.joinus_tb td.submit {
  text-align: center;
  padding: 20px 0;
}

.joinus_tb td.submit input {
  width: 100px;
  height: 38px;
  background: #0758b3;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #0758b3;
  color: #fff;
  font-size: 14px;
  box-shadow: none;
  transition:all .3s linear;
}

.joinus_tb td.submit input:hover {
  background: #fff;
  color:#0758b3;
}

.joinus_tb select{
	background:none;
}

.joinus_tb td .error {
  width: 150px;
  height: 18px;
  padding: 5px;
  line-height: 18px;
  color: #666;
  border: 1px solid #D70128;
  box-shadow: 2px 2px 2px #f4f4f4 inset;
  background: #fff;
}

/**********jobdtl end*********/

.feedback-list{
	padding:25px 0 80px 0;
}

.feedback-list li{
	float:left;
	margin:0 18px 10px 0;
	position: relative;
}

.feedback-list li .question{
	width:526px;
	height: 119px;
	border: 1px solid #dadada;
	padding:16px 45px 0 12px;
	position: relative;
	background: #fff;
}

.feedback-list .question .img{
	width:44px;
	height: 44px;
	background: url(../img/question.png) no-repeat center;
}

.feedback-list .img img{
	width:100%;
	height: 100%;
}

.feedback-list .question .text-box{
	width:470px;
}

.feedback-list .text-box h3{
	font-size: 16px;
	color:#333;
}

.feedback-list .text-box .text{
	font-size: 14px;
	color:#888;
	line-height: 24px;
}

.feedback-list .btn{
	position: absolute;
	bottom:0;
	right:0;
	width:43px;
	height: 40px;
	background: url(../img/open.png) no-repeat center;
}

.feedback-list li .answer{
	width: 1109px;
	border:1px solid #0758b3;
	position: absolute;
	left:0;
	top:145px;
	padding:16px 65px 20px 12px;
	background: #fff;
	display: none;
}

.feedback-list .answer .img2{
	width:44px;
	height: 44px;
	background: url(../img/answer.png) no-repeat center;
}

.feedback-list .answer .text-box{
	width:1050px;
}

.feedback-list .answer .text{
	margin:15px 0 0 0;
}

.feedback-list .close{
	position: absolute;
	bottom:0;
	right:0;
	width:43px;
	height: 40px;
	background: url(../img/close.png) no-repeat center;
}

.feedback-list li:hover .btn{
	background: url(../img/open2.png) no-repeat center;
}

.feedback-list li:hover .img{
	background: url(../img/question2.png) no-repeat center;
}

.feedback-list li.on{
	margin-right: 0;
}

.feedback-list li.on .answer{
	position: absolute;
	right:0;
	left:auto;
	top:145px;
}

.feedback-list li.cur{
	position: relative;
	z-index: 33;
}

.feedback-list li.cur .btn{
	background: url(../img/open2.png) no-repeat center;
}

.feedback-list li.cur .img{
	background: url(../img/question2.png) no-repeat center;
}

.feedback-list .pagebox{
	margin:55px 0 0;
	*margin: 65px 0 0;
}

/*************service end************/

.contact-box{
	padding:100px 0 110px;
}

.contact-box .map{
	width:680px;
	height:400px;
}

.contact-box .contact{
	width:445px;
	margin:30px 0 0;
	line-height: 40px;
	color:#333;
	font-size: 14px;
}

.contact-box .contact h3{
	font-size: 24px;
	color:#0758b3;
	margin-bottom: 15px;
}

.contact-box .contact p{
	padding-left: 40px;
}

.contact-box .contact .position{
	background: url(../img/position.png) no-repeat left center;
}

.contact-box .contact .tel{
	background: url(../img/tel.png) no-repeat left center;
}

.contact-box .contact .fax{
	background: url(../img/fax.png) no-repeat left center;
}

.contact-box .contact .post{
	background: url(../img/post.png) no-repeat left center;
}

.contact-box .contact .mail{
	background: url(../img/mail.png) no-repeat left center;
}

/***************contact end**************/

.productdtl-box{
	width:100%;
	padding:45px 0 40px;
	background: url(../img/product-bg.jpg) no-repeat center;
}

.productdtl-box .desc{
	width:450px;
	margin:50px 0 0;
}

.productdtl-box .desc h3{
	font-size: 30px;
	color:#265599;
	font-weight: bold;
}

.productdtl-box .desc .text{
	font-size: 14px;
	color:#666;
	line-height: 28px;
}

.productdtl-box .bimg{
	width:486px;
	height: 281px;
	border:1px solid #d2d2d2;
}

.productdtl-box .bimg img{
	width:100%;
	height: 100%;
}

.productdtl-box .simg{
	width: 488px;
	height: 65px;
	margin:12px 0 0 0;
}
.productdtl-box .simgmove{
	width:488px;
	height: 67px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}

.productdtl-box .simgmove img{
	width:114px;
	height: 65px;
}

.simgmove li{
	float: left;
	margin-right: 8px;
	width:114px;
	border:1px solid #d2d2d2;
}

.simgmove li.cur{
	border-color:#265599;
}

.col-box{
	width: 100%;
	height:82px;
	background: url(../img/col-bg.png) repeat-x bottom center;
	min-width: 1200px;
}

.col-box .col-wrap{
	height:100%;
}

.col-box .col{
	position: absolute;
	left:0;
	bottom:0;
}

.col-box li{
	float:left;
	width:280px;
	height:82px;
	background: #ff9000;
	color:#fff;
	text-align: center;
	line-height: 82px;
	font-size: 18px;
	text-transform: capitalize;
}

.prodtl-content{
	padding:75px 0 90px;
}

.prodtl table td{
	padding-left: 20px;
	height:58px;
	line-height: 58px;
	width:280px;
	background: #e9e9e9;
	border:2px solid #fff;
	font-size: 16px;
	color:#333;
}

.prodtl table td.center{
	width:300px;
	padding:0;
	text-align: center;
}

.prodtl table td.blue{
	background: #ebf0f5;
}

/************productdtl end***************/

.company-box{
	width:100%;
	padding:40px 0 50px;
	background: url(../img/about-bg.jpg) no-repeat center;
}

.about-tit{
	font-size: 30px;
	padding-bottom: 30px;
	text-align: center;
	color:#0758b3;
	border-bottom:1px solid #bbd5e5;
	line-height: 36px;
}
.company-box .company{
	margin:43px 0 0;

}

.company-box .company .text{
	width:540px;
	margin:50px 0 0 15px;
	font-size: 14px;
	line-height: 26px;
	color:#666;
	height:290px;
	overflow: hidden;
	position: relative;
}

.company-box .company .content{
	width:520px;
	position: absolute;
	left:0;
	top:0;
}

.company-box .company .img{
	width: 530px;
	
}

.company-box .company .bar{
	position: absolute;
	right:1px;
	top:0;
	width:1px;
	height:290px;
	background: #99ccf8;
}

.company-box .company .img{
	width: 530px;
	
}

.company-box .company .img img{
	border-radius: 8px;
	height: 330px;
}

.company-box .company .img p{
	text-align: center;
	color:#0758b3;
	font-size: 14px;
	margin:20px 0 0;
}



.a-partth{
	background: url(../img/about-bg2.jpg) no-repeat center;
	padding:40px 0 65px;
}

.a-partth .about-tit{
	color:#fff;
	border-bottom:none;
	padding:0;
}

.a-partth .box{
	width: 860px;
	margin: 30px auto 0;
}
.a-partth .img{
	width: 363px;
	height: 281px;
}

.a-partth .img li{
	float:left;
}
.a-partth .img .year{
	left: 0;
	top: 27px;
	width: 64px;
	height: 30px;
	background: #155db1;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.a-partth .img .shadow{
	right: 0;
	top: 0;
	width: 21px;
	height: 281px;
	background: url(../img/bg_shadow03.png) no-repeat;
}
.a-partth .tips{
	width: 429px;
	height: 265px;
	padding: 16px 28px 0 40px;
	background: #fff;
}
.a-partth .tips p.t{
	font: 15px/56px Arial;
	color: #0c4da2;
}
.a-partth .tips .list{
	width: 429px;
	height: 96px;
	line-height: 24px;
	color: #8e8a8a;
}
.a-partth .list .int{
	left: 0;
	top: 0;
	width: 400px;
}
.a-partth .tips .bar{
	right: 1px;
	top: 0;
	width: 1px;
	height: 96px;
	background: #99ccf8;
}
.a-partth .tips .btn{
	left: -1px;
	top: 0;
	width: 3px;
	height: 20px;
	background: #0464b8;
	cursor: pointer;
}
.a-partth .tips .btn-box{
	margin-top: 20px;
	border-top: 1px solid #e8e8e8;
	padding-top: 40px;
}
.a-partth .tips .btns{
	top: 40px;
	width: 27px;
	height: 27px;
	margin-left: 3px;
	cursor: pointer;
}
.a-partth .tips .prev{
	right: 30px;
	background: url(../img/prev.png) no-repeat center;
}

.a-partth .tips .next{
	right: 0;
	background: url(../img/next.png) no-repeat center;
}

.a-partth .tab{
	height: 63px;
	background: url(../img/bg_line04.png) repeat-x 0 17px;
	margin-top: 36px;
}
.a-partth .tab .in{
	width: 860px;
	background: url(../img/bg_shadow04.png) no-repeat center top;
	margin: 0 auto;
}
.a-partth .tab .inovh{
	width: 830px;
	height: 63px;
	/*margin-left: 32px;*/
}
.a-partth .tab li{
	float: left;
	height: 46px;
	padding-top: 17px;
	width: 84px;
	font: 14px/46px Arial;
	color: #dfdfdf;
	text-align: center;
	cursor: pointer;
}
.a-partth .tab li.cur{
	font-size: 24px;
	color: #78d4f2;
}






.honor-box{
	width:100%;
	padding:50px 0 85px;
	background: url(../img/about-bg.jpg) top center;
}

.honor-box .honor{
	margin:65px 0 0;
}

.honor .hd{
	position: absolute;
	left:0;
	top:0;
	width:1200px;
	height:325px;
}

.honor .hd a{
	position: absolute;
	width:46px;
	height:90px;
	top:50%;
	margin-top: -45px;
}

.honor .hd a.prev{
	background: url(../img/hon-prev.png) no-repeat center;
	left:0;
	top:50%;
	margin-top: -45px;
}

.honor .hd a.next{
	background: url(../img/hon-next.png) no-repeat center;
	right: 0;
}

.honor .bd{
	width:1200px;
	overflow: hidden;
	/*height:325px;*/
	/*margin:0 auto;*/
}
.honor .picList{
	width:1280px;
}
.honor .picList li{
	float:left;
	width:240px;
	height:325px;
	margin:0 80px 20px 0;
}

.honor .picList li .pic{
	width:240px;
	height:325px;
}

.honor .picList li .pic img{
	width:100%;
	height:100%;
}

.quality-box{
	width: 100%;
	padding:75px 0 100px;
	background: url(../img/about-bg2.jpg) no-repeat center;
}

.quality-box .about-tit{
	padding:0;
	color:#fff;
	border:none;
}

.quality-box .quality{
	margin:50px 0 0;
}

.quality-box .quality .img{
	width:435px;
	height:320px;
}

.quality-box .quality .text-box{
	width:625px;
	margin:20px 100px 0 0;
	font-size: 14px;
	color:#fff;
	line-height: 24px;
}

.quality-box .quality .img img{
	width:100%;
	height:100%;
}

.equipment-box{
	padding:40px 0 110px;
	background: url(../img/about-bg2.jpg) no-repeat center;
}
.equipment-box .about-tit{
	color:#fff;
}
.equipment-box .equipment{
	margin:90px 0 0;
}

.equipment .hd{
	position: absolute;
	left:0;
	top:0;
	width:1200px;
	height:270px;
}

.equipment .hd a{
	position: absolute;
	width:46px;
	height:90px;
	top:50%;
	margin-top: -45px;
}

.equipment .hd a.prev{
	background: url(../img/hon-prev.png) no-repeat center;
	left:0;
	top:50%;
	margin-top: -45px;
}

.equipment .hd a.next{
	background: url(../img/hon-next.png) no-repeat center;
	right: 0;
}

.equipment .bd{
	width:1000px;
	height:270px;
	margin:0 auto;
}

.equipment .picList li{
	width:322px;
	margin-right: 15px;
	float:left;
}

.equipment .picList li .pic{
	width:322px;
	height:214px;
}

.equipment .picList li .pic img{
	width: 100%;
	height:100%;
}

.equipment .picList li .desc{
	text-align: center;
	color:#0758b3;
	font-size: 18px;
	margin:20px 0 0;
}

.equipment-box .service{
	margin:50px 0 0;
	width:1200px;
	overflow: hidden;
}

.equipment-box .service ul{
	width:1230px;
}

.equipment-box .service li{
	float: left;
	width: 216px;
	height: 90px;
	border-radius: 4px;
	text-align: center;
	line-height: 73px;
	margin: 0 30px 30px 0;
	overflow: hidden;
}

.equipment-box .service li a{
	display: block;
	width:100%;
	height:100%;
}

.equipment-box .service li a img{
	width: 100%;
	height:100%;
}

/************about end*************/

.case-box .detail-content{
	border:none;
}

/*********casedtl end*************/

.equipList a{
	display: block;
}

.product-box .equipList li .tit{
	font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 67px;
}

.product-box .equipList li .text{
	font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin:20px 0 0;
}