html {font-size: 62.5%; /*100 ÷ 16 × 100% = 625%*/}
body{font-size:14px; font-family:"Microsoft Yahei","宋体","SimHei", Verdana, Arial;color:#333; }
ul,li{list-style: none}

.header-top{background: #f2efef}
.header-nav img{max-width: 100%}
.logotitle{color:#e60014;font-weight: bold;font-size: 2.5rem;margin-top: 2.5rem; }
.searchField{ border-radius: 5px; border: 1px solid #999; max-width: 70%; padding: 4px 4px;}


/*首页-banner*/
.banner{ position:relative; overflow:hidden; width:100%; }
.banner .bg{ max-width:2000%; width:100%; height:auto; display:block;}
.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-pagination-bullet{/*transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;*/ width:12px; height:12px; opacity: 1;filter: alpha(opacity=100); border-radius:0; cursor:default; border:none; background:url(../image/banner_dott1.png);}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../image/banner_dott2.png); border-radius:0;}
.banner .swiper-pagination{ text-align:center;  padding-right:3%; width:97%;}
.banner.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 3px;}
.banner .banner_prev{ position:absolute; left:2%; top:44%; z-index:3; width:32px;cursor:pointer; display:none;}
.banner .banner_next{ position:absolute; right:2%; top:44%; z-index:3; width:32px; cursor:pointer;display:none;}
.banner .banner_prev img,.banner .banner_next img{ width:100%; height:auto;}
.banner .banner_prev:hover,.banner .banner_next:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity: 1; }
.banner:hover .banner_prev,.banner:hover .banner_next{ display:block;}

