*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}
img{ border:none;}


/*public*/
.pubCon{ width:1200px; margin:0 auto;}
.pubTit{ text-align:center; margin-top:45px; margin-bottom:30px;}


/*welcome*/
.welcome{ width:100%; height:30px; line-height:30px; overflow:hidden; background: #333333;}
.welcome .welcon{ width:94%; margin-left:3%;}
.welcome .welcon h4{font-size:14px; color:#fff; float:left; font-weight:100;}
.welcome .welcon p{ font-size:14px; float:right;  font-weight:100; color:#fff;}
.welcome .welcon p a{ color:#fff;}
/*welcome*/

.top{width:100%; height:120px; background: #fff; overflow: hidden;}
.top .topcon{ width:94%; margin-left:3%;}
.top .topcon .logo{  float:left;width:25%; height: 120px;  }
.top .topcon .logo img{ margin-top:3px; line-height: 120px;  width:100%; min-width:350px; height:68px;}
.nav{ float:left; width:59%;}
.nav ul li{ width:11%; float:left; height: 120px; line-height: 120px; position:relative;transition:0.75s;}
.nav ul li a{ color:#333; text-align: center; display: inline-block; width:100%;}
.nav ul li span{ width:100%; height:100%; position:absolute; top:170px; left:0px; display:inline-block; transition:0.75s;}
.nav ul li:hover{ background:#1590e6;}
.nav ul li:hover span{top:-50px;}
.nav ul li:hover a{ color:#fff; }
.toptel{ float:right;width:15%;margin-top:35px;}

/*banner*/
.banner{ height:665px; width:100%; position:relative; overflow:hidden; z-index:1;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}
.banner .pubCon{ width:1200px; margin:0 auto; margin-left:600px;}
.banner .pubCon dl{ text-align:center; margin-left:400px;width:460px; background:rgba(255,255,255,0.6); min-height:100px; padding-top:30px; padding-bottom:30px;}
.banner .pubCon dd{ width:380px; background:#009944; margin-left:40px; height:40px; border-radius:15px;margin-bottom:20px; line-height:40px; transition:0.5s;}
.banner .pubCon dd:hover{ background:#eeab02;}
.banner .pubCon dd a{ font-size:16px; color:#fff; display:block;}
.bannerNav{ position:absolute; top:200px; z-index:999;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#eeab02;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}


.bannergu{ width:700px; position:absolute; z-index:999;}
.banbtn{ position: absolute; bottom:80px; z-index: 999; left:38%; width:450px; }
.banbtn .btnL{width:170px; height: 50px; background: #1590e6; border-radius: 10px; text-align: center; line-height: 50px; font-size: 22px; float:left; transition:0.5s;}
.banbtn .btnL a{ color:#fff;}
.banbtn .btnL:hover{ background:#fff; }
.banbtn .btnL:hover a{ color:#1590e6}
.banbtn .btnR{width:170px; height: 50px; background: #fff; border-radius: 10px; text-align: center; line-height: 50px; font-size: 22px; float:right; }
.banbtn .btnR:hover{background:#1590e6;}
.banbtn .btnR:hover a{ color:#fff;}
.banbtn .btnR a{ color:#1590e6;}
/*banner*/

.yewu{ width:100%; height: 220px; background: #1590e6; overflow: hidden;}
.yewu ul li{ width:240px; height: 220px; padding-top:20px; text-align: center;background: #1590e6;box-shadow: 5px 3px 6px 2px rgba(0,0,0,0.2); float:left;position: relative;}
.yewu ul li .yepic img{width:51px; height: 51px;transition:0.5s;}
.yewu ul li .yepic .pic2{  position: absolute;left:70px; transition:0.5s; opacity: 0;}
.yewu ul li h3{ font-size:22px; color:#fff; font-weight: 100; transition:0.5s; line-height: 45px;}
.yewu ul li i{ width:205px; height: 1px; background: #fff; display: inline-block; }
.yewu ul li p{ font-size:16px; color:#fff; line-height: 26px; margin-top:15px; width:220px; margin-left:10px;}
.yewu ul li span{ margin-top:50px; display:block; transition:1.3s;}

.yewu ul li:nth-child(1){ position: relative; z-index:9;}
.yewu ul li:nth-child(2){ position: relative; z-index:8;}
.yewu ul li:nth-child(3){ position: relative; z-index:7;}
.yewu ul li:nth-child(4){ position: relative; z-index:6;}
.yewu ul li:nth-child(5){ position: relative; z-index:0; box-shadow: none;}

.yewu ul li:hover .yepic .pic1{display:none; }
.yewu ul li:hover .yepic .pic2{ position: absolute; left:20px; opacity: 1;}
.yewu ul li:hover h3{margin-left:15px;}
.yewu ul li:hover span{ margin-top:20px;}
.yewu ul li:hover i{ margin-top:25px;}


/*product*/
.product{}
.proNav{ overflow:hidden;}
.proNav li{ width:277px; height:40px; border:1px solid #1590e6; border-radius:5px; text-align:center; line-height:40px; font-size:18px; float:left; margin-right:27px; transition:0.5s;}
.proNav li:nth-child(4){ margin-right:0px;}
.proNav li a{ color:#1590e6;}
.proNav li:hover{ background:#1590e6; }
.proNav li:hover a{ color:#fff;}

.proList{ width:100%; overflow:hidden; padding-top:30px; }
.proList ul{width:100%; }
.proList ul li{ width:380px;  height:320px;  float:left; margin-right:30px; margin-bottom:15px; overflow:hidden; text-align:center; position:relative;}
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:378px; height:278px; overflow:hidden; border:1px solid #ddd;}
.proList ul li .propic img{ display:block; width:100%; transition:0.3s; min-height:280px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proName{ width:380px; height:40px;  }
.proList ul li h4{ height:40px;  font-size:16px; color:#202020; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proList ul li:hover .proName h4{ color:#0165ec; }
.proList ul li:hover .zhe{transform:scale(1); top:0px;}
.proList ul li .heidi{ width:380px; height:278px; background:rgba(0,0,0,0.2); position:absolute; top:-300px; z-index:2; }
.proList ul li:hover .heidi{ top:0px;}
.zhe{ width:290px; height:200px; background:rgba(255,255,255,0.85); position:absolute;z-index:99; transition:0.5s; margin:40px 45px;transform:scale(0);}
.zhe img{ margin-top:43px;}
#marquee3{ width:100%; height:670px; overflow:hidden;}

/*about*/
.about{ width:100%; height:592px;background:url(../images/abbj.jpg) no-repeat center; margin-top:60px;}
.abwen{ font-size:18px; color:#fff; line-height:35px;  text-align:justify; text-align:center; margin-top:90px;}
.abmore{ width:1200px; height:40px;border-radius:3px; background:url(../images/morebj.jpg) no-repeat top center; transition:1s; margin-top:45px; text-align:center; line-height:40px;}
.abmore a{ color:#fff; width:100%; display:block; height:40px;}
.abmore:hover{ background-position:bottom;}

/*service*/
.service{ width:100%; height:590px;position:relative;}
.service #particles-js{ position:absolute; top:0px; width:100%; height:590px;opacity:0.45;}
.sercon{position:relative; overflow:hidden;}
.sercon i{ width:1200px; height:5px; background:#91cb15; display:block; position:absolute;top:100px; z-index:1;}
.sercon li{ position:relative; z-index:9; float:left;}
.sercon li{ width:200px; text-align:center;}
.sercon li .snum img{ transition:0.75s; opacity:0.85;}
.sercon li span{ width:20px; height:20px; background:#666; display:block; border-radius:50%;margin:13px 90px 20px; }
.sping{ position:relative; bottom:0px; width:200px; height:192px; text-align:center; transition:0.75s;}
.sping h3{ position:absolute; top:85px; font-size:20px; color:#333;left:60px; font-weight:100;}
.sercon li:hover .snum img{ transform:rotatey(360deg);opacity:1; }
.sercon li:hover .sping{ bottom:15px;}

.adtit{ margin-top:30px;}
.advantages{ width:100%; height:659px; background:url(../images/adbj.jpg) no-repeat center; position:relative;}
.advanCon{ width:48%; float:right;}
.advan1{ width:590px; height:165px;position:relative; top:90px;}
.advan1 .adLeft{float:left; margin-left:-20px; margin-top:20px; margin-right:10px; }
.advan1 .adRight{width:510px;float:left;}
.advan1 .adRight h4{font-size:20px; color:#fff; }
.advan1 .adRight i{ width:40px; height:1px; background:#fff; display:block;margin:10px 0px;}
.advan1 .adRight p{font-size:16px; color:#fff; line-height:25px;}

.advan2{ width:620px; height:165px;position:relative; top:115px;}
.advan2 .adLeft{float:left; margin-left:-50px; margin-top:20px; margin-right:10px; }
.advan2 .adRight{width:540px;float:left;}
.advan2 .adRight h4{font-size:20px; color:#fff; }
.advan2 .adRight i{ width:40px; height:1px; background:#fff; display:block;margin:10px 0px;}
.advan2 .adRight p{font-size:16px; color:#fff; line-height:25px;}

.advan3{ width:650px; height:165px;position:relative; top:140px;}
.advan3 .adLeft{float:left; margin-left:-80px; margin-top:20px; margin-right:10px; }
.advan3 .adRight{width:570px;float:left;}
.advan3 .adRight h4{font-size:20px; color:#fff; }
.advan3 .adRight i{ width:40px; height:1px; background:#fff; display:block;margin:10px 0px;}
.advan3 .adRight p{font-size:16px; color:#fff; line-height:25px;}


/*news*/
.news { overflow:hidden;}
.news .newLeft{ width:357px; height:486px; position:relative; float:left;}
.newzhe{ width:100%; height:115px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px;}
.newzhe .nzL{ width:270px; float:left;color:#fff; margin:30px 0px 30px 15px; }
.newzhe .nzL h4{ font-size:18px; }
.newzhe .nzL p{ font-size:14px; margin-top:10px;}
.njian{ float:right; margin-right:20px;margin-top:40px;transition:0.5s; }
.newzhe:hover .njian{margin-right:5px;}

.newright{ float:right;width:815px;}
.newright ul li{width:340px; height:180px; background:#fff; float:left; padding:25px; margin-right:10px; margin-bottom:10px; transition:0.5s;}

.newright ul li h3{ font-size:18px; color:#333;  transition:0.5s; font-weight:100;}
.newright ul li .nwen{ font-size:14px; color:#666; margin-top:10px; line-height:20px;}
.newright ul li i{ width:345px; height:1px; background:#999;display:block;margin:15px 0px 10px; }
.newright ul li .ndate .ndateL{width:80px; float:left; }
.newright ul li .ndate .ndateL b{ display:block; font-size:48px; color:#999; transition:0.5s;}
.newright ul li .ndate .ndateL p{ font-size:18px; color:#999;}
.newright ul li .ndate .ndateJ{ float:right; margin-top:25px;}
.newright ul li:hover h3{ color:#1590e6;}
.newright ul li:hover .ndateL b{ color:#1590e6;}

.newright ul li:hover{ box-shadow:2px 5px 10px 3px rgba(0,0,0,0.3) }


/*footer*/
.footer{ width:100%; margin-top:60px; background:#0084e0;}
.footer .fNav{  height:60px;  line-height:60px; }
.footer .fNav li{ width:133px; text-align:center;float:left; }
.footer .fNav li a{ color:#fff; width:133px; height:60px; display:inline-block;}
.footer .fNav li:hover a{ font-weight:600; } 

.fCon{ width:100%; height:241px; background:url(../images/footerbj.jpg) no-repeat center;}
.fconT{ overflow:hidden;}
.fLogo{ float:left; margin-top:65px; width:420px;}
.fLogo img{ width:95%}
.flianxi{ width:600px; float:left; margin-left:50px;}
.flianxi h1{ font-size:24px; font-weight:100; color:#fff; margin-top:30px; margin-bottom:5px;}
.flianxi p{ float:left; margin-right:10px;width:230px; font-size:14px; margin-right:30px; line-height:35px; color:#fff;}
.ewm{ float:right; margin-top:20px; }
.ewm p{ text-align:center; line-height:40px; font-size:14px; color:#fff;}

.copyright{ height:40px; color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright a{ color:#fff;}
.copyright p{ float:left; margin-right:25px; margin-left:300px;}
.copyright b{ display:inline-block; float:left; margin-top:5px; }


/******************************************************************内页样式*************************************************************/
.pubNei{ width:100%; m argin-top:-100px; }
.pubNei .pubCon{ width:1200px; }

.address{ width:100%; height:60px; background:#1590e6; overflow:hidden; line-height:60px;}
.address h3{font-size:24px; color:#fff; float:left; width:230px; height:60px; box-shadow:5px 5px 10px 3px rgba(0,0,0,0.3); }
.address h3 img{ float:left; margin-top:-5px;}
.addcon{ float:right;font-size:14px; color:#fff; margin-right:30px;}
.address i{float:left; display:inline-block;ma rgin-top:10px; margin-left:10px; }
.address a{ color:#fff; line-height:40px; font-size:16px;}
.address a:hover{ color:#333;}
.address img{ padding:15px 10px; display:block; float:left; }
.i1{ width:100%; height:3px; background:#1590e6; margin-top:3px;}

/*about*/
.aboutText{ width:1200px;  float:right; pad ding:0px 30px 0px 50px; height:auto; font-size:16px; color:#333; }
.aboutText p{ font-size:16px; line-height:35px; t ext-indent:2em; text-align:justify; color:#333; }
.aboutText table .firstRow img{ margin-right:20px; margin-bottom:10px;}

/*product内页*/
.Neirig{ margin-top:50px;}
.proLeft{ width:280px;float:left; }
.proLeft h2{ width:280px; height:80px; background:url(../images/proLeft.jpg) no-repeat center;; font-size:36px;color:#fff; text-align:center; line-height:80px;}
.proLeft .yiji{ width:280px; line-height:50px; text-align:center; background:#eee; font-size:16px; border-bottom:1px dashed #ddd; transition:0.5s; font-weight:600;}
.proLeft .yiji .a1{ color:#1590e6;width:280px; display:block}
.proLeft .erji{ line-height:40px; width:280px; background:#f6f6f6; text-align:center; border-bottom:1px dashed #e3e3e3; font-size:14px; }
.proLeft .erji .a2{ color:#666; font-weight:100; width:280px; display:block;}
/*.proLeft li a{ color:#333; width:280px; display:block;}*/
.proLeft .yiji:hover{ background:#8ec31f; }
.proLeft .yiji:hover .a1{ color:#fff;}
.proLeft .erji:hover{ background:#ddd;}
.proLeft .erji:hover .a2{ color:#333;}

.proNei{ width:900px; overflow:hidden; float:right;}
.proNei ul{ width:100%;}
.proNei ul li{ width:282px; height:auto;  float:left; margin-right:22px; margin-bottom:40px; overflow:hidden; text-align:center; }
.proNei ul li:nth-child(3n){ margin-right:0px;}
.proNei ul li .propic{ width:280px; height:210px; overflow:hidden; border:1px solid #ddd;}
.proNei ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:210px;}
.proNei ul li:hover .propic img{ transform:scale(1.1);}
.proNei ul li h4{ height:40px; background:#00a03e; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proNei ul li:hover h4{ background:#ffa300;}


.page{ width:920px; margin-top:15px; text-align:center; margin:0 auto; ma rgin-bottom:60px;}
.page .current{ width:50px; height:30px; background:#8ec31f; border-radius:3px; display:inline-block; color:#fff; text-align:center; line-height:30px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc; ba ckground:#333; color:#666; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;border-radius:3px; font-size:16px;font-family:"微软雅黑","黑体","宋体"; font-weight:100;}
.page a:hover{ background:#8ec31f; border-color:#8ec31f;color:#fff;}


/*产品详情页*/
.productnei{width:900px; float:right; }
.productnei h3{ text-align:center; }
.productnei img{ max-width:100%; height:auto}
.fbdate{ text-align:center; margin:20px auto 30px; font-size:14px; color:#666;}
.productText{ width:900px; }
.productText p{ font-size:16px; text-align:justify; text-indent:2em; line-height:30px;  color:#333;}

.pian{ margin-top:30px;}
.pian p{ font-size:16px; line-height:30px; }
.pian a{ color:#333;}
.pian p:hover a{ color:#8ec31f;}


/*news新闻内页*/
.newslist{ margin-top:30px;width:1200px;}
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:0px 0px 20px;}
.newslist li a{ color:#666;}
.newsDate{ width:150px; height:100px; background:#f2f2f2; text-align:center; float:left; transition:0.5s; border-right:1px solid #ddd;}
.newsDate p{font-size:30px; line-height:100px; transition:0.5s; color:#1590e6; }
.newslist .newstext{ width:950px; float:left; margin-left:50px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:5px 0px 15px; transition:0.5s;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; color:#999;  }

.newslist li:hover .newsDate{ background:#1590e6;}
.newslist li:hover a .newsDate p{ color:#fff; font-we ight:600;}
.newslist li:hover a h3{ color:#1590e6; margin-left:20px;}

.newsneiCon{ margin-bottom:30px;width:1100px; float:right; padding:0px 30px 0px 50px; }
.newsneiCon h3{ text-align:center;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px; font-size:16px; color:#333; text-indent:2em;}
.newsText p{ line-height:30px;}

/*联系我们*/
.contacttext{ width:340px; font-weight:600; font-size:16px; line-height:60px !important; padding-left:60px;float:left; mar gin-right:10px;}
.contacttext img{ display:inline-block; float:left; margin-right:5px; margin-top:20px;}
.contactimg{ float:right; position:relative; top:-240px; }
.contactimg img{display:block;float:right; }
#dituContent{ width:1150px; margin-left:25px;}

/*在线留言*/
.messageCon{ margin-left:300px; padding-top:30px; float:left;}
.faqline{margin-bottom:20px;}
.messageCon input{ height:40px; width:500px; margin-left:15px; border-radius:10px; border:1px solid #ccc;}
.messageCon .Content{ margin-bottom:20px; }
.messageCon textarea{  border-radius:10px; border:1px solid #ccc;margin-left:15px; width:500px;}
.messageCon .faqtit{ width:100px; display:inline-block; font-weight:600;}
.messageCon button{ width:620px; height:50px; border:none; background:#fff; color:#ff9000; border:1px solid #ff9000; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:10px;}
.messageCon button:hover{ background:#ff9000; color:#fff;}

.wp-pagenavi {
padding:15px 0;
	CLEAR: both;
	color:#000;
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;color:#000;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}
/* msg 留言板 */
.msg{width:100%;margin:16px auto;height:auto;overflow:hidden;}
.msg li{width:100%;height:auto;padding-bottom:10px;margin-bottom:10px;}
.msg_top{width:100%;height:auto;font:14px/30px "microsoft yahei";background:#ededed;color:#333333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0; font-weight:bold;}
.msg_top span{margin-right:14px;}
.msg_con{border:1px solid #ebebeb;background:#f3f3f3;overflow:hidden;padding-bottom:12px;}
.msg_consult{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";color:#7b7b7b;}
.msg_reply{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";border:1px solid #ebebeb;border-radius:3px ;background:#fff;color:#ff5958;text-indent:14px;}
.msg_now{width:100%;height:34px;background:url(../images/msgline1.png) center center no-repeat;overflow:hidden; margin:65px 0 30px 0;}
.msg_title{width:155px;height:34px; background-image:url(../images/msgbtn.png)  ; background-position:7px center; background-repeat:no-repeat;text-indent:43px;margin:0 auto;color:#fff;font:22px/34px "microsoft yahei";}
.msg_ul{width:580px;height:auto;overflow:hidden;margin:60px auto 0 ;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:12px;}
.msg_ul li p{width:130px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none; line-height:20px !important;}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer; background:#1590e6}