@charset "UTF-8";
	/*定义全局*/
* {
	margin:0px;
	padding:0px;
    font-family: "微软雅黑", Microsoft YaHei, Source Han Sans, Helvetica, Arial;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
	font:14px/200%;
	color:#333;
	background-color:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:none;
	font-family: "微软雅黑", Microsoft YaHei, Source Han Sans, Helvetica, Arial;
}
/*html,body{overflow-x: hidden;}*/
ol,ul,li {
	padding:0;
	margin:0;
	list-style:none;
}
/*定义标题*/
h1,h2,h3,h4,h5,h6 {
	color:#333;
	font-size:14px;
	font-weight:500;
	line-height:150%
}
/*select,input,img,select {vertical-align: middle;}*/
b,i,address,cite,code,em,th {font-weight: normal;font-style: normal;}
a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}
/*input[type="text"],textarea {
	outline:none;
	border:none;
}
input[type="text"] {
	-webkit-appearance:none;
}*/
em,i,b {
	font-style:normal;
	font-weight:normal;
}
.clearfix {
	*zoom:1
}
.clearfix:before,.clearfix:after {
	display:table;
	content:""
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	line-height:0
}
.tleft{text-align: left;}
.tright{text-align:right;}
.left{float:left;}
.right{float:right;}
.ofh{overflow: hidden;}
/*.row {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:0
}
.row > [class*='col-'] {
	display:flex;
	flex-direction:column;
}*/
a,a:link {
	color:#333;
	text-decoration:none
}
a:hover,a:focus {
	color:#404143;
	text-decoration:none;
	outline:none;
	-moz-outline:none
}
a:active {
	color:#f30
}
/*定义图片鼠标事件*/
/*img{ 
	-webkit-transform:scale(1);
	-moz-transform:scale(1); 
	-ms-transform:scale(1); 
	-o-transform:scale(1); 
	transform:scale(1);
	-webkit-transition:all 0.3s ease-out 0s; 
	-moz-transition:all 0.3s ease-out 0s; 
	-o-transition:all 0.3s ease-out 0s; 
	transition:all 0.3s ease-out 0s;}
img:hover{
	-webkit-transform:scale(1.02, 1.02);
	-moz-transform:scale(1.02, 1.02); 
	-o-transform:scale(1.02, 1.02); 
	-ms-transform:scale(1.02,1.02); 
	transform:scale(1.02,1.02);}*/

.layout {
	width:100%;
	padding-right:5px;
	padding-left:5px;
	margin-right:auto;
	margin-left:auto;

}
.conwidth{	
	width:90%;
	padding-right:5px;
	padding-left:5px;
	margin-right:auto;
	margin-left:auto;
	text-transform: uppercase;
	line-height:38px;
}
@media screen and (min-width: 1900px){
	.layout {
	 width:1800px;
  }
}
@media screen and (max-width: 1025px){
	.layout,.conwidth {
	 width:100%;
  }
}

/*菜单栏*/
.head1 {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:188px;
	z-index:99999;
	padding:10px 0 0 0;
	background:#fff;
	border-bottom:0px solid rgba(87,87,72,0.8);
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0px 3px 3px rgba(145,143,143,0.8);
}
.head1 .content {
	margin:0 auto;
}

.head1 .logo {
	display:inline-block;
	line-height:80px;

}
.head1 .logo img {
	vertical-align:middle;
	line-height:80px;
}
.head1 .logo img:hover{
	-webkit-transform:scale(1);
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	transform:scale(1);
}
.head1 .right {
	float:right;
	width:80%;
}
.head1 .right .nav {
	padding:10px 0;
	display:inline-block;
}
.head1 .right .nav>li {
	position:relative;
	display:inline-block;
	padding-right:6px;
	padding-left:6px;
	vertical-align:top;
}
.head1 .right .nav>li a {
	color:#343434;
	font-size:19px;
	display:block;
}
.head1 .right .nav>li a:hover {
	background:transparent;
}

