@charset "utf-8";
/* by Magiee 20190420 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; font-weight:normal;}
body { font-size: 13px; background: #fff; color: #666; line-height:160%;}
ul,li { list-style: none; }
em{ font-style:normal !important;}
img { border: 0; }
input:focus { outline: none; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color:#e00000; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wrapper{ width:1220px; margin:0 auto}
.fl { float: left; }
.fr { float: right; }


.top .logo{ margin-top:20px;}
.top .logo img{ height:40px;}
.top .nav{ margin-left:80px;}
.top .nav li.nLi{ float:left; position:relative;  height:82px;}
.top .nav li.nLi a{ font-size:15px; padding:0 15px; font-weight:bold; line-height:80px; display:block;}
.top .nav li.nLi a:hover{ text-decoration:none; color:#666; border-bottom:#ed3b23 3px solid;}
.top .nav li .sub{ display:none; position:absolute; z-index:999999; top:83px; left:0; width:205px; background-color: rgba(255,255,255,0.9); padding:18px 0 16px 0;}
.top .nav li .sub li{ padding-left:15px;}
.top .nav li .sub li a{ font-size:14px; line-height:28px; font-weight:normal; color:#333; animation-duration:2s; animation-timing-function:linear;}
.top .nav li .sub li a:hover{ border-bottom:none; color:#de0000;}
.top .fr{ padding-top:30px; height:53px; border-left:#e5e5e5 1px solid;}
.top .fr li{ float:left; margin-left:30px; font-weight:bold;}
.top .fr li img{ vertical-align:middle;}
.top .fr li.link{ position:relative;}
.top .fr li.link a:hover{ color:#666}
.top .fr li.link .link_slide{ position:absolute; background-color: rgba(111,0,0,0.8); padding:18px; z-index:99999; width:100px; display:none;}
.top .fr li.link:hover .link_slide{ display:block;}
.top .fr li.link .link_slide li{ margin-left:0;}
.top .fr li.link .link_slide li a{ color:#efefef; font-weight:normal;}


.banner{ height:699px;}
.banner  .swiper-container{ height:699px; position:relative;}
.banner .banner01{ background:url(../images/bannera.jpg) no-repeat center center;}
.banner .banner02{ background:url(../images/bannerb.jpg) no-repeat center center;}
.banner .banner03{ background:url(../images/bannerc.jpg) no-repeat center center;}
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background:#fff;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { background: #e00029;}
.banner .arrow{position:absolute; width:40px; height:60px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner:hover .prev { background:url(../images/arrows.png) no-repeat left; left:0;}
.banner:hover .next { background:url(../images/arrows.png) no-repeat right; right:0;}
.banner img{ display:none;}



.main{ background:#e8e8e8;}
.main li{}
.main li.fl{ width:255px; padding:60px 50px 60px 0;}
.main li em{ display:block; margin-top:30px;}
.main li em a{ font-size:14px; color:#777;}
.main li em img{ margin-left:5px;}
.main li.new{}
.main li.new .newtit{}
.main li.new .newtit h2{ display:inline-table; font-size:16px; border-bottom:2px #f00 solid; padding-bottom:10px; font-weight:bold;}
.main li.new .newtit h3{ display:inline-table; margin-left:20px; font-size:14px;}
.main li.new .news{ margin-top:30px;}
.main li.new .news li{ line-height:24px;}
.main li.new .news li span{ color:#999; margin-right:10px; font-size:12px;}
.main li.honor{ padding-left:50px; background:#efefef; width:205px;}
.main li.honor h1{ font-size:16px; margin-bottom:43px; font-weight:bold;}
.main li.honor h2{ font-size:18px; border-bottom:1px #ccc solid; color:#000; line-height:24px; padding-bottom:20px;}
.main li.honor h2 img{ margin-left:50px;}
.main li.honor h3{ text-align:right; font-size:14px; margin-top:30px;}
.main li.sale{ padding: 46px 50px 60px 50px; background:#f7f7f7; width:205px;}
.main li.sale h1{ font-size:16px; font-weight:bold;}
.main li.sale h1 img{ vertical-align:middle; margin-right:20px;}
.main li.sale h2{ color:#000; font-size:18px; margin-top:22px; line-height:24px;}
.main li.sale h3{ font-size:14px; color:#777; margin-top:35px;}
.main li.con{ padding:46px 0px 60px 50px;}
.main li.con h1{ font-size:16px; font-weight:bold;}
.main li.con h1 img{ vertical-align:middle; margin-right:20px;}
.main li.con h2{ color:#000; font-size:18px; margin-top:22px;}
.main li.con h2 span{ color:#ed3b23; font-weight:bold;}
.main li.con p{ margin-top:30px; font-size:14px;}


.foot{ padding:40px 0;}
.foot a{ font-size:14px; color:#666; margin:0 5px;}
.foot a:hover{ color:#175aa8; }
.foot p{ margin-top:15px; color:#777;}
.foot .fr{ text-align:right;}


.inbanner{ background:#f0f0f0; height:325px;}
.inbanner .proslide{ width:230px; padding:20px; height:285px; background:#dedede;}
.inbanner .proslide h1{ background:#f43015; color:#fff; font-weight:bold; font-size:20px; padding-left:10px; line-height:36px;}
.inbanner .proslide ul{ margin-top:10px;}
.inbanner .proslide ul li{ font-size:16px; line-height:45px; padding-left:20px;}
.inbanner .proslide ul li.on a{ color:#f43015; font-weight:bold;}
.inbanner .proslide ul li a{ color:#333;}
.inbanner .img{ padding-left:270px;}

.biaoti{ margin-top:30px; text-align:center;}
.biaoti h1{ background:#F00; border-radius:24px; padding:12px 20px; display:inline-block; color:#fff; font-size:20px; font-weight:bold; letter-spacing:5px;}

.com{ margin-top:60px;}
.com .c1{ margin-bottom:50px;}
.com .c1 .img img{ width:100%; max-width:560px;}
.com .c1 .c1_r{ padding:30px 30px 30px 580px; text-align:center;}
.com .c1 .c1_r p{ margin-top:30px; font-size:14px; line-height:45px; letter-spacing:1px;}
.com .c2{ background:#f7f7f7; padding:50px 0;}
.com .c2 li{ float:left; text-align:center; width:25%;}
.com .c2 li h1{ margin-top:15px; color:#000; font-size:30px;}
.com .c2 li span{ font-size:18px; margin-top:10px; margin-top:10px; color:#000; display:inline-block;}
.com .c2 p{ margin-top:30px; padding:0 50px; line-height:45px; font-size:16px; text-align:center; letter-spacing:2px;}
.com .c3{ padding:50px 0;}
.com .c3 .fl{ text-align:center;}
.com .c3 .fl h1{ color:#333; font-size:24px; font-weight:bold; margin-top:75px; letter-spacing:2px;}
.com .c3 .fl p{ font-size:16px; line-height:30px; margin-top:80px;}
.com .c3 .img{ text-align:right;}
.com .c4{ background:#f1f1f1; padding:30px;}
.com .c4 .text{ text-align:center; padding-left:560px;}
.com .c4 .text h1{ margin-bottom:50px; padding-top:30px; font-size:23px; line-height:40px;}
.com .c4 .text p{ border-top:1px #999 dashed; font-size:16px; padding-top:40px;}
.bottomline{ height:1px; border-bottom:1px #ccc solid; margin-top:70px;}


.box{ padding:45px 0;}
.box .p_tit{ background:#1b1b1b; padding:15px; font-weight:bold; color:#fff; font-size:18px;}
.box .pro_content{ margin-top:20px;}
.box .pro_content li{ float:left; background:#f0f0f0; width:23.5%; margin-right:2%;transition: all 0.4s ease-in-out; cursor:pointer; margin-bottom:20px;}
.box .pro_content li:hover{ box-shadow: 0 0 10px #a5a5a5;}
.box .pro_content li:nth-child(4n){ margin-right:0;}
.box .pro_content li h1{ background:#d8d8d8; text-align:center; font-size:15px; line-height:56px;}
.box .pro_content li h1 a{ color:#000;}
.box .pro_content li .img{ background:#fff; border:1px #f0f0f0 solid; padding:10px 0;}
.box .pro_content li .img img{ width:98%;}
.box .pro_content li .text{ padding:15px 10px;}
.box .pro_content li .text p{ font-size:13px; height:24px; overflow:hidden;}
.box .pro_content li .text h3{ margin:10px 0; color:#000; font-size:13px;}
.box.box02{ background:#f6f6f6;}

.newcont{ margin-top:30px;}
.newcont li{ float:left; width:31%; margin-right:3.5%; margin-bottom:40px;}
.newcont li:nth-child(3n){ margin-right:0;}
.newcont li img{ width:100%;}
.newcont li .tt{ background:#f6f6f6; padding:30px 15px;}
.newcont li .tt h2{ height:24px; overflow:hidden;}
.newcont li .tt h2 a{ font-size:15px; color:#333; text-decoration:underline;}
.newcont li .tt p{ font-size:13px; color:#999; margin-top:30px; height:60px; overflow:hidden;}
.newcont li .tt em{ margin-top:15px; display:inline-block; background:#333; border-radius:15px; padding:5px 20px;}
.newcont li .tt em a{ color:#fff; font-size:12px; text-transform:uppercase;}
.newcont_t{ text-align:center; font-size:16px; color:#333; border-bottom:1px #ccc dashed; padding-bottom:20px; font-weight:bold;}
.n_t_content{ margin-top:30px; line-height:28px; font-size:14px;}
.page{ margin-top:30px;}
.page .hh{ margin-bottom:10px;}
.page span{ background:#333; color:#fff; border-radius:10px; padding:2px 10px; margin-right:5px; }

.honorcont{ margin-top:40px;}

.in_contact{ margin-top:40px; text-align:center; font-size:16px; line-height:36px;}
.mapiframe{ margin-top:40px;}

.proshow{ margin-top:40px;}
.ps_tit{ border-bottom:1px #ccc dashed; font-size:20px; font-weight:bold; text-align:center; padding-bottom:20px; margin-bottom:30px;}
.proshow h2{ margin:20px 0;}
.proshow p{ line-height:30px; text-indent:24px;}
.table{ background:#ccc; margin-top:30px;}
.table tr:hover{ background:#fffafa; cursor:pointer;}
.table td{ text-align:center; padding:15px 0;}
.table td br{ display:none;}
.table .tt01{ background:#f1f1f1;}
.table .tt02{ background:#f9f9f9;}

.inpp li{ float:left; width:23.5%; margin-right:1.5%; margin-bottom:30px; border:1px #eee solid;}
.inpp li:nth-child(4n){ margin-right:0;}
.inpp li img{ width:100%;}
.inpp li em{ display:block; background:#eee; padding:10px; text-align:center;}


@media screen  and (max-width: 1220px){
	
.wrapper{ width:98%;}	
.top .logo img{ height:33px;}
.top .nav{ margin-left:30px;}
.top .nav li.nLi a{ font-size:14px; padding:0 12px;}
.top .fr li{ margin-left:20px;}
.top .fr li.search{ display:none;}
.top .fr li.link{ display:none;}	

.banner{ height:450px;}
.banner  .swiper-container{ height:450px; position:relative;}
.banner .banner01{ background-size:100% 100%;}
.banner .banner02{ background-size:100% 100%;}
.banner .banner03{ background-size:100% 100%;}

.main li.fl{ width:44%; padding:3%; height:270px;}


.com .c1 .img img{ max-width:450px;}
.com .c1 .c1_r{ padding:0 30px 30px 480px;;}
.com .c1 .c1_r img{ width:100%; max-width:480px;}
.com .c1 .c1_r p{ line-height:36px;}

.box .pro_content li{ width:48%; margin-bottom:30px;}
.com .c3 .fl{ width:50%;}
.com .c3 .img{ width:45%; float:right;}
.com .c3 .img img{ width:100%;}
.com .c3 .fl p{ margin-top:40px;}
.com .c3 .fl p br{ display:none;}
.com .c4 .fl{ width:40%;}
.com .c4 .fl img{ width:100%;}
.com .c4 .text{ padding-left:40%;}
.com .c4 .text h1{ font-size:20px; margin-bottom:30px; padding-top:0;}
.com .c4 .text p{ font-size:13px; padding-top:30px;}
	
}
	
	
@media screen  and (max-width: 800px){	

.top{ position:relative}
.top .fr{ position:absolute; right:10px; top:10px; padding-top:0; height:auto; border:none;}
.top .logo{ text-align:center;}
.top .logo.fl{ float:none;}
.top .logo img{ height:40px;}
.top .nav{ width:100%; margin:20px 0;}
.top .nav li.nLi{ width:33%; text-align:center; height:auto;}
.top .nav li.nLi a{ line-height:30px; font-size:15px; border-bottom:3px #fff solid;}

.banner{ height:320px;}
.banner  .swiper-container{ height:320px;}
.banner .banner01{ background-size:150% 150%;}
.banner .banner02{ background-size:150% 150%;}
.banner .banner03{ background-size:150% 150%;}

.foot .fr{ float:left; text-align:left; margin-top:10px;}
.foot .fr p{ display:none;}

.inbanner{ display:none;}

.com .c1 .img.fl{ float:none;}
.com .c1 .img img{ max-width:100%;}
.com .c1 .c1_r{ width:98%; padding:0;}
.com .c2 li{ width:22%; margin:0 1.5%;}
.com .c2 li img{ width:100%; max-width:70px;}
.com .c2 li h1{ font-size:22px;}
.com .c2 li span{ font-size:13px;}
.com .c2 p{ padding:0 16px; font-size:14px; line-height:32px; letter-spacing:0;}
.com .c3 .fl{ width:100%;}
.com .c3 .fl h1{ margin-top:0;}
.com .c3 .img{ width:100%; text-align:center; margin-top:20px;}
.com .c3 .img img{ width:100%; max-width:500px;}
.com .c4{ padding:30px 15px;}
.com .c4 .fl{ display:none;}
.com .c4 .text{ padding-left:0;}
.com .c4 .text h1{ font-size:18px;}

.newcont li{ width:48%; margin:0 1% 30px 1%;}
.newcont li:nth-child(3n){ margin:0 1% 30px 1%;}
.newcont li .tt p{ margin-top:15px; height:36px;}
.newcont li .tt em{ padding:2px 12px;}

.table td br{ display:block;}

.inpp li{ width:48%; margin-right:2.5%;}
.inpp li:nth-child(2n){ margin-right:0;}


}

@media screen  and (max-width: 600px){	
.main li.fl{ width:96%}
.box{ padding:20px 0;}
.box .pro_content li h1{ font-size:14px; line-height:36px; padding:10px 0; height:36px; overflow:hidden;}
.box .pro_content li .text h3{ font-size:12px; margin-top:0;}
.box .pro_content li .text p{ display:none;}
.top .nav{ background:#f6f6f6; padding:10px 0;}
.top .nav li.nLi a{ border-bottom:0;}
}