﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{ text-decoration: none}
/**/
.banner a{ display:block;height:600px; overflow:hidden;}

.pro-slide{ width:765px; float:left;}

/******************************广告*********************************/
.banners{height: 600px;}
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:600px;
}

.fullSlide .hd {
	position:absolute;
	z-index:999;
	bottom:0px;
 width:100%;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:48px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#1C79D8;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(img/Index/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(img/Index/right1s.png) no-repeat;
}


/**/
/*.bt{ text-align: center; line-height: 1; font-size: 40px; font-weight: normal;}
.bt a{color: #333;}
.bt a:hover{ text-decoration: none;}
.bt a b{ color: #ff1f05;}
.bt span{ display: block; margin-top: 20px; padding-top: 30px; text-transform: uppercase; text-align: center; font-size: 16px; color: #999; background:url(Img/Index/bt_s.jpg) no-repeat center top;}
*/

.pro_bg{
	padding: 76px 0 70px 0;
}
.pro_bg h2{
	height: 78px;
	margin-bottom: 40px;
	text-align: center;
	background: url(Img/Index/pro_bg.png) no-repeat center top;
}
.pro_bg h2 span{
	display: block;
	padding-bottom: 3px;
	line-height: 1;
	font-size: 20px;
	font-weight: normal;
	color: #e6e6e6;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.pro_bg h2 b{
	line-height: 1;
	font-size: 48px;
	color: #0042b6;
}
.pro-ul{
	width: 380px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 46px;
	overflow: hidden;
}
.pro-ul li{
	float: left;
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 5px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	background: url(Img/Index/pro_btn2.jpg) no-repeat center top;
}
.pro-ul li.cur{
	background: url(Img/Index/pro_btn1.jpg) no-repeat center top;
}

.pro-box .pro-nav{
	position: relative;
	height: 38px;
	line-height: 38px;
	margin-bottom: 30px;
}
.pro-box .pro-nav p{
	padding-left: 16px;
	background: url(Img/Index/pro_nss.jpg) no-repeat left center;
	font-size: 15px;
}
.pro-box .pro-nav p b{
	color: #0042b6;
}
.pro-box .pro-nav p a{
	padding: 0 10px;
	color: #666;	
}
.pro-box .pro-nbtn{
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
}
.pro-box .pro-nbtn a{
	display: inline-block;
	width: 40px;
	height: 38px;
}

.pro-inner{
	position: relative;
	border: 1px solid #e5e5e5;
}
.pro-inner .pro-nbtns{
	position: absolute;
	top: 512px;
	left: 700px;
}
.pro-inner .pro-nbtns a{
	display: inline-block;
	width: 40px;
	height: 38px;
}
.pro-inner dl{
	float: left;
	width: 765px;
	height: 536px;
	padding: 22px 15px;
	border-right: 1px solid #e5e5e5;
}
.pro-inner dl dt{
	width: 765px;
	height: 460px;
}
.pro-inner dl dt img{
	width: 765px;
	height: 460px;
}
.pro-inner dl dd{
	padding-top: 26px;
}
.pro-inner dl dd h5{
	font-size: 18px;
	line-height: 1;
	padding-bottom: 8px;
	color: #222;
}
.pro-inner dl dd p{
	font-size: 15px;
	color: #888;
}
.pro-inner ul{
	float: right;
	width: 402px;
}
.pro-inner ul li {
	padding: 22px 15px 0 15px;
	border-bottom: 1px solid #e5e5e5;
}
.pro-inner ul li img{
	width: 370px;
	height: 223px;
}
.pro-inner ul li span{
	display: block;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #222;
}
.pro-inner ul li.no{
	border: 0;
}


.why{
	height: 810px;
	padding-top: 90px;
	background: url(Img/Index/why_bg.jpg) no-repeat center top;
}
.why h2{
	text-align: center;
	height: 105px;
	margin-bottom: 44px;
	background: url(Img/Index/why_bt.png) no-repeat center top;
}

.why h2 b{
	font-size: 48px;
	color: #0042b6;
	line-height: 1;
}
.why h2 span{
	display: block;
	padding-top: 10px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 6px;
	color: #0042b6;
}
.why .content dl{
	float: left;
	width: 300px;
	height: 510px;
	background: #fff;
}
.why .content dl dt{
	height: 255px;
	overflow: hidden;
}
.why .content dl dt span{
	display: block;
	height: 60px;
	line-height: 60px;
	margin-top: 56px;
	margin-bottom: 14px;
	font-size: 20px;
	color: #222;
	text-align: center;
	font-weight: bold;
	
}
.why .content dl.dl01 dt span{
	background: url(Img/Index/why_ico1.png) no-repeat center top;
}
.why .content dl.dl02 dt span{
	background: url(Img/Index/why_ico2.png) no-repeat center top;
}
.why .content dl.dl03 dt span{
	background: url(Img/Index/why_ico3.png) no-repeat center top;
}
.why .content dl.dl04 dt span{
	background: url(Img/Index/why_ico4.png) no-repeat center top;
}
.why .content dl dt p{
	padding-top: 16px;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	text-align: center;
	background: url(Img/Index/why_ss.jpg) no-repeat center top;
}
.why .content dl dd{
	width: 300px;
	height: 255px;
}
.why .content dl dd img{
	width: 300px;
	height: 255px;
}

