@charset "UTF-8";

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{  font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
img { max-width:100%;}
h1,h2,h3,h4,h5 { margin:0;}

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


/*--版心--*/





/*top*/
.homemess {position:fixed; right:10px; bottom:10%; z-index:9; display:none;}
.homemess ul li { width:56px; height:56px; line-height: 56px; background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);border-radius:50%; color:#fff;  text-align:center; margin-bottom:12px; position:relative; cursor:pointer;}
.homemess ul li span {display:inline-block; width: 100%; height: 100%;}
.homtel {background:url("../images/rico01.png") no-repeat center center;}
.homwechta {background:url("../images/rico02.png") no-repeat center center;}

.homemess ul li:hover span.homtel {background:url("../images/ricoh01.png") no-repeat center center;}
.homemess ul li:hover  span.homwechta {background:url("../images/ricoh02.png") no-repeat center center;}

.navr-tel{
    width: 158px;
    padding:0 5px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:0px;
	color: #333;
	font-size: 18px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22{
    width: 100px;
    padding: 8px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:-17px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22 img{
    max-width: 100%;
}

.navr-ewm22:before,.navr-tel:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
     border-width: 10px;
    border-left-color:#fff;
    top: 50%;
	margin-top: -10px;
    right: -20px;
}
.homemess ul li:hover .navr-tel{
    visibility: visible;
    opacity: 1;
    right:70px;
}
.homemess ul li:hover .navr-ewm22{
    visibility: visible;
    opacity: 1;
    right:70px;
}


.homemess ul li:hover{
    background-color:#1F86CE;
	border-radius:50%;
}
.homemess ul li.back-top:hover svg{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	transition: 0.5s;-webkit-transition: 0.5s;
}
.homemess ul li svg path{fill:#969696;}
.homemess ul li:hover svg path { fill:#fff;}

@media (max-width:991px) {

.homemess ul li { width:40px; height:40px; line-height: 40px; }
	.homemess ul li svg {width:26px; height: 26px;}
}


/*footer*/
.footer { position: relative;}
.footup {background:#006FBB;}
.footmid {background:url("../images/footbg.png") no-repeat center;}
.footup .container,.footdown .container { position:relative; z-index: 9;}
.footdown { background: #fff; color:#666; padding:15px 0; min-height: 95px; display: flex;align-items: center;}
.footdown a { color:#666;}
.footmore { margin: 0 16px;}
.footdown a:first-child {margin-left:0;}
.footdown a:hover {color:#006FBB;}

.foot_l{ float:left; width:72%; padding-bottom: 26px;}
.foot_r { float:right; max-width:28%; padding-top: 30px;}
.foot_l ul.footnav { margin-left:-10px; margin-right:-10px; margin-top:30px;}
.foot_l ul.footnav li { float:left; width:20.5%; padding:0 10px;}
.foot_l ul.footnav li:last-child {width:17%;}
.foot_l ul.footnav li h2 {  margin-bottom: 18px;}
.foot_l ul.footnav li h2 a{ font-size:17px;font-weight: bold; color:#006FBB;margin-top:0; margin-bottom: 8px;}
.foot_l ul.footnav li a { display:block;  color:#999999; font-size: 15px; line-height:21px; margin:7px 0;}
.foot_l ul.footnav li a:hover {  color:#006FBB;}
.foot_r h2 {font-size:17px; color:#006FBB; font-weight: bold; line-height: 1.1; padding-bottom: 20px;}
.foot_r p { color:#999999; font-size: 15px; margin-bottom: 10px; }

.footshare {border-bottom:1px solid #3F3F3F; padding: 44px 0 35px 0;}
.footlogo {float:left;display: flex;align-items: center;}
.footlogo span {padding-top:0;}
.footlogo p { padding-left: 35px;
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: #FFFFFF;}
.footlogo p em { font-size: 26px; display: block;font-style: normal;color: #FFFFFF;}
.footsharer .bdsharebuttonbox {}
.footsharer .bdsharebuttonbox a {margin:0 6px; display: inline-block;width: 45px; height: 45px; border:none;	background-color: rgba(255,255,255,0.3);  border-radius: 50%; padding: 0;}
.footsharer .bdsharebuttonbox a.more {  background-image: url("../images/share03.png"); background-position: center; background-repeat: no-repeat;}
.footsharer .bdsharebuttonbox a:hover,.footshare .bdsharebuttonbox a:hover#fenxiang1 { background-color:#969696;}
.footsharer .bdsharebuttonbox a:hover.more {  background-image: url("../images/shareh03.png");background-color: #fff;}

.footsharer {
    float: right;
}
.newlxr04 {
}
.newlxr04 ul li {
    position: relative;
    float: left;
    margin-left: 12px;
    z-index: 9;
}
.newlxr04 ul li span.mfico {
   width: 45px; height: 45px;
    padding: 5px;
    border-radius: 50%;
	border:none;
	background-position: center; background-repeat: no-repeat;
	background: rgba(255,255,255,0.3);
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.newlxr04 ul li span.mfico i {display:inline-block; width: 100%; height: 100%;}
.share01 {background:url("../images/share01.png") no-repeat center center;}
.share02 {background:url("../images/share02.png") no-repeat center center;}
.newlxr04 ul li:hover span.mfico {background-color:#fff;}
.newlxr04 ul li:hover span.mfico .share01 {background:url("../images/shareh01.png") no-repeat center center;}
.newlxr04 ul li:hover span.mfico .share02 {background:url("../images/shareh02.png") no-repeat center center;}

.lximg {
    background: #FFFFFF;
    position: absolute;
    width: 110px;
    height: 110px;
    right: -26px;
    bottom: 133%;
    display: none;
}.lximg span {
    padding: 5px;
    display: block;
}
.lximg img {
    max-width: 100%;
}
.lximg:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 55px;
}
.lximgmo {
    display: none;
}

.link .dropdown-item {
    display: block;
    width: 100%;
    padding:5px 10px;
    clear: both;
    font-weight: 500;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.link .dropdown-item:hover {
    color: #006FBB;
}

.link .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
.link .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
padding:.5rem 0;
margin:.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: none;
border-radius:.25rem
}
.link .dropdown-menu.show {
    display: block;
}
.link .dropdown {position:relative; float: right;width: 100%; max-width: 224px;}
.link button.btn {width:100%; height: 45px; background: #F5F5F5; border-radius: 25px; border: none !important; outline: 0; color: #BAC0C7; font-size: 16px; text-align: left; padding: 0 30px;}
.link button:focus {box-shadow:inherit !important;}
.link .dropdown-toggle::after {    float: right;    margin-top: 10px;}
.link .dropdown-menu {width:100%;background: #F5F5F5; border: none;padding:20px 20px 10px 20px; margin: 0; border-top-left-radius: 25px; border-top-right-radius: 25px; }
.link .btn:hover {color:#666;background: #F5F5F5;}
.link .btn:not(:disabled):not(.disabled).active,.link  .btn:not(:disabled):not(.disabled):active,.link  .show>.btn.dropdown-toggle{ color: #666;box-shadow: 0px;border: 1px solid transparent;background: #F5F5F5;border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-top-radius: 25px; border-bottom-right-radius: 25px;}

.footdown .left {max-width:80%; padding-top: 12px; color: #999999; padding-right: 30px;}
.footdown .left a{ color: #999999;}
.footdown .left a:hover { color:#006FBB;}

.footdown .right {width:20%;}
.footdown .right .link {width:100%;}

.xailabox {
    width: 90%;
    text-align: left;
}
.xailabox a{
    color: #fff;
	display:block;
    font-size: 14px;
    line-height: 30px;   
}


/*banner*/

#WRAP {overflow: hidden;}
/*#MAIN_CONTAINER .section {padding:0; width:auto; margin:0; box-sizing: unset;max-width: 100%;background:#fff;}*/
#MAIN_CONTAINER .section {padding:0; width:auto; margin:0; max-width: 100%;}
#MAIN_CONTAINER.containers {min-height: auto;margin:0;}
.rows {
  display: flex;
  margin: 0 auto;
  max-width: 1632px;
  padding: 0 7.5%;
}
.rows.align-center {
  align-items: center;
}

.rows .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rows .col.col-auto {
  flex: 1;
}

.rows .col.col-1 {
  flex: 0 1 8.333333333333333%;
}

.rows .col.col-2 {
  flex: 0 1 16.6666666666667%;
}

.rows .col.col-3 {
  flex: 0 1 25%;
}

.rows .col.col-4 {
  flex: 0 1 33.333333333333333%;
}

.rows .col.col-6 {
  flex: 0 1 50%;
}

.rows .col.col-7 {
  flex: 0 1 58.333333333333333%;
}

.rows.row-static .col.col-2 {
  flex: 0 1 272px;
  width: 272px;
}

.rows.row-full {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.rows.row-full .col {
  padding: 0;
}

.rows.row-half .col {
  flex: 1;
}

.row.row-half .col:first-child {
  margin-right: 1.72%;
}

.rows.row-half .col:last-child {
  margin-left: 1.72%;
}

@media screen and (max-width: 1280px) {
  .rows.row-lg {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .rows {
    padding: 0 20px;
  }
  .rows.row-md {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .rows.row-half {
    display: block;
  }
  .rows.row-half .col {
    width: 100%;
  }
  .rows.row-half .col:first-child {
    margin-right: 0;
    margin-bottom: 2.8rem;
  }
  .rows.row-half .col:last-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .rows {
    padding: 0 15px;
  }
  .rows.row-sm {
    display: block;
  }
  .rows .col {
    padding: 0 8px;
  }
}

@media screen and (max-width: 480px) {
  .rows {
    padding: 0 10px;
  }
  .rows .col {
    padding: 0 5px;
  }
}

/*index first*/
.index_first {padding:55px 0 50px 0;}
.index_first .left {max-width:50%; padding-right: 30px;}
.index_first .left p {
font-size: 32px;
font-weight: bold;
line-height: 46px;
color: #333333;}
.index_first .right {width:50%; max-width: 640px;}
.index_first .right p {font-size:16px; line-height: 28px;}
.index_mid {margin-left:-9px; margin-right: -9px;padding-bottom: 35px; overflow: hidden;}
.index_left { float:left; width: 66.6%; padding: 0 9px;}
.index_right { float:left; width: 33.4%;padding: 0 9px;}
.index_position {position:relative; width: 100%; overflow: hidden;}
.index_position img {transition: 0.3s;-webkit-transition: 0.3s;}
.index_position:hover img{ transform: scale(1.05); }

.index_sub {font-size: 26px; color: #fff;font-weight: bold; position: absolute; bottom: 40px; left: 40px; padding-bottom: 14px;}
.index_sub:after {content:"";width: 20px;height: 2px;background: #FFFFFF; position: absolute; left: 0; bottom: 0;} 
.index_position:after {content:""; background: url("../images/aboutjt.png") no-repeat; width: 12px;height: 12px; position: absolute; top: 30px; right: 30px;}

/*pro search*/
.pro_sebg {background:#F2F2F2; padding: 54px 40px; margin-bottom: 60px; z-index: 9; position: relative;}


/*search*/
.searchsub { font-size:24px; color:#1d1d1d; margin:0; font-family: bhyf-n9, adobe-notdef;    font-weight: 900; padding-bottom:18px;}
.formw01 {width:41%; float:left; padding-right:20px; }
.formsear .form-control { font-size:16px; color:#888888; height:65px;}
.formsear select.form-control { position:relative; border:none;box-shadow:none; border-radius:0; appearance:none;-moz-appearance:none;    -webkit-appearance:none;  }
.form-control:focus { box-shadow:none;border:none;}
.formsear select { background: url(../images/select.png) no-repeat 95%;background-color:#F0EFED;cursor: pointer;}
.formsear select:focus {outline: none;}
.formsear option { background:#fff; border: none; padding:5px 0; font-size:16px;color:#888888;}


.formw04 { float:left; width:18%;}
.formw04 .btn { background:#006FBB; color:#fff; font-size:16px; font-weight:500; width:100%; height:65px; border:1px solid #006FBB; border-radius:0; text-transform:uppercase; outline:0; box-shadow:none; }
.formw04 .btn span {font-size:inherit;color: inherit; background: url("../images/se.png") no-repeat right; padding-right: 40px}
.formw04 .btn:hover { background:#fff; border:1px solid #006FBB;color:#006FBB;  }
.formw04 .btn:hover span { background: url("../images/seh.png") no-repeat right;}
.selectk { position:relative; padding:0; line-height:55px; border:none;box-shadow:none; border-radius:0; appearance:none;-moz-appearance:none;    -webkit-appearance:none;background: url(../images/select.png) no-repeat 95%;background-color:#fff; font-size:16px; color:#888888; height:65px;cursor: pointer;}

.selwork { font-size: 16px;color: #888888; padding:5px 12px; border:none; border-radius:0;  outline:0;box-shadow:none !important; background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;cursor:pointer;}



/*select*/
.selwkuang { position:relative; height:1px; width:100%; z-index:999;}
.selwse { display:none; position:absolute; background:#fff; border:1px solid #F0EFED; padding:15px; top:0px; width:100%; left:0;}
.selwse li { font-size:16px; line-height:30px;color: #2a3644; cursor:pointer;}

@media (max-width:991px) {	
.formw01 { padding-right:10px; }
.formw04 {   padding-left:0;}

}


/*application*/
.app_cation	{padding-bottom:60px;}
.app_cation .li {height:326px; width: 100%;  display: flex;align-items: center; justify-content: center; text-align: center;border: 1px solid #EFEFEF; border-right: none;transition: 0.3s;-webkit-transition: 0.3s;}
.app_cation .li a {display:block; width: 100%;}
.app_cation .li span {display:block; text-align: center;padding-bottom: 30px;}
.app_cation .li i {width: 0;height: 0; opacity: 0; background: rgba(255,255,255,0.2);border-radius: 50%;transition: 0.5s;-webkit-transition: 0.5s;}
.app_cation .li h3 {font-size:20px;}
.app_cation .li h3 span {font-size:inherit;color: inherit; display: inline-block;position: relative; padding-bottom: 12px;}
.app_cation .li h3 span:after {width: 15px;height: 1px;background:#DBDBDB; content:""; position: absolute; left: 0; bottom: 0;}
.app_cation .li:hover h3 span:after {background:#6FA9E4;}
.app_cation .hovhid {margin: 0 auto;}
.app_cation .hovshow {display:none;margin: 0 auto;}
.app_cation .li:hover {background:#006FBB;}
.app_cation .li:hover .hovshow {display:block;}
.app_cation .li:hover .hovhid {display:none;}
.app_cation .li:hover h3 {color:#fff;}
.app_cation .li:hover i{ opacity: 1;width: 32px;height: 32px; line-height: 32px; display: inline-block;margin-top: 60px;}
.app_botbg {background:url("../images/apptu.jpg") no-repeat; background-size: cover; min-height: 500px; padding: 75px 0 75px 0; margin-bottom: 60px; text-align: center;}
.app_botbg h4 {font-size:16px; color: #fff;line-height: 1.1; padding-bottom: 15px;}
.app_botbg h2 {font-size:32px; color: #fff; font-weight: bold; line-height: 1.6; padding-bottom: 30px;}
.app_botbg p {font-size:16px; color: #fff; min-height: 100px; margin-bottom: 15px;}
.app-pagination {display:none;}
.app_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:170px;
    height:50px;
	border-radius: 25px;
	color: #999999;
	font-size: 16px;
    border:none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0 1rem;
 	background-color: #fff;
    border-color: #fff;
}
.app_btn .arrow {
    background: url(../images/banbutr.png) no-repeat;
    display: inline-block;
	float: right;
    width:15px;
    height:14px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	transition: 0.5s;-webkit-transition: 0.5s;	  
}

.app_btn .label {
    font-size: inherit;
    position: relative;
	text-align: left;
	float: left;
	color: inherit;
    top: 42%;
	left:20%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    display: inline-block;

}
.app_btn:hover {color:#006FBB;}
.app_btn:hover .arrow {margin-right:5px;}

@media (min-width: 768px) { 
.app_cation .swiper-wrapper{transform: none !important;}
.app_cation .swiper-slide:last-child .li {border-right: 1px solid #EFEFEF;}

}

/*home new*/
.new_title {font-size: 32px;font-weight: bold; padding-bottom: 40px; line-height: 1.1;line-height: 32px;color: #333333; position: relative;}
.industry_list {padding-bottom:60px;}
.newli a{display: block}
.newli a .inner{position: relative}
.newli .img_area{position: relative;overflow: hidden}

.newli .img_area:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 5px;padding-left: 24px;font-size: 16px;color: #fff;line-height: 64px;z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.newli .img_area:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:url("../images/news_shadow.png") no-repeat 0 0 / contain;z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.newli .img img{width: 100%}
.newli .img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.newli.type_news .img_area:after{background: #006FBB}
.newli a:hover{}
.newli a:hover .img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.newli a:hover .img_area:before{opacity: 0}

.newli .copy_box_in{position: absolute;bottom: 0;width: 100%;height: 104px;line-height: 104px;z-index: 2}
.newli .copy_box_in .inner{padding: 22px 90px 30px 30px;width: 100%;position: absolute;top:50%;transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newli a .icon_more_arrow {position: absolute;right: 30px;width: 19px; height: 14px; background: url("../images/ico_over_arrow2.png") no-repeat;vertical-align: middle;z-index: 3;top: 50%;transform: translateY(-50%);
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newli.type_yt .copy_box_in .inner{padding: 32px 24px}
.newli .copy_box_in .type{display:none;font-size: 18px;color: #666;margin-bottom: 18px;}
.newli .copy_box_in .title{font-size:18px;line-height: 28px;max-height:72px;-webkit-line-clamp: 2;color: #fff;}
.ellipsis_line{
	position: relative;
	transition: all 0.3s;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newli:hover a .icon_more_arrow {background: url("../images/ico_over_arrow.png") no-repeat;}
.newli a:hover .img_area:after {    background-color: rgba(0,111,187,0.8); height: 104px;}
.new-pagination {text-align:center; margin-top: 25px;}
.new-pagination .swiper-pagination-bullet {width:10px; height: 10px; opacity: 1;background: #DCDCDC;}
.new-pagination .swiper-pagination-bullet-active,.new-pagination .swiper-pagination-bullet:hover {background: #006FBB;}

/*inside page*/
#pagenav {position:relative;}
.page_ban {position:relative; min-height: 70px;}
.page_inside {position:absolute; left: 0; top: 0;width: 100%; height: 100%;}
.pagemask {background:rgba(0,111,187,0.9); width: 100%; height: 70px; position: absolute; left: 0; top: 0; z-index: 99;}
.pagemask .container {
    max-width: 1590px;
}
.pagemask .left {}
.pagemask .left a {color:rgba(255,255,255,0.5); position: relative; line-height: 70px; padding-right: 20px; padding-left: 15px;}
.pagemask .left a:nth-child(1) {padding-left: 0;}
.pagemask .left a:last-child:after {background:url("../images/locajt2.png") no-repeat; width: 10px; height: 6px; opacity: 0.5;}
.pagemask .left a:after { background: url("../images/locajt.png") no-repeat; opacity: 0.6; content:""; width: 6px; height: 11px; top: 50%; position: absolute; right: 0;transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);}
.pagemask .left a:hover {color:#fff;}
.pagemask .right {padding-top:3px;}
.pagemask .right .page_rnav {color:#fff; font-size: 16px; display:inline-block; line-height: 67px; padding: 0 20px;transition: .3s;}
.pagemask .right .page_rnav:hover,.pagemask .right .page_rnav.active {color:#006FBB; background: #fff;}
.page_menur {float:right; width: 20px; margin-left: 15px; display: none; position: relative;margin-top: 34px;}
.nav_top.on {position:fixed !important;    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;}
.pagemask.on2 {top:100px !important; position: fixed;}
.menur_b2 {
    position: absolute;
	font-size: 28px;
	cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;}
.menur_b2 svg path {fill:#fff;}
.menur_b {
    display: block;
    position: relative;
    width: 20px;
    background: none;
    border: none;
    outline: 0;
    height: 14px;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.menur_b span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
}
.menur_b span::after, .menur_b span::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    background: #fff;
}
.menur_b span::after {
    top: -6px;
}
.menur_b span::before {
    bottom: -6px;
}
.page_nei { position:absolute; bottom: 0; height: 50%; width: 100%; left: 0;}
.page_nei .container {height:100%; position: relative;}
.page_nei h3 {font-size: 44px;font-weight: bold; color: #fff;}
.page_nei .page_scloll { position: absolute; bottom: 0; right: 15px;}
.page_scloll .label {
    display: block;
    letter-spacing: .1em;
    font-size:16px;
	cursor: pointer;
    position: relative;
    padding-bottom: calc(42px + .8rem);
    color: #fff;
}
.page_scloll .label span {color:inherit;}
.page_scloll .label .line {
    display: block;
    width: 3px;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 50%;
	margin-left: -1px;
    overflow: hidden;
}

.page_scloll .label .line:before {
    height: 100%;
    background: #fff;
    opacity: .8;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    width: 1px;
}

.page_scloll .label .line:after {
    background: #fff;
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    width: 2px;
    -webkit-animation: scroll-down-line 3s infinite;
    -o-animation: scroll-down-line 3s infinite;
    animation: scroll-down-line 3s infinite;
}
@-webkit-keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 105%;
    }
}

@keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 105%;
    }
}

/*pro channel*/
.pro_inside {position:absolute; bottom: 50px; left: 0; width: 100%; z-index: 9;}
.pro_text  {position:absolute; top: 40%; left: 0; width: 100%; height: 50%;}
.pro_text h3 {
font-size: 40px;
font-weight: bold;
line-height: 48px; margin-bottom: 20px;
color: #FFFFFF;}
.pro_text p { max-width:520px;
font-size: 16px;
line-height: 32px;
color: #FFFFFF;}
.item-down {
    position: relative;
    width: 52px;
    height: 52px;
	float: left;
    cursor: pointer;
    text-align: center;
    transition-delay: .7s;
}
.item-down .yuan-img {
    width: 100%;
    animation: zhuan0 6s infinite linear .65s;
}
.item-down .down-img {
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -10px;
    animation: top0 1s infinite linear .65s;
}
@keyframes top0{
    0% {
    transform: translateY(-10%);
   }
   100% {
    transform: translateY(10%);
}
}
@keyframes zhuan0{
    0% {
    transform: rotate(0);
   }
   100% {
    transform: rotate(360deg);
}
}
.pt35 {padding-top:35px;}
.swiper1 {height:712px; width: 100%;}
.swiper1 .swiper-slide {background-position:center; background-repeat: no-repeat; background-size: cover;}
.pro_sortimg {}
.prosub {text-align:center;
font-size: 32px;
font-weight: bold;
line-height:1.4;
color: #333333;}
.pro_sort { padding-bottom: 50px; overflow: hidden;}
.pro_sort ul { margin-left:-22px; margin-right: -22px;}
.pro_sort ul li {float:left; width: 33.33%; padding: 0 22px; padding-bottom: 30px;}
.pro_sort ul li .pro_sortimg {display:block;overflow: hidden;}
.pro_sort ul li .sortba {background:#F5F5F5; display: block; padding: 30px; height: 168px; width: 100%;transition: 0.3s;-webkit-transition: 0.3s;}
.pro_sort ul li .sortba h3 {font-size: 20px;
font-weight: bold; position: relative;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;
line-height: 30px;
color: #333333;}
.pro_sort ul li .sortba h3:after {content:""; width: 12px; height: 12px; right: 0; top: 50%; margin-top: -6px; background: url("../images/pro_r.png") no-repeat; position: absolute;}
.pro_sort ul li .sortba p { font-size:16px; line-height: 1.8; margin-top: 15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.pro_sort ul li .pro_sortimg img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.pro_sort ul li:hover .pro_sortimg img { transform: scale(1.05); }
.pro_sort ul li:hover .sortba {background:#006FBB;}
.pro_sort ul li:hover .sortba h3:after {background:url("../images/aboutjt.png") no-repeat;transition: 0.5s;-webkit-transition: 0.5s;}
.pro_sort ul li:hover .sortba h3,.pro_sort ul li:hover .sortba p{color:#fff;}

.pro_apply {padding-top:54px; padding-bottom: 94px;}
.pro_apply ul {margin-left:-6px; margin-right: -6px;}
.pro_apply ul li {width:20%; float: left; padding: 8px 8px;}
.pro_apply ul li:hover {  transition: 0.5s;-webkit-transition: 0.5s;  -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);}
.apply_bg {height: 112px;background: #006FBB; overflow: hidden; text-align: center;align-items: center;
    display: flex;
    justify-content: center;}
.apply_bg span {width:15%; display: inline-block; margin-right: 10px;}
.apply_bg strong {font-size: 18px;color: #fff; display: inline-block;}
.pro_apply ul li:hover {}

/*pro list*/
.prolist_mid {background:#F8F9FA;padding: 44px 0 70px 0; margin-bottom: 60px;}
.prolist_mid .new_title {z-index:9;}
.prolist_mid .nav-tabs {border:none;}
.prolist_mid .nav-tabs .nav-link {border:none; background: none;}
.prolist_mid .nav-tabs .nav-link.active {display:none !important;}

/*.prolist_mid .pro_load,*/
.prolist_mid .pro_load.pt0{padding-top:0;}
.prolist_mid .new_title .left p {
font-size: 16px; padding-top: 20px;
font-weight: 500;
line-height: 21px;
color: #999999;}
.prolist_mid .new_title .right a {
font-size: 16px; background: url("../images/proico.png") no-repeat right; padding-right: 30px;
font-weight: 500;
line-height: 20px;
color: #333333;}
.promid_sub {  border-bottom: 2px solid #A2A2A2; overflow: hidden; padding-bottom: 20px; padding-top: 20px;}
.promid_sub .protitle { float:left;font-size: 18px;font-weight: bold;line-height: 24px;}
.pro_01 {width:29%; padding-right: 15px;}
.pro_02 {width:36%;padding-right: 80px;}
.pro_03 {width:35%;}

.promid_cont { padding: 45px 0 45px 0; position: relative;overflow: hidden;}
.promid_cont:before {content:""; position: absolute; height: 1px;background: #DBDBDB; width: 100%; bottom: 0; left: 0;}
.promid_cont:after {background:#006FBB;content:""; position: absolute; height: 1px; width: 0; bottom: 0; left: 0;transition: 0.4s;-webkit-transition: 0.4s;}
.promid_cont:hover:after {width:100%;}
.promid_cont:hover:before {width:0;}
.promid_cont .pro_01 strong {
font-size: 20px;
line-height: 26px;
color: #000000;}
.promid_cont .pro_02 p{font-size:16px;}
.promid_cont .pro_02 p em {display:none;}
.promid_cont .pro_03 span {font-size:16px; max-width: 50%; display: inline-block;}
.promid_cont .pro_03 span em {font-style:normal; font-size: 16px; margin-right: 10px; color: #333333;font-weight: bold;}
.promid_cont .pro_more { width: 177px;height: 56px; text-align: center; line-height: 56px;color: #999999; font-size: 16px; display: inline-block; float: right;
background: #D9D9D9;
border-radius: 28px;}
.promid_cont:hover .pro_01 strong {color:#006FBB;}
.promid_cont:hover .pro_more {background:#006FBB;color: #fff;transition: 0.3s;-webkit-transition: 0.3s;}
.pro_load {text-align:center; padding-top: 90px;}
.pro_load a {width: 177px; display: inline-block; color: #fff; font-size: 16px;
height: 56px; line-height: 56px;
background: #006FBB;
border-radius: 28px;}
.pro_load a:hover {background:#035893;}
.promid_list {padding-bottom:50px;}

/*pro_detail*/
.de_content { overflow:hidden;}
.pro_detup	{background:#F8F9FA; width: 100%; padding: 46px 0; overflow:hidden;}
.de_titel {font-size: 16px;line-height: 32px;color: #006FBB;}
.de_mid .left {max-width:60%;}
.de_mid .left strong {font-size: 40px; line-height: 1.2;color: #000000; display: inline-block; padding-bottom: 35px; }
.de_mid .left p {font-size:16px;}
.de_mid .left p em {font-style:normal; font-size: 16px; margin-right: 10px; color: #333333;font-weight: bold;}
.de_mid .right .bdsharebuttonbox span{font-size: 16px;line-height: 32px;color: #333333;}

.de_mid .right .bdsharebuttonbox a {margin:0 6px; display: inline-block;width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-color: #E3E3E3; border:none;  border-radius: 50%; padding: 0;}
.de_mid .right .bdsharebuttonbox a#proshare1 { background-image: url("../images/proshar01.png");}
.de_mid .right .bdsharebuttonbox a#proshare2 { background-image: url("../images/proshar02.png");}
.de_mid .right .bdsharebuttonbox a#proshare3 { background-image: url("../images/proshar03.png");}
.de_mid .right .bdsharebuttonbox a#proshare4 { background-image: url("../images/proshar04.png");}


.de_mid .right .bdsharebuttonbox a:hover { background-color:#006FBB;}
.de_mid .right .bdsharebuttonbox a:hover#proshare1 {background-image:url("../images/prosharh01.png");}
.de_mid .right .bdsharebuttonbox a:hover#proshare2 {background-image:url("../images/prosharh02.png");}
.de_mid .right .bdsharebuttonbox a:hover#proshare3 {background-image:url("../images/prosharh03.png");}
.de_mid .right .bdsharebuttonbox a:hover#proshare4 {background-image:url("../images/prosharh04.png");}

.de_blue {
font-size: 28px; padding-top: 35px;
font-weight: bold;
line-height: 1.1;
color: #006FBB;}
.de_small {
font-size: 20px; padding: 20px 0;
font-weight: bold;
line-height: 32px;
color: #333333;}
.de_table table {font-size:18px; text-align: center; margin: 0;}
.de_table table tr td {font-size:18px;    padding: 6px 5px !important;}
.de_line {height: 1px; width: 100%; background: #DBDBDB; position: relative; margin-top: 60px;}
.de_line:before {width: 36px;content:"";height: 1px; position: absolute; top: 0px; left: 0; background: #006FBB;opacity: 1;}
.de_text {}
.de_text .left {width:35%;}
.de_text .right {width:65%; padding-left: 58px;}
.de_text .right p {font-size:16px; line-height: 32px; padding-bottom: 25px;}
.pro-container .swiper-pagination {text-align:right; padding-right: 35px; bottom: 20px;}
.pro-container .swiper-pagination-bullet { width:15px; height: 18px; background: url("../images/hoverbt.png") no-repeat; opacity: 1;}
.pro-container .swiper-pagination-bullet-active,.pro-container span.swiper-pagination-bullet:hover {background:url("../images/oldbt.png") no-repeat;}
.de_text2 { padding-top: 55px;}
.de_text2 .de_small {padding-top:0;}
.de_text2 .right p{padding-bottom:0;}
.de_aplist {}
.de_aplist ul {margin-left:-9px; margin-right: -9px;}
.de_aplist ul li {width:25%; float: left; padding: 0 9px;}
.de_aplist ul li p {font-size: 16px;line-height: 32px;color: #333333; margin-top: 10px;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.de_aplist ul li .de_apimg {overflow:hidden; display: block;}
.de_aplist ul li .de_apimg img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.de_aplist ul li:hover .de_apimg img { transform: scale(1.05); }
.de_aplist ul li:hover p {color:#006FBB;}
.de_page {padding:60px 0 85px 0; display: flex;justify-content:space-between;}
.de_page a {display:inline-block; line-height: 56px; height: 56px; font-size: 16px; text-align: center; padding: 0 10px; margin-bottom: 15px;border-radius: 28px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.de_page a:first-child,.de_page a:nth-child(3) { background:#CBDDEE; color: #006FBB; width: 38%; max-width: 446px;}
.de_page a:nth-child(2),.de_page a:nth-child(4) {background: #006FBB; color: #fff; width: 20%; max-width: 177px;}

.pro_form {border: 1px solid #CCCCCC; padding: 38px; margin-top: 40px; margin-bottom: 70px; font-size: 16px;}
.pro_form .row .text-right {padding-bottom:30px;}
.pro_form .red {color:#E82525;}
.pro_form .col-form-label {padding-top:0; padding-bottom: 0; padding-right: 0; max-width: 95px; line-height: 62px;}
.pro_form .form-control {background:#FAFAFA; border:none; outline: 0; height: 62px; border-radius: 5px;}
.pro_formx {background:#EEEEEE; height: 1px; width: 100%; margin: 30px 0;}
.pro_form textarea.form-control { height:232px;}
.pro_button {text-align:right; padding-top: 30px;}
.pro_button input{width: 200px;height: 63px; font-size: 16px; color: #fff; border: none; outline: 0; margin: 0 9px; background: #686868;border-radius: 5px;}
.pro_button input[type=submit] {background:#006FBB;}
.pt60 {padding-top:60px;}


/*yyly detail*/
.visible-xs {display:none !important;}
.yy_text {border-bottom:1px solid #DBDBDB; margin-bottom: 60px;}
.de_text.yy_text .right { padding-left:48px;}
.de_text .new_title { line-height:1.4;}
.yy_prolist {padding:0 0 60px 0;}
.yy_prolist ul {margin-left:-12px; margin-right: -12px;}
.yy_prolist ul li {width:25%; float: left; padding: 12px 12px;}
.yy_prolist ul li a {
height: 63px; font-size: 16px; color:#006FBB; padding:0 5px; display: block; text-align: center; line-height: 63px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
background: #CBDDEE;
border-radius: 5px;}
.yybg_pic {overflow:hidden;}
.yybg_pic .main {left: 0;top:0;width: 100%;display: block;overflow: hidden;}
.yybg_pic .main img {}

/*about*/
.about_up { position:relative; overflow: hidden;}
.about_up:before,.about_up:after {content:"";position: absolute;}
.about_up:before { background:url("../images/aboutpic.png") no-repeat right bottom; background-size:contain; width: 55%; height: 100%;  right: 0; bottom: 0;}
.about_up:after {background:url("../images/aboutico.png") no-repeat left top;  background-size:contain; left: 0; top: 0; width: 50%; height: 80%;}
.about_up h2 {font-size: 32px; text-align: center;  margin-top: 65px; position: relative;font-weight: bold;line-height: 1.4;color: #333333; z-index: 9;}
.about_up h2:before {width: 14px; position: absolute; content:""; left: 50%; top: -16px; margin-left: -7px; height: 4px;
    border-radius: 0;
    transform: rotate(-45deg);}
.wave-canvas-wrapper{ position: absolute; left: 0; bottom: 0; width: 100%; height:80%; z-index: -1;}
.about_text {padding-top:128px; max-width: 650px; width: 55%; padding-bottom: 100px; position: relative; z-index: 9;}
.about_text h3 {
font-size: 32px;
font-weight: bold;
line-height: 1.4;
color: #006FBB;}
.about_text span {font-size:16px; display: block; padding: 18px 0; position: relative; margin-bottom: 15px;}
.about_text span:before{width: 20px; content:" "; position: absolute; left: 0; bottom: 0;
height: 2px;
background: #CBDDEE;
}
.about_text p {font-size:16px; line-height: 1.6; padding: 16px 0;}
.about_bot {background:url("../images/about_bot.jpg") no-repeat center; height: 340px; text-align: center; display: flex; align-items: center;}
.about_bot h3 {
font-size: 32px;
font-weight: bold; line-height: 1.6;
color: #FFFFFF;}
.about_work {background:#F8F8F8; padding-top: 95px; width: 100%;}
.about_wnei {background:#fff; padding: 70px 60px 30px 60px;}
.about_wnei .left {width:50%;}
.about_wnei .left:first-child {border-right:1px solid #DBDBDB;}
.about_wnei .left:nth-child(2) {padding-left:60px;}
.work_title {
font-size: 24px;
line-height: 24px;
color: #006FBB;}

.x-section-7 { padding-top: 45px; margin-left: -15px; margin-right: -15px;}
.aboutmid_r {float:right; width: 48%; padding-left: 30px;}
.aboutmid_r h3 { font-size: 30px;	background: url("../images/aboutwite.png") no-repeat bottom left;font-weight: bold; padding-bottom: 16px; margin-bottom: 16px; color: #FFFFFF;}
.aboutmid_r p{font-size: 16px;color: #FFFFFF;line-height: 28px;}

.aboutleft {float:left; width: 46%;}
.aboutright {float:left; width: 54%; padding-left: 70px;}


.x-section-7 .co7 .item {	 min-width: 25%; float: left;padding: 0 15px; margin-bottom: 15px;}
.x-section-7 .co7 .item:first-child {max-width:50%; padding-right: 15px;}
.x-section-7 .co7 .item:nth-child(2) {max-width:50%;}
.x-section-7 .co7 .item span {
	font-size: 48px;
	 font-weight: 700;
	line-height: 45px;
	height: 45px;
	display: inline-block;
	color: #333333;
}
.x-section-7 .co7 .item p {	font-size: 16px; padding-top: 10px;}
.work_map {position:relative; margin-top: 110px;}
.work_map span {position:absolute;width: 57px;height: 57px; font-size: 20px; color: #fff; line-height: 57px; text-align: center; border-radius: 50%;}
.work_01 {left:14%; top: 27.8%;background:rgba(0,111,187,0.8);}
.work_02 {left:55%; top: 6%;background:rgba(58,58,58,0.6);}
.work_map span:hover {background:rgba(0,111,187,0.9);}

.work_offer {text-align:center; margin-top: 45px;}
.work_offer span {position:relative; display: inline-block;z-index: 9;}
.work_offer span:nth-child(2) { margin-left: -56px; z-index: 8;}
.work_offer span img {vertical-align:bottom;}
.work_offer span i {position:absolute; color: #fff; font-size: 20px; width: 52px; height: 57px; line-height: 57px; left: 50%; margin-left: -26px; bottom: 10px; font-style: normal;}
.work_offer span:nth-child(1) i {background:url("../images/wjth02.png") no-repeat;}
.work_offer span:nth-child(2) i {background:url("../images/wjth01.png") no-repeat;}

.work_creer {padding-bottom:80px;}
.work_creer ul li {height:489px; background-repeat: no-repeat; overflow: hidden; background-position: center; float: left; width: 20%; position: relative;}
.creer_mask { background:rgba(0,0,0,0.3); width: 100%; height: 100%; text-align: center; padding: 0 40px; padding-top: 80%;    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.creer_mask h3 {font-size: 22px; text-align: center;line-height: 24px;color: #FFFFFF; position: relative;}
.creer_mask h3:after {width: 1px;height: 100px; opacity: 0; background: #FFFFFF; position: absolute; content:""; bottom: 0; left: 50%;}
.creer_mask p {
font-size: 16px; opacity: 0; text-align: left; margin-top: 10px; margin-bottom: 45px;
line-height: 28px;
color: #FFFFFF;}
.creer_mask span {width: 128px; opacity: 0; height: 41px;border: 1px solid #FFFFFF; display: inline-block; font-size: 16px; text-align: center; line-height: 41px; color: #fff; border-radius: 21px;}

@media (min-width: 768px) {
.work_creer ul li:hover .creer_mask {background:rgba(0,111,187,0.8); padding-top: 20%;}
.work_creer ul li:hover .creer_mask h3 {padding-bottom:120px;}
.work_creer ul li:hover .creer_mask p,.work_creer ul li:hover .creer_mask span,.work_creer ul li:hover .creer_mask h3:after {opacity:1;}
	
	.work_creer ul li:hover {background-size:120%; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
	
}

/*culture*/
.culban {height:600px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.culban:before {background:rgba(0,0,0,0.4);content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.culban .page_nei {text-align:center; color: #fff; height: 70%;}
.culban .page_nei span {font-size:16px; color: inherit;}
.culban .page_nei h4 { font-size:32px; font-weight: bold; color: inherit; line-height: 1.1; margin: 20px 0 55px 0; position: relative; padding-bottom: 78px;}
.culban .page_nei h4:before {content:""; height: 50px;background: rgba(255,255,255,0.3); width: 1px; position: absolute; bottom: 0; left: 50%;}
.culban .page_nei p {font-size:16px; color: inherit; line-height: 1.6; display: inline-block; padding: 0 35px; position: relative;}
.culban .page_nei p:before,.culban .page_nei p:after {content:""; position: absolute; width: 5px; height: 48px;}
.culban .page_nei p:before { background:url("../images/whr.png") no-repeat; left: 0; top: 0;}
.culban .page_nei p:after { background:url("../images/whl.png") no-repeat; right: 0; top: 0;}
.culture_list {padding:70px 0 70px 0;}
.culture_list ul {margin-left:-33px; margin-right: -33px;}
.culture_list ul li {width:33.33%; padding: 0 33px; float: left;}
.culture_list ul li .cul_img {overflow:hidden;}
.culture_list ul li .cul_cont {border: 1px solid #DCDCDC;text-align: center; padding: 50px 15px 0 15px; overflow: hidden; background: #fff; height: 314px;}
.culture_list ul li .cul_cont span {display:block; height: 50px; margin-bottom: 8px;}
.culture_list ul li .cul_cont h4 {
font-size: 20px;
font-weight: bold;
line-height: 28px;
color: #006FBB;}
.culture_list ul li .cul_cont em {font-size: 16px;font-style: normal;line-height: 28px; padding-bottom: 18px; display: block;color: #C9C9C9; position: relative;}
.culture_list ul li .cul_cont em:after {width: 20px;height: 2px;content:" "; position: absolute; bottom: 0; left: 50%; margin-left: -10px;background: #E8E8E8;}
.culture_list ul li .cul_cont p {font-size:16px; line-height: 1.6;max-width: 320px; margin: 0 auto; margin-top: 25px; }
.culture_list ul li .cul_img img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.culture_list ul li:hover .cul_img img { transform: scale(1.05); }
.culture_list ul li:hover .cul_cont {background:rgba(220,220,220,0.3);}

/*honor*/
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
.honor_up { position:relative; overflow: hidden; padding-bottom: 50px;}
.honor_up h2 {
font-size: 32px; text-align: center;  margin-top: 65px; position: relative;font-weight: bold;line-height: 28px;color: #333333; z-index: 9;}
.honor_up h2:before {width: 14px; position: absolute; content:""; left: 50%; top: -16px; margin-left: -7px; height: 4px;
    border-radius: 0;
    transform: rotate(-45deg);}
.honor_up p {font-size:16px; text-align: center; position: relative; padding-bottom: 70px; margin-top: 15px;}
.honor_up p:before {content:""; height: 30px;background: #D8D8D8; width: 1px; position: absolute; bottom: 0; left: 50%;}
.history_wrap {overflow:hidden;}
.historyYear{ position:fixed;top:30%;left:12%;width:70px; display: none; z-index:9;}
.historyYear_lst{display:none;position:relative;padding:15px 0 70px}
.historyYear_lst.active{display:block}
.historyYear_lst:before{position:absolute;top:0;left:0;width:70px;height:100%;border-radius:35px;background:#006FBB;opacity:0.7;filter:alpha(opacity=70);content:""}
.historyYear_lst > li{padding:0.15rem 0}
.historyYear_lst a{display:block;font-weight:500;font-size:0.85rem;line-height:1.35rem;color:#fff;letter-spacing:0;text-align:center;transition:color .3s ease;-webkit-transition:color .3s ease}
.historyYear_lst a > span{display:block;position:relative;color: #fff; line-height: 30px; font-size: 16px;}
.historyYear_lst a:hover span{color:#133a4c}
.historyYear_lst .active a span{color:#133a4c}
.historyYear > .more{margin-top:-58px}
.historyYear > .more > a{display:block;width:70px;height:70px;padding:15px 0;border:1px solid #006FBB;border-radius:50%;background:#006FBB;font-size:16px;color:#fff;text-align:center}
.historyYear > .more > a > span,.historyYear > .shortcut > a > span{display:block; color: inherit; font-size: inherit; position:relative;padding-top:15px;}
.historyYear > .more > a > span:before{position:absolute;top:0;left:0;width:100%; background: url("../images/honorjt.png") no-repeat center; content:""; height: 12px; }

.honor_r { width: 100%; padding-bottom: 90px;}
.honer{ position: relative;width:100%; margin:0 auto;height:auto; padding-bottom: 50px;}
.hrong{ position:relative; }
.honer .sss{ width:1px; position:absolute; top:0; left:50%; background:#DEDAD7; display:block; height:100%;}

.wi01{ position: relative;padding-top:58px; width:100%; z-index:1;}
.wi01 .w1130 {}
.wi01 .w1130:after {content:""; background: #006FBB; opacity: 0; position: absolute; height: 100%; width: 1px; top: 0; left: 50%;}
.wi01:hover .w1130:after {opacity:1;}
.wi01:hover:before {background:#F8F8F8;content:" "; position: absolute; top: 0; height: 100%; left: -25%; width: 150%;}
.wi01 .w1130{   position: relative;}
.wi01 .left{ float:left; color:#333333; width:50%; padding-left: 50px; text-align: center}
.wi01 .left h4 { position: relative;line-height:35px;font-size:46px; padding-right: 82px; display: inline-block;font-family: 'dincond-medium';}
.wi01 .left h4:after {width: 56px; position:absolute;height: 3px; right: 0; background: #BFBFBF; top: 50%;content:"" ;}
.wi01 .left span {font-size:18px; padding-left: 10px;}
.wi01 .right{width:50%;float:left;position: relative; padding-left: 100px;}
.wi01 .right img{ margin-right:5px;}
.wi01 .right span{float:left;background-image:url(../images/honorh.png); background-repeat: no-repeat; background-position: center; background-color:#E1E1E1;width: 65px;height:65px; left:-32px; border-radius: 50%; position: absolute;z-index:9;}

.wi01 .right .p{ float:left; width:100%;  border-bottom: 1px solid #D8D8D8; padding-bottom: 45px;}
.wi01:hover .left h4:after { background:#006FBB;}
.wi01:hover .right span {  background-color: #006FBB;}
.honornr { font-size:16px; line-height: 28px; width: 100%; margin-bottom:14px; padding-right:20px; position:relative;background:url(../images/honorxl.png) no-repeat right 8px;color:#006FBB; }
.honornr strong {display:inline-block; padding-right: 34px; line-height: inherit; font-size: 18px;}
.p .collapsed { background:none; color:#666; cursor: pointer;}
.collapsed:hover {background:url(../images/honorxl.png) no-repeat right 10px;color:#1a489b; }

.honorpic { padding:10px 0;}
.honorpic img { max-width:100%;}
.honor_r .pro_load {padding-top:0;}

/*new*/
.new_up {}
.new_up .left h3 {font-size: 32px; padding-left: 70px; height: 53px; line-height: 53px; position: relative;font-weight: bold;color: #333333;}
.new_up .left h3:before {content:""; width: 53px; height: 53px; display: inline-block;  left:0; top: 0; position: absolute;border-radius: 50%; background-color: #006FBB; background-image: url("../images/newico01.png"); background-repeat: no-repeat; background-position: center;}

.new_up .right {max-width:50%;}
.new_up .right form {position:relative; width: 400px; max-width: 100%;}
.new_up .right input.ser_l {background:#E1E4E6; height: 53px;border:0; outline: 0; width: 100%; border-radius: 25px; padding: 0 60px 0 10px;}
.new_up .right input.ser_r {width: 53px;height: 53px;background-color: #006FBB; background-image:url("../images/newico02.png"); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; border-radius: 50%; outline: 0;border:none; font-size: 0;}
.newd_list {padding:45px 0 0 0;}
.newd_list ul {margin-left:-33px; margin-right: -33px;}
.newd_list ul li {width:33.33%; float: left; padding: 0 33px; padding-bottom: 50px;}
.newd_list ul li .newpic	{overflow:hidden;}
.newd_list ul li .newpic img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.newd_list ul li:hover .newpic img { transform: scale(1.05); }
.newd_list ul li .new_cont {background:#fff; padding: 28px; height: 182px;}
.newd_list ul li .new_cont .newtime {display:block;font-size: 13px;line-height: 26px;color: #CBCBCB; background:url("../images/newico03.png") no-repeat left; padding-left: 20px;}
.newd_list ul li .new_cont h4 {font-size: 18px; max-height: 56px; margin-top: 5px;line-height: 28px;    white-space: normal;      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;color: #333333; margin-bottom: 18px;}
.newd_list ul li .new_cont em {font-style:normal; display: inline-block; background: url("../images/newico04.png") no-repeat right; padding-right: 24px;
font-size: 13px;
line-height: 26px;
color: #CBCBCB;}
.newd_list ul li:hover .new_cont {background:#006FBB;transition: 0.3s;-webkit-transition: 0.3s;}
.newd_list ul li:hover .new_cont .newtime{color:#82B3D5;}
.newd_list ul li:hover .new_cont h4,.newd_list ul li:hover .new_cont em {color:#fff;}
.newd_list ul li:hover .new_cont em {background:url("../images/newico05.png") no-repeat right;}

.paged{padding-top:20px; margin:0 auto 50px; text-align: center; box-sizing:border-box;}
.paged:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.paged a{border: 1px solid #DDD; display:inline-block; line-height:40px; color: #333; background-color: #fff; margin: 0 2px;width: 40px; height:40px;text-decoration: none; font-size:14px;border-radius:50% }
.paged a:hover{border:1px solid #006FBB; text-decoration: none; color:#fff; background-color:#006FBB; font-size:14px;}
.paged span {border-radius:50%; display:inline-block; border: 1px solid #006FBB;  background-color:#006FBB;color: #fff; line-height:40px;width: 40px; height:40px; font-size:14px; margin:0 2px;}
.paged a:first-child , .paged a:last-child{ border:none;} 
.paged .pagination {display:block;}
.paged .pagination li {display:inline-block;}

/*detail*/
.col-left { float:left; width:75%; padding-right:50px; padding-top:45px; padding-bottom:50px;}
.col-right { float:left; width:25%;padding-top:45px; padding-bottom:50px;}
.article{ margin-bottom:30px;}
.article p{ font-size:16px; color:#333; line-height:28px; margin-bottom:35px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}

.article_title{font-size:30px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}
.article_time{font-size:16px;line-height:40px; margin-right:40px;}
#border hr { margin:15px 0; margin-bottom:32px;}
.article_des { border-left:4px solid #FF5C5F; padding-left:25px;}
.article_des span { color:#333; display:block;}
.article_des p { color:#333; }

.bottom_link{  margin-bottom:10px;font-size:15px; color:#666; line-height:28px;}
.bottom_link p{ font-size:15px; color:#666; line-height:25px; padding-bottom:5px;}
.bottom_link a{font-size:15px; color:#9FA19F;}
.bottom_link a:hover{ color:#006FBB;}
.return{ float:right; width:114px; line-height:36px; border:1px solid #CBCBCB; font-size:16px; border-radius: 3px; color:#333; text-align:center;}
.return:hover{  border:1px solid #006FBB; font-size:14px; color:#fff; background-color:#006FBB;}

.recommend{ border-left:1px solid #EAEAEA;padding:10px 0 10px 50px;}
.recommend h2{font-size:20px; color:#333; margin:0;font-weight:bold; margin-bottom:20px;}
.recommend ul li a{ display:block;margin-bottom:25px;}
.recommend ul li:last-child a { margin-bottom:0;}
.recommend ul li a h3{font-size:18px; color:#333333; line-height:26px; margin:0;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.recommend ul li a span{ padding-top:5px; display:block;font-size:16px; color:#666; }
.recommend ul li a:hover h3{ color:#006FBB;}
.recommend_pic { overflow:hidden;}
.recommend_pic img{transition: 600ms; -webkit-transition: 600ms; }
.recommend ul li a:hover .recommend_pic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.recomborder { padding:16px 0;transition: 600ms; -webkit-transition: 600ms;}
.borertop { border-top:1px solid #e4e4e4; padding-top:22px; padding-bottom:22px;}
.fontsy {  font-size:14px;}

@media (max-width:767px) {
.col-left { float:left; width:100%; padding-right:0; padding-top:30px; padding-bottom:0;}
.col-right { float:left; width:100%; padding-top:0;}
.recommend { border-left:none; padding-left:0;}
.recommend ul li:last-child a { margin-bottom:25px;}
	.recommend ul li a h3 {font-size:16px;}
.article_title{font-size:25px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}

}


/*work*/
.work_sub {}
.work_sub .left p {font-size:16px; font-weight: 500; margin-top: 20px;}
.work_down {background:#FCFCFC; margin-top: 30px; padding: 55px 0 44px 0; margin-bottom: 80px;}
.work_down .x-section-7 {padding:0;margin: 0;}
.work_down .x-section-7 .co7 .item {max-width:inherit !important; border-right:1px solid #E4E4E4;}
.work_down .x-section-7 .co7 .item { width: 25%; text-align: center;}
.work_down .x-section-7 .co7 .item:last-child {border-right:none;}
.work_down .x-section-7 .co7 .item em {font-style:normal; height: 70px; margin-bottom: 8px; display: block;}
.work_down .x-section-7 .co7 .item i{font-style:normal; font-size: 16px;}
.work_down .x-section-7 .co7 .item p {padding-bottom:10px; font-size: 18px;}
.work_mapn {position:relative;}
.work_mapn .work_locaiton {position:absolute;cursor: pointer;width: 26px;height: 41px;}
.work_ico {width: 26px;height: 41px;position: relative;display: block;}
.work_ico:after {background:url("../images/wkkbig.png") no-repeat; background-size: contain; display: block;position: absolute;left: 0;top: 0;width: 100%;height:100%;content:"";}

.work_eject {background: #FFFFFF;display: none;top: -16px;left:148%;text-align: center;width: 0;border-radius: 5px;position: absolute;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.19);z-index: 9;}
.work_eject:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-right-color: #fff;
	left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.work_eject span {display:block; font-size: 16px; color: #333333;line-height: 1.2;}
.work_eject em {display:block; font-style: normal; font-size: 16px; line-height: 1.1; color: #999;}
.work_mapn .work_locaiton:hover .work_eject{ min-width: 100px; padding:8px 5px; display: block;}

.work_lo01 {left:7%; top: 17%; }
.work_lo02 {left:8.2%; top: 26.5%; }
.work_lo03 {left:12.2%; top: 28.5%; }
.work_lo04 {left:16%; top: 30.5%; }
.work_lo05 {left:12%; top: 36.8%; }
.work_lo06 {left:26.2%; top: 40.5%; }
.work_lo07 {left:34.2%; top: 44%; }
.work_lo08 {left:39.8%; top: 29%; }
.work_lo09 {left:42.8%; top:31.2%; }
.work_lo10 {right:24.6%; top: 16.5%; }
.work_lo11 {right:17.2%; top: 26.8%; }
.work_lo12 {right:9.2%; top: 69.5%; }

.work_lo08:before {content:""; background: url("../images/star.png") no-repeat; background-size: contain; width: 26px; height: 26px; position: absolute;right: 31px; bottom: 0;}
.work_botom {bottom:0; left: 0; width: 100%; position: absolute;}
.work_botom .left { border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB; padding: 12px 0;}
.work_botom .left span {font-size:16px; line-height: 26px; display: inline-block;}
.work_botom .left span:first-child {background:url("../images/star.png") no-repeat left; padding-left: 30px;padding-right: 68px;}
.work_botom .left span:nth-child(2) {background:url("../images/wkksm.png") no-repeat left; padding-left: 30px;}

.work_botom .pro_load {padding-top:0;}



/*job*/
@font-face {
  font-family: "webfont-bold";
  font-display: swap;
  src: url('../fonts/webfont.eot'); /* IE9 */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff2') format('woff2'),
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
.web-font {
  font-family: "Microsoft Yahei","Arial";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.job_up	{}
.job_up ul {margin-left:-15px; margin-right: -15px;}
.job_up ul li {width:33.33%; float: left; padding: 15px 15px; height: 386px;}
.job_up ul li .job_border {border: 1px solid #E4E4E4; height: 100%; padding: 40px; position: relative;    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.job_up ul li .job_border h4 {font-size:22px; line-height: 1.1; color: inherit;}
.job_up ul li .job_border strong {display:block; font-size: 48px;  font-weight: 700;/*font-weight:inherit;*/  color: inherit;line-height: 1.2; padding: 12px 0;}
.job_up ul li .job_border span{position:absolute; left: 40px; bottom: 40px;-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.jobpic {height:100%;}
.job_mid {padding:45px 0 60px 0;}
.job_mid p {font-size:16px; line-height: 1.6;}
.mhover {display:none;}

.job_up ul li:hover .job_border {background:#006FBB; color: #fff;}
.job_up ul li:hover .job_border .mhover {display:inline-block;}
.job_up ul li:hover .job_border .mhidden {display:none;}

.job_midlist {margin-left:-30px; margin-right: -30px; margin-top: 50px;}
.job_midlist li {width:33.33%; float: left; padding: 30px 30px;}
.job_midlist li .job_midn {text-align:center;padding-top:22px; position: relative;}
.job_midlist li .job_midn:before {position:absolute; content:""; background: #D5D5D5; height: 2px; width: 100%; top: 0; left: 0;}
.job_midlist li .job_midn:after {position:absolute; content:""; background: #006FBB; height: 2px; width: 0; top: 0; left: 0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.job_midlist li .job_midn strong {
font-size: 20px; display: block;
line-height: 28px;
color: #333333;}
.job_midlist li .job_midn span {height:50px; display: block; margin: 50px 0 40px 0;}
.joblist {padding-bottom:50px;}

.job_midlist li .job_midn span img {transition: 0.3s;-webkit-transition: 0.3s;}
.job_midlist li:hover .job_midn span  img {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }



.job_midcont {height: 185px;background: #F8F9FA; padding: 54px 32px 15px 32px;}
.job_midcont p {color:inherit; line-height: 28px;overflow-y:auto; max-height: 84px;}
.job_midcont p::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.job_midcont p::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.4);
  border-radius:2px;
}
.job_midcont p::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.6);
  border-radius:10px;
}
.job_midcont p::-webkit-scrollbar-thumb:hover{
  background: #fff;
}

.job_midlist li:hover .job_midn:after {width:100%;}
.job_midlist li:hover .job_midcont{background:#006FBB; color: #fff; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}

.jotxs {border:1px solid #E4E4E4; margin-bottom: 20px; position: relative;}
.jotxs .arrow {position:absolute; right: 40px; top: 50px; cursor: pointer;}
.jotxs .arrow i.line {width: 33px;height: 33px;background-color: #F8F9FA; background-image:url("../images/job_down.png"); background-repeat: no-repeat; background-position: center; display: inline-block;border-radius: 50%; font-style: normal;position: relative;}
.jotxs .arrow i.line:before {content:"查看"; font-size: 16px; position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.jotxs.act .arrow i.line {background: #006FBB; background-image: url("../images/job_up.png");background-repeat: no-repeat; background-position: center; }
.jotxs.act .arrow i.line:before {content:"收起"; }
.joinleft h3 strong{font-size: 18px; color: #333333; display: inline-block; position: relative;}
.joinleft h3 strong:after {content:""; position: absolute; left: -24px; top: 50%; margin-top: -3px; width: 7px;height: 7px; border-radius: 50%; background: #999999;}
.joincs {margin-left:-35px; margin-right: -35px; padding-top: 15px;}
.join-4 {padding:0 35px; max-width:25%; font-size: 16px; float: left; line-height: 25px;}
.jod {padding:34px 75px;}
.jos{ width:100%;background-color:#F8F9FA;display:none; padding: 0 75px;}
.jos .bodr{ border:none;padding: 30px 0; border-top:1px solid #ECECEC;}
.jos .bodr span{display:block;border-top:none;padding-top:0; margin-top:50px;}
#jo2 span a{font-size:16px;color:#fff;background:#006FBB;  border:1px solid #006FBB;border-radius: 25px; width:170px; height:50px; text-align:left; line-height:50px; display:inline-block; padding:0 15px; position: relative;}
#jo2 span a i { background:url("../images/jobjt.png") no-repeat; width: 16px; height: 14px; display: inline-block; margin-left: 5px; position: absolute; right: 15px; top: 50%;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
#jo2 span a:hover { background:#fff; color:#333;}
#jo2 span a:hover i {background:url("../images/jobjt2.png") no-repeat;}
.jos h3{font-size:15px; color:#666; font-weight:normal; margin:10px 0 4px;line-height:30px}
.jos p{font-size:16px;color:#666;line-height:28px}
.jotxs.act {background:#F8F9FA;}
.pt30 {padding-top:30px;}

/*job detail*/
.jobyp { padding-top:40px;}
.recuit label{width:28%;float:left;font-size:16px;font-weight:500;line-height: 35px;}
.recuit input[type=text]{width:72%;float:left;background: #F0F0F0;border: none;outline: 0;box-shadow: none;font-size: 16px;color: #1d1d1d;border-radius: 0;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;-webkit-appearance: radio;}
.recuit select { width:72%; float:left;}

.recuit .form-group{ line-height:34px; margin-bottom:25px;}
.recuit button{margin-bottom:30px;width: 177px;
    display: inline-block;
    color: #fff !important;
	padding: 0;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    background: #006FBB;
    border-radius: 28px;outline:0;}
.recuit textarea { border-radius:0px; width:100%; float:left;background: #F0F0F0;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    color: #1d1d1d;
    border-radius:0;}
.message_code span { margin-left:5px;}
.message_code span img { max-height:50px;}

@media screen and (max-width:1199px){
.recuit label{ width:32%;}
.recuit input[type=text]{ width:68%;}
.recuit select { width:68%;}
}

@media screen and (max-width:991px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
.recuit label{ width:25%;}
.recuit input[type=text]{ width:75%;}
.recuit select { width:75%;}
.recuit textarea { width:100%;}
}

@media screen and (max-width:767px){
.recuit label{ width:28%;}
.recuit input[type=text]{ width:72%;}
.recuit select { width:72%;}

}
@media screen and (max-width:374px){
.recuit label{ width:100%;}
.recuit input[type=text]{ width:100%;}
.recuit select { width:100%;}

}

/*contact*/
.cont_up {height:932px; max-height: 90vh; position: relative;margin-top: -70px;margin-bottom: 80px; overflow: hidden; width: 100%;}
.cont_upd {background:rgba(238,238,238,0.9);min-height: 390px;  position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9;}
.cont_upd:after {background:url("../images/contbg.png") no-repeat right;content:""; position: absolute; height: 100%; width: 50%; bottom: 0; right: 0;}
.cont_upd h2 {
font-size: 32px; margin-top: 65px; position: relative;font-weight: bold;line-height: 28px;color: #333333; z-index: 9;}
.cont_upd h2:before {width: 14px; position: absolute; content:""; left: 0; top: -16px; margin-left: -7px; height: 4px;
      border-radius: 0;    transform: rotate(-45deg);}
.cont_phone {padding-top:50px; position: relative; z-index: 9;}
.cont_phone .cont_l {float:left; width: 70%;}
.cont_phone .cont_l p {font-size:18px; padding: 8px 0; overflow: hidden;}
.cont_phone .cont_l p span {width: 39px;height: 39px; float: left; display: inline-block; text-align: center; line-height: 39px; background: #DCDCDC;border-radius: 50%;}
.cont_phone .cont_l p span img {transition: 0.5s;-webkit-transition: 0.5s;}
.cont_phone .cont_l p strong {font-size:18px; display: inline-block; font-weight: 500; max-width: 80%; padding-left: 20px; padding-top: 8px; float: left;}
.cont_phone .cont_r {float:right; max-width: 30%;}
.cont_phone .cont_r ul {margin-left:-18px; margin-right: -18px;}
.cont_phone .cont_r ul li {padding:0 18px; text-align: center; max-width: 50%; float: left;}
.cont_phone .cont_r ul li p {font-size:16px; padding-top: 5px;}
.cont_phone .cont_l p:hover span  img {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }