@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{color:#323232;text-decoration:none;outline:0;}
a:hover{color:#0e60c0}	
.ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.fl{float: left;}
.fr{float: right;}

.font12_97{color: #979797; font-size: 12px; line-height: 30px;}
.font12_5f{color: #5f5f5f; font-size: 12px; line-height: 30px;}
.font14_37{color: #373737; font-size: 14px; line-height: 30px;}
.font14_ff{color: #ffffff; font-size: 14px; line-height: 30px;}
.font14_5f{color: #000000; font-size: 14px; line-height: 30px;}
.font16_c1{color: #c1c1c1; font-size: 16px; line-height: 30px;}

/* header */
.header{position:relative; width:100%;}
.welcomDiv{
	width: 100%; height: 52px;
	background: #313131;
}
.welcom{width: 1100px; height: 52px; margin: 0 auto;}
.welcomFont{
	width: 580px; height: 52px;/* padding-right: 34px;*/
	line-height: 52px;
}
.welcomTel{
	width: 290px; height: 52px; padding-right: 20px; padding-left: 24px;
	line-height: 52px;
	background: url(../images/icon2.png) left center no-repeat;
}
.welcomTel img{padding-top: 16px;}
.language{width: 170px; height: 52px;}
.language span a{
	float: left; display: block;
	width: 49px; height: 52px; padding-left: 26px;
	color: #C1C1C1; font-size: 12px; line-height: 52px; text-transform: uppercase;
}
.language span a.a{background: url(../images/icon17.png) left center no-repeat;}
.language span a.b{background: url(../images/icon16.png) left center no-repeat;}
/* end logo */
.bannerFen{
	position:relative;
	width:100%;height:280px; 
}
.bannFen{ 
	position:absolute; top:0px;left:50%; margin-left: -960px;
	width:1920px; height:auto;
}
.bannFen img{ margin: 0 auto; display: block}	

.banner{ position:relative;width:100%;height:500px;  }
.bann{
	position:absolute; top:0; left:50%; margin-left: -960px;z-index:10;
	width:1920px; height:500px;
	overflow: hidden;
}	
#focus {
	position:relative;
	width:1920px; height:500px;  margin: 0 auto 0 auto;
}
#focus ul {position:absolute;height:500px;}
#focus ul li {position:relative;float:left;width:1920px; height:500px; overflow:hidden; }
#focus .btn {position:absolute; width:100%;left:0px; bottom:0px; z-index:999999; }
#focus .btn .btnBox{width: 960px; height: 30px; margin: 0 auto; text-align:right; padding-right: 140px;}
#focus .btn  span{
	position: relative;display: inline-block;  margin-right: 6px;
	width:20px;height:20px; border-top: 4px solid #dbdbdb; cursor: pointer;
}
#focus .btn  span.on{ width:45px;border-top: 4px solid #fff41d;}


.navDiv{
	position: relative; z-index: 999999;
	width: 1100px; height: 20px; margin: 0 auto;
}
.logo{width: 196px; height: 146px;}
.logo img{ display: block;}

.nav{
	width:196px;height:342px; padding-top: 12px;
	background: url(../images/navbg.png)  center top repeat-y;
}
.nav li a{
	width: 196px; height: 47px; display: block;
	color: #323232; font-size: 15px; text-align: center;
	line-height: 45px; 
	background: url(../images/line.png) center bottom no-repeat;
}
.nav li a span{
	display: none;
	color: #0e60c0; font-size: 8px; text-transform: uppercase; font-weight: normal; font-family: arial; text-align: left; white-space: nowrap;
	-webkit-transform: scale(0.66);
	 /*-webkit-margin-start: -14px;*/
}
.nav li a:hover{color: #0e60c0; font-weight: bold;}
.nav li a:hover span{display: inline-block;}
.nav li.on a {color: #0e60c0; font-weight: bold;}
.nav li.on a span{display: inline-block;}


.keywordDiv{
	width: 1044px; height: 76px; padding-left: 36px; padding-right: 20px; margin: 0 auto;
	background: url(../images/icon.png) 22px center no-repeat;
	
}
.keyword{
	width: 664px; height: 76px;
	line-height: 76px;
}
.keyword a{display: inline-block; padding-right: 20px;}
.search{
	width: 380px; height: 38px; padding-top: 19px;
}
.onlineText{
	width: 256px; height: 36px; border: 1px solid #4c4c4c;  border-right:none;
	line-height: 36px; text-indent:20px;
}
.onSub{
	width: 123px; height: 38px;border: none;
	background:url(../images/search.jpg) left top no-repeat;
}
/* end banner */

.section{
	position:relative; width:100%; margin:0 auto;clear:both; 
	overflow: hidden;
}
.TitleHot{
	width: 1004px; height: 26px; padding-top: 84px; margin: 0 auto;
	background: url(../images/hotcity.png) left 46px no-repeat;
}
.More a{
	position: absolute;right: 4px; top: 30px;
	width: 93px; height: 23px;border: 1px solid #5e5e5e;display: block; margin-top: 12px; margin-right: 4px;
	color:#000; font-size:12px; line-height:23px;text-align: center;
}
.More a:hover{color: #145bb6;border: 1px solid #145bb6;}


.companyDiv{
	
	width: 100%; height: 416px; padding-bottom: 60px;
	background: url(../images/jinshu1.jpg) left top repeat-x;
}
.companyRecommend{
	position: relative;
	width: 1100px; height: 416px; margin: 0 auto;
}
.company{
	width: 830px; height: 210px;
}
.company h1{
	position: relative;
	width: 794px; height: 58px; padding-top: 24px; border-bottom: 1px solid #D8D4D4;
	color: #0E60C0; font-size: 13px; line-height: 58px;
}
.company h1 p{
	float: left;
	color: #2c2c2c; font-size: 22px;line-height: 58px; font-weight: bold; padding-right: 6px; margin-right: 4px;
	background: url(../images/dot.jpg) right center no-repeat;
}
.company h1 p span{ color: #145bb6;}
.companyFont{
	width: 794px; height: 100px; border-top:1px solid #fff; padding: 13px 0px;
	line-height: 24px;
}
.recommend{
	position: relative;
	width:830px; height: 206px;
}
.recommend h1{
	width: 816px; height: 68px;
	background: url(../images/line2.jpg) left center repeat-x;
}
.recommend h1 p{
	width: 124px; height: 52px;  margin: 0 auto; padding-top: 16px;
	color: #2c2c2c; font-size: 19px; line-height: 22px; font-weight: bold; text-align: center;
	background: #fff;
}
.recommend h1 p span{
	display: block;
	width: 124px; height: 20px; margin: 0 auto;
	color: #5c5c5c; font-size:8px; line-height:10px; font-family: arial;font-weight: normal; text-transform: uppercase;text-align: center;
	-webkit-transform: scale(0.66);
	/*-webkit-margin-start: -14px;*/
}
.recLeft{
	position: absolute; left:0px; top: 20px;
	width: 28px; height: 28px; cursor: pointer;
}
.recRight{
	position: absolute; right:12px; top: 20px;
	width: 28px; height: 28px;cursor: pointer;
}

.recommendId{position:relative;width:816px; height: 140px; overflow: hidden;}
.recommendIdPos{
	position: absolute; left: 0px; top: 0px;
	height: 140px;
}
.recommendUl{
	width: 840px; height: 140px;
}
.recommendUl li{
	position: relative;
	float:left;
	width: 186px; height: 140px;padding-right: 24px;
}
.recommendUl li img{ display:block;}
.recommendUl h2{
	display: none;
	position: absolute; left:0px; top:0px;
	width: 166px; height: 60px; padding: 40px 10px; 
	color: #fff; font-size:15px; line-height: 34px;  text-align: center;
	text-align: center;
}
.recommendUl h2 span a{
	display: block;
	width: 93px; height: 23px;border: 1px solid #fff; margin: 0 auto;
	color:#fff; font-size:12px; line-height:23px;text-align: center;
}

.htmlpic2{position:absolute; left:840px; top:0px;}
.companyPic{
	position: absolute; right:0px; top: 0px;
	width: 270px; height: 416px;
	background: #fff;
}
.companyPicBorder{width: 238px; height: 323px; border: 1px solid #d8d4d4; margin: 0 auto; padding-top: 37px;}
.companyPicBorder img{display: block; margin: 0 auto;}

.productTitle{
	width: 100%; height: 80px; padding-bottom: 50px;
	background: url(../images/line2.jpg) left 38px repeat-x;
}
.productTitle .productTitleBg{
	width: 280px; height: 70px; margin: 0 auto; padding-left: 110px; padding-top: 14px;
	background: url(../images/probg2.jpg) left top no-repeat #fff;
}
.proP1{
	width: 266px; height: 36px;border-bottom: 1px solid #333333;
	color: #333; font-size: 22px;line-height:36px; font-weight: bold;
}
.proP1 b{ color:#145bb6;}
.proP1 span{color:#333333;font-size: 14px;font-weight:normal; }
.proP2{
	width: 266px; height: 16px;
	color: #5c5c5c; font-size:10px; line-height:16px; font-family: arial;font-weight: normal; text-transform: uppercase;text-align: left;white-space: nowrap;
	-webkit-transform: scale(0.84);
	-webkit-margin-start: -20px;
}
.productDiv{
	width: 100%; height: 700px;
	background: url(../images/probg.jpg) center top no-repeat;
}
.productBox{
	position: relative;
	width: 1100px; height: 606px; margin: 0 auto; padding-top: 30px; overflow: hidden;
}
#product {
	position:relative;
	width:1100px; height:516px;   margin: 0 auto 0 auto;
}
#product ul {position:absolute;height:516px; }
#product ul li {position:relative;float:left;width:1016px; height:516px;padding-left:42px; padding-right: 42px; overflow:hidden; }
#product .btn {position:absolute; width:100%;left:0px; bottom:-40px; z-index:999999; }
#product .btn .btnBox{width: 100%; height:30px; margin: 0 auto; text-align:center; }
#product .btn  span{
	position: relative;display: inline-block;  margin-right: 6px; border-radius: 50%;
	width:13px;height:13px;cursor: pointer;
	background: #fff;
}
#product .btn  span.on{background: #ffec1d;}
.productli a{
	
	float: left;
	display: block;
	width: 240px; height: 240px; margin: 7px;
	overflow: hidden;
}
.productli a img{display: block;transition: all 0.5s ease;}
.productli a:hover img{transform:scale(1.2); }
.productli a h2{
	position: relative;
	width: 134px; height: 60px; padding: 0px 90px 0px 16px;
	color: #fff; font-size: 14px;line-height:60px; font-weight: bold;
	
	background: #4ca5ff;
}
.productli a h2 span{
	position: absolute; right: 16px; top: 0px;
	width: 64px; height: 60px;
	color: #333; font-size: 12px; line-height: 60px;
	background: url(../images/icon1.png) right center no-repeat;
}
.btnpro{width: 1100px; height: 32px; padding-bottom: 32px;  margin: 0 auto; text-align: center;}
.btnpro li{
	display: inline-block;
	height:32px;margin-left: 5px; 
}
.btnpro li a{
	display: block; border-radius: 8px;
	color: #fff;line-height: 32px;padding: 0px 10px;
	background:#0E60C0 ;
}
.btnpro li a:hover,.btnpro li.on a{
	color: #145bb6;
	background:#ffec1d ;
}
.proLeft,.proRight{
	position: absolute;left:50%; top:434px;z-index: 999;
	width: 50px; height: 99px;
}
.proLeft{ margin-left: -574px;}
.proRight{ margin-left: 524px;}


.newDiv{width:1100px; height:408px ; padding-top: 10px;  padding-bottom: 56px; margin: 0 auto;}
.news{
	width:572px; height: 408px;
	background: url(../images/line3.jpg) right bottom no-repeat;
}
.news h1{
	position: relative;
	width:572px; height: 56px; 
}
.case h1{
	position: relative;
	width:502px; height: 56px; 
}
.news h1 a,.case h1 a{color:#878787; font-size:12px; line-height:56px;}
.news h1 a:hover,.case h1 a:hover{color:#145bb6;}
.news h1 p,.case h1 p{
	float: left;
	color: #145bb6; font-size: 22px;line-height: 56px; font-weight: bold; padding-right: 6px; 
}
.news h1 p span,.case h1 p span{ color: #2c2c2c;}
.news h1 .botton{
	position: absolute; right:12px; top: 20px;
	width: 42px; height: 17px;
}
.case h1 .botton{
	position: absolute; right:0px; top: 20px;
	width: 42px; height: 17px;
}
.news .newsLeft,.news .newsRight,.case .caseLeft,.case .caseRight{
	float: left; display: block;
	width: 21px; height: 17px;
	font-family: '宋体'; font-size: 12px; line-height: 18px; text-align: center; 
	cursor: pointer;
}
.news .newsLeft,.case .caseLeft{color: #fff;background: #145bb6;}
.news .newsRight,.case .caseRight{color:#145bb6;background:#ffec1d;}

.newsUl{
	position: relative;
	width: 560px; height: 352px; overflow: hidden;}
.newsUlBox{
	position: absolute; left:0px; top: 0px;
	height: 352px;
}
.newsUllist{width: 560px; height: 352px;}
.newsUllist li{position: relative;}
.liA{
	width: 560px; height: 106px; border-bottom: 1px dotted #6d6d6d;
}
.liA h3{
	width: 540px;  height: 24px; padding-top: 16px; padding-left: 20px;
	background: url(../images/dot2.jpg) left  34px no-repeat;
	color: #373737; font-size: 14px; font-weight: bold;  line-height: 24px;
}
.liA h4{
	width: 540px;  height: 48px; padding-left: 20px;
	color: #585858; font-size: 12px; line-height: 24px;
}
.liB{
	position: absolute;left:0px; bottom: 0px; display:none;
	width: 528px; height: 100px; padding: 12px 8px 4px 8px; border: 8px solid #f2f2f2;
	background: #fff;
}
.liB dt{
	float: left;
	width:210px; height: 100px; padding-right: 4px;
}
.liB dt p{
	float: left;
	width: 74px; height: 100px;
	
}
.liB dt .p1{
	float: left;
	width: 42px;
	color: #5f5f5f; font-size: 24px; line-height: 30px; font-weight: bold;
}
.liB dt .p2{
	float: left;
	width: 32px; padding-top: 2px;
	color: #5f5f5f; font-size: 10px; line-height: 14px;
	-webkit-transform: scale(0.84);
	-webkit-margin-start: -4px;
}
.liB dt img{
	float: left;
	display: block;
}
.liB dd{
	float:left;
	width: 310px; height: 100px;
}
.liB dd h5{
	color: #373737; font-size: 14px; font-weight: bold;  line-height: 24px;
}
.liB dd h6{
	color: #585858; font-size: 12px; line-height: 24px;
}
.liB dd .newsMore{
	float: right; margin-right: 20px;
	width: 72px; height: 22px; border: 1px solid #000;
	color: #000; font-size: 12px; text-align: center; line-height: 22px;
}

.htmlnews2{position:absolute; left:560px; top:0px;}

.case{
	width: 502px; height: 408px; margin-left: 26px;
}
.caseUl{
	position: relative;
	width: 502px; height: 352px; overflow: hidden;}
.caseUlBox{position: absolute; left:0px; height: 352px;}
.caseUllist{
	width: 502px; height: 352px;
}
.caseConDiv{
	position: relative;
	width: 502px; height: 224px; padding-bottom: 18px;
}
.caseCon{
	position: relative;
	width: 502px; height: 224px; overflow: hidden;
}
.caseConImg{
	position: absolute;left:0px; top: 0px;
	width: 244px; height: 224px;
}
.caseConImg img{display: block;}
.caseConFont{
	position: absolute; right:0px; top: 0px;
	width: 198px;height: 184px; padding: 20px; margin-left: 20px;
	background: #145ca5;
}
.casearrow{
	position: absolute; left:-14px; top:20px;
	width: 14px; height: 25px;
	background: url(../images/arrow3.png) left top no-repeat;
}
.caseConFont h3{
	width: 198px; height: 40px;
	color: #fff; font-size: 14px; line-height: 22px;font-weight: bold;
}
.caseConFont h4{
	width: 198px;  padding-bottom: 20px;
	color: #fff; font-size: 12px; line-height: 22px;
}
.caseConFont .caseMore{
	width: 74px; height: 24px; border: 1px solid #e3e3e3;
	color: #e3e3e3; font-size: 12px; line-height: 24px; text-align: center;
}
.caseUllist li{
	float:left;
	width:120px; height: 110px;  padding-right: 7px;
	cursor:pointer;
}
.htmlcase2{position: absolute;left:502px; top:0px}



.footer{
	width: 100%; padding: 10px; height: auto!important; min-height: 174px; height: 174px;
	background: #145ca5;
}
.footerBox{
	width: 1100px;height: auto!important; min-height: 174px; height: 174px; margin: 0 auto;
}
.footLogo{
	width: 244px; height: 137px; padding-top: 37px;
}
.footName{
	width: 240px; height: 100px;  margin-top: 42px; border-right:1px dotted #59abff;
	color: #59abff; font-size: 12px; line-height: 25px;
}
.footName span{font-size:14px;font-weight: bold;}
.footerMenu{
	width: 442px;height: auto!important; min-height: 100px; height: 100px; padding: 0px 0px 0px 24px; margin-top: 42px;
	color: #59abff; font-size: 12px; line-height: 28px;
}
.footerMenu  a{
	display: inline-block; padding: 0px 2px;
	color: #59abff; font-size: 12px; line-height: 28px;
}
.footerMenu a:hover{color: #fff;}
.footerLink{
	position: relative;
	width:148px;height:110px;  margin-top: 40px; 
	color: #fff; line-height: 100px;font-family: impact; font-size: 20px;
}
.link{
	width: 134px; height: 28px; border:1px dotted #59abff; padding-left: 10px;
	color: #59abff; font-size: 12px; line-height: 28px;
	background: url(../images/arrow6.png) 120px center no-repeat; cursor: pointer;
}
.linkList{
	position: absolute; right:2px; bottom:109px; display: none;
	width:auto;border:1px dotted #59abff; 
	background: #145ca5;
}
.linkList a{
	display: block;
	color: #59abff; font-size: 12px; line-height: 28px; padding:0px 10px;
	white-space:nowrap;
}
.linkList a:hover{color: #fff;}
.weixin{
	 width: 140px; height: 59px; padding: 2px;border:1px dotted #59abff; margin-top: 6px;
}
.weixin span{
	float: left;
	width: 72px; height: 49px; padding-top: 10px;
	color: #59abff; font-size: 12px; line-height: 20px; text-align: center;
}
.weixin img{
	float:left;display: block;
}

.navDivTwo{
	width: 100%; height: 102px; border-top: 1px solid #034bb5; 
	background: #043480;
	overflow: hidden;
}
.navTwoBox{width: 1100px; height: 104px; margin: 0 auto;}
.logoTwo{
	width: 416px; height: 104px;
}
#navTwoId{
	width:684px; height: 104px;
}
#navTwoId li{
	float:left;position: relative;
	width:auto;height:64px;padding-left: 36px; padding-top: 30px;
}
#navTwoId li a{
	display: block;
	height:64px;
	color: #fff; font-size: 15px; line-height: 26px;  text-align: center;
	overflow: hidden;
}
#navTwoId li a span{display: none;}
#navTwoId li a:hover{color: #ebcd27;  font-weight: bold;}
#navTwoId li a:hover span{ 
	position: relative;
	display: block; height: 14px;
	width: 100%; border-top: 1px solid #ebcd27;
	text-align: center; font-weight: normal;line-height: 14px;
}
#navTwoId li a:hover span em{
	position: absolute;left:0px; top:14px;
	display: block;
	white-space: nowrap;
	color: #ebcd27; font-size:8px; line-height: 14px; font-family: arial;   text-transform: uppercase; font-style: normal;
	-webkit-transform: scale(0.66);
	/*-webkit-margin-start: -14px;*/
}
#navTwoId li.on a{color: #ebcd27;  font-weight: bold;}
#navTwoId li.on a span{ 
	position: relative;
	display: block; height: 14px;
	width: 100%; border-top: 1px solid #ebcd27;
	text-align: center; font-weight: normal;line-height: 14px;
}
#navTwoId li.on a span em{
	position: absolute;left:0px; top:0px;
	display: block;
	white-space: nowrap;
	color: #ebcd27; font-size:8px; line-height: 14px; font-family: arial;   text-transform: uppercase; font-style: normal;
	-webkit-transform: scale(0.66);
	/*-webkit-margin-start: -14px;*/
}

.childNav{
	position: absolute; left:62px;  top:144px; z-index: 99; display: none;
	width:70px; padding: 8px 0px;
	background: #ffde28;
}
.childNav a{	 
	display: block;
	width: 70px!important; height: 32px!important; text-align: center!important;font-weight: normal!important;
	color: #414037!important; font-size:13px!important; line-height: 32px!important;
}
.childNav a:hover{ text-decoration: underline; font-weight: normal!important;}

.mainTitle{position:relative;width: 1100px; height: 64px; border-bottom: 1px solid #5a5a5a;  margin: 0 auto;}
.mainTitle h1{
	float:left;
	color: #818181; font-size: 12px; line-height: 74px;
}
.mainTitle h1 p{
	float:left;
	padding-right: 6px;
	color: #2b2b2b; font-size: 22px; line-height: 64px; font-weight: bold; 
}
.mainTitle h1 p span{ color: #145bb6;}
.position{
	position: absolute; right:0px; top: 0px;
	height: 60px; 
	color: #777; font-size: 12px;  line-height: 60px;
}
.position a{color: #777; }
.position a:hover{color: #1a81d0; }

.classList{width: 1100px; padding: 10px 0px; margin: 0 auto; border-bottom: 1px dotted #acacac;}
.classList a{
	position: relative;
	float: left; display: block;
	height:42px; margin: 10px 5px 10px 0px;  overflow: hidden;
}
.classList a p{position: absolute; left:0px; top: 0px;}
.classList a p span{
	display: block;
	padding: 0px 5px;
	color: #fff; font-size: 13px; line-height: 42px;border-radius: 8px;white-space: nowrap; 
	background: #999999;
}
.classList a:hover p span{background: #1a81d0;}
.classList a.on p span{border-radius: 8px;background: #1a81d0;}

.main{position:relative;width: 1100px; margin: 0 auto; height: auto!important; min-height: 400px; height: 800px; padding-bottom: 30px;}
.main  center{ padding-top: 20px;}
.mainbg{
	position: absolute; right: -112px; top: 0px;
	width: 386px; height: 770px;
	background: url(../images/mainbg.jpg) left top no-repeat;
}
.proDl{
	float: left; position: relative;
	width: 248px; height: 254px;  margin-right: 27px; margin-top: 36px;
}
.proDl dt{width: 248px; height: 186px; padding-bottom: 6px;}
.proDl dt img{display: block;}
.proDl dd{
	position: relative;
	width: 153px; height: 52px; padding: 5px 90px 5px 5px;
	color: #fff; font-size: 14px; line-height: 52px; font-weight: bold;
	background: #1a81d0;
}
.proDl dd span {
  position: absolute;  right: 9px;  top: 5px;
  width: 64px;  height: 52px;
  color: #333;  font-size: 12px;  line-height: 52px;
  background: url(../images/icon1.png) right center no-repeat;
}

.page{
	width: 1100px;height:37px;  margin: 0 auto;margin:42px auto 42px auto;
	line-height: 37px; text-align: center;
	clear:both;
}
.page a{
	transition:all 0.3s ease-in-out;
	width: 31px; height: 28px;display: inline;display: block; display:inline-block; border: #7e7e7e solid 1px;
	color: #3b3b3b;line-height:30px;text-align: center; 
}
.page a.auto{width:61px;}
.page a:hover{
	border: #043480 solid 1px;
	color: #fff;
	background: #043480;
}
.page a.hover{
	border: #043480 solid 1px;
	color: #fff;
	background: #043480;
}


.menuList{width: 1100px; padding: 10px 0px; margin: 0 auto; border-bottom: 1px dotted #acacac;}
.menuList a{
	position: relative;
	float: left; display: block;
	height:42px; margin: 10px 5px 10px 0px;  overflow: hidden;
}
.menuList a p{position:relative; }
.menuList a p span{
	display: block;
	height:42px;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	border-radius: 8px;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
	background: #999999;
	padding-right: 20px;
	padding-left: 20px;
}
.menuList a:hover p span{background: #1a81d0;}
.menuList a.on p span{border-radius: 8px;background: #1a81d0;}

.mainCon{width: 1100px;  margin: 0 auto; padding: 24px;}
.aboutImg{width: 433px; height: 373px; margin-top: 40px;margin-left: -24px;}
.aboutCon{
	width: 690px;
	color: #545454; font-size: 14px; line-height: 30px;
}
.contact{
	width: 290px; height: auto!important; min-height: 384px; height: 384px; padding-right: 70px; margin-top: 26px;
	color: #3a3a3a; font-size:14px; line-height: 34px;
	background: url(../images/contactbg.jpg) right top no-repeat;
	
}
.map{width: 740px; height: 318px; margin-top: 26px;}
.view{position:relative;width: 890px;  z-index: 999;}
.viewTitle{
	width: 850px; height:auto!important;min-height:36px;height:36px; padding:20px; border-bottom: 1px dotted #acacac;
	color: #373737; font-size: 20px; line-height: 36px; font-weight: bold;text-align: center;
}
.viewTitle .time{
	width: 520px; height: 28px; padding-left: 330px; padding-top: 10px;
	
	
}
.viewTitle .timea{ 
	float:left;width:300px; padding-left: 20px;
	color:#3b3b3b;font-size:12px;line-height:28px; font-weight:normal; text-align: left;
 	background: url(../images/time.png) left center no-repeat;
 }	
.viewTitle .bdsharebuttonbox{ float: left;}

.viewPic{width: 730px; padding: 14px 20px 30px 20px; margin: 0 auto;}
.viewPic img{ display: block; margin: 0 auto;}
.viewFont{
	width: 770px; margin: 0 auto; padding-bottom: 40px;
	color: #373737; font-size: 14px; line-height: 28px;
}
.viewPgfy{
	width: 770px; margin: 0 auto 30px auto; 
}
.viewPgfy p a{
	float: left;
	display: block;
 height: 28px; border: 1px solid #505050; padding: 0px 8px 0; margin-right: 12px;
	color: #3b3b3b; font-size: 14px; line-height: 28px;
}
.viewPgfy p a:hover{
	transition: all 0.3s ease-in-out;
	border: 1px solid #043480;
	color: #fff;
	background: #043480;
}
.pgfyr a{
	float: right;display: block;
	width: 92px;height: 28px; border: 1px solid #505050;
	color: #3b3b3b; font-size: 14px; line-height: 28px; text-align: center;
}
.pgfyr a:hover{
	transition: all 0.3s ease-in-out;
	border: 1px solid #043480;
	color: #fff;
	background: #043480;
}

.newsDl{
	position: relative; z-index: 999;
	width: 880px;  height: 168px; padding-top: 36px;
}
.newsDl a{
	
	width: 880px;  height: 168px; display: block
}

.newsDl dt{
	float: left;
	width: 224px; height: 168px; padding-right: 54px;
}
.newsDl dt img{display: block;}

.newsDl dd{
	float: left;
	width: 602px;  height: 167px; border-bottom: 1px dotted #acacac;
}
.newsDl dd h1{
	transition: all 0.5s ease-in-out;
	width: 602px; height: 74px;
	color: #363636; font-size: 18px;  line-height: 84px; font-weight: bold;
}
.newsDl dd h2{	
	width: 602px; height: 40px; padding-bottom: 14px;
	color: #5a5a5a; font-size: 12px; line-height: 20px; font-family: '宋体';
}
.newsDl dd p{
	width: 582px; height: 26px; padding-left: 20px;
	color: #3b3b3b; font-size: 12px;  line-height: 26px;
	background: url(../images/time.png) left center no-repeat;
}
.newsDl dd p span{
	float: right; display: block;
	width: 74px; height: 24px; border: 1px solid #5f5e5e;
	color: #000000; font-size: 12px; line-height: 24px; text-align: center;
}
.newsDl a:hover h1{text-indent: 20px;}
.newsDl a:hover h2{color:#145bb6}

.casebg{
	width: 100%; height: 528px; padding-top: 66px;
	background: url(../images/casebg.jpg) center top no-repeat;
}
.caseDivBox{width: 1066px;  margin: 0 auto;}
.caseDiv{
	width: 1050px; height: 448px; padding: 8px; margin: 0px auto 0px auto; /*display: none;*/
	background: #0e65c4;
}
.case1{
	float: left;display: none;
	width: 496px; height: 220px; padding-right: 8px; padding-bottom: 8px;
}
.case2{
	float: left; position: relative;display: none;
	width: 236px; height: 220px; padding-right: 8px; padding-bottom: 8px;
}
.case2 h3{
	position: absolute;
	width: 236px; height: 140px; padding-top: 80px;
	color: #fff; font-size: 15px; font-weight: bold; line-height: 24px; text-align: center;
	background: url(../images/casep2.png);
}
.case2 h3 span{
	display: block;  margin: 0 auto;
	width: 94px; height: 24px; border: 1px solid #fff;
	color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; text-align: center;
}
.case3{
	float: left; position: relative;display: none;
	width: 302px; height: 220px; padding-bottom: 8px;
}
.case3 a{
	width: 302px; height: 220px;display: block;
	background: url(../images/casep1.png) center center no-repeat #043480;
}
.case3 a img{
	display: block; float:right
}
.case4{
	float:left; position: relative;display: none;
	width:238px; height: 220px; padding-right: 8px;
}
.case5{
	float: left; position: relative;display: none;
	width: 238px; height: 220px; margin-left: 14px;margin-right: 8px;
	background: #043480;
}
.case5 .arrow,.case7 .arrow{
	position: absolute; left:-14px; top:20px;
	width: 14px; height: 25px;
	background: url(../images/arrow33.png) left top no-repeat;
}
.case5 a,.case7 a{padding:22px;display: block;}
.case5 a h1,.case7 a h1{color: #fff; font-size: 16px; font-weight:bold; line-height: 40px;}
.case5 a h2,.case7 a h2{color: #fff; font-size: 12px; line-height: 24px; padding-bottom: 20px;}
.case5 a span,.case7 a span{
	display: block;
	width: 74px; height: 24px; border: 1px solid #fff;
	color: #fff; font-size: 12px; line-height: 24px; text-align: center;
}
.case6{
	float: left; position: relative;display: none;
	width: 290px; height: 220px; padding-right: 8px;
}
.case7{
	float: left; position: relative;display: none;
	width: 230px; height: 220px; margin-left: 14px;
	background: #043480;
}



#flash{ height:420px; width:100%; overflow:hidden; min-width:1200px; background:#FFF; clear:both;}
	#full-screen-slider { width:100%; min-width:1200px; height:420px; margin:0 auto;position:relative}
	#slides { display:block; width:100%;min-width:1200px;  height:420px; list-style:none; padding:0; margin:0; position:relative}
	#slides li { display:block; width:100%; min-width:1200px; height:100%; list-style:none; padding:0; margin:0; position:absolute}
	#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;min-width:1200px}
	#pagination { display:block; list-style:none; position:absolute; left:44%; top:390px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
	#pagination li { display:block; list-style:none; width:14px; height:14px; float:left; margin-left:15px; border-radius:7px; background:#FFF;}
	#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
	#pagination li.current { background:#0092CE}