@charset "utf-8";
/* ----------------------------------------------------
	1.1) 公共CSS样式 5-33
------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
a, a:hover {text-decoration: none;color: #1d2088;}
body {font-weight: normal !important;font-family: Arial, sans-serif;color: #131313;position: relative;background: #ffffff;min-width: 1200px;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.clear {display: block;clear: both;}
.fl {float: left;}
.fr {float: right;}
/* ----------------------------------------------------
	1) heku-color   模板颜色管理
------------------------------------------------------- */
a {color: #333;text-decoration: none}
a:focus, a:hover {color: #0a8}
/* ----------------------------------------------------
	1.1) heku皮肤背景颜色  根据不同的模板对应的颜色取值 原为默认的
------------------------------------------------------- */
.skin-bg{background: #d15997;}
/* ----------------------------------------------------
	1.2) heku皮肤字体前景色  根据不同的模板对应的颜色取值 原为默认的
------------------------------------------------------- */
.skin-bg-pr span,.skin-bg-pr a{color: #ddd;}

/* ----------------------------------------------------
	2) heku皮肤字体前景色  根据不同的模板对应的颜色取值 原为默认的
------------------------------------------------------- */
.index-h2 {text-align: center;}
.index-h2 span{ display:block; color:#121212; padding: 10px 0;}
.index-h2 span.a{ line-height: 48px;height: 54px;font-weight: bolder;width: 295px;margin-left: 400px;font-size: 30px;color: #333;background: url(/img/title_bg.png) no-repeat 0px 12px;}
.index-h2 span.b{ line-height:18px; font-size: 16px;}


/* ----------------------------------------------------
	2.1) #topbar-line - 37-72
------------------------------------------------------- */
#topbar-line {position: relative;width: 100%;height: 36px;background: #f8f8f8;border-bottom: 1px solid rgba(0, 0, 0, 0.04);-o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);}
#topbar-line .top-head-language {float: right;line-height: 36px;font-size: 15px;}
#topbar-line .top-head-contact {float: left;line-height: 36px;font-size: 15px;}
#topbar-line .head-email {position: relative;display: inline-block;vertical-align: top;color: #3f4042;padding: 0px 0 0 24px;background: url(img/icons031.png) no-repeat left -133px;}
#topbar-line .head-email a {color: #3f4042;}
#topbar-line .top-head-language .language-left{position: relative;display: inline-block;padding-left: 20px;}
#topbar-line .top-head-language .language-flag-en .country-flag{background-image: url(img/english_flag.png);}
#topbar-line .top-head-language .language-flag-zh-cn .country-flag{background-image: url(img/chinese_flag.png);}
#topbar-line .top-head-language .language-flag-zh-cn .country-flag,#topbar-line .top-head-language .language-flag-en .country-flag{position: relative;display: inline-block;vertical-align: top;background-repeat: no-repeat;width: 24px;height: 16px;margin: 10px 4px;}
#topbar-line .top-head-language .language-flag-zh-cn a,#topbar-line .top-head-language .language-flag-en a{padding: 5px 6px;background: #dcd8d8;border-radius: 4px;}

/* ----------------------------------------------------
	2.1) #logo-line - 72-144
------------------------------------------------------- */
#logo-line{display: block;margin: 0 auto;position: initial;width: 1080px;max-height: 100px;overflow: hidden;}
#logo-line .logo-left,#logo-line .head-logo{float: left;}
#logo-line .logo-right {float: right;text-align: right;}
#logo-line .logo-right .logo-right-phone{width: 250px;height: 90px;float: right;text-align: right;}
#logo-line .logo-right .head-phone-line1{line-height: 30px;float: left;padding: 20px 0 0 74px;}
#logo-line .logo-right .head-phone-line2{float: left;clear: left;padding: 4px 0 0px 68px;font-size: 24px;line-height: 20px;letter-spacing: 1px;color: #04419d;}

/* ----------------------------------------------------
	3.1) #nav-menu-line  #navigation-bar - 96-111 
------------------------------------------------------- */
#nav-menu-line{position: relative;z-index: 999;width: 100%;margin: auto;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);background: #fff;}
#navigation-bar{margin: auto;display: table;}
#navigation-bar, #navigation-bar .multicolumn-holder {width: 1042px;}
#navigation-menu {padding: 0;margin: 0;position: relative;z-index: 999;display: table;float: left;border-right: 1px solid #fff;line-height: 140%;}
#navigation-menu li {list-style: none;float: left;margin: 0;position: relative;text-align: center;border-right: 1px solid #eee;display: block;}
#navigation-menu li.multicolumn {position: static;}
#navigation-menu li:first-child {border-left: 1px solid #eee;}
#navigation-menu li:last-child {border-bottom: 0;}
#navigation-menu > li > a:after {background: #ff0202;color: #E40019;content: "";height: 2px;left: 0;opacity: 1;position: absolute;top: -2px;-ms-transition: width 0.2s ease 0s;-webkit-transition: width 0.2s ease 0s;-moz-transition: width 0.2s ease 0s;-o-transition: width 0.2s ease 0s;transition: width 0.2s ease 0s;width: 0;}
#navigation-menu > li:hover > a:after {background-color: #ff7e00;height: 2px;left: 0;position: absolute;top: -2px;width: 100%;}
#navigation-menu > li > a {font-size: 16px;/* font-weight: bolder; */color: #464342;text-decoration: none;display: block;padding: 15px 32px;position: relative;}
#navigation-menu > li > a:hover {color: #8a8a8a;}
#navigation-menu > li:first-child > a {border-left: 0;}
#navigation-menu > li:hover > ul {opacity: 1;visibility: visible;left: -1px;margin: 0;overflow: visible;height: auto;}

/* ----------------------------------------------------
3.2) #nav-menu-line  .multicolumn-holder - 96-111 
------------------------------------------------------- */
#navigation-menu .multicolumn-holder {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: #fff;height: 0;left: 0;padding: 10px 0 0;position: absolute;visibility: hidden;opacity: 0;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;display: table;table-layout: fixed;margin-top: 10px;-o-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);-moz-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);-webkit-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);border: 1px solid #eee;width: 1042px;font-size: 14px;}
#navigation-menu li.multicolumn:hover > .multicolumn-holder {opacity: 1;visibility: visible;height: auto;overflow: visible;margin-top: 0;z-index: 999999;}
#navigation-menu .multicolumn-holder > ul {display: table-cell;vertical-align: top;border-left: 1px solid #eee;padding: 20px;}
#navigation-menu .multicolumn-holder > ul:first-child {border-left: 0;}
#navigation-menu .multicolumn-holder > ul ul {margin: 0;padding: 2px 0 18px;}
#navigation-menu .multicolumn-holder ul li {clear: both;display: block;float: none;text-align: left;border: 0;}
#navigation-menu .multicolumn-holder .column-heading > span , #navigation .multicolumn-holder .column-heading > a {font-size: 18px;text-decoration: none;color: #777;border-bottom: 0;height: 74px;overflow: hidden;line-height: 74px;}
#navigation-menu .multicolumn-holder .my-menu-mu > li > a {font-size: 18px;text-decoration: none;color: #000;border-bottom: 0;line-height: 30px;height: 74px;overflow: hidden;line-height: 74px;display: block;}
#navigation-menu .multicolumn-holder .my-menu-mu > li > a span{line-height: 32px;display: inline-block;}
#navigation-menu .multicolumn-holder .my-menu-mu > li .menu-image-fnab{width: 110px;text-align: center;}
#navigation-menu .multicolumn-holder .column-heading > a:hover , #navigation-menu .multicolumn-holder .my-menu-mu > li > a:hover{border-bottom: 0;color: #24277d;}
#navigation-menu .multicolumn-holder .column-heading .nav-bar-img , #navigation-menu .multicolumn-holder .my-menu-mu > li .nav-bar-img{width: 87px;float: right;overflow: hidden;}
#navigation-menu .multicolumn-holder .column-heading .nav-bar-img img , #navigation-menu .multicolumn-holder .my-menu-mu > li .nav-bar-img img {width: 85px;float: right;margin-top: -4px;}
#navigation-menu .multicolumn-holder a {display: block;text-align: left;text-decoration: none;color: #999;line-height: 200%;}
#navigation-menu .multicolumn-holder > ul li:last-child > a {border-bottom: 0 none;}
#navigation-menu .multicolumn-holder > ul li > a {padding-left: 8px;border-bottom: 1px solid #eee;}
#navigation-menu .multicolumn-holder a:hover {display: block;text-align: left;text-decoration: none;color: #999;}
#navigation-menu .multicolumn-holder a:hover:after {content: ">";font-family: fontello;padding-right: 2px;position: absolute;margin-left: -12px;left: 0;top: 0;}
#navigation-menu .multicolumn-holder ul > li > a span {margin-bottom: 5px;}
#navigation-menu .multicolumn-holder ul > li.column-heading > a span {margin-top: 3px;}

/* ----------------------------------------------------
3.4) #navigation-menu .sub-menu - 337-407
------------------------------------------------------- */
#navigation-menu .sub-menu {position: absolute;margin: -2px 0 0 0;z-index: 50;padding: 0;height: 0;overflow: hidden;text-align: left;-o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);background: #fff;border: 1px solid #eee;width: 130px;visibility: hidden;opacity: 0;-ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;transition: aopacity 0s ease 0s, margin-top 0.3s ease 0s;-webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;margin-top: 10px;}
#navigation-menu .sub-menu li {float: none;display: block;margin: 0;text-align: left;border: 0;border-bottom: 1px solid #eee;}
#navigation-menu .sub-menu ul {padding: 0;left: 170px;margin: 0;top: -1px;height: auto;visibility: hidden;opacity: 0;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#navigation-menu .sub-menu > li:hover > ul {opacity: 1;visibility: visible;height: auto;overflow: visible;}
#navigation-menu .sub-menu li.hasSubMenu > a:after {content: "\f105";font-family: fontello;position: absolute;right: 20px;font-size: 15px;top: 9px;}
#navigation-menu .sub-menu li a {text-decoration: none;display: block;position: relative;padding: 14px 30px;color: #999;}
#navigation-menu .sub-menu li a:hover, #navigation-menu .sub-menu li:hover > a {box-shadow: inset 2px 0 0 #ff7e00;}
#navigation-menu > li.menu-item-has-children:hover > a {-moz-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);-o-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);-webkit-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);}
/* ----------------------------------------------------
3.5) search bar STYLE - 337-407
------------------------------------------------------- */
#search-bar {background: #fff;border: 1px solid #eee;display: table;float: right;overflow: hidden;padding: 5px 11px 5px 5px;position: relative;top: 4px;width: 200px;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#searchsubmit{position: absolute;top: 0;right: 0;width: 37px;height: 43px;border: none;background: url(img/search-bar.png) no-repeat center center;background-color: #fff;display: block;overflow: hidden;background-size: 25px 25px;}
#search-bar .icon-search-1 {color: #eee;color: rgba(0, 0, 0, 0.2);cursor: pointer;margin-left: 2px;font-size: 13px;line-height: 17px;}
#navigation-bar #search-bar .icon-search-1:before {margin: 0;}
#search-bar:hover .icon-search-1:before {opacity: 0.7;}
#search-bar:hover {-moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);-webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);}
#search-bar form .search_text{width: 160px;padding: 0 0 0 10px;margin: 2px 0 0;border: 0;outline: 0;float: left;display: inline;font-weight: normal;font-style: normal;font-size: 11px;color: #7b7878;border-radius: 0;line-height: 30px;height :30px;}
#search-bar form .search_text:focus, #search-bar form .search_text {border: 0;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
#search-bar form .search_text :focus {background: #fff;}

/* ----------------------------------------------------
4.1) Banner-index -start
-------------------------------------------------------*/
#banner-index .banner-box .bd ul {list-style: none;}
#banner-index .banner-box {min-width: 1210px;height: 450px;position: relative;overflow: hidden;}
#banner-index .banner-box .bd {width: 100% !important;}
#banner-index .banner-box .bd li .m-width {width: 1210px;margin: 0 auto;overflow: hidden;}
#banner-index .banner-box .bd li {width: 100% !important;height: 450px;}
#banner-index .banner-box .bd li a {display: block;background-size: auto;}
#banner-index .banner-box .banner-btn {width: 1210px;position: absolute;top: 180px;left: 50%;margin-left: -605px;}
#banner-index .banner-box .banner-btn a {display: block;width: 49px;height: 104px;position: absolute;top: 0;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
#banner-index .banner-btn a.prev {left: 20px;background: url(img/foot.png) no-repeat 0 0;}
#banner-index .banner-btn a.next {right: 20px;background: url(img/foot.png) no-repeat -49px 0;}
#banner-index .banner-box .hd {position: absolute;top: 240px;left: 550px;}
#banner-index .banner-box .hd ul li {width: 45px;height: 6px;display: inline-block;background: rgba(255,255,255,0.5);position: relative;overflow: hidden;border-top: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 2px;margin-right: 4px;margin-left: 4px;}
#banner-index .banner-box .hd ul li.on {background: #ff7e00;}
#banner-index .banner-btn .hd li.on:after{content: "";width: 0px;height: 100%;position: absolute;left: 0;top: 0;animation: my_carousel_indicators 9.5s;-webkit-animation: my_carousel_indicators 9.5s;background: #fff;}
@keyframes my_carousel_indicators{
	from {width: 0;}
	to {width: 100%;}
}
@-webkit-keyframes my_carousel_indicators{
	from {width: 0;}
	to {width: 100%;}
}

/* ----------------------------------------------------
7.1) #product-layout-row
------------------------------------------------------- */
#product-layout-row{background: #f8f8f8 ;}
#product-layout-row .pd1 {background: #254097;}
#product-layout-row .pd2 {background: #adcc1a;}
#product-layout-row .pd3 {background: #4dc2da;}
#product-layout-row .pd4 {background: #82621c;}
#product-layout-row .pd5 {background: #5a6564;}
#product-layout-row .pd6 {background: #792b13;}
#product-layout-row .index-products{width: 100%;color: #fff;height: 260px;position: relative;float: left;padding: 6px 18px 6px 24px;}
#product-layout-row .index-products ul li{height: 32px;line-height: 32px;margin-left: 24px;}
#product-layout-row .index-products ul li a {color: #fff;font-size: 18px;}
#product-layout-row .index-products ul li a:hover {color: #03409d;font-weight: bolder;}
#product-layout-row .index-products.pd1 ul li a:hover {color:#ff7e00}
#product-layout-row .w-tit {height: 48px;color: #fff;border-bottom: #fff solid 1px;margin-bottom: 7px;}
#product-layout-row .w-tit a {font-size: 22px;color: #fff;}
#product-layout-row .w-tit .w-tit-left a {display: inline-block;color: #fff;position: absolute;top: 18px;right: 24px;font-size: 18px;font-weight: normal;}
#product-layout-row .list{width: 100%;-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;-moz-column-gap: 30px;-webkit-column-gap: 30px;column-gap: 30px;}
#product-layout-row .list-item{margin-bottom: 30px;}

/* ----------------------------------------------------
8.1) #index-project-line- 37-72
------------------------------------------------------- */
#index-project-line{background: #e0e7ff;overflow: hidden;}
#index-project-line .imgZoom img {-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
#index-project-line .imgZoom {overflow:hidden;-webkit-transform:rotate(0);transform:rotate(0);}
#index-project-line .imgZoom:hover img{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
#index-project-line .project-box .item{position:relative;width:30.33%;float:left;margin-right:1.5%;margin-left:1.5%;margin-bottom:30px;border-radius: 6px;overflow: hidden;background:#f6f6f6;transition:.3s ease;position:relative;}
#index-project-line .project-box .item:hover{box-shadow:2px 2px 12px 0px hsla(216, 96%, 31%, 0.79)}
#index-project-line .project-box .item .rect-566 {width: 100%;height: 190px;overflow: hidden;}
#index-project-line .project-box .item .rect-566 img{width: 100%;}
#index-project-line .project-box .item .content-box{padding: 20px 25px 22px 25px;}
#index-project-line .project-box .item .content-box .t{font-size:20px;font-weight:bold;color:#666;margin-bottom:10px;}
#index-project-line .project-box .item .content-box .c{font-size:14px;color:#666;line-height:24px;height:72px;overflow:hidden;}
#index-project-line .project-box .item .content-box .more{float:right;color:#666;}
#index-project-line .project-box .item .li-line{width:0;height:5px;background:#ff7e00b3;position:absolute;left:0;bottom:0;transition:all 0.5s ease;}
#index-project-line .project-box .item:hover .li-line{ width:100%;}

/* ----------------------------------------------------
9.1) #index-about-line 37-72
------------------------------------------------------- */
#index-about-line{overflow: hidden;width: 100%;background: url(img/aboutBg.jpg) no-repeat center bottom;background-color: #fff;background-size: cover;}
.index-about .aboutLeft {overflow: hidden;width: 800px;float: left;}
.index-about .aboutLeft dl {overflow: hidden;width: 100%;margin: 46px 0;}
.index-about .aboutLeft dt {float: left;width: 320px;height: 280px;padding: 10px;background-color: #fff;overflow: hidden;}
.index-about .aboutLeft dd {overflow: hidden;float: right;width: 456px;}
.index-about .aboutLeft dd h4 {font-size: 26px;margin-top: 0px;margin-bottom: 10px;}
.index-about .aboutLeft a {color: #fff;}
.index-about .aboutLeft dd p {font-size: 13px;color: #fff;line-height: 24px;width: 100%;/* height: 260px; *//* overflow: hidden; */text-indent: 25px;}
.index-about .aboutLeft ul {overflow: hidden;float: left;}
.index-about .aboutLeft ul li {float: left;width: 120px;text-align: center;list-style: none;font-size: 14px;border-right: 1px solid #524067;}
.index-about .aboutLeft ul li img {display: block;margin: 0 auto;margin-bottom: 10px;}
.index-about .aboutLeft ul li.last {border: none}
.index-about .aboutLeft .phone {overflow: hidden;padding-left: 50px;}
.index-about .aboutLeft .phone p {font-size: 20px;color: #fff;}
.index-about .aboutLeft .phone h4 {font-size: 40px;color: #da000f;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;-webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;-moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.index-about .hezuo {overflow: hidden;width: 220px;float: right;height: 450px;background-color: #03409d;margin-bottom: 50px;position: relative;top: 20px;}
.index-about .hezuo h3 {font-size: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 15px;}
.index-about .hezuo h3 a {color: #fff;}
.index-about .hezuo h3 span {font-size: 12px;color: #99c8f3;font-weight: normal;}
.index-about .hezuo .hezuoBox {overflow: hidden;margin: 3px auto;width: 193px;height: 398px;position: relative;}
.index-about .hezuoBox ul {overflow: hidden}
.index-about .hezuoBox li {width: 100%;float: left;text-align: center;padding: 6px 0;}
.index-about .hezuoBox li a {text-decoration: none}
.index-about .hezuoBox li p {font-size: 13px;color: #fff;margin-top: 5px;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* ----------------------------------------------------
	4.2) #content-layout-row  
------------------------------------------------------- */
.main-cont .cont img{max-width: 100%;height: auto;}
.content-left{width: 240px;padding-top: 20px;}
.content-right{width: 810px;padding-top: 20px;}
.contain-width-lage{width: 1080px;margin: 0 auto;}
.main-content{font-size: 16px;line-height: 28px;color: #333;-webkit-box-shadow: -3px 0px 3px #888, 3px 0px 3px #888;box-shadow: -3px -3px 3px #888, 3px -3px 3px #888;margin: 0 1px;margin-bottom: 30px;}
.main-cont{font-size: 16px;line-height: 30px;color: #333;padding: 20px 30px 20px 30px;overflow: hidden;min-height: 860px;}
.main-tit-bar{border-bottom: solid 3px #0368af;font-size: 14px;color: #333;height: 38px;line-height: 32px;margin-top: 2px;padding-left: 16px;position: relative;}
.main-tit-bar span{color: #0368af;padding: 0px 4px;font-size: 15px;}
.main-tit-bar span.l{display: block;position: absolute;width: 3px;height: 3px;background: #0368af;top: 16px;left: 0px;}
.cont-title strong{display: inline-block;color: #f37914;}
.cont-title{margin: 15px 0 20px 0;border-left: #f37914 solid 4px;background: #cccccc;line-height: 40px;padding-left: 24px;font-size: 20px;}
.cont-download{border-top: solid 2px #ddd;}
.cont-download li{list-style: none;padding: 12px 8px 8px 8px ;border-bottom: 1px dashed #cccccc;}
.cont-download .pdf-img{background: url(img/pdf.jpg) no-repeat 0px center;width: 32px;height: 32px;float: left;}
.cont-download .sup-list-down , .cont-download .sup-list-see{position: relative;display: inline-block;line-height: 24px;padding: 2px 15px 2px 15px;background: #8e8e8e;color: #FFF;border-radius: 5px;float: right;margin: 0 12px;border: 0;}

/* ----------------------------------------------------
	4.2) .blog-list 类
------------------------------------------------------- */
.blog-list {border: 1px solid #d2d2d2;}
.blog-list .blog-item {padding: 20px 20px;position: relative;margin: 0 auto 3px;height: 183px;clear: both;list-style: none;}
.blog-list .blog-item .blog-img {float: left;width: 200px;/*height: auto;*/margin: 0 20px 8px 0;height: 145px;}
.blog-list .blog-item .blog-tit {font-size: 18px;padding-bottom: 0px;}
.blog-list .blog-item .blog-meta {display: block;color: #aaa;}
.blog-list .blog-item .blog-meta span {display: inline;padding: 0 15px 0 0;}
.blog-list .blog-item .blog-summary {padding: 0px 0;color: #999;}
.blog-list .blog-item:hover {background: #fafafa;}
.blog-list .blog-item:hover img {opacity: 0.8;}
.blog-list .blog-item:before {content: "";height: 6px;font-size: 1px;overflow: hidden;border-top: 1px double #d2d2d2;border-bottom: 1px double #d2d2d2;position: absolute;left: 0;right: 0;bottom: -3px;}
.blog-article {background: #FFF;border: 1px solid #E8E8E8;border-top: none;}

/* ----------------------------------------------------
	15) sidebar-navlist
------------------------------------------------------- */
.sidebar-navlist { margin: 6px 0;}
.sidebar-navlist a{line-height: 32px;}
.sidebar-nav-li{list-style: none;margin: 6px 0px;}
.first-nav-li{margin: 6px 0;}
.sidebar-nav-li > a{margin: 0px 0px;line-height: 24px;padding: 6px;padding-left: 26px;width: 100%;display: inline-block;background: #cccccc4f url(img/tb-nav-6.png) no-repeat 8px 52%;background-size: 10px;}
.sidebar-nav-li.hover-1 > a{margin: 0px 0px;line-height: 24px;padding: 6px;padding-left: 26px;width: 100%;display: inline-block;background: #f37914b0 url(img/tb-nav-7.png) no-repeat 8px 52%;background-size: 14px;}
.first-nav-li > a{display: inline-block;width: 100%;padding-left: 30px;background: #cccccc0d url(img/tb-nav-6.png) no-repeat 8px 52%;background-size: 10px;}
.hover-1 .hover-2 > a{background: #ddd;display: inline-block;width: 100%;padding-left: 30px;background: #f7a35d52 url(img/tb-nav-7.png) no-repeat 8px 52%;background-size: 14px;}
.hover-1 .first-subnav,.hover-2 .second-subnav{max-height: 800px;display: block;}
.first-subnav{-webkit-transition: max-height 2s;transition: max-height 2s;max-height: 0px;overflow: hidden;}
.second-subnav{-webkit-transition: max-height 1s;transition: max-height 1s;max-height: 0px;overflow: hidden;}
.first-subnav .second-subnav{padding-left: 36px;}
.hover-2 .second-subnav{overflow: initial;}
.sidebar-navlist-about{padding: 0px 0px 20px 0px;}
.sidebar-navlist-about li{background-repeat: no-repeat;background-position: 2px 12px;padding: 0px 0px 0px 0px;border-bottom: solid 1px #ddd;line-height: 40px;text-decoration: none;color: #404040;list-style: initial;font-size: 16px;background: #f3791400 url(/img/tb-nav-2.png) no-repeat 8px 52%;background-size: 12px;padding-left: 30px;list-style: none;}
.sidebar-navlist-about li:hover{background: #efefef url(img/tb-nav-6.png) no-repeat 8px 52%;background-size: 14px;}
.sidebar-navlist-project{padding-bottom: 14px;}
.sidebar-navlist-project li{background-repeat: no-repeat;background-position: 2px 12px;padding: 0px 0px 0px 0px;border-bottom: solid 1px #ddd;line-height: 40px;text-decoration: none;color: #404040;list-style: initial;font-size: 16px;background-size: 12px;}
.sidebar-navlist-contact li{border-bottom: solid 1px #ddd;line-height: 35px;font-size: 13px;color: #5f5c5a;}
.sidebar .tit{border-bottom: solid 1px #7f7f7f;height: 42px;line-height: 42px;position: relative;}
.sidebar .tit h2{line-height: 42px;font-size: 20px;padding-left: 30px;}
.sidebar .tit span{display: block;position: absolute;width: 15px;height: 5px;background: #0368af;top: 19px;}