@charset "utf-8";
/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 作者: 杨，2018.10.25。	written by carry yang, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！	Please keep my information in this file, thank you!
 */

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
}
@media (min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

body {
	background: #fff;
	color: #666;
	font-size: 16px;
}
a {
	color: #354fa6;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;}
a:hover {outline:none;text-decoration: none;}
li {list-style: none;}

/* box size */
.no-margin {margin: 0;}
.no-padding {padding: 0;}

/* display */
.inline-block {display: inline-block}

/* position */
.pst-relative {position: relative;}

/* clear */
.clear-block {clear: both;}

/* vertical-align */
.vc-middle{display: inline-block;vertical-align: middle;}

/* font */
.text-12px{font-size: 12px}
.text-14px{font-size: 14px}
.text-18px{font-size: 18px}
.text-20px{font-size: 20px}
.text-center{text-align: center;}

/* other */
.middle-ctrl{display: inline-block;height: 100%;width: 0px;vertical-align: middle;}


/* header */
#headerbar{border: none;background-color: #fff;font-size: 0px;position: relative;border-radius: 0;padding-bottom: 0px;}
#headertitle{display:block;height: 120px; position:relative;background-color:#fff;z-index: 1;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #1162a7;}
#headertitle .group-left{display: block;float: left;height:60px}
#headerhd{display: inline-block;vertical-align: middle;}
#headertitle .group-left .maintitle{display: inline-block;vertical-align: middle;font-size: 30px;padding-left: 40px;color: #333;font-family: Helvetica, Tahoma, Arial, STXihei,  “Microsoft YaHei”, “微软雅黑,”“华文细黑”, sans-serif;}
#headertitle .group-left .maintitle span{display: block;font-size: 16px;}
#headertitle .group-right{display: block;float: right;  padding-left:30px;height: 20px; background:url(../../images/icon/china.png) center left no-repeat;margin-top: 20px;}

#headertitle .group-right select{display: block;height: 20px;width: 100px;border:none;font-size: 14px;line-height: 20px;text-align: center;}
#headertitle .group-right .headertel img{display: inline-block;vertical-align: middle;margin-right: 10px; float:left}
#headertitle .group-right .headertel p{ font-size:14px; color:#333;}
#headertitle .group-right .headertel span{display: inline-block;vertical-align: middle;font-size: 26px;color: #0568c1;line-height: 26px;letter-spacing: 1px;}
#headertitle .group-right form{display: block}
#headertitle .group-right form button{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: none;border-radius: 0px;background: #fff;padding: 0px;margin-right: 10px}
#headertitle .group-right form input{display: inline-block;vertical-align: middle;font-size: 14px;border: 1px solid #0568c1;width: 140px;}
#headertitle .group-right form input:focus{box-shadow: 0px 0px 4px 0px #0568c1,inset 0px 0px 2px 0px #0568c1;}

#headernav {width: 100%;position: relative; }
#headernav ul{text-align: center;float: left;width: 80%;}
#headernav .search{text-align: center;float: right;width: 20%;margin-top: 13px;}
#headernav .search .input-group{display: block;}
#headernav .search .input-group input{background: #f5f5f5;border:none;box-shadow: none;}
#headernav .search label{width: 40px; background: #fff;opacity: 1;}
#headernav .search button{width: 100%;height: 100%;background: #2072b9;padding:0;border:none;border-radius: 0; border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
#headernav .search label .icon{color: #fff; font-size: 20px;line-height: 30px;}
#headernav ul>li{display: inline-block;position: relative;float: none;height:60px;width: 14.285%;min-width: 100px;font-weight: 700;}
#headernav ul>li+li{}
#headernav ul>li+li:hover{}
#headernav ul>li>a{display: block; font-size: 16px;color: #1162a7;padding: 0px;line-height: 60px;}
#headernav ul>li>a .icon{margin-left: 10px;}
#headernav ul>li:hover>a{color: #fff;background: #1162a7;}
#headernav ul>li .navplus{width: 100%; display: none;position: absolute;z-index: 1009;text-align: left;left:0;font-size: 0;background: #2072b9;border-top: 1px solid #2072b9; }
#headernav ul>li .navplus>a{display:block;font-size: 14px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0px;padding: 14px 14px;height: 42px;line-height: 14px;}
#headernav ul>li .navplus>a i{margin-right: 2px;}
#headernav ul>li .navplus>a:hover{ background:#1162a7; }



#m-headerbar {
	padding-top: 6px;
	padding-bottom: 6px;
	border: none;
	background-color: #fff;
	border-bottom: #d1d1d1;
	box-shadow: 0px 3px 5px 0px #d1d1d1;
}
#m-headerhd{
	pointer-events:auto;
	padding-left: 0;
	padding-right: 40px;
}
#m-headerhd:hover{
	color: #5faecc;
}
#m-headerbar i.icon.blue{line-height:40px;}
.screen-phone #m-headerbar i.icon.blue{display:none;height: 0;}
.screen-phone #m-headerbar .row span{display:none;height: 0;}

#m-headerbar .hdtitle-img {
	/*
	 *width: 40px;
	 */
	width: auto;
	height: 40px;
}
#m-headerbar .hdtitle-img img{
	width: auto;
	height: 100%;
}
#m-headerbar .hdtitle-ch {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 1px;
	padding-left: 10px;
}
#m-headerbar .hdtitle-en {
	font-family: Georgia, "serif";
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.1;
	padding-left: 10px;
}
#m-headerbtn{
	position: absolute;
	top:10px;
	right: 10px;
	color: #0568c1;
	text-shadow: none;
	background-color: #fff;
	border-color: #0568c1;
}
#leftmenulayout{
	display: none;
	width: 100%;
	height: 100%;
	width: 100vw !important;
	height: 100vh !important;
	position: fixed;
    z-index: 999998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
	opacity: .5;
}
#leftmenulayout span{
	display: block;
	width: 40%;
	height: 100%;
	margin-left: 60%;
	color: #7d7d7d;
	font-size: 4rem;
	overflow: hidden;
	text-align: center;
}
#leftmenu{
	display: none;
	width: 60%;
	height: 100% !important;
	width: 60vw;
	height: 100vh !important;
	background-color: #0c2776;
	border-right:1px solid #333;
	position: fixed;
	z-index: 999999;
	box-shadow: rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem;
	overflow-y: auto !important;
}
#leftmenu>.items{
	display: block;
	width: 100%;
	border-bottom: 1px solid #2072b9;
	position: relative;
}
#leftmenu>.items>a{
	margin: 0 15%;
	font-size: 15px;
	display: block;
	height: 55px;
	line-height: 55px;
	position: relative;
	color: #fff;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
#leftmenu>.items>i{
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	color: #fff;
	height: 55px;
	width: 55px;
	font-size: 24px;
	line-height: 55px;
}
#leftmenu>.items>.listplus{
	display: none;
	text-align: center;
	padding: 10px 0;
}
#leftmenu>.items>.listplus>a{
	display: block;
	color: #fff;
	line-height:26px;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
/*
| ----------------------------------------------------------
| Glide styles
| ----------------------------------------------------------
| Here are slider styles
| banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{width: 100%;height:auto;font-size: 14px;position: relative;}
.mainbanner .b-content{position: absolute;bottom: 50%;right: 50%;color: #fff;font-size: 30px;text-align: right;}
.mainbanner .b-content p{margin:0;padding:0;}
.screen-phone .mainbanner .b-content{bottom: 40%;right: 40%;font-size: 12px;line-height: 14px;}
.screen-tablet .mainbanner .b-content{bottom: 40%;right: 40%;font-size: 20px;line-height: 30px;}
.mainbanner ul,.mainbanner ul li{ list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li{ float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto; /* Simple clear fix */ overflow: hidden; /**	* Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.arrowsWrapper{display:none;}
.slider:hover .arrowsWrapper{display:block}
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; padding: 4%; text-decoration: none; text-align: center; opacity:1; }
.slider-arrow--right { bottom: 40%; right: 4%; background:url(../../images/right_jt.png) no-repeat center; background-size: 50%; }
.slider-arrow--left { bottom: 40%; left: 4%; background:url(../../images/left_jt.png) no-repeat center; background-size: 50%; }
.slider-nav { padding: 10px 0; border-radius:18px;filter:Alpha(opacity=80); position: absolute; bottom: 8%; text-align: center; }
.slider-nav__item { width: 10px; height: 10px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 10px; }
.slider-nav__item:first-child{}
.slider-nav__item:last-child{margin-right:50px;}
.screen-phone .slider-nav__item {height: 10px;}
.slider-nav__item:hover,.slider-nav__item--current {width: 40px; background: #fff; }



.thebreadcrumb{width: 100%;background: #f1f1f1;font-size: 16px;text-align: left;line-height:28px;padding-top: 10px;padding-bottom: 10px;margin-top: 10px;}
.thebreadcrumb a{color:#2d5088;}
.breadcrumb{display:inline-block;margin:0;padding: 0;}
.breadcrumb>li.active a{color: grey;}
.breadcrumb i{font-size: 16px;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "»";}
.about_bg { background-color:#f7f8f8;}



.titlestyle-main{display: block;width: 100%;text-align: center;margin-bottom:10px;}
.titlestyle-main .line{display: block;width: 100%;height: 21px;background:url(../../images/line1.png) center center no-repeat;margin-top: 8px;}
.titlestyle-main .line_d { width:57px; height:2px; border-top:#288b9c 3px solid;}
.titlestyle-main .maintitle{display: block;font-size: 36px;color: #0089e1;font-weight:550;text-transform:uppercase;}
.titlestyle-main .subtitle{font-size: 16px; color: #828181;font-weight:100; padding:5px 0;}
.titlestyle-main .xxtitle{font-size: 16px; color: #828181;}
.titlestyle-jianjie{display: block;width: 100%;text-align: left;margin-bottom:0px;padding-left: 10px;}
.titlestyle-jianjie .jianjie{font-size: 16px; color: #828181;font-weight:100; padding:0;position: relative;line-height: 24px; }
.titlestyle-jianjie .jianjie p{margin:0; padding: 5px 0;}
.titlestyle-jianjie .jianjie>a{display: block;position: absolute;font-size: 16px;top: 0;right:0;line-height: 24px;}

.screen-phone .titlestyle-jianjie .jianjie{font-size: 16px;color: #828181;text-transform:uppercase;}
.screen-phone .titlestyle-main .maintitle{font-size: 20px;font-weight: 700; color: #0089e1;}
.screen-phone .titlestyle-main .subtitle{font-size: 16px;color: #828181;text-transform:uppercase;}


.beautifulbtn { width: 100%; text-align: center;margin-top: 20px;}
.beautifulbtn_about { width: 100%; text-align: center;margin-top: 0px;}

.beautifulbtn1{ background-color: #1162a7; height: 40px; line-height: 40px; width: 130px; font-size: 16px; margin: 0 10px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; border-radius:6px;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0c2776;text-decoration : none; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }

.beautifulbtn1:hover::before {border-radius:6px;-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: #3f3b3a;}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

.contentbox img,.contentbox iframe,.contentbox iframe div{max-width: 100%;overflow: hidden;}


/*pro*/
.pro {min-height: 700px; overflow:hidden;margin:0 auto;margin-top: 40px; margin-bottom:35px;padding: 0;position: relative;}

