*{ 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:35px; margin-bottom:25px;}
.pubTit h3{ font-size:30px; background:url(../images/titbjh.png) no-repeat center; font-weight:100; color:#373c57;}
.pubTit p{ font-size:16px; color:#999;}

/*top*/
.welcome{ width:100%; height:30px; background:#01a0eb; 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:100px;}
.logo{ width:370px;  margin-top:5px; float:left; margin-bottom:15px; z-index:999; position:relative;}

.nav{ width:805px;height:100px; line-height:100px; z-index:999; position:relative; margin-left:25px; float:right;} 
.nav li{ width:115px; height:100px; float:left; font-size:16px; text-align:center; position:relative; transition:0.5s;}
.nav li a{ color:#212121; display:block; width:115px; height:100px; transition:0.5s; font-weight:600;}
.nav li a::after{ content:""; display:block; height:3px; width:100%; background:#fff;transform:scaleX(0); transition:0.5s;}
.nav li:hover a::after,.nav li.on a::after{ transform:scaleX(1);}
.nav li:hover a,.nav li.on a{ color:#f9b200; 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*/

/*remen*/
.remen{ width:100%; height:50px; background:#eee; color:#333; line-height:50px; }
.remen b{ float:left; display:block; margin-right:15px;}
.remen b i{float:left; display:inline-block; margin-right:5px; margin-top:3px;}
#marquee2{width:1000px;height:50px;overflow:hidden;margin-right:30px; overflow:hidden; }
#marquee2 ul li{float:left; padding:0 10px; line-height:50px;}
#marquee2 ul li a{ color:#333;}
/*remen*/


/*product*/
.product{ width:100%; min-height:990px; back ground:url(../images/bj.png) repeat; overflow:hidden; mar gin-bottom:50px;}
.proNav{ width:280px; float:left;}
.profenlei{ width:280px; height:131px; background:url(../images/protitbj.png) no-repeat center;}
.profenlei p{ width:150px; font-size:30px; color:#fff; line-height:131px; margin-left:95px;}
.proList{ width:900px; height:920px; overflow:hidden; float:right;padding-top:20px;}
.proList ul li{ width:280px; height:248px;  float:left; margin-right:25px; margin-bottom:20px; overflow:hidden; text-align:center; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:203px; overflow:hidden;}
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:203px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proList ul li h4{ height:45px; background:#fff; font-size:18px; color:#212121; font-weight:100; text-align:center; line-height:45px; width:100%; transition:0.5s; margin-top:-5px;}
.proList ul li:hover h4{ background:#f9b200; color:#fff;}

#marquee1{ width:900px; height:920px; overflow:hidden; }

.treebox{ width: 280px; background-color:#01a0eb; float:left; }
.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 1px 1px ; }
		/*第一层*/
		.menu li.level1>a{ 
			display:block;
			height: 47px;
			line-height: 47px;
			color: #fff;
			padding-left: 10px;
			border-bottom: 1px solid #999; 
			font-size: 16px;
			position: relative;
			transition:all .5s ease 0s;
		 }
		 .menu li.level1 a:hover{ text-decoration: none;background-color:#f9b200;   }
		 .menu li.level1 a.current{ background: #f9b200; }

.zuocefenlei a{display:block;
			height: 44px;
			line-height: 44px;
			color: #fff;
			padding-left: 10px;
			border-bottom: 1px solid #999; 
			font-size: 16px;
			position: relative;
			transition:all .5s ease 0s;}
.zuocefenlei a:hover{ text-decoration: none;background-color:#f9b200;   }
.zuocefenlei a.current{ background: #f9b200; }

		/*============修饰图标*/
		 .ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(images/ico1.png); }

		 /*============小箭头*/
		 .level1 i{ width: 20px; height: 10px; background-image:url(../images/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 15px; }
		.level1 i.down{ background-position: 0 -10px; }

		 .ico1{ background-position: 0 0; }
		 .ico2{ background-position: 0 -20px; }
		 .ico3{ background-position: 0 -40px; }
		 .ico4{ background-position: 0 -60px; }
         .ico5{ background-position: 0 -80px; }

		 /*第二层*/
		 .menu li ul{ overflow: hidden; }
		 .menu li ul.level2{ display: none;background: #0272a7;  }
		 .menu li ul.level2 li a{
		 	display: block;
			height: 30px;
			line-height: 30px;
			color: #fff;
			text-i ndent: 60px;
			text-align:center;
			/*border-bottom: 1px solid #ddd; */
			font-size: 14px;
			 transition:all 1s ease 0s;
		 }


/*case*/

.case { width:100%; ma rgin-top:100px; overflow:hidden;}

.caseLb{width:100%; height:346px; background:url(../images/casebj.jpg) no-repeat center bottom;overflow:hidden;}
.caseLb .pubCon{width:1160px; height:276px;  position:relative; margin:0 auto; ma rgin-top:-30px;}
.case .swiper-container{ margin-top:40px; margin-bottom:30px;}
.case .swiper-slide{ width:280px; height:268px; overflow:hidden; }
.case .swiper-slide .propic{ width:280px; height:218px; overflow:hidden;}
.case .swiper-slide img{ display:block; width:100%; min-height:218px;}
.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:#333; width:280px; height:50px; background:#fff; text-align:center; line-height:50px; transition:0.5s;}
.case .swiper-slide:hover h4{ background:#f9b200; color:#fff;}
.case .swiper-button-next,.case .swiper-button-prev{ width:29px; height:50px;}
.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{ width:100%;  margin-top:40px;}
.about .pubCon{ width:1200px;height:350px; background:#eee; margin:0 auto;}
.about .abLeft{ width:255px; height:350px; overflow:hidden; padding-top:20px; margin-left:20px; float:left;}
.about .abLeft img{ width:100%; height:100%;}
.abRight{ width:830px;float:right;  bor der:1px solid red ; margin-right:30px; padding-top:20px;}
.abRight h3{ font-size:26px; color:#01a0eb; float:left;}
.abRight b{ font-size:18px; font-weight:100; color:#333; }
.abtext{ font-size:16px; line-height:35px; text-align:justify; text-indent:2em; margin-top:20px;}

.abbot{ width:100%; height:150px; background:#01a0eb; margin-top:-35px;}
.abbot .pubCon{ width:1200px; margin:0 auto; background:none; padding-top:35px; height:115px;}
.abbot .pubCon ul li{ width:300px; text-align:center; float:left; margin-top:10px;}
.abbot .pubCon ul li p{ color:#fff; transition:0.5s; font-size:16px; margin-top:5px;}
.abbot .pubCon ul li:hover p{ color:#f9b200;}

/*news*/
.news{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.news .newsLeft{ width:400px; height:245px; float:left;}
.example {
	width: 400px;
	height: 245px;
	font-size: 40px;
	text-align: center;
	background-color: #464576;
	float:left;
			}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}

.newsRight{ width:750px; float:right;}
.newsRight ul li{width:730px; border-bottom:1px dashed #ddd; height:70px; padding-bottom:8px; margin-bottom:8px; margin-right:20px;}
.newsRight ul li .date{ width:70px; height:70px; border:1px solid #01a0eb;  font-size:20px; font-weight:600; text-align:center; line-height:70px; float:left; transition:0.5s;}
.newsRight ul li a{ color:#01a0eb;}
.newsRight ul li .newsT{ width:630px;float:right;}
.newsRight .newsT h4 { font-size:16px; line-height:30px; color:#333;transition:0.5s;}
.newsRight .newsT p{ font-size:14px; color:#666;}

.newsRight ul li:hover .date{ background:#01a0eb;}
.newsRight ul li:hover a { color:#fff;}
.newsRight ul li:hover h4{ color:#01a0eb;}

/*footer*/
.footer{ width:100%; height:240px;  overflow:hidden;}
.footer .footerNav {width:100%; height:60px; background:url(../images/fNavbj.jpg) no-repeat center; }
.footer .footerNav ul { width:1015px;margin:0 auto;}
.footer .footerNav ul li{ width:145px;  float:left; line-height:60px; text-align:center; }
.footer .footerNav ul li a{ color:#212121; }
.footer .footerNav ul li:hover a{ color:#01a0eb;}

.footnei{width:100%; height:220px; background:#2f9bcd;}
.footerLeft{ width:300px; float:left; margin-right:50px;}
.footerLeft .flogo{ width:300px; margin-top:50px; margin-bottom:25px;}
.footerLeft .flogo img{ width:100%;}
.ewm{ width:170px; float:right; margin-right:30px; margin-top:40px;}
.ewm img{ margin-right:10px; float:left;}
.ewm p{ padding-top:20px; color:#fff; font-size:14px; width:50px; float:right; line-height:30px;} 

.footerRight{ width:560px;float:left; margin-left:30px;}
.footerRight .frCon{ margin-top:25px;}
.footerRight .frCon p{ line-height:35px; color:#fff; font-size:14px; width:260px; float:left; margin-right:20px; }
.footerRight .frCon i{ margin-right:10px;}

.copyright{ width:100%; height:50px; background:#035074; color:#fff; font-size:14px; text-align:center; }
.copyright p{line-height:50px; float:left; margin-left:200px;}
.copyright a{ color:#fff;}
.copyright img{ margin-top:3px;}

/**********************************************************内页样式***********************************************************/
.neitop{ overflow:hidden;}
.pubneiTit{ width:280px; height:131px; background:url(../images/protitbj.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内页*/
.aboutCon{ width:1200px; margin:40px auto; overflow:hidden;}
.aboutCon p{ pad ding:0px 75px; text-indent:2em; line-height:2em; ma rgin-bottom:15px; font-size:16px; text-align:justify;}
.aboutCon #marquee1{ width:1200px; height:230px; padding-bottom:30px;}
.aboutCon #marquee1 ul li .propic{ width:260px; height:230px; margin-right:15px; overflow:hidden;}
.aboutCon #marquee1 ul li img{ width:100%; min-height:230px;}
.aboutCon #marquee1 ul li a h4{ color:#212121; text-align:center; line-height:30px;}

.abNav{ width:100%; height:45px; margin-bottom:30px;   }
.abNav ul li {width:32%; height:45px;background:#eee;line-height:45px; float:left; border-radius:5px; margin-right:1%; text-align:center; transition:0.5s;}
.abNav ul li a{ font-size:18px; color:#333;width:100%; display:block; }
.abNav ul li:hover{ background:#01a0eb;}
.abNav ul li:hover a{ color:#fff;}

/*chanpin内页*/
.proshow{ marg in-top:30px; width:1200px; float:left;}
.proshow .menu li.level1>a{ height:47px; line-height:47px;}

.proRIght{ width:900px; overflow:hidden; float:right; }
.proRIght li{ width:280px; height:248px; float:left; margin-right:25px; margin-bottom:30px; overflow:hidden;}
.proRIght li:nth-child(3n){ margin-right:0px;}
.proRIght li .proPicture{ width:280px; height:203px; overflow:hidden;}
.proRIght li img{ width:100%; transition:0.5s; min-height:203px;}
.proRIght li img:hover{ transform:scale(1.1);}
.proRIght li h4{ width:280px; line-height:45px; text-align:center; background:#01a0eb; transition:0.5s;}
.proRIght li a{ color:#fff; font-size:16px; font-weight:100;}
.proRIght li:hover h4{ background:#f9b200;}


.page { width:1200px; margin-top:20px ; margin-bottom:50px; text-align:center;}
.page a{ color:#333; width:50px; height:30px; text-align:center; display:inline-block; border:1px solid #ccc; margin-right:5px; transition:0.3s; font-size:16px; line-height:30px; text-align:center;}
.page a:hover{ color:#fff; background:#01a0eb; border-color:#01a0eb;}


/*产品详情页*/
.proLeft{ margin-top:30px;}
.productnei{ width:868px; float:right; m argin-bottom:30px; overflow:hidden; border:1px solid #ddd; padding:15px;}
.productnei h3{ text-align:center;}
.fbdate{ width:900px; text-align:center; margin-top:10px ; margin-bottom:10px;}
.productnei .proneiPic{ width:700px;text-align:center; margin-left:64px;}
.productnei .proneiPic img{ margin:20px auto; border:1px solid #ccc;width:100%; height:auto;  }
.productnei p{ font-size:16px; line-height:30px; text-align:justify !important; text-indent:2em;}
.productnei table{ width:100% !important;}
/*.pub_neipic{ float:left !important;}
.pub_neipic center img{float:left; }*/

.pian{ margin-bottom:30px;margin-top:20px;}
.pian a{ color:#333;  line-height:35px;}
.pian a:hover{ color:#0657b3;}

.proneiCon .fbdate{ text-align:center; font-size:14px; margin-top:15px; margin-bottom:15px;}


/*case内页*/
.caseshow{ width:1200px; margin:30px auto;}
.caseshow li{ width:280px; height:248px; float:left; margin-right:25px; margin-bottom:30px; overflow:hidden;}
.caseshow li:nth-child(4n){ margin-right:0px;}
.caseshow li .proPicture{ width:280px; height:203px; overflow:hidden;}
.caseshow li img{ width:100%; transition:0.5s; min-height:203px;}
.caseshow li img:hover{ transform:scale(1.1);}
.caseshow li h4{ width:280px; line-height:45px; text-align:center; background:#01a0eb; transition:0.5s;}
.caseshow li a{ color:#fff; font-size:16px; font-weight:100;}
.caseshow li:hover h4{ background:#f9b200;}

/*新闻列表*/
.newslist{ margin-top:20px;}
.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;text-align:justify !important; text-indent:2em; }

.newslist li:hover .newsDate{ background:#01a0eb;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#01a0eb;}


/*new内页*/
.newsneiCon{ width:1200px; margin-top:30px;}
.newsneiCon h3{ text-align:center;}
.newsneiCon .proneiPic{ text-align:center;}
.newsneiCon .proneiPic img{ margin:20px auto; border:1px solid #ccc; }
.newsneiCon p{ font-size:16px; line-height:30px; text-align:justify !important; margin-bottom:10px;}
.newsneiCon .fbdate{ width:1200px; text-align:center !important; margin-top:10px ; margin-bottom:10px;}

.newsneiCon .fbdate{ text-align:center; font-size:14px; margin-top:15px; margin-bottom:15px;}

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

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