﻿@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
    
body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: tahoma, arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; max-width: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

em, i { font-style: normal; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { font-family: "Microsoft Yahei"; outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type=checkbox], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-3d { width: 20%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1180px; padding: 0; } }

/* layout start*/


.Displayfoot { width: 100%; font-size: 14px; background-color: #182d45; padding-top: 30px; color: #a5b0bd; }

.Displayfoot a { color: #a5b0bd; font-size: 14px; }

.Displayfoot a:hover { color: #f7931c; }

.footerlinks ul li { line-height: 26px; color: #a5b0bd; border-bottom: 1px solid #848484; }

.footerlinks ul li h4 { position: relative; padding: 15px 0; }

.foottitle { font-size: 16px; }

.foottitle img { display: block; height: 16px; }

h3.foottitle { color: #db1e1b; padding: 26px 0 15px 0; }

.footabout { font-size: 12px; }

.footnav { padding-bottom: 12px; }

.footnav p a { display: block; float: none; font-size: 14px; line-height: 24px; height: 24px; margin: 6px 6px 6px 0; }

.foottitle:after { display: block; content: ""; width: 15px; height: 15px; background: url(../images/wq_icon36.png) no-repeat center; position: absolute; right: 1%; top: 50%; margin-top: -7px; }

.foottitle.cur:after { background: url(../images/wq_icon37.png) no-repeat center; }

h3.foottitle:after { display: none; }

.Copyright { text-align: center; padding: 10px 0; background-color: #112236; }

.leftlogotel { text-align: center; padding-bottom: 20px; color: #a5b0bd; }

.leftlogotel img { display: inline-block; }

.leftlogotel p.phone span { font-weight: bold; }

.footershare { z-index: 2; text-align: center; font-size: 0; }

#share a { width: 36px; height: 36px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0; float: none; margin: 0 4px; background-repeat: no-repeat; background-position: center center; }

#share a.shareweixin { background-image: url(../images/icon2.png); }

#share a.sharexinlang { background-image: url(../images/icon3.png); }

#share a.emial { background-image: url(../images/icon4.png); }

#share a.tel { background-image: url(../images/icon5.png); }

.frindlink { border-top: 1px solid #304258; margin: 16px 0 0 0; padding: 27px 0 0 0; }

.frindlink p { padding: 0 0 12px 0; line-height: 28px; }

.frindlink span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-color: #38577b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #cfd4d9; padding: 0 12px; }

.frindlink a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 6px; }

.Displayfoot .footerlinks ul li.lastcode { padding-top: 13px; text-align: center; border-bottom: 0; }

.Copyright .footlink em { padding: 0 5px; }

@media (min-width: 1024px) { .footnav p a { margin: 0; }
  .Displayfoot { color: #a5b0bd; padding-top: 49px; }
  .Displayfoot .footerlinks { padding-top: 20px; position: relative; }
  .Displayfoot .footerlinks ul li { width: 13%; float: left; padding: 0; border: none; margin-right: 5px; }
  .Displayfoot .footerlinks ul li.lastcode { position: absolute; right: 0; top: 0; }
  .Displayfoot .footerlinks ul li:last-child { margin-right: 0; border: none; width: auto; }
  .Displayfoot .foottitle { padding-bottom: 10px; }
  .Displayfoot .footabout { padding-top: 30px; }
  .Displayfoot .footnav { display: block; padding-top: 0; }
  .Displayfoot .footerlinks ul li h4 { padding: 0; height: 26px; margin-bottom: 13px; font-size: 16px; color: #FFFFFF; }
  .Displayfoot .footerlinks ul li h4:after { display: none; }
  .Displayfoot a { color: #a5b0bd; }
  .Displayfoot h3.foottitle { padding: 0 0 15px 0; }
  .Displayfoot .foottitle img { display: block; height: 19px; }
  .Displayfoot .commonweb { max-width: 1290px; padding: 0 40px; }
  .leftlogotel p.name { font-size: 18px; padding: 11px 0 29px 0; }
  .leftlogotel p.phone { font-size: 16px; }
  .leftlogotel p.phone span { display: block; font-family: "AvantGarGotItcTEE"; font-size: 22px; padding: 6px 0 0 0; }
  .footershare { padding: 40px 0 0 0; }
  .Copyright { margin-top: 28px; text-align: left; }
  .Copyright .footlink { float: left; width: 40%; padding: 0 0 0 10px; }
  .Copyright .footlink em { padding: 0 10px; }
  .Copyright .copy { float: right; text-align: right; width: 60%; } }

@media (min-width: 1200px) { .Displayfoot .leftlogotel { float: left; width: 16%; text-align: left; }
  .Displayfoot .footerlinks { float: right; width: 81%; padding: 9px 0 0 0; }
  .Displayfoot .footerlinks ul li { margin-right: 18px; }
  .Displayfoot .footerlinks ul li.lastcode { right: 10px; }
  .footershare { text-align: left; }
  #share a:first-child { margin-left: 0; } }

@media (min-width: 1310px) { .Displayfoot .footerlinks ul li.lastcode { right: 0; } }

@media (min-width: 1440px) { .Displayfoot .commonweb { padding: 0; } }

.commonposition { position: fixed; bottom: 20px; right: 0; z-index: 999999; }

.commonposition a { display: block; width: 40px; height: 40px; position: relative; background-color: #f7931c; background-repeat: no-repeat; background-position: center center; margin-top: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.commonposition a span { display: none; position: absolute; right: 40px; top: 0; padding: 13px; color: #fff; background-color: #f7931c; line-height: 24px; font-size: 14px; width: 190px; }

.commonposition a span.erCoder { width: 110px; height: 110px; padding: 0; }

.commonposition a.form { background-image: url(../images/icon11.png); }

.commonposition a.telphone { background-image: url(../images/icon12.png); }

.commonposition a.qq { background-image: url(../images/icon13.png); }

.commonposition a.wechate { background-image: url(../images/icon14.png); }

.commonposition a.Hometop { background-image: url(../images/icon15.png); }

.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

@media (min-width: 992px) { .commonposition { bottom: 114px; }
  .commonposition a { width: 50px; height: 50px; }
  .commonposition a span { right: 50px; } }

@media (min-width: 1280px) { .commonposition { right: 40px; } }

@charset "UTF-8";
/* 头部css开始 */
.zkhaderwrap { position: relative; height: 55px; }

.xg-header { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 55px; padding: 10px 0; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); background-color: #ffffff; }

.xg-header .logo { float: left; display: block; }

.xg-header .logo img { display: block; height: 30px; margin-top: 2.5px; }

.xg-header .menu-handle { position: relative; top: -2.5px; float: right; width: 40px; height: 40px; padding: 5px; }

.xg-header .menu-handle span { display: block; width: 100%; height: 2px; background: #f7931c; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate3d(0, 3px, 0); -moz-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); }

.xg-header .menu-handle span:nth-child(2) { -webkit-transform: translate3d(0, 12px, 0); -moz-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }

.xg-header .menu-handle span:nth-child(3) { -webkit-transform: translate3d(0, 21px, 0); -moz-transform: translate3d(0, 21px, 0); transform: translate3d(0, 21px, 0); }

.xg-header .menu-handle.cur span { -webkit-transform: translate3d(0, 14px, 0) rotate(45deg); -moz-transform: translate3d(0, 14px, 0) rotate(45deg); transform: translate3d(0, 14px, 0) rotate(45deg); }

.xg-header .menu-handle.cur span:nth-child(2) { opacity: 0; }

.xg-header .menu-handle.cur span:nth-child(3) { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); -moz-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); }

.xg-header .search-handle { float: right; width: 40px; height: 35px; margin-right: 8px; background-repeat: no-repeat; background-position: center; background-image: url(../images/searchicon.png); }

.xg-hdsec .xg-top { display: none; position: fixed; left: 0; bottom: 20px; width: 100%; z-index: 100; text-align: center; }

.xg-hdsec .xg-top a { display: inline-block; vertical-align: top; font-size: 13px; line-height: 24px; color: #666666; }

.xg-hdsec .xg-top a.cur { color: #f7931c; }

.xg-hdsec .xg-top .tel { font-size: 0; }

.xg-hdsec .xg-top .tel .num { padding-left: 26px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../images/icon1.png); font-family: "AvantGarGotItcTEE"; color: #f7931c; font-weight: bold; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; font-size: 20px; margin-right: 20px; }

.xg-hdsec .xg-top .searchform { display: none; position: fixed; left: 0; top: 55px; z-index: 101; width: 100%; padding: 10px; background: #f2f2f2; font-size: 0; }

.xg-hdsec .xg-top .searchform form { display: block; padding-right: 60px; overflow: hidden; }

.xg-hdsec .xg-top .searchform input { display: inline-block; vertical-align: top; position: relative; float: left; display: block; width: 100%; height: 40px; line-height: 40px; }

.xg-hdsec .xg-top .searchform .keywords { padding-left: 10px; background: #ffffff; }

.xg-hdsec .xg-top .searchform .searchbtn { width: 60px; right: -60px; margin-left: -60px; }

.xg-hdsec .xg-top .ctrl { display: block; }

.xg-hdsec .xg-onlysearch { display: block; }

.xg-hdsec .xg-onlysearch .searchform { display: block; }

.xg-hdsec .xg-onlysearch .ctrl a, .xg-hdsec .xg-onlysearch .tel { display: none; }

.xg-hdsec .mainnav { display: none; position: fixed; top: 55px; left: 0; z-index: 98; width: 100%; bottom: 0; padding-bottom: 100px; background: #ffffff; border-top: 1px solid #ccc; }

.xg-hdsec .mainnav .nav-slider { position: relative; height: 100%; overflow-y: auto; }

.xg-hdsec .mainnav li { border-bottom: 1px solid #ccc; }

.xg-hdsec .mainnav li a { display: block; font-size: 16px; line-height: 48px; color: #333333; padding-left: 20px; }

.xg-hdsec .mainnav li .subnav { display: none; }

.xg-hdsec .mainnav li .subnav a { padding-left: 40px; line-height: 30px; }

.xg-hdsec .mainnav .hassub a { position: relative; }

.xg-hdsec .mainnav .hassub a:after { position: absolute; content: ''; width: 50px; height: 50px; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/upimg.png); -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.xg-hdsec .mainnav .roll a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.searchfloat13 { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url(about:blabk); z-index: 100; display: none; }

.xg-hdsec .mainnav li.productli dl dd { display: none; }

.xg-hdsec .mainnav li.productli dl dt { padding: 5px 0; }

.xg-hdsec .mainnav li.productli dl dt img { vertical-align: middle; margin-right: 10px; }

@media (min-width: 992px) { .closeshare13 { display: none; } }

@media (min-width: 1024px) { .zkhaderwrap { height: 110px; }
  .xg-position { position: relative; }
  .xg-hdsec { padding-left: 148px; }
  .xg-hdsec .xg-top a.cur { color: #ffffff; }
  .xg-header { height: 110px; padding: 15px 0 0; }
  .xg-header > .commonweb { max-width: 100%; padding: 0 6%; }
  .xg-header .logo { float: none; position: absolute; left: 6%; }
  .xg-header .logo img { height: 61px; margin-top: 5px; }
  .xg-header .menu-handle { display: none; }
  .xg-header .search-handle { height: 25px; }
  .xg-hdsec .xg-top { display: block; position: static; z-index: 100; text-align: right; font-size: 0; height: 26px; }
  .xg-hdsec .xg-top a { line-height: 26px; }
  .xg-hdsec .xg-top a.cur, .xg-hdsec .xg-top a:hover { color: #f7931c; }
  .xg-hdsec .xg-top .tel { display: inline-block; vertical-align: top; font-size: 0; position: relative; padding-right: 17px; }
  .xg-hdsec .xg-top .tel span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 26px; }
  .xg-hdsec .xg-top .tel .line { padding: 0 16px; }
  .xg-hdsec .xg-top .searchform { display: none; vertical-align: top; position: absolute; left: auto; right: 6%; top: 110px; width: 272px; height: 46px; padding: 0 10px; background-color: #FFFFFF; border: 1px solid #cccccc; overflow: hidden; }
  .xg-hdsec .xg-top .searchform form { padding-right: 40px; }
  .xg-hdsec .xg-top .searchform input { height: 44px; line-height: 44px; padding: 0; }
  .xg-hdsec .xg-top .searchform input::-webkit-input-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input:-moz-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input::-moz-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input:-ms-input-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform .searchbtn { width: 34px; right: -46px; margin-left: -34px; font-size: 0; background: none; background-repeat: no-repeat; background-position: center center; background-image: url(../images/searchico.png); padding: 0; }
  .xg-hdsec .xg-top .searchform .keywords { background: none; }
  .xg-hdsec .xg-onlysearch .ctrl a, .xg-hdsec .xg-onlysearch .tel { display: none; }
  .xg-hdsec .mainnav { display: block; position: static; padding-top: 16px; padding-bottom: 0; background: 0 0; border-top: 0; width: auto; }
  .xg-hdsec .mainnav .nav-slider { overflow-y: visible; position: static; margin: 0 0 0 -27px; }
  .xg-hdsec .mainnav ul { text-align: right; }
  .xg-hdsec .mainnav li { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; border-bottom: 0; padding: 0 1%; }
  .xg-hdsec .mainnav li.productli { position: static; }
  .xg-hdsec .mainnav li.productli .commonweb { padding: 0 10px; }
  .xg-hdsec .mainnav li.productli .product-nav { padding: 21px 0 37px; top: 110px; }
  .xg-hdsec .mainnav li.productli .product-nav a { border: 0; color: #266a95; line-height: 30px; text-align: left; position: relative; }
  .xg-hdsec .mainnav li.productli .product-nav dt a { font-size: 16px; height: 24px; line-height: 24px; font-weight: bold; }
  .xg-hdsec .mainnav li.productli .product-nav dd a { padding-left: 12px; }
  .xg-hdsec .mainnav li.productli .product-nav dd a:before { content: ""; display: block; width: 4px; height: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #266a95; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
  .xg-hdsec .mainnav li.productli dl { float: left; width:16.6666%; padding: 0 28px; }
  .xg-hdsec .mainnav li.productli dl dt { border-bottom: 1px solid #e4e4e4; color: #004068; font-weight: bold; font-size: 16px; text-align: left; padding: 11px 0; margin-bottom: 10px; }
  .xg-hdsec .mainnav li.productli dl dd { display: block; }
  .xg-hdsec .mainnav li .title a { padding: 0 6px; font-size: 14px; height: 53px; line-height: 36px; position: relative; }
  .xg-hdsec .mainnav li .title a:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #f7931c; -o-transition-property: left,right; -moz-transition-property: left,right; transition-property: left,right; -webkit-transition-property: left,right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
  .xg-hdsec .mainnav li:hover h3 a, .xg-hdsec .mainnav li.cur h3 a { color: #f7931c; font-weight: bold; }
  .xg-hdsec .mainnav li:hover h3 a:after, .xg-hdsec .mainnav li.cur h3 a:after { left: 0; right: 0; z-index: 1; }
  .xg-hdsec .mainnav li .subnav { position: absolute; left: -27px; right: -27px; top: 53px; background-color: rgba(247, 247, 247, 0.94); text-align: center; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .xg-hdsec .mainnav li .subnav a { font-size: 14px; padding-left: 0; border-top: 1px solid #e4e4e4; line-height: 48px; }
  .xg-hdsec .mainnav li .subnav a.cur, .xg-hdsec .mainnav li .subnav a:hover { color: #f7931c; }
  .xg-hdsec .mainnav li .subnav a.cur:before, .xg-hdsec .mainnav li .subnav a:hover:before { background-color: #f7931c; }
  .xg-hdsec .mainnav .hassub a:after { display: none; } }

@media (min-width: 1199px) { .xg-header .logo img { height: 72px; }
  .xg-hdsec .mainnav li .title a { font-size: 16px; }
  .xg-hdsec .mainnav li { padding: 0 1.4%; } }

@media (min-height: 1280px) { .xg-hdsec .mainnav li { padding: 0 2.4%; } }

@charset "UTF-8";
html, body { width: 100%; height: 100%; position: relative; }

body { overflow-x: hidden; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'AvantGarGotItcTEE'; src: url("AvantGarGotItcTEE.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'knockout'; src: url("knockout.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'MyriadPro'; src: url("MyriadPro-Light_1.woff") format("woff"); font-weight: normal; font-style: normal; }

/*banner*/
.indexbanner ul { position: relative; height: 100%; z-index: 10; }

.indexbanner ul li { width: 100%; position: relative; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; background-position: left center; }

.indexbanner { width: 100%; position: relative; overflow: hidden; background-color: #f2f2f2; }

.indexbanner ul { width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.indexbanner .indexbannerbtn { bottom: 10px !important; }

.indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 12px; }

.indexbannerbtn span { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #fff; overflow: hidden; margin: 0 3px; cursor: pointer; opacity: 1 !important; }

.indexbannerbtn span.swiper-pagination-bullet-active { background: #f7931c; }

.indexbanner img { display: block; width: 100%; position: relative; }

.bannertextcont { padding: 20px 15px 40px; text-align: left; color: #FFFFFF; background: #f9f9f9; display: none; }

.bannertitle { font-size: 20px; }

.bannertitle span { display: block; font-size: 16px; }

.indexbanner .bannertitle img { width: 65%; display: inline; }

.bannertext { font-size: 16px; margin: 15px 0 20px; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }

@media (min-width: 1024px) { .indexbanner, .indexbanner ul { width: 100%; height: 100%; position: relative; z-index: 10; }
  .indexbanner ul li { height: 100%; }
  .indexbanner ul li .dataimg { display: none; }
  .indexbannerbtn span { width: 13px; height: 13px; margin: 0 5px; }
  .bannertextcont { display: block; color: #333333; background: none; padding: 0 40px; z-index: 10; width: 100%; max-width: 1440px; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .bannertitle { font-weight: normal; font-size: 30px; line-height: 30px; transition: all 600ms; -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; -o-transition: all 600ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .bannertext { font-size: 20px; line-height: 18px; margin: 20px 0; text-transform: uppercase; transition: all 800ms; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .bannerlink { display: block; width: 170px; height: 40px; line-height: 40px; text-align: center; background-color: #f7931c; color: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; transition: all 1000ms; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; -ms-transition: all 1000ms; -o-transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .bannerleft { text-align: left; }
  .bannercenter { text-align: center; }
  .bannerright { text-align: right; }
  .indexbanner li.active .bannertitle { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .indexbanner li.active .bannertext { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .indexbanner li.active .bannerlink { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } }

@media (min-width: 1260px) { .bannertitle { font-size: 54px; line-height: 54px; }
  .bannertext { font-size: 30px; line-height: 30px; margin: 41px 0 43px; }
  .bannerlink { font-size: 18px; } }

.indexnews { height: 42px; line-height: 42px; color: #666666; position: relative; border-bottom: 1px solid #dedede; }

.indexnews a { font-size: 14px; color: #666666; }

.indexnews .commonweb { position: relative; padding-left: 130px; height: 45px; overflow: hidden; }

.indexnews .name { font-size: 15px; font-weight: bold; position: absolute; left: 10px; height: 42px; padding-left: 30px; background: url(../images/newsicon1.png) no-repeat left center; padding-right: 7px; }

.indexnews .swiper-container { height: 42px; position: relative; margin-right: 30px; }

.indexnews .swiper-container ul { height: 442px; }

.indexnews .swiper-container ul li { height: 42px; line-height: 42px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

.indexnews .name:after { content: ""; display: block; width: 2px; background-color: #adadad; height: 16px; position: absolute; top: 50%; right: 0px; margin-top: -7px; }

@media (min-width: 992px) { .indexnews { height: 65px; padding: 11px 0; }
  .indexnews .swiper-container { height: 42px; position: relative; }
  .indexnews .name { left: 40px; font-size: 15px; }
  .indexnews .commonweb { padding-left: 146px; } }

@media (min-width: 1366px) { .indexnews .name { left: 0; }
  .indexnews .commonweb { padding-left: 104px; } }

.pad30 { padding: 30px 0; }

.commontextbox { text-align: center; line-height: 24px; }

.commontextbox.aligelat { text-align: left; }

.commonh3 { font-weight: bold; font-size: 20px; padding-bottom: 10px; }

.commonh3.white { color: #FFFFFF; }

.commonh3.blue { color: #0069d2; }

.commonh4 { font-size: 18px; }

.commonh4.blue { color: #0069d2; }

.commonh4.bold { font-weight: bold; }

.commonh5 { font-size: 16px; }

.commonh5.bold { font-weight: bold; }

.commonh5.blue { color: #007aff; }

.commonh5.blue2 { color: #0069d2; }

.commonh6 { font-size: 15px; color: #333333; }

.commonh6.borld { padding: 0 0 0 10px; position: relative; }

.commonh6.borld:after { display: block; content: ""; width: 3px; height: 100%; max-height: 22px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; background-color: #007aff; }

.commonh6.bold { font-weight: bold; }

.commonh6.blue { color: #007aff; }

.commonh6.blue2 { color: #0069d2; }

p.bor { border-top: 1px solid #f2f2f2; }

.commontext16.color666 { color: #666666; }

.commontext16.white { color: #FFFFFF; }

.commontext16.orange { color: #f7931c; }

.commontext16.bold { font-weight: bold; }

@media (min-width: 1024px) { .commonh3 { font-size: 36px; line-height: 36px; padding-bottom: 16px; }
  .commontext16 { font-size: 16px; }
  .commonh4 { font-size: 28px; }
  .commonh5 { font-size: 18px; }
  .commonh6 { font-size: 17px; } }

.indexbusiness .businesslist { overflow: hidden; }

.indexbusiness .businesslist ul { margin: 0 -5px; }

.indexbusiness .businesslist li { position: relative; text-align: center; padding: 0 5px; margin: 0 0 10px 0; }

.indexbusiness .businesslist .content { border: 1px solid #e6e6e6; padding: 20px 0; }

.indexbusiness .businesslist img { display: block; width: 80px; height: 80px; margin: 0 auto 10px; background-color: #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #cccccc; }

.indexbusiness .businesslist h3.name { font-size: 16px; color: #0069d2; font-weight: bold; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 0 0 5px 0; }

.indexbusiness .businesslist .alink { font-size: 0; line-height: 0; height: 54px; overflow: hidden; }

.indexbusiness .businesslist .alink a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 12px; line-height: 18px; color: #888888; padding: 0 3px; position: relative; }

.indexbusiness .businesslist .alink a:after { content: ""; display: block; width: 1px; height: 12px; background-color: #9b9b9b; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.indexbusiness .businesslist .alink a:last-child:after { display: none; }

.indexbusiness .businesslist a.more { display: block; width: 78px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 10px auto 0; background-color: #0069d2; }

@media (min-width: 1024px) { .indexbusiness { padding: 77px 0 90px; }
  .indexbusiness .businesslist { padding: 56px 0 0; }
  .indexbusiness .businesslist img { width: 92px; height: 92px; margin-bottom: 28px; }
  .indexbusiness .businesslist .content { padding: 43px 0 63px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  .indexbusiness .businesslist .content:hover { background-color: #0069d2; }
  .indexbusiness .businesslist .content:hover img { border-color: #0069d2; }
  .indexbusiness .businesslist .content:hover .alink a { color: #FFFFFF; }
  .indexbusiness .businesslist .content:hover .alink a::after { background-color: #FFFFFF; }
  .indexbusiness .businesslist .content:hover h3.name { color: #FFFFFF; }
  .indexbusiness .businesslist .content:hover a.more { background-color: #f7931c; }
  .indexbusiness .businesslist h3.name { font-size: 18px; margin-bottom: 16px; }
  .indexbusiness .businesslist .alink { height: 66px; }
  .indexbusiness .businesslist .alink a { font-size: 14px; line-height: 22px; }
  .indexbusiness .businesslist a.more { font-size: 14px; width: 100px; height: 32px; line-height: 32px; margin-top: 6px; } }

@media (min-width: 1200px) { .indexbusiness .businesslist .content .alink a { padding: 0 8px; } }

.indexadvantage { background: url(../images/bg1.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.advangelist { position: relative; }

.advangelist dl { background-color: #FFFFFF; text-align: center; margin-bottom: 15px; position: relative; }

.advangelist dl:nth-child(1) { display: none; }

.advangelist dl dt, .advangelist dl dd { float: left; width: 50%; }

.advangelist dl dt { position: relative; }

.advangelist dl dt img { display: block; width: 100%; }

.advangelist dl dt:after { content: ''; display: block; width: 0; height: 0; border-top: 14px solid transparent; border-right: 15px solid #fff; border-bottom: 14px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -25px; }

.advangelist dl dt:nth-child(2) { position: absolute; left: 0; top: 0; }

.advangelist dl dt:nth-child(2):after { display: none; }

.advangelist dl dd { position: relative; padding: 6% 10px 0; }

.advangelist dl dd img { display: block; margin: 0 auto; width: 58px; }

.advangelist dl dd img.img2 { display: none; }

.advangelist dl dd p.text { color: #666666; height: 63px; line-height: 21px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.advangelist dl dd h4.name { font-size: 16px; margin: 4px 0; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.advangelist dl:hover { background-color: #f7931c; color: #FFFFFF; }

.advangelist dl:hover dt:after { border-right-color: #f7931c; }

.advangelist dl:hover dd p.text { color: #FFFFFF; }

.advangelist dl:hover dd img.img1 { display: none; }

.advangelist dl:hover dd img.img2 { display: block; }

@media (max-width: 320px) { .advangelist dl dd { padding-top: 15px; }
  .advangelist dl dd img { width: 40px; } }

@media (min-width: 768px) { .advangelist dl { float: left; width: 50%; margin: 0; }
  .advangelist dl:nth-child(4n-1) dt, .advangelist dl:nth-child(4n-2) dt { float: right; }
  .advangelist dl:nth-child(4n-1) dt:after, .advangelist dl:nth-child(4n-2) dt:after { left: 0; right: auto; border-left: 15px solid #FFFFFF; border-right: 0; }
  .advangelist dl:nth-child(4n-1):hover dt:after, .advangelist dl:nth-child(4n-2):hover dt:after { border-left-color: #f7931c; } }

@media (min-width: 1024px) { .indexadvantage { padding: 100px 0; }
  .advangelist dl dd h4.name { font-size: 20px; margin: 20px 0; }
  .advangelist dl dd p.text { font-size: 16px; line-height: 24px; height: 72px; } }

@media (min-width: 1259px) { .advantwrap { position: relative; }
  .advantwrap .commontextbox { position: absolute; top: 0; left: 0; width: 35%; text-align: left; }
  .advantwrap .commontextbox .commonh3 { padding-bottom: 46px; }
  .advantwrap .advangelist { padding: 0; }
  .advantwrap .advangelist dl { width: 40%; }
  .advantwrap .advangelist dl dt:after { border-top: 19px solid transparent; border-bottom: 19px solid transparent; }
  .advantwrap .advangelist dl dd { padding-top: 28px; }
  .advantwrap .advangelist dl:nth-child(1) { display: block; opacity: 0; }
  .advantwrap .advangelist dl:nth-child(2) { width: 20%; }
  .advantwrap .advangelist dl:nth-child(2):hover dt:after { border-bottom-color: #f7931c; }
  .advantwrap .advangelist dl:nth-child(2) dt, .advantwrap .advangelist dl:nth-child(2) dd { float: none; width: 100%; }
  .advantwrap .advangelist dl:nth-child(2) dt:after { border-top: 0; border-left: 19px solid transparent; border-bottom: 20px solid #fff; border-right: 19px solid transparent; bottom: 0; top: auto; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .advantwrap .advangelist dl:nth-child(2) dt:nth-child(2) { position: static; }
  .advantwrap .advangelist dl:nth-child(2) dd { position: absolute; bottom: 0; height: 50%; }
  .advantwrap .advangelist dl:nth-child(4) { position: absolute; top: 236px; }
  .advantwrap .advangelist dl:nth-child(4):hover dt:after { border-left-color: #f7931c; }
  .advantwrap .advangelist dl:nth-child(6) { margin-left: 236px; }
  .advantwrap .advangelist dl:nth-child(6) dt { float: right; }
  .advantwrap .advangelist dl:nth-child(5):hover dt:after { border-right-color: #f7931c; }
  .advantwrap .advangelist dl:nth-child(5) dt { float: left; }
  .advantwrap .advangelist dl:nth-child(5) dt:after { right: 0; left: auto; border-left: 0; border-right: 20px solid #FFFFFF; }
  .advantwrap .advangelist:nth-child(4n-1) dt, .advantwrap .advangelist:nth-child(4n-2) dt { float: right; }
  .advantwrap .advangelist:nth-child(4n-1) dt:after, .advantwrap .advangelist:nth-child(4n-2) dt:after { left: 0; right: auto; border-left: 20px solid #FFFFFF; border-right: 0; } }

.honors-wraper { position: relative; padding: 0; }

.honors-sw-hook { position: relative; overflow: hidden; padding: 20px 0 0; }

.honors-sw-hook .swiper-wrapper li { -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; width: 20%; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; text-align: center; }

.honors-sw-hook .swiper-wrapper li.swiper-slide-active { color: #f7931c; }

.honors-sw-hook .swiper-wrapper li p { padding-top: 10px; }

.honors-sw-hook .swiper-wrapper li img { display: block; width: 100%; border: 1px solid #cccccc; }

.swiper-btn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(../images/arror.png); z-index: 99; }

.honor-prev { left: 0; background-position: 0 0; }

.honor-next { right: 0; background-position: right 0; }

@media (min-width: 768px) { .honors-sw-hook { padding: 40px 0 0; } }

@media (min-width: 991px) { .indexhonours { padding: 78px 0 113px; position: relative; }
  .honors-wraper { margin-top: 45px; }
  .honors-sw-hook { padding: 57px 0; }
  .honors-sw-hook .swiper-wrapper li { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -moz-transform: scale(0.8); margin-right: 25px; }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active { -webkit-transform: scale(1.3); transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); z-index: 10; }
  .honors-sw-hook .swiper-wrapper li p { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); padding-top: 18px; }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active p { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -moz-transform: scale(0.9); }
  .honors-sw-hook .swiper-wrapper li.my-slide-left, .honors-sw-hook .swiper-wrapper li.my-slide-right { -webkit-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); z-index: 9; -moz-transform: scale(0.94); -o-transform: scale(0.94); }
  .honors-sw-hook .swiper-wrapper li.my-slide-left p, .honors-sw-hook .swiper-wrapper li.my-slide-right p { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 9; -moz-transform: scale(1.1); -o-transform: scale(1.1); }
  .honors-sw-hook .swiper-wrapper li.my-slide-left { right: 2%; }
  .honors-sw-hook .swiper-wrapper li.my-slide-right { left: 2%; }
  .swiper-btn { display: block; }
  .honor-prev { left: -30px; }
  .honor-next { right: -30px; }
  .swiper-btn:hover { background-image: url(../images/arrorho.png); } }

@media (min-width: 1400px) { .honor-prev { left: -80px; }
  .honor-next { right: -80px; }
  .honors-wraper { margin-top: 108px; } }

.indexnQuestion { background: url(../images/bg2.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.commtable { font-size: 0; padding: 0 0 10px 0; }

.commtable a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; font-weight: bold; width: 30%; max-width: 205px; height: 40px; line-height: 40px; text-align: center; }

.commtable a:first-child { color: #FFFFFF; background-color: #0069d2; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }

.commtable a:nth-child(2) { background-color: #FFFFFF; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; }

@media (min-width: 1024px) { .commtable { padding: 0 0 16px 0; }
  .commtable a { height: 60px; line-height: 60px; font-size: 22px; } }

@media (min-width: 1260px) { .commtable a { height: 78px; line-height: 78px; font-size: 28px; } }

.inquestcont h4.name { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 16px; margin-bottom: 5px; }

.inquestcont p.text { height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.inquestcont .inleftnews { position: relative; }

.inquestcont .inleftnews .recommend { margin: 0 0 20px 0; background-color: #0069d2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.inquestcont .inleftnews .recommend dl { padding: 20px 10px; color: #ebebeb; }

.inquestcont .inleftnews .recommend dl img { display: block; width: 100%; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.inquestcont .inleftnews .recommend dl dd { padding: 15px 0 0 0; }

.inquestcont .inleftnews .recommend dl dd h4.name { color: #FFFFFF; font-weight: bold; }

.inquestcont .inleftnews .recommend dl dd p.text { color: #FFFFFF; }

.inquestcont .inleftnews .reconlist { background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.inquestcont .inleftnews .reconlist dl { padding: 15px; border-bottom: 1px solid #ebeaea; }

.inquestcont .inleftnews .reconlist dl:last-child { border: 0; }

.inquestcont .inleftnews .reconlist dl dt { float: left; width: 65px; height: 70px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #b3b3b3; padding: 15px 5px 0; }

.inquestcont .inleftnews .reconlist dl dt span { display: block; text-align: center; color: #FFFFFF; }

.inquestcont .inleftnews .reconlist dl dt span.date { font-weight: bold; font-size: 26px; }

.inquestcont .inleftnews .reconlist dl dd { padding-left: 80px; }

.inquestcont .inleftnews .reconlist dl dd p.text { color: #666666; }

.inquestcont .rightanswer { position: relative; margin: 20px 0 0 0; background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.inquestcont .rightanswer dl { padding: 15px 0; border-bottom: 1px dashed #d9d9d9; position: relative; }

.inquestcont .rightanswer dl:last-child { border: 0; }

.inquestcont .rightanswer dl dt { width: 30px; height: 60px; line-height: 60px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; background-color: #b3b3b3; color: #f2f2f2; font-weight: bold; padding: 0 0 0 8px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }

.inquestcont .rightanswer dl dd { padding: 0 10px 0 40px; }

.inquestcont .rightanswer dl dd h4.name { position: relative; padding: 0 0 0 15px; margin: 0; font-weight: bold; color: #4c4c4c; }

.inquestcont .rightanswer dl dd h4.name:before { content: ""; display: block; width: 4px; height: 4px; background-color: #0069d2; position: absolute; left: 0; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.inquestcont .rightanswer dl dd p.text { color: #666666; padding-left: 15px; }

@media (min-width: 768px) { .inquestcont .inleftnews .recommend { margin: 0; float: left; width: 40%; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; }
  .inquestcont .inleftnews .reconlist { width: 58%; float: right; } }

@media (min-width: 1024px) { .indexnQuestion { padding: 79px 0 115px; }
  .inquestcont { padding: 71px 0; }
  .inquestcont .inleftnews { float: left; width: 68.6%; }
  .inquestcont .inleftnews .recommend dl:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inquestcont .inleftnews .recommend dl:hover dd h4.name { color: #f7931c; }
  .inquestcont .inleftnews .recommend dl dt { overflow: hidden; }
  .inquestcont .inleftnews .recommend dl dt img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
  .inquestcont .rightanswer { margin: 0; float: right; width: 30%; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; }
  .inquestcont .rightanswer dl:before { content: ""; display: block; width: 2px; height: 100%; background-color: #b3b3b3; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  .inquestcont .rightanswer dl:hover { background-color: #f7f7f7; }
  .inquestcont .rightanswer dl:hover:before { opacity: 1; background-color: #f7931c; }
  .inquestcont .rightanswer dl:hover dt { background-color: #f7931c; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  .inquestcont .rightanswer dl dd h4.name { margin: 0 0 10px 0; } }

@media (min-width: 1260px) { .indexnQuestion .commonweb { max-width: 1440px; padding: 0 20px; }
  .inquestcont h4.name { font-size: 18px; margin-bottom: 9px; }
  .inquestcont p.text { font-size: 15px; line-height: 26px; height: 52px; }
  .inquestcont .inleftnews { width: 65%; }
  .inquestcont .inleftnews .recommend { width: 44%; }
  .inquestcont .inleftnews .recommend dl { padding: 30px 18px; }
  .inquestcont .inleftnews .recommend dl dd { padding: 26px 0 0 0; }
  .inquestcont .inleftnews .reconlist { width: 54%; }
  .inquestcont .inleftnews .reconlist dl { padding: 28px 18px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  .inquestcont .inleftnews .reconlist dl:first-child { -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
  .inquestcont .inleftnews .reconlist dl:last-child { -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
  .inquestcont .inleftnews .reconlist dl:hover { background-color: #f7f7f7; }
  .inquestcont .inleftnews .reconlist dl:hover:first-child:hover { -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
  .inquestcont .inleftnews .reconlist dl:hover:last-child:hover { -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
  .inquestcont .inleftnews .reconlist dl:hover dt { background-color: #f7931c; }
  .inquestcont .inleftnews .reconlist dl dt { width: 84px; height: 87px; padding: 19px 5px 0; }
  .inquestcont .inleftnews .reconlist dl dt span.date { font-size: 32px; margin: 0 0 9px 0; }
  .inquestcont .inleftnews .reconlist dl dd { padding: 0 0 0 100px; }
  .inquestcont .rightanswer { width: 34%; }
  .inquestcont .rightanswer dl { padding: 29px 0; }
  .inquestcont .rightanswer dl dd { padding: 0 50px; } }

@media (min-width: 1460px) { .indexnQuestion .commonweb { padding: 0; } }

.common-wraper { position: relative; margin: 30px 0; padding: 0 0 30px 0; }

.case-wraper { padding: 30px 0; }

.casebox-wrapper.cur { display: block; opacity: 1; }

.case-box { width: 100%; overflow: hidden; }

.case-box ul { padding-bottom: 2px; }

.case-box li { overflow: hidden; }

.case-box li a { display: block; border: 1px solid #e5e5e5; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.case-box li:hover a { border-color: #f7931c; }

.case-box li img { display: block; max-width: 100%; margin: 0 auto; }

.case-box li .history-item { padding: 30px 13px; font-size: 16px; line-height: 28px; color: #141414; }

.case-box li .history-item .year-num { font-size: 38px; line-height: 48px; margin-bottom: 15px; }

.case-box li a { display: block; }

.case-box li .history-con { padding-bottom: 60px; }

.case-swiper { position: relative; overflow: hidden; }

.case-swiper ul { text-align: center; }

.case-swiper ul li { width: 25%; text-align: center; padding: 0 3px 0; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; vertical-align: middle; }

.case-swiper ul li p { font-weight: bold; color: #666666; padding: 12px 0 0 0; }

.case-swiper ul li span { position: relative; display: block; width: 30px; height: 13px; padding: 0 10px; margin: 0 auto; background-color: #FFFFFF; }

.case-swiper ul li span:after { content: ""; display: block; width: 13px; height: 13px; background-color: #666666; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0px; }

.case-swiper ul li.cur p { color: #a5080c; }

.case-swiper ul li.cur span:after { background-color: #a5080c; }

.case-line { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: -20px; }

.case-line span { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #cccccc; overflow: hidden; margin: 0 3px; cursor: pointer; opacity: 1 !important; }

.case-line span.swiper-pagination-bullet-active { background: #f7931c; }

@media (min-width: 414px) { .case-tit { margin-top: 20px; } }

@media (min-width: 768px) { .case-swiper ul li p { font-size: 16px; } }

@media (min-width: 1024px) { .indexCooperation { padding: 115px 0 130px 0; }
  .indexCooperation .commontextbox { position: relative; }
  .indexCooperation .common-wraper { position: relative; }
  .case-swiper ul li p { font-size: 18px; line-height: 24px; }
  .case-swiper { padding: 0 10%; }
  .case-btn { -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
  .case-line span { width: 14px; height: 14px; } }

@media (min-width: 1199px) { .common-wraper { margin: 61px 0 0 0; padding: 0 0 60px 0; }
  .case-wraper { padding-top: 50px; padding-bottom: 60px; }
  .case-tit { position: relative; margin-top: 30px; overflow-x: hidden; }
  .case-tit .case-btn { position: absolute; top: 0; width: 30px; height: 50px; margin: 0; } }

@media (min-width: 1440px) { .case-btn.case-left { left: 42px; }
  .case-btn.case-right { right: 42px; } }

.innerbanner { width: 100%; position: relative; display: block; }

.innerbanner img { display: block; width: 100%; }

.subnavlist01 { background-color: #f2f2f2; }

.subnavlist01 .commonweb { display: none; max-width: 100%; }

.subnavlist01 ul { font-size: 0; text-align: center; }

.subnavlist01 ul li { font-size: 16px; text-align: center; }

.subnavlist01 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; position: relative; }

.subnavlist01 ul li a:hover, .subnavlist01 ul li a.cur { background-color: #f7931c; color: #ffffff; }

.zsannavbtn01 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn01 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

.columncont01 { display: none; }

@media (min-width: 992px) { .subnavcont01 { background-repeat: no-repeat; background-position: center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }
  .zsannavbtn01 { display: none; }
  .subnavlist01 .commonweb { display: block; position: relative; }
  .subnavlist01 { display: block; width: 100%; background: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
  .subnavlist01 .commonweb ul { width: 100%; }
  .subnavlist01 ul li { display: inline-block; margin: 0 5px 12px 5px; }
  .subnavlist01 ul li a { width: auto; padding: 12px 30px; margin: 0; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  .subnavlist01 ul li a:hover, .subnavlist01 ul li a.cur { border: 1px solid #f7931c; }
  .columncont01 { display: block; text-align: center; font-size: 30px; line-height: 32px; color: #ffffff; text-transform: uppercase; }
  .columncont01 h4 { font-weight: bold; }
  .columncont01 p { padding: 14px 0; font-weight: bold; } }

@media (min-width: 1024px) { .columncont01 p { padding: 14px 0 26px 0; } }

@media (min-width: 1200px) { .subnavlist01 ul li a { padding: 12px 44px; } }

@media (min-width: 1260px) { .subnavlist01 ul li a { width: 154px; }
  .columncont01 p { font-size: 32px; }
  .columncont01 p { padding: 13px 0 35px 0; } }

@media (min-width: 1024px) { .Aboususcon { padding: 53px 0 71px; font-size: 16px; line-height: 30px; }
  .Aboususcon .commonh5 { line-height: 36px; margin-bottom: 5px; } }

.laypage_next { display: block; width: 100%; font-size: 14px; background-color: #0069d2; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.laypage_next:hover { background-color: #f7931c; }

@media (min-width: 1024px) { .laypage_next { height: 50px; line-height: 50px; font-size: 16px; } }

.Newcenter { padding: 30px 0; }

.hsh_zp04 li h3 { font-size: 14px; height: 50px; line-height: 50px; color: #4c4c4c; padding: 0 16px 0 16px; cursor: pointer; position: relative; border-bottom: 1px solid #d9d9d9; }

.hsh_zp04 li h3.cur { background-color: #0069d2; }

.zhaoptext04 { padding: 10px; background-color: #f2f2f2; font-size: 14px; color: #4c4c4c; line-height: 24px; display: none; }

.zhaoptext04 h4 { font-weight: bold; font-size: 14px; color: #333333; margin-bottom: 21px; }

.hsh_mailtoa04 { width: 120px; height: 35px; line-height: 35px; text-align: center; color: #ffffff; font-size: 14px; background-color: #f7931c; display: block; margin: 17px 0 10px 0; }

.hsh_mailtoa04:hover { color: #ffffff; }

.hsh_mailtotext04 { color: #0069d2; }

.hsh_zp04 { padding-bottom: 20px; }

.Resourcescontent { padding: 30px 0; }

.retopimage img { display: block; max-width: 100%; margin: 0 auto; }

.hsh_zp04 li h3 span { display: block; float: left; width: 80%; height: 50px; line-height: 50px; overflow: hidden; text-align: left; color: #666; }

.hsh_zp04 li h3 span.zhicon { background-image: url(../images/zp06.png); background-position: center center; background-repeat: no-repeat; float: right; width: 7%; }

.hsh_zp04 li h3.cur span.zhicon { background-image: url(../images/zp07.png); }

.hsh_zp04 li h3.cur span { color: #FFFFFF; }

.hsh_zp04 li h3 span.zhdate, .hsh_zp04 li h3 span.zhiwdian, .hsh_zp04 li h3 span.number { display: none; }

.hsh_zp04 li h3.cur span.zhdate, .hsh_zp04 li h3.cur span.zhiwdian, .hsh_zp04 li h3.cur span.number { display: none; }

.recrequest04 { border-bottom: 1px solid #cccccc; padding: 0 0 20px 0; margin: 0 0 10px 0; }

.h12 { height: 20px; }

.h14 { height: 14px; }

.h5 { height: 5px; }

@media (max-width: 414px) { .escontentlist .topname { padding: 0 5px; }
  .hsh_zp04 li h3 { padding: 0 5px; } }

@media (min-width: 768px) { .escontentlist .topname a { font-size: 14px; }
  .hsh_zp04 li h3 { font-size: 14px; }
  .zhaoptext04 { padding: 22px 35px 28px; }
  .recrequest04 { margin: 0 0 20px 0; } }

@media (min-width: 1024px) { .Resourcescontent { padding: 70px 0 62px; }
  .hsh_zp04 { padding-bottom: 43px; }
  .hsh_zp04 li h3 span { display: block; float: left; width: 16%; text-align: center; font-size: 14px; height: 60px; line-height: 60px; }
  .hsh_zp04 li h3 span:first-child { width: 40%; text-align: left; font-size: 16px; }
  .hsh_zp04 li h3 span:last-child { width: 12%; }
  .hsh_zp04 li h3 span em { color: #808080; }
  .hsh_zp04 li h3 { padding: 0 30px 0 35px; height: 60px; line-height: 60px; }
  .hsh_zp04 li h3 span.zhicon { background-position: right center; }
  .hsh_zp04 li h3.cur span.zhicon { background-position: right center; }
  .hsh_mailtoa04 { width: 144px; height: 42px; line-height: 42px; font-size: 16px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin-top: 33px; }
  .hsh_mailtotext04 { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; position: relative; top: 40px; left: 22px; }
  .recrequest04 { overflow: hidden; line-height: 30px; padding: 0 0 30px 0; }
  .recrequest04 ul { margin: 0 -10px; }
  .hsh_zp04 li h3 span.zhdate, .hsh_zp04 li h3 span.zhiwdian, .hsh_zp04 li h3 span.number { display: block; } }

@media (min-width: 1440px) { .indexcontentOne .contentbox span.more { margin-top: 59px; } }

.mapLocation li { margin-top: -1px; font-size: 15px; line-height: 24px; padding: 10px 24px 10px; cursor: pointer; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; overflow: hidden; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.mapLocation .left li:hover, .mapLocation .left li.cur { background-color: #0069d2; color: #FFFFFF; }

.mapLocation li h3.name { margin-bottom: 5px; font-size: 15px; }

.mapswiper { position: relative; height: 100%; padding: 10px; overflow: hidden; }

.mapLocation li h3.name img { vertical-align: middle; margin-right: 10px; }

.mapLocation .left { position: relative; border: 1px solid #e8e8e8; margin-top: 20px; }

.mapLocation li:last-child { margin-bottom: 0; }

.mapbtn { width: 29px; height: 100%; display: block; position: absolute; cursor: pointer; z-index: 99; background-color: #FFFFFF; }

.maprive { left: 0; top: 0; }

.mapnext { right: 0; top: 0; }

.mapbtn:after { content: ""; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 15px solid #cccccc; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.maprive:after { transform: rotate(90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

.mapnext:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.mapbtn:hover:after { border-bottom-color: #007aff; }

#map { height: 200px; width: 100%; }

.BMap_Marker img { width: auto !important; max-width: none !important; }

.BMap_center { width: 251px !important; }

.BMap_shadow img, .BMap_pop img { max-width: none !important; }

.BMapLabel, .BMap_omCtrl, .BMap_scaleCtrl, .BMap_stdMpCtrl, .anchorBL { display: none !important; }

.BMap_bubble_title { white-space: unset !important; }

.mapLocation li { float: left; }

@media (min-width: 992px) { #map { height: 506px; width: 100%; }
  .mapLocation { height: 580px; }
  .mapLocation .left { height: 506px; overflow: hidden; width: 40%; float: right; }
  .mapLocation .right { height: 506px; width: 58%; float: left; }
  .maprive { top: 0; z-index: 99; }
  .mapnext { bottom: 0; } }

@media (min-width: 992px) { .Contactus { padding: 60px 0 67px; }
  .Contactus .commonh3 { font-size: 30px; padding-bottom: 20px; }
  .mapbtn { height: 42px; width: 100%; }
  .mapbtn:after { top: 13px; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .maprive { left: 0; top: 0; }
  .mapnext { right: 0; top: auto; bottom: 0; }
  .mapswiper { padding: 44px 10px; }
  .mapLocation { padding: 0; margin: 50px 0 0 0; }
  .mapLocation .left { margin: 0; }
  .mapLocation li { padding: 17px 24px 18px; float: none; }
  .mapLocation li h3.name { font-size: 16px; font-weight: bold; }
  .mapLocation .left li { padding: 17px 13px 18px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
  .maprive:after { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  .mapnext:after { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } }

@media (min-width: 1200px) { .mapLocation { height: 506px; } }

.commonfilter li { float: left; width: 20%; height: 30px; line-height: 30px; text-align: center; background-color: #f2f2f2; margin: 0 5px 10px; max-width: 110px; }

.commonfilter li:hover, .commonfilter li.cur { background-color: #007aff; }

.commonfilter li:hover a, .commonfilter li.cur a { color: #FFFFFF; }

.commonfilter li a { display: block; color: #666666; }

@media (min-width: 768px) { .commonfilter li { height: 48px; line-height: 48px; font-size: 16px; } }

@media (min-width: 1024px) { .Frequently { padding: 54px 0; } }

.Commonproblem { background: #fff; margin-top: 20px; }

.Commonproblem ul { margin: 0; padding: 0 0 30px 0; }

.Commonproblem ul li { border-bottom: 1px solid #e8e8e8; padding-top: 15px; }

.Commonproblem ul li h3.problemtitle { position: relative; padding: 5px 50px 15px 45px; background: url(../images/problem2.gif) no-repeat 99% 12px; font-size: 14px; cursor: pointer; }

.Commonproblem ul li.cur h3.problemtitle { background-image: url(../images/problem2ho.gif); }

.Commonproblem span.problemQ { background: url(../images/problemQ.gif) no-repeat; display: block; width: 32px; height: 32px; position: absolute; left: 0px; top: 0px; }

.Commonproblem span.problemA { background: url(../images/problemA.gif) no-repeat; display: block; width: 32px; height: 32px; position: absolute; left: 30px; top: 25px; }

.CommonproblemContent { background: #f7f7f7; padding: 22px 35px 35px 78px; font-size: 13px; line-height: 24px; position: relative; display: none; color: #666666; }

.Commonproblem ul li.cur h3 { color: #0069d2; }

@media (min-width: 1024px) { .Commonproblem ul li { padding: 23px 0 10px; }
  .Commonproblem ul li.cur { padding-bottom: 0; }
  .Commonproblem ul li h3.problemtitle { font-size: 16px; padding-left: 66px; }
  .CommonproblemContent { font-size: 14px; padding-top: 29px; padding-left: 92px; } }

.commonwenright { background-color: #f5f5f5; padding: 15px 20px; margin-top: 30px; }

@media (min-width: 1024px) { .commonwebleft { float: left; }
  .commonwenright { float: right; width: 296px; margin: 0; }
  .commoncepwrap { background: url(../images/bg3.jpg) repeat-y right center; } }

@media (min-width: 1199px) { .commonwebleft { width: 72.3%; } }

.Onlineform { padding: 17px 0 0 0; }

.Onlineform li { margin: 0 0 10px 0; }

.Onlineform li label { display: block; background-position: 10px 12px; background-repeat: no-repeat; border: 1px solid #e6e6e6; background-color: #FFFFFF; height: 44px; line-height: 44px; padding: 10px 10px 10px 40px; }

.Onlineform li select { color: #999999; display: block; width: 100%; background: url(../images/selcet.png) no-repeat right center; height: 43px; line-height: 43px; padding-left: 40px; }

.Onlineform li input { display: block; width: 100%; background: none; height: 24px; line-height: 24px; }

.Onlineform li input::-webkit-input-placeholder { color: #999; }

.Onlineform li input:-moz-placeholder { color: #999; }

.Onlineform li input::-moz-placeholder { color: #999; }

.Onlineform li input:-ms-input-placeholder { color: #999; }

.Onlineform li textarea { display: block; padding: 0; height: 100%; width: 100%; }

.Onlineform li textarea::-webkit-input-placeholder { color: #999; }

.Onlineform li textarea:-moz-placeholder { color: #999; }

.Onlineform li textarea::-moz-placeholder { color: #999; }

.Onlineform li textarea:-ms-input-placeholder { color: #999; }

.Onlineform li:nth-child(1) label { padding: 0 10px 0 0; background-image: url(../images/icon30.png); }

.Onlineform li:nth-child(2) label { background-image: url(../images/icon31.png); }

.Onlineform li:nth-child(3) label { background-image: url(../images/icon32.png); }

.Onlineform li:nth-child(4) label { height: 124px; background-image: url(../images/icon33.png); }

.Onlineform li.last { margin-top: 19px; }

.Onlineform li.last input { background-color: #f7931c; height: 50px; line-height: 50px; color: #FFFFFF; font-size: 16px; }

.Populartags { padding: 20px 0 0; }

.Populartags .tagelist { font-size: 0; margin-right: -4px; padding: 10px 0 0 0; }

.Populartags a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; color: #999999; background-color: #FFFFFF; border: 1px solid #e6e6e6; font-size: 14px; text-align: center; height: 50px; line-height: 50px; padding: 0 14px; margin: 0 4px 12px; }

.Populartags a:hover, .Populartags a.cur { background-color: #f7931c; color: #FFFFFF; border-color: #f7931c; }

@media (min-width: 1024px) { .Populartags { padding: 37px 0 0; }
  .Populartags .tagelist { padding: 25px 0 0 0; } }

.nypartaner .case-box { overflow: hidden; }

.nypartaner .case-box ul { margin: 0 -10px; }

.nypartaner .case-box li { margin-bottom: 20px; }

@media (min-width: 1024px) { .nypartaner { padding: 65px 0 57px; }
  .nypartaner .case-box ul { padding-bottom: 39px; } }

.nynewslist { padding: 0 0 20px 0; }

.nynewslist dl { border-bottom: 1px solid #ebebeb; padding: 15px 0; }

.nynewslist dl:first-child { padding-top: 0; }

.nynewslist dl:hover dt .date { background-color: #f7931c; }

.nynewslist dl:hover dd h4.name a { color: #f7931c; }

.nynewslist dl dt { position: relative; }

.nynewslist dl dt img { display: block; }

.nynewslist dl dt .date { -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; position: absolute; top: 0; left: 0; background-color: #cccccc; color: #FFFFFF; text-align: center; padding: 5px; }

.nynewslist dl dt .date span { display: block; }

.nynewslist dl dt .date span.day { font-size: 20px; font-weight: bold; }

.nynewslist dl dd { padding: 10px 0 0; }

.nynewslist dl dd h4.name { font-size: 16px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 0 0 5px 0; }

.nynewslist dl dd h4.name a { -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.nynewslist dl dd p.text { color: #808080; height: 66px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.bottinfor { padding: 10px 0 0 0; }

.bottinfor a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #999999; font-size: 12px; }

.bottinfor .lefttags { font-size: 0; }

.bottinfor .lefttags a { padding: 0 16px; text-align: center; margin-right: 6px; height: 32px; line-height: 32px; border: 1px solid #e6e6e6; }

.bottinfor .lefttags a:hover, .bottinfor .lefttags a.cur { background-color: #f7931c; color: #FFFFFF; border-color: #f7931c; }

.bottinfor .rightInter { font-size: 0; padding: 10px 0 0 0; }

.bottinfor .rightInter a { font-size: 12px; background-position: left center; background-repeat: no-repeat; padding: 0 0 0 25px; }

.bottinfor .rightInter a:hover, .bottinfor .rightInter a.cur { color: #f7931c; }

.bottinfor .rightInter a.read { background-image: url(../images/icon34.png); }

.bottinfor .rightInter a.read:hover, .bottinfor .rightInter a.read.cur { background-image: url(../images/icon34ho.png); }

.bottinfor .rightInter a.thumbs { background-image: url(../images/icon35.png); margin: 0 0 0 15px; }

.bottinfor .rightInter a.thumbs:hover, .bottinfor .rightInter a.thumbs.cur { background-image: url(../images/icon35ho.png); }

.breakingnews { padding: 15px 0; }

.breakingnews img { display: block; }

.breakingnews h4.name { font-weight: bold; font-size: 16px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 10px 0 5px 0; }

.breakingnews p.text { color: #666666; height: 66px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.recomnew { border-top: 1px solid #e6e6e6; padding: 15px 0 0 0; }

.recomnew a { display: block; position: relative; padding: 0 0 0 32px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 0 0 15px 0; color: #666666; }

.recomnew a em { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #FFFFFF; background-color: #b3b3b3; font-size: 12px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.recomnew a:nth-child(1) em, .recomnew a:nth-child(2) em, .recomnew a:nth-child(3) em { background-color: #007aff; }

.recomnew a:hover { color: #f7931c; }

@media (min-width: 768px) { .nynewslist { padding: 0 0 30px 0; }
  .nynewslist dl dt { float: left; width: 33%; }
  .nynewslist dl dd { padding: 10px 0 0 36%; }
  .bottinfor .lefttags { float: left; width: 68%; }
  .bottinfor .rightInter { float: right; padding: 4px 0 0 0; width: 120px; } }

@media (min-width: 1024px) { .NewsCenterny { padding: 78px 0 82px; }
  .nynewslist { padding: 0 0 52px 0; }
  .nynewslist dl:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .nynewslist dl dt p.img { overflow: hidden; }
  .nynewslist dl dt p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
  .nynewslist dl dd p.text { height: 44px; }
  .breakingnews h4.name { font-size: 16px; line-height: 28px; height: 28px; margin-top: 15px; }
  .breakingnews p.text { font-size: 14px; line-height: 24px; height: 72px; }
  .recomnew { padding: 21px 0 0 0; margin: 8px 0 0 0; } }

@media (min-width: 1199px) { .nynewslist dl { padding: 30px 0; }
  .nynewslist dl dd { padding-top: 12px; }
  .nynewslist dl dd h4.name { font-size: 20px; height: 36px; line-height: 36px; }
  .nynewslist dl dd p.text { font-size: 15px; line-height: 28px; height: 56px; }
  .nynewslist dl dt .date { padding: 12px 8px 6px; }
  .nynewslist dl dt .date span.day { font-size: 24px; }
  .bottinfor { padding: 33px 0 0 0; } }

.newsdetailtitle { border-bottom: 1px solid #ebebeb; padding: 0 0 15px 0; margin: 0 0 15px 0; }

.newsdetailtitle h2 { font-size: 20px; line-height: 26px; font-weight: bold; color: #4c4c4c; }

.newsdetailtitle .bottinfor .lefttags { font-size: 14px; color: #666666; }

.newsdetailcont { padding: 10px 0; color: #666666; }

@media (min-width: 1024px) { .newsdetailtitle h2 { font-size: 24px; line-height: 36px; }
  .newsdetailtitle .bottinfor { padding: 23px 0 0 0; }
  .newsdetailcont { font-size: 15px; line-height: 30px; } }

.newsshare { text-align: left; font-size: 0; padding: 10px 0; }

.newsshare span { font-size: 14px; color: #666666; }

#newsshare a { float: none; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 22px; height: 22px; margin: 0 4px 0 0; padding: 0; }

#newsshare .weixin { background: url(../images/wq_icon4.png) no-repeat center center; }

#newsshare .xinlang { background: url(../images/wq_icon5.png) no-repeat center center; }

#newsshare .QQkongjian { background: url(../images/wq_icon6.png) no-repeat center center; }

#newsshare .QQ { background: url(../images/wq_icon7.png) no-repeat center center; }

#newsshare .renren { background: url(../images/wq_icon8.png) no-repeat center center; }

#newsshare .douban { background: url(../images/wq_icon9.png) no-repeat center center; }

.newsdetailfoot dl { border: 1px solid #ebebeb; border-left: none; border-right: none; font-size: 14px; padding: 9px 0px; }

.newsdetailfoot dl span { display: inline-block; color: #666666; line-height: 27px; padding: 0 10px 0 0; }

.newsdetailfoot dl a { color: #666; }

.newsdetailfoot dl dd { float: none; }

.newsdetailfoot dl dt { float: none; }

.newsdetailfoot dl dd, .newsdetailfoot dl dt { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; }

.newsdetailfoot dl dd:hover a, .newsdetailfoot dl dt:hover a { color: #f7931c; }

@media (min-width: 768px) { .newsshare { padding: 16px 0 23px; }
  .newsdetailfoot dl dt { text-align: right; }
  .newsdetailfoot dl dt, .newsdetailfoot dl dd { float: left; width: 50%; } }

.feedbookcont401 { padding: 36px 0; color: #333333; background-color: #ffffff; }

.feedbacktips em, .feedbacktips401 em { color: #0068b7; }

.feedbacklabel401 { margin-bottom: 10px; }

.feedback401 { background-color: #FFFFFF; margin-top: 30px; }

.feedback401 ul li { padding-bottom: 15px; }

.feedback401 ul li label { display: block; border: 1px solid #e6e6e6; padding: 5px 10px; height: 37px; }

.feedbacklabel401 { display: block; }

.feedbacklabel401 em { color: #0068b7; margin-right: 8px; }

.feedbacktext401 { width: 100%; height: 27px; line-height: 27px; background-color: #ffffff; padding: 0; }

.feedbackarea401 { width: 100%; height: 126px; border: 1px solid #dcdcdc; background-color: #ffffff; padding: 12px; }

.feedback401 ul li.lastfeedback401 { width: 100%; }

.feedbackbtn401 { text-align: center; }

.feedbackbtn401 input { width: 118px; height: 35px; line-height: 35px; background-color: #0069d2; font-size: 18px; margin: 0 6px; color: #ffffff; cursor: pointer; }

.feedbackbtn401 input.feedbackrebtn401 { background-color: #cccccc; }

.feedbackcode401 { border: 1px solid #dcdcdc; width: 100%; height: 38px; background-color: #ffffff; position: relative; }

.feedbackcode401 input { width: 100%; height: 36px; padding-left: 12px; }

.feedbackcodeimg401 { display: block; position: absolute; top: 0px; right: 0; }

.feedbackcodeimg401 img { display: block; width: 83px; height: 36px; }

@media (min-width: 768px) { .feedbookcont401 { padding: 53px 0 86px; }
  .feedbacktips401 { font-size: 16px; }
  .feedback401 { margin-top: 65px; }
  .feedback401 ul li { width: 41%; float: left; padding-bottom: 15px; }
  .feedback401 ul li:nth-child(2n) { float: right; }
  .feedbacklabel401 { font-size: 16px; }
  .feedbacklabel401 { margin-bottom: 15px; }
  .feedbackarea401 { height: 232px; }
  .feedbackbtn401 input.feedbackrebtn401 { margin-left: 20px; }
  .feedbackcode401 { width: 217px; } }

@media (min-width: 1024px) { .feedback401 { padding-right: 20%; }
  .feedbackbtn401 { margin-top: 40px; } }

.download-list ul { padding-bottom: 30px; }

.download-list ul li { padding: 0 10px; font-size: 14px; text-align: center; color: #999999; height: 50px; line-height: 50px; border-bottom: 1px solid #EBEBEB; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; overflow: hidden; position: relative; }

.download-list ul li .file-name { height: 50px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.download-list ul li .file-load { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; width: 30px; height: 30px; display: inline-block; background: url(../images/icon36.png) center center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.file-name { float: left; width: 50%; display: block; text-align: left; }

.file-time { float: left; width: 40%; display: block; }

@media (min-width: 768px) { .download-list ul { padding-bottom: 51px; }
  .download-list ul li { padding: 0 36px 0 20px; font-size: 15px; }
  .download-list ul li { height: 74px; line-height: 74px; }
  .download-list ul li .file-name { height: 74px; line-height: 74px; font-size: 18px; }
  .download-list ul li .file-load { width: 40px; height: 40px; }
  .download-list ul li:hover, .download-list ul li:hover .file-name { color: #f7931c; }
  .download-list ul li:hover .file-load { background-image: url(../images/icon36ho.png); }
  .download-list ul li .down-loadbtn { width: 26px; height: 26px; } }

@media (min-width: 1024px) { .downloadcenter { padding: 57px 0 63px; }
  .download-list ul li { height: 134px; line-height: 134px; }
  .download-list ul li .file-load { width: 52px; height: 52px; }
  .download-list ul li .file-name { height: 134px; line-height: 134px; }
  .file-name { width: 65%; }
  .file-time { width: 25%; } }

.Negotiable dl dt img { display: block; width: 100%; }

.Negotiable dl dd { padding: 20px 0 0 0; }

.Negotiable dl dd h4.name { font-weight: bold; font-size: 16px; padding: 0 0 10px 0; }

.Negotiable dl dd .price { color: #666666; background: #f2f2f2 url(../images/icon40.png) no-repeat 15px center; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px; padding: 10px 10px 10px 40px; margin: 0 0 10px 0; }

.Negotiable dl dd .price .much { font-size: 20px; color: #f7931c; }

.Negotiable dl dd .commona { font-size: 0; margin: 5px 0 0 0; position: relative; padding: 0 0 0 80px; }

.Negotiable dl dd .commona .type { color: #666666; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.Negotiable dl dd .commona a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; color: #999999; border: 1px solid #e6e6e6; padding: 4px 12px; margin: 4px 2px 4px; }

.Negotiable dl dd .commona a:hover, .Negotiable dl dd .commona a.cur { color: #0069d7; border-color: #0069d7; }

.Negotiable dl dd .advisory { font-size: 0; margin: 10px 0 0 0; }

.Negotiable dl dd .advisory a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-repeat: no-repeat; background-position: 22px center; font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 10px 27px 10px 54px; margin: 0 8px 10px 0; }

.Negotiable dl dd .advisory .teladv { background-image: url(../images/icon37.png); background-color: #0069d7; }

.Negotiable dl dd .advisory .onladv { background-image: url(../images/icon38.png); background-color: #f7931c; }

.Negotiable dl dd .advisory .Higadv { background-image: url(../images/icon39.png); background-color: #83c000; }

.Negotiable dl dd .advisory .telphonemain { display: none; }

@media (min-width: 1024px) { .Negotiable { padding: 40px 0; }
  .Negotiable dl dt { float: left; width: 34.9%; }
  .Negotiable dl dd { float: right; width: 60.6%; padding: 0; }
  .Negotiable dl dd h4.name { font-size: 18px; padding: 0 0 18px 0; }
  .Negotiable dl dd .commona { margin: 13px 0 0 0; }
  .Negotiable dl dd .commona a { padding: 5px 16px; margin: 0 5px; }
  .Negotiable dl dd .advisory { margin: 24px 0 0 0; position: relative; }
  .Negotiable dl dd .advisory a { margin-bottom: 0; }
  .Negotiable dl dd .advisory .telphonemain { position: absolute; top: -51px; left: 0; font-size: 14px; border: 1px solid #3f75b4; padding: 7px 20px; background-color: #FFFFFF; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .Negotiable dl dd .advisory .telphonemain:after { display: inline-block; content: ""; width: 20px; height: 11px; background: #FFFFFF url(../images/callicon.png) no-repeat center center; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -11px; } }

@media (min-width: 1200px) { .Negotiable { padding: 50px 0 65px 0; }
  .Negotiable dl dd .advisory { margin: 46px 0 0 0; }
  .Negotiable dl dd .advisory a { font-size: 15px; margin: 0 15px 0 0; }
  .Negotiable dl dd .price { font-size: 16px; padding: 20px 10px 17px 50px; background-position: 18px center; -moz-background-size: 17px; -o-background-size: 17px; background-size: 17px; }
  .Negotiable dl dd .price .much { font-size: 24px; }
  .Negotiable dl dd .commona { margin: 25px 0 0 0; } }

.n-nav li { float: none; width: 100%; position: relative; }

.n-nav h4 a { width: 100%; display: block; font-size: 16px; }

.n-nav li h5 { width: 100%; display: block; line-height: 35px; font-size: 16px; padding: 0 8px; }

.nr-ernav { background-color: #ffffff; display: none; position: absolute; top: 50px; left: 0; right: 0; padding: 0 10px; z-index: 99; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.nr-ernav .twoernav { display: none; padding: 0 20px; border-bottom: 1px solid #e6e6e6; }

.nr-ernav li h5 em.show { position: absolute; right: 13px; top: 0; width: 17px; height: 35px; background: url(../images/zimg09.png) no-repeat center center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.nr-ernav li h5.cur em.show { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.n-nav { position: relative; }

.n-nav li a { display: block; }

.n-nav li a:hover, .n-nav li a.cur { color: #0069d7; }

.zsannavbtn { width: 100%; background-color: #0d71ca; padding: 0 20px; position: relative; height: 50px; line-height: 50px; }

.zsannavbtn.cur em { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.zsannavbtn em { background: url(../images/zimg05.png) no-repeat; width: 23px; height: 16px; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; display: block; position: absolute; top: 50%; margin-top: -8px; right: 20px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.zsannavbtn a { font-size: 18px; color: #fff; }

.nav-hd { display: none; }

.nav-hd .cn-tit img { display: none; }

@media (min-width: 1024px) { .zsannavbtn { display: none; }
  .nr-ernav { display: block; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; }
  .n-nav li { border-bottom: 1px solid #f5f5f5; padding: 17px 25px; }
  .n-nav li h5 { line-height: 26px; padding: 0; }
  .n-nav li:last-child { border: 0; }
  .nav-hd { background: #0069d7; padding: 0 25px; display: block; position: relative; height: 56px; }
  .nav-hd .cn-tit { background: none; color: #FFF; font-size: 18px; font-weight: bold; height: 56px; line-height: 56px; }
  .nav-hd .cn-tit img { display: block; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; } }

.Related { padding: 20px 0; }

.Related .commonh5 { padding: 0 0 0 10px; }

@media (min-width: 1024px) { .Related { padding: 0; }
  .Related .commonh5 { padding: 16px 24px; background-color: #ededed; } }

.Serviceslis { padding: 15px 0 0; }

.Serviceslis li { float: left; width: 20%; text-align: center; font-size: 12px; line-height: 18px; }

.Serviceslis li img { display: block; background-color: #FFFFFF; border: 1px solid #cecece; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto 8px; width: 54px; height: 54px; }

.Serviceslis li p { color: #666666; font-weight: bold; }

@media (min-width: 1024px) { .Serviceslis li { float: none; width: 100%; text-align: left; padding: 17px 24px; }
  .Serviceslis li img { margin: 0; }
  .Serviceslis li img, .Serviceslis li p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; vertical-align: middle; }
  .Serviceslis li p { font-size: 16px; margin: 0 0 0 16px; }
  .Serviceslis li:hover p { color: #f7931c; } }

.topnamehingt .commonh6 { background-color: #0069d7; color: #FFFFFF; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; text-align: center; padding: 8px 20px; position: relative; font-weight: bold; }

.topnamehingt .commonh6:after { content: ""; display: block; border-top: 10px solid #0069d7; border-left: 9px solid transparent; border-right: 10px solid transparent; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; }

@media (min-width: 1024px) { .topnamehingt .commonh6 { padding: 14px 38px; } }

.webcommontext { color: #808080; }

.fieldlis li { text-align: center; color: #333333; float: left; width: 33.33%; margin: 0 0 15px 0; }

.fieldlis li img { display: block; margin: 0 auto 10px; width: 90px; }

.fieldlis li p { line-height: 20px; height: 40px; }

@media (min-width: 1024px) { .fieldlis { padding: 10px 0; }
  .fieldlis li { width: 25%; padding: 0 47px; }
  .fieldlis li img { width: 118px; margin-bottom: 16px; } }

table, table tr, table td { border: 1px solid #f2f2f2; text-align: center; color: #333333; }

@media (min-width: 1024px) { table { width: 100%; }
  table td { padding: 12px; }
  table, table tr, table td { font-size: 16px; } }

.bigimage { overflow: auto; }

.bigimage img { max-width: none; }

@media (min-width: 1024px) { .bigimage { overflow: hidden; }
  .bigimage img { max-width: 100%; } }

.Processlist { overflow: hidden; padding: 15px 0; }

.Processlist ul { margin: 0 -5px; }

.Processlist li { width: 33.33%; float: left; text-align: center; line-height: 20px; padding: 0 5px; margin: 0 0 10px; }

.Processlist li img { display: block; background-color: #FFFFFF; border: 1px solid #f7931c; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 80px; margin: 0 auto 5px; }

.Processlist li p.commontext16 { height: 20px; line-height: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; }

.Processlist li p.text { height: 60px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 12px; }

@media (min-width: 1024px) { .Highbusiness { background-color: #f2f2f2; padding: 67px 0; }
  .webmenu { float: left; width: 22.22%; background-color: #FFFFFF; }
  .webcontent { width: 75.5%; float: right; background-color: #FFFFFF; }
  .webcommontext { line-height: 26px; padding: 0 22px; }
  .Processlist { padding: 40px 0; overflow: hidden; }
  .Processlist ul { margin: 0 -26px; }
  .Processlist li { width: 20%; padding: 0 26px; position: relative; }
  .Processlist li:after { content: ""; display: block; width: 44px; height: 1px; background-color: #cccccc; position: absolute; top: 45px; right: -23px; }
  .Processlist li:last-child:after { display: none; }
  .Processlist li img { width: 90px; margin-bottom: 18px; }
  .Processlist li p.text { font-size: 14px; line-height: 24px; height: 72px; margin-top: 7px; } }

.honourlist { overflow: hidden; padding: 20px 0; position: relative; }

.honourlist ul { margin: 0 -5px; }

.honourlist ul.swiper-wrapper { margin: 0; }

.honourlist ul { text-align: center; font-size: 0; }

.honourlist li { float: left; width: 50%; padding: 0 5px; margin-bottom: 10px; font-size: 16px; text-align: center; }

.honourlist li.disb { float: none; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }

.honourlist li img { display: block; }

.honourlist li.swiper-slide { padding: 0; }

.honotbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 12px; }

.honotbtn span { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #cccccc; overflow: hidden; margin: 0 3px; cursor: pointer; opacity: 1 !important; }

.honotbtn span.swiper-pagination-bullet-active { background: #f7931c; }

@media (min-width: 768px) { .honourlist { padding-bottom: 36px; }
  .honourlist ul { margin: 0 -6px; }
  .honourlist ul li { width: 25%; padding: 0 6px; }
  .honourlist li.disb { width: 50%; } }

.Complaintsm li { margin-bottom: 13px; }

.Complaintsm label { display: block; cursor: auto; }

.Complaintsm label input { font-family: "Microsoft YaHei"; }

.Complaintsm label span { display: block; font-size: 15px; margin-bottom: 5px; color: #666; }

.Complaintsm span em { color: #eb1b1b; margin-right: 4px; }

.Complaintsm label input[type=text] { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; }

.Complaintsm label input[type=checkbox] { width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; cursor: pointer; margin: 0; }

.Complaintsm label p.checkbox { float: left; background-image: url(../images/icon61.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; position: relative; margin-right: 10px; color: #808080; }

.Complaintsm label p.checkbox.on { background-image: url(../images/icon61ho.png); color: #0073be; }

.Complaintsm label p.checkbox:last-child { margin-right: 0; }

.Complaintsm label p.vccode { position: relative; }

.Complaintsm label p.vccode input { padding-right: 90px; }

.Complaintsm label .changecode { position: absolute; right: 7px; top: 5px; width: 79px; height: 29px; cursor: pointer; }

.Complaintsm label .changecode img { max-width: 100%; }

.Complaintsm label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 164px; font-family: "Microsoft YaHei"; }

.Complaintsm li.lastli label { text-align: center; }

.Complaintsm li.lastli label input { width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; font-family: "Microsoft YaHei"; }

.Complaintsm label input[type=reset] { background-color: #f7931c; }

.Complaintsm label input[type=submit] { background-color: #0073be; }

.Personalitle { position: relative; margin: 0 0 15px 0; }

.Personalitle .formdown { padding: 0 30px 0 0; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: #666666; background: url(../images/icon60.png) no-repeat right center; }

.Personalitle .formdown:hover, .Personalitle .formdown.cur { color: #0069d7; background-image: url(../images/icon60ho.png); }

.Financial dl { padding: 10px 0; color: #666666; }

.Financial dl dt { margin: 0 0 5px 0; }

.Financial dl dd { width: 32%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 3px 0 0; max-width: 176px; }

.Financial dl dd label { padding: 0 0 0 50px; position: relative; }

.Financial dl dd label span { position: absolute; width: 50px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 13px; left: 0; max-width: 68px; min-width: auto; }

.Financial dl dd label input[type=text] { max-width: 110px; }

.commontext16 em { color: #666666; font-weight: normal; }

.readipbox .radio { background: url(../images/icon62.png) no-repeat left center; cursor: pointer; float: left; color: #808080; }

.readipbox .radio input { opacity: 0; }

.readipbox .radio.on { background-image: url(../images/icon62ho.png); }

@media (max-width: 320px) { .Complaintsm label p.checkbox { width: 30%; }
  .Financial dl dd label span { font-size: 12px; } }

@media (min-width: 768px) { .Complaintsm { padding: 30px 0 0 0; }
  .Complaintsm li { margin-bottom: 24px; float: left; width: 46%; }
  .Complaintsm li.floatnone { width: 100%; }
  .Complaintsm label { position: relative; }
  .Complaintsm .checkboxwrp { padding: 0 0 0 92px; }
  .Complaintsm label textarea { width: 92%; }
  .Complaintsm label input[type=text] { max-width: 270px; float: left; }
  .Complaintsm label p.checkbox { height: 40px; line-height: 40px; margin-right: 26px; }
  .Complaintsm label span { height: 40px; line-height: 40px; min-width: 87px; float: left; margin: 0 5px 0 0; max-width: 172px; overflow: hidden; }
  .Complaintsm label p.vccode { width: 280px; height: 40px; float: left; }
  .Complaintsm li.lastli { margin-bottom: 0; }
  .Complaintsm li.lastli label input { font-size: 16px; margin-left: 15px; }
  .Complaintsm li.libottom:nth-child(even) span { text-align: left; }
  .Financial .commontext16 { margin-bottom: 15px; }
  .Financial dl { position: relative; padding: 15px 0 15px 150px; font-size: 15px; }
  .Financial dl dt { position: absolute; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 140px; }
  .Financial dl dd { margin: 0 15px 0 0; }
  .Financial dl dd:last-child { margin-right: 0; }
  .Financial dl dd label { padding: 0 0 0 64px; }
  .Financial dl dd label span { font-size: 15px; }
  .readipbox .radio { height: 40px; line-height: 40px; margin: 0 23px 0 0; } }

@media (min-width: 1024px) { .situation { padding: 53px 0 48px; }
  .enterprise { padding: 0 8%; }
  .Personalitle { margin: 0 0 34px 0; }
  .Complaintsm label span { text-align: right; }
  .Complaintsm li.lastli label input { width: 125px; height: 46px; line-height: 46px; }
  .Complaintsm label textarea { width: 88%; }
  .Complaintsm label input[type=text] { height: 42px; line-height: 42px; }
  .Complaintsm li { margin: 0 0 30px 0; }
  .Complaintsm li.lieach:nth-child(even) { float: right; }
  .Complaintsm li.libottom:nth-child(odd) { float: right; }
  .Complaintsm li.limiddle:nth-child(odd) { float: right; }
  .Complaintsm li.libottom label input[type=text] { max-width: 254px; }
  .Complaintsm li.limiddle:nth-child(even) label input[type=text] { max-width: 240px; }
  .Complaintsm li:nth-last-child(7) label input[type=text] { max-width: 209px; }
  .Complaintsm li:nth-last-child(6) label input[type=text] { max-width: 236px; }
  .radiowrp { padding: 14px 0 0 0; }
  .commontext16 em { font-size: 14px; } }

@media (min-width: 1199px) { .enterprise { padding: 0 14%; } }

@media (min-width: 1280px) { .enterprise { padding: 0 16.5%; } }

.advantagelis dl { border: 1px solid #e6e6e6; padding: 10px; margin: 15px 0 0 0; }

.advantagelis dl dt { color: #333333; font-weight: bold; margin: 0 0 5px 0; }

.advantagelis dl dt img { vertical-align: -7px; margin: 0 5px 0 0; }

.advantagelis dl dd { line-height: 21px; }

@media (min-width: 1024px) { .advantagelis dl { width: 48%; float: left; padding: 33px 18px 10px; margin: 25px 0 0 0; }
  .advantagelis dl:nth-child(even) { float: right; }
  .advantagelis dl dt { font-size: 16px; margin: 0 0 10px 0; }
  .advantagelis dl dt img { margin: 0 10px 0 0; }
  .advantagelis dl dd { height: 63px; } }

#Category a:hover, #Category a.cur { border-color: #e6e6e6; }

#Category .tip-chiose { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; color: #0069d7; height: 34px; line-height: 34px; margin: 4px 2px 4px; }

@media (min-width: 1024px) { #Category .tip-chiose { height: 36px; line-height: 36px; margin: 0; } }

.SelectCategory { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; }

.SelectCategory .selectbg { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

.SelectCategory .modal-dialog { background: #ffffff; width: 374px; height: 362px; top: 50%; left: 50%; margin: -181px 0 0 -187px; position: fixed; }

.SelectCategory .modal-dialog .modal-content { padding: 10px; }

.SelectCategory .modal-dialog .modal-content .commontext16 { padding: 0 0 10px 0; }

.SelectCategory .modal-dialog .modal-content .midal-list { font-size: 0; max-height: 264px; overflow-y: auto; }

.SelectCategory .modal-dialog .modal-content .midal-list a { font-size: 13px; margin: 0 14px 14px 0; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; border: 1px solid #ebebeb; color: #808080; width: 94px; height: 30px; line-height: 30px; text-align: center; }

.SelectCategory .modal-dialog .modal-content .midal-list a:hover, .SelectCategory .modal-dialog .modal-content .midal-list a.cur { color: #0069d7; border-color: #0069d7; }



.SelectCategory .modal-dialog .modal-content .midal-list2 { font-size: 0; max-height: 264px; overflow-y: auto; }

.SelectCategory .modal-dialog .modal-content .midal-list2 a { font-size: 13px; margin: 0 14px 14px 0; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; border: 1px solid #ebebeb; color: #808080; width: 94px; height: 30px; line-height: 30px; text-align: center; }

.SelectCategory .modal-dialog .modal-content .midal-list2 a:hover, .SelectCategory .modal-dialog .modal-content .midal-list2 a.cur { color: #0069d7; border-color: #0069d7; }







.SelectCategory .modal-dialog .modal-content .midal-btn { text-align: center; font-size: 0; padding: 10px 0 0 0; }

.SelectCategory .modal-dialog .modal-content .midal-btn a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 15px; color: #FFFFFF; text-align: center; width: 86px; height: 34px; line-height: 34px; margin: 0 6px; }

.SelectCategory .modal-dialog .modal-content .midal-btn .cancel { display: none; color: #333333; border: 1px solid #cccccc; }

.SelectCategory .modal-dialog .modal-content .midal-btn .selectall { background-color: #0069d7; }

.SelectCategory .modal-dialog .modal-content .midal-btn .determine { background-color: #f7931c; }

.SelectCategory .modal-dialog .modal-content .midal-btn2 { text-align: center; font-size: 0; padding: 10px 0 0 0; }

.SelectCategory .modal-dialog .modal-content .midal-btn2 a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 15px; color: #FFFFFF; text-align: center; width: 86px; height: 34px; line-height: 34px; margin: 0 6px; }

.SelectCategory .modal-dialog .modal-content .midal-btn2 .cancel { display: none; color: #333333; border: 1px solid #cccccc; }

.SelectCategory .modal-dialog .modal-content .midal-btn2 .selectall { background-color: #0069d7; }

.SelectCategory .modal-dialog .modal-content .midal-btn2 .determine { background-color: #f7931c; }



@media (min-width: 768px) { .SelectCategory .modal-dialog { width: 690px; height: 386px; margin: -193px 0 0 -345px; }
  .SelectCategory .modal-dialog .modal-content { padding: 15px 5px 15px 15px; } }

@media (min-width: 1024px) { .SelectCategory .modal-dialog { width: 916px; height: 416px; margin: -208px 0 0 -458px; }
  .SelectCategory .modal-dialog .modal-content { padding: 20px 16px 20px 32px; color: #666666; }
  .SelectCategory .modal-dialog .modal-content .commontext16 { padding: 0 0 21px 0; }
  .SelectCategory .modal-dialog .modal-content .midal-btn { padding: 23px 0 13px 0; }
   .SelectCategory .modal-dialog .modal-content .midal-btn2 { padding: 23px 0 13px 0; }
}

.input-wraper { background-color: #f5f5f5; }

.change-address { margin-bottom: 0; border-bottom: 1px solid #ebebeb; padding: 10px; color: #666666; position: relative; }

.change-address:last-child { border: 0; }

.mechalis { font-size: 0; }

.mechalis a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #666666; font-size: 12px; margin: 0 5px; }

.mechalis a:hover, .mechalis a.cur { color: #f7931c; }

.change-address span.change { font-style: normal; margin: 0 10px 0 0; color: #333333; font-size: 13px; max-width: 78px; display: block; height: 36px; line-height: 36px; background: none; }

.change-address .select-box { height: 36px; border: 1px solid #cccccc; overflow: hidden; margin-left: -1px; padding: 0; position: relative; max-width: 200px; }

.change-address .select-box:after { content: ""; display: block; width: 19px; height: 36px; background: url(../images/selcet.png) no-repeat center center; -moz-background-size: 10px; -o-background-size: 10px; background-size: 10px; position: absolute; right: 3px; top: 0; }

.bd_weixin_popup_main table, .bd_weixin_popup_main table tr, .bd_weixin_popup_main table td { border: 0; }

.change-address .select-box select { width: 100%; height: 35px; line-height: 35px; padding: 0 10px; cursor: pointer; background: none; }

.easearchbox { width: 100%; position: relative; }

.easearchbox input { float: left; display: block; width: 100%; }

.easearchbox label { display: block; }

.easearchbox .keywords { padding-left: 10px; background: #ffffff; max-width: 152px; border: 1px solid #e8e8e8; margin: 0 6px 0 0; height: 28px; line-height: 28px; color: #333333; }

.easearchbox .searchbtn { width: 56px; background-color: #0069d2; color: #FFFFFF; height: 28px; line-height: 26px; }

.change-address .change { font-size: 13px; }

.filters { font-size: 0; }

.filters a { margin: 0 5px 5px; background-color: #FFFFFF; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 12px; position: relative; color: #999999; border: 1px solid #e8e8e8; height: 28px; line-height: 28px; padding: 0 20px 0 5px; }

.filters a:after, .filters a:before { content: ""; position: absolute; width: 9px; height: 1px; background-color: currentColor; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 5px; }

.filters a:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.filters a:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.filters a:hover { color: #f7931c; border-color: #f7931c; }

.filters a:hover:after, .filters a:hover:before { background-color: #f7931c; }

.filters .clearsp { font-size: 13px; color: #0069d7; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; height: 28px; line-height: 28px; cursor: pointer; margin: 0 0 0 5px; }

@media (min-width: 768px) { .change-address, .change-address span.change { font-size: 15px; }
  .change-address span.change { float: left; max-width: 95px; }
  .change-address .eareabox { float: left; width: 84%; font-size: 15px; }
  .change-address .eareabox a { font-size: 15px; height: 36px; line-height: 36px; }
  .easearchbox { padding: 5px 0 0 0; }
  .change-address .eareabox .filters { font-size: 0; padding: 6px 0 0 0; }
  .change-address .eareabox .filters a { font-size: 14px; height: 28px; line-height: 28px; margin: 0 3px; } }

@media (min-width: 992px) { .input-wraper { padding: 14px 0 0 0; }
  .change-address { width: 100%; padding: 14px 30px; }
  .change-address:nth-last-child(1), .change-address:nth-last-child(2) { padding: 24px 30px; }
  .change-address .select-box { background-position: 90% center; -moz-background-size: auto 9px; -o-background-size: auto 9px; background-size: auto 9px; margin-right: 10px; } }

@media (min-width: 1024px) { .Technology { padding: 56px 0 67px; }
  .change-address { margin-bottom: 0; }
  .change-address .eareabox a { margin: 0 15px; } }

.Sciencelist ul li { margin: 0 0 15px 0; }

.Sciencelist ul li a { display: block; }

.Sciencelist ul li p.img img { display: block; width: 100%; }

.Sciencelist ul li .content { background-color: #f7f7f7; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.Sciencelist ul li p.tetx { height: 50px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; }

@media (min-width: 768px) { .Sciencelist { overflow: hidden; }
  .Sciencelist ul { margin: 0 -11px; }
  .Sciencelist ul li { padding: 0 11px; }
  .Sciencelist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .Sciencelist ul li p.img { overflow: hidden; }
  .Sciencelist ul li p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
  .Sciencelist ul li:hover .content { background-color: #0069d2; }
  .Sciencelist ul li:hover p.tetx { color: #FFFFFF; } }

@media (min-width: 1199px) { .Sciencelist { padding: 40px 0 0 0; }
  .Sciencelist ul { padding: 0 0 42px 0; }
  .Sciencelist ul li { margin: 0 0 23px 0; }
  .Sciencelist ul li p.tetx { height: 68px; line-height: 68px; padding: 0 30px; font-size: 16px; } }

.attachment a { background: url(../images/icon68.png) no-repeat left 1px; color: #0069d7; padding: 0 0 0 20px; }

.attachment a:hover { color: #f7931c; background-image: url(../images/icon68ho.png); }

@media (min-width: 1024px) { .attachment { padding: 20px 0 10px; } }

.application .chateonline { position: relative; margin-bottom: 6px; }

.application .chateonline .text { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 24px; }

.application .chateonline .text p { font-weight: bold; }

.application .chateonline img { display: block; }

.application .chateonline a.qq { display: block; }

.application .chateonline a.qq img { display: inline; width: 85px; height: 33px; }

.recomnew h3.name { color: #0069d2; font-weight: bold; margin: 0 0 15px 0; }

.recomnew h3.name a { float: right; color: #999999; text-transform: capitalize; font-weight: normal; font-size: 13px; }

@media (min-width: 1024px) { .recomnew h3.name { font-size: 18px; margin: 0 0 25px 0; } }

.overhide { width: 39px; height: 24px; position: absolute; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/upimg.png); -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; display: none; cursor: pointer; }

.overhide.roll { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

@media (min-width: 1280px) { .overhide { right: -33px; } }

.changeoverhide .eareabox { position: relative; }

.changeoverhide .mechalis { -webkit-transition: height .5s ease; -o-transition: height .5s ease; -moz-transition: height .5s ease; transition: height .5s ease; position: relative; height: 24px; overflow: hidden; padding: 0 33px 0 0; }

.changeoverhide .mechalis.heightau { height: auto; }

@media (min-width: 768px) { .changeoverhide .mechalis { height: 36px; }
  .overhide { top: 5px; } }

@media (min-width: 1024px) { .changeoverhide .mechalis { padding: 0; } }

.Patentsalelist { position: relative; overflow: hidden; padding: 30px 0 0 0; }

.Patentsalelist ul { margin: 0 -5px; padding: 0 0 22px 0; }

.Patentsalelist li { padding: 0 5px; margin: 0 0 10px 0; }

.Patentsalelist li img { display: block; margin: 0 auto; }

.Patentsalelist li .content { border: 1px solid #e6e6e6; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.Patentsalelist li .content .pattext { background-color: #f7f7f7; position: relative; padding: 0 15px; height: 50px; line-height: 50px; }

.Patentsalelist li .content .pattext .name { font-weight: bold; height: 50px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 70px 0 0; }

.Patentsalelist li .content .pattext .Inquiry { display: block; width: 62px; height: 28px; line-height: 28px; text-align: center; background-color: #f7931c; color: #FFFFFF; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }

@media (min-width: 1024px) { .Patentales { padding: 57px 0; }
  .Patentsalelist { padding: 40px 0 0 0; }
  .Patentsalelist ul { margin: 0 -14px; }
  .Patentsalelist ul li { padding: 0 14px; margin: 0 0 28px 0; font-size: 16px; }
  .Patentsalelist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .Patentsalelist ul li p.img { overflow: hidden; }
  .Patentsalelist ul li p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
  .Patentsalelist ul li .content .pattext { padding: 0 15px; height: 62px; line-height: 62px; }
  .Patentsalelist ul li .content .pattext .name { height: 62px; line-height: 62px; }
  .Patentsalelist ul li .content .pattext .Inquiry:hover { background-color: #0069d7; }
  .Patentsalelist ul li:hover .content { border-color: #f7931c; } }

.application { padding: 11px 0; }

.Patenttrading dl dt { border: 1px solid #ebebeb; }

.Patenttrading dl dt img { display: block; width: 100%; }

.Patenttrading dl dd { padding: 20px 0 0 0; }

.Patenttrading dl dd h4.name { font-weight: bold; font-size: 16px; padding: 0 0 10px 0; }

.Patenttrading dl dd .advisory { font-size: 0; margin: 10px 0 0 0; }

.Patenttrading dl dd .advisory a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-repeat: no-repeat; background-position: 22px center; font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 10px 27px 10px 54px; margin: 0 8px 10px 0; }

.Patenttrading dl dd .advisory .teladv { background-image: url(../images/icon37.png); background-color: #0069d7; }

.Patenttrading dl dd .advisory .onladv { background-image: url(../images/icon38.png); background-color: #f7931c; }

.Patenttrading dl dd .advisory .telphonemain { display: none; }

.Patenttrading dl dd .patdatials { font-size: 13px; }

.Patenttrading dl dd .patdatials span { color: #666666; }

.Patenttrading dl dd .patdatials p:nth-last-child(1) { color: #999999; }

.Patenttrading dl dd .patdatials p:nth-last-child(1) em { color: #ff0000; }

.Patenttrading dl dd .patdatials .much { font-size: 20px; color: #f7931c; }

@media (min-width: 768px) { .Patenttrading dl dt { float: left; width: 46.5%; }
  .Patenttrading dl dd { float: right; width: 50.2%; padding: 0; } }

@media (min-width: 1024px) { .Patenttrading dl dd p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 17px 0 0; }
  .Patenttrading dl dd h4.name { font-size: 18px; padding: 0 0 15px 0; }
  .Patenttrading dl dd .advisory { margin: 17px 0 0 0; position: relative; }
  .Patenttrading dl dd .advisory a { margin-bottom: 0; }
  .Patenttrading dl dd .advisory .telphonemain { position: absolute; top: -53px; left: 0; font-size: 14px; border: 1px solid #3f75b4; padding: 7px 20px; background-color: #FFFFFF; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .Patenttrading dl dd .advisory .telphonemain:after { display: inline-block; content: ""; width: 20px; height: 11px; background: #FFFFFF url(../images/callicon.png) no-repeat center center; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -11px; } }

@media (min-width: 1200px) { .Patenttrading dl dd p { line-height: 36px; font-size: 15px; padding: 0 33px 0 0; }
  .Patenttrading dl dd p:nth-last-child(1) { line-height: 21px; margin: 6px 0 0 0; font-size: 14px; }
  .Patenttrading dl dd p:nth-last-child(2) { display: block; }
  .Patenttrading dl dd p span { font-size: 14px; }
  .Patenttrading dl dd .patdatials .much { font-size: 24px; }
  .Patenttrading dl dd .patdatials .advisory { margin: 24px 0 0 0; }
  .Patenttrading dl dd .patdatials .advisory a { font-size: 15px; margin: 0 15px 0 0; } }

.Patentalesdetil { color: #666666; padding: 30px 0 0 0; }

.Patentalesdetil h5 { color: #333333; }

.Patentalesdetil h5 img { vertical-align: middle; margin: 0 8px 0 0; }

.Patentalesdetil b { font-weight: normal; font-size: 15px; color: #333333; }

.Patentalesdetil .cimun { position: relative; padding: 0 0 0 50px; margin: 0 0 15px 0; min-height: 40px; }

.Patentalesdetil span.num { font-size: 20px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #edeef0; color: #999999; position: absolute; top: 2px; left: 0; }

@media (min-width: 1024px) { .Patentalesdetil { padding: 45px 0 0 0; line-height: 30px; font-size: 15px; }
  .Patentalesdetil b { font-size: 16px; }
  .Patentalesdetil .cimun { padding: 0 0 0 65px; margin: 0 0 35px 0; }
  .Patentalesdetil span.num { font-size: 24px; width: 50px; height: 50px; line-height: 50px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

.Trademarklist { position: relative; overflow: hidden; padding: 30px 0 0 0; }

.Trademarklist ul { margin: 0 -5px; padding: 0 0 15px 0; }

.Trademarklist li { padding: 0 5px; margin: 0 0 10px 0; }

.Trademarklist li img { display: block; margin: 0 auto; }

.Trademarklist li .content { border: 1px solid #e6e6e6; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; position: relative; }

.Trademarklist li .content .recom { display: block; position: absolute; top: -1px; left: -1px; width: 50px; height: 50px; padding: 3px 0 0 2px; font-size: 14px; font-weight: bold; color: #FFFFFF; background: url(../images/icon73.png) no-repeat center center; }

.Trademarklist li .content .pattext { background-color: #f7f7f7; position: relative; padding: 0 15px; height: 50px; line-height: 50px; }

.Trademarklist li .content .pattext .name { font-weight: bold; height: 50px; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 70px 0 0; }

.Trademarklist li .content .pattext .Inquiry { display: block; width: 62px; height: 28px; line-height: 28px; text-align: center; background-color: #f7931c; color: #FFFFFF; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }

@media (min-width: 1024px) { .Trademark { padding: 57px 0; }
  .Trademarklist { padding: 40px 0 0 0; }
  .Trademarklist ul { margin: 0 -14px; }
  .Trademarklist ul li { padding: 0 14px; margin: 0 0 28px 0; font-size: 16px; }
  .Trademarklist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .Trademarklist ul li p.img { overflow: hidden; }
  .Trademarklist ul li p.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
  .Trademarklist ul li .content .pattext { padding: 0 15px; height: 62px; line-height: 62px; }
  .Trademarklist ul li .content .pattext .name { height: 62px; line-height: 62px; }
  .Trademarklist ul li .content .recom { width: 64px; height: 64px; padding: 10px 0 0 5px; }
  .Trademarklist ul li .content .pattext { padding: 0 15px; }
  .Trademarklist ul li .content .pattext .Inquiry:hover { background-color: #0069d7; }
  .Trademarklist ul li:hover .content { border-color: #f7931c; } }

.Trademarkrading dl dt { border: 1px solid #ebebeb; }

.Trademarkrading dl dt img { display: block; width: 100%; }

.Trademarkrading dl dd { padding: 20px 0 0 0; }

.Trademarkrading dl dd h4.name { font-weight: bold; font-size: 16px; padding: 0 0 10px 0; }

.Trademarkrading dl dd .advisory { font-size: 0; margin: 10px 0 0 0; }

.Trademarkrading dl dd .advisory a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-repeat: no-repeat; background-position: 22px center; font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 10px 27px 10px 54px; margin: 0 8px 10px 0; }

.Trademarkrading dl dd .advisory .teladv { background-image: url(../images/icon37.png); background-color: #0069d7; }

.Trademarkrading dl dd .advisory .onladv { background-image: url(../images/icon38.png); background-color: #f7931c; }

.Trademarkrading dl dd .advisory .telphonemain { display: none; }

.Trademarkrading dl dd .patdatials { font-size: 13px; }

.Trademarkrading dl dd .patdatials span { color: #666666; }

.Trademarkrading dl dd .patdatials .much { font-size: 20px; color: #f7931c; }

@media (min-width: 768px) { .Trademarkrading dl dt { float: left; width: 46.5%; }
  .Trademarkrading dl dd { float: right; width: 50.2%; padding: 0; } }

@media (min-width: 1024px) { .Trademarkrading dl dd p { padding: 0 17px 0 0; }
  .Trademarkrading dl dd h4.name { font-size: 18px; padding: 0 0 15px 0; }
  .Trademarkrading dl dd .advisory { margin: 17px 0 0 0; position: relative; }
  .Trademarkrading dl dd .advisory a { margin-bottom: 0; }
  .Trademarkrading dl dd .advisory .telphonemain { position: absolute; top: -58px; left: 0; font-size: 14px; border: 1px solid #3f75b4; padding: 7px 20px; background-color: #FFFFFF; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .Trademarkrading dl dd .advisory .telphonemain:after { display: inline-block; content: ""; width: 20px; height: 11px; background: #FFFFFF url(../images/callicon.png) no-repeat center center; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -11px; } }

@media (min-width: 1200px) { .Trademarkrading dl dd h4.name { padding: 0 0 18px 0; }
  .Trademarkrading dl dd p { line-height: 30px; font-size: 15px; padding: 0 33px 5px 0; }
  .Trademarkrading dl dd p:nth-last-child(1) { line-height: 21px; margin: 6px 0 0 0; font-size: 14px; }
  .Trademarkrading dl dd p span { font-size: 14px; }
  .Trademarkrading dl dd .patdatials .much { font-size: 24px; }
  .Trademarkrading dl dd .advisory { margin: 37px 0 0 0; }
  .Trademarkrading dl dd .advisory a { font-size: 15px; margin: 0 15px 0 0; } }

.Trademarkdatial { color: #666666; padding: 30px 0 0 0; }

.Trademarkdatial h5 { color: #333333; }

.Trademarkdatial h5 img { vertical-align: middle; margin: 0 8px 0 0; }

.Trademarkdatial b { font-weight: normal; font-size: 15px; color: #333333; }

.Trademarkdatial .cimun { position: relative; padding: 0 0 0 50px; margin: 0 0 15px 0; min-height: 40px; }

.Trademarkdatial span.num { font-size: 20px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #edeef0; color: #999999; position: absolute; top: 2px; left: 0; }

@media (min-width: 1024px) { .Trademarkdatial { padding: 45px 0 0 0; line-height: 30px; font-size: 15px; }
  .Trademarkdatial b { font-size: 16px; }
  .Trademarkdatial .cimun { padding: 0 0 0 65px; margin: 0 0 35px 0; }
  .Trademarkdatial span.num { font-size: 24px; width: 50px; height: 50px; line-height: 50px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

/*----网站地图 start----*/
.sitemapcont2 { padding: 6% 30px; overflow: hidden; background: #fff; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #f7931c; }

.sitemapcont2 dl dd a:hover { color: #f7931c; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

@media (min-width: 767px) { .sitemapcont2 { padding: 5% 30px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; } }

/*----网站地图 end----*/
.searchcont401 { padding: 36px 0; background-color: #ffffff; }

.searchtitle401 { padding: 28px 15px; background-color: #0069d7; }

.searchtitle401 span { color: #f7931c; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #f7931c; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #f7931c; text-align: center; font-family: "Microsoft YaHei"; }

.keywords { color: #da251d; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }

@media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { font-size: 18px; font-weight: bold; } }



/*20180720*/
.xg-hdsec .mainnav li.productli dl dt img { height:37px;}
@media(min-width:1024px) {
    .Negotiable dl dd .commona a { margin:4px 5px;}
    .Displayfoot .footerlinks ul li { width:12%;}
    .Displayfoot .footerlinks ul li.liwid { width:15%;}
}

/*20180807*/
.commontext16 .cff0000{ color:#ff0000;}

/*20180810*/
.Displayfoot .footerlinks ul li.lastcode { display:none;}
@media(min-width:1024px) {
    .Displayfoot .footerlinks ul li { width:auto; margin-right:8.5%;}
    .Displayfoot .footerlinks ul li.liwid { width:auto;}
    .Displayfoot .footerlinks ul li:last-child{ margin:0;}
}
@media(min-width:1400px) {
    .Displayfoot .footerlinks ul li { margin-right:9.6%;}
}

/*20180815*/
.wqnewbox815{}
.wqnewbox815 dl{ border-bottom: 2px solid #f2f2f2;position: relative;  background: url(../images/wqicon817.png) repeat-y 26% center;padding:15px 0 15px 30%;}
.wqnewbox815 dl:last-child{ border:0;}
.wqnewbox815 dl dt{text-align: center;position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 26%;}
.wqnewbox815 dl dd{ }
@media (min-width: 768px){
  .wqnewbox815 dl dt{ font-size: 16px; line-height: 30px;}
}
@media (min-width: 1199px){
  .wqnewbox815 dl{ padding:35px 0 35px 30%;}
  .wqnewbox815 dl dd p{ float: left;width: 50%;}
}

/*20180823*/
.Processlist823 li .time{ width: 84px;height: 24px;line-height: 24px;border:1px solid #0069d7; color: #0069d7;text-align: center;margin:10px auto 0;}
.Processlist823 li .time img{ vertical-align: -1px;margin:0 4px 0 0; width: auto; border:0; height: auto;display: inline; }
@media (min-width: 1024px){
  .Processlist823 ul{ margin:0 -10px;}
  .Processlist823 li{ width: 16.66%;padding:0 10px; }
  .Processlist823 li p.text{ height: auto; display: block;min-height: 96px;}
  .Processlist823 li img{ height: 102px; width: 102px;border-radius: 10px;}
  .Processlist823 li p.commontext16{ height: auto; display: block; white-space: normal;margin-left: -5px;margin-right: -5px;}
  .Processlist823 li:after{ background: url(../images/icon8236.png) no-repeat center center; width: 12px;height: 24px; right: -8px;}
}
.xg-hdsec .mainnav li .subnav a { color:#266a95;}

 
/*20180919*/
.webcommontext .honourlist { display:none;}
.honourbtn919 { cursor:pointer;}


/*20180926*/
.displaynone { display:none;}