@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ font-size: 14px; color:#333;line-height:1.3;overflow-x: hidden;background:#fff; font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.news_list li,.m_ware .text font,.m_ware .shadow,.sug_list li,.inv_slick li.slick-slide,.msg_con form .msg_sub{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav > li{ transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; }
/*{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }*/
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 1800px; margin: 0 auto;}
.baseWidth{ width: 1200px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box,.img{ position: relative; display: block; overflow: hidden; }
.img_box img,.img span,.img_box span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover span,.img:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }

/*header*/
.header{ -webkit-transform: translateZ(0); position: fixed; top: 0; width: 100%; height: 100px; line-height: 100px; z-index: 999; }
.h_box{ font-size: 0; }
.header .logo{ display: inline-block; vertical-align: middle; width: 17.3%; height: 52px; background-size: contain; }
.nav li{ position: relative; float: left; height: 100px; padding: 27.5px 0; margin: 0 50px; display: block; font-size: 16px; box-sizing: border-box; }
.nav li > a{ color: #fff; display: block; padding: 0 6px; height: 45px; line-height: 42px; box-sizing: border-box; border-bottom: 3px solid transparent; }
.nav li.on > a,.nav li:hover > a{ color: #fff; border-color: #fff; }
.nav li dl{ left: calc(50% - 2px); box-sizing: border-box; border: 2px solid rgba(0,0,0,.1); border-top: none; line-height: 30px; min-width: 100%; font-size: 14px; padding: 10px 20px; display: none; position: absolute; left: 50%; top: 72.5px; text-align: center; width: auto; line-height: 35px; z-index: 999; background: rgba(0,0,0,0.8); }
.nav li dl a{ display: block; color: #fff; opacity: .6; white-space: nowrap; }
.nav li dl a:hover{ opacity: 1; }
/*.lang{ margin-left: 14px; position: relative; padding: 0 16px; font-size: 16px; background: url(../images/icon3_w.png) right center no-repeat; height: 30px; line-height: 30px;}*/
.lang{width:96px; height:28px; background-image:url(../images/al.png); z-index:99999}
.lang span{ color: #fff; cursor: pointer; display: inline-block; }
.lang ul{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0; top: 30px; width: 100%; background: #004ea2; left: -10px; padding: 0 10px; }
.lang ul li{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid rgba(255,255,255,.5); white-space: pre; }
.lang ul li:first-child{ border-top: none; }
.lang ul li img{ margin-right: 14px; }
.lang ul li a{ color: #fff; display: block; text-align: center; }
.lang ul li:hover a{ -webkit-animation: swing .8s linear; animation: swing .8s linear; }
.lang:hover ul{ display: block!important; }
.header.white{ background: rgba(255,255,255,.9); box-shadow: 0 0 10px #ccc; }
.header.white .logo{ background-size: contain; }
.header.white .nav li{ padding: 0;}
.header.white .nav li > a{ height: 100px; line-height: 98px; color: #000; border-bottom: 2px solid transparent; }
.header.white .nav li.on > a,.header.white .nav li:hover > a{ color: #004ea2; border-color: #004ea2; }
.header.white .nav li dl{ top: 100px; background: rgba(255,255,255,.9); }
.header.white .nav li dl a{ color: #000; opacity: 1; }
.header.white .nav li dl a:hover{ color: #004ea2; }
/*.header.white .lang{ background: url(../images/icon3.png) right center no-repeat; }*/
.header.white .lang{width:96px; height:28px; background-image:url(../images/al2.png); z-index:99999}
.header.white .lang span{ color: #585858; }
.header.white .lang span img{ width:96px; height:28px; background-image:url(../images/al2.png); z-index:99999}
.header.lang span img{ width:96px; height:28px; background-image:url(../images/al.png); z-index:99999}

.header .language{ color: #fff; display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #fff; opacity: .5; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ opacity: 1; }
.header.white .language{ color: #000; }
.header.white .language a{ color: #000; opacity: 1; }
.header.white .language a:hover,.header.white .language a.on{ color: #004ea2; }
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#fff; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.header.white .nav-skip span,
.header.white .nav-skip span:before,
.header.white .nav-skip span:after{ background-color: #004ea2; }

/*footer*/
.footer{ background: #1d2938; line-height: 30px; }
.footer img{ max-width: 100%; margin-left: 23%;
    display: block;

}
.footer .top{ padding: 46px 0 50px; }
.fnav{ width: 50%; }
.fnav a{ color: #fff; }
.fnav li{ width: 18%; float: left; }
.fnav li:last-child{ width: 11.2%; }
.fnav li > a{ font-size: 18px; margin-bottom: 12px; display: block; }
.fnav li a:hover{ opacity: 1; }
.fnav dd a{ font-size: 14px; display: block; opacity: .5; }
.f_rbox{ width:10%; border-left: 1px solid rgba(255,255,255,.2); box-sizing: border-box; padding-bottom: 30px ;
    height: 120px;}
.f_rbox p{ margin-top: 8px; line-height: 22px; font-size: 16px; color: rgba(255,255,255,.8); text-align:center }
.f_rbox h3{ font-size: 25px; color: #fff; margin-bottom: 22px; }
.f_rbox .share_box a{ margin-left: 14px; float: left; opacity: .6; }
.f_rbox .share_box a:hover{ opacity: 1; }
.f_rbox .share_box img{ width: 32px; height: 32px; }
.footer .bottom{ line-height: 24px; color: rgba(255,255,255,.5); background: #1b2531; font-size: 12px; padding: 16px 0; text-align: center;}
.footer .bottom span{ margin-right: 24px;text-align: center; }


@media (max-width: 639px) {
.f_rbox h4{ font-size: 25px; color: #fff; margin-bottom: 22px; display:none}
}


/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ line-height: 1; position: absolute; width: 100%; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #cfcfcf; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 4.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #004ea2; }
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
/*banner*/
.banner{ clear: both; height: 830px; overflow: hidden; position: relative;}
.banner-wrap{ height: 830px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 830px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner .slick-dots{ bottom: 44px; }
.banner .slick-prev{ left: 2.9%; width: 56px; height: 56px; background: url(../images/icon1.png) center no-repeat; }
.banner .slick-prev:hover{ background: url(../images/icon1on.png) center no-repeat; }
.banner .slick-next{ right: 2.9%; width: 56px; height: 56px; background: url(../images/icon2.png) center no-repeat; }
.banner .slick-next:hover{ background: url(../images/icon2on.png) center no-repeat; }
.more{ box-sizing: border-box; font-size: 14px; display: block; text-align: center; width: 120px; height: 42px; line-height: 42px; background: #004ea2; color: #fff; border-radius: 4px; }
.more i{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; width: 6px; height: 42px; display: inline-block; vertical-align: top; background: url(../images/icon4.png) center no-repeat; margin-left: 6px; }
.more:hover i{ margin-left: 10px; }
.white.more{ background: transparent; border: 1px solid #fff; line-height: 40px; }
.i_about{ padding: 116px 0 84px; font-size: 0; }
.i_about .text{ margin-left: 7.6%; display: inline-block; vertical-align: middle; width: 36.5%; color: rgba(0,0,0,.8); }
.i_about .text h2{ font-size: 50px; color: #004ea2; line-height: 54px; }
.i_about .text h3{ display: inline-block; position: relative; font-size: 24px; padding-bottom: 10px; margin-bottom: 24px; }
.i_about .text h3:after{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 2px; display: block; background: #004ea2; }
.i_about .text a:hover h3:after{ width: 100%; }
.i_about .text p{ margin-bottom: 15px; font-size: 16px; line-height: 32px;  overflow: hidden; }
.i_about .pic{ position: relative; margin: 0 3.6% 0 2.8%; display: inline-block; vertical-align: middle; width: 49.5%; height: 422px; }
.i_about .pic span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.i_service{ margin-bottom: 60px; }
.i_stop{ font-size: 0; padding: 60px 0 35px; color: rgba(255,255,255,.8); }
.i_stop .left{ display: inline-block; vertical-align: middle; width: 16.6%; margin-left: 11.5%; }
.i_stop h2{ font-size: 50px; color: #fff; line-height: 54px; }
.i_stop h3{ color: rgba(255,255,255,.8); display: inline-block; position: relative; font-size: 24px; padding-bottom: 10px; }
.i_stop h3:after{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 2px; display: block; background: rgba(255,255,255,.8); }
.i_stop a:hover h3:after{ width: 100%; }
.i_stop .right{ display: inline-block; vertical-align: middle; width: 52.3%; margin: 0 15.8% 0 3.8%; }
.i_stop .right p{ line-height: 27px; font-size: 16px; }
.i_sbot li.slick-slide{ background-repeat: no-repeat; background-position: center; background-size: cover; float: left; position: relative; width: 25%; height: 600px; display: table; }
.i_sbot li.slick-slide a{ color: #fff; display: table-cell; vertical-align: middle; }
.i_sbot li.slick-slide .box{ max-width: 72.8%; margin: 0 auto; }
.i_sbot li.slick-slide .box .icon{ height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 10px; }
.i_sbot li.slick-slide h2{ font-size: 24px; font-weight: bold; }
.i_sbot li.slick-slide p{ display: none; margin-top: 24px; line-height: 21px; max-height: 124px; overflow: hidden; font-size: 14px; }
.i_sbot li.slick-slide .more{ display: none; margin: 40px auto 0; }
.i_sbot li.slick-slide:hover .icon{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; }
.i_sbot li.slick-slide:hover a{ background: rgba(0,78,162,.8); }
.i_sbot li.slick-slide:hover p{ display: block; }
.i_sbot li.slick-slide:hover .more{ display: block; }
.i_sbot .slick-initialized .slick-slide{ display: table; }
.i_sbot .slick-prev{ left: 1%; width: 44px; height: 44px; background: url(../images/icon9.png) center no-repeat; opacity: .5; }
.i_sbot .slick-prev:hover{ background: url(../images/icon9on.png) center no-repeat; opacity: 1; }
.i_sbot .slick-next{ right: 1%; width: 44px; height: 44px; background: url(../images/icon10.png) center no-repeat; opacity: .5; }
.i_sbot .slick-next:hover{ background: url(../images/icon10on.png) center no-repeat; opacity: 1; }
.i_honor .img{ background: url(../images/pic6.jpg) left center no-repeat;  float: right; width: 100%; background-color: #004ea2; }
.i_honor .text{ padding: 68px 0; width: 50%; margin-left: 50%; color: #fff; background: #004ea2; }
.i_honor .title{ text-align: center; background: url(../images/icon11.png) center no-repeat; background-size: contain; height: 230px; line-height: 230px; }
.i_honor .title a{ display: inline-block; vertical-align: middle; line-height: 1.3; }
.i_honor .title h2{ font-size: 50px; color: #fff; line-height: 54px; }
.i_honor .title h3{ color: rgba(255,255,255,.8); display: inline-block; position: relative; font-size: 24px; margin-bottom: 15px; }
.i_honor .text p{ height: 106px; overflow: hidden; max-width: 62%; margin: 0 auto; line-height: 27px; text-align: center; }
.i_honor .more{ margin: 35px auto 0; width: 156px; height: 54px; line-height: 52px; font-size: 18px; }
.i_honor .more:hover{ background: #fff; color: #004ea2; }
.i_contact{ font-size: 0; }
.i_contact .box{ display: inline-block; vertical-align: middle; padding: 60px 0; font-size: 0; max-width: 25%; min-width: 21%; }
.i_contact .img{ display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 20px; }
.i_contact .text{ text-align: left; max-width: calc(100% - 70px); color: #666; font-size: 16px; line-height: 28px; display: inline-block; vertical-align: middle; }
.i_contact .text p{ font-weight: bold; word-wrap: break-word; }



/*公共*/
@keyframes swing{20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.swing{transform-origin:top center;animation-name:swing}
@keyframes bounceInLeft{
	0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0%{opacity:0;transform:translate3d(-100px,0,0)}
	90%{transform:translate3d(5px,0,0)}to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}
.wbanner{ height: 548px; clear: both; background-size: cover; background-position: center center;}
.m_main{ background: #f6f6f6; }
.path{ height: 75px; line-height: 75px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.path .baseWidth{ position: relative; }
.mpath{ max-width: 40%; background: url(../images/icon19.png) left center no-repeat; text-indent: 44px; }
.mpath a{ color: #666; vertical-align: middle;}
.mpath a:hover,.mpath span{ color: #004ea2; vertical-align: middle; }
.mpath b{ display: inline-block; vertical-align: middle; margin: 0 12px; background: url(../images/icon20.png) center no-repeat; width: 5px; height: 60px; }
.mnav{ width: 85%; position: absolute; right: 0; text-align: right; }
.mnav ul{ float: right; width: calc(100% - 80px); }
.mnav li{ display: inline-block; vertical-align: top; margin: 0 13px; }
.mnav li a{ padding: 0 10px; display: block; box-sizing: border-box; height: 75px; line-height: 73px; }
.mnav li.on a,.mnav li:hover a{ color: #004ea2;}
.mnav li.on a{ border-bottom: 2px solid #004ea2; }
.mnav .show_more{ cursor: pointer; float: right; width: 80px; display: inline-block; color: #004ea2; }
.mnav .show_more i{ display: inline-block; margin-right: 6px; width: 18px; height: 18px; vertical-align: middle; background: url(../images/icon22.png) center no-repeat; }
.path.open{ overflow: visible; }
.path.open .mnav{ text-align: left; background: #fff; border: 2px solid #ccc; box-shadow: 0 0 10px #999; top: -2px; padding: 5px; }
.path.open .mnav ul{ width: 100%; }
.path.open .mnav .show_more{ display: none; }
.pb_same{ padding: 40px 0 50px; }



/*关于我们*/
.m_about .box{ background-repeat: no-repeat; background-position: center; background-size: cover; padding: 75px 0; }
.m_about .box .tit{ line-height: 45px; margin-bottom: 30px; text-align: center; font-size: 30px; color: rgba(0,0,0,.8); }
.m_about .box .tit.white{ color: #fff; }
.m_about .box img{ max-width: 100%; }
.m_abo1{ background-repeat: no-repeat; background-position: right center; }
.m_abo1 .text{ width: 44%; margin-left: 3.3%; padding: 100px 0 ; }
.m_abo1 .text h2{ font-size: 24px; color: #000; position: relative; padding-bottom: 17px; margin-bottom: 25px; }
.m_abo1 .text h2:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background: #7d7d7d; }
.m_abo1 .text p{ font-size: 16px; color: rgba(0,0,0,.8); line-height: 32px; }
.m_abo2{ background: #fff; }
.m_abo2 li{ width: 25%; float: left; text-align: center; color: rgba(45,45,45,.8); }
/*.m_abo2 li:first-child{ background-repeat: no-repeat; background-position: center; background-size: cover; color: #2d2d2d; text-align: left; height: 420px; padding: 0 30px; box-sizing: border-box; }
.m_abo2 li:first-child h3{ font-size: 30px; margin-bottom: 15px; }
.m_abo2 li:first-child p{ width: 100%; }*/
.m_abo2 li .text,.m_abo2 li .img{ height: 210px; }
.m_abo2 li .text{ padding: 44px 0; box-sizing: border-box; }
.m_abo2 li .img{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.m_abo2 li h3{ font-size: 24px; margin-bottom: 20px; }
.m_abo2 li p{ line-height: 24px; height: 70px; overflow: hidden; width: 85%; margin: 0 auto; }
.m_abo3{ text-align: center; }
.m_abo3 p{ color: #414141; line-height: 25px; max-width: 64.2%; margin: 0 auto 30px; }

/*业务范畴*/
.bus_con{ background: #fff; padding: 36px 3.1% 48px; box-sizing: border-box; }
.bus_con img{ max-width: 100%; height: auto!important; }
.bus_con table{ max-width: 100%; }
.bus_con{ line-height: 30px; color: rgba(0,0,0,.7); }
.bus_con table{ background: #f8fbff; line-height: 24px; }
.bus_con table td{ border: 1px solid #eff1f4; height: 120px; min-width: 120px; padding: 10px 45px; }

/*新闻中心*/
.m_ntop{ box-sizing: border-box; background: #fff; padding: 40px 20px 22px; }
.m_ntleft{ position: relative; width: 50%; height: 420px; }
.m_ntleft .img_box{ height: 370px; }
.m_ntleft .shadow{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #004ea2; color: #fff; padding: 0 10px; box-sizing: border-box; }
.m_ntright{ width: 44.8%; }
.m_ntright li{ margin-bottom: 28px; }
.m_ntright li:last-child{ margin-bottom: 0; }
.m_ntright .time{ float: left; margin-right: 30px; padding: 14px 0 16px; width: 98px; background: #f6f6f6; }
.m_ntright .time em{ color: rgba(51,51,51,.6); line-height: 32px; font-size: 24px; }
.m_ntright .time p{ color: rgba(51,51,51,.6); line-height: 22px; }
.m_ntright .time p:after{ display: inline-block; content:''; width: 13px; height: 1px; vertical-align: middle; margin-left: 4px; background: #c5c5c5; }
.m_ntright .text{ width: calc(100% - 130px); float: right; }
.m_ntright .text h2{ font-size: 16px; color: #333; margin-bottom: 12px; }
.m_ntright .text p{ line-height: 24px; height: 46px; overflow: hidden; color: rgba(51,51,51,.6); }
.m_ntright li:hover .time{ background: #004ea2; }
.m_ntright li:hover .time *{ color: #fff; }
.m_ntright .text h2:hover{ color: #004ea2; }
.m_nbot{ background: #fff; }
.news_list{ padding-bottom: 70px; }
.news_list li{ position: relative; font-size: 0; padding: 33px 20px; box-sizing: border-box; }
.news_list li:before{ content: ''; position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); height: 1px; background: #e2e2e2; }
.news_list .img_box{ width: 23.6%; height: 180px; float: left; }
.news_list .text{ line-height: 26px; margin-right: 1%; width: 72.1%; float: right; }
.news_list .text h2{ margin: 10px 0 14px; font-size: 18px; }
.news_list .text p{ height: 76px; overflow: hidden; margin-bottom: 22px; font-size: 14px; color: #666; }
.news_list .text span{ font-size: 15.5px; color: #aaa; }
.news_list li:hover{ background: #004ea2;}
.news_list li:hover *{ color: #fff; }
.news_list li:hover:before{ display: none; }

/*新闻中心详情*/
.new_detail{ background: #fff; padding: 62px 2% 50px; box-sizing: border-box; }
.new_detail .info h2{ font-size: 24px; color: #333; margin-bottom: 14px; }
.new_detail .info span{ color: #666; display: block; margin-bottom: 46px; }
.new_detail .text{ color: #737373; line-height: 26px; padding-bottom: 38px; border-bottom: 1px solid #eee; }
.new_detail .text p {
	margin-bottom:15px;
}
.new_detail .text img{ max-width: 100%; height: auto!important; }
.new_detail .text table{ max-width: 100%; }
.mshare_box{ padding: 35px 0 45px; color: #333; font-size: 0; }
.mshare_box span{ vertical-align: middle; font-size: 16px; }
.mshare_box a{ margin: 0 5px; }
.forum_link{position: relative;}
.forum_link .link_box:first-child{ border-top:0; }
.forum_link .link_box{ line-height: 40px; padding: 4px 0; font-size: 16px; }
.forum_link .link_box a,.forum_link .link_box span{ color: #333; }
.forum_link .link_box a:hover{ color: #004ea2; }
.forum_link .link_box font{ max-width: 60%; }
.forum_link a.link_more{ margin-left: 10px; text-align: center; background: #004ea2; color: #fff!important; width: 122px; height: 40px; line-height: 40px; }

/*仓库概览*/
.m_ware .box{ text-align: center; float: left; width: 50%; height: 312px; background: #fff; }
.m_ware .text{ display: table; }
.m_ware .text a{ display: table-cell; vertical-align: middle; }
.m_ware .img{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.m_ware li{ position: relative; }
.m_ware li:nth-child(2n) .img{ float: left; }
.m_ware li:nth-child(2n) .text{ float: right; }
.m_ware .text{ font-size: 0; }
.m_ware .text span{ margin-right: 30px; position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 46px; height: 46px; line-height: 46px; color: #fff; font-size: 26px; }
.m_ware .text span:before{ content: '';  width: 0; height: 0; border: 6px solid transparent; font-size: 0; position: absolute; left: 44px; top: 50%; margin-top: -6px; }
.m_ware .text font{ vertical-align: middle; font-size: 26px; color: #585858; }
.m_ware li .text span{ background: #ff794a; }
.m_ware li .text:hover font{ color: #ff794a; }
.m_ware li .text span:before{ border-left: 6px solid #ff794a; }
.m_ware li:nth-child(2n) .text span{ background: #c50505; }
.m_ware li:nth-child(2n) .text:hover font{ color: #c50505; }
.m_ware li:nth-child(2n) .text span:before{ border-left: 6px solid #c50505; }
.m_ware li:nth-child(3n) .text span{ background: #ff4a9f; }
.m_ware li:nth-child(3n) .text:hover font{ color: #ff4a9f; }
.m_ware li:nth-child(3n) .text span:before{ border-left: 6px solid #ff4a9f; }
.m_ware li:nth-child(4n) .text span{ background: #9fc505; }
.m_ware li:nth-child(4n) .text:hover font{ color: #9fc505; }
.m_ware li:nth-child(4n) .text span:before{ border-left: 6px solid #9fc505; }
.m_ware li:nth-child(5n) .text span{ background: #299fe3; }
.m_ware li:nth-child(5n) .text:hover font{ color: #299fe3; }
.m_ware li:nth-child(5n) .text span:before{ border-left: 6px solid #299fe3; }
.m_ware .shadow{ padding: 0 20%; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); height: 47px; line-height: 47px; text-align: center; color: #fff; }
.m_ware .shadow p{ display: none; display: table-cell; vertical-align: middle; }
.m_ware .shadow p font{ display: block; max-height: 178px; overflow: hidden; }
.m_ware .shadow span{ position: static; width: auto; display: inline-block; padding-right: 22px; background: url(../images/icon27.png) right center no-repeat; }
.m_ware .img:hover .shadow{ height: 100%; display: table; }
.m_ware .img:hover .shadow span{ display: none; }
.m_ware .img:hover .shadow p{ line-height: 30px; }

/*客户意见*/
.sug_list li{ margin-bottom: 10px; text-align: center; padding: 30px 3.3% 35px; box-sizing: border-box; width: 32.5%; float: left; margin-right: 1.25%; background: #fff; }
.sug_list li:nth-child(3n){ margin-right: 0; }
.sug_list li .icon{ width: 130px; height: 60px; line-height: 60px; font-size: 0; margin: 0 auto 10px; }
.sug_list li .icon img{ max-width: 100%; max-height: 100%; }
.sug_list li h2{ font-size: 20px; color: #161616; margin-bottom: 36px; }
.sug_list li p{ color: rgba(22,22,22,.7); font-size: 14px; line-height: 30px; height: 148px; overflow: hidden; }
.sug_list li:hover{ box-shadow: 0 0 20px #ccc; }
.sug_list li:hover h2{ color: #004ea2; }

/*荣誉证书*/
.hon_list li{ overflow: visible; position: relative; width: 33.3%; float: left; }
.hon_list .img{ padding-bottom: 83.5%; position: relative; height: 0; width: 100%; text-align: center; display: inline-block; overflow: hidden; }
.hon_list .img img{ max-width: 77%; max-height: 70%; width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hon_list li p{ padding: 0 5%; box-sizing: border-box; height: 36px; line-height: 36px;text-align: center; color: #161616; font-size: 16px; }
.hon_list li:hover p{ color: #004ea2; }
.hon_list li:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.hon_list li:nth-child(3n):after{ content: ''; position: absolute; display: block; width: 1200px; right: 0; bottom: 36px; height: 58px;background-size: contain; }

/*投资者关系*/

.inv_slick{ width: 360px; margin: 0 auto; font-weight: bold; }
.inv_slick li.slick-slide{ cursor: pointer; color: #949494; font-size: 18px; height: 35px; line-height: 35px; text-align: center; }
.inv_slick li.slick-slide.on{ color: #004ea2; font-size: 30px; }
.inv_slick li.slick-slide:hover{ color: #004ea2; }
.inv_slick .slick-prev{ left: -20px; width: 10px; height: 15px; margin-top: -7.5px; background: url(../images/icon35.png) center no-repeat; background-size: contain; }
.inv_slick .slick-prev:hover{ background: url(../images/icon35on.png) center no-repeat; background-size: contain; }
.inv_slick .slick-next{ right: -20px; width: 10px; height: 15px; margin-top: -7.5px; background: url(../images/icon36.png) center no-repeat; background-size: contain; }
.inv_slick .slick-next:hover{ background: url(../images/icon36on.png) center no-repeat; background-size: contain; }

.inv_box li{ border-bottom: 1px solid #f0f0f0; padding: 10px 0; line-height: 36px; }
.inv_box li span{ float: left; font-size: 16px; width:calc(100% - 200px); }
.inv_box li span em{ margin-right: 32px; color: #767676; }
.inv_box li span a{ color: #4a4a4a; }
.inv_box li a.fr{ width: 90px; background: #c3c3c3; color: #fff; text-align: center; }
.inv_box li a.fr:hover{ background: #004ea2; }
.inv_box li span a:hover{ color: #004ea2; }
.inv_wrap .inv_box{ display: none; opacity: .5; }
.inv_wrap .inv_box:first-child{ display: block; opacity: 1; }

/*联系方式*/
.con_main{ background: #fff; padding: 48px 3.75%; box-sizing: border-box; }
.con_main .title{ font-size: 30px; color: rgba(0,0,0,.8); padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; margin-bottom: 26px; }
.con_wrap{ margin-bottom: 45px; }
.con_wrap .text{ box-sizing: border-box; width: 50%; float: left; }
.con_wrap .text .box{ max-width: 68%; }
.con_wrap .text:nth-child(2n){ border-left: 1px solid #eee; text-align: center; }
.con_wrap h2{ font-weight: bold; font-size: 18px; color: #004ea2; margin-bottom: 12px; line-height: 30px; }
.con_wrap p{ padding: 10px 0; min-height: 38px; line-height: 38px; }
.con_wrap p img{ vertical-align: middle; margin-right: 20px; }
.con_wrap p span{ min-width: 300px; max-width: calc(100% - 60px); display: inline-block; vertical-align: middle; font-size: 16px; line-height: 27px; color: #000; }
/*#allmap{ width: 100%;width: 1200px; height: 426px; margin: 0 auto; }*/
.BMap_bubble_title .f16{ color: #004ea2; font-size: 16px; margin-bottom: 5px; }
.BMap_bubble_content .f14{ font-size: 14px; color: #666; }

/*加入我们*/
.join_con{ padding-bottom: 115px; background: #fff; }
.join-main{ border: 1px solid #eee; }
.join-main .list-top{height: 74px; line-height: 74px; background: #eee; font-size: 0; color: #333; padding: 0 2.5%; }
.join-main .list-top div{ font-size: 18px; }
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4,.join-main .td5{ text-align: center; width: 20%; padding: 0 5px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.join-main .list-box ul{width: 100%;}
.join-main .list-box li{width: 100%;}
.join-main .list-box li .top{ cursor: pointer; font-size: 0; color: #666; line-height: 2; padding: 22px 0; margin: 0 2.5%; border-bottom: 1px dotted #ccc;}
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4,.join-main .td5{ font-size: 16px; }
.join-main .td1{ text-align: left; }
.join-main .td5 .icon{ width: 30px; height: 30px; display: inline-block; vertical-align: top; background: url(../images/icon39.png) center no-repeat; background-size: contain; }
.join-main .list-box li.on .top{ margin: 0; background: #004ea2; border-bottom: none; padding: 22px 2.5%; }
.join-main .list-box li.on .top div{ color: #fff!important; }
.join-main .list-box li.on .td5 .icon{ background: url(../images/icon40.png) center no-repeat; background-size: contain; }
.join-main .list-box li.on{ border-bottom: 1px solid #eee; }
.join-main .list-box li:hover .top div{ color: #004ea2; }
.join-main .list-box li .bot{position: relative; padding: 30px 2.5% 40px; width: 68.4%; display: none;}
.join-main .list-box li .bot .info1{ padding-bottom: 16px;}
.join-main .list-box li .bot .info1 span{float: left; font-size: 15px; color: #666; line-height: 36px; min-width: 24%; margin-right: 1%; }
.join-main .list-box li .bot .info2 h3{ padding-left: 10px; border-left: 2px solid #004ea2; font-size: 18px; color: #333; line-height: 17px; margin: 15px 0; }
.join-main .list-box li .bot .info2 p{ font-size: 16px; color: #666; line-height: 36px;}
.join-main .list-box li .bot .info2 .box{width: 100%; margin-bottom: 18px; }
.join-main .list-box li .bot .info2 .info-box{ border-top: 1px solid #eee; padding-top: 15px; }
.join-main .list-box li .bot .info3{ margin-top: 22px; }
.join-main .list-box li .bot .info3 .apply{ width: 195px; height: 45px; line-height: 45px; border: 1px solid #004ea2; background: #004ea2; font-size: 14px; color: #fff; float: left; text-align: center;}
.join-main .list-box li .bot .info3 .apply:hover{ font-size: 16px; color: #004ea2; border: 1px solid #004ea2; background: none; }
.join-main .list-box li .bot .info3 .all{float: right; font-size: 14px; color: #666; height: 21px; line-height: 21px; padding-left: 30px; background: url("../images/all_ico.png") no-repeat 0 center;}
.join-main .list-box li:last-child .top{ border-bottom: none; }

/*客户留言*/
.msg_con{ background: #fff url(../images/bg4.png) right top no-repeat; padding: 50px 2.5% 50px; box-sizing: border-box; border: 1px solid #ececec; }
.msg_con .title{ font-size: 30px; color: rgba(0,0,0,.8); margin-bottom: 30px; }
.msg_con form{ width: 50%; }
.msg_con form .item{ margin-bottom: 22px; }
.msg_con form .item:last-child{ margin-bottom: 0; }
.msg_con form .item .tit{ color: #ff0000; margin-left: 20px; width: 14px; font-size: 14px; text-align: center; display: inline-block; vertical-align: middle; }
.msg_con form input[type="text"]{ width: 510px; max-width: 100%; background: #ececec; border: 1px solid #fafafa; height: 50px; line-height: 48px; padding: 0 20px; box-sizing: border-box; }
.msg_con form textarea{ max-width: 100%; display: inline-block; vertical-align: middle; margin: 10px 0; background: #ececec; border: 1px solid #fafafa; padding: 20px; width: 510px; height: 140px; box-sizing: border-box; }
.msg_con form .msg_sub{ cursor: pointer; background: #004ea2; color: #fff; font-size: 18px; text-align: center; width: 158px; height: 54px; border: none; }
.msg_con form .msg_sub:hover{ box-shadow: 3px 3px 0 #999; }










@media screen and (max-width: 1820px){
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 94%; margin: 0 3%;}
.i_sbot .slick-prev{ left: 0; }
.i_sbot .slick-next{ right: 0; }

}



@media screen and (max-width: 1600px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 700px; }
.nav li{ margin: 0 16px; font-size: 15px; }
.nav li > a{ border-bottom: 2px solid transparent; line-height: 43px; }
.i_about{ padding: 80px 0; }
.i_sbot li.slick-slide{ height: 500px; }
.fnav li{ width: 14.28%; }
.f_rbox h3{ font-size: 20px; }

}


@media screen and (max-width: 1400px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 600px; }
.banner .slick-dots{ bottom: 20px; }
.wbanner{ height: 500px; }
.header{ height: 80px; line-height: 80px; }
.header .logo{ width: 20%; height: 40px; }
.nav li{ height: 80px; padding: 17.5px 0; }
.nav li dl{ top: 62.5px; }
.header.white .nav li > a{ height: 80px; line-height: 78px; }
.header.white .nav li dl{ top: 80px; }
.fnav li > a{ font-size: 16px; }
.fnav dd a{ font-size: 12px; }
.i_about{ padding: 60px 0; }
.i_sbot li.slick-slide{ height: 400px; }
.i_sbot li.slick-slide .box,.i_honor .text p{ max-width: 80%; }
.i_sbot li.slick-slide h2{ font-size: 20px; }
.i_sbot li.slick-slide p{ margin-top: 15px; }
.i_sbot li.slick-slide .box .icon{ width: 40px; height: 30px; margin: 0 auto 10px; }
.i_sbot li.slick-slide .more{ margin: 20px auto 0; }
.i_honor .text{ padding: 60px 0; }
.i_honor .text p{ height: 79px; }
.i_contact .box{ padding: 40px 0; }
.i_honor .text p{ line-height: 24px; height: 70px; }
.i_contact .text{ font-size: 14px; line-height: 24px; }
.i_stop .right p{ font-size: 14px; line-height: 24px; }
.i_about .text p{ font-size: 14px; line-height: 24px; margin-bottom: 30px; }
.i_honor .title{ height: 200px; line-height: 200px; }
.i_about .pic{ height: 380px; }

}

@media screen and (max-width: 1300px){
.nav li{ margin: 0 10px; font-size: 14px; }
.msg_con{ text-align: center; position: relative; }
.msg_con:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,.4); }
.msg_con form{ width: 100%; position: relative; z-index: 1; }
.msg_con .title{ position: relative; z-index: 1; }

}

@media screen and (max-width: 1220px){
.baseWidth{ width: 94%; margin: 3% 3%;}
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 550px; }
.wbanner{ height: 450px; }
.i_contact .img{ width: 40px; height: 40px; margin-right: 15px; }
.i_contact .text{ max-width: calc(100% - 55px); }
.join-main .list-box li .bot .info2 p { line-height: 26px; font-size: 14px;}
.join_con h1{ font-size: 26px; margin-bottom: 20px; }
.join-main .list-box li .bot .info1 span{ line-height: 26px; }
.hon_list li:nth-child(3n):after{ display: none; }
.hon_list li{ margin-bottom: 20px; padding-bottom: 10px; }
.hon_list li .img{ padding-bottom: 55%; }
.hon_list .img img{ max-width: 85%; max-height: 80%; }
.con_wrap p span{ min-width: 0; }
}

@media screen and (min-width: 1151px){
.nav{ display: inline-block!important; }
}

@media screen and (max-width: 1150px){
.footer-ewm {display:none}
.f_rbox{height:60px}	
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 500px; }
.wbanner{ height: 400px; }
.nav-skip{ display: inline-block; }
.header .language{ display: inline-block; }
body{ padding-top: 60px; }
.header{ height: 60px; line-height: 60px; }
.header .logo{ width: 40%; height: 30px; }
.header.white{ background: #fff; }
.nav{ display: none; height: auto; line-height: 1; overflow: auto; position: absolute; top: 60px; background: rgba(255,255,255,0.9); right: 0; width: 33.3%; padding: 10px 0; box-sizing: border-box;}
.nav li,.header.white .nav li{ height: auto; margin: 0; display: block; width: 100%; padding: 0 30px 0 20px; min-height: 45px; line-height: 45px; box-sizing: border-box;}
.nav li.hase{ background: url(../images/nav1.png) 97% 21px no-repeat; background-size: 10px; }
.nav li > a,.header.white .nav li > a{ font-size: 16px; height: auto; line-height: 45px; border-bottom: none; display: block; padding: 0; }
.s_nav{ box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.s_nav .nav_pic{ display: none; }
.nav li dl,.header.white .nav li dl{ border: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; width:auto; height: auto; float: none; position: static; }
.nav li dl dd{ height: auto!important; margin: 0; float: none; width: 100%; text-align: left; }
.nav li dl dd > a{ font-weight: normal; border-bottom: none; line-height: 30px; background: url(../images/nav2.png) 5px center no-repeat; background-size: 5px; border: none; padding: 0 18px; width: 100%; box-sizing: border-box;}
.nav li dl .baseWidth{ width: 100%; }
.nav li a:hover{ color: #0d6e3d; }
.lang{ display: none; }
.fnav{ display: none; }
.nav{ display: none; }
.f_rbox{ width: 100%; border: none; padding-bottom: 0; text-align: center; }
.f_rbox h3{ margin-bottom: 10px; }
.footer .bottom{ text-align: center; }
.f_rbox p{ margin-top: 0; margin-bottom: 5px; }
.footer .top{ padding: 20px 0; line-height: 1.3; }
.path{ height: auto; line-height: 1.3; }
.mpath{ padding: 5px 0; max-width: 100%; width: 100%; height: 35px; line-height: 35px; background-size: 15px; text-indent: 25px; }
.mpath b{ height: 35px; }
.mnav{ clear: both; position: static; float: none; width: 100%; text-align: left; }
.mnav .show_more{ display: none!important; }
.mnav ul{ width: 100%; float: none; }
.mnav li a{ text-align: center; height: 47px; line-height: 45px; padding: 0; }
.mnav .slick-prev{ left: -3%; width: 3%; height: 40px; margin-top: -20px; background: url(../images/left.png) center no-repeat; background-size: 10px; }
.mnav .slick-next{ right: -3%; width: 3%; height: 40px; margin-top: -20px; background: url(../images/right.png) center no-repeat; background-size: 10px; }
.i_about{ padding: 40px 0; }
.i_about .pic{ width: 40%; height: 200px; margin: 0 5%; }
.i_about .text{ width: 46%; margin-left: 4%; }
.i_stop .left{ width: 20%; margin-left: 5%; margin-right: 0; }
.i_stop .right{ width: 60%; margin-left: 5%; margin-right: 0; }
.i_sbot li.slick-slide{ height: 320px; }
.i_honor .title{ background: none; height: auto; line-height: 1; }
.i_about .text h2,.i_stop h2,.i_honor .title h2{ font-size: 40px; line-height: 46px; }
.i_about .text h3,.i_stop h3,.i_honor .title h3{ font-size: 20px; margin-bottom: 10px;padding-bottom: 0; }
.i_about .text h3:after,.i_stop h3:after,.i_honor .title h3:after{ display: none; }
.i_honor .text p{ margin: 30px auto 0; }
.i_contact .box{ width: 25%; min-width: 0; max-width: 100%; }
.i_honor .more{ width: 120px; height: 42px; line-height: 40px; font-size: 16px; }
.i_sbot li.slick-slide{ height: 320px; margin: 0 5px; }
.i_sbot .slick-dots{ bottom: -30px }
.i_honor .text{ width: calc(66.6% - 5px); margin-left: calc(33.4% + 5px);}
.i_honor .text{ padding: 40px 0; }
.i_stop{ padding: 30px 0; }
.i_service{ position: relative; padding-bottom: 50px; margin-bottom: 40px; }
.i_service:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.1); }
.i_service .baseWidth{ position: relative; z-index: 1; }
.i_sbot li.slick-slide .box,.i_honor .text p{ max-width: 90%; }
.join_top .box:nth-child(2n+1){padding-right: 3%;}
.join_top .box:nth-child(2n){ padding-left: 3%; }
.join_mid li{width: calc((100% - 61px)/4); margin-right: 20px; }
.join-main .list-top{ height: 50px; line-height: 50px; padding: 0; }
.join-main .list-box li .top{ padding: 10px 0; margin: 0; }
.join-main .list-box li .bot{ padding: 40px 3.5%; box-sizing: border-box; }
.join-main .td1{ text-align: center; }
.join-main .list-box li .bot .info2 h3{ font-size: 16px; }
.join-main .list-box li .bot i{ left: calc(8.4% + 18px); }
.join-main .list-box li .bot .info2 .box{ margin-bottom: 10px; }
.join-main .list-top div{ font-size: 16px; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4{ font-size: 15px; }
.join-main .list-box li .bot{ width: 100%; }
.join-main .list-box li .bot .info1 span,.join-main .list-box li .bot .info2 p{ font-size: 14px; }
.join-main .list-box li.on .top{ padding: 10px 0; }
.join_con{ padding-bottom: 0; }
.join-main .td5 .icon{ width: 20px; height: 20px; vertical-align: middle; }
.join-main .list-box li .bot{ padding: 30px 3%; }
.sug_list li{ padding: 20px 3% 30px; }
.sug_list li h2{ margin-bottom: 20px; }
.sug_list li p{ line-height: 25px; height: 123px; }
.new_detail{ padding: 40px 3.5%; }
.new_detail .info span{ margin-bottom: 25px; }
.forum_link .link_box{ padding: 0; }
.mshare_box{ padding: 20px 0; }
.inv_main{ padding: 40px 0; }
.news_list li{ padding: 20px 3%; }
.news_list li:before{ width: 94%; left: 3%; }
.m_ntright li{ margin-bottom: 15px; }
.m_ntleft{ height: 380px; }
.m_ntright{ width: 48%; }
.m_ntright .text h2{ margin: 6px 0; }
.m_ntright .time{ margin-right: 0; }
.m_ntright .text{ width: calc(100% - 110px); }
.news_list .text{ width: 64%; }
.news_list .img_box{ height: 150px; width: 32%; }
.news_list .text h2{ margin: 0 0 10px; }
.news_list .text p{ margin-bottom: 10px; }
.news_list .text span{ font-size: 14px; }
.m_about .box{ padding: 40px 0; }
.m_about .box .tit{ font-size: 26px; line-height: 1.3; margin-bottom: 20px; }
.m_abo1 .text{ width: 60%; margin-left: 0; padding: 40px 3%; background: rgba(255,255,255,.8); }
.m_abo1 .text h2{ padding-bottom: 10px; margin-bottom: 15px; }
.m_abo2 li .text{ padding: 30px 0; }
.m_abo2 li p{ height: 94px; }
.con_wrap .text .box{ width: 100%; max-width: 100%; padding: 0 8%; box-sizing: border-box; }
.con_main{ padding: 40px 3%; }
.con_main .title{ font-size: 26px; }
.m_ware .box{ height: 275px; }
} 

@media screen and (max-width: 1024px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 450px; }


}

@media screen and (max-width: 900px){
.i_contact .box{width: 50%; height: 100px; line-height: 100px; text-align: left; padding: 0 20px; box-sizing: border-box; }
.i_honor .text{ padding: 30px 0; }
.i_honor .text p{ margin: 20px auto 25px; height: auto; }
.i_honor .text .more{ margin-top: 0; }
.wbanner{ height: 350px; }
.join-main .list-box li .bot .info3 .apply{ width: 120px; height: 35px; line-height: 35px; }
.join-main .list-box li .bot .info3{ margin-top: 10px; }
.hon_list li,.hon_list li:nth-child(3n){ width: 49%; margin-right: 2%; background: #fff; }
.hon_list li:nth-child(2n){ margin-right: 0; }
.msg_con{ background: #fff url(../images/bg4.png) left top no-repeat; }
.new_detail .info h2{ font-size: 20px; }
/*.m_abo2 li:first-child h3{ font-size: 24px; }*/
.m_ware .box{ height: 200px; }
.m_ware .img:hover .shadow p{ line-height: 24px; }
.m_ware .shadow{ padding: 0 10%; }
.m_ware .shadow p font{ max-height: 142px; }
.m_ware .text span{ width: 40px; height: 40px; line-height: 40px; margin-right: 20px; font-size: 20px; }
.m_ware .text span:before{ left: 40px; }
.m_ware .text font{ font-size: 22px; }


}

@media screen and (max-width: 768px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 400px; }
.wbanner{ height: 300px; }
.nav{ width: 50%; }
.i_about .text h2, .i_stop h2, .i_honor .title h2{ font-size: 30px; line-height: 36px; }
.i_about .text h3, .i_stop h3, .i_honor .title h3{ font-size: 18px; }
.i_stop .left,.i_stop .right{ width: 90%; }
.i_about .text p{ height: auto; font-size: 13px; line-height: 22px; margin-bottom: 20px; }
.more{ height: 36px; line-height: 36px; }
.more i{ height: 36px; }
.i_honor .more,.white.more{ height: 36px; line-height: 34px; }
.pb_same{ padding: 30px 0; }
.msg_con{ padding: 30px 2.5%; }
.msg_con .title{ font-size: 24px; margin-bottom: 20px; }
.msg_con form input[type="text"]{ height: 40px; line-height: 38px; }
.msg_con form .item{ margin-bottom: 15px; }
.msg_con form textarea{ margin: 0; height: 120px; }
.msg_con form .msg_sub{ height: 40px; line-height: 40px; width: 120px; font-size: 16px; }
.msg_con form input[type="text"]{ padding: 0 2%; }
.msg_con form textarea{ padding: 8px 2%; }
.mnav li a{ font-size: 13px; }
.mnav li{ margin: 0 5px; }
.mnav li a{ height: 37px; line-height: 35px; }
.mpath{ font-size: 13px; }
.mpath b{ margin: 0 8px; }
.join-main .list-box li .bot .info1 span{ min-width: 30%; }
.sug_list li,.sug_list li:nth-child(3n){ width: 49%; margin-right: 0; }
.sug_list li:nth-child(2n+1){ margin-right: 2%; }
.sug_list li h2{ margin-bottom: 15px; }
.sug_list li p{ line-height: 22px; height: 86px; }
.bus_con{ padding: 30px 3%; }
.bus_con{ line-height: 24px; }
.bus_con table td{ padding: 10px; }
.new_detail .text{ line-height: 24px; }
.new_detail{ padding: 30px 3%; }
.inv_box li{ line-height: 26px; padding: 10px 0; }
.inv_box li span{ font-size: 14px; }
.inv_wrap{ padding: 20px; }
.inv_main{ padding: 30px 0; }
.inv_box li span{ width: calc(100% - 100px); }
.m_ntleft{ height: 310px; }
.m_ntleft .img_box{ height: 260px; }
.m_ntright .time{ padding: 10px 0; width: 70px; }
.m_ntright .time em{ line-height: 24px; font-size: 20px; }
.m_ntright .text{ width: calc(100% - 80px); }
.m_ntright .text h2{ margin: 0 0 5px; }
.m_ntright .text p{ line-height: 20px; height: 38px; font-size: 12px; }
.news_list .img_box{ height: 120px; width: 30%; }
.news_list .text p{ line-height: 22px; font-size: 14px; height: 42px; }
.news_list .text{ width: 66%; }
.m_ntop{ padding: 30px 3%; }
.m_abo1 .text p{ font-size: 14px; line-height: 24px; }
.m_abo2 li{ width: 50%; }
/*.m_abo2 li:first-child{ height: 320px; }*/
.m_abo2 li .text, .m_abo2 li .img{ height: 160px; }
.m_abo2 li h3{ font-size: 20px; margin-bottom: 10px; }
.m_abo2 li p{ line-height: 20px; height: 78px; }
.m_abo2 li .text{ padding: 20px 0; }
.m_abo3 p{ max-width: 80%; }
.m_about .box{ padding: 30px 0; }
.con_wrap .text,.con_wrap .text:nth-child(2n){ width: 100%; border: none; }
.con_main .title{ margin-bottom: 0; }
.con_wrap .text .box{ padding: 10px 0; }
.con_wrap h2{ font-size: 16px; margin-bottom: 0; }
.con_wrap p img{ width: 25px; height: 25px; margin-right: 10px; }
.con_wrap p{ padding: 0; min-height: 0; line-height: 38px; }
.con_wrap{ margin-bottom: 20px; }
/*#allmap{ height: 300px; }*/
.con_main{ padding: 30px 3%; }
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){
.i_contact .box{ height: 90px; line-height: 90px; }
.i_contact .text{ font-size: 13px; line-height: 20px; }
.wbanner{ height: 250px; }

}

@media screen and (max-width: 600px){
body{ padding-top: 50px; }
.header{ height: 50px; line-height: 50px; }
.nav{ top: 50px; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 300px; }
.wbanner{ height: 220px; }
.i_about.baseWidth,.i_service .baseWidth{ width: 88%; margin: 0 6%; }
.i_about .text{ width: 100%; margin: 0; }
.i_about .pic{ width: 100%; margin: 20px auto 0; height: 0; padding-bottom: 36%; }
.i_stop .left,.i_stop .right{ width: 100%; margin: 0; }
.i_honor .img{ background-size: cover; }
.i_honor .text{ background: rgba(0,78,162,.8); width: 100%; margin: 0; }
.i_sbot li.slick-slide p{ line-height: 20px; font-size: 13px; height: 78px; }
.i_stop .right p,.i_honor .text p{ font-size: 13px; line-height: 20px; height: auto; }
.i_sbot li.slick-slide .box .icon{ width: 30px; height: 20px; }
.i_sbot li.slick-slide h2{ font-size: 16px; }
.i_sbot li.slick-slide{ height: 200px; }
.i_sbot li.slick-slide p{ font-size: 12px; margin-top: 10px; line-height: 18px; height: 52px; }
.more{ height: 30px; line-height: 30px; font-size: 12px; width: 100px; }
.more i{ height: 30px; background-size: 4px; }
.i_honor .more,.white.more{ height: 30px; line-height: 28px; font-size: 12px; }
.i_sbot li.slick-slide .more{ margin: 10px auto 0; }
.i_about .text p{ font-size: 12px; line-height: 18px; margin-bottom: 10px; }
.i_stop{ padding: 30px 0 20px; }
.i_service{ margin-bottom: 30px; }
.i_about{ padding: 30px 0; }
.i_stop .right p, .i_honor .text p{ font-size: 12px; line-height: 18px; }
.i_honor .text p{ margin: 0 auto 15px; }
.i_about .text h2, .i_stop h2, .i_honor .title h2{ font-size: 24px; line-height: 1.3; }
.i_about .text h3, .i_stop h3, .i_honor .title h3{ font-size: 16px; }
.footer .top{ line-height: 1; padding: 15px 0; }
.footer .bottom{ line-height: 18px; padding: 10px 0; }
.pb_same{ padding: 20px 0; }
.msg_con{ padding: 20px 2.5%; }
.msg_con .title{ font-size: 18px; margin-bottom: 12px; }
.msg_con form .item{ margin-bottom: 10px; }
.msg_con form input[type="text"]{ width: calc(100% - 20px); height: 35px; line-height: normal; }
.msg_con form .item .tit{ margin-left: 0; width: 20px; }
.msg_con form textarea{ width: calc(100% - 20px); }
.msg_con form .msg_sub{ font-size: 14px; height: 35px; line-height: 35px; }
.mnav li a{ font-size: 16px; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.mpath{ font-size: 12px; padding: 0; }
.join_top .box{ width: 100%; padding: 0!important; margin: 10px 0; }
.join_mid li{ width: calc((100% - 20px) /2); }
.join_mid li:nth-child(2n){margin-right: 0;}
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ font-size: 12px!important; }
.join-main .list-box li .top{ line-height: 16px; padding: 10px 0; font-size: 0; }
.join-main .list-box li .bot{ padding: 10px 3% 20px; }
.join-main .list-box li .bot .info2 h3{ font-size: 14px; line-height: 20px; margin: 8px 0; }
.join-main .list-box li .bot .info1{ padding-bottom: 0; }
.join-main .list-top{height: 40px;line-height: 40px;}
.join-main .list-box li .bot .info3 .apply{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; }
.join-main .list-box li .bot .info3 .apply:hover{ font-size: 15px; }
.join-main .list-box li .bot .info2 p,.join-main .list-box li .bot .info1 span{ line-height: 20px; font-size: 13px; height: auto; }
.join-main .list-box li .bot .info3{ margin-top: 0; } 
.join-main .list-box li .bot .info3 .apply{ height: 30px; line-height: 30px; }
.join_con h1{ font-size: 18px; margin-bottom: 10px; }
.hon_list li{ width: 100%!important; margin-right: 0!important; }
.hon_list li p{ height: auto; line-height: 22px; font-size: 14px; }
.sug_list li p{ font-size: 12px; }
.sug_list li .icon{ width: 100px; height: 50px; }
.sug_list li h2{ font-size: 16px; margin-bottom: 10px; }
.bus_con{ line-height: 22px; }
.bus_con table{ line-height: 20px; }
.bus_con table td{ height: auto; min-width: 100px; }
.forum_link .link_box{ line-height: 30px; font-size: 14px; }
.forum_link a.link_more{ width: 100px; height: 30px; line-height: 30px; }
.forum_link .link_box font{ max-width: calc(100% - 120px); }
.new_detail .text{ line-height: 22px; }
.mshare_box{ padding: 10px 0; }
.mshare_box span{ font-size: 14px; }
.new_detail .info h2{ font-size: 18px; margin: 5px 0; }
.new_detail .text{ padding-bottom: 20px; }
.new_detail .info span{ margin-bottom: 15px; }
.new_detail,.bus_con{ padding: 20px 3%; }
.inv_slick{ width: 90%; }
.inv_slick .slick-prev{ left: -10px; }
.inv_slick .slick-next{ right: -10px; }
.inv_slick li.slick-slide{ font-size: 16px; }
.inv_slick li.slick-slide.on{ font-size: 24px; }
.inv_wrap{ padding: 10px 3%; }
.inv_main{ padding: 20px 0; }
.inv_box li span em{ margin-right: 15px; font-size: 12px; }
.m_ntop{ padding: 20px 3% 0; }
.m_ntleft{ width: 100%; height: auto; margin-bottom: 10px; }
.m_ntleft .img_box{ height: 0; padding-bottom: 50%; }
.m_ntleft .shadow{ height: 35px; line-height: 35px; font-size: 14px; position: relative; }
.m_ntright .text h2{ font-size: 14px; }
.m_ntright{ width: 100%; }
.m_abo1 .text{ width: 100%; box-sizing: border-box; }
.m_about .box{ padding: 20px 0; }
.m_about .m_abo1{ background-position: left center; }
.m_about .box .tit{ font-size: 24px; margin-bottom: 10px; }
.m_abo1 .text h2{ font-size: 18px; margin-bottom: 10px; padding-bottom: 5px; }
.m_abo2 li{ width: 100%; }
.m_abo2 li .text, .m_abo2 li .img{ width: 50%; float: left; }
/*.m_abo2 li:first-child{ height: auto; background-position: left top; }
.m_abo2 li:first-child p{ height: auto; }
.m_abo2 li:first-child h3{ font-size: 20px; margin-bottom: 10px; }
.m_abo2 li:first-child .text{ height: auto; width: 100%; }*/
.m_abo3 p{ line-height: 22px; }
.m_abo2 li p{ font-size: 12px; }
.m_abo2 li h3{ font-size: 18px; }
.con_wrap p span{ font-size: 14px; line-height: 20px; }
.con_main{ padding: 20px 3%; }
.con_main .title{ font-size: 24px; }
.con_wrap h2{ line-height: 1.3; margin: 10px 0 5px; }
.con_wrap .text .box{ padding: 10px 0 0; }
}

@media screen and (max-width: 500px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 200px; }
.banner .slick-dots{ bottom: 5px; }
.wbanner{ height: 160px; }
.nav{ width: 100%; }
.i_contact{ padding: 10px 0; }
.i_contact .text{ font-size: 12px; }
.i_contact .img{ width: 30px; height: 30px; margin-right: 10px; }
.i_contact .text{ width: calc(100% - 40px); }
.i_contact .box{ width: 100%; height: auto; line-height: 1; padding: 10px 0 10px 3%; }
.join-main .list-box li .bot .info2 p, .join-main .list-box li .bot .info1 span{ font-size: 12px; }
.join-main .td1{ width: 25%; }
.join-main .td5{ width: 15%; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ padding: 0 10px; }
.sug_list li{ width: 100%!important; margin-right: 0!important; }
.sug_list li p{ height: auto; line-height: 18px; }
.forum_link .link_box{ line-height: 24px; height: 24px; font-size: 12px; }
.forum_link .link_box font{ max-width: 100%; width: 100%; display: block; }
.forum_link a.link_more{ margin-top: 8px; }
.mshare_box span{ font-size: 12px; }
.inv_box li{ padding: 8px 0; }
.inv_box li span{ font-size: 12px; width: calc(100% - 68px); }
.inv_box li span em{ margin-right: 10px; }
.inv_box li a.fr{ font-size: 12px; width: 64px; }
.inv_slick li.slick-slide.on{ font-size: 20px; }
.news_list li{ padding: 15px 3%; }
.news_list .img_box{ width: 100%; height: 0; padding-bottom: 65%; }
.news_list .text{ width: 100%; margin: 10px 0 0; line-height: 1.1; }
.news_list .text p{ font-size: 12px; line-height: 18px; height: auto; margin-bottom: 8px; }
.news_list .text h2{ font-size: 16px; margin-bottom: 8px; }
.m_ware .box{ float: none; height: auto; width: 100%; background: none; text-align: left; margin-bottom: 16px; } 
.m_ware .img{ width: 100%; height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.m_ware .shadow{ height: 35px; line-height: 35px; }
.m_ware .img:hover .shadow p{ line-height: 20px; font-size: 12px; }
.m_ware .shadow p font{ max-height: 118px; }
.m_ware .text{ margin-bottom: 8px; }
.m_ware .text span{ width: 25px; height: 25px; line-height: 25px; font-size: 16px; margin-right: 10px; }
.m_ware .text span:before{ left: 23px; }
.m_ware .text font{ font-size: 18px; }
.mbox {margin:0!important;}
.footer-ewm{display:none;}
.f_rbox{height:30px;}
.pic{display:none!important;}
.logo {    width: 200px!important;
    height: 39px!important;}
}

@media screen and (max-width: 370px){
.wbanner{ height: 140px; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ padding: 0 5px; }
}