body{
	margin:0;
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size: 24px;
	color: #666;
	width: 640px;
}
ul,li,a,h1,h2,h3,h4,h5,h6,p,input,textarea{margin: 0;padding: 0;list-style:none;text-decoration: none;box-sizing:content-box;}
img{display: block;}
a{color: #666;}
/*global*/
.fixed{ 
	*zoom:1;
}

.fixed:after{
	content: ".";
	height:0;
	clear:both;
	overflow: hidden;
	display: block;
}

#header{width: 640px;height: 116px;margin: 0 auto;background: #fff;}
#header .left{float: left;width: 55px;height: 66px;margin-left:30px;padding: 25px 0; margin-top:0;}
#header .left img{width: 400px;height: 66px; padding-left:16px;}
#header .right{float: right;width: 150px;margin-right: 20px;padding-top: 25px;}
#header .right a{float: left;margin: 0 10px;display: block;}
#header .right a img{width: 55px;height: 55px;}
#header .right a span{display: block;width: 55px;text-align: center;font-size: 18px;line-height: 30px;color: #fff;}

#menuList{width: 640px;height: 100%;position: fixed;z-index: 999; background: rgba(0,0,0,0.7);left:640px;top:0;-webkit-transition: opacity 0.5s,left 0.5s;}
#menuList .left{width: 200px;height: 100%;float: left;}
#menuList .left img{width: 80px;height: 80px;margin: 100px 0 0 100px ;}
#menuList .right{width: 440px;height: 100%;padding-top:10%;background: #fff;float: left; background: rgba(255,255,255,0.8);}
#menuList .right li{margin: 5px 0;width: 440px;height: 80px;border-bottom: 1px solid #bbb;text-align: center;}
#menuList .right li a{font-size: 30px;line-height: 80px;color: #333;}

#ts{width: 640px;height: 80px;}
#bottom{width: 640px;background: #3f3f3f;padding: 20px 0;}
#bottom p{width: 640px;text-align:center;line-height:40px;font-size:18px;}

.atitle{width: 611px;height: 45px; background-color:#e4e4e4;} 
.atitle h3{float: left;margin-left: 15px;line-height: 45px; color:#232323; text-indent:2em;}
.atitle p{display: block;float: right;margin-right: 10px;width: 55px;height: 35px; padding-left:2em;}

.title1{width: 640px;height: 45px;background: url(../images/titleBg.png) no-repeat;}
.title1 h3{float: left;margin-left: 15px;line-height: 45px; color:#666666;}
.title1 a{display: block;float: right;margin-right: 10px;width: 55px;height: 35px;}

#footer{width: 640px;height: 80px;position: fixed;bottom: 0;background: #000;left: 0;}
#footer div{float: left;width: 158px;height: 80px;}
#footer div a{display: block;margin: 0 auto; width: 60px;height: 80px;padding-top: 40px; background:url(../images/common.png) no-repeat;}
#footer div a span{line-height: 40px;color: #fff;width: 60px;text-align: center;display: block;}
 /*首页
#slider{width: 610px;height: 386px;margin: 0 auto;}
#slider img{width: 610px;height: 386px;}*/

#nav{width:640px;margin: 0 auto; background-color:#f3f3f3;}
#nav ul{}
#nav ul li{float: left;width: 110px;margin: 36px 21px;}
#nav ul li a{display: block;width: 110px;height: 110px;border-radius: 40px;}
#nav ul li span{display: block;width: 110px;text-align: center;line-height: 40px;font-size: 26px; color:#363636;}

#aboutIndex{width: 611px;margin: 20px auto;}
#aboutIndex h3{ text-align:center; color:#333333; margin:20px auto;}
#aboutIndex p{line-height: 28px; color:#444; font-weight:500; }

.Tabout {font-size:27px; line-height: 55px; font-weight:600; color:#FFFFFF; padding-left:16px; padding-right:16px;}
.Tabout1 { font-size:27px; color:#036eac;line-height: 45px; font-weight:bold; padding-left:16px; padding-right:16px;}

.mabout1 {font-size:26px; line-height: 45px; font-weight:bold; color:#555555; padding-left:16px;}
.mabout {line-height: 45px; font-weight:bold; color:#666666; padding-left:16px;}
.mabout a:hover{line-height: 45px; font-weight:bold; color:#ff0000; padding-left:16px;}

.about-bt { background:url(../images/about-bt.jpg) no-repeat; width:153px; height:36px; box-shadow: 0px 0px 10px #888;}
.about-bt1 { font-family:Arial, Helvetica, sans-serif;none;line-height: 36px;color: #444; font-weight:500; text-align:center;text-decoration: none;}

#aboutIndex1{width: 611px;margin: 20px auto;background: #ffffff; }
#aboutIndex1 p{line-height: 34px; color:#232323; font-weight:bold; padding-left:16px; padding-right:16px;}

#proIndex{width: 640px;margin: 0 auto; background:#f3f3f3; border-top:1px #017199 solid;}
#proIndex h3{/*color: #fff;display: block; line-height: 50px;font-weight:500;*/ width: 256px; height:94px; background:url(../images/p.png) no-repeat; padding-left:200px; float:right; margin:0 0 15px;}
#proIndex ul li{width: 200px; height:234px; background: #f3f3f3;margin: 10px 0 10px 10px;float: left;padding-bottom: 0;}
#proIndex ul li a{display: block;}
#proIndex ul li a img{width: 200px;height: 200px; border:0;}
#proIndex ul li a span{display: block;width: 200px;text-indent:16px; color: #fff; line-height: 65px;height: 50px;overflow: hidden; background:url(../images/p-bg.png) no-repeat;margin-top:-36px; position:absolute;}


#ceshi{width:612px;margin: 0 auto; }
#ceshi ul{}
#ceshi ul li{float: left;width: 190px;margin: 10px 0 10px 10px;}
#ceshi ul li a img{display: block;width: 190px;height: 143px; border:0;}
#ceshi ul li span{display: block;width: 190px;text-align: center;line-height: 36px; color:#363636;} 

.loadMore{width:100%;height:70px;border-top:1px solid #017199; position:relative;z-index:2; margin:0; background:#f3f3f3; margin-top:30px;}
.loadMore a{line-height:40px;text-align:center; color:#017199;width:120px; 
position:absolute;height:40px; background-color:#fff; border-top:1px solid #017199; border-bottom:1px solid #017199; border-radius: 20px; left:40%;top:-20px;}
.loadMore a:hover{background-color:#f29200; border-radius: 20px;}

#newsIndex{width: 100%;margin:auto; background-color:#FFFFFF; background:url(../images/news-bg.jpg) no-repeat; height:284px;}
#newsIndex h3{font-size: 24px;color: #fff; display: block;width: 640px; margin:auto; padding-top:30px; padding-left:40px;}
#newsIndex .content{width: 382px;padding: 5px 15px; box-shadow: 0px 0px 10px #888;  background:#FFFFFF; margin: 60px 40px 20px 200px;}
#newsIndex .content li{border-bottom: 2px solid #f0f0f0;width: 352px;padding: 5px 15px;overflow: hidden;}
#newsIndex .content li .a1{line-height: 40px;display: block;}
#newsIndex .content li .a2{display: none;padding-bottom: 15px;}
#newsIndex .content li .a2 img{float: left;width: 140px;height: 100px;}
#newsIndex .content li .a2 p{float: left;width: 395px;height: 60px;line-height: 30px;padding:20px;overflow: hidden;}

#honorIndex{width: 600px;margin: 20px auto;padding: 0 20px;}
#honorIndex a{float:left;width: 100px;height: 100px;}
#honorIndex a img{width: 100px;height: 100px;}

.cp1{color: #666; display: block; text-align:left;line-height: 36px; font-weight:bold;}
.cp2{font-size: 18px;color: #7d7d7d; display: block; text-align:left;line-height: 32px;}
.more {font-size: 20px;color: #444; display: block; text-align:center;line-height: 62px; font-weight:bold;}
.more1 {font-size: 20px;color: #232323; display: block; line-height: 45px; font-weight:bold;}
.time { font-size:20px; color:#444444; line-height:40px; font-weight:bold;}
.news1 { font-size:20px; color:#336699; line-height:40px; text-indent:2em; font-weight:bold;} 
 /*内页*/
#banner{width: 611px;height: 247px;margin: 0 auto;}
#banner img{width: 611px;height: 247px;}
#title{width: 611px;height: 60px;background: #fff;text-align: center;}
#title h3{font-size: 30px;line-height: 60px;color: #15619d;}

#main{width: 640px;margin: 0 auto;padding: 20px 0 0;background: #f3f3f;}
#main1{width: 640px;margin: 0 auto;background: #0067aa; }

.about{width: 640px;margin: 10px auto;background: #fff;overflow: hidden; color:#444;}

.about .aboutBanner{width: 611px;height:247px; text-align:center;}
.about p{ color:#666666; line-height: 40px; text-align: justify; padding-left:16px; padding-right:16px;}
.about ul{margin:20px 0;}
.about ul li{float: left;margin: 0 10px 10px 0;width: 265px;height: 195px;}
.about ul .right{margin-right: 0;}
.about ul li img{width: 265px;height: 160px;}
.about ul li span{width: 265px;height: 30px;margin-top: 5px;display: block;line-height: 30px;text-align: center;background: #eee;}


#ab{width:640px;margin:0 auto 20px; background:#FFFFFF}
#ab ul{}
#ab ul li{float: left; width:133px; text-align:center; height:36px; line-height:36px;box-shadow: 0px 0px 10px #888; border:1px #ccc; background:#FFFFFF; margin:10px;}<br>
#ab ul li a{display: block;width: 133px;height: 36px;border-radius: 10px;}<br>
#ab ul li span{display: block;width: 133px;text-align: center;line-height: 36px; font-weight:500;font-size: 24px; color:#444;}


.contact{width: 540px;padding: 20px 50px 50px;background: #fff;overflow: hidden;}
.contact h3{font-size: 28px;line-height: 50px;margin: 10px 0;}
.contact p{line-height: 40px;margin: 10px 0;}
.contact .map{max-width: 540px;height: 300px; margin: 20px 0;}
.contact img{max-width: 540px;}

.news{width: 611px;margin: 20px auto;background: #fff;overflow: hidden;}
.news .newsList{display: block;background: #fff; width: 560px;padding: 30px 40px;border-bottom: 1px solid #aaa;}
.news .newsList .left{float: left;width: 200px;height: 150px;}
.news .newsList .right{float: left;margin-left: 20px;width: 340px;height: 150px;}
.news .newsList .right p{font-size: 26px;color: #555;line-height: 40px;width: 340px;height: 120px;overflow: hidden;}
.news .newsList .right span{display: block;width: 340px;text-align: right;font-size: 24px;color: #aaa;line-height: 30px;}
.newsInfo{width: 611px;margin: 20px auto;background: #fff;overflow: hidden;}
.newsInfo .newsTitle{font-size: 24px;line-height: 50px;width: 611px;text-align: center;}
.newsInfo .newsTime{width: 611x;text-align: right;display: block; padding-left:16px; padding-right:16px;}
.newsInfo .newsContent{margin: 20px 0;}
.newsInfo .newsContent p{font-size: 20px;line-height: 40px;text-indent: 2em;text-align: justify; padding-left:16px; padding-right:16px;}
.newsInfo .newsContent img{max-width: 611px;}
.page{margin: 20px 0;}
.page a{margin: 5px 0;font-size: 20px;color: #333;display: block;line-height: 40px;}


#productTop{width: 640px;height: 50px;padding: 20px 0;background: #4197b9;}
#productTop .sel{float: left;height: 50px;width: 250px;padding-left: 10px; background: #0174a1; margin: 0 20px;border-radius: 10px;}
#productTop .sel select{-webkit-appearance:initial;background: url(../images/sec.png) no-repeat 210px center;height: 50px;width: 250px;border: none;color: #fff;}
#productTop .sel select option{text-align: center;}
#productTop .search{float: left; width: 320px;height: 50px;background: url(../images/searchBg.png) no-repeat;background-size: 320px 50px;}
#productTop .search input{background: none;border: none;width: 225px;height: 50px;float: left;display: block;color: #fff;line-height: 50px;padding: 0 10px;}
#productTop .search a{display: block;float: left;width: 75px;height: 50px;}
.product{width: 611px;margin: 20px auto; background: #fff; overflow: hidden;}
.product .productList{display: block;background-color: #fff; width: 560px;padding: 30px 40px;border-bottom: 1px solid #aaa;background-image: url(../images/icon2.png);background-repeat:  no-repeat;background-position:  590px center;}
.product .productList .left{float: left;width: 200px;height: 150px;}
.product .productList .right{float: left;margin-left: 20px;width: 320px;height: 150px;}
.product .productList .right h4{font-size: 28px;color: #666;line-height: 40px;width: 320px;height: 40px;overflow: hidden;margin-top: 40px;}

.productInfo{width: 611px;margin: 20px auto;background: #fff;overflow: hidden;}

.productInfo .productTitle{font-size: 24px;line-height: 60px;width: 600px;text-align: center;}
.productInfo .productImg{width: 600px;height: 600px; margin:20px auto;}
.productInfo .productContent{margin: 20px 0;}
.productInfo .productContent p{font-size: 20px;line-height: 40px; padding-left:16px; padding-right:16px;text-align: justify;}
.productInfo .productContent img{max-width: 600px;}

.case{width: 620px;padding: 10px;background: #fff;}
.case li{float: left;margin: 10px;width: 290px;}
.case li img{width: 290px;height: 220px;}
.case li span{display: block; width: 290px;line-height: 35px;height: 70px;overflow: hidden;}

.msg{width: 560px;padding: 20px;border-radius: 10px;background: #fff;margin: 0 20px;overflow: hidden;}
.msg input{width: 520px;height: 60px;background: #eee;border: none;border-radius: 5px; line-height: 60px;margin: 10px 0;padding: 0 20px;}
.msg textarea{width: 520px;height: 160px;background: #eee;border: none;border-radius: 5px; line-height: 50px;margin: 10px 0;padding: 0 20px;}
.msg .btn{width: 560px;font-size: 26px;}

#top{width: 100px;height: 100px;display: none;position: fixed;bottom: 200px;left: 510px;}

#shareBg {
    width: 640px;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 99998;
    text-align: center;
    vertical-align: middle;
    top: 0;
    display: none;
}
.share{
    width: 270px;
    position: fixed;
    bottom: 0px;
    left: 45%;
    margin-left: -130px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -webkit-transition: opacity 1s,bottom 1s;
}