.bigcatbox   { background: #f2efef; padding-bottom: 4rem;}
.bigcat .catetoptitle { padding: 3rem 0;text-align: center; font-size: 3.5rem;font-weight: bold}
.bigcat .catetoptitle span{   font-size: 1.6rem; color: #999;font-weight: normal}
.bigcat .catimg {  width: 100%;overflow: hidden}
.bigcat .catimg img{ max-width: 100%;cursor: pointer;}
.bigcat .catimg img:hover{ transform: scale(1.2,1.3);transition-duration: 1s;}
.bigcat .cattitle { color:#e60014; font-size: 1.8rem; padding: 2rem 0;}
.bigcat .catdesc { line-height: 2rem;}
.bigcat .cattitle a { color: #454545 !important;}
.imgmb:hover{  opacity:0.6; filter: alpha(opacity=60)}

/* 产品中心 */
.product .left{width: 250px; display: inline-block; float: left}
.product .left .top{background: url(../image/img5.png) no-repeat; width: 250px; height: 101px; text-align: center; padding-top: 20px; box-sizing: border-box;}
.product .left .content{border:1px solid #e60014}
.product .left .content .bt{background: #f3f3f3; height: 60px;padding-top: 21px;box-sizing: border-box;  margin-bottom: 5px;}
.product .left .content .bt .p1{font-size: 18px; color: #e60014;  padding-left: 26px;}
.product .left .content .bt .p1 a{  color: #e60014;  }
.product .left .content .bt .p1 img{float: right; margin-top: -3px; margin-right: 20px;}
.product .left .content ul li{font-size: 14px; color: #444444; padding: 7px 0px 6px 0px;list-style: none}
.product .left .content ul li a:hover{color: #e60014;}
.product .left .bottom{width: 250px; height: 105px; background: #e60014; text-align: center; padding-top: 33px; box-sizing: border-box;}
.product .right{width: 870px; display: inline-block; vertical-align: top; margin-left: 20px; loat: left}
.product .right .t{width:100%; display: inline-block; position: relative; border-bottom: 2px solid #e60014; padding: 8px 0;}
.product .right .righttop{font-size: 22px; color: #035cac; font-weight: bold; display: inline-block; vertical-align: top;}
.product .right .righttop span{font-size: 14px; color: #999; font-weight: normal;  }
.product .right .xian{width: 146px; height: 2px; background: #ff6600; position: absolute; left: 0px; bottom: 0px;}
.product .right ul.prolist  { padding-left: 0;padding-right: 0;}
.product .right ul.prolist  li{width: 276px; height: 220px; display: inline-block;  margin-right: 12px; margin-bottom: 28px; }
.product .right ul.prolist  li :hover .font{background: #e60014;color:#fff;transition-duration: 0.3s;}
.product .right ul.prolist  li :hover .font>p{color: #ffffff;transition-duration: 0.3s;}
.product .right ul.prolist  li :hover .img>img{transform: scale(1.1,1.1);transition-duration: 1s;}
.product .right ul.prolist  li .img{width: 100%; height: 190px; overflow: hidden; background: #eee;border:1px solid #cccccc;border-bottom: none}
.product .right ul.prolist  li .img>img{width: 100%; height: 100%}
.product .right ul.prolist  li .font{height: 35px;overflow: hidden; background: #ffffff; text-align: center; border:1px solid #cccccc;}
.product .right ul.prolist  li .font>p{color: #666666; font-size: 14px; line-height: 35px;}

.news .newstop1{font-size: 2.2rem; padding: 2rem 0; position: relative}
.news .newstop1 a{color: #111}
.news .newstop1 a span{color: #999;font-size: 1.6rem;font-family: Arial; }
.news .newspic {width: 100%; height: 200px;overflow: hidden}
.news .newspic img{width: 100%; height: 200px;}
.news .newspic img:hover{ transform: scale(1.2,1.3);transition-duration: 1s;}
.news .date{background:#545161;width: 50px;height: 50px; text-align: center; color: #fff;    font-family: Arial; margin-right: 0.5rem;}
.news .date .about_text{margin-top: 2rem}
.news .news1:hover .news_title a{color: #e60014;}
.news .news1:hover .date{background: #e60014;}
.news .date .day{font-weight: bold; font-size: 2.2rem;}
.news .date .yearmonth{font-size: 0.8rem;}
.news .news_title  {overflow: hidden; height: 50px;}
.news .news_title a{color:#333;}
.news .description{clear:both;color:#898989;  padding-top: 2rem;}
.news .refresh img{float: left}
.news .refresh{position: absolute; right: 0;top: 2rem;font-size: 1rem; cursor: pointer}

.news .newstop{font-size: 2.2rem; padding: 1rem;position: relative}
.news .newstop a{color: #111}
.news .newstop a span{color: #999;font-size: 1.6rem;font-family: Arial; }
#scroll{ overflow: hidden;height: 390px ;  }
.news .news_list{ padding-left: 0}
.news .news_list li{border: solid 1px #dadada; padding: 1rem; margin-bottom: 1rem}
.news .news_list li .newslist_title{font-size: 2rem;color: #000 ;height: 3.5rem;  }
.news .news_list li .news_date{ color: #898989}
.news .news_list li .news_desc{ color: #898989; margin-top: 0.5rem;}
.news .news_list li:hover{ background: #eee; }
.news .news_list li:hover .newslist_title{ color: #e60014; }
.news .newstop .inb{position: absolute; right: 0; top: 0;}
.news .newstop .inb{  }
.news .newstop .inb a{ display:block; width:28px; height:27px; float:left; background-image:url(../image/inews_btn_0730.png);}
.news .newstop .inb_prev { background-position:0 0; margin-right:3px;}
.news .newstop .inb_prev:hover { background-position:0 -27px;}
.news .newstop .inb_next { background-position:-28px 0;}
.news .newstop .inb_next:hover { background-position:-28px -27px;}
.news .newstop .top .more { float:right; height:28px; line-height:28px; padding:30px 10px 0px 0px;}
.news .newstop .top .more a { color:#666;}

.brandbox{position: relative;border: 1px solid #dadada; }
.brandtitle{ font-size: 2.2rem; padding: 2rem; position: absolute;left: 0;top: 1rem; color:#e60014  }
.brand{width: 90%;overflow: hidden; padding: 2rem; margin-left: 8rem; }

.question{ position: relative;}
.question>div{ display: inline-block; vertical-align: top;}
.question .left{ width: 172px; background: url(../image/titile5bg.png)no-repeat; height: 104px;}
.question .left .top{ width: 172px; text-align: center; padding: 15px 0 0;}
.question .left h1{ font-size: 22px; color: #333; line-height: 24px;}
.question .left h2 {}

.question .bd ul li .wen a{ font-size: 16px; color: #333;}

.question .prev2,.question .next2{ position: absolute; background-color: rgb(162, 162, 162); width: 80px; height: 25px; text-align: center; line-height: 29px; cursor: pointer; bottom: 0;}
.question .prev2:hover,.question .next2:hover{ background: #e60014; width: 80px; height: 25px;}
.question .prev2:hover img{ transform: translate(-10px, 0); transition-duration: 300ms;}
.question .next2:hover img{ transform: translate(10px, 0); transition-duration: 300ms;}
.question .prev2{ left: 0px;}
.question .next2{ left: 80px;}
.question  .da{ height: 42px; overflow: hidden;}
.question .da a:before,.question   .wen a:before{ width: 20px; height: 20px; font-size: 14px; color: #fff; border-radius: 50%; text-align: center; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 6px;}
.question .wen a:before{ content: "问"; background: #e60014;}
.question .da a:before{ content: "答"; background: #a2a2a2;}
.question .da a i{ font-size: 14px; color: #888; text-align: justify; display: inline-block; vertical-align: top; }
.question .wen{ margin:1.5rem  1rem;}
.question .da{ margin:1.5rem  1rem;}
.question .questionleft{  width: 170px; background: url(../image/titile5bg.png)no-repeat; height: 104px; float: left; position: relative }
.question .questionleft .top{text-align: center; font-size: 2.4rem; padding-top: 1rem;color: #111}
.question .questionleft .faq{font-size: 1.8rem;font-family: Arial; font-weight: bold; color: #999}
.question .questionright {width: 960px; overflow: hidden ; float: right }
.question .questionright .swiper-slide .qabox{border: 1px solid #ccc;  height: 104px;}

.about{background: #f2efef; padding: 1rem 0;}
.about .aboutitle{font-size: 2.2rem; margin-bottom: 2rem;font-weight: bold;color: #111}
.about .aboutitle span{font-size: 1.8rem; font-family: Arial;  color: #999}
.about img{max-width: 100%; border-radius: 5px}
.navbar{margin-bottom: 0;}
.navbar-red{background: #e60014;border-color:#fff;color: #fff;font-size: 1.6rem;}
.navbar-red .navbar-nav>li>a {
    color: #fff;
}
.navbar-red .navbar-nav>.active>a, .navbar-red .navbar-nav>.active>a:focus, .navbar-red .navbar-nav>.active>a:hover{
    color: #e60014;
    background-color: #fff;
}
.navbar-default .navbar-brand
{ color: #e60014;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #fff;  background: #e60014;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #e60014;
    background-color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e60014;
}
.mt5{margin-top:5px; }
.mt10{margin-top:10px; }
.mt20{margin-top:20px; }
.mt30{margin-top:30px; }
.mt40{margin-top:40px; }
.m10{margin:10px; }
.m20{margin:20px; }
.p10{padding:10px; }
.pt5{padding-top:5px; }
.pt10{padding-top:10px; }
.pt20{padding-top:20px; }
a{ text-decoration: none;color: #999;}
a:hover{ text-decoration: none; color:#e60014 }
.red{color:#e60014}
.font12{font-size: 1.2rem;}
.font14{font-size: 1.4rem;}
.font16{font-size: 1.6rem;}
.font18{font-size: 1.8rem;}
.font20{font-size: 2rem;}
.footer{ background:#e60014  }
.footer { color:#fff  }
.footer a{ color:#fff  }

.pages_to{ width:100%; margin-top:20px; }
.pages_to>{ text-align:center; text-align:right}
.pages_to>li{ display:inline-block; margin:5px; border:1px solid rgba(0,0,0,.3); padding:5px 10px;cursor:pointer;}
.pages_to>span{ display:inline-block; margin:5px; background:  #e60014; padding:5px 10px;color: #fff}
.pages_to>li:hover{ background:#e60014;  color:#fff; }
.smallpic img {max-width: 100%;}
.descinfos img {max-width: 100%;}
.nextprew{margin:10px; font-size:0.8rem; }
.nextprew ul{ padding: 0; font-size: 1.4rem;}
.nextprew li{margin-bottom: 1rem;}
.videolist li .font{ padding-top: 0.5rem;}

.news_index{ padding:40px 0;}
.news_index>ul{ margin-bottom:30px; padding: 0;}
.news_index>ul>li{ margin-bottom:1rem; border:1px solid #eee; padding:1rem ; overflow: auto}
.news_index>ul>li:hover {box-shadow: 2px 2px 6px rgba(0,0,0,0.3);}
.news_index>ul>li h2{ position:relative; color:#000; font-weight:bolder; font-size:16px; margin-bottom:10px;}
.news_index>ul>li h2>span{ font-size:12px; font-weight:100; position:absolute; right:0; top:0;}
.news_index .new_img{ float:left; width:15%; margin-right:2rem; margin-top: 1rem; position:relative;}
.news_index .new_img img:hover{transform: scale(1.2,1.3);transition-duration: 1s; }
.news_index .new_img img{ width:100%;}
.news_c{ float:left; width:80%; margin-left:2%;}
.news_c p{  word-wrap:break-word; }
.pages_to{ width:100%; margin-top:20px;text-align: center }
.pages_to>{ text-align:center; text-align:right}
.pages_to>li{ display:inline-block; margin:5px; border:1px solid rgba(0,0,0,.3); padding:5px 10px;cursor:pointer;}
.pages_to>li:hover{ background:#ea0e0e;  color:#fff; }
.inner_cont>.news_title{ text-align:center;}
.inner_cont>.news_title>h2{ margin-bottom:10px;}
.news_cont{ width:95%; position:relative; margin:auto; margin-top:15px; font-size:14px; line-height:2em;}
.news_cont>p{ margin-top:10px; text-indent:2em;}
.news_cont>div{ text-align:center; width:100%; overflow:hidden;}
.tjproduct .swiper-slide img{width:100%;height: 20rem; border: 1px solid #eee}
.tjproduct .swiper-slide p{text-align: center; }
#product-slide .swiper-slide img{width:100%;height: 100%; border: 1px solid #eee}
.procontent{ margin: 1rem;}
.procontent .protable { margin: 1rem 0;}
.procontent .protable td{  padding: 0.5rem  0.5rem  0.5rem 0;}
.procontent p{ line-height: 2.2rem;}
.border {    border-bottom: solid 1px #dcdcdc; width: 100%; height: 4rem;}
.tjtitle { font-size: 3rem; font-weight: bold}
.descinfo{ font-weight: bold;}
.desccontent td{ padding: 0.1rem 0.2rem; }
.nextprew{ padding: 2rem 0}
.img100 img{ max-width: 100%;}
@media screen and (max-width:768px) {
    .product .right{width: 100%;; margin-left: 0}
    .product .right ul.prolist  li{width: 48%}
    .product .right ul.prolist  li:nth-child(even) { margin-right: 0;}
    .brandtitle{ font-size: 1.8rem; padding: 0 0 0 1rem;}
    .brand{width: 75%}
    .news .news_list li .newslist_title{height: auto;}
    .bigcat .catdesc{margin-bottom: 1rem;}

    .mainleft {margin-top: 1rem;}
    .mainleft .top{display: none}
    .mainleft .bottom{display: none}
    .mainleft .left{width: 100% !important;}
    .mainleft .content .bt{height:40px !important; padding-top: 0 !important; line-height: 40px}
    .mainleft .content {border: none !important;}
    .mainleft .content .p1 img{display: none}
    .mainleft .content .procate {clear:both;padding: 0; margin: 0;overflow: auto; padding-left: 1rem;}
    .mainleft .content .procate li {float: left;width: 33%}
    .mainleft .content .procate li img{display: none}
    .mainleft .content .layer{margin: 2rem 0}
    .videolist li{width: 100% !important;}
    .videolist li{width: 100% !important;}

    .news_index>ul>li{padding: 0.5rem 0.8rem;}
    .news_index .new_img{width: 35%;}
    .news_c{width: 55%; float: right}
    .news_c h2 {margin: 0}
    .news_c h2 span{display: none}
    .news_c p{height:6rem; overflow: hidden}
    .tjproduct .swiper-slide img{ ;height: 10rem;  }
    .tjtitle { font-size: 2rem;  }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#ea0e0e}
    .navbar-default .navbar-toggle{border-color: #fff}
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
    .searchform{ margin-bottom: 0.5rem;}
}