.ys{
	position: relative;
	height: 2474px;
}
.ys h2{
	position: absolute;
	top: 30px;
	left: 50%;
	width: 613px;
	margin-left: -306px;
	z-index: 4;
	text-align: center;
}
.ys_img .ys_bg1{
	height: 1321px;
	background: url(Img/Index/ys_bg1.jpg) no-repeat center top;
}
.ys_img .ys_bg2{
	height: 1153px;
	background: url(Img/Index/ys_bg2.jpg) no-repeat center top;
}
.ys_cont{
	position: absolute;
	top: 340px;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
}
.ys_cont dl{
	position: absolute;
	width: 520px;
}
.ys_cont dl dt{
	position: relative;
	padding-left: 100px;
	margin-bottom: 40px;
}
.ys_cont dl dt span{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	padding-left: 30px;
	font-size: 48px;
	color: #fff;
	font-family: arial;
	font-style: italic;
	background: url(Img/Index/ys_ico.png) no-repeat center top;
}
.ys_cont dl dt h5{
	font-size: 36px;
	color: #0042b6;
	line-height: 1;
}
.ys_cont dl dt i{
	display: block;
	font-size: 24px;
	color: #222;
	line-height: 1;
	padding-top: 12px;
}

.ys_cont dl dd p{
	font-size: 18px;
	color: #555;
	margin-bottom: 10px;
	line-height: 30px;
	padding-left: 20px;
	background: url(Img/Index/ys_icoss.png) no-repeat left 10px;
}
.ys_cont dl dd span{
	display: block;
	padding-top: 40px;
}
.ys_cont dl dd span a{
	display: block;
	width: 143px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: url(Img/Index/ys_btn.jpg) no-repeat left top;
}
.ys_cont .dl_02{
	top: 540px;
	right: 0;
}
.ys_cont .dl_03{
	top: 1090px;
	left: 0;
}
.ys_cont .dl_04{
	top: 1660px;
	right: 0;
}

.ys_cont .dl-p{
	font-size: 18px;
	color: #555;
}
.ys_cont .dl-p b{
	font-size: 48px;
	font-family: arial;
	color: #02b11a;
}


