﻿/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; max-width:100%; height:auto;}
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body,html{ font-family:"Microsoft YaHei";height: 100%;}
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none; }
.max{ max-width:640px; margin:0 auto; overflow:hidden;}
.box{ width:92%; margin:0 auto;}
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; }
.hht{width:100%;height:35px;line-height:35px;background:#eee;font-size:14px; padding: 0 15px;box-sizing: border-box; color: #545454;}
header{ max-width:640px; height:auto; margin:0 auto;}
header .logo{ width:50%;float:left; display:block}
header .tel{ width:50%; float:right; display:block; position:relative;}
header .tel span{position:absolute; top:2rem; left:2.8rem; font-weight:bold; color:#e45600;}
header .logo img,header .tel img{ display:block; width:100%;}
nav{ width:100%; height:90px; background:#a92c3c;}
nav ul{ max-width:640px; height:90px; margin:0 auto; background:url(../images/nav-ul.png) no-repeat center; }
nav ul li{ width:25%; height:45px; line-height:45px; text-align:center; color:#fff; display:block; float:left; font-size:14px; background:url(../images/nav-li.png) no-repeat right center; overflow:hidden;}
nav ul li a{ color:#fff; display:block;font-size:1rem;}
nav ul li:last-child{ background:none}
nav ul li:nth-of-type(4){ background:none}
nav ul li.on a{color:#0099d5;}
.fixed{ position:fixed; top:0; left:0;width:100%; z-index:999;-webkit-transform: translateZ(0);}
.focus{ max-width:640px; height:auto;  margin:0 auto; position:relative; overflow:hidden; padding-top:3.5rem;}
.focus .hd{ width:100%; height:8px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:15px; }
.focus .hd ul li{ display:inline-block; width:6px; background:#fff; height:6px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:0 5px;  vertical-align:top; overflow:hidden; font-size:0px  }
.focus .hd ul .on{ background:#a92c3c;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;  }
.lmt{ padding-top:20px; margin-bottom:20px;}
.lmt strong{ display:block; text-align:center; font-size:20px; font-weight:bold; color:#a92c3c;}
.lmt strong span{color:#666; font-weight:normal;}
.lmt p{ font-size:12px; text-align:center; color:#888888; margin-top:5px; text-transform:uppercase;}
 
.pro-index .hd{ margin-bottom:15px;}
.pro-index .hd ul li{ display:block; float:left; width:32%; background:#e4e4e4; font-size:14px; color:#545454; height:35px; line-height:35px; text-align:center; margin-right:1.5%; margin-bottom:1.5%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; overflow:hidden;}
.pro-index .hd ul li:nth-of-type(3n+3){ margin-right:0%;}
.pro-index .hd ul li a{ display:block; color:#333;}
.pro-index .hd ul li.on{ background:#a92c3c;}
.pro-index .hd ul li.on a{ color:#fff;}
.pro-index .bd ul li{ display:block; float:left; width:49%; margin-bottom:15px; margin-right:2%;}
.pro-index .bd ul li img{ display:block; width:100%;height:150px;}
.pro-index .bd ul li:nth-of-type(even){ margin-right:0;}
.pro-index .bd ul li p{ text-align:center; font-size:14px; color:#333; margin-top:5px; height:26px; line-height:26px; overflow:hidden;}
.youshi_2{ background:url(../images/youshi2_maxbg.png);}
.youshi_2 img{ display:block; width:100%;}
.youshi2{ padding-bottom:20px;}
.youshi2 .swiper-pagination-bullet-active{ background:#a92c3c;}
.tiaofu{ position:relative;}
.tiaofu span{ font-size:20px; color:#fff; width:100%; text-align:center; position:absolute; left:0; top:10px; font-weight:bold;}
.tiaofu p{ font-size:14px; color:#fff; width:100%; text-align:center; position:absolute; left:0; bottom:10px;}
.tiaofu p strong{ font-size:22px; font-family:Impact; font-weight:normal;}
.changjia ul li{ display:block; float:left; width:49%; margin-right:2%; position:relative;  margin-bottom:16px; cursor:pointer;}
.changjia ul li i{ display:block;width:100%;  overflow:hidden;}
.changjia ul li img{ display:block;width:100%; -webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.changjia ul li p{ width:100%; height:30px; line-height:30px; background:rgba(251,160,19,.9); position:absolute; left:0; bottom:0; color:#fff; text-align:center; font-size:15px;}
.changjia ul li p b{ display:inline-block; width:19px; height:19px; text-align:center; line-height:19px; background:#fff; border-radius:25px; font-size:12px; color:#a92c3c; margin-right:5px;}

.pro-index .hz{width:100%; margin:10px 0 10px 0; border-left:0.05rem solid #ececec; border-top:0.05rem solid #ececec;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.pro-index .hz img{width:33.333%; height:auto; float:left; border-right:0.05rem solid #ececec; border-bottom:0.05rem solid #ececec;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
 
.changjia ul li:nth-of-type(even){ margin-right:0;}
.vs img{ display:block; width:100%;}
.jiejue{ background-size:100%;}

.jiejue ul li{ display:block; float:left; width:49%; padding:0 0 10px 0; margin-right:2%; margin-bottom:10px; background:#fff; overflow:hidden;}
.jiejue ul li:nth-of-type(2n+2){ margin-right:0;}
.jiejue ul li strong{ display:block; width:45px; height:35px; line-height:35px; text-align:center; font-size:20px; color:#fff; font-family:Impact; font-weight:normal; background:#fba016; border-radius:50%; margin:0 auto;margin-bottom:10px; }
.jiejue ul li p{ font-size:16px; text-align:center; line-height:30px; color:#a92c3c;}
.jiejue ul li p i{font-weight:bold; font-style:inherit;}
.jiejue ul li span{ font-size:12px; text-align:center; color:#999; display:block; width:90%; margin:0 5%;}

.case{ padding-bottom:15px;}
.case ul{padding-bottom:10px;}
.case ul li{ padding:15px 0; border-bottom:1px dashed #d9d9d9;}
.case ul li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.case ul li img{ display:block; float:left; width:120px; height:85px; margin-right:15px;}
.case ul li strong{ display:block; font-size:16px; color:#313131; font-weight:normal; height:22px; line-height:22px; overflow:hidden;}
.case ul li strong span{float:right; color:#888; font-size:14px;}
.case ul li p{ font-size:14px; color:#717171; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}
.case a.more{ display:block; width:130px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:13px; background:#a92c3c; margin:0 auto; margin-top:15px;}
.about{ padding-bottom:10px;}
.about img{ display:block; width:100%;}
.about .jianjie{ font-size:14px; line-height:24px; color:#585858; margin-top:10px;}
.about .jianjie a{ color:#a92c3c;}
.about_nav{ text-align:center;}
.about_nav li{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; font-size:13px; color:#545454; background:#e4e4e4; margin:0 1%;}
.about_nav li a{ color:#545454}
.about_nav li.on{ background:#a92c3c;}
.about_nav li.on a{ color:#fff;}
.news{ padding-bottom:20px;}
.news ul li{ height:35px; line-height:35px; border-bottom:1px dashed #dbdbdb; overflow:hidden; padding-left:15px; background:url(../images/li.jpg) no-repeat left center;}
.news ul li span{ float:right; font-size:14px; color:#bababa; margin-left:15px;}
.news ul li a{ font-size:14px; color:#535353;}

.bottom{ width:100%; height:60px; background:#a92c3c; margin:0 auto; position:fixed; bottom:0; left:0; z-index:99;}
.bottom ul{ max-width:640px; height:60px; margin:0 auto}
.bottom ul li{ width:25%; height:60px; display:block; float:left; text-align:center; background:url(../images/bottom_li.png) no-repeat right center}
.bottom ul li a{ color:#fff; font-size:12px}
.bottom ul li:nth-of-type(4){ background-image:none}
.bottom ul li.index i{ display:block; width:100%; height:32px; background:url(../images/index.png) no-repeat  center; margin-top:5px;}
.bottom ul li.bohao i{ display:block; width:100%; height:32px; background:url(../images/dh.png) no-repeat  center; margin-top:5px;}
.bottom ul li.anli i{ display:block; width:100%; height:32px; background:url(../images/bohao.png) no-repeat  center; margin-top:5px;}
.bottom ul li.guanyu i{ display:block; width:100%; height:32px; background:url(../images/al.png) no-repeat  center; margin-top:5px;}
.newsnav{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; margin-bottom:14px; overflow:hidden;}
.newsnav strong{ display:inline-block; font-size:18px; color:#2b2b2b; padding-left:14px; padding-right:3px; position:relative; border-bottom:2px solid #a92c3c;}
.newsnav strong:after{ content:""; width:4px; height:15px; background:#a92c3c; position:absolute; left:0px; top:12px;}
.pro-list{padding-top:15px;}
.pro-list li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:14px;}
.pro-list li img{ display:block; width:100%;height:150px;}
.pro-list li p{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; box-sizing:border-box; border:1px solid #eee; color:#2b2b2b; border-top:none; overflow:hidden;}
.pro-list li:nth-of-type(even){ margin-right:0;}
.fenye{ width:100%; margin:0 auto;  margin-top:15px; text-align:center; margin-bottom:20px;   }
.fenye li{display:inline-block; border-bottom:none !important;}
.fenye a{ display:inline-block;padding:0 10px; border-radius:5px;text-align:center; line-height:28px; background:#eee; font-size:13px; color:#666666; margin:1px;}
.fenye .active a{ display:inline-block; border-radius:5px;padding:0 10px;text-align:center; line-height:28px;  font-size:13px; color:#fff; margin:1px; background:#a92c3c;}
.fenye b,.fenye a:hover{ display:inline-block; border-radius:5px;padding:0 10px;text-align:center; line-height:28px;  font-size:13px; color:#fff; margin:1px; background:#a92c3c;}
.slide_nav{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); top:0; left:-100%; z-index:999}
.slide_nav .nydh{ width:240px; float:left; background:#fff;height:100%; z-index:999} 
.slide_nav .nydh .sideMenu p{ width:100%; height:40px; line-height:40px; color:#a92c3c; padding-left:35px; box-sizing:border-box; font-weight:bold; font-size:15px; background:url(../images/pro-nav-dt.png) no-repeat 10px center #dbe6f4; border-bottom:1px solid #fff;}
.slide_nav .nydh .sideMenu ul{ padding:5px 0; padding-left:10px; box-sizing:border-box;}
.slide_nav .nydh .sideMenu ul li{ height:35px; display:block; float:left; width:50%; box-sizing:border-box; line-height:35px; border-bottom:1px solid #eeeeee; font-size:13px; padding-left:10px; background:url(../images/pro-nav-dd.png) no-repeat left center;}
.slide_nav .nydh .sideMenu ul li a{display:block; color:#6f6f6f;}
.slide_nav .close{ width:calc(100% - 240px); float:right; height:100%;}
.menu{ width:40px; height:40px; background:#a92c3c; background-size:80%;position:fixed; right:0; bottom:150px; border-top-left-radius:5px; border-bottom-left-radius:5px; color:#fff; text-align:center; font-size:14px;}
.slide_nav .nydh1{ width:200px;}
.slide_nav .close1{ width:calc(100% - 20px); float:right; height:100%;}
 
.slide_nav .nydh .nav_li li{ font-size:14px; color:#3b3b3b; background:url(../images/ul_li1.png) no-repeat 15px center; height:50px; line-height:50px; border-bottom:1px solid #e9e9e9; padding-left:37px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.slide_nav .nydh .nav_li li a{ display:block; color:#3b3b3b; }
.slide_nav .nydh .nav_li li:hover,.slide_nav .nydh .nav_li li.on{ background:url(../images/pro-nav-dt.png) no-repeat 15px center;}
.slide_nav .nydh .nav_li li:hover a,.slide_nav .nydh .nav_li li.on a{ color:#a92c3c;}
.danye{ font-size:14px; color:#5e5e5e; line-height:24px; padding-bottom:20px; text-align:justify; padding-top:15px;}
.danye img{ display:block; max-width:100%; margin:0 auto;height:auto !important}
.neiye{padding-top:3.5rem;}
.neiye .biaoti{margin:0 auto; text-align:center; margin-top:25px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;}
.neiye .biaoti h1{ font-size:18px; color:#000; font-weight:normal;}
.neiye .biaoti p{ font-size:14px; color:#ccc; margin-top:10px;}
.neiye .fn{   margin:0 auto; margin-top:10px; border-top:1px solid #e8e8e8; padding-top:10px; padding-bottom:30px;}
.neiye  .fn p{ font-size:14px; line-height:30px; color:#565656}
.neiye  .fn p a{ color:#565656}
.neiye  .fn p a:hover{ color:#a92c3c;}
.canshu{ margin:20px 0;}
.pro_tel{ text-align:center}
.pro_tel a{ display:inline-block; width:48%; height:35px; line-height:35px; text-align:center; border-radius:5px; color:#fff; background:#a92c3c}


   .nydh1 ul li{ display:block; float:left; width:32%; text-align: center;margin-right:2%; margin-bottom:5px; height:35px; line-height:35px; font-size:13px; background:#e4e4e4; overflow:hidden; padding:0; border-bottom:none;}
   .nydh1 ul li:nth-of-type(3n+3){ margin-right:0;}
   .nydh1 ul li a{ display:block; color:#333;}
   .nydh1 ul li.on{ background:#a92c3c}
   .nydh1 ul li.on a{ color:#fff;}
   .nydh1 ul .hover{background:#a92c3c;}
   .nydh1 ul .hover a{color:#fff;}
   
@media (max-width:350px){
header .tel span{left:2rem;}
}
@media (max-width:320px){
header .tel span{left:2rem; font-size:0.9rem;}
}

.about_img{padding-top:20px;}

.nyly1_1{width:100%;}
.nyly1_1 li{width:100%; float:left; line-height:3rem; padding-bottom:1rem;}
.nyly1_1 li label{width:6rem; float:left; text-align:right; font-size:1rem; padding-right:0.5rem;}
.nyly1_1 li label b{color:#f47d00;}
.nyly1_1 li input{width:calc(100% - 7.5rem); height:3rem; padding-left:0.8rem; float:left; border: 1px solid #eee; border-radius:0.2rem;}
.nyly1_1 li textarea{width:calc(100% - 7.5rem); height:6rem; line-height:3rem; padding-left:0.8rem; float:left; border: 1px solid #eee; border-radius:0.2rem;}
.nyly1_1 li .nyly1_2{margin-left:7.5rem; padding:0; background:#a92c3c; color:#fff; border:0; display:block; width:8rem; height:2rem; line-height:2rem; font-size:14px;}

.ddw1_1{width:100%; height:3.5rem; background:url(../images/tbg.jpg) repeat; position:fixed; z-index:99999; top:0;}
.ddw1_2{float:left; padding:0.5rem 0 0 1.5rem;}
.ddw1_2 a{display:inline-block;}
.ddw1_2 img{width:10rem;}
.ddw1_3{float:right; width:3.5rem; height:3.5rem; margin-right:0.5rem; font-size:0; position:relative;}
.ddw1_3 div{position: absolute;top: 50%;left: 50%; width:25px; transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.ddw1_3 div span{width: 100%;height:2px;background-color:#a92c3c;display: block; transition:0.5s;}
.ddw1_3 div .top-hr{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.ddw1_3 div .center-hr{margin:7px auto;width: 80%;margin-left: 20%;}
.ddw1_3 div .bottom-hr{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.ddw1_4{width:100%; height:auto; background:#fff; position:fixed; z-index:99999; top:3.5rem; display:none;}
.ddw1_4 li{width:100%; padding:1rem 1.5rem; border-bottom:1px solid #eee; font-size:16px; position:relative;}
.ddw1_4 li::after{content: ''; position: absolute;top:1.4rem;right:1.5rem; background:url(../images/dj_30.png) no-repeat; width:0.4rem; height:1rem; opacity:0.7;}
.ddw1_4 li a{color:#333;}
.ddw1_4 li .ddw1_5{display:none; padding-top:1rem;}
.ddw1_4 li .ddw1_5 a{width:100%; padding:0.8rem 1.5rem; border-top:1px solid #eee; font-size:16px; position:relative; display:block;}
.ddw1_4 li .ddw1_5 a::after{content: ''; position: absolute;top:1.4rem;right:1.5rem; background:url(../images/dj_30.png) no-repeat; width:0.4rem; height:1rem; opacity:0.7;}
.ddw1_4 li .ddw1_5 a{color:#555;}

.ddw1_1 .on div span{position: absolute;top: 50%;margin-top: -1px;left: 0;}
.ddw1_1 .on div .top-hr{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.ddw1_1 .on div .center-hr{display:none;}
.ddw1_1 .on div .bottom-hr{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.lianxi{padding:30px 0; background:#a92c3c; padding-bottom:95px;}
.lianxi .title{ font-weight:bold; font-size:16px; margin-bottom:5px;  }
.lianxi  p{ font-size:12px; line-height:24px; color:#959595;}
.lianxi .lx{ width:100%; float:right}
.lianxi .box{width:90%;}
.dd11_5{float:left; padding-left:10px; width:60%;}
.dd11_6{font-size:16px; color:#fff; text-transform:uppercase;}
.dd11_7{padding-left:43px; background:url(../images/dj_25.png) no-repeat 0 10px; margin:5px 0 5px 0;}
.dd11_7 span a{font-size:20px; color:#fff; font-weight:bold;}
.dd11_7 p{font-size:12px; color:#fff; opacity:0.6;}
.dd11_8{padding-left:28px; background:url(../images/dj_26.png) no-repeat 0 0; font-size:14px; color:#fff; margin-bottom:5px;}
.dd11_9{padding-left:28px; background:url(../images/dj_27.png) no-repeat 0 0; font-size:14px; color:#fff;}
.dd11_10{float:right; padding-right:10px; text-align:center; color:#fff; line-height:20px; font-size:14px; padding-left:35px; background:url(../images/dj_28.png) no-repeat 0 0;}
.dd11_10 img{width:80px;}


.sfw1_1{width:100%;}
.sfw1_2{width:100%; float:left;}
.sfw1_2 a{width:100%; float:left; position:relative; overflow:hidden;}
.sfw1_2 a span{font-size:30px; color:#fff; line-height:40px; position:absolute; left:35px; top:30px; z-index:1; opacity:0.7;}
.sfw1_2 a span p{font-size:13px; display:block; line-height:20px;}
.sfw1_2 a img{transition:.3s; z-index:0;}
.sfw1_2 a span{transition:.3s;}
.sfw1_2 a:hover img{transform: scale(1.05);}
.sfw1_2 a:hover span{opacity:1;}
.sfw1_3{width:100%; float:left;}
.sfw1_3 li{width:49%; float:left; position:relative; overflow:hidden; margin:5px 2% 0 0;}
.sfw1_3 li:nth-child(2n+0){margin-right:0;}
.sfw1_3 li a span{font-size:20px; color:#fff; line-height:25px; position:absolute; left:15px; top:10px; z-index:1; opacity:0.7;}
.sfw1_3 li a span p{font-size:12px; display:block; line-height:20px;}
.sfw1_3 li a img{transition:.3s; z-index:0;}
.sfw1_3 li a span{transition:.3s;}
.sfw1_3 li a:hover img{transform: scale(1.05);}
.sfw1_3 li a:hover span{opacity:1;}

i,em{font-style:inherit;}
.lc{padding-top:10px; padding-bottom:20px;}
.lc li{ float: left; padding:0 15px; width:25%; margin-bottom:20px;overflow: hidden; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.lc li span{display: block;text-align: center;padding:80px 0 0;font-size: 12px;line-height: 20px;color:#333333;/* font-weight:bold; */}
.lc li a{display: block;width:100%; position:relative;}
.lc li a::before{content:"";width:100%; height:80px; position:absolute; transition:.3s; background-size:100% !important;}
.lc li.li01 a::before{background:url(../images/lc1.png) no-repeat center 0; }
.lc li.li02 a::before{background:url(../images/lc2.png) no-repeat center 0; }
.lc li.li03 a::before{background:url(../images/lc3.png) no-repeat center 0; }
.lc li.li04 a::before{background:url(../images/lc4.png) no-repeat center 0; }
.lc li.li05 a::before{background:url(../images/lc5.png) no-repeat center 0; }
.lc li.li06 a::before{background:url(../images/lc6.png) no-repeat center 0; }
.lc li.li07 a::before{background:url(../images/lc7.png) no-repeat center 0; }
.lc li.li08 a::before{background:url(../images/lc8.png) no-repeat center 0; }
.lc li a:hover::before{transform:rotateY(180deg);}
.lc i{display: block; float: left; width:calc(100% - 100px); height:40px; border:1px solid #a92c3c;text-align: center; line-height: 40px; font-size: 14px; color:#333333;font-weight:bold;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.lc em{display: block;width:100px;height:40px;background:#a92c3c;float: left;text-align: center; line-height:40px; font-size: 14px;}
.lc em a{ color:#fff;}