﻿/*
	text-overflow: ellipsis;
	white-space: nowrap;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	
	box-shadow: 0px 0px 5px rgba(153,153,153,0.5);		
	
*/
/* 全局  */
@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border: medium none;
	margin: 0;
	padding: 0;
}
*{margin: 0px;padding: 0px;}
html{overflow-x: hidden;}
body{font-family: "microsoft yahei";background:#fff;font-size: 12px;color:#666;}
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
i{font-style:normal;}
a{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);font-family: "microsoft yahei";text-decoration: none;color: #666;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
a:visited{color: #666;outline: none;}
a:hover{color: #fc8b1c;outline: none;}
a:active{color: #666;outline: none;}
ul, ol{list-style: none;vertical-align: middle;}
img{border: 0px;vertical-align:middle}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clear{ clear:both; overflow:hidden; height:0;}
.h5{ height:5px;}
.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h25{ height:25px;}
.h30{ height:30px;}
/**
 * 框架部分 begin
 * @author 杨朝杰
 * @return
 */	
#mobileTop{
    clear:both; 
    position:relative; 
    z-index:9;
    left: 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mobileCon{
    overflow:hidden;
    overflow-y: auto;
    clear:both; 
    background:#f2f2f2; 
    position:relative;
    z-index:4;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    left: 0px;
}
#mobileFooter{
    clear:both; 
    position:fixed; 
    bottom:0; 
    left: 0px;
    width:100%; 
    z-index:3;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mobileMenu{
    height:100%;
    position:fixed; 
    top:0px;
    width:250px;
    z-index:9999;
    background:#000200;
    right: -250px;
    overflow:hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mobileBg{width:100%; height:100%;position:fixed;background:rgba(0,0,0,0.5);left:0;top:0px; z-index:10; display:none;}
#mobileConH{overflow:hidden;background: #fff;}
#mobileCon.hide{
    left: -250px;
}
#mobileFooter.hide,
#mobileTop.hide{
    overflow: hidden;
    left: -250px;
}
#mobileMenu.hide{
    right: 0px;
}/*导航展开*/

#mobileMenu.show{}/*导航关闭*/
#mobileBg.hide{-webkit-transition: all 0.6s;-webkit-transform: translateX(0px);}
#mobileBg.show{-webkit-transition: all 0.6s;-webkit-transform: translateX(0px);}

/**
 * 手机顶部
 * @author 杨朝杰
 * @return
 */	
#toolbarnav{display: block;height:45px;width: 100%;max-width:100%;position: relative;color:#fff;background:#fff;}
#toolbarnav h1{text-align:center;display: block;font-weight:normal;line-height: 45px;color: #272727;font-size: 16px;padding:0 10px 0 0;}
#toolbarnav h1 a{float: left;}
#go-back{position: absolute;top:0;width: 50px;height:45px;display:block;left:0;}
#go-back span{color:#666;font-size:24px;display:block;margin:10px 0 0 12px;}
#menu-btn{display: block;width: 50px;height: 40px;position: absolute;right:0;top:0;}
#menu-btn span{font-size: 28px;color: #1f1a17;margin:10px 0 0 12px;display: block;}
#menu-btn em{font-size: 28px;color: #1f1a17;margin:10px 0 0 12px;display: none;}
#sub-btn{display: block;width: 50px;height: 45px;position: absolute;right: 0;top: 0;}
#sub-btn span{font-size: 20px;color: #fff;margin: 12px 0 0 16px;display: block;}
#toolbarnav h1 a{
    display: inline-block;
    overflow: hidden;
    height: 35px;
    padding: 5px 0px;
    margin-left: 10px;
}
#toolbarnav h1 a img{
    display: block;
    height: 35px;
}
#toolbarnav:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    border-bottom:1px solid #ddd;
    -webkit-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    transform: scaleY(0.3);
    position: absolute;
    left: 0px;
    bottom:0px;
}
/**
 * 一级导航
 * @author 杨朝杰
 * @return
 */	
