/* 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: #333;}
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: #333;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 {font-family: "Microsoft YaHei", "΢ÈíÑźÚ","Heiti SC","ºÚÌå-¼ò";}
h1,h2,h3,h4,h5,h6{font-weight:normal;}


.textguoshi{text-align:center!important; font-size:40px;}


.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;font-family:"??????";}
.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;}
.headerbottoml a{display:block;}
.headerbottomr{  width: calc(100% - 471px);}
#header .icon-tel1{color: #fff;background: #e71d36;line-height: 40px;display: inline-block;width: 35px;text-align: center;font-size: 22px;float: left;margin-right: 10px;}
.headerbottomr a{display:inline-block;font-size: 20px;color: #e71d36;font-weight: bold;}
.erweima{height: 110px;}
.headerbottomr_l{width: 360px;margin-top: 35px;}
.topr{display:none;width: 54px;}.topr a{ display:block;}
.topb{background: #011627;border-top: 1px solid #011627;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: 65px;color: #fff;padding: 0 33px;font-size: 16px;}
nav li.on>a, nav li:hover>a {color: #ffffff;background: #2EC4B6;}
nav li.on>a .icon-list2:before, nav li:hover>a .icon-list2:before{content: "\e604";}
nav dl {position: absolute;display: block;top: 64px;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: #2ec4b6;padding: 10px 60px;white-space: nowrap;text-transform: capitalize;text-align: left;border-bottom: 1px solid #088e81;}
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: 105px;height: 50px;background: #e60012  url(../images/fix-totop.png) no-repeat center;z-index: 3;cursor: pointer;position: fixed;left: 0;text-indent: 9999px;bottom: 80px;color: #fff;border-radius: 0;transition: all .3s;top: 77%;}
.backToTop:hover{opacity: .8}
.overflow{overflow: hidden;}
.floating_ck {position: fixed;left: 0;top: 50%;*top:45%;width: 105px;z-index: 999999;margin-top: -50px;}
.floating_ck dl dd { background:#E60012;margin-bottom: 3px; text-align: center; cursor: pointer; }
.floating_ck dl dd a { display: block; margin: 0 auto; text-align: center; }
.floating_ck dl dd:hover .floating_left { display: block; }
.quote, .qrcord,.rwmicon {padding:8px 0 5px;}
.rwmicon{position:relative;}
.rwmicon .floating_ewm{transition:all 0.5s; -webkit-transition:all 0.5s;position: absolute;left: 0px;bottom: 0px;width: 0px;padding: 0px;margin: 0px;z-index: 999;height: 0px;background: #fff;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.rwmicon:hover .floating_ewm{transition:all 0.5s; -webkit-transition:all 0.5s; width:124px; height:124px; left:-124px; padding:5px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.floating_ck dl dd a, .floating_ck dl dd p { color: #fff; }
.floating_ck dl dd a.pc_pc{display:block;}
.floating_left {position: absolute;left: 85px;top: 72px;width: 300px;z-index: 999;height: 73px;line-height: 73px;background: #E60012;display: none;}
.floating_left a { color: #fff; }
.floating_ewm i { display: block; width: 145px; height: 145px; margin: auto; margin-top: 7px; }
.floating_ewm p { color: #Fff; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 20px; }

.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;}
.neirongimgtwo{width: 47.8%;float: left;padding: 2px;border: 1px solid #ccc;margin: 1%;}
.neirongimgfour{width: 22.8%;float: left;padding: 2px;border: 1px solid #ccc;margin: 1%;}
.neirongimgthree{width: 31.3%;float: left;padding: 2px;border: 1px solid #ccc;margin: 1%;}
.neironglr{width:100%;overflow:hidden;}
.neironglr img{max-width:520px;width:100%;}
.neirongl{width:50%;float:left;}
.neirongr{width:50%;float:right;}


.botmenu{position: fixed;bottom: 0;left: 0;width: 100%;background: #da0010;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: #011627;overflow:hidden;padding: 30px 0;}
.footer_r{width: 400px;font-size:18px;color: #fff;line-height: 35px;text-align: right;}
.footer_r span{color: #616060;text-transform: uppercase;padding-bottom: 20px;display: inline-block;font-weight: bold;}
.footer_r a{ color:#fff; font-size:25px;}
.footer_r a:hover{ color:#da0010; text-decoration:underline;}
.footer_l{width: calc(100% - 420px);}
.footer_l ul{ overflow:hidden; margin-bottom:30px;}
.footer_l ul li{ float:left;font-size: 12px}
.footer_l ul li i.split{display:inline-block;vertical-align:middle;width: 1px;height: 12px;background: #ffffff;margin: 0 7px;}
.footer_l ul li a{color: #e6e6e6;font-size: 14px;}
.footer_l p{line-height:30px;color: #dcdcdc;}
.footer_l p a{color: #e0e0e0;}
.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;    position: relative;}
.sub_banner2{ height: 477px; display: flex;display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center;    position: relative;}
.sub_page{ overflow:hidden; padding:30px 0 0 0;}

.hy_new_tit h1 {font-size: 40px;font-weight: 600;color: #fff;text-align: center;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;background: #e71d36b5;padding: 10px 35px;}

.hy_new_tit{position: absolute;bottom: 0px;}

.breadcrumb { background: url(/d/images/mess.jpg); width: 100%; overflow: hidden; height: 40px; }
.breadcrumb_con { height: 40px; margin: 0 auto; line-height: 40px; text-align: left; color: #525252;     padding-left: 40px;}
.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 21px;}
 }

 @media screen and (max-width: 1025px) {
nav li>a, nav li:hover>a {padding: 0 19px;}
 }
 @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 12px;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%;}
	 .floating_ck{    right: 0;left: auto;}

}
@media screen and (max-width: 767px){ 
.footer_l{ width:100%;}
.footer_r{ display:none;}
.neirongl{width:100%; float:inherit}
.neirongr{width:100%; float:inherit}
.floating_ck {display:none;}
.backToTop{width: 50px;height: 40px;    left: 0;}
}