@media(max-width:786px) {




/* 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; }
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; }
.left{ float:left;}
.right{ float:right;}


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}
header .logo img,header .tel img{ display:block; width:100%;}

nav{ width:100%; height:90px; background:#B70001;}
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;}
nav ul li a{ color:#fff; display:block;}
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;   }
.focus .hd{ width:100%; height:8px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:15px; }
.focus .hd ul li{ display:inline-block; width:8px; background:#fff; height:8px; -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:#d00000;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(images/loading.html) center center no-repeat;  }


.lmt{ height:42px; line-height:42px; padding-left:13px; box-sizing:border-box; position:relative; margin-bottom:15px; padding-top:10px;} 
.lmt a.more{ float:right; font-size:14px; color:#a1a1a1;}
.lmt strong{ font-size:20px; color:#000000;} 
.lmt span{ font-size:12px; color:#ababab; display:inline-block; margin-left:5px;}
.lmt:after{ content:""; width:7px; height:20px; background:#d00000; border-radius:5px; position:absolute; left:0; top:22px;} 
.lmt a.more:hover{ color:#d00000} 

 .gd{display: block; float: right;  font-size: 12px; color: #717171;}

.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;}




.vs img{ display:block; width:100%;}

.jiejue{ background:url(../images/jiejue_bg.html) no-repeat center; background-size:cover; padding-bottom:15px;}
.jiejue .lmt strong{ color:#fff}
.jiejue .lmt p{ color:#fff}
.jiejue ul li{ display:block; float:left; width:24%; padding:10px 0; border-radius:5px; margin-right:1.3%; margin-bottom:10px; background:#fff;}
.jiejue ul li:nth-of-type(4n+4){ 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:14px; text-align:center; color:#333;}

.case{ padding-bottom:15px;}
.case a.more{ display:block; width:130px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:13px; border-radius:25px; background:#1f76e5; margin:0 auto; margin-top:15px;}

.txtMarquee{ overflow:hidden; position:relative; background:#FEF4F4;  border-radius:20px; margin:4%; }
.txtMarquee .hd{ text-align:center; color:#E6322E; font-size:18px; padding-top:20px}
.txtMarquee .bd{ padding:20px;  }
.txtMarquee .bd li{ height:35px; margin:5px 0; line-height:35px; border-radius:17px; padding-left:20px; background:url(images/920a11496e50551c4b98a2b21f368c70.jpg) no-repeat left center #FBD6D6;  }
.txtMarquee .bd li span{ color:#E6322E; padding-right:10px; font-size:14px  }

.anniu a{ display:inline-block;background:#FD8924; line-height:40px; border-radius:10px; margin:0 10% 2% 10%; color:#fff; width:80%; text-align:center}

.about{ padding-bottom:20px;}
.about img{ display:block; width:100%;}
.about .jianjie{ font-size:14px; line-height:24px; color:#585858; margin-top:10px;}
.about .jianjie a{ color:#d00000;}

.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;}



.lianxi{padding:30px 0; background:#b70001; padding-bottom:65px;}
.lianxi .title{ font-weight:bold; font-size:16px; margin-bottom:5px;  }
.lianxi  p{ font-size:12px; line-height:24px; color:#fff;}
.lianxi .lx{ width:100%; float:right}
.lianxi .box{width:90%;}
.lianxi img{ float:right; width:90px; margin-top:20px;    margin-left: 15px;}


.bottom{ width:100%; height:50px; background:#fff; margin:0 auto; position:fixed; bottom:0; left:0; z-index:99;}
.bottom ul{ max-width:640px; height:50px; margin:0 auto}
.bottom ul li{ width:50%; height:50px; line-height:50px; display:block; float:left; text-align:center;}
.bottom ul li a{ color:#fff; font-size:20px}
.bottom ul li.index{background:#FFA14A; }
.bottom ul li.bohao{background:#FF4C4C}


.newsnav{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; margin-bottom:14px; }
.newsnav strong{ display:inline-block; font-size:18px; color:#2b2b2b; padding-left:14px; padding-right:3px; position:relative; border-bottom:2px solid #d00000;}
.newsnav strong:after{ content:""; width:4px; height:15px; background:#d00000; position:absolute; left:0px; top:12px;}

.pro-list li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:10px;}
.pro-list li img{ display:block; width:100%; border:1px solid #eee;height:150px;}
.pro-list li p{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; box-sizing:border-box; color:#2b2b2b; border-top:none; overflow:hidden;}
.pro-list li:nth-of-type(even){ margin-right:0;}



.fenye{ width:100%; margin:0 auto;  padding-top:25px; margin-top:15px;  padding-bottom:20px;  text-align:center; }
.fenye li{border: 1px solid #eee; cursor:pointer; list-style-type:none; text-decoration:none; display:inline-block;overflow:hidden; margin:0; border-radius:5%}
.fenye li a{text-decoration:none; padding:2px 8px;cursor:pointer; display:inline-block ;color:#333; border-radius:5px}
.fenye .thisclass{border: 1px solid #B10A13;background:#B10A13; color:#fff;padding:2px 8px;}
.fenye li:hover{border: 1px solid #B10A13;background:#B10A13; color:#fff;}
.fenye li:hover a{color: #fff;}
.fenye li:first-child,.fenye li:last-child{ width:50px; height:25px;margin:0; line-height:25px;color:#333 }
.fenye li:first-child a,.fenye li:last-child a{ padding:0; margin:0; width:100%; height:100%;}
.fenye li:first-child:hover,.fenye li:last-child:hover{ color:#fff}
.fenye li.pageinfo{ width:auto; border:none}




.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:#d00000; padding-left:20px; box-sizing:border-box; font-size:15px; background:url(../images/pro-nav-dt.html) no-repeat 10px center #fae5e5; 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.html) 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:50px; height:90px; background:#d00000; background-size:80%;position:fixed; right:0; top:355px; border-top-left-radius:5px; border-bottom-left-radius:5px; color:#fff; text-align:center; font-size:14px; padding-top:10px;}

.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.html) 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/ul_li.html) no-repeat 15px center;}
.slide_nav .nydh .nav_li li:hover a,.slide_nav .nydh .nav_li li.on a{ color:#d00000;}


.danye{ font-size:14px; color:#5e5e5e; line-height:24px; padding-bottom:20px; text-align:justify;}
.danye img{ display:block; max-width:100%; margin:0 auto;height:auto !important;}



.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:#d00000;}


.canshu{ margin:20px 0;}
.pro_tel{ text-align:center;margin-top:10px;}
.pro_tel a{ display:inline-block; width:48%; height:35px; line-height:35px; text-align:center; border-radius:5px; color:#fff; background:#d00000}


.contact{ padding-bottom:15px;}
.contact { padding-top:10px;}
.contact  strong{ display:block; font-size:20px; color:#d00000; margin-bottom:10px; font-weight:normal;}
.contact  ul{ background:url(../images/con_liw.jpg) no-repeat left center; padding-left:25px;}
.contact  ul li{ font-size:13px; color:#5a5a5a; line-height:35px;}


#map{ width:100%; height:200px; margin-bottom:20px;}


.swiper-container{ margin-bottom:10px;}
.swiper-container img{display:block;width:100%;height:220px !important;}
.swiper-pagination-bullet-active{ background:#d00000}

.nybanner img{display:block;width:100%;}
.pc{ display:none}

}