/* 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;}


:before,:after,.index_tuijinlist ul li:hover,.index_tuijinlist ul li:hover .imgZoom img,.index_tuijinlist ul li .imgZoom img{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;}

.h_box01{padding: 15px 0;overflow: hidden;}
.welcome,.code{font-size:16px;font-weight:bold;margin-right:35px;line-height:30px;}
.welcome span{color:#015cb5;}
.code span{color:#ea0000;}


/*search*/
.search{width:238px;height:28px;border:solid 1px #c9c9c9;}
#s_field{line-height:28px;height:28px;width:191px;padding:0 5px;color:#999; background:none;border:none;}
#s_button{width:36px;height:16px;background:url(../images/icons.png) no-repeat 10px 0;margin:6px 0;border:none;border-left:solid 1px #c9c9c9;cursor:pointer;}

.topb{background: #292929;}
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: 74px;color: #fff;padding: 0 25px;font-size: 16px;}
nav dl {position: absolute;display: block;top: 74px;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: #fff800;display: block;background: #015cb5;padding: 10px 60px;white-space: nowrap;text-transform: capitalize;text-align: left;border-bottom: 1px solid #003d7b;}

nav li:hover dl {opacity: 1;left: 0;}

#nav .nav-button {width: 35px;height: 35px;border-radius: 3px;background: #015cb5;color: #fff800;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;}


#nav .nLi>a:after{content:"";position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:#fff transparent;opacity:0;filter:alpha(opacity=0);}
#nav .nLi>a:before,#nav .nLi>.currentA:before{display:block; content:attr(title);font-weight:bold;visibility:hidden;height:0;}
#nav .nLi:hover>a,#nav .nLi>.currentA{font-weight:bold;}
#nav .nLi:hover>a:after,#nav .nLi>.currentA:after{opacity:1;filter:alpha(opacity=100);}





.backToTop{width: 105px;height: 50px;background: #e60012  url(../images/fix-totop.png) no-repeat center;z-index: 3;cursor: pointer;position: fixed;right: 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;right: 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: -190px;top: 229px;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;}
.neirongimgone{ max-width:100%; height:auto;}
.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{ width:100%;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{width:100%; 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(../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;}

.sub_page_l{width: 278px;}
.sub_page_r{width: calc(100% - 320px);}

/** sidebar **/
#sidebar{ width:100%; height:auto; overflow:hidden; float: left;}
#main_right{ width:900px; height:auto; overflow:hidden; float: right; line-height: 2.0;}


#pro_list{ background: #f2f2f2;}
#pro_list999{ background: #df131c;}
#pro_list li{ display: block; background: url(../images/icond.png) no-repeat 30px center; color:#666; height: 45px; line-height:45px;  padding-left: 70px; transition:0.3s all 0s linear; font-size: 16px;border-bottom: 1px dotted #c7c7c7;}

.title_cp{border-bottom: 1px solid #003f7c;height: 60px;color: #000;font-size: 25px;padding: 15px;margin-top: 0px;color:#fff;background: #015cb5;}
.title_cp span{ font-size: 14px; padding-left: 10px;color:#fff;}

#pro_list li a{ color: #666;}
#pro_list li:hover{background: url(../images/icon.png) no-repeat 40px center #fff800;/* color: #015cb5; */}
#pro_list li:hover a{ color: #003f7c;padding-left: 10px; transition:0.3s all 0s linear;}










#pro_list6{ background: #e6e6e6;}
#pro_list999{ background: #df131c;}
#pro_list6 li{ display: block; background: url(../images/icond.png) no-repeat 30px center; color:#666; height: 45px; line-height:45px;  padding-left: 70px; transition:0.3s all 0s linear; font-size: 16px;border-bottom: 1px dotted #c7c7c7;}

.title_cp6{ border-bottom: 1px solid #e07e83; height: 30px; color: #000; font-size: 25px;padding: 15px; margin-top: 0px;color:#fff;font-family:'微软雅黑';background:#cc1118; }
.title_cp6 span{ font-size: 14px; padding-left: 10px;color:#fff;}

#pro_list6 li a{ color: #666;}
#pro_list6 li:hover{ background: url(../images/icon.png) no-repeat 40px center #cc1118;}
#pro_list6 li:hover a{ color: #fff;padding-left: 10px; transition:0.3s all 0s linear;}








#lxwm{background: #f2f2f2;padding: 15px;margin-top: 20px;}
#title_lx{border-bottom: 1px solid #e5e5e5;height: 40px;padding-bottom: 10px;color: #000;font-size: 25px;}
#title_lx span{ font-size: 14px; padding-left: 10px;}

.title_zy{ background: url(../Image/title_bj.png) no-repeat center; text-align: center; color: #000; font-size: 20px; margin-bottom: 30px;}
.title_zy span{ font-family: Aparajita; font-size: 30px; font-weight: bold;}



.jj_pic{ float:left; margin:5px 13px 0 0;}
#scroolZone li{ width:320px; height:280px; background: #fff; float:left; margin:0 20px 25px 0; text-align:center; transition:all 0.3s linear 0s;}
#scroolZone li img{ width:320px; height:240px;}
#scroolZone li:hover{ background: #ccc;}
/** zy **/ 
.content{ padding: 8px 0; line-height: 2.0;}
#content_zy{ line-height: 2.0; width: 1200px; padding: 40px 0; height: auto; overflow: hidden;}

.companylogo{ width:100%; height:65px; line-height:65px;
    border-bottom: 1px dotted #df131c; margin-bottom:10px;}
.companylogo1{ color:#015cb5; font-size:30px; font-weight:bold;}
.companylogo2{ color:#dddddd; padding-left:15px; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.companylogo3{ float:right;width:31px; height:31px; display:block; padding-top:10px;}
.companylogo3 a{ width:31px; height:31px; display:block;}
.companylogo3 a:hover{ opacity:0.7;}

 @media screen and (max-width: 1250px) {
	 nav li>a, nav li:hover>a {padding: 0 20px;}
 }

 @media screen and (max-width: 1025px) {
nav li>a, nav li:hover>a {padding: 0 15px;}
 }
 @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;background: #292929;}
.headertop,.headerbottom{ display:none;}

nav {position: fixed;left: 0;top: 0;bottom: 0;width: 200px;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #015cb5;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: #fff800;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;}

.logo img{width: auto;height: 54px;}
.neirongimgfour{width: 47.8%;float: left;padding: 2px;border: 1px solid #ccc;margin: 1%;}
.neirongl{width:49%;}
.neirongr{width:49%;}

}
@media screen and (max-width: 767px){ 
.footer_l{ width:100%;}
.footer_r{ display:none;}
.neirongl{width:100%; float:inherit}
.neirongr{width:100%; float:inherit}
.sub_page_l{ display:none;}
.sub_page_r{ width:100%;}
.links{ display:none;}
}