@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ width:100%; overflow-x:hidden;}
body{ font-size:12px; margin: 0; min-width:1200px; font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;}
ul, li{ list-style-type: none;}
img, ul, li{ padding: 0px;	margin: 0px;}
img{ border: none;}
a{ text-decoration: none; color:#333;}
a:hover { text-decoration: none;}
.clearfix{clear: both;}
input, textarea { outline: none; border: 0px;}
h1, h2, h3, h4, h5, p, dl, dd, dt, i, em{ margin: 0; font-weight: normal;} 
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
/*html,body{	-moz-user-select: none;	-khtml-user-select: none;	user-select: none;}*/

/*top*/
.topBox{ width:100%; height:100px; margin:0 auto; overflow:hidden; border-top:3px solid #0af;}
.top{ width:1200px; height:100px; margin:0 auto;}
.logo{ width:340px; height:60px; display:block; margin:20px auto; overflow:hidden; /*padding-right:100px; border-right:1px solid #ccc;*/}
.logo img{ width:340px; height:60px; display:block;}
.nav{ width:780px; display:block; height:100px; margin:0 0 0 auto; overflow:hidden;}
.nav li{ width:129px; float:left; display:block; margin:0 1px 0 0; position:relative; z-index:9;}
.nav li:hover{ background:#0af; color:#fff;}
.nav li:hover a{ background:#0af; color:#fff;}
.nav li:last-child>a{background: none;}
.nav li>a{ width:129px; display:block; font-size:18px; font-weight:normal; text-align:center; line-height:100px; color:#333;}
.nav li.active>a{color: #fff; background:#0af}
/*.nav li .navhide{ position:absolute; width:100%; display:none;}
.nav li .navhide a{ width:100%; float:left; display:block; font-size:14px; margin:0 auto 2px auto; height:30px; line-height:30px; text-align:center; color:#fff; background:rgba(1,202,76,.7);}
.nav li .navhide a:hover{ background:rgba(1,202,76,1);}
.nav li:hover .navhide{ display:block;}*/

/*banner*/
.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top; } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:40px; line-height:40px;  text-align:center;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:#999; overflow:hidden; 	font-size:0; border-radius:50%;}
.fullSlide .hd ul .on{ background:#0af; }
/*.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }*/

/*title*/
.title{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.title h1{ font-size:30px; font-weight:normal; text-align:center; color:#333; line-height:50px; background:url(../img/title.png) center center no-repeat;}

/*product*/
.proBox{ width:100%; margin:0 auto; overflow:hidden;}
.pro{ width:1200px; height:auto; display:block; margin:0 auto; overflow:hidden;}
.pro li{ width:360px; height:280px; padding:4px; border:1px solid #ccc; float:left; display:block; margin:15px; overflow:hidden;}
.pro li img{ width:360px; height:240px; display:block; transition:all 0.5s; overflow:hidden;}
.pro li p{ width:360px; height:36px; font-size:18px; text-align:center; line-height:36px; color:#333; background:#fff; margin-top:4px;}
.pro li:hover{ border:1px solid #0af; background:#0af;}
.pro li:hover img{ transform:rotate(360deg); width:360px; height:240px; overflow:hidden;}
.pro li:hover p{color:#0af;}
.proM{ width:300px; height:40px; background:#0af; color:#fff; text-align:center; line-height:40px; margin:20px auto; display:block; font-size:18px; border-radius:20px;}

/*about*/
.aboBox{ width:100%; margin:0 auto; overflow:hidden; background:url(../img/abo-bg.jpg) top center no-repeat;}
.abo{ width:1200px; height:420px; padding:30px 0; margin:0 auto; overflow:hidden;}
.aboTxt{ width:600px; height:auto; margin:0 auto auto 0; overflow:hidden;}
.abo h1{ font-size:36px; text-align:left; color:#0af; text-transform:uppercase; line-height:50px;  overflow:hidden; }
.abo h2{ font-size:24px; text-align:left; color:#333; line-height:50px;  overflow:hidden; }
.abo span{ width:60px; height:2px; display:block; background:#0af; margin:8px 0 30px;}
.abo p{ font-size:18px; text-align:left; color:#333; line-height:40px; text-indent:36px;}
.abo a{ width:140px; height:40px; display:block; margin:30px 0 auto; background:#999; color:#fff; font-size:16px; text-align:center; line-height:40px;}
.abo a:hover{ background:#0af; color:#fff;}

/*anli*/
.anliBox{ width:100%; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.anli{ width:1200px; display:block; margin:30px auto; height:310px; overflow:hidden;}
.anli ul li{ width:270px; height:310px; float:left; display:block; margin: auto 15px; overflow:hidden; cursor:pointer;}
.anli ul li .anliT{ width:270px; height:310px; overflow:hidden; position:relative; z-index:0;}
.anli ul li .anliT img{ width:270px; height:270px; display:block; overflow:hidden;}
.anli ul li .anliT p{ width:270px; font-size:18px; text-align:center; line-height:39px; color:#333; height:39px; border-bottom:1px solid #0af;}
.anli ul li .anliB{ width:230px; height:160px; padding:20px; background:#0af; position:relative; z-index:99; transition:all 0.5s;}
.anli ul li .anliB h1{ font-size:18px; text-align:center; line-height:35px; height:35px; overflow:hidden; font-weight:500; color:#fff;}
.anli ul li .anliB p{ font-size:14px; text-align:left; line-height:25px; height:75px; color:#f0f0f0; overflow:hidden;}
.anli ul li .anliB a.anliM{ width:228px; height:32px; font-size:14px; border:1px solid #fa0; background:#fa0; color:#fff; line-height:32px; display:block; margin:16px auto auto; text-align:center;}
/*.anli ul li .anliB a.anliM:hover{ background:#fa0; border:1px solid #fa0;}*/
.anli ul li:hover .anliB{ margin-top:-200px;}

/*news*/
.newBox{ width:100%; margin:0 auto; overflow:hidden; background:url(../img/news-bg.jpg) center center no-repeat;}
.new{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.newTit{ width:100%; height:48px; border-bottom:2px solid #ccc;}
.newTit h1{ width:100px; height:48px; border-bottom:2px solid #fa0; float:left; display:block; font-size:24px; line-height:48px; font-weight:500; color:#0af;}
.newTit a{ float:right; display:block; font-size:14px; text-transform:uppercase; line-height:48px; color:#666; text-align:right;}
.newL{ width:750px; height:auto; overflow:hidden;}
.newLT{ width:700px; height:90px; padding:20px 25px; background:#fff; margin:30px auto;}
.newLT a{ font-size:18px; height:36px; line-height:36px; text-align:left; font-weight:500; color:#333; margin-bottom:4px;}
.newLT p{ font-size:16px; text-align:left; line-height:25px; height:50px; overflow:hidden; color:#666;}
.newLT p a{ font-size:16px; color:#fa0; line-height:25px;}
.newLB{ width:750px; height:auto; overflow:hidden; margin:0 auto;}
.newLB li{ width:750px; height:90px; float:left; display:block; margin:15px auto; cursor:pointer;}
.newLB li .newLBL{ width:88px; height:88px; border:1px solid #999;}
.newLB li .newLBL h2{ font-size:36px; text-align:center; color:#666; font-weight:500; margin-top:10px;}
.newLB li .newLBL p{ font-size:14px; text-align:center; color:#666;}
.newLB li .newLBR{ width:640px; height:90px; overflow:hidden;}
.newLB li .newLBR a{ font-size:16px; height:36px; line-height:36px; color:#333; overflow:hidden; margin-bottom:4px;}
.newLB li .newLBR p{ font-size:14px; text-align:left; line-height:25px; max-height:50px; overflow:hidden; color:#666;}
.newLB li .newLBR p a{ font-size:14px; color:#fa0; line-height:25px;}
.newLB li:hover .newLBL{ border:1px solid #0af; background:#0af;}
.newLB li:hover .newLBL h2{ color:#fff;}
.newLB li:hover .newLBL p{ color:#fff;}
.newLB li:hover .newLBR a{ color:#0af;}
.newLB li:hover .newLBR p a{ color:#0af;}
.newR{ width:420px; height:auto; overflow:hidden;}
.newRT{ width:420px; margin-top:30px;}
.newRT img{ width:420px; height:210px; display:block; margin:0 auto 10px;}
.newRT h3{ font-size:16px; height:40px; line-height:40px; color:#333; overflow:hidden;}
.newRT p{ font-size:14px; text-align:left; line-height:25px; max-height:50px; overflow:hidden; color:#666;}
.newRT p a{ font-size:14px; color:#fa0; line-height:25px;}
.newRT h3:hover{ color:#0af;}
.newRT p a:hover{ color:#0af;}
.newRB{ width:420px; height:auto; overflow:hidden; margin-top:20px;}
.newRB li{ height:39px; width:420px; border-bottom:1px dashed #ccc; float:left; display:block; margin:0 auto;}
.newRB li span{ color:#999; font-size:20px; margin-right:5px;}
.newRB li a{ font-size:16px; line-height:39px; color:#333; height:39px; overflow:hidden;}
.newRB li:hover span{ color:#0af; font-weight:bold; margin-left:5px;}
.newRB li:hover a{ color:#0af;}

/*link*/
.linkBox{ width:100%; height:auto; margin:0 auto;}
.link{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.linkT{ width:1200px; height:20px; padding-bottom:20px; background:url(../img/link.png) center bottom no-repeat;}
.linkT h1{ font-size:24px; text-align:left; line-height:20px; color:#0af; font-weight:normal; margin-left:5px;}
.linkT h1 span{ font-size:16px; color:#666; text-transform:uppercase; padding-left:10px;}
.linkB{ width:1200px; height:auto; padding:10px 0;}
.linkB a{ font-size:16px; line-height:30px; color:#333; float:left; display:block; margin:0 10px;}
.linkB a:hover{ color:#0af;}

/*footBox*/
.footBox{ width:100%; height:auto; margin:0 auto; background:#1a1a1a; }
.foot{ width:1200px; height:130px; padding:30px 0; display:block; margin:0 auto; overflow:hidden;}
.footC{ width:750px; height:130px; margin:0 auto 0 20px; }
.fnav{ width:750px; height:20px; line-height:20px; padding-bottom:14px; border-bottom:1px solid #ccc; margin-bottom:10px; color:#ccc;}
.fnav a{ height:20px; line-height:20px; text-align:left; color:#fff; font-size:18px; padding:0 20px;}
.fnav a:hover{ color:#0af;}
.fcon{ width:750px; height:70px; display:block; overflow:hidden; margin-top:20px;}
.fcon p{ font-size:16px; line-height:35px; color:#ccc;}
.fcon p a{ color:#fff;}
.fcon p a:hover{ text-decoration:underline;}
.fewm{ width:100px; height:130px; margin:0 0 0 30px; overflow:hidden}
.fewm img{ width:100px; height:100px; display:block;}
.fewm p{ font-size:14px;  line-height:30px; color:#ccc; font-weight:normal; text-align:center;}


/*****************************内页**************************/
/*intit*/
.intitBox{ width:100%; height:49px; border-bottom:1px solid #ccc;}
.intit{ width:1200px; height:49px; margin:0 auto;}
.mtit{display:block; text-align:left;}
.mtit p{ text-align:right; padding-left:20px; background:url(../img/tittle.png) left center no-repeat; font-size:16px; line-height:49px; color:#666;}
.mtit p a{ color:#333;}
.mtit p a:hover{ color:#0af;}
.mnav{display:block;}
.mnav li{ width:120px; height:49px; line-height:49px; text-align:center; font-size:18px; color:#333; background:#e5e5e5; float:left; display:block; margin:auto 10px auto auto;}
.mnav a{ width:120px; height:49px; display:block; line-height:49px; text-align:center; font-size:18px; color:#333; }
.mnav li:hover{ background:#0af; color:#fff;}
.mnav li:hover a{ color:#fff;}
.mnav li.mnavon{ background:#0af; color:#fff}
.mnav li.mnavon a{ background:#0af; color:#fff}

/*分页*/
.page{ margin:30px auto; text-align: center; width:100%; overflow:hidden;}
.page span,.page a{ display:inline-block;line-height: 30px; margin:0px 3px;}
.page a{ padding:0px 12px; border:1px #ccc solid; background:#fff; font-size:14px;}
.page a:hover{ background:#0af; color:#fff; border:1px #0af solid;}

/*fanye*/
.back{ display:block; width:1200px; margin:30px auto; overflow:hidden; border-top:2px solid #ccc; padding-top:8px;}
.backL{ width:1000px;}
.backL p{ font-size:16px; color:#333; line-height:30px;}
.backL p a{ color:#666;}
.backL p a:hover{ color:#0af;}
.backR{ display:block; width:90px; height:30px; font-size:16px; line-height:30px; text-align:center; background:#0af; border-radius:5px; color:#fff; margin:15px auto;}
.backR:hover{ background:#fa0;}

/*main*/
.main{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

/*about*/
.about{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.about p{ font-size:18px; text-align:left; line-height:40px; color:#333; text-indent:36px;}
.about img{ display:block; margin:10px auto; overflow:hidden;}

/*honor*/
.honor{ width:1200px; height:auto; margin:30px auto; display:block; overflow:hidden;}
.honor li{ width:550px; height:470px; float:left; display:block; margin:15px 25px;}
.honor li a{width:540px; height:420px; display:block; padding:4px; border:1px solid #ccc; overflow:hidden;}
.honor li a img{ width:540px; height:420px; display:block; overflow:hidden;}
.honor li p{ font-size:18px; height:40px; line-height:40px; text-align:center; color:#333;}

/*product*/
.product{ width:1200px; height:auto; margin:30px auto; display:block; overflow:hidden;}
.product li{ width:540px; height:400px; padding:4px; border:1px solid #ccc; float:left; display:block; margin:20px 25px; overflow:hidden;}
.product li img{ width:540px; height:360px; display:block; transition:all 0.5s; overflow:hidden;}
.product li p{ width:540px; height:36px; font-size:18px; text-align:center; line-height:36px; color:#333; background:#fff; margin-top:4px;}
.product li:hover{ border:1px solid #0af; background:#0af;}
.product li:hover img{ transform:rotate(360deg); width:540px; height:360px; overflow:hidden;}
.product li:hover p{color:#0af;}

.pro-xq{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.pro-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.pro-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:20px; font-weight:normal; padding-bottom:9px; border-bottom:1px dashed #ccc;}
.pro-xq p{ font-size:16px; line-height:32px; text-align:left; color:#333; text-indent:32px;}
.pro-xq img{ display:block; margin:10px auto;}

/*case*/
.case{ width:1200px; height:auto; margin:30px auto; display:block; overflow:hidden;}
.case li{ width:360px; height:400px; float:left; display:block; margin:20px; overflow:hidden; cursor:pointer;}
.case li .caseT{ width:360px; height:400px; overflow:hidden; position:relative; z-index:0;}
.case li .caseT img{ width:360px; height:360px; display:block; overflow:hidden;}
.case li .caseT p{ width:360px; font-size:18px; text-align:center; line-height:39px; color:#333; height:39px; border-bottom:1px solid #0af;}
.case li .caseB{ width:320px; height:180px; padding:20px; background:#0af; position:relative; z-index:99; transition:all 0.5s;}
.case li .caseB h1{ font-size:18px; text-align:center; line-height:40px; height:40px; overflow:hidden; font-weight:500; color:#fff;}
.case li .caseB p{ font-size:16px; text-align:left; line-height:30px; height:60px; color:#f0f0f0; overflow:hidden;}
.case li .caseB a.caseM{ width:318px; height:32px; font-size:14px; border:1px solid #fa0; background:#fa0; color:#fff; line-height:32px; display:block; margin:26px auto auto; text-align:center;}
.case li:hover .caseB{ margin-top:-200px;}

.case-xq{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.case-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.case-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:20px; font-weight:normal; padding-bottom:9px; border-bottom:1px dashed #ccc;}
.case-xq p{ font-size:16px; line-height:32px; text-align:left; color:#333; text-indent:32px;}
.case-xq img{ display:block; margin:10px auto;}

/*news*/
.news{ width:1200px; height:auto; margin:30px auto; display:block; overflow:hidden;}
.news li{ width:1180px; height:100px; padding:9px; border:1px solid #ccc; float:left; display:block; margin:20px auto; overflow:hidden; cursor:pointer;}
.news li .time{ width:100px; height:100px; background:#f2f2f2; overflow:hidden; margin-right:20px;}
.news li .time h1{ font-size:36px; text-align:center; color:#666; font-weight:500; margin-top:15px;}
.news li .time p{ font-size:14px; text-align:center; color:#666;}
.news li .newsTxt{ width:880px; height:100px; overflow:hidden;}
.news li .newsTxt a{ font-size:18px; line-height:40px; height:40px; color:#333; font-weight:400; overflow:hidden; margin-bottom:10px;}
.news li .newsTxt p{ font-size:16px; line-height:30px; max-height:60px; color:#666; overflow:hidden;}
.news li .newsM{ width:130px; height:40px; display:block; margin:30px 0 30px auto; font-size:16px; color:#0af; text-align:center; line-height:40px; background:#f2f2f2;}
.news li:hover{ border:1px solid #0af; box-shadow:1px 2px 2px rgba(0,170,255,0.6);}
.news li:hover .time{ background:#0af;}
.news li:hover .time h1{ color:#fff;}
.news li:hover .time p{ color:#fff;}
.news li:hover .newsTxt a{ color:#0af;}
.news li:hover .newsM{ background:#0af; color:#fff; box-shadow:2px 2px 2px rgba(0,170,255,0.6);}

.news-xq{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.news-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.news-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:20px; font-weight:normal; padding-bottom:9px; border-bottom:1px dashed #ccc;}
.news-xq p{ font-size:16px; line-height:32px; text-align:left; color:#333; text-indent:32px;}
.news-xq img{ display:block; margin:10px auto;}

/*contact*/
.contact{ width:1200px; height:auto; margin:50px auto; overflow:hidden;}
.inMsgList{ width:650px; height:auto; padding:40px 35px 30px; border:5px #e3e3e3 solid; margin: 0 auto; overflow: hidden;}
.inMsgList li{ width: 260px; float: left; margin:10px 27px 20px;}
.inMsgList li h5{ font-size:16px; line-height: 24px; margin-bottom: 4px;}
.inMsgList li input{ font-size: 16px; padding: 0px 10px; border: 1px #ccc solid; line-height: 36px; border-radius: 4px; width: 290px;}
.inMsgList li textarea{ padding: 10px; font-size: 16px; border: 1px #ccc solid; border-radius: 4px; width:600px; height:86px;}
.inMsgList li .inMBtn{ background:#f90; font-size: 18px; border: 1px #f90 solid; width: 170px; color:#fff;}
.inCont{ width:430px; overflow:hidden; }
.inCont h1{ font-size:24px; line-height:50px; text-align:left; color:#333; font-weight:500;}
.inCont span{ width:40px; height:2px; background:#0af; display:block; margin:5px 0 11px;}
.inCont p{ font-size:18px; line-height:40px; text-align:left; color:#333;}
.inCont img{ width:160px; height:160px; display:block; margin-top:30px;}