/* CSS Document */
@charset "utf-8";
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
a, blockquote, body, caption, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, html, img, label, legend, li, ol, p, pre, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {margin: 0;padding: 0}
ul {margin: 0;padding: 0;list-style: none}
li {list-style-type: none}
button, input, textarea {margin: 0;padding: 0;border-width: 1px;font-size: 14px;transition: all .5s;-webkit-transition: all .5s}
a img {border: 0 none;max-width: 100%;vertical-align: middle;}
a {text-decoration: none;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;color: #666;}
a:hover {text-decoration: none;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #fff;overflow-x: hidden}
body {font-size: 14px;color: #666;overflow: hidden;font-family: "Microsoft YaHei", "微软雅黑","Heiti SC","黑体-简";}
table {border-collapse: collapse;border-spacing: 0}
button, label {cursor: pointer}
button, input, select, textarea {outline: 0}
em, i {font-style: normal;}
button, input, select, textarea, a{font-family: "Microsoft YaHei", "微软雅黑","Heiti SC","黑体-简";}


.index_leibie li a, index_gongyiliucheng_list a, .index_aboutmore, .solution-list li a dl, .pro_cate li a ._ico2 , .pro_cate li a ._ico1, .pro_cate li a ._ico3, .pro_cate li a ._ico4, .pro_cate li a ._ico5, .pro_cate li a ._ico6, .pro_cate li a ._ico11, .pro_cate li a ._ico12{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}
.index_leibie li a:hover, index_gongyiliucheng_list a:hover, .index_aboutmore:hover, .solution-list li a:hover dl{transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:scaleY(-8px);-ms-transform:scaleY(-8px);-o-transform:scaleY(-8px);transform:scaleY(-8px);transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}


.fl{ float:left;}.fr{ float:right;}.clear{clear:both;}
.wrapper {width: 100%;max-width: 1170px;min-width:300px;margin:0 auto; padding-left:15px; padding-right:15px;}
.page1200{max-width: 1170px;width:100%;min-width:300px;overflow:hidden;margin:0 auto;padding-left:15px; padding-right:15px;}

.headertop{background: #f1efef;color: #8d8d8d;clear: both;line-height: 36px;overflow: hidden;font-size: 12px;font-weight: lighter;display: none;}
.headertop a{color: #8d8d8d;}
.headertop ul li{ float:left;font-size: 12px}
.headertop ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #8d8d8d;margin:0 4px}
.headerbottoml{width:471px;margin-top: 8px;margin-bottom: 8px;}
.headerbottoml a{display:block;}
.headerbottomr{  width: calc(100% - 471px);}
#header .icon-teltop{color: #fff;background:url(../images/toptel.png) center no-repeat;line-height: 40px;display: inline-block;width: 35px;text-align: center;height: 37px;font-size: 22px;float: left;margin-right: 10px;margin-top: 7px;}
.headerbottomr a{display:inline-block;font-size: 20px;color: rgb(255, 101, 55);font-weight: bold;}
.erweima{height: 110px;}
.headerbottomr_l{width: 360px;margin-top: 28px;}
.topr{display:none;width: 54px;}.topr a{ display:block;}
.topb{background: #2b2b2b;border-top: 1px solid #2b2b2b;z-index: 99999;}


nav {text-align: center; width:100%;}
nav li {display: inline-block;position: relative;}


nav li>a {display: inline-block;vertical-align: middle;overflow: hidden;line-height: 50px;color: #fff;padding: 0 34px;font-size: 16px;}
nav li.on>a, nav li:hover>a {color: #ffffff;background: #ff6637;}
nav li.on>a .icon-list2:before, nav li:hover>a .icon-list2:before{content: "\e604";}
nav dl {position: absolute;display: block;top: 50px;pacity: 0;transition: opacity 1s ease;left: 9999px;z-index: 9999;box-shadow: 0 2px 2px 2px rgba(0,0,0,.05);}
nav dl a {color: #fff;display: block;background: #ff6637;padding: 10px 55px;white-space: nowrap;text-transform: capitalize;text-align: left;border-bottom: 1px solid #d14e26;}
nav dl a:hover {background: #fff;color: #020202;}
nav li:hover dl {opacity: 1;left: 0;}

#nav .nav-button {width: 35px;height: 35px;border-radius: 3px;background: #e60717;color: #fff;position: absolute;right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none;}
#nav .nav-button i {font-size: 22px;}
.close-nav {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open {transform: translateX(0);}
.close-open {opacity: 0.5;visibility: visible;}

.backToTop{width: 50px;height: 50px;background: #ff6637 url(../images/icon_top.png) no-repeat center;z-index: 3;background-size: 60%;cursor: pointer;position: fixed;right: 30px;text-indent: 9999px;bottom: 80px;color: #fff;border-radius: 0;transition: all .3s;}
.backToTop:hover{opacity: .8}
.overflow{overflow: hidden;}

.textOverflow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.clm3{-webkit-line-clamp: 3;}.clm4{-webkit-line-clamp: 4;}.clm2{-webkit-line-clamp: 2;}
.textOverClm{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.neirongimgone{ max-width:100%; height:auto;}
.neirongimgtwo{width: 47.8%;float: left;padding: 2px;margin-right: 1%;}
.neirongimgfour{width: 22.8%;float: left;padding: 2px;margin-right: 1%;}
.neirongimgthree{width: 32.3%;float: left;padding: 2px;margin-right: 1%;}
.neironglr{width:100%;overflow:hidden;}
.neironglr img{max-width:520px;width:100%;}
.neirongl{width:50%;float:left;}
.neirongr{width:50%;float:right;}

.imgZoom{ overflow:hidden;}
.imgZoom img {-moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom:hover img{ -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}


.botmenu{position: fixed;bottom: 0;left: 0;width: 100%;background: #ff6637;display: none;border-top:5px solid #1a1919;z-index: 9;}
.botmenu a{display: block;width: 25%;float: left;color: #fff;text-align: center;text-transform: uppercase;padding: 5px 0 5px 0;}
.botmenu a h6{display: block;font-size: 18px;margin: 2px auto;}
.footer{background: #171717;overflow:hidden;padding: 30px 0 0 0;}
.footer a:hover{ color:#ff6638}
.footer_l{width: 20%; float:left;}
.footer_l ul{overflow:hidden;}
.footer_l ul li{font-size: 12px;width: 49.9%;float: left;}
.footer_l ul li a{color: rgb(85, 85, 85);font-size: 14px;display:inline-block;line-height: 35px;}
.footer_l p{line-height:30px;color: #dcdcdc;}
.footer_l p a{color: #e0e0e0;}
.footer_m{width: 50%;float:left;margin-left: 10%;}
.footer_m ul{ overflow:hidden; margin-bottom:30px;}
.footer_m ul li{font-size: 12px;width: 49.9%;float: left;margin: 20px 0;font-size: 14px;display: inline-block;line-height: 35px; margin:20px 0;}
.footer_m ul li a{color: rgb(85, 85, 85);font-size: 14px;display:inline-block;line-height: 35px;}
.footer_last{width: 13%;float:right;text-align: center;}
.footer_last img{max-width:110px; width:100%;}
.copyright{text-align:center;background: #171717;padding: 25px 0;border-top: 1px solid #000;}


.links{color: #929292;margin-top: 20px;}.links a{color: #929292;}


.sub_banner{ height: 280px; display: flex;display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center;}
.sub_banner2{ height: 477px; display: flex;display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center;}
.sub_page{ overflow:hidden; padding:30px 0 0 0;}

.hy_new_tit h1 {font-size: 40px;font-weight: 600;color: #fff;text-align: center;margin-top: 200px;background: rgba(255,48,49,0.8);padding: 10px 35px;}
.hy_new_tit h2 {font-size: 40px;font-weight: 600;color: #fff;text-align: center;margin-top: 200px;background: #e71d36b5;padding: 10px 35px;}
.breadcrumb { background: url(../images/mess.jpg); width: 100%; overflow: hidden; height: 40px; margin-top: 240px;}
.breadcrumb_con { height: 40px; margin: 0 auto; line-height: 40px; text-align: left; color: #525252;}
.breadcrumb_con a { color: #525252; }
.breadcrumb_con a:hover { text-decoration: underline; color: #188189; }
.breadcrumb_con .icon-home{color: #e60717;padding-right: 10px;}
.page{margin: 15px 0;overflow: hidden;text-align: center;}
.page a{display:inline-flex;padding: 8px 15px;border: 1px solid #ccc;}

 @media screen and (max-width: 1250px) {
	 nav li>a, nav li:hover>a {padding: 0 24px;}
 }

 @media screen and (max-width: 1025px) {
nav li>a, nav li:hover>a {padding: 0 22px;}
 }
 @media screen and (max-width: 991px) {
header {height: 54px;overflow: hidden;box-shadow: 0 2px 2px 2px rgba(47, 47, 47, 0.05);border-bottom: 1px solid #e8e8e8;z-index: 9;}
.headertop,.headerbottom{ display:none;}
.topr{ display:block;width: auto;}
.topr img{    height: 56px;}
nav {position: fixed;left: 0;top: 0;bottom: 0;width: 200px;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #b9000d;transform: translateX(-300px);transition: 0.3s;margin-left: 0;overflow-x: hidden;}
nav li {display: block;width: 100%;margin: 0;border-bottom: 1px solid #105358;}
nav li>a {line-height: 40px;text-align: left;display: block;height: auto;padding: 0 15px;color: #fff;font-size: 16px;}
nav li.on>a {height: auto;line-height: 45px;}
nav li dl {left: 0;top: 0;position: inherit;opacity: 1;background: #eee}
nav dl a {background: none;color: #666;text-align: left;padding: 10px 15px;white-space: normal;line-height: 18px;font-size: 12px;}
#nav .nav-button {display: block;top: 10px;}
.botmenu{ display:block;}
.topb{ background:none;}
.topr a{ display:inline-block;}
.topr a.tel{float: right; margin-right: 50px; line-height: 52px;}
.topr a.tel img{ width:40px; height:auto;}

.neirongimgfour{width: 47.8%;float: left;padding: 2px;border: 1px solid #ccc;margin: 1%;}
.neirongl{width:49%;}
.neirongr{width:49%;}
.footer_m{width:40%;margin-left: 15%;}
.footer_m ul li{width:100%;margin: 0;}
.footer_last{width:20%;}

}
@media screen and (max-width: 767px){ 
.footer_l{ width:100%;}
.footer_r{ display:none;}
.neirongl{width:100%; float:inherit}
.neirongr{width:100%; float:inherit}
.footer_l ul{width:100%;}
.footer_l ul li{width:80px}
.footer_m{width:100%;margin-left: 0%;}
.footer_last{width:100%;margin-left: 0%;}
.banner_box .owl-theme .owl-dots{ height:5px;}
.banner_box .owl-theme .owl-dots .owl-dot{ height:5px;}
.banner_box .owl-theme .owl-dots .owl-dot span{ height:5px;}
}