.hz{
	height: 820px;
	padding-top: 80px;
	background: url(Img/Index/hz_bg.jpg) no-repeat center top;
	overflow: hidden;
}
.hz h2{
	text-align: center;
	height: 105px;
	margin-bottom: 50px;
	background: url(Img/Index/hz_bg.png) no-repeat center top;
}
.hz h2 b{
	font-size: 42px;
	color: #0042b6;
	line-height: 1;
}
.hz h2 span{
	display: block;
	padding-top: 10px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 8px;
	color: #0042b6;
}
.hz .content{
	position: relative;
}
.hz .hz_ul{
	height: 80px;
	margin-bottom: 30px;
	background: #8c8c8c;
}
.hz .hz_ul li{
	float: left;
	width: 200px;
	height: 58px;
	line-height: 1;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding-top: 22px;
	cursor: pointer;
}
.hz .hz_ul li.odd{
	background: #b3b3b3;
}
.hz .hz_ul li.cur{
	background: #02b11a;
}
.hz .hz_ul li.cur span{
	color: #fff;
}
.hz .hz_ul li span,.hz .content .hz_more span{
	display: block;
	padding-top: 6px;
	font-size: 12px;
	text-transform: uppercase;
	color: #cbcbcb;
}
.hz .content .hz_more{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	background: #b3b3b3;
	width: 200px;
	height: 58px;
	line-height: 1;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding-top: 22px;
}
.hz .content .hz_more a{
	display: block;
	color: #fff;
}
.hz .hz_inner dl{
	background: #fff;
	overflow: hidden;
}
.hz .hz_inner dl dt{
	float: left;
	width: 600px;
	height: 440px;
}
.hz .hz_inner dl dt img{
	width: 600px;
	height: 440px;
}
.hz .hz_inner dl dd{
	float: right;
	width: 540px;
	padding: 40px 30px;
}
.hz .hz_inner dl dd h3{
	font-size: 36px;
	line-height: 1;
	color: #004e96;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}
.hz .hz_inner dl dd h3 span{
	display: block;
	font-size: 20px;
	color: #2b2b2b;
	padding-bottom: 8px;
	font-weight: normal;
	text-transform: uppercase;
}
.hz .hz_inner dl dd{
	padding-bottom: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.hz .hz_inner dl dd b{
	display: block;
	font-size: 16px;
	color: #222;
}
.hz .hz_inner dl dd a{
	color: #004e96;
}

.lc{
	padding: 16px 0 76px 0;
}
.lc h2{
	height: 90px;
	margin-bottom: 44px;
	text-align: center;
	background: url(Img/Index/lc_bt.png) no-repeat center top;
}
.lc h2 span{
	display: block;
	padding-bottom: 8px;
	line-height: 1;
	font-size: 20px;
	font-weight: normal;
	color: #e6e6e6;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.lc h2 b{
	line-height: 1;
	font-size: 48px;
	color: #0042b6;
}
.lc .lc_ul{
	height: 208px;
	background: url(Img/Index/lc_bgs.jpg) no-repeat center top;
}
.lc .lc_ul li{
	float: left;
	width: 116px;
	height: 116px;
	margin-right: 64px;
	text-align: center;
	cursor: pointer;
	background: url(Img/Index/lc_s1.png) no-repeat center top;
}
.lc .lc_ul li.cur{
	background: url(Img/Index/lc_s2.png) no-repeat center top;
}
.lc .lc_ul li.cur span{
	color: #222;
}
.lc .lc_ul li img{
	display: block;
	width: 60px;
	height: 60px;
	margin: 28px auto;
}
.lc .lc_ul li span{
	display: block;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;	
	color: #666;
}
.lc .lc_ul li.no{
	margin: 0;
}
.lc .content p{
	width: 390px;
	height: 38px;
	line-height: 38px;
	border: 2px solid #02b11a;
	margin: 0 auto;
}
.lc .content p a{
	display: block;
	font-size: 30px;
	color: #02b11a;
	font-weight: bold;
}
.lc .content p b{
	display: block;
	float: left;
	width: 140px;
	margin-right: 30px;
	text-align: center;
	font-weight: normal;
	line-height: 38px;
	background: #02b11a;
	font-size: 16px;
	color: #fff;
}

.about{
	height: 424px;
	padding-top: 100px;
	background:none;
}
.about .content{
	position: relative;
}
.about h3{
	font-size: 34px;
	color: #333;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 46px;
}
.about h3 b{
	display: block;
	font-size: 60px;
	color: #e5e5e5;
	line-height: 1;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.about ul{
	width: 434px;
	margin-bottom: 34px;
}
.about ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.about ul li span{
	display: block;
	padding-top: 68px;
	line-height: 1;
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}
.about ul li i{
	font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
}

.about ul li.ab-li1 span{
	background: url(Img/Index/about_ico1.png) no-repeat center top;
}
.about ul li.ab-li2 span{
	background: url(Img/Index/about_ico2.png) no-repeat center top;
}
.about ul li.ab-li3 span{
	background: url(Img/Index/about_ico3.png) no-repeat center top;
}
.about .content p{
	width: 434px;
	font-size: 15px;
	color: #666;
	line-height: 28px;
}
.about .more{
	position: absolute;
	top: 260px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
}

.video{ position:absolute; width:660px; top:0px; right:0px;}

.news{
	padding: 90px 0 80px 0;
}
.news_l{
	width: 440px;
	margin-right: 60px;
}
.news .tit h3
{
    float: left;
	font-size: 40px;
	color: #222;
	line-height: 1;
	margin-bottom: 50px;
}
.news .tit h3 span{
	display: block;
	font-size: 30px;
	color: #d8d8d8;
}
.news_l dl{
	padding: 40px;
	height: 478px;
	background-color: #f2f2f2; 
}
.news_l dl dt h5{
	line-height: 1;
	padding-bottom: 24px; 
}
.news_l dl dt h5 a{
	font-size: 16px;
	color: #333;
}
.news_l dl dt p{
	font-size: 14px;
	color: #777;
	line-height: 24px;
}
.news_l dl dt span{
	display: block;
	margin: 30px 0 26px 0;
	font-size: 30px;
	color: #777;
}
.news_l dl dt span i{
	display: block;
	font-size: 15px;
}
.news_l dl dd img{
	width: 360px;
	height: 240px;
}
.news_r{

}
.news .tit{ height:100px;}
.news .tit .news-ul{
	float: right;
	margin: 10px 0 56px 0;
}
.news .tit .news-ul li{
	width: 140px;
	float: left;
	margin-left: 10px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	background: url(Img/Index/news_cur1.jpg) no-repeat center top;
}
.news .tit .news-ul li.cur{
	background: url(Img/Index/news_cur2.jpg) no-repeat center top;	
}
.news-ul a{ color:#fff; }
.news_r .news-inner dl{
	padding: 20px;
	background-color: #f2f2f2;
	margin-bottom: 20px; 
	overflow: hidden;
}
.news_r .news-inner dl dt{
	float: left;
	width: 200px;
	height: 134px;
	margin-right: 20px;
}
.news_r .news-inner dl dt img{
	width: 200px;
	height: 134px
}
.news_r .news-inner dl dd{
	float: right;
	width: 438px;
}
.news_r .news-inner dl dd h5{
	font-size: 16px;
	line-height: 34px;
	padding-top: 8px;
}
.news_r .news-inner dl dd h5 a{
	color: #333;
}
.news_r .news-inner dl dd p{
	font-size: 14px;
	line-height: 20px;
	color: #777;
	padding-bottom: 22px; 
	padding-right: 20px
}
.news_r .news-inner dl dd span{
	font-size: 14px;
	line-height: 20px;
	color: #777;
}