@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;}*/

/*head*/
.head{width: 100%;height: 30px; background: #f2f2f2; margin: 0 auto;}
.head h1{font-size: 14px;line-height: 30px;width: 1200px;text-align: left;color: #666;display: block;margin: 0 auto; font-weight: normal;}
/*top*/
.topBox{ width:100%; height:130px; margin:0 auto;}
.top{ width:1200px; height:130px; margin:0 auto; overflow:hidden;}
.logo{ width:655px; height:80px; display:block; margin:25px auto; padding-right:240px; background:url(../img/logo2.png) right center no-repeat;}
.logo img{ width:655px; height:80px; display:block;}
.phone{ width:160px; height:50px; margin:40px auto; padding-left:60px; background:url(../img/phone.png) left center no-repeat;}
.phone p{ font-size:16px; line-height:20px; color:#333;}
.phone h1{ font-size:20px; line-height:40px; color:#333; font-weight:bold;}

/*nav*/
.navBox{ width:100%; height:50px; background:#0758b3; margin:0 auto;}
.nav{ width:1200px; height:100px; margin:0 auto;}
.nav li{ width: 148px; float:left; display:block; position:relative; z-index:9; padding:0 1px;}
.nav li:hover{ background:#f6ac19; color:#fff;}
.nav li:last-child>a{background: none;}
.nav li>a{display:block; font-size:18px; font-weight:normal; text-align:center; line-height:50px; color:#fff;}
.nav li.active>a{ background:#f6ac19;}
.nav li .navhide{ position:absolute; width:100%; display:none; margin-left:-1px;}
.nav li .navhide a{ width:100%; float:left; display:block; font-size:14px; margin:0 auto 2px auto; height:38px; line-height:38px; text-align:center; color:#fff; background:rgba(246,172,25,.7);}
.nav li .navhide a:hover{ background:rgba(246,172,25,1);}
.nav li:hover .navhide{ display:block;}

/*banner*/
.fullSlide{ width:100%; height:auto; display:block; position:relative; background:#000; margin:0 auto; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; overflow:hidden;}
.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:#0758b3; }
/*.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:28px; font-weight:normal; text-align:center; color:#0758b3; line-height:40px; background: url(../img/title.png) center center no-repeat; text-transform: uppercase;}
.title p{font-size: 20px; text-align: center; line-height: 40px; color: #000;}

/*product*/
.proBox{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro{ width:1200px; height:auto; margin:10px auto; overflow:hidden;}
.proNav{width:100%; height:50px; display:block; margin:0 auto; text-align:center; cursor: pointer;}
.proNav li{ width:185px;line-height:48px; color: #333;border: 1px solid #ccc; background:#fff; font-size:18px; text-align: center; float:left; display:inline-block; margin:auto 0 auto 10px;}
.proNav li a{ color:#333;}
.proNav li:hover{background: #0758b3;color: #fff;border: 1px solid #0758b3;}
.proNav li:hover a{color: #fff;}
.proNav li.proActive{background: #0758b3;color: #fff;border: 1px solid #0758b3;}
.proNav li.proActive a{color: #fff;}
.pronrBox{width: 1200px; height:500px; margin:20px auto; overflow:hidden; overflow:hidden;}
.pronr{ width:1200px; height:500px; margin:0 auto; display:block; overflow:hidden;}
.pronr li{ width:270px; height:220px; float:left; display:block; padding:4px; border:1px solid #ccc; margin:10px; }
.pronr li img{ width:270px; height:180px; display:block; overflow:hidden; transition:all 0.5s;}
.pronr li p{ width:270px; font-size:16px; text-align:center; line-height:36px; color:#333; height:36px; margin-top:4px; overflow:hidden;}
.pronr li:hover img{ transform:rotate(360deg); width:270px; height:180px; overflow:hidden;}
.pronr li:hover p{ color:#fff; background:#0758b3;}

/*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 0 auto auto; overflow:hidden;}
.abo h1{ font-size:36px; text-align:left; color:#fff; text-transform:uppercase; line-height:40px;  overflow:hidden; }
.abo h2{ font-size:24px; text-align:left; color:#fff; line-height:40px;  overflow:hidden; }
.abo span{ width:60px; height:2px; display:block; background:#0758b3; margin:8px 0 20px;}
.abo p{ font-size:16px; text-align:left; color:#ccc; line-height:30px; text-indent:32px;}
.abo a{ width:140px; height:40px; display:block; margin:20px 0 auto auto; background:#ccc; color:#0758b3; font-size:16px; text-align:center; line-height:40px;}
.abo a:hover{ background:#fff;font-weight: bold;}

/*case*/
.anliBox{ width:100%; margin:0 auto; height:auto; }
.anli{ width:1200px; display:block; margin:30px auto; height:310px; overflow:hidden;}
.anli ul li{ width:360px; height:310px; float:left; display:block; margin: auto 20px; overflow: hidden;}
.anli ul li .anli-img{ width:360px; height:270px; display:block; overflow:hidden;}
.anli ul li .anli-img img{ width:360px; height:270px; display:block; overflow:hidden;}
.anli ul li .anli-txt{ width:360px; display:block; height:40px; color:#333; font-size:18px; line-height:40px; text-align:center;}
.anli ul li:hover .anli-img img{ opacity:0.8;}
.anli ul li:hover .anli-txt{ color:#0758b3;}

/*adv*/
.adv{width:100%; margin:0 auto; overflow:hidden; background:url(../img/adv-bg.jpg) top center no-repeat;}
.adv img{width: 1200px; height: 540px; display: block; margin: 0 auto;}

/*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{ height:50px; border-bottom:1px solid #ccc;}
.newTit h1{ font-size:30px; color:#000; font-weight:normal; line-height:32px; padding-bottom:16px; border-bottom:2px solid #0758b3; float:left; display:block;}
.newTit a{ float:right; display:block; font-size:16px; text-transform:uppercase; line-height:50px; color:#666; text-align:right;}
.newTit a:hover{color:#0758b3;}
.newL{ width:750px; height:auto; overflow:hidden;}
.newLT{ width:700px; height:90px; padding:20px 25px; background:#f0f0f0; margin:30px auto 15px;}
.newLT a{ font-size:18px; height:36px; line-height:36px; text-align:left; font-weight:500; color:#000; margin-bottom:4px;}
.newLT p{ font-size:16px; text-align:left; line-height:25px; height:50px; overflow:hidden; color:#333;}
.newLT p a{ font-size:16px; color:#0758b3; line-height:25px;}
.newLT p a:hover{ color:#f6ac19;}
.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:#000; overflow:hidden; margin-bottom:4px;}
.newLB li .newLBR p{ font-size:14px; text-align:left; line-height:25px; max-height:50px; overflow:hidden; color:#333;}
.newLB li .newLBR p a{ font-size:14px; color:#0758b3; line-height:25px;}
.newLB li:hover .newLBL{ border:1px solid #0758b3; background:#0758b3;}
.newLB li:hover .newLBL h2{ color:#fff;}
.newLB li:hover .newLBL p{ color:#fff;}
.newLB li:hover .newLBR a{ color:#0758b3;}
.newLB li:hover .newLBR p a{ color:#0758b3;}
.newR{ width:420px; height:auto; overflow:hidden;}
.newRT{ width:420px; margin-top:30px; background:#f7f7f7;}
.newRT img{ width:420px; height:210px; display:block; margin:0 auto 10px; position: relative;z-index: 1;}
.newRT h3{ width:400px; font-size:18px; height:40px; line-height:40px; color:#fff; overflow:hidden; padding:0 10px; position: relative;z-index: 9;margin-top: -50px; background: rgba(0,0,0,0.6);}
.newRT h3:hover{ color:#0758b3;}
.newRT p a:hover{ color:#0758b3;}
.newRB{ width:420px; height:auto; overflow:hidden; padding:10px 0 10px; }
.newRB li{ height:49px; width:400px; padding:0 10px; border-bottom:1px dashed #ccc; float:left; display:block; margin:0 auto; overflow:hidden;}
.newRB li span{ color:#999; font-size:20px; margin-right:5px;}
.newRB li a{ font-size:18px; line-height:49px; color:#000; height:49px; overflow:hidden;}
.newRB li:hover span{ color:#0758b3; font-weight:bold; margin-left:5px;}
.newRB li:hover a{ color:#0758b3;}

/*link*/
.linkBox{width: 100%; height:auto;padding:10px 0;background:#0758b3;margin: 0 auto;}
.link{ width:1200px; height:auto; display:block; margin:0px auto; overflow:hidden; }
.link span{ font-size:20px; line-height:30px; color:#fff;}
.link a{ font-size:16px; margin:0 10px; color:#e5e5e5; line-height:30px;}
.link a:hover{ color:#fff;}

/*footer*/
.footerBox{width: 100%; height:auto;background:#1a1a1a;color: #fff; }
.footer{width: 1200px; height:140px; padding: 40px 0 30px; display: block;margin: 0 auto;}
.footerL{ width:990px; height:auto; overflow:hidden;}
.footerL li{ width:280px; float:left; display:block; margin-right: 40px;}
.footerL li h1{ font-size:24px;font-weight: 500;line-height: 40px; text-align:left; color:#fff; font-weight:400;  display:block;}
.footerL li span{width:50px;height: 2px; background: #0758b3; display: block; margin: 19px 0;}
.footerL li p{ font-size:14px; text-align:left; color:#fff; line-height: 30px; display:block;}
.footerL li .footB{ height:auto; overflow:hidden; margin-bottom: 55px;}
.footerL li .footB a{width: 80px; font-size:14px; text-align:left; color:#e5e5e5; font-weight:normal; line-height:30px;float: left; display:block; }
.footerL li .footB a:hover{color: #f90;}
.footerL li.footcont{width: 310px;}
.footerL li.footcont p{ font-size:14px; text-align:left; color:#ccc; font-weight:normal; line-height:30px;}
.footerR{ width:120px; height:120px; overflow:hidden; margin-top: 10px; }
.footerR img{ width:120px; height:120px; display:block;}
.bah{ width: 100%;padding:0 0 10px; background:#000;display: block;overflow: hidden;}
.bah p{font-size: 14px; line-height: 30px;text-align: center;color: #fff;}


/*****************************内页**************************/
.mainBox{width: 100%;height: auto; margin: 0 auto auto;}
.main{width: 1200px; height: auto; margin: 0 auto;}

.inbt{width: 260px;height: 70px;padding:15px; background: url(../img/intit.png) top center no-repeat; position: relative;z-index: 99;margin: -50px 0 0px;}
.inbt h1{ font-size: 24px; text-align: left; line-height: 40px;color: #fff;display: block;}
.inbt p{font-size: 18px; text-align: left; line-height: 30px;color: #fff; text-transform: uppercase;}

.intit{width: 1200px; height: auto; margin: 0 auto; overflow:hidden;}
.inav{width:850px; height:64px; display:block; margin:0 auto 20px; text-align:center; cursor: pointer;border-bottom: 1px solid #ccc;}
.inav li{ line-height:60px; color: #333; font-size:16px; text-align: left; float:left; display:inline-block; padding: 0 20px 0 0; margin-left: 15px;}
.inav li a{ color:#333;}
.inav li:hover{ color: #fff;border-bottom: 4px solid #0758b3;}
.inav li:hover a{color: #0758b3;}
.inav li.inavActive{ color: #0758b3; border-bottom: 4px solid #0758b3;}
.inav li.inavActive a{ color: #0758b3;}
.inavnrBox{width: 1200px; height:40px; margin:20px auto; overflow:hidden;}
.inavnr{ width:1200px; height:40px; margin:0 auto; display:block; overflow:hidden;}
.inavnr a{ font-size: 16px; text-align: left; line-height: 40px;color: #333; margin:0 10px; }
.inavnr a:hover{ color: #0758b3;}
.inavnr a.inavnron{ color: #0758b3;}

.weizhi{ width: 325px; height:64px; line-height: 64px; padding-left:25px; background:url(../img/weizhi.png) left center no-repeat; margin:0 auto 20px; overflow:hidden;border-bottom: 1px solid #ccc;}
.weizhi p{ font-size:16px; line-height:64px; color:#333;}
.weizhi p a{ color:#666;}
.weizhi p a:hover{ text-decoration:underline; color:#0758b3;}

/*分页*/
.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:#0758b3; color:#fff; border:1px #0758b3 solid;}

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

/*about*/
.about{ width:1200px; height:500px; margin:20px auto 30px; overflow:hidden;}
.aboutL{ width:600px; height:500px; display:block; overflow:hidden;}
.aboutL img{ width:600px; height:500px; display:block;}
.aboutR{ width:540px; height:460px; overflow:hidden;padding:20px 30px;background: #f5f5f5;}
.aboutR h1{ font-size:24px; text-align:left; line-height:40px; color:#0758b3; font-weight:500;}
.aboutR p{ font-size:16px; text-align:left; text-indent:36px; line-height:30px; color:#333;}

.gscn{ width:1200px; height:400px; margin:30px auto; overflow:hidden;}
.gscnR{ width:600px; height:400px; display:block; overflow:hidden;}
.gscnR img{ width:600px; height:400px; display:block;}
.gscnL{ width:500px; height:200px; overflow:hidden;padding:100px 50px;background: #f5f5f5;}
.gscnL h1{ font-size:24px; text-align:right; line-height:40px; color:#0758b3; font-weight:500;margin-bottom: 10px;}
.gscnL p{ font-size:16px; text-align:left; text-indent:36px; line-height:30px; color:#333;}

.jyln{ width:1200px; height:400px; margin:30px auto 50px; overflow:hidden;}
.jylnL{ width:600px; height:400px; display:block; overflow:hidden;}
.jylnL img{ width:600px; height:400px; display:block;}
.jylnR{ width:500px; height:230px; overflow:hidden;padding:85px 50px;background: #f5f5f5;}
.jylnR h1{ font-size:24px; text-align:left; line-height:40px; color:#0758b3; font-weight:500;margin-bottom: 10px;}
.jylnR p{ font-size:16px; text-align:left; text-indent:36px; line-height:30px; color:#333;}

/*honor*/
.honor{ width:1200px; height:auto; max-height:780px; margin:10px auto 30px; display:block; overflow:hidden;}
.honor li{ width:280px; height:240px; float:left; display:block; margin:10px; cursor:pointer;}
.honor li a{ width:280px; height:210px; display:block; overflow:hidden;}
.honor li a img{ width:280px; height:210px; display:block;}
.honor li p{ font-size:16px; text-align:center; line-height:30px; color:#333; height:30px; overflow:hidden;}
.honor li:hover p{ color:#0758b3;}

/*product*/
.product{ width:1200px; height:auto; margin:10px auto 30px; display:block; overflow:hidden;}
.product li{ width:270px; height:220px; float:left; display:block; padding:4px; border:1px solid #ccc; margin:10px; }
.product li img{ width:270px; height:180px; display:block; overflow:hidden; transition:all 0.5s;}
.product li p{ width:270px; font-size:16px; text-align:center; line-height:36px; color:#333; height:36px; margin-top:4px; overflow:hidden;}
.product li:hover img{ transform:rotate(360deg); width:270px; height:180px; overflow:hidden;}
.product li:hover p{ color:#fff; background:#0758b3;}
/*pro-xq*/
.proT {width:1200px; height:360px; display:block; overflow:hidden; margin:10px auto 30px;}
.proT .proTL{ width:538px; height:358px; display:block;  overflow:hidden; border: 1px solid #ccc;}
.proT .proTL img{ width:538px; height:358px; display:block;}
.proT .proTR{ width:630px; height:360px; overflow:hidden;}
.proT .proTR h1{ font-size:24px; text-align:left; line-height:50px; font-weight:normal; color:#000; margin: 10px 0;}
.proT .proTR p{ font-size:16px; line-height:36px; text-align:left; color:#333; max-height:310px; overflow:hidden;}
.proTit{width:1160px; padding:0 20px; height:50px; background:#f2f2f2; margin:20px auto; overflow:hidden;}
.proTit h1{ font-size:18px; color:#000; line-height:50px; text-align:left; padding-right:40px; background:url(../img/arrow.png) left 80px center no-repeat; font-weight:normal;}
.proxq{width:1200px; margin:20px auto; overflow:hidden;}
.proxq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.proxq img{ display:block; margin:10px auto;}

/*case*/
.case{ width:1200px; display:block; margin:10px auto 30px; height:auto; overflow:hidden;}
.case li{ width:360px; height:310px; float:left; display:block; margin: auto 20px; overflow: hidden;}
.case li .case-img{ width:360px; height:270px; display:block; overflow:hidden;}
.case li .case-img img{ width:360px; height:270px; display:block; overflow:hidden;}
.case li .case-txt{ width:360px; display:block; height:40px; color:#333; font-size:18px; line-height:40px; text-align:center;}
.case li:hover .case-img img{ opacity:0.8;}
.case li:hover .case-txt{ color:#0758b3;}

/*news*/
.news{ width:1200px; height:auto; margin:10px auto 30px; overflow:hidden; display:block;}
.news li { width:1180px; height:180px; padding:0px 10px 29px; overflow:hidden; float:left; display:block; margin:0 auto 30px; border-bottom:1px dashed #ccc; cursor:pointer;}
.news li .newsL{ width:360px; height:180px; display:block; overflow:hidden;}
.news li .newsL img{ width:360px; height:180px; display:block; overflow:hidden;}
.news li .newsR{ width:800px; height:180px; overflow:hidden;}
.news li .newsR h1{ font-size:18px; font-weight:normal; color:#000; height:40px; line-height:40px; overflow:hidden;}
.news li .newsR span{ height:20px; font-size:14px; text-align:left; line-height:20px; margin:5px 0; display:block; color:#999; padding-left:20px; background:url(../img/time.png) left center no-repeat;}
.news li .newsR p{ font-size:16px; line-height:30px; max-height:60px; overflow:hidden; color:#666;}
.news li .newsR .newsM{ width:118px; height:34px; display:block; line-height:34px; font-size:16px;  text-align:center; color:#0758b3; border:1px solid #0758b3; margin-top:14px;}
.news li:hover .newsL img{ opacity:0.8;}
.news li:hover .newsR h1{ color:#0758b3;}
.news li:hover .newsR .newsM{ color:#fff; background:#0758b3;}

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

/*liuyan*/
.inMsgList{ width:1160px; padding:50px 20px; margin: 30px auto;overflow: hidden; background: #f5f5f5;}
.inMsgList li{width: 520px;float: left;margin:0px 30px 40px;}
.inMsgList li p{font-size:18px;line-height: 24px;margin-bottom: 4px; color: #333;}
.inMsgList li input{font-size: 16px;padding: 0px 9px;border: 1px #ccc solid;line-height: 36px;border-radius: 4px;width: 500px; color: #999;}
.inMsgList li textarea{padding: 10px;font-size: 16px;border: 1px #ccc solid;border-radius: 4px;width:620px;height:86px; color: #999;}
.inMsgList li .inMBtn{ cursor:pointer; background:#0758b3; font-size:16px; border: 1px #ececec solid;width: 170px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px;}

/*contact*/
.contactBox{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.contact{ width:1200px; height:auto; margin:20px auto 40px; display:block; overflow:hidden;}
.contactL{width: 500px;height: 340px; overflow: hidden; padding: 30px 50px; background: #f5f5f5;}
.contactL h1{font-size: 30px;line-height: 50px; color: #000;font-weight: 500;display: block;margin: 10px 0;}
.contactL p{font-size: 24px; padding-left: 70px; line-height: 50px; color: #666; margin: 20px 0;}
.contactL p span{ color: #000;font-weight: 500;}
.contactR{width: 600px;height: 400px; overflow: hidden;}