/* CSS Document */

/*外部框架*/

.pos{ position:relative;}



.w-1{margin: 0 auto;max-width: 640px; min-width: 300px; position: relative;}

.w{ padding: 0 3%; margin:0 auto;}



.bg-ys{ line-height: 0;}



.bg{ background:#f2f2f2; padding: 30px 0;}



.bg-1{ line-height: 0; padding: 20px 0;}

.bg-2{ background: url(../images/bg_2.jpg) no-repeat center 0 #f17215; padding: 200px 0 30px;}



.bt-bg1{ background: url(../images/tit_1.jpg) no-repeat center 0; background-size:100% auto ; padding-top: 10px; }

.bt2{ background-image: url(../images/tit_2.jpg);}

.bt3{ background-image: url(../images/tit_3.jpg);}

.bt4{ background-image: url(../images/tit_4.jpg);}

.bt5{ background-image: url(../images/tit_5.jpg);}

.bt6{ background-image: url(../images/tit_6.jpg);}

.bt7{ background-image: url(../images/tit_7.jpg);}



/*页头*/



/*页脚*/

.m-form{ background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 20px;}

.m-form .form-group{ margin-bottom:8px;}

.m-form .btn{ background:#e61b1b; color: #fff; font-size: 16px; width: 100%; line-height: 45px; border:none; margin: 0;}

.m-form .form-control{ padding: 0; background: #fff; border: 1px solid #a8a8a8; color:#a8a8a8; width: 100%; line-height: 45px; font-size: 14px; font-family: "微软雅黑"; text-indent: 10px; border-radius: 5px;}

.m-form input::-webkit-input-placeholder,.m-form textarea::-webkit-input-placeholder{ color: #1d1d1d;}





/*内部样式*/

.block-1{ position:relative; background: #fff; padding: 10px 0;}

.block-1 .brow{ padding: 0 2%;}

.block-1 .brow a{ display:block; position: relative; color: #000; font-size: 14px; padding: 0 10px; line-height: 30px; float: left; width: 33%; text-align: center;}

.block-1 .brow a i{ display: block; position: absolute; top: 0; right: 0;background:url(../images/dot_p.png) no-repeat center center ; background-size: 100% auto; width: 15px; height: 30px; animation: hot 1.5s infinite ease; }

.block-1 .brow a:hover{ color: #ff0000;}

.block-1 .brow a.on{ color: #ff0000;}



@keyframes hot{
	0%{ transform: scale(0.7);}

	50%{ transform: scale(1);}
	100%{transform: scale(0.7);}
}



a.more{ display: block; color: #f47504;height: 45px; font-size: 18px; display:block; text-align: center; line-height: 45px; text-transform: uppercase; margin: 0 auto; width: 200px; border: 1px solid #f47504; border-radius: 45px;}

a.more:hover{ color:#fff; background: #f47504;}



.block-2{ position: relative; color: #fff;}

.block-2 p{ font-size: 16px; padding: 10px 0;}

.block-2 p span{ display: block; font-weight: bold; font-size: 20px; line-height: 37px;}





.block-3{ background: #fcf8f3; padding: 20px; border-radius: 10px;}

.picScroll-top .bd ul li{ line-height:25px; width: 100%; margin:5px auto;}

.picScroll-top .bd ul li span{ color: #e51f1f;}

.picScroll-top .bd ul li p{ color: #666; font-size: 15px; margin: 0;word-break:break-all;

  display:-webkit-box;

  -webkit-line-clamp:3;

  -webkit-box-orient:vertical;

  overflow:hidden;}





.block-c{ background: #222326; padding: 0 3% 20px;}

.block-c p{ color: #9d9d9d; line-height:30px; padding: 10px 0 0;}





/*分类列表*/

.sub{ text-align:center; position: relative;}

.sub a{ display:block; color: #fff; width: 48%; position: relative; z-index: 5; text-align: center; padding: 5px 0; float: left;border: 1px solid #fff; border-radius: 40px; margin: 0 1% 5px;}

.sub a:hover{ color: #000; background: #ffbb18;}





.subnav{list-style:none;position:relative; z-index:10; background: #da251c; padding: 15px 0; text-align: center; width: 100%;}

.subnav a{ display: inline-block; margin: 0 0.5%; color: #fff; font-weight: bold; font-size: 15px;}

.subnav a:hover{ color: #f3a919;}

.sfix{ position: fixed; top: 58px; z-index: 100;}



/*标题样式*/

.ititle-1{position:relative;  text-align: center;}

.ititle-1 span{ font-size:32px; display:block; color:#f3761c; font-weight: bold; font-family: "宋体"; }





.title-1{ position:relative; line-height:30px; color: #062129; font-size: 28px; text-align: center; padding: 10px 0;background: #ffffff9e;}

.title-1 span{ display: block; font-weight: bold; color:#da0000;}

.title-1 i{ font-style: normal; font-size: 18px; text-transform: uppercase;font-weight: bold;}



.title-2{ position:relative; line-height:30px;}

.title-2 span{ display: inline-block; color: #fff; font-size: 20px; }

.title-2 span:before{content: "●"; font-style: normal; display: inline-block; color: #ffbb19; font-size: 20px; margin-right: 10px;}



.title-3{ background: #ffbb19; padding: 10px 20px; border-radius: 8px;}

.title-3 span{ color: #000; font-size: 18px;}

/*面包屑*/

.place{color:#fff;text-transform: uppercase; padding: 5px 0;}

.place a{ color:#fff; float: none;}

.place a:hover{color:#fbc32c;}

/*产品列表*/

.ul-1{list-style:none;margin:0;}

.ul-1 li{position:relative; display:block; float:left;width:46%; margin:0 2% 20px;overflow:hidden;transition-duration:0.4s;}

.ul-1 li a{ display:block;}

.ul-1 li div.bimg{width:100%; height:150px;}

.ul-1 li img{ width: auto; height: 100%;}

.ul-1 li .ptxt{ background: #fff; color: #424242; line-height: 60px; height: 60px; border-radius: 60px; font-size: 22px;text-align: center; margin-top: 5px; border: 1px solid #ddd;}

.ul-1 li .ptxt span{ display:inline-block; font-weight: bold; background: url(../images/dot_t1.png) no-repeat 0 center; padding-left: 45px;}

.ul-1 li .ptxt i{ font-style: normal; }

.ul-1 li:hover{transition: all 0.4s;}

.ul-1 li:hover img{ transform: scale(1); transition: all 0.4s;}

.ul-1 li:hover .ptxt{ background:#eb3f01; border-color: #eb3f01; color: #fff; transition: all 0.4s;}



.pro-box{list-style:none;margin:0; float: left; width: 46%; margin: 0 2% 10px;}

.pro-box a{position:relative; display:block;overflow:hidden;transition-duration:0.4s; border: 1px solid #ddd; padding: 2px; color: #000;}

.pro-box a:after{ content: ""; position: absolute; display: block; background:url(../images/dot_p.png) no-repeat center 0 ; background-size: 100% auto; width: 23px; height: 40px; top: 10px; right: 10%; z-index: 10;animation: hot 1.5s infinite ease;}

.pro-box div.bimg{height:184px; overflow: hidden; text-align: center;}

.pro-box img{vertical-align:middle; height: 100%;}

.pro-box .btit{padding: 10px 0; text-align: center;}

.pro-box .btit h3{ font-size: 16px; padding: 10px 0; font-weight: bold;}

.pro-box .btit span{ text-transform: uppercase; font-size: 16px; display: block;}

.pro-box .btit span i{ font-style: normal; color: #ff0000;}

.pro-box .btit p{ border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;}

.pro-box .btit p span{ display: inline-block; background: #f3761c; color: #fff; border-radius: 30px; padding: 0 30px; line-height:35px; font-size: 16px;}



.plist2 a:after{ display: none;}

.plist2 .btit h3{padding: 0;}

/*新闻列表*/

.ul-news{ margin:0; list-style:none;}

.ul-news li{overflow:hidden; position:relative; border-bottom: 1px dotted #fefefe; padding-bottom: 10px; margin-bottom: 10px;}

.ul-news li .fl{ width: 22%; padding: 15px 0 10px; line-height: 26px; overflow: hidden; text-align: center; border: 1px solid #fefefe; border-radius: 10px;}

.ul-news li .fr{ width: 76%;}

.ul-news li a{ display: block; color: #fff;}

.ul-news li h3{ font-size: 18px; padding: 5px 0;}

.ul-news li span{ font-size: 30px; font-weight: bold; display: block;}

.ul-news li i{ font-style: normal;}

.ul-news li p{ clear: both; overflow: hidden; margin:0;}

.ul-news li:hover{ border-color:#eb3f01; transition: all 0.5s;}

.ul-news li:hover a,.ul-news li:hover h3{ color: #eb3f01;transition: all 0.5s;}

.ul-news li:hover p{ color: #eb3f01;transition: all 0.5s;}







.ul-news2{ margin:0; list-style:none; padding:0;}

.ul-news2 li{ background: #fff; padding: 10px; line-height: 30px; margin-bottom: 10px;}

.ul-news2 li h3{ font-size:18px; margin:0; color: #333;}

.ul-news2 li span{  color: #9e9e9e;}

.ul-news2 li .nimg{ height: 100px; overflow: hidden; margin: 10px 0;}

.ul-news2 li .nimg img{ width: 100%; height: auto;}

.ul-news2 li a{ display:block; overflow:hidden; clear:both; padding:10px;}

.ul-news2 li a:hover{ background:#da251c; color:#fff;transition-duration:0.6s;}

.ul-news2 li p{ margin:0 0 5px; line-height: 24px; color:#9e9e9e;}

.ul-news2 li i{ font-style:normal; display: inline-block; color:#2b2b2b; background: url(../images/dot_m.png) no-repeat 20px center #f0f0f0; width: 160px; height: 40px; line-height: 40px; text-align: center;}

.ul-news2 li a:hover p,.ul-news2 li a:hover h3,.ul-news2 li a:hover p i,.ul-news2 li a:hover span{ color:#fff;}



/*产品详情*/

.bk-pbg{ padding: 10px 0;}

.bk-pbg .pro-cont{ padding:20px 0;}

.bk-pbg h3{ font-size: 24px; padding-bottom: 15px;}

.bk-pbg p{ font-size: 16px; line-height: 26px; padding:15px 20px; background: #fff; border-radius: 10px; color: #000; margin-top: 10px;}

.bk-pbg .pmbk{ margin-top: 10px; text-align: center;}

.bk-pbg a.pmore{ width:35%; height: 36px; line-height: 36px; text-align: center; display: inline-block; margin: 0 2%; color: #000; background: #ffbb19; border-radius: 20px; font-size: 16px;}

.bk-pbg a.ptel{ color: #ffbb19; font-weight: bold; font-size: 24px;}

.bk-pbg a.ptel span{ font-size: 16px; font-weight: normal;}

.bk-pbg a.on,.bk-pbg a.pmore:hover{ background: #f3c1ae; color: #eb3f01;}

.bk-pbg .photo{ position: relative; overflow: hidden; clear: both;}

.bk-pbg .swiper-container {}

.bk-pbg .swiper-slide { text-align: center;}

.bk-pbg .swiper-slide img{ height: 100%;}

.bk-pbg .gallery-top { height: 350px; border: 1px solid #fff; padding: 2px;}

.bk-pbg .gallery-thumbs { margin-top: 5px;}

.bk-pbg .gallery-thumbs .swiper-slide { height: 100px; overflow: hidden; text-align: center;border: 1px solid #fff; padding: 2px;}

.bk-pbg .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.bk-pbg .swiper-button-next,.bk-pbg .swiper-button-prev{ width:157px ; height: 25px; opacity: 1;}

.bk-pbg .swiper-button-prev{ top: 0; margin: 0; right:36px; left: auto;}

.bk-pbg .swiper-button-next{ bottom: 0; margin: 0; right:36px; top: auto; left: auto;}

/*内容*/

.content{ line-height:30px; min-height:200px;color:#222; padding: 15px; background: #fff; font-size:16px; border-radius: 10px;}

.content p{ font-size:16px; line-height:30px; color:#222; margin:0 0 10px;}



.ctit{ background: #fff; text-align: center; color: #535353; font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 10px;}



.ul-plist{ list-style: none;}

.ul-plist li{ width: 288px; float: left; margin:0 82px 40px 0;}

.ul-plist li:nth-child(4n){ margin-right: 0;}

.ul-plist li .pimg{ width: 100%; height: 300px; background-position: center center; background-size:cover; position: relative;}

.ul-plist li .pcon{ background: #dc241b; padding: 15px 20px; text-align: center;}

.ul-plist li .pcon span{ font-size: 16px; color: #fff;}

.ul-plist li a{ display: block;}

.ul-plist li a:hover .pcon{ background: #d1913e; color: #fff; transition: all 0.5s;}

.ul-plist li a:hover span{ color: #fff; transition: all 0.5s;}





.bk-msg{ background: #fff; padding: 20px;}

.bk-msg .text1{ color:#696969; border:none; background:#f0f0f0; border:1px solid #f0f0f0; width:100%; height:57px; line-height:57px; padding:0 10px; font-size:15px; margin: 0 0 5px;}

.bk-msg textarea{ border:1px solid #d1d1d1; background:#fff;height:57px; width:304px; line-height:57px;padding:0 10px;font-size:14px;color:#696969; float:left; font-family:"微软雅黑";}

.bk-msg .btn1{ background:#db0000; text-align:center; border:none; color:#fff; font-size:15px; height:45px; width:200px; line-height:45px;cursor:pointer; display: block; margin: 10px auto 0; border-radius: 5px;}

.bk-msg .btn1:hover{ background:#ff740e;transition-duration:0.6s;}



.block-msg{ padding: 10px 0; font-size: 16px; text-decoration: initial; color: #333;}

.block-msg i{ color: #e61b1b;}

.block-msg span{ color: #e61b1b; font-weight: bold; font-size: 18px;}



.nobg{ background:none;}

/*ϵ*/

/*边距*/

.npad{padding:none;}

.pad{ padding:20px;}

.pad2{padding:27px 0; background:#fff;}

.pad3{ padding:15px; background:#1b1b1b;}





.nonep{ padding:0;}

/*浮动*/

.fl{ float:left;}

.fr{ float:right;}

/*去除浮动*/

.clear{ clear:both; overflow:hidden; zoom:1; float:none;}