@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:#fff; 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;}
li,dt{ list-style:none}
div,h1,h2,h3,p,li,ul,dl,dt{ padding:0px; margin:0px }

.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% !important;height:auto !important;}
.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:#153b96;}
.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:40px;line-height:40px;font-size:18px;color:#2e2e2e;text-align:center; font-weight:bold}
.h-title i { display:inline-block; padding:0 15px;}
.h-title-p { line-height:20px; color:#333; font-size:14px; text-align:center; text-transform:uppercase; word-spacing: 3px; padding:0 5%; margin-bottom:0px}

 
.ser-con { margin-bottom:20px;}
.ser-con dl { float:left; width:50%; text-align:center; min-height:175px  }
.ser-con dl dt {  overflow:hidden;}
.ser-con dl dt img { width:90%; padding:5% 5% 0 5%; border:1px solid #ccc}
.ser-con dl dd {  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:14px; white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis; }
.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(../images/Advantage_bg1.jpg) top center no-repeat; margin: 0; height: 680px; }
.i_proclass .h-title{ color:#fff;} 
.i_proclass .h-title-p{ color:#fff; overflow:hidden; height:20px;}
.i_proclass .owl-item { width: 46%; float: left; color: #fff; height: 160px; cursor: pointer; transition: all 0.5s ease; position: relative; margin-bottom: 10px; margin:2%; }
.i_proclass .owl-item div { color: #fff; 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: #fff; 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: 15px auto; height: 40px; width: 40px; display: block; background: url(../images/ico_proclass.png) 0 0 no-repeat; margin-top: 10px; transition: all 0.5s ease; }
.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 #153b96; 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: #153b96; 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: #153b96; }
.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(../images/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:#153b96; 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:#ffb500}
.footerform { margin-top: 15px;}
.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:40px; line-height: 40px; border: 1px solid #c0c0c0; background-color: #ffffff;}
.footerform .add.code .enter textarea{ width:100%; padding-left:10px}
.footerform  .addcon{ width:100%}
.footerform .add.code { width: 100%;}
.footerform .add.code .enter { width: 92%; margin: 0 auto; position: relative;}
.footerform .add.code .enter input{ width: 100%;}
.footerform .add.code .enter img{ position: absolute; right: 10px; top: 10px;}
.footerform .addbtn{ width: 100%; }
.footerform .addbtn .submit{ width: 150px; height: 30px; line-height:30px; font-size: 14px; color: #ffffff; border-radius: 10px; text-align: center;  background-color:#ffb500; margin:0 auto; border:none;}


/*  */

.js-zs { margin:20px auto; padding:0 2%; background: #f3f3f3; margin-bottom: 0;}
.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:#153b96; 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;
}


/*  */
.diy-title {
	height: 50px;
	line-height: 50px;
	background-color: #eeeeee;
	margin: 15px 0 !important;
}

@media (max-width: 768px) {
	.diy-title {
		height: 30px;
		line-height: 30px;
		background-color: #eeeeee;
		margin: 15px 0;
	}
}

.diy-title strong {
	display: inline-block;
	min-width: 160px;
	padding: 0 25px 0 30px;
	position: relative;
	font-size: 24px;
	color: #fff;
	background: #153b96;
	color: #fff;
	position: relative;
	border-right: 5px solid #ffffff;
}
.diy-title strong a{ color:#fff}
@media (max-width: 768px) {
	.diy-title strong {
		min-width: 120px;
		padding: 0 15px 0 15px;
		font-size: 18px;
	}
}

.diy-title strong::before {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #153b96;
	border-left: 25px solid #153b96;
	position: absolute;
	right: -50px;
	z-index: 1;
}

@media (max-width: 768px) {
	.diy-title strong::before {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #153b96;
		border-left: 15px solid #153b96;
		position: absolute;
		right: -30px;
		z-index: 1;
	}
}

.diy-title strong::after {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 0;
	right: -55px;
	z-index: 0;
}

@media (max-width: 768px) {
	.diy-title strong::after {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ffffff;
		border-left: 15px solid #ffffff;
		position: absolute;
		right: -35px;
		z-index: 0;
	}
}
.header .logoImg {float: left;box-sizing: border-box; padding-right:5px;}
.header .logoImg img {display: block; margin-top:5px;}
.header .hTit {float: left;text-align:left;border-left: 1px solid #dbdbdb;border-right: 1px solid #fff; padding-left:5px}
.header .hTit .box {border-left: 1px solid #fff;}
.header .hTit .p1 {font-size: 14px;color: #153b96;font-weight: bold; margin-bottom:0px}
.header .hTit .p2 {color: #666;font-size: 12px; margin:0px}

.advantage {background:#edf6ff;}
.advantage h2 {text-align: center;text-align: center;padding-top: 20px;margin-bottom: 20px;}
.advantage h2 span {display: block;font-size: 18px;color: #333;}
.advantage h2 b {color: #ffb500;}
.advantage h2 em {display: block;width: 1.5rem;height: 1px;background: #333;margin: 0.4rem auto 0 auto;}
.advantage .conbox {border-bottom: 1px solid #cccccc;margin-bottom: 0.3rem;}
.advantage .conbox .conImg {width: 50%;}
.advantage .conbox .conImg img {display: block;width: 100%;}
.advantage .conbox .conTit {width: 48%;padding: 4px 0;margin-right:4px;}
.advantage .conbox .conTit .p1 {font-size: 18px;color: #181a98;padding-bottom: 4px;border-bottom: 1px solid #ccc;margin-bottom: 8px;position: relative;margin-left: 40px;padding-top: 8px; font-weight:bold} 
.advantage .conbox .conTit .p1 span {position: absolute;left: -40px;top: 0;width: 40px;height: 40px;background: url(../images/advnum.png) no-repeat center / 90%;padding-top: 0.3rem;color: #fff;font-size: 14px;text-align: center;}
.advantage .conbox .conTit ul {margin-left:16px;}
.advantage .conbox .conTit ul li {margin-bottom: 2px;color: #999;}
.advantage .conbox.con2 .conImg {width: 38%;}
.advantage .conbox.con2 .conTit {width: 60%;}
.advantage .conbox.con3 .conImg {width: 35%;}
.advantage .conbox.con3 .conTit {width: 60%;padding-top: 12px;}
.advantage .advzx {display: block;width: 30%;background: #181a98;padding: 10px;text-align: center; margin: 20px auto 0; color: #fff;}
.hezuo-center{ background:#f8f8f8}
.advantage .conbox:last-child{ border:none}
.dbimg img{ display:block; width:100%}
.news {padding:10px 2%;background: #f8f8f8;}
.news .newsType {}
.news .newsType li {float: left;width: 33.3%;text-align: center;background: linear-gradient(to top , #f0f0f0 , #fff);font-size: 16px;}
.news .newsType li span {display: block;height:40px;line-height: 40px;border: 1px solid #d7d7d7;border-left: 1px solid #fff;}
.news .newsType li:first-child {width: 33.4%;}
.news .newsType li:first-child span {border-left: 1px solid #d7d7d7;}
.news .newsType li.on span {background: #ff5c01;color: #fff;border-color: #ff5c01;}
.news .newsbox {padding: 12px;border: 1px solid #d7d7d7;border-top: none;}
.news .conbox {margin-bottom: 16px;}
.news .conbox .conleft {width: 39%;}
.news .conbox .conright {width: 55%; padding:2%;background: #153b96;}
.news .conbox .conright .p1 {font-size: 14px;padding-top: 5px;margin-bottom:8px;font-weight: bold;}
.news .conbox .conright .p1 a {color: #fff;}
.news .conbox .conright .p2 {font-size: 14px;margin-bottom: 4px;}
.news .newsbox .conbox .conright .p2 a {color: #fff;}
.news .conbox .conright .p3 {text-align: right;}
.news .conbox .conright .p3 a {color: #fff;font-style: italic;font-size: 12px;}
.news .newsCon ul {font-size: 14px;}
.news .newsCon ul li {margin-bottom: 12px;overflow: hidden;}
.news .newsCon ul li a {float: left;width: 75%;padding-left:16px;background: url(../images/newsdian.png) no-repeat left center;}
.news .newsCon ul li span {float: right;}
.pro_table{ width:100%; margin:10px 0px  }
.pro_table tr td{ font-size:14px; border:2px solid #fff; text-align:center; padding:5px; line-height:30px; color:#000}
.pro_table .ue-table-interlace-color-single{ background:#d2ecfb}
.pro_table .ue-table-interlace-color-double{background:#eeeeee}

.zlfaType {text-align: center;margin-bottom: 10px;}
.zlfaType li {float: left;width:25%; background:#181a98; text-align:center }
.zlfaType li a {display: block;height: 30px;line-height: 30px;color:#fff}




.nesta table{ width:100%; margin-bottom:5px}
 .nesta table tr td{ border:2px solid #fff; text-align:center; color:#000; padding:10px; font-size:16px; line-height:30px}
 
.showcontent table td {
    border: 2px solid #fff;
    text-align: center;
    color: #000;
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
}