@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(../css/.cn/css/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; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
a:hover{	-o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}
/* header */
.header{ width:100%; position:relative; }
.topnbd{width:100%; height:180px; /*height:157px;background: url(../images/topbg.jpg) left top repeat-x;*/background: #f1f1f1;}
.top{height:140px; margin:0 auto; overflow:hidden;padding-left: 30px}
.logo{width:284px; height:72px;float:left; margin-top:40px;margin-left: 100px;}
.logo1{width:35px; height:34px;float:right; margin-top:2px}
.search{/*width:200px; padding-left: 120px; padding-top: 49px; height:67px;*/float:right; margin-top:64px}
.text{
	float:left;
	width:/*209px;*/height:26px;border:1px solid #787878;
	color:#787878;font-size:12px;line-height:26px; text-indent: 20px; /*background: #1e292f;*/
	border-top-left-radius:14px; border-bottom-left-radius:14px}
.btnsubmit{
	float:left;
	width:38px;height:28px;border:1px solid #787878; border-left:none;
	background: url(../images/index_03.jpg) center center no-repeat #FFFFFF;cursor:pointer;
	border-top-right-radius:14px; border-bottom-right-radius:14px}
/* end search */ 	
.navgrp{ 
	width:100%;height:35px;float:left;}
.navbd{position:relative;width:1000px;height:35px;margin: 0 auto; }
.nav{width:1000px;height:35px;}
.nav li{
	 position: relative;float:left;text-align: left; 
	 width:95px;height:35px; display: block; margin-left: 45px; }
.nav li a{ 
	width:100px;height:35px;display:block; 
	color:#000000;font-size:18px;line-height:35px; text-align: center;  }
.nav li a:hover{ color:#fff;background:#8fc31f;}
.nav .menu a{
	height:35px;display:block;
	color:#227ab6;font-size:18px; line-height:35px;text-align: center;background:#8fc31f;}
#navChild{ 
	position:absolute;left:0px; top:35px; width:112px; z-index:99; display: none; z-index: 99999;
	padding:4px 4px 0px 4px;background:#212d34;}
#navChild a{
	position:relative; 
	width:112px; height: 36px; display:block;border-bottom: 1px solid #4b555a;
	color:#999999!important; font-size:14px;line-height:36px; text-align:center;
	background: #212d34;}
#navChild a:hover{color:#ffffff!important;background: #212d34;}
/* end navgrp */
	 
.banner{ position:relative;width:100%;height:260px;  }
.bann{
	position:absolute; top:0; left:50%; margin-left: -800px;
	width:100%; height:260px;}
#focus {position:relative;width:100%; height:260px; overflow:hidden;}
#focus ul {position:absolute;height:260px; }
#focus ul li {position:relative;float:left;width:100%; height:260px; overflow:hidden; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center;z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #333333; cursor: pointer; border-radius: 50%;}
#focus .btn  span.on{ background: #ffffff;}
/* end banner */
.nsbg {position: relative; 
	width: 100%; height: 70px; border-bottom: 1px solid #b0c0ca; /*margin-bottom: 40px;*/
	background: #00125e;}
.blue{ 
	position: absolute;left:0px; top:-14px;z-index: 10;
	height:82px;
	background:#00125e;  }
.nsbd {position: relative;  width: 1000px;height: 110px; line-height:110px; margin: 0 auto;}
.logo2{width:47px; height:47px; margin-left:30px; /*margin-top:18px; */float:left}
.servicephone{float:right; margin-right: 270px;margin-top: 50px;}
.shuoming{color:#00125e; font-size:12px; float:right; height:18px; line-height:18px}
.haoma{float:right; height:35px; line-height:35px; display: block; color: #00125e; font-size: 30px; font-family: impact; text-transform: uppercase;}
.notice{ width:674px;height:50px; padding-left: 326px;  }
.notice .title{ 
	float:left;
	width:74px;height:50px;  
	color: #333333;font-size:14px; line-height:50px;}
.notice .noticenr{
	float:left;
	width:600px;height:50px;
	color:#666666; font-size:14px; line-height:50px; }
/* end notice */
.toptel{ 
	position: absolute;left:0px; top:-14px;z-index: 10;
	width:310px; height:82px;
	background: url(../images/telbg.png) left top no-repeat;  }
.toptel .tel{ 
	width:290px;height:60px;padding-left:20px; padding-top:18px;
	color:#4bbeed; font-size: 14px; line-height: 16px; text-align:left;  }
.toptel .tel span{
	display:block;vertical-align:middle;
	color: #8fc31f;font-size:28px;line-height: 32px;font-family:impact;}
/* end topbd */
.sectionB{ width: 100%; border-top: 1px solid #b0c0ca; padding-top:34px}
.section{ width:100%; margin:auto; position:relative; clear:both; padding-top: 34px; padding-bottom:34px;background: #E5E9F1;}
.sectionC{ width:100%; margin:auto; position:relative; clear:both; padding-top: 34px; padding-bottom: 38px; background: url(../images/abbg.jpg) center }
.inProBd{ width: 1000px; height: 670px; margin: 0 auto;}
.inProClaList{ 
	float:left;
 	width: 230px; height: 671px; /*background: #fff;*/ margin-top: -1px;
 	/*background: #ffffff;*/}
.ProClaT{ 
	width: 230px;height:66px; padding-bottom: 18px;
	color:#8fc31f;font-size: 24px; line-height: 66px; text-align: center; 
	background: url(../images/index_09.jpg) center top no-repeat;}
.ProClaT span{ color:#00125e;}	
.ProClaList{width: 192px; padding: 0px 19px;}
.ProClaList li:first-child {margin-top:35px}
.ProClaList li{ width: 192px; height: 42px; padding-bottom: 10px}
.ProClaList li a{ 
	width: 150px; height: 40px; padding-left:14px; padding-right:26px;border:1px solid #8fc31f; display: block;
	color:#666666; font-size: 14px; line-height: 40px;
	background: url(../images/proclassbg.png) 170px center no-repeat #f6f6f6; border-radius:4px}
.ProClaList li a:hover{
	color:#ffffff;
	background-color:#105095;}	
.ProClaList .more a{
	width:134px;height: 33px; padding-left:20px; padding-right:36px;border: 1px solid #00125e; display: block;
	color:#ffffff;line-height: 33px;
	background:url(../images/more.jpg) 160px center no-repeat #8fc31f; border-radius:4px}	
/*end inProClaList*/
.proListPic {float:left; width:750px;height: 635px; padding-left: 20px; padding-top: 35px;  overflow: hidden; }
.proListPic ul li{ 
	position: relative;float:left;
	width:230px; height:172px; border:3px solid #fff;margin-right: 21px;margin-bottom: 26px;
	overflow: hidden; /*border-radius:5px*/}		
.proListPic ul li .pic{width:230px; height:172px; background-color:#FFF}
.proListPic ul li .intro{
	position: absolute;left:0px; top:0px; display: none;  z-index: 99;
	width:230px; height:172px;
	background:url(../images/propicbg.png); /*border-radius:5px*/}
.proListPic ul li .intro .title{
	width:210px; height:46px;padding:40px 10px 0px 10px; display: block; 
	color:#fff;font-size:16px;line-height:46px; text-align: center;   }
.proListPic ul li .intro .title a{color:#fff;}	
.proListPic ul li .intro .proUrlPic{
	width:102px; height:40px; padding: 0 64px;}
.proListPic ul li .intro .proUrlPic .a{float:left;display: block;width: 40px; height:40px; padding-right: 20px;   }
.proListPic ul li .intro .proUrlPic .b{float:left;display: block;width: 41px; height: 40px; }
.proListPic .proMenu{
	width:230px; height:172px; display: block; border: 3px solid #00125e;
	background:url(../images/probg.jpg) center  center no-repeat #00125e;}
.proListPic .proMenu a{width:230px; height:172px;  display: block;}
.proListPic .proMenu .font{
	display: block;
	width:175px; height:34px;  padding-left: 55px; padding-top: 50px;
	color: #fff; font-size: 24px;line-height: 34px;}
.proListPic .proMenu .english{ 
	display: block;
	width:215px; height:26px;  padding-left: 25px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}	
/*end proListPic*/
.Ttitle { 
	position:relative;width:460px; height:65px; margin: 0 auto; padding-top: 5px;
	/*background: url(../images/titlebg.jpg) center center no-repeat;*/}
.Ttitle .Font{ 
	width:460; height:30px; display: block;
	color: #00125e; font-size: 24px; line-height: 30px; text-align: center; font-weight:bold}
.Ttitle .English{
	width:460; height:30px; display: block;
	color: #00125e;font-size: 24px; line-height: 30px; text-align: center; font-family: impact; text-transform: uppercase;}	
.Tmore {
	position:relative;  margin: 0 auto;
	width:272px; height:34px;border: 1px solid #7a7a7a; border-radius:5px  }
.Tmore a{
	width:172px; height:34px; display: block; padding-left: 100px; 
	color: #333; font-size: 16px; line-height: 34px;  
	border-radius:15px   
}
.Tmore a:hover{
	 background: #7a7a7a; border-radius:5px;color: #fff;}
.none{ display: none;}
/*end Ttitle*/
.newsList{ width: 1000px; margin: 0 auto; padding-top: 6px; padding-bottom: 12px;}        
.newsListDl{ 
	float: left;
	width: 500px; height: 91px;border-bottom:1px solid #d5d5d5;}
.newsListDl a{width: 500px; height: 90px; display:block;padding-bottom:1px; border-radius:5px}
.newsListDl a:hover{ background: #105095;}
.newsListDl a:hover .title{ color: #ffffff;}
.newsListDl a:hover .intro{ color: #4bbeed;}	
.newsListDl a:hover .num{ color: #ffffff;}
.newsListDl dt{ 
	float: left; width: 66px; height:66px;
	color:#323232; font-size: 16px; line-height: 66px; /*font-family: impact; */text-align: center;}	
.newsListDl dd{float: left;  width: 410px; height:90px;  }
.newsListDl .title {
	margin-left:40px; height: 30px; display: block; padding-top: 18px;
	color:#323232; font-size:16px;font-weight:bold; line-height:30px;}	
.newsListDl .intro{
	margin-left:40px; height: 24px; display: block; overflow: hidden;
	color:#787878; font-size:12px; line-height:24px;}
/* end newsListDl */	
	
/*section*/
.casePic{ width:1002px;height:250px;/*padding-top:40px;*/padding-bottom:40px; margin: 0 auto;}
.casePic ul li{
	 position:relative;float:left;
	 width: 249px; height: 186px;margin-right:2px;margin-bottom:2px;}
	 
.casePic li.caseMenu{ width: 247px; height: 186px;}	 
.casePic .caseMenu a{
	width: 247px; height: 186px; display: block;
	background:url(../images/casebg.jpg) center center no-repeat #00125e;}
.casePic .caseMenu .font{
	display: block;
	width:192px; height:34px;  padding-left: 55px; padding-top: 60px;
	color: #fff; font-size: 24px;line-height: 34px;}
.casePic .caseMenu .english{ 
	display: block;
	width:212px; height:26px;  padding-left: 35px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}
.casePic li.caseMore{ width: 247px; height: 186px;}	
.casePic li.caseMore a{
	width: 247px; height: 60px; padding-top: 126px;
	color:#105095; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32w.png) center 34px no-repeat #fff;}
.casePic li.caseMore a:hover{
	width: 247px; height: 60px; padding-top: 126px;
	color:#ffffff; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32.png) center 34px no-repeat #105095;}
		
.casePic li a{ width: 249px; height: 186px; display: block;}		
.casePic .con{
	position:absolute;left:0px; bottom:0; z-index:99;
	width:100%; 
	background:url(../images/propicbg.png) left top repeat;}
.casePic .title{ 
	width:100%; height:40px;
	color:#fff;font-size:14px;line-height:40px;text-align:center; font-weight: bold;}
.casePic .conbody{width:100%; height:146px;display:none}
.casePic .intro{
	width:90%; margin: 0 auto;
	font-size:12px;color:#fff;line-height:26px;}
/*end casePic*/
.company{ width:1000px; margin:0 auto; background:rgba(255,255,255,0.7); padding:10px}
.companynr{
	width:1000px; height:141px; padding-top: 10px;  
 	font-size:14px;color:#666666; line-height:26px;
 	overflow:hidden; float:left }
.name{ 
	width:1000px; height:34px;display: block; padding-bottom: 10px;  
	color: #333333; font-size: 24px; line-height: 34px; text-align: center;  }
/*end company*/
/*end inMain*/
/* footer*/
.footer{ width:100%;background: #90c320;height: 300px}
.btnav{ width: 100%; height: 104px;  border-bottom: 1px solid #1d5a9b;  padding-top: 25px; 
	background: #105095;  }
.btnavlist{ width: 1000px; height: 80px; margin: 0 auto; }
.btnavlist a{
	float: left; margin-right: 14px;
	width: 186px; height: 40px; display: block; border-bottom: 1px solid #2862a0;
	color:#ffffff;font-size:14px; line-height: 40px;   }
.btnavlist a span{ padding-left: 5px; color:#fff; font-size:12px; text-transform: uppercase;}
.btnavlist a:hover{color:#4bbeed;}
.btnavlist a:hover span{color:#4bbeed;}
/*end btnavlist*/
.footOne{ width: 300px; height: 90px; margin: 0 auto; float:left;}
.footTel{ 
	float: left;
	width:304px; height:90px; 
	}
.footTel .tel{ 
	width:250px;height:70px;padding-top: 18px; 
	color:#fff; font-size: 16px;text-align:left; 
	}
.footTel .tel .num{
	width:250px;height:40px; display: block;
	color: #fff;font-size:30px;font-family:impact; text-transform: uppercase;}	
/*end footTel*/
.share{ float: left;width: 300px;height: 90px; padding-left: 90px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;margin-top: 30px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#42525b}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	
/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px;  margin-top: 30px;
	color:#42525b; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#42525b; line-height: 40px;  }
.site a:hover{color:#fff}
/*end site*/
.sharezixun{	position: relative;
	width:1000px;height:auto!important;min-height: 82px; padding: 20px 0px; margin: 0px auto;}
.link{ 
	float:left;
	width:240px;height:auto!important; height:26px; 
	}
.link li{width:100px; height:22px; line-height:22px; text-align:center; border:solid 1px #fff; border-radius:15px;}
.link a{color:#fff}
.link li:last-child{float:right}
.linkTitle{
	float: left;
	width: 180px; height: 82px;
	background: url(../images/link.jpg) 10px center no-repeat;}
.linkTitle .font{
	display: block;
	width:158px; height:34px;  padding-left: 22px; padding-top: 10px;
	color: #fff; font-size: 24px;line-height: 34px;}
.linkTitle .english{ 
	display: block;
	width:180px; height:26px;  
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}	
.link_list{ 
	float: left;
	width: 820px; height:auto!important; height:82px; min-height: 82px;}
.link_list a{
	float:left;
	width:190px; height:40px; display:block;border-bottom: 1px solid #39444a;
	color:#78858c;font-size:14px; line-height:40px; display: inline-block; margin-left:15px; }
.link_list a:hover{color:#ffffff;}
.friendlink{float:right;padding-top: 50px}
.friendlink h2{color:#fff; text-align:left; height:60px; line-height:60px}
.friendlink li{ height:25px; line-height:25px; text-align:left}
.friendlink li a{ color:#FFF}
/*end link*/
.copyright{width:1000px;padding-top:20px;padding-bottom:30px; margin: 0 auto;}
.copyrightnr{ 
	width:600px;font-size:12px; line-height:30px;  float:left; font-family: '微软雅黑';padding-top: 50px}
.copyrightnr a{color:#42525b}
.copyrightnr a:hover{color:#ffffff}
/*end copy*/
/* 分页样式 contact*/
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.main{position:relative; width:1000px; padding-bottom: 20px; margin:0 auto;  }
.left{float:left; width:230px; overflow:hidden; margin-right:20px; margin-top: -1px;}
.leftProClaList{ 
	width:230px;  height:500px; height:auto!important;min-height:100px; padding-bottom: 10px;
	background: #fff; }
.leftProClaList ul li{ width: 230px;height: 320px;padding-left: 14px;padding-right: 26px;
	overflow:hidden;margin-bottom: 10px;background: #F8F8F9;}
.leftProClaList ul li a{font-size: 18px;color:#B0C0CA;}
.leftProClaList ul li ul{ width: 200px; padding:0px; margin-top:-11px; margin-bottom: 10px;}
.leftProClaList ul li ul li{width: 200px; height: 25px;padding:0px;margin:3px;
	background:url(../images/proclassbg.png) 160px 13px no-repeat ; }	
.leftProClaList ul li ul li a{width: 200px; font-size:14px;  padding-left: 5px; margin-top: 5px;
	padding-right: 26px; border:none; display: block;color:#C5C5C5; line-height: 25px;}	
.leftProClaList ul li a:hover{ color:red;text-decoration:underline;}	
.leftProClaList ul li ul li a:hover{ color:blue;text-decoration:underline;}



/*end leftProClaList*/
.leftTitle{ width: 100%; height: 40px;
	color:#8fc31f; font-size: 24px; line-height: 40px; text-align: center;}
.leftTitle span{ color:#01125e;}	
.contactTel{
	width: 202px; height:44px; 
	color: #01125e;font-size:24px; line-height:44px;font-family:impact; text-align: center;}
.leftContact{ width: 202px; padding: 10px 14px; margin-top:24px;background: #fff;}
.contactnr dl{width:202px; display:block;clear:both;}
.contactnr dl dt,.contactnr dl dd{font-size:12px; color:#666666; line-height:26px; }
.contactnr dl dt{ width:40px; float:left; padding-left: 10px; }
.contactnr dl dd{width:142px; float:left; }
.leftNews{ width: 202px;padding:10px 14px;background: #fff; margin-top: 24px; }
.leftNews ul{ padding-top: 5px;}
.leftNews li{
	width: 182px; height: 36px;padding-left:20px;border-bottom: 1px solid #d4dde3;
	background: url(../images/product_03.jpg) 5px center no-repeat;}
.leftNews li a{color: #666666; font-size: 12px; line-height: 36px;}
/*end leftNews*/
.mainCon{width:750px; float:left;}
.mainConTitle{
	position: relative;
	width:750px; height:60px;border-bottom: 1px solid #b0c0ca;  }
.mainConTitle .mFont{float: left;
	width: 160px; height: 60px;
	color: #000;font-size: 22px;  line-height: 56px;}	
.mainConTitle .mEnglish{
	float: left;
	width: 350px; height: 60px;
	color:#42525b; font-size: 24px;line-height: 60px; display: block; font-family: impact; text-transform: uppercase;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:60px;  
	color: #666666; font-size: 12px;line-height:60px; }
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#105095}
.mainConTitle .xian{ 
	width: 120px;height: 2px;
	font-size: 0px; line-height: 0px;
	position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 /*end mainConTitle*/
.mainConList .pic1{ 
	float:left;
	width:230px; height:224px; border:4px solid  #fff;margin-right: 18px;margin-top: 24px; 
	background: #ffffff; overflow: hidden; }
.mainConList .pic1 a{
	width:230px; height:224px;display: block;
	background: #ffffff;}		
.mainConList .pic1 dt{position: relative;width：230px; height:172px;}
.mainConList .pic1 dd{
	position: relative;
	width:214px; height:52px;padding:0 5px;}
.mainConList .pic1 .title{
	width:214px; height:52px; display: block; 
	color:#666666;font-size:16px;line-height:52px;  text-align: center; }
.mainConList .pic1 .intro{
	position: absolute;left:0px; top:0px;
	width:190px; height:132px; display: none; padding: 20px; 
	color:#0d0e0d;font-size:18px;line-height:30px;
	background: url(../images/propicbg.png);font-weight: bold;  }	
 /*end pic1*/	
.mainConList .pic2 a{ display: block; padding-bottom:15px; padding-top:14px; padding-left: 8px; padding-right: 8px; height:121px; border-bottom:1px solid #eaeaea}
.mainConList .pic2 dt{
	float: left; 
	width:154px; height:115px; margin-right: 16px;  border: 3px solid #fff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:524px;  float:left;}
.mainConList .pic2 .title{color:#666666;font-size:14px; line-height:36px; font-weight:bold;}
.mainConList .pic2 .intro{font-size:14px;color:#666666;line-height:24px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
.mainConList .pic2 a:hover{ background: #e5ebf1;}
.mainConList .pic2 a:hover .title{ color:#1561af}
/*end pic2*/
.mainConList ul{padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList ul li{
	width: 720px; height: 50px;
	border-bottom:1px solid #d4dde3; }
.mainConList ul li a{width: 692px;padding-left: 14px;padding-right: 14px;height: 50px; display: block;
	color:#666; font-size:14px; line-height:50px; }
.mainConList ul li a:hover{ color:#1561af;background: #e5ebf1;}
.mainConList ul li span{ color: #999999; float: right; font-size:12px;line-height:50px;}
/*end ul*/
.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #1561af;
 	font-size:14px;line-height:30px; text-align:center; background:#1561af}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #1561af;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #1561af;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{background:#f02e49;border:1px  solid #f02e49;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#42525b;border:1px  solid #42525b;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}
/*end pglist*/
.mainContect{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden;
	margin-top:16px; padding-top:22px; height:auto!important;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContectx{ 
	color:#666;font-size:14px; overflow:hidden
	margin-top:16px; padding-top:22px; height:auto!important;min-height:1090px;height:1090px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContect img{ max-width: 100%;}
.mainContect .title{ 
	width:720px; padding:25px 15px 0px 15px;
	color:#01125e;font-size:22px; line-height:36px;text-align:center;font-weight:bold; }
.mainContect .time{
	width: 525px; height: 50px;border-bottom:1px dotted #ddd;padding-top:15px;padding-left:225px;
	color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ width:170px; float:left;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:0 40px 20px 40px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:96%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:575px;padding-left: 25px;}
.mainContect .pgfyl p{ color:#01125e;font-size: 14px;}
.mainContect .pgfyl p a{ color:#01125e; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#01125e;font-size:14px;}
.searchback{color:#105095;font-size: 14px;}
/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px;  margin-left:40px;_margin-left:30px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* hr */
.hr{ font-size: 14px; color:#666666; margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #dbdbdb solid;border-collapse: collapse;  }
.hr td{border:1px #dbdbdb solid; border-collapse: collapse; padding:5px;font-size: 14px; color:#666666; }
.hr input,.hr textarea{font-size: 14px; /*height: 20px; line-height: 20px; line-height:1.8;*/ border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;color:#666666; }
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* book*/
.bookx{  padding-left:25px; clear:both;}
.bookmain{width:640px; margin:20px auto; height:auto;background:#fff;padding:0 25px ;  }
.bookline{width: 640px; height:20px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:610px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left; line-height:0px;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto; padding-left:50px; padding-bottom:30px;padding-top:20px}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_title{
	float:left;
	width:100px; height:25px;  
	text-align:right; line-height:20px;font-size:14px;color:#222}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
/* fixed */
.fixed{position:fixed;width:72px;height:176px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:72px;height:58px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-72px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -58px no-repeat;height:58px;}
.fixed a.codepic:hover{background-position:-72px -58px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -117px no-repeat;height:58px;}
.fixed a.backup:hover{background-position:-72px -116px;height:58px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-174px;display:none;}
#picShow{position: fixed;width:100%;height:100%;background:url(../images/blackbg.png) 0 0 repeat;left:0;top:0;z-index:9999}
.pic_show_box{width:100%;height:100%;overflow:hidden;position: relative;}
.pic_show_box img{display:block;margin:93px auto 0;border:5px solid rgba(255,255,255,.2);}
.pic_quit{position: absolute;background:url(../images/quit.png) 0 0 no-repeat;width:64px;height:64px;top:0;right:0;cursor: pointer}
.lbtn{display:block;position: absolute;background:url(../images/leftbtn.png) 0 0 no-repeat;width:53px;height:53px;top:287px;left:65px;}
.rbtn{display:block;position: absolute;background:url(../images/rightbtn.png) 0 0 no-repeat;width:53px;height:53px;top:287px;right:65px;}
.pic_show_box p{width:593px;text-align:center;margin:0 auto;overflow:hidden;font:18px/106px "microsoft yahei";color:#0c4201;text-overflow: ellipsis;white-space: nowrap}
.pic_show_box p a{color:#fff;}
.searchred{ color:#f00 !important; margin:0 !important}

.pagess {clear: both;height: 30px;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#105095; color:#fff;border: 1px solid #105095}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #105095;padding: 2px 9px;margin: 0 3px;background:#105095;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

/**/
.liuyan{ padding:50px; overflow:hidden}
.liuyan dd{ margin-bottom:10px;}
.liuyan .k{ width:300px; height:30px; border:1px solid #e5e5e5; padding-left:10px;}
.liuyan textarea{ width:400px; height:100px; border:1px solid #e5e5e5; padding:10px}
.liuyan .t{ width:100px; height:30px; border:0; text-align:center; line-height:30px; color:#fff; background:#06C; cursor:pointer; margin-left:70px}
.liuyan span{ float:left}
/*---------------首页---------------*/
/*首页banner*/
.ft_banner { width: 100%; background: url("img/banner12.png") center center no-repeat; height: 660px;}
.ft_banner_wp { width: 1180px; margin: 0 auto; position: relative;}

/*轮播图*/
.banner_box{width:100%; height:550px; overflow:hidden;}
.banner_box .banner{width:100%; height:550px; overflow:hidden; position:relative;}
.banner_box .banner_list{width:100%; height:550px; position:relative;}
.banner_list li{width:100%; height:550px; position:absolute; left:0; top:0; opacity:0; filter:alpha:opacity(0);}
.banner_list .bm1{background:url(img/banner1.png) 50% 0 #319ACC no-repeat;}
.banner_list .bm2{background:url(img/banner2.png) 50% 0 #5390D5 no-repeat;}
/*.banner_list .bm3{background:url(img/banner3.png) 50% 0 no-repeat;}
.banner_list .bm4{background:url(img/banner4.png) 50% 0 no-repeat;}
.banner_list .bm5{background:url(img/banner5.png) 50% 0 no-repeat;}*/
.slide_btns { position: absolute; width: 1180px; top: 225px; left: 50%; margin-left: -590px; z-index:11;}
.banner_box .prev_btn, .banner_box .next_btn{display:block; width:31px; height:90px; position: absolute; opacity:0.5; filter:alpha:opacity(50);}
.banner_box .prev_btn{left:0px; background:url(img/slide_icon.png) 0 0px no-repeat;}
.banner_box .next_btn{right:0px; background:url(img/slide_icon.png) -39px 0px no-repeat;}
.banner_box .circle_btns{/*width:100%;*/width:140px; height:20px; position:absolute; bottom:18px; left:50%; text-align:center; z-index:11; margin-left:-70px;}
.banner_box .circle_btns a{display:inline-block; width:20px; height:20px; background:url(img/slide_icon.png) -50px -100px no-repeat; margin-right:10px; }
.banner_box .circle_btns .a1{margin-right:0;}
.banner_box .circle_btns .cur{background-position: 0px -100px;}
.banner_list .bm_txt { width: 1180px; margin: 102px auto 0px auto; color: #fefefe; position: relative;}
.banner_list .bm_txt h1 { font-size: 60px; position: absolute; right: 55px; top: 0px;}
.banner_list .bm_txt h2 { font-size: 48px; position: absolute; right: 55px; top: 90px;}
.banner_list .bm_txt p { font-size: 18px; position: absolute; right: 55px;}
.banner_list .bm_txt p.p1 { top: 189px;}
.banner_list .bm_txt p.p2 { top: 233px;}

.banner_list .bm2_txt p.p3 { top: 278px;}

/*首页*/
.item_box { width: 100%; padding: 0px 0px 82px 0px; overflow: hidden;}
.item_box_wp { width: 1180px; margin:0 auto;}
.item_box_wp .title { background: url("img/cloud.png") center center no-repeat; width: 1180px; min-height: 87px; margin: 30px auto 55px auto; text-align: center;}
.item_box_wp .title h1 { font-size: 36px; color: #3f616c;}
.item_box_wp .title h2 { font-size: 18px; color: #aaa;}
.item_box_wp h3 { color: #67b83d; font-size: 36px; margin: 74px 0px 50px 0px;}
.item_box_wp h4 { color: #3f616c; font-size: 36px; margin: 65px 0px 25px 0px; text-align: center;}

.box1 { border-bottom: 1px #cccccc solid; }
.box1 ul li { float: left; display: inline; margin-right: 106px; width: 215px; text-align: center; overflow: hidden;}
.box1 ul li.last { margin-right: 0px;}
.box1 ul li dt { background: #fafafa; border-radius: 90px; width: 180px; height: 180px; text-align: center; cursor: pointer; margin-bottom: 20px; margin-left: 18px; font-size: 14px; position: relative;}
.box1 ul li dt a { display: inline-block; color: #333; width: 180px; height: 180px; top: 0px; left: 0px; position: absolute; border-radius: 90px; overflow: hidden; }
.box1 ul li dt i { display: inline-block; text-align: center; vertical-align: middle; background: url("img/icon.png") 0 0 no-repeat; position: relative;}
.box1 ul li.li1 dt i { background-position: 0 0; width: 64px; height: 85px; margin: 40px 58px 15px 58px;}
.box1 ul li.li2 dt i { background-position: 0 -101px; width: 94px; height: 94px; margin: 33px 43px 13px 43px; }
.box1 ul li.li3 dt i { background-position: 0 -203px; width: 54px; height: 98px; margin: 27px 63px 13px 63px; }
.box1 ul li.li4 dt i { background-position: 0 -325px; width: 76px; height: 64px; margin: 51px 52px 23px 52px; }
.box1 ul li dt a.hover { top: 0px; left: 0px;}
.box1 ul li.li1 dt a.hover i { background-position: -76px 0; top: -125px;}
.box1 ul li.li2 dt a.hover i { background-position: -108px  -101px; top: -125px;}
.box1 ul li.li3 dt a.hover i { background-position: -67px -203px; top: -125px;}
.box1 ul li.li4 dt a.hover i { background-position: -83px -325px; top: -125px;}
.box1 ul li dt a .txt { position: relative;}
.box1 ul li dt a.hover .txt { right: -100px;}
.box1 ul li dt a.hover .txt { color: #fff;}
.box1 ul li dd { color: #666; font-size: 12px; margin-bottom: 20px; line-height: 22px;}
.box1 ul li dd.tit { font-size: 18px; color: #78b500; font-weight: normal; margin-bottom: 5px; display: inline-block;}
.box1 ul li dd a { display: inline-block; color: #78b500; width: 92px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; border:1px #78b500 solid;}
.box1 ul li:hover dd a { background: #78b500; color: #fff; }

/*短信、语音、视频等动画*/
.box1 ul li dt {
	transition: background 0.5s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 0.5s; /* Safari and Chrome */
	-o-transition: background 0.5s; /* Opera */
}
.box1 ul li:hover dt {
	background: #84d23f;
}


.box2 { background: #f9f9f9; padding: 75px 0px 0px 0px; border-bottom: 1px #cccccc solid; }
.index_2 { width: 1180px; margin: 0 auto; position: relative; }
.index_2 span.txt { font-size: 18px; color: #333; background: #fff; display: inline-block; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; box-shadow: 2px 4px 10px #ccc; text-align: center; position: absolute; cursor: pointer;}
.index_2 span.txt1 { left: 69px; top: 202px;}
.index_2 span.txt2 { left: 334px; top: 0px;}
.index_2 span.txt3 { left: 766px; top: 0px;}
.index_2 span.txt4 { left: 1025px; top: 202px;}
.index_2 .txt_desc span { position: absolute;}
.index_2 .txt_desc span em { font-style: normal; position: relative; font-size: 14px; color: #333; display: inline-block; width: 277px; height: 211px; background: url("img/desc_bg.png") 0 0 no-repeat; line-height: 35px; padding: 32px 44px 0px 44px;}
.index_2 .txt_desc span.span1 img { position: relative; left: -350px; top: -82px;}
.index_2 .txt_desc span.span1 { background: url("img/img57.png") 0 0  no-repeat; top: 108px; left: 284px; width: 680px; height: 306px;}
.index_2 .txt_desc span.span2 { background: url("img/img58.png") 0 0  no-repeat; top: 120px; left: 248px; width: 680px; height: 311px;}
.index_2 .txt_desc span.span3 { background: url("img/img59.png") 0 0  no-repeat; top: 160px; left: 248px; width: 680px; height: 202px;}
.index_2 .txt_desc span.span4 { background: url("img/img60.png") 0 0  no-repeat; top: 120px; left: 284px; width: 680px; height: 267px;}
.index_2 .txt_desc span.span1 em { top: 30px; right: -307px;}
.index_2 .txt_desc span.span2 em { top: 18px; right: -343px;}
.index_2 .txt_desc span.span3 em { top: -23px; right: -343px;}
.index_2 .txt_desc span.span4 em { top: 17px; right: -307px;}


/*简单、可靠、专注、全球动画*/
.index_2 span.txt {
transition:transform 1s ease-out;;
-moz-transition:-moz-transform 1s ease-out;; /* Firefox 4 */
-webkit-transition:-webkit-transform 1s ease-out;; /* Safari and Chrome */
-o-transition:-o-transform 1s ease-out;; /* Opera */
}
.index_2 span.txt:hover,.index_2 span.txt.current {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.box3 { padding: 0px; width: 100%; position: relative; height: 510px;}
.bg_attach1 { width: 100%; background: url("img/bg1.png") 0 center fixed no-repeat; position: absolute; top: 0px; left: 0px; height: 1124px; }
.bg_attach2 { width: 100%; background: #3390c1; opacity: 0.6; position: absolute; top: 0px; left: 0px; height: 510px; }
.index_3 { position: relative; z-index: 11; margin: 75px auto 0px auto; width: 1035px;}
.index_3 p span { position: absolute; font-size: 30px; color: #fff; left: 658px;}
.index_3 p .span1 { top: 54px;}
.index_3 p .span2 { top: 157px;}
.index_3 p .span3 { top: 263px;}
.index_3 p .span1 em { display: inline-block; width: 90px;}
.index_3 p .span2 em { display: inline-block; width: 82px;}
.index_3 p .span3 em { display: inline-block; width: 98px;}


.index_4 { width: 995px; margin: 0 auto;}
.box4 .item_box_wp { text-align: center;}
.box4 ul { float: left; display: inline; width: 995px; border: 1px #eee solid; background: #fff; }
.box4 ul li { float: left; display: inline; width: 248px; border-right: 1px #eee solid; border-bottom: 1px #eee solid; height: 78px; line-height: 78px; cursor: pointer;}
.box4 ul li.last { margin-right: -1px;}
.box4 ul li.bottom { margin-bottom: -1px;}

/*短信*/
.ft_banner1 { width: 100%; height: 430px; background: url("img/banner6.png") center center;}
.message_1 { margin-top: 70px;}
.message_1 ul { margin-bottom: 68px; overflow: hidden;}
.message_1 ul li { float: left; display: inline; margin: 0px 140px; width: 310px; text-align: center;}
.message_1 dl { width: 100%; text-align: center;}
.message_1 dt { margin-bottom: 15px;}
.message_1 dd { line-height: 25px; font-size: 14px; color: #666;}
.message_1 dd.tit { font-size: 24px; color: #333; margin-bottom: 15px;}
.doc_link { text-align: center;}
.doc_link a { border:1px #aaa solid; border-radius: 4px; padding: 10px 14px; font-size: 14px; color: #666; background: #fff;}

.box6 { background: url("img/bg2.png") center center repeat-y; height: 600px; padding: 0px;}
.message_2 { margin-bottom: 42px;}
.message_2 ul li { float: left; display: inline; margin-left: 20px;}
.message_2 ul li.li1 { width: 560px; margin-bottom: 30px;}
.message_2 ul li.li2 { width: 580px;}
.message_2 ul li dl { overflow: hidden;  margin: 0px 30px 81px 30px;}
.message_2 ul li dl.dl2 { margin-left: 65px;}
.message_2 ul li dt { float: left; display: inline;}
.message_2 ul li .dl2 dt { float: right; display: inline; }
.message_2 ul li dd { font-size: 14px; color: #fff; line-height: 40px; width: 210px; }
.message_2 ul li .dl1 dd { margin-left: 270px; margin-top: 42px;}
.message_2 ul li .dl2 dd { margin-right: 42px; margin-top: 60px;}

.box7 { background: url("img/bg3.png") 0 43px repeat-x; padding: 0px; height: 840px;}

.steps_box { background: #f8f8f8; padding: 35px 0px 30px 0px;}
.steps_box h5 { margin-bottom: 35px; margin-left: 25px;}
.steps_info { text-align: center; margin: 0px 29px;}
.steps_box span { width: 321px; text-align: center; display: inline-block;}
.steps_box .span2 { margin: 0px 75px;}
.steps_box span a { display: inline-block; font-size: 18px; width: 321px; height: 55px; line-height: 55px; background: #53b9fa; border-radius: 12px; color: #fff; text-align: center; margin-bottom: 10px;}
.steps_box span em { font-size: 12px; color: #999; font-style: normal; display: inline-block; height: 38px; margin: 0px 25px;}

.box8 { padding: 129px 0px 142px 0px; height: 317px; background: #f7fbf3; }
.box8 h3 { margin: 0px 0px 40px 0px; color: #cacbcd; font-size: 60px;}
.step_box { position: relative; width: 877px; margin: 0 auto;}
.step_box span { position: absolute; background: url("img/step_bg.png") 0 0 no-repeat; display: inline-block; height: 78px; line-height: 58px; color: #6dac00; font-size: 18px; text-align: center;}
.step_box span.step1 { top: 0px; left: 22px; width: 119px;}
.step_box span.step2 { top: 0px; left: 213px; width: 178px;}
.step_box span.step3 { top: 0px; left: 451px; width: 199px;}
.step_box span.step4 { top: 0px; left: 758px; width: 119px;}
.step_box img { position: absolute; left: 0px; top: 91px;}

/*语音通话*/
.ft_banner2 { width: 100%; height: 430px; background: url("img/banner7.png") center center;}
.voice_1 { width: 100%; text-align: center;}
.voice_1 .img { margin-bottom: 60px;}

.box10 { background: #E5E9F1; padding: 0px; height: 610px;}
.voice_2 { width: 1180px; position: relative; left: 50%; margin-left: -590px;}
.voice_2 ul li { float: left; display: inline; height: 610px; color: #7e7575; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background: #fff}
.voice_2 ul li.li2 { background: #f1f1f1}
.voice_2 ul li.li3 { background: #fff}
.voice_2 ul li.li4 { background: #f1f1f1}
.voice_2 ul li.li5 { background: #fff}
.voice_2 ul li.li6 { background: #f1f1f1}
.voice_2 .fold { width: 100px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("img/icon.png") 0 0 no-repeat; margin-bottom: 20px; margin-top: 236px;}
.voice_2 .li1 .fold .img { background-position: -482px -181px; width: 56px; height: 113px; margin: 236px 20px 20px 20px;}
.voice_2 .li2 .fold .img { background-position: 0 -417px; width: 51px; height: 138px; margin: 236px 25px 28px 25px;}
.voice_2 .li3 .fold .img { background-position: -64px -413px; width: 54px; height: 142px; margin: 239px 23px 20px 23px;}
.voice_2 .li4 .fold .img { background-position: -136px -204px; width: 76px; height: 96px; margin: 276px 12px 26px 12px;}
.voice_2 .li5 .fold .img { background-position: -141px -420px; width: 53px; height: 116px; margin: 259px 23px 24px 23px;}
.voice_2 .li6 .fold .img { background-position: -172px -306px; width: 54px; height: 104px; margin: 270px 23px 25px 23px;}
.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 38px; line-height: 25px;padding-top: 400px}
.voice_2 .unfold { width: 680px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;}
.voice_2 .unfold dl { margin: 50px 60px 0px 60px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
.voice_2 .unfold dd { font-size: 18px; line-height: 35px;}
.voice_2 .unfold dd b { font-size: 30px; font-weight: normal;}
.voice_2 .unfold dd b a { font-size: 14px; display: inline-block; color: #fff; margin-left: 40px;}

.box11 .item_box_wp .title { background: none;}
.voice_3 { margin: 58px 0px 50px 0px; overflow: hidden;}
.voice_3 ul li { float: left; display: inline; width: 215px; margin-right: 105px; text-align: center;}
.voice_3 ul li.li4 { margin-right: 0px;}
.voice_3 dt { background: url("img/icon.png") 0 0 no-repeat;}
.voice_3 ul li.li1 dt { background-position: -217px -430px; width: 124px; height: 109px; margin: 27px 45px 20px 45px;}
.voice_3 ul li.li2 dt { background-position: -241px -295px; width: 157px; height: 125px; margin: 10px 29px 20px 29px;}
.voice_3 ul li.li3 dt { background-position: -227px -146px; width: 94px; height: 135px; margin: 0px 60px 20px 60px;}
.voice_3 ul li.li4 dt { background-position: -178px 0px; width: 64px; height: 100px; margin: 36px 75px 20px 75px;}
.voice_3 dd { font-size: 12px; color: #666;}
.voice_3 dd b { font-size: 18px; color: #333; font-weight: normal;}
.voice_3 dd a { color: #666; display: inline-block; margin-top: 10px;}

.ft_banner3 { width: 100%; height: 430px; background: url("img/banner10.png") center center;}
.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}
.navigation-up{height:40px;}
.navigation-up .navigation-v3{margin-left:-10px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#787878}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:35px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#787878;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff;padding-bottom:10px;border-bottom:1px solid #00125e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

.taobao{float: right;
    padding-top: 60px;
    padding-right: 25px}
.taobao1{float: right;
    width: 100px;
    font-size: 20px;
    border: 2px solid;
    z-index: 99999;
    border-radius: 5px 5px 5px 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 45px;
    padding-right: 45px;
    background: #dbdbdb;}
.taobao1 a{color:#000;}



/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-left: 10px;margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}
#gotop{ transition:.5s; overflow:hidden; height:73px;}
#gotop.hide{ height:0; }