body{
	margin:0;
	background-color: #efeff4;
	font-family: "寰蒋闆呴粦";
	letter-spacing:0px;
	background: #fff;
	font-size: 20px;
	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: 280px;height: 66px;}
#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: #eee;padding: 20px 0;}
#bottom p{width: 640px;text-align:center;line-height:40px;font-size:18px;}
.title{width: 640px;height: 45px;background: url(../images/titleBg.png) no-repeat;}
.title h3{float: left;margin-left: 15px;line-height: 45px;}
.title 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: 640px;height: 300px;margin: 0 auto;}
#slider img{width: 640px;height: 300px;}

#nav{width: 640px;margin: 30px auto 20px;}
#nav ul{}
#nav ul li{float: left;width: 110px;margin: 15px 25px;}
#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: 22px; color:#363636;}
#aboutIndex{width: 600px;margin: 0 auto 10px;padding: 40px 20px;background: #f2f2f2;}
#aboutIndex p{font-size: 22px;line-height: 34px;text-indent: 2em;text-align: justify;}

#proIndex{width: 640px;margin: 0 auto;}
#proIndex h3{font-size: 26px;color: #15619d;display: block;width: 640px;text-align: center;line-height: 50px;font-weight: 500;}
#proIndex ul li{width: 160px;padding: 15px;background: #e7e7e7;margin: 11px;float: left;padding-bottom: 0;}
#proIndex ul li a{display: block;}
#proIndex ul li a img{width: 160px;height: 160px;}
#proIndex ul li a span{display: block;width: 160px;font-size: 18px;text-align: center;line-height: 40px;height: 40px;overflow: hidden;}

#newsIndex{width: 640px;margin: 20px auto;}
#newsIndex .content{width: 610px;padding: 5px 15px;}
#newsIndex .content li{border-bottom: 2px solid #e3ddca;width: 575px;padding: 5px 20px 5px 5px;overflow: hidden;background: url(../images/icon2.png) no-repeat right center;}
#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;}
.proImg{font-size: 22px;}

#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{font-size: 20px;color: #333; display: block; text-align:left;line-height: 50px;}
.cp2{font-size: 22px;color: #666; display: block; text-align:left;line-height: 30px;}
.more {font-size: 14px;color: #37b6ff; display: block; text-align:left;line-height: 50px;}
 /*鍐呴〉*/
#banner{width: 640px;height: 300px;margin: 0 auto;}
#banner img{width: 640px;height: 300px;}
#title{width: 640px;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: #eee;}
.about{width: 540px;padding: 20px 50px 50px;background: #fff;overflow: hidden;}
.about .aboutBanner{width: 540px;height:350px;}
.about p{font-size: 20px;line-height: 40px;text-align: justify;text-indent:2em;}
.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;}


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

.news{width: 640px;margin: 0;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: 600px;padding: 20px;background: #fff;overflow: hidden;}
.newsInfo .newsTitle{font-size: 24px;line-height: 50px;width: 600px;text-align: center;}
.newsInfo .newsTime{width: 600px;text-align: right;display: block;}
.newsInfo .newsContent{margin: 20px 0;}
.newsInfo .newsContent p{font-size: 20px;line-height: 40px;text-indent: 2em;text-align: justify;}
.newsInfo .newsContent img{max-width: 600px;}
.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: #3b3b3b;}
#productTop .sel{float: left;height: 50px;width: 250px;padding-left: 10px; background: #000;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;font-size: 22px;}
#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;font-size: 22px;line-height: 50px;padding: 0 10px;}
#productTop .search a{display: block;float: left;width: 75px;height: 50px;}
.product{width: 640px;margin: 0;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: #555;line-height: 40px;width: 320px;height: 40px;overflow: hidden;margin-top: 40px;}
.productInfo{width: 600px;padding: 20px;background: #fff;overflow: hidden;}
.productInfo .productTitle{font-size: 24px;line-height: 50px;width: 600px;text-align: center;}
.productInfo .productImg{width: 600px;height: 350px;}
.productInfo .productContent{margin: 20px 0;}
.productInfo .productContent p{font-size: 20px;line-height: 40px;text-indent: 2em;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;font-size: 22px;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; font-size: 22px;line-height: 60px;margin: 10px 0;padding: 0 20px;}
.msg textarea{width: 520px;height: 160px;background: #eee;border: none;border-radius: 5px; font-size: 22px;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;
}