*{ 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');}

/*public*/
.pubCon{ width:1200px; margin:0 auto;}
.pubTit{ width:1200px; margin:0 auto; text-align:center; background:url(../images/titbj.png) no-repeat center top; padding-top:22px; margin-bottom:30px;}


/*welcome*/
.welcome{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.welcome .pubCon h4{font-size:14px; color:#999; float:left; font-weight:100;}
.welcome .pubCon p{ font-size:14px; float:right; color:#666;}
.welcome .pubCon p a{ color:#666;}

.top{ ove rflow:hidden; position:relative; z-index:99;}
.logo{ width:610px; float:left; margin:10px 0px;/*transform:translate(-100%); opacity:0; transition: all 0.75s ease-out;*/}
/*.logo.started { transform:none; opacity:1; }*/

.toptel{width:270px; float:right;  margin-top:27px;/*transform:translate(100%); opacity:0; transition: all 0.75s ease-out;*/}
/*.toptel.started { transform:none; opacity:1; }*/
.toptel img{ float:left;margin-right:10px;}
.toptel p{ font-size:16px; margin-bottom:-5px; color:#333; float:none;}
.toptel b{ font-size:30px; color:#014ea6; display:block; margin-top:5px;} 

.nav{ width:100%; height:60px; background:#16273b; line-height:60px; z-index:999;}
.navCon{ width:1200px; height:60px; margin:0 auto; } 
.navCon ul li{ width:150px; height:60px; float:left; font-size:16px; text-align:center; position:relative; transition:0.5s;}
.navCon ul li a{ color:#fff; width:150px; height:60px; display:block;}
.navCon ul li:hover{ background:#2a4a6f;}
/*
.navCon ul li .down{height:170px; background:rgba(35,131,207,0.55);box-shadow:1px 1px 15px #333; position:absolute; top:60px; left:0px; display:none; }
.navCon ul li .down1{width:510px; }
.navCon ul li .down2{width:340px; }
.navCon ul li .down3{width:680px;}
.navCon ul li .down4{width:170px;}
.navCon ul li .down li{ width:170px; height:170px; }
.navCon ul li .down li dd img{ margin-top:10px; width:150px; height:118px;}
.navCon ul li .down li p{font-size:14px; line-height:1px; color:#333;}
.navCon ul li .down li:hover{ background:#0190eb;}
.navCon ul li .down li:hover p{ color:#fff;}
.navCon ul li:hover .down{ display:block;}*/

/*banner*/
.banner{ height:600px; width:100%; position:relative; overflow:hidden; z-index:1;}
.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*/


/*product*/
.product{ width:100%; min-height:900px; background:#f8f8f8; overflow:hidden; marg in-bottom:50px;}
.proNav { overflow:hidden; margin-bottom:10px;}
.proNav li{ width:299px; height:40px; background:#16273b; border-radius:10px; float:left; margin-right:1px; transition:0.5s; margin-bottom:15px;}
.proNav li a{ font-size:16px; color:#fff; line-height:40px; text-align:center; display:block;}
.proNav li:hover{ background:#014ea6;}
/*.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:30px; margin-bottom:30px; overflow:hidden; text-align:center; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:380px; height:285px; overflow:hidden; bo rder: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:48px; background:#014ea6; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ background:#16273b;}

#marquee2{ width:100%; he ight:620px; overflow:hidden; }

/*product*/

/*case*/
.caseLb{width:100%; height:346px; background:url(../images/casebj.jpg) no-repeat center bottom;overflow:hidden;}
.case .pubCon{width:1160px;  position:relative; margin:0 auto;}
.case .swiper-container{ margin-top:45px; margin-bottom:30px;}
.case .swiper-slide{ width:280px; position:relative; }
.case .swiper-slide .caseimg{ width:280px; height:210px; overflow:hidden;}
.case .swiper-slide .caseimg img{ display:block; width:100%; min-height:210px;}
.case .ceng{ position:absolute; bottom:-120px; left:0; width:100%; height:190px; background:rgba(249,184,0,0.8); text-align:center; color:#fff; transition:0.5s;}
.case .swiper-slide:hover .ceng{ bottom:0;}
.case h4{ font-weight:100; font-size:18px; color:#fff; width:280px; height:45px; bac kground:#373c57; text-align:center; line-height:45px;}
.case .zhe{ width:280px; height:260px; background:rgba(0,0,0,0.6); position:absolute; top:260px; transition:0.5s;}
.case .swiper-slide:hover .zhe{ top:0px;}
.case .swiper-slide .zhe i{ width:50px; height:50px; display:block; margin-left:115px; margin-top:80px;}
.case .swiper-slide .zhe i img{ width:100%; height:100%;}
.case .swiper-slide .zhe b{ display:block; font-size:18px; color:#fff; text-align:center; width:280px; margin-top:20px;}
/*case*/

/*about*/
.about{ width:100%; min-height:510px; background:url(../images/abbj.png) no-repeat center bottom;}
.about .abLeft{ width:450px; float:left;}
.about .abRight{ width:700px; float:right;}
.about .abRight h1{ font-size:30px; color:#16273b;margin-bottom:15px;}
.about .abRight span{ width:100px; height:3px; background:#014ea6; display:block; margin-bottom:25px;}
.about .abRight p{ font-size:16px; color:#333; line-height:30px; text-align:justify; text-indent:2em;}

.abicon{ margin-top:20px;} 
.abicon li{ width:175px; float:left; }
.abicon li i{ width:50px; height:50px; display:block; margin-left:67px;}
.abicon li i img{ width:100%; height:100%;}
.abicon li:nth-child(1) i{ background:url(../images/abicon1.png) no-repeat top center; transition:0.5s; }
.abicon li:nth-child(2) i{ background:url(../images/abicon2.png) no-repeat top center; transition:0.5s; }
.abicon li:nth-child(3) i{ background:url(../images/abicon3.png) no-repeat top center; transition:0.5s; }
.abicon li:nth-child(4) i{ background:url(../images/abicon4.png) no-repeat top center; transition:0.5s; }
.abicon li:hover i{ background-position:bottom;} 
.abicon li b{ text-align:center; line-height:30px; display:block;margin-top:5px; font-size:16px; color:#fff;}

/*about*/

/*news*/
.news{ width:100%; margin-top:-30px; overflow:hidden; margin-bottom:50px;}

.news .newNav ul li{ width:598px; height:50px; border:1px solid #ddd; text-align:center; line-height:50px; float:left; transition:0.3s;}
.news .newNav ul li a{ font-size:18px; color:#666;}
.news .newNav ul li i{ display:none;transition:0.3s; margin-right:10px;}
.news .newNav ul li:hover{ background:#014ea6;}
.news .newNav ul li:hover a{ color:#fff;}
.news .newNav ul li:hover i{ display:inline-block; }


.newsCon{ margin-top:40px;}
.newsLeft{ float:left; }
.example {
	width: 450px;
	height: 338px;
	font-size: 40px;
	text-align: center;
	background-color: #464576;
	float:left;

			}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}

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

.newsRight ul li{ width:700px; height:75px; margin-bottom:12px;}
.newsRight .newdeta{ width:75px; height:75px; border:1px solid #ddd; color:#ccc; font-size:22px; text-align:center; line-height:75px; font-weight:600; float:left; transition:0.5s;}
.newsRight ul li:hover .newdeta{ background:#014ea6; color:#fff;}
.newsRight .newsT{ width:600px; float:right;}
.newsRight .newsT h4{width:600px; font-size:16px; color:#333; margin-top:5px; margin-bottom:8px;}
.newsRight .newsT h4 span{ font-size:14px; float:right;margin-right:10px; color:#888;}
.newsRight .newsT p{ width:600px; font-size:14px; color:#888; }
.newsRight .newsT:hover h4{ color:#014ea6;}
.newsRight .newsT:hover h4 span{ color:#014ea6;}
.newsRight .newsT:hover p{ color:#666;}

/*footer*/
.footer{ width:100%; height:310px; background:url(../images/footerbj.png) no-repeat center top;}
.fNav { width:1200px; height:60px;}
.fNav li{ width:150px; height:60px; float:left; font-size:16px; text-align:center; line-height:60px;}
.fNav li a{ font-size:16px; color:#fff;}
.fNav li:hover a{ font-weight:600;}

.fcon{ width:1200px; margin:0 auto;}
.fleft{ width:360px;  float:left;}
.fleft h3{ font-size:24px; color:#fff; margin-bottom:15px;}
.fleft p{ width:360px; float:left; line-height:40px; color:#eee; }
.fleft p i{ display:inline-block; margin-right:5px;}

.fchanpin{ width:500px; float:left; }
.fchanpin ul { width:500px; height:200px; border-left:1px solid #666; border-right:1px solid #666;margin-top:20px;}
.fchanpin ul li{ width:200px; float:left; margin-left:50px; margin-top:10px;}
.fchanpin ul li a{ font-size:16px; color:#fff; line-height:40px;}
.fchanpin ul li:hover a{ font-weight:600;}

.fright{ width:300px; float:right;}
.fright .ewm{ float:left; width:150px; text-align:center; margin-top:50px;}
.fright .ewm img{ display:block; margin-left:25px;}
.fright .ewm b{ font-size:14px; color:#eee; display:block; }

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


/******************************************************************内页样式*************************************************************/
.neitop{ overflow:hidden;}
.pubneiTit{ width:269px; height:131px; background:url(../images/titlenei_bj.png) no-repeat center; float:left;}
.pubneiTit h3{font-size:30px; padding:40px 92px; width:270px; color:#fff;}
.address{ width:890px; float:right; margin-top:40px; background:url(../images/weizhixian.png) no-repeat center bottom; padding-bottom:20px; font-size:16px;}
.address a{ color:#333;}
.address i{ margin:0px 10px;}
.address a:hover{ color:#0c80de;}

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

.progun{ margin-bottom:60px; height:360px; margin-top:40px;}
.gunTit{ height:50px; width:1200px; font-size:26px;border-left:3px solid #f9b200; line-height:50px; padding-left:10px; font-weight:600;}
.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:#063894;}

/*product内页*/
.Neinav{ width:1200px;;margin-top:30px; }
.Neinav ul li{ width:24%; height:40px; background:#eee; text-align:center; line-height:40px; border-radius:3px; float:left;margin-right:1%; transition:0.5s; margin-bottom:15px;}
.Neinav ul li:nth-child(4n){ margin-right:0px;}
.Neinav ul li a{ color:#666;}
.Neinav ul li:hover{ background:#063894;}
.Neinav ul li:hover a{ color:#fff;}

.proNei{ width:1200px; overflow:hidden; margin-top:30px;}
.proNei ul{ width:1200px;}
.proNei ul li{ width:280px; height:auto;  float:left; margin-right:25px; margin-bottom:40px; overflow:hidden; text-align:center; }
.proNei ul li:nth-child(4n){ margin-right:0px;}
.proNei ul li .propic{ width:100%; height:180px; overflow:hidden;}
.proNei ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:180px;}
.proNei ul li:hover .propic img{ transform:scale(1.1);}
.proNei ul li h4{ height:48px; background:#fff; 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:#014ea6; color:#fff;}


.page{ width:1200px; margin-top:15px; text-align:center; margin:0 auto; margin-bottom:40px;}
.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:#014ea6; border-color:#014ea6;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:500px; font-size:20px; float:left; line-height:55px; margin-top:15px; margin-left:50px;}

.pian{ margin-bottom:30px;}
.pian p{ font-size:16px; line-height:30px;}
.pian a{ color:#333;}
.pian p:hover a{ color:#014ea6;}



/*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:#014ea6;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#014ea6;}

.newsneiCon h3{ text-align:center;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px;}
.newsText p{ line-height:1.5em;}

/*联系我们*/
.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:-300px;}
.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:600px; height:50px; border:none; background:#fff; color:#014ea6; border:1px solid #014ea6; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:10px;}
.messageCon button:hover{ background:#014ea6; color:#fff;}