@charset "utf-8";

/*============================ 初始化样式 ============================*/

*

{ margin:0; padding:0;  }

body

{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1200px;}

*html

{ background-image:url(about:blank);background-attachment:fixed;}

li

{ list-style:none;}

img

{ border:none;}

body a img

{ border:none;}

/*a:hover img

{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }

{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }

*/

a

{ color:#333; text-decoration:none; }

a:hover

{ color:#E62129;}

a:focus

{ outline:none;}

.clear:after

{content:''; display:block; clear:both; }

.clear

{ height:0px; clear:both; }

.text-cut  /*限制文字,文字超出显示冒号*/

{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

.t_center

{ text-align:center;}



.space10 { height:10px; clear:both; }

.space15 { height:15px; clear:both; }

.space20 { height:20px; clear:both; }

.space25 { height:25px; clear:both; }

.space30 { height:30px; clear:both; }



/*效果*/

.trans1

{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}



/*图片放大*/

.fdapic

{ overflow:hidden;}

.fdapic img

{

-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;

-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}

.fdapic:hover img

{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



/*按钮样式*/

.yu_a0

{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*============================ 公共部分 ============================*/



/* 文章上下篇 */

.wengzhengfanye

{ line-height:30px; padding:20px 10px; clear:both; }

.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB

{ padding-left:0px; clear:both; font-size:14px; color:#666;}

.wengzhengfanye span

{font-weight:bold; }

.wengzhengfanye a:hover

{ text-decoration:underline;}



/* 文章类别上下页 */

.page

{ padding:20px; overflow:hidden; text-align:center;}

.pagelink a,.pagelink span

{ display:inline-block; border:1px solid #999;padding:7px 12px; color:#666;margin: 0 4px;}

.pagelink ul li{display: inline-block;}

.pagelink ul li a:hover

{ background:#E62129; border:solid 1px #E62129; color:#fff;}

.pagelink ul li.active span

{ background:#E62129; border:solid 1px #E62129; color:#fff;}

/*.page

{ padding:20px; overflow:hidden; text-align:center;}

.pagelink a,.pagelink span

{ display:inline-block; padding:7px 12px; color:#666;margin: 0 5px;}

.pagelink ul li{display: inline-block;}

.pagelink ul li a:hover

{ color:#ce1421;}

.pagelink ul li.active span

{ color:#ce1421;}*/



/*用于手机屏幕，大于480px小于640px

@media (min-width: 480px) and (max-width: 640px) {}*/



/* 数字上下页 */

.page_fanye

{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}

.page_fanye a

{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }

.page_fanye span

{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}

.page_fanye span input

{ width:30px; height:20px;}

.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover

{ width:60px;  color:#666666; }

.page_fanye .onpage,.page_fanye a:hover

{ color: #fff; background:#856493; }

.container{width: 1200px;margin: 0 auto}

.fl{float: left}

.fr{float: right}



/*========================================= 首页 =====================================*/

.header{width:100%;border-bottom: 10px solid #fad41f;}

.navs{line-height:80px;}

.navs li{float:left;text-align:center; position: relative;margin-left: 50px;}

.navs li a {font-size:16px;display:block;color: #2c2c2c;box-sizing: border-box;}

.navs ul li a:hover{color: #E62129;}

.navs ul li a.active{color: #E62129}

/*.navs ul li.active a{color: #fff;}*/

/*.logo{margin-top: 20px;}*/

.navs li ul{display:none;width:200%;position: absolute;top:80px;left: -30px;z-index: 999;background-color:#fad41f;}

.navs li ul li{width: 100%;line-height:40px;margin-left: 0;padding: 0 10px;box-sizing: border-box;}

.navs li ul li:hover{background-color: #E62129}

.navs li ul li:hover a{color: #fff;border: none}

.navs li ul li a{font-size: 14px;}



/*banner图片切换样式*/

.banner{width:100%; height:508px; margin:0px auto 0px; overflow:hidden}

#focus {width:100%; height:508px; overflow:hidden; position:relative;}

#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}

#focus ul li {float:left; height:508px;overflow:hidden;position: relative;}

#focus ul li a{display: inline-block;width: 100%;height: 100%}

#focus ul li div {position:absolute; overflow:hidden;}

#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }

#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}

#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:40px; height:3px; display:inline-block; margin:0 3px; text-indent:-999px; cursor:pointer;

    background-color: rgba(255,255,255,0.5);overflow:hidden;}

#focus .btn span.on {background:#fad41f;}

/*#focus .preNext {width:45px; height:100px; position:absolute; top:260px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;display: none}

#focus .pre {left:0;}

#focus .next {right:0; background-position:right top;}

#focus:hover .preNext{display: block}*/



.oneA{overflow: hidden;margin-top: 40px}

.oneA2{overflow: hidden;width: 600px;}

.oneA2 .oneA21{overflow: hidden}

.oneA2 .oneA21 h1{font-size: 40px;color: #E62129}

.oneA2 .oneA21 i{display: inline-block;width: 70px;height: 4px;background-color: #E62129;margin-top: 10px;}

.oneA2 .oneA21 .more{margin-top: 0}

.oneA2 .oneA21 .more a{display: inline-block;width: 160px;height: 45px;border: 1px solid #dadada;text-align: center;line-height: 45px;box-sizing: border-box}

.oneA2 .oneA22{color: #757575;line-height: 2;margin-top: 10px;overflow: hidden}

.oneA2 .oneA23{overflow: hidden}

.oneA2 .oneA23 ul li{width: 50%;float: left;background: url("../img/jiantou.jpg") no-repeat 175px;margin-top: 30px;}

.oneA2 .oneA23 ul li dd{float: left;margin-right: 10px;}

.oneA2 .oneA23 ul li dt{color: #707070;float: left;padding-top: 5px;}

.oneA2 .oneA23 ul li dt span{font-size: 12px;}



.oneB{overflow: hidden;background-size: cover;background: url("../img/oneb.jpg") no-repeat center;padding: 50px 0;margin-top: 50px;}

.oneB1{width: 835px;}

.oneB1 .tit{width: 130px;line-height: 50px;background-color: #E62129;text-align: center;color: #fff}

.oneB12{width: 100%;background-color:#fff;border: 1px solid #e4e4e4;box-sizing: border-box;overflow: hidden;padding-bottom: 25px;}

.oneB12 ul li{width: 50%;float: left;padding-left: 18px;box-sizing: border-box;margin-top: 25px;}

.oneB12 ul li dd{width: 130px;height: 130px;box-sizing: border-box;border: 1px solid #f1f1f1;float: left;overflow: hidden;text-align: center}

.oneB12 ul li dd img{max-width: 100%;max-height: 100%}

.oneB12 ul li dt{width: 250px;float: left;margin-left: 10px;color: #333}

.oneB12 ul li dt h3{font-weight: normal;font-size: 18px;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.oneB2{width: 350px;float: right}

.oneB2 .tit{width: 100%;background-color: #E62129;line-height: 50px;color: #fff;text-align: center;}

.oneB2 .oneB21{width: 100%;box-sizing: border-box;border: 1px solid #e4e4e4;background-color: #fff;}

.oneB2 .oneB211{text-align: center;padding: 40px 0 50px}

.oneB212{overflow: hidden;margin-left: 28px;}

.oneB212 ul li{width: 65px;height: 65px;background-color: #E62129;text-align: center;line-height: 65px;color: #fff;

border-radius: 100%;margin-left: 23px;float: left}

.oneB213{text-align: center;margin-top: 46px;padding-bottom: 60px;}

.oneB213 h3{font-size: 24px;line-height: 1.8}

.oneB12 ul li:hover h3{color: #E62129}



.title{margin-top: 40px;text-align: center;overflow: hidden}

.oneC{overflow: hidden}

.oneC ul{margin-top: 20px;overflow: hidden}

.oneC ul li{width: 569px;height:138px;margin: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)!important;float: left;position: relative}

.oneC ul li dd{width: 168px;height: 138px;overflow: hidden;position: relative;float: left}

.oneC ul li dd img{width: 100%;height:100%;left: 50%!important;top: 50%!important;

    -webkit-transform: translate(-50%,-50%)!important;  -ms-transform: translate(-50%,-50%)!important;  transform: translate(-50%,-50%)!important;  position: absolute!important;}

.oneC ul li dt{float: left;margin-left: 15px;width: 365px;}

.oneC ul li dt p{margin: 25px 0 15px;font-size: 16px;}

.oneC ul li dt span{color: #9b9999;line-height: 1.8}

.oneC ul li::after{  content: "";  width: 0px;  height: 0px;  border-width: 10px;  position: absolute;  border-style: solid;

    border-color: transparent #ffc907 #ffc907 transparent;  right: 0px;  bottom: 0px;  }

.more{text-align: center;margin-top: 40px;}

.more a{display: inline-block;width: 160px;text-align: center;line-height: 45px;border: 1px solid #dadada}

.oneC ul li:hover{background-color: #E62129;transition: all 0.5s ease}

.oneC ul li:hover dt p{color: #fff;}

.oneC ul li:hover dt span{color: #fff}



.oneD{width: 100%;background-color: rgba(247, 247, 247, 1);  background-image: url(../img/yaoay.jpg);  background-repeat: no-repeat;  background-position: top center;}

.oneD1{width: 1240px;margin: 0 auto;padding: 60px 0 130px}

.oneD ul li{width: 270px;height: 120px;background-color: #fff;float: left;margin-left: 40px;}

.oneD ul li dd{float: left;margin-left: -35px;margin-top: 25px;width: 66px;}

.oneD ul li dd img{width: 66px;}

.oneD ul li dt{float: left;margin-left: 10px;}

.oneD ul li dt h3{margin: 35px 0 10px;font-size: 14px;}

.oneD ul li dt span{color: #908f8f}

.oneD1 .ewm{margin: 20px 20px 0 0;float: right}

.oneD1 .ewm img{width: 81px;}



.footer{background-color:#E62129;overflow:hidden;padding: 15px 0}

.foots {text-align: center;overflow: hidden;line-height: 2;color: #fff;}



/*========================================= 关于我们 =====================================*/

.slider{width: 100%;height: 200px;overflow: hidden;}

.location{width: 100%;height: 60px;background-color: #E62129;overflow: hidden;line-height: 60px;color: #fff;}

.locall .icon{width: 14px;height: 12px;display:inline-block;margin-right:10px;background: url("../img/icon.png");background-position: -284px -0px;}

.locall a{color: #fff;}

.localr a{display:inline-block;height:60px;margin-left: 50px;font-size: 16px;color: #fff;border-bottom: 4px solid #E62129;box-sizing: border-box}

.localr a:hover{border-color: #fff;}

.localr a.active{border-color: #fff;}



/*========================================= 产品中心 =====================================*/

.con2{padding: 25px;box-sizing: border-box;overflow: hidden;background-color: #fff;}

.pro_tit{border-bottom: 1px solid #eaeaea;overflow: hidden;}

.pro_tit h2{line-height: 60px;color:#f36218;border-bottom: 3px solid #f36218;font-size: 18px;

    font-weight: normal;float: left;margin-left: 20px;}

.goods_search{margin-top: 10px;}

.goods_search .input{width: 200px;float: left;  border: 1px solid #d7d7d7;  border-right: none;

    font-size: 14px;  padding: 8px 10px;outline: none}

.btn_search{border: 1px solid #d7d7d7;float: right;  background:url("../img/search.png") no-repeat center;background-color: #f36218;  outline: none;  cursor: pointer;

    padding: 8px;width: 32px;}

.product{margin-top: 20px;overflow: hidden}

.product ul li{width: 50%;float: left;border-bottom: 1px solid #eaeaea;padding: 20px;

    box-sizing: border-box;border-right: 1px solid #eaeaea}

.product ul li dd{width: 130px;height: 130px;border: 1px solid #f1f1f1;box-sizing: border-box;float: left;text-align:center;margin-right: 10px;}

.product ul li dd img{max-width: 100%;max-height: 100%}

.product ul li dt{width: 350px;float: left;color: #333}

.product ul li dt h3{font-weight: normal;font-size: 18px;color: #151515;margin: 8px 0 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.product ul li:nth-child(2n){border-right: 0}

.product ul li:hover dt h3{color: #E62129}



/*========================================= 新闻中心 =====================================*/

.news{margin-top: 25px;overflow: hidden}

.news ul li{padding: 20px;border: 1px solid #f2f2f2;background: #fff;margin-bottom:50px;overflow: hidden;}

.news ul li dd{width: 360px;height: 205px;overflow: hidden;float: left}

.news ul li dd img{width:360px;height: 205px;transition: .5s}

.news ul li dt{width: 770px;float: right;}

.news ul li dt h3{font-weight: normal;font-size: 24px;padding: 28px 0}

.news ul li dt span{line-height: 1.8}

.news ul li dt div{margin-top: 24px;}

.news ul li dt div i{color: #959595;font-style: normal;}

.news ul li:hover { box-shadow: 4px 4px 4px #ddd; }

.news ul li:hover dd img{transform: scale(1.2);}



/*========================================= 新闻详情页 =====================================*/

.content{background-color: #f5f5f5;overflow: hidden;padding: 30px 0;}

.con{padding: 50px;min-height:400px;overflow: hidden;border: 1px solid #e6e6e6;background-color: #fff;box-sizing: border-box;line-height: 2}

.con1{background-color: #fff;padding: 20px;box-sizing: border-box;overflow: hidden}

.con1_top{border-bottom: 1px dashed #cbcbcb;overflow: hidden;padding-bottom: 25px;}

.con1_top p{font-size: 24px;color: #333;margin-bottom: 20px;text-align: center}

.icon{text-align: center;color: #666}

.icon i{font-style: normal}

.cont{line-height: 2;padding: 30px 0;min-height: 400px;border-bottom: 1px dashed #cbcbcb;font-size: 16px;color: #333}

.cont img{max-width: 100%}



/*========================================= 产品详情页 =====================================*/

.showA{overflow: hidden}

.showA1{width: 360px;height: 360px;border: 1px solid #e6e6e6;margin-right: 30px;overflow: hidden;text-align: center}

.showA1 img{max-width: 100%;max-height: 100%}

.showA2{width:700px;}

.showA2 h3{margin: 20px 0;font-size: 20px;}

.showB{width: 100%;border-bottom: 1px solid #e6e6e6;line-height: 60px;overflow: hidden}

.showB h3{color: #f36218; border-bottom: 3px solid #f36218;font-weight: normal;font-size: 18px;float: left;margin-left: 30px;}



/*========================================= 联系我们 =====================================*/

 #map{width: 100%;height: 485px;border-top: 1px solid #d4d4d4}