/* CSS Document */

html, body { height: 100%; }

body { max-width: 1920px; margin: 0 auto; padding: 0; font-family: 'Microsoft YaHei',Arial,; overflow-y: scroll; position: relative; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }

a:focus, a:hover { color: #538fdb; text-decoration: none; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

img { border: 0; vertical-align: middle; max-width: 100%; border: none; }

svg:not(:root) { overflow: hidden; }

em, i { font-style: normal; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; resize: vertical; }

optgroup { font-weight: bold; }

td, th { padding: 0; }

html, button, input, select, textarea { font-family: "Microsoft YaHei"; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0 10px; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

li { list-style: none; }

ul, ol { list-style: none outside none; }

.left, .fl { float: left; }

.right, .fr { float: right; }

.tr { text-align: right; }

.tl { text-align: left; }

.tc { text-align: center; }

.clear { clear: both; height: 0px; line-height: 0px; zoom: 1; }

.clear:before, .clear:after { content: ""; display: table; }

.clear:after { clear: both; }

.rel { position: relative; }

.abs { position: absolute; }

.ov { overflow: hidden; }

input, textarea { font-family: "Microsoft yahei"; font-size: 0.14rem; color: #fff; border: none; outline: medium none; }

.container { width: 1200px; margin: 0 auto; }



/* Header-style-begin */

#Header { width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 99; background-image: url('../images/headerbg.png'); }

#Header .logo { height: 80px;}

@media(max-width: 1025px){

	#Header .logo {height: 50px}

}

#Header .logo img{width: auto;height: 100%}

#Header .left { width: 23%; }

#Header .right { width: 77%; }

#Header .fl { width: 100%; }

#Header .fr { width: 20%; }

#Header .nav li.nav-li { float: left; width: 14%; position: relative; }

#Header .nav li.nav-li > a { position: relative; height: 80px; font-size: 16px; color: #333333; line-height: 80px; text-align: center; display: block; overflow: hidden; }

#Header .nav li.nav-li a abbr { font-size: 16px; color: #fff; line-height: 80px; padding: 0; background: #538fdb; text-align: center; display: block; position: absolute; width: 100%; left: 0; top: -80px; transition: all 0.5s; }

#Header .nav li.nav-li a span { font-size: 16px; color: #333333; line-height: 80px; padding: 0; text-align: center; background: none; display: block; position: relative; top: 0; transition: all 0.5s; }

#Header .nav li.nav-li:hover a abbr { top: 0; transition: all 0.5s; }

#Header .nav li.nav-li:hover a span { top: 48px; transition: all 0.5s; }

#Header .nav li.nav-li.selected a abbr { top: 0; transition: all 0.5s; }

#Header .nav li.nav-li.selected a span { top: 48px; transition: all 0.5s; }

#Header .nav li.nav-li .nav-down { display: none; position: absolute; left: 0; top: 48px; width: 100%; background: url('../images/navdownbg.png'); z-index: 9999; }

#Header .nav li.nav-li .nav-down a { font-size: 14px; color: #333; line-height: 40px; text-align: center; display: block; transition: all 0.3s; transition: all 0.3s; transition: all 0.3s; }

#Header .nav li.nav-li .nav-down li:hover a { background: #d8150d; color: #fff; }

#Header .tool { }

#Header .tool li { float: right; }

#Header .tool .search { position: relative; padding: 20px; cursor: pointer; display: none; }

#Header .tool .search .iconfont { font-size: 18px; line-height: 40px; }

#Header .tool .search form { display: none; position: absolute; top: 80px; right: 0; width: 360px; padding: 10px; background-image: url('../images/headerbg.png'); }

#Header .tool .search form input { font-size: 14px; color: #333; border: 1px solid #538fdb; background: none; line-height: 40px; height: 50px; float: left; padding: 5px 10px; }

#Header .tool .search form input[name="KeyWord"] { width: 300px; }

#Header .tool .search form input[type="submit"] { width: 40px; border-left: none; background: url('../images/search1.png') no-repeat center center; }

#Header .tool .GRE { padding: 20px 10px; font-size: 14px; color: #3f3f3f; line-height: 20px; }

#Header .tool .language { margin: 25px 0 25px 10px; border: 1px solid #538fdb; font-size: 12px; line-height: 25px; border-radius: 5px; background: url('../images/lgbg.png') no-repeat left center #fff; }

#Header .tool .language_en { background: url('../images/lgbg_en.png') no-repeat right center #fff; }

#Header .tool .language a { padding: 0 10px; display: inline-block; color: #3f3f3f; }

#Header .tool .language a.cn { color: #fff; }

#Header .tool .language_en a{color: #fff;padding: 0 15px;}

#Header .tool .language_en a.cn{color: #3f3f3f}

#menuBox { display: none; }

#Header .nav li.nav-li .head-pull { position: absolute; z-index: 1000; width: 100%; line-height: 30px; text-align: center; top: 100%; left: 0; background: url(../images/head-bg.png) repeat center; visibility: hidden; opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }

#Header .nav li.nav-li .head-pull a { display: block; }

#Header .nav li.nav-li:hover .head-pull { visibility: visible; opacity: 1; }



/****** About--nav--style--begin ******/

.nav-about { position: fixed !important; left: 0; top: 80px; z-index: 999; width: 100%; height: 65px; background: url(../images/bg_shadow02.png); display: none; }

.nav-about .in { height: 65px; overflow: hidden; position: absolute; }

.nav-about .in li { float: left; }

.nav-about .in li a { display: inline-block; padding: 0 30px; background: url(../images/bg_line03.png) no-repeat right center; line-height: 65px; color: #fff; text-align: center; }

.nav-about .line { left: 0; bottom: -1px; width: 0; height: 2px; background: #fff; }



.head-secul { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 100; top: 100%; left: 0; padding: 10px 0; width: 180%; background: url(../images/head-bg.png) repeat center; background-size: auto 100%; }

.head-secli { float: none; display: block; font-size: 14px; text-align: center; line-height: 30px; text-align: left; }

.head-seca { width: 80%;display: block;margin:0 auto; color: #000; }



#Header .nav li.nav-li:hover .head-secul { visibility: visible; opacity: 1; }



.menu-bar { position: absolute; display: none; right: 10px; top: 50%; margin-top: -12px; -webkit-transition: -webkit-transform .25s ease-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }

.menu-bar .btn-menu { display: block; box-sizing: border-box; width: 30px; text-align: center; text-decoration: none; border-bottom: none; }

.menu-bar .btn-menu .menu-line { display: block; width: 30px; height: 3px; margin: 8px auto; border-radius: 2px; background-color: #538fdb; }

.menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }

.menu-bar.is-open .btn-menu .menu-line.menu-line-top { width: 36px; -webkit-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); -ms-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); transform: rotate(45deg) translate(-1px, -1px) scaleX(1); background-color: #538fdb; }



.menu-bar .btn-menu .menu-line.menu-line-middle { -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 1; }

.menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }



.menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }

.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { width: 36px; -webkit-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); -ms-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); background-color: #538fdb; }

/* Header-style-end */



/* Footer-style-begin */

#Footer { background: #292929; padding: 20px 0; padding-top: 30px; }

#Footer .main { border-bottom: 1px solid #464646; padding-bottom: 20px; margin-bottom: 20px; }

#Footer .main li { float: left; width: 20%; }

#Footer .main .Item { padding: 0 20px; }

#Footer .main dt { font-size: 16px; color: #fff; line-height: 40px; text-align: left; }

#Footer .main dt i { display: none; }

#Footer .main dd a { font-size: 14px; color: #fff; line-height: 26px; text-align: left; }

#Footer .main dd a:hover { color: #538fdb; }

#Footer .contactus { }

#Footer .contactus .left .phone { display: inline-block; margin-right: 20px; overflow: hidden; }

#Footer .contactus .left .phone i { float: left; font-size: 40px; color: #fff; font-weight: 100; line-height: 50px; margin-right: 10px; }

#Footer .contactus .left .phone h3 { font-size: 16px; color: #fff; line-height: 20px; float: left; }

#Footer .contactus .left .phone h3 span { font-size: 14px; color: #cfcfcf; line-height: 20px; font-weight: 400; display: block; }

#Footer .contactus .right p { font-size: 14px; color: #fff; line-height: 50px; margin: 0; }

#Footer .contactus .right a { font-size: 0; width: 30px; height: 50px; margin: 0 5px; display: block; float: right; }

#Footer .contactus .right .weixin { background: url('../images/icon-weixin.png') no-repeat top 8px center; }

#Footer .contactus .right .weibo { background: url('../images/icon-weibo.png') no-repeat top 8px center; }

#Footer .Copyright { padding-bottom: 20px; }

#Footer .Copyright p { font-size: 14px; color: #cfcfcf; line-height: 40px; }

#Footer .Copyright a { font-size: 14px; color: #cfcfcf; line-height: 40px; margin-left: 15px; }

#Footer .Copyright a:hover { color: #538fdb; }

#Footer .link { padding-top: 15px; border-top: 1px solid #464646; overflow: hidden; position: relative; }

#Footer .link .name { font-size: 14px; color: #fff; line-height: 30px; font-weight: bold; float: left; position: absolute; }

#Footer .link p { text-align: left;  text-indent: 4em; }

#Footer .link p a { font-size: 14px; color: #cfcfcf; line-height: 30px; margin: 0 5px; }

/* Footer-style-end */

/******二维码弹窗begin******/

.bg-colCode { display: none; background-image: url('../images/bg-col.png'); position: fixed; z-index: 997; width: 100%; height: 100%; left: 0; top: 0; }

.fixedQcrod { display: none; position: fixed; width: 320px; height: 180px; left: 50%; top: 50%; margin-left: -160px; margin-top: -125px; z-index: 998; text-align: center; }

.fixedQcrod .Qcrod01 { /*position: absolute; left: -150px;*/ width: 200px; margin: 0 auto; opacity: 0.3; }

.fixedQcrod .Qcrod02 { /*position: absolute; right: -150px;*/ /*width: 150px;*/ opacity: 0.3; }

.fixedQcrod .pic { box-shadow: 0 0 15px #000; }

.fixedQcrod .pic img { margin: 0 auto; /*width: 100%;*/ max-width: 100%; }

.fixedQcrod p { font-size: 18px; color: #fff; line-height: 50px; text-align: center; }

/******二维码弹窗end******/



/****** Detail-product-service-pup-style ******/

#Service-pup { position: fixed; left: 0; top: 100%; width: 100%; height: 100%; z-index: 100; }

#Service-pup .pupbg { position: absolute; left: 0; width: 100%; height: 100%; background-image: url('../images/hsbg01.png'); z-index: 101; }

#Service-pup .pup { position: absolute; left: 50%; top: 50%; margin-top: -375px; margin-left: -600px; width: 1200px; height: 750px; background: #fff; border-radius: 5px; z-index: 102; overflow: hidden; }

#Service-pup .pup .centre .top { background: #538fdb; padding: 20px 0; text-align: center; }

#Service-pup .pup .centre .top .h1 { font-size: 27px; color: #000; line-height: 50px; }

#Service-pup .pup .centre .top .h2 { font-size: 22px; color: #fff; line-height: 40px; }

#Service-pup .pup .centre .top .h2 span { margin: 0 15px; }

#Service-pup .pup .centre .Tit { text-align: center; padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; }

#Service-pup .pup .centre .Tit h3 { font-size: 24px; color: #538fdb; line-height: 50px; position: relative; padding-bottom: 10px; margin-bottom: 10px; }

#Service-pup .pup .centre .Tit h3 .line { position: absolute; width: 40px; height: 2px; background: #f0f0f0; left: 50%; bottom: 0; margin-left: -20px; }

#Service-pup .pup .centre .Tit p span { font-size: 18px; color: #000; line-height: 30px; margin: 0 10px; }

#Service-pup .pup .centre .Pro { text-align: center; }

#Service-pup .pup .centre .Pro li { float: none; display: inline-block; }

#Service-pup .pup .centre .Pro .Item { padding: 20px 60px; text-align: center; position: relative; }

#Service-pup .pup .centre .Pro .Item .pic img { transition: all 0.5s linear; transform: rotate(0deg); }

#Service-pup .pup .centre .Pro .Item h3 { font-size: 18px; color: #000; line-height: 60px; font-weight: 500; transition: all 0.5s linear; }

#Service-pup .pup .centre .Pro .Item .next { position: absolute; right: -17px; font-size: 20px; color: #b5b5b5; line-height: 30px; top: 36%; margin-top: -16px; }

#Service-pup .pup .centre .Pro .Item .next i { font-size: 30px; }

#Service-pup .pup .centre .Pro .Item:hover .pic img { transform: rotate(360deg); }

#Service-pup .pup .centre .Pro .Item:hover h3 { color: #538fdb; }

#Service-pup .pup .centre .Pro li:nth-child(4) .Item .next { display: none; }

#Service-pup .pup .centre .Pro li:last-child .Item .next { display: none; }



#state { width: 800px; }

#state h3 { text-align: center; font-size: 20px; line-height: 50px; margin-bottom: 10px; }

#state p { font-size: 16px; line-height: 26px; }



@media (min-width: 1200px) {

}



@media (max-width: 1200px) {

    .container { padding: 0 10px; width: 100%; margin: 0 auto; }



    #Service-pup .pup { width: 90%; left: 5%; margin-left: 0; }

    #Service-pup .pup .centre .Pro .Item { padding: 20px 40px; }

}



@media (max-width: 1025px) {

    body { padding-top: 50px; }

    .menu-bar { display: block; }

    #Header { height: 50px; }

    #Header .left { width: 50%; }

    /*#Header .logo { padding: 10px 0; }*/

    /*#Header .logo img { height: 30px; }*/

    #Header .H-top .right { width: 40%; }

    #Header .H-top .right .fl { display: none; }

    #Header .H-top .right .fr { width: 100%; padding-right: 50px; }

    #Header .tool .language { margin: 13px 0 10px 10px; }

    #Header .tool .language a { color: #fff; }

    #Header .tool .language a.cn { display: none; }

    #Header .tool .language_en a.cn{display: block;color: #fff;background: #538fdb}

    #Header .tool .language_en a.en{display: none;}

    #Header .tool .GRE { display: none; }

    #Header .tool .search { padding: 5px; }

    #Header .tool .search form { top: 50px; }





    #menuBox { display: none; position: absolute; background: #fff; z-index: 9998; top: 50px; width: 100%; height: auto; max-height: 90vh; left: 0; border-top: 1px solid #cacaca; overflow: scroll; }

    #menuBox .Mnav { margin: 10px 0; }

    #menuBox .Mnav ul { /*overflow: scroll;*/ }

    #menuBox .Mnav .nav-li { }

    #menuBox .Mnav .nav-li > a { font-size: 14px; color: #000; line-height: 50px; overflow: hidden; border-bottom: 1px solid #cacaca; display: block; position: relative; }

    #menuBox .Mnav .nav-li > a abbr { font-size: 14px; color: #fff; line-height: 50px; padding: 0; background: #538fdb; text-align: center; display: block; position: absolute; width: 100%; left: 0; top: -50px; transition: all 0.5s; }

    #menuBox .Mnav .nav-li > a span { font-size: 14px; color: #333333; line-height: 50px; padding: 0; text-align: center; background: none; display: block; position: relative; top: 0; transition: all 0.5s; }

    #menuBox .Mnav .nav-li > a .iconfont { float: right; }

    #menuBox .Mnav .nav-li:hover a abbr { top: 0; transition: all 0.5s; }

    #menuBox .Mnav .nav-li:hover a span { top: 48px; transition: all 0.5s; }

    #menuBox .Mnav .nav-li.selected a abbr { top: 0; transition: all 0.5s; }

    #menuBox .Mnav .nav-li.selected a span { top: 48px; transition: all 0.5s; }

    #menuBox .Mnav .nav-li .nav-down { padding: 0 20px; display: none; }

    #menuBox .Mnav .nav-li .nav-down a { font-size: 14px; color: #333; line-height: 40px; border-bottom: 1px solid #f1f1f1; display: block; }

    #menuBox .Mtool { text-align: center; }

    #menuBox .Mtool li { display: inline-block; padding: 0 10px; }

    #menuBox .Mtool li a { font-size: 14px; color: #000; line-height: 40px; padding: 0 5px; }

    #menuBox .Mtool .search { margin: 10px 0; margin-bottom: 20px; }

    #menuBox .Mtool .search input { float: left; font-size: 14px; color: #000; line-height: 40px; display: block; border: 1px solid #cacaca; padding: 0 10px; }

    #menuBox .Mtool .search input[name="KeyWord1"] { float: left; width: 86%; }

    #menuBox .Mtool .search input[type="button"] { float: left; width: 14%; border-left: none; background: url('../images/search.png') no-repeat center center; }





    .nav-about { top: 60px; }



    #Footer .main .Item { padding: 0 10px; }

    #Footer .Copyright { text-align: center; }

    #Footer .Copyright .left { display: inline-block; float: none; text-align: center; }

    #Footer .Copyright .right { display: inline-block; float: none; text-align: center; }



    #Service-pup .pup .centre .top .h1 { font-size: 22px; }

    #Service-pup .pup .centre .top .h2 { font-size: 20px; }

    #Service-pup .pup .centre .Tit h3 { font-size: 20px; }

    #Service-pup .pup .centre .Tit p span { font-size: 16px; }

    #Service-pup .pup .centre .Pro .Item { padding: 10px 30px; }

    #Service-pup .pup .centre .Pro .Item .pic { width: 100px; margin: 0 auto; }

    #Service-pup .pup .centre .Pro .Item h3 { font-size: 16px; }

    #Service-pup .pup .centre .Pro .Item .next { right: -12px; }

    #Service-pup .pup .centre .Pro .Item .next i { font-size: 20px; }





    #state { width: 600px; }

}



@media (max-width: 768px) {



    #Footer { padding: 10px 0; }

    #Footer .main { margin-bottom: 0; border: 0; }

    #Footer .main li { float: none; width: 100%; }

    #Footer .main .Item { padding: 0; }

    #Footer .main dt { line-height: 50px; border-bottom: 1px solid #bababa; position: relative; }

    #Footer .main dt i { display: block; position: absolute; right: 5px; top: 0; }

    #Footer .main .Item dd { display: none; line-height: 40px; padding: 0 10px; }

    #menuBox .Mnav .nav-li { float: none; }

    #Footer .contactus .left .phone i { line-height: 40px; }

    #Footer .contactus .left .phone h3 { font-size: 14px; }

    #Footer .Copyright p, #Footer .Copyright a { font-size: 12px; line-height: 24px; }

    #Footer .Copyright a { margin-left: 7px; }

}



@media (max-width: 640px) {

    #Header .H-top .right .fr { padding-right: 40px; }

    #Header .tool .search form { left: 0; width: 100%; position: fixed; top: 50px; }

    #Header .tool .search form input[name="KeyWord"] { width: 88%; }

    #Header .tool .search form input[type="submit"] { width: 12%; }



    #Service-pup .pup { height: 600px; margin-top: -300px; }

    #Service-pup .pup .centre .top .h1 { font-size: 20px; }

    #Service-pup .pup .centre .top .h2 { font-size: 16px; line-height: 26px; }

    #Service-pup .pup .centre .top .h2 span { display: block; }

    #Service-pup .pup .centre .Tit h3 { font-size: 18px; line-height: 30px; margin: 0; }

    #Service-pup .pup .centre .Tit p span { font-size: 14px; }

    #Service-pup .pup .centre .Pro .Item h3 { font-size: 14px; line-height: 30px; }

    #Service-pup .pup .centre .Pro .Item { padding: 10px 0; }

    #Service-pup .pup .centre .top { padding: 10px 0; }

    #Service-pup .pup .centre .Tit { padding: 10px 0; margin: 0; }

    #Service-pup .pup .centre .Pro .Item .next { display: none; }

    .head-secul { display: none; position: static; top: auto; left: auto; width: 100%; border-bottom: 1px solid #ccc; visibility: visible; opacity: 1; .; }

    .head-secli { text-align: center; }

    .head-seca { padding: 0; }



    #state { width: auto; }

}



@media (max-width: 480px) {

    #Footer .contactus .left .phone { margin: 0; }

    #Footer .contactus .right { float: left; width: 100%; text-align: center; }



    #Service-pup .pup { height: 200px; margin-top: -100px; }

    #Service-pup .pup .centre .top { height: 200px; padding: 40px 0; }

    #Service-pup .pup .centre .main { display: none; }

}





@media (max-width: 420px) {

}



body { position: relative; background: #EFF2F4; font: normal 13px "微软雅黑" !important; }

/*body,div,ul,li,p,a,img{

		padding: 0;

		margin: 0;

	}*/



/*右侧悬浮菜单*/

.slide { width: 50px; height: 250px; position: fixed; top: 50%; margin-top: -126px; background: #018D75; right: 0; border-radius: 5px 0 0 5px; z-index: 999; }

.slide ul { list-style: none; }

.slide .icon li { width: 49px; height: 50px; background: url('../images/icon.png') no-repeat; }

.slide .icon .up { background-position: -330px -120px; }

.slide .icon li.qq { background-position: -385px -73px; }

.slide .icon li.tel { background-position: -385px -160px; }

.slide .icon li.wx { background-position: -385px -120px; }

.slide .icon li.down { background-position: -330px -160px; }

.slide .info { top: 50%; height: 147px; position: absolute; right: 100%; background: #018D75; width: 0px; overflow: hidden; margin-top: -73.5px; transition: 0.5s; border-radius: 4px 0 0 4px; }

.slide .info.hover { width: 145px; }

.slide .info li { width: 145px; color: #CCCCCC; text-align: center; }

.slide .info li p { font-size: 1.1em; line-height: 2em; padding: 15px; text-align: left; }

.slide .info li.qq p a { display: block; margin-top: 12px; width: 100px; height: 32px; line-height: 32px; color: #00DFB9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00DFB9; border-radius: 5px; }

.slide .info li.qq p a:hover { color: #FFFFFF; border: none; background: #00E0DB; }

.slide .info li div.img { height: 100%; background: #DEFFF9; margin: 15px; }

.slide .info li div.img img { width: 100%; height: 100%; }

/*控制菜单的按钮*/

.index_cy { width: 30px; height: 30px; background: url('../images/index_cy.png'); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 62px 0; cursor: pointer; }

.index_cy2 { width: 30px; height: 30px; background: url('../images/index_cy.png'); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 30px 0; cursor: pointer; }



/*自适应 当屏小于1050时隐藏*/

@media screen and (max-width: 1050px) {

    .slide { display: none; }

    #btn { display: none; }

}





@media (max-width: 320px) {

}