﻿@charset "utf-8";
/* CSS Document */
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; /*font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53"; */  font-family: "宋体" !important;font: "宋体" !important}
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;transition:0.5s all; -webkit-transition:0.5s all;}
a:hover { color:#b92a30 ;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}




.edit_con_original{ line-height:1.8; padding:0 0; color:#333;font-family: "宋体" !important;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}


/*
.edit_con_original p,.edit_con_original span,.edit_con_original em,.edit_con_original strong,.edit_con_original h1,.edit_con_original h2,.edit_con_original h3,.edit_con_original h4,.edit_con_original h5{font-family: "宋体" !important;}
.edit_con_original span,.edit_con_original p{text-indent:2em;display: inline-block;}*/

.edit_con_original p{text-indent:2em !important; line-height: 1.8em !important;}
.edit_con_original p span{line-height:inherit !important;}
.edit_con_original p.imgcur{text-indent:0;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.ratio-img{ width:100%; height:auto;}
img.ratio-img{ width:100%; height:auto; background:url(../images/error.png) center no-repeat #fff;}

.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:1000ms all; -webkit-transition:1000ms all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.font-18{ font-size:18px;}
.font-22{ font-size:22px;}
.font-28{ font-size:28px;}

.wrapper{width: 100%;}
.wrap_index{ max-width:1660px; margin:0 auto;}
.wrap_footer{ max-width:1500px; margin:0 auto;}

.font-12{ font-size:12px;}
.font-14{ font-size:14px;}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.font-20{ font-size:20px;}
.font-22{ font-size:22px;}
.font-24{ font-size:24px;}
.font-30{ font-size:30px;}
.font-33{ font-size:33px;}
.font-36{ font-size:36px;}
.font-40{ font-size:40px;}
.font-44{ font-size:44px;}
.font-48{ font-size:48px;}
.font-60 { font-size: 60px;}
.font-100{ font-size:100px;}

.website_sel{ float:left; width:120px; height:28px; line-height:28px; border-bottom:1px solid #A3A3A3;}
/*模拟select*/
.select-wrap.disabled .select-box{ background:#eee; }
.select-wrap.disabled .select-box a { color:#aaa; opacity:0.2; filter:alpha(opacity=20);}
.select-wrap.disabled .select-box .ico { opacity:0.2; filter:alpha(opacity=20);}
.select-box { position:relative;box-sizing:border-box; }
.select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; }
.select-box dt a b { overflow:hidden; margin:0 12px 0 0; color:#3D3D3D; font-size:12px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box .ico { position:absolute; right:0; top:0; width:10px; height:100%; z-index:1;  background:url(../images/point.png) no-repeat right center;}
.select-box dd { display:none;}
.select-body-box { position:absolute; margin-top:2px; border:1px solid #ddd; border-top:0; background:#fff;  box-sizing:border-box;max-height:200px; overflow:auto; z-index:111111;}
.select-body-box a { display:block; padding:5px; color:#666; font-size:12px;}
.select-body-box:hover a.on { background:none; color:#666;}
.select-body-box a.on,
.select-body-box a:hover,
.select-body-box:hover a.on:hover { background:#257E44; color:#fff;}
.selectmask { display:none;}

.t_share{ float:left; width:178px; height:30px; margin:0 20px 0 30px;}
.t_share a{width:24px; height:24px; float:left; margin:0 10px; }
.t_share a.a1{background:url(../images/wb.png) no-repeat;}
.t_share a.a2{background:url(../images/wx.png) no-repeat;}
.t_share a.a3{background:url(../images/qq.png) no-repeat;}
.t_share a.a4{background:url(../images/yx.png) no-repeat;}
.t_share a.a1:hover,.t_share a.a2:hover,.t_share a.a3:hover,.t_share a.a4:hover { opacity:0.5;}

/*微信二维码弹窗*/
.weixin { position: fixed; width: 300px; height: 260px; z-index: 100000; left: 50%; top: 50%; margin: -120px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }

.outlink{ float:left;}
.outlink a{ padding:0 12px; font-weight:bold; font-size:13px; color:#257E44;}
.lang{ float:left; margin-left:10px;}
.lang em{ font-size:12px;color:#8B8B8B;}
.lang a{ color:#8B8B8B;}
.lang a:hover{ color:#3D3D3D;}
.lang a.en{ font-family:Arial, Helvetica, sans-serif;}
.search {float:left; margin-left:45px; margin-top:-5px; width:255px; height:28px; line-height:28px; border:1px solid #D1D1D1; border-radius: 20px; }
.search input { height:28px; line-height:28px; float: left;box-sizing:border-box;}
.search input.s_inp{ width:190px; *+margin-left:-50px; text-align:left; border:0;font-size: 12px; float: left; background: url(../images/search.png) 10px center no-repeat; padding-left:30px; color: #000}
.search input.s_inp + input {float: right;width:34px; border: 0; background: url(../images/search1.png) center center no-repeat;overflow: hidden; text-indent: -100px; }
.search .button {display: inline-block;float: right;width:34px; height: 28px; border: 0; background: url(../images/search1.png) center center no-repeat;overflow: hidden; text-indent: -100px; }

.header{ position:fixed; z-index:10000;height: 131px; background:#fff;width: 100%;}
.header .wrap{position: relative; max-width: 1280px;}
.header .logo{ float:left; width:520px;margin-top: 20px;}
.header .logo img{ max-width:100%; height:auto;}
.top-list{ float:right; margin-left:0px;height:30px; margin-top:20px;}

ul.nav { float:none; width: 100%; clear: both; padding-top: 22px;}
ul.nav li { float: left; padding:0 10px 0px; margin:0 20px; position:relative; }
ul.nav li.on,ul.nav li.hover{border-bottom: 4px solid #b8292f;color:#b8292f;}
ul.nav li.on a,ul.nav li.hover a{color: #b8292f;}
ul.nav li a{ display: block; height:36px; line-height:36px; font-size: 16px; color: #3E3E3E; }
ul.nav li:last-child{ padding-right:0; margin-right:0;}

/*下拉导航 */
.header .nav li .child { overflow:hidden;  opacity:0; transition:0.3s all; visibility:hidden; transform:translateY(30px); position:absolute; left:0; top:61px; background:rgba(246,244,240,0.9); width:140px;padding:40px 0; z-index:-1; }
.header .nav li.hover .child{ opacity:1; height:auto; visibility:visible; transform:translateY(-10px); z-index:999;  }
.header .nav li .child .txt{ float:left; width:100px; padding:0 15px 0 25px;}
.header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{border-right:1px dashed #838383;}
.header .nav li .child .txt:last-child{ border:none;}
.header .nav li .child .txt.last{ border:none;}
.header .nav li .child .txt h3{font-size:16px; margin-bottom:1em; background:url(../images/dot09.jpg) left center no-repeat;}
.header .nav li .child .txt h3 a{ height:auto; line-height:1; color:#262626; padding-left:15px;}
.header .nav li .child .txt h3 a:hover,.header .nav li .child .txt h3 a.on{ color:#b8292f;}
.header .nav li .child .txt span{ display:block; margin-left:15px;}
.header .nav li .child .txt span a{font-size:14px; color:#4A4D55;height:auto; line-height:1.6;}
.header .nav li .child .txt span a:hover,.header .nav li .child .txt span a.on{color:#b8292f;}
.header .nav li.l4 .child,.header .nav li.l5 .child{ left:auto; right:0;}
.lt9 .header .nav li .child{ background:#F6F4F0;}
/*下拉导航 End */
.headerNav .header{ height:50px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); background: #fff }
/*.headerNav .header .top-list{ display: none;}*/
.headerNav .header .logo{ margin-top: 10px; width: 300px}
.headerNav .header ul.nav { margin:10px 0 0 0;}
.headerNav .header ul.nav li{ padding:0 10px;}
.header,.header *{transition: all .3s ease-in-out;}
.headerNav .header .nav li .child{top:40px}

.headerNav ul.nav{ float: right; width: auto; clear: inherit; padding-top: 0}




.in_banner{ position: relative; width: 90%; margin:0 auto; }
.in_banner li{ position:absolute; width:100%; float:none; top:0; left:0;}
.in_banner li img{ width:100%; }
.in_banner li .text{ position:absolute; bottom:50px; width:75%; right:10%; color:#fff; text-align:left;transition:All 0.2s ease-in-out;  -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;    -o-transition:All 0.2s ease-in-out; }
.in_banner li  .text p{   color:#fff; text-align:left;}
.in_banner li:nth-child(2n+1) .text{ left: 10%; text-align: right;}
.in_banner li:nth-child(2n+1) .text p{ left: 10%; text-align: right;}
.in_banner .bx-wrapper .bx-controls-direction a{display: block;width: 40px;height: 40px;background-size: cover}
.in_banner .bx-wrapper .bx-controls-direction  .bx-prev{left: 5px;background-image: url(../images/index_icon05.png);}
.in_banner .bx-wrapper .bx-controls-direction  .bx-next{right: 5px;background-image: url(../images/index_icon06.png);}
.in_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 30px;}
@media only screen and (max-width: 767px){
	.in_banner .bx-wrapper .bx-controls-direction a{display: none;}
}

.main{ padding:0 0 70px;}



.footer{width: 100%; padding:30px 0 100px;background: #f8f8f9;position: relative;  border-top: 1px solid #b8292f}
.footer a:hover{ color: #b92a30}
.foot_ll{ float:right; /*width:23%;*/ color:#000; margin:20px 0 0; }
.foot_rr{ float:left; width:58%; *+margin-left:-1px;}
.foot_ll ul li{ float:left; font-size:12px;}
.foot_ll li a{ padding:0 20px; color:#000;}
.foot_ll li:first-child a{ padding-left:0;}

.foot_rr .cop{ margin:20px 0 0;}
.foot_rr .cop span{ margin:0 0 0 20px;}
.foot_rr .cop a{ color:#000;}
.foot_rr .cop .xhr{ display: none;color:#585858; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top: 20px;}

.foot_rr dl{ float:left; }
.foot_rr dl dd{ float:left; width:91px; font-size:12px;color:#fff; text-align:center;margin-right: 20px;}
.foot_rr dl dd img{ max-width:100%; height:auto;margin:20px 0 10px;}
.foot_rr dl dd:last-child{margin-right: 0}

.menu_h{ display:none;}

/*内页导航以及面包屑*/
.other_banner {/* width:86%;*/ height:auto; position:relative; margin:0 auto; }
.other_banner img { width:100%; height:auto; }
.other_banner_tit { position:relative;  width:100%; }
.other_banner_box {  color:#fff; position:relative; width: 1280px; margin:0 auto;}
.other_banner_box h1{ position: absolute; bottom: 158px; left:0; color: #fff; font-size:28px;}
.site{ height:58px; line-height:58px; position:absolute; left:0; bottom:100px; color:#fff;}
.site a{ padding:0px 2px; display:inline-block; zoom:1; color:#fff;}
.site a:hover {  color:#ddd;}
.site span{ padding:0px 4px;color:#fff;}

.site1{text-align:right;line-height:65px;overflow:hidden;position:relative; }
.site1 a{ padding:0px 2px; display:inline-block; zoom:1; color:#969696;}
.site1 a:hover{color:#b92a30;}
.site1 span{ padding:0px 2px;color:#000;}

/*分页*/
/*上一页下一页*/
.wapper{ width:100%; margin:0px auto;padding-top:20px;}
.page { vertical-align: middle; text-align: center; margin: 20px 0px; color: #808080 }
.page select {display: none;}
.page input { vertical-align: middle; }
.page span { margin-left: 12px;font-size:12px;}
.page a { vertical-align: middle; display: inline-block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #808080; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; }
.page a.on { width: 17px; height: 17px; line-height: 17px; text-align: center; background-color: #c70f1a; border: 1px solid #d9d9d9; color: #fff; }
.page a.prev { width: 17px; height: 17px;background:url(../images/l_s_012.jpg) no-repeat center; margin: 0px 5px 0px 0px; }
.page a.next { width: 17px; height: 17px;background:url(../images/l_s_013.jpg) no-repeat center; margin: 0px 0px 0px 5px; }
.page a.first { width: 40px; height: 17px; font-size: 12px; font-family: "微软雅黑"; }
.page a.last { width: 40px; height: 17px; font-size: 12px; font-family: "微软雅黑"; }
.page span.txtnum { display: inline-block; width: 17px; height: 17px; line-height: 17px; background: #efefef; border: 1px solid #d9d9d9; margin: 0px 8px; vertical-align: middle; }
.page span.txtnum input { width: 17px; color: #c70f1a; height: 17px; line-height: 17px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: none; border: none; }
.page a.go { font-size: 13px; color: #fff;background:#b9b9b9;height:25px;width:25px;line-height:25px;}
.page label{ color:#c70f1a;}

/* 动画 */

@media (min-width:1000px) and (max-width:2000px) {
.home04_index{/*opacity: 0;-webkit-transition:All 0.6s ease-in-out;transform:scale(0.2);-moz-transition:All 0.6s ease-in-out;transform:scale(0.2);-ms-transition:All 0.6s ease-in-out;transform:scale(0.2);-o-transition:All 0.6s ease-in-out;transform:scale(0.2);transition:All 0.6s ease-in-out;transform:scale(0.2);*/}
.home04_index.cur{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.about_wt .wt_l{ /* transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.about_wt .wt_l.cur{    transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;}

.about_wt .wt_m{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;}
.about_wt .wt_m.cur{ transform: translateY(50%); -webkit-transform: translateY(50%);-ms-transform: translateY(0); opacity: 1;}

.about_wt .wt_r{/*  transform: translateX(100px); -webkit-transform: translateX(100px);-ms-transform: translateX(-100px);opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;}
.about_wt .wt_r.cur{   /* transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);*/opacity: 1;}

.news1{/*opacity: 0;-webkit-transition:All 0.6s ease-in-out;transform:scale(0.2);-moz-transition:All 0.6s ease-in-out;transform:scale(0.2);-ms-transition:All 0.6s ease-in-out;transform:scale(0.2);-o-transition:All 0.6s ease-in-out;transform:scale(0.2);transition:All 0.6s ease-in-out;transform:scale(0.2);*/}
.news1.cur{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}


.in_banner{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;}
.in_banner.cur { transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}

/* .index_gk02 .left{transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px);opacity: 0; transition: 1s all; -webkit-transition: 1s all;-ms-transition: 1s all;

 transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.index_gk02 .left.cur{transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0); opacity: 1;}

.pro_01 .pr dl{transform: scale(0.5,0.5) rotate(3deg);-webkit-transform: scale(0.5,0.5) rotate(3deg); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all;}

.pro_01 .pr dl.cur{ transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);opacity: 1;} */

.news_index{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;*/}
.news_index.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}
}

@media only screen and (max-width:1660px) {
.in_banner{ width: 90%;}
.wrap_index{ max-width:90%; }
.wrap_index.full_width {
	max-width:100%;
}
.other_banner { width:100%; }

	.wrap_footer {
		max-width:90%;
	}
	.foot_ll {
		/*width: 360px;*/
	}
}

@media only screen and (max-width: 1500px) {
	.foot_rr .cop span.link_xhr {
		display: block;
		margin-left: 0;
	}
}


@media only screen and (max-width:1366px) {
.font-18{ font-size:16px;}
.font-22{ font-size:20px;}
.font-28{ font-size:24px;}
.font-40{font-size:36px;}

.top-list{ margin-left:236px;}
ul.nav li a{ font-size:15px;}
.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:40px 0 0;}
.main{ padding:0 0 40px;}
.footer{ padding:30px 0 60px;}

.bus_tabc{ height:509px;}
	.top-list {
		margin-left:0;
	}
	.other_banner_box {
		width: 100%;
	}
}



@media only screen and (max-width:1280px) {
.in_banner{ width:100%;}
.font-18{ font-size:14px;}
.font-22{ font-size:18px;}
.font-28{ font-size:20px;}
.font-40{font-size:30px;}
.top-list{ margin-left:50px;}
ul.nav li a,.tab-tit li,.bus_tabt li em{ font-size:14px;}
.t_share{ margin:0 10px;}
.search{ margin-left:10px;}
ul.nav li{ margin:0 10px;}

.header .nav li .child{width:140px;}
.header .nav li .child .txt span a{ font-size:12px;}
.header .nav li .child .txt{ padding:0 20px; width:100px;}
/*.header .nav li.l1 .child{ width:422px;}
.header .nav li.l4 .child{ width:342px;}
.header .nav li.l4 .child .txt{ padding:0 20px; width:130px;}
.header .nav li.l6 .child{ width:282px;}*/

.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:30px 0 0;}
.main{ padding:0 0 30px;}
.footer{ padding:30px 0;}

.news_crr ul{ height:4em; overflow:hidden;}
.news_crr a.more{ margin-top:10px;}
.bus_tabt li img{ margin:15px auto 0;}
.bus_tabc{ height:407px;}
.other_banner_box {  width: 100%; }
.other_banner_box h1{  bottom: 38px;  font-size:18px;}
.site{ height:38px; line-height:38px; }


	.header .logo {
		width: 400px;
	}
	.foot_ll {
		float: none;
	}
	.foot_rr {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.other_banner_tit {
		width: auto;
		padding: 0 30px;
	}
}

@media only screen and (max-width:1023px) {
body{font-size:12px;}
.font-18{ font-size:12px;}
.font-22{ font-size:14px;}
.font-28{ font-size:16px;}
ul.nav li a, .tab-tit li,.bus_tabt li em{ font-size:12px;}
.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:20px 0 0;}
.main{ padding:0 0 20px;}

.outlink a{ padding:0 5px;}
.search{ width:185px; display:none;}
	.containers .search {
		display: block;
	}
.search input.s_inp{ width:140px;}
ul.nav li{ padding:0 0 21px;}

.tab-tit{ top:20px;}
.news_crr .inner{ padding-top:15%;}
.news_crr .c,.news_crr ul{ height:3em;}
.news_crr ul li{ height:20px; line-height:20px;}
.bus_tabt li img{ max-width:50%;}
.bus_tabt li em{ margin:10px 0 0;}
.devlist li a.more{ width:20px; height:20px;}

.foot_rr dl dd{ width:80px;}

.bus_tabc{ height:305px;}
.other_banner_box {  width: 90%; }

}


@media only screen and (max-width:1024px) {
/*模拟select*/
.wrap_index{ max-width:100%; }
	.wrap_footer{
		max-width:100%;
	}
.select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; }
.selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; }
/**/

ul.nav { display: none; }
/*手机导航样式 Start*/
body.menu-open {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.menu_h { display: block; background: none; border: none; width:30px; height:20px; padding: 0; outline: none; position: absolute; right:1%; top: 50%;margin-top:-10px;z-index: 2000; }
.menu_h::before, .menu_h::after, .menu_h span { background: #b8292f; }
.menu_h::before, .menu_h::after { content: ''; position: absolute; height:2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
.menu_h span { position: absolute; width: 100%; height: 2px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
.menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }

.menu-open .menu_h span { opacity: 0; }
.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.menu-open ul.nav {
	display: block;
	float: none;
	width: 102%;
	height: auto;
	overflow: scroll;
	position: fixed;
	top: 32px;
	left: -1%;
	z-index: 99;
	background: #fff;
	bottom: 0;
}
.menu-open ul.nav li { float: none; width:100%; padding:0; margin:0;}
.menu-open ul.nav li.l0,.menu-open ul.nav li.l5{border-bottom: 33px solid #f6f5f1}
.menu-open ul.nav li a { height:auto; font-size: 1.2em; line-height:2em; color:#fff; background: #b8292f; display: block; text-align:center; width: 100%; padding:0; margin:0;}
.menu-open ul.nav li a:hover { color: #fff;}

.menu-open ul.nav li .child{ margin:0; transform:translateY(0px);opacity:1; visibility:visible; position:relative; top:0; z-index:0;}
.header .nav li .child,.header .nav li.l1 .child,.header .nav li.l4 .child,.header .nav li.l6 .child{ width:90%; padding:10px 5%;}
.header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{ width:33.3%; padding:0; margin:0; text-align:center; border:none;}
.header .nav li .child .txt span{ margin:0;}
.header .nav li .child .txt h3{ font-size:14px;}
.header .nav li .child .txt h3 a,.header .nav li .child .txt span a{font-size: 1em; margin:0; padding:0; background:none;}
.header .nav li .child .txt h3 a.on,.header .nav li .child .txt h3 a:hover,.header .nav li .child .txt span a.on,.header .nav li .child .txt span a:hover{ }
.header .nav li.l1 .child .txt,.header .nav li.l2 .child .txt,.header .nav li.l3 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l5 .child .txt,.header .nav li.l6 .child .txt,.header .nav li.l7 .child .txt{ width:100%;}
.header .nav li.l1 .child .txt h3,.header .nav li.l2 .child .txt h3,.header .nav li.l3 .child .txt h3,.header .nav li.l4 .child .txt h3,.header .nav li.l5 .child .txt h3,.header .nav li.l6 .child .txt h3 ,.header .nav li.l7 .child .txt h3{ float:left; width:33.3%;}
.header .nav li.l4 .child .txt{ height:120px;}
.header .nav li.l4 .child .txt:last-child{ height:auto;}
.header .nav li .child .txt{ padding:0;}
/*手机导航样式 End*/

.header{ height:auto; padding:10px 0;}
.header .logo{ width:200px; margin:0;}
.top-list{ display:none;}


.foot_ll,.foot_rr{ width:98%; margin:1%;}
.foot_ll li a{ padding:0 5px;}
.foot_ll .cop{ margin:5px 0 0;}
.foot_rr dl{ float:left; margin:10px 0 0;}
.foot_rr dl dd{ width:70px; margin:0 10px 0 0;}

.other_banner_box h1{  bottom: 30px;  font-size:14px;}
.site{ height:18px; line-height:18px;bottom: 10px; }


.page { padding: 20px 0; height: 30px; }
.page select {display: inline-block;}
.page a, .page span { display: none; }
.page a.prev, .page a.next { display: block; float: left; margin: 0; width: 25%;height: 21px;line-height: 21px; border: 1px solid #257e44; margin-left: 12%; }
.page a.next {
	float: right;
	margin:0 12% 0 0;
}
.page a.prev:hover, .page a.next:hover { border: 1px solid #257e44; }

	.main {
		padding-top: 56px !important;
	}

	.wrap_footer {
		padding: 0 20px;
	}
	.vertical {
		display: block;
		width: 0;
		height: 0;
		font-size: 0;
	}
	.in_banner li  .text p {
		/*display: none;*/
	}

}

@media only screen and (max-width:500px) {
.other_banner_box h1{  bottom: 20px;  font-size:14px;}
.site{ height:18px; line-height:18px;bottom: 3px; }
	.header .logo {
		width: 200px !important;
	}


	.header{padding-top: 20px;}
}




.banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}

.vv{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.vv.cur{opacity: 0;visibility: hidden;}


.banner .lhl_but div{display: block;width: 40px;height: 40px;background-size: cover}
.banner .swiper-button-prev{left: 5px;background-image: url(../images/index_icon05.png);}
.banner .swiper-button-next{right: 5px;background-image: url(../images/index_icon06.png);}






@media only screen and (max-width: 767px){
	.banner .lhl_but{display: none;}
}



.banner .swiper-pagination{bottom:50px;width:100%;}

.banner .swiper-pagination span{
	background: #fff;
	opacity:0.5;
	width:10px;
	height:10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%; position:relative;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;}

.banner li .text{     z-index: 9;position:absolute; bottom:85px; width:75%; right:10%; color:#fff; text-align:left;transition:All 0.2s ease-in-out;  -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;    -o-transition:All 0.2s ease-in-out; }
.banner li  .text p{   color:#fff; text-align:left;}
/*.banner li:nth-child(2n+1) .text{ left: 10%; text-align: right;}*/

@media only screen and (max-width: 767px){
.banner .swiper-pagination{bottom: 30px;}
.banner li video{display:none !important;}
}


@media only screen and (max-width:768px) {

    .banner li .text {
        display: inline-block;
        height: 1em;
        line-height: 1em;
        overflow: hidden;
    }
    .banner li .text br{
        display: none;
    }
    

}

@media only screen and (max-width:500px) { 
    bottom: auto;
    top: 20px;
}
