@media screen and (min-width: 352px) and (max-width: 384px) { 
	html{font-size: 68.75%;}
}
@media screen and (min-width: 384px) and (max-width: 416px;) { 
	html{font-size: 75%;}
}
@media screen and (min-width: 416px) and (max-width: 448px) { 
	html{font-size: 81.25%;}
}
@media screen and (min-width: 448px) and (max-width: 480px) { 
	html{font-size: 87.5%;}
}
@media screen and (min-width: 480px) and (max-width: 512px) { 
	html{font-size: 93.75%;}
}
@media screen and (min-width: 512px) and (max-width: 544px) { 
	html{font-size: 100%;}
}
@media screen and (min-width: 544px) and (max-width: 576px) { 
	html{font-size: 106.25%;}
}
@media screen and (min-width: 576px) and (max-width: 608px) { 
	html{font-size: 112.5%;}
}
@media screen and (min-width: 608px) and (max-width: 640px) { 
	html{font-size: 118.75%;}
}
@media screen and (min-width: 640px) { 
	html{font-size: 125%;}
}

header{ position: fixed; z-index: 100;top:0; left:0;width:100%; border-bottom: 1px solid rgba(255,255,255,0.30);}
header .headerBox{ width: 100%; padding: 0 3%; height: 80px;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; /*justify-content:space-between;*/align-items:center;}
header .headerBox .logo {background:url(../images/logo.png) 0 0 no-repeat; width:91px; height: 40px; }
header .headerBox .menu{ display: block;  margin-left:10%;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
header .headerBox .menu li{ margin: 0 5px;}
header .headerBox .menu li a{display: block; line-height: 32px;  padding: 0 10px; font-size: 16px; color: #fff;  }
header .headerBox .menu li a:hover{color:#ffffff;/*background:url(../images/nav_bg.png) 0 0 no-repeat;*/}
{font-size:16px; color: #fff;  }
header .headerBox .topContact{ background:url(../images/telw.png) left center no-repeat;    position: absolute; right: 3%; padding-left:24px; vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
@media screen and (max-width:1150px){
.header_hover .headerBox .topContact{ background:url(../images/tel.png) left center no-repeat; color:#6bc22b; vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; right:7%; }
}
@media screen and (max-width:1024px){
.header_hover .headerBox .topContact{ background:url(../images/tel.png) left center no-repeat; color:#6bc22b; vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; right:17%; }
}
@media screen and (max-width:900px){
.header_hover .headerBox .topContact{ background:url(../images/tel.png) left center no-repeat; color:#6bc22b; vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; right:35%; }
}


header .headerBox .topContact img{ height: 30px; vertical-align: middle;}
header .headerBox .topContact .phone { display:none;}
header .headerBox .topContact .call{ font-size: 22px; color: #fff; font-weight: 600;  }
 header .nav{ display: none;}
 
 /*下拉*/
 
 
.header_hover{height:80px;width:100%;min-width:1200px;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;overflow:hidden;position:fixed;left:0;top:0;}
 
.header_hover .headerBox{ width: 100%; padding: 0 3%; height: 80px; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; /*justify-content:space-between;*/align-items:center;}
.header_hover .headerBox .logo {height:40px; background:url(../images/logow.png) 0 0 no-repeat; }

.header_hover .headerBox .menu{ display: block;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.header_hover .headerBox .menu li{ margin: 0 5px;}
.header_hover .headerBox .menu li a{display: block; line-height: 32px;  padding: 0 10px; font-size: 16px; color: #333;  }
.header_hover .headerBox .menu li a:hover{  color: #333;  }
.header_hover .headerBox .topContact{ background:url(../images/tel.png) left center no-repeat; color:#6bc22b; vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.header_hover .headerBox .topContact .phone { display:none;}

.header_hover .headerBox .topContact img{ height: 30px; vertical-align: middle;}
.header_hover .headerBox .topContact .call{ font-size: 22px; color: #6bc22b;  }
 header_hover .nav{ display: none;}
@media screen and (max-width:1150px){
	.header_hover .headerBox .menu{ display: block;  display: flex; display:-webkit-flex; margin-left:7%; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }

	
}
@media screen and (max-width:768px){
.wrapper{ padding: 0 10px; }
header .headerBox{ box-sizing: border-box; height: 70px; position:fixed; top: 0 ; left: 0; border-bottom: 1px solid #ececec;  padding-bottom: 0; background-color: #fff;}
header .headerBox .logo {background:url(../images/logow.png) 0 0 no-repeat; background-size:100%; }
header .headerBox .topContact{ vertical-align: middle;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* justify-content: flex-start; */
    align-items: center;}
	
	
header .headerBox .topContact .phone { display:block; margin-right:50px;}
header .headerBox .topContact .phone img {height: 30px; vertical-align: middle;}
header .headerBox .topContact .call{ display: block; display: none; /*width: 100%;*/ padding:10px; position: absolute; top: 50px; left:-52%; color:#333; background-color: #fff; line-height: 40px;}
header .headerBox .menu{ width:100%; display:none; flex-wrap: wrap; background-color: #fff; position: absolute; top: 70px; left: 0; bottom: initial; margin-left:0; transform: translateX(102%); z-index: -1; transition: all 0.65s ease-in-out 0s;}
header .headerBox .menu.move{ display:block; transform: translateX(0); box-shadow: 1px 3px 10px #aaaaaa; z-index: 2; transition: all 0.65s ease-in-out 0s;}
header .headerBox .menu li{ width:96%; border-bottom: 1px solid #ececec;}
header .headerBox .menu li a{ color:#333; line-height: 36px; }
  
  /* 手机端菜单 */
  header .nav{width:30px;height:20px;display:block;position:absolute;top:5px;right:5px;cursor:pointer;}
  header .nav span{width:26px;height:3px;background:#699dec;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
  header .nav span:nth-child(2){top:29px;}
  header .nav span:nth-child(3){top:37px;}
  header .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
  header .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}
@media screen and (max-width:768px){
.wrapper{ padding: 0 10px; }
.header_hover{height:80px;width:100%; display:none;min-width:100%;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;overflow:hidden;position:fixed;left:0;top:0;}

.header_hover .headerBox{ width: 100%; box-sizing: border-box; padding:0 5px; margin: 0 ; height: 70px; position:fixed; top: 0 ; left: 0;  padding-bottom: 0; background-color: #fff;}
.header_hover .headerBox .logo img{ height: 35px;}
.header_hover .headerBox .topContact{ margin-right: 50px;}
.header_hover .headerBox .topContact .call{ display: block; display: none; width: 100%; padding: 10px 0; position: absolute; top: 71px; left: 0; background-color: #fff; line-height: 40px;}
.header_hover .headerBox .menu{ flex-wrap: wrap; background-color: #fff; position: absolute; top: 70px; left: 0; bottom: initial; transform: translateX(102%); z-index: -1; transition: all 0.65s ease-in-out 0s;}
.header_hover .headerBox .menu.move{ transform: translateX(0); z-index: 2; transition: all 0.65s ease-in-out 0s;}
.header_hover .headerBox .menu li{ width: 160%; border-bottom: 1px solid #ececec;}
.header_hover .headerBox .menu li a{ color:#333; line-height: 36px; }
.header_hover .headerBox .topContact .apply{ padding: 5px 16px; font-size: 15px;}
  
  /* 手机端菜单 */
  .header_hover .nav{width:30px;height:20px;display:block;position:absolute;top:5px;right:0px;cursor:pointer;padding:20px 10px;}
  .header_hover .nav span{width:26px;height:3px;background:#699dec;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
  .header_hover .nav span:nth-child(2){top:29px;}
  .header_hover .nav span:nth-child(3){top:37px;}
  .header_hover .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
  .header_hover .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}



/*内页共用样式*/
.m_mn{width: 1200px;margin: 0 auto;}

@media screen and (max-width:1150px){
.m_mn{width:100%;margin: 0 auto;}
}


@media screen and (max-width:768px){
.m_mn{width:100%;margin:0 auto; padding:0 0; overflow:hidden;}
}
.m_xn{width: 1000px;margin: 0 auto;}
.m_ads{height:530px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
@media screen and (max-width:800px){
.m_ads{ display:none;}
}
.m_adx {height:380px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
@media screen and (max-width:800px){
.m_ads{ display:none;}
}



.m_jjfa{height:615px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
@media screen and (max-width:800px){
.m_jjfa{ display:none;}
}


.nybanner { display:none;}
@media screen and (max-width:800px){
.nybanner{ width:100%; margin: 0 auto; display:block;}
.nybanner img { width:100%;}
}

@media screen and (max-width:768px){
.nybanner{ width:100%; margin:70px auto 0 auto; display:block;}
.nybanner img { width:100%;}
}


.m_jmain{width:100%;min-width:1200px;background:#f5f5f5;margin:615px auto 0 auto;}
@media screen and (max-width:1150px){
.m_jmain{width:100%;min-width:100%;background:#f5f5f5;margin:500px auto 0 auto;}
}

@media screen and (max-width:850px){
.m_jmain{width:100%;min-width:100%;background:#f5f5f5;margin:0 auto;}
}

@media screen and (max-width:768px){
.m_jmain{width:100%;min-width:100%;background:#f5f5f5;margin:0 auto;}
}

.m_main{width:100%;min-width:1200px;background:#f5f5f5;margin:530px auto 0 auto;}

@media screen and (max-width:1150px){
.m_main{width:100%;min-width:100%;background:#f5f5f5;margin:500px auto 0 auto;}
}

@media screen and (max-width:850px){
.m_main{width:100%;min-width:100%;background:#f5f5f5;margin:0 auto;}
}

@media screen and (max-width:768px){
.m_main{width:100%;min-width:100%;background:#f5f5f5;margin:0 auto;}
}
.m_main5{width:100%;min-width:1200px; overflow:hidden;margin:0 auto;}
@media screen and (max-width:1024px){
.m_main5{width:100%;min-width:100%; overflow:hidden;margin:0 auto;}
}

.m_main1{width:100%;min-width:1200px; margin:380px auto 0 auto; padding:20px 0 30px 0; background: #f5f5f5}
@media screen and (max-width:1024px){
.m_main1{width:100%;min-width:100%; overflow:hidden;margin:380px auto 0 auto;}
}
@media screen and (max-width:800px){
.m_main1{width:100%;min-width:100%; overflow:hidden;margin:0 auto;}
}


.m_main2{width:100%;min-width:1200px;height: 520px;margin:250px auto 0 auto;background: url(../images/case_top_bj.png) repeat-x left center;}
.m_main3{width:100%;min-width:1200px;background:#fff;overflow: hidden;position: relative;}
.m_main4{width:100%;min-width:1200px;background:#f5f5f5;margin:280px auto 0 auto;position: relative;}

.m_main6,.m_main7{width:100%;min-width:1200px;color:#ffffff;margin:0;}
.m_main8{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 30px 0; background: #f4f7f9}
.m_main9{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 0 0; background: #f4f7f9}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}
.n_mn .m_text .article_tt{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 18px;margin-top: -5px;}
.n_mn .m_text .g_attr span{display: inline-block;margin-right: 25px;color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block;border: 1px solid #cccccc;margin-right: 5px;border-radius: 5px;font-size: 12px;width: 18px;height: 18px;line-height: 18px;text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{background-color: #2c88d8;color: #ffffff;border: 1px solid #2c88d8;}
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ;font-size: 14px;color: #666666;line-height: 28px;overflow: hidden;}
.n_mn .m_text .text img{max-width: 100%;}
.n_mn .m_aside{padding: 25px 0 30px;line-height: 26px;overflow: hidden;border-top: 1px dotted #C7C7C7;color: #888888;}