#mobileMenu header{display:block;background:#000;height:40px;}
#mobileMenu header h1{text-align: center;padding-top: 10px;color: #fff;font-size: 16px;text-shadow: 1px 1px 0px #313131;}
/*#mobileMenu ul{height: 100%;}*/
#mobileMenu ul li{display: block;overflow:hidden;position: relative;background: #272727;}
#mobileMenu ul li:after{
    display: block;
    content: "";
    overflow: hidden;
    background: #001219;
    width: 100%;
    height: 1px;
    z-index: 2;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.nav_a{
	display: block;
	color: #666;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
    padding: 0px 20px;
}
#mobileMenu ul li.hover .nav_a{
    background: #f0f2f1;
}
/*#mobileMenu ul li:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom:0px;
    width: 100%;
    height: -1px;
    border-bottom: 1px solid #d5d5d5;
    -webkit-transform-origin: scaleY(0.5);
    transform-origin: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}	*/
.mobileMenuBox{
    position: relative;
    height: 100%;
    overflow-y: auto;
}
.mobileMenuBox ul{
    width: 100%;
    overflow: hidden;
}
#mobileMenu ul li .nav_a span{
    display: inline-block;
    position: relative;
    line-height: 37px;
    padding-top: 3px;
    height: 37px;
    font-size: 14px;
    color:#fff;
}
#mobileMenu ul li .nav_a span:after{
    display: none;
    content: "\e68b";
    width: 15px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    top:0px;
    font-size: 12px;
    color:#fff;
    line-height: 40px;
    /*padding-top: 2px;*/
    text-align: left;
    border:none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mobileMenu ul li .nav_a span.active:after{
    display: block;
}
#mobileMenu ul li.hover .nav_a span:after{content: "\e689";}
#mobileMenu ul li.hover .nav_a{
    background: #c50018;
}
#mobileMenu ul li.hover .nav_a span{color:#fff;}
.subMenu{
    display: none;
    width: 100%;
    overflow: hidden;
    text-align: left;
    background: #1d1d1d;
    padding-left: 20px;
}
.subMenu a{
    display:block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color:#fff;
}
#mobileMenu ul li.hover .subMenu{
    display: block;
}
/*#mobileMenu ul li a em{display: none;width:2px;height: 43px;float: left;background: #1d1d1d;}*/

