@charset "utf-8";

*{padding:0;margin:0;font-family: Arial;}
body{overflow-x: hidden;min-width: 1200px;}
body,html,ul,li,a,ol,dl,dt,dd,span,mark,h1,h2,h3,h4,h5,address{list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;float:left;}
.main{/*margin-top:40px;margin-bottom:40px;*/padding-bottom:40px;float:left;}
#main{margin:0;padding:0;background:#fafafa;}
.container{margin:0 auto;width:1200px;}
.indexContainer{margin:0 auto;width:1254px;}
input {border: none;background: none;}
input, textarea {outline: 0;font-size: 14px;-webkit-appearance: none;}
.clear{clear:both;float:none}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.fl-left,.pl{float: left;}
.fl-right,.pr{float: right;}
.hide{display:none;}
.show{display:block;}
.mt5{margin-top:50px;}
.ml17{margin-top:170px;}
.mr8{margin-right:80px;}
.transition03{transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;}

header{width:100%;height:191px;float:left;}
.headerHear{height:30px;color:#666;font-size:12px;}
.headerHear p{height:30px;line-height:30px;float:left;}
.headerHear a{float:right;display:block;height:30px;line-height:30px}
.headerTop{height:96px;font-size:26px;line-height:96px;overflow:hidden;text-transform:uppercase;}
.headerTop h3{margin:18px 0;}
.indexTel img{float:left;margin:0 10px 0 0;}
nav{width:100%;height:63px;float:left;border:1px solid #ececec;border-right:none;border-left:none;}
nav ul{height:65px;margin-top:-1px;display:block;}
nav ul li{width:240px;height:65px;float:left;text-align:center;}
nav ul li a{width:238px;height:65px;border-right:2px solid #ececec;display:block;font-size:14px;color:#333;line-height:65px;transition:all 0.3s ease-in 0s;text-align:center;}
nav ul li span,nav ul li mark{display:block;float:left;overflow:hidden;text-transform:capitalize;}
nav ul li img{display:block;-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
nav ul li:nth-child(1) mark{margin:24px 10px 0 76px;width:16px;height:16px;}
nav ul li:nth-child(1) a{width:236px;border-left:2px solid #ececec;}
nav ul li:nth-child(2) mark{margin:24px 10px 0 77px;width:12px;height:16px;}
nav ul li:nth-child(3) mark{margin:22px 10px 0 76px;width:17px;height:18px;}
nav ul li:nth-child(4) mark{margin:22px 10px 0 76px;width:19px;height:18px;}
nav ul li:nth-child(5) mark{margin:26px 10px 0 76px;width:14px;height:14px;}
nav ul li:nth-child(6) mark{margin:24px 10px 0 76px;width:16px;height:16px;}
nav ul li:nth-child(7) mark{margin:24px 10px 0 76px;width:13px;height:17px;}
nav ul li:nth-child(8) mark{margin:24px 10px 0 76px;width:16px;height:16px;}
nav ul li:hover a,nav ul li.hover a{background:#707070;color:#FFF;}
nav ul li:hover img,nav ul li.hover img{margin-top:-16px;}
nav ul li:nth-child(5):hover img,nav ul li:nth-child(5).hover img{margin-top:-14px;}
nav ul li:nth-child(7):hover img,nav ul li:nth-child(7).hover img{margin-top:-17px;}
nav ul li:nth-child(3):hover img,nav ul li:nth-child(4):hover img,nav ul li:nth-child(3).hover img,nav ul li:nth-child(4).hover img{margin-top:-18px;}


/**头部**/
.WholeTop{width:100%;text-align:center;margin-top:74px;float:left;}
.OtherTop{margin-bottom:50px;}
.WholeTop h3{font-size:36px;color:#363636;font-weight:bold;text-transform:capitalize;}
.WholeTop mark{width:90px;height:1px;background:#ccc;margin:20px auto;display:block;}
.WholeTop p{font-size:15px;color:#3c3c3c;text-transform:capitalize;}

/**合作伙伴**/
.service{width:1194px;overflow:hidden;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;margin:60px auto;float:left;}
.service ul li{float:left;width:198px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.service ul li a{display:block;height:100%;border:5px solid #ffffff;text-align:center;padding:15px 0;box-sizing:border-box;}
.service ul li a:hover{border-color:#eeeeee;}
.service ul li a img{margin:auto;}

footer{clear: both;float: none;height:auto;background: #f7f7f7;}
.footerTop{height:330px;}
.footerTop div{margin-top:60px;}
.footerTop dl{float:left;margin-right:116px;}
.footerTop dl dt{font-size:16px;color:#444;}
.footerTop dl dd a{font-size:14px;color:#999;display:block;line-height:30px;}
.footerTop dl dd{margin-top:20px;}

.footerTel{width:260px;}
.footerTel h3{font-size:16px;font-weight:bold;color:#444;}
.footerTel p{font-size:14px;color:#999;line-height:30px;margin:5px 0;}
.footerTel .follow{width:100%;margin-top:10px;border-top:1px solid #999;}
.footerTel mark{display:block;color:#FFF;width:100%;font-size:18px;margin:20px 0 10px;}
.footerTel span{float:left;margin-right:20px;}

.copybottom{height:60px;line-height:60px;font-size:12px;background:#444;color:#FFF;}
.link a{margin:0 10px;color:#ddd;}
.copyright p,.copyright p a{color:#ddd;font-size:12px;}



/**页尾**/
.footer{padding:40px 0 0;border-top:1px solid #e5e5e5;background-color:#f5f5f5;}
.ProductClass,.footerAddress{width:458px;padding:10px 0;float:left;}
.ProductClass dl{width:200px;width:225px;float:left;}
.ProductClass dl.active{width:200px;float:right;}
.ProductClass dl dt{height:30px;border-bottom:1px solid #ccc;}
.ProductClass dl dt,.ProductClass dl dd,.ProductClass dl a{width:100%;float:left;font-size:15px;text-transform:uppercase;color:#000;line-height:13px;display:block;}
.ProductClass dl dd a{color:#666;text-transform:capitalize;line-height:18px;font-size:14px;}
.ProductClass dl dd{margin:15px 0 0;}


.footerAddress{width:335px;padding:10px 45px;margin:0 45px;border:1px solid #ccc;border-top:none;border-bottom:none;}
.footerAddress img{width:262px;margin:0 0 25px;float:left;}
.footerAddress .address{width:100%;float:right;}
.footerAddress h3{font-size:15px;color:#444;line-height:20px;margin:0 0 15px;font-weight:bold;}
.footerAddress p{font-size:14px;color:#555;line-height:28px;}
.footerAddress p strong{color:#333;font-weight:bold;}

.footerInput{width:225px;float:left;margin:10px 0 0 0;}
.footerInput input{width:100%;height:40px;border:1px solid #ccc;padding:0 10px;margin:0 0 8px;box-sizing:border-box;border-radius:5px;}
.footerInput button{width:100%;height:40px;border:1px solid #ccc;background-color:#666;font-size:15px;color:#f5f5f5;text-transform:uppercase;margin:0 0 30px;border-radius:5px;}
.footerInput ul li{float:left;margin:0 15px 0 0;}

.footerBottom{height:40px;text-align:center;margin:40px 0 0;border-top:1px solid #e5e5e5;background-color:#FFF;}
.footerBottom p,.footerBottom p a{font-size:14px;color:#666;line-height:40px;}
.footerBottom p a.name{margin:0 15px 0 0;}

/**在线留言**/
.OnMessage,.contactCont{width:100%;float:left;}
.OnMessage input,.OnMessage textarea{width:100%;height:35px;border:1px solid #ccc;padding-left:10px;color:#666;box-sizing:border-box;margin-bottom:10px;float:left;}
.OnMessage input{width:1100px;font-size:14px;}
.OnMessage p{width:100%;float:left;overflow:hidden;font-size:14px;color:#666;margin:0 0 10px 0;}
.OnMessage span{float:left;display:block;line-height:35px;color:red;margin-right:5px;}
.OnMessage mark{width:80px;float:left;text-transform:capitalize;display:block;color:#666;font-size:14px;line-height:35px;}
.OnMessage p.active{float:right;}
.OnMessage section{width:100%;float:left;}
.OnMessage section mark{width:100%;float:left;}
.OnMessage textarea{width:1100px;height:150px;max-height:150px;font-size:14px;line-height:35px;float:left;}
.OnMessage button{background:#ffd400;border:none;width:140px;height:34px;font-size:14px;line-height:34px;text-align:center;cursor:pointer;color:#333;text-transform:uppercase;margin-top:30px;float:left;}
.OnMessage p.active span{opacity:0;}
.OnMessageBg{height:100%;width:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:9;display:none;}
.productOnMessage{width:1200px;position:fixed;left:50%;top:50%;background-color:#FFF;z-index:99;padding:20px;display:none;transform:translate(-50%,-50%);}
.productOnMessage p.end{float:left;width:200px;margin-top:30px;font-family:"微软雅黑";color:red;line-height:34px;margin-left:20px;}