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; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body,input, select, textarea { font: 14px/1.5 Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; color: #333; }

body { background: #f2f2f2; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: none;}

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

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; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.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; }

.commonweb { padding: 0px 15px; }

.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-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*/
@font-face { font-family: 'TitilliumWeb-Bold'; src: url("/fonts/Titillium WebBold.ttf"), url("/fonts/Titillium WebBold.eot"), url("/fonts/Titillium WebBold.woff"); }

@font-face { font-family: 'Montserrat-Regular'; src: url("/fonts/Montserrat-Regular.ttf"), url("/fonts/Montserrat-Regular.otf"); }


/*箭头*/

.mob-hidden { display: none; }

.pc-hiden { display: block; }

.m-position { position: relative; }

.oh { overflow: hidden; }

/*font*/
.fs30 { font-size: 20px; }

.m-positioncenter { position: absolute; top: 50%; left: 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%); }

.dnbr br { display: none; }

.fs18 { font-size: 14px; }

.tc { text-align: center; }

@media (min-width: 640px) { .dnbr br { display: block; } }

@media (min-width: 1024px) { .pc-hiden { display: none; }
  .mob-hidden { display: block; }
  /*font*/
  .fs30 { font-size: 30px; }
  .fs18 { font-size: 16px; } }

@media (min-width: 1260px) { .fs18 { font-size: 18px; } }


/*箭头*/
.fkhead401 { position: relative; height: 45px; z-index: 101; }

.fkhead-cont { width: 100%; height: 70px; padding: 0 15px; position: fixed; background-image: url(../images/fklogoimg01.png); background-repeat: no-repeat; background-position: bottom center; -o-background-size: cover; background-size: cover; z-index: 101; }

