html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset, b { margin: 0; padding: 0; }
body { font: 12px '宋体'; color: #666; color:#333}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li { list-style-type: none;}
.clearfix { /*font-size: 0;*/ clear: both; line-height: 0; }
.left { float: left; }
.right{ float: right; }
em, cite { font-style: normal; }
.more {float:right;}
img{border:none; vertical-align: middle;}
a { text-decoration: none;color: #333; }
a:hover { text-decoration: underline; }
.MS_1{overflow: hidden;}
.MS_C_1{overflow: hidden;}
html,body{width:100%;overflow-x:hidden;}
body{background-color: #f6f6f6;}
#L_1{width:1170px;margin:0 auto;}
#L_2{width:1170px;margin:0 auto;}
#L_3_99{background-color:#ffffff;}
#L_3{width:1170px;margin:0 auto;}
#L_3{background-color:#ffffff;}
#L_4{width:100%;margin:0 auto;}
#M_3 .b-logo{display: block;width:110px;height: 40px;margin:20px 0px 0px 0px ;max-width:100%}
#M_3 .b-logo img{width:100%;height:100%}#Content_4 a:hover{color:#ffffff;}
body{position:relative;}
#M_4 {overflow:visible}
#M_4 .MS_C_1 {overflow:visible}
#M_4 .b-header{height:80px;width:100%;position: relative;}
#M_4 .menu_r{float:right;width:100%;height:100%;position:relative;}
#M_4 .b-menu{float:right;}
#M_4 .b-menu li{float:left;position: relative;font-size:12px;}
#M_4 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;}
#M_4 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_4 .b-menu li>a:hover{background:#000;background:#666666}
#M_4 .b-menu li ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#}
#M_4 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_4 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_4 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#666666}
#M_4 .nav-moblie {width: 34px;height:34px;margin-top: 25px;position: absolute;right:0;top:0;cursor: pointer;display: table;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;display:none;}
#M_4 .nav-moblie.selected {transform: rotate(0deg);}
#M_4 .nav-moblie a {/*background-color: #d7d7d7;*/display: block;height: 4px;
position: relative;
top: 50%;
width: 100%;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
margin: 0;
}
#M_4 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_4 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_4 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_4 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_4 .nav-moblie a:after,
#M_4 .nav-moblie a:before {
background-color: #d7d7d7;
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
content:'';
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
#M_4 .nav-moblie a:after { top: 5px;}
#M_4 .nav-moblie a:before { top: -10px;}
#M_4 .nav-moblie.selected a:after,
#M_4 .nav-moblie.selected a:before { top: 0;}
#M_4 .nav-moblie.selected a:before {
background-color: #d7d7d7;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_4 .nav-moblie.selected a:after {
background-color: #d7d7d7;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_4 .nav-moblie.selected a {background-color: transparent !important;}
#M_4 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background: #fff;padding-bottom:148px;z-index:2;}
#M_4 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_4 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_4 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_4 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_4 .firstUl>li:hover{background: #edf2f4;}
#M_4 .firstUl>li>ul{display:none}
#M_4 .firstUl>li>ul li{line-height:40px;}
#M_4 .firstUl>li>ul li:hover{background: #fff;}
#M_4 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}
#M_4 .firstD>a{position: relative;}
#M_4 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png) no-repeat 0 -160px;width: 10px;height: 6px;}
#M_4 .select{position:absolute;height:60px;top:0;right:0;width:120px;text-align:left;line-height:60px;z-index:99;display:none;font-family:cursive;text-align:center}
#M_4 #menu_pc .select{display:none !important;}
#M_4 .nav_uu{position:relative;width:100%;height:calc(100% - 80px);}
#M_4 .nav_uu .firstUl{position:absolute;width:100%;height:100%;overflow:auto}
@media only screen and (max-width:1260px){
}
@media only screen and (max-width:1023px){
/*头部*/
#M_4 .b-menu{display:none;}
#M_4 .nav-moblie{display:block;}
/*top*/
#M_4 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_4 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
}
@media only screen and (max-width:767px){
/*top*/
#M_4 .nav-moblie{right: 20px;}
}
@media only screen and (max-width:330px){
/*top*/
#M_4 .firstUl>li{line-height: 50px;}
#M_4 .toggle{top:23px;}
}
#M_5 .ch-r{position: absolute;top:20px;right: 0;width: 170px;height: 40px;border-radius: 20px;padding: 14px 0 0 18px;background:#fff;background:#;box-sizing: border-box;border:1px solid #999;border-color:#}
#M_5 .ch-search{position: relative;display:block;height:16px;line-height:14px;width:100%}
#M_5 .ch-search input{width: 72%;border:0;height:14px;line-height:16px;position:absolute;top:0;padding:0}
#M_5 .search-btn{position: absolute;width: 20px;height: 20px;cursor: pointer;right: -30px;}#Content_6 a{color:#ffffff;}
#M_6 .h-banner{width: 100%;height: 660px}
#M_6 .swiper-container01 {position: relative;width: 100%;height: 100%;cursor: auto!important;}
#M_6 .swiper-container01 .swiper-pagination-switch,#M_6 .swiper-pagination,#M_6 .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background:#bec3c7;opacity: 1;border-radius: 50%;cursor: pointer;vertical-align: middle;}
#M_6 .swiper-container01 .swiper-active-switch{background:#ffffff;}
#M_6 .swiper-container01 .swiper-pagination-bullet-active{background:#ffffff}
#M_6 .swiper-container01 .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;}
#M_6 .swiperBG_1{width: 100%;height:100%;background-size: 100% 100%}
#M_6 .swiper-container01 .pagination{z-index: 99;bottom: 20px}
#M_6 .swiper-container01 .arrow-right,
#M_6 .swiper-container01 .arrow-left{position:absolute;width:48px;height:48px;line-height:50px;text-align:center;font-size:30px;font-family: consolas;border: 2px solid ;top:50%;margin-top:-25px;z-index:10;color:#ffffff;;cursor: pointer;}
#M_6 .swiper-container01 .arrow-right{right:10%}
#M_6 .swiper-container01 .arrow-left{left:10%}
#M_6 .banner-title{position:absolute;width:90%;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;height:80px}
#M_6 .banner-title h6{font-size:46px;height:46px;overflow:hidden;line-height:46px;}
#M_6 .banner-title p{font-size:34px;text-align:center;height:34px;overflow:hidden;color:#ffffff;;line-height:34px;margin-top:5px}
#M_6 .phone-container {position: relative;width: 100%;height: 100%;cursor: auto!important;display:none;}
#M_6 .phone-container .swiper-pagination-switch,#M_6 .swiper-pagination,#M_6 .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;margin:0 5px;background:#bec3c7;opacity: 1;border-radius: 50%;cursor: pointer;vertical-align: middle;}
#M_6 .phone-container .swiper-active-switch{background:#ffffff;}
#M_6 .phone-container .swiper-pagination-bullet-active{background:#ffffff}
#M_6 .phone-container .pagination{position:absolute;left:0;bottom:30px;width: 100%;text-align: center;}
#M_6 .swiperBG_2{width: 100%;height:100%;background-size: 100% 100% !important;;}
#M_6 .phone-container .pagination{z-index: 99;bottom: 10px}
@media only screen and (max-width:1279px){
/*主体*/
#M_6 .h-banner{width:100%;height: 520px;}
#M_6 .swiperBG_1,#M_6 .swiperBG_2,#M_6 .swiperBG_3{height: 520px;background-size: auto 100%;}
}
@media only screen and (max-width:1023px){
#M_6 .banner-title h6{font-size:30px;max-height:64px;line-height:32px;height:auto}
#M_6 .banner-title p{font-size:24px;max-height:52px;line-height:26px;height:auto}
}
@media only screen and (max-width:768px){
/*主体*/
#M_6 .h-banner{width:100%;height: 360px;}
#M_6 .swiperBG_1{height: 360px;background-size: auto 100%;}
#M_6 .swiper-container01 .arrow-right,
#M_6 .swiper-container01 .arrow-left,
#M_6 .swiper-container01{display:none}
#M_6 .phone-container{display:block}
#M_6 .banner-title h6{font-size:20px;max-height:30px;line-height:30px;height:auto}
#M_6 .banner-title p{font-size:14px;max-height:20px;line-height:20px;height:auto}
}#Content_19,#M_19 table{color:#666666;}
#M_19 .h-call{width:100%;height: 40px;}
#M_19 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_19 .lianxi{float: right;}
#M_19 .lianxi a{;margin: 0 5px}
#M_19 .lianxi a:hover{text-decoration: underline}
@media only screen and (max-width:1279px){
#M_19 .h-call,.c-header,.ch-r{display: none}
}
#L_5_99{background-color:#ffffff;}
#L_5{width:1170px;margin:0 auto;}
#L_5{background-color:#ffffff;}
#L_6{width:1170px;margin:0 auto;}
#L_7{width:1170px;margin:0 auto;}
#L_10_99{background-color:#ffffff;}
#L_10{width:1170px;margin:0 auto;}
#L_10{background-color:#ffffff;padding:80px 0px 50px 0px ;}
#L_11{width:1170px;margin:0 auto;}
#L_11{padding:80px 0px ;}
#L_12_99{background-color:#ffffff;}
#L_12{width:1170px;margin:0 auto;}
#L_12{background-color:#ffffff;}
#L_13{width:1170px;margin:0 auto;}
#L_14{width:1170px;margin:0 auto;}
#L_15_99{background:url(https://files.b2b.cn/skin/2021/0826/6df59027d1edb214e7a1213a5c5022ec.jpg) no-repeat center 0;}
#L_15{width:1170px;margin:0 auto;}
#M_7 .MS_C_1{margin:0px 0px 30px 0px ; }
#M_7 .class-list{width: 100%;height:auto;background: #fff;padding: 0px 0px 20px 0px ;margin:30px 0 0 0}
#M_7 .class-list ul li{float: left;width: 168px;height: 40px;border: 1px solid #ddd;margin: 20px 0px 0px 20px }
#M_7 .class-list ul li a{display:block;color:#666666;;width: 100%;height: 100%;line-height: 40px;text-align: center;}
#M_7 .class-list ul a:hover{color:#ffffff;;background:#47b92e}
@media only screen and (max-width:1279px){
#M_7 .class-list{padding-bottom: 3%}
#M_7 .class-list ul li{width: 21%;margin: 3% 0 0 3%}
}
@media only screen and (max-width:767px){
#M_7 .class-list{padding-bottom: 3%}
#M_7 .class-list ul li{width: 45.4%;margin: 3% 0 0 3%;}
}#M_8 .titlewrap{background: #;width:100%;height:69px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;}
#M_8 .m-titlepic{width:159px;height:69px;display: inline-block;}
@media only screen and (max-width:1279px){
#M_8 .titlewrap{width:100%}
}
@media only screen and (max-width:1023px){
#M_8 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;}
}
#Content_9,#M_9 table{color:#333333;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_9 a{color:#666666;}
#Content_9 a:hover{color:#ff0000;}
#M_9 .omament{padding-bottom: 50px;}
#M_9 .omamentList li{width:370px;float:left;margin-right:30px;margin-bottom:30px;background:#fff;}
#M_9 .omamentList li:nth-child(3n){margin-right:0;}
#M_9 .omamentList li:hover{-webkit-box-shadow:0 10px 30px rgba(223, 223, 223, 1);-moz-box-shadow:0 10px 30px rgba(223, 223, 223, 1); box-shadow:0 10px 30px rgba(223, 223, 223, 1);margin-bottom:20px;}
#M_9 .omamentList li:hover .plus{height:30px;line-height:30px;}
#M_9 .omamentList li a{display: block;}
#M_9 .oma_img {margin:8px auto 0;width:354px;height:354px;}
#M_9 .oma_img img{width:100%;height:100%;}
#M_9 .oma_text{padding:18px 20px;}
#M_9 .oma_text h6{padding-bottom: 18px;font-size:18px;height: 18px;line-height: 18px;overflow: hidden;}
#M_9 .oma_text p{line-height:24px;overflow: hidden;height:48px;}
#M_9 .plus{width:100%;height:20px;line-height:20px;text-align: center;color:#fff;font-size:16px;background:#47b92e;}
@media only screen and (max-width:1279px){
#M_9 .contWidth{width: 100%;}
#M_9 .omamentList li{width: 48%;margin:0 4% 4% 0;}
#M_9 .omamentList li:nth-child(3n){margin:0 4% 4% 0;}
#M_9 .omamentList li:nth-child(2n){margin:0 0 4% 0;}
#M_9 .omamentList li:hover{margin-bottom: 0}
}
@media only screen and (max-width:1023px){
#M_9 .omament{padding-bottom: 0;}
}
@media only screen and (max-width:868px){
#M_9 .oma_img{width: 100%;height:100%;}
}
@media only screen and (max-width:430px){
#M_9 .omamentList li{width: 100%;margin:0 0 10% 0;float: none}
#M_9 .omamentList li:nth-child(2n){margin:0 0 10% 0;}
#M_9 .omamentList li:hover .plus{height:20px;line-height:20px;}
#M_9 .omamentList li:hover{margin-bottom: 10%}
}
#M_10 .company_img{width:636px;}
#M_10 .company_img img{width:100%;}
@media only screen and (max-width:1260px){
#M_10 .company_img{width:100%}
}#Content_11,#M_11 table{color:#666666;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_11 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_11 .company_text{float:right;width:468px;text-align: right;padding-top:125px;}
#M_11 .company_text h6{font-size:24px;color:#000000;}
#M_11 .company_text p{line-height:24px;margin:35px 0;}
#M_11 .company_text .mores{width:170px;height:42px;line-height:42px;text-align: center;display: block;background:#47b92e;float:right;border-radius: 21px;background:#}
@media only screen and (max-width:1269px){
#M_11 .company_text{float: none;width: 100%;text-align: left;}
}
@media only screen and (max-width:1023px){
#M_11 .company_text{padding-top:25px;}
}#M_12 .honor_tit{width:100%;border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 10px #e6d6c2;margin: 0 auto 10px;text-align:center}
#M_12 .honor_tit img{width:100%;height:auto;display:inline-block;}
@media only screen and (max-width:1023px){
#M_12 .honor_tit{margin:0 auto 5%}
}
@media only screen and (max-width:768px){
#M_12 .honor_tit{width:100%}
}#Content_13,#M_13 table{font-family:"Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;}
#Content_13 a{color:#ffb700;font-family:"Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;}
#Content_13 a:hover{color:#ff0000;}
#M_13 .honor-wrap{width: 610px;margin: 0 0 0 108px;position: relative;height:360px;}
#M_13 .honor-main{width: 270px;height: 340px;border-radius:5px;background: #fff;padding: 30px;box-sizing: border-box;transition:box-shadow ease .4s}
#M_13 .honor-main h6{height:24px;line-height:24px;overflow:hidden;display:block}
#M_13 .honor-main img{width:100%;height:210px;}
#M_13 .honor-line{display: block;width: 70px;height: 2px;background: #ffb700;margin: 14px 0 30px;background: #}
#M_13 .honor-main:hover{box-shadow:0px 5px 20px #e1e1e1}
#M_13 .honor-wrap .honor-next,
#M_13 .honor-wrap .honor-prev{position: absolute;width: 70px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #7f7f7f;border-radius: 16px;color: #cccccc;top: 50%;margin-top: -16px;font-size: 20px;background-image: none;}
#M_13 .honor-wrap .honor-next{right: -100px}
#M_13 .honor-wrap .honor-prev{left: -100px}
#M_13 .honor-pagination{width: 100%;text-align: center;display:none}
#M_13 .honor-pagination .swiper-pagination-bullet{margin-right: 10px}
@media only screen and (max-width:1279px){
#M_13 .box{width: 90% !important;margin: 0 auto}
#M_13 .honor-pic{width: 100%;}
#M_13 .swiper-honor{width: 70%}
#M_13 .honor-wrap{width: 100%;margin: 0;}
#M_13 .honor-wrap .swiper-button-next{right: 0}
#M_13 .honor-wrap .swiper-button-prev{left: 0}
#M_13 .honor-main img{width:180px;height:180px;margin:0 auto;}
}
@media only screen and (max-width:1130px){
#M_13 .honor-main{width: 240px;}
#M_13 .swiper-honor{width: 76%}
#M_13 .honor-main img{width:160px;height:160px;margin:0 auto;}
}
@media only screen and (max-width:1023px){
#M_13 .honor_tit{width: 100%;margin-bottom: 5%;float: none}
#M_13 .honor-pic{float: none;width: 100%;margin: 0;}
#M_13 .honor-wrap .swiper-button-next{display: none}
#M_13 .honor-wrap .swiper-button-prev{display: none}
#M_13 .swiper-honor{width: 220px;margin:0 auto;}
#M_13 .honor-main{width: 220px;height: auto}
#M_13 .honor-pagination{display:block;bottom:0}
}
#M_14 .b-partner{background:#fff;width:100%;padding:30px 0 10px;margin:0 auto;overflow:hidden;}
#M_14 .partnerList{width:100%;font-size:0;text-align:left !important;}
#M_14 .partnerList li{display:inline-block;width:200px;height:60px;font-size:14px;margin-bottom:20px;text-align: center;line-height:60px}
#M_14 .partnerList li img{max-width: 100%;max-height:100%;vertical-align: middle;width:auto;height:auto;}
/*logo响应式样式*/
@media only screen and (max-width:1260px){
#M_14 .partnerList li{width:150px;}
}
@media only screen and (max-width:1023px){
#M_14 .partnerList li{width:130px;}
}
@media only screen and (max-width:767px){
#M_14 .partnerList li{margin-bottom:10px;}
#M_14 .b-partner{padding: 10px 0 0 0}
}
@media only screen and (max-width:460px){
#M_14 .partnerList li{width:48%;margin-right:4%;}
#M_14 .partnerList li:nth-child(2n){margin-right:0}
}#M_15 .titlewrap{background: #;width:100%;height:69px;position:relative;margin:40px 0px 0px 0px ;padding:30px 0px ;text-align: center;}
#M_15 .m-titlepic{width:159px;height:69px;display: inline-block;}
@media only screen and (max-width:1279px){
#M_15 .titlewrap{width:100%}
}
@media only screen and (max-width:1023px){
#M_15 .titlewrap{margin:30px 0 0 0;padding:0 0 30px 0;}
}
#Content_16,#M_16 table{color:#999999;}
#Content_16 a{color:#666666;}
#Content_16 a:hover{color:#ff0000;}
#M_16 .news{width:100%;padding-bottom:80px;}
#M_16 .newList li{width:270px;background:#fff;float:left;margin-right:30px;padding:38px;box-sizing: border-box;transition:box-shadow ease .4s}
#M_16 .newList li:nth-child(4n){margin-right:0;}
#M_16 .newList .time{line-height: 60px;height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 30px;}
#M_16 .newList li p{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 24px;}
#M_16 .newList li em{display: block;width: 100%;height: 32px;text-align: center;line-height: 32px;background: #47b92e;color: #ffffff;margin-top: 30px}
#M_16 .newList li:hover{border: 8px solid #ffb700;padding: 30px;-webkit-box-shadow:0px 5px 20px #eddaab;-moz-box-shadow:0px 5px 20px #eddaab;box-shadow: 0px 5px 20px #eddaab;}
#M_16 .honor-line{display: block;width: 70px;height: 2px;background: #ffb700;margin: 14px 0 30px}
@media only screen and (max-width:1279px){
#M_16 .news ul li{width: 22%;margin-right: 2%;padding: 20px}
#M_16 .newList li:hover{border: 8px solid #ffb700;padding:12px}
#M_16 .newList .time{font-size: 24px;}
}
@media only screen and (max-width:1023px){
#M_16 .news{width:100%;padding-bottom:30px;}
#M_16 .news ul li{width: 46%;margin:0 2% 2% 0}
#M_16 .news ul li:nth-child(2n){margin-right: 0}
}
@media only screen and (max-width:600px){
#M_16 .news ul li{width: 100%;margin:0 0 2% 0;float: none}
}#Content_17,#M_17 table{color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_17 .input_show{position: fixed;top: -60px;left: 50%;width: 280px;height: 50px;margin-left: -120px;transition: all ease .4s;z-index: 999;background: #fff;color: #333;line-height: 50px;text-align: center;border: 1px solid #f7ba2a;box-shadow: 0px 0px 10px #666;}
#M_17 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;}
#M_17 .input_show span{display: block;float: left;width: 230px;height: 50px;text-align: center;}
#M_17 .b-contect{width:100%;overflow: hidden;}
#M_17 .conLeft{float:left;margin:80px 0;border-right: 1px solid #ddd;width:580px;padding:0 40px 0 0}
#M_17 .conRight{float:left;width:549px;}
#M_17 .inputCom{margin-bottom:20px;width:280px;height: 40px;line-height: 40px;font-size: 14px;font-family: "微软雅黑";color:#bbb;float:left;position:relative;background:#fff}
#M_17 .inputCom input{width:100%;height:100%;text-indent:14px;font-family: "微软雅黑";line-height:40px;border: 1px solid #ddd;background:#fff}
#M_17 .inputCom i{position:absolute;left:14px;top:0;color:#ff0000;vertical-align: middle;margin-top:4px;}
#M_17 .inputCom2 input{text-indent:30px;}
#M_17 .inputCom:nth-child(odd) {margin-right:20px;}
#M_17 .inputCom::-webkit-input-placeholder,.textCom::-webkit-input-placeholder{color:#bbb;}
#M_17 .textCom{margin-bottom:20px;width:580px;height: 120px;border: 1px solid #ddd;font-size: 14px;font-family: "微软雅黑";color:#bbb;float:left;position:relative;padding: 10px 30px;box-sizing: border-box;background:#fff}
#M_17 .textCom textarea{height:100px;width:99%;font-family: "微软雅黑";text-indent: 0;padding:0}
#M_17 .textCom i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;}
#M_17 .messDl{padding-left: 40px;padding-top:83px;}
#M_17 .messDl dd{margin-bottom: 20px;line-height:18px;word-break: break-all;color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_17 .search_btn{width:100%;float:left;}
#M_17 .search_yzm{float:left;width:280px;margin-right:20px;height:40px;position:relative;margin-bottom:20px;background:#fff}
#M_17 .search_yzm input{width:99%;height:100%;text-indent:30px;line-height:40px;background:#fff;border: 1px solid #ddd;}
#M_17 .search_yzm i{position:absolute;left:14px;top:10px;color:#ff0000;vertical-align: middle;margin-top:12px;}
#M_17 .yzm_box{float:left;width:280px;height:40px;margin-bottom:20px;}
#M_17 .yzm_box .verification_img{float:left;width:90px;height:40px;box-sizing:border-box;text-align:center;line-height:40px;background:#;}
#M_17 .yzm_box .verification_img img{width:90px;height:40px;}
#M_17 .yzm_box .comBtn{float:right;width:130px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:14px;background:#165399;cursor: pointer;}
#sub{border:1px solid #FFF}
/*联系方式响应式样式*/
@media only screen and (max-width:1400px){
/*联系方式*/
#M_17 .conLeft{width: 50%;/*padding: 80px 4% 80px 0;*/}
#M_17 .inputCom{width: 267px;}
#M_17 .textCom{width: 554px;}
#M_17 .conRight{width: 45%;}
#M_17 .search_yzm,.yzm_box{width:267px;}
}
@media only screen and (max-width:1260px){
/*联系方式*/
/*#M_17 .conLeft{padding: 40px 40px 40px 0;}*/
#M_17 .inputCom,#M_17 .textCom{width: 100%;}
#M_17 .search_yzm,.yzm_box{width:100%;}
}
@media only screen and (max-width:1023px){
/*联系方式*/
#M_17 .float01{float: left;width: 48%;}
#M_17 .float02{float: right;width: 48%;}
#M_17 .inputCom:nth-child(odd){margin-right: 0;}
#M_17 .conLeft{float:none;width:100%;padding: 40px 0;margin: 0 auto;border: none;}
#M_17 .textCom{width: 100%;}
#M_17 .inputCom,.textCom{padding-left: 0;width:99%}
#M_17 .conRight{float:none;width: 100%;margin: 0 auto;}
#M_17 .messDl{padding:0;padding-bottom: 20px;}
#M_17 .messDl01{border: none;}
}
@media only screen and (max-width:767px){
/*联系方式*/
#M_17 .float01,.float02{width: 100%;}
}
@media only screen and (max-width:330px){
/*联系方式*/
#M_17 .messDl dd{margin-bottom: 10px;line-height: 20px;}
}
#L_16{width:1170px;margin:0 auto;}
#L_22{width:1170px;margin:0 auto;}
#Content_18,#M_18 table{color:#333333;}
#Content_18 a{color:#333333;}
#M_18 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;}
#M_18 .b-footer a{color:#fff;color:#666666;;}
#M_18 .fooP,#M_18 .fooP2{margin-bottom: 10px;color:#666666;;line-height: 18px;}
#M_18 .fooP em{display: inline-block;margin:0 7px;}
#M_18 .marSpan{margin-left: 20px;}
@media only screen and (max-width:1260px){
/*底部*/
#M_18 .b-footer{padding: 40px 0 30px;}
}
/*二级菜单横向展开*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phone_layout_active_box_zdx{width:100% !important; padding:0 !important;}