@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:#008ceb;}
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-top: 3px #fff solid; border-bottom: 3px #fff solid;}
.logo{ margin: 42px 0 17px;}
.nav , .nav ul{ overflow: hidden; width: 546px;}
	.nav li{ float: left;}
		.nav li a{ display: block; height: 124px; line-height: 124px; width: 90px; text-align: center; margin-left: 1px;}
			.nav li a h2{ font-size:16px; font-weight: normal;}
		.nav li a:hover{ background: #1e50ae; color: #fff;}
		.nav li a.on{ background: #1e50ae; color: #fff;}

/*------------------------index------------------------*/
#banner{ width:100%; height:580px; position:relative; overflow:hidden; }
	#banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-80px; bottom:30px;}
		#banner .hd li{ width:45px; height:5px; margin-right:10px; float:left; cursor:pointer; background:#fff;}
		#banner .hd li.on{ height: 1px; margin: 2px 10px 2px 0;}
	#banner .bd{ width:100%; height:580px;}
		#banner .bd li{ width:100%; height:580px;}

.box{ background: #f0f0f0; padding: 12px 0;}
.search{ width: 330px; height:38px;}
	.search input , .search button{ border: none; background: none; margin: 0; font-size: 14px;}
	.search input{ height: 34px; line-height: 34px; border:1px #ccc solid; text-indent:1em;}
	.search button{ width: 75px; height: 38px; margin-left: -4px; background: url(../images/button.jpg) center center no-repeat; cursor: pointer;}
.tag{ padding-top: 5px;}
	.tag a{ margin:0 5px 0;}
.tel{ line-height: 62px; padding-left: 45px; background: url(../images/tel.png) center left no-repeat;}
	.tel span{ font-size:24px; font-weight: bold;}

.product{ padding: 44px 0 70px;}
.title{ line-height: 90px; border-bottom: 1px #a9a9a9 solid;}
	.title .topic{ font-size: 18px;}
		.title .topic span{ font-size: 28px; font-weight: bold;}
	.title .more{ overflow: hidden; padding: 30px 0 0;}
		.title .more a{ display: block; float: right; line-height: 40px; text-align: center; width: 140px; background: #1e50ae; color: #fff; margin-left: 15px;}
		.title .more a.mores{ width: 105px; background: #e00000;}
		
.product .content{ padding: 20px 0 0;}
	.pBox{ width: 272px; margin: 14px; text-align: center;}
		.pBox .pic{ border: 1px #dedede solid; width: 270px; height: 270px; line-height: 270px; vertical-align: middle;}
		.pBox .pic:hover{ border-color:#008ceb;}
		.pBox .name{ padding: 15px 0 0;}

.aboutBox{ background: url(../images/about.jpg) center top no-repeat; background-size: cover;}
	.aboutBox .title{ border: none; text-align: center; font-size: 18px; color: #fff; line-height: 200%; padding: 50px 0 30px;}
		.aboutBox .title span{ font-size: 36px; font-weight: bold;}
	.aboutBox .content{ background: #f3f8fc; padding: 0 140px;}
		.aboutBox .comName{ font-size: 30px; text-align: center; color: #0054b5; font-weight: bold; padding: 50px 0 30px;}
		.aboutBox .line{ width: 50px; margin: 0 auto; border-bottom: 1px #333 solid;}
		.aboutBox .about{ padding: 40px 0; font-size: 16px; line-height: 180%; text-indent: 2em; text-align: justify;}
		.aboutSort{ width: 134px; margin: 0 86px; text-align: center;}
			.aboutSort .pic a{ display: block; width: 120px; height: 120px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border: 7px #f53b3c solid; overflow: hidden;}
			.aboutSort .pic1{ background: url(../images/about1.png) center no-repeat;}
			.aboutSort .pic2{ background: url(../images/about2.png) center no-repeat;}
			.aboutSort .pic3{ background: url(../images/about3.png) center no-repeat;}
			.aboutSort .name{ line-height: 50px;}
				.aboutSort .name a{ font-size: 16px;}
	.aboutBox .more{ width: 160px; height: 40px; margin: 0 auto; padding: 60px 0 80px;}
		.aboutBox .more a{ display: block; width: 160px; height: 40px; text-align: center; line-height: 40px; background: #1e50ae; color: #fff;}

.choose{ background: #fafafa; text-align: center; border-top: 1px #ccc solid; padding: 0 0 80px;}
	.choose .title{ font-size: 30px; font-weight: bold; border: none; line-height: 200%; padding: 75px 0 0;}
	.choose .line{ width: 30px; border-bottom: 3px #333 solid; margin: 0 auto;}
	.choose .subTitle{ font-size: 30px; font-weight: bold; line-height: 200%; padding: 0 0 50px;}
	.chooseBox{ width: 200px; margin: 0 25px; padding: 0 25px; background: url(../images/c.jpg) left top repeat-x; color: #fff;}
		.chooseBox .pic{ width: 160px; height: 160px; margin: 0 auto; overflow: hidden; border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px;}
		.chooseBox .name{ font-size: 26px; font-weight: bold; line-height: 80px;}
		.chooseBox .lines{ width: 55px; border-bottom: 3px #fff solid; margin: 0 auto;}
		.chooseBox .desc{ padding: 20px 0; height: 60px;}

.news{ padding: 20px 0 50px;}
	.newsBox{ width: 560px; height: 75px; border-bottom: 1px #ccc solid; padding: 30px 0; margin: 0 20px;}
		.newsBox .date{ width: 75px; height: 60px; padding: 15px 0 0; background: #f5f5f5; text-align: center; line-height: 200%;}
			.newsBox .date span{ font-size: 30px;}
		.newsBox .name , .newsBox .desc{ width: 465px;}
		.newsBox .name{ font-size: 16px; padding: 5px 0;}
	
/*------------------------page------------------------*/
#nBanner{ width:100%; height:350px;  overflow:hidden; background: url(../images/banner.jpg) center top no-repeat;}

.side{ border-bottom: 1px #dedede solid; height: 60px; line-height: 60px;}
	.crumb{ padding: 0 0 0 40px; background: url(../images/crumb.jpg) left center no-repeat;}
	.sideNav{}
		.sideNav li{ float: left; border-left: 1px #f0f0f0 solid;}
		.sideNav li a{ height: 58px; line-height: 58px; display: block; font-size: 16px; margin: 0 20px; padding: 0 15px;}
		.sideNav li a.on{ border-bottom: 2px #1e50ae solid;}

.text{ padding: 20px 0 80px; line-height: 180%; text-align: justify;}
	.text img{ max-width: 1100px; max-height: 1100px; margin: 5px;}
	.text td{ border: 1px #ccc solid;}

.zizhi{ padding: 20px 0;}
	.zzBox{ width: 360px; margin: 20px; text-align: center;}
		.zzBox .pic{ width: 360px; height: 270px; line-height: 270px; vertical-align: middle; text-align: center;}
		.zzBox .name{ padding: 20px 0 0;}

.productList{ padding: 30px 0;}
	.proSide{ width: 270px;}
		.proSide .topic{ width: 270px; height: 90px; background: url(../images/pro.jpg) center no-repeat; text-align: center; line-height: 90px; font-size: 30px; font-weight: bold; color: #fff;}
		.proSideNav{ background: #fafafa; border: 1px #e0e0e0 solid; border-bottom: none;}
			.proSideNav a{ display: block; line-height: 48px; padding: 0 20px; border-bottom: 1px #e0e0e0 dotted; font-size: 16px;}
		.proTel{ background: url(../images/protel.jpg) center top no-repeat #1e50ae; color: #fff; text-align: center; padding: 80px 0 20px; font-size: 16px; line-height: 180%;}
		.proTel span{ font-size: 28px;}
	.proContent{ width: 915px;}
		.proContent .title{ border-bottom: 1px #ccc solid; padding: 10px; line-height: 180%; margin-bottom: 15px;}
			.proContent .title .topic{ font-size: 16px; color: #1e50ae; border-left: 5px #1e50ae solid; text-indent: 1em;}
		.proList{ width: 275px; margin: 15px; text-align: center;}
			.proList .pic{ width: 275px; height: 275px; line-height: 275px; vertical-align: middle; background: #f5f5f5;}
			.proList .name{ padding: 20px 0 0;}
		.proName{ text-align: center; font-size: 24px;}
		.picture{ text-align: center; padding: 20px;}
		.proDescName{ border: 1px #0054B5 solid; padding: 10px; background: #f5f5f5; color: #0054B5;}
		.proTxt{ padding: 20px 0; line-height: 180%; text-align: justify;}
			.proTxt img{ max-width: 900px; max-height: 1200px; margin: 5px;}
			.proTxt td{ border: 1px #ccc solid;}

.caseList{}
	.caseList .title{ border-bottom: 1px #ccc solid; padding: 20px 0 0;}
		.caseList .title .topic{ width: 150px; margin: 0 auto; color: #0054B5; font-size: 30px; font-weight: bold; border-bottom: 5px #0054B5 solid; text-align: center; line-height: 200%;}
	.caseBox{ width: 380px; height: 110px; padding: 20px 0; margin: 0 10px; border-bottom: 1px #ccc dotted;}
		.caseBoxx{ width: 340px; height: 70px; background: #f0f0f0; padding: 20px; color: #999;}
		.caseBoxx a{ font-size: 16px;}
		.caseBoxx:hover{ background: #0054B5; color: #fff;}
		.caseBoxx:hover a{ color: #fff;}

.caseContent{}
	.caseName{ font-size: 24px; line-height: 300%;}
	.caseDate{ border-bottom: 1px #ccc solid; line-height: 200%; padding: 0 0 10px; color: #999;}

.contactLeft{ width: 420p; margin: 50px 0;}
	.contactLeft p{ line-height: 200%;}
	.contactLeft .p1{ font-size: 24px; font-weight: bold;}
	.contactLeft .p2{ border-bottom: 1px #ccc dotted; margin-bottom: 20px;}
	.contactLeft .p3 span{ font-size: 30px; line-height: 200%; color: #0054B5;}

.contactRight{ width: 720px; height: 450px; background: #f5f5f5; margin: 50px 0;}
	
.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: #008ceb; border-color: #008ceb; color: #fff;}
	.pageBox .page-num-current{ border: 1px #008ceb solid; color: #008ceb;}
	
.upDown{ padding:20px 0; line-height:180%; overflow:hidden; border-top: 1px #ccc dotted;}
	.upDown span{ color: #008ceb;}

/*------------------------footer------------------------*/
.foot{ background: #1b1b1b; padding: 15px 0 35px;}
	.foots{ border-bottom: 1px #262626 solid; line-height: 100px; margin: 20px auto;}
		.foots .footLogo{ font-size: 30px; color: #1e50ae; font-weight: bold;}
		.foots .menu{}
			.foots .menu li{ float: left; margin: 0 20px 0 0;}
				.foots .menu a{ color: #a9a9a9;}
				.foots .menu a:hover{ color: #fff;}
	.foot .contact{ line-height: 300%; color: #fff;}
		.foot .contact span{ font-size: 30px;}
	.foot .ewm{ text-align: center; line-height: 160%; color: #666;}
	.copy{ text-align: center; color: #666;}
	
/*------------------------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;}