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

/*public*/
.pubTit{ width:1200px; text-align:center; padding-top:45px; margin-bottom:25px;}
.pubTit h3{ font-size:30px; background:url(../images/titlebj.png) no-repeat center; font-weight:100; color:#373c57;}
.pubTit p{ font-size:16px; color:#dea420;}

/*top*/
.welcome{ width:100%; height:30px; background:#373c57; line-height:30px;}
.pubCon{ width:1200px; margin:0 auto;}
.welcome b{font-size:14px; color:#fff; float:left; font-weight:100;}
.welcome p{ font-size:14px; float:right; color:#fff;}
.welcome p a{ color:#fff;}


/*banner*/
.Ban{ width:100%; height:749px; position:relative; overflow:hidden; }
.Ln{ width:100%; height:90px;}
.logo{ width:220px;  margin-top:20px; float:left; margin-bottom:15px; z-index:999; position:relative;}

.nav{ width:875px;height:90px; line-height:90px; z-index:999; position:relative; float:right;} 
.nav li{ width:125px; height:90px; float:left; font-size:16px; text-align:center; position:relative; transition:0.5s;}
.nav li a{ color:#212121; display:block; width:150px; height:90px; transition:0.5s;}
.nav li:hover a{ background:#373c57; color:#dea420; font-weight:600;}


.banner{ height:750px; width:100%; position:absolute;top:0px; 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:#f9b200;}
.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 .pronav{ width:1200px; margin-bottom:15px; overflow:hidden; }
.product .pronav ul li{ width:230px; height:40px; background:#eee; float:left; margin-right:10px;text-align:center; line-height:40px; margin-bottom:15px; transition:0.5s;}
.product .pronav ul li:nth-child(5n){ margin-right:0px;}
.product .pronav ul li a{ font-size:16px; color:#373c57; }
.product .pronav ul li:hover{ background:#373c57; }
.product .pronav ul li:hover a{ color:#dea420;}
 
#marquee1 { width:1200px; height:530px; overflow:hidden;}
#marquee1 ul li{ width:280px; height:240px; position:relative; overflow:hidden; float:left; margin-right:25px; margin-bottom:30px;}
#marquee1 ul li .propic{width:100%; height:240px; }
#marquee1 ul li .propic p{ font-size:16px;width:280px; height:40px; background:#373c57; line-height:40px; text-align:center; position:absolute; bottom:0px; color:#dea420;transition:0.5s;}
#marquee1 ul li .propic img{ width:100%; min-height:240px;}
#marquee1 ul li .zhe{ width:280px; height:240px; background:rgba(222,164,32,0.85); position:absolute; top:240px; transition:0.5s;}
#marquee1 ul li .zhe h3{font-size:30px; color:#373c57; font-weight:100; text-align:center;margin-top:30px; }
#marquee1 ul li .zhe img{ margin-top:30px; margin-left:93px; }
#marquee1 ul li:hover .zhe{ top:0px;} 



/*case*/

.case { width:100%; ma rgin-top:100px; overflow:hidden;}
.case .pubTit{ width:1200px;padding-top:20px; margin:0 auto 30px;}
.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:40px; margin-bottom:30px;}
.case .swiper-slide{ width:280px;}
.case .swiper-slide .propic{ width:280px; height:230px; overflow:hidden;}
.case .swiper-slide .propic img{ display:block; width:100%; min-height:240px;}


.case h4{ font-weight:100; font-size:16px; color:#fff; width:280px; height:40px; background:#373c57; text-align:center; line-height:40px; transition:0.5s;}
.case .swiper-slide:hover h4{ color:#dea420;}
.case .swiper-button-next,.case .swiper-button-prev{ width:29px; height:50px; background-size:90%; }
.case .swiper-button-prev,.case .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png); left:-55px}
.case .swiper-button-next,.case .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png); right:-55px;}



/*about*/
.about .pubCon{margin-top:50px;}
.aboutLeft{ float:left;}
.aboutRight{ width:838px; height:457px; background:url(../images/aboutright.png) no-repeat center; float:right; position:relative;}
.aboutRight h1{ font-size:30px; color:#212121; position:absolute; top:15px; left:40px;}
.aboutRight p{ font-size:16px; color:#212121; text-indent:2em; line-height:35px; position:absolute; top:120px; width:730px; text-align:justify;margin-left:50px;}
.aboutRight .icon{ width:720px; position:absolute; top:320px; left:50px;}
.aboutRight .icon li{ float:left; width:180px; text-align:center;}
.aboutRight .icon li b{ display:block; font-size:16px; font-weight:100; margin-top:15px;}


/*tonglan*/
.tonglan{width:100%; margin-top:50px;}
.tonglantit{ width:100%; height:210px; background:#373c57;}
.tonglantit .pubCon img{ margin-top:30px; margin-left:55px; }

.news .pubCon{ width:1200px; position:relative;top:-70px;}
.newsLeft{ float:left; width:530px; position:relative;}
.newsLeft img{ margin-left:0px;}
.newsTit{ width:180px; height:365px; background:rgba(222,164,32,0.90); position:absolute;top:0px; right:0px;}
.newsTit .Ntit{ margin-top:60px; margin-left:37px;}
.newsTit .Nmore{margin-top:20px; margin-left:60px;}

.newsRight{ width:670px; height:365px; background:#eee; float:right;}
.newsRight ul li{ width:640px; height:115px; margin-left:30px; border-bottom:1px dashed #ccc;}
.newsRight ul li .date{ width:70px; height:70px; border:1px solid #373c57; font-size:20px; font-weight:600; line-height:70px; text-align:center; float:left; margin-right:20px; transition:0.5s;}
.newsRight ul li a {color:#373c57; display:block; padding-top:20px;}
.newsRight ul li h4{ font-size:16px; margin-bottom:5px; color:#333; font-weight:100;}
.newsRight ul li p{ font-size:14px; width:580px; color:#888;}

.newsRight ul li:hover .date{ background:#373c57; color:#fff;}
.newsRight ul li:hover h4{ font-weight:600; color:#373c57;}


/*footer*/
.footer{width:100%; position:relative;}
.top{ position:absolute; top:-31px; left:50%;}
.fNav{ height:60px; background:#dea420; }
.fNav .pubCon{width:1200px;}
.fNav ul li{ width:171px; text-align:center; line-height:60px; float:left;}
.fNav ul li a{ color:#fff;}
.fNav ul li:hover a{ color:#373c57; font-weight:600;}

.footerMid{ width:100%; height:240px; background:#373c57;}
.footerMid .pubCon{ padding:30px 0px;}
.fLeft{ width:370px; float:left; }
.ewm { margin-left:30px; margin-top:20px;}
.ewm img{ float:left; margin-right:10px;}
.ewm p{ padding-top:30px; color:#fff; font-size:14px;}

.fPro{ width:410px; float:left; background:url(../images/fnavbj.png) no-repeat center;}
.fPro li{ float:left; width:200px; text-align:center; line-height:35px;}
.fPro li a{ color:#ddd; transition:0.5s;}
.fPro li:hover a{ color:#fff;}

.fRight{ width:340px; float:right;}
.flianxi{ line-height:25px; margin-top:5px; color:#fff; font-size:14px;}


.copyright{ width:100%; height:30px; background:#191d30; text-align:center; font-size:14px; color:#fff; line-height:30px;}
.copyright a{ color:#fff;}




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

/*about内页*/
.aboutCon{ width:1200px; margin:40px auto;}
.aboutCon p{ padding:0px 75px; text-indent:2em; line-height:2em; margin-bottom:15px;}
.aboutCon #marquee1{ height:230px; padding-bottom:30px;}
.aboutCon #marquee1 ul li a h4{ color:#212121;}


/*新闻列表*/
.newslist{ margin-top:20px; pad ding-bottom:30px; overflow:hidden;}
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:20px 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:#373c57;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#373c57;}

.page { width:1200px; margin-top:20px ; margin-bottom:50px; text-align:center;}
.page a{ color:#333; width:50px; text-align:center; display:inline-block; border:1px solid #ccc; margin-right:5px; transition:0.3s;}
.page a:hover{ color:#fff; background:#373c57; border-color:#373c57;}



/*新闻内容*/
.newsneiCon{ width:1200px; }
.newsneiCon h3{ text-align:center; line-height:50px;}
.newsneiCon .productText{ width:1200px; font-size:14px; line-height:30px; text-indent:2em; color:#333; text-align:justify;}
.productText p{ width:1100px; margin-left:50px; }

/*产品列表*/
.proList{ width:1200px; margin-top:30px;}
.proLeft{ width:269px; float:left;}
.proLeft .proTit{ width:269px; height:80px; background:#373c57;}
.proLeft .proTit h4{ font-size:20px; color:#fff; text-align:center; line-height:80px;}
.proLeft ul li{ width:269px; height:50px; line-height:50px;  font-size:16px; background:#e3b241; border-bottom:1px solid #ddd;transition:0.5s; }
.proLeft ul li a{color:#373c57; display:block; margin-left:60px; transition:0.5s;}
.proLeft ul li:hover{ background:#373c57;}
.proLeft ul li:hover a{ margin-left:100px; color:#dea420;}


.proRIght{ width:890px; overflow:hidden; float:right; }
.proRIght li{ width:280px; height:260px; float:left; margin-right:25px; margin-bottom:30px; overflow:hidden;}
.proRIght li:nth-child(3n){ margin-right:0px;}
.proRIght li .proPicture{ width:280px; height:210px; overflow:hidden;}
.proRIght li img{ width:100%; transition:0.5s; min-height:210px;}
.proRIght li img:hover{ transform:scale(1.1);}
.proRIght li h4{ width:280px; line-height:40px; text-align:center; background:#373c57; transition:0.5s;}
.proRIght li a{ color:#fff; font-size:16px; font-weight:100;}
.proRIght li:hover h4{ background:#dea420;}

/*产品内页*/
.productnei{ width:890px; margin-bottom:30px; }
.productnei h3{width:890px; text-align:center; line-height:50px;}
.fbdate{ font-size:14px; line-height:40px; text-align:center; } 
.proneiPic{ margin-bottom:30px;}
.productText{ width:890px; font-size:14px; line-height:30px; text-indent:2em; color:#333; text-align:justify;}


.pian{width:1200px; line-height:30px; font-size:14px; margin-bottom:50px;}
.pian a{ color:#373c57;}
.pian a:hover { color:#dea420;}

.proCon{ overflow:hidden;}
.proCon .pian{width:890px; line-height:30px; font-size:14px; margin-bottom:50px; float:right;}


/*案例列表*/
.caseCon{ width:1200px; margin-top:30px;}
.caseCon ul li{ float:left; width:280px; height:270px;margin-right:20px; margin-bottom:30px;}
.caseCon ul li:htn-child(4n){ margin-right:0px;}
.caseCon .proTu{ width:280px; height:230px; overflow:hidden; }
.caseCon .proTu img{ display:block; width:100%; min-height:240px;}

.caseCon ul li h4{ font-weight:100; font-size:16px; color:#fff; width:280px; height:40px; background:#373c57; text-align:center; line-height:40px; transition:0.5s;}
.caseCon li:hover h4{ color:#dea420;}


/*联系我们*/
.aboutCon .contacttext{ width:450px; font-weight:600; font-size:16px; line-height:60px; margin-left:-30px;}
#dituContent{ width:530px; float:right; margin-bottom:40px; margin-right:50px;}
.contacttext img{ margin-right:10px;}