.head1 .right .nav>li.active>a {
	color:#0075c1;
}
.head1 .right .nav>li a:hover,.head1 .right .nav>li.active a:hover a {
	color:#0075c1;
}
.head1 .right .nav > li.downnav > a::after {
  position: absolute;
  top: 27px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.head1 .right .nav .sub-navs ul{
	background-color:#fff;
}
.head1 .right .nav .sub-navs a{
	font-size: 18px;
	line-height:60px;
	padding:0 23px ;
}
.head1 .right .nav .sub-navs1 a{
	padding:0px;
	line-height:60px;
}
.head1 .right .nav .sub-navs1 i{
   font-size: 25px;
   color: #333;
}

.head1 .right .nav li ul {
  position: absolute;
  left: -9999px;
}
.head1 .right .nav > li > ul {    
  border-top: 1px solid #FFF;
}
.head1 .right .nav li:hover > ul {
  left: auto;
}
.head1 .right .nav li ul ul {
  margin-left: 100%;
  top: 0;
}
.head1 .right .downnav li{
	border-bottom:solid 1px #e4e4e4;
}
.head1 .right .downnav .sub-down a{
	font-size: 13px !important;
	line-height:35px;
	padding:0;
}
.head1 .right .downnav .sub-down a:hover{
	color: #fff;
	background: #0075c1;
}
.head1 .right .downnav a:before {
	border-bottom: none;
}
.toplogo{display: none}
.sub-down li a:before {
	border:none;
}
.sub-downs {
position: relative;
width:165px;
}
.sub-downs a {
display: block;
color: #ffffff;
/*white-space: nowrap;*/
letter-spacing: 0.025em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-bottom: 1px solid #fff;
text-align: center;
padding:0 !important;
}
.sub-downs:hover > a {
color:#fff !important;
background-color:#0075c1;
box-shadow:0px 7px 24px 0px rgba(52,52,52,0.1);
}
.sub-downs:hover .navbar-seconditems {
display: block; }
.sub-downs:last-child > a {
border-bottom: none; }
.navbar-seconditems {
display: none;
position: absolute;
top: -2px;
left: 100%;
margin-left: 1px;
background: #ffffff;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 2; 
}
.navbar-seconditems li{min-width:100px;}
.navbar-seconditem a {
display: block;
color: #fff;
background-color:#0075c1;
font-size: 1rem;
white-space: nowrap;
letter-spacing: 0.025em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-bottom: 1px solid #fff;
padding:0 3px !important;
/*padding: 6px 20px 10px 15px; 	*/
}
.navbar-seconditem:last-child a{
border-bottom: none;
}
.navbar-seconditem:hover a{
color:#000 !important;
background: #dfdfdf !important;
}
.navbar-seconditems li:hover a{
border-bottom: none;	
}
.navbar-seconditem .nav-font{color:#fff !important;}
.sub-downs .icon-arrowIn {
position: absolute;
right:-10px;
top: 50%;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
font-size:10px;
color: #666666; 
}	

.sub-downs:hover .icon-arrowIn {
color: #ff0000; }

		.right_top li{float:left;font-weight:600;font-size:16px;margin:0 10px;text-align: right}
		.rad-txt{font-size: 16px;width: 100%;line-height:38px;}
		.rad-txt input[type="radio"]{margin:0 5px 0 15px;}	
		
		
.rad-txt input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 12px;
    position: relative;
}

.rad-txt input[type=radio]:after {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    content: " ";
    background-color:#e9e9e9;
	border: 1px solid #999;
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 50%;
}

.rad-txt input[type=radio]:checked:before {
    content: "";
    display: block;
    position: relative;
	background-color: #666666;
	left:3.85px;
	top:3.7px;
    width:7px;
    height:7px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
	    border-radius: 50%;}


.head1 .headlang {
	display:inline-block;
	vertical-align:top;
	float:right;
	margin-top: 35px;
	margin-right:18px;
}
.head1 .headlang a{
	color: #0075c1;
	margin:0 6px;
	font-size: 15px;
}
/*.head1 .headlang span {
	vertical-align:top;
	display:inline-block;
	color: #999;
}*/

.nav_mright,.m-nav-lists {
	display:none;
}
@media screen and (max-width:1550px) {
.head1 .content {
	width:1450px;
}
.head1 .right .nav .sub-navs a{
	font-size: 18px;
/*	line-height:60px;*/
/*	padding:0 18px ;*/
}
}@media screen and (max-width:1400px) {

.head1 .right .nav .sub-navs a{
	font-size: 16px;
/*	line-height:60px;*/
/*	padding:0 1px ;*/
}
}
@media screen and (max-width:1025px) {
.toplogo{display: block}
.logo img {
	padding-top:5px;
}
.head1 .right {
	display:none;
}
.m-nav-lists {
	top:80px;
	width:100%;
	position:fixed;
	z-index:999;
	height:calc(100vh - 80px);
	background-color:#fff;
	overflow:auto;
	transform:translateX(100%);
	transition:all 0.4s;
	display:block;
}

.m-nav-lists.active {
	transform:translateX(0);
}
/*
.m-nav-li.hasSub>a {
	color:#686868;
}
*/
*.m-nav-li.hasSub:before {
	content:"";
	position:absolute;
	top:25px;
	width:15px;
	height:15px;
	right:10px;
	background:url(../images/nav-sub-right.png);
	background-size:cover;
}
.m-nav-li {
	/* height:40px;
	*/
	line-height:55px;
	height:55px;
	overflow:hidden;
    border-bottom:#ddd 1px solid;
	padding-bottom: 10px;
	position:relative;
}
.hasSub:hover {
    height:auto;
	
/*	background:transparent;*/
}
.m-nav-li>a {
	display:block;
	/* border-color:#ddd;
	*/
	background:#fff !important;
/*	padding:0 10px;
	box-sizing:border-box;
	color:#686868;*/
	font-size: 15px;
	margin-right:50px;
}
.m-nav-li .sub-nav {
	padding-left:20px;
	border-top:#ddd 1px solid;
}
.m-nav-li .sub-nav a {
	color:#686868;
	display:block;
	font-size: 13px;
	margin-left:15px;
}
.nav_mright {
	width:30px;
	height:30px;
	background-size:100%;
	float:right;
	margin-top:25px;
	position:relative;
	background:#0075c1;
	/* margin-right:20px;
	*/
	border-radius:2px;
	display:block;
}
.nav_mright .img1,.nav_mright .img2 {

	width:95%;
	text-align:center;
	position:absolute;
	z-index:1;
	background:#0075c1;
	top:50%;
	transform:translateY(-50%);
}
.nav_mright .img2 {
	display:none;
}
}
.index-search-button1 {
	cursor:pointer;
	padding:0px 35px 26px 20px;
	background:url(/images/searchH.png) 18px 18px no-repeat #535355;
	font-size: 18px;
	z-index:10;
}
/*内页导航菜单*/
 #inmain { width: 100%; position: relative; padding-top:85px;background:#F7F7F7 no-repeat center; }
@media screen and (max-width: 1025px) {
#inmain { padding-top:20px;padding-bottom:60px;background:#fff;}
}	
	
#topBanner{
		width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	#topBanner {
	position: relative;
}
#topBanner img {
	width: 100%;
}
#topBanner .wrap {
	width: 1000px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
}
#topBanner .wrap .title {
	font-weight:bold;
	font-size:30px;
	line-height: 38px;
	padding-top:50px;
	color: #fff;
}
#topBanner .wrap .enTitle {
	font-size:25px;
	line-height: 30px;
	color: #e0e4e9;
}	
.incontent{ 
	width: 100%;
	max-width: 1380px;
	border-top-left-radius:0.5em;
    border-top-right-radius:0.5em;
    padding: 50px 0 0; 
	background-color: #fff; 
	margin: -50px auto 0; 
	font-size: 13px; 
	line-height: 13px; 
	color: #818181; 
	z-index: 999; 
}
@media screen and (min-width: 769px) {
.incontent{ 
	position:relative; 
}
}
.pub_banner{position:relative;border-bottom: #eee solid 3px;}
.pub_banner .snav_crm{position: absolute;left:50%;bottom:0;width:100%;margin:0 0 0 -685px;}

.pub_banner .snav_crm .snav{float:left;padding-left: 5px;}
.snav_crm .snav li{float:left;list-style:none;}
.pub_banner .snav_crm .snav a{position:relative;display:block;float:left;margin:0 30px 0 0;padding:0 0 18px 0;font-size:15px;font-weight:600;color: #525252;}
.snav_crm .snav a i{position:absolute;left:0;top:0;display:block;width:0;padding:0 0 15px 0 ;border-bottom:3px solid #0075cf;font-style: normal;white-space:nowrap;color:#0075cf;overflow:hidden;transition: all .4s ease;height:35px}
.snav_crm .snav li.crt i,.snav_crm .snav a:hover{width:100%;transition: all .4s ease;color:#0075cf;}
.snav_crm .snav a:hover i{width:70%;transition: all .4s ease;color:#0075cf;}
.snav_crm .crm{float:right;overflow:hidden;padding-right:15px;height:35px}
.snav_crm .crm em{display:block;float:left;}
.snav_crm .crm span{float:left;font-size:14px;line-height:14px;color:#7c7c7c;padding-left: 3px;}
.snav_crm .crm i{display:block;float:left;width: 4px; height: 7px;margin:5px 5px 0 5px;background: url(../images/css_icon.png) -47px -17px;}

@media screen and (max-width: 1025px) {
	.pub_banner{border: none}
.pub_banner .snav_crm{margin:0;left:0;position:inherit;padding-top:10px}
.pub_banner .snav_crm .snav a{color:#fff;}
.snav_crm .crm{display: none;}
	
.snav_crm .snav li{float:left;list-style:none;}
.pub_banner .snav_crm .snav a{position:inherit;display:block;float:left;margin:0 10px 0 0;font-size:13px;color: #333;}	
.snav_crm .snav a i{position:inherit;left:0;top:0;display:block;width:0;padding:0 0 5px 0 ;border-bottom:3px solid #0075cf;font-style: normal;white-space:nowrap;color:#0075cf;overflow:hidden;transition: all .4s ease;height:15px}
.snav_crm .snav li.crt i,.snav_crm .snav a:hover{width:100%;transition: all .4s ease;color:#0075cf;}
.snav_crm .snav a:hover i{width:100%;}	
}

.topsea{float:right;width:60%;padding-right: 20px;}
.top-search-words {
/*	position:absolute;*/
	height:45px;
	width:100%;
	display:block;
	z-index:999;
}
.top-search-words input[type="text"]{
	width:100%;
	padding:0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height:45px;
	border:solid 1px #e3e3e3;
	outline:none;
	font-size:18px;
	color:#333;
	display:inline-block;
	vertical-align:middle;
	text-align:left
}
.top-search-submit {
	border:solid 1px #e3e3e3;
	border-left: none;
	width:55px;
	height:45px;
	display:block;
    background:#fff url('/images/search.png') no-repeat center center;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
/*加入供应商*/
.pageBox{ position: relative;}
.treflip{ width: 100%; background: #fff; padding:20px 0 ; margin: 0 auto; position: relative; z-index: 2;}
.wal2{ width: 100%; margin:0px auto; position: relative;}
.lyb .part1{ height: 250px; background: url(../images/nimg442Bg.jpg) right top no-repeat; background-size: 500px; }
.lyb .part1 .msg{ font-size: 14px; padding-top: 50px; }
.lyb .part2{ background: #f5f5f5; padding:68px 45px 90px; }
.lyb .form_l{ width:50%; }
.lyb .form_l li{ height: 60px; position: relative; padding-left:8px; }
.lyb .form_l li .txt{ position: absolute; left: 0px; top: 0px; width: 110px; text-align: center; font-size: 14px; line-height: 40px; color: #5b5b5b; right: 30px}
.feedTitle{padding:20px  0px 30px 10px; }
.feedTitle .title1{ font-size: 36px; color: #0075cf; font-family: medium; text-transform: uppercase; }
.feedTitle .title2{ font-size: 22px; color: #3f3f3f; font-weight: bold;margin-top: 35px;padding-left:50px }
.lyb .form_l li .txt em{ color: #ff0000; }
.lyb .form_l li .txt img{ position: absolute; left: 0px; top: 50%; margin-top: -8px; width: 17px; }
.lyb .form_l li .input1{ width:530px; height: 40px; background: #fff; line-height: 40px; border-radius: 4px; font-size: 14px; text-indent:10px;float: right}
.lyb .form_r{width:48%; }
.lyb .form_r .txt{ position: relative; width:110px; text-align: right; font-size:14px; line-height:40px; color: #5b5b5b; height: 55px;}
.lyb .form_r .txt img{ position: absolute; left: 0px; top: 12px; width: 17px; }
.lyb .form_r textarea{ width: 100%; height: 165px; background: #fff; }
.lyb .form_r .btnGroup{ padding-top: 24px;width:20% }
.error_input {
	border:1px solid #ff0000;
}
.msg {
	width:100%;
	float: right;
	text-align: right;
	font-size:12px;
	line-height:35px
}
.onError {
	color:#ff0000;
}	
.signin_btn {
	display:block;
	background-color:#0075cf;
	border: none;
	text-align:center;
	line-height:50px;
	color:#fff;
	width:100%;
	color: #fff;
	font-size:18px;
	border-radius:5px;
	cursor:pointer;
	}

@media all and (max-width:1025px) {
.feedTitle{ padding-bottom:10px; }
.feedTitle .title1{ font-size: 25px;  }
.feedTitle .title2{ font-size: 18px; padding-left:0}	
.lyb .form_l{ width:100%; }
.lyb .form_r{width:99%; }
}
/*底部通用*/
.footNav{ width: 100%;}
.footNav li{ float: left; width: 33%; text-align: center}
.footNav li h2{ font-size: 20px; color: #bdbcbc; padding-bottom: 10px;font-weight: bold}
.footNav dd{ line-height: 32px; font-size:16px; }
.footNav dd a{ color: #bdbcbc; }
/*.footer1 .f-left{height:180px;}*/
.f-left h2{font-size: 20px; color: #bdbcbc;font-weight: bold;text-align: center;padding-bottom: 35px}
.f-left a{float: left}
.f-left img{height:90px;padding:5px}
.mid-footer {font-size: 18px; color: #bdbcbc;font-weight: bold;text-align:left;padding:10px 0 10px;margin-left: 100px;}
.f-right {
	text-align:right;
	float: right;
	margin-top:150px;
}
.footer-icon {
	padding-top: 20px;
	bottom:20px;
	right:150px;
}
.footer-icon a {
	display:inline-block;
	vertical-align:bottom;
    padding-right:20px;

}
.logo_img {
	padding-right: 20px;
}
.f-right p{padding-top:35px;text-align: right}

.f-right p a{
	font-size: 15px; color: #bdbcbc;text-align: center;padding-bottom: 35px;padding:0 5px;
}
.footer-icon-ewm {
	position:relative;
}
.footer-icon-ewmimg {
	position:absolute;
	width:130px;
	height:130px;
	left:-130px;
	bottom:24px;
	z-index:10;
	display:none;
}
.footer-icon-ewm:hover .footer-icon-ewmimg {
	display:block;
}
@media all and (max-width:1025px) {
	
	.f-left{padding: 0;padding-left:13px}
	.mid-footer {font-size: 15px; margin-left:0px;}
	.f-left img{padding:8px}
}	
/*产品应用*/
.hot-app{font-size:0;margin-bottom:40px;overflow:hidden;}
.hot-app .pic{display:inline-block;vertical-align:middle;width:35%;margin-right:2%;overflow:hidden}
.hot-app .pic img{display:block;width:100%;}
.hot-app .inner{display:inline-block;vertical-align:top;width:61%;padding-bottom:2px}
.hot-app .date{display:block;font-size:16px;color:#333;line-height:1.4;margin-bottom:10px}
.hot-app h4{margin-bottom:30px}
.hot-app h4 a{display:block;font-size:24px;color:#333;line-height:1.4;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.hot-app .txt{font-size:14px;color:#666;font-family:Light;line-height:26px;margin-bottom:30px;height:auto;min-height:50px;overflow:hidden}
.hot-app .more{display:inline-block;padding:0 10px 0;font-size:12px;color:#0075cf;font-weight: bold}
.hot-app:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.hot-app:hover h4 a{color:#202c5e}
.hot-app:hover .more:hover{color:#202c5e}
@media only screen and (max-width:1025px){	
.hot-app .pic{display:block;width:auto;margin:0 auto 30px}
.hot-app .inner{display:block;width:auto}
.hot-app .date{margin-bottom:10px}
.hot-app h4{margin-bottom:10px}
.hot-app .txt{margin-bottom:10px}
}
.article{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: center;
  padding:30px 0;
}
.article__title {
  font-size: 2.8125rem;
  letter-spacing: 0.02em;
  line-height: 1.34;
  margin-bottom: 10px;
  font-weight: bold; }
.article__gutter {
  display: inline-block;
  width: 100%;
  max-width: 120px;
  min-width: 120px;
  height: 1px;
  background-color: #c2c2c2;
  position: relative;
  margin-bottom: 35px;
  margin-top: 5px; }
  .article__gutter:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background-color: #000;
    left: 0;
    top: -2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
.tit-h3{margin-bottom:15px;font-size:29px;color:#333;line-height:58px;padding:0 0 10px 0;position:relative;text-transform:uppercase;letter-spacing:1px;text-align: center}
.tit-h3:after{content:'';position:absolute;bottom:0;width:30px;height:2px;background-color:#202c5e;text-align: center}
@media only screen and (max-width:1025px){
.tit-h3{font-size:18px}
}
/*careers*/
.recruitment {
	padding:10px 0
}
.recruitment .list {
	margin:50px 0 40px 0;
}
.recruitment .list ul:after {
	content:"";
	height:0;
	display:block;
	clear:both;
}
.recruitment .list li {
	margin-bottom:30px;
}
.recruitment .list li.on .top {
	background-image:url(../images/job_icon2.png);
	background-color:#666;
	color:#fff;
}
.recruitment .list li .top {
	background:url(../images/job_icon1.png) no-repeat right 30px center #F5F5F5;
	font-size:16px;
	color:#333232;
	padding:15px 30px;
	box-sizing:border-box;
	cursor:pointer;
	moz-user-select:-moz-none;
	-moz-user-select:none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	-o-transition:0.2s;
}
.recruitment .list li .top:after {
	content:"";
	height:0;
	display:block;
	clear:both;
}
.recruitment .list li .top .txt {
	width:30%;
	float:left;
	height:40px;
	line-height:40px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all;
}
.recruitment .list li .top .txt1 {
	width:20%;
}
.recruitment .list li .top .txt:first-child {
	width:50%;
}
.recruitment .list li .cont {
	padding:24px;
	box-sizing:border-box;
	line-height:24px;
	font-size:14px;
	color:#666666;
	display:none;
}
.recruitment .list li .cont .tit {
	font-size:16px;
	color:#1d1e71;
	margin-bottom:10px;
}
.txtcon {
	margin:15px;
	min-height:500px;
	line-height: 23px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
}
.txtcon img {
	margin:5px 0;
	max-width:100%;
	width:auto;
	height:auto;
}
.main {
	width:100%
}
.top_banner {
	height:450px;
	margin-top:155px;
	color:#fff;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
}
@media only screen and (max-width: 1650px) {
.top_banner {
	margin-top:140px;
	height:400px;
}
}
@media only screen and (max-width: 1400px) {
.top_banner {
	height:350px;
	margin-top:135px;
}
}
@media screen and (max-width:1350px) {
	.head1 .content {
	width:100%;
}
.head1 .right .downnav .sub-down a {
	line-height:30px;
}

}
@media screen and (max-width: 1025px) {
	.head1 {display: none}
.top_banner {
	margin-top:156px;
	color:#fff;
	height:100px;
}
.row{margin:0;}
.index-title {padding:25px 0 65px}
.topsea{float:left;width:90%;}	
#topBanner .wrap {
	width:100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align: center;
}	
#topBanner .wrap .title {
	font-size:20px;
	line-height: 28px;
	padding-bottom:60px;
}
.recruitment .list li .top {
	font-size:13px;
	padding:15px 5px;
}
.recruitment .list li .top .txt {
	width:100%;
}
.recruitment .list li .top .txt:first-child {
	width:100%;
}
.job_tit h3 {
	font-size:25px;
}
.recruitment .list li .top {
	background:url(../images/job_icon1.png) no-repeat #F5F5F5;
	background-position:center right 5px;
}
.txtcon {
	margin:5px;
	padding:5px;
}
}