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

a.cd-search-trigger{ width:30px; height:30px; float:right; margin:30px 20px 0 0; background:url(../images/search_btn.png) no-repeat center center;}

@media only screen and (max-width: 1199px) {
	a.cd-search-trigger {
		margin: 10px 20px 0 0;
	}
}

/* 头部弹出菜单 */
.show-menu-info{ width:460px; height:0; position:fixed; background:rgba(0,0,0,0.8); z-index:1000; right:0; top:90px; opacity:0; -webkit-transform:scale(0); transform:scale(0);-webkit-transform-origin:86% -12px; -ms-transform-origin:86% -12px; transform-origin:86% -12px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.show-menu-info:before{ content:""; display:block; position:absolute; width:0; height:0; border-color:transparent; border-width:8px; border-style:solid; bottom:100%; right:30px;border-bottom-color: rgba(0,0,0,1);}
.show-menu-info.show{ height:auto; opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

.search_box{ width:400px; padding:10px 30px 20px 50px;}
.search_box a.search_btn{ width:80px; line-height:42px; font-size:16px; color:#fff; float:left; text-align:center; display:block; border:none;}
.search_box a.search_btn:hover{ color:#f90;}
.search_box input{ width:300px; line-height:42px; float:left; color:#fff; font-size:14px; border:none; border-bottom:1px #fff solid;}

@media only screen and (max-width: 1199px) {
	.show-menu-info{ top:50px;}
	.show-menu-info:before{ right:75px;}
}
@media only screen and (max-width: 480px) {
	.show-menu-info{ width:100%;}
	.search_box{ width:100%; padding:10px 0 10px 20px; box-sizing:border-box;}
	.search_box a.search_btn{ width:20%; }
	.search_box input{ width:80%;}
}


.scroll_btn{width:18px;height: 38px;border-radius: 20px;border:1px solid #fff; position: absolute;left: 50%;bottom:15px;margin-left:-10px;cursor: pointer;z-index: 9; display:none;}
.scroll_btn span{ width: 4px;height: 4px;position: absolute;left:50%; margin-left: -2px;top:8px; background: #fff;border-radius: 50%;-webkit-animation: srcollDown 2s infinite ease-in-out; -o-animation: srcollDown 2s infinite ease-in-out;  -moz-animation: srcollDown 2s infinite ease-in-out; animation: srcollDown 2s infinite ease-in-out;}
@media screen and (max-width: 640px) {
	.scroll_btn{ display: block;}
}

/***************** baner *****************/
.banner{ height:100vh; position: relative;overflow: hidden;}
.banner li{position: relative;overflow: hidden;}
.banner .bxslider{overflow: hidden;position: relative;}
.banner_info{ max-width: 1600px; margin: 0 auto;}
.banner .banner_info{ height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}

.banner .tb{ color: #fff;}
.tb { display: table; height: 100%;width: 100%; } 
.tb_c { display: table-cell; vertical-align: middle;}
.banner .txt{ max-width: 861px; font-size: 16px; text-align:center; line-height: 24px; margin:0 auto !important;}
.banner .txt img{ margin:0 auto;}
.banner h4{ margin:30px 0;}

.banner .btn{ width:18px; height:38px; border-radius:20px; border:1px solid #fff; position: absolute; left:50%; bottom:15px; margin-left:-10px; cursor: pointer; z-index:9;}
.banner .btn span{width: 4px;height: 4px;position: absolute;left:50%;margin-left: -2px;top:8px;background: #fff;border-radius: 50%;-webkit-animation: moveDown 2s infinite ease-out; -o-animation: moveDown 2s infinite ease-out;  -moz-animation: moveDown 2s infinite ease-out; animation: moveDown 2s infinite ease-out;}

.banner .bx-controls{ position: absolute; width: 200px; height: 10px; left:50%; bottom:5%; margin-left: -100px; display: table; }
.banner .bx-wrapper .bx-pager{ width:200px; position: initial; display: table-cell;vertical-align: middle; height: 100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; opacity: 0.5; margin-bottom: 10px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ width: 25px; height:10px;opacity: 1;}

.banner .bx-controls-direction{display: none;}
.banner .imgs,.banner .m_imgs{position: absolute;width: 100%;height: 100%; background-size: cover; background-size: auto 100%\9; background-position: center center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0;}
.banner .m_imgs{display: none;}
.banner .active .imgs,.banner .active .m_imgs{-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);transition: all 6s ease;-webkit-transition: all 6s ease;-o-transition: all 6s ease;-moz-transition: all 6s ease;-ms-transition: all 6s ease;}


.box .title{ text-align: center;line-height: 1.5; text-transform: uppercase; margin:50px 0 0;}
.box .title h3{ color: #000; font-size:36px; font-weight: bold; }
.box .title h3 span{ display: block; color: #999; font-size:24px; font-family: arial, helvetica, sans-serif;}
.box .title h3 span.line{ display:block; width:50px; height:3px; background-color:#333; margin:20px auto;}

@media (max-width: 480px){
	.box .title{ margin:30px 0;}
	.box .title h3{  font-size:24px; }
	.box .title h3 span{ font-size:14px;}
}

/* 集团产业 */
.industries_box{ padding-bottom:30px; background:#007bc6;}
.industries_box .title h3{ color: #fff; }
.industries_box .title h3 span{ color: #afe1ff;}
.industries_box .title h3 span.line{ background-color:#fff;}

#industries_scr .owl-buttons div{ display:none;}

.industries-list ul{ width: 100%;}
.industries-list li{ width:330px; margin:30px auto 0; transition:box-shadow 0.3s;}
.industries-list li.cur{margin-right: 0;}
.industries-list li .pic{ width: 100%;overflow: hidden;height:208px;}
.industries-list li img{width: 100%;transition:transform 0.3s;}
.industries-list li .con{display: block;width: 100%; border-top: none;padding: 10px 7%; box-sizing:border-box; background:#fff; text-align:center;}
.industries-list li h2{ font-size: 18px;color: #007bc6; font-weight:bold; line-height: 44px;overflow: hidden;height: 44px;transition:color 0.3s;}
.industries-list li .font{font-size: 14px;color: #666;line-height: 18px; height:60px;overflow: hidden;}

.industries-list li:hover{}
.industries-list li:hover h2{color: #d9271b;}
.industries-list li:hover img{transform: scale(1.1);}

@media (max-width: 1490px){
	.industries-list li{ width:300px;}
	.industries-list li .pic {
		height: 189px;
	}
}
@media (max-width: 1430px){
	.industries-list li{ width:280px;}
	.industries-list li .pic {
		height: 176px;
	}
}
@media (max-width: 1330px){
	.industries-list li{ width:250px;}
	.industries-list li .pic {
		height: 158px;
	}
}
@media (max-width: 1200px){
	.industries-list li{ width:220px;}
	.industries-list li .pic {
		height: 139px;
	}
}
@media (max-width: 1100px){
	.industries-list li{ width:200px;}
	.industries-list li .pic {
		height: 126px;
	}
}
@media (max-width: 1024px){
	.industries-list li h2 {
		font-size: 16px;
		line-height: 26px;
		height: 26px;
	}
	.industries-list li .font {
		font-size: 12px;
		color: #666666;
		line-height: 20px;
		margin-top: 4px;
		height: 40px;
	}
}
@media (max-width: 1000px){
	.industries_box{ padding-bottom:0; background:#007bc6;}
	.industries-list li{ width:300px;}
	.industries-list li .pic {
		height: 189px;
	}
}
@media (max-width: 700px){
	.industries-list li .pic {
		height: 13vw;
	}
}
@media (max-width: 480px){
	.industries-list li {
		width: 100%;
	}
	.industries-list li .pic {
		height: 48vw;
	}
	#industriesscr .owl-buttons div{  left:0;}
	#industries_scr .owl-buttons div.owl-next{ left:auto; right:0;}
}

/* 公司简介 */
.i_about_box{ width:1400px; margin:0 auto;}
.i_about_box .con{ padding:50px 0 80px;}
.i_about_box .con .pic{ width:44%; height:374px; overflow:hidden; float:left; background:#333;}
.i_about_box .con .info{ width:52%; line-height:2em; float:right;}
.i_about_box .con .info p{ font-size:16px; color:#666; line-height:30px;}
.i_about_box .con .info .more_btn{ margin-top:50px;}

.i_about_box .con{ line-height:30px; font-size:16px; color:#666;}
.i_about_box .con img{ width:100%;}

.btn {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    background:#338ecd;
    color: #fff;
    border: 2px solid #338ecd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: color .15s ease 0s;
    -o-transition: color .15s ease 0s;
    -webkit-transition: color .15s ease;
    -webkit-transition-delay: 0s;
    transition: color .15s ease 0s;
    position: relative;
    z-index: 1;
	transition:all ease 0.5s;
}
.btn i{ display:inline-block; width:24px; height:9px; margin-left:50px; background:url(../images/more_arrow.png) no-repeat 0 0;}
.btn:before{ position:absolute; top:0px;left:0px;width:0;height:40px;background:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;content:"";-moz-transition:width .15s ease 0s;-o-transition:width .15s ease 0s;-webkit-transition:width .15s ease;-webkit-transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
.btn:hover{ color:#338ecd; text-indent:20px;}
.btn:hover i{ background:url(../images/more_arrow1.png) no-repeat 0 0;}
.btn:hover:before{ width:200px}

@media screen and (max-width: 1399px) {
	.i_about_box{ width:100%; padding:0 25px; box-sizing:border-box;}
	.i_about_box .con{ padding:20px 0 30px;}
	.i_about_box .con .pic{ height:auto;}
	.i_about_box .con .info p{ font-size:16px; line-height:28px;}
	.i_about_box .con .info .more_btn{ margin-top:50px;}
}
@media screen and (max-width: 1200px) {
	.i_about_box .con .info p{ font-size:14px; line-height:24px;}
	.i_about_box .con .info .more_btn{ margin-top:30px;}
}
@media screen and (max-width:768px){
	.i_about_box .con .pic{ width:100%; height:auto; margin-bottom:30px;}
	.i_about_box .con .info{ width:100%; float:left;}
	.i_about_box .con .info .more_btn{ margin:30px auto 0; display:block;}
}


/* 公司新闻 */
.news_box{ padding-bottom:80px; background:#f5f5f5;}
.w1400{
	position: relative;
	max-width: 1400px;
	margin: 0 auto 30px;
}
@media (max-width: 1490px){
	.w1400 {
		width: 90%;
	}
}
#news_scr .owl-pagination{ margin-top: 30px;}
.owl-carousel#news_scr .owl-wrapper-outer{ width:100%; margin:0 auto;}
#news_scr .owl-buttons div{ position: absolute; top:25%; left:-40px; margin: -25px 0 0 0; width:20px; height:70px; text-indent: -9999px; border-radius:0; background:#000 url(../images/l-btn.png) no-repeat center center;}
#news_scr .owl-buttons div.owl-next{ left:auto; right:-40px; background:#000 url(../images/r-btn.png) no-repeat center center;}
#news_scr .owl-buttons div:hover{}
#news_scr .owl-buttons div.owl-next:hover{}

.news-list-bot ul{ width: 100%;}
.news-list-bot li{ width:420px; margin:30px auto 0; transition:box-shadow 0.3s;}
.news-list-bot li.cur{margin-right: 0;}
.news-list-bot li .pic{ width: 100%;overflow: hidden;height:235px;}
.news-list-bot li img{width: 100%;transition:transform 0.3s;}
.news-list-bot li .con{display: block;width: 100%; border-top: none;padding: 10px 0 0; box-sizing:border-box;}
.news-list-bot li h2{font-size: 18px;color: #333; font-weight:bold; line-height: 44px;overflow: hidden;height: 44px;transition:color 0.3s;}
.news-list-bot li .time{color: #999;line-height: 26px;font-size: 14px;padding-left: 30px;background: url(../images/case31.png) no-repeat left center;}
.news-list-bot li .font{font-size: 14px;color: #666;line-height: 24px;margin-top: 14px;height: 48px;overflow: hidden;}

.news-list-bot li:hover{}
.news-list-bot li:hover h2{color: #d9271b;}
.news-list-bot li:hover img{transform: scale(1.1);}

@media (max-width: 1490px){
	.news-list-bot li{ width:380px;}
	.news-list-bot li .pic {
		height: 213px;
	}
}
@media (max-width: 1430px){
	.news-list-bot li{ width:360px;}
	.news-list-bot li .pic {
		height: 201px;
	}
}
@media (max-width: 1330px){
	.news-list-bot li{ width:330px;}
	.news-list-bot li .pic {
		height: 185px;
	}
}
@media (max-width: 1200px){
	.news-list-bot li{ width:300px;}
	.news-list-bot li .pic {
		height: 168px;
	}
}
@media (max-width: 1100px){
	.news-list-bot li{ width:280px;}
	.news-list-bot li .pic {
		height: 157px;
	}
}
@media (max-width: 1024px){
	.news-list-bot li h2 {
		font-size: 16px;
		line-height: 26px;
		height: 26px;
	}
	.news-list-bot li .font {
		font-size: 12px;
		color: #666666;
		line-height: 20px;
		margin-top: 4px;
		height: 40px;
	}
}
@media (max-width: 700px){
	.news-list-bot li .pic {
		height: 13vw;
	}
}
@media (max-width: 480px){
	.news-list-bot li {
		width: 100%;
	}
	.news-list-bot li .pic {
		height: 48vw;
	}
	#news_scr .owl-buttons div{  left:0;}
	#news_scr .owl-buttons div.owl-next{ left:auto; right:0;}
}


/***************** f_link *****************/
#f_bg{ background:#222;}

#f_link_bg{ min-width:1400px; background:#222; border-top:2px #353535 solid;}
#f_link{ width:1400px; margin:0 auto; padding:45px 0 40px; line-height:22px;}
#f_link dl{ height:200px; float:left; padding:0 50px 0 0; font-size:14px; margin-right:50px; border-right:1px #353535 solid;}
#f_link dl dt{ padding-bottom:20px;}
#f_link dl dt a{ color:#fff; font-size:18px;}
#f_link dl dd a{ color:#7f7f7f; line-height:26px;}
#f_link dl dt a:hover,#f_link dl dd a:hover{ text-decoration:underline;}

#f_link dl.contact{ width:345px; margin:0; padding:0; border-right:none;}
#f_link dl.contact dd{ padding-bottom:20px;}
#f_link dl.contact dd h3{ font-size:16px; color:#0070d3; margin-bottom:10px;}
#f_link dl.contact dd p{ color:#666; line-height:26px;}

.two_wm{ line-height:20px; float:right; color:#7f7f7f;}
.two_wm .pic{ width:124px; text-align:center;}
.two_wm .pic img{ width:100%; margin-bottom:10px;}

/***************** foot *****************/
#foot_bg{ background:#222; color:#7f7f7f; border-top:1px #353535 solid;}
#foot{ width:1400px; margin:0 auto; height:60px; padding-top:20px; line-height:24px;}
#foot a:hover{ text-decoration:underline;}
#foot span{ float:right;}

.active #f_link dl{ -webkit-animation:fadeInUp 1s 0.5s both; -moz-animation:fadeInUp 1s 0.5s both; animation:fadeInUp 1s 0.5s both;}
.active #f_link dl.contact{ -webkit-animation:fadeInUp 1s 1s both; -moz-animation:fadeInUp 1s 1s both; animation:fadeInUp 1s 1s both;}
.active .two_wm{ -webkit-animation:fadeInUp 1s 1.5s both; -moz-animation:fadeInUp 1s 1.5s both; animation:fadeInUp 1s 1.5s both;}
.active #foot{ -webkit-animation:fadeInUp 1s 2s both; -moz-animation:fadeInUp 1s 2s both; animation:fadeInUp 1s 2s both;}

@media screen and (min-width:0px) and (max-width:1399px){
	#f_link{ width:100%; padding:45px 40px 40px; box-sizing:border-box;}
	#f_link dl {
		padding: 0 20px 0 0;
		margin-right: 30px;
	}
	#foot{ width:100%; padding:20px 50px 0; box-sizing:border-box;}
}
@media screen and (min-width:0px) and (max-width:1199px){
	#f_link_bg{ min-width:100%;}
	#f_link{ width:100%; padding:45px 0 0;}
	#f_link dl{ width:25%; padding:0 0 0 30px; margin-right:0; box-sizing:border-box;}
	
	#f_link dl.contact{ width:50%; padding:0 0 0 30px;}
	
	#f_link .two_wm{ float:right; padding-right:30px;}
	
	#foot{ width:100%; height:auto; padding:30px 10px; text-align:center; box-sizing:border-box;}
	#foot span{ display:block; float:none;}
}

@media screen and (max-width:769px){
	#content,#f_link,#foot{ width:100%; margin:0 auto;}
}
@media screen and (max-width:751px){
	
	#f_link dl{ width:33.33%; padding:0; text-align:center; box-sizing:border-box;}
	#f_link dl.contact{ width:100%; padding:0 30px;}
	
	#f_link .two_wm{ width:100%; text-align:center; float:none; padding-right:0;}
	#f_link .two_wm .pic{ width:30%; margin:0 auto 20px;}
}

/***************** insidepage *****************/
#i_content{ margin:0 auto 80px; background:#fff;}

#i_banner{}
#i_banner img{ width:100%;}
#i_m_banner{ display:none;}

@media screen and (max-width:769px){	
	#i_banner{ display:none;}
	#i_m_banner{ display:block;}
	#i_m_banner img{ width:100%;}
}

.i_title_bg{ border-bottom:1px #eee solid;}
.i_title{ width:1400px; margin:0 auto; height:70px;}

.i_title .crumb{ float:right; line-height:70px; padding-left:25px; background:url(../images/home.gif) no-repeat 0 center;}
.i_title .crumb a{}
.i_title .crumb a:hover{ color:#f90; text-decoration:underline;}
.i_title .crumb span.c_current{ color:#f90;}

@media screen and (max-width:1400px){
	.i_title{ width:100%; box-sizing:border-box;}
}

.i_title .sub_nav ul li{ padding-left:1px; float:left; font-size:18px;}
.i_title .sub_nav ul li a{ display:block; height:68px; line-height:68px; color:#666; padding:0 30px;}
.i_title .sub_nav ul li a:hover,.i_title .sub_nav ul li a.current{ color:#f90; border-bottom:3px #f90 solid; text-decoration:none;}

.i_box{ padding:50px 0;}
.i_box .title{ margin-bottom:30px;}
.i_box .title h3{ font-size:36px; color:#000; text-align:center;}
.i_box .title h3 span{ width:52px; height:3px; background:#000; display:block; margin:15px auto 0;}
.i_box .con{ width:1400px; margin:0 auto; line-height:30px; font-size:16px; color:#666;}
.i_case .con{ width:1200px;}

.i_about_pic img{ width:100%;}

.event_year{ width:132px; border-bottom:2px solid #DDD; text-align:center; float:left; margin-top:10px;}
.event_year li{ height:60px; line-height:60px; background:#f2f4f7; margin-bottom:1px; font-size:20px; color:#828282; cursor:pointer;}
.event_year li label{ display:block; line-height:60px; cursor:pointer;}
.event_year li.current{ width:132px; background:#fdad28 url('../images/jian_01.png') no-repeat right 0; color:#fff; padding-right:10px;}

.event_list{ width:1200px; float:right; background:url('../images/dian3.png') repeat-y 610px 0; margin:10px 0 20px 0;}
.event_list>div{ margin-bottom:20px;}
.event_list h3{ margin:20px 0 10px 604px; font-size:48px; font-family:Arial; font-weight:bold; color:#fdad28; padding-left:40px; background:url('../images/dot.png') no-repeat 0 center; line-height:38px;}
.event_list li{ width:100%;}
.event_list li span{ width:580px; text-align:right; display:block; float:left; margin-top:35px; font-size:24px;}
.event_list li p{ width:560px; float:right; margin:20px 0 20px 24px; display:inline-block; padding-left:10px; background:url('../images/jian1.png') no-repeat 0 20px; line-height:25px; _float:left;}
.event_list li p span{ text-align:left; border-bottom:2px solid #fff; font-size:18px; padding:15px; background:#f2f4f7; margin:0; line-height:30px;}

.event_list li.li2 span{ width:560px; float:right; text-align:left;}
.event_list li.li2 p{ width:560px; float:left; text-align:left; padding:0 10px 0 0; background:url('../images/jian2.png') no-repeat right 20px;}
.event_list li.li2 p span{ text-align:right;}

.sub_sort{ width:100%; height:auto; margin:30px auto 0; text-align:center;}
.sub_sort li{ display:inline-block; margin:0 5px 10px; line-height:40px; text-align:center; box-sizing:border-box;}
.sub_sort a{ padding:0 20px; height:40px; font-size:16px; display:block; border:1px #dfdfdf solid;}
.sub_sort a.current,.sub_sort a:hover{ border:1px #f90 solid; color:#fff; background:#f90;}

.zhengshu_box{ width:1400px; padding:0 30px; margin:30px auto 0; text-align: center; position:relative;}
.zhengshu_box span{font-size:26px;}
.zhengshu_box ul{ margin-top:30px;}
.zhengshu_box ul li{ width:25%; height:auto; padding:0 15px 50px; font-size:16px; float:left; box-sizing:border-box; margin:0 auto;}
.zhengshu_box ul li img{ width:100%; margin-bottom:15px;}

@media screen and (max-width:1400px){
	.zhengshu_box{ width:100%; box-sizing:border-box;}
	.zhengshu_box ul li{ width:33.33%;}
}
@media screen and (max-width:768px){
	.zhengshu_box ul li{ width:50%; padding:0 8px 20px;}
}

/*leader*/
.leader_list { width:1400px; margin:0 auto; padding:40px 0; }
.leader_list .list{ padding-left:40px; padding-top:50px; margin-bottom:50px;}
.leader_list .list .bg{ min-height:200px; padding:30px 0; background:#f4f4f4 url(../img/leader_bg.png) right top no-repeat;}
.leader_list .list .bg .pic{ margin-top:-80px; margin-left:-40px; margin-right:50px;}
.leader_list .list .bg .info{ width:70%;}
.leader_list .list .bg .info .name{ font-size:20px ;color:#404040; margin-bottom:10px; font-weight:bold;}
.leader_list .list .bg .info .work{ font-size:20px ;color:#595757; margin-bottom:30px;}
.leader_list .list .bg .job{ width:100%; line-height:1.5em;}
.leader_list .list .bg .box ._t{ font-size:16px; color:#404040; margin-bottom:25px;}

@media screen and (max-width:1400px){
	.leader_list{ width:100%; box-sizing:border-box; padding:20px;}
}
@media screen and (max-width:1240px){
	.leader_list .list .bg .info{ width:70%;}
	.leader_list .list .bg .honor{ float:right;}
}
@media screen and (max-width:992px){
	.leader_list .list{ padding:0;}
	.leader_list .list .bg .pic{ width:30%; margin:0; margin-right:5%;}
	.leader_list .list .bg .info{ width:60%;}
}
@media screen and (max-width:640px){
	/*leader*/
	.leader_list .list{ margin-bottom:20px}
	.leader_list .list .bg{ padding:0;}
	.leader_list .list .bg .pic{ width:100%; margin-right:0; margin-bottom:30px;}
	.leader_list .list .bg .pic img{ width:100%;}
	.leader_list .list .bg .info{ width:90%; padding-left:5%; padding-right:5%;}
	.leader_list .list .bg .job{ width:100%; border:0; float:none; margin-bottom:30px;}
}



.news-page{width: 100%;height: 40px;text-align: center;font-size:0;}
.news-page a{font-size: 14px;line-height: 40px;width: 40px;height: 40px;display: inline-block;background: #f7f7f7;color: #686868;transition:background 0.3s,color 0.3s;}
.news-page.new a{background: #fff;}
.news-page a.active,.product-list .news-page a.active,.news-page.on a.active,.news-page.new a.active{color: #fff;background: #de241b;}
.news-page a.btns{font-family: '宋体';}

.news-page a:hover,.product-list .news-page a:hover,.news-page.on a:hover{ color: #fff; background: #de241b;}

@media (max-width: 480px){
	.news-page {
		padding-top: 10px;
		height: 30px;
	}
	.news-page a {
		line-height: 30px;
		width: 30px;
		height: 30px;
	}
}

/**** 人才招聘 ****/
.jobs_box{ width:1200px; margin:0 auto 50px;}

.concept_box{ height:300px; margin-bottom:20px; overflow:hidden; background:#007CC6;}
.concept_box .concept_pic{ width:650px; float:left;}
.concept_box .concept_info{ width:470px; color:#fff; line-height:24px; float:left; padding:40px 40px 0 40px;}
.concept_box .concept_info h3{ font-size:24px; margin-bottom:30px;}

.accordion{ width:100%; height:50px; line-height:50px; margin-top:10px; position:relative; display:inline-block; color:#666; vertical-align:middle;}
.accordion .icon{ width:28px; height:28px; position:relative; float:right; border-radius:100%; border:2px #fff solid; margin:9px 15px 0 0; background:url(../images/jia.gif) no-repeat center center;}
.accordion.active .icon{ background:url(../images/jian.gif) no-repeat center center;}
.accordion h4{ float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none; background:#e6e6e6;}
.accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#007CC6; transition:0.3s;}

.accordion-desc{ background-color:#f9f9f9; color:#666; z-index:2; font-size:14px; line-height:2em; padding:30px;}


.i_contact{ padding-bottom:0;}
.i_contact .con{ width:100%;}
.i_contact .us-txt {
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  max-width: 580px;
  margin: 0 auto;
  padding-bottom: 40px;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.i_contact .us-txt h2 {
  font-size: 66px;
  color: #000;
  font-weight: normal;
  margin: 70px 0 40px 0;
}
.i_contact .us-fs {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 0;
}
.i_contact .us-fs p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.i_contact .us-fs ul {
  width: 100%;
  padding: 30px 0;
}
.i_contact .us-fs ul .bd-r {
  border-right: 1px solid #eaeaea;
}
.i_contact .us-fs ul li {
  width: 49.5%;
  text-align: center;
}
.i_contact .us-fs ul li img {
  display: inline-block;
  margin-bottom: 20px;
}
.i_contact .us-fs ul li span {
  display: block;
  line-height: 24px;
}
.i_contact .us-fs ul li .t01 {
  font-size: 18px;
  color: #000;
  margin-bottom:20px;
}
.i_contact .us-fs ul li .t02 {
  font-size: 24px;
  color: #f90;
}
.i_contact .us-map .us-map-con {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.i_contact .us-map .us-map-con .map-img {
  width: 100%;
}
.i_contact .us-map .us-map-con .us-map-txt {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40%;
  background:rgba(0,124,198,0.9);
  padding: 50px;
}
.i_contact .us-map .us-map-con .us-map-txt h4 {
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding-bottom:20px;
}
.i_contact .us-map .us-map-con .us-map-txt h5 {
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  margin: 30px 0 20px 0;
}
.i_contact .us-map .us-map-con .us-map-txt p {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}


ul.i_news_list{ width:1400px; margin:30px auto;}
ul.i_news_list li{ height:130px; line-height:1.5em; padding:12px; margin:12px 0; border-bottom:1px #f3f3f3 solid;}
ul.i_news_list li .data{ width:85px; height:130px; float:right; font-size:14px; text-align:center; background:#007bc6; color:#fff;}
ul.i_news_list li .data .day{ font-size:48px; display:block; margin:40px 0 20px;}
ul.i_news_list li:hover{ background:#f5f5f5;}
ul.i_news_list li:hover .data{ background:#fead28; color:#fff;}
ul.i_news_list li .pic{ width:200px; height:130px; margin-right:20px; float:left; overflow:hidden;}
ul.i_news_list li h3{ font-size:18px; margin-bottom:5px; font-weight:bold;}
ul.i_news_list li h3 a{ color:#333;}
ul.i_news_list li:hover h3 a{ color:#fead28;}
ul.i_news_list li h3 a:hover{ text-decoration:underline;}
ul.i_news_list li .info{ font-size:12px;}
ul.i_news_list li .info span{ display:inline-block; margin-right:30px; color:#b1b1b1;}
ul.i_news_list li .info span.time{ padding-left:18px; background:url(../images/i1.gif) no-repeat 0 center;}
ul.i_news_list li .info span.num{ padding-left:18px; background:url(../images/i2.gif) no-repeat 0 center;}
ul.i_news_list li .n_info{ width:70%; height:130px; float:left; position:relative;}
ul.i_news_list li p{ color:#666; padding:5px 0; font-size:14px;}

ul.i_news_list li a.detail{ position:absolute; bottom:0; font-size:14px; color:#007bc6;}
ul.i_news_list li a.detail span.icon{ width:16px; height:16px; margin:3px 5px 0 0; float:left; border-radius:100%; background:#007bc6 url(../images/more_arrow1.gif) no-repeat center center;}
ul.i_news_list li:hover a.detail{ color:#fead28;}
ul.i_news_list li:hover a.detail span.icon{ background:#fead28 url(../images/more_arrow1.gif) no-repeat center center;}


.article_box{ width:1400px; margin:30px auto;}
.textTitle{ color:#000; text-align:center; font:bold 30px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.subtime{ text-align:center; padding:20px 0 10px; font-size:12px; border-bottom:1px #f3f3f3 solid; color:#999;}
.subtime .info span{ display:inline-block; margin:0 15px; color:#b1b1b1;}
.subtime .info span.time{ padding-left:18px; background:url(../images/i1.gif) no-repeat 0 center;}
.subtime .info span.num{ padding-left:18px; background:url(../images/i2.gif) no-repeat 0 center;}
.subtime span{ color:#b8b8b8;}
.subtime span.down{ padding-left:20px; float:right; background:url(../images/download_pic.gif) no-repeat 0 center;}
.subtime span.down a{ text-decoration:underline;}
.subtime span.down a:hover{ text-decoration:none;}
.article{ padding:30px 0; line-height:2em; font-size:14px;}
.article table td{border:1px #858585 solid; padding:5px; }
.article table{ border-collapse:collapse;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #f3f3f3 solid;}
.tool_box a{ padding:0 30px; height:40px; line-height:40px; text-align:center; margin-right:15px; font-size:16px; float:left; color:#fff; background:#37383A;}
.tool_box a:hover{ background:#FFA200;}
.tool_box a:hover{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0; background:#FFA200;}


@media screen and (max-width: 1400px) {	
	ul.i_news_list{ width:100%; padding:0 15px; box-sizing:border-box;}
	.article_box{ width:100%; padding:0 15px; margin:30px auto; box-sizing:border-box;}
}
@media screen and (max-width: 1024px) {	
	ul.i_news_list li .pic{ width:20%;}
	ul.i_news_list li .n_info{ width:60%;}
	ul.i_news_list li .data{ width:10%;}
	
	.article img{ width:100%;}
}
@media screen and (max-width: 768px) {	
	ul.i_news_list{ padding:0 10px;}
	ul.i_news_list li{ height:120px; line-height:1.5em; padding-bottom:25px; margin:0 0 25px; border-bottom:1px #f3f3f3 solid;}
	ul.i_news_list li .pic{ width:20%; margin-right:15px; float:left; overflow:hidden;}
	ul.i_news_list li .pic img{ width:100%;}
	ul.i_news_list li .n_info{ width:60%; height:85px; float:left; position:relative;}
	
	ul.i_news_list li{ height:85px; padding-bottom:15px; margin-bottom:20px;}
	ul.i_news_list li h3{ font-size:14px;}
	ul.i_news_list li .pic{ width:20%; height:85px; margin-right:15px; float:left; overflow:hidden;}
	ul.i_news_list li .pic img{ width:100%;}
	ul.i_news_list li .data{ width:10%; height:85px;}
	ul.i_news_list li .data .day{ font-size:48px; display:block; margin:20px 0 20px;}
	ul.i_news_list li .n_info p{ display:none;}
	
	.textTitle{ font-size:20px;}
}

@media screen and (max-width: 640px) {	
	
	ul.i_news_list{ padding:0 10px;}
	ul.i_news_list li{ height:auto;}
	ul.i_news_list li .pic{ width:160px; margin-right:15px; float:left; overflow:hidden;}
	ul.i_news_list li .n_info{ width:55%; height:auto; float:right; position:relative;}
	ul.i_news_list li .pic{ width:40%; margin-right:0; float:left; overflow:hidden;}
	ul.i_news_list li .data,ul.i_news_list li .n_info p,ul.i_news_list li a.detail{ display:none;}
	
	.flip_pages_front{ display:none;}
	.bdsharebuttonbox{ display:none;}
	
	.article_box{ padding:0 10px;}
	
	.tool_box a{ padding:0 22px; margin-right:5px;}
	.tool_box .back{ padding:0 20px; float:right; margin:0; background:#FFA200;}
}


.i_message{ width:80%; margin:80px auto;}
.i_message h3{ font-size:48px; margin-bottom:20px;}
.i_message li{ width:48.5%; padding:10px 0; float:left;}
.i_message li:nth-child(2n){ float:right;}
.i_message li:nth-child(5),.i_message li:nth-child(6){ width:100%;}
.i_message li .text,.i_message li textarea{ width:100%; height:42px; font-size:14px; padding-left:14px; background:#f8f8f8; border:1px #ddd solid;}
.i_message li textarea{ width:100%; height:112px; padding-top:10px;}
.i_message .submit{ display:block; width:200px; height:60px; font-size:24px; line-height:60px; text-align:center; color:#fff; background:#868686;}
.i_message .submit:hover{ color:#fff; background:#d52621;}

@media (max-width: 1200px){
	.i_message{ width:90%;}
	.i_message li{ width:48%;}
}
@media (max-width: 768px){

	.i_message{ padding:0 15px;}
	.i_message h3{ font-size:26px; margin-bottom:20px;}
	.i_message li{ width:100%; padding:10px 0; float:left;}
	.i_message li .text,.i_message li textarea{ width:100%; box-sizing:border-box;}
	.i_message .submit{ margin:0 auto;}
}

.self-help-section {
    max-width: 1400px;
}
.self-help-section {
    margin: 40px auto;
    background: #fff;
    -moz-box-shadow: 0 1px 6px #ccc;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
}
.self-help-section h2 {
    float: left;
    width: 20%;
    height: 130px;
    padding-top: 70px;
    background: #007CC6;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    position: relative;
	text-align:center;
}
.self-help-section h2:after {
    content: "\00a0";
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 122px;
    left: 50%;
	margin-left: -48px;
}
.self-help-section div {
    float: right;
    width: 80%;
    display: table;
}
.self-help-section ul {
    width: 100%;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.self-help-section ul li {
    width: 25%;
    float: left;
    text-indent: 24px;
    line-height: 42px;
    display: inline-block;
    font-size: 14px;
	padding-left:5%;
	box-sizing:border-box;
}
.self-help-section ul li a:hover{
	color:#007CC6;
	text-decoration:underline;
}

@media screen and (max-width: 720px){
	.self-help-section {
		margin: 20px 0;
	}
	.self-help-section h2 {
		float: none;
		width: 100%;
		padding: 0;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.self-help-section div {
		width: 100%;
		padding: 20px 0;
	}
	.self-help-section ul {
		height: auto;
	}
	.self-help-section ul li {
		width: 50%;
		float: left;
	}
}


.i_industry{ width:1400px; margin:0 auto 50px; line-height:1.5em; font-size:16px;}
.i_industry h3{ font-size:30px; line-height:36px; color:#007bc6; text-align:center;}
.i_industry img{ width:100%;}

.i_industry .industry h3{ color:#000; font-weight:bold; margin:50px auto;}
.i_industry .industry .sub_title{ padding:50px; margin:20px 0; color:#fff; background:#007bc6;}
.i_industry .industry .img{ padding:20px 0;}
.i_industry .industry .img .moblie_img{ display:none;}
.i_industry .industry .text{ color:#00b0f0; font-weight:bold; padding:30px; border:3px #00b0f0 dashed; border-radius:10px;}
.i_industry .industry ul li{ width:32%; margin-right:2%; float:left; box-sizing:border-box;}
.i_industry .industry ul li:nth-child(3){ margin:0;}
.i_industry .industry ul.mt20{ margin-top:20px;}
.i_industry .industry ul li .i_con{ display:block; background:#007bc6; padding:25px; color:#fff; min-height:120px;}

.i_industry .industry ul.two_columns_pic li{ width:49%;}
.i_industry .industry ul.two_columns_pic li:nth-child(2){ margin:0;}

.two_columns{ width:100%; margin:20px 0;}
.two_columns .pic{ width:40%; float:left;}
.two_columns .pic p{ margin-bottom:20px;}
.two_columns .info{ width:55%; float:right; box-sizing:border-box;}
.two_columns .info .txt{ background:#9dc3e6; padding:28px 30px; border-radius:30px; margin-bottom:15px; box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.two_columns.blue_bg { background:#007bc6; display:table;}
.two_columns.blue_bg .pic{ width:40%; padding-right:3%; background:#fff; float:left;}
.two_columns.blue_bg .pic.bfb30,.two_columns.agroforestry .pic.bfb30{ width:30%;}
.two_columns.blue_bg .info.bfb65,.two_columns.agroforestry .info.bfb65{ width:65%;}
.two_columns.blue_bg .info{ padding:70px; font-size:24px; line-height:38px; color:#fff;}
.two_columns.blue_bg .info P{ display:table-cell; vertical-align:middle;}
.two_columns .info dl.data dd{ width:118px; height:118px; text-align:center; float:left; margin:50px 50px 0 0; border-radius:100%; font-size:50px; border:35px #2c3441 solid;display:table;}
.two_columns .info dl.data1 dd{ font-size:36px;}
.two_columns .info dl.data dd:nth-child(1){ color:#007bc6; border:35px #007bc6 solid;}
.two_columns .info dl.data dd em{ display:table-cell; vertical-align:middle; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; }
.two_columns .info dl.data dd span{ font-size:20px; font-family:"微软雅黑";}


.new_energy .industry .img{ width:60%; margin:0 auto;}
.i_industry .industry ol.info{ width:70%; margin:0 auto 50px;}
.i_industry .industry ol.info li{ line-height:20px; padding:20px 50px; border-bottom:1px #007bc6 solid;}
.i_industry .industry ol.info li span{ color:#eb0000;}

.i_industry .industry .logo{ text-align:center;}
.i_industry .industry .logo img{ width:auto;}

@media screen and (max-width:1400px){
	.i_industry{ width:100%; padding:0 15px; line-height:1.5em; font-size:16px; box-sizing:border-box;}
	.two_columns .info dl.data dd{ width:100px; height:100px; margin:30px 30px 0 0; border:30px #2c3441 solid;}
	.two_columns .info dl.data dd:nth-child(1){ border:30px #007bc6 solid;}
}

@media screen and (max-width:1200px){
	.two_columns.blue_bg { background:#007bc6;}
	.two_columns.blue_bg .pic{ width:40%; padding-right:5%; background:#fff; float:left;}
	.two_columns.blue_bg .info{ padding:30px; font-size:18px; line-height:30px; color:#fff;}
	
	.two_columns .info dl.data dd{ width:100px; height:100px; margin:30px 20px 0 0; border:25px #2c3441 solid;}
	.two_columns .info dl.data dd:nth-child(1){ border:25px #007bc6 solid;}
	.two_columns .info dl.data1 dd span{ display:block;}
	
	.i_industry .industry ol.info{ width:95%; margin:0 auto 50px;}
	.new_energy .industry .img{ width:100%;}
}

@media screen and (max-width:768px){
	.i_industry .industry ul li{ margin-bottom:20px;}
	.i_industry .industry ul li span.con{ min-height:auto;}
	.two_columns .pic{ width:100%; float:none; margin-bottom:20px;}
	.two_columns.blue_bg .pic.bfb30,.two_columns.agroforestry .pic.bfb30{ width:100%;}
	.two_columns.blue_bg .info.bfb65,.two_columns.agroforestry .info.bfb65{ width:100%;}
	.two_columns .info{ width:100%; float:none;}
	
	.two_columns.blue_bg .pic{ width:100%; padding:0 0 30px 0; margin:0;}
	.two_columns.blue_bg .info{ width:100%;}
	
	.two_columns .pic p{ width:100%; margin-bottom:20px;}
	.two_columns .info{ width:100%; float:right; box-sizing:border-box;}
	.two_columns .info .txt{ background:#9dc3e6; padding:28px 30px; border-radius:30px; margin-bottom:15px; box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
	
	.two_columns .info dl.data dd{ width:118px; height:118px; margin:30px 30px 0 0; border:35px #2c3441 solid;}
	.two_columns .info dl.data dd:nth-child(1){ border:35px #007bc6 solid;}
	
	.i_industry .industry .img .moblie_img{ display:block;}
	.i_industry .industry .img .pc_img{ display:none;}
}

@media screen and (max-width:640px){
	.i_industry .industry .sub_title{ padding:30px;}
	.i_industry .industry ul li{ width:100%;}
	.i_industry h3{ width:80%; margin:0 auto; font-size:24px; line-height:36px;}
	.two_columns .info dl.data dd{ width:80px; height:80px; margin:30px 25px 0 0; border:25px #2c3441 solid; font-size:36px;}
	.two_columns .info dl.data dd:nth-child(1){ border:25px #007bc6 solid;}
	.two_columns .info dl.data1 dd{ font-size:30px;}
	.two_columns .info dl.data dd span{ font-size:16px;}
	
	.i_industry .industry ul.two_columns_pic li{ width:100%;}
	
	.i_industry .industry ol.info li{ padding:20px;}
	
	.i_industry .industry .logo{ width:50%; margin:0 auto;}
	.i_industry .industry .logo img{ width:100%;}
}