.proLeft { overflow:hidden; position:absolute;left: 0;top: 0; width: 200px; background-color:#0568c4; border-radius:0 0 3px 3px;padding: 0;}
.proLeft h3{ font-size:20px; font-weight:normal; padding-left:15px; padding-top:20px; padding-bottom:14px; background-color:#18c151;margin-top: 0; margin-bottom:15px; border-radius:0 0 3px 3px;}
.proLeft h3 a{ color:#fff;}
.proLeft h3 p{ font-size:13px; color:#fff;}
.proLeft dl{ overflow:hidden; width:100%; margin:0 auto; margin-bottom:14px; position:relative;left: 20px; z-index:2}
.proLeft dt{ font-size:16px; margin-bottom:10px; padding:5px 0; padding-left:35px;}
.proLeft dt a{ color:#fff;}
.proLeft .dt01{ background:url(../../images/pro_left_01.png) no-repeat center left}
.proLeft .dt02{ background:url(../../images/pro_left_02.png) no-repeat left center;}
.proLeft dd{ overflow:hidden; margin-left:35px;}
.proLeft dd a{ display:block; font-size:13px; color:#fff; line-height:29px;}
.proLeft em{ display:block; width:1px; height:450px; background-color:#3786d0; position:absolute; left:34px; top:110px; z-index:1}
.proLeft img{width: 100%;height: auto;}

.proRight {width: 100%; overflow:hidden; border-radius:3px;padding: 0;padding-left: 220px;}
.proRight .prolayer{ background-color:#f5f5f5;}
.proRight .title{ overflow:hidden; height:70px; background-color:#efefef; margin-bottom:30px;}
.proRight .title ul{ overflow:hidden; float:left;height: 100%;}
.proRight .title .more{ float:right; margin-right:30px; margin-top:30px; font-size:13px; color:#757575;}
.proRight .title li{ float:left; width:210px;height: 100%; text-align:center; padding-top:20px; background:url(../../images/pro_right_menu.png) right top repeat-y;}
.proRight .title li a{ font-size:13px; color:#000;}
.proRight .title li p{ font-size:13px; color:#999;}
.proRight .title li.cur{ background:url(../../images/pro_right_menu_cur.png) no-repeat center top; background-color:#f5f5f5;}
.proRight .title li.cur a{ color:#0568c4; font-weight:bold;}
.proRight .proBox{ overflow:hidden; width:100%; margin:0 auto;}
.proRight .proBox ul{ overflow:hidden; width:100%; margin:0;padding:0;}
.proRight .proBox li{ height:auto;}
.proRight .proBox li img{display:block;width: 100%;height: auto; border:1px solid #e4e4e4; margin-bottom:25px;}
.proRight .proBox li p{ font-size:13px; color:#666; text-align:center;margin-bottom: 20px;}

/*领域*/
.lingyu{ overflow:hidden; margin-bottom:40px;padding: 0;}
.lingyu ul{ overflow:hidden;padding: 0;margin:0;}
.lingyu li{float:left; overflow:hidden; border-right:2px solid #fff; border-bottom:2px solid #fff;padding: 0;}
.lingyu li img{ display:block;width: 100%;height: auto;}
.lingyu .li04{ overflow:initial; height:auto; margin-right:0; background-color:#0568c4; position:relative; padding-left:30px;}
.lingyu .li04 img{ display:block;width: 20px;height:auto; position:absolute; left:50%; margin-left:-10px; bottom:-12px;}
.lingyu p{ font-size:18px; color:#338ee3; font-family:Arial; margin-top:45px;}
.lingyu h3{ font-weight:normal; font-size:28px; color:#fff; margin-bottom:10px;}
.lingyu b{ display:block; font-size:28px; color:#fff; padding-bottom:5px; border-bottom:1px solid #2484dc; float:left}
.lingyu .last{ margin-right:0; height:200px; background:url(../../images/lingyu07.jpg) no-repeat center bottom;}
.lingyu .last a{ display:block; width:158px; height:48px; text-align:center; line-height:48px; border:1px solid #ccc; border-radius:3px; font-size:20px; color:#434343; margin:0 auto; margin-top:80px;}


/*底部*/
#footerbar {width: 100%;height: auto; font-size: 16px;color: #444444;background-color: #f5f5f5;border-top: 1px solid #e9e9e9;}

#foot-down {width: 100%;font-size: 16px;text-align: center;color: #444444;position: relative;}
#footerbar #foot-down a{color: #444444;}
#foot-down .down-left{font-size: 14px;padding-top: 20px;}
#foot-down .down-left ul{padding:0;height: 24px;}
#foot-down .down-left ul>li{display: block;float: left;margin-right: 20px;}
#foot-down .down-left>div{text-align: left;line-height: none;padding:0;}
.screen-phone #foot-down .down-left div{text-align: center;}
#foot-down .down-right{display: block;position: absolute;top: 50%;right: 20px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
#foot-down .down-right i{display: inline-block;width: 26px;height: 26px; font-size: 20px;line-height: 26px; background-color: #cccccc;color: #f5f5f5;border-radius: 4px;}
#foot-down p{margin:0;font-size: 14px;}
#footerbar .row{position: relative;}
#footerbar .group-left{position: static;height: auto; margin-top: 30px;margin-bottom: 30px;padding-left: 40px;}
.screen-phone #footerbar .group-left{margin:0;padding: 10px 0;}
#footerbar a{color: #666666;}
#footerbar #footerlinks{padding: 0 10px;padding-bottom: 20px; border-bottom: 1px solid #e9e9e9;}
#footerbar #footerlinks>div{display: inline-block;}
#footerbar #footerlinks>div:nth-child(2){margin-left: 100px;}
.screen-phone #footerbar #footerlinks>div:nth-child(2){margin-left: 0;}
.screen-tablet #footerbar #footerlinks>div:nth-child(2){margin-left: 0;}
#footerbar #footerlinks span{font-size: 15px;font-weight: 700;color: #33498f;}
#footerbar #footerlinks a{display: inline-block;margin-right:20px;font-size: 15px;}
#footerbar #footerlinks a:hover{text-shadow: 0 0 1px #fff}
#footerbar .group-right>div{display: block;float: right;text-align: center;font-size: 14px;margin-right: 25px;background: #33498f;color: #fff;padding-bottom: 10px;}
#footerbar .group-right>div div{margin: 15px 10px 10px;}
#footerbar .group-right>div p{margin-left: 10px;margin-right: 10px;margin-bottom: 0;}
.screen-phone #footerbar .group-right>div{float: none;margin-right: 0;}
.screen-phone #footerbar .group-right>div div{margin-top: 0;padding-top: 15px;}
.screen-phone #footerbar{padding-top: 0;padding-bottom: 0;}
.screen-phone #footerbar .container{padding:0;}
.screen-phone #footerbar .container .group-right{padding:0;}

.screen-tablet #footerbar .group-right>div{float: none;margin-right: 0;}
.screen-tablet #footerbar .group-right>div div{margin-top: 0;padding-top: 15px;}
.screen-tablet #footerbar{padding-top: 0;padding-bottom: 0;}
.screen-tablet #footerbar .container{padding:0;}
.screen-tablet #footerbar .container .group-right{padding:0;}

#m-footer{
	border-top: 1px solid #058;
	background-color: #354fa6;
}
.screen-phone .row{margin-left: 0;margin-right: 0;}
#m-footer a{
	display: block;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}


.lilian {   padding:0; margin-top:10px;}
.lilian ul { padding:0;}
.lilian ul li {width:240px; float:left;list-style: none; color:#000; font-weight:bold; font-size:16px;}
.lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}


.screen-tablet .lilian ul li {width:220px; }
.screen-tablet .lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}



/*.screen-desktop #index-case .items.item5{display: none;}

.screen-tablet #index-case{width: 640px;height: auto;margin: 50px auto 20px auto;}
.screen-tablet #index-case .items.item3{ width: 340px;height: 180px;float: right;}
.screen-tablet #index-case .items.item4{ width: 340px;height: 180px;float: right;position: absolute;bottom: 0px;right: 0px;}
.screen-tablet #index-case .items.item5{ width: 280px;height: 380px;float: left;top: 0px;margin-left: 0px;}
.screen-tablet #index-case{height: auto;}

.screen-phone #index-case{width: 100%;height: auto;margin: 50px auto 20px auto;}
.screen-phone #index-case .items.item1{ width: 100%;height:244px;float: left;margin-bottom: 10px;}
.screen-phone #index-case .items.item2{ width: 48%;height: 282px;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item3{ width: 100%;height: auto;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item4{ width: 100%;height: auto;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item5{ width: 48%;height: 282px;float: left;position: absolute;top: 254px;right: 0px;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case{height: auto;}*/

.padding{padding-top: 30px;padding-bottom: 50px;}
.screen-phone .padding{padding-top: 0px;padding-bottom: 30px;}

/*about 样式-主页*/
.index-about{width: 100%;height: auto;background:url(../../images/about-bg.png);}
.index-about .container{height: auto; margin:50px auto 40px;color: #d6d6d6;padding-left: 0;padding-right: 0;}
.index-about .container .titlestyle-main{margin-bottom: 50px;}
.screen-phone .index-about .container{padding-left: 10px;padding-right: 10px;}
.about-content{color:#000;padding: 0 66px;}
.about-content p{margin-bottom: 20px;line-height: 30px;}
.about-content a{display: block;width: 200px;height: 50px;background-color: #0568c4;text-align: center;line-height: 50px;font-size: 20px;color:#fff;position: relative;left: 50%;margin-left: -100px;margin-top: 60px;margin-bottom: 60px;}
.about-content ul li{text-align: center;}
.about-content ul li div{font-size: 14px;}
.about-content ul li div span{font-size: 40px;}
.about-content ul li div i{font-style: normal;margin-left: 5px;}
.about-content ul li div p{margin-top: -8px;}





/* 关于集团 样式-主页 */
.about-group{width: 100%;height: auto;padding-top: 10px;margin-bottom: 50px;}
.about-group .container{padding:0;}
.liststyle1{margin-top:40px;padding-left: 10px;padding-right: 10px;}
.screen-phone .about-group{padding-top: 0px;margin-bottom: 0;}
.screen-phone .liststyle1{padding:0;margin-top: 20px;}
.about-group .titlestyle-main .maintitle{color: #33498f;}
.about-group .titlestyle-main .subtitle{padding:0;color: #6d6d6d;}
.about-group .titlestyle-main .titleline{padding:0;width: 100%;height: 20px;position: relative;}
.about-group .titlestyle-main .titleline span{display:block; width: 20px;height: 20px;border-radius: 20px;background: #6d6d6d;position: absolute;top: 0;left: 50%;margin-left: -10px;}
.about-group .titlestyle-main .titleline i{display: inline-block; width: 48%;height: 1px;background: #aaaaaa;float: left;margin-top: 10px;}
.about-group .titlestyle-main .titleline i:last-child{float: right;}

.liststyle1 .item{display: block;width:100%;height: 100%; background-color: #fff;text-align: left;color: #555657;position: relative;}

.liststyle1 .col{padding: 0;position: relative;}
.liststyle1 .col:nth-of-type(odd){padding-right: 20px;}
.liststyle1 .col:nth-of-type(even){padding-left: 20px;}

.screen-phone .liststyle1 .col:nth-of-type(odd){padding: 0 10px;}
.screen-phone .liststyle1 .col:nth-of-type(even){padding: 0 10px;}
.screen-tablet .liststyle1 .col:nth-of-type(odd){padding: 0 10px;}
.screen-tablet .liststyle1 .col:nth-of-type(even){padding: 0 10px;}

.liststyle1 .item .itemimg{display: block;min-height:110px;max-height: 200px;font-size: 0;line-height: 0;overflow: hidden;position: relative;}

.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle1 .item .a-content{width: 100%;padding-right: 15px;}
.screen-phone .liststyle1 .item .a-content{padding-right: 0;}
.liststyle1 .item .itemimg>.itemtitle{display:block; width: 90px;height: 90px;font-size: 24px;line-height: 90px;text-align: center;border-radius: 90px;background: rgba(0,0,0,.5);position: absolute;top: 50%;left: 50%;margin-top: -45px;margin-left: -45px;color: #fff;}
.liststyle1 .item:hover .itemimg>.itemtitle{background: rgba(12,39,118,.9);}
.liststyle1 .item .itemcontent{width: 100%;height:50px;overflow:hidden;padding: 0;margin-bottom: 30px;font-size:13px;line-height:24px;color: #a1a1a1;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.liststyle1 .item .itemcontent a{display: inline-block;color: #33498f;}
.liststyle1 .item_more .a_null{height:182px;}
.screen-phone .liststyle1 .item .itemcontent{margin-bottom: 10px;}

/*证书*/
.zhengshu { overflow:hidden; width:100%; height:auto; background:#0568c4;margin-bottom: 50px;}
.zhengshu .titlestyle-main{padding:50px 0;}
.zhengshu .titlestyle-main .maintitle{color: #fff;}
.zhengshu .titlestyle-main .subtitle{color: #fff;}
.zhengshu .titlestyle-main .xxtitle{color: #fff;}
.zhengshu .zsBox{ overflow:hidden; margin:0 auto; margin-bottom:44px; width:1200px; height:380px; position:relative}
.zhengshu .zsBox ul{ overflow:hidden; position:absolute}
.zhengshu .zsBox li{ float:left; width:230px; height:380px; margin-right:26px;}
.zhengshu .zsBox li img{ display:block;height: 320px;width:100%; margin-bottom:16px;}
.zhengshu .zsBox li.img-w{}
.zhengshu .zsBox li p{ font-size:15px; color:#fff; text-align:center;}
.zhengshu .zsBox li a{ display:block; text-decoration:none;}
.zhengshu .menu{ overflow:hidden; width:624px; padding:3px; background:url(../images/zs_menu.png) no-repeat center; margin:0 auto;}
.zhengshu .menu li{ float:left; width:156px; text-align:center; line-height:48px; font-size:15px;}
.zhengshu .menu li img{ position:relative; left:-5px; top:10px;}
.zhengshu .menu li a{ color:#a5cef4; text-decoration:none}
.zhengshu .menu li:hover{ background:url(../images/zs_menu_cur.png) no-repeat center;}
.zhengshu .menu li:hover a{ color:#fff;}


/*新闻动态-主页*/
/* for index 主页 */
#index-news{font-size: 0px;padding: 40px 0px 20px;}
.screen-phone #index-news{padding: 10px 0px 20px;}
#index-news .group-left{width: 100%;height:auto;font-size: 0px;}
#index-news .group-left .news-title{font-size: 26px;line-height: 30px;margin-bottom: 20px;color: #0c2776;}
#index-news .group-left .news-title a{color: #0c2776;}
#index-news .group-left .news-title span{display: inline-block;width: 70px;height: 28px; font-size: 16px;line-height: 28px; text-align: center;background: #0c2776;border-radius: 8px;color: #fff;position: relative;top: -4px;left: 5px;}

#index-news .group-left .news-title .more { width: 70px;height:auto ;  text-align: right; float:right;font-size: 16px; }


#index-news .group-left ul,#index-news .group-left ul li{list-style: none;margin: 0;padding: 0;font-size: 0;display: block;position: relative;}
#index-news .group-left ul li{float: left;}
#index-news .group-left ul li #newsimgtitle{display: block;padding:0 10px;margin:0;width: 100%;position: absolute;bottom: 0;left:0;font-size: 20px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: rgba(0,0,0,.5);color: #fff;text-align: center;}
.screen-phone #index-news .group-left ul li #newsimgtitle{font-size: 16px;}
/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.slider1 {position: relative;width: 100%;height: 370px;}
.screen-desktop .slider1 {height: 309px;}
.screen-tablet .slider1 {height: 484px;}
.screen-phone .slider1 {height: 238px;}
.slides1 {
	height: 100%;
	/* Simple clear fix */
	overflow: hidden;
	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
	 * Here is CSS transitions
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide1 {list-style: none;width: 100%; height: 100%;float: left;clear: none;position: relative;}
.slide1>a{display: block;width: 100%; height: 100%;position: relative;}
.slide1>a>img{width: 100%; height: 100%;}
.slide1 .maintitle{
	width: 90%;
	margin:0 5%;
	padding-top:10px;
	position: absolute;
	bottom: 0px;
	background:#b2d6ff;
	font-size: 14px;
	line-height: 24px;
	text-align:center;
	height: 100px;
	color: #000;
	text-overflow:ellipsis;
}
.slide1 .maintitle i{font-style:normal;}
.slide1 .maintitle span{display:block;width:20%;font-size:40px;line-height:50px;float: left;}
.screen-phone .slide1 .maintitle span{font-size:20px;line-height:30px;}
.screen-phone .slide1 .maintitle span i{font-size:14px;line-height:30px;}
.slide1 .maintitle span i{display:block; font-size:18px;line-height:30px;}
.slide1 .maintitle .m-title{display:block;width:80%;font-size:22px;line-height:30px;float: left;text-align: left;padding-right:20px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;}
.slide1 .maintitle .s-content{width:80%; font-size:14px;line-height:24px; font-weight: 400;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.screen-phone .slide1 .maintitle .m-title{width: 100%;padding-left: 10px; font-size:16px;padding-right:5px;}
.screen-phone .slide1 .maintitle .s-content{width:100%;padding-left: 10px;padding-right:10px; font-size:12px;line-height:18px;-webkit-line-clamp: 3;}
.arrowsWrapper1{width: 100%; display:block;}
.slider-arrow1 {
	position: absolute;
	display: block;
	margin-bottom: -30px;
	width: 38px;
	height: 60px;
	text-decoration: none;
	text-align: center;
}
.slider-arrow1--right {bottom: 50%;right: 0;background:url(/images/right_jt1.png) no-repeat center;background-size: 100%;}
.slider-arrow1--left {bottom: 50%;left: 0;background:url(/images/left_jt1.png) no-repeat center;background-size: 100%;}
#index-news .group-right{white-space: nowrap;overflow: hidden;}
.screen-desktop-wide #index-news .group-right{width: 97%;margin-left: 3%;height: auto;}
.screen-desktop #index-news .group-right{height: 309px;}
.screen-tablet #index-news .group-right,.screen-phone #index-news .group-right{padding: 0px;padding-top: 10px;}
#index-news .group-right .newstabnav{display: block;width: 100%;position: relative;}
#index-news .group-right .newstabnav .newstabnav-box{display: block;width: 100%;height:40px;padding-left:10px; position: relative;background: url(/images/backc8c8c8100.png) bottom left repeat-x;}
#index-news .group-right .newstabnav .newstabnav-box span{display:block;width:20px;height:20px;border-radius:20px;border: 1px solid #0c2776;position: absolute;top: 10px;left: 0;}
#index-news .group-right .newstabnav .newstabnav-box .newsline1{width:100%;height: 1px;background: #0c2776;position: absolute;top: 20px;left: 21px;}
#index-news .group-right .newstabnav .newstabnav-box i{display:block;
width:40px;height: 40px;border-radius:40px;background-color: #0c2776;position: absolute;top: 0;right: 0;}
#index-news .group-right .newstabnav .newstabnav-box i .newsright{display:block;width: 100%;height: 100%; background: url(../../images/icon/news-right.png) no-repeat center;}
#index-news .group-right .newstabnav .bars{display: inline-block;width: 82px;vertical-align: top;padding-bottom: 10px;text-align: center;color: #0a0a0a;font-size: 20px;font-weight: 700;background: bottom center no-repeat;}
#index-news .group-right .newstabnav .bars+.bars{margin-left: 9%;}
#index-news .group-right .newstabnav .bars.active{background: url(/images/newstabnavbg-active.png) center bottom no-repeat;color: #005bec;}
#index-news .group-right .items-box{display: inline-block;width: 100%;min-height: 1px;white-space:normal;}
#index-news .group-right .items-box .items-first{display: block;width: 100%;padding: 0;padding-bottom: 10px; position: relative;background: #eee;}
#index-news .group-right .items-box .items-first .itemstitle{display: block;width: 100%;padding: 0px 80px 0 20px;font-size: 18px;line-height: 30px;color: #33498f;font-weight: 700;position: relative;}
.screen-phone #index-news .group-right .items-box .items-first .itemstitle{padding: 0px 80px 0px 15px;font-size: 16px;}
#index-news .group-right .items-box .items-first .itemstitle:hover{color: #005bec;}
#index-news .group-right .items-box .items-first .itemsmain{width: 100%;padding: 10px 10px 0px 15px;font-size: 14px;line-height: 22px;color: #6e6e6e;position: relative;max-height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.screen-phone #index-news .group-right .items-box .items-first .itemsmain{padding-right: 10px;padding-top: 2px;}
#index-news .group-right .items-box .items-first .itemstime{display: block;width: 90px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 30px;color: #999999;text-align: right;top:0px;right: 0px;}
#index-news .group-right .items-box .items-first .itemsmain .itemsmore{display: inline-block;width: auto;font-size: 14px;line-height: 22px;color: #498fff;margin-left:10px;}
#index-news .group-right .items-box .items-first .itemsmain .itemsmore:hover{color: #005bec;}
#index-news .group-right .items{display: block;width: 100%;padding: 0px 80px 0px 15px;position: relative;border-bottom:1px solid #c2cfef;}
#index-news .group-right .items .itemspoint{width: 6px;height: 6px;border-radius:6px;background: #3e66a9;position:absolute;left: 5px;top: 20px;}
#index-news .group-right .items-first .itemspoint{top:15px;}
#index-news .group-right .items .itemstitle{display: block;width: 100%;font-size: 14px;line-height: 40px;color: #303030;padding-left: 5px;}
#index-news .group-right .items .itemstitle .hot{display: inline;height: 12px;color: red;margin-bottom: 5px;}
.screen-phone #index-news .group-right .items .itemstitle .hot{display: block;height: 9px; position: absolute;top: 5px;right: 80px;color: red;margin-bottom: 0px;}
#index-news .group-right .items .itemstitle:hover{color: #005bec;text-decoration:underline;}
#index-news .group-right .items .itemstime{display: block;width: 90px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 40px;color: #999999;text-align: right;top:0px;right: 0px;}

/*新闻下 样式*/
#index-news1{font-size: 0px;padding: 40px 0px 20px;}
#index-news1 .col{padding:0;}
#index-news1 .group-left1{white-space: nowrap;overflow: hidden;}
.screen-phone #index-news1{padding: 0;}
.screen-desktop-wide #index-news1 .group-left1{width: 100%;height: auto;}
.screen-desktop #index-news1 .group-left1{height: auto;}
.screen-tablet #index-news1 .group-left1,.screen-phone #index-news1 .group-left1{padding-top: 10px;}
#index-news1 .group-left1 .newstabnav1{display: block;width: 100%;position: relative;}
#index-news1 .group-left1 .newstabnav1 .newstabnav1-box{display: block;width: 100%;position: relative;background: #f5f5f5;}
#index-news1 .group-left1 .newstabnav1 .bars{display: inline-block;width: 100px;vertical-align: top;text-align: center;color: #0a0a0a;font-size: 16px;line-height: 36px; font-weight: 700;}
#index-news1 .group-left1 .newstabnav1 .bars+.bars{}
#index-news1 .group-left1 .newstabnav1 .bars.active{color: #33498f;border-top: 2px solid #2a46a0;background: #fff;}
#index-news1 .group-left1 .items-box1{display: inline-block;width: 100%;min-height: 1px;white-space:normal;vertical-align: top;}
#index-news1 .group-left1 .items-box1 .items-first{display: block;width: 100%;padding: 10px 0px;height: auto;overflow: hidden;}
#index-news1 .group-left1 .items-box1 .items-first .first-left{width: 40%;height: auto;overflow: hidden;float: left;}
#index-news1 .group-left1 .items-box1 .items-first .first-left img{width: 90%;height: auto;}
#index-news1 .group-left1 .items-box1 .items-first .first-right{width: 60%;float: left;}
.screen-phone #index-news1 .group-left1 .items-box1 .items-first .first-right{width: 100%;}
#index-news1 .group-left1 .items-box1 .items-first .itemstitle{display: block;width: 100%;padding: 0px 10px;font-size: 18px;line-height: 30px;color: #33498f;font-weight: 700;position: relative;}
.screen-phone #index-news1 .group-left1 .items-box1 .items-first .itemstitle{padding: 0px 10px 10px;font-size: 16px;line-height: 20px;padding-bottom: 0;height: 20px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
#index-news1 .group-left1 .items-box1 .items-first .itemstitle:hover{color: #005bec;}
#index-news1 .group-left1 .items-box1 .items-first .itemsmain{display: block;width: 100%;padding-top: 10px;padding-right: 10px;padding-left: 10px; font-size: 13px;line-height: 20px;color: #a1a1a1;position: relative;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#index-news1 .group-left1 .items-box1 .items-first .itemsmain .itemsmore{display: inline-block;width: auto;font-size: 14px;line-height: 22px;color: #498fff;margin-left: 10px;}
#index-news1 .group-left1 .items-box1 .items-first .itemsmain .itemsmore:hover{color: #005bec;}
#index-news1 .group-left1 .items{display: block;width: 100%;padding: 0px 80px 0px 15px;background: url(/images/circle.png) 2px center no-repeat;position: relative;}
#index-news1 .group-left1 .items .itemspoint{width: 6px;height: 6px;border-radius:6px;background: #3e66a9;position:absolute;left: 0;top: 12px;}
#index-news1 .group-left1 .items .itemstitle{display: block;width: 100%;font-size: 14px;line-height: 30px;color: #444444;}
#index-news1 .group-left1 .items .itemstitle:hover{color: #005bec;text-decoration: underline;}
#index-news1 .group-left1 .items .itemstime{display: block;width: 90px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 30px;color: #999999;text-align: right;top:0px;right: 0px;}


#index-news1 .group-right1{white-space: nowrap;overflow: hidden;}
.screen-desktop-wide #index-news1 .group-right1{width: 100%;height: auto;}
.screen-desktop #index-news1 .group-right1{height: 309px;}
.screen-tablet #index-news1 .group-right1,.screen-phone #index-news1 .group-right1{padding: 10px 0;}
#index-news1 .group-right1 .newstabnav2{display: block;width: 100%;position: relative;padding-left: 30px;}
.screen-phone #index-news1 .group-right1 .newstabnav2,.screen-tablet #index-news1 .group-right1 .newstabnav2{padding-left: 0;padding-top: 10px;}
#index-news1 .group-right1 .newstabnav2 .newstabnav2-box{display: block;width: 100%;height:30px;padding-left:10px; position: relative;border-bottom: 1px solid #c2cfef;}
#index-news1 .group-right1 .newstabnav2 .newstabnav2-box span{display:block;width:100px;height:1px;background: #2a46a0; position: absolute;bottom: -1px;left: 0;}
#index-news1 .group-right1 .newstabnav2 .newstabnav2-box i{display: inline-block; width: 16px;height: 24px; font-size: 16px;line-height: 24px;color: #000;background: url(../../images/icon/icon_03.png) no-repeat center;}
#index-news1 .group-right1 .newstabnav2 .bars{display: inline-block;width: 82px;vertical-align: top;padding-bottom: 10px;text-align: center;color: #33498f;font-size: 16px;line-height: 26px; font-weight: 700;background: bottom center no-repeat;}
#index-news1 .group-right1 .newstabnav2 .more{display: inline-block;width: auto;float: right;font-size: 16px;line-height: 26px;color: #444444;}
#index-news1 .group-right1 .items-box2{display: inline-block;width: 100%;min-height: 1px;white-space:normal;padding-left: 40px;}
.screen-phone #index-news1 .group-right1 .items-box2,.screen-tablet #index-news1 .group-right1 .items-box2{padding-left: 0px;}
#index-news1 .group-right1 .items-box2 .items-first{display: block;width: 100%;padding: 0;padding-bottom: 10px; position: relative;}
#index-news1 .group-right1 .items-box2 .items-first .itemstitle{display: block;width: 100%;padding: 30px 10px 0 5px;font-size: 18px;line-height: 30px;color: #33498f;font-weight: 700;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemstitle{padding: 10px 40px 0px 5px;font-size: 16px;}
#index-news1 .group-right1 .items-box2 .items-first .itemstitle:hover{color: #005bec;}
#index-news1 .group-right1 .items-box2 .items-first .itemsmain{display: block;width: 100%;padding: 10px 40px 0px 5px;font-size: 14px;line-height: 22px;color: #a1a1a1;position: relative;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemstitle,.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemsmain{padding-right: 0px;}
.screen-phone #index-news1 .group-right1 .items-box2 .items-first .itemsmain{padding-top: 0;max-height: 48px;}
#index-news1 .group-right1 .items-box2 .items-first .itemstime{display: block;width: 90px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 30px;color: #999999;text-align: right;top:0px;right: 0px;}
#index-news1 .group-right1 .items-box2 .items-first .itemsmain .itemsmore{display: inline-block;width: auto;font-size: 14px;line-height: 22px;color: #498fff;margin-left:10px;}
#index-news1 .group-right1 .items-box2 .items-first .itemsmain .itemsmore:hover{color: #005bec;}
#index-news1 .group-right1 .items{display: block;width: 100%;padding: 0px 15px 0px 15px;position: relative;}
#index-news1 .group-right1 .items .itemspoint{width: 6px;height: 6px;border-radius:6px;background: #3e66a9;position:absolute;left: 0;top: 12px;}
#index-news1 .group-right1 .items .itemstitle{display: block;width: 100%;font-size: 14px;line-height: 30px;color: #303030;}
#index-news1 .group-right1 .items .itemstitle:hover{color: #005bec;text-decoration:underline;}
#index-news1 .group-right1 .items .itemstime{display: block;width: 90px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 30px;color: #999999;text-align: right;top:0px;right: 0px;}
#index-news1 .group-right1 .video{padding-left: 30px;padding-top: 20px;}
.screen-phone #index-news1 .group-right1 .video,.screen-tablet #index-news1 .group-right1 .video{padding-left: 0px;padding-top: 10px;}
#index-news1 .group-right1 .video .newstabnav2{display: block;width: 100%;position: relative;padding-left: 0;}
#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box{display: block;width: 100%;height:30px;padding-left:10px; position: relative;border-bottom: 1px solid #c2cfef;}
#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box span{display:block;width:100px;height:1px;background: #2a46a0; position: absolute;bottom: -1px;left: 0;}
#index-news1 .group-right1 .video .newstabnav2 .newstabnav2-box i{display: inline-block;width: 18px;height: 24px; font-size: 16px;line-height: 24px;color: #000;background: url(../../images/icon/icon_07.png) no-repeat center;}
#index-news1 .group-right1 .video .newstabnav2 .bars{display: inline-block;width: 82px;vertical-align: top;padding-bottom: 10px;text-align: center;color: #33498f;font-size: 16px;line-height: 26px; font-weight: 700;background: bottom center no-repeat;}
#index-news1 .group-right1 .video .newstabnav2 .more{display: inline-block;width: auto;float: right;font-size: 16px;line-height: 26px;color: #444444;}
#index-news1 .group-right1 .video .video-box1{width: 100%;}
#index-news1 .group-right1 .video .video-box1>a{display: block; width: 47%;height: 166px;border: 1px solid #999;float: left;margin: 20px 1% 20px 3%;position: relative;}
#index-news1 .group-right1 .video .video-box1>a>div>img{width: 100%;height: 100%;}
#index-news1 .group-right1 .video .video-box1>a>div{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;}
#index-news1 .group-right1 .video .video-box1>a>p{font-size: 14px;color: #fff;position: absolute;bottom: 0px;left: 10px;}
#index-news1 .group-right1 .video .video-box1>a i{font-size: 50px;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;color: #fff;}
.screen-phone #index-news1 .group-right1 .video .video-box1>a{height: 130px;}
#index-news1 .group-right1 .video .video-box1>a:first-child{margin: 20px 2% 20px 0; }


/*专题*/

.zhuanti .titlestyle-main {margin-bottom: 30px;}
.screen-phone .zhuanti .titlestyle-main {margin-bottom:15px;}
.zhuanti .titlestyle-main .maintitle{color: #33498f;height: 60px;line-height:60px;}
.screen-phone  .zhuanti .titlestyle-main .maintitle{ height: 40px;line-height:40px;}

.zhuanti .titlestyle-main .subtitle{ height: 20px;line-height: 20px; padding:0;color: #6d6d6d;}
.zhuanti .titlestyle-main .titleline{padding:0;width: 100%;height: 20px;position: relative;}
.zhuanti .titlestyle-main .titleline span{display:block; width: 20px;height: 20px;border-radius: 20px;background: #6d6d6d;position: absolute;top: 0;left: 50%;margin-left: -10px;}
.zhuanti .titlestyle-main .titleline i{display: inline-block; width: 48%;height: 1px;background: #aaaaaa;float: left;margin-top: 10px;}
.zhuanti .titlestyle-main .titleline i:last-child{float: right;}



/*新专题-主页
.index-nav1{font-size: 30px;line-height: 80px;text-align: center;}
.screen-phone .index-nav1{font-size: 20px;}
.index-nav1 .container{margin: 0 auto;padding:0;}
.index-nav1 .container div{padding: 0; }
.index-nav1 .container div a div{padding-top: 25px;}
.index-nav1 .container div a{display: block;width: 100%; height: 180px;position: relative;}
.index-nav1 .container div a.item1{background: #0874b7;color: #fff;}
.index-nav1 .container div a.item2{background: #eb7824;color: #fff;}
.index-nav1 .container div a.item3{background: #87ab38; color: #fff;}
.index-nav1 .container div a.item4{background: #18a1c5;color: #fff;}
.index-nav1 .container div a div.title{width: 100%; padding: 0;position: absolute;bottom: 0;left:50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
*/


.index-nav1{font-size: 30px;line-height: 80px;text-align: center;}
.screen-phone .index-nav1{font-size: 20px;}
.index-nav1 .container{margin: 0 auto;padding:0;}
.index-nav1 .container div{padding: 0; }
.index-nav1 .container div a div{width: 100%;height: auto;}
.index-nav1 .container div a div img{width: 100%;height: auto;}
.index-nav1 .container div a{display: block; height: auto;position: relative; margin:10px;border-radius: 8px; color: #fff;cursor: pointer;}
.index-nav1 .container div a.item1{
	background: #d31e1e;
	background: -webkit-linear-gradient(left, #f15050 , #e70819); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f15050, #e70819); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f15050, #e70819); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f15050 , #e70819); /* 标准的语法 */
  }
.index-nav1 .container div a.item2{
	background: #0874b7;
	background: -webkit-linear-gradient(left, #37a0e1 , #2182be); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #37a0e1, #2182be); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #37a0e1, #2182be); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #37a0e1 , #2182be); /* 标准的语法 */
  }
.index-nav1 .container div a.item3{
	background: #eb7824;
	background: -webkit-linear-gradient(left, #c9b164 , #ac8c44); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #c9b164, #ac8c44); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #c9b164, #ac8c44); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #c9b164 , #ac8c44); /* 标准的语法 */
  }
.index-nav1 .container div a.item4{
	background: #87ab38;
	background: -webkit-linear-gradient(left, #a3c150 , #7da231); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #a3c150, #7da231); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #a3c150, #7da231); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #a3c150 , #7da231); /* 标准的语法 */
  }
.index-nav1 .container div a:hover {font-size: 34px;margin-top: 6px;-moz-box-shadow: 7px 7px 7px #888888; /* 老的 Firefox */
box-shadow:7px 7px 7px #888888;}


.index-nav1 .container div a div.title{width: 100%; padding: 0;position: absolute;bottom: 0;left:50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}





/*服务案例-主页*/
#index-case{padding-top: 30px;padding-bottom: 50px;}
.screen-phone #index-case{padding-top: 0;padding-bottom: 20px;}
#index-case .group-left{width: 100%;height: auto; background-color: #0089e1;position: relative;}
#index-case .group-left .items{color: #fff; text-align: center;}
#index-case .group-left .items h3{padding-top:30px;font-size: 40px;}
#index-case .group-left .items p{padding-bottom: 35px;}
#index-case .group-left .items p i{width: 54px;height: 6px;position: absolute;left: 50%;bottom: 80px; margin-left:-27px;background-color: #fff;}
#index-case .group-right .items div{height: auto;min-height:97px;border:1px solid #b8b8b8;margin-top: 20px;text-align: center;}
.screen-phone #index-case .group-left .items h3{font-size: 20px;padding-top:20px;margin-top:0;}
.screen-phone #index-case .group-left .items p{padding-bottom: 20px;}
.screen-phone #index-case .group-left .items p i{bottom: 60px;}


/* ------------------------- list 列表页 --------------------------- */
/* list with cards style 卡片样式列表 */
/*核心业务-主页*/
.core{margin-top:80px;margin-bottom: 30px;}
.core .container{padding-left: 0;padding-right: 0;}
.screen-phone .core .container{padding-left: 10px;padding-right: 10px;}
.screen-phone .core{margin-top: 0;margin-bottom: 0;}
.liststyle0{margin-top:40px;}
.screen-phone .liststyle0{padding-left: 0;}
.screen-phone .liststyle0 .col{ padding-left: 5px;padding-right: 5px;}
.liststyle0 .item{display: block;background-color: #fff;text-align: center;color: #555657;border: 1px solid #b8b8b8;margin-bottom: 20px;position: relative;}
.liststyle0 .col{padding-right: 25px;padding-left: 25px;}
.screen-phone .liststyle0 .item{margin-bottom: 10px;}
.liststyle0 .item .itemimg{display: block;min-height:170px;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.screen-phone .liststyle0 .item .itemimg{min-height:130px;top: -20px;}
.liststyle0 .item .itemimg>div{position: absolute;display:block;width: 112px;height: 112px;top:30px;left: 50%;margin-left:-56px; border:1px solid #fff; border-radius: 56px;background-color: #8c8d8d;}
.liststyle0 .item .itemimg>div>div{display: block;width: 57px;height: 57px;position: absolute;top: 26px;left: 28px;}
.liststyle0 .item .itemimg>div>div.img-data{background: url(../../images/icon/data.png) no-repeat center;}
.liststyle0 .item .itemimg>div>div.img-government{background: url(../../images/icon/government.png) no-repeat center;}
.liststyle0 .item .itemimg>div>div.img-estate{background: url(../../images/icon/estate.png) no-repeat center;}
.liststyle0 .item .itemimg>div>div.img-internet{background: url(../../images/icon/internet.png) no-repeat center;}
.liststyle0 .item .itemimg>div>div>img{width: 100%;min-height: 100%;border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle0 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle0 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 32px;margin-bottom: 0px;margin: 0 5%;}
.liststyle0 .item .itemtitleEn{margin-bottom: 80px;color: #b6b6b6;font-size:14px;line-height: 20px;}
.screen-phone .liststyle0 .item .itemtitleEn{margin-bottom: 40px;line-height: 20px;}
.liststyle0 .item .itemline{width: 54px;height: 3px;position: absolute;left: 50%;bottom: 40px; margin-left:-27px;background-color: #0089e1;}
.screen-phone .liststyle0 .item .itemline{bottom: 20px;}

.liststyle0 .item:hover{background-color: #0089e1;box-shadow: 2px 5px 10px #8c8d8d;}
.liststyle0 .item:hover .itemimg>div{background-color: #fff;}
.liststyle0 .item:hover .itemimg>div>div.img-data{background-image: url(../../images/icon/data_2.png);}
.liststyle0 .item:hover .itemimg>div>div.img-government{background-image: url(../../images/icon/government_2.png);}
.liststyle0 .item:hover .itemimg>div>div.img-estate{background-image: url(../../images/icon/estate_2.png);}
.liststyle0 .item:hover .itemimg>div>div.img-internet{background-image: url(../../images/icon/internet_2.png);}
.liststyle0 .item:hover .itemtitle{color: #fff;}
.liststyle0 .item:hover .itemtitleEn{color: #b5dcf5;}
.liststyle0 .item:hover .itemimg>div>i{color: #0089e1;}
.liststyle0 .item:hover .itemline{background-color: #fff;}






/*联系我们-主页*/
.contact{width: 100%;height: auto;background:url(../../images/contact-bg.png);position: relative;}
.contact .container{position: relative; z-index: 1;}
.contact .layer{width: 100%;height: 100%;position: absolute;top: 0;left:0; background: rgba(0,0,0,.6);z-index: 0;}
.contact .container .maintitle{color: #fff;margin-top: 40px;}
.contact .container .subtitle{color: #fff;}
.contact .container p{font-size: 48px;line-height: 200px; color: #fff;margin-top: 20px;margin-bottom: 30px;}

/*友情链接-主页*/
.links{display: block;width: 100%;padding-left: 0; padding-top: 50px;padding-bottom: 50px;overflow: hidden; color: #000;}
.links li{float: left;margin-right: 20px;}
.links li a{display: block;width: 100%;height: 100%; color: #000;}
.links li a:hover{color: #0089e1;}
.screen-phone .links{padding-top: 20px;padding-bottom: 20px;}
.screen-phone .links li:first-child{float: none;}


/* 留言页 */
.from{display: block;padding-top:30px;padding-bottom:30px;color: #000 }
.from .h2 { font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; }
.screen-phone .from .h2{font-size:30px;line-height: 40px;}
.from .h4 { text-align: center; font-size: 16px; padding-bottom: 40px; overflow: hidden; }
.from .contact1{display: block;width: 100%;padding:0px 20%;}
.screen-phone .from{padding-top:10px;}
.screen-phone .from .contact1{padding:0;}
.screen-tablet .from .contact1{padding:0 10%;}
.from .contact1 form{display: block;overflow: hidden;padding-top:10px;}
.from .contact1 input.fl,.from .contact1 input.fr{display: inline-block;width: 80%;height: 30px;padding:0 10px;outline: none;border: 1px solid #ccc;font-size: 14px;margin-bottom: 10px;}
.from .contact1 label{font-weight:400;display:inline-block;font-size: 14px;line-height: 30px; width: 20%;text-align: center;float: left;}
.screen-phone .from .contact1 label{width: 30%;}
.screen-phone .from .contact1 select{width: 70%;}
.screen-phone .from .contact1 input{width: 70%;}
.from .contact1 span{color: #f00;font-size:14px;display:inline-block;}
.from .contact1 select{font-size:14px;height: 30px;width: 80%; outline: none;border:1px solid #ccc;margin-bottom: 10px;padding: 0 6px;}
.from .contact1 input{display:inline-block;outline: none;font-size:14px;}
.from .contact1 input.file{height: 30px;}
.from .contact1 textarea{display: block;width: 100%;height: 80px;padding: 10px; margin-top:60px;outline: none;resize: none;background: #f8f8f8; border: none;font-size: 14px;}
.from .contact1 .in_btn{display: block;width: 100%;height: 40px;border:none;background: #0089e1;color: #fff;transition: all .3s;margin:0 auto;}
.from .contact1 .in_btn:hover{background: #33498f;}


/* 入职预审 */
.from1{display: block;padding-top:30px;padding-bottom:30px;color: #000 }
.from1 .img{display:block;text-align: center;}
.from1 .h2 { font-size: 30px; line-height: 60px; font-weight: bold; text-align: center; }
.screen-phone .from1 .h2{font-size:20px;line-height: 40px;}
.from1 .h4 { text-align: center; font-size: 16px; padding-bottom: 40px; overflow: hidden; }
.from1 .contact1{display: block;width: 100%;padding:0px 20%;}
.screen-phone .from1{padding-top:10px;}
.screen-phone .from1 .contact1{padding:0;}
.screen-tablet .from1 .contact1{padding:0 10%;}
.from1 .contact1 form{display: block;overflow: hidden;padding-top:10px;}
.from1 .contact1 input.fl,.from1 .contact1 input.fr{display: inline-block;width: 80%;height: 30px;padding:0 10px;outline: none;border: 1px solid #ccc;font-size: 14px;margin-bottom: 10px;}
.from1 .contact1 label{font-weight:400;display:inline-block;font-size: 14px;line-height: 30px; width: 20%;text-align: center;float: left;}
.screen-phone .from1 .contact1 label{width: 30%;}
.screen-phone .from1 .contact1 select{width: 70%;}
.screen-phone .from1 .contact1 input{width: 70%;}
.from1 .contact1 span{color: #f00;font-size:14px;display:inline-block;}
.from1 .contact1 select{font-size:14px;height: 30px;width: 80%; outline: none;border:1px solid #ccc;margin-bottom: 10px;padding: 0 6px;}
.from1 .contact1 input{outline: none;font-size:14px;}
.from1 .contact1 input.file{height: 30px;}
.from1 .contact1 textarea{display: block;width: 100%;height: 80px;padding: 10px; margin-top:60px;outline: none;resize: none;background: #f8f8f8; border: none;font-size: 14px;}
.from1 .contact1 .in_btn{display: block;width: 100%;height: 40px;border:none;background: #0089e1;color: #fff;transition: all .3s;margin:0 auto;}
.from1 .contact1 .in_btn:hover{background: #33498f;}


/*案例列表页*/
.caseliststyle1{margin-top:40px;padding-left: 10px;padding-right: 10px;}
.screen-phone .caseliststyle1{padding:0;}
.caseliststyle1 .item{display: block;width:100%;height: 100%; background-color: #fff;text-align: center;color: #555657;border: 1px solid #b8b8b8;position: relative;}

.caseliststyle1 .col{padding-bottom: 20px;}
.caseliststyle1 .item .itemimg{display: block;min-height:110px;position: relative;font-size: 0;line-height: 0;}
.caseliststyle1 .item_more .a_layer{display:block;width:100%;height: 100%;background-color: #0089e1;position: absolute;top: 0;left: 0;}
.caseliststyle1 .item .itemimg>div{position: absolute;display:block;width: auto;height: auto;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.caseliststyle1 .item .itemimg>div>div{display: block;width: auto;height: auto;}
.caseliststyle1 .item .a_layer .a_more{width:160px;height: 60px;font-size:20px;line-height:60px;color:#0089e1;position: absolute;top: 50%;left: 50%;margin-top:-30px; margin-left:-80px;border: 1px solid #0089e1;border-radius:30px;background-color: #fff;}

.caseliststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;border: none;padding: 0;margin: 0;}
.lte-ie-8 .caseliststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.caseliststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;line-height: 32px;padding-bottom: 20px;margin: 0 5%;}
.screen-phone .caseliststyle1 .item .itemtitle{font-size: 14px;}
.caseliststyle1 .item .itemcontent{width: 90%;height:100px;overflow:hidden;margin: 0 5%;margin-bottom: 30px;font-size:14px;line-height:24px;}
.caseliststyle1 .item_more .a_null{height:182px;}


/* list with cards style 卡片样式列表 */
.cardliststyle1{margin-top:40px;}
.screen-phone .cardliststyle1 .col{ padding-left: 5px;padding-right: 5px;}
.cardliststyle1 .item{display: block;background-color: #354fa6;text-align: center;color: #fff;border: 1px solid #666;margin-bottom: 20px;}
.screen-phone .cardliststyle1 .item{margin-bottom: 10px;}
.cardliststyle1 .item:hover{background-color: #272727;}
.cardliststyle1 .item .itemimg{display: block;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.cardliststyle1 .item .itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.cardliststyle1 .item .itemimg>div>div{height: 100%;max-width: 100%;position: relative;overflow: hidden;}
.cardliststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: none;padding: 0;margin: 0;}
.lte-ie-8 .cardliststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.cardliststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 32px;margin-bottom: 0px;margin: 0 5%;}


/*新闻列表页样式*/
.liststyle2 .items{width: 100%;padding: 14px 0;border-bottom: 1px dotted #dfdfdf;}
.liststyle2 .items>a{display: block;position: relative;}
.liststyle2 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle2 .items .news-img{width: 30%;padding-top: 20%;text-align: center;}
.liststyle2 .items .news-img>div{
	text-align: center;
	display: block;
	position: absolute;
	font-size: 0px;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle2 .items .news-img>div>img{width: 100%;height: 100%;}
.liststyle2 .items .news-con{display: block;width: 100%;padding-left: 120px;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.liststyle2 .items .news-con .news-title{color: #333;font-size: 24px;font-weight: 700;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 16px;margin-bottom: 20px;}
.liststyle2 .items .news-con .news-detailbtn{
	width: 108px;
	display: block;
	cursor: pointer;
	color: #666;
	height: 30px;
	float: left;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items:hover .news-con .news-detailbtn,.device-mobile .liststyle2 .items .news-con .news-detailbtn{padding-right: 30px;}
.liststyle2 .items .news-con .news-detailbtn span{
	display: block;
	width: 0;
	color: #fff;
	background-color: #bb2405;
	box-shadow: 0px 0px 2px #bb2405;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items:hover .news-con .news-detailbtn span,.device-mobile .liststyle2 .items .news-con .news-detailbtn span{width: 30px;}
.liststyle2 .items .news-con .news-detailtime{
	width: 95px;
	display: block;
	color: #999;
	height: 95px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	background: #c6c6c6;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 8px;
}

.liststyle2 .items .news-con .news-detailtime div{ padding:10px;}
.liststyle2 .items .news-con .news-detailtime div p{display: block;font-size: 28px;line-height: 45px;background: #fff;color: #c6c6c6;text-align: center;}
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc,.liststyle2 .items:hover .news-con .news-detailbtn{color: #2072b9;}


/*新闻列表2样式*/
.new2 .titlestyle-main{border-bottom:1px solid #dadada;padding-bottom:10px;padding-left:10px;}
.new2 .titlestyle-main .maintitle{font-size:20px;line-height:50px;border-left: 4px solid #2d5088;color: #1b54aa;text-align: left;padding-left:10px;}
.liststyle21 .items{width: 100%;padding: 0;border-bottom: 1px dashed #dfdfdf;}
.liststyle21 .item1{border-bottom: none;padding-bottom:20px;}
.liststyle21 .items>a{display: block;position: relative;}
.liststyle21 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle21 .items .news-img{width: 30%;padding-top: 20%;text-align: center;position: absolute;top: 50%;left:0; -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.liststyle21 .items .news-img>div{
	text-align: center;
	display: block;
	position: absolute;
	font-size: 0px;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle21 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle21 .items .news-img>div>img{width: 100%;height: 100%;}
.liststyle21 .items .news-con{display: block;width: 77%;margin-left: 3%;float: left;}
.screen-phone .liststyle21 .items .news-con{display: block;width: 98%;margin-left: 2%;float: left;}
.screen-phone .liststyle21 .item1 .news-con{padding-left: 30%;}
.screen-phone .liststyle21 .item1 .pl{padding-left: 0;}
.liststyle21 .items .news-con p{width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.liststyle21 .items .news-con .news-title{color: #343434;font-size: 16px;margin-top:10px;padding-right:100px;}
.liststyle21 .item1 .news-con .news-title{color: #1b54aa;font-size: 20px;padding-right:0;white-space: nowrap;}
.screen-phone .liststyle21 .items .news-con .news-title{font-size: 14px;height: 28px;}
.screen-phone .liststyle21 .item1 .news-con .news-title{font-size: 16px;}
.liststyle21 .items .news-con .news-title>i.icon{position: absolute;line-height: 24px;font-size: 0.1em;}
.liststyle21 .items .news-con .news-title>i.icon.icon-2x{line-height: 24px;font-size: 20px;position: relative;left: 4px;margin-right:10px;}

.liststyle21 .items .news-con .news-desc{color: #999;font-size: 14px;width: 100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.liststyle21 .items .news-con .news-detailbtn{
	width: auto;
	display: block;
	cursor: pointer;
	color: #2d5088;
	height: 30px;
	float: left;
	font-size:14px;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #fff;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle21 .items:hover .news-con .news-detailbtn,.device-mobile .liststyle21 .items .news-con .news-detailbtn{}
.liststyle21 .items .news-con .news-detailbtn span{
	display: block;
	width: 0;
	color: #fff;
	background-color: #0568c1;
	box-shadow: 0px 0px 2px #0568c1;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle21 .items:hover .news-con .news-detailbtn span,.device-mobile .liststyle21 .items .news-con .news-detailbtn span{width: 30px;}
.liststyle21 .items .news-con .news-detailtime{
	width: auto;
	display: block;
	color: #343434;
	height: 30px;
	float: right;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 0;
	background: #fff;
}
.liststyle21 .items .news-con .news-title .hot{display: inline;height: 12px;color: red;margin-bottom: 5px;}
.screen-phone .liststyle21 .items .news-con .news-title .hot{display: block;height: 9px; position: absolute;top: 9px;right: 100px;color: red;margin-bottom: 0px;}
.liststyle21 .items:hover .news-con .news-title,.liststyle21 .items:hover .news-con .news-desc,.liststyle21 .items:hover .news-con .news-detailbtn,.liststyle21 .items:hover .news-con .news-detailtime{color: #0568c1;}



/* join 加入我们列表样式 */
.liststyle3{text-align: left;font-size: 0px;line-height: 0px;overflow: hidden;}
.liststyle3 p{margin: 0px;}
.liststyle3 .group-title{display: block;width: 100%;color: #333;font-size: 24px;line-height: 50px;}
.liststyle3 .item{display: block;width: 100%;color: #000;background-color: #eee;position: relative;margin-bottom:10px;transition: all .5s;overflow: hidden;}
.liststyle3 .item:hover{background: #d9e6f1;}
.liststyle3 .item.item-hd{background-color: #a3cff5;}
/* .liststyle3 .item.item-2n{background-color: #999;} */
.liststyle3 .item.active{background: #d9e6f1;color: #333;}
.liststyle3 .item>span{display: block;width:25%;font-size: 14px;line-height: 40px;float: left;position: relative;}
.liststyle3 .item>span:first-child{padding-left:4%;width: 35%;}
.liststyle3 .item>span:nth-child(2),.liststyle3 .item>span:nth-child(3){width: 20%;}
.liststyle3 .item>span.more{text-align:right;width: 100%;padding-left: 0;}
.liststyle3 .item>span .morebtn{
	display:inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 40px;
	/* background: #354fa6; */
	border-radius: 5px;
	margin: 0;
	color: #000;
	padding-right: 10px;
	margin-bottom: 6px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
	position: absolute;
	top: -40px;
	right: 0;
}
/* .liststyle3 .item>span .morebtn:hover{background: #fff;color: #666;}
.liststyle3 .item.active>span .morebtn:hover{background: #3f3b3a;color: #fff;} */
.liststyle3 .item>span .morebtn .icon{
	display: inline-block;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item.active>span .morebtn .icon{transform: rotate(180deg)}
.liststyle3 .item.item-hd>span{font-size: 16px;line-height: 40px;}
.liststyle3 .item .items-main{display: none;width: 100%;color: #000;background-color: #f1f1f1;font-size: 14px;line-height: normal;text-align: left;padding: 0% 4% 2%;}
.screen-phone .liststyle3 .group-title{font-size: 16px;line-height: 42px;}
.screen-phone .liststyle3 .item>span{width: 100%;font-size: 14px;line-height: 30px;vertical-align: top;}
.screen-phone .liststyle3 .item>span+sapn{}
.screen-phone .liststyle3 .item.item-hd>span{font-size: 16px;line-height: 30px;}
.screen-phone .liststyle3 .item>span.xs-hidden{display: none;}
.screen-phone .liststyle3 .item>span .morebtn{display:inline-block;font-size: 12px;line-height: 30px;padding:0 4px;top: -30px;}
.liststyle3 .item .button{padding-top: 10px;}
.liststyle3 .item .button a{display:inline-block;
	font-size: 14px;
	line-height: 30px;
	background: #2072b9;
	border-radius: 5px;
	padding: 0 20px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item .button a:hover{
	background: #354fa6;
}


/* contact 联系我们列表样式 */
.liststyle4{}
.liststyle4 .item{display: block;margin-top: 50px;}
.liststyle4 .item .item-main{display: block;width: 100%;}
.liststyle4 .item .item-main .title{font-size: 20px;color: #000;}
.liststyle4 .item .item-map{width: 100%;position: relative;padding-top: 56%;overflow: hidden;min-height: 320px;}
.lte-ie-8 .liststyle4 .item .item-map{padding-top: 15%;}
.liststyle4 .item .item-map>div{width: 100%;height: 100%;top: 0; position:absolute;}

/* developmentlist 发展历程时间轴列表样式 */
.liststyle5{width: 100%;height: 510px;overflow: hidden;position: relative;font-size: 0px;}
.liststyle5 .group-main{width: auto;height: 510px;white-space: nowrap;position: absolute;}
.liststyle5 .group-main .item{display: inline-block;width: 180px;height: 500px;margin: 5px;position: relative;vertical-align: top;}
.liststyle5 .group-main .item .maintitle{position: absolute;display: block;width: 100px;height: 100px;color: #fff;border-radius: 50%;background: #c8cac9;font-size: 18px;white-space: normal;padding: 12px;line-height: 1.2;text-align: center;top: 91px;left: 50%;margin-left: -50px;z-index: 3;behavior: url(style/PIE/PIE.htc);}
.liststyle5 .group-main .item .items-line{position: absolute;display:block;width: 4px;height: 50px;background: #c8cac9;top: 191px;left: 50%;margin-left: -2px;z-index: 2; }
.liststyle5 .group-main .item .items-arrow{position: absolute;display:block;width: 100%;height: 18px;top: 241px;overflow: visible;z-index: 1;}
.liststyle5 .group-main .item .items-arrow .arrowtop{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);
}
.liststyle5 .group-main .item .items-arrow .arrowbottom{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
}
.liststyle5 .group-main .item .items-circle{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 245px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
	z-index: 2;
	behavior: url(style/PIE/PIE.htc);
}
.liststyle5 .group-main .item .subtitle{
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	top: 258px;
	left: 0;
	color: #c8cac9;
	z-index: 3;
	font-size: 40px;
	line-height: 50px;
}
.liststyle5 .group-main .item .items-main{
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	top: 308px;
	left: 0;
	z-index: 3;
	font-size: 14px;
	line-height: 18px;
	white-space: normal;
}
.liststyle5 .group-main .item .items-main p{margin: 0;}
.liststyle5 .group-main .item.style .maintitle{top: 308px;}
.liststyle5 .group-main .item.style .items-line{top: 258px;}
.liststyle5 .group-main .item.style .subtitle{top: 191px;}
.liststyle5 .group-main .item.style .items-main{top: 12px;}
/* lightgallery 灯箱画廊样式 */
#lightGallery{}
#lightGallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightGallery>a.col .grouphd{padding-top: 120%;position: relative;}
#lightGallery>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightGallery>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouphd .grouphd-img>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightGallery>a.col:hover .grouposter{display: block;}
#lightGallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #fff;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightGallery>a.col:hover .grouptitle{background-color: #354fa6;color: #fff;}
/* casenav 选项卡导航 */
.casenav{width: 100%;background: #f1f1f1;font-size: 16px;text-align: center;line-height:28px;border-bottom: 1px solid #dedede;}
.casenav .casenav-nav{width: 100%;text-align: center;}
.casenav .casenav-nav>li{display: inline-block;position: relative;float: none;}
.casenav .casenav-nav>li.active{background: #354fa6;}
.casenav .casenav-nav>li.active a{color: #fff;}
.casenav .casenav-nav>li:hover a{color: #354fa6;}
/* pagectrl 翻页按钮 */
.pagectrl{display: block;width: 100%;padding-top: 20px;}
.pagectrl>a{display: inline-block;padding: 0 8px;height: 30px;line-height: 28px;border: 1px solid #ccc;margin-bottom: 10px;color: #333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color: #354fa6; border: 1px solid  #354fa6;color: #fff;}
.pagectrl>.pagectrlform {display: inline-block;height: 30px;line-height: 28px;padding: 0px 20px;margin-bottom: 10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height: 30px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 10px;text-align: center;}
.pagectrl>.pagectrlform .pagesubmit{padding: 0 8px;height: 30px;background-color: #354fa6; border: 1px solid  #354fa6;color: #fff;margin-bottom: 10px;}



/* detail 详情页 */
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;}
.newstitle{display: block;width: 100%;font-size: 30px;line-height: 48px;text-align: center;color: #000;}
.newsline{height: 1px;width: 100%;background: #ccc;margin-top: 10px;margin-bottom: 20px;}
.maincontent{font-size: 18px;font-weight: 300; width: 100%;padding:0 50px; margin: 0 auto;margin-top: 20px;color: #686868;}
.maincontent div img{width: 60%;}
.maincontent p {font-size: 18px;font-weight: 300;line-height:1.5;}
.maincontent p img{width: 60%;}

.screen-phone .maincontent {font-size: 16px;font-weight:300;}
.screen-phone .maincontent div img{width: 100%;}
.screen-phone .maincontent p img{width: 100%;font-size: 16px;font-weight: 300;}
.screen-phone .newstitle{font-size: 20px;}
.screen-phone .maincontent{padding: 0;}
.maincontent .newsdaodu{width: 100%; font-size: 16px; height: auto; background: #f1f1f1;padding: 10px 30px 10px 10px;border-radius: 8px;margin-bottom: 20px;}
.screen-phone .maincontent .newsdaodu{padding: 10px 10px 10px 10px;}

/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;font-size: 14px; border-top:#E1E1E1 1px solid}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;color: #354fa6;}
.prevnext .prev,.prevnext .next{width: 100%;display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.prevnext .historygo{display: inline-block;padding:10px 20px;background: #1162a7;color: #fff;}
.prevnext .historygo:hover{color: #fff;text-decoration: none;background: #354fa6;}
/* casedetail 案例详情卡片图片展示 */
.casedetail{padding-top: 54%;position: relative;margin-left: -10px;margin-right: -10px;}
.casedetail .items-images{position: absolute;top: 0;height: 100%;width: 100%;}
.casedetail .items-images .mainimgbox,.casedetail .items-images .mainimgctrl{height: 100%;overflow: hidden;}
.casedetail .items-images .mainimgbox{text-align: center;}
.casedetail .items-images .mainimgbox img{width: 100%;max-height: 100%;}
.casedetail .items-images .mainimgctrl{padding-top: 40px;padding-bottom: 40px;}
.casedetail .items-images .mainimgctrl .upctrl,.casedetail .items-images .mainimgctrl .downctrl{
	width:88%;
	position: absolute;
	left: 6%;
	height: 25px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #354fa6;
	cursor: pointer;
	border: 1px solid #999;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.casedetail .items-images .mainimgctrl .upctrl:hover,.casedetail .items-images .mainimgctrl .downctrl:hover{background: #3f3b3a;}
.casedetail .items-images .mainimgctrl .upctrl{top: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .downctrl{bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .imagesbox{width: 100%;height: 100%;overflow: hidden;position: relative;}
.casedetail .items-images .mainimgctrl .imagesbox .images{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}
.casedetail .items-images .mainimgctrl .imagesbox .images>img{width: 100%;height: auto;margin: 4px 0;cursor: pointer;}
.casedetailmorebtn{display: inline-block;background-color: #354fa6;color: #fff;width: 120px;font-size: 16px;line-height: 36px;text-align: center;margin-top: 15px;}
.screen-phone .casedetailmorebtn{width: 80px;font-size: 14px;line-height: 28px;margin-top: 5px;}
.casedetailmorebtn:hover{background-color: #3f3b3a;color: #fff;}
.casedetailbox-title{display: block;width:140px;background-color: #354fa6;color: #fff;text-align: center;font-size: 16px;line-height: 36px;font-weight: 700;}
.screen-phone .casedetailbox-title{display: block;width:120px;background-color: #354fa6;color: #fff;text-align: center;font-size: 14px;line-height: 28px;font-weight: 700;}
.casedetailbox{border-top: 2px solid #354fa6;}
.screen-phone .casedetailbox{border-top: 1px solid #354fa6;}

/* other 其它 */
/* leftnav 左侧小导航栏 风格1 */
.leftnav{display: block;width: 90%;background-color: #fff;margin-bottom: 20px; }
.screen-phone .leftnav,.screen-tablet .leftnav{margin-left: auto;margin-right: auto;}
.leftnav .leftnav-m-ctrl{display: block;width: 100%;font-size: 28px;line-height: 28px;background: #0e2b79;color: #fff;text-align: left;cursor: pointer;padding-top: 25px;padding-left: 50px; border-radius: 8px;}
.leftnav .leftnav-m-ctrl p{font-size: 16px;padding-bottom: 25px;margin-bottom: 2px;}
.leftnav a{color: #666;}
.leftnav ul{padding: 0;margin: 0;}
.leftnav ul li{display: block;width: 100%;margin-bottom: 2px;}
.leftnav ul li>a{display: block;width: 100%;background-color: #fff;font-size: 16px;color: #707070;line-height: 80px;text-align: center; font-weight: 800;position: relative;}
.leftnav ul li.active>a,.leftnav ul li:hover>a{color: #fff;background-color: #2072b9;border-radius: 8px;}
.leftnav ul li>a>.icon{
	position: absolute;
	left: 50px;
	line-height: 80px;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav ul li.active>a>.icon{transform: rotate(180deg);}
.leftnav ul li +li{}
.leftnav ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;box-shadow:inset 0px 0px 20px 0px #999;}
.leftnav ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.leftnav ul li .navplus a:hover,.leftnav ul li .navplus a.active{color: #354fa6;padding-left: 40px;}

/* leftnav 左侧小导航栏 风格2 */
.leftnav1{display: block;width: 90%;background-color: #fff;margin-bottom: 20px; overflow: hidden;}
.screen-phone .leftnav1,.screen-tablet .leftnav1{margin-left: auto;margin-right: auto;}
.leftnav1 .leftnav1-m-ctrl{display: block;width: 100%;font-size: 28px;line-height: 28px;background: #0e2b79;color: #fff;text-align: left;cursor: pointer;padding-top: 25px;padding-left: 50px; border-radius: 8px;}
.leftnav1 .leftnav1-m-ctrl p{font-size: 16px;padding-bottom: 25px;margin-bottom: 2px;}
.leftnav1 a{color: #666;}
.leftnav1 ul{padding: 0;margin: 0;}
.leftnav1 ul li{display: block;width: 100%;margin-bottom: 2px;}
.leftnav1 ul li>a{display: block;width: 100%;background-color: #fff;font-size: 16px;color: #707070;line-height: 80px;height: 80px;padding-left: 85px;text-align: left; font-weight: 400;position: relative;}
.leftnav1 ul li.active>a,.leftnav1 ul li:hover>a{color: #fff;background-color: #2072b9;border-radius: 8px;}
.leftnav1 ul li>a>.icon{
	position: absolute;
	width: 23px;
	height: 26px;
	left: 50px;
	top:25px;
	line-height: 80px;
	background: url(../../images/icon/shu.png) no-repeat center;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav1 ul li:hover>a>.icon{background: url(../../images/icon/shu1.png) no-repeat center;}
.leftnav1 ul li.active>a>.icon{background: url(../../images/icon/shu1.png) no-repeat center;}
.leftnav1 ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;box-shadow:inset 0px 0px 20px 0px #999;}
.leftnav1 ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.leftnav1 ul li .navplus a:hover,.leftnav1 ul li .navplus a.active{color: #354fa6;padding-left: 40px;}

/* leftnav 左侧小导航栏 成员单位独立样式 */
.leftnav2{display: block;width: 90%;background-color: #fff;margin-bottom: 20px; overflow: hidden;}
.screen-phone .leftnav2,.screen-tablet .leftnav2{margin-left: auto;margin-right: auto;}
.leftnav2 .leftnav2-m-ctrl{display: block;width: 100%;font-size: 28px;line-height: 28px;background: #0e2b79;color: #fff;text-align: left;cursor: pointer;padding-top: 25px;padding-left: 50px; border-radius: 8px;}
.leftnav2 .leftnav2-m-ctrl p{font-size: 16px;padding-bottom: 25px;margin-bottom: 2px;}
.leftnav2 a{color: #666;}
.leftnav2 ul{padding: 0;margin: 0;}
.leftnav2 ul li{display: block;width: 100%;margin-bottom: 2px;}
.leftnav2 ul li>a{display: block;width: 100%;background-color: #fff;font-size: 16px;color: #707070;line-height: 30px;height: 80px;padding-left: 45px;padding-top: 10px; text-align: left; font-weight: 400;position: relative;}
.leftnav2 ul li.active>a,.leftnav2 ul li:hover>a{color: #fff;background-color: #2072b9;border-radius: 8px;}
.leftnav2 ul li>a>.icon{
	position: absolute;
	width: 23px;
	height: 26px;
	left: 10px;
	top:25px;
	line-height: 80px;
	background: url(../../images/icon/shu.png) no-repeat center;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav2 ul li:hover>a>.icon{background: url(../../images/icon/shu1.png) no-repeat center;}
.leftnav2 ul li.active>a>.icon{background: url(../../images/icon/shu1.png) no-repeat center;}
.leftnav2 ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;box-shadow:inset 0px 0px 20px 0px #999;}
.leftnav2 ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.leftnav2 ul li .navplus a:hover,.leftnav2 ul li .navplus a.active{color: #354fa6;padding-left: 40px;}


/* rightnav 右侧悬浮导航 */
.rightnav {width: 52px;border: 1px solid #ccc;font-size: 0px;display: block;position: fixed;top: 50%;right: 0px;}
.rightnav ul{margin: 0px;padding: 0px;}
.rightnav ul li{
	width: 52px;
	display: block;
	height: 52px;
	overflow: hidden;
	list-style: none;
	background-position: 0 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.rightnav ul li:hover{background-position: 0px -62px;}
.rightnav ul li + li {margin-top: 5px;}
.rightnav ul li a{display: block;width: 100%;height: 100%;}
.qq {background: url(../../images/QQ.png) no-repeat;}
.email {background: url(../../images/Email.png) no-repeat;}

.email-logo {
	background: #fff;
	font-size: 18px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 52px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.email-logo>img{width: 100%;}
.email:hover .email-logo {
	width: 190px; height: 52px; line-height: 52px;  border-radius: 5px 0px 0px 5px; border: #1162a7 1px solid; background-color:#1162a7;

}



.weixin {background: url(../../images/map.png) no-repeat;}
.weixin-logo {
	background: #fff;
	font-size: 12px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-align: center;
	color: #000;
	position: absolute;
	top: 0px;
	right: 52px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.weixin-logo>img{width: 100%;}
.weixin:hover .weixin-logo {
	width: 150px;
	height:auto;
}
.rightnav .liuyan {background: url(../../images/liuyan.png) no-repeat;}

.liuyan-logo {
	background: #fff;
	font-size: 20px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 115px;
	right: 52px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.liuyan-logo>img{width: 100%;}
.liuyan:hover .liuyan-logo {
	width: 160px; height: 52px; line-height: 52px;  border-radius: 5px 0px 0px 5px; border: #1162a7 1px solid; background-color:#1162a7;

}




.rightnav .gotop{background: url(../../images/gotop.png) no-repeat;}
/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox{
	width: 100%;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	column-count:2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px
}
.wenhua-imgbox img{
	display: inline-block;
	width:100%;
	height: auto;
	padding: 1px;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.video-js{width: 100%;}