html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}
body, a{font-family:Arial, Helvetica, sans-serif;}
.clearfix{width:100%;height:0px;line-height:0px;display:block;clear:both;overflow:hidden;font-size:0px;}
ol, ul,ul li {list-style:none;}
a{text-decoration:none;color:#333}
a:hover {text-decoration: none}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: none;}
:focus{outline: 0;}
table{border-collapse: collapse;border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
em{font-style: italic;}
html{-webkit-text-size-adjust:none;}

* {padding: 0;margin: 0;box-sizing: border-box;}

img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;;-webkit-appearance:none;}

.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}

html, body {font:14px Arial,"Microsoft YaHei";color:#343a3c;width:100%;height:100%;background:#fff}
.wrapper {margin:0 auto;width:1300px;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0;margin-bottom: 0}

.pt30{ padding-top:30px;}
.pb20{ padding-bottom:20px;}

.topline {width:100%;height:40px;background:#f2f2f2;line-height:40px; font-size:14px !important}
.header {height:83px;width:100%;position:relative}
.header .logo {float:left}
.header .logo img{margin-top:15px;height: 55px;}
.header .nav li {float:left;position: relative}
.header .nav li a {font-size:16px;padding:0 15px;height:83px;line-height:83px;display:inline-block;position:relative}
.header .nav li a span {position: relative;z-index: 2}
.header .nav li a:before {content:'';height:0px;width:100%;background:#eb2852;position:absolute;bottom:0;left:0;transition:all 0.3s;-ms-transition:all 0.3s;z-index:1}
.header .nav li a:hover:before, .header .nav li a.cur:before {height:83px}
.header .nav li a.cur, .header .nav li a:hover {color:#fff}

.header .nav li dl {position:absolute;top:93px;background:#fff;width:380px;z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s;-ms-transition:all 0.3s;}
.header .nav li dl dd {float:left;width:50%;padding:0 10px}
.header .nav li dl dd a {display:block;font-size:13px;height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s;-ms-transition:all 0.3s; padding:0 5px}
.header .nav li.cur dl dd a {color:#333}
.header .nav li dl dd a:before {display:none}
.header .nav li dl dd a:hover {background:#ececec;color:#333}
.header .nav li:hover dl {visibility:visible;top:83px;opacity:1}

.menu-btn{display: none;padding: 6px 0;float: right;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #0d5ba4;content: '';margin-left: 12px;width: 24px;}
.menu-btn span{margin: 6px 0 6px 12px;}
#sidenav-toggle {position:absolute;right:10px;top:30px;margin-top:-5px;display:none;z-index: 99;}

.fullSlide{width:100%;position:relative;height:530px;background:#000;transition:none}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;width:100%}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:530px;overflow:hidden;text-align:center;transition:none}
.fullSlide .bd li a{display:block;height:530px;transition:none}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0;z-index:1;width:40px;height:60px;background:url(img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:0;background-position:-6px -137px;}

.btn {height: 45px;transition: all 0.3s;-ms-transition: all 0.3s;border-radius: 45px;background: #e01e3c;color: #fff;text-align: center;line-height: 45px;width: 183px; display:block; margin-top:25px;}
.btn i {padding-left: 5px;transition: all 0.3s;-ms-transition: all 0.3s;}
.btn:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-5px);-ms-transform: translateY(-5px)}
.btn:hover i {text-indent: 10px}

.about_in {background: #f8f8f8 url(img/about_line.jpg) repeat-x bottom;width: 100%;padding-bottom: 80px;}
.about_in .wrapper {padding-top: 30px}
.about_in .txt{width: 640px;color: #434b5b;line-height: 25px;font-size: 16px;background: #fff;padding: 50px 50px 30px;}
.about_in .txt p{ text-indent:2em}
.about_in .pic{width:660px; display: block;}
.about_in .pic img{width: 660px; display: block;height:480px;}

.about {color: #434b5b;line-height: 30px;font-size: 16px;}
.about p{ text-indent:2em}

/*热销产品*/
.hot_type {padding: 50px 0;background: #f2f2f2;}
.hot_type .list a.a1 {float:left;width:150px;height:425px;background:#fff;display:block;overflow:hidden;position:relative;padding: 35px 80px;margin-right: 15px;box-sizing: content-box;}
.hot_type .list a.a1 h4 {font-size:25px;color:#333;position: relative;z-index: 10;font-weight: 200;padding-bottom: 15px}
.hot_type .list a.a1 p {;color:#e60039;position: relative;z-index: 10}
.hot_type .list a.a1 p i {padding-left: 5px}
.hot_type .list a.a1 img {position:absolute;bottom:0;right:-130px;z-index: 1;transition: all 0.3s}
.hot_type .list a:last-child{margin-right: 0!important;}
.hot_type .list a.a1:hover img {right: -110px}
.hot_type .list ul {float: right;width: 635px}
.hot_type .list li {float: left;width: 33.333333%;padding-left: 13px}
.hot_type .list li a {display: block;width: 100%;height: 241px;background: #fff;margin-bottom: 13px;text-align: center;transition: all 0.3s}
.hot_type .list li a .pic {display:table;width:100%;height: 75%}
.hot_type .list li a .pic span {display: table-cell;width: 100%;height:100%;vertical-align: middle;overflow: hidden}
.hot_type .list li a .pic span img {display: block;margin: 0 auto;vertical-align: middle;transform: scale(0.9);transition: all 0.3s;max-width: 100%;max-height: 100%}
.hot_type .list li a h4 {font-size: 16px;color: #333;padding: 5px 15px;font-weight: 200;transition: all 0.3s}
.hot_type .list li a p {font-size: 13px;color: #e60039;padding: 0 15px;transition: all 0.3s}
.hot_type .list li a p i {padding-left: 5px}
.hot_type .list li a:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.hot_type .list li a:hover .pic span img {transform: scale(1)}

.title_in {width: 100%; text-align: center;color: #434b5b;margin-bottom:40px;}
.title_in h2 {font-size: 38px;font-weight: 500;padding-bottom: 6px}
.title_in p {font-size: 16px;opacity: 0.5;text-transform:capitalize}
.pro_in {background: #f8f8f8;padding: 50px 0;width: 100%}

.bg2{background:#e01e3c;}
.bg2 a{padding:0 10px}
.leftlist {width:250px;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:15px 25px 10px;background: #c7122e; color:#fff;margin-bottom:10px;border-radius: 5px 5px 0 0}
.leftlist .title h2 {font-size:24px;line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px;text-align: right; margin-top:-40px;text-transform:capitalize;}
.leftlist ul {padding:0 15px}
.leftlist li a{display:block;height:43px;line-height:43px;;color:#fff;transition: all 0.3s;-ms-transition: all 0.3s;border-bottom:  solid 1px rgba(255, 255, 255, 0.05)}
.leftlist li a:hover,.leftlist li a.cur {border-radius: 5px; background:#c7122e;padding-left:20px}

.pro_in .list {width: 980px}
.pro_in .list li {float: left;width: 25%;padding-left: 20px;margin-bottom: 30px;overflow: hidden;}
.pro_in .list li a.pic {display: table;width: 100%;height: 176px;background: #fff;border-radius: 10px;margin-bottom: 15px}
.pro_in .list li a.pic span {display: table-cell;width: 100%;height: 173px; vertical-align: middle;overflow: hidden;text-align: center;}
.pro_in .list li a.pic span img {max-width: 80%; max-height: 80%;transition: all 0.3s;-ms-transition: all 0.3s;}
.pro_in .list li .txt a {font-size: 14px;color: #666;line-height: 24px;transition: all 0.3s;-ms-transition: all 0.3s; text-align:center}
.pro_in .list li .txt p {color: #999}
.pro_in .list li a.pic:hover span img {transform: scale(1.1);-ms-transform: scale(1.1);}
.pro_in .list li .txt a:hover {color: #e01e3c}

.prolist li {width:33.333333% !important}
.prolist li a.pic span img {max-height: 100% !important;max-width: 100% !important}

.ad1 {display: block;background: url(img/bbssss.jpg) no-repeat center;width: 100%;height: 437px;overflow:hidden;background-size:100% auto; background-attachment:fixed;}
.ad1 .wrapper{margin-top: 135px;}
.ad1 h2{font-size: 28px;font-weight: normal; text-align: center; line-height: 50px;color: #fff;}

.cooper {width: 100%;background: #f8f8f8;padding: 60px 0}
.cooper .list {width: 1306px;margin: 0 auto;margin-top: 60px}
.cooper li {float: left;width: 20%;padding: 3px}
.cooper li .pic {display: table;width: 100%;height: 151px;border-radius:10px; background: #fff}
.cooper li .pic span {display: table-cell;width: 100%;height: 151px;overflow: hidden; vertical-align: middle}
.cooper li .pic span img {display: block;margin: 0 auto;transition: all 0.3s;-ms-transition: all 0.3s; vertical-align: middle;max-width: 90%}
.cooper li:hover .pic span img {transform: scale(1.1);-ms-transform: scale(1.1);}

.app_in {padding: 80px 0}
.app_in .list li a{display: block;padding-right: 5px}
.app_in .list li .pic {border-radius: 10px;overflow: hidden;position: relative}
.app_in .list li .pic:before {content: '';position: absolute;transition:all 0.3s;-ms-transition: all 0.3s;width: 100%;height: 100%;background: #000;opacity: 0;left: 0;top: 0;z-index: 1}
.app_in .list li .pic img {border-radius: 10px}
.app_in .list li .pic .bg {position: absolute;transition:all 0.4s;-ms-transition:all 0.4s;width: 700px;height: 700px;border-radius: 50%; background: #eb2852;bottom:-650px;opacity:0;left: 50%;margin-left: -350px;z-index: 2}
.app_in .list li .pic p {position: absolute;opacity:0; transition:all 0.6s;-ms-transition:all 0.6s;width: 100%;left: 0;bottom: 0px;color: #fff;font-size: 18px;text-align: center;z-index: 5}
.app_in .list li a:hover .pic:before {opacity: 0.5}
.app_in .list li a:hover .bg {bottom: -630px;opacity: 1}
.app_in .list li a:hover p {opacity: 1;bottom: 23px}
.app_in a.btn {margin: 60px auto 0}

.hsldr-container{position: relative;width: 100%;max-height: 438px;overflow: hidden;opacity: 0;transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;}
.hsldr-container.hsldr-has-nav-bar{max-height: 438px;}
.hsldr-gallery-container{position: relative;left: 0;transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;overflow: hidden;width: 99999px;}
.hsldr-image-container{float: left;display: -ms-flexbox;/* TWEENER - IE 10*/display: -webkit-flex;/* NEW - Chrome*/display: flex;}
.hsldr-image-container img{width: auto;max-height: 438px;}
.hsldr-container figure, .hsldr-container li{position: relative;}
.hsldr-container figcaption,
.hsldr-container .caption{position: absolute;left: 0;top: 50%;padding: 0;color: #fff;width: 94%;padding: 3%;opacity: 0;text-align: center;transform: translateY(-50%);-ms-transform: translateY(-50%);transition: opacity 0.1s ease-in-out;-ms-transition: translateY(-50%);font-size: 1.6rem;font-weight: 200;}
.hsldr-image-container:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0);content: '';display: block;z-index: 0;transition: background-color 0.3s ease-in-out;-ms-transition: background-color 0.3s ease-in-out;}

.fade-in{opacity: 1;}
.info{content: "";display: block;width: 20px;height: 20px;cursor: pointer;visibility: visible;position: absolute;right: 10px;bottom: 10px;opacity: 1;z-index: 2;}
.info:before{content: "i";width: 15px;height: 15px;display: block;text-align: center;font-family: Georgia;font-style: italic;color: #fff;background-color: rgba(0,0,0,0.1);padding: 2px 3px 5px;border-radius: 2px;}

.hsldr-next, .hsldr-prev{position: absolute;top:0;width: 150px;height: 100%;color: #fff;transition: background-color 0.3s ease-in-out;-ms-transition: background-color 0.3s ease-in-out;padding: 15px 20px;z-index: 4;}
.hsldr-next{right: 0;background-image: linear-gradient(-90deg, rgba(0,0,0,0.6),rgba(0,0,0,0));}
.hsldr-next:before,.hsldr-next:after,.hsldr-prev:before,.hsldr-prev:after{width: 29px;height: 2px;background-color: #fff;display: block;content: '';position: relative;}
.hsldr-next:before{-ms-transform: rotate(45deg);/* IE 9*/-webkit-transform: rotate(45deg);/* Chrome, Safari, Opera*/-moz-transform: rotate(45deg);/* Chrome, Safari, Opera*/transform: rotate(45deg);top: 50%;margin-top: -16px;left: 50%;}
.hsldr-next:after{-ms-transform: rotate(-45deg);/* IE 9*/-webkit-transform: rotate(-45deg);/* Chrome, Safari, Opera*/transform: rotate(-45deg);-moz-transform: rotate(-45deg);/* Chrome, Safari, Opera*/top: 50%;margin-top: 17px;left: 50%;}
.hsldr-prev{left: 0;background-image: linear-gradient(90deg, rgba(0,0,0,0.6),rgba(0,0,0,0));}
.hsldr-prev:before{-ms-transform: rotate(-45deg);/* IE 9*/-webkit-transform: rotate(-45deg);/* Chrome, Safari, Opera*/-moz-transform: rotate(-45deg);/* Chrome, Safari, Opera*/transform: rotate(-45deg);top: 50%;margin-top: -16px;left: 50%;margin-left: -16px}
.hsldr-prev:after{-ms-transform: rotate(45deg);/* IE 9*/-webkit-transform: rotate(45deg);/* Chrome, Safari, Opera*/-moz-transform: rotate(45deg);/* Chrome, Safari, Opera*/transform: rotate(45deg);top: 50%;left: 50%;margin-top: 17px;margin-left: -16px}
.hsldr-next:hover,.hsldr-prev:hover{background-color: rgba(0,0,0,0.6);}

.news_in {background: #f8f8f8;padding: 80px 0}
.news_in a.btn {background: #333}
.news_in ul.list {width: 950px}
.news_in ul.list li a {display: block;transition: all 0.3s;-ms-transition: all 0.3s;padding: 30px;height: 193px;padding-left: 268px; position: relative;padding-right: 170px}
.news_in ul.list li a .pic {width: 238px;height: 133px;transition: all 0.3s;-ms-transition: all 0.3s;border-radius: 5px;overflow: hidden;position: absolute;left: 0;top: 30px; background-color:#fff;}
.news_in ul.list li a .pic img {display: block;max-width: 100%;max-height:100%; min-width:238px; min-height:133px;}
.news_in ul.list li a .txt h2 {font-size: 18px;color: #666;transition: all 0.3s;-ms-transition: all 0.3s;font-weight: 500;margin: 20px 0}
.news_in ul.list li a .txt p {font-size: 14px;color: #999;line-height: 26px;height:52px;overflow: hidden}
.news_in ul.list li a .date {font-size: 20px;color: #999;right: 30px;top: 50px;position: absolute;font-weight: 100}
.news_in ul.list li a .jt {position: absolute;transition: all 0.3s;-ms-transition: all 0.3s;width: 24px;height: 13px;background: url(img/newsjt.png) no-repeat right 0;right: 40px;bottom: 50px}
.news_in ul.list li a:hover {background: #fff;padding-left: 288px;padding-right: 150px;box-shadow: 0 5px 30px rgba(0,0,0,0.1)}
.news_in ul.list li a:hover .pic {left: 30px}
.news_in ul.list li a:hover .txt h2 {color: #eb2852}
.news_in ul.list li a:hover .jt {background-position: left 0}

/*分页*/
.pagination{height: 40px;padding: 20px 0px;text-align: center;}
.pagination>li{display:inline;}
.pagination a{display: inline-block;margin-right: 10px;padding: 2px 12px;height: px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;line-height: 28px;}
.pagination li.active a,.pagination li a:hover{color: #fff;background: #c7122e;border: 1px #c7122e solid;}

.position {line-height: 45px;width:100%;border-bottom: 1px solid #ddd;color:#666;font-size: 14px;text-align: left}
.position a {color: #666;font-size: 14px}
.position a:last-child, .position a:hover {color: #e01e3c}

.bg {background: #f8f8f8;width: 100%}

.type {background:#f8f8f8;padding-bottom: 40px}
.type .list {margin: 0 auto}
.type .list li {margin-bottom: 20px}

.applist {width:1300px;margin:0 auto 60px}
.applist li {float:left;width:33.3333%;padding:15px;text-align:center;line-height:40px}
.applist li .box a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;;color:#666}
.applist li .box a .img {width:100%;border-radius:10px;overflow:hidden}
.applist li .box a .img img {display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;-ms-transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.applist li .box a:hover {box-shadow:0 5px 20px #ccc}
.applist li .box a:hover img {transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}

.news {width: 100%;margin: 0 auto;padding-top: 0}

/* 一对一专属定制服务 */
.customized{width: 100%;height: 353px;margin: 0 auto;background: url(img/index_11.jpg) no-repeat center center;padding: 45px 0 22px;box-sizing: content-box;}
.customized-img{width: 510px;height: 310px;float: right;text-align: center;}
.service{color: #eb2852;font-size: 24px;}
.service-a{width: 30px;height: 3px;background: #eb2852;margin: 10px auto;}

.information-user{width: 100%;height: 175px;margin: 10px auto;color: #333;font-size: 16px;}
.information-user input{width: 340px;height: 40px;margin-top: 20px;font-size: 14px;border:none;background: #eeeeee;border-radius: 10px;padding: 0 10px;}
.customized .btn{margin: 30px auto}

.footer{background: #252525;padding-top: 45px;padding-bottom: 20px;}
.footer .box{background: url(img/footer_box.png) no-repeat 20px center;}
.footer .fl{width: 657px;}
.footer .fl dl{display: block;float: left;width: 100px;margin-right: 30px;}
.footer .fl dl dt{display: block;font-size: 15px;color: #fff;font-weight: bold;position: relative;border-bottom: 1px solid rgba(255,255,255,.15);padding-bottom: 13px;margin-bottom: 8px;}
.footer .fl dl dt a{display: block;color: #fff;}
.footer .fl dl dt:after{content: "";width: 7px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;}
.footer .fl dl dd{display: block;font-size: 14px;color: #6f6f6f;line-height: 30px;height: 30px;overflow: hidden;}
.footer .fl dl dd a{color: #6f6f6f;}
.footer .fl dl dd a:hover{color: #fff;}
.footer .fl dl.fo_p{width: 360px;}
.footer .fl dl.fo_p dd{display: block;float: left;width: 50%;}
.footer .fr{width: 542px;}
.footer .fr .con .t{display: block;font-size: 15px;color: #cbcbcb;width: 80px;height: 26px;line-height: 26px;text-align: center;background: #3c3c3c;font-weight: bold;margin-bottom: 20px;}
.footer .fr .con ul li{font-size: 14px;color: #8c8c8c;line-height: 32px;margin-bottom: 12px;padding-left: 40px;}
.footer .fr .con ul li a{color: #8c8c8c;}
.footer .fr .con ul li:nth-of-type(1){background: url(img/ft.png) no-repeat left top;}
.footer .fr .con ul li:nth-of-type(2){background: url(img/ft.png) no-repeat left -43px;}
.footer .fr .con ul li:nth-of-type(3){background: url(img/ft.png) no-repeat left -89px;}
.footer .fr .con ul li:nth-of-type(4){background: url(img/ft.png) no-repeat left -133px;}
.footer .fr .con ul li:nth-of-type(5){background: url(img/ft.png) no-repeat left -177px;}
.footer .fr dl{float: right;margin-top: 15px;}
.footer .fr dl img{display: block;width: 168px}
.footer .fr dl dd{text-align: center;font-size: 14px;color: #6f6f6f;margin-top: 10px;}
.copyright{text-align: center;height: 60px;line-height: 60px;background: #1a1a1a;font-size: 14px;color: #a6a6a6;}
.copyright a{color: #a6a6a6;}
#bottom{display: none;}

.about .title{margin: 20px 0;text-align: center;}
.about .title h1{ line-height:1.8}
.about .title p{margin: 15px 0 0;font-size: 12px;color: #999;border-top: 1px dashed #ddd;padding-top: 15px;}
.about .title p span{padding: 0 10px;display: inline-block;}
.about .body{line-height: 1.8;}
.about .body img{max-width: 80% !important;height: auto !important;width: auto !important;}
.prenext{padding: 10px 15px;font-size: 12px;background-color: #f5f5f5;margin-top: 20px;border-radius: 5px;}
.prenext li{line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.proshow{margin: 0px 0 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.product_info{margin-left: 360px;}
.product_info h1{font-size: 20px;margin: 0;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.product_info p{margin: 15px 0 0;color: #666;line-height: 1.8;}
.product_info .tel{margin-top: 15px;}
.preview{float: left;width: 320px;}

/*留言*/
.cpzx  ul{width: 100%;overflow:hidden;margin: 20px auto 0;padding: 0;}
.cpzx  ul li{width: 100%;overflow: hidden;margin: 0 auto 12px;padding: 0;}
.cpzx  ul li h4{width: 10%;height: 45px; line-height:45px;font-size:12px;overflow: hidden;margin: 0;padding: 0 1% 0 0;text-align: right;float: left;}
.cpzx input,.cpzx textarea{width: 85%;overflow: hidden;margin: 0;color: #666;font-size: 12px; float:left; padding-left:2%}
.cpzx input{height: 45px;line-height: 45px;border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.cpzx textarea{height: 118px;line-height: 20px;resize: none;border-radius:2px;border:1px solid #fff !important;background:#f1f1f1; padding-top:2%}

input.btn_default {background-color:#1e56a0 !important;color:#fff !important;margin:0px 15px 0 0 !important; padding:0 !important;text-align: center;width:150px !important;height:45px;line-height:45px;cursor:hand; font-size:14px}
/*微信弹窗*/
#wxnr{width: 100%;height: 100%;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px;padding-top: 35px;margin-top: -150px;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;box-sizing: border-box;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{color: #333;font-size: 14px;line-height: 25px;text-align: center;}
#wxnr i{position: absolute;top: 12px;right: 12px;width: 18px;height: 18px;font-size: 12px;line-height: 18px;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display: inline-block;padding: 3px 5px;line-height: 18px;background-color: #0056f9;color: #fff;border-radius: 5px;cursor: pointer;}
#wxnr span.wx{padding-left: 23px;background-image: url(img/wx.png);background-size: 20px;background-position: 5px center;background-repeat: no-repeat;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -23px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;line-height: 46px;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;}

.inbanner {width:100%;height:330px;background-size: cover;background:url(img/inbanner.jpg) no-repeat center top;}
@media screen and (max-width:1300px){
	.wrapper {width:auto;padding:0 20px}
	.header .nav li a{padding:0 7px;}
	.about_in .wrapper .txt{width: 50%;}
	.about_in .wrapper .pic{width: 50%;}
	.about_in .wrapper .pic img{width: 100%; height: auto;}
	.pro_in .list, .product .list,.applist{width: 100%}
	.pro_in .list li {padding-left: 10px;padding-right: 10px}
	.cooper .list {width: 100%;padding: 0 10px}
	.news_in .list {width: 100% !important}
	.applist li {padding: 10px}
	.leftlist {display: none}
	.prolist li .box {padding-left: 10px;padding-right: 10px}

	.news {width: 100%}
}

@media screen and (max-width:960px){
	.header .fr {display:none}
	.header {background:#fff}
	.header .wrapper {position:relative}
	#sidenav-toggle {display:block}
	.header .nav {display:none}
	.about_in .wrapper {padding-top: 80px}
	.about_in .wrapper .ml{width:100%;float:left;}
	.about_in .wrapper .txt {margin-left: 0;width: 50%;margin-top: 0px;padding: 20px;font-size: 14px;line-height: 24px;}
	.about_in .wrapper .pic {width: 50%;margin-top: 0px}
	.about_in .wrapper .pic img{display: block;width: 100%}

	
	.ad1 {height: 240px;background-size: cover}
	.ad1 img {height: 340px}

	.type_in .list li .box {padding: 0 10px}
	.type_in .list li a {height: 402px}
	.applist li{width: 33.333333%}
	.type .list li .box {padding: 0 5px}
	.type .list li {margin-bottom: 10px}
}
@media screen and (max-width:768px){
	.menu-btn{display: block !important;}
	.about_in .wrapper .txt {margin-left: 0;width: 100%;margin-top: 0px;padding: 20px;font-size: 14px;line-height: 24px;}
	.about_in .wrapper .pic{width: 100%;}
	.hot_type .list{width: 100%;}
	.hot_type .list a.a1{width: 50%; box-sizing: border-box;margin-right:0;}
	.hot_type .list ul{width: 100%;margin-top: 14px;}
	.hot_type .list li{padding: 0 5px;}
    .fullSlide .bd ul li img{
        display: block!important;
        width: 100%;
        height: 380px;
        max-width: 100%;
        min-width: 100%;
    }
	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a{height: 380px}
	.cooper li,.pro_in .list li {width: 33.333333%}
	.pro_in .list li a.pic, .pro_in .list li a.pic span {height: 156px}
	.ad1 img {display: none}
	.hsldr-image-container img, .hsldr-container.hsldr-has-nav-bar, .hsldr-container {height: 360px}
	.prolist li a .pic span, .prolist li a .pic {height: 216px}
	.title_in{width: 100%}

	.type {background: #f8f8f8;padding-top:0}

.inbanner {width:100%;height:110px;background:url(img/inbanner.jpg) no-repeat center bottom;}
.footer{padding-top: 5px; padding-bottom:70px;}
.footer .box{background: url(img/footer_box.png) no-repeat 20px center;}
.footer .fl{display: none;}
.footer .fr{width: 100%;}
.footer .fr .con .t{display: none;font-size: 15px;color: #cbcbcb;width: 80px;height: 26px;line-height: 26px;text-align: center;background: #3c3c3c;font-weight: bold;margin-bottom: 20px;}
.footer .fr ul{font-size: 14px;line-height: 24px;color: #ccc;padding-top: 20px;}
.footer .fr ul li{line-height: 30px; margin-bottom:0}
.footer .fr ul li:nth-of-type(3){display: none;}
.footer .fr ul li a{color: #ccc;}
.footer .fr dl{float: right;margin-top: 15px;margin-left: 20px;}
.footer .fr dl img{display: block;width: 110px;margin: 0 auto;}
.footer .fr dl dd{text-align: center;font-size: 14px;color: #6f6f6f;margin-top: 10px;}

.copyright,.topline{display: none;}
#bottom{display: block;}
.bottom{width: 100%;height: 60px;background: #e01e3c;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(img/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.f1 i{display: block;width: 100%;height: 32px;background: url(img/f1.png) no-repeat center;margin-top: 5px;}
.bottom ul li.f2 i{display: block;width: 100%;height: 32px;background: url(img/f4.png) no-repeat center;margin-top: 5px;}
.bottom ul li.f3 i{display: block;width: 100%;height: 32px;background: url(img/f2.png) no-repeat center;margin-top: 5px;}
.bottom ul li.f4 i{display: block;width: 100%;height: 32px;background: url(img/f3.png) no-repeat center;margin-top: 5px;}

.proshow { border-bottom:none}
.product_info{margin: 20px 0 0;}
.product_info h1{padding-bottom: 10px; text-align:center;}
.product_info p,.product_info .tel{ display:none}

.preview {float: none;width: 100%;text-align: center;}
.preview img{display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s;}
}
@media screen and (max-width:628px){
	.header .fl {width:80%}
	.ad1 {height: 268px}
	.news_in ul.list li a .pic {display: none}
	.news_in ul.list li a {padding-top:20px;padding-bottom: 20px; padding-left: 0px;height: auto;border-bottom: 1px solid #eee; padding-right:0}
	.news_in ul.list li a .txt h2 {margin: 0 !important;margin-bottom: 10px !important}
	.news_in ul.list li a .date,.news_in .list li a .jt{ display:none}
	.news_in ul.list li a:hover {padding-left: 20px}

	.prolist li{width: 50%}
	.applist li{width: 50%}
}
@media screen and (max-width:580px){
	#sidenav-toggle {margin-top: 0}
	.customized{display: none;}
	.topline .fl {display: none}
	.topline .fr {width: 100%;text-align: center}
}
@media screen and (max-width:480px){
	.header .logo, .header .logo img  {width: 90%;position: absolute;top: -1px;}
	.wrapper {padding: 0 10px !important}
    .fullSlide .bd ul li img{height: 180px;}  
	.fullSlide, .fullSlide .bd li, .fullSlide .bd li a{height: 180px}

	.about_in .wrapper {padding-top: 60px}
	.about_in .wrapper .txt {width: 100%}
	.about_in .wrapper .pic {width: 100%} 

	.cooper li, .pro_in .list li{width: 50% !important}
	.pro_in {padding: 60px 0}
	.pro_in .list li {padding-left: 5px;padding-right: 5px;margin-bottom: 20px}
	.ad1 {height: 200px}
	.ad1 img {}
	.ad1 .wrapper{margin-top: 52px;}
	.ad1 h2{font-size: 15px; line-height: 28px;}
	.title_in h2 {font-size: 31px}
	.title_in p {font-size: 14px}
	.hsldr-next, .hsldr-prev {background-image: none;width: auto}
	.hsldr-next:before, .hsldr-next:after, .hsldr-prev:before, .hsldr-prev:after {width: 16px}
	.hsldr-prev:before, .hsldr-prev:after {left: 10px}
	.hsldr-prev:after,.hsldr-next:after {margin-top: 9px}
	.hsldr-next:before,.hsldr-next:after {right: 10px}
	.app_in a.btn {margin-top: 30px}

	.prolist li a .pic span, .prolist li a .pic {height: 186px}
	.prolist li {margin-bottom: 2px}
	.prolist li .box {padding-left: 1px;padding-right: 1px}
	.type .list li {width: 100%}
	.applist li {padding: 0} 
}
.sidenav{background:#eee;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:none;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:256px;z-index:9999}
.sidenav.show{transform:translate(0,0)}
.sidenav-brand{background:#e01e3c;border-bottom:1px solid #cc0033;color:#FAFAFA;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px}
.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}
.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative;border-bottom:1px solid #ddd}
.sidenav-menu a{background:0 0;color:#666;display:block;line-height:24px;padding:16px 32px;text-decoration:none;font-size:16px;}
.sidenav-menu a:hover{background:#616161;color:#fff}
.sidenav-menu a.active{color:#FAFAFA}
.sidenav-link-title{display:block;padding:0 16px}

@media screen and (max-width:1000px){
.sidenav {display:block}
}