@charset "utf-8";
/*Copyright (c) 2017 www.pugweb.net All Rights Reserved*/

/*product*/
.pro_tit{margin:0 auto;width:650px;text-align:center}
.pro_tit h2{font-size:38px;display: inline-block;padding:0 15px;position: relative;}
.pro_tit h2::before{content:"";height: 1px;width: 230px;position: absolute;left:-240px;top:30px;}
.pro_tit h2::after{content:"";height: 1px;width: 230px;position: absolute;right:-240px;top:30px;}
.pro_tit h2,.pro_tit span{font-weight:400;line-height:1.3em}
.pro_tit span{font-size:20px;display: block;}
.pro_tit0{color: #555}
.pro_tit0 h2::before,.pro_tit0 h2::after{background: #555;}
.pro_tit0 span{margin-top: 0}
.pro_tit1{color: #F39800}
.pro_tit1 h2::before,.pro_tit1 h2::after{background: #F39800;}
.pro_tit2{color: #E95513}
.pro_tit2 h2::before,.pro_tit2 h2::after{background: #E95513;}
.pro_tit3{color: #E83328}
.pro_tit3 h2::before,.pro_tit3 h2::after{background: #E83328;}
.pro_tit4{color: #C20E23}
.pro_tit4 h2::before,.pro_tit4 h2::after{background: #C20E23;}

.pro_tit5{color: #777}
.pro_tit5 h2::before,.pro_tit5 h2::after{background: #fff;}

.pro_item{height: 340px;}
.pro_item1{background: url(../img/bg1.png) #F7F7F7 no-repeat top center;}
.pro_item2{background: url(../img/bg2.png) #F7F7F7 no-repeat top center;}
.pro_item3{background: url(../img/bg3.png) #F7F7F7 no-repeat top center;}
.pro_item4{background: url(../img/bg4.png) #F7F7F7 no-repeat top center;}
.pro_item img{margin:20px auto;}
.pro_txt{margin:20px auto;font-size: 18px;line-height: 1.6em;text-align: center;color: #666}

.life{position:relative;width:1300px;margin:40px auto}
.life .swiper-container{width:1200px;height:310px;color:#fff;text-align:center}
.life .arrow-left{background:url(../img/arr1.png) no-repeat left center;left:0}
.life .arrow-left,.life .arrow-right{position:absolute;top:50%;margin-top:-50px;width:34px;height:60px;opacity:.8;transition:opacity .2s}
.life .arrow-right{background:url(../img/arr1.png) no-repeat right center;right:0}
.life .swiper-slide .title{width:96%;height:100%;margin:0 auto}
.life .swiper-slide .title div{line-height:40px;background:#f6f8f7;font-size:1pc;transition:all .2s}
.life .swiper-slide .title:hover div{background:#c30d23;color:#fff}
.life .pagination{position:absolute;bottom:0;left:50%;z-index:20;margin-left:-25px}
.life .swiper-pagination-switch{display:inline-block;margin-right:5px;width:10px;height:10px;border:1px solid #fff;border-radius:8px;background:#aaa;opacity:1;cursor:pointer}
.life .swiper-visible-switch{background:#aaa}
.life .swiper-active-switch{background:#c40c26}
@media screen and (max-width:1366px){.life{width:1200px}
.life .swiper-container{width:1100px;height:310px;color:#fff;text-align:center}
.life .swiper-slide .title{width:96%;height:100%;margin:0 auto}
}
.pro_l_1 li{float:left;margin-right:2%;width:32%}
.pro_l_2{width:860px;margin:40px auto}
.pro_l_2 li{float:left;margin-right:2%;width:49%}
.pro_l_1 li:nth-child(3n),.pro_l_2 li:nth-child(2n){margin-right:0}
.pro_l_1 li a div,.pro_l_2 li a div{line-height:40px;background:#f6f8f7;font-size:1pc;transition:all .2s;text-align:center}
.pro_l_1 li a:hover div,.pro_l_2 li a:hover div{background:#c30d23;color:#fff}

/**/
.about1_3{position:absolute;top:30%;left:50%;margin-left:-650px;width:975pt;height:200px}
.about1_3 img{margin:0 auto;}
.about1_3 h2{letter-spacing:.1em;font-size:56px}
.about1_3 h2,.about1_2 span{color:#fff;line-height:1.3em}
.about1_3 span{display:block;margin:15px 0;font-size:24px;color: #fff}
@media screen and (max-width:1366px){
.about1_3{position:absolute;top:23%;left:50%;margin-left:-650px;width:975pt;height:200px}

}
.pro_de .fl{width: 260px;}
.pro_de .fr{width: 940px}
.pro_nav_left li{position: relative;border-bottom: 1px solid #eee}
.pro_nav_left li i{display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: #E60013 transparent transparent;position: absolute;left:20px;top:20px;}
.pro_nav_left li>a{display: block;width: 80%;background: #F6F7F7;font-size: 20px;padding:12px 0 12px 20%;transition: all .2s}
.pro_nav_left li>a span{display: block;font-size: 12px;margin-top:5px}
.pro_nav_son{width: 258px;border:1px solid #f2f2f2;overflow: hidden;display: none;border-bottom: 0;padding:15px 0;}
.pro_nav_son a{display: block;line-height: 40px;padding-left: 20%;width: 80%;font-size: 15px}
.pro_nav_son a.on{color: #E60013}

.pro_nav_left li:hover .pro_nav_son{height: auto}

.pro_nav_left li.on i{display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #fff;position: absolute;left:20px;top:10px;}
.pro_nav_left li:hover i{display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color:#fff transparent transparent ;position: absolute;left:20px;top:20px;}
.pro_nav_left li.on:hover i{display: block;width: 0;height: 0;border-width: 10px;border-style: solid;border-color:transparent transparent #fff;position: absolute;left:20px;top:10px;}
.pro_nav_left li.on>a,.pro_nav_left li:hover>a{background: #E60013;color: #fff}
/*.pro_nav_left li.on .pro_nav_son{display: block}*/

/**/



.banner .swiper-button-prev{background:url(../img/arr3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-35px;width:50px;height:50px;z-index: 999;background-size: 100%;opacity: .5;transition: opacity .5s}
.banner .swiper-button-next{background:url(../img/arr2.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-35px;width:50px;height:50px;z-index: 999;background-size: 100%;opacity: .5;transition: opacity .5s}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}
.banner .pagination{position:absolute;left:50%;text-align:center;bottom:15px;width:150px;z-index: 999;margin-left:-75px;height: 6px;border-radius: 10px;background: #fff}
.banner .swiper-pagination-switch{display:block;width:50px;height:6px;border-radius:10px;cursor:pointer;float: left}
.banner .swiper-active-switch{background:#9FA0A0}


.newsba .arrow-left{background:url(../img/arr3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-15px;width:50px;height:50px;z-index: 999;background-size: 100%;opacity: .5;transition: opacity .5s}
.newsba .arrow-right{background:url(../img/arr2.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-15px;width:50px;height:50px;z-index: 999;background-size: 100%;opacity: .5;transition: opacity .5s}
.newsba .arrow-left:hover,.newsba .arrow-right:hover{opacity: 1}
.newsba .pagination{position:absolute;left:0;text-align:center;bottom:15px;width:100%;z-index: 999;}
.newsba .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:10px;cursor:pointer;background: #fff;margin:0 5px;}
.newsba .swiper-active-switch{background:#E60013}


.news1{background:url(../img/ne1.png) #EA5405 no-repeat 50px center;height: 80px;line-height: 80px;background-size: 50px 50px}
.news2{background:url(../img/ne2.png) #E8320E no-repeat 40px center;height: 80px;line-height: 80px;background-size: auto 30px}
.news3{background:url(../img/ne3.png) #E60013 no-repeat 55px center;height: 80px;line-height: 80px;background-size: auto 45px}
.news1_list li{float: left;padding:30px 0;border-bottom: 1px solid #eee;width: 48%;margin-right: 4%;}
.news1_list li:nth-child(2n){margin-right:0}
.news1_list li .n_txt h3{text-align: center;margin:15px auto 10px;font-size: 18px}
.news1_list li .n_txt p{line-height: 1.6em;font-size: 15px;color: #666}
.news1 a{display: block;float: right;background: #E8320E;color: #fff;padding:0 40px;}
.news2 a{display: block;float: right;background: #E60013;color: #fff;padding:0 40px;}
.news_tit .n_tt{float: left;margin-left: 120px;color: #fff;font-size: 22px;line-height: 1.2em;margin-top: 15px}
.news_tit .n_tt span{display: block;font-size: 14px}
.media{text-align: center;font-size: 16px;color: #555}
.media img{display: inline-block;width: 300px}


.news_listl{width: 890px}
.news_listl h1{line-height: 1.3em;color: #444;margin-bottom: 10px}
.news_listl h3{border-bottom: 1px solid #ccc;padding-bottom: 10px;font-size: 40px;color: #E60013;line-height: 1em;margin-bottom:10px;}
.news_listl h3 small{font-size: 22px;color: #777;font-weight:normal;display: inline-block;margin-left:15px;}
.news_listl>ul>li{padding: 25px 0;border-bottom: 1px solid #ddd}
.news_listl ul li h4{font-size: 18px;margin-bottom:15px}
.news_listl ul li .list_info .fr p{font-size: 15px;line-height: 1.6em;color: #666;height: 110px}
.news_listl ul li .list_info .fr span{color: #777;}
.list_info .fl{width: 30%}
.list_info .fr{width: 67%}

.m-snews{margin-top:117px;width: 260px}
.m-snews .form{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #a0a0a0}
.m-snews .form h3{display:block;font-size:23px;color:#555;margin-bottom:9px;font-weight:400}
.m-snews form{border:1px solid #989898;height:35px;line-height:35px;position:relative}
.m-snews form input{border:none;outline:0;background-color:transparent}
.m-snews input[type=text]{height:35px;line-height:35px;vertical-align:middle;padding-left:10px;font-size:18px;width:230px;margin-top:-1px}
.m-snews input[type=submit]{position:absolute;right:0;top:0;width:47px;height:34px;line-height:34px;font-size:0;background:url(../img/ser1.png) no-repeat center;cursor:pointer;background-size: 60%}
.m-snews .link h3{font-size:24px;color:#444;margin:12px 0;font-weight:400;margin-bottom: 20px}
.m-snews .link a{display:block;font-size:16px;color:#ababab;margin:12px 0;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s ;-o-transition:.5s}
.m-snews .link a:hover{color:#E60013}

  .bds_fbook{background: url(../img/share.gif) no-repeat left top!important;}
  .bds_twi{background: url(../img/share.gif) no-repeat -32px top!important;}
  .bds_linkedin{background: url(../img/share.gif) no-repeat -64px top!important;}
  .bds_sqq{background: url(../img/share.gif) no-repeat -96px top!important;}
  .bds_tsina{background: url(../img/share.gif) no-repeat -128px top!important;}
  .bds_weixin{background: url(../img/share.gif) no-repeat top right!important;}


.about1_2{position:absolute;top:32%;left:50%;margin-left:-600px;width:1200px;height:200px}
.about1_2 h2{letter-spacing:.1em;font-size:66px}
.about1_2 h2,.about1_2 span{color:#fff;line-height:1.3em}
.about1_2 span{display:block;margin:15px 0;font-size:24px}


.share{padding: 15px 0;border-top: 2px solid #E60013;margin-top: 10px}
.next_pre{border-top:2px solid #ddd;padding-top: 15px}
.next_pre span{display: block;line-height: 2em;color: #444}
.next_pre span a{font-size: 15px}

.ab_contac_1{margin-top:50px;margin-bottom:5px;width:100%;height:63px;background:url(../img/contact1.png) no-repeat top center}
.ab_con_box{position:relative;float:left;width:33.33%;height:150px;color:#555;text-align:center;font-size:1pc}
.ab_con_box:before{position:absolute;top:-5pc;right:0;display:block;width:1px;height:130px;background:#ccc;content:""}
.ab_contac div:last-child:before{display:none}

.tzlist{margin-top: 35px}
.tzlist li{line-height: 50px;padding:0 20px;background:#F6F7F7;}
.tzlist li.grbg{background:#F6F7F7;}
.tzlist li.whbg{background:#Fff;}
.tzlist li span{float: right;color: #666}

.tzgl{margin-top: 35px}
.tzgll{margin-top: 15px}
.tzgl table{width: 100%}
.tzgl table td{line-height: 45px;text-align: center;color: #555;font-size: 15px}
.tzgll table td{line-height: 40px;text-align: center;color: #555;font-size: 15px}
.tzgl table th{line-height: 45px;text-align: center;color: #555;font-size: 15px}
.tzgll table th{line-height: 40px;text-align: center;color: #555;font-size: 15px}
.tzgl td.input input { border:none; background:none;width: 80%!important;padding:0 2%;line-height: 35px;color: #555}
.tzgl td.textarea textarea { border:none; background:none;width: 96%!important;resize: none;padding:1%;height: 80px;color: #555}

.tzgl2 table{width: 100%;border:1px solid #ccc;}
.tzgl2 table th{line-height: 45px;text-align: center;color: #555;font-size: 15px;border:1px solid #ccc;}
.tzgl2 table th{text-align: center;color: #555;font-size: 15px;border:1px solid #ccc;}.tzgl2 table td{text-align: center;color: #555;font-size: 15px;border:1px solid #ccc;}