@charset "utf-8";
/* CSS Document */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 ;font-family: 'Arial';}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#666; font-size: 16px;  font-family: 'Arial'; overflow-x: hidden; }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:inherit;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
/* img { max-width: 100%;  vertical-align: middle;}
 */
/**
* Light Backgrounds
*/
.pb25 { padding-bottom: 25px;}
.pt40 {padding-top: 40px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}


.text-c{ text-align: center;}
.text-r{ text-align: right;}
.text-l{ text-align: left;}
.font-s16{font-size:16px;}
.font-s18{font-size:18px;}
.font-s20{font-size:20px;}
.font-s30{font-size:30px;}
.font-s32{font-size:32px;}
.font-s36{font-size:36px;}
.font-s40{font-size:40px;}
.font-w{font-weight: bold;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
.common_btn:hover{background:#d20319;}
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}     
.line_btn{display:inline-block; *display:inline; *zoom:1; white-space:nowrap; padding:0 130px 0 30px; line-height:65px; font-size:15px; text-transform:uppercase; border-left:1px solid rgb(9,57,121); border-right:1px solid rgb(9,57,121);}

.line_btn::after{content:";"; position:absolute; top:50%; right:30px; width:7px; height:7px; background:url(../images/line_btn_jt.png) no-repeat center; margin-top:-3px; overflow:hidden; opacity:1; visibility:visible; -webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}
.line_btn:hover::after{opacity:0; filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); visibility:hidden;}
/*.line_btn.line_btn_red{position:absolute; left:0; bottom:0; border-color:#d20319;}*/
.line_btn.line_btn_red::after{background: url(../images/line_btn_jt_red.png) no-repeat right;}
.line_btn .jt{position:absolute; width:6px; bottom:0; top:0; right:100px;}
.line_btn .jt img{position:absolute; top:50%; margin-top:-3px; left:0;}
.line_btn.sj_btn{padding-right:80px; line-height:60px; border:none;}
.line_btn.sj_btn::after{background:url(../images/sj_btn.png) no-repeat center; width:12px; height:15px; margin-top:-8px; right:50px;}
.line_btn.sj_btn .jt{width:12px; right:50px;}
.line_btn.sj_btn .jt img{margin-top:-8px;}
.know_more a{ color:#FFF !important;}
.imgScale{ overflow: hidden; }
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.hover-opacity:hover, .hover-opacity-box a:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}

.fl { float:left; _display:inline; }
.fr { float:right; _display:inline; }




.inbanner_w p {
    color: #FFF;
    font-size: 38px;
    line-height: 66px;
    text-shadow: #1658b3 1px -1px 0px;
    font-weight: bold;
}


/* head */

