body{
	margin:0;
	background-color: #efeff4;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	background: #fff;
	font-size: 21px;
	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;
	text-align:center;
}

#header{width: 640px;height: 116px;margin: 0 auto;}
#header .left{float: left;width: 55px;height: 66px;margin-left:30px;padding: 25px 0; margin-top:0;}
#header .left img{width: 400px;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,169,229,0.7);left:640px;top:0;-webkit-transition: opacity 0.5s,left 0.5s;}
#menuList .left{width: 200px;height: 100%;float: left; text-align: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: 70px;border-bottom: 1px solid #bbb;text-align: left; text-indent:50px;}
#menuList .right li a{font-size: 30px;line-height: 70px;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: 640px;height: 370px;margin: 0 auto;}
#slider img{width: 640px;height: 370px;}

#nav{width: 640px;margin: 20px auto;}
#nav ul{}
#nav ul li{float: left;width: 110px;margin: 15px 25px; text-align:center;}
#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;}

.plist { font-family: "Arial"; font-size:24px; color:#FFF;font-weight:700; text-align:center; font-style:normal;}

#aboutIndex{width: 640px;margin: 20px auto;}
#aboutIndex p{font-size: 22px;line-height: 34px; color:#FFFFFF; font-weight:bold; padding-left:16px; padding-right:16px;}

/*内页修饰*/
.lxMore{width:100%;height:50px;position:relative;z-index:2;text-align:center;background:url(../images/lxMore.jpg) no-repeat center;width:610px; margin-top:-10px;}



.Tabout {font-size:24px; line-height: 40px; font-weight:700; color:#666666; text-align:center; margin-top:30px; }
.SYabout {font-size:24px; line-height: 40px; font-weight:700; color:#666666; margin-top:30px; padding-left:16px; }
.Tabout1 { font-size:17px; color:#666666;line-height: 28px; font-weight:400; padding-left:16px;}
.Tabout2 { font-size:20px; color:#ff0000;line-height: 32px; font-weight:500;}
.Tabout3 { font-size:14px; color:#cccccc;line-height: 32px; font-weight:400;}

.mabout1 {font-size:26px; line-height: 45px; font-weight:bold; color:#555555; padding-left:16px;}
.mabout {font-size:22px; line-height: 45px; font-weight:bold; color:#666666; padding-left:16px;}
.mabout a:hover{font-size:22px; line-height: 45px; font-weight:bold; color:#ff0000; padding-left:16px;}

.about-bt { float:left; width:135px; height:35px; line-height:35px; text-align:center; font-size:22px;font-family: "Arial"; color:#FFF;background:#056eb7; font-weight:400;}
.about-bt1 {font-family: "Arial";font-size: 22px;none;line-height: 33px;color: #ffffff; font-weight:bold; text-align:center;text-decoration: none;}
.about-bt2 { float:left; width:114px; height:35px; line-height:35px; text-align:center; font-size:22px;font-family: "Arial"; color:#FFF;background:#056eb7; font-weight:400;}
/*.a-more { background:#fff; border:1px #dbdbdb double; border-radius:5px; height:60px; width:110px; color:#232323; font-family: "Arial";font-size:16px; line-height:32px; text-align:center;}*/

.a-more{ position:relative; float:left; width:70px; height:34px; line-height:34px; background:#fff; border:1px #ccc double; border-radius:10px; text-align:center; font-size:15px; z-index:1; font-family: "Arial"; color:#232323;}
.a-more a{ display:block; height:34px; color:#232323;}
a.a-more:hover{ color:#232323;background:#fff; height:34px; width:70px; }

/*案例*/
.sypro1 {font-size:24px; line-height: 36px; font-weight:700; color:#333333; text-align:center;}
.sypro2 {font-size:21px; line-height: 36px; font-weight:400; color:#666; text-align:center;}
.cp1{font-size: 21px;color: #666; display: block; text-align:center; line-height: 48px; font-weight:500;}
.sypro3 {font-size:24px; line-height: 36px; font-weight:700; color:#ff0000; text-align:center;}

#aboutIndex1{width: 611px;margin: 20px auto;background: #ffffff; }
#aboutIndex1 p{font-size: 22px;line-height: 34px; color:#232323; font-weight:bold; padding-left:16px; padding-right:16px;}

#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: 611px;margin: 20px auto; background-color:#FFFFFF;}
#newsIndex .content{width: 610px;padding: 5px 15px; }
#newsIndex .content li{border-bottom: 2px solid #e3ddca;width: 575px;padding: 5px 20px 5px 5px;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;}

.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: #c2d2e1;}
#main1{width: 611px;margin: 20px auto;background: #ffffff; }

.about{width: 611px;margin: 20px auto;background: #fff;overflow: hidden; color:#666666;}
.about .aboutBanner{width: 611px;height:247px; text-align:center;}
.about p{font-size: 22px; 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;}
.ny-about{width: 611px;margin: 10px auto;background: #fff;overflow: hidden; color:#666666; font-size:18px;}

.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: 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: #7fbbd4;}
#productTop .sel{float: left;height: 50px;width: 250px;padding-left: 10px; background: #489ec2; 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: #666;font-size: 22px;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: 100px;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; padding-left:16px; padding-right:16px;text-align: justify;}
.productInfo .productContent img{max-width: 600px;}

.f-case2{ float:left; width:190px; height:141px; line-height:141px; text-align:center; font-size:20px;font-family: "Arial"; color:#FFF;background:#c80d16; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; font-weight:600;}
.f-case1{ float:left;  width:190px; height:141px;  line-height:141px; text-align:center; font-size:20px; z-index:1; font-family: "Arial"; color: #fff; font-weight:600;}
.f-case1 a{ display:block; height:141px; color:#fff; font-weight:600;}
a.f-case1:hover{ color:#fff;background:#c80d16; height:141px; width:190px; filter:alpha(Opacity=75);-moz-opacity:0.75;opacity: 0.75; font-weight:600;}

.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;}

.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E}
.go a{background:url(../images/a.png) no-repeat;display:block;text-indent:999em;line-height:999px;width:37px;margin:5px;border:0;overflow:hidden;float:left}
.go .top{background-position:0 -33px;height:22px}
.go .feedback{background-position:0 -54px;height:32px}
.go .bottom{background-position:0 -88px;height:22px}
.go .top:hover{background-position:-38px -33px}
.go .feedback:hover{background-position:-38px -54px}
.go .bottom:hover{background-position:-38px -88px}

#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;
}