.subMenu a.hover{
    color:#c50018;
    text-decoration: underline;
}
.subMenu a span{
    display: block;
    overflow: hidden;
    position: relative;
    padding-left: 13px;
}
.subMenu a span:after{
    display: block;
    content: "\e68b";
    width: 15px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    font-size: 10px;
    color:#fff;
    line-height: 30px;
    /*padding-top: 2px;*/
    text-align: left;
    border:none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subMenu a.hover span:after{
    color:#c50018;
}

.subNav{
    padding: 10px;
    overflow: hidden;
    background: #fff;
}
.subNav .indTab{
    overflow: hidden;
    width:100%;
}
.subNav .indTab .center{
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.subNav .indTab_dl{
    display: inline;
}
.subNav .indTab_dl dd{
    display: inline-block;
}

/*
* subBanner
*/
.subBanner{overflow: hidden;}
.subBanner img{display: block;max-width: 100%;}
/**
 * 二级导航
 * @author 杨朝杰
 * @return
 */	
#mobileSubNav{height:40px;position:relative;z-index:3;margin:0 auto;}
.mobileSubNav_title{height:40px;position:relative;z-index:9; width:100%;text-align: center;}
.mobileSubNav_title a{
    display: block;
    height: 40px;
    overflow: hidden;
    background: #5bd28e;
    text-align: center;
}
.mobileSubNav_title a span{
    display: inline-block;
    padding-right: 25px;
    overflow: hidden;
    font-size: 14px;
    color:#fff;
    font-weight: bold;
    position: relative;
    line-height: 40px;
}
.mobileSubNav_title a span:after{
    display: block;
    content: "\e6cd";
    overflow: hidden;
    width: 25px;
    height: 40px;
    position: absolute;
    right: 0px;
    top:0px;
    font-size: 22px;
    color:#fff;
    line-height: 40px;
    /*padding-top: 2px;*/
    font-weight: normal;
    text-align: right;
    border:none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#mobileSubNav dl{
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0px;
    top:40px;
    overflow-x: hidden;
    overflow-y:auto;
    z-index: 2;
    background: rgba(255,255,255,0.9);
    display: none;
}
#mobileSubNav dl dd{
    width: 50%;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    position: relative;
    float: left;
    display: inline;
}
#mobileSubNav dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #dadad9;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
#mobileSubNav dl dd a{
    display: block;
    overflow: hidden;
    font-size: 12px;
    color:#272727;
    text-align: center;
}
#mobileSubNav dl dd.hover a{
    color:#5bd28e;
}
#mobileSubBg{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0px;
    top:40px;
    display: none;
}
.searchBt{
    display: block;
    width: 50px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top:0px;
    background: url(../images/searchBt.png) no-repeat center center;
    background-size: 18px 15px;
}
.searchBox{
    overflow: hidden;
    padding: 0px 60px 0px 10px;
    position: relative;
}
.searchInp{
    width: 100%;
    height: 35px;
    overflow: hidden;
    border:1px solid #bbb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    padding: 0px 5px;
    font-size: 12px;
    color:#666;
    line-height: 35px;
    outline: none;
}
.searchBt_a{
    display: block;
    width: 50px;
    height: 35px;
    overflow: hidden;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    right: 10px;
    top:0px;
    background: #bbbbbb url(../images/searchBt_a.png) no-repeat center center;
    background-size: 20px 20px;
}
.closeType{
    position: absolute;
    left: 0px;
    bottom:0px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
.closeType span{
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color:#272727;
    border:1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}


/**
 * 固定的底部
 * @author 杨朝杰
 * @return
 */	
.footerBar{
	font-size:12px;
	overflow: hidden;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	width: 100%;
	height:48px;
	box-shadow:2px 0 8px #d9d8d8;
    background:#272727;
}
.footerBar div{
	height: 48px;
	width:25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	text-align: center;
	overflow:hidden;
}
.footerBar div a{display: block;height:38px;width: 100%;color:#999;padding:5px 0 ;}
.footerBar div a em{display:block;height: 15px;clear: both;font-size: 18px;color:#fff;text-align: center;margin: 0 auto;padding:0px 0 5px 0;}
.footerBar div a span{display: block;clear: both;font-size:12px;text-align: center;color:#fff;}
.footerBar div i{height: 15px;font-size: 20px;margin: 10px 0 0 0;display: block;}

.footerBar div a em.footHome{
    background: url(../images/footIcon1.png) no-repeat center center;
    background-size: 20px 18px;
}
.footerBar div a em.footProject{
    background: url(../images/footIcon2.png) no-repeat center center;
    background-size: 20px 18px;
}
.footerBar div a em.footProduct{
    background: url(../images/footIcon3.png) no-repeat center center;
    background-size: 18px 18px;
}
.footerBar div a em.footCantact{
    background: url(../images/footIcon4.png) no-repeat center center;
    background-size: 18px 18px;
}

/*底部颜色*/
.footerBar.black{background:#2b2b2b;}
.footerBar.black div{border-left: 1px solid #454545;}
.footerBar.black div a{border-left: 1px solid #000}

.footerBar.white{background:#fff;}
.footerBar.white div{border-left: 1px solid #f5f5f5;}
.footerBar.white div a{border-left: 1px solid #fff}

.footerBar.blue{background:#1370a5;}
.footerBar.blue div{border-left: 1px solid #094f77;}
.footerBar.blue div a{border-left: 1px solid #3686b3; color:#fff;}

.footerBar.red{background:#a30303 ;}
.footerBar.red div{border-left: 1px solid #7c0404;}
.footerBar.red div a{border-left: 1px solid #c40606; color:#fff;}

.footerBar.green{background:#327010 ;}
.footerBar.green div{border-left: 1px solid #225506;}
.footerBar.green div a{border-left: 1px solid #348c04; color:#fff;}

.footerBar div:first-child{border:none;}
.footerBar div:first-child a{border:none;}
/**
 * 返回顶部
 * @author 杨朝杰
 * @return
 */	
#scrollTop{
	width:35px;
	height:35px;
	border-radius:100%;
	background:rgba(0,0,0,0.8);
	position: fixed;
	right:10px;
	bottom:60px;
	z-index:9999;
	display:none;
	}
#scrollTop em{
	display:block;
	font-size:20px;
	color:#fff;
	margin:8px 0 0 7px;
	}


/**
 * page
 * @author 杨朝杰
 * @return
 */
.page{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: box;display: flex;padding:0 8px 10px 8px;}
.page a, .page span{-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;display: block;border: 1px solid #ddd;-webkit-border-radius: 3px;border-radius:3px;margin: 5px 5px;text-align: center;color: #7f8487;text-decoration: none;line-height: 40px;background:#fff;}
.page .select-change-container{position: relative}
.page .select-change-container select{position: absolute;width: 100%;opacity: 0;top: 0;left: 0;height: 40px;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: 45px}
.page .select-change-container .select-page-num{display: block;height: 30px;line-height: 30px}
.page .select-change-container .select-page-num::after{content: '';display: block;border-top: 5px solid #ddd;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 50%;margin-top: -2px;right: 10px}
.page .prev-page{margin-left: 0;color:#1370a5;}
.page .next-page{margin-right: 0;color:#1370a5;}
.page .disabled{color: #ddd!important}
.page span{background: #fff;border: 0}
.page .next{display: block;text-align: center}

.ajaxLoad{
	color:#666;
	height:40px;
	line-height:40px;
	text-align:center;
	clear:both;
	position:relative;
	background:#fff;
	margin:0 8px 8px 8px;
	}
.ajaxLoad span{
	height:40px;
	display: inline-block;
	padding:0 0 0 30px;
	background:url(../images/loading2.gif) no-repeat left center;
	background-size:20px;
	}

/**
 * 文章阅读页
 * @author 杨朝杰
 * @return
 */	
.articleBox{line-height:22px;color:#888;padding:10px;font-size:12px;background:#fff;}
.articleBox img{max-width:100%;}
.articleTitle{clear: both;text-align: center;padding:0 10px;line-height: 20px;font-size: 14px;}
.articleTime{display: block;clear: both;text-align: center;color: #999;font-size:11px;padding:0 0 5px 0;}
.articlePage{
    overflow: hidden;
    padding: 5px 10px;
}
.articlePage a{
    display: block;
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    font-size: 12px;
    color:#888;
}

/*
* 列表公共部分
*/
.com_dl{
    overflow: hidden;
    padding: 5px;
}
.com_dl dd{
    width: 50%;
    overflow: hidden;
    float: left;
    display: inline;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_a{
    display: block;
    overflow: hidden;
    position: relative;
}
.imgDiv{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 66.6666667%;
}
.imgDiv img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top:0px;
}
.listName{
    overflow: hidden;
    font-size: 12px;
    color:#251e1c;
    /*font-weight: bold;*/
}
.listName_En{
    font-size: 10px;
    color:#999;
    overflow: hidden;
}
.listIntr{
    height: 45px;
    font-size: 10px;
    color:#999;
    line-height: 15px;
    overflow: hidden;
}
.listMore{
    overflow: hidden;
    font-size: 10px;
    color:#999;
    padding-right: 15px;
    background: url(../images/listMore.png) no-repeat right center;
    background-size:10px 6px;
}
.list_a:hover .listMore,
.listMore.hover{
    color:#c50018;
    background: url(../images/listMore_h.png) no-repeat right center;
    background-size:10px 6px;
}
.listMore.hover:hover{
    text-decoration: underline;
}
/**
 * 全文列表
 * @author 杨朝杰
 * @return
 */	
.list_dl{
    overflow: hidden;
}
.list_dl dd{
    width: 100%;
}
.list_dl dd .list_a{
    padding-left: 60px;
}
.listTime2{
    width: 50px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    background: #f8f9fb;
    text-align: center;
}
.listTime2 span{
    display: block;
    overflow: hidden;
    font-size: 20px;
    color:#666;
}
.listTime2 i{
    display: block;
    overflow: hidden;
    font-size: 10px;
    color:#666;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.listDeta{
    height: 90px;
    overflow: hidden;
    background: #f8f9fb;
    padding: 5px 10px;
}
.list_dl .listName{
    padding-bottom: 7px;
    position: relative;
}
.list_dl .listName em{
    display: block;
    width: 40px;
    height: 1px;
    overflow: hidden;
    background: #666;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.list_dl dd .list_a:hover .listTime2{
    background: #c50018;
}
.list_dl dd .list_a:hover .listTime2 span,
.list_dl dd .list_a:hover .listTime2 i{
    color:#fff;
}
.list_dl .listIntr{
    height: 30px;
}
/**
 * 图文列表
 * @author 秦文
 * @return
 */ 
/*
* 全图 begin
*/
.img_dl .list_a{
    width: 100%;
    padding-top: 145.614035%;
    background: #f8f9fb;
    position: relative;
}
.list_a1:hover{
    background: #fff;
    top: -10px;
    -webkit-box-shadow: 0px 2px 21px rgba(197,197,197,0.65);
    box-shadow: 0px 2px 21px rgba(197,197,197,0.65);
}
.imgBox{
    overflow: hidden;
    height: 100%;
    position: absolute;
    left: 0px;
    top:0px;
}
.imgDiv1{
    width: 100%;
    display: table;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.imgDivCont{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.imgDivCont img{
    display: block;
    max-width: 100%;
}
/**
 * 图文列表
 * @author 杨朝杰
 * @return
 */	
.hasImg .list_a{
    padding-left: 135px !important;
}
.textImg{
    width: 135px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
}
.textImg .imgDiv{
    padding-top: 59.6491228%;
}
.hasImg .listDeta{
    height: 58px;
    padding: 10px;
}
.listIntr .listMoreDeta{
    color:#c50018;
    display: inline-block;
}
/**
 * 首页banner图
 * @author 杨朝杰
 * @return
 */
.bannerBox{ position:relative; overflow:hidden; max-width:100%; min-height:120px;}
.bannerBox .hd{width:100%; text-align:center; position:absolute; height:28px; line-height:28px; bottom:0;left:0; z-index:1; }
.bannerBox .hd ul{
    display: inline-block;
    overflow: hidden;
}
.bannerBox .hd li{ 
	width:10px;
    height: 10px;
	text-indent:-9999px; 
	overflow:hidden; 
	margin:0 5px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    float: left;
    display: inline;
	}
.bannerBox .hd li.on{
	background:#e7af18;
	}
.bannerBox .bd{ position:relative; z-index:0; }
.bannerBox .bd li{ position:relative; text-align:center;  }
.bannerBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.bannerBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }	


/* 分享 */
.shareBt{
	display: inline-block;
	width: 20px;
	position: relative;
}
.shareBt:after{
	display: block;
	content: "";
	overflow: hidden;
	width: 100%;
	padding-top: 100%;
	background: url(../images/share/share.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	bottom:-4px;
}
.shareBox{
	width:100%;
	overflow: hidden;
	background: #fff;
	position: fixed;
	left: 0px;
	bottom:-100%;
	z-index: 10000;
	-webkit-transition: bottom 0.8s;
	-o-transition: bottom 0.8s;
	transition: bottom 0.8s;
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.shareBox.show{bottom:0px;}
.shareCont{overflow: hidden;padding:10px 0px 5px;}
.bdsharebuttonbox p{
	display: block;
	width:20%;
	overflow: hidden;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	}
.bdsharebuttonbox a{display: block;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0px !important;padding: 0px 10px !important;background: none !important;height: auto !important;}
.bdsharebuttonbox span{display: block;width: 100%;overflow: hidden;padding: 0px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bdsharebuttonbox i{clear:both;display: block;font-size: 10px;color:#666;text-align: center;overflow: hidden;margin:5px 0px;}
.boxShadow{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.bdsharebuttonbox a:before{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;}

.bdsharebuttonbox a.bds_tsina:before{
	background: url(../images/share/shareBt1.png) no-repeat center center;
	background-size:100%;
}
.bdsharebuttonbox a.bds_tqq:before{
	background: url(../images/share/shareBt2.png) no-repeat center center;
	background-size:100%;
}
.bdsharebuttonbox a.bds_qzone:before{
	background: url(../images/share/shareBt3.png) no-repeat center center;
	background-size:100%;
}
.bdsharebuttonbox a.bds_douban:before{
	background: url(../images/share/shareBt4.png) no-repeat center center;
	background-size:100%;
}
.bdsharebuttonbox a.bds_sqq:before{
	background: url(../images/share/shareBt6.png) no-repeat center center;
	background-size:100%;
}

/*
* 通知公告
*/
.notice{
    overflow: hidden;
    position: relative;
    padding: 0px 10px 0px 70px;
    background: #fff;
}
.noticeTit{
    width: 60px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 12px;
    color:#1f1a17;
    font-weight: bold;
}
.notice .bd{
    height: 35px;
    overflow: hidden;
}
.notice_dl{
    overflow: hidden;
}
.notice_dl dd{
    width: 100%;
    overflow: hidden;
}
.notice_dl dd a{
    display: block;
    overflow: hidden;
    font-size: 12px;
    color:#777;
    line-height: 35px;
}
.notice_dl dd a span{
    font-weight: bold;
    color:#c50018;
}
/*
* 第一通栏
*/
.cont{
    overflow: hidden;
    background: #fff;
}
.ind1st{
    padding: 10px;
}
.indTitBox{
    overflow: hidden;
    text-align: center;
}
.indTitBox .center{
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    overflow: hidden;
}
.indTit{
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color:#251e1c;
    font-weight: bold;
    position: relative;
    z-index: 3;
}
.indTit i{
    font-size: 10px;
    color:#c50018;
    padding-left: 5px;
}
.indTitBox em{
    display: block;
    width: 8px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
.titL{
    left: 0px;
    background: url(../images/titIcon.png) no-repeat left center;
    background-size: 16px 25px;
}
.titR{
    right: 0px;
    background: url(../images/titIcon.png) no-repeat right center;
    background-size: 16px 25px;
}
.titBg{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 30px;
    color:#eee;
    line-height: 35px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 1;
    text-align: center;
}
.ind1stIntr{
    max-height: 70px;
    overflow: hidden;
    font-size: 12px;
    color:#333;
    line-height: 18px;
}
a.indMore{
    display: block;
    overflow: hidden;
    font-size: 12px;
    color:#fff;
    background: #c50018;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

/*
* 第二通栏
*/
.ind2nd{
    padding: 10px 0px;
}
.ind2nd_dl dd .list_a{
    background: #f8f9fb;
    padding: 10px;
    text-align: center;
}
.ind2ndImg{
    width: 50%;
    margin: 0px auto;
}
.ind2nd_dl dd .imgDiv{
    padding-top: 100%; 
}
.ind2nd_dl .listName_En{
    height: 25px;
    overflow: hidden;
    line-height: 13px;
}
.m_10{
    margin:0px 10px;
}

/*
* 第三通栏
*/
.ind3rd{
    padding: 10px 0px;
}
.indTab{
    overflow: hidden;
    text-align: center;
    position: relative;
}
.indTab .center{
    display: inline-block;
    height: 35px;
    overflow: hidden;
    position: relative;
}
.indTab em,
.indTab .center em{
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    /*-webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);*/
}
.indTab_dl{
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.cont .indTab_dl dd{
    float: left;
    display: inline;
}
.indTab_dl dd{
    overflow: hidden;
}
.indTab_dl dd a{
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color:#251e1c;
    padding: 0px 10px;
}
.indTab_dl dd.hover a{
    color:#c50018;
    font-weight: bold;
    background: url(../images/indTabBg.png) no-repeat center bottom;
}
.indTabCont{
    width: 100%;
    overflow: hidden;
}
.ind3rd_dl{
    display: none;
}
.ind3rd_dl dd .imgDiv{
    padding-top: 100%;
}
.ind3rd_dl dd .listName{
    width: 100%;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    text-align: center;
    color:#fff;
    font-weight: normal;
    background: rgba(0,0,0,0.7);
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    bottom:0px;
}

/*
* 第四通栏
*/
.ind4th{
    padding: 10px 0px;
}
.ind4th_dl dd{
    width: 100%;
}
.ind4th_dl dd .list_a{
    padding-left: 90px;
}
.ind4thImg{
    width: 80px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
}
.ind4thDeta{
    height: 52px;
    overflow: hidden;
}
.ind4th_dl dd .listIntr{
    height: 30px;
}
.ind4th_dl dd .imgDiv{
    padding-top: 65.3846154%;
}

/*
* 业务板块
*/
.list_dl2 dd{
    width: 100%;
}
.list_dl2 dd .listIntr span{
    color:#c50018;
}
.list_dl2 dd .listDeta{
    height: 70px;
    padding: 10px 80px 10px 10px;
}
.listIcon{
    width: 60px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top:50%;
    margin-top: -25px;
}
.listIcon .imgDiv{
    padding-top: 100%;
}

/*
* 合作伙伴
*/
.img_dl3 .list_a{
    border:2px solid #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_dl3 dd .imgDiv{
    padding-top: 35.8490566%;
}


/*
* 服务案例
*/
.img_dl2 dd{
    width: 100%;
}
.img_dl2 .imgDiv{
    padding-top: 69.5652174%;
}
.img_dl2 .listIntr{
    height: 30px;
}
.img_dl2 .listDeta{
    height: 50px;
    padding: 10px;
}

/*
* 大事件
*/
.bigThigsTab{
    padding: 0px 30px 0px 10px;
    overflow: hidden;
    position: relative;
}
.bigThigsTab em{
    display: block;
    width: 20px;
    height: 35px;
    overflow: hidden;
    background: #f8f9fb;
    font-size: 12px;
    line-height: 35px;
    color:#666;
    text-align: center;
    position: absolute;
    right: 10px;
    top:0px;
}
.bigThigsTabTit{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    background: #f8f9fb;
    position: relative;
}
.bigThings_dl{
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.bigThings_dl dd{
    display: inline-block;
    overflow: hidden;
}
.bigThings_dl dd a{
    display: block;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    font-size: 12px;
    color:#666;
    width: 60px;
    text-align: center;
}
.bigThings_dl dd.hover a{
    color:#fff;
    background: #c50018;
}
/*
* 招聘
*/

.recruit_dl{
    overflow: hidden;
    padding: 10px 10px 0px 10px; 
}
.recruit_dl dd{
    overflow: hidden;
    margin-bottom: 10px;
}
.recruit_a{
    display: block;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    padding: 0px 10px;
    background: #f8f9fb;
}
.recruit_a span{
    display: block;
    overflow: hidden;
    width: 22.5%;
    font-size: 12px;
    color:#666;
    float: left;
    display: inline;
}
.recruit_a span.txt_l{
    text-align: left;
}
.recruit_a span.w_10{
    width: 10%;
    height: 40px;
    float: right;
    background: url(../images/rucruitIcon.png) no-repeat right center;
    background-size:12px 12px;
}
.recruit_dl dd.hover span.w_10{
    background: url(../images/rucruitIcon_h.png) no-repeat right center;
    background-size:12px 1px;
}
.recruit_dl dd.hover .recruit_a{
    background: #c50018;
}
.recruit_dl dd.hover .recruit_a span{
    color:#fff;
}
.recruitCont{
    display: none;
    overflow: hidden;
    padding: 10px;
}
.recruitCont .articleBox{
    padding: 0px;
}
.showRecruitForm{
    display: block;
    width: 130px;
    height: 35px;
    overflow: hidden;
    background: #c50018;
    font-size: 14px;
    color:#fff !important;
    text-align: center;
    line-height: 35px;
}
.recruitTip{
    font-size: 12px;
    color:#c50018;
    overflow: hidden;
}
.recruitTip i{
    color:#000cff;
    text-decoration: underline;
}

/*
* 右边浮动
*/
.rightScroll{
    position: fixed;
    right: 5px;
    bottom:50px;
    overflow: hidden;
    z-index: 99999999;
}
.rightScr_dl{
    overflow: hidden;
}
.rightScr_dl dd{
    overflow: hidden;
    padding-bottom: 10px;
}
.rightScr_dl dd a{
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.rightTel{
    background: url(../images/rightIcon.png) no-repeat left top;
    background-size:40px 83px;
}
.goTop{
    background: url(../images/rightIcon.png) no-repeat left bottom;
    background-size:40px 83px;
}