.hd_con{position: relative;}
/*header*/
.header { position:fixed; top:0px; z-index:998; width:100%; transition:all 0.3s;   
 background-color:#fff;box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 5%);}
.header .container {width: 95%;margin:0 auto;}
.header .logo { margin:15px 0 0 0; }
.header .logo img { padding: 0; margin: 0;  height:auto;}
.nav-active{ top:0px;background-color: #fff;height: 100px;}
.nav-active .top{ display:none;}
.nav-active .logo{ margin-top:15px}
.fa-bars:before{ color:#fb5e1a}
/*top*/
.top{ width:100%; padding:10px 0px 20px; margin:0 auto; font:14px/14px "微软雅黑" ; color: #999; overflow:hidden;}
.top ul{ float:right}
.top ul li{ float:left; margin-left:10px;}
.top ul li.top-tel{ padding:0px 10px 0px 20px; border-right:1px solid #ddd; background:url(../images/btel.png) no-repeat left top; background-size:14px 14px;}
.top ul li.top-qq{ padding:0px 0px 0px 20px; background:url(../images/bserve.png) no-repeat left top; background-size:14px 14px;}
.top ul li.top-phone{ padding:0px 10px 0px 20px; border-right:1px solid #ddd; background:url(../images/bphone.png) no-repeat left top; background-size:14px 14px;}
.top a{ color: #999;}
.top ul li.top-phone:hover .weixin{ display:block;}

 /*pc导航*/
#cssmenu,  #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { display: block; position: relative; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
#cssmenu:after, #cssmenu > ul:after {  content: ".";  clear: both; visibility: hidden; line-height: 0; height: 0;}
#cssmenu #menu-button { display: none; }
#cssmenu { width: auto; font-family: 'Open Sans', sans-serif;  line-height: 1; margin-right: 65px;}
#menu-line {  position: absolute;  top: 0; left: 0; margin-left:30px;height: 2px;background: #fb621e; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display: none;}
#cssmenu > ul > li { float: left;margin-right: 25px;}
#cssmenu.align-center > ul { font-size: 0; text-align: center;}
#cssmenu.align-center > ul > li { display: inline-block; float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;height:50px; line-height:50px;}
#cssmenu.align-right ul ul { text-align: right;}
#cssmenu > ul > li > a { display:block; padding:0 10px; font-size: 17px;line-height:100px; text-decoration: none;color: #333; -webkit-transition: color .2s ease;-moz-transition: color .2s ease; -ms-transition: color .2s ease;-o-transition: color .2s ease; transition: color .2s ease;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {  color: #ffffff;    background: #333333;/*font-weight: bold;*/}
#cssmenu > ul > li.has-sub > a {}
#cssmenu > ul > li.has-sub > a::after { position: absolute; top: 42px; right:-5px; width: 10px; height: 10px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
 transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #1658b3;}
#cssmenu ul ul { position: absolute; left: -9999px; padding:0px ;}
#cssmenu li:hover > ul { left: auto;}
#cssmenu.align-right li:hover > ul { right: 0;}
#cssmenu ul ul ul { margin-left: 100%; top: 0;}
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%;}
#cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease;
 -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
#cssmenu ul li:hover > ul > li { height: auto;}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { color: #1658b3; }
#cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
#cssmenu ul ul li a {height: 46px;padding: 5px 20px; width: 215px;
/* margin-bottom:0px; */line-height:32px;font-size: 16px;
background:#F5f5f5;text-decoration: none;text-align: left;padding-left: 20px;color:#333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu ul ul li a:hover{background-color: #1658b3; text-indent: 15px; color: #FFF;}
.phone h3{ line-height:100px;}
.phone h3 span{ color:#555; font-size:20px; margin-left:10px;}
/*  */

/* moblie head */
.m_header {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  box-shadow: 0 4px 4px rgba(51, 51, 51, 0.1);
  background: #FFFFFF;
}

.m_hcon {
  width: 94%;
  margin: 0 auto;
  position: relative;
}

.m_logo {
  float: left;
  margin: 10px 0;
}

.m_logo img {
  height: 49px;
}
.nav_icon {
  position: absolute;
  right:10px;
  top: 50%;
  margin-top:-15px;
  width: 24px;
}

.nav_icon span {
  display: block;
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background: linear-gradient(135deg,rgb(114, 185, 37) 0%,rgb(12 136 212) 100%);
  position: relative;
  top: 0;
  -webkit-transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
  transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
  -o-transition: background 400ms ease, transform 300ms ease, top 300ms ease;
  transition: background 400ms ease, transform 300ms ease, top 300ms ease;
  transition: background 400ms ease, transform 300ms ease, top 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.nav_icon span:nth-child(2) {
  width: 18px;
  margin: 7px 0;
}

.nav_icon.on span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav_icon.on span:nth-child(2) {
  opacity: 0;
}

.nav_icon.on span:nth-child(3) {
  top: -15px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m_naver {
  position: fixed;
  width: 70%;
  height: 100%;
  right: 0;
  top: 69px;
  padding-bottom: 20px;
  background: #FFFFFF;
  border-top: 1px solid #CCCCCC;
  /* display: none; */
  z-index: 999;
  transform: translateX(150%);
  transition: all .4s;
}
.m_naver.on{
  transform: translateX(0);
}

.m_naver ul {
  padding: 15px 0;
}

.m_naver ul li {
  text-indent: 6%;
  font-size: 20px;
  line-height: 55px;
  padding-right: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}

.m_naver ul li>a {
  display: block;
  color: #333333;
}
.m_naver ul li>a.icon1{
  position: relative;
}

.m_naver ul li>a.active {
  color: #00532e;
}
.m_naver ul li>a.icon1:before,.m_naver ul li dl dd>a.icon1::before{
  position: absolute;
  content: "";
  width: 11px;
  height: 19px;
  transition: all ease-in-out .36s;
  right: 0;
  top: 50%;
  margin-top: -9px;
  background: url(../images/icon00.png) no-repeat center;
  background-size: 100% 100%;
}

.m_naver ul li>a.icon1.active:before,.m_naver ul li dl dd>a.icon1.active::before{
  transform: rotate(90deg);
}

.m_naver ul li dl {
  display: none;
}

.m_naver ul li dl dd {
  font-size: 16px;
  line-height: 36px;
  text-indent: 8%;
}

.m_naver ul li dl dd>a {
  position: relative;
  color: #666666;
}
.m_naver ul li dl dd>a.icon1{position: relative;}
.m_naver ul li dl dd>a.active{
  color: #f79010;
}
.mhdmask{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  z-index: 100;
}
.mhdmask.on{
  display: block;
}
.fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header_right { position: relative;}
.t_soupic {width: 22px;}
.t_pxiconsou { width: 34px;}
.t_pcsouinput { height: 34px;}
.t_soupic{ width: 35px;cursor: pointer;margin-top: 25px;margin-left: 15px;}
.t_soupic img{ display: inline-block; width: 100%;}
.t_soupic .t_huiicon,.t_soupic .t_hovericon{ display: block;}
/* sousuo */
.t_pcsouxia { position: fixed;width: 100%;top: 90px;left: 0;
 background: #fff;border-top: 1px solid #ebebeb;display: none;}
.t_pxiconsou{ width: 40px;cursor: pointer;}
.t_pxiconsou img{width: 100%;}
.t_pcsouinput{ border-bottom: 1px solid #eee; width: calc(100% - 40px); padding-right: 20px; height: 40px;}
.t_pcsouinput input{width: 100%; height: 100%; font-size: 16px;line-height: 1.5;color:#333;    border: none; padding-right: 15px;}
.t_pcsouinput input::placeholder{font-size: 16px; line-height: 1.5;color:#333;}
.t_pcsoubox { width: 560px; display: inline-block;}
.t_pcsouxia{ text-align: center;padding: 20px 0 ; box-shadow: 0px 3px 31px 0px rgba(0,0,0,.05);}
.t_pchead.on .t_baiicon{ display: none;}
.t_pchead.on .t_huiicon{display: inline-block;}
.t_pcyu {width: 32px;height: 32px;position: relative;margin-left: 15px;
margin-top: 25px;color: #fff;text-align: center;line-height: 32px;
border-radius: 50px;cursor: pointer;-webkit-transition: all .35s;background: linear-gradient( 135deg, #73b42c, #1b90cd) center center no-repeat;}
.t_pcrgli { position: relative;;}
.t_pcyu a{ width: 32px;height: 32px;position: absolute; right: 0%; border-radius: 50%;
z-index: 5;font-size: 14px;color:#FFF;transition: all 0.36s;}
.hd_phone{position: relative;font-size: 0;padding-top:25px;padding-left:35px;}
.hd_phone::before{content: '';position: absolute;left: 18px;top: 55%;width: 2px;
height: 22px;background-color: #FFF;/* transform: translateY(-50%); */}
.hd_phone::before{
  content: '';
  position: absolute;
  left: 65px;
  left: 18px;
  top: 55%;
  width: 2px;
  height: 22px;
  background-color: #333;
  /* transform: translateY(-50%); */
}
.hd_phone span{
  margin-left: 7px;
  font-size: 30px;
  color: #333;
  font-family: impact;
  line-height: 1;
}
/*  */
.mhdmask{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  z-index: 100;
}
.mhdmask.on{
  display: block;
}
.fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* sousuo */
.t_pcsouxia { position: fixed;width: 100%;top: 85px;left: 0;
 background: #fff;border-top: 1px solid #ebebeb;display: none;}
.t_pxiconsou{ width: 40px;cursor: pointer;}
.t_pxiconsou img{width: 100%;}
.t_pcsouinput{ border-bottom: 1px solid #eee; width: calc(100% - 40px); padding-right: 20px; height: 40px;}
.t_pcsouinput input{width: 100%; height: 100%; font-size: 16px;line-height: 1.5;color:#333;    border: none; padding-right: 15px;}
.t_pcsouinput input::placeholder{font-size: 16px; line-height: 1.5;color:#333;}
.t_pcsoubox { width: 560px; display: inline-block;}
.t_pcsouxia{ text-align: center;padding: 20px 0 ; box-shadow: 0px 3px 31px 0px rgba(0,0,0,.05);}
/*  */
.index_banner {position: relative;margin-top: 85px;}

.inbanner{  background:url(../images/banner1.jpg) no-repeat center top; background-size: auto 100%; width: 100%; min-width: 1200px; height: 700px;}
.inbanner_w{ margin: 0 auto; padding: 255px 0px;} 

/*.index_title*/
.index_title,.index_title1{width: 100%;padding-top:55px;padding-bottom:60px;position: relative;}
.index_title h1{
  width: 100%;
  line-height:66px;
  height: 42px;
  letter-spacing:2px;
  font-size:34px;
  text-align:center;
  position:absolute;
  top: 150px;
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  color:#111;
  font-weight: bold;
  text-transform: uppercase;
  }
.index_title1 h1{
    width: 100%;
    line-height:66px;
    height: 42px;
    letter-spacing:2px;
    font-size:34px;
    text-align:center;
    position:absolute;
    top: 150px;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    color:#FFF;
    font-weight: bold;
    text-transform: uppercase;
    }
.index_title span{
  display:block;
  position:absolute;
  top: 52%;
  width:100%;
  text-align:center;
  font-size: 16px;
  text-transform: uppercase;
  color: #bfbfbf;
  }
.index_title h1{
  letter-spacing:0px;
  }
.index_title b{
  width:80px;
  height:4px;
  background-image:linear-gradient(135deg,#72b925 20%,#006ac5 80%);
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-40px;
  }
.index_title1 b{
  width:80px;
  height:4px;
  background:#FFF;
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-40px;
  }
.index_title h1 b{
  display:block;
  width:140px;
  height:2px;
  background-color:#777;
  position:absolute;
  left:50%;
  margin-left:-70px;
  bottom:0;
  }
.index_title h1.active{opacity: 1;top:30px;}
.index_title1 h1.active{opacity: 1;top:30px;}

.sy_bt.tl{text-align: left;}
.sy_bt{text-align: center;}
.sy_bt .ml1{font-size: 20px;line-height: 30px;color: #fff;font-weight: bold;}
.sy_bt .ml2{font-size: 16px;line-height: 14px;color: #fff;padding-top: 20px;}

/*  */
/*index_about*/
.index_about{
  width:100%;
   background:url(../images/in3_secbg.png) no-repeat; 
  background-size:cover;
  background-size:cover;
  padding-bottom:40px;
  background-position: bottom center;
    background-attachment: fixed;
  overflow: hidden;  
}
.about_img img{ width: 100%;;}
.index_about_t { padding:30px 0px 30px; font-size: 16px;}
.index_about_t p{text-indent: 0px; font-size: 16px;  line-height: 32px; }
.index_more{position: absolute;right:50%;bottom: 31%;}
.index_more a{ width:120px; height:35px; line-height:35px; color: #1658b3; display: block ; background-color:#f5f5f5;  text-align: center; font-size:18px ; border-radius:25px;  }
.iaboutnav{ margin-top: 20px;}
.iaboutnav a {margin-bottom:10px;color:#333;background-color:#f5f5f5;line-height:55px;border-radius:50px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-align:center;display:block;}
.iaboutnav a span {font-size:16px;padding-left:40px;background-repeat:no-repeat;background-position:center left;}
.iaboutnav a:hover {background-color:#1658b3;color:#fff;}
.iaboutnavi:nth-child(1) a,.iaboutnavi:nth-child(4) a {}
.iaboutnavi:nth-child(1) a span {background-image:url(../images/icon01.svg);}
.iaboutnavi:nth-child(1) a:hover span {background-image:url(../images/icon01-1.svg);}
.iaboutnavi:nth-child(2) a,.iaboutnavi:nth-child(5) a {}
.iaboutnavi:nth-child(2) a span {background-image:url(../images/icon2.svg);}
.iaboutnavi:nth-child(2) a:hover span {background-image:url(../images/icon2-2.svg);}
.iaboutnavi:nth-child(3) a,.iaboutnavi:nth-child(6) a {}
.iaboutnavi:nth-child(3) a span {background-image:url(../images/icon3.svg);}
.iaboutnavi:nth-child(3) a:hover span {background-image:url(../images/icon3-3.svg);}


.enterBtn {
  position: relative;
  display: flex;
  width: 130px;
  font-size: 14px;
  height: auto;
  line-height: 36px;
  justify-content: space-between;
  -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
  padding: 0px 15px;
  /* background: linear-gradient( 135deg, #1fa035, #1f5aa0) center center no-repeat; */
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
  overflow: hidden;
}
.enterBtn p{
  position: relative;
}
.enterBtn i {
  font-size: 16px;
  
  position: relative;
  text-decoration: none;
}
.enterBtn::before{
  width: 150px;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  background:#1f5a9f; 
  content: '';
  -webkit-transition: all .6s cubic-bezier(.23,1.08,.62,.95);;
  border-radius: 50%;
  text-decoration: none;
}
.enterBtn:hover::before{
  -webkit-transform: translate(-50%, -50%) scale(1);
}
.enterBtn:hover i,.enterBtn:hover p,.subTitle.cj .enterBtn:hover p{
  opacity: 1;color: #FFF;
}
.enterBtn::before i{ color: #FFF;}
/*  */
.index_product{   background:url(../images/bl_in_cpbg02.jpg) #f2f2f2 no-repeat center top;
min-height: inherit; padding-bottom:40px;}
.index_pr_cent{  margin-top: 50px; background-color: #FFF;}
.hasMoreTab{ font-family:"Microsoft YaHei"; border-top: 5px solid #f7b90c; }
.hasMoreTab .hd{ height: 70px;  background-color:#f1f1f1; position:relative;   }
.hasMoreTab .hd .more{ display: none;   float:right; margin-top:20px; margin-right: 15px; }
.hasMoreTab .hd ul{ z-index:5; position:relative;height: 70px;    overflow:hidden; zoom:1; }
.hasMoreTab .hd li{ float:left; /*width: 14.28%;*/  width:16.666%;cursor:pointer;  text-align: center;   border-right:1px solid #C8D1D5;padding: 22px 0px 20px;height: 70px;}
.hasMoreTab .hd li:nth-last-child(1){ border-right: 0px;}
.hasMoreTab .hd li:nth-last-child(1){display:none}
.hasMoreTab .hd li a{/*font-size:20px; line-height: 70px;*/ display: block;}
.hasMoreTab .hd li.on{ font-weight:bold;  background:#1658b3; border-top:0; font-weight:bold;   }
.hasMoreTab .hd li.on a{ color: #FFF;}
.hasMoreTab .bd{  padding:10px; clear:both;
 position:relative;box-shadow: 1px 2px 8px #babbbb; 
  }

.index_pr_bg{    background: #eff9ff;padding: 20px;}
.hasMoreTab .bd .left-img {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
}
/* .hasMoreTab .bd .left-img:before {
    content: "";
    background: #146ac1;
    position: absolute;
    left:0px;width:100%;
    height:100%;
    top:0px;
    width: 85%;
    z-index: 1;
} */

.hasMoreTab .bd .left-img img {
    max-width:100%;
  /* box-shadow:-15px 12px 0px #146ac1;
    margin-left: 10px;
  margin-top: 8px; */
    position: relative;
    z-index: 2;

}
.hasMoreTab .bd  .index_pr_h{ padding:30px 0 0;}
.hasMoreTab .bd  .index_pr_h h3{    font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.hasMoreTab .bd  .index_pr_h .p_FLine {background-color: #013d9f; margin-bottom:30px ; width:50px; height:2px;}
.hasMoreTab .bd  .index_pr_h p{ font-size: 16px;  /* margin-bottom: 15px; line-height: 32px;*/}

.hasMoreTab .bd .index_pr_list{ margin:5px -10px 0;}
.hasMoreTab .bd .index_pr_list li{ float: left;   margin:0px 10px 5px; text-align: center;}
.hasMoreTab .bd .index_pr_list li a{ display: block; font-size: 16px;  text-align: center; color: #0056B3;
 border: 1px solid #0056B3; border-radius:25px;line-height: 36px;   height: 40px;    padding: 0px 20px;}
.hasMoreTab .bd .index_pr_list li a:hover{background-color: #0056B3;  border-radius:25px; color: #FFF;}

.hasMoreTab .bd .index_pr_list1{ margin:15px -10px 15px;}
.hasMoreTab .bd .index_pr_list1 dd{ font-size: 16px;/* line-height: 36px;*/}
.hasMoreTab .bd .index_pr_list1 dd span{ color: #146ac1; font-size:24px;}
.hasMoreTab .bd .index_pr_list1 dd:nth-child(2n) span{color:#5dab58;}
/* 友情链接 */
.index_links{ padding: 30px 0px;}
.links_title{ width:13%; float: left;}
.index_links span{font-size: 20px; font-weight: bold; float: left; color: #2568b6;
 background: url(../images/links.png) no-repeat left; padding-left: 32px;line-height: 45px;}
.links_nr{  width:90%;}
.links_nr li{float:left;  ;border: 1px solid #e5e5e5;margin: 0 5px 10px;background: #f8f8f9;border-radius: 5px;} 
.links_nr li a {   padding: 0 15px;display: block; text-align: center; line-height: 36px; border-radius: 5px;  padding: 5px 15px;  font-size: 16px; color: #333;}
.links_nr li a:hover{ background:#1f5a9f; color: #FFF;}

/* foot */
footer{ position:relative;z-index:2;padding:40px 0px 10px 0px;
/*background:linear-gradient(175deg,rgb(31 160 53) 0%,rgb(31 90 160) 100%);*/
 background-color: #1658b3;
  background-color: #0b3375
 }
footer .box1{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-size: 16px;}
footer .box1 a{ font-size: 16px;}
footer .box2 a{margin-right:32px; font-size: 16px;}
footer .box3{font-size: 16px;}
footer .corpight {font-size: 16px;}
footer .con{color:#fafafa}
footer .con h3{position:relative;width:100%}
footer .con h3::after{position:absolute;top:50%;left:0;width:100%;height:1px;background:#5b5a5a;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
footer .con h3 span{position:relative;z-index:1;padding:0 27px;background:#464545;font-size: 16px;}
footer .erweima{color:#fafafa}
footer .erweima .img{margin:0 auto;width:116px;height:116px}
#gotop{position:fixed;right:2%;bottom:15%;overflow:hidden;width:53px;height:52px;border-radius:50%;background:url(../images/gotop.png) no-repeat center;box-shadow:0 0 5px rgba(0,0,0,.1);
z-index:66;}


.sy_lx_l{}
.sy_lx_l ul{margin-top: 30px;}
.sy_lx_l ul li{position: relative;line-height:25px;padding: 5px 15px 5px 60px;color: #FFF;display: inline-block;width:30%;}
.sy_lx_l ul li:nth-child(5){ width:50%;}
.sy_lx_l ul li span{position: absolute;left: 0;top: 0px;bottom: 0; line-height: 47px;font-size: 24px;width: 48px;text-align: center;}
.sy_lx_l ul li span.icon-gongsi{ background: url(../images/ico_gs.png) no-repeat  center center; }
.sy_lx_l ul li span.icon-dianhua2{ background: url(../images/ico_dh.png) no-repeat  center center; }
.sy_lx_l ul li span.icon-fax{ background: url(../images/ico_cz.png) no-repeat  center center; }
.sy_lx_l ul li span.icon-youxiang{ background: url(../images/ico_yj.png) no-repeat  center center; }
.sy_lx_l ul li span.icon-daohangdizhi{ background: url(../images/ico_dz.png) no-repeat  center center; }


.sy_lx_r{float: right;width: 48%;}

.e_image{ }
.e_image img { border-radius: 5px; display: block;  margin: 0 auto; margin-top:0px;text-align: center;    width: 120px;}
.e_image .font {padding-left: 0px;color: #fff; vertical-align: middle; text-align: center; }


.jm_jxs{margin: 30px auto 0;}
.jm_jxs ul li{float: left;width:100%;background: #f6f6f6;border:1px solid #e6e4e4;}
.jm_jxs ul li:nth-child(2n){margin-right:0;}
.jm_jxs ul li.ml2{position: relative;margin-bottom: 10px;}
.jm_jxs ul li.ml2 input{display: block;width: 100%;border:none;font-size: 16px;padding-left: 16px;line-height: 34px;height: 48px;color:#333;padding-top: 12px;position: relative;z-index: 2;background: none;}
.jm_jxs ul li.ml2 span{position: absolute;left: 16px;top: 14px;
font-size:16px;line-height: 20px;color:#b3b6bb;
-webkit-transition:0.5s;transition:0.5s;}
.jm_jxs ul li.ml2.on span{top: 2px;font-size:14px;}
.jm_jxs ul li.ml2 select{-webkit-appearance: none;padding-left: 16px;border:none;position: relative;background: none;z-index: 2;width: 100%;height: 48px;padding-top: 12px;color: #333;}
.jm_jxs ul li.ml2 i{position: absolute;right: 16px;top: 18px;font-size: 12px;line-height: 12px;color: #999;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.jm_jxs .btn{cursor: pointer;color: #fff;border: none;font-size: 16px;text-align: center;background:#0066cc ;width: 180px;height: 48px;line-height:36px;display: block;overflow: hidden;margin: 10px 0 0 auto;}
.jm_jxs .btn:hover{cursor: pointer;color: #fff;border: none;font-size: 16px;text-align: center;background:#ff9800;width: 180px;height: 48px;line-height:36px;display: block;overflow: hidden;margin: 10px 0 0 auto;}


.p_gridbox{ margin-top: 15px;border-top: 1px solid rgb(255, 255, 255,0.3); color:#FFF; text-align: center; padding:10px 0px;}
.p_gridbox p{line-height: 32px}
.w_img img { opacity: 0.3; text-align: right}
/*右侧*/
.right_bar{position:fixed; top:45%; right:0; width:50px; height:203px; z-index:9999;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:220px; }
.right_bar li.rtbar_li1 a.mo_phone{ display:none;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0;width:165px; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0;  }
.right_bar li.rtbar_li4{ position:absolute; top:153px;}
.right_bar li.rtbar_li5{ position:absolute; left:0; top:204px;width:165px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;
line-height:50px;overflow:hidden;background-color:#1658b3;border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{background-color: #1658b3;opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-70px; left:-140px; padding-bottom:9px; z-index:999; }
.rtbar_shwx img{ padding:0 5px; background-color:#FFF; }

/*返回Top*/
.rightFloat{position:fixed; right:0; bottom:0; z-index:15; cursor:pointer;}
.rightFloat .gotop{display:block;width:60px; height:60px; background:url(../images/top.png) no-repeat;}
.rightFloat .gotop:hover{background-position:0 -60px;}


/*
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}
*/


/*email*/
.ejectEmail_form {
    position: fixed;
    background: #ffffff;
    width: 600px;
    height: 532px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -266px;
    padding: 30px;
    z-index: 100000;
    display: none;
}

.ejectEmail_form .close_Emailform {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 26px;
    display: block;
    cursor: pointer;
    background: #376fbc;
    color: #ffffff;
}

.ejectEmail_form form h2 {
    display: none;
}

.ejectEmail_form form p {
    font-size: 30px;
    color: #000000;
}

.ejectEmail_form .info {
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.ejectEmail_form .label_control {
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 40px;
}

.ejectEmail_form .tips {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-size: 14px;
    color: #ff0000;
}

.ejectEmail_form input[type="text"] {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #a5a5a5;
    text-indent: 10px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    border: 1px solid #dddddd;
}

.ejectEmail_form textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 10px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 16px;
    color: #a5a5a5;
    border: 1px solid #dddddd;
}

.ejectEmail_form input[type="submit"] {
    width: 155px;
    height: 40px;
    background:#1658b3;
    color: #ffffff;
    border: 0;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: all .3s;
}

.ejectEmail_form input[type="submit"]:hover {
    background: #212b3c;
    transition: all .3s;
}

.ejectEmailform_bj {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 99999;
    display: none;
}

.Fast_contact {
    height: 265px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}

.Fast_contact ul li.onlineservice_li {
    width: 48px;
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #1658b3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Fast_contact ul li.onlineservice_li.email_click {
    display: none
}

.Fast_contact ul>li.onlineservice_li>a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px
}

.Fast_contact ul>li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.onlineService_qq {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.Fast_contact ul>li.onlineservice_li>a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("../images/fastphone.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.onlineService_form {
    background-image: url("../images/fastform.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.onlineService_whatsApp {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -139px
}

.onlineService_email {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px
}

.onlineService_skype {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px
}

.onlineService_wechat {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -266px
}

.for_wechat span {
    display: block;
    text-align: center
}

.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s
}

.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap
}

.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;

}

.onlineservice_tips li a.for_wechat {
    height: auto
}

.onlineservice_tips li a.for_wechat img {
    max-width: 240px
}

.onlineservice_tips li a:hover {
    text-decoration: underline
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff
}

.f_follow_service {
    margin-top: 0
}

.f_follow_service a {
    display: inline-block;
    margin: 1px;
    text-align: center
}

.f_follow_service a span {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    transition: all .3s
}





/* 屏幕判断 */
@media (min-width: 1400px){
/*  */
#cssmenu {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    margin-right: 0px;
}
#cssmenu > ul > li > a {
    display: block;
    padding: 0 15px;

    line-height: 85px;
    text-decoration: none;

    color: #333;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 35px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
#cssmenu {
      width: auto;
      font-family: 'Open Sans', sans-serif;
      line-height: 1;
      margin-right: 65px;    height: 85px;
  }
.container {

    width: 1440px;
    margin: 0 auto;
}

}
@media screen and (max-width: 1440px){
.header .container {
      width: 100%;
      margin: 0 auto;
  }
/*  */
#cssmenu {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    margin-right:0px;
}
#cssmenu > ul > li > a {
    display: block;
    padding: 0 20px;

    line-height: 85px;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 42px;
    right: 0px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}  
.inbanner {
    background: url(../images/banner1.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    min-width: auto; 
     height: 450px;
}
.inbanner_w {
    width: 1240px;
    margin: 0 auto;
    padding: 55px 0px;
}
}
@media screen and (max-width: 1200px){
.header {
    display: none;
}  
.m_header {display: block;}

}
@media (max-width:1024px)  {

}
@media (max-width:900px)  {

}
@media (max-width: 768px)  {
.container {max-width: 768px; width: 95% !important;margin: 0 auto;}
.inbanner {
   background:url(../images/sbanner1.jpg) no-repeat center top;
  width: 100%; min-width: 1200px; 
    min-width: 0px;
    height:450px;
    background-size:auto 100% ;
 
}
.index_banner {
    position: relative;
    margin-top: 70px;
}
.inbanner_w {
   width: 100%;
   margin: 0 auto;
   padding:25% 0px 0px;
   
}
.inbanner_w img{width:80%;}
.banner_z img{width:80%;}
.index_more {
    position: absolute;
    right: 42%;
    bottom: 37%;
}
.iaboutnav {
    margin-top: 40px;
}
.iaboutnav a {margin-bottom:10px;color:#333;background-color:#f5f5f5;line-height: 55px;border-radius:20px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-align:center;display:block;}
.iaboutnav a span {letter-spacing:1px;padding-left:40px;background-repeat:no-repeat;background-position:center left;}
/*  */
.hasMoreTab .hd {
   height: auto; 
    background-color: #f1f1f1;
    position: relative;
}
.hasMoreTab .hd ul {
    z-index: 5;
    position: relative;
    height: auto;
    overflow: hidden;
    zoom: 1;
}
.hasMoreTab .hd li{
float:left;
/*width: 14.28%;*/
width: 33%;cursor:pointer;
text-align: center;
line-height: 70px;
border-right:1px solid #C8D1D5;}
.hasMoreTab .bd .left-img img {
    max-width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    display: block;
}

/*  */
.links_title {
  height: 50px;
    width: 100%;
    float: none;
}
.links_nr{
   width: 100%;
   padding: 20px 30px;
}
.links_nr li{ display:block;width: 47%;}
footer {
    position: relative;
    z-index: 2;
    padding: 20px 0px 30px;
    background-image: linear-gradient(175deg,rgb(31 160 53) 0%,rgb(31 90 160) 100%);
  background:#333333;    background: #0b3375;
}
.sy_lx_l ul li {
    position: relative;

    line-height: 35px;
    padding: 12px 15px 12px 70px;
    color: #FFF;
    display: inline-block;
    width: 100%;
}
.sy_lx_l ul li:nth-child(5) {
    width: 100%;
}
/*  */
  .ejectEmail_form {
        width: 90%;
        left: 5%;
        margin-left: 0;
    padding: 10px;
    }

 
.Fast_contact {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
    z-index: 999;
    display: none;
}
}

@media (max-width: 480px)  {
.container { width: 100% !important;margin: 0 auto}


.inbanner {
   background:url(../images/sbanner2.jpg) no-repeat center top;
  width: 100%; min-width: 1200px; 
    min-width: 0px;
    height: 277px;
    background-size:100% 100%;
  
}
.index_banner {
  position: relative;
  margin-top:0px;
}


/*  */
.inbanner_w {
   width: 100%;
   margin: 0 auto;
   padding:45% 0px 0px;
   
}
.inbanner_w img{width:80%;}
.banner_z img{width:80%;}
/*  */
 .index_title h1.active{opacity: 1;top:0px;}
.index_title1 h1{
    width: 100%;
    line-height:66px;
    height: 42px;
    letter-spacing:0px;
    font-size:16px;
    text-align:center;
    position:absolute;
    top: 150px;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    color:#FFF;
    font-weight: bold;
    text-transform: uppercase;
    }

.index_title b{
  width:80px;
  height:4px;
  background-image:linear-gradient(135deg,#72b925 20%,#006ac5 80%);
  position:absolute;
  bottom:50px;
  left:50%;
  margin-left:-40px;
  }

.index_more {
    position: absolute;
    right: 35%;
    bottom: 30%;
}

.index_title h1 {
    width: 100%;
    line-height: 66px;
    height: 42px;
    letter-spacing:0px;
   font-size: 16px;
    text-align: center;
    position: absolute;
    top: 150px;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    color: #111;
    font-weight: bold;
    text-transform: uppercase;
}
.hasMoreTab .hd li {
    float: left;
    /* width: 14.28%; */
    width: 16.666%;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #C8D1D5;
    padding: 12px 0px 20px;
    height: 70px;
  line-height:20px;
}
.p_gridbox{margin-top: 50px; padding-top: 20px;border-top: 1px solid rgb(255, 255, 255,0.3); color:#FFF;  display: block;align-items: center;}
.hasMoreTab .bd .conWrap{
  overflow-y: scroll;
  max-height: 800px;
}

/*index_pr_cent*/
.index_pr_cent {
   
    background-color: #FFF;
    margin: 50px 10px 0px;
}

.hasMoreTab .hd {
   height: auto; 
    background-color: #f1f1f1;
    position: relative;
}
.hasMoreTab .hd ul {
    z-index: 5;
    position: relative;
    height: auto;
    overflow: hidden;
    zoom: 1;
}
.hasMoreTab .hd li{
float:left;
/*width: 14.28%;*/
width: 49.666%;cursor:pointer;
text-align: center;

border-right:1px solid #C8D1D5;}
.hasMoreTab .hd li a {
    font-size: 16px;
    line-height:inherit;
    display: block;
}
.hasMoreTab .hd li.on a {
    color: #FFF;
    font-size:16px;
}
.hasMoreTab .bd .index_pr_list li {
    float: none;
    width: 100%;
    margin:0px 0px 15px;
    text-align: center;
}
/*  */

.links_nr {
    width: 100%;
    padding: 20px 10px;
}
.links_nr li {
    display: block;
    width: 100%; margin: 0 0px 10px;
}
.links_nr li a {
    padding: 0 15px;
    display: block;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 16px;
    color: #333;
}.links_nr {
    width: 100%;
    padding: 20px 10px;
}
}
@media (max-width: 414px)  {
.inbanner_w {
    width: 100%;
    margin: 0 auto;
    padding: 35% 0px 0px;
}  
.inbanner_w img {
    width: 90%;
}
.banner_z img {
      width: 100%;
}
}
@media (max-width:375px)  {
.inbanner {
   background:url(../images/sbanner2.jpg) no-repeat center top;
  width: 100%; min-width: 1200px; 
    min-width: 0px;
    height: 185px;
    background-size:100% 100%;
  
}
.index_banner {
  position: relative;
  margin-top:60px;
}
.inbanner_w {
    width: 100%;
    margin: 0 auto;
    padding:15% 0px 0px;
}
.inbanner_w img {
    width: 100%;
}
.banner_z img {
    width: 100%;
}

.index_more {
      position: absolute;
      right: 35%;
      bottom:30%
    
    
    
    ;
}
  
.hasMoreTab .bd .conWrap{
  overflow-y: scroll;
  max-height: 800px;
}
}

@media (max-width:480px)  {
.inbanner_w p {
 color: #FFF;
 font-size: 15px;
 line-height: 27px;
 text-shadow: #1658b3 1px -1px 0px;
}
}





@media (max-width:320px)  {
.index_more {
      position: absolute;
      right: 35%;
      bottom:28%;
}