.kflogo { width: 130px; height: 45px; display: block; position: absolute; left: 50%; top: 0; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.fknav-btn { font-size: 16px; float: left; cursor: pointer; margin-top: 5px; }

.fkmenu { float: left; padding-right: 12px; padding-top: 5px; }

.fkmenu .fkbar { position: relative; display: block; width: 22px; height: 3px; margin: 5px auto; background-color: #123883; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.fkmenu .fkbar:nth-child(2) { width: 12px; }

.fknav-btn.cur .fkbar:nth-child(1) { -webkit-transform: translateY(9.5px) rotate(45deg); -moz-transform: translateY(9.5px) rotate(45deg); -ms-transform: translateY(9.5px) rotate(45deg); -o-transform: translateY(9.5px) rotate(45deg); transform: translateY(9.5px) rotate(45deg); }

.fknav-btn.cur .fkbar:nth-child(2) { width: 0; }

.fknav-btn.cur .fkbar:nth-child(3) { -webkit-transform: translateY(-6.5px) rotate(-45deg); -moz-transform: translateY(-6.5px) rotate(-45deg); -ms-transform: translateY(-6.5px) rotate(-45deg); -o-transform: translateY(-6.5px) rotate(-45deg); transform: translateY(-6.5px) rotate(-45deg); }

.fknav-btn.cur .fkmenu-txt { margin-top: 8px; }

.fkmenu-txt { display: block; margin-top: 7px; float: left; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.fkhead-contact { float: right; display: none; font-style: italic; }

nav { position: fixed; width: 100%; left: 0; top: 40px; z-index: 100; background-color: #e5e5e5; padding: 10px; display: none; height: 100%; overflow-y: auto; padding-bottom: 60px; }

nav a { display: block; color: #333; border-bottom: 1px solid #9a9a9a; }

nav li h3 { position: relative; font-size: 16px; }

nav li h3 a { position: relative; line-height: 50px; font-size: 16px; }

.arror-btn { width: 50%; height: 100%; line-height: 50px; text-align: right; position: absolute; right: 10px; top: 0; font-size: 18px; z-index: 99; }

.arror-btn:after { content: "+"; }

nav li.cur h3 .arror-btn:after { content: "-"; }

nav li .fksub-nav { display: none; padding: 10px 0; }

nav li .fksub-nav a{padding:8px 0;}

nav li p a { line-height: 40px; padding-left: 10px; color: #666666; border-bottom: 0; }

nav li p a:hover { color: #0a82eb; font-weight: bold; }

.fkjs-search { display: none; position: absolute; bottom: -60px; width: 100%; padding: 15px 10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); right: 0; border: 1px solid transparent; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; overflow: hidden; background: rgba(0, 0, 0, 0.5); }

.fkjs-search input[type="text"] { -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; height: 30px; line-height: 30px; width: 100%; padding-left: 10px; }

.fkjs-search input[type="submit"] { width: 30px; height: 30px; background-image: url(../images/fkiconimg01.png); background-position: center; background-repeat: no-repeat; background-color: #ffffff; cursor: pointer; position: absolute; right: 10px; top: 15px; }

.mobsearch-icon { position: absolute; right: 10px; top: 10%; width: 30px; height: 30px; display: block; background: url(../images/fkiconimg01.png) center center no-repeat; }

.mobile-tel { display: block; float: none; padding: 20px 0; }

.mobile-tel a { display: inline-block; border-bottom: 0; line-height: 30px; }

.fkhead-contact a:first-child { padding-left: 38px; background-image: url(../images/fklogoimg02.png); background-repeat: no-repeat; padding-right: 30px; margin-top: 20px; }

.fkhead-contact a { display: inline-block; float: left; color: #ff0b00; font-weight: bold; font-size: 22px; line-height: 28px; }

@media (min-width: 768px) { .fkhead-cont { height: 85px; }
  .fknav-btn { padding-top: 4px; }
  .kflogo { width: 182px; height: 62px; } }

@media (min-width: 992px) { .fkhead-cont { height: 108px; -o-background-size: auto; background-size: auto;padding:0; }
  nav { top: 70px; }
  .kflogo { width: 242px; height: 81px; }
  .fknav-btn { padding-top: 18px;background:url(../images/navbtnbg.png) 0 0 no-repeat;background-size:cover; }
  .fkhead-contact { display: block; }
  .fknav-btn{padding:20px 10px;height: 70px;}
  .fkmenu{padding-top:0;padding-right:5px;}
  .fkmenu .fkbar{background:#fff;}
  .fkmenu-txt{margin-top:4px;font-weight:bold;color:#fff;}

}

@media (min-width: 1024px) { .fknav-btn { margin-top: 0; }
  .fkhead401 { height: 70px; }
  nav { height: auto; overflow-y: inherit; padding-bottom: 0; background-color: rgba(229, 229, 229, 0.9); display:none;}
  nav ul { padding: 43px 30px 86px; max-width: 1200px; margin: 0 auto; }
  nav ul li { float: left; padding: 0 25px; }
  nav ul li > a:after { display: none; }
  nav li h3 a:hover,nav ul li.cur h3 a,nav ul li.active h3 a { color: #e50012; font-weight: bold; }
  nav ul li > a:hover:before, nav ul li > a.cur:before { display: block; }
  nav ul li > a { padding-bottom: 10px; }
  nav ul li > a:before { content: ""; width: 100%; height: 2px; background-color: #e50012; display: none; position: absolute; bottom: 0; left: 0; z-index: 3; }
  nav a { border: none; padding: 0 5px; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
  nav ul li:last-child > a { margin-right: 0; }
  nav ul li .fksub-nav { text-align: left; position: absolute; left: 0; top: 100px; z-index: 2; width: 100%; height: 86px; padding-top: 25px;padding-left:46px; }
  nav ul li .fksub-nav a { padding: 0 25px; display: inline-block; color: #333; font-size: 16px; }
  nav ul li .fksub-nav a:hover { color: #0a82eb; font-weight: bold; }
  nav ul li .fksub-nav a:hover:after { display: block; }
  nav ul li .fksub-nav a:after { content: ""; width: 10px; height: 10px; display: none; border-left: 1px solid #e3e8ee; border-bottom: 1px solid #e3e8ee; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 auto; }
  .fknav-wrap { position: relative; }
  nav:after { content: ""; width: 100%; height: 1px; background-color: #9a9a9a; position: absolute; top: 112px; left: 0; }
  .mobile-tel { display: none; }
  .arror-btn { display: none; }
  .mobsearch-icon { display: none; }
  .fkjs-search { position: static; float: left; margin-top: 20px; margin-left: 40px; padding: 0; background: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: auto; -webkit-border-radius: 20px; border-radius: 20px; }
  .fkjs-search input[type="text"] { width: 0; }
  .fkjs-search input[type="submit"] { float: right; position: static; padding: 0; }
  .fkjs-search { display: block; }
  .fkjs-search.cur { width: 190px; border: 1px solid #cccccc; }
  .fkjs-search.cur input[type="text"] { width: 150px; padding-left: 15px; } }

@media (max-width: 319px) { body { width: 320px; } }

.fkfoot401 { background-image: url(../images/fkfootimg01.jpg); background-position: top center; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; padding: 10px; }

.fkfoot401 a { color: #ffffff;display:block; }

.fkfoot401 span { display: block; line-height: 30px; }

.fkfoot401 ul li { border-bottom: 1px solid #515151; }

.fkfoot401 ul li h4 { line-height: 50px; font-size: 16px; padding-left: 10px; position: relative; }

.plus.icon { position: absolute; right: 0; top: 0; color: #515151; position: absolute; margin-left: 3px; width: 100%; height: 100%; }

.plus.icon:before { content: ""; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #515151; }

.plus.icon:after { content: ""; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #515151; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.fkfoot-nav401 li h4.cur .plus.icon:after { opacity: 0; }

.fkfoot-nav401 ul li p {display:none; padding-left: 10px;padding-bottom: 10px; }

.fkfoot-cont401 { margin-top: 30px; }

.fkfoot-qrcode { padding:20px 10px; position: relative; color: #fff;  width: 100%;display: table;}

.fkfoot-qrcode .codeimg {margin-top:0;margin-bottom:10px;width:80px; margin-right:10px;display: table-cell;
    vertical-align: middle;}

.fkfoot-qrcode .codeimg img { display: block; width:100%; }

.fkfoot-qrcodeCont { display: table-cell; vertical-align: middle; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: auto; padding-left: 24px; font-size: 18px; }

.fkfoot-qrcodeCont span { display: block; font-size: 14px; }

.fkfoot-tel { color: #ffffff; line-height: 18px; padding:0 0 10px;overflow:hidden; }

.fkfoot-tel img { float: left; margin-top: 8px; margin-right: 20px; }

.fkfoot-tel p { color: #ff0b00; font-size: 20px; line-height: 24px; font-style: italic; }

.fkfoot-copyright401 { background-color: #212121; color: rgba(255, 255, 255, 0.5); text-align: center; padding: 10px; }

.fkfoot-copyright401 a { color: rgba(255, 255, 255, 0.5); }

.fkfoot-copyright401 a:hover { color: #ffffff; }

.clodelist li{float:left;width:25%;padding:0 5px;border-bottom:0 !important;text-align:center;font-size:12px;}

.clodelist li p{display:block !important;}

.follow-text{ padding:24px;}

.follow-text p{font-size:24px;}
.honora-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; cursor: pointer; z-index: 9; }

.honora-btn:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-top: 2px solid #666666; border-right: 2px solid #666666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 6px; left: 10px; }

.honora-btn.honorA-prev { left: 0; }

.honora-btn.honorA-prev:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.honora-btn.honorA-next { right: 0; }

.honora-btn.honorA-next:before { left: -4px; }


.full-honorA-popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }

.full-honorA-popup .honorA-wrap { position: absolute; 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%); z-index: 10; width: 94%; max-height: 80%; max-width: 800px; background: #fff; }

.full-honorA-popup .honorA-wrap.image-pop { height: auto; max-height: 80%; }

.full-honorA-popup .honorA-wrap li { text-align: center; }

.full-honorA-popup .honorA-wrap li h4 { font-size: 16px; padding: 20px 10px; }

.full-honorA-popup .honorA-wrap li:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.full-honorA-popup .honorA-wrap li img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 100%; width: 100%; }

.full-honorA-popup .honorA-wrap li img.lanky { width: auto; max-height: 100%; height: 100%; }

.full-honorA-popup .honorA-popupsw { height: 100%; }

.full-honorA-popup .honorA-pages { display: none; }

.full-honorA-popup .honorA-ctrl { position: absolute; top: 50%; z-index: 10; background-repeat: no-repeat; background-position: center center; width: 38px; height: 74px; -o-background-size: 15px auto; background-size: 15px auto; margin-top: -37px; }

.full-honorA-popup .honora-btn:before { border-top-color: #fff; border-right-color: #fff; }

.full-honorA-popup .honora-btn.honorA-prev { left: -10px; }

.full-honorA-popup .honora-btn.honorA-prev:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.full-honorA-popup .honora-btn.honorA-next { right: -10px; left: auto; }

.full-honorA-popup .honorA-popupsw { height: 100%; }

.image-pop-close { width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: 0; top: -40px; }

.image-pop-close::before, .image-pop-close::after { content: ""; position: absolute; height: 2px; width: 26px; top: 50%; left: 7px; margin-top: -1px; background: #ffffff; }

.image-pop-close:hover:after, .image-pop-close:hover:before { background: #e60012; }

.image-pop-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.image-pop-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.m-productbox img{max-width:100%;}

.footerweb{position:relative;max-width:1600px;}

@media (min-width: 768px) { .fkfoot401, .fkfoot-copyright401 { padding: 10px 2%; }
  .fkfoot-qrcode { float: left; width: 50%; }
  .fkfoot-tel { overflow: hidden;  }
  .fkfoot-copyright401 p { display: inline-block; float: left; padding: 3px 0; }
  .fkfoot-copyright401 p:last-child { float: right; } 

  .full-honorA-popup .honorA-wrap { height: auto; }
}

@media (min-width: 1024px) { .fkfoot-nav401 { border-right: 1px solid #687286; margin-right: 20px; }
  .plus.icon { display: none; }
  .fkfoot401 { padding: 50px 2% 30px;  position: relative; }
  .footerweb{padding-right:0;}
  .fkfoot401 a { white-space: nowrap; }
  .fkfoot-nav401{float:left;width:70%;margin-right:0;}
  .fkfoot-nav401 ul li { float: left; border-bottom: none; padding-right:3.2%; }
  .fkfoot-cont401 { margin-top:0;float:right;width:30%;max-width:430px;padding-left:40px;}
  .fkfoot-nav401 ul li h4:after { display: none; }
  .fkfoot-nav401 ul li p { display: block !important; }
  .fkfoot-tel {   }
  .fkfoot-qrcode { float: none; width: 100%;padding:0 0 20px; }
  .fkfoot-qrcodeCont { padding-left: 14px; }
  .fkfoot-qrcodeCont span { padding-top: 10px; font-size: 16px; }


   .full-honorA-popup .honora-btn.honorA-prev { left: -50px; }
  .full-honorA-popup .honora-btn.honorA-next { right: -50px; }
  .full-honorA-popup .honorA-wrap li h4 { font-size: 24px; padding: 30px 20px; }
  .fkfoot-qrcode .codeimg{width:100px;}
  .fkfoot-tel p{font-size:24px;}
    .fkfoot-nav401 ul li span a { font-size: 13px; color: #e0e0e0; }
  .fkfoot-nav401 ul li span a:hover { color: #ffffff; }
}

@media (min-width: 1199px) { .fkfoot-copyright401 { padding: 10px 20px; }
 
  .fkfoot-nav401 ul li h4 { line-height: 24px; padding-bottom: 10px; }
  .fkfoot-nav401 ul li span { line-height: 24px; }

 .fkfoot-nav401 ul li{padding-right: 5%;}


}

@media (min-width: 1366px) { .fkfoot-copyright401 { padding: 10px 50px; }
  .fkfoot401 { padding: 50px 50px 30px; }
  .footerweb{padding-right:0; }
  .fkfoot-cont401 { }
  .fkfoot-nav401 ul li { float: left; padding-right: 6.4%; }
  .fkfoot-qrcodeCont { font-size: 24px; padding-left: 24px; } 


  
}
@media (min-width:1680px) {
    .fkfoot-nav401 ul li {
        width: 16.5%;
    }
}

.recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1260px) { .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

/*首页*/
.banner-slider { position: relative; overflow: hidden; }

.banner-slider ul li img { display: block; width: 100%; }

.m-dot { text-align: center; }

.m-dot span { margin: 0 4px; cursor: pointer; opacity: 1; background: #cccccc; }

.m-dot span.swiper-pagination-bullet-active { background: #007fec; }

.banner-slider .index-dot { position: absolute; text-align: center; width: 100%; left: 0; bottom: 10px; z-index: 2; }

.banner-slider .index-dot span { width: 30px; height: 15px; display: inline-block; margin: 0 4px; position: relative; -webkit-border-radius: 0; border-radius: 0; background: none; vertical-align: bottom; opacity: 1; }

.banner-slider .index-dot span:before { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #cccccc; }

.banner-slider .index-dot span.swiper-pagination-bullet-active:before { background: #007fec; height: 8px; }

.index-productwrap { padding-top: 30px; padding-bottom: 40px; background: url(../images/indexbg01.jpg) center 0 no-repeat; overflow: hidden; }

.product-slider { position: relative; overflow: hidden; margin-bottom: 20px; }

.product-slider ul li { width: 25%; }

.product-slider ul li .zoomimg { position: relative; overflow: hidden; }

.product-slider ul li .zoomimg:before { content: ""; display: block; padding-bottom: 68.96552%; }

.product-slider ul li .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.product-slider ul li a { display: block; padding: 0 20px; text-align: center; }

.product-slider ul li .zoomimg { margin-bottom: 14px; }

.inpro-title { font-size: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; margin-bottom: 5px; font-weight:bold;}

.inpro-desc { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; }

.m-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; border: 1px solid #a7a7a7; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.m-btn:hover { background: #007fec; border-color: #fff; }

.m-btn:hover:before { border-left-color: #fff; border-bottom-color: #fff; }

.m-btn:before { content: ""; display: block; width: 12px; height: 12px; border-left: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 14px; top: 12px; }



.inpor-left { left:0; }

.inpor-right { right:0; }

.inpor-right:before { left: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.m-promore { text-align: center; }

.m-promore a { display: inline-block; min-width: 130px; height: 40px; line-height: 40px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #ffffff; border: solid 1px #007fec; font-size: 16px; color: #007fec; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.pt64 { padding-top: 24px; }

.product-advant { padding-top: 40px; padding-bottom: 30px; background: url(../images/indexbg02.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; }

.product-advant .mcolumn-titlecn { color: #fff; }

.product-advant .mcolumn-titleen { color: #cacaca; }

.mcolumn-titlecn { text-align: center; font-size: 18px; color: #00569f; }

.mcolumn-titleen { text-align: center; font-size: 14px; color: #999999; }

.advant-list { padding-top: 25px; font-size: 0; }

.advant-list li { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; text-align: center; color: #fff; margin-bottom: 20px; padding: 0 5px; }

.advant-list li .advant-icon { width: 82px; height: 82px; background: #fff; -webkit-border-radius: 32px; border-radius: 32px; margin: 0 auto 10px; }

.advant-list li .advant-icon img { display: block; max-width: 100%; }

.advant-list li h5 { font-size: 18px; margin-bottom: 15px; }

.advant-list li .desc { margin: 0 auto; color: #dae4ed; }

.company-profile { padding-top: 38px; background: #fff; }

.profile-wrap { margin-top: 35px; background: #f3f7fa; padding: 38px 0 30px; }

.profile-msg { color: #666666; font-size: 14px; text-align: center; max-width: 1280px; margin: 0 auto; }

.profile-msg h1 { font-size: 14px; display: inline-block; }

.maxwidth1600 { max-width: 1600px; }

.profile-list { padding: 20px 0 0; }

.profile-list a { display: block; position: relative; }

.profile-list a .zoomimg { position: relative; overflow: hidden; }

.profile-list a .zoomimg:before { content: ""; display: block; padding-bottom: 81.32992%; }

.profile-list a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.enterprise-item { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px; background: url(../images/wicon07.png) 0 0 no-repeat; -o-background-size: 100% auto; background-size: 100% auto; }

.enterprise-item h4 { font-size: 18px; margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.enterprise-item .text { display: -webkit-box; height: 36px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.profile-list { margin: 0 -5px; }

.profile-list li { margin-bottom: 10px; padding: 0 5px; }

.product-selection { padding-top: 35px; background: #fff; }

.product-selelist { margin-top: 20px; width: 100%; }

.product-selelist .selectimg { overflow: hidden; max-width: 960px; }

.product-selelist .selectimg img { width: 100%; }

.product-selelist .model-content { background: url(../images/indeximg02.jpg) 0 0 no-repeat; -o-background-size: cover; background-size: cover; padding: 30px 15px; text-align: left; color: #fff; line-height: 26px; }

.product-selelist .model-content h4 { font-size: 18px; color: #fefefe; margin-bottom: 18px; padding-bottom: 18px; position: relative; }

.product-selelist .model-content h4:after { content: ""; display: block; width: 96px; height: 1px; opacity: 0.5; background: #fff; position: absolute; bottom: 0; }

.product-selelist .model-content .model-dec { max-width: 770px; }

.product-selelist .model-content .m-promore { margin-top: 20px; text-align: left; }

.product-selelist .model-content .m-promore a { text-align: center; color: #333333; }

.customer-case { padding-top: 35px; padding-bottom: 30px; background: #f7f7f7; }

.cust-caselist { padding-top: 30px; padding-bottom: 30px; }

.cust-caselist li { float: left; width: 100%; background: #fff; }

.cust-caselist li .zoomimg { position: relative; overflow: hidden; }

.cust-caselist li .zoomimg:before { content: ""; display: block; padding-bottom: 69.16667%; }

.cust-caselist li .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.cust-caselist li .zoomimg { padding: 0; display: block; }

.incase-con { padding: 30px 20px; position: relative; }

.incase-con h2 { font-size: 16px; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 28px; line-height: 28px; }

.incase-con h2 a { display: block; color: #333333; }

.incase-icon { color: #999999; padding-bottom: 20px; border-bottom: 1px solid #dbe1ec; margin-bottom: 24px; position: relative; }

.incase-icon img { vertical-align: -2px; margin-right: 4px; }

.incase-dec { color: #979797; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.incase-more { margin-top: 20px; display: block; color: #333333; padding-left: 22px; background-image: url(../images/wicon12.png); background-position: 0 2px; background-repeat: no-repeat; }

.incase-more:hover { color: #007fec; background-image: url(../images/wicon12a.png); }

/*关于我们*/
.inpagebanner { position: relative; overflow: hidden; }

.inpagebanner img { display: block; }

.inpagebanner img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: block; height: 120px; }

.inban-content { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.iban-titlecn { color: rgba(0, 216, 255, 0.9); font-size: 22px; }

.iban-titleen { color: rgba(0, 216, 255, 0.9); font-size: 18px; }

.inside-nav { background-color: #fff; }

.nav-wrap { padding: 0; display: none; }

.nav-wrap ul { width: 100%; }

.nav-wrap ul li { text-align: center; border-bottom: 1px solid #d9d9d9; }

.nav-wrap ul li a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 10px 0; }

.nav-wrap ul li:hover a { background: #007fec; color: #fff; }

.channel-title { font-size: 18px; line-height: 30px; padding: 15px 0; text-align: center; cursor: pointer; border-bottom: 1px solid #ddd; }

.channel-title:after { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin-left: 10px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; border-top: 2px solid #787878; border-right: 2px solid #787878; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-top: -6px; }

.channel-title.cur:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0; }

.maxwidth1200 { max-width: 1200px; }

.blockvideo-wrap { padding-top: 35px; padding-bottom: 20px; background: #f3f7fa; overflow: hidden; }

.blockvideo-wrap a { display: block; position: relative; }

.blockvideo-wrap a .zoomimg img { width: 100%; display: block; }

.video-recommend { padding-bottom: 22px; }

.video-content { position: absolute; left: 0; bottom: 0; right: 0; background: Rgba(0, 127, 236, 0.85); color: #fff; text-align: center; padding: 8px 10px; }

.video-content h2 { font-size: 16px; }

.blvideo-list { margin: 0 -29px; }

.blvideo-list li { padding: 0 29px 22px; }

.blvideo-list li .zoomimg { position: relative; overflow: hidden; }

.blvideo-list li .zoomimg:before { content: ""; display: block; padding-bottom: 54.54545%; }

.blvideo-list li .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.blvideo-btn { width: 32px; height: 32px; position: absolute; top: 50%; left: 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%); z-index: 2; background: url(../images/wicon13.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; }

/*公司简介*/
.maxwidth1180 { max-width: 1180px; }

.profile-one { padding-top: 35px; padding-bottom: 30px; background-image: url(../images/aboutimg02.jpg); }

.aboutprofile-wrap { line-height: 1.5; font-size: 14px; }

.m-bgcover { -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.abprofile-tit { font-size: 20px; color: #00569f; text-align: center; margin-bottom: 20px; font-weight: bold; }

.profile-desc { max-width: 870px; margin: 0 auto; text-align: center; }

.abdesc-list { padding-top: 25px; font-size: 0; }

.abdesc-list li { font-size: 16px; display: inline-block; vertical-align: top; width: 50%; text-align: center; padding: 0 5px 10px; }

.abdesc-list li .icon-box { width: 90px; height: 90px; border: 1px solid #007fec; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 5px; }

.abdesc-list li .icon-box img { max-width: 100%; }

.abdesc-list li .apro-title { color: #00569f; font-weight: bold; max-width: 260px; margin: 0 auto; }

.profile-two { background-image: url(../images/aboutimg03.jpg); color: #fff; position: relative; padding: 60px 0; }

.parentstable { width: 100%; }

.users-tit { font-size: 20px; margin-bottom: 20px; }

.users-content { max-width: 530px; }

.profile-three { padding-top: 40px; padding-bottom: 40px; background-image: url(../images/aboutimg04.jpg); }

.cloudser-img { padding-bottom: 20px; }

.cloudser-img img { position: relative; max-width: 100%; }

.cloudser-tit { font-size: 20px; color: #4773b3; margin-bottom: 15px; }

.pb26 { padding-bottom: 16px; }

.profile-four { padding-top: 50px; padding-bottom: 50px; }

.excellent-works { background: #fff; width: 96%; margin: 0 auto; }

.excellent-works { padding: 30px 15px; }

.max-width800 { max-width: 800px; margin: 0 auto; text-align: center; }

.mb58 { margin-bottom: 28px; }

/*公司实景*/
.company-reality { padding-top: 30px; padding-bottom: 30px; overflow: hidden; background: url(../images/aboutimg06.jpg) center bottom no-repeat; -o-background-size: cover; background-size: cover; }

.real-scene { padding: 0 46px 30px; max-width: 424px; margin: 0 auto; }

.scene-bigimg { margin-bottom: 15px; position: relative; overflow: hidden; }

.scene-bigimg ul li { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.scene-bigimg ul li img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.scene-smallimg { position: relative; overflow: hidden; }

.scene-smallimg ul li { float: left; width: 100px; margin-right: 15px; cursor: pointer; position: relative; }

.scene-smallimg ul li:before { content: ""; display: block; padding-bottom: 98%; width: 100%; border: 1px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.scene-smallimg ul li img { position: absolute; top: 1%; left: 1%; max-width: 98%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.scene-smallimg ul li.cur:before { border-color: #e50012; }

.scene-title { font-size: 18px; color: #00569f; text-align: center; font-weight: bold; margin: 20px 0 6px; }

.scene-desc { color: #878787; text-align: center; margin-bottom: 20px; }

.scene-link { text-align: center; }

.scene-link a { display: inline-block; min-width: 187px; height: 40px; line-height: 40px; background-color: #007fec; font-size: 16px; color: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: 1px solid transparent; }

.scene-link a:after { content: ""; margin-left: 10px; width: 18px; height: 12px; display: inline-block; background-image: url(../images/wicon19.png); background-position: 0 0; background-repeat: no-repeat; }

.scene-link a:hover { background: none; border-color: #007fec; color: #007fec; }

.scene-link a:hover:after { background-image: url(../images/wicon19cur.png); }

/*荣誉资质*/
.honor-wrap { background: url(../images/aboutimg10.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; padding-top: 130px; padding-bottom: 100px; position: relative; overflow: hidden; }

.honor-wrap ul li { width: 20%; position: relative; z-index: 1; }

.honor-wrap ul li .honorimg { padding: 5px; background: #f8f8f8; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.honor-wrap ul li img { display: block; max-width: 100%; }

.honor-wrap ul li h2 { margin-top: 40px; text-align: center; font-size: 14px; font-weight: bold; color: #002b62; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.honor-wrap ul li.swiper-slide-active { z-index: 2; }

.honor-wrap ul li.swiper-slide-active h2 { opacity: 1; }

.honor-wrap ul li.swiper-slide-active .honorimg { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); }

.honor-btn { position: absolute; width: 60px; height: 50px; background: rgba(0, 127, 236, 0.4); z-index: 11; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 12.08333%; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.honor-btn:after { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid transparent; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 25px; top: 17px; }

.honor-btn:hover { background: #007fec; }

.honor-right { left: auto; right: 12.08333%; }

.honor-right:after { left: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.honor-dot { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; cursor: pointer; }

.honor-dot span { width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; opacity: 1; margin: 0 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.honor-dot span.swiper-pagination-bullet-active { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); background: #e50012; }

.service-office { padding-top: 40px; padding-bottom: 40px; background-image: url(../images/serviceimg02.jpg); }

.office-tit { text-align: center; font-size: 20px; color: #00569f; font-weight: bold; margin-bottom: 20px; }

.office-slider { position: relative; overflow: hidden; }

.office-slider ul li { float: left; width: 20%; margin-right: 10px; }

.office-slider ul li .office-icon { height: 50px; text-align: center; margin-bottom: 20px; }

.office-slider ul li .office-icon img { max-height: 100%; }

.office-slider ul li .office-item { padding: 30px 10px 20px; background: #fff; }

.office-slider ul li .office-title { text-align: center; font-size: 18px; font-weight: bold; }

.office-box { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e6e6e6; text-align: center; }

.office-box p { color: #666666; position: relative; text-align: left; margin-bottom: 5px; padding-left: 10px; }

.office-box p:before { content: ""; display: inline-block; width: 5px; height: 5px; background: #007fec; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; position: absolute; left: 0; top: 8px; }

.m-dblink { display: inline-block; }

.service-wrap .honor-dot { margin-top: 20px; position: static; }

/*特色服务*/
.charact-service ul li { position: relative; overflow: hidden; }

.charact-img { overflow: hidden; }

.charact-img img { display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 300px; }

.charact-content { position: absolute; top: 50%; left: 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%); z-index: 2; color: #fff; max-width: 540px; width: 90%; max-height: 300px; overflow: hidden; }

.bulebg { background: rgba(0, 127, 236, 0.8); padding: 20px 15px; }

.charact-icon { height: 34px; margin-bottom: 10px; }

.charact-icon img { max-height: 100%; }

.charact-tit { font-size: 20px; margin-bottom: 10px; }

.fscolorbule { color: #65baf9; }

.m-colorbule { color: #2488FF; }

.case-compre { padding-top: 40px; padding-bottom: 20px; overflow: hidden; }

.case-compre ul { margin: 0 -10px; }

.case-compre ul li { padding: 0 10px; margin-bottom: 22px; overflow: hidden; }

.case-compre ul li .zoomimg { position: relative; overflow: hidden; }

.case-compre ul li .zoomimg:before { content: ""; display: block; padding-bottom: 63.20225%; }

.case-compre ul li .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.case-compre ul li a { display: block; position: relative; }

.case-titbox { position: absolute; top: 50%; left: 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%); color: #fff; width: 90px; height: 90px; line-height: 84px; border: 6px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }

.case-titbox h2 { font-size: 20px; }

.wrapbg { background: #f2f2f2; }

.m-pt68 { padding-top: 40px; padding-bottom: 20px; }

.project-caselist { margin: 0 -19px; }

.project-caselist li { padding: 0 19px 20px; }

.project-caselist li a { display: block; }

.project-caselist li a .zoomimg { position: relative; overflow: hidden; }

.project-caselist li a .zoomimg:before { content: ""; display: block; padding-bottom: 62.5%; }

.project-caselist li a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.box-middle { height: 86px; position: relative; text-align: center; background: #fff; text-align: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.box-middle h2 { max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; width: 100%; padding: 0 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; }

.pagewrap { text-align: center; padding: 22px 0; }

.pagewrap a { display: block; height: 48px; line-height: 48px; background-color: #007fec; font-size: 16px; color: #ffffff; }

.proban-tit { color: #2982ec; text-align: right; }

/*产品综合*/
.product-sumwrap { padding-top: 40px; padding-bottom: 30px; }

.product-itemlist li { padding-bottom: 20px; }

.product-itemlist li a { display: block; }

.product-itemlist li a img { display: block; width: 100%; }

/*产品详情*/
.product-details-tit { background: rgba(0, 127, 236, 0.5); }

.product-details-tit h1 { height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; }

.prodetails-content { position: relative; overflow: hidden; background: #fff; }

.prodetails-content img { max-width: 100%; }

.proitem-one { position: relative; }

.pro-position { padding-top: 20px; padding-bottom: 20px; }

.profs24 { font-size: 16px; color: #007fec; }

.valatieen { font-size: 30px; color: #007fec; font-family: "TimesNewRomanPS-BoldMT"; line-height: 1.2; }

.Valatiecn { font-size: 30px; color: #007fec; font-weight: bold; line-height: 1.2; margin-bottom: 10px; }

.valatie-box { margin-top: 25px; max-width: 504px; }

.valatie-box p { background: url(../images/wicon28.png) 0 0 no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; margin-bottom: 14px; font-size: 16px; color: #fff; padding: 13px 10px; position: relative; font-style: italic; }

.valatie-box p:before { content: ""; width: 0; height: 0; display: inline-block; border: 6px solid transparent; border-right: 6px solid #e50012; border-bottom: 6px solid #e50012; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 15px; }

.proitem-two { width: 100%; }

.v6pro-content { color: #fff; max-width: 590px; font-size: 14px; padding: 30px 15px; }

.max590 { max-width: 535px; }

.v6fs24 { font-size: 16px; }

.pb10 { padding-bottom: 10px; }

.system-inbk { display: inline-block; text-align: left; }

.system-box { color: #666666; font-size: 14px; padding: 30px 15px; }

.colorfsbule { color: #00569f; }

.colorwhite { color: #fff; }

.ultraten-desc { max-width: 630px; }

.ultraten-title { font-size: 22px; margin-bottom: 15px; line-height: 1.4; }

.pt70 { padding-top: 20px; padding-bottom: 10px; }

.ultraten-desc { color: #333; }

.fproduct-tit { text-align: center; font-size: 20px; margin-bottom: 20px; font-weight: bold; }

.proitem-four { padding-top: 40px; padding-bottom: 35px; color: #666; }

.max1400 { max-width: 1400px; }

.mt80 { margin-top: 20px; }

.abpro-center { padding: 30px 15px; }

.abpro-center .fproduct-tit { text-align: left; }

.left-position { color: #666; }

.item-img img { width: 100%; }

.product-selectbg { background: url(../images/proselect01.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; padding: 60px 0; }

.sumselect-list { font-size: 0; }

.sumselect-list li { padding: 0 10px 25px; text-align: right; display: inline-block; vertical-align: top; }

.sumselect-list li a { display: block; color: #fff; padding: 30px 20px 35px; font-size: 16px; }

.sumselect-list li:nth-child(1) a { background: #36a1db; }

.sumselect-list li:nth-child(2) a { background: rgba(103, 140, 225, 0.85); }

.sumselect-list li:nth-child(3) a { background: rgba(140, 103, 223, 0.85); }

.sumselect-list li:nth-child(4) a { background: rgba(132, 208, 24, 0.85); }

.sumselect-box .tool-icon { height: 45px; margin-bottom: 10px; }

.sumselect-box .tool-icon img { max-height: 100%; }

.sumselect-box .select-titleen { text-transform: uppercase; opacity: 0.6; }

.product-start { position: relative; overflow: hidden; }

.product-start:before { content: ""; display: block; padding-bottom: 100%; }

.product-start img { position: absolute; top: 0; left: 0; max-height: 100%; }

.select-shape { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; color: #fff; text-align: center; font-size: 16px; }

.select-shape h3 { font-size: 30px; position: relative; padding-bottom: 14px; margin-bottom: 20px; }

.select-shape h3:before { content: ""; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 40px; height: 3px; background: #fff; }

.selectlink-btn { margin-top: 30px; text-align: center; }

.selectlink-btn a { display: inline-block; padding: 8px 30px; font-size: 16px; background: #e50012; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; position: relative; line-height: 24px; min-width: 120px; }

.selectlink-btn a:after { content: ""; display: inline-block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.layui-form-table { background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 5px; border-radius: 5px; max-width: 924px; margin: 0 auto; padding: 24px 15px 30px; width: 90%; }

.proback-up { width: 30px; height: 30px; display: block; background: url(../images/producticon05.png) center center no-repeat; margin-bottom: 10px; }

.form-title { font-size: 18px; }

.layui-list { margin: 20px 0 0; font-size: 0; }

.layui-list li { float: none; display: inline-block; vertical-align: top; padding: 0; margin-bottom: 8px; font-size: 14px; }

.layui-item { width: 100%; color: #666666; position: relative; }

.laytable-cell select, .laytable-cell input { width: 100%; height: 36px; line-height: 36px; padding-left: 10px; }

.laytable-cell select { border: 1px solid #d8d8d8; }

.laytable-cell input { background: #e5e5e5; }

.laytable-cell.width100 { width: 204px; }

.layfrom-text { white-space: nowrap; padding-bottom: 5px; }

.unit { padding-left: 10px; white-space: nowrap; position: absolute; right: 0; top: 35px; text-align: left; width: 50px; }

.select-arrow { position: relative; }

.select-arrow:after { content: ""; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #b5b5b5; position: absolute; right: 13px; top: 15px; }

.layui-onewidth104, .layui-onewidth145, .layui-onewidth160, .layui-onewidth112 { padding-right: 50px; }

.layui-item-button { text-align: center; padding-top: 20px; }

.layui-item-button input { width: 114px; height: 40px; color: #ffffff; display: inline-block; vertical-align: top; margin: 0 7px; }

.layui-item-button input.check-button { background-color: #007fec; }

.layui-item-button input.reset-button { background-color: #b5b5b5; }

.layui-inputbg .laytable-cell input { background: #fff; border: 1px solid #d8d8d8; }

.boiler-selection { color: #666666; line-height: 36px; margin-top: 25px; }

.boiler-selection .layui-list { margin-top: 10px; }

.tab-type a { display: inline-block; padding: 0 20px; min-width: 80px; height: 36px; background-color: #ffffff; border: solid 1px #007fec; line-height: 36px; margin: 0 2px 5px; color: #007fec; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.tab-type a:hover, .tab-type a .cur { color: #fff; background: #007fec; }

.boilertext { border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 5px; }

.boilertext i { color: #e01c1c; font-style: normal; }

.full-newsA-container { background: #fff; padding-top: 35px; padding-bottom: 35px; }

.newsA-topnews-swiper .thumb { overflow: hidden; }

.newsA-topnews-swiper .thumb img { width: 100%; }

.newsA-topnews-swiper a { display: block; position: relative; }

.newsA-topnews-swiper a:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: url(../images/newsimg03.jpg) 0 0 no-repeat; -o-background-size: cover; background-size: cover; z-index: -1; }

.newsA-topnews-swiper .conent { padding: 20px 15px 40px; }

.newsA-topnews-swiper .title { margin-bottom: 5px; font-size: 18px; line-height: 30px; color: #fff; /* {"title": "新闻A新闻轮播标题文本色","type":"color","name": "@clnewsAtoptitle","value": "#fff"}*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.newsA-topnews-swiper .desc { font-size: 14px; line-height: 24px; color: #fff; /* {"title": "新闻A新闻轮播简介文本色","type":"color","name": "@clnewsAtopdesc","value": "#fff"}*/ display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsA-topnews-swiper .more { display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; color: #fff; /* {"title": "新闻A新闻轮播详情文本色","type":"color","name": "@clnewsAtopmore","value": "#fff"}*/ position: relative; }

.newsA-topnews-swiper .more:after { content: ""; width: 8px; height: 8px; display: inline-block; border-right: 1px solid #4FA1E8; border-bottom: 1px solid #4FA1E8; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.newsA-topnews-swiper .newsA-pages { position: absolute; left: 0; bottom: 15px; z-index: 10; width: 100%; font-size: 0; line-height: 0; text-align: center; }

.newsA-topnews-swiper .newsA-pages span { opacity: 1; display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; background-color: #9FB7D6; /* {"title": "新闻A新闻轮播分页点背景色","type":"color","name": "@bgcnewsAtopdot","value": "#9FB7D6"}*/ }

.newsA-topnews-swiper .newsA-pages .swiper-pagination-bullet-active { background-color: #fff; /* {"title": "新闻A新闻轮播分页点选中背景色","type":"color","name": "@bgccurnewsAtopdot","value": "#fff"}*/ }

.newscenter-list { padding-top: 25px; }

.newscenter-list dl { padding: 18px 18px 30px; background: #fff; margin-bottom: 14px; position: relative; }

.newscenter-list dl dt .zoomimg { position: relative; overflow: hidden; }

.newscenter-list dl dt .zoomimg:before { content: ""; display: block; padding-bottom: 75.33333%; }

.newscenter-list dl dt .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.newscenter-list dl dt a { display: block; position: relative; }

.newscenter-list dl dt a img { position: absolute; top: 0; left: 0; }

.newscenter-list dl dd { overflow: hidden; padding: 18px 0 0 0; }

.newscenter-list dl dd h2 { margin-bottom: 10px; }

.newscenter-list dl dd h2 a { color: #1a1a1a; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.newscenter-list dl dd .desc { font-size: 13px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; }

.newscenter-list dl dd .more-btn { padding-top: 10px; }

.newscenter-list dl dd .more-btn a { color: #666666; }

.news-date { position: absolute; right: 46px; top: 70px; }

.news-date span { font-size: 60px; color: #007fec; display: block; line-height: 1.2; }

.news-date em { padding-top: 5px; display: block; border-top: 1px solid #007fec; font-size: 18px; color: #007fec; font-style: normal; }

.mobile-date { color: #007fec; margin-bottom: 5px; }

.pb35 { padding-bottom: 15px; }

/*招商加盟*/
.join-support { background-image: url(../images/advimg07.jpg); padding-top: 35px; padding-bottom: 30px; overflow: hidden; }

.support-title { font-size: 22px; color: #00569f; font-weight: bold; padding-bottom: 15px; margin-bottom: 24px; position: relative; text-align: center; }

.support-title:before { content: ""; display: block; width: 30px; height: 3px; background: #e50012; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.join-suplist { position: relative; margin: 0 -10px; }

.join-suplist li { width: 100%; padding: 0 10px 12px; }

.join-suplist li a { display: block; position: relative; overflow: hidden; }

.join-suplist li a .zoomimg { position: relative; overflow: hidden; }

.join-suplist li a .zoomimg:before { content: ""; display: block; padding-bottom: 73.49081%; }

.join-suplist li a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }

.join-suplist li:nth-of-type(2) .zoomimg:before { padding-bottom: 152.23097%; }

.support-titbox { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.support-titbox h2 { height: 94px; line-height: 94px; background: url(../images/joinicon01.png) center 0 no-repeat; -o-background-size: cover; background-size: cover; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden; margin-top: -94px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.support-titbox .support-bottom { position: absolute; bottom: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); z-index: 2; }

.support-desc { padding: 0 14px; margin-bottom: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; line-height: 24px; position: absolute; left: 0; right: 0; max-height: 65%; max-height: -webkit-calc(100% - 100px); max-height: -moz-calc(100% - 100px); max-height: calc(100% - 100px); overflow-y: auto; }

.support-desc::-webkit-scrollbar { width: 3px; background-color: #fff; }

.support-desc::-webkit-scrollbar-track { background-color: #fff; }

.support-desc::-webkit-scrollbar-thumb { width: 3px; background-color: #E50012; }

.join-suplist li:hover .support-titbox { background: rgba(0, 127, 236, 0.9); }

.join-suplist li:hover .support-titbox .support-bottom { top: 3%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.join-suplist li:hover .support-titbox .support-bottom h2 { margin-top: 0; }

.join-suplist li:hover .support-titbox .support-bottom .support-desc { margin-top: -12px; }

.join-suplist li:hover:nth-of-type(3) .support-titbox .support-bottom { top: 7%; }

.join-form-wrap { background: #fff; padding-top: 40px; }

.join-formtext { font-size: 16px; font-weight: bold; text-align: center; color: #00569f; }

.form-bg { margin-top: 25px; background-image: url(../images/advimg08.jpg); padding: 30px 0; }

.service-join { padding: 0 0 20px; }

.form-table { padding: 45px 10px 40px; background: #fff; }

.form-table h4 { font-size: 20px; color: #00569f; text-align: center; font-weight: bold; margin-bottom: 40px; }

.form-table ul li { margin-bottom: 14px; }

.form-table ul li span { float: left; color: #666666; font-size: 16px; width: 80px; margin-top: 6px; }

.form-table ul li label { border: 1px solid #d9d9d9; display: block; position: relative; line-height: 36px; }

.form-table ul li label input { padding: 0 10px; width: 100%; background: none; line-height: 36px; }

.from-codeimg { position: absolute; right: 0; top: 0; height: 100%; }

.from-codeimg img { max-height: 100%; }

.join-btn { padding: 0 30px; height: 40px; line-height: 40px; background-color: #e50012; -webkit-border-radius: 8px !important; border-radius: 8px !important; color: #ffffff; font-size: 16px; display: inline-block; }

.join-tel { text-align: center; font-size: 18px; font-style: italic; color: #00569f; font-weight: bold; margin: 10px 0; }

.join-tel a { font-size: 22px; color: #e50012; vertical-align: middle; }

.join-tel i { width: 42px; height: 42px; display: inline-block; background: url(../images/telicon01.png) 0 0 no-repeat; vertical-align: middle; margin-right: 10px; }

/*联系我们*/
.contact-wrap { background: url(../images/contactimg02.jpg) 0 0 no-repeat; background-size:cover; }

.contact-left { padding: 30px 0; color: #fff; }

.contact-left .join-tel { text-align: left; color: #fff; }

.contact-left .join-tel a { color: #fff; }

.map { height: 250px; }

.tel-dialbtn { margin-top: 20px; display: block; width: 126px; height: 42px; background-color: #ffffff; -webkit-border-radius: 4px; border-radius: 4px; color: #007fec; text-align: center; line-height: 42px; font-size: 16px; }

.contact-online { padding-top: 35px; padding-bottom: 35px; background-image: url(../images/contactimg03.jpg); }

.feedback-titcn { font-size: 18px; color: #00569f; font-weight: bold; margin-bottom: 14px; }

.m-ptb40 { padding-top: 10px; padding-bottom: 30px; }

.left-fixed{position:fixed;top:50%;transform:translateY(-50%);right:0;z-index:9;width: 38px;}
.icon-show{position:relative;width:38px;height:38px;background-color:#007FEC;}
.left-fixed .texticon{width:38px;height:38px;color:#fff;background-repeat:no-repeat;background-position:center center;display:block;border-bottom:1px solid rgba(0,0,0,.1);white-space:nowrap;}
.left-fixed .texticon img{max-width:100%;}
.left-fixed .texticon span{font-size:16px;padding-right:20px;}
.left-fixed .code-icon{background-image:url(../images/codeicon.png);position:relative;z-index:2;background-color:#007FEC;}
/*.left-fixed .tel-icon{background-image:url(../images/tel.png);}
.left-fixed .mail-icon{background-image:url(../images/mail.png);}*/
.left-fixed .back-up{background-image:url(../images/top.png);background-color:#007FEC;}
.fancode-box,.plate-show{display:none;}

.fancode-box{position:absolute;top:0;right:38px;z-index:0;padding:10px;box-shadow:0px 0px 3px rgba(0,0,0,.1);background:#fff;transition:all .5s;transform:translateX(100%);}
.fancode-box img{width:100px;height:100px;}
.icon-show.cur .fancode-box{transform:translateX(0);}

/*20191021*/
.max-width550 { max-width: 550px; margin: 0 auto; }

.mb10 { margin-bottom: 12px; }

.column-text { height: 22px; line-height: 22px; }

.layui-inputbg .gray-bg input { background: #e5e5e5; }

.unit { font-size: 12px; top: 37px; }

.boiler-item span { line-height: 36px; }

.layui-onewidth64 { padding-right: 50px; }

.lh22 { line-height: 22px; }

.layui-form-table { position: relative; }

.recommend-wrap { display: none; }

.recommend-products { padding: 30px 10px 0; }

.recommend-products h3 { margin-bottom: 10px; }

.recommend-products ul { font-size: 0; }

.recommend-products ul li { position: relative; margin-bottom: 10px; display: inline-block; vertical-align: top; font-size: 14px; width: 50%; padding: 0 5px; }

.recommend-products ul li a { display: block; position: relative; }

.recommend-products ul li a .recommend-img img { max-width: 100%; display: block; }

.recommend-products ul li a h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.6); z-index: 2; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; }

.recommend-products::-webkit-scrollbar-track { background-color: #f5f5f5; }

.recommend-products::-webkit-scrollbar { width: 4px; }

.recommend-products::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; }

.up-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -15px; z-index: 8; display: none; width: 30px; height: 40px; border: 1px solid #ccc; background: #fff; margin-bottom: 10px; cursor: pointer; }

.up-btn:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); left: 6px; top: 14px; }


.proitem-five img{max-width:100%;}

/*箭头*/
@media (min-width: 640px) { .inpagebanner img, .charact-img img { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; width: 100%; }
  .charact-content { left: 5%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .charact-service ul li:nth-of-type(even) .charact-content { left: auto; right: 5%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } }


@media (min-width: 768px) { .cust-caselist li:nth-child(even) .zoomimg { float: right; }
  .real-scene { float: left; width: 33.33333%; }
  .abpro-center { position: absolute; top: 50%; padding: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50%; max-width: 400px; }
  .right-position { right: 5%; padding-left: 0; }
  .frimg { float: right; }
  .marginfu { margin: 0 -20px; }
  .layui-list li { padding: 0 20px; }
  .newscenter-list { padding-top: 35px; }
  .newscenter-list dl dt { float: left; width: 25.42373%; margin-right: 20px; }
  .newscenter-list dl dd { padding-top: 5px; }
  .join-suplist:before { content: ""; display: block; padding-bottom: 49.15254%; }
  .join-suplist li { position: absolute; width: 33.3%; }
  .join-suplist li:nth-of-type(1) { top: 0; left: 0; }
  .join-suplist li:nth-of-type(2) { left: 33.3%; top: 0; }
  .join-suplist li:nth-of-type(3) { top: 0; right: 0; }
  .join-suplist li:nth-of-type(4) { bottom: 0; left: 0; }
  .join-suplist li:nth-of-type(5) { bottom: 0; right: 0; }
  .support-desc { line-height: 30px; max-height: 80%; max-height: -webkit-calc(100% - 100px); max-height: -moz-calc(100% - 100px); max-height: calc(100% - 100px); }

  .left-fixed{width: 48px;}
  .icon-show{width:48px;height:48px;}
  .left-fixed .texticon{width:48px;height:48px;}
  .fancode-box{right:48px;}
  .telwidth{width:170px;}
.mailwidth{width:235px;}
.consultwidth{width:150px;}
.mailwidth,.telwidth,.consultwidth{right:0;transition:all .3s;}
.plate-show{position:absolute;top:0;left:0;transition:all .3s;transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;}
.plate-show a{height:38px;color:#fff;font-weight:bold;white-space:nowrap;padding:0 20px;line-height:48px;background:#e50012;display:block;}
.icon-show.cur.telwidth{right:122px;}
.icon-show.cur.mailwidth{right:187px;}
.icon-show.cur.consultwidth{right:77px;}

/*20191021*/
  .recommend-products ul li { width: 33.3%; } 
  .address-item{font-size:16px;padding-top:10px;}
}


/*箭头*/
@media (min-width: 992px) { .service-join { padding: 0 10px; }
  .form-table { padding: 45px 20px 40px; } }

@media (min-width: 1024px) { .banner-slider .index-dot { bottom: 85px; }
  .index-productwrap { padding-top: 105px; padding-bottom: 86px; }
  .product-slider ul li { overflow: hidden; border-right: 1px solid #cdcdcd; }
  .product-slider ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .product-slider ul li img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .product-slider ul li a { padding: 0 30px; }
  .product-slider ul li .zoomimg { margin-bottom: 24px; }
  .product-slider ul li:last-child { border-right: 0; }
  .m-promore a { min-width: 180px; height: 50px; line-height: 48px; }
  .m-promore a:hover { background: #007fec; color: #fff; }
  .pt64 { padding-top: 64px; }
  .product-advant { padding-top: 78px; padding-bottom: 100px; }
  .mcolumn-titlecn { font-size: 24px; }
  .advant-list { padding-top: 65px; }
  .advant-list li { width: 20%; }
  .advant-list li .advant-icon { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 auto 25px; }
  .advant-list li h5 { font-size: 18px; margin-bottom: 15px; }
  .advant-list li .desc { max-width: 150px; }
  .advant-list li:hover .advant-icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .company-profile { padding-top: 48px; }
  .profile-wrap { padding: 38px 0 42px; }
  .profile-list { padding: 35px 0 34px; }
  .profile-list li { overflow: hidden; }
  .profile-list li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .profile-list li img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .product-selection { padding-top: 45px; }
  .product-selelist { margin-top: 40px; width: 100%; display: table; table-layout: fixed; }
  .product-selelist .selectimg { display: table-cell; vertical-align: top; width: 50%; max-width: 960px; }
  .product-selelist .selectimg img { width: auto; height: 340px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .product-selelist .model-content { display: table-cell; vertical-align: top; width: 50%; padding: 50px; line-height: 28px; }
  .product-selelist .model-content h4 { font-size: 24px; margin-bottom: 28px; padding-bottom: 28px; }
  .product-selelist .model-content .model-dec { max-width: 770px; }
  .product-selelist .model-content .m-promore { margin-top: 40px; }
  .product-selelist .model-content .m-promore a { border: 2px solid transparent; }
  .product-selelist .model-content .m-promore a:hover { border: 2px solid #fff; color: #fff; }
  .customer-case { padding-top: 45px; padding-bottom: 50px; }
  .cust-caselist { padding-top: 50px; padding-bottom: 60px; }
  .cust-caselist li { min-height: 250px; }
  .cust-caselist li .zoomimg { overflow: hidden; }
  .cust-caselist li .zoomimg:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .cust-caselist li .zoomimg img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .cust-caselist li .zoomimg:before { min-height: 250px; }
  .cust-caselist li .zoomimg img { min-height: 250px; }
  .cust-caselist li:hover h2 a { color: #007fec; }
  .incase-con { padding: 40px 32px 20px; }
  .incase-con h2 { font-size: 18px; }
  .incase-con:before { content: ""; width: 0; height: 0; display: block; border: 18px solid transparent; border-right: 18px solid #fff; position: absolute; top: 30px; left: -36px; }
  .incase-icon { padding-bottom: 20px; }
  /*关于我们*/
  .iban-titlecn { font-size: 46px; }
  .iban-titleen { font-size: 35px; margin-top: -12px; }
  .inside-nav { background-color: #f2f2f2; border-bottom: 1px solid #cecece; }
  .nav-wrap { display: block !important; }
  .nav-wrap ul { display: table; table-layout: fixed; width: 100%; border-left: 1px solid #d9d9d9; }
  .nav-wrap ul li { display: table-cell; text-align: center; height: 60px; line-height: 60px; font-size: 16px; border-right: 1px solid #d9d9d9; border-bottom: 0; }
  .nav-wrap ul li:hover a, .nav-wrap ul li.cur a { background: #007fec; color: #fff; }
  .blockvideo-wrap { padding-top: 75px; }
  .video-recommend { padding-bottom: 82px; overflow: hidden; }
  .video-recommend a { display: block; overflow: hidden; }
  .video-recommend:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .video-recommend img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .video-recommend .video-content { padding: 20px 10px; }
  .video-content { padding: 17px 10px; }
  .video-content h2 { font-size: 18px; }
  .blvideo-list li { padding: 0 29px 82px; overflow: hidden; }
  .blvideo-list li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .blvideo-list li img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .blvideo-btn { width: 52px; height: 52px; }
  /*公司简介*/
  .profile-one { padding-top: 75px; padding-bottom: 100px; }
  .aboutprofile-wrap { line-height: 1.8; font-size: 16px; }
  .abprofile-tit { font-size: 28px; margin-bottom: 20px; }
  .abdesc-list { padding-top: 65px; }
  .abdesc-list li { font-size: 16px; width: 25%; }
  .abdesc-list li .icon-box { width: 135px; height: 135px; margin: 0 auto 25px; }
  .parentstable { display: table; width: 100%; table-layout: fixed; }
  .users-tit { font-size: 30px; margin-bottom: 30px; }
  .m-dbmiddle { display: table-cell; vertical-align: middle; }
  .profile-three { padding-top: 100px; padding-bottom: 100px; }
  .cloudser-img, .cloudser-content { float: left; width: 50%; }
  .cloudser-img { padding-bottom: 0; }
  .cloudser-content { padding-left: 70px; }
  .cloudser-tit { font-size: 24px; margin-bottom: 25px; }
  .pb26 { padding-bottom: 26px; }
  .profile-four { padding-top: 80px; padding-bottom: 90px; }
  .excellent-works { padding: 65px; }
  .mb58 { margin-bottom: 38px; }
  /*公司实景*/
  .company-reality { padding-top: 74px; padding-bottom: 78px; overflow: hidden; background: url(../images/aboutimg06.jpg) center bottom no-repeat; -o-background-size: cover; background-size: cover; }
  .scene-list { margin: 0 -46px; }
  .real-scene { padding: 0 46px; }
  .scene-bigimg { margin-bottom: 35px; }
  .scene-title { font-size: 24px; margin: 30px 0 6px; }
  .scene-desc { margin-bottom: 30px; }
  .honor-wrap { padding-top: 200px; padding-bottom: 115px; }
  .honor-wrap:before, .honor-wrap:after { content: ""; position: absolute; width: 21%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.75); z-index: 10; }
  .honor-wrap:after { left: auto; right: 0; }
  .honor-wrap ul li h2 { margin-top: 100px; }
  .service-office { padding-top: 70px; padding-bottom: 100px; }
  .office-tit { font-size: 36px; margin-bottom: 70px; }
  .office-slider ul li { margin-right: 33px; }
  .office-slider ul li .office-icon { height: 60px; }
  .office-slider ul li .office-item { padding: 55px 18px 20px; }
  .office-btn { position: absolute; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; cursor: pointer; }
  .office-btn:after { content: ""; display: block; width: 20px; height: 20px; border: 1px solid transparent; border-left: 2px solid #007fec; border-bottom: 2px solid #007fec; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: 15px 0 0 20px; }
  .office-next { left: auto; right: 0; }
  .office-next:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 10px; }
  .office-btn { display: block; }
  .case-compre { padding-top: 72px; padding-bottom: 20px; }
  .case-compre ul { margin: 0 -28px; }
  .case-compre ul li { padding: 0 28px; margin-bottom: 62px; overflow: hidden; }
  .case-compre ul li .zoomimg { position: relative; overflow: hidden; }
  .case-compre ul li .zoomimg:before { content: ""; display: block; padding-bottom: 63.20225%; }
  .case-compre ul li .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }
  .case-compre ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .case-compre ul li img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .case-compre ul li:hover .case-titbox { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .case-titbox { -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); }
  .m-pt68 { padding-top: 62px; padding-bottom: 64px; }
  .project-caselist { margin: 0 -19px; }
  .project-caselist li { padding: 0 19px 40px; }
  .project-caselist li a { display: block; overflow: hidden; }
  .project-caselist li a .zoomimg { position: relative; overflow: hidden; }
  .project-caselist li a .zoomimg:before { content: ""; display: block; padding-bottom: 62.5%; }
  .project-caselist li a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }
  .project-caselist li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .project-caselist li a img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .project-caselist li a:hover .box-middle { background: #007fec; color: #fff; }
  .box-middle { height: 86px; position: relative; text-align: center; background: #fff; text-align: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
  .box-middle h2 { max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; width: 100%; padding: 0 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; }
  .pagewrap a { height: 48px; line-height: 48px; }
  /*产品综合*/
  .product-sumwrap { padding-top: 94px; padding-bottom: 88px; }
  .product-itemlist li { padding-bottom: 30px; }
  .product-itemlist li a { display: block; overflow: hidden; }
  .product-itemlist li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .product-itemlist li a img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  /*产品详情*/
  .product-details-tit h1 { height: 60px; line-height: 60px; font-size: 18px; }
  .pro-position { position: absolute; margin-top: 6.77083%; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; padding-top: 0; padding-bottom: 0; }
  .proitem-two { display: table; table-layout: fixed; }
  .v6pro-images, .system-box, .system-img, .v6pro-content { display: table-cell; vertical-align: middle; width: 50%; }
  .v6pro-content { padding: 20px 30px 20px 20px; }
  .system-box { padding: 40px 60px 40px 30px; text-align: right; }
  .system-img { padding-top: 60px; }
  .ultraten-desc { color: #fff; }
  .proitem-four { padding-top: 60px; padding-bottom: 50px; }
  .mt80 { margin-top: 40px; }
  .product-selectbg { padding: 140px 0 100px; }
  .sumselect-box .tool-icon { height: 65px; margin-bottom: 18px; }
  .product-start:before { padding-bottom: 44.27083%; }
  .select-shape { font-size: 18px; }
  .select-shape h3 { font-size: 66px; padding-bottom: 24px; margin-bottom: 30px; }
  .select-shape h3:before { width: 60px; }
  .selectlink-btn { margin-top: 96px; }
  .selectlink-btn a { padding: 13px 57px; }
  .layui-form-table { padding: 24px 26px 50px; }
  .proback-up { width: 30px; height: 30px; margin-bottom: 22px; }
  .layui-list { margin: 32px 0 0; }
  .layui-list li { padding: 0 34px; margin-bottom: 12px; }
  .form-title { font-size: 24px; padding-left: 36px; }
  .layfrom-text { white-space: nowrap; position: absolute; left: 0; top: 0; line-height: 36px; }
  .unit { top: 0; line-height: 36px; }
  .layui-onewidth104 { padding-left: 104px; }
  .layui-onewidth104 .layfrom-text { width: 104px; }
  .layui-onewidth160 { padding-left: 160px; }
  .layui-onewidth160 .layfrom-text { width: 160px; }
  .layui-onewidth145 { padding-left: 145px; }
  .layui-onewidth145 .layfrom-text { width: 145px; }
  .layui-item-button { padding-top: 32px; }
  .layui-onewidth150 { padding-left: 150px; padding-right: 0; }
  .layui-onewidth150 .layfrom-text { width: 150px; }
  .layui-onewidth170 { padding-left: 170px; padding-right: 0; }
  .layui-onewidth170 .layfrom-text { width: 170px; }
  .layui-onewidth112 { padding-left: 112px; }
  .layui-onewidth112 .layfrom-text { width: 112px; }
  .boiler-selection { padding-left: 40px; line-height: 36px; margin-top: 25px; }
  .tab-type a { padding: 0 20px; min-width: 80px; margin: 0 5px; }
  .boiler-item { margin-bottom: 28px; }
  .marginfu { margin: 0 -40px; }
  .boilertext { padding-top: 10px; margin-top: 10px; }
  .full-newsA-container { padding-top: 75px; padding-bottom: 36px; }
  .newsA-topnews-swiper .thumb { float: left; width: 66.10169%; }
  .newsA-topnews-swiper .thumb img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .newsA-topnews-swiper a { overflow: hidden; zoom: 1; }
  .newsA-topnews-swiper a:before { width: 33.89831%; }
  .newsA-topnews-swiper a:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }
  .newsA-topnews-swiper .conent { overflow: hidden; zoom: 1; padding: 40px 25px 50px; }
  .newsA-topnews-swiper .title { margin-bottom: 24px; font-size: 22px; max-height: 64px; line-height: 32px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
  .newsA-topnews-swiper .desc { margin-bottom: 24px; }
  .newsA-topnews-swiper .newsA-pages { left: 66.10169%; bottom: 42px; width: 35%; text-align: left; padding-left: 25px; }
  .newscenter-list { padding-top: 35px; }
  .newscenter-list dl { padding: 18px 24px; overflow: hidden; }
  .newscenter-list dl:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .newscenter-list dl img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .newscenter-list dl dt { margin-right: 30px; }
  .newscenter-list dl dd { padding: 18px 140px 0 0; }
  .newscenter-list dl dd h2 { margin-bottom: 20px; }
  .newscenter-list dl dd .more-btn { padding-top: 9.5%; }
  .newscenter-list dl:hover h2 a { color: #e50012; }
  .newscenter-list dl:hover .more-btn a { color: #e50012; }
  .pb35 { padding-bottom: 35px; }
  /*招商加盟*/
  .join-support { padding-top: 50px; padding-bottom: 50px; }
  .support-title { font-size: 30px; padding-bottom: 25px; margin-bottom: 34px; }
  .support-title:before { width: 60px; height: 6px; }
  .support-titbox h2 { font-size: 20px; }
  .join-form-wrap { padding-top: 60px; }
  .join-formtext { font-size: 18px; margin-top: -5px; }
  .form-bg { margin-top: 45px; padding: 57px 0; }
  .join-tel { margin-top: 30px; }
  .contact-online { padding-top: 62px; padding-bottom: 75px; }
  /*联系我们*/
  .contact-left, .contact-map { float: left; width: 50%; height: 356px; }
  .contact-wrap { background: url(../images/contactimg02.jpg) 0 0 no-repeat; -o-background-size: 50% 100%; background-size: 50% 100%; }
  .contact-left { padding-top: 6%; color: #fff;padding-right:30px; }
  .contact-left .join-tel { text-align: left; color: #fff; }
  .contact-left .join-tel a { color: #fff; }
  .map { height: 356px; }
  .tel-dialbtn { margin-top: 60px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .tel-dialbtn:hover { background: #007fec; color: #fff; }
  .feedback-titcn { font-size: 20px; }
  .m-ptb40 { padding-top: 40px; padding-bottom: 40px; }

  /*20191021*/
  .fromlist-wrap { margin: 0 -34px; }
  .fromlist-wrap ul { padding: 0 34px; float: left; width: 50%; }
  .column-text { height: 36px; line-height: 36px; margin-bottom: 14px; }
  .unit { font-size: 14px; }
  .boiler-item { margin-bottom: 10px; }
  .layui-onewidth64 { padding-left: 70px; }
  .layui-onewidth64 .layfrom-text { width: 70px; }
  .layui-list li { padding: 0; }
  .recommend-products ul li { width: 25%; }
  .address-item{line-height:40px;}
}


/*箭头*/
@media (min-width: 1260px) { .profile-wrap { padding: 38px 40px 44px; }
  .enterprise-item { padding: 10px 30px; }
  .cust-caselist li { width: 50%; }
  .cust-caselist li:nth-child(even) .zoomimg { float: left; }
  .cust-caselist li:nth-child(4n-1) .zoomimg, .cust-caselist li:nth-child(4n) .zoomimg { float: right; }
  .cust-caselist li:nth-child(4n-1) .incase-con:before, .cust-caselist li:nth-child(4n) .incase-con:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); left: auto; right: -36px; }
  .inban-content { left: 50%; -webkit-transform: translate(-600px, -50%); -moz-transform: translate(-600px, -50%); -ms-transform: translate(-600px, -50%); -o-transform: translate(-600px, -50%); transform: translate(-600px, -50%); }
  .parentstable { min-height: 545px; }
  .cloudser-img img { max-width: 120%; left: -20%; }
  .abprofile-tit { font-size: 36px; margin-bottom: 30px; }
  .cloudser-tit { font-size: 30px; margin-bottom: 35px; }
  .abdesc-list li { font-size: 20px; }
  .profile-three { padding-top: 160px; padding-bottom: 140px; }
  .profile-four { padding-top: 133px; padding-bottom: 154px; }
  .scene-list { margin: 0 -46px; }
  .real-scene { padding: 0 46px; }
  /*荣誉资质*/
  .honor-wrap { padding-top: 200px; padding-bottom: 115px; }
  .honor-wrap ul li { width: 20%; }
  .honor-wrap ul li .honorimg { padding: 20px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  .honor-wrap ul li h2 { margin-top: 67px; font-size: 18px; }
  .honor-wrap ul li.swiper-slide-active .honorimg { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  .office-btn { left: -50px; }
  .office-next { left: auto; right: -50px; }
  .office-box p { white-space: nowrap; }
  /*特色服务*/
  .charact-content { left: 50%; -webkit-transform: translate(-590px, -50%); -moz-transform: translate(-590px, -50%); -ms-transform: translate(-590px, -50%); -o-transform: translate(-590px, -50%); transform: translate(-590px, -50%); font-size: 16px; }
  .bulebg { padding: 50px 44px; }
  .charact-icon { height: 64px; margin-bottom: 10px; }
  .charact-tit { font-size: 36px; margin-bottom: 18px; }
  .charact-service ul li { position: relative; }
  .charact-service ul li:nth-of-type(even) .charact-content { left: auto; right: 50%; -webkit-transform: translate(590px, -50%); -moz-transform: translate(590px, -50%); -ms-transform: translate(590px, -50%); -o-transform: translate(590px, -50%); transform: translate(590px, -50%); }
  .charact-service ul li .charact-img { overflow: hidden; }
  .charact-service ul li .charact-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .charact-service ul li .charact-img img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .case-titbox { width: 122px; height: 122px; line-height: 114px; }
  .case-titbox h2 { font-size: 30px; }
  .profs24 { font-size: 20px; }
  .valatieen { font-size: 56px; }
  .Valatiecn { font-size: 56px; }
  .valatie-box { margin-top: 35px; }
  .valatie-box p { margin-bottom: 14px; font-size: 22px; padding: 13px 10px; }
  .valatie-box p:before { border: 10px solid transparent; border-right: 10px solid #e50012; border-bottom: 10px solid #e50012; margin-right: 15px; }
  .v6pro-content { font-size: 18px; padding: 40px 0 40px 55px; }
  .v6fs24 { font-size: 24px; }
  .system-box { font-size: 18px; }
  .ultraten-title { font-size: 30px; margin-bottom: 20px; }
  .fproduct-tit { font-size: 30px; margin-bottom: 20px; }
  .pt70 { padding-top: 40px; padding-bottom: 24px; }
  .proitem-four { padding-top: 100px; padding-bottom: 115px; }
  .mt80 { margin-top: 80px; }
  .right-position { right: 50%; -webkit-transform: translate(590px, -50%); -moz-transform: translate(590px, -50%); -ms-transform: translate(590px, -50%); -o-transform: translate(590px, -50%); transform: translate(590px, -50%); padding-left: 90px; max-width: 590px; }
  .left-position { left: 50%; -webkit-transform: translate(-590px, -50%); -moz-transform: translate(-590px, -50%); -ms-transform: translate(-590px, -50%); -o-transform: translate(-590px, -50%); transform: translate(-590px, -50%); max-width: 520px; }
  .proitem-four { padding-left: 30px; padding-right: 30px; }
  .sumselect-list { padding: 0 75px; }
  .sumselect-list li { padding: 0 20px 35px; }
  .sumselect-list li a { padding: 100px 40px 35px; font-size: 18px; }
  /*招商加盟*/
  .join-support { padding-top: 77px; padding-bottom: 64px; }
  .support-title { font-size: 42px; padding-bottom: 25px; margin-bottom: 34px; }
  .support-title:before { width: 60px; height: 6px; }
  .join-formtext { font-size: 24px; }
  .service-join { padding: 0 25px; }
  .form-table { padding: 45px 50px 40px; }
  .form-table h4 { font-size: 20px; margin-bottom: 40px; }
  .form-table ul li { margin-bottom: 24px; }
  .form-table ul li span { font-size: 18px; width: 112px; margin-top: 11px; }
  .form-table ul li label { line-height: 45px; }
  .form-table ul li label input { line-height: 45px; }
  .join-btn { min-width: 176px; height: 50px; line-height: 50px; font-size: 18px; }
  .join-tel { font-size: 24px; margin-top: 30px; }
  .join-tel a { font-size: 36px; }

  .index-productwrap .commonweb{padding:0 50px;}
}

@media (min-width: 1600px) { 
    .index-productwrap .commonweb{padding:0;}
    .inpor-left { left: -86px; }
  .inpor-right { right: -86px; }
  .incase-dec { height: 96px; -webkit-line-clamp: 4; }
  .cloudser-img img { max-width: 133%; left: -33%; }
  .office-btn { left: -80px; }
  .office-next { left: auto; right: -80px; }
  .profs24 { font-size: 24px; }
  .valatieen { font-size: 72px; }
  .Valatiecn { font-size: 72px; }
  .valatie-box { margin-top: 35px; }
  .valatie-box p { margin-bottom: 14px; font-size: 28px; padding: 13px 10px; }
  .valatie-box p:before { border: 10px solid transparent; border-right: 10px solid #e50012; border-bottom: 10px solid #e50012; margin-right: 15px; }
  .ultraten-title { font-size: 48px; margin-bottom: 20px; }
  .fproduct-tit { font-size: 48px; margin-bottom: 20px; }
  .pt70 { padding-top: 70px; padding-bottom: 24px; }
  .product-selectbg { min-height: 845px; }
  .newsA-topnews-swiper .conent { padding: 60px 38px 50px; }
  .newsA-topnews-swiper .title { font-size: 24px; max-height: 72px; line-height: 36px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsA-topnews-swiper .more { padding-top: 15px; }
  .newsA-topnews-swiper .newsA-pages { padding-left: 38px; }

  .up-btn { display: block; }
  .recommend-products { position: absolute; right: -280px; top: 0; width: 280px; height: 100%; overflow-y: auto; background: rgba(255, 255, 255, 0.9); padding: 20px 10px 20px 40px; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
  .recommend-products ul li { margin-bottom: 10px; width: 100%; padding: 0; } 


}

/*搜索页*/
.searchcont401 { padding: 36px 0 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -o-background-size: cover; background-size: cover; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #da251d; }

.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: #da251d; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; line-height: 24px; }

.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; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #007fec; background-image: url(../images/search402.png); background-repeat: no-repeat; background-position: center; }

.keywords { color: #007fec; }

.ms-detail td .short-sl { width: 103px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; min-height: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #007fec; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #007fec; }

.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: 768px) { .searchtitle401 { font-size: 24px; padding-bottom: 36px; }
  .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; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .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; }
  .sitemapcont2 dl dd a:hover { color: #007fec; } }

@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 { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 80% center; } }


/* 发展历程 s */
.history-container { width: 100%; position: relative; }

.history-cover { display: none; }

.history-yearbg { background-repeat: no-repeat; background-position: 0 0; -o-background-size: cover; background-size: cover; background-color: #f7f6f2; }

.history-wover { padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; background-repeat: no-repeat; background-position: right bottom; -o-background-size: contain; background-size: contain; background-color: #f7f6f2; }

.history-wrapper { width: 100%; position: relative; }

.history-header { width: 260px; padding-bottom: 20px; }

.history-titlte { line-height: 34px; }

.history-titlte .en { color: #212121; font-size: 24px; font-weight: bold; }

.history-titlte .cn { color: #007fec; font-size: 20px; font-weight: bold; display: inline-block; vertical-align: top; }

.history-mixwraper { padding: 15px 15px 5px; margin-left: -15px; margin-right: -15px; background-color: #007FEC; }

.history-minswiper { width: 100%; overflow: hidden; position: relative; }

.history-minswiper ul { padding-bottom: 10px; }

.history-minswiper ul li { width: 115px; height: auto !important; line-height: 20px; text-align: center; }

.history-minswiper ul li a { display: block; width: 100%; color: #ffffff; font-size: 16px; font-family: 'Montserrat-Regular'; }

.history-minswiper ul li.cur a { color: #212121; }

.history-switch-prev, .history-switch-next { display: none; }

.history-content { padding-top: 30px; }

.history-maxswiper { width: 100%; position: relative; overflow: hidden; }

.history-maxswiper ul li { height: auto; }

.history-article { width: 100%; position: relative; }

.history-article .year-title { color: #007fec; line-height: 1.1; font-size: 28px; font-weight: bold; font-family: 'Montserrat-Regular'; }

.history-article .history-desc { padding-top: 10px; }

.history-article .history-word { color: #666666; font-size: 14px; line-height: 26px; }

.history-article .history-word p span{white-space: normal !important; }

@-webkit-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-moz-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-o-keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@keyframes Leftbgforword { 0% { background-position: -500px 0; }
  100% { background-position: -500px 0; } }

@-webkit-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@-moz-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@-o-keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@keyframes rightbgforword { 0% { background-position: 1920px bottom; }
  100% { background-position: right bottom; } }

@media (min-width: 1024px) { .history-container { padding-left: 300px; }
  .history-cover { display: block; position: absolute; width: 300px; height: 100%; top: 0; left: 0; }
  .history-yearbg { display: block; width: 100%; height: 100%; position: relative; }
  .history-wover { padding-top: 68px; padding-bottom: 50px; padding-left: 50px; }
  .history-wrapper { min-height: 700px; padding-right: 25.73529%; }
  .history-header { width: 390px; padding-bottom: 0px; }
  .history-titlte { line-height: 44px; }
  .history-titlte .en { font-size: 36px; }
  .history-titlte .cn { font-size: 28px; font-weight: normal; }
  .history-mixwraper { width: 100px; padding: 44px 0; margin-left: 0px; margin-right: 0px; position: absolute; top: 15px; background-color: transparent; left: -151px; }
  .history-minswiper { height: 620px; }
  .history-minswiper ul { padding-bottom: 0px; }
  .history-minswiper ul li { width: 100%; }
  .history-minswiper ul li a { font-size: 24px; margin: 15px 0; position: relative; }
  .history-minswiper ul li a em { display: block; text-align: right; padding: 10px 25px 10px 0; }
  .history-minswiper ul li a:after { content: ""; position: absolute; top: 0; height: 100%; right: 0; width: 4px; background-color: #007fec; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .history-minswiper ul li.cur a:after { opacity: 1; }
  .history-switch-prev, .history-switch-next { display: none; width: 100%; height: 44px; position: absolute; line-height: 44px; text-align: center; cursor: pointer; }
  .history-switch-prev:after, .history-switch-next:after { content: ''; display: inline-block; width: 12px; height: 12px; border: 1px solid #999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-top: none; border-right: none; }
  .history-switch-prev.swiper-button-disabled, .history-switch-next.swiper-button-disabled { cursor: default; }
  .history-switch-prev:hover:after, .history-switch-next:hover:after { border-color: #007fec; }
  .history-switch-prev { top: 0; left: 0; }
  .history-switch-prev:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-bottom: -5px; }
  .history-switch-next { bottom: 0; left: 0; }
  .history-switch-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: 2px; }
  .history-content { padding-top: 25px; }
  .history-article .year-title { font-size: 34px; font-weight: normal; }
  .history-article .history-desc { padding-top: 15px; } }

@media (min-width: 1260px) { .history-container { padding-left: 380px; }
  .history-cover { width: 380px; }
  .history-wrapper { min-height: 780px; padding-right: 33.08824%; }
  .history-titlte .en { font-size: 42px; }
  .history-titlte .cn { font-size: 34px; }
  .history-mixwraper { padding: 54px 0; }
  .history-switch-prev, .history-switch-next { height: 54px; line-height: 54px; }
  .history-article .year-title { font-size: 46px; }
  .history-article .history-desc { padding-top: 20px; }
  .history-article .history-word { font-size: 16px; line-height: 30px; } }

@media (min-width: 1440px) { .history-container { padding-left: 27.08333%; }
  .history-cover { width: 27.08333%; }
  .history-wrapper { min-height: 748px; padding-right: 40.44118%; }
  .history-titlte { line-height: 50px; }
  .history-titlte .en { font-size: 48px; }
  .history-titlte .cn { font-size: 36px; }
  .history-mixwraper { padding: 58px 0; }
  .history-switch-prev, .history-switch-next { height: 58px; line-height: 58px; }
  .history-article .year-title { font-size: 60px; } }

/* 发展历程 e */

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }



.newsdetailA-title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; color: #1b1b1b; /* {"title": "栏目标题文本色","type":"color","name": "@clnewsdetailAcol","value": "#1b1b1b"}*/ }

.newsdetailA-title:after { content: ''; display: block; width: 60px; height: 2px; margin: 15px auto 0; background-color: #cd002b; /* {"title": "栏目横条颜色背景色","type":"color","name": "@bgcnewsdetailAline","value": "#cd002b"}*/ }

.single-page { padding: 20px 0; font-size: 14px; line-height: 24px; background-repeat: repeat-x; background-position: 0 0; background-image: url(../images/newsdetailAper.png); /* {"title": "新闻详情A粗斜线单元背景图","type":"image","name": "@imgnewsdetailAtop","value": "url(../images/newsdetailAper.png)"}*/ color: #666666; /* {"title": "新闻详情A内容文本色","type":"color","name": "@clnewsdetailApage","value": "#666666"}*/ }

.single-page img { max-width: 100%; margin: 0.5em 0; }

.newsdetailA-article { padding-bottom: 30px; }

.newsdetailA-article .article-tilte { margin-bottom: 9px; font-size: 16px; line-height: 1.5; font-weight: bold; color: #000000; /* {"title": "新闻详情A内容标题文本色","type":"color","name": "@clnewsdetailApagetitle","value": "#000000"}*/ }

.newsdetailA-article .date { margin-bottom: 15px; font-size: 18px; line-height: 24px; color: #8e8e8e; /* {"title": "新闻详情A内容日期文本色","type":"color","name": "@clnewsdetailApagedate","value": "#8e8e8e"}*/ }

.newsdetailA-share { padding: 5px 0; -webkit-border-radius: 25px; border-radius: 25px; display: inline-block; font-size: 0; }

.newsdetailA-share .label { display: inline-block; vertical-align: top; padding-right: 15px; font-size: 20px; line-height: 32px; color: #666666; /* {"title": "新闻详细A分享提示文本色","type":"color","name": "@clnewsdetailAlabel","value": "#666666"}*/ }

.newsdetailA-share .newsdetailA-bdshare { display: inline-block; vertical-align: top; overflow: hidden; zoom: 1; }

.newsdetailA-share .newsdetailA-bdshare a { float: left; display: block; padding: 0; margin: 0 0 0 4px; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover; border: solid 1px #eeeeee; }

.newsdetailA-share .newsdetailA-bdshare .bds_weixin { background-image: url(../images/newsdetailAwxico.png); /* {"title": "新闻详情A微信分享背景图","type":"image","name": "@imgnewsdetailAsharewx","value": "url(../images/newsdetailAwxico.png)"}*/ }

.newsdetailA-share .newsdetailA-bdshare .bds_tsina { background-image: url(../images/newsdetailAsnico.png); /* {"title": "新闻详情A新浪分享背景图","type":"image","name": "@imgnewsdetailAsharesn","value": "url(../images/newsdetailAsnico.png)"}*/ }

.newsdetailA-share .newsdetailA-bdshare .bds_sqq { background-image: url(../images/newsdetailAqqico.png); /* {"title": "新闻详情A企鹅分享背景图","type":"image","name": "@imgnewsdetailAshareqq","value": "url(../images/newsdetailAqqico.png)"}*/ }

.newsdetailA-related { padding: 15px 15px; background-color: #f2f2f2; /* {"title": "新闻详情A相关新闻背景色","type":"color","name": "@bgcnewsdetailAre","value": "#f2f2f2"}*/ }

.newsdetailA-related .related-cn { font-size: 16px; line-height: 24px; font-weight: bold; color: #444444; /* {"title": "新闻详情A相关中文标题文本色","type":"color","name": "@clnewsdetailAreCn","value": "#444444"}*/ margin-bottom: 12px; }

.newsdetailA-related .related-en { margin-bottom: 15px; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #b2b2b2; /* {"title": "新闻详情A相关英文标题文本色","type":"color","name": "@clnewsdetailAreEn","value": "#b2b2b2"}*/ }

.related-news li { margin-bottom: 20px; }

.related-news a { display: block; }

.related-news .thumb { position: relative; overflow: hidden; margin-bottom: 16px; }

.related-news .thumb img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; }

.related-news .thumb:after { content: ''; display: block; width: 100%; padding-bottom: 58.82353%; }

.related-news .date { font-size: 16px; line-height: 30px; color: #8e8e8e; /* {"title": "新闻详情A相关列表日期文本色","type":"color","name": "@clrelatedElistdate","value": "#8e8e8e"}*/ }

.related-news .title { margin-bottom: 13px; font-size: 18px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #444444; /* {"title": "新闻详情A相关列表标题文本色","type":"color","name": "@clrelatedElisttitle","value": "#444444"}*/ }

.related-news .desc { margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #a1a1a1; /* {"title": "新闻详情A相关列表简介文本色","type":"color","name": "@clrelatedElistdesc","value": "#a1a1a1"}*/ max-height: 54px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.related-news .more { font-size: 13px; line-height: 18px; color: #797a81; /* {"title": "新闻详情A相关列表更多文本色","type":"color","name": "@clrelatedElistmore","value": "#797a81"}*/ }

@media (min-width: 768px) { .newsdetailA-related { padding: 15px 20px; }
  .related-news ul { font-size: 0; margin: 0 -10px; }
  .related-news li { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; } }


@media (min-width: 1024px) { .newsdetailA-title { margin: 0 0 80px; /* {"title": "栏目标题下外间距","type":"text","name": "@mggnewsdetailA","value": "0 0 80px"}*/ font-size: 30px; /* {"title": "栏目标题字号","type":"text","name": "@fzgnewsdetailA","value": "30px"}*/ }
  .newsdetailA-title:after { margin: 12px auto 0; }
  .single-page { padding: 32px 0 80px; }
  .newsdetailA-wrapper { display: table; width: 100%; table-layout: fixed; }
  .newsdetailA-article { display: table-cell; vertical-align: top; padding: 0 30px 58px 0; }
  .newsdetailA-article .article-tilte { margin-bottom: 20px; font-size: 30px; }
  .newsdetailA-article .date { margin-bottom: 26px; font-size: 24px; }
  .newsdetailA-share { padding: 9px 0; float: right; }
  .newsdetailA-share .label { padding-right: 20px; }
  .newsdetailA-related { display: table-cell; vertical-align: top; padding: 40px 30px; width: 400px; }
  .related-cn { font-size: 18px; }
  .related-news ul { margin: 0; }
  .related-news li { margin-bottom: 36px; width: 100%; padding: 0; }
  .related-news img { -webkit-transition: -webkit-transform ease .7s; transition: -webkit-transform ease .7s; -o-transition: -o-transform ease .7s; -moz-transition: transform ease .7s, -moz-transform ease .7s; transition: transform ease .7s; transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s; }
  .related-news a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .related-news a:hover .title { color: #eb6400; /* {"title": "新闻详情A相关列表标题选中文本色","type":"color","name": "@clcurrelatedElisttitle","value": "#eb6400"}*/ }
  .related-news a:hover .more { color: #eb6400; /* {"title": "新闻详情A相关列表更多文本色","type":"color","name": "@clrelatedElistmore","value": "#eb6400"}*/ }
  .related-news .thumb { margin-bottom: 20px; }
  .related-news .date { margin-bottom: 3px; font-size: 16px; }
  .related-news .title { margin-bottom: 8px; font-weight: bold; font-size: 18px; } }

@media (min-width: 1260px) { .full-newsdetailA-container .newsdetailA-related { padding: 20px 30px; width: 400px; } }



.centerC-list li { margin-bottom: 15px; }

.centerC-list li a { display: table; width: 100%; table-layout: fixed; background-color: #fff; /* {"title": "产品单项背景色","type":"color","name": "@bgccenterCitem","value": "#fff"}*/ }

.centerC-list .thumb { display: table-cell; vertical-align: middle; width: 50%; overflow: hidden; position: relative; }

.centerC-list .thumb:before { content: ""; display: block; padding-bottom: 100%; }

.centerC-list .thumb img { position: absolute; top: 0; left: 0; width: 100%; }

.centerC-list .content { display: table-cell; vertical-align: middle; width: 50%; padding: 0px 10px; }

.centerC-list .name { margin-bottom: 5px; font-size: 16px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #00569f; /* {"title": "产品C名称文本色","type":"color","name": "@clcenterCtitle","value": "#00569f"}*/ }

.centerC-list .desc { margin-bottom: 5px; font-size: 14px; line-height: 22px; color: #7a8899; /* {"title": "产品C描述文本色","type":"color","name": "@clcenterCdesc","value": "#7a8899"}*/ display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.centerC-list .more { background-position: 0 center; background-repeat: no-repeat; font-size: 0; background-image: url(../images/centerCmore.png); /* {"title": "产品C了解详情背景图","type":"image","name": "@imgcenterCmore","value": "url(../images/centerCmore.png)"}*/ -o-background-size: 15px auto; background-size: 15px auto; }

@media (min-width: 768px) { .centerC-list ul { margin: 0 -9px; }
  .centerC-list li { float: left; width: 50%; padding: 0 9px; margin-bottom: 18px; } }


@media (min-width: 1024px) { .centerC-list ul { margin-bottom: 18px; }
  .centerC-list li { margin-bottom: 18px; }
  .centerC-list a:hover .more { background-image: url(../images/centerCmoreac.png); /* {"title": "产品C了解详情选中背景图","type":"image","name": "@imgcurrcenterCmore","value": "url(../images/centerCmoreac.png)"}*/ -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0); }
  .centerC-list a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .centerC-list .thumb img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .centerC-list .content { width: 50%; padding: 0 25px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; }
  .centerC-list .name { margin-bottom: 23px; font-size: 20px; line-height: 26px; }
  .centerC-list .desc { margin-bottom: 28px; }
  .centerC-list .more { height: 27px; -o-background-size: 27px auto; background-size: 27px auto; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease; } }




.full-newsdetailB-container { padding: 30px 0; background-color: #ffffff; /* {"title": "栏目全局背景色","type":"color","name": "@bgcgnewsdetailBcol","value": "#ffffff"}*/ }

.article-tilte { margin-bottom: 8px; font-size: 18px; line-height: 26px; color: #333333; /* {"title": "新闻详细B标题文本色","type":"color","name": "@clnewsdetailBtilte","value": "#333333"}*/ }

.date { margin-bottom: 10px; font-size: 16px; line-height: 32px; color: #8e8e8e; /* {"title": "新闻详细B日期文本色","type":"color","name": "@clnewsdetailBdate","value": "#8e8e8e"}*/ }

.newsdetailB-article { position: relative; padding: 38px 0 30px; margin-bottom: 15px; border: 1px solid #d9d9d9; /* {"title": "新闻详细B内容上下边框色","type":"color","name": "@bdnewsdetailBart","value": "#d9d9d9"}*/ border-left: 0; border-right: 0; font-size: 14px; line-height: 24px; color: #333; /* {"title": "新闻详细B内容文本色","type":"color","name": "@clnewsdetailBart","value": "#333"}*/ }

.newsdetailB-article img { max-width: 100%; margin: 0.5em 0; }

.newsdetailB-article .newsdetailB-bdshare { position: absolute; right: 0; top: -43px; overflow: hidden; zoom: 1; }

.newsdetailB-article .newsdetailB-bdshare a { float: left; display: block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 5px; background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover; }

.newsdetailB-article .newsdetailB-bdshare .bds_weixin { background-image: url(../images/newsdetailBwxico.png); /* {"title": "新闻详情A微信分享背景图","type":"image","name": "@imgnewsdetailAsharewx","value": "url(../images/newsdetailBwxico.png)"}*/ }

.newsdetailB-article .newsdetailB-bdshare .bds_tsina { background-image: url(../images/newsdetailBsnico.png); /* {"title": "新闻详情A新浪分享背景图","type":"image","name": "@imgnewsdetailAsharesn","value": "url(../images/newsdetailBsnico.png)"}*/ }

.newsdetailB-article .newsdetailB-bdshare .bds_sqq { background-image: url(../images/newsdetailBqqico.png); /* {"title": "新闻详情A企鹅分享背景图","type":"image","name": "@imgnewsdetailAshareqq","value": "url(../images/newsdetailBqqico.png)"}*/ }

.newsdetailB-ctrl .page-ctrl { margin-bottom: 10px; }

.newsdetailB-ctrl .page-ctrl a { display: block; font-size: 14px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; /* {"title": "新闻详细B上下页文本色","type":"color","name": "@clnewsdetailBpage","value": "#666666"}*/ }

.newsdetailB-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; /* {"title": "新闻详细B返回文本色","type":"color","name": "@clnewsdetailBreturn","value": "#ffffff"}*/ background-color: #007FEC; /* {"title": "新闻详细B返回背景色","type":"color","name": "@bgcnewsdetailBreturn","value": "#007FEC"}*/ }

@media (min-width: 768px) { .newsB-list ul { margin: 0 -10px; }
  .newsB-list li { width: 50%; padding: 0 10px; margin-bottom: 20px; } }


@media (min-width: 1024px) { .full-newsdetailB-container { padding: 100px 0 78px; /* {"title": "栏目全局内填充","type":"text","name": "@pdgnewsdetailBcol","value": "100px 0 78px"}*/ }
  .full-newsdetailB-container .article-tilte { font-size: 36px; /* {"title": "新闻详细B标题字号","type":"text","name": "@fznewsdetailBtilte","value": "36px"}*/ margin: 0 0 18px; /* {"title": "新闻详细B标题下外间距","type":"text","name": "@mgnewsdetailBtilte","value": "0 0 18px"}*/ line-height: 32px; }
  .date { margin: 0 0 40px; /* {"title": "新闻详细B日期下外间距","type":"text","name": "@mgnewsdetailBdate","value": "0 0 40px"}*/ font-size: 24px; }
  .newsdetailB-article { padding: 40px 0 50px; margin-bottom: 30px; }
  .news-deatilsbox { padding: 0 100px; }
  .newsdetailB-article .newsdetailB-bdshare { position: absolute; right: auto; left: 0; top: 76px; z-index: 50; }
  .newsdetailB-article .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 40px; }
  .newsdetailB-article .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; bottom: 55px; }
  .newsdetailB-article .newsdetailB-bdshare a { float: none; width: 72px; height: 72px; margin: 0 0 1px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
  .newsdetailB-article .newsdetailB-bdshare .bds_weixin:hover { background-image: url(../images/newsdetailBwxicoac.jpg); /* {"title": "新闻详情A微信分享背景图","type":"image","name": "@imgnewsdetailAsharewx","value": "url(../images/newsdetailBwxicoac.jpg)"}*/ }
  .newsdetailB-article .newsdetailB-bdshare .bds_tsina:hover { background-image: url(../images/newsdetailBsnicoac.jpg); /* {"title": "新闻详情A新浪分享背景图","type":"image","name": "@imgnewsdetailAsharesn","value": "url(../images/newsdetailBsnicoac.jpg)"}*/ }
  .newsdetailB-article .newsdetailB-bdshare .bds_sqq:hover { background-image: url(../images/newsdetailBqqicoac.jpg); /* {"title": "新闻详情A企鹅分享背景图","type":"image","name": "@imgnewsdetailAshareqq","value": "url(../images/newsdetailBqqicoac.jpg)"}*/ }
  .newsdetailB-ctrl { position: relative; padding-right: 200px; }
  .newsdetailB-ctrl .page-ctrl { margin-bottom: 0; }
  .newsdetailB-ctrl .page-ctrl a:hover { color: #007FEC; /* {"title": "新闻详细B上下页文本色","type":"color","name": "@clnewsdetailBpage","value": "#007FEC"}*/ }
  .newsdetailB-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; } }

@media (min-width: 1260px) { .news-deatilsbox { max-width: 840px; padding: 0; margin: 0 auto; }
  .newsdetailB-article .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 50%; margin-left: -590px; }
  .newsdetailB-article .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; margin-left: 0; } }



.full-contactB-container { padding: 30px 0 0; }

.full-contactB-container .contactB-title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; color: #1b1b1b; /* {"title": "栏目标题文本色","type":"color","name": "@clcontactBcolumncolor","value": "#1b1b1b"}*/ }

.full-contactB-container .contactB-title:after { content: ''; display: block; width: 60px; height: 2px; margin: 15px auto 0; background-color: #cd002b; /* {"title": "栏目横条颜色背景色","type":"color","name": "@bgccontactBcolumnline","value": "#cd002b"}*/ }

.contactB-info { padding-bottom: 28px; }

.contactB-info .info { margin-bottom: 10px; font-size: 14px; line-height: 24px; color: #868686; /* {"title": "联系信息文本色","type":"color","name": "@clcontactBinfo","value": "#868686"}*/ }

.contactB-info .contactB-bdmap { position: relative; width: 100%; padding-bottom: 54.05405%; }

.contactB-info .contactB-bdmap .map { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; }

.follow-us { margin-top: 20px; padding: 20px 0; border-top: 1px solid #dcdce5; }

.contactB-feedback .feedback-form .thumb { display: none; }

.contactB-feedback .feedback-form .form { background: #fff; padding: 30px 10px 0; }

.contactB-feedback .feedback-form input[type="text"] { display: block; width: 100%; margin-bottom: 10px; padding-left: 10px; line-height: 40px; height: 40px; background-repeat: no-repeat; background-position: 96% center; -o-background-size: 22px auto; background-size: 22px auto; border: 1px solid #edeae8; /* {"title": "反馈表单输入框边框色","type":"color","name": "@bdcontactBfdinput","value": "#edeae8"}*/ }

.contactB-feedback .feedback-form input[type="text"]:focus { border-color: #007cc3; /* {"title": "反馈表单输入框选中边框色","type":"color","name": "@bdcurcontactBfdinput","value": "#007cc3"}*/ }

.contactB-feedback .feedback-form .code-item { padding: 10px 105px 0 0; position: relative; }

.contactB-feedback .feedback-form .code-item .text-code { display: inline-block; vertical-align: top; }

.contactB-feedback .feedback-form .code-item .code-num { display: block; position: absolute; right: 0; top: 0; width: 100px; height: 40px; position: absolute; top: 12px; right: 0; }

.contactB-feedback .feedback-form .code-item .code-num img { max-width: 100%; height: 36px; }

.contactB-feedback .feedback-form .text-name { background-image: url(../images/contactBfm01.png); /* {"title": "反馈表单姓名输入1背景图","type":"image","name": "@imgcontactBfdname","value": "url(../images/contactBfm01.png)"}*/ }

.contactB-feedback .feedback-form .text-name:focus { background-image: url(../images/contactBfm01ac.png); /* {"title": "反馈表单姓名输入1选中背景图","type":"image","name": "@imgcurcontactBfdname","value": "url(../images/contactBfm01ac.png)"}*/ }

.contactB-feedback .feedback-form .text-tel { background-image: url(../images/contactBfm02.png); /* {"title": "反馈表单姓名输入2背景图","type":"image","name": "@imgcontactBfdtel","value": "url(../images/contactBfm02.png)"}*/ }

.contactB-feedback .feedback-form .text-tel:focus { background-image: url(../images/contactBfm02ac.png); /* {"title": "反馈表单姓名输入2选中背景图","type":"image","name": "@imgcurcontactBfdtel","value": "url(../images/contactBfm02ac.png)"}*/ }

.contactB-feedback .feedback-form .text-countries { background-image: url(../images/contactBfm03.png); /* {"title": "反馈表单公司名名输入3背景图","type":"image","name": "@imgcontactBfdcount","value": "url(../images/contactBfm03.png)"}*/ }

.contactB-feedback .feedback-form .text-countries:focus { background-image: url(../images/contactBfm03ac.png); /* {"title": "反馈表单公司名输入3选中背景图","type":"image","name": "@imgcurcontactBfdcount","value": "url(../images/contactBfm03ac.png)"}*/ }

.contactB-feedback .feedback-form .text-company { background-image: url(../images/contactBfm04.png); /* {"title": "反馈表单公司名输入4背景图","type":"image","name": "@imgcontactBfdcmpy","value": "url(../images/contactBfm04.png)"}*/ }

.contactB-feedback .feedback-form .text-company:focus { background-image: url(../images/contactBfm04ac.png); /* {"title": "反馈表单公司名输入4选中背景图","type":"image","name": "@imgcurcontactBfdcmpy","value": "url(../images/contactBfm04ac.png)"}*/ }

.contactB-feedback .feedback-form .text-email { background-image: url(../images/contactBfm05.png); /* {"title": "反馈表单邮箱输入5背景图","type":"image","name": "@imgcontactBfdmail","value": "url(../images/contactBfm05.png)"}*/ }

.contactB-feedback .feedback-form .text-email:focus { background-image: url(../images/contactBfm05ac.png); /* {"title": "反馈表单邮箱输入5选中背景图","type":"image","name": "@imgcurcontactBfdmail","value": "url(../images/contactBfm05ac.png)"}*/ }

.contactB-feedback .feedback-form textarea { display: block; width: 100%; padding: 10px; font-size: 14px; line-height: 24px; height: 108px; border: 1px solid #edeae8; background-repeat: no-repeat; background-position: 96% 10px; -o-background-size: 22px auto; background-size: 22px auto; background-image: url(../images/contactBfm06.png); /* {"title": "反馈表单内容输入6背景图","type":"image","name": "@imgcontactBfdcontent","value": "url(../images/contactBfm06.png)"}*/ }

.contactB-feedback .feedback-form textarea:focus { background-image: url(../images/contactBfm06ac.png); /* {"title": "反馈表单内容输入6选中背景图","type":"image","name": "@imgcurcontactBfdcontent","value": "url(../images/contactBfm06ac.png)"}*/ border-color: #007cc3; /* {"title": "反馈表单内容输入6选中边框色","type":"color","name": "@bdcurcontactBfdcontent","value": "#007cc3"}*/ }

.contactB-feedback .feedback-form .ctrl-item { padding: 20px 0 30px; font-size: 0; text-align: center; }

.contactB-feedback .feedback-form .ctrl-item input { display: inline-block; vertical-align: top; width: 42%; margin: 0 3%; font-size: 14px; line-height: 42px; color: #ffffff; /* {"title": "反馈表单控制按钮文本色","type":"color","name": "@clcontactBfdctrl","value": "#ffffff"}*/ height: 42px; border: 0; outline: 0; max-width: 192px; cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; }

.contactB-feedback .feedback-form .ctrl-item input[type="submit"] { background-color: #e50012; /* {"title": "反馈表单提交按钮背景色","type":"color","name": "@bgccontactBfdsubmit","value": "#e50012"}*/ }

.contactB-feedback .feedback-form .ctrl-item input[type="reset"] { background-color: #c1c1c1; /* {"title": "反馈表单提交按钮背景色","type":"color","name": "@bgccontactBfdreset","value": "#c1c1c1"}*/ }

@media (min-width: 768px) { .contactB-info .contactB-bdmap { padding-bottom: 40%; } }


@media (min-width: 1024px) { .full-contactB-container { padding: 75px 0 110px; /* {"title": "联系B模块上下内填充","type":"text","name": "@pdgcontactB","value": "75px 0 110px"}*/ }
  .full-contactB-container .contactB-title { margin: 0 0 80px; /* {"title": "联系B栏目标题下外间距","type":"text","name": "@mggcontactB","value": "0 0 80px"}*/ font-size: 30px; /* {"title": "联系B栏目标题字号","type":"text","name": "@fzgcontactB","value": "30px"}*/ }
  .full-contactB-container .contactB-title:after { margin: 12px auto 0; }
  .contactB-info { padding-top: 43px; }
  .contactB-info .info { float: left; width: 38%; padding: 20px 60px 0 0; }
  .contactB-info .contactB-bdmap { float: right; width: 62%; padding-bottom: 33%; }
  .follow-us { margin-top: 35px; padding-top: 35px; }
  .codeimg { margin-top: 20px; }
  .contactB-feedback { padding: 38px 0 0; position: relative; }
  .contactB-feedback .feedback-en { font-size: 30px; }
  .contactB-feedback .feedback-cn { margin-bottom: 25px; font-size: 30px; color: #666666; }
  .contactB-feedback .feedback-form { overflow: hidden; zoom: 1; }
  .contactB-feedback .feedback-form .thumb { display: block; position: absolute; top: 38px; right: 0; width: 41.35593%; margin-left: 20px; z-index: 0; }
  .contactB-feedback .feedback-form .thumb img { max-width: 100%; }
  .contactB-feedback .feedback-form .form { overflow: hidden; zoom: 1; width: 66.44068%; position: relative; z-index: 1; padding: 46px 50px; }
  .contactB-feedback .feedback-form form { margin: 0 -5px; }
  .contactB-feedback .feedback-form .text-item { float: left; width: 50%; padding: 0 5px; }
  .contactB-feedback .feedback-form .mail-item { padding: 0 5px; }
  .contactB-feedback .feedback-form .mail-item input { background-position: 98% center; }
  .contactB-feedback .feedback-form .content-item { padding: 0 5px; }
  .contactB-feedback .feedback-form .content-item textarea { background-position: 98% 10px; }
  .contactB-feedback .feedback-form .code-item { padding: 10px 5px 0; }
  .contactB-feedback .feedback-form .code-item .code-num { width: 100px; }
  .contactB-feedback .feedback-form input[type="text"] { padding-left: 20px; -o-background-size: 28px auto; background-size: 28px auto; }
  .contactB-feedback .feedback-form input[type="text"]::-webkit-input-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form input[type="text"]:-moz-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form input[type="text"]::-moz-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form input[type="text"]:-ms-input-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form textarea { padding: 10px 20px; -o-background-size: 28px auto; background-size: 28px auto; }
  .contactB-feedback .feedback-form textarea::-webkit-input-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form textarea:-moz-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form textarea::-moz-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form textarea:-ms-input-placeholder { color: #b3b3b3; }
  .contactB-feedback .feedback-form .ctrl-item { font-size: 0; text-align: center; overflow: hidden; zoom: 1; }
  .contactB-feedback .feedback-form .ctrl-item input { line-height: 38px; height: 48px; width: 192px; margin: 0 17px; } }

@media (min-width: 1260px) { .contactB-info .info { padding: 40px 60px 0 0; } }

tr{
  display: block;
  margin: 10px; }
input{
  border-radius:4px;
  padding-left:10px;
}
button{
  height:32px;
  width: 60px;
  line-height: 32px;
  background-color: #2b3d91;
  border-radius:4px;
  color: #fff;
  margin-left: 20px;
}