*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ }
a{ direction: none;}
table{direction:none;}

@font-face {font-family: 'siyuanE';src: url('http://file.wf360.com.cn/font/siyuanE.otf');}
@font-face {font-family: 'plantc';src: url('../font/plantc.ttf');}

.pubCon{ width:1200px; margin:0 auto;}
.pubTit{ width:1200px; text-align:center; margin-bottom:25px; margin-top:20px;} 
.pubTit p{ font-size:32px; color:#e8e8e8; font-weight:600;}
.pubTit h3{ font-size:30px; color:#0075cf; margin-top:-25px;}

/*top*/
.welcome{ width:100%; height:30px; background:url(../images/topbj.png) no-repeat center; }
.welcome p{ font-size:14px; color:#fff; line-height:30px; float:left;}
.welcome b{ font-size:14px; color:#fff; line-height:30px; float:right; font-weight:100;}
.welcome b a{ color:#fff; }

.top{ height:110px; }
.top .logo{ margin-top:20px; float:left;}
.tTel{ float:right; width:300px; margin-top:25px;}
.tTel img{ float:left; margin-right:10px;}
.tTel p{ font-size:16px; color:#666;}
.tTel b{ font-size:30px; color:#f9b40e;}


/*nav*/
.navtop{width:100%; height:5px; background:#f9b40e;}
.nav{ width:100%; height:60px; background:#0075cf; position:relative; z-index:99;}
.nav ul li{ width:150px; text-align:center; float:left; line-height:60px; height:72px;}
.nav ul li a{ color:#fff;}
.nav ul li:hover,.nav ul li.on{ background:url(../images/navbj.png) no-repeat center;} 


/*banner*/
.banner{ height:600px; width:100%; position:relative; overflow:hidden; z-index:1; top:-12px;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.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:#014ea6;}

.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%;}
/*banner*/

/*remen*/
.remen{margin-top:-50px;position:relative; z-index:99; }
.remen .rezixun{ width:900px; height:60px; border-bottom:3px solid #eee; background:#fff;  float:left;}
.remen .reTel{ width:300px; height:63px; background:#f9b40e; float:right;}
.remen .reTel img{ margin:10px; float:left;}
.remen .reTel p{ font-size:34px; color:#fff; text-align:center; line-height:63px; font-style:italic; float:left;}
.reicon{ width:60px; float:left;}
.reicon img{ margin-top:8px;}
#marquee1{width:800px;height:60px;overflow:hidden;margin-right:30px; overflow:hidden; }
#marquee1 ul li{float:left; padding:0 10px; line-height:60px;}
#marquee1 ul li a{ color:#888;}
#marquee1 ul li:hover a{ color:#333;}
/*remen*/


/*product*/
.product{ width:100%; min-height:930px; backg round:#f8f8f8; overflow:hidden; marg in-bottom:50px;}
.proNav { overflow:hidden; margin-bottom:10px;}
.proNav li{ width:380px; height:40px; background:#333; border-radius:20px; float:left; margin-right:30px; transition:0.5s; margin-bottom:15px;}
.proNav li:nth-child(3n){ margin-right:0px;}
.proNav li a{ font-size:16px; color:#fff; line-height:40px; text-align:center; display:block;}
.proNav li:hover{ background:#f9b40e;}
/*.proNav li:hover a{ color:#fff;}*/
.proList{ width:1200px; overflow:hidden; marg in-top:30px; }
.proList ul{width:100%; }
.proList ul li{ width:380px; height:auto;  float:left; margin-right:25px; margin-bottom:30px; overflow:hidden; text-align:center; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:378px; height:285px; overflow:hidden; border:1px solid #ccc;}
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:285px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proList ul li h4{ height:40px; background:#0075cf; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ background:#f9b40e;}

/*about*/
.about{ width:100%; }
.about .pubTit{ position:relative; z-index:999;}
.about .pubTit p{ color:#77c3fd;}
.about .pubTit h3{ color:#fff;}
.abTop{wdith:100%; overflow:hidden; height:340px;position:relative;}
.abbj{ width:100%; height:auto; position:absolute; top:0px; z-index:1px;}
.zheshi{ width:100%; height:560px; background:rgba(0,117,207,0.75); position:absolute;top:0px; z-index:9;}
.abbot .pubCon{ width:1200px; height:280px; background:#fff; box-shadow:3px 3px 10px 0px #ddd; position:relative; top:-210px; z-index:99;}
.abbot .pubCon .abimg{ width:320px; height:240px; float:left; padding:15px; }
.abbot .pubCon .abtext{ width:800px;float:right; padding:20px; text-indent:2em; line-height:35px; text-align:justify; font-size:16px;}
.abmore{ width:300px; height:45px; border:1px solid #f9b40e; text-align:center; line-height:45px; border-radius:10px; margin-left:250px; margin-top:15px; transition:0.5s;}
.abmore a{ color:#f9b40e;}
.abmore:hover{ background:#f9b40e;}
.abmore:hover a{ color:#fff;}

/*case*/
.case{ margin-top:-300px; width:100%;height:550px; background:url(../images/bj.png) repeat;}
.case .pubTit{ padding-top:100px;}
.caseLb .pubCon{width:1200px; height:380px;  position:relative; margin:0 auto; z-index:99;}
.case .swiper-container{  margin-bottom:15px;}
.case .swiper-slide{ width:280px; height:265px; background:url(../images/casebj.png) no-repeat center;  overflow:hidden; bor der:1px solid #0075cf;}
.case .caseimg{ width:180px; height:180px; border-radius:50%; margin-left:50px; margin-top:20px;}
.case .swiper-slide img{ display:block; width:100%; height:100%; border-radius:50%; overflow:hidden;transition:0.5s;}
.case .swiper-slide:hover img{ transform:rotatey(180deg)}
.case h4{ font-weight:100; font-size:20px; color:#fff; width:280px; height:50px; text-align:center; line-height:50px; transition:0.5s; padding-top:10px; }
.case .swiper-slide:hover h4{ color:#f9b40e;}

.casemore{ text-align:center;}
.casemore a{ width:50px; height:50px;  display:block; margin-left:575px; }
.casemore a img{ transition:0.5s;}
.casemore a:hover img{ transform:scale(1.1);}
/*news*/
.news{ width:100%;}
.newsCon{ margin-top:20px;}
.newsLeft{ float:right; }
.example {
	width: 450px;
	height: 338px;
	font-size: 40px;
	text-align: center;
	background-color: #f9b40e;
	float:left;
			}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}

.newsRight{ float:left; width:700px; height:340px;}

.newsRight ul li{ width:720px; height:75px; margin-bottom:12px;}
.newsRight .newdeta{ width:80px; height:60px; color:#999; text-align:right;  float:left; transition:0.5s; border-right:1px solid #ccc; padding-right:8px; margin-top:5px;}
.newsRight ul li:hover .newdeta{ color:#0075cf;}
.newsRight .newdeta .nian{ font-size:22px; font-weight:100;font-family:"plantc"; font-style:italic; color:#a8a7a7;transition:0.5s;}
.newsRight ul li:hover .nian{ color:#0075cf;}
.newsRight .newdeta .ri{ font-size:30px;font-weight:100;font-family:"plantc"; font-style:italic; margin-top:-5px;}
.newsRight .newsT{ width:600px; float:right;}
.newsRight .newsT h4{width:600px; font-size:16px; color:#212121; margin-top:5px; margin-bottom:8px; font-weight:100;}
.newsRight .newsT p{ width:600px; font-size:14px; color:#777; }
.newsRight .newsT:hover h4{ color:#0075cf;}
.newsRight .newsT:hover h4 span{ color:#0075cf;}
.newsRight .newsT:hover p{ color:#666;}


.footer{ width:100%; margin-top:40px;}
.footer .fNav{ width:1200px; height:60px; line-height:60px; background:#0075cf; position:relative; z-index:99; box-shadow:1px 1px 8px 0px #333;}
.footer .fNav li{ width:150px; text-align:center; float:left; line-height:60px;}
.footer .fNav li a{ color:#fff;}
.footer .fNav li:hover a{ font-weight:600;}

.fbottom{width:100%; min-height:245px; background:#02497f; margin-top:-30px; }
.fbottom .pubCon{ width:1200px; margin:0 auto;position:relative;}
.fLeft{ width:420px;  position:absolute; top:60px; left:40px;}
.flogo{ width:420px;}
.flogo img{ width:100%;}
.ftel{ width:363px; margin-left:18px; margin-top:20px;}
.ftel img{ width:100%; }

.fMid{ width:400px; position:absolute; left:550px; top:55px; }
.fMid i{ width:20px; height:20px; display:inline-block; float:left;margin-top:10px; margin-right:10px;}
.fMid p{ font-size:16px; color:#fff; line-height:40px;}

.fRight{ width:180px; position:absolute; right:0px; top:80px; text-align:center;}
.ewm{ float:left; margin-right:20px;}
.fRight p{ font-size:14px; color:#fff;}

.copy{ width:100%; height:60px; background:#012c4d;color:#fff; font-size:14px; font-weight:100; line-height:60px; overflow:hidden;}
.copy a{ color:#fff;}
.copy .zuo{ margin-left:200px;}
.copy p{ float:left;  margin-right:20px;}
.copy i{ margin-rop:8px;}
.copy i img{ margin-top:8px;}



/******************************************************************内页样式*************************************************************/
.Neitit{  height:81px; width:1200px; margin:50px auto 30px; border-bottom:1px dashed #ddd; }
.neidao{width:241px; height:81px;background:url(../images/neititbj.png) no-repeat center; z-index:999; float:left; }
.neidao h3{  font-size:30px; color:#0075cf; line-height:65px; text-align:center; float:left; margin-right:10px; }
.neidao span{ flaot:left; line-height:75px;}
.address{ width:360px; height:65px; background:url(../images/weizhixian.png) no-repeat center bottom; font-size:14px; color:#212121; z-index:1; margin-left:30px; float:right; text-align:left;}
.address i{ font-size:16px; display:inline-block; line-height:65px; font-style:normal; color:#0075cf;}
.address a{ color:#212121; line-height:60px; font-size:16px;}
.address a:hover{ color:#0542aa;}
.address img{ padding:15px; display:block; float:left; }

/*about*/
.aboutText{ width:1200px; margin:0 auto;}
.aboutText p{ font-size:16px; line-height:35px; text-indent:2em; text-align:justify; }

.progun{ margin-bottom:60px; height:360px; margin-top:40px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;padding-top:15px; }
.gunTit{ height:50px; width:1200px; font-size:26px;bord er-left:8px solid #e00000; line-height:50px; padding-left:10px; font-weight:600;}
.gunTit i{width:40px; height:40px; display:inline-block; background:url(../images/zan.png) no-repeat center left; margin-right:10px; float:left; }
.pubNei #marquee2{width:1200px;height:260px;overflow:hidden; margin-top:30px;}
.pubNei #marquee2 ul li{ width:300px;float:left; margin-right:26px; margin-bottom:10px; overflow:hidden; height:260px;}
.pubNei #marquee2 ul li .propic{ width:300px; height:225px; overflow:hidden; }
.pubNei #marquee2 ul li .propic img{display:block; width:100%; transition:0.5s; min-height:225px; }
.pubNei #marquee2 ul li img:hover{ transform:scale(1.1);}
.pubNei #marquee2 ul li h3{ font-size:16px; color:#212121; text-align:center; font-weight:100; line-height:30px;}
.pubNei #marquee2 ul li:hover h3{ color:#0542aa;}


/*product内页*/
.Neinav{ width:1200px;margin-top:40px; margin:0 auto; }
.Neinav ul li{ width:380px; height:46px; background:#333; border-radius:23px; float:left; margin-right:30px; transition:0.5s; margin-bottom:15px; text-align:center; line-height:46px;}

.Neinav ul li a{ color:#fff;}
.Neinav ul li:hover{ background:#0075cf;}
.Neinav ul li:hover a{ color:#fff;}
.Neinav ul li:nth-child(3n){ margin-right:0px;}


.proNei{ width:1200px; overflow:hidden; margin-top:30px; margin:0 auto; }
.proNei ul{ width:100%;}
.proNei ul li{ width:380px; height:auto;  float:left; margin-right:25px; margin-bottom:40px; overflow:hidden; text-align:center; }
.proNei ul li:nth-child(3n){ margin-right:0px;}
.proNei ul li .propic{ width:100%; height:272px; overflow:hidden;}
.proNei ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:272px;}
.proNei ul li:hover .propic img{ transform:scale(1.1);}
.proNei ul li h4{ height:48px; background:#ddd; font-size:18px; color:#212121; font-weight:100; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proNei ul li:hover h4{ background:#0542aa; color:#fff;}



.page{ width:1200px; margin-top:15px; text-align:center; margin:0 auto; margin-bottom:60px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc; color:#999; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;}
.page a:hover{ background:#0542aa; border-color:#0542aa;color:#fff;}


/*产品详情页*/
.productnei{ border-bottom:}
.productnei h3{ text-align:center; }
.productnei .fbdate{ text-align:center; margin:20px auto 30px;}
.prolianxi{ width:1200px; height:150px; border-bottom:1px dashed #666; border-top:1px dashed #666; margin-top:30px; margin-bottom:30px;}
.prolianxi p{ width:530px; font-size:20px; float:left; line-height:55px; margin-top:15px; margin-left:50px;}

.pian p{ font-size:16px; line-height:30px;}
.pian a{ color:#333;}
.pian p:hover a{ color:#0542aa;}


/*news新闻内页*/
.newslist{ margin-top:30px;}
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:0px 0px 20px;}
.newslist li a{ color:#666;}
.newsDate{ width:100px; height:100px; background:#eee; text-align:center; float:left; transition:0.5s;}
.newsDate p{font-size:24px; line-height:100px;  }
.newslist .newstext{ width:990px; 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; }

.newslist li:hover .newsDate{ background:#0075cf;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#0075cf; margin-left:20px;}

.newsneiCon{ margin-bottom:30px;}
.newsneiCon h3{ text-align:center;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px;}
.newsText p{ line-height:30px;}
.newsneiPic{ width:1200px; overflow:hidden;}
.newsneiPic img{ max-width:1200px;}

/*联系我们*/
.contacttext{ width:600px; font-weight:600; font-size:16px; line-height:60px !important; margin-left:30px;float:left; margin-right:10px;}
#dituContent{ width:530px; float:left; margin-bottom:40px; m argin-right:100px; margin-top:-180px;}
.contacttext img{ margin-right:10px;}


/*在线留言*/
.messageCon{ margin-left:260px;}
.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:#f9b40e; border:1px solid #f9b40e; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:10px;}
.messageCon button:hover{ background:#f9b40e; color:#fff;}