@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#03b2e9;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1200px; margin:0px auto; overflow:hidden;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/


/*------------------------header------------------------*/
.header{ border-bottom: 3px #03b2e9 solid;}
	.logo{}
		.logo h1{ font-size: 0;}
		.logo img{ display: block;}
	.nav{}
		.nav li{ float: left;}
			.nav a{ display: block; padding: 0 15px; line-height: 120px; vertical-align: middle; color: #0064b4; font-size: 15px;}
			.nav a:hover{ background: #0064b4; color: #fff;}
			.nav .on{ background: #03b2e9; color: #fff;}
					
#banner{ width:100%; height:700px; position:relative; overflow:hidden; }	
	#banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-34px; bottom:30px;}
		#banner .hd li{ width:16px; height:16px; margin-right:10px; float:left; cursor:pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#03b2e9;}
		#banner .hd li.on{ background:#ff7d00;}
	#banner .bd{ width:100%; height:700px;}
		#banner .bd li{ width:100%; height:700px;}

/*------------------------index------------------------*/
.data{ padding: 45px 0;}
	.data .box{ height: 100px; width: 299px; border-right: 1px #cccccc solid; text-align: center;}
	.data .boxx{ border-right: none;}
		.data .box .dataa{ font-size: 60px; color: #03b2e9;}
			.data .box sup{ vertical-align: baseline; position: relative; top: -2.5em; margin-left: 5px;}

.about{ height: 510px; padding: 45px 0;}
	.about .box{ width: 680px; padding-right: 520px;}
		.about .title{ margin-bottom: 20px;}
			.about .topic{ font-size: 40px; font-weight: bold;}
				.about .topic span{ color: #03b2e9;}
			.about .subTopic{ font-size: 16px;}	
		.about .a{ color: #03b2e9; font-size: 20px; margin-bottom: 20px;}
		.about .content{ line-height: 180%; padding: 0 0 10px; border-bottom: 1px #03b2e9 dashed; text-align: justify;}
			.about .content p{ margin-bottom: 10px;}
		.about .b{ overflow: hidden; padding: 20px 0;}
			.about .b li{ float: left; width: 50%; background: url(../images/icon.png) left center no-repeat; text-indent: 1.5em; overflow: hidden; padding: 8px 0;}
			.about sup{ vertical-align: baseline; position: relative; top: -0.3em;}
		.about .more{}
			.about .more a{ display: block; width: 225px; height: 50px; line-height: 50px; vertical-align: middle; background: url(../images/aboutMore.png) 138px 21px no-repeat #03b2e9; color: #fff; text-indent: 35px;}
			.about .more a:hover{ background: url(../images/aboutMore.png) 138px 21px no-repeat #ff7d00;}

.product{ height: 760px; background: url(../images/proBg.jpg) center bottom no-repeat;}
	.product .title{ padding: 60px 0; text-align: center; overflow: hidden;}
		.product .topic{ font-size: 40px; font-weight: bold;}
			.product .topic span{ color: #03b2e9;}
		.product .subTopic{ font-size: 16px;}
	.product .content{}
		.product .content li{ width: 300px;}
			.proBox{ width: 280px; height: 395px; background: #f6f9fa; border-bottom: 5px #03b2e9 solid;}
				.proBox .name{ padding: 30px 20px 20px; text-align: center; color: #03b2e9; font-size: 16px;}
				.proBox .desc{ padding: 0 20px;}
				.proBox .read{ text-align: center; padding: 15px 0 0;}
					.proBox .read a{ display: block; width: 80px; height: 26px; line-height: 26px; vertical-align: middle; margin: 0 auto; background: #03b2e9; color: #fff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
	.product .more{ padding: 55px 0 0;}
		.product .more a{ display: block; width: 200px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; background: #03b2e9; color: #fff; font-size: 16px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin: 0 auto;}
		.product .more a:hover{ background: #ff7d00;}
	
.shili{}
	.shili .title{ padding: 60px 0 40px; text-align: center; overflow: hidden;}
		.shili .topic{ font-size: 40px; font-weight: bold;}
			.shili .topic span{ color: #03b2e9;}
		.shili .subTopic{ font-size: 16px;}
	.shili .content{ padding: 0 0 80px;}
		.shili .slBox{ width: 280px; height: 190px; background: #f6f9fa; margin: 20px; text-align: center; padding: 40px;}
			.shili .slBox .pic{ width: 80px; margin: 0 auto;}
			.shili .slBox .name{ font-size: 20px; padding: 20px 0;}
		.shili .slBox:hover{ background: #0064b4; color: #fff;}

.tedian{ background: url(../images/tdBg.jpg) center top no-repeat;}
	.tedian .title{ padding: 60px 0 40px; text-align: center; overflow: hidden; color: #fff;}
		.tedian .topic{ font-size: 40px; font-weight: bold;}
	.tedian .content{}
		.tdBox{ width: 300px; background: #03b2e9; color: #fff;}
			.tdBox .pic{ width: 300px; height: 240px;}
			.tdBox .name{ font-size: 20px; padding: 30px 30px 0; height: 30px;}
			.tdBox .subName{ padding: 0 30px 10px; height: 20px;}
			.tdBox .desc{ padding: 0 30px; height: 150px; line-height: 180%;}

.case{ background: url(../images/caseBg.jpg) center bottom no-repeat;}
	.case .title{ padding: 60px 0 40px; text-align: center; overflow: hidden;}
		.case .topic{ font-size: 40px; font-weight: bold;}
			.case .topic span{ color: #03b2e9;}
	.caseBox{ height: 400px; position:relative; overflow:hidden;}
		.caseBox .hd{ position:absolute; z-index:997; right:0px; bottom:0px;}
			.caseBox .hd li{ margin-right:10px; float:left; cursor:pointer; border: 3px #03b2e9 solid;}
			.caseBox .hd li.on{ border: 3px #ff7d00 solid;}
				.caseBox .hd li img{ display: block;}
		.caseBox .bd{ width:100%; height:400px;}
			.caseBox .bd li{ width:100%; height:400px;}
				.caseBoxx{ position: relative;}
					.caseBoxx .descBox{ position: absolute; top: 30px; right: 0px; background: #f6f9fa; width: 580px; height: 120px; padding: 40px;}
						.descBox .name{ font-size: 18px; margin-bottom: 10px;}
						.descBox .desc{ margin-bottom: 20px; line-height: 180%;}
	.caseMore{ padding: 60px 0;}
		.caseMore a{ display: block; width: 200px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; background: #03b2e9; color: #fff; font-size: 16px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin: 0 auto;}
		.caseMore a:hover{ background: #ff7d00;}

.news{ background: #f6f9fa;}
	.news .title{ padding: 60px 0 40px; text-align: center; overflow: hidden;}
		.news .topic{ font-size: 40px; font-weight: bold;}
			.news .topic span{ color: #03b2e9;}
	.news .content{}
		.newsBox{ width: 540px; height: 130px; padding: 20px; background: #fff; margin: 10px;}
			.newsBox .pic{}
			.newsBox .name , .newsBox .desc{ width: 335px;}
			.newsBox .name{ font-size: 16px; margin-bottom: 10px;}
				.newsBox .name a{ color: #03b2e9;}
				.newsBox .name a:hover{ color:#03b2e9;}
			.newsBox .desc{ line-height: 180%;}
				.newsBox .desc a{ color: #03b2e9;}
				.newsBox .desc a:hover{ color:#03b2e9;}
		.newsBox:hover{ background: #dbe7eb;}
	.news .more{ padding: 60px 0;}
		.news .more a{ display: block; width: 200px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; background: #03b2e9; color: #fff; font-size: 16px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin: 0 auto;}
		.news .more a:hover{ background: #ff7d00;}
	
	.link{ padding: 40px 0;}
		.link .title{ width: 140px; text-align: center; font-size: 20px; line-height: 200%;}
		.link .content{ width: 1050px;}
				
/*------------------------page------------------------*/
#nBanner{ height: 350px;}

.crumbs{ padding: 40px 0; border-bottom: 1px #bec8d2 solid;}
	.crumbs a{ margin: 0 5px;}

.pTitle{ font-size: 30px; padding: 40px 0 0;}

.txt{ padding: 40px 0; text-align: justify; line-height: 180%; overflow: hidden;}
	.txt p{ margin: 0 0 10px;}
	.txt img{ max-width: 1200px; margin: 5px 0;}
	.txt td{ border: 1px #ccc solid; padding: 10px 0; vertical-align: top;}
	.txts img{ max-width: 900px; margin: 5px 0;}

.random{ text-align: center;}
	.random p{ line-height: 50px;}

.pNav{ padding: 40px 0; text-align: center;}
	.pNav a{ padding: 20px 40px; border: 1px #03b2e9 solid; margin: 0 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.pNav a:hover{ background: #03b2e9; color: #fff;}
		.pNav .on{ background: #03b2e9; color: #fff;}

.pNews{ padding: 40px 0 0;}
	.pNewsBox{ padding: 20px; border-bottom: 1px #ccc dotted; height: 65px;}
		.pNewsBox .left{ width: 950px;}
		.pNewsBox .right{ width: 180px; text-align: right; line-height: 65px; color: #888;}
		.pNewsBox p{ margin: 0 0 5px; font-size: 16px;}
		.pNewsBox span{ color: #888;}
	.pNewsBox:hover{ background: #f2f6f8;}

.date{ padding: 10px 0 20px; color: #999; border-bottom: 1px #ccc dotted;}

.pCase{ padding: 40px 0 0;}
	.pCaseBox{ border-bottom: 1px #ccc dotted; padding: 20px;}
		.pCaseBox .left{ width: 200px; height: 150px; border: 1px #ccc solid;}
		.pCaseBox .right{ width: 920px; padding: 10px 0; text-align: justify;}
			.pCaseBox .right p{ font-size: 16px; margin-bottom: 10px;}
			.pCaseBox .right span{ line-height: 180%; color: #888;}
	.pCaseBox:hover{ background: #f2f6f8;}

.pPro{ padding: 40px 0 0;}
	.pProBox{ width: 360px; padding: 18px; border: 1px #f0f0f0 solid; margin-right: -1px; margin-bottom: -1px;}
		.pProBox .pic{ width: 360px; height: 270px;}
		.pProBox .name{ text-align: center; padding: 20px 0 10px; font-size: 16px;}
		.pProBox .desc{ height: 75px; line-height: 180%; text-align: justify; text-indent: 2em;}
		.pProBox .read{ padding: 20px 0 10px;}
			.pProBox .read a{ display: block; border: 1px #03b2e9 solid; text-align: center; width: 150px; height: 50px; line-height: 50px; vertical-align: middle; margin: 0 auto; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
			.pProBox .read a:hover{ background: #fff;}
	.pProBox:hover{ background: #f0f0f0;}

.picture{ text-align: center; padding: 30px 0;}
	.picture img{ max-width: 600px; max-height: 600px;}
	
.miaoshu{ height: 60px; line-height: 60px; font-size: 20px; text-indent: 1.5em; background: #03b2e9; color: #fff;}

.contact{ padding: 70px 0 0; width: 600px;}
	.contact p{ font-size: 18px; line-height: 200%;}
	.contact .p1{ font-size: 24px;}

.map{ padding: 40px 0; width: 600px;}

.pageBox{ padding: 50px 0; text-align: center; overflow: hidden;}
	.pageBox a{ border: 1px #ccc solid; margin:0 5px; padding: 10px 15px;}
	.pageBox a:hover{ background: #03b2e9; border-color: #03b2e9; color: #fff;}
	.pageBox .page-num-current{ border: 1px #03b2e9 solid; color: #03b2e9;}
	
.upDown{ padding:20px 10px 60px; line-height:180%; overflow:hidden; border-top: 1px #ccc dotted;}
	.upDown span{ color: #03b2e9;}

/*------------------------footer------------------------*/
.foot{ background: #03b2e9; padding: 50px 0;}
	.foot .footLogo , .foot .ewm{ width: 165px; text-align: center;}
	.foot .footLogo{ margin-bottom: 20px;}
	.foot .menu{ width: 945px; border-bottom: 1px #0cd5f4 solid; padding: 0 0 20px;}
		.foot .menu a{ font-size: 16px; color: #fff; margin: 0 20px 0 0;}
	.foot .copy{ color: #fff; line-height: 200%; padding: 20px 0 0;}
		.foot .copy a{ color: #fff;}

/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; bottom:60px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}