﻿/* CSS Document */
/*logo*/
.topbg{width:100%; float:left; height:30px; line-height:30px; border-bottom:1px solid #D3D3D3;}
.topcon{width:1200px; margin:0 auto;}
.tleft{ float:left; font-size:14px; color:#333;}
.tright{ float:right; color:#333;}
.tright li{ float:left; margin:0 10px;}
.tright li a{ color:#333; font-size:14px;}
.topwx{ padding-left:30px; background:url(../images/wicon1.jpg) no-repeat left center; position:relative;}
.topwx img{ position:absolute; top: 30px; left: 0px; display: none; z-index: 55;}
.top{width:100%; float:left;}
.logo{ float:left; margin:20px 0;}
.tel{float:right; background:url(../images/top_tel.gif) no-repeat left center; padding-left:60px; margin:20px 0; font-size:18px; color:#ee7300; text-align:left;}
.tel span{ display:block; font-size:32px; color:#000; font-family:"黑体";}

.menubg{height: 60px; position:relative; z-index:10; width:100%; background:#1c74cb; float:left;}
.menu{width:1200px; height:60px; margin:0px auto;position:relative;  }

.menu ul li a, .menu ul li a:visited { color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height: 60px;line-height: 60px;width:133px;transition: 0.4s all;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center;}
.menu li a:hover{ background:#ff9000; color:#fff;}
.menu li #current{background:#ff9000;color:#fff;}
/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(254,153,0,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:60px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #f9ce05; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/


.banner{width:100%; position:relative; float:left;}
.banner img{width:100%;}

/*搜索*/
.search{width:100%; background:#f5f5f5; float:left;}
.scon{ padding:10px 0;}
.keyw p{font-size: 14px;line-height: 50px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left: 36px;background: url(../images/keywords.png) left center no-repeat;}
.keyw p span{padding-right: 10px;font-weight: bold;}
.keyw p a{padding: 0 5px;color: #666;}
.keyw p a:hover{color: #1c74cb}
.sbox{float: right;width: 440px;position: relative;}
.sbox .keyword{margin: 0;width: 440px;height: 40px;box-sizing: border-box;border:#ccc 1px solid;padding: 0 20px;font-size: 14px;line-height: 40px;color: #aaa;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
.sbox .keyword:hover,.search .keyword:focus{box-shadow: 0 0 4px #00946c;border-color: #00946c}
.sbox .submit{position: absolute;right: 20px;top: 0;width: 26px;height: 40px; border:0;background: url(../images/search.png) center center no-repeat;z-index: 1;cursor:pointer;-webkit-transition-duration: .6s;-o-transition-duration: .6s;transition-duration: .6s;}


/*主体部分*/
.wrap{position:relative; float:left; width:100%;}
.w1100{width:1100px; margin:0 auto; position:relative;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.wm{ margin:20px auto; overflow:hidden;}


/*产品展示*/
.product{width:100%; float:left; margin:30px 0;}
.tit{width:100%; float:left; margin-bottom:40px;}
.tit strong{font-size: 60px;line-height: 60px;text-transform: uppercase;color: #ececec;}
.tit p{font-size: 40px;line-height: 30px;font-weight: bold;margin-top: -30px;color: #333;}


.picFocus{width:100%; float:left; position:relative; overflow:hidden; height:300px;}
.picFocus ul li{  float:left;  text-align:center; width:268px; background: #fff; border: 1px solid #e2e2e2; border-bottom: 5px solid #c9c9c9; padding: 7px; margin:0 5px 0; }
.picFocus ul li p{ height:48px; line-height:48px; color:#2f2a2a;}
.picFocus ul li p a{ color:#2f2a2a;}
.picFocus ul li img{ width:268px; height:182px; cursor:pointer; }
.picFocus ul li .zxcp{ background: url(../images/zx.png) no-repeat 10px center; width: 85px; height: 30px; line-height: 30px; border: 1px solid #1c74cb; border-radius: 20px; padding-left: 30px; margin:0 auto 10px auto; transition:0.4s all 0s linear;}
.picFocus ul li:hover{ border-bottom: 5px solid #1c74cb; }
.picFocus ul li.on a{ color:#2f2a2a;}
.picFocus ul li:hover .zxcp{ border: 1px solid #0173bf; background:url(../images/zx1.png) no-repeat 10px center #0173bf;}
.picFocus ul li:hover .zxcp a{ color: #fff;}

/*ban*/
.ban{width:100%; position:relative; float:left; background:url(../images/bg_k3.jpg) no-repeat center top; height:152px;}


/*我们的优势*/
.section_advtage{width:100%; float:left;}
.section_advtage .T{background: url(../images/adv05.png) top center no-repeat;height: 130px;}
.section_advtage .T h1,.section_advtage .T h3{text-indent: -10000px}
.section_advtage .services-box{padding:20px 0;background:inherit;text-align:left}
.section_advtage .services-box h3{position:relative;padding-left:76px;color:#000;font-weight:700;}
.section_advtage .services-box h3 p{padding:0;color:#ff8e00;font-size:24px;line-height:1}
.section_advtage .services-box h3 p:before{content:''}
.section_advtage .services-box h3 small{padding:0;text-transform:uppercase;font-size:24px}
.section_advtage .services-box h3:before{position:absolute;top:7px;left:0;width:58px;height:58px;background:url(../images/advtange_bg.png) no-repeat;color:#fff;text-align:center;font-weight:bolder;font-size:36px;line-height:58px}
.services-box.adv01 h3:before{content:'01'}
.services-box.adv02 h3:before{content:'02'}
.services-box.adv03 h3:before{content:'03'}
.services-box.adv04 h3:before{content:'04'}
.section_advtage .services-box p{padding-left:76px;height:auto;color:#5b5b5b;font-size:14px}
.section_advtage .services-box p strong{color:#ff8e00;font-weight:400}
.services-box p{font-size: 16px;padding:3px 5px;height: 140px; line-height:24px;}





/*关于我们*/
.about{width:100%; background:#1c74cb; float:left; padding:20px 0; }
.title2 strong{color: rgba(182,182,182,0.25);}
.title2 p{color: #fff;}
.pt30{padding-top:30px;}
.about-img{float: right; }
.about-img img{box-shadow: 6px 10px 10px rgba(0,0,0,0.4);background:#fff; padding:10px;}
.aboutnr{float: left;width: 683px; text-align:left;}
.aboutnr strong{font-size: 30px;line-height: 48px;position: relative;padding-left: 12px;color: #fff;}
.aboutnr strong:before{content: '';display: block;position: absolute;left: 10px;top: 60px;width: 60px;height: 3px;background-color: #fff;}
.aboutnr p{width: 683px;height: 275px; padding: 40px 20px;font-size: 14px;line-height: 30px;color: #fff;background: url(../images/about-p.png) center no-repeat;box-sizing: border-box;}
.aboutnr a{display: inline-block;font-size: 14px;line-height: 40px;color: #1c74cb;background-color: #fff;padding: 0 20px;}
.aboutnr a:after{height: 100%;border-radius: 8px;}


/*新闻资讯*/
.mar{width:100%; background:#f5f5f5; padding:20px 0; float:left;}
.about_p1{ height:49px; overflow:hidden; background: url(../images/bg3.jpg) repeat-x bottom; line-height:49px;}
.about_a1 h3{ font-size:24px; color:#1c74cd; float:left;}
.about_a1 span{ font-size:16px; color:#676767; margin:0 10px;}
.more_01{ width: 60px; background: #FF7E00; text-align: center; height: 21px; font-size: 12px; color: #fff; line-height: 21px; margin-top:20px;}
.more_01:hover{ background: #1C74CB; }
.news{ width:665px;}
.news_ul li{ margin-top: 20px; float:left; width:100%;}
.news_ul li a{  height: 108px; border:solid 1px #e7e7e3; display:block;}
.newsdiv1{ width: 86px; height: 57px; border-right:solid 1px #e7e7e3; margin-top:20px; margin-left: 5px; text-align: center; color: #555555;}
.newsdiv1p1{ height: 35px; line-height: 35px; font-size: 38px; }
.newsdiv1p2{ height: 22px; line-height: 22px; font-size: 16px; }
.newsdiv2{ width: 540px; margin-left: 22px; margin-top: 20px; text-align:left;}
.newsdiv2p1{ height: 25px; line-height: 25px; font-size: 17px; }
.newsdiv2p2{ height: 40px; line-height: 20px; color: #666666; margin-top: 6px; }
.news_ul li a:hover{ border:solid 1px #1c74cd; }
.news_ul li a:hover .newsdiv2p1{ color: #1c74cd; padding-left: 5px;}


/*荣誉资质*/
.honor{width:460px;}
#slide{position: relative; margin-top:20px;}
.scrollable {width: 300px;overflow: hidden;position: relative;display: inline-block;margin:0 auto;*display:inline; text-align:center;}
.prev-next {height: 45px;width: 25px;cursor: pointer;float: left;margin-top:80px;}
.prev {background: url(../images/leftb.jpg) left center no-repeat;}
.next {background: url(../images/rightb.jpg) right center no-repeat;float:right; }
.list {width:30000px;}
ul.list li.item{width: 300px; float:left;}
ul.list li.item .imgbox {display: flex; align-items: center;justify-content: center;overflow: hidden;vertical-align: middle;*font-size:147px;*display: block;*font-family:Arial;padding: 3px; }
ul.list li.item .imgbox img {width:100%;}


/*厂房环境*/
.w{width:100%; float:left; padding:40px 0;}
.case{padding-top: 30px;position: relative; height: 220px;}
.case .bd{overflow: hidden;}
.case ul li{float: left;margin-right: 26.66px;width: 280px;height: 220px;}
.case ul li a{display: block;position: relative;}
.case ul li a .pic-case{width: 280px;height: 220px; overflow: hidden;text-align: center;}
.case ul li a p{font-size: 16px;line-height: 220px;text-align: center;background-color: rgba(0,0,0,0.6);color: #fff;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;position: absolute;width: 100%;height: 100%;opacity: 0;z-index: 9;left: 0;top: 0}
.case ul li a:hover p{opacity: 1;}
.more{padding-top: 30px;text-align: center;}
.more a{display: inline-block;font-size: 14px;line-height: 40px;color: #fff;background:#0f72d8;padding: 0 50px;}

/*footer*/
.footer{background: url(../images/end_bj.jpg) no-repeat center top;width: 100%;padding-top: 32px; float:left;}
.end_nav{ height:44px; line-height:56px; color:#FFF; margin-bottom:42px;}
.end_nav a{ display:inline-block;*display:inline;background:url(../images/end_t.gif) no-repeat center left; padding:0 20px; color:#FFF; font-size:14px;}
.end_bot{ font-size:14px; color:#fff; line-height:30px;}
.weixin{ margin-top:40px; margin-left:30px; margin-bottom: 35px;}


/*内页*/
/*CSS Left_side*/
.left_side{ width:260px;  float:left; display:inline; margin-top: 25px;}
.products_p1{ height: 42px; line-height: 42px; overflow: hidden;}
.products_a1 span{ width: 6px; height: 30px; background: #1c74cb; float: left; margin-top: 5px; }
.products_a1 b{ font-size: 26px; float: left; margin-left: 15px; transition: all 0.6s;}
.pro{ width: 260px; height: 100%; background: #1c74cb; margin-top: 20px; overflow:hidden; text-align:left;}
.pro_ul{ width: 210px; float: left; margin-top: 15px; margin-left: 27px; }
.pro_ul li{ height: 40px; margin-top: 15px; }
.pro_ul li a{ width: 185px; height: 40px; line-height: 40px; padding-left:25px; color: #fff; float: left; font-size: 15px;}
.pro_ul li a:hover{ background: #FFFFFF; color: #333; }
.pro_ul li.selectli a{ background: #FFFFFF; color: #333;}

.contact_us{ width:590px; height:100%;  margin-top: 25px; margin-left: 55px;}
.contact_01{ width: 250px; height: 250px; overflow: hidden; line-height: 35px; margin-top: 10px;}
.dt{ width: 300px; height: 245px; margin-top: 20px; }

/*右边区域*/
.right_side{ width:900px; height:100%; overflow:hidden;  float:right; display:inline; margin-top: 25px;}
.right_title{ height:66px; line-height: 66px; }
.right_title_left{ float:left;  font-size:22px;  height: 63px; line-height: 63px; border-bottom: solid 3px #1c74cb;}
.right_title_right{  float:right; margin-right:10px; display:inline;}
.right_title_right a:hover{ text-decoration:underline;}
.right_title_right_sp1{ width:14px; height:13px; background:url(../images/page_icon.png) no-repeat; float:left; margin-top:28px; margin-right:5px;}
.right_title_right_sp2{ float:left;}
.right_content{width:900px; min-height:471px; _height:471px;padding:15px 0px 10px 0px; text-align:left;}
#company_main{ margin:0 auto; line-height:32px; padding:10px; }
#company_main img{ max-width:100%; }
#company_main a{ text-decoration:underline; }

/*新闻列表*/
#indexNews{ padding:5px 0px; }
#indexNews li{ border-bottom:#D9D9D9 1px dotted; height: 100%; overflow: hidden; padding:20px 5px 30px 5px; }
#indexNews li a{  transition: all 0.1s; }
.indexNews_l{ width: 105px; overflow: hidden;}
.indexNews_l div{ width: 105px; height: 105px; background:#F2F5FA; position: relative;}
.indexNews_lsp1{ line-height:1.8; text-align: center; font-size: 54px; color: #b1b1b1; float: left; width: 100%; transition: all 0.5s;}
.indexNews_lsp2{ line-height:1.3; font-size: 13px; color: #b1b1b1;position: absolute; top: 55px; right: 10px; background-color: #f2f5fa;}
.indexNews_r{ width:750px; overflow: hidden;}
.indexNews_rp1{ line-height:1.8; font-size: 18px; font-weight:bold; transition: all 0.5s;}
.indexNews_rp2{ line-height:1.5; color: #b6b6b6; }
.indexNews_rp2 span{ float: left; }
.indexNews_rp3{ line-height:1.5; color: #8a8a8a; padding-top:5px;}
#indexNews li a:hover{ color: #1c74cb; }
#indexNews li a:hover .indexNews_rp1{ padding-left: 5px; }
#indexNews li a:hover .indexNews_lsp1{ color: #1c74cb; }

/*新闻详情*/
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}

/*产品列表*/
#proUL li{height:290px;width:290px;  float:left;margin:10px 5px; display:inline; }
#proUL li a{ width: 280px; height: 280px; border:solid 1px #ddd; background: #fff; float: left; padding:4px;}
#proUL li .pic_01{width:280px;height:210px; text-align: center; overflow: hidden;}
#proUL li .pic_01 img{height:210px;max-width:280px; vertical-align:middle; transition: all 1s; }
#proUL li .pic_02{width:280px; line-height:40px; height:40px; margin-top: 5px;}
#proUL li .pic_03{ width: 30px; height: 5px; background: #1c74cb; margin-top: 15px; transition: all 1s;}
#proUL li a:hover{ background: #1c74cb; }
#proUL li a:hover .pic_03{ width: 280px; background: #fff;}
#proUL li a:hover .pic_01 img{ transform:scale(1.05);}
#proUL li a:hover .pic_02{ color: #fff;}

::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background-color:#0B74C7;}
::-webkit-scrollbar-thumb{background-color:#FF811B;}
::-webkit-scrollbar-thumb:hover {background-color:#E8340C}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}


/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #1EA935; }


/*分页*/
.page{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.page a,.page span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}





/*留言咨询*/
.message{ width:700px; height:auto;margin:0 auto; color:rgb(102,102,102);}
.message li{ width:600px;height:38px; float:left; margin:10px; padding:0px;}
.message li input{ height:36px; line-height:36px; width:430px; border:1px solid #0078c1;}
.message li p.message_title{ width:100px; height:38px;  float:left; text-align:right; font-size:14px; line-height: 38px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:600px;height:150px; float:left;}
.message li.contentb textarea{ width:430px; height:120px;border:1px solid #0078c1;}
.message li.yzm{ width:600px;height:60px; float:left;}
.message li p.message_yzminput{ width:160px; float:left;}
.message li p.message_yzminput input{ width:140px;}
.message li p.message_yzmico{ width:80px; height:40px; float:left;}
.message li p .baidu-book{ 
	float:left;
	width:190px; height:40px; display: block; 
	color:#fff; font-size: 16px; line-height: 40px; text-align: center;
	background: #fbb400; margin-left:20px;
}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}


/*漂浮*/
.floating_ck{position:fixed;right:20px;top:30%;z-index: 9999; font-size: 14px; border-radius: 5px;}
.floating_ck dl dt{ height: 6px; background: url(../images/kficon1.png) no-repeat center; }
.floating_ck dl dd{transition: all 0.3s; position:relative;width:45px;height:45px; margin-bottom: 1px; background-color:#423E3D; background-repeat:no-repeat;background-position:center; text-align: center; cursor:pointer;}
.floating_ck dl dd:hover{ background-color: #FF7B02; }
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/kficon3.png);}
.quote{background-image:url(../images/kficon4.png);}
.qrcord{background-image:url(../images/kficon5.png);}
.qrcord1{background-image:url(../images/kficon6.png);}
.floating_ck dl dd.return{background-image:url(../images/kficon2.png); background-color: #FF7B02;}
.return span{ float: left; width: 100%; height: 100%; }

.floating_ck dl dd:nth-child(0) { border-radius: 10px 10px 0 0; background: #ff0; }
.floating_ck dl dd:last-child { border-radius: 0 0 10px 10px; }

.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#FF6900; display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:200px;top:-120px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background:url(../images/kefuwx.jpg) center no-repeat;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm1{height:200px;top:-155px;}
.floating_ewm1 i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background:url(../images/kefuwx1.jpg) center no-repeat;}
.floating_ewm1 p{color:#fff;margin-top:5px;}

