@charset "utf-8";
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tab,.collapse{margin:0 10px 0 10px;}
.tab,.panel{margin-top:10px;}
.header.fixed.fixed-top{border-bottom:solid 1px #ddd;z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.footer .badge{padding:7px 15px;}
.header{background:#aadc03; width:100%;}
/* 菜单列表 */
.nav ul{ padding:20px 10px;}
.nav ul a{ color:#fff; padding:10px 50px 10px 20px; font-size:16px; }
.nav--active .nav{ display:block;}
.button-group{cursor:pointer;}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.toppro{}
.toppro .x6{margin:8px 0;text-align:center;}
.toppro .x6 a img{border:1px solid #eee;padding:3px;}
.toppro .x6 a:hover img{border:1px solid #C9DCFF;}
.toppro .x6 div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}

.topnews{margin-top:20px;}
.topnews li strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.topjob{padding:0;margin:0;list-style:inside}
.topjob li{line-height:40px;border-bottom:1px dashed #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.showcontent{font-size:14px;}
.showcontent img{width:100%;height:auto;}
.showcontent video{width:100%;height:auto;}
.artshow h1{margin:0 0 10px 0;font-size:18px;font-weight:bold;line-height:30px;}
.artshow .badge{padding:6px 10px;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}
.artshow .win-backtop{margin-bottom:40px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.piclist ul{list-style:none;margin:10px;padding:0;}
.piclist li{text-align:center;margin-bottom:15px;}
.piclist li img{display:block;width:100%;height:auto;margin-bottom:10px;border:1px solid #ddd;padding:4px;}

@media (min-width:480px) and (max-width:760px){.item_list ul li{width:33.3%;}}
@media (min-width:761px){.item_list ul li{width:25%;}}

#mySwipe{margin:15px auto;}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{margin-bottom:10px;width:100%;}

.pager-prev,.pager-next{border:0;background:none;}
.pager-prev:hover,.pager-next:hover{color:#ff0;background:none;}
.pointer{margin-top:20px;}


/* i_contact */
.i_contact { background-image: url(../images/dark-pattern.jpg); }
.i_contact .panel-grid-cell { padding: 30px 15px 5px 15px; }
.i_contact .panel-grid-cell p{ color:#999;}
.i_contact .widget-title { font-size: 1.425rem; margin-bottom: 14px; position: relative; color: #FFF; }
.i_contact .widget-title__line { position: absolute; border-bottom: 1px solid rgba(0,0,0,.1); right: 0; top: 50%; left: 173px; }
.i_contact .textwidget { font-size: 14px; }
.i_contact .icon-container { display: inline-block; margin-right: .1875rem;
width: 1.25rem; }
.i_contact a.icon-container { color: #fff; }


/* 焦点图 */
.slideBox { position: relative; overflow: hidden; margin: 0 auto; max-width: 560px;/* 设置焦点图最大宽度 */ }
.slideBox .hd { position: absolute; height: 28px; line-height: 28px; bottom: 0; right: 0; z-index: 1; }
.slideBox .hd li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 6px; }
.slideBox .hd li.on { background: #fff; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100%;/* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; text-indent: 10px; height: 28px; line-height: 28px; background: url(../images/focusBg.png) repeat-x; color: #fff; text-align: left; }

.dh{width:98%;margin:-10px auto 1% auto;}
.dh ul,.dh li{width:100%; margin:0; padding:0; list-style:none;}
.dh li{width: 30.33%;margin:5px 1.5%;background: #555555;float: left;text-align: center;padding:13px 0;color: #fff;overflow: hidden;border-radius:2px; }
.dh li a{color:#fff}
.dh li i{width: 100%;}
.dh li i img{ width:50px;}
.dh li span{width: 100%;line-height: 15px;padding-top:6px;display: block;}
.dh ul .h200{height:234px;padding-top: 60px;background:#d4211c;}
.dh ul .w200{width:63.5%;background:#555555;}



/* 底部菜单 */
/**toolMenu**/
.toolMenu{height:40px; position:fixed;  bottom:0px; left:0px; width:100%; z-index:80; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+440));}
.backTop{width:45px; height:45px; position:fixed;z-index:100; right:2px; bottom:60px; overflow:hidden; border-radius:5px;  border-width:1px; border-style:solid; border-color:#aaa; cursor:pointer; background-color:#aaa; opacity:0.6; display:none;}
.backTop em{display:block; width:0px; height:0px; overflow:hidden; position:absolute; top:-2px; left:6px; border-width:16px; border-style:dashed dashed solid dashed; border-color:transparent transparent #ccc;}
	
.toolMenu{background-color:#aadc03;}
.toolBut strong{color:#fff;}
#tool_menu ul, #tool_menu li{ margin:0; padding:0; list-style:none;}
#tool_menu {height:46px; position: fixed; width:100%;}
#tool_menu_bg {height:46px;}
#tool_menu a .icon{padding-top:4px;}
#tool_menu a .icon{padding-bottom:0px; display:block;}

.toolBut { overflow: hidden;  margin: 0px;  padding: 0;}
.toolBut li {  float: left;  width: 20%;  text-align: center;}
.toolBut li a {  display: inline-block;  width: auto;  text-align: center;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.toolBut .icon_1, .toolBut .icon_2, .toolBut .icon_3, .toolBut .icon_4 ,.toolBut .icon_5{ display: block; width:20px; height:20px;text-align: center; margin: 0px auto 5px; overflow: hidden;}
.toolBut .icon_1 img, .toolBut .icon_2 img, .toolBut .icon_3 img, .toolBut .icon_4 img,.toolBut .icon_5 img{ width:100%;}
.toolBut strong {color: #fff;  font-weight: 100;}


/*home banner start */
.focus{ width:100%;height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box;  height:5px; background-color:rgba(0, 0, 0, 0.5); margin:0; padding:0; list-style:none;  }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; margin:0; padding:0; list-style:none; opacity:0.65 }
.focus .hd ul .on{ background: #ffffff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0.5); /* 取消链接高亮 */ }


/* 首页标题 */

.h-title {height:63px;line-height:60px;font-size:18px;color:#2e2e2e;background:url(../images/h_xian1.png) no-repeat center bottom;text-align:center;}
.h-title i { display:inline-block; padding:0 15px;}
.h-title-p { line-height:20px; color:#333; font-size:12px; text-align:center; text-transform:uppercase; word-spacing: 3px;letter-spacing:2px; padding:0 5px;}

 
.ser-con { margin-bottom:20px;}
.ser-con dl { float:left; width:33.33%; text-align:center;}
.ser-con dl dt {  overflow:hidden;}
.ser-con dl dt img { width:90%; padding:5% 5% 0 5%;}
.ser-con dl dd { background-color:#f7f7f7; overflow:hidden; margin:-5% 5% 0 5%; padding:0;}
.ser-con dl dd > h3 { margin:10px 0;}
.ser-con dl dd > h3 a { color:#158106; font-size:14px;}
.ser-con dl dd > i { display:block; width:40px; height:1px; background-color:#9A9A9A; margin:0 auto 10px auto;}
.ser-con dl:hover dd i { width:80px;}




@media screen and (min-width: 320px){
.h-title { font-size:16px;}
.in-zq div dl dd h3 { font-size:12px;}
.mb-news > div .m1 span { font-size:12px; margin-left:8px;}
.mb-news > div .m3 { font-size:12px;}
.mb-news > div h3 { font-size:18px;}
.hezuo-ms { font-size:12px;}
.hezuo-ms > p { line-height:22px;}
.hezuo-con dl dt { height:83px;}
.hezuo-con dl dd > h3 { margin:16px 0;}
.hezuo-con dl dd > h3 a { font-size:20px;}
.footer > p { font-size:12px;}
.js-zs .new-con h3 a { font-size:14px;}
.js-zs .new-con p a { font-size:12px;}
.cp-ser dl dt { height:110px;}
.cp-ser dl dd { font-size:12px; height:30px; line-height:30px;}
.cp-xq .cp_m p { font-size:12px; line-height:25px;}
.cp_main > h3 { font-size:16px;}
.cp_main > p { font-size:12px; line-height:25px;}
.ab_wm > p { font-size:12px; line-height:22px;}
.ab_wm > h3 { font-size:16px;}
.js_xq > h3 { font-size:16px; line-height:40px;}
.js_xq > h4 { font-size:12px; line-height:22px;}
.js_xq > p { font-size:12px; line-height:22px;}
.lx_wm ul li { font-size:12px;  line-height:40px;}
.lx_wm ul li span { font-size:14px;}
.rl_zy ul li { height:35px; line-height:35px; font-size:12px;}
.category_nav > li a { font-size:14px;}
.nav_fix > ul > li > a { font-size:14px;}

	}
@media screen and (min-width: 375px){
.h-title { font-size:18px;}
.in-zq div dl dd h3 { font-size:14px;}
.mb-news > div .m1 span { font-size:14px; margin-left:18px;}
.mb-news > div .m3 { font-size:14px;}
.mb-news > div h3 { font-size:20px;}
.hezuo-ms { font-size:14px;}
.hezuo-ms > p { line-height:27px;}
.hezuo-con dl dt { height:78px;}
.hezuo-con dl dd > h3 { margin:13px 0;}
.hezuo-con dl dd > h3 a { font-size:18px;}
.footer > p { font-size:14px;}
.js-zs .new-con h3 a { font-size:16px;}
.js-zs .new-con p a { font-size:14px;}
.cp-ser dl dt { height:128px;}
.cp-ser dl dd { font-size:14px; height:35px; line-height:35px;}
.cp-xq .cp_m p { font-size:14px; line-height:28px;}
.cp_main > h3 { font-size:18px;}
.cp_main > p { font-size:14px; line-height:28px;}
.ab_wm > p { font-size:14px; line-height:28px;}
.ab_wm > h3 { font-size:18px;}
.js_xq > h3 { font-size:18px; line-height:40px;}
.js_xq > h4 { font-size:14px; line-height:27px;}
.js_xq > p { font-size:14px; line-height:27px;}
.lx_wm ul li { font-size:14px;  line-height:40px;}
.lx_wm ul li span { font-size:16px;}
.rl_zy ul li { height:40px; line-height:40px; font-size:14px;}
.category_nav > li a { font-size:16px;}
.nav_fix > ul > li > a { font-size:16px;}
	}
@media screen and (min-width: 414px){
.h-title { font-size:20px;}
.in-zq div dl dd h3 { font-size:16px;}
.mb-news > div .m1 span { font-size:16px; margin-left:27px;}
.mb-news > div .m3 { font-size:16px;}
.mb-news > div h3 { font-size:22px;}
.hezuo-ms { font-size:16px; }
.hezuo-ms > p { line-height:30px;}
.hezuo-con dl dt { height:83px;}
.hezuo-con dl dd > h3 { margin:16px 0;}
.hezuo-con dl dd > h3 a { font-size:20px;}
.footer > p { font-size:16px;}
.js-zs .new-con h3 a { font-size:18px;}
.js-zs .new-con p a { font-size:16px;}
.cp-ser dl dt { height:142px;}
.cp-ser dl dd { font-size:16px; height:40px; line-height:40px;}
.cp-xq .cp_m p { font-size:16px; line-height:32px;}
.cp_main > h3 { font-size:20px;}
.cp_main > p { font-size:16px; line-height:30px;}
.ab_wm > p { font-size:16px; line-height:30px;}
.ab_wm > h3 { font-size:20px;}
.js_xq > h3 { font-size:20px; line-height:40px;}
.js_xq > h4 { font-size:16px; line-height:30px;}
.js_xq > p { font-size:16px; line-height:30px;}
.lx_wm ul li { font-size:16px;  line-height:40px;}
.lx_wm ul li span { font-size:18px;}
.rl_zy ul li { height:45px; line-height:45px; font-size:16px;}
.category_nav > li a { font-size:16px;}
.nav_fix > ul > li > a { font-size:16px;}
}

/* i_proclass */
.i_proclass { position: relative; padding: 20px 0;/* background: url(img/Advantage_bg1.jpg) top center no-repeat;*/ margin: 0; height: 730px; }
.i_proclass .h-title{ color:#333;} 
.i_proclass .h-title-p{ color:#333; overflow:hidden; height:20px;}
.i_proclass .owl-item { width: 46%; float: left; color: #333; height: 180px; cursor: pointer; transition: all 0.5s ease; position: relative; margin-bottom: 10px; margin:2%; }
.i_proclass .owl-item div { color: #333; text-align: center; z-index: 10; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.i_proclass .owl-item div.item { color: #333; text-align: center; transition: all 0.5s ease; z-index: 10; position: relative; padding:10px; }
.i_proclass .owl-item div.item  h3{ font-size:13px;}
.i_proclass .owl-item div.img { margin: 25px auto; height: 40px; width: 40px; display: block;  margin-top: 50px; transition: all 0.5s ease; }
.i_proclass .owl-item div.img img{ height: 40px; width: 40px;}
.i_proclass .owl-item div.img1 { }
.i_proclass .owl-item div.img2 { background-position: 0 -40px }
.i_proclass .owl-item div.img3 { background-position: 0 -80px }
.i_proclass .owl-item div.img4 { background-position: 0 -120px }
.i_proclass .owl-item div.img5 { background-position: 0 -160px }
.i_proclass .owl-item div.img6 { background-position: 0 -200px }
.i_proclass .owl-item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: all 0.5s ease; opacity: 0; border-bottom: 3px solid #aadc03; overflow-y: hidden; z-index: 0; }
.i_proclass .owl-item .overlay:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); opacity: 1; transition: all 0.5s ease; }
.i_proclass .owl-item .overlay .box { display: table; width: 100%; height: 100%; }
.i_proclass .owl-item .overlay .box .box-content { display: table-cell; vertical-align: bottom; text-align: center; }
.i_proclass .owl-item .overlay .box .box-content a { color: #fff; text-transform: uppercase; background: #aadc03; font-weight: normal; font-size: 12px; line-height: 24px; display: inline-block; padding:0; position: relative; top: 3px; transform: translate3d(0, 45px, 0); transition: all 0.5s ease; padding:0 20px; }
 
.i_proclass .owl-item:hover { background: #aadc03; }
.i_proclass .owl-item:hover div.img { margin-top: 20px; }
.i_proclass .owl-item:hover .overlay { opacity: 1; }
.i_proclass .owl-item:hover .overlay .box .box-content a { transform: translate3d(0, 0px, 0); }	

/* Advantage
** -------------------------------*/
#Advantage { position: relative; padding: 20px 0; background-color: #000; background: url(img/Advantage_bg.jpg) no-repeat top center;  height: 380px; overflow:hidden; }
#Advantage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #323232; opacity: .1; z-index: 1 }
#Advantage .w { position: relative; z-index: 10 }
#Advantage .col-lg-3 { width: 50%; float: left; }
#Advantage .item-counter { text-align: center; padding: 10px 0; }
#Advantage .item-counter.last { border-right: none!important }
#Advantage .item-counter span { font-size: 32px; color: #fff; margin: 3px 0 0 }
#Advantage .wrap-numb { display: inline-block; margin-top: 5px; width: 100%; color: #fff; font-size:12px;}
#Advantage .wrap-numb span { color: #fff; font-size: 18px; line-height: 24px; font-weight: 900; margin: 0; }
#Advantage .item-counter .name-count { margin-top: 0px; color: #fff; font-size: 16px; line-height: 20px; }


/*立刻咨询*/
.wap_book{    background:url(../images/dark-pattern.jpg); padding:20px 0; text-align:center;}
.wap_book p{ color:#fff; text-align:center; margin:0; padding:0}
.wap_book span{ color:#fff; font-size:20px; text-align:center; font-weight:bold;}
.wap_book span.lg{color:#aadc03}
.footerform .add{ width:50%;}
.footerform .add span{ color:#333; font-size:12px;}
.footerform .add input{box-sizing: border-box; width: 85%; padding-left:10px;font-size: 12px; color: #a8a8a8;  height:24px; line-height: 0.6rem; border: 1px solid #c0c0c0; background-color: #ffffff;}
.footerform .addbtn{ width: 100%; }
.footerform .addbtn .submit{ width: 100px; height: 30px; line-height:30px; font-size: 14px; color: #ffffff; border-radius: 10px; text-align: center;  background-color: #aadc03; margin:0 auto; border:none;}


/* 新闻中心 */

.js-zs { margin:20px auto; padding:0 2%;}
.js-zs dl { border-bottom:1px #BDBDBD dashed; margin-bottom:20px; padding-bottom:20px;}
.js-zs dl:last-child { border-bottom:none; margin-bottom:0;}
.js-zs .new-date { float:left; width:87px; height:87px; text-align:center; color:#7a7a7a; background-color:#F2F2F2; margin-right:5px;}
.js-zs .new-date strong { display:block; font-size:26px; font-weight:normal; padding-top:14px;}
.js-zs .new-date span { font-size:14px;}
.js-zs .new-con { float:left; width:70%; margin:0; padding:0;}
.js-zs .new-con h3 { font-size:14px; height:30px; line-height:30px; margin-bottom:8px; overflow:hidden;}
.js-zs .new-con h3 a { color:#000;}
.js-zs .new-con p { font-size:12px; line-height:22px; height:42px; overflow:hidden; margin-bottom:0;}
.js-zs .new-con p a { color:#565656;}
.js-zs dl:hover dt { background-color:#9ECA41; color:#fff;}

/* m-banner end */
.add { text-align:center; padding-bottom:10px; line-height:50px;}
.add a { font-size:12px; color:#666; padding:12px 32px; border:1px #949494 solid; border-radius:50px;}


/* page-banner */
.page-title {
    position: relative;
    padding: 20px 0px;
    color: #ffffff;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-title:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(4,4,4,0.60);
}
.page-title .auto-container{
	position:relative;
	z-index:1;
	padding:0 15px ;
}

.page-title h1{
	position:relative;
	font-size:28px;
	line-height:32px;
 	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
}

.page-title .bread-crumb{
	position:relative;
	padding-top:15px;
	text-align:left;
	margin:0;
	padding:0;
}

.page-title .bread-crumb li{
	position:relative;
	display:inline-block;
	line-height:30px;
	margin-left:20px;
	color:#ffffff;
	font-size:12px;
	text-transform:capitalize;
}

.page-title .bread-crumb a{
	position:relative;
	display:inline-block;
	line-height:30px;
 
	color:#ffffff;
	font-size:12px;
	text-transform:capitalize;
}
 

.page-title .bread-crumb li:first-child{
	margin-left:0px;	
}

.page-title .bread-crumb li:last-child:before{
	display:none;	
}

.page-title .bread-crumb li a{
	color:#ffffff;	
}

.page-title .bread-crumb li a:hover{
	color:#f44122;
}

.page-title .bread-crumb li.active{
	color:#f44122;
}
