@charset "UTF-8";html,body,.wrap,.nav-panel > a img,.model-02 .pro-more a,.service-list li dl dt span,.model-04 .wrap .blog-news .blog-list li > dl dt,.swiper-partner,.swiper-partner .swiper-slide dl dt img,.model-06 dl dd a,.pro-article img,.blog-list-panel,.blog-list-fst > li .blog-link ul li a,.article-content .blog-link-panel .blog-link,.article-content .blog-link-panel .blog-link ul li a,.article-content .blog-content img {
  margin-left: auto;
  margin-right: auto;
}

.fl,.header a,.nav-panel > a,.nav-panel ul.pc-nav,.nav-panel ul.pc-nav li,.model-02 .pro-item .item-info .item-title,.model-02 .pro-item + .pro-item .item-info .item-data,.model-02 .pro-item + .pro-item .item-img,.model-03 .wrap .service-info ul,.swiper-partner .swiper-slide,.productDetail-page .article-banner .article-info,.productDetail-page .article-banner .btm-info .lf-font,.tab-img .big-img,.case-panel .case-info .btm-div,.blog-list-fst > li .blog-link,.blog-list-fst > li .blog-panel,.article-content .blog-link-panel,.article-content .blog-content,.article-content .blog-content .keyword span,.article-content .blog-aside,.message-panel .wrap .message-wrap .message-form,.product-wrapper .wrap .side-panel,.swiper-wrap .swiper-container .swiper-slide .item-img,.swiper-wrap .swiper-container .swiper-slide .item-info {
  float: left;
}

.fr,.nav-panel > span,.model-02 .pro-item .item-info .item-data,.model-02 .pro-item + .pro-item .item-info,.model-02 .pro-item + .pro-item .item-info .item-title,.model-02 .pro-item + .pro-item .item-img a,.model-03 .wrap .service-info ul + ul,.model-04 .wrap .blog-news .blog-list li .news-content .time-panel a,.productDetail-page .article-banner .article-img,.productDetail-page .article-banner .btm-info .rt-swt,.tab-img .sm-img,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .btn-more span,.blog-list-fst > li .date,.message-panel .wrap .message-wrap .map,.message-panel .wrap .message-wrap .message-form .item-panel > a,.message-panel .wrap .message-wrap .message-form .item-panel input[type='button'],.message-panel .wrap .message-wrap .message-form .item-panel input[type='submit'],.product-wrapper .wrap .main-content {
  float: right;
}

.wrap,.wrapper,.banner,.swiper-about,.swiper-about .swiper-slide a,.swiper-about .swiper-slide > span,.swiper-about .swiper-slide > div,.model-02 .pro-item,.model-02 .pro-item .item-img,.model-02 .pro-more,.model-03,.model-03 .wrap,.model-03 .wrap .service-info,.service-list,.service-list li,.service-list li dl,.service-list li dl dt,.service-list li dl dt span,.model-04 .wrap .blog-news .blog-list,.model-04 .wrap .blog-news .blog-list li,.model-04 .wrap .blog-news .blog-list li .news-content,.model-06 dl,.model-06 dl dd,.footer,.productDetail-page .article-banner,.productDetail-page .article-banner .btm-info,.productDetail-page .article-banner > h2,.pro-article h4,.material-panel,.tab-img,.tab-img .sm-img,.pd-panel,.case-panel,.case-panel h4,.case-panel .case-info,.case-panel .case-info .case-data,.case-panel > dl,.case-panel > dl dd,.parameter-panel,.series-panel,.series-panel .wrap .pd-panel .series-wrap,.series-panel .wrap .pd-panel .series-wrap .pro-panel,.series-panel .wrap .pd-panel .series-wrap .series-font,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel,.service-panel,.service-panel .service-img,.service-panel .service-info,.blog-page .article-banner,.blog-list-panel,.blog-list-fst,.blog-list-fst > li,.blog-list-fst > li .blog-link,.blog-list-fst > li .blog-link ul,.blog-list-fst > li .blog-link ul li,.blog-list-fst > li .blog-panel,.blog-list-fst > li .blog-panel .img-link,.blog-list-fst > li .date,.blogDetail-page .article-banner,.article-content,.article-content .blog-link-panel,.article-content .blog-link-panel .blog-link ul,.article-content .blog-content,.article-content .blog-content .font-title,.article-content .blog-aside,.article-content .blog-aside .author-panel,.article-content .blog-aside .author-panel > dl,.message-panel .wrap .message-wrap .message-form,.product-wrapper .wrap .side-panel,.product-wrapper .wrap .side-panel ul,.product-wrapper .wrap .main-content,.product-wrapper .wrap .main-content ul,.product-wrapper .wrap .main-content ul li a.img-link,.product-wrapper .wrap .main-content ul li .p-wrap,.swiper-wrap,.swiper-wrap .swiper-container .swiper-slide .item-info {
  *zoom:1;}

.wrap:before,.wrapper:before,.banner:before,.swiper-about:before,.swiper-about .swiper-slide a:before,.swiper-about .swiper-slide > span:before,.swiper-about .swiper-slide > div:before,.model-02 .pro-item:before,.model-02 .pro-item .item-img:before,.model-02 .pro-more:before,.model-03:before,.model-03 .wrap:before,.model-03 .wrap .service-info:before,.service-list:before,.service-list li:before,.service-list li dl:before,.service-list li dl dt:before,.service-list li dl dt span:before,.model-04 .wrap .blog-news .blog-list:before,.model-04 .wrap .blog-news .blog-list li:before,.model-04 .wrap .blog-news .blog-list li .news-content:before,.model-06 dl:before,.model-06 dl dd:before,.footer:before,.productDetail-page .article-banner:before,.productDetail-page .article-banner .btm-info:before,.productDetail-page .article-banner > h2:before,.pro-article h4:before,.material-panel:before,.tab-img:before,.tab-img .sm-img:before,.pd-panel:before,.case-panel:before,.case-panel h4:before,.case-panel .case-info:before,.case-panel .case-info .case-data:before,.case-panel > dl:before,.case-panel > dl dd:before,.parameter-panel:before,.series-panel:before,.series-panel .wrap .pd-panel .series-wrap:before,.series-panel .wrap .pd-panel .series-wrap .pro-panel:before,.series-panel .wrap .pd-panel .series-wrap .series-font:before,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:before,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:before,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:before,.service-panel:before,.service-panel .service-img:before,.service-panel .service-info:before,.blog-page .article-banner:before,.blog-list-panel:before,.blog-list-fst:before,.blog-list-fst > li:before,.blog-list-fst > li .blog-link:before,.blog-list-fst > li .blog-link ul:before,.blog-list-fst > li .blog-link ul li:before,.blog-list-fst > li .blog-panel:before,.blog-list-fst > li .blog-panel .img-link:before,.blog-list-fst > li .date:before,.blogDetail-page .article-banner:before,.article-content:before,.article-content .blog-link-panel:before,.article-content .blog-link-panel .blog-link ul:before,.article-content .blog-content:before,.article-content .blog-content .font-title:before,.article-content .blog-aside:before,.article-content .blog-aside .author-panel:before,.article-content .blog-aside .author-panel > dl:before,.message-panel .wrap .message-wrap .message-form:before,.product-wrapper .wrap .side-panel:before,.product-wrapper .wrap .side-panel ul:before,.product-wrapper .wrap .main-content:before,.product-wrapper .wrap .main-content ul:before,.product-wrapper .wrap .main-content ul li a.img-link:before,.product-wrapper .wrap .main-content ul li .p-wrap:before,.swiper-wrap:before,.swiper-wrap .swiper-container .swiper-slide .item-info:before,.wrap:after,.wrapper:after,.banner:after,.swiper-about:after,.swiper-about .swiper-slide a:after,.swiper-about .swiper-slide > span:after,.swiper-about .swiper-slide > div:after,.model-02 .pro-item:after,.model-02 .pro-item .item-img:after,.model-02 .pro-more:after,.model-03:after,.model-03 .wrap:after,.model-03 .wrap .service-info:after,.service-list:after,.service-list li:after,.service-list li dl:after,.service-list li dl dt:after,.service-list li dl dt span:after,.model-04 .wrap .blog-news .blog-list:after,.model-04 .wrap .blog-news .blog-list li:after,.model-04 .wrap .blog-news .blog-list li .news-content:after,.model-06 dl:after,.model-06 dl dd:after,.footer:after,.productDetail-page .article-banner:after,.productDetail-page .article-banner .btm-info:after,.productDetail-page .article-banner > h2:after,.pro-article h4:after,.material-panel:after,.tab-img:after,.tab-img .sm-img:after,.pd-panel:after,.case-panel:after,.case-panel h4:after,.case-panel .case-info:after,.case-panel .case-info .case-data:after,.case-panel > dl:after,.case-panel > dl dd:after,.parameter-panel:after,.series-panel:after,.series-panel .wrap .pd-panel .series-wrap:after,.series-panel .wrap .pd-panel .series-wrap .pro-panel:after,.series-panel .wrap .pd-panel .series-wrap .series-font:after,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:after,.service-panel:after,.service-panel .service-img:after,.service-panel .service-info:after,.blog-page .article-banner:after,.blog-list-panel:after,.blog-list-fst:after,.blog-list-fst > li:after,.blog-list-fst > li .blog-link:after,.blog-list-fst > li .blog-link ul:after,.blog-list-fst > li .blog-link ul li:after,.blog-list-fst > li .blog-panel:after,.blog-list-fst > li .blog-panel .img-link:after,.blog-list-fst > li .date:after,.blogDetail-page .article-banner:after,.article-content:after,.article-content .blog-link-panel:after,.article-content .blog-link-panel .blog-link ul:after,.article-content .blog-content:after,.article-content .blog-content .font-title:after,.article-content .blog-aside:after,.article-content .blog-aside .author-panel:after,.article-content .blog-aside .author-panel > dl:after,.message-panel .wrap .message-wrap .message-form:after,.product-wrapper .wrap .side-panel:after,.product-wrapper .wrap .side-panel ul:after,.product-wrapper .wrap .main-content:after,.product-wrapper .wrap .main-content ul:after,.product-wrapper .wrap .main-content ul li a.img-link:after,.product-wrapper .wrap .main-content ul li .p-wrap:after,.swiper-wrap:after,.swiper-wrap .swiper-container .swiper-slide .item-info:after {
  content: "";
  display: table;
}

.wrap:after,.wrapper:after,.banner:after,.swiper-about:after,.swiper-about .swiper-slide a:after,.swiper-about .swiper-slide > span:after,.swiper-about .swiper-slide > div:after,.model-02 .pro-item:after,.model-02 .pro-item .item-img:after,.model-02 .pro-more:after,.model-03:after,.model-03 .wrap:after,.model-03 .wrap .service-info:after,.service-list:after,.service-list li:after,.service-list li dl:after,.service-list li dl dt:after,.service-list li dl dt span:after,.model-04 .wrap .blog-news .blog-list:after,.model-04 .wrap .blog-news .blog-list li:after,.model-04 .wrap .blog-news .blog-list li .news-content:after,.model-06 dl:after,.model-06 dl dd:after,.footer:after,.productDetail-page .article-banner:after,.productDetail-page .article-banner .btm-info:after,.productDetail-page .article-banner > h2:after,.pro-article h4:after,.material-panel:after,.tab-img:after,.tab-img .sm-img:after,.pd-panel:after,.case-panel:after,.case-panel h4:after,.case-panel .case-info:after,.case-panel .case-info .case-data:after,.case-panel > dl:after,.case-panel > dl dd:after,.parameter-panel:after,.series-panel:after,.series-panel .wrap .pd-panel .series-wrap:after,.series-panel .wrap .pd-panel .series-wrap .pro-panel:after,.series-panel .wrap .pd-panel .series-wrap .series-font:after,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:after,.service-panel:after,.service-panel .service-img:after,.service-panel .service-info:after,.blog-page .article-banner:after,.blog-list-panel:after,.blog-list-fst:after,.blog-list-fst > li:after,.blog-list-fst > li .blog-link:after,.blog-list-fst > li .blog-link ul:after,.blog-list-fst > li .blog-link ul li:after,.blog-list-fst > li .blog-panel:after,.blog-list-fst > li .blog-panel .img-link:after,.blog-list-fst > li .date:after,.blogDetail-page .article-banner:after,.article-content:after,.article-content .blog-link-panel:after,.article-content .blog-link-panel .blog-link ul:after,.article-content .blog-content:after,.article-content .blog-content .font-title:after,.article-content .blog-aside:after,.article-content .blog-aside .author-panel:after,.article-content .blog-aside .author-panel > dl:after,.message-panel .wrap .message-wrap .message-form:after,.product-wrapper .wrap .side-panel:after,.product-wrapper .wrap .side-panel ul:after,.product-wrapper .wrap .main-content:after,.product-wrapper .wrap .main-content ul:after,.product-wrapper .wrap .main-content ul li a.img-link:after,.product-wrapper .wrap .main-content ul li .p-wrap:after,.swiper-wrap:after,.swiper-wrap .swiper-container .swiper-slide .item-info:after {
  clear: both;
}

.swiper-about .swiper-slide a > span,.swiper-about .swiper-slide > span > span,.swiper-about .swiper-slide > div > span,.breadcrumb,.product-wrapper .wrap .main-content ul li a.img-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content:before,.model-04 .wrap .blog-news .blog-list li .news-content:before,.series-panel .wrap .pd-panel .series-wrap .pro-panel > em:before {
  content: "";
  height: 0;
  width: 0;
  overflow: hidden;
}

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

audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom:1;width: 100%;
}

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

[hidden],template {
  display: none;
}

html {
  font-size: 75px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

body {
  margin: 0;
}

a {
  background: transparent;
}

a:hover,a:active {
  outline: 0;
}

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

b,strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,kbd,pre,samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em;
}

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

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

q {
  quotes: none;
}

q:before,q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,ol,ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

ol,ul {
  padding: 0 0 0 40px;
}

nav ul,nav ol {
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

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

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

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,input,select,textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  padding: 0;
  border: none;
  *vertical-align: middle;
}

button:focus,input:focus,select:focus,textarea:focus {
  outline: none;
}

button,input {
  line-height: normal;
}

button,select {
  text-transform: none;
}

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

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

input[type="checkbox"],input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 12px;
  *width: 12px;
}

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

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

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

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

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

optgroup {
  font-weight: bold;
}

html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 12px;
  line-height: 1.5;
  color: #2b2a28;
  background-color: #fff;
  min-height: 100vh;
}

body,button,input,select,textarea {
  font-family: "Arial";
}

img {
  vertical-align: middle;
}

textarea {
  resize: vertical;
}

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

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

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

h1,h2,h3 {
  line-height: 2;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 15.6px;
}

h3 {
  font-size: 14.04px;
}

h4 {
  font-size: 12px;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #262626;
}

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

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

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

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

input,textarea,button {
  -webkit-appearance: none;
  border-radius: 0;
  background: transparent;
}

html,body {
  min-width: 320px;
  max-width: 750px;
}

a,a:hover,a:active,a:visited,a:focus {
  text-decoration: none;
}

.clear {
  display: block;
  clear: both;
  overflow: hidden;
}

.wrap {
  width: 100%;
  position: relative;
  max-width: 750px;
}

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

.bg-white {
  background: #fff;
}

.h20 {
  height: 20px;
}

.none {
  display: none;
}

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

.banner {
  width: 100%;
  position: relative;
  background: url(../images/m_banner_bg.jpg) left center no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

.banner > span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden;
}

.banner > span img {
  display: block;
  width: auto;
  height: 370px;
}

.banner .wrap {
  position: relative;
}

.banner .wrap dl {
  padding: 36% 20px 20px;
  width: 100%;
}

.banner .wrap dl dt {
  line-height: 36px;
  font-size: 28px;
  margin-bottom: 15px;
  width: 100%;
  overflow: hidden;
  font-weight: bold;
  color: #ffffff;
}

.banner .wrap dl dd {
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
  opacity: .8;
  font-weight: bold;
}

.header {
  padding-left: 20px;
  width: 100%;
  height: 36px;
  position: relative;
  background: #034752;
}

.header a {
  display: block;
  height: 36px;
  padding-left: 30px;
  background: url("../images/header_icon_01.png") left center no-repeat;
  line-height: 36px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.header a + a {
  margin-left: 20px;
  background: url("../images/header_icon_02.png") left center no-repeat;
}

.nav-panel {
  padding: 0 0 0 30px;
  width: 100%;
  height: 64px;
  position: relative;
  z-index: 1060;
  top: 0;
}

.nav-panel > i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0 3px 16px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 16px rgba(0,0,0,0.2);
  -o-box-shadow: 0 3px 16px rgba(0,0,0,0.2);
  box-shadow: 0 3px 16px rgba(0,0,0,0.2);
}

.nav-panel > a {
  display: block;
  height: 70px;
  border-bottom: 6px solid #f39800;
  background: #034752;
  -webkit-box-shadow: 0 6px 16px rgba(27,44,75,0.66);
  -moz-box-shadow: 0 6px 16px rgba(27,44,75,0.66);
  -o-box-shadow: 0 6px 16px rgba(27,44,75,0.66);
  box-shadow: 0 6px 16px rgba(27,44,75,0.66);
  position: relative;
}

.nav-panel > a:after {
  border-top: 6px solid #0b1321;
  border-left: 10px dashed transparent;
  border-right: 10px dashed transparent;
  right: -10px;
  bottom: -6px;
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  z-index: -1;
}

.nav-panel > a img {
  display: block;
  height: 100%;
}

.nav-panel > span {
  display: block;
  width: 90px;
  height: 64px;
  background: #ffffff;
  overflow: hidden;
  cursor: pointer;
  border-bottom-right-radius: 20px;
  position: relative;
  z-index: 2;
}

.nav-panel > span i {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  float: right;
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  -webkit-box-shadow: 0 0 18px rgba(51,51,51,0.08);
  -moz-box-shadow: 0 0 18px rgba(51,51,51,0.08);
  -o-box-shadow: 0 0 18px rgba(51,51,51,0.08);
  box-shadow: 0 0 18px rgba(51,51,51,0.08);
  background: url("../images/sub_nav_icon.png") center center/60% 60% no-repeat;
}

.nav-panel > span.on i {
  background: url("../images/sub_nav_icon_on.png") center center/60% 60% no-repeat;
}

.nav-panel ul.wap-nav {
  padding: 40px 10px 10px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: none;
  width: 100%;
  position: absolute;
  z-index: -2;
  left: 0;
  right: 0;
  top: 44px;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  -o-box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 0;
  text-align: left;
}

.nav-panel ul.wap-nav li {
  margin: 0 5px 10px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.nav-panel ul.wap-nav li a {
  padding: 0 5px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  border-bottom: 2px solid #ffffff;
  display: block;
  width: 100%;
  color: #262525;
  font-weight: bold;
  text-transform: uppercase;
}

.nav-panel ul.wap-nav li a:hover {
  font-size: 12px;
  border-bottom: 2px solid #034752;
  color: #034752;
}

.nav-panel ul.wap-nav li.on a {
  color: #034752;
  font-size: 12px;
  border-bottom: 2px solid #034752;
}

.nav-panel ul.pc-nav {
  display: none;
  margin-left: 0;
  height: 106px;
  padding-top: 32px;
  overflow: hidden;
  z-index: 2;
  position: relative;
}

.nav-panel ul.pc-nav li {
  display: block;
}

.nav-panel ul.pc-nav li a {
  display: block;
  height: 76px;
  line-height: 42px;
  font-size: 18px;
  color: #262525;
  text-transform: uppercase;
  padding: 0 25px;
  position: relative;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.nav-panel ul.pc-nav li a i {
  display: block;
  height: 32px;
  width: 2px;
  background: #034752;
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin-left: -1px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.nav-panel ul.pc-nav li a i:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #034752;
  border-radius: 100%;
  position: absolute;
  left: -4px;
  top: 0;
}

.nav-panel ul.pc-nav li a:hover {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #034752;
}

.nav-panel ul.pc-nav li a:hover i {
  bottom: 0;
}

.nav-panel ul.pc-nav li.on a {
  color: #034752;
}

.nav-panel ul.pc-nav li.on a i {
  bottom: 0;
}

.about-model {
  overflow: hidden;
  padding: 30px 0 20px;
}

.about-slide {
  width: 100%;
  padding-right: 0;
}

.about-font {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.about-font > span {
  display: none;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* IE 9 */
  transform: rotate(90deg);
}

.about-font > span:before {
  -webkit-animation: marginLeftMove 2s infinite linear;
  animation: marginLeftMove 2s infinite linear;
  content: '';
  display: block;
  width: 116px;
  height: 2px;
  background: rgba(0,0,0,0.1);
  position: absolute;
  left: -116px;
  top: 9px;
}

.about-font h2 {
  line-height: 48px;
  font-size: 32px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  color: #01122e;
  position: relative;
  z-index: 1;
}

.about-font h2:before {
  content: '';
  display: block;
  width: 90px;
  height: 3px;
  background: #b3c3d6;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about-font p {
  padding: 0 40% 0 0;
  line-height: 24px;
  font-size: 14px;
  color: #aaaaaa;
}

.about-font p a {
  display: block;
  width: 150px;
  height: 38px;
  border-radius: 38px;
  background: #034752;
  padding-left: 36px;
  line-height: 38px;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  position: relative;
}

.about-font p a i {
  display: block;
  width: 38px;
  height: 38px;
  background: #c7d1e1;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.about-font p a i:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-top: 2px solid #034752;
  border-right: 2px solid #034752;
  -webkit-transform: rotate(45deg) scale(0.8,0.8);
  /* Safari and Chrome */
  -ms-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  -moz-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  transform: rotate(45deg) scale(0.8,0.8);
  position: absolute;
  left: 8px;
  top: 11px;
}

.about-font .num-list {
  padding: 30px 20px 10px 0;
  top: 50px;
  width: 40%;
  position: absolute;
  right: 0;
}

.about-font .num-list i {
  right: 27px;
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  background: -webkit-linear-gradient(top,transparent 0%,black 50%,transparent 100%);
  background: -moz-linear-gradient(top,transparent 0%,black 50%,transparent 100%);
  background: -o-linear-gradient(top,transparent 0%,black 50%,transparent 100%);
  background: linear-gradient(top,transparent 0%,black 50%,transparent 100%);
  opacity: .3;
}

.about-font .num-list dl {
  width: 100%;
  overflow: hidden;
}

.about-font .num-list dl dt {
  font-size: 24px;
  line-height: 36px;
  padding-right: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  text-align: right;
  color: #f39700;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
}

.about-font .num-list dl dt:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 3px solid #f39700;
  background: #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-radius: 100%;
}

.about-font .num-list dl dd {
  padding-right: 30px;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  text-align: right;
  color: #424242;
  text-transform: uppercase;
}

.swiper-about {
  width: 100%;
  position: relative;
}

.swiper-about .swiper-slide {
  padding: 6.012% 8.742% 11.064% 8.742%;
  background: url("../images/about_slide_bg.png") center top no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
}

.swiper-about .swiper-slide a,.swiper-about .swiper-slide > span,.swiper-about .swiper-slide > div {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-about .swiper-slide a:after,.swiper-about .swiper-slide > span:after,.swiper-about .swiper-slide > div:after {
  content: '';
  width: 100%;
  height: 140px;
  background: url("../images/about_slide_mark.png") center bottom no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.swiper-about .swiper-slide a > span,.swiper-about .swiper-slide > span > span,.swiper-about .swiper-slide > div > span {
  display: block;
  position: absolute;
  z-index: 3;
  width: 90%;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  text-align: center;
  background: #fff;
  height: 36px;
  padding: 0 20px;
  max-width: 100%;
  line-height: 36px;
  font-size: 18px;
  color: #034752;
  -webkit-box-shadow: -20px 12px 38px rgba(45,74,126,0.1);
  -moz-box-shadow: -20px 12px 38px rgba(45,74,126,0.1);
  -o-box-shadow: -20px 12px 38px rgba(45,74,126,0.1);
  box-shadow: -20px 12px 38px rgba(45,74,126,0.1);
}

.swiper-about .swiper-slide a img,.swiper-about .swiper-slide > span img,.swiper-about .swiper-slide > div img {
  display: block;
  width: 100%;
}

.swiper-about .swiper-pagination {
  width: 30%;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  left: 16%;
  bottom: 24%;
  color: #fff;
  position: absolute;
  text-align: left;
}

.swiper-about .swiper-pagination .swiper-pagination-current {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.swiper-about .swiper-pagination .swiper-pagination-current:before {
  width: 36px;
  height: 10px;
  content: '';
  display: block;
  background: rgba(45,94,207,0.8);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.model-02 {
  padding: 30px 0 40px;
  background: #f5f7fa;
  overflow: hidden;
}

.model-02 .pro-item {
  width: 100%;
  position: relative;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.model-02 .pro-item > i {
  display: none;
  width: 39.429%;
  height: 59.586%;
  background: url("../images/big_arrow.png") center top no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  left: 30.2855%;
  top: 0;
  z-index: 0;
}

.model-02 .pro-item .item-info {
  min-height: initial;
  width: 100%;
  position: relative;
  z-index: 1;
}

.model-02 .pro-item .item-info .item-title {
  display: none;
  margin-left: 30px;
  margin-right: 0;
  position: relative;
  width: 76px;
  height: 76px;
}

.model-02 .pro-item .item-info .item-title > a {
  display: block;
  height: 76px;
  width: 300px;
  border: 2px solid #f39800;
  font-size: 0;
  position: absolute;
  left: 76px;
  top: 0;
  z-index: 1;
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -webkit-transform-origin: 0 0;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -ms-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
  text-transform: capitalize;
}

.model-02 .pro-item .item-info .item-title > a:before {
  content: '';
  display: block;
  width: 300px;
  height: 76px;
  position: absolute;
  left: 6px;
  top: 10px;
  border: 2px solid #f39800;
  z-index: -1;
}

.model-02 .pro-item .item-info .item-title > a span,.model-02 .pro-item .item-info .item-title > a i {
  display: inline-block;
}

.model-02 .pro-item .item-info .item-title > a span {
  height: 72px;
  line-height: 72px;
  font-size: 18px;
  color: #f39700;
  word-break: break-all;
  overflow: hidden;
  padding: 0 50px 0 30px;
}

.model-02 .pro-item .item-info .item-title > a i {
  position: absolute;
  right: -30px;
  bottom: -24px;
  width: 72px;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  color: #f39700;
  font-style: normal;
  -webkit-transform: rotate(-90deg);
  /* Safari and Chrome */
  -webkit-transform-origin: 0 0;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -ms-transform-origin: 0 0;
  -moz-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform-origin: 0 0;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}

.model-02 .pro-item .item-info .item-data {
  width: 100%;
}

.model-02 .pro-item .item-info .item-data h2 {
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 24px;
  width: 100%;
  color: #01122e;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
}

.model-02 .pro-item .item-info .item-data h2 a {
  text-transform: capitalize;
}

.model-02 .pro-item .item-info .item-data h2:before {
  content: '';
  display: block;
  width: 90px;
  height: 3px;
  background: #b3c3d6;
  position: absolute;
  left: 0;
  bottom: 0;
}

.model-02 .pro-item .item-info .item-data h2 + p {
  margin-bottom: 10px;
}

.model-02 .pro-item .item-info .item-data p {
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  color: #034752;
}

.model-02 .pro-item .item-info .item-data p strong {
  font-size: 16px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-weight: bold;
  margin: 0 6px;
}

.model-02 .pro-item .item-info .item-data p span {
  font-size: 14px;
  line-height: 24px;
  display: block;
  width: 100%;
  color: #aaaaaa;
}

.model-02 .pro-item .item-img {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.model-02 .pro-item .item-img a {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.model-02 .pro-item .item-img a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #1d242b;
  border: 5px solid #034752;
}

.model-02 .pro-item .item-img a img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.model-02 .pro-item + .pro-item .item-img a {
  padding-top: 20px;
}

.model-02 .pro-item + .pro-item {
  margin-top: 20px;
}

.model-02 .pro-item + .pro-item > i {
  top: 40%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.model-02 .pro-item + .pro-item .item-info .item-title {
  margin-left: 0;
  margin-right: 30px;
}

.model-02 .pro-item + .pro-item .item-info .item-title > a:before {
  bottom: initial;
  top: -12px;
}

.model-02 .pro-more {
  margin-top: 30px;
  width: 100%;
}

.model-02 .pro-more a {
  width: 120px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  font-size: 16px;
  background: #034752;
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.model-03 .wrap > h2 {
  margin: 20px 0;
  line-height: 48px;
  font-size: 32px;
  width: 100%;
  color: #034752;
  text-align: center;
  display: none;
}

.model-03 .wrap > h2:before {
  content: '';
  display: none;
  width: 90px;
  height: 3px;
  background: #b3c3d6;
  position: absolute;
  left: 0;
  bottom: 0;
}

.model-03 .wrap > span {
  display: none;
  height: 20px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 110px;
  text-transform: uppercase;
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* IE 9 */
  transform: rotate(90deg);
  -webkit-text-shadow: 2px -2px 0 rgba(27,44,75,0.3);
  -moz-text-shadow: 2px -2px 0 rgba(27,44,75,0.3);
  -o-text-shadow: 2px -2px 0 rgba(27,44,75,0.3);
  text-shadow: 2px -2px 0 rgba(27,44,75,0.3);
}

.model-03 .wrap .down-arrow {
  display: none;
  width: 12px;
  bottom: 240px;
  left: 0;
  overflow: hidden;
  position: absolute;
  -webkit-animation: marginBottomMove 2s infinite linear;
  animation: marginBottomMove 2s infinite linear;
}

.model-03 .wrap .down-arrow > i {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #000000;
  border-left: 6px dashed transparent;
  border-right: 6px dashed transparent;
  margin-bottom: 6px;
}

.model-03 .wrap .service-info {
  padding: 30px 8% 30px 8%;
  width: 100%;
}

.model-03 .wrap .service-info h3 {
  height: 32px;
  line-height: 32px;
  font-size: 24px;
  margin-bottom: 20px;
  width: 100%;
  color: #01122e;
  overflow: hidden;
}

.model-03 .wrap .service-info ul {
  width: 100%;
}

.model-03 .wrap .service-info ul li {
  width: 100%;
  padding-left: 25px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #01122e;
  font-weight: bold;
  margin-bottom: 15px;
}

.model-03 .wrap .service-info ul li i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #9fb4ce;
  position: absolute;
  left: 3px;
  top: 6px;
}

.model-03 .wrap .service-info ul li i:after {
  content: '';
  display: block;
  background: #01122e;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: -3px;
}

.service-list {
  display: none;
}

.service-list {
  padding: 20px 0;
  background: url("../images/index_bg_03.jpg") center top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  z-index: 1;
}

.service-list li {
  width: 100%;
  position: relative;
  padding-left: 28%;
}

.service-list li dl {
  display: block;
  width: 64px;
}

.service-list li dl dt {
  width: 100%;
  height: 64px;
  position: relative;
}

.service-list li dl dt span {
  display: block;
  width: 64px;
  height: 64px;
  position: relative;
}

.service-list li dl dt span img {
  display: block;
  width: 100%;
  height: 100%;
}

.service-list li dl dt span strong {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  top: 16px;
  right: -124px;
  display: block;
  border-radius: 100%;
  background: #f39700;
  text-align: center;
  color: #ffffff;
  position: absolute;
}

.service-list li dl dt span i,.service-list li dl dt span em,.service-list li dl dt span b {
  display: block;
  border-radius: 100%;
  background: #f39700;
  position: absolute;
  top: 50%;
}

.service-list li dl dt span i {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  right: -20px;
}

.service-list li dl dt span em {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  right: -42px;
}

.service-list li dl dt span b {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  right: -68px;
}

.service-list li dl dd {
  margin: 16px 0 16px -120px;
  width: 240px;
  left: 50%;
  font-size: 0;
  text-align: center;
  position: relative;
}

.service-list li dl dd span {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold;
  color: #17253f;
  position: relative;
}

.model-04 {
  background: #f5f7fa;
  padding: 30px 0 0;
  overflow: hidden;
}

.model-04 .wrap {
  padding: 0 20px 0 0;
}

.model-04 .wrap .down-arrow {
  display: none;
  width: 12px;
  top: 190px;
  right: 0;
  overflow: hidden;
  position: absolute;
  -webkit-animation: marginTopMove 2s infinite linear;
  animation: marginTopMove 2s infinite linear;
}

.model-04 .wrap .down-arrow > i {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #f39700;
  border-left: 6px dashed transparent;
  border-right: 6px dashed transparent;
  margin-bottom: 6px;
}

.model-04 .wrap .blog-title {
  width: 100%;
  padding-top: 0;
  top: 0;
  position: relative;
  z-index: 0;
}

.model-04 .wrap .blog-title h2 {
  width: 100%;
  line-height: 36px;
  font-size: 24px;
  color: #01122e;
  text-transform: capitalize;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
}

.model-04 .wrap .blog-title span {
  display: none;
  font-size: 300px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: 0;
  color: #e8ecf1;
  text-transform: capitalize;
  font-weight: bold;
}

.model-04 .wrap .blog-news {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}

.model-04 .wrap .blog-news > i {
  left: 90px;
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 50%,rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 50%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(top,rgba(255,255,255,0) 0%,#034752 50%,rgba(255,255,255,0) 100%);
  opacity: .6;
}

.model-04 .wrap .blog-news .blog-list {
  padding-top: 40px;
  width: 100%;
}

.model-04 .wrap .blog-news .blog-list li {
  padding-left: 120px;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.model-04 .wrap .blog-news .blog-list li:hover > i {
  border: 3px solid #034752;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content {
  margin-left: -6px;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content:before {
  border-right: 8px solid #034752;
  border-top: 8px dashed transparent;
  border-bottom: 8px dashed transparent;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content dl {
  border: 2px solid #034752;
  border-bottom: none;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content .time-panel {
  background: #034752;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content .time-panel span,.model-04 .wrap .blog-news .blog-list li:hover .news-content .time-panel strong {
  color: #ffffff;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content .time-panel a {
  border: 2px solid #ffffff;
}

.model-04 .wrap .blog-news .blog-list li:hover .news-content .time-panel a:before {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.model-04 .wrap .blog-news .blog-list li > i {
  left: 83px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 16px;
  height: 16px;
  border: 3px solid #8092b1;
  background: #fff;
  position: absolute;
  bottom: 20px;
  border-radius: 100%;
}

.model-04 .wrap .blog-news .blog-list li > dl {
  width: 90px;
  padding: 0 10px;
  bottom: -26px;
  overflow: hidden;
  position: absolute;
  left: 0;
}

.model-04 .wrap .blog-news .blog-list li > dl dt {
  width: 48px;
  height: 48px;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.2);
  -moz-box-shadow: 5px 5px 12px rgba(0,0,0,0.2);
  -o-box-shadow: 5px 5px 12px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 12px rgba(0,0,0,0.2);
  border-radius: 100%;
  overflow: hidden;
}

.model-04 .wrap .blog-news .blog-list li > dl dt img {
  display: block;
  width: 100%;
  height: 100%;
}

.model-04 .wrap .blog-news .blog-list li > dl dd {
  height: auto;
  line-height: 20px;
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  color: #034752;
}

.model-04 .wrap .blog-news .blog-list li .news-content {
  display: block;
  width: 100%;
  position: relative;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.model-04 .wrap .blog-news .blog-list li .news-content:before {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  content: '';
  width: 0;
  height: 0;
  display: block;
  border-right: 8px solid #eff2f6;
  border-top: 8px dashed transparent;
  border-bottom: 8px dashed transparent;
  position: absolute;
  left: -8px;
  bottom: 20px;
}

.model-04 .wrap .blog-news .blog-list li .news-content > a {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.model-04 .wrap .blog-news .blog-list li .news-content dl {
  padding: 10px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  background: #ffffff;
  border: 2px solid #f5f5f5;
  border-bottom: none;
}

.model-04 .wrap .blog-news .blog-list li .news-content dl dt {
  height: 36px;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.model-04 .wrap .blog-news .blog-list li .news-content dl dt a {
  line-height: 18px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.model-04 .wrap .blog-news .blog-list li .news-content dl dd {
  height: 36px;
  line-height: 18px;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #aaaaaa;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel {
  padding: 10px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 56px;
  background: #eff2f6;
  overflow: hidden;
  font-size: 0;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel span,.model-04 .wrap .blog-news .blog-list li .news-content .time-panel strong {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel strong {
  font-size: 20px;
  color: #c0c0c0;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel span {
  color: #c1c1c1;
  font-size: 12px;
  margin-left: 6px;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel a {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 36px;
  height: 36px;
  border: 2px solid rgba(206,206,206,0.3);
  border-radius: 100%;
  position: relative;
}

.model-04 .wrap .blog-news .blog-list li .news-content .time-panel a:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #aeaeae;
  border-right: 2px solid #aeaeae;
  -webkit-transform: rotate(45deg) scale(0.8,0.8);
  /* Safari and Chrome */
  -ms-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  -moz-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  transform: rotate(45deg) scale(0.8,0.8);
  position: absolute;
  left: 8px;
  top: 10px;
}

.model-05 {
  background: #ffffff;
  padding: 40px 0 30px;
}

.model-05 .wrap h2 {
  line-height: 32px;
  font-size: 24px;
  margin-bottom: 20px;
  width: 100%;
  color: #333333;
  overflow: hidden;
  text-align: center;
}

.model-05 .wrap p {
  width: 100%;
  overflow: hidden;
  line-height: 24px;
  padding: 0 20px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.swiper-partner {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 20px;
}

.swiper-partner .swiper-slide {
  width: 50%;
}

.swiper-partner .swiper-slide dl {
  width: 100%;
  overflow: hidden;
}

.swiper-partner .swiper-slide dl dt {
  height: auto;
  width: 100%;
  overflow: hidden;
}

.swiper-partner .swiper-slide dl dt img {
  display: block;
  height: auto;
  width: 80%;
}

.swiper-partner .swiper-slide dl dd {
  margin-top: 10px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #373c46;
  overflow: hidden;
  text-align: center;
}

.model-06 {
  padding: 40px 0 30px;
  background: #f5f7fa;
}

.model-06 dl {
  width: 100%;
}

.model-06 dl dt {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  color: #333333;
}

.model-06 dl dt strong {
  font-weight: bold;
}

.model-06 dl dd {
  width: 100%;
}

.model-06 dl dd a {
  display: block;
  width: 200px;
  height: 38px;
  border-radius: 38px;
  background: #034752 url("../images/icon_phone.png") 16px center no-repeat;
  padding-left: 48px;
  font-size: 18px;
  line-height: 38px;
  text-transform: uppercase;
  color: #ffffff;
}

.footer {
  width: 100%;
  padding: 20px 0;
  background: #0d0d0d;
  overflow: hidden;
}

.footer .copyright {
  width: 100%;
  padding-left: 0;
}

.footer .copyright p {
  width: 100%;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
}

.footer .copyright p span {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 13px;
  color: #ffffff;
  font-style: normal;
}

.footer .copyright p span a {
  font-style: normal;
  color: #ffffff;
  font-size: 13px;
  line-height: 30px;
}

.footer .copyright p a {
  line-height: 30px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
}

.footer .blog {
  width: 100%;
  padding-right: 0;
  text-align: center;
  margin-top: 17px;
  font-size: 0;
}

.footer .blog a {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  margin: 0 18px;
}

.footer .blog a img {
  display: block;
  height: 100%;
}

.back-top {
  width: 36px;
  height: 36px;
  position: fixed;
  z-index: 10050;
  bottom: 80px;
  right: 10px;
}

.back-top a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
}

.back-top a img {
  display: block;
  width: 100%;
  height: 100%;
}

.productDetail-page {
  width: 100%;
  overflow: hidden;
  background: url("../images/pro_bg_01.jpg") center top no-repeat;
}

.productDetail-page .article-banner {
  padding-top: 0.66667rem;
  padding-bottom: 0.66667rem;
  padding-left: 20px;
  width: 100%;
  background: url("../images/articlebg.jpg") center center no-repeat;
  background-size: cover;
}

.productDetail-page .article-banner .article-info {
  width: 100%;
  padding-right: 20px;
}

.productDetail-page .article-banner .article-info h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 36px;
  display: block;
  width: 100%;
  overflow: hidden;
  font-weight: bold;
  color: #034752;
}

.productDetail-page .article-banner .article-info > p {
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
  color: #6186c9;
}

.productDetail-page .article-banner .article-info .cs-panel {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}

.productDetail-page .article-banner .article-info .cs-panel > p {
  line-height: 24px;
  font-size: 16px;
  margin-top: 15px;
  padding-left: 35px;
  width: 100%;
  color: #034752;
  position: relative;
  vertical-align: middle;
}

.productDetail-page .article-banner .article-info .cs-panel > p:before {
  top: 4px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 4px solid #405a89;
  position: absolute;
  left: 0;
  border-radius: 100%;
}

.productDetail-page .article-banner .article-info .cs-panel > p strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #f39800;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  margin-left: 10px;
  vertical-align: middle;
}

.productDetail-page .article-banner .article-info .cs-panel:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 8px;
  background: -webkit-linear-gradient(top,rgba(64,90,137,0) 0%,#405a89 20%);
  background: -moz-linear-gradient(top,rgba(64,90,137,0) 0%,#405a89 20%);
  background: -o-linear-gradient(top,rgba(64,90,137,0) 0%,#405a89 20%);
  background: linear-gradient(top,rgba(64,90,137,0) 0%,#405a89 20%);
}

.productDetail-page .article-banner .article-img {
  width: 100%;
  padding: 0 10%;
}

.productDetail-page .article-banner .article-img img {
  display: block;
  width: 100%;
}

.productDetail-page .article-banner .btm-info {
  display: none;
  width: 100%;
  position: relative;
  height: 100px;
}

.productDetail-page .article-banner .btm-info > span {
  font-size: 120px;
  letter-spacing: 6px;
  display: block;
  width: 100%;
  text-align: right;
  height: 100%;
  line-height: 100px;
  color: #d6e4f6;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: italic;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
}

.productDetail-page .article-banner .btm-info .lf-font {
  width: 50%;
  position: relative;
  z-index: 1;
  height: 100%;
}

.productDetail-page .article-banner .btm-info .lf-font .font-panel {
  font-size: 20px;
  width: 62.392%;
  height: 100px;
  border: 2px dashed #aac5e7;
  border-radius: 30px;
  margin-left: 11.2%;
  float: left;
  padding: 18px 30px 18px 50px;
  line-height: 32px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #595858;
  position: relative;
}

.productDetail-page .article-banner .btm-info .lf-font .font-panel:before {
  content: '';
  display: block;
  width: 85px;
  height: 80px;
  background: url("../images/icon_ship.png") center top no-repeat;
  position: absolute;
  left: -65px;
  top: 0;
}

.productDetail-page .article-banner .btm-info .lf-font > i {
  width: 25%;
  display: block;
  float: left;
  padding-right: 16px;
  height: 1px;
  margin-top: 44px;
  border-top: 1px dashed #aac5e7;
  position: relative;
}

.productDetail-page .article-banner .btm-info .lf-font > i:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #405a89;
  position: absolute;
  top: -8px;
  right: 0;
}

.productDetail-page .article-banner .btm-info .rt-swt {
  width: 50%;
  position: relative;
  z-index: 1;
  height: 100%;
}

.productDetail-page .article-banner .btm-info .rt-swt p {
  padding-right: 250px;
  padding-left: 20px;
  padding-top: 10px;
  width: 100%;
  overflow: hidden;
  line-height: 32px;
  font-size: 18px;
  color: #727272;
  font-style: italic;
}

.productDetail-page .article-banner .btm-info .rt-swt p >a {
  color: #f39800;
  cursor: pointer;
}

.productDetail-page .article-banner .btm-info .rt-swt > a {
  right: 50px;
  display: block;
  width: 150px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  top: 28px;
  border-radius: 42px;
  background: #034752 url("../images/swt_mark.png") center top no-repeat;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.productDetail-page .article-banner .btm-info .rt-swt > a:hover {
  top: 24px;
}

.productDetail-page .article-banner .btm-info .rt-swt > a:hover:before {
  top: 20px;
}

.productDetail-page .article-banner .btm-info .rt-swt > a:before {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/swt_shadow.png") center top no-repeat;
  position: absolute;
  left: 0;
  top: 18px;
  z-index: -1;
}

.productDetail-page .article-banner > h2 {
  margin-top: 30px;
  width: 100%;
  position: relative;
  position: relative;
}

.productDetail-page .article-banner > h2 span {
  height: 48px;
  line-height: 48px;
  font-size: 36px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  color: #ffffff;
  text-transform: capitalize;
  z-index: 1;
}

.productDetail-page .article-banner > h2 span:before {
  height: 16px;
  content: '';
  display: block;
  width: 100%;
  background: #a5bbe3;
  left: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  display: none;
}

.productDetail-page .article-banner > h2 i {
  height: 48px;
  line-height: 48px;
  font-size: 64px;
  bottom: 20px;
  display: block;
  width: 100%;
  color: #1b1d1f;
  opacity: .06;
  position: absolute;
  left: 0;
  font-style: normal;
  font-weight: bold;
  display: none;
}

.productDetail-page .article-banner > p {
  line-height: 1.4;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 20px;
  width: 100%;
  color: #ffffff;
  display: block;
}

.breadcrumb {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 24px;
  font-size: 14px;
  display: inline-block;
  background: #fff;
  -webkit-box-shadow: 10px 10px 25px rgba(55,84,139,0.16);
  -moz-box-shadow: 10px 10px 25px rgba(55,84,139,0.16);
  box-shadow: 10px 10px 25px rgba(55,84,139,0.16);
  color: #f39700;
  font-family: sans-serif;
  position: relative;
  z-index: 2;
  max-width: 60%;
}

.breadcrumb a,.breadcrumb span {
  font-size: 14px;
  line-height: 24px;
  color: #f39700;
  text-transform: capitalize;
  margin: 0 2px;
}

.pro-article {
  padding: 0 20px;
  position: relative;
}

.pro-article:before,.pro-article:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.pro-article h3 {
  margin-top: 10px;
  margin-bottom: -5px;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
  text-transform: capitalize;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  overflow: hidden;
}

.pro-article h4 {
  font-size: 18px;
  margin-top: 10px;
  line-height: 26px;
  width: 100%;
  font-weight: bold;
  color: #333333;
  position: relative;
  margin-bottom: -10px
}

.pro-article p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  overflow: hidden;
}

.pro-article .main-wrapper > ul {
  width: 100%;
  overflow: hidden;
}

.pro-article .main-wrapper > ul > li {
  margin-top: 15px;
  padding-left: 30px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.pro-article .main-wrapper > ul > li:before {
  width: 15px;
  height: 2px;
  left: 0;
  top: 11px;
  content: '';
  display: block;
  background-color: #034752;
  position: absolute;
  z-index: 1;
}

.pro-article .main-wrapper > ul > li h5 {
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  color: #333333;
  font-weight: bold;
}

.pro-article .main-wrapper > ul > li p {
  margin: 0;
  color: #777777 !important;
}

.pro-article img {
  display: block;
  max-width: 100%;
}

.pro-article .main-wrapper > table {
  background: #ccc;
  border-spacing: 1px;
  border: none;
  min-width: 100%;
  margin-top: 20px;
}

.pro-article .main-wrapper > table tr td {
  border: none;
  background: #fff;
}

.material-panel {
  width: 100%;
}

.material-panel h4:before {
  content: '';
  display: block;
  width: 170px;
  height: 90px;
  overflow: hidden;
  background: url("../images/article_mark.png") center center no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -50px;
  z-index: -1;
}

.tab-img {
  margin: 40px 0 30px;
  width: 100%;
  position: relative;
  background: #eff6ff;
}

.tab-img > i {
  display: block;
  width: 200px;
  height: 320px;
  background: url("../images/pro_tab_mark.png") center top no-repeat;
  position: absolute;
  right: 30px;
  top: -20px;
}

.tab-img > span {
  display: none;
}

.tab-img .big-img {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.tab-img .big-img ul {
  width: 100%;
  overflow: hidden;
}

.tab-img .big-img ul li {
  width: 100%;
  overflow: hidden;
}

.tab-img .big-img ul li span {
  display: block;
  width: 100%;
  overflow: hidden;
}

.tab-img .big-img ul li span img {
  display: block;
  width: 100%;
}

.tab-img .sm-img {
  margin-top: 0;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.tab-img .sm-img:before,.tab-img .sm-img:after {
  display: none;
  left: -44px;
  top: 50%;
  content: '';
  position: absolute;
}

.tab-img .sm-img:before {
  width: 50px;
  height: 2px;
  border-left: none;
  border-bottom: 1px dashed #aac5e7;
  top: 50%;
}

.tab-img .sm-img:after {
  top: 50%;
  margin-left: 0;
  margin-top: -7px;
  width: 16px;
  height: 16px;
  border: 4px solid #405a89;
  background: #fff;
  border-radius: 100%;
}

.tab-img .sm-img ul {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
  height: 43px;
}

.tab-img .sm-img ul li {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 0px;
  width: 50px;
  height: 31px;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  margin-left: 5px;
  border: 1px dashed #aac5e7;
  border-radius: 10px;
  padding: 2px;
  overflow: hidden;
}

.tab-img .sm-img ul li span {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.tab-img .sm-img ul li span img {
  display: block;
  width: 100%;
  height: 100%;
}

.tab-img .sm-img ul li.on {
  width: 70px;
  height: 43px;
}

.tab-img .sm-img ul li.on span {
}

.pd-panel {
  padding: 0 20px;
}

.price-panel {
  margin-top: 20px;
  padding: 20px 20px 10px 20px;
  width: 100%;
  background: #f5f7fa;
  position: relative;
}

.price-panel h3 {
  font-size: 28px;
  height: 36px;
  top: -20px;
  line-height: 36px;
  display: block;
  width: 80%;
  position: absolute;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #333333;
}

.price-panel h3 span {
  font-size: 28px;
  width: 40px;
  line-height: 36px;
  display: block;
  float: left;
  text-align: right;
  height: 100%;
  background: #034752;
  color: #fff;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  padding-right: 2px;
}

.price-panel p {
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  color: #777777;
}

.price-panel p strong {
  font-size: 14px;
  font-weight: normal;
  color: #034752;
}

.price-panel p img {
  width: 100%;
}

.case-panel {
  margin-top: 20px;
  width: 100%;
}

.case-panel h3 {
  font-size: 28px;
  line-height: 36px;
  color: #333333;
  text-transform: capitalize;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  position: relative;
}

.case-panel h3:before {
  content: '';
  display: block;
  width: 170px;
  height: 90px;
  overflow: hidden;
  background: url("../images/article_mark.png") center center no-repeat;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: -1;
}

.case-panel h4 {
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  font-weight: bold;
  color: #333333;
  position: relative;
  margin-top: 10px
}

.case-panel .case-info {
  margin-top: 20px;
  width: 100%;
}

.case-panel .case-info .case-img {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.case-panel .case-info .case-img dl {
  width: 120px;
  height: 120px;
  padding-top: 10px;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  left: 10%;
  top: 5%;
  background: #f08d22;
  background: rgba(240,141,34,0.7) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=70);
}

.case-panel .case-info .case-img dl:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 28px;
  right: -15px;
  top: 15px;
  content: '+';
  display: block;
  text-align: center;
  color: #fff;
  position: absolute;
}

.case-panel .case-info .case-img dl dt {
  margin: 5px 0;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  position: relative;
}

.case-panel .case-info .case-img dl dt:before {
  bottom: -5px;
  content: '';
  width: 48px;
  height: 3px;
  position: absolute;
  background: #90581d;
  left: 50%;
  margin-left: -24px;
}

.case-panel .case-info .case-img dl dd {
  padding-top: 5px;
  line-height: 20px;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.case-panel .case-info .case-img img {
  display: block;
  width: 100%;
}

.case-panel .case-info .case-data {
  padding: 15px;
  margin-top: -40px;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 40px;
  border-bottom-left-radius: 0;
  background: #034752;
  -webkit-box-shadow: 9px 9px 18px rgba(45,74,123,0.26);
  -moz-box-shadow: 9px 9px 18px rgba(45,74,123,0.26);
  box-shadow: 9px 9px 18px rgba(45,74,123,0.26);
}

.case-panel .case-info .case-data p {
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
}

.case-panel .case-info .case-data span {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  margin-right: 10px;
  display: inline-block;
}

.case-panel .case-info .btm-div {
  width: 90%;
  height: 15px;
  background: #034752;
  overflow: hidden;
  position: relative;
  top: -1px;
  border-bottom-left-radius: 8px;
}

.case-panel .case-info .btm-div span {
  display: block;
  width: 110%;
  background: #fff;
  height: 40px;
  border-top-left-radius: 36px;
}

.case-panel > dl {
  width: 100%;
}

.case-panel > dl dt {
  margin-top: 10px;
  height: 50px;
  width: 100%;
  background: url("../images/customer_title.png") left center no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

.case-panel > dl dd {
  padding: 20px;
  width: 100%;
  font-size: 0;
}

.case-panel > dl dd span {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  position: relative;
}

.case-panel > dl dd span:after {
  content: '”';
  font-size: 160px;
  color: #666;
  position: absolute;
  right: -60px;
  top: 110px;
  opacity: .36;
}

.parameter-panel {
  width: 100%;
}

.parameter-panel h3 {
  font-size: 28px;
  line-height: 36px;
  color: #333333;
  text-transform: capitalize;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  position: relative;
}

.parameter-panel h3:before {
  content: '';
  display: block;
  width: 170px;
  height: 90px;
  overflow: hidden;
  background: url("../images/article_mark.png") center center no-repeat;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: -1;
}

.parameter-panel .parameter-table {
  margin: 0px 0 20px;
  width: 100%;
  overflow: hidden;
}

.tab-panel {
  width: 100%;
  overflow: hidden;
}

.tab-panel .hd {
  width: 100%;
  overflow: hidden;
}

.tab-panel .hd ul {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
}

.tab-panel .hd ul li {
  margin-top: 20px;
  margin-right: 10px;
  height: 36px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.tab-panel .hd ul li span {
  height: 36px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 36px;
  display: block;
  position: relative;
  border: 1px solid #ddd;
  z-index: 2;
  padding: 1px 25px;
  color: #333;
  cursor: pointer;
}

.tab-panel .hd ul li.on span {
  padding: 0 24px;
  border: 2px solid #00355d;
  color: #00355d;
  font-weight: bold;
}

.tab-panel .bd {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.tab-panel .bd > p {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  text-align: left;
}

.tab-panel .bd .tab-content {
  width: 100%;
  overflow: auto;
}

.tab-panel .bd .tab-content > p {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  text-align: left;
}

table {
  overflow: hidden;
}

table tbody tr td {
  font-size: 14px;
  line-height: 24px;
  padding: 10px;
  word-break: break-all;
}

.single-param {
  width: 100%;
  overflow: auto;
}

.single-param > p {
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  text-align: left;
}

.series-panel {
  display: none;
  width: 100%;
  position: relative;
  padding-bottom: 100px;
  margin: 120px 0;
}

.series-panel > i {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #eff6ff url("../images/series_mark.png") center 50px no-repeat;
}

.series-panel > i:before,.series-panel > i:after {
  content: '';
  display: block;
  width: 100%;
  height: 58px;
  position: absolute;
  left: 0;
  right: 0;
}

.series-panel > i:before {
  top: -58px;
  background: url("../images/top_bg.png") center bottom no-repeat;
}

.series-panel > i:after {
  bottom: -58px;
  background: url("../images/btm_bg.png") center top no-repeat;
}

.series-panel .wrap .pd-panel h3 {
  font-size: 36px;
  line-height: 64px;
  color: #333333;
  text-transform: capitalize;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  margin-top: -85px;
  position: relative;
}

.series-panel .wrap .pd-panel h3:before {
  content: '';
  display: block;
  width: 170px;
  height: 90px;
  overflow: hidden;
  background: url("../images/article_mark.png") center center no-repeat;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: -1;
}

.series-panel .wrap .pd-panel .series-wrap {
  width: 100%;
  padding-top: 40px;
  overflow: hidden;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel {
  width: 47.71%;
  position: relative;
  padding-bottom: 60px;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel > span {
  display: block;
  width: 106px;
  height: 106px;
  border-radius: 100%;
  background: #f39800;
  text-align: center;
  line-height: 106px;
  font-size: 44px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  position: absolute;
  left: -86px;
  top: 130px;
  z-index: 1;
  color: #fff;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel > i {
  display: block;
  width: 100%;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  position: absolute;
  z-index: 0;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel > em {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 3;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel > em:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 120px solid #eff6ff;
  border-left: 120px dashed transparent;
  border-right: 120px dashed transparent;
  position: absolute;
  left: 0;
  top: 0;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel .img-link {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel .img-link img {
  display: block;
  width: 100%;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel h4 {
  margin-top: 40px;
  width: 100%;
  padding: 0 60px 0 90px;
  height: 72px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-weight: normal;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel h4 a {
  color: #2a2a2a;
  line-height: 36px;
  font-size: 26px;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel .p-wrap {
  width: 100%;
  overflow: hidden;
  padding: 0 100px 0 110px;
  position: relative;
  z-index: 10;
  margin-top: 20px;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel .p-wrap p {
  width: 100%;
  overflow: hidden;
  padding-left: 30px;
  line-height: 26px;
  font-size: 18px;
  color: #282828;
  margin-top: 10px;
  position: relative;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel .p-wrap p:before {
  content: '';
  display: block;
  width: 12px;
  height: 2px;
  background: #303a48;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel.fl > i {
  z-index: 0;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel.fl > em {
  left: -60px;
  top: 70px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel.fr > i {
  z-index: 2;
}

.series-panel .wrap .pd-panel .series-wrap .pro-panel.fr > em {
  right: 20px;
  top: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.series-panel .wrap .pd-panel .series-wrap .series-font {
  width: 100%;
  position: relative;
  z-index: 5;
  padding-bottom: 20px;
  margin-top: -130px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series {
  padding-top: 180px;
  border-right: 1px dashed #f39800;
  margin-right: 60px;
  padding-right: 220px;
  padding-bottom: 80px;
  position: relative;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series > span {
  display: block;
  width: 1px;
  height: 180px;
  border-left: 1px dashed #f39800;
  left: 60px;
  top: 0;
  position: absolute;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series > span > i {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #f39800;
  position: absolute;
  left: -9px;
  top: 0;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series > span > i:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 100%;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series > i {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #f39800;
  position: absolute;
  right: -9px;
  top: 0;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series > i:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 100%;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series .font-panel .zs-div {
  right: -160px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series .font-panel .zs-div i {
  left: -35px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series .font-panel .zs-div p span {
  color: #fec76c;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series .font-panel .btn-more {
  left: 50px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series {
  margin-left: 60px;
  padding-left: 220px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series .font-panel .zs-div {
  left: -160px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series .font-panel .zs-div i {
  right: -35px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series .font-panel .zs-div em {
  bottom: 0;
  right: 25px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series .font-panel .zs-div p span {
  color: #f0d4a3;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series .font-panel .btn-more {
  right: 50px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel {
  width: 100%;
  padding: 60px 80px 50px 60px;
  background: #ebf2fe;
  -webkit-box-shadow: 3px 3px 7px rgba(2,33,86,0.07) inset;
  -moz-box-shadow: 3px 3px 7px rgba(2,33,86,0.07) inset;
  box-shadow: 3px 3px 7px rgba(2,33,86,0.07) inset;
  position: relative;
  border-radius: 50px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content {
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content .font-list {
  width: 100%;
  overflow: hidden;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content .font-list dl {
  width: 100%;
  overflow: hidden;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content .font-list dl dt {
  width: 100%;
  overflow: hidden;
  line-height: 32px;
  font-size: 20px;
  color: #2a2a2a;
  font-weight: bold;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content .font-list dl dd {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  color: #50607b;
  margin-top: 20px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .font-content .font-list dl + dl {
  margin-top: 40px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .zs-div {
  display: block;
  width: 160px;
  height: 100px;
  position: absolute;
  overflow: hidden;
  top: 70px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .zs-div i {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background: #f39800;
  opacity: .36;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .zs-div em {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #f39800;
  position: absolute;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .zs-div p {
  padding: 0 10px;
  font-size: 28px;
  line-height: 100px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #fff;
  position: relative;
  z-index: 1;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .btn-more {
  width: 182px;
  height: 44px;
  position: absolute;
  bottom: -20px;
  cursor: pointer;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .btn-more span {
  display: block;
  width: 160px;
  height: 44px;
  border-radius: 5px;
  background: #f39800;
  padding-left: 50px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
}

.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .btn-more i {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: #2b4779;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 24px;
}

.service-panel {
  margin-top: 23px;
  margin-bottom: 0;
  width: 100%;
}

.service-panel h3 {
  font-size: 28px;
  line-height: 36px;
  color: #333333;
  text-transform: capitalize;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  position: relative;
}

.service-panel h3:before {
  content: '';
  display: block;
  width: 170px;
  height: 90px;
  background: url("../images/article_mark.png") center center no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -50px;
  z-index: -1;
  overflow: hidden;
}

.service-panel > p {
  font-size: 16px;
  line-height: 36px;
  color: #777;
  margin-bottom: 20px;
  margin-top: 10px;
}

.service-panel .service-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: none;
}

.service-panel .service-img img {
  display: block;
  max-width: 100%;
}

.service-panel .service-info {
  width: 100%;
  margin-top: 20px;
}

.service-panel .service-info > p {
  font-size: 20px;
  line-height: 32px;
  color: #858585;
  width: 100%;
  overflow: hidden;
}

.service-panel .service-info .cs-panel {
  margin-top: 20px;
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.service-panel .service-info .cs-panel > p {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  padding: 5px 0 5px 70px;
  min-height: 36px;
  line-height: 26px;
  position: relative;
}

.service-panel .service-info .cs-panel > p span {
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  border-radius: 100%;
  left: 0;
  top: 50%;
  margin-top: -18px;
  background: -webkit-linear-gradient(left,#2b3fbc,#65b5ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#2b3fbc,#65b5ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#2b3fbc,#65b5ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#2b3fbc,#65b5ff);
}

.service-panel .service-info .cs-panel > p + p {
  margin-top: 20px;
}

.service-panel .service-info .cs-panel:before {
  content: '';
  display: block;
  width: 1px;
  height: 92%;
  border-left: 2px dashed #dcdcdc;
  position: absolute;
  top: 0;
  left: 18px;
}

.blog-page {
  width: 100%;
  background: url("../images/m_blog_banner.jpg") center top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.blog-page .article-banner {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 20px;
  width: 100%;
}

.blog-page .article-banner h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 24px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}

.blog-page .article-banner p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  width: 100%;
  overflow: hidden;
}

.blog-bg {
  padding-bottom: 20px;
  padding-top: 20px;
  background: url("../images/blog_bg.jpg") center top repeat-y;
}

.blog-list-panel {
  width: 100%;
}

.blog-list-fst {
  padding: 0 20px;
  width: 100%;
  position: relative;
}

.blog-list-fst > li {
  width: 100%;
}

.blog-list-fst > li .blog-link {
  width: 100%;
  padding: 15px 0px;
}

.blog-list-fst > li .blog-link ul {
  width: 100%;
  position: relative;
  padding-bottom: 0;
  text-align: center;
}

.blog-list-fst > li .blog-link ul:before {
  width: 100%;
  height: 3px;
  top: 50%;
  left: 0;
  margin-top: -1px;
  margin-left: 0;
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: linear-gradient(left,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  content: '';
  display: block;
  position: absolute;
  opacity: .3;
}

.blog-list-fst > li .blog-link ul li {
  width: auto;
  margin-bottom: 0;
  margin-right: 10px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}

.blog-list-fst > li .blog-link ul li span {
  font-size: 14px;
  line-height: 32px;
  border-radius: 32px;
  padding: 0 10px;
  width: 100%;
  display: block;
  color: #ffffff;
  background: #034752;
  text-align: center;
}

.blog-list-fst > li .blog-link ul li a {
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 100%;
}

.blog-list-fst > li .blog-link ul li a img {
  display: block;
  width: 100%;
}

.blog-list-fst > li .blog-link ul li + li a {
  -webkit-box-shadow: 10px 10px 30px rgba(94,170,222,0.26);
  -moz-box-shadow: 10px 10px 30px rgba(94,170,222,0.26);
  box-shadow: 10px 10px 30px rgba(94,170,222,0.26);
}

.blog-list-fst > li .blog-link ul li + li + li a {
  -webkit-box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
  -moz-box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
  box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
}

.blog-list-fst > li .blog-link ul li + li + li + li a {
  -webkit-box-shadow: 10px 10px 30px rgba(16,122,182,0.26);
  -moz-box-shadow: 10px 10px 30px rgba(16,122,182,0.26);
  box-shadow: 10px 10px 30px rgba(16,122,182,0.26);
}

.blog-list-fst > li .blog-link ul li + li + li + li + li a {
  -webkit-box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
  -moz-box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
  box-shadow: 10px 10px 30px rgba(60,89,155,0.26);
}

.blog-list-fst > li .blog-panel {
  width: 100%;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
}

.blog-list-fst > li .blog-panel .img-link {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  display: block;
  position: relative;
  -webkit-box-shadow: 15px 15px 35px rgba(0,0,0,0.3);
  -moz-box-shadow: 15px 15px 35px rgba(0,0,0,0.3);
  box-shadow: 15px 15px 35px rgba(0,0,0,0.3);
}

.blog-list-fst > li .blog-panel .img-link span {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 48px;
  height: 48px;
  left: -24px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  border: 1px solid #fff;
  -webkit-box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
  -moz-box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
  box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
  overflow: hidden;
}

.blog-list-fst > li .blog-panel .img-link img {
  display: block;
  width: 100%;
}

.blog-list-fst > li .blog-panel .title-link {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 28px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #333;
}

.blog-list-fst > li .blog-panel > span {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  display: block;
  width: 100%;
  color: #aaaaaa;
  font-style: italic;
}

.blog-list-fst > li .blog-panel > span i {
  float: right;
  font-style: normal;
}

.blog-list-fst > li .blog-panel p {
  line-height: 20px;
  font-size: 14px;
  margin-top: 10px;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #777777;
  display: none;
}

.blog-list-fst > li .blog-panel .more-link {
  margin-top: 15px;
  display: block;
  float: left;
  height: 34px;
  border-radius: 34px;
  background: #034752;
  padding-left: 30px;
  padding-right: 50px;
  line-height: 34px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

.blog-list-fst > li .blog-panel .more-link i {
  display: block;
  width: 34px;
  height: 34px;
  background: #c7d1e1;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.blog-list-fst > li .blog-panel .more-link i:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #034752;
  border-right: 2px solid #034752;
  -webkit-transform: rotate(45deg) scale(0.8,0.8);
  /* Safari and Chrome */
  -ms-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  -moz-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  transform: rotate(45deg) scale(0.8,0.8);
  position: absolute;
  left: 8px;
  top: 10px;
}

.blog-list-fst > li .date {
  padding-top: 0;
  padding-left: 0;
  width: 100%;
  position: relative;
  z-index: 2;
}

.blog-list-fst > li .date:after {
  display: none;
  width: 2px;
  height: 100%;
  content: '';
  position: absolute;
  background: #dedede;
  bottom: 0;
  left: 24px;
}

.blog-list-fst > li .date p {
  line-height: 36px;
  width: auto;
  padding: 0 10px;
  overflow: hidden;
  position: relative;
  float: left;
}

.blog-list-fst > li .date p:after {
  display: none;
  width: 2px;
  height: 100%;
  content: '';
  position: absolute;
  background: #dedede;
  top: 0;
  left: 0;
}

.blog-list-fst > li .date p strong,.blog-list-fst > li .date p em,.blog-list-fst > li .date p b,.blog-list-fst > li .date p span,.blog-list-fst > li .date p i {
  display: inline-block;
  vertical-align: bottom;
}

.blog-list-fst > li .date p strong {
  font-size: 24px;
  color: #333333;
  font-style: italic;
  font-weight: bold;
}

.blog-list-fst > li .date p em {
  font-size: 12px;
  color: #333333;
  font-style: italic;
  font-weight: bold;
  opacity: .3;
  margin-left: 8px;
}

.blog-list-fst > li .date p b {
  font-size: 16px;
  color: #777777;
}

.blog-list-fst > li .date p span {
  font-size: 12px;
  color: #333333;
  font-style: italic;
  opacity: .3;
  margin-left: 8px;
}

.blog-list-fst > li .date p i {
  font-size: 14px;
  color: #aaaaaa;
  font-style: normal;
}

.blog-list-fst > li:hover .blog-panel .img-link {
  -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}

.blog-list-fst > li:hover .blog-panel .img-link span {
  border-radius: 100%;
}

.blog-list-fst > li:hover .title-link {
  color: #034752;
}

.blog-list-fst > li + li {
  margin-top: 20px;
}

.blog-list-fst > li + li .blog-link {
  border-top: 2px solid #eaeaea;
}

.blogDetail-page {
  width: 100%;
  overflow: hidden;
}

.blogDetail-page .article-banner {
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 20px;
  width: 100%;
}

.article-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  width: 100%;
}

.article-content .blog-link-panel {
  display: none;
  width: 150px;
  padding-top: 230px;
}

.article-content .blog-link-panel .blog-link {
  width: 74px;
}

.article-content .blog-link-panel .blog-link ul {
  width: 100%;
  padding-bottom: 130px;
  position: relative;
}

.article-content .blog-link-panel .blog-link ul:before {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: -1px;
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  background: linear-gradient(top,rgba(255,255,255,0) 0%,#034752 66%,rgba(255,255,255,0) 100%);
  opacity: .3;
}

.article-content .blog-link-panel .blog-link ul li {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.article-content .blog-link-panel .blog-link ul li span {
  display: block;
  width: 100%;
  background: #034752;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  border-radius: 74px;
  padding: 25px 0;
  text-transform: uppercase;
}

.article-content .blog-link-panel .blog-link ul li span strong {
  font-size: 28px;
  font-weight: bold;
}

.article-content .blog-link-panel .blog-link ul li a {
  display: block;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 100%;
}

.article-content .blog-link-panel .blog-link ul li a img {
  display: block;
  width: 100%;
}

.article-content .blog-content {
  width: 100%;
}

.article-content .blog-content .keyword {
  width: 100%;
  overflow: hidden;
}

.article-content .blog-content .keyword span {
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  border-radius: 5px;
  background: #e9eaec;
  color: #454640;
}

.article-content .blog-content h1 {
  line-height: 32px;
  font-size: 24px;
  width: 100%;
  overflow: hidden;
  color: #333333;
}

.article-content .blog-content p {
  margin-top: 20px;
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  color: #777777;
}

.article-content .blog-content p b {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  color: #5a5a5a;
}

.article-content .blog-content p b:before {
  position: absolute;
  left: 0px;
  top: 9px;
  content: '';
  left: 0px;
  width: 10px;
  height: 2px;
  background: #777;
}

.article-content .blog-content ul {
  clear: both;
  padding-left: 23px;
  margin-top: 20px;
}

.article-content .blog-content ul li {
  clear: both;
  font-size: 12px;
  line-height: 24px;
  padding: 5px 0px;
  color: #777777;
  list-style: disc;
}

.article-content .blog-content img {
  display: block;
  max-width: 100%;
}

.article-content .blog-content h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 32px;
  width: 100%;
  color: #333333;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  overflow: hidden;
}

.article-content .blog-content h4 {
  font-size: 20px;
  line-height: 28px;
  margin-top: 20px;
  padding-left: 30px;
  width: 100%;
  overflow: hidden;
  color: #333;
  position: relative;
}

.article-content .blog-content h4:before {
  width: 10px;
  height: 2px;
  top: 13px;
  content: '';
  display: block;
  background: #333;
  position: absolute;
  left: 0;
}

.article-content .blog-content .font-title {
  margin: 20px 0;
  padding: 20px 30px 20px 20px;
  width: 100%;
  background: #191919;
  -webkit-box-shadow: 16px 16px 26px rgba(0,0,0,0.26);
  -moz-box-shadow: 16px 16px 26px rgba(0,0,0,0.26);
  box-shadow: 16px 16px 26px rgba(0,0,0,0.26);
  position: relative;
}

.article-content .blog-content .font-title:before {
  width: 40px;
  left: -20px;
  content: '';
  display: block;
  height: 80%;
  top: 10%;
  background: #034752;
  position: absolute;
}

.article-content .blog-content .font-title p {
  font-size: 16px;
  line-height: 24px;
  display: block;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
  margin: 0;
}

.article-content .blog-content table {
  background: #ccc;
  border-spacing: 1px;
  border: none;
  margin-top: 20px;
  width: 100%;
}

.article-content .blog-content table tr td {
  border: none;
  background: #fff;
}

.article-content .blog-content table tr:first-child td {
  background: #034752;
  color: #ffffff;
}

.pro_lists ul {
  padding-left: 20px;
  margin-top: 20px;
}

.pro_lists ul li {
  display: inline-block;
}

.pro_lists ul li.on a {
  background: #ed1e24;
  background: -webkit-linear-gradient(left,#355897, #6e8dc5);
  background: -moz-linear-gradient(right,#fb7b36, #ed1e24);
  background: -ms-linear-gradient(right,#fb7b36, #ed1e24);
  background: -o-linear-gradient(right,#fb7b36, #ed1e24);
  border: solid 1px transparent;
  font-weight: normal;
  color: #fff;
}

.message-panel1 {
  background: #034752;
  background: -webkit-linear-gradient(top,#034752, #036877);
  background: -moz-linear-gradient(top,#034752, #036877);
  background: -ms-linear-gradient(top,#034752, #036877);
  background: -o-linear-gradient(top,#034752, #036877);
  padding: 48px 30px 24px;
  position: relative;
  margin-top: 20px;
}

.message-panel1::before {
  content: "";
  width: 100%;
  height: 312px;
  background: url(../images/ly_bgf.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.message-panel1::after {
  content: "";
  width: 213px;
  height: 239px;
  background: url(../images/toux.png) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  background-size: contain;
}

.message-panel1 h2 {
  font-size: 38px;
  color: #fff;
  font-style: italic;
  line-height: 1;
  margin-bottom: 45px;
}

.message-panel1 .zxy_yj {
  font-size: 24px;
  color: #f29800;
  padding-left: 50px;
  background: url(../images/youj.png) no-repeat left center;
  margin-bottom: 30px;
  line-height: 1;
  background-size: contain;
}

.message-panel1 .text {
  font-size: 20px;
  color: #fff;
}

.message-wrap11 {
  width: 100%;
  overflow: hidden;
  clear: both;
}

.message-wrap11 .item-panel1 {
  margin-top: 42px;
}

.message-wrap11 .item-panel1 input {
  width: 100%;
  border: solid 1px #ededed;
  box-sizing: border-box;
  background-color: #ededed;
  height: 62px;
  border-radius: 8px;
  font-size: 20px;
  color: #333;
  padding-left: 20px;
}

.message-wrap11 .item-panel1 textarea {
  width: 100%;
  border: solid 1px #ededed;
  box-sizing: border-box;
  background-color: #ededed;
  height: 187px;
  border-radius: 8px;
  padding-top: 18px;
  font-size: 20px;
  color: #333;
  padding-left: 20px;
}

.message-wrap11 .item-panel1 > p.notes {
  font-size: 20px;
  color: #fff;
  margin-top: 18px;
  margin-bottom: 30px;
}

.message-wrap11 .item-panel.subtn {
  width: 266px;
  height: 72px;
  padding: 5px 10px;
  border: solid 1px rgba(99,123,168,.44);
  margin: 0 auto;
  border-radius: 22.5px;
  position: relative;
}

.message-wrap11 .item-panel.subtn::before {
  width: 200px;
  height: 50px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 50px 0px #eab459;
  opacity: 0.52;
  border-radius: 22.5px;
  margin-bottom: 24px;
}

.message-wrap11 .item-panel.subtn input.sub {
  position: relative;
  width: 100%;
  display: block;
  line-height: 60px;
  color: #fff;
  background: #eab459;
  background: -webkit-linear-gradient(left,#f39800, #eab459);
  background: -moz-linear-gradient(left,#f39800, #eab459);
  background: -ms-linear-gradient(left,#f39800, #eab459);
  background: -o-linear-gradient(left,#f39800, #eab459);
  font-size: 26px;
  text-align: center;
  border-radius: 22.5px;
}

.item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
  color: #878989;
}

.item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
  color: #878989;
}

.item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: #878989;
}

.item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #878989;
}

@media(max-width: 750px) {
  .service-panel h3 {
      margin-top: 0;
  }

  .article-content .blog-content table,.article-content .blog-content tbody {
      overflow-x: scroll;
  }
}

.article-content .blog-aside {
  display: none;
  width: 290px;
  margin-left: 30px;
  padding: 60px 0;
  background: #fff;
  -webkit-box-shadow: 11px 11px 27px rgba(0,0,0,0.26);
  -moz-box-shadow: 11px 11px 27px rgba(0,0,0,0.26);
  box-shadow: 11px 11px 27px rgba(0,0,0,0.26);
  border-radius: 10px;
}

.article-content .blog-aside .author-panel {
  padding: 0 30px;
}

.article-content .blog-aside .author-panel > dl {
  position: relative;
  width: 100%;
  height: 76px;
  margin-bottom: 20px;
}

.article-content .blog-aside .author-panel > dl dt {
  width: 76px;
  height: 76px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 11px 11px 27px rgba(0,0,0,0.21);
  -moz-box-shadow: 11px 11px 27px rgba(0,0,0,0.21);
  box-shadow: 11px 11px 27px rgba(0,0,0,0.21);
}

.article-content .blog-aside .author-panel > dl dt img {
  display: block;
  width: 100%;
  height: 100%;
}

.article-content .blog-aside .author-panel > dl dd {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 40px;
  top: 18px;
  height: 40px;
  border-radius: 40px;
  padding-left: 50px;
  padding-right: 25px;
  background: #034752;
  font-size: 18px;
  line-height: 40px;
  color: #ffffff;
  text-transform: capitalize;
  white-space: nowrap;
}

.article-content .blog-aside .author-panel p {
  font-size: 16px;
  line-height: 22px;
  color: #aaaaaa;
}

.article-content .blog-aside .author-font {
  padding: 5px 30px;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  background: #e9eaec;
}

.article-content .blog-aside .author-font p {
  font-size: 16px;
  line-height: 26px;
  color: #034752;
}

.article-content .blog-aside .aside-news {
  padding: 0 30px;
  width: 100%;
  overflow: hidden;
}

.article-content .blog-aside .aside-news h4 {
  width: 100%;
  line-height: 26px;
  font-size: 20px;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 10px;
}

.article-content .blog-aside .aside-news ul {
  width: 100%;
  overflow: hidden;
}

.article-content .blog-aside .aside-news ul li {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}

.article-content .blog-aside .aside-news ul li a {
  font-size: 16px;
  line-height: 26px;
  color: #034752;
}

.article-content .blog-aside .aside-news ul li a:hover {
  text-decoration: underline;
}

.page {
  padding: 20px;
  width: 100%;
  overflow: hidden;
  text-align: right;
  font-size: 0;
}

.page a,.page span {
  height: 32px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 12px;
  margin-left: 10px;
  display: inline-block;
  color: #666666;
  border: 1px solid #666666;
}

.page a.active,.page span.active {
  background: #034752;
  border: 1px solid #034752;
  color: #fff;
}

.page a.disabled,.page span.disabled {
  cursor: not-allowed;
  color: #cccccc;
  border: 1px solid #cccccc;
}

.page > *:not(:first-child):not(:last-child) {
  border-radius: 4px;
}

.message-panel {
  padding: 20px 0 40px;
  background: url("../images/message_bg.jpg") center top no-repeat;
}

.message-panel .wrap {
  padding: 0 20px;
}

.message-panel .wrap > h2 {
  width: 100%;
  padding: 0;
  line-height: 32px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
}

.message-panel .wrap > p {
  width: 100%;
  overflow: hidden;
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin: 10px 0 20px;
  color: #ffffff;
  opacity: .6;
}

.message-panel .wrap .message-wrap {
  width: 100%;
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 10px 10px 70px rgba(0,0,0,0.26);
  -moz-box-shadow: 10px 10px 70px rgba(0,0,0,0.26);
  box-shadow: 10px 10px 70px rgba(0,0,0,0.26);
  overflow: hidden;
}

.map {
  display: none;
  width: 33.572%;
  overflow: hidden;
}

.map img {
  display: block;
  width: 100%;
}

.message-panel .wrap .message-wrap .message-form {
  width: 100%;
  padding: 3% 6% 26px;
}

.message-panel .wrap .message-wrap .message-form h3 {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  width: 100%;
  color: #333333;
  text-transform: uppercase;
  overflow: hidden;
}

.message-panel .wrap .message-wrap .message-form .item-panel {
  width: 100%;
  overflow: hidden;
}

.message-panel .wrap .message-wrap .message-form .item-panel + .item-panel + .item-panel {
  margin-top: 20px;
}

.message-panel .wrap .message-wrap .message-form .item-panel input[type='text'] {
  width: 100%;
  height: 48px;
  line-height: 46px;
  border-bottom: 2px solid #e0e0e0;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
}

.message-panel .wrap .message-wrap .message-form .item-panel input + input {
  margin-top: 20px;
}

.message-panel .wrap .message-wrap .message-form .item-panel > p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 100%;
  color: #666;
}

.message-panel .wrap .message-wrap .message-form .item-panel > p.notes {
  color: #034752;
}

.message-panel .wrap .message-wrap .message-form .item-panel textarea {
  line-height: 20px;
  font-size: 14px;
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  padding: 5px;
  height: 114px;
  resize: none;
}

.message-panel .wrap .message-wrap .message-form .item-panel > a,.message-panel .wrap .message-wrap .message-form .item-panel input[type='button'],.message-panel .wrap .message-wrap .message-form .item-panel input[type='submit'] {
  width: 240px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  background: #034752;
  border-radius: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.product-wrapper {
  padding-bottom: 60px;
}

.product-wrapper .wrap {
  margin-top: -60px;
  background: #fff;
}

.product-wrapper .wrap .side-panel {
  display: none;
  margin-top: 60px;
  width: 280px;
}

.product-wrapper .wrap .side-panel ul {
  padding: 50px 20px 30px 25px;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
  -moz-box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
  box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
}

.product-wrapper .wrap .side-panel ul li {
  width: 100%;
  overflow: hidden;
  padding-bottom: 25px;
}

.product-wrapper .wrap .side-panel ul li a {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 32px;
  font-size: 18px;
  padding-left: 34px;
  display: block;
  width: 100%;
  color: #1b1d1f;
  position: relative;
  font-weight: bold;
}

.product-wrapper .wrap .side-panel ul li a i {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  background: #fff;
  padding: 1px;
  border-radius: 100%;
}

.product-wrapper .wrap .side-panel ul li a i:before {
  border-radius: 100%;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #080808;
  position: absolute;
  left: 2px;
  top: 2px;
}

.product-wrapper .wrap .side-panel ul li a:hover {
  color: #f39700;
}

.product-wrapper .wrap .side-panel ul li.on a {
  font-size: 22px;
  color: #f39700;
  -webkit-text-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  -moz-text-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  -o-text-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  text-shadow: 6px 6px 12px rgba(243,151,0,0.3);
}

.product-wrapper .wrap .side-panel ul li.on a i {
  border: 1px solid #f39700;
  -webkit-box-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  -moz-box-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  -o-box-shadow: 6px 6px 12px rgba(243,151,0,0.3);
  box-shadow: 6px 6px 12px rgba(243,151,0,0.3);
}

.product-wrapper .wrap .side-panel ul li.on a i:before {
  border: 1px solid #f39700;
  background: #f39700;
}

.product-wrapper .wrap .main-content {
  width: 100%;
}

.product-wrapper .wrap .main-content ul {
  padding-right: 0;
  width: 100%;
}

.product-wrapper .wrap .main-content ul li {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-left: 4%;
  margin-top: 30px;
  width: 44%;
  padding: 0 3% 10px;
  float: left;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
  -moz-box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
  box-shadow: 10px 10px 60px rgba(177,179,180,0.66);
}

.product-wrapper .wrap .main-content ul li a.img-link {
  display: block;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #294474;
  position: relative;
}

.product-wrapper .wrap .main-content ul li a.img-link img {
  display: block;
  width: 100%;
}

.product-wrapper .wrap .main-content ul li a.img-link span {
  display: none;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  max-width: 100%;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: left bottom;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: left bottom;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  background: #253c67;
  left: 0;
  bottom: 2.5%;
}

.product-wrapper .wrap .main-content ul li a.title-link {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 48px;
  line-height: 24px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  overflow: hidden;
  font-weight: bold;
  color: #333333;
}

.product-wrapper .wrap .main-content ul li .p-wrap {
  padding-right: 20px;
  width: 100%;
  position: relative;
  display: none;
}

.product-wrapper .wrap .main-content ul li .p-wrap p {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  margin-top: 15px;
  padding-left: 24px;
  width: 100%;
  color: #777777;
  position: relative;
}

.product-wrapper .wrap .main-content ul li .p-wrap p:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #034752;
  position: absolute;
  left: 6px;
  top: 7px;
}

.product-wrapper .wrap .main-content ul li .p-wrap a.a-link {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: none;
  width: 52px;
  height: 52px;
  margin-top: -45px;
  border-radius: 100%;
  background: #7689aa url("../images/icon_link.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  right: -6px;
  top: 50%;
}

.product-wrapper .wrap .main-content ul li:hover {
  -webkit-box-shadow: 10px 10px 20px rgba(177,179,180,0.66);
  -moz-box-shadow: 10px 10px 20px rgba(177,179,180,0.66);
  box-shadow: 10px 10px 20px rgba(177,179,180,0.66);
}

.product-wrapper .wrap .main-content ul li:hover a.title-link {
  color: #294474;
}

.product-wrapper .wrap .main-content ul li:hover .p-wrap a {
  background-color: #294474;
}

.product-wrapper .wrap .page {
  padding-right: 20px;
}

.swiper-category {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  padding: 0 20px;
  margin-top: 20px;
}

.swiper-category .swiper-slide {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  width: auto;
}

.swiper-category .swiper-slide a {
  display: block;
  font-size: 16px;
  line-height: 32px;
  color: #1b1d1f;
  text-transform: capitalize;
  position: relative;
  padding-right: 20px;
}

.swiper-category .swiper-slide.on a,.swiper-category .swiper-slide:active a {
  color: #f39700;
}

.swiper-scrollbar {
  display: none;
}

.swiper-wrap {
  display: none;
  padding: 30px 0 20px 0;
  width: 100%;
  position: relative;
}

.swiper-wrap .swiper-button-next,.swiper-wrap .swiper-button-prev {
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #e4e7eb;
  position: absolute;
  top: 50%;
}

.swiper-wrap .swiper-button-next:before,.swiper-wrap .swiper-button-prev:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-top: 1px solid #034752;
  border-left: 1px solid #034752;
  position: absolute;
  top: 18px;
}

.swiper-wrap .swiper-button-prev {
  left: 0;
}

.swiper-wrap .swiper-button-prev:before {
  left: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.swiper-wrap .swiper-button-next {
  right: 0;
}

.swiper-wrap .swiper-button-next:before {
  left: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.swiper-wrap .swiper-container {
  width: 100%;
  overflow: hidden;
}

.swiper-wrap .swiper-container .swiper-slide {
  width: 100%;
  padding: 0;
}

.swiper-wrap .swiper-container .swiper-slide .item-img {
  width: 100%;
}

.swiper-wrap .swiper-container .swiper-slide .item-img a {
  display: block;
  width: 100%;
  overflow: hidden;
}

.swiper-wrap .swiper-container .swiper-slide .item-img a img {
  display: block;
  width: 100%;
}

.swiper-wrap .swiper-container .swiper-slide .item-info {
  width: 100%;
  padding: 0 10%;
  position: relative;
}

.swiper-wrap .swiper-container .swiper-slide .item-info h2 {
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 32px;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  color: #01122e;
  padding-bottom: 10px;
  position: relative;
}

.swiper-wrap .swiper-container .swiper-slide .item-info h2:before {
  content: '';
  display: block;
  width: 90px;
  height: 3px;
  background: #b3c3d6;
  position: absolute;
  left: 0;
  bottom: 0;
}

.swiper-wrap .swiper-container .swiper-slide .item-info h2 + p {
  margin-bottom: 10px;
}

.swiper-wrap .swiper-container .swiper-slide .item-info p {
  line-height: 24px;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  color: #034752;
}

.swiper-wrap .swiper-container .swiper-slide .item-info p strong {
  font-size: 18px;
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: 100;
  margin: 0 6px;
}

.swiper-wrap .swiper-container .swiper-slide .item-info p span {
  font-size: 14px;
  line-height: 24px;
  display: block;
  width: 100%;
  color: #aaaaaa;
}

.swiper-wrap .swiper-container .swiper-slide .item-info > a.more-link {
  font-size: 14px;
  margin-top: 20px;
  display: block;
  float: left;
  height: 34px;
  border-radius: 34px;
  background: #034752;
  padding-left: 30px;
  padding-right: 50px;
  line-height: 34px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

.swiper-wrap .swiper-container .swiper-slide .item-info > a.more-link i {
  display: block;
  width: 34px;
  height: 34px;
  background: #c7d1e1;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.swiper-wrap .swiper-container .swiper-slide .item-info > a.more-link i:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #034752;
  border-right: 2px solid #034752;
  -webkit-transform: rotate(45deg) scale(0.8,0.8);
  /* Safari and Chrome */
  -ms-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  -moz-transform: rotate(45deg) scale(0.8,0.8);
  /* IE 9 */
  transform: rotate(45deg) scale(0.8,0.8);
  position: absolute;
  left: 8px;
  top: 10px;
}

.swiper-wrap .swiper-container .swiper-slide:hover .item-info h2 a {
  color: #034752;
}

.main-wrapper {
  width: 100%;
}

.main-wrapper:before,.main-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.aside-panel {
  width: 246px;
  display: none;
  float: right;
}

.aside-panel:before,.aside-panel:after,.swt-wrap:before,.swt-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.swt-wrap {
  width: 246px;
  position: relative;
  z-index: 1040;
}

.aside-panel .message-form {
  display: block;
  width: 246px;
  background: url(../images/form_bg.jpg) center top no-repeat;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px 20px 20px;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.16);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,.16);
  box-shadow: 0 0 30px rgba(0,0,0,.16);
}

.swt-header {
  width: 100%;
  height: 232px;
  position: relative;
  padding-top: 70px;
  margin-bottom: 15px;
  z-index: 1;
}

.swt-header i {
  display: block;
  width: 100%;
  height: 166px;
  background: url("../images/swt_women.png") center top no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.swt-header .swt-bg {
  width: 100%;
  height: 100%;
  background: url(../images/form_bg.jpg) center top no-repeat;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.16);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,.16);
  box-shadow: 0 0 30px rgba(0,0,0,.16);
  position: relative;
  z-index: 1;
}

.swt-header .swt-panel {
  overflow: hidden;
  position: absolute;
  top: 70px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.swt-header .swt-panel p {
  line-height: 20px;
  font-size: 16px;
  color: #f39800;
  position: absolute;
  right: 30px;
  top: 20px;
  margin: 0;
}

.swt-header .swt-panel span {
  display: block;
  height: 30px;
  width: 140px;
  border: 1px solid #fff;
  background: #f39800;
  color: #fff;
  text-align: center;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  bottom: 20px;
  -webkit-box-shadow: 6px 6px 8px rgba(243,152,0,.2);
  -moz-box-shadow: 6px 6px 8px rgba(243,152,0,.2);
  box-shadow: 6px 6px 8px rgba(243,152,0,.2);
}

.swt-header .swt-panel span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 5px solid #f39800;
  border-left: 5px dashed transparent;
  border-right: 5px dashed transparent;
  position: absolute;
  left: 6px;
  top: -6px;
}

.swt-header > span {
  display: block;
  width: 100%;
  height: 48px;
  background: url("../images/swt_bg.png") center top no-repeat;
  position: absolute;
  left: 0;
  bottom: -34px;
}

.swt-header > a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.aside-panel .message-form h3 {
  width: 100%;
  line-height: 30px;
  font-size: 23px;
  color: #034752;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  margin: 0;
  font-family: Arial;
}

.aside-panel .message-form h3:before,.aside-panel .message-form h3:after {
  content: '';
  display: block;
  width: 25%;
  height: 2px;
  background-color: #f39800;
  position: absolute;
}

.aside-panel .message-form h3:before {
  left: 30%;
  bottom: 4px;
}

.aside-panel .message-form h3:after {
  right: 30%;
  bottom: 0;
}

.aside-panel .message-form .item-panel {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}

.aside-panel .message-form .item-panel p {
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  line-height: 30px;
  margin: 0;
}

.aside-panel .message-form .item-panel p span {
  color: #f39800;
}

.aside-panel .message-form .item-panel input,.aside-panel .message-form .item-panel textarea {
  padding: 0 10px;
  width: 100%;
  height: 43px;
  border-bottom: 1px solid #ced3d4;
  line-height: 42px;
  font-size: 16px;
  color: #333;
  resize: none;
}

.aside-panel .message-form .item-panel a {
  display: block;
  width: 176px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 45px;
  background: #034752;
  -webkit-box-shadow: 0 0 9px rgba(39,63,107,.36);
  -moz-box-shadow: 0 0 9px rgba(39,63,107,.36);
  box-shadow: 0 0 9px rgba(39,63,107,.36);
  margin: 20px auto 10px;
}

.aside-panel .message-form .mark {
  width: 100%;
  padding: 10px 0;
  line-height: 20px;
  font-size: 14px;
  color: #034752;
  opacity: .6;
  text-align: center;
  background: url("../images/lx-lyzs.png") right bottom/60px 40px no-repeat;
}

.service-flow:after,.service-flow ul:after,.service-flow ul li:after,.service-flow ul li .item-cont {
  content: '';
  display: block;
  clear: both;
}

.service-flow {
  margin: 30px 0 0;
  padding: 0;
  display: none;
}

.service-flow > i {
  display: none;
}

.service-flow ul {
  width: 100%;
}

.service-flow ul li {
  width: 50%;
  min-height: 20px;
  position: relative;
  margin-bottom: 30px;
  float: left;
}

.service-flow ul li .item-cont {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 70px;
}

.service-flow ul li .item-cont i {
  display: block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 100%;
  -webkit-box-shadow: 2px 2px 9px rgba(71,71,71,.36);
  -moz-box-shadow: 2px 2px 9px rgba(71,71,71,.36);
  box-shadow: 2px 2px 9px rgba(71,71,71,.36);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #034752;
}

.service-flow ul li.even i {
  background-color: #034752;
}

.service-flow ul li.odd i {
  background-color: #f39800;
}

.service-flow ul li .item-cont span {
  display: block;
  width: 27px;
  height: 15px;
  left: 30px;
  top: 2px;
  position: absolute;
}

.service-flow ul li.even span {
  background: url("../images/even_icon.png") right center no-repeat;
}

.service-flow ul li.odd span {
  background: url("../images/odd_icon.png") right center no-repeat;
}

.service-flow ul li .item-cont p {
  display: block;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.email-panel {
  width: 100%;
  line-height: 32px;
  color: #727272;
  font-size: 16px;
  overflow: hidden;
  margin-top: 20px;
}

.email-panel a {
  color: #f39800;
  cursor: pointer;
}

.hidemobile {
  display: none;
}

.service-pic {
  display: block;
  width: 100%;
  overflow: hidden;
}

.service-pic img {
  display: block;
  width: 100%;
}

.productDetail-page .article-banner > h2::before {
  content: "";
  width: 90px;
  height: 100px;
  background: url(../images/character.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 25px;
  bottom: 43px;
  display: none;
}

.pro_lists ul li a {
  font-size: 12px;
  color: #42619a;
  line-height: 18px;
  display: block;
  padding: 0 10px;
  border-radius: 18px;
  border: solid 1px #2d559e;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-right: 15px;
  font-weight: normal;
  font-weight: bold;
}

@media screen and (min-width: 240px) {
  .message-wrap11 .item-panel1 input {
      font-size: 14px;
      color: #2b4574;
      height: 26px;
  }

  .pro-text .pro-message {
      padding: 20px 20px 24px;
  }

  .message-wrap11 .item-panel1 > p.notes {
      font-size: 14px;
  }

  .message-panel1 h2 {
      font-size: 18px;
      margin-bottom: 15px;
  }

  .message-panel1 .zxy_yj {
      font-size: 16px;
      margin-bottom: 15px;
      padding-left: 30px;
  }

  .message-panel1 .text {
      max-width: 100%;
      font-size: 14px;
  }

  .message-panel1::after {
      width: 90px;
  }

  .message-wrap11 .item-panel.subtn {
      width: 186px;
      height: 56px;
  }

  .message-wrap11 .item-panel.subtn::before {
      width: 100px;
      height: 30px;
  }

  .message-wrap11 .item-panel.subtn input.sub {
      line-height: 44px;
  }

  .message-wrap11 .item-panel1 {
      margin-top: 12px;
  }

  .item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }
}

@media screen and (min-width: 320px) {
  .message-wrap11 .item-panel1 input {
      font-size: 14px;
      color: #2b4574;
      height: 28px;
  }

  .message-wrap11 .item-panel1 textarea {
      height: 80px;
      padding-top: 10px;
  }

  .pro-text .pro-message {
      padding: 20px 20px 24px;
  }

  .message-wrap11 .item-panel1 > p.notes {
      font-size: 14px;
      margin-bottom: 20px;
      margin-top: 14px;
  }

  .message-panel1 h2 {
      font-size: 18px;
      margin-bottom: 15px;
  }

  .message-panel1 .zxy_yj {
      font-size: 16px;
      margin-bottom: 15px;
      background-size: 15px auto;
      padding-left: 23px;
  }

  .message-panel1 .text {
      max-width: 240px;
      font-size: 14px;
  }

  .message-panel1::after {
      width: 90px;
  }

  .message-wrap11 .item-panel.subtn {
      width: 156px;
      height: 46px;
  }

  .message-wrap11 .item-panel.subtn input.sub {
      line-height: 40px;
  }

  .message-wrap11 .item-panel.subtn::before {
      width: 100px;
      height: 30px;
      box-shadow: 0 0 30px 0px #eab459;
  }

  .message-wrap11 .item-panel.subtn input.sub {
      line-height: 34px;
      font-size: 16px;
  }

  .message-wrap11 .item-panel1 {
      margin-top: 16px;
  }

  .item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }
}

@media screen and (min-width: 360px) {
  .about-font .num-list {
      top:0;
  }

  .swiper-partner .swiper-slide {
      width: 33.333333%;
  }

  .model-04 .wrap .blog-title h2 {
      line-height: 48px;
      font-size: 32px;
  }

  .productDetail-page .article-banner > h2::before {
      width: 90px;
      height: 100px;
      right: 25px;
      bottom: 43px;
  }

  .message-panel1 h2 {
      font-size: 24px;
      margin-bottom: 20px;
  }

  .message-panel1 .zxy_yj {
      font-size: 18px;
      margin-bottom: 15px;
      background-size: 15px auto;
      padding-left: 23px;
  }

  .message-panel1 .text {
      max-width: 260px;
      font-size: 16px;
  }

  .message-panel1::after {
      width: 100px;
  }

  .message-wrap11 .item-panel1 input[type='text'] {
      height: 39px;
  }
}

@media screen and (min-width: 425px) {
  .service-list li {
      padding-left:35%;
  }

  .message-wrap11 .item-panel1 input[type='text'] {
      height: 36px;
      font-size: 14px;
  }

  .message-panel1 h2 {
      font-size: 26px;
      margin-bottom: 30px;
  }

  .message-panel1 .zxy_yj {
      font-size: 18px;
      margin-bottom: 15px;
      background-size: 15px auto;
      padding-left: 23px;
  }

  .message-panel1 .text {
      max-width: 310px;
  }

  .message-panel1::after {
      width: 140px;
  }

  .message-wrap11 .item-panel1 {
      margin-top: 22px;
  }

  .item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color: #2b4574;
      font-size: 14px;
      font-weight: normal;
  }

  .service-list li dl {
      width: 64px;
  }

  .service-list li dl dt {
      height: 64px;
  }

  .service-list li dl dt span {
      width: 64px;
      height: 64px;
  }

  .service-list li dl dt span strong {
      width: 32px;
      height: 32px;
      font-size: 18px;
      line-height: 32px;
      top: 16px;
      right: -124px;
  }

  .service-list li dl dt span i {
      right: -20px;
  }

  .service-list li dl dt span em {
      right: -42px;
  }

  .service-list li dl dt span b {
      right: -68px;
  }

  .service-list li dl dd {
      margin: 10px 0 10px -120px;
  }

  .service-list li dl dd span {
      line-height: 24px;
      font-size: 16px;
  }

  .model-04 .wrap .blog-title h2 {
      line-height: 56px;
      font-size: 48px;
  }

  .blog-list-fst > li .blog-link ul li span {
      font-size: 16px;
      line-height: 36px;
      border-radius: 36px;
      padding: 0 20px;
  }

  .blog-list-fst > li .blog-link ul li a {
      width: 36px;
      height: 36px;
  }

  .blog-list-fst > li .blog-panel > span {
      height: 20px;
      line-height: 20px;
      font-size: 16px;
  }

  .blog-list-fst > li .blog-panel p {
      line-height: 24px;
      font-size: 16px;
      margin-top: 15px;
  }

  .blog-list-fst > li .date p {
      line-height: 52px;
      padding: 0 15px;
  }

  .blog-list-fst > li .date p strong {
      font-size: 32px;
  }

  .blog-list-fst > li .date p em {
      font-size: 14px;
  }

  .blog-list-fst > li .date p b {
      font-size: 20px;
  }

  .blog-list-fst > li .date p span {
      font-size: 14px;
  }

  .blog-list-fst > li .date p i {
      font-size: 16px;
  }

  .product-wrapper .wrap .main-content ul li .p-wrap {
      padding-right: 60px;
  }

  .product-wrapper .wrap .main-content ul li .p-wrap a.a-link {
      display: block;
  }

  .pro_lists ul li a {
      font-size: 14px;
      line-height: 24px;
      padding: 0 13px;
      border-radius: 24px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 15px;
  }
}

@media screen and (min-width: 550px) {
  .message-wrap11 .item-panel1 input[type='text'] {
      height: 42px;
  }

  .message-panel1 .text {
      max-width: 400px;
  }

  .message-panel1::after {
      width: 140px;
  }

  .message-panel1 h2 {
      font-size: 30px;
      margin-bottom: 35px;
  }

  .message-wrap11 .item-panel1 {
      margin-top: 32px;
  }

  .item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }
}

@media screen and (min-width: 640px) {
  .header {
      padding-left:65px;
  }

  .message-panel1 .text {
      max-width: 500px;
  }

  .item-panel1 input:-moz-placeholder,textarea:-moz-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input::-moz-placeholder,textarea::-moz-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input:-ms-input-placeholder,textarea:-ms-input-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .item-panel1 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color: #2b4574;
      font-size: 16px;
      font-weight: normal;
  }

  .header a + a {
      margin-left: 70px;
  }

  .banner .wrap dl dt {
      line-height: 48px;
      font-size: 32px;
  }

  .banner .wrap dl dd {
      line-height: 32px;
      font-size: 18px;
  }

  .about-font {
      padding-left: 10%;
      padding-right: 10%;
      padding-bottom: 20px;
  }

  .about-font h2 {
      line-height: 56px;
      font-size: 36px;
      padding-bottom: 20px;
      margin-bottom: 20px;
  }

  .about-font p {
      padding: 0 40% 0 0;
      line-height: 28px;
      font-size: 16px;
  }

  .about-font p a {
      margin-top: 30px;
  }

  .about-font .num-list {
      padding: 40px 10% 20px 0;
      top: 0;
      width: 44%;
  }

  .about-font .num-list > i {
      right: 25.2%;
  }

  .about-font .num-list dl dt {
      font-size: 36px;
      line-height: 48px;
      padding-right: 40px;
  }

  .about-font .num-list dl dd {
      padding-right: 40px;
      line-height: 20px;
      font-size: 14px;
  }

  .swiper-about .swiper-slide a > span,.swiper-about .swiper-slide > span > span,.swiper-about .swiper-slide > div > span {
      width: 75%;
      right: 0;
      bottom: 0;
      height: 36px;
      line-height: 36px;
  }

  .swiper-about .swiper-pagination {
      width: 22%;
      height: 48px;
      line-height: 48px;
      font-size: 36px;
      left: 16%;
      bottom: 24%;
  }

  .swiper-about .swiper-pagination .swiper-pagination-current {
      font-size: 46px;
  }

  .swiper-about .swiper-pagination .swiper-pagination-current:before {
      width: 56px;
      height: 15px;
  }

  .swiper-partner .swiper-slide {
      width: 33.333333%;
  }

  .swiper-partner .swiper-slide dl dt {
      height: 96px;
      width: 100%;
  }

  .swiper-partner .swiper-slide dl dt img {
      height: 96px;
      width: auto;
  }

  .swiper-partner .swiper-slide dl dd {
      margin-top: 16px;
      height: 36px;
      line-height: 36px;
      font-size: 18px;
  }

  .model-02 .pro-item .item-info .item-data h2 {
      margin-bottom: 20px;
      line-height: 36px;
      font-size: 32px;
  }

  .model-02 .pro-item .item-info .item-data h2 + p {
      margin-bottom: 10px;
  }

  .model-02 .pro-item .item-info .item-data p {
      line-height: 28px;
      font-size: 16px;
  }

  .model-02 .pro-item .item-info .item-data p strong {
      font-size: 18px;
  }

  .model-02 .pro-item .item-info .item-data p span {
      font-size: 14px;
      line-height: 24px;
  }

  .model-02 .pro-more {
      margin-top: 30px;
  }

  .model-02 .pro-more a {
      width: 180px;
      height: 54px;
      line-height: 54px;
      border-radius: 54px;
      font-size: 25px;
  }

  .model-06 {
      padding: 40px 0 30px;
  }

  .model-06 dl dt {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 20px;
  }

  .nav-panel ul.wap-nav {
      padding: 40px 20px 0;
      text-align: center;
  }

  .nav-panel ul.wap-nav li {
      margin: 0 4px 20px;
  }

  .nav-panel ul.wap-nav li a {
      padding: 0 6px;
      height: 38px;
      line-height: 36px;
      font-size: 16px;
      border-bottom: 2px solid #ffffff;
  }

  .nav-panel ul.wap-nav li.on a,.nav-panel ul.wap-nav li a:hover {
      font-size: 16px;
      border-bottom: 2px solid #034752;
  }

  .model-03 .wrap .service-info h3 {
      height: 36px;
      line-height: 36px;
      font-size: 30px;
  }

  .service-list {
      padding: 30px 0;
      background: url("../images/index_bg_03.jpg") center top no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }

  .service-list li {
      padding-left: 36%;
  }

  .service-list li dl {
      width: 82px;
  }

  .service-list li dl dt {
      height: 82px;
  }

  .service-list li dl dt span {
      width: 82px;
      height: 82px;
  }

  .service-list li dl dt span strong {
      width: 40px;
      height: 40px;
      font-size: 25px;
      line-height: 40px;
      top: 21px;
      right: -156px;
  }

  .service-list li dl dt span i {
      margin-top: -2px;
      right: -28px;
  }

  .service-list li dl dt span em {
      margin-top: -3px;
      right: -58px;
  }

  .service-list li dl dt span b {
      margin-top: -5px;
      right: -92px;
  }

  .service-list li dl dd {
      margin: 10px 0 10px -120px;
  }

  .service-list li dl dd span {
      line-height: 24px;
      font-size: 16px;
  }

  .model-04 .wrap .blog-title h2 {
      line-height: 64px;
      font-size: 56px;
  }

  .tab-img .sm-img:before,.tab-img .sm-img:after {
      display: block;
  }

  .tab-img > span {
      display: block;
      font-size: 36px;
      line-height: 48px;
      color: #034752;
      font-weight: bold;
      text-transform: uppercase;
      float: left;
      margin-top: 29px;
      margin-left: 20px;
  }

  .tab-img .sm-img {
      width: auto;
  }

  .tab-img .sm-img ul {
      height: 61px;
      padding-top: 4px;
  }

  .tab-img .sm-img ul li {
      width: 65px;
      float: left;
      height: 41px;
      margin-top: 6px;
      vertical-align: middle;
  }

  .tab-img .sm-img ul li.on {
      width: 85px;
      height: 53px;
      margin-top: 0px;
  }

  .productDetail-page .article-banner .article-img {
      padding: 0 20%;
  }

  .productDetail-page .article-banner .article-info h1 {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 36px;
      line-height: 48px;
  }

  .productDetail-page .article-banner .article-info > p {
      line-height: 28px;
      font-size: 16px;
      margin-bottom: 20px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p {
      line-height: 28px;
      font-size: 16px;
      margin-top: 20px;
      padding-left: 65px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p:before {
      top: 6px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p strong {
      font-size: 20px;
      line-height: 28px;
  }

  .productDetail-page .article-banner > h2 {
      margin-top: 30px;
  }

  .productDetail-page .article-banner > h2 span {
      height: 56px;
      line-height: 56px;
      font-size: 52px;
  }

  .productDetail-page .article-banner > h2 span:before {
      height: 20px;
  }

  .productDetail-page .article-banner > h2 i {
      height: 56px;
      line-height: 56px;
      font-size: 96px;
      bottom: 20px;
  }

  .productDetail-page .article-banner > p {
      line-height: 30px;
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 20px;
      padding-right: 20px;
  }

  .product-wrapper .wrap {
      margin-top: -110px;
  }

  .blog-page .article-banner {
      padding-top: 80px;
      padding-bottom: 100px;
      padding-left: 10.7%;
  }

  .blog-page .article-banner h2 {
      margin-top: 30px;
      margin-bottom: 20px;
      line-height: 48px;
      font-size: 32px;
  }

  .blog-page .article-banner p {
      font-size: 16px;
      line-height: 30px;
  }

  .blogDetail-page .article-banner {
      padding-top: 80px;
      padding-bottom: 60px;
      padding-left: 10.7%;
  }

  .breadcrumb {
      height: 32px;
      line-height: 32px;
      padding: 0 15px;
      border-radius: 32px;
      font-size: 16px;
  }

  .breadcrumb a,.breadcrumb span {
      font-size: 16px;
      line-height: 32px;
  }

  .blog-list-fst > li .blog-link {
      padding-top: 30px;
  }

  .blog-list-fst > li .blog-link ul li {
      margin-right: 20px;
  }

  .blog-list-fst > li .blog-link ul li span {
      font-size: 16px;
      line-height: 48px;
      border-radius: 48px;
      padding: 0 20px;
  }

  .blog-list-fst > li .blog-link ul li a {
      width: 48px;
      height: 48px;
  }

  .blog-list-fst > li .blog-panel > span {
      height: 20px;
      line-height: 20px;
      font-size: 18px;
  }

  .blog-list-fst > li .blog-panel p {
      line-height: 32px;
      font-size: 16px;
      margin-top: 20px;
  }

  .blog-list-fst > li .blog-panel .more-link {
      margin-top: 20px;
  }

  .blog-list-fst > li .date p {
      line-height: 64px;
      padding: 0 20px;
  }

  .blog-list-fst > li .date p strong {
      font-size: 36px;
  }

  .blog-list-fst > li .date p em {
      font-size: 16px;
  }

  .blog-list-fst > li .date p b {
      font-size: 24px;
  }

  .blog-list-fst > li .date p span {
      font-size: 16px;
  }

  .blog-list-fst > li .date p i {
      font-size: 18px;
  }

  .message-panel {
      padding: 30px 0 50px;
  }

  .message-panel .wrap {
      padding: 0 6.4%;
  }

  .message-panel .wrap > h2 {
      line-height: 40px;
      font-size: 28px;
  }

  .message-panel .wrap > p {
      line-height: 36px;
      font-size: 16px;
      margin: 20px 0 30px;
  }

  .swiper-wrap {
      padding: 60px 0 40px 0;
  }

  .swiper-wrap .swiper-container .swiper-slide {
      padding: 0 10%;
  }

  .swiper-wrap .swiper-container .swiper-slide .item-info {
      padding: 0 10%;
      width: 100%;
  }

  .article-content {
      padding-bottom: 50px;
  }

  .article-content .blog-content .keyword span {
      font-size: 16px;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
  }

  .article-content .blog-content h1 {
      line-height: 36px;
      font-size: 28px;
  }

  .article-content .blog-content p {
      margin-top: 20px;
      line-height: 24px;
      font-size: 14px;
  }

  .article-content .blog-content p b:before {
      top: 11px;
  }

  .article-content .blog-content ul {
      margin-top: 20px;
  }

  .article-content .blog-content ul li {
      clear: both;
      font-size: 14px;
      color: #5a5a5a;
      line-height: 24px;
      padding: 5px 0px;
      list-style: disc;
  }

  .article-content .blog-content h3 {
      margin-top: 20px;
      font-size: 28px;
      line-height: 36px;
  }

  .article-content .blog-content h4 {
      font-size: 24px;
      line-height: 32px;
      margin-top: 20px;
      padding-left: 30px;
  }

  .article-content .blog-content h4:before {
      width: 10px;
      height: 4px;
      top: 14px;
  }

  .article-content .blog-content .font-title {
      margin: 20px 0;
      padding: 20px 30px 20px 20px;
  }

  .article-content .blog-content .font-title:before {
      width: 40px;
      left: -20px;
  }

  .article-content .blog-content .font-title p {
      font-size: 20px;
      line-height: 28px;
  }

  .pro-article h3 {
      margin-top: 20px;
      font-size: 36px;
      line-height: 48px;
  }

  .pro-article h4 {
      margin-top: 20px;
      font-size: 24px;
      line-height: 32px;
  }

  .pro-article p {
      margin-top: 20px;
      font-size: 14px;
      line-height: 28px;
  }

  .pro-article .main-wrapper > ul > li {
      margin-top: 20px;
      padding-left: 40px;
  }

  .pro-article .main-wrapper > ul > li:before {
      width: 15px;
      height: 4px;
      left: 0;
      top: 13px;
  }

  .pro-article .main-wrapper > ul > li h5 {
      line-height: 30px;
      font-size: 16px;
  }

  .pro-article .main-wrapper > ul > li p {
      line-height: 28px;
      font-size: 14px;
  }

  .price-panel {
      margin-top: 40px;
      padding: 30px 30px 20px 40px;
  }

  .price-panel h3 {
      font-size: 36px;
      height: 48px;
      top: -20px;
      line-height: 48px;
  }

  .price-panel h3 span {
      font-size: 36px;
      width: 40px;
      line-height: 58px;
  }

  .price-panel p {
      font-size: 14px;
      line-height: 28px;
  }

  .price-panel p strong {
      font-size: 16px;
  }

  .case-panel {
      margin-top: 20px;
  }

  .case-panel h3 {
      margin-top: 30px;
      font-size: 36px;
      line-height: 48px;
  }

  .case-panel h4 {
      margin-top: 30px;
      font-size: 24px;
      line-height: 32px;
  }

  .case-panel .case-info {
      margin-top: 30px;
  }

  .case-panel .case-info .case-img dl {
      width: 140px;
      height: 140px;
      padding-top: 20px;
      top: 10%;
  }

  .case-panel .case-info .case-img dl:after {
      width: 48px;
      height: 48px;
      line-height: 48px;
      font-size: 36px;
      right: -20px;
      top: 10px;
  }

  .case-panel .case-info .case-img dl dt {
      margin: 10px 0;
      font-size: 18px;
      line-height: 24px;
  }

  .case-panel .case-info .case-img dl dt:before {
      bottom: -15px;
  }

  .case-panel .case-info .case-img dl dd {
      padding-top: 10px;
      line-height: 24px;
      font-size: 14px;
  }

  .case-panel .case-info .case-data {
      padding: 20px;
  }

  .case-panel .case-info .case-data p {
      font-size: 14px;
      line-height: 24px;
  }

  .case-panel .case-info .case-data span {
      font-size: 14px;
      line-height: 24px;
  }

  .case-panel > dl dt {
      margin-top: 20px;
      height: 50px;
  }

  .case-panel > dl dd {
      padding: 20px;
  }

  .case-panel > dl dd span {
      font-size: 14px;
      line-height: 20px;
  }

  .parameter-panel h3 {
      margin-top: 30px;
      font-size: 36px;
      line-height: 48px;
  }

  .parameter-panel .parameter-table {
      margin: 20px 0 20px;
  }

  .tab-panel .hd ul li {
      margin-top: 20px;
      margin-right: 20px;
      height: 48px;
  }

  .tab-panel .hd ul li span {
      height: 48px;
      line-height: 44px;
      font-size: 16px;
      border-radius: 48px;
  }

  .tab-panel .bd {
      margin-top: 20px;
  }

  .tab-panel .bd > p {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 5px;
      line-height: 24px;
  }

  .tab-panel .bd .tab-content > p {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 5px;
      line-height: 24px;
  }

  .single-param > p {
      line-height: 24px;
      font-size: 16px;
  }

  .service-panel {
      margin-top: 45px;
      margin-bottom: 0;
  }

  .service-panel h3 {
      font-size: 36px;
      line-height: 48px;
  }

  .service-panel .service-info {
      width: 100%;
  }

  .service-panel .service-info > p {
      font-size: 16px;
      line-height: 24px;
  }

  .back-top {
      width: 48px;
      height: 48px;
      bottom: 100px;
  }

  .model-02 .pro-item .item-img a:before {
      border: none;
      width: 70%;
      height: 80%;
      top: 20px;
      left: 20%;
      background: url(../images/index_pro_bg_01.jpg) center center/100% 100% no-repeat;
      -webkit-box-shadow: 10px 10px 20px rgba(61,61,61,.3);
      -moz-box-shadow: 10px 10px 20px rgba(61,61,61,.3);
      box-shadow: 10px 10px 20px rgba(61,61,61,.3)
  }

  .model-02 .pro-item + .pro-item .item-img a:before {
      background: url(../images/index_pro_bg_02.jpg) center center/100% 100% no-repeat;
      -webkit-box-shadow: 10px 10px 20px rgba(61,61,61,.3);
      -moz-box-shadow: 10px 10px 20px rgba(61,61,61,.3);
      box-shadow: 10px 10px 20px rgba(61,61,61,.3)
  }

  .model-02 .pro-item .item-img {
      margin-bottom: 0;
  }

  .model-02 .pro-item + .pro-item .item-img a {
      padding-top: 0;
  }

  .productDetail-page .article-banner > h2::before {
      width: 139px;
      height: 200px;
      right: 25px;
      bottom: -15px;
  }

  .pro_lists ul li a {
      font-size: 20px;
      line-height: 38px;
      padding: 0 16px;
      border-radius: 38px;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-right: 15px;
  }
}

@media screen and (min-width: 750px) {
  .banner > span img {
      width:100%;
      height: auto;
  }

  .pro_lists ul li a {
      font-size: 24px;
      line-height: 42px;
      padding: 0 16px;
      border-radius: 42px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 15px;
  }

  .productDetail-page .article-banner > h2::before {
      width: 180px;
      height: 207px;
      right: 25px;
      bottom: -30px;
  }

  .pro_lists ul li a {
      font-size: 24px;
      color: #42619a;
      line-height: 42px;
      display: block;
      padding: 0 15px;
      border-radius: 42px;
      border: solid 1px #2d559e;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-right: 18px;
      font-weight: normal;
      font-weight: bold;
  }

  .banner .wrap dl dt {
      line-height: 52px;
      font-size: 48px;
  }

  .banner .wrap dl dd {
      line-height: 36px;
      font-size: 22px;
  }

  .about-font {
      padding-right: 0;
      padding-bottom: 20px;
  }

  .about-font h2 {
      line-height: 64px;
      font-size: 48px;
      padding-bottom: 20px;
      margin-bottom: 20px;
  }

  .about-font p {
      padding: 0 50% 0 1%;
      line-height: 28px;
      font-size: 16px;
  }

  .about-font p a {
      margin-top: 30px;
  }

  .about-font .num-list {
      padding: 40px 100px 20px 0;
      top: 0;
      width: 44%;
  }

  .about-font .num-list > i {
      right: 107px;
  }

  .about-font .num-list dl dt {
      font-size: 48px;
      line-height: 56px;
      padding-right: 50px;
  }

  .about-font .num-list dl dd {
      padding-right: 50px;
      line-height: 24px;
      font-size: 16px;
  }

  .nav-panel ul.wap-nav {
      padding: 40px 20px 0;
  }

  .nav-panel ul.wap-nav li {
      margin: 0 6px 20px;
  }

  .nav-panel ul.wap-nav li a {
      padding: 0 8px;
      height: 52px;
      line-height: 48px;
      font-size: 18px;
      border-bottom: 4px solid #ffffff;
  }

  .nav-panel ul.wap-nav li.on a,.nav-panel ul.wap-nav li a:hover {
      font-size: 18px;
      border-bottom: 4px solid #034752;
  }

  .swiper-about .swiper-slide a > span,.swiper-about .swiper-slide > span > span,.swiper-about .swiper-slide > div > span {
      right: 0;
      bottom: 0;
      ;height: 48px;
      line-height: 48px;
  }

  .model-02 .pro-item .item-info {
      min-height: 300px;
  }

  .model-02 .pro-item .item-info .item-title {
      display: block;
  }

  .model-02 .pro-item .item-info .item-data {
      width: 80%;
  }

  .model-03 {
      background: url("../images/index_bg_03.jpg") center 88px no-repeat;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
  }

  .model-03 .wrap .service-info {
      width: 50%;
      float: right;
      padding: 20% 2% 30px 2%;
  }

  .model-03 .wrap .service-info h3 {
      height: 48px;
      line-height: 48px;
      font-size: 36px;
      margin-bottom: 20px;
  }

  .model-03 .wrap .service-info ul {
      width: 100%;
  }

  .model-03 .wrap .service-info ul li {
      font-size: 14px;
  }

  .model-04 .wrap .blog-title {
      width: 150px;
      padding-top: 100px;
      top: 30px;
      position: absolute;
      z-index: 0;
  }

  .model-04 .wrap .blog-title h2 {
      line-height: 72px;
      font-size: 70px;
      text-align: left;
  }

  .model-04 .wrap .blog-title span {
      display: inline-block;
  }

  .model-04 .wrap .blog-news {
      padding-bottom: 80px;
  }

  .model-04 .wrap .blog-news > i {
      left: 210px;
  }

  .model-04 .wrap .blog-news .blog-list {
      padding-top: 140px;
  }

  .model-04 .wrap .blog-news .blog-list li {
      padding-left: 300px;
      margin-bottom: 40px;
  }

  .model-04 .wrap .blog-news .blog-list li > i {
      left: 203px;
      bottom: 27px;
  }

  .model-04 .wrap .blog-news .blog-list li > dl {
      width: 170px;
      padding: 0 20px;
      bottom: -60px;
  }

  .model-04 .wrap .blog-news .blog-list li > dl dt {
      width: 96px;
      height: 96px;
      border: 2px solid #ffffff;
      -webkit-box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
      -moz-box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
      -o-box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
      box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
  }

  .model-04 .wrap .blog-news .blog-list li > dl dd {
      height: auto;
      line-height: 32px;
      font-size: 20px;
      margin-top: 16px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content:before {
      bottom: 27px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content dl {
      padding: 20px 70px 15px 50px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content dl dt {
      height: 44px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content dl dt a {
      line-height: 22px;
      font-size: 18px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content dl dd {
      height: 44px;
      line-height: 22px;
      font-size: 14px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content .time-panel {
      padding: 17px 70px 17px 50px;
      height: 70px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content .time-panel span {
      font-size: 14px;
      margin-right: 12px;
  }

  .model-04 .wrap .blog-news .blog-list li .news-content .time-panel strong {
      font-size: 32px;
  }

  .service-list {
      padding: 0;
      margin-top: 60px;
      margin-bottom: 20px;
      background-size: initial;
      background: none;
      width: 50%;
      float: left;
      display: block;
  }

  .service-list li {
      padding-left: 25%;
  }

  .service-list li dl {
      width: 82px;
  }

  .service-list li dl dt {
      height: 82px;
  }

  .service-list li dl dt span {
      width: 82px;
      height: 82px;
  }

  .service-list li dl dd {
      margin: 10px 0 10px -120px;
  }

  .service-list li dl dd span {
      line-height: 24px;
      font-size: 18px;
  }

  .pro-article h3 {
      margin-top: 20px;
      font-size: 48px;
      line-height: 56px;
  }

  .pro-article h4 {
      margin-top: 30px;
      font-size: 28px;
      line-height: 36px;
  }

  .pro-article p {
      margin-top: 20px;
      font-size: 16px;
      line-height: 32px;
  }

  .pro-article .main-wrapper > ul > li {
      margin-top: 30px;
      padding-left: 45px;
  }

  .pro-article .main-wrapper > ul > li:before {
      width: 20px;
      height: 4px;
      left: 4px;
      top: 14px;
  }

  .pro-article .main-wrapper > ul > li h5 {
      line-height: 32px;
      font-size: 18px;
  }

  .pro-article .main-wrapper > ul > li p {
      line-height: 32px;
      font-size: 16px;
  }

  .blog-page .article-banner h2 {
      margin-top: 30px;
      margin-bottom: 20px;
      line-height: 48px;
      font-size: 36px;
  }

  .breadcrumb {
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      border-radius: 40px;
      font-size: 14px;
  }

  .breadcrumb a,.breadcrumb span {
      font-size: 14px;
      line-height: 40px;
  }

  .blog-list-fst > li .blog-link {
      padding-top: 30px;
  }

  .blog-list-fst > li .blog-link ul li {
      margin-right: 20px;
  }

  .blog-list-fst > li .blog-link ul li span {
      font-size: 18px;
      line-height: 58px;
      border-radius: 58px;
      padding: 0 20px;
  }

  .blog-list-fst > li .blog-link ul li a {
      width: 58px;
      height: 58px;
  }

  .blog-list-fst > li .blog-panel {
      padding-left: 9%;
      padding-right: 9%;
  }

  .blog-list-fst > li .blog-panel .img-link span {
      width: 70px;
      height: 70px;
      left: -35px;
      margin-top: -35px;
  }

  .blog-list-fst > li .blog-panel .title-link {
      line-height: 42px;
      font-size: 32px;
      margin-top: 40px;
  }

  .blog-list-fst > li .blog-panel > span {
      height: 24px;
      line-height: 24px;
      font-size: 18px;
  }

  .blog-list-fst > li .blog-panel p {
      line-height: 36px;
      font-size: 16px;
      margin-top: 20px;
      display: block;
  }

  .blog-list-fst > li .blog-panel .more-link {
      margin-top: 30px;
  }

  .blog-list-fst > li .date p {
      line-height: 76px;
  }

  .blog-list-fst > li .date p strong {
      font-size: 42px;
  }

  .blog-list-fst > li .date p em {
      font-size: 18px;
  }

  .blog-list-fst > li .date p b {
      font-size: 28px;
  }

  .blog-list-fst > li .date p span {
      font-size: 18px;
  }

  .blog-list-fst > li .date p i {
      font-size: 22px;
  }

  .blog-list-fst > li + li {
      margin-top: 30px;
  }

  .blog-bg {
      padding-bottom: 30px;
  }

  .page {
      padding: 30px 20px;
  }

  .page a,.page span {
      height: 32px;
      line-height: 30px;
      font-size: 16px;
      padding: 0 12px;
      margin-left: 10px;
  }

  .message-panel {
      padding: 40px 0 60px;
  }

  .message-panel .wrap > h2 {
      line-height: 48px;
      font-size: 32px;
  }

  .message-panel .wrap > p {
      line-height: 40px;
      font-size: 22px;
      margin: 30px 0 50px;
  }

  .message-panel .wrap .message-wrap .message-form h3 {
      height: 40px;
      line-height: 40px;
      font-size: 24px;
  }

  .message-panel .wrap .message-wrap .message-form .item-panel input[type='text'] {
      width: 46%;
      float: left;
      font-size: 16px;
  }

  .message-panel .wrap .message-wrap .message-form .item-panel input + input {
      margin-left: 8%;
      margin-top: 0;
  }

  .message-panel .wrap .message-wrap .message-form .item-panel > p {
      font-size: 16px;
  }

  .message-panel .wrap .message-wrap .message-form .item-panel textarea {
      line-height: 24px;
      font-size: 16px;
  }

  .message-panel .wrap .message-wrap .message-form .item-panel > a,.message-panel .wrap .message-wrap .message-form .item-panel input[type='button'],.message-panel .wrap .message-wrap .message-form .item-panel input[type='submit'] {
      font-size: 16px;
  }

  .productDetail-page .article-banner .article-img {
      padding: 0 25%;
  }

  .productDetail-page .article-banner .article-info h1 {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 48px;
      line-height: 56px;
  }

  .productDetail-page .article-banner .article-info > p {
      line-height: 28px;
      font-size: 16px;
      margin-bottom: 20px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p {
      line-height: 28px;
      font-size: 16px;
      margin-top: 20px;
      padding-left: 65px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p:before {
      top: 6px;
  }

  .productDetail-page .article-banner .article-info .cs-panel > p strong {
      font-size: 20px;
      line-height: 28px;
  }

  .productDetail-page .article-banner > h2 {
      margin-top: 30px;
      padding-bottom: 0;
  }

  .productDetail-page .article-banner > h2 span {
      height: 56px;
      line-height: 56px;
      font-size: 52px;
  }

  .productDetail-page .article-banner > h2 span:before {
      height: 20px;
  }

  .productDetail-page .article-banner > h2 i {
      height: 56px;
      line-height: 56px;
      font-size: 96px;
      bottom: 20px;
  }

  .productDetail-page .article-banner > p {
      line-height: 30px;
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 20px;
      padding-right: 20%;
  }

  .product-wrapper .wrap .main-content ul li {
      margin-left: 4%;
      margin-top: 60px;
      width: 44%;
      padding: 0 5% 30px;
      float: left;
  }

  .product-wrapper .wrap .main-content ul li a.title-link {
      height: 56px;
      line-height: 28px;
      font-size: 20px;
      margin-top: 20px;
      margin-bottom: 5px;
  }

  .product-wrapper .wrap .main-content ul li .p-wrap {
      padding-right: 60px;
      display: block
  }

  .product-wrapper .wrap .main-content ul li .p-wrap p {
      height: 44px;
      line-height: 22px;
      font-size: 16px;
      margin-top: 15px;
  }

  .product-wrapper .wrap .main-content ul li .p-wrap a.a-link {
      width: 52px;
      height: 52px;
      margin-top: -45px;
  }

  .article-content {
      padding-bottom: 70px;
  }

  .article-content .blog-content .keyword span {
      font-size: 18px;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
  }

  .article-content .blog-content h1 {
      line-height: 48px;
      font-size: 36px;
  }

  .article-content .blog-content p {
      margin-top: 30px;
      line-height: 32px;
      font-size: 16px;
  }

  .article-content .blog-content p b:before {
      top: 13px;
      width: 15px;
  }

  .article-content .blog-content ul {
      margin-top: 30px;
  }

  .article-content .blog-content ul li {
      font-size: 16px;
      line-height: 32px;
      padding: 5px 0px;
  }

  .article-content .blog-content h3 {
      margin-top: 40px;
      font-size: 36px;
      line-height: 48px;
  }

  .article-content .blog-content h4 {
      font-size: 28px;
      line-height: 36px;
      margin-top: 30px;
      padding-left: 40px;
  }

  .article-content .blog-content h4:before {
      width: 20px;
      height: 4px;
      top: 16px;
  }

  .article-content .blog-content .font-title {
      margin: 30px 0;
      padding: 30px 40px 30px 20px;
  }

  .article-content .blog-content .font-title:before {
      width: 50px;
      left: -25px;
  }

  .article-content .blog-content .font-title p {
      font-size: 24px;
      line-height: 32px;
  }

  .price-panel {
      margin-top: 50px;
      padding: 30px 30px 20px 40px;
  }

  .price-panel h3 {
      font-size: 48px;
      height: 56px;
      top: -26px;
      line-height: 56px;
  }

  .price-panel h3 span {
      font-size: 48px;
      width: 50px;
      line-height: 56px;
  }

  .price-panel p {
      font-size: 16px;
      line-height: 32px;
  }

  .price-panel p strong {
      font-size: 18px;
  }

  .case-panel {
      margin-top: 20px;
  }

  .case-panel h3 {
      margin-top: 40px;
      font-size: 48px;
      line-height: 56px;
  }

  .case-panel h4 {
      margin-top: 40px;
      font-size: 28px;
      line-height: 36px;
  }

  .case-panel .case-info {
      margin-top: 40px;
  }

  .case-panel .case-info .case-img dl {
      width: 160px;
      height: 160px;
      padding-top: 30px;
  }

  .case-panel .case-info .case-img dl:after {
      width: 64px;
      height: 64px;
      line-height: 64px;
      font-size: 48px;
      right: -30px;
      top: 10px;
  }

  .case-panel .case-info .case-img dl dt {
      margin: 10px 0;
      font-size: 24px;
      line-height: 32px;
  }

  .case-panel .case-info .case-img dl dd {
      padding-top: 10px;
      line-height: 32px;
      font-size: 14px;
  }

  .case-panel .case-info .case-data {
      padding: 20px;
  }

  .case-panel .case-info .case-data p {
      font-size: 16px;
      line-height: 32px;
  }

  .case-panel .case-info .case-data span {
      font-size: 16px;
      line-height: 32px;
  }

  .case-panel > dl dt {
      margin-top: 20px;
      height: 88px;
  }

  .case-panel > dl dd {
      padding: 20px 20px 30px 20px;
  }

  .case-panel > dl dd span {
      font-size: 16px;
      line-height: 24px;
  }

  .parameter-panel h3 {
      margin-top: 30px;
      font-size: 48px;
      line-height: 56px;
  }

  .parameter-panel .parameter-table {
      margin: 20px 0 20px;
  }

  .tab-panel .hd ul li {
      margin-top: 20px;
      margin-right: 20px;
      height: 52px;
  }

  .tab-panel .hd ul li span {
      height: 52px;
      line-height: 48px;
      font-size: 16px;
      border-radius: 52px;
  }

  .tab-panel .bd {
      margin-top: 20px;
  }

  .tab-panel .bd > p {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 5px;
      line-height: 32px;
  }

  .tab-panel .bd .tab-content > p {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 5px;
      line-height: 32px;
  }

  .single-param > p {
      line-height: 32px;
      font-size: 18px;
  }

  .service-panel {
      margin-top: 45px;
      margin-bottom: 0;
  }

  .service-panel h3 {
      font-size: 48px;
      line-height: 56px;
  }

  .service-panel .service-info > p {
      font-size: 16px;
      line-height: 28px;
  }

  .back-top {
      width: 56px;
      height: 56px;
      bottom: 150px;
  }

  .model-03 .wrap > h2 {
      display: block;
  }

  .email-panel {
      display: block;
  }

  .hidemobile {
      display: block;
  }
}

.wrap,.nav-panel {
  width: 100%;
}

@keyframes marginLeftMove {
  0% {
      margin-left: -10px;
  }

  50% {
      margin-left: 0;
  }

  100% {
      margin-left: -10px;
  }
}

@-webkit-keyframes marginLeftMove {
  0% {
      margin-left: -10px;
  }

  50% {
      margin-left: 0;
  }

  100% {
      margin-left: -10px;
  }
}

@keyframes marginBottomMove {
  0% {
      margin-bottom: 10px;
  }

  50% {
      margin-bottom: 0;
  }

  100% {
      margin-bottom: 10px;
  }
}

@-webkit-keyframes marginBottomMove {
  0% {
      margin-bottom: 10px;
  }

  50% {
      margin-bottom: 0;
  }

  100% {
      margin-bottom: 10px;
  }
}

@keyframes marginTopMove {
  0% {
      margin-top: 10px;
  }

  50% {
      margin-top: 0;
  }

  100% {
      margin-top: 10px;
  }
}

@-webkit-keyframes marginTopMove {
  0% {
      margin-top: 10px;
  }

  50% {
      margin-top: 0;
  }

  100% {
      margin-top: 10px;
  }
}

@keyframes shake {
  0%,50% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
  }

  5%,15%,25%,35%,45% {
      transform: translateX(-0.05rem);
      -webkit-transform: translateX(-0.05rem);
      -moz-transform: translateX(-0.05rem);
      -o-transform: translateX(-0.05rem);
      -ms-transform: translateX(-0.05rem);
  }

  10%,20%,30%,40% {
      transform: translateX(0.05rem);
      -webkit-transform: translateX(0.05rem);
      -moz-transform: translateX(0.05rem);
      -o-transform: translateX(0.05rem);
      -ms-transform: translateX(0.05rem);
  }
}

@-o-keyframes shake {
  0%,50% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
  }

  5%,15%,25%,35%,45% {
      transform: translateX(-0.05rem);
      -webkit-transform: translateX(-0.05rem);
      -moz-transform: translateX(-0.05rem);
      -o-transform: translateX(-0.05rem);
      -ms-transform: translateX(-0.05rem);
  }

  10%,20%,30%,40% {
      transform: translateX(0.05rem);
      -webkit-transform: translateX(0.05rem);
      -moz-transform: translateX(0.05rem);
      -o-transform: translateX(0.05rem);
      -ms-transform: translateX(0.05rem);
  }
}

@-webkit-keyframes shake {
  0%,50% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
  }

  5%,15%,25%,35%,45% {
      transform: translateX(-0.05rem);
      -webkit-transform: translateX(-0.05rem);
      -moz-transform: translateX(-0.05rem);
      -o-transform: translateX(-0.05rem);
      -ms-transform: translateX(-0.05rem);
  }

  10%,20%,30%,40% {
      transform: translateX(0.05rem);
      -webkit-transform: translateX(0.05rem);
      -moz-transform: translateX(0.05rem);
      -o-transform: translateX(0.05rem);
      -ms-transform: translateX(0.05rem);
  }
}

@-moz-keyframes shake {
  0%,50% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
  }

  5%,15%,25%,35%,45% {
      transform: translateX(-0.05rem);
      -webkit-transform: translateX(-0.05rem);
      -moz-transform: translateX(-0.05rem);
      -o-transform: translateX(-0.05rem);
      -ms-transform: translateX(-0.05rem);
  }

  10%,20%,30%,40% {
      transform: translateX(0.05rem);
      -webkit-transform: translateX(0.05rem);
      -moz-transform: translateX(0.05rem);
      -o-transform: translateX(0.05rem);
      -ms-transform: translateX(0.05rem);
  }
}

#LRdiv0 {
  display: none!important;
}

body {
  padding-bottom: 1.33333rem;
}

.footer,.swt {
  display: none;
}

.pro-text .pro-message {
  display: block;
}

.productDetail-page,.product-info,.product-info .swt-panel,.font-phone {
  *zoom:1;}

.productDetail-page:before,.product-info:before,.product-info .swt-panel:before,.font-phone:before,.productDetail-page:after,.product-info:after,.product-info .swt-panel:after,.font-phone:after {
  content: "";
  display: table;
}

.productDetail-page:after,.product-info:after,.product-info .swt-panel:after,.font-phone:after {
  clear: both;
}

header {
  height: 1.57333rem;
  position: relative;
  padding: 0.46667rem 0 0.4rem;
  background-color: #fff;
  border-bottom: 0.06667rem solid #e69c36;
}

header > a {
  display: block;
  position: absolute;
  top: 0.46667rem;
  height: 0.64rem;
}

header > a.logo {
  left: 0.4rem;
  width: 1.78667rem;
  background: url(../images/logo2.png) left center/100% 100% no-repeat;
}

header > a.sub-nav {
  right: 0.4rem;
  width: 0.64rem;
  background: url(../images/nav_icon_01.png) center center/100% auto no-repeat;
}

.sub-nav-panel {
  display: none;
  width: 2.66667rem;
  position: absolute;
  right: 0;
  top: 1.57333rem;
  z-index: 1080;
  padding: 0.4rem 0;
  box-shadow: 0 0 0.13333rem rgba(0,0,0,0.2);
  border-radius: 0.26667rem;
  background: #fff;
}

.sub-nav-panel .sub-nav-list {
  width: 100%;
  position: relative;
  z-index: 1;
}

.sub-nav-panel .sub-nav-list li {
  width: 100%;
}

.sub-nav-panel .sub-nav-list li a {
  display: block;
  height: 1.01333rem;
  line-height: 1.01333rem;
  text-align: left;
  font-size: 0.37333rem;
  padding: 0 0.4rem;
  color: #333;
  text-transform: capitalize;
}

.sub-nav-panel.on {
  right: 0;
}

.productDetail-page {
  width: 100%;
  min-height: 6rem;
  overflow: inherit;
  margin-bottom: 1.06667rem;
}

.productDetail-page header {
  padding: 0.46667rem 0;
  background-color: transparent;
  border-bottom: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.productDetail-page header > a.logo {
  background: url(../images/logo1.png) left center/100% 100% no-repeat;
}

.productDetail-page header > a.sub-nav {
  background: url(../images/nav_icon.png) center center/100% auto no-repeat;
}

.productDetail-page .swiper-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 1.33333rem;
}

.productDetail-page .swiper-banner .swiper-slide {
  width: 100%;
  border-bottom-left-radius: 1.33333rem;
  overflow: hidden;
  position: relative;
  z-index: 20;
}

.productDetail-page .swiper-banner .swiper-slide > span {
  display: block;
  width: 100%;
  position: relative;
}

.productDetail-page .swiper-banner .swiper-slide > span:before,.productDetail-page .swiper-banner .swiper-slide > span:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
}

.productDetail-page .swiper-banner .swiper-slide > span:before {
  height: 3.33333rem;
  top: 0;
  background: url(../images/article_top_bg.png) left top/auto 100% repeat-x;
}

.productDetail-page .swiper-banner .swiper-slide > span:after {
  height: 2.66667rem;
  bottom: 0;
  background: url(../images/article_btm_bg.png) left bottom/auto 100% repeat-x;
}

.productDetail-page .swiper-banner .swiper-slide > span img {
  display: block;
  width: 100%;
}

.productDetail-page .swiper-banner .swiper-slide .font-panel {
  z-index: 30;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.57333rem;
  height: 1.12rem;
  background-color: #ea9500;
  border-top-right-radius: 1.12rem;
  border-bottom-right-radius: 1.12rem;
  padding: 0 0.4rem 0 0.53333rem;
  overflow: hidden;
}

.productDetail-page .swiper-banner .swiper-slide .font-panel p {
  display: block;
  float: left;
  font-size: 0.45333rem;
  line-height: 1.12rem;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

.productDetail-page .swiper-banner .swiper-slide .font-panel strong {
  display: block;
  float: left;
  margin-left: 0.26667rem;
  line-height: 1.12rem;
  padding-left: 0.53333rem;
  color: #fddda4;
  font-size: 0.29333rem;
  background: url(../images/icon_pic.jpg) left center/0.4rem 0.26667rem no-repeat;
}

.productDetail-page .swiper-banner > ul {
  width: 100%;
  height: 0.74667rem;
  position: absolute;
  right: 0;
  bottom: 0.13333rem;
  text-align: right;
  padding-right: 0.53333rem;
  z-index: 100;
}

.productDetail-page .swiper-banner > ul li {
  display: inline-block;
  height: 0.74667rem;
  padding-left: 0.37333rem;
  margin-left: 0.4rem;
  vertical-align: middle;
  line-height: 0.74667rem;
  font-size: 0.29333rem;
  color: #fff;
  position: relative;
}

.productDetail-page .swiper-banner > ul li:before {
  content: '';
  display: block;
  width: 0.21333rem;
  height: 0.21333rem;
  border-radius: 0.21333rem;
  border: 0.05333rem solid #ea9500;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0.26667rem;
}

.product-info {
  padding: 0.4rem;
}

.product-info .cs-panel {
  width: 100%;
  overflow: hidden;
  margin: 0 0 0.26667rem;
  position: relative;
}

.product-info .cs-panel:before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1px;
  background: #ea9500;
  background: -webkit-linear-gradient(#eff6ff,#ea9500,#eff6ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#eff6ff,#ea9500,#eff6ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#eff6ff,#ea9500,#eff6ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#eff6ff,#ea9500,#eff6ff);
  /* 标准的语法 */
}

.product-info .cs-panel p {
  display: block;
  width: 40%;
  float: left;
  margin: 0 5%;
  text-align: center;
}

.product-info .cs-panel p span {
  display: block;
  text-align: center;
  font-size: 0.37333rem;
  color: #000d3f;
  text-transform: capitalize;
  height: 0.66667rem;
  line-height: 0.66667rem;
  margin-top: 0.13333rem;
}

.product-info .cs-panel p strong {
  display: inline-block;
  font-size: 0.5rem;
  padding: 0 0.32rem;
  color: #ea9500;
  height: 0.89333rem;
  line-height: 0.90667rem;
  background: url(../images/lf_bg.png) left top no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

.product-info .cs-panel p + p strong {
  background: url(../images/rt_bg.png) right top no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

.product-info .des-panel {
  width: 100%;
  overflow: hidden;
  line-height: 0.61333rem;
  font-size: 0.37333rem;
  color: #ea9500;
  padding: 0 0.13333rem;
  margin-bottom: -1.06667rem;
}

.product-info .des-panel span {
  line-height: 0.61333rem;
  font-size: 0.37333rem;
  color: #000d3f;
}

.product-info .swt-panel {
  margin: 0.26667rem 0.13333rem 0;
  border-top: 0.08rem solid #b7c4da;
  background: #40629f;
  background: -webkit-linear-gradient(#034752,#00a0b9);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#034752,#00a0b9);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#034752,#00a0b9);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#034752,#00a0b9);
  /* 标准的语法 */
  border-radius: 0.4rem;
  position: relative;
  bottom: -1.2rem;
}

.product-info .email-panel {
  width: 100%;
  padding: 0.13333rem 0.4rem;
  line-height: 0.42667rem;
  font-size: 0.34667rem;
  color: #fff;
  margin: 0.26667rem 0 0.26667rem;
}

.product-info .email-panel a {
  color: #dc8e07;
  font-weight: bold;
  font-size: 0.42667rem;
}

.font-phone {
  margin: 0 0.26667rem 0.32rem 0.4rem;
  border: 1px dashed #7a93c5;
  height: 0.85333rem;
  border-radius: 0.85333rem;
  padding: 0 0 0 0.4rem;
}

.font-phone > span {
  display: block;
  float: left;
  line-height: 0.82667rem;
  font-size: 0.34667rem;
  color: #bdceee;
}

.font-phone a {
  display: block;
  float: right;
  height: 0.85333rem;
  width: 3.30667rem;
  position: relative;
  margin-top: -1px;
  margin-right: -1px;
}

.font-phone a:before {
  content: '';
  width: 0.82667rem;
  height: 0.82667rem;
  border-radius: 0.82667rem;
  background: url(../images/swt_pic.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  overflow: hidden;
  position: absolute;
  right: -0.18667rem;
  top: -0.45333rem;
  z-index: 2;
}

.font-phone a span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  line-height: 0.85333rem;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  background: #ea9500;
  background: -webkit-linear-gradient(left,#ea9500,#f7c30f);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#ea9500,#f7c30f);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#ea9500,#f7c30f);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#ea9500,#f7c30f);
  /* 标准的语法 */
  border-radius: 0.85333rem;
  -webkit-box-shadow: 0 0 0.13333rem rgba(255,255,255,0.9) inset,0.06667rem 0.06667rem 0.10667rem rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 0.13333rem rgba(255,255,255,0.9) inset,0.06667rem 0.06667rem 0.10667rem rgba(0,0,0,0.4);
  box-shadow: 0 0 0.13333rem rgba(255,255,255,0.9) inset,0.06667rem 0.06667rem 0.10667rem rgba(0,0,0,0.4);
}

.placeholder {
  width: 100%;
  height: 1.33333rem;
}

.mfooter {
  width: 100%;
  position: fixed;
  width: 10rem;
  height: 1.09333rem;
  background: url(../images/footer_swt.png) center bottom/100% auto no-repeat;
  bottom: 0;
  left: 50%;
  margin-left: -5rem;
  z-index: 1040;
}

.mfooter a {
  display: block;
  width: 50%;
  float: left;
  height: 100%;
  overflow: hidden;
  text-indent: -10000px;
}

.blog-banner {
  width: 100%;
  background-image: url(../images/blog_banner_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  height: 3.25333rem;
  padding: 0.4rem;
}

.article-content {
  padding: 0 0.4rem;
}

.blog-header {
  width: 100%;
  position: relative;
  margin-top: -1.2rem;
  padding: 0.53333rem 0.4rem 0.4rem 0.4rem;
}

.blog-header div, .blog-header h1 {
  position: relative;
  z-index: 1;
}

.blog-header h1 {
  font-size: 0.37333rem;
  font-weight: bold;
  color: #343333;
  line-height: 0.53333rem;
}

.blog-header .keyword {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -0.24rem;
  height: 0.50667rem;
  padding: 0 0.26667rem;
  line-height: 0.50667rem;
  border-radius: 0.06667rem 0.06667rem 0 0;
  color: #fff;
  font-size: 0.29333rem;
  background: #acc3eb;
  background: -webkit-linear-gradient(left, #8cade9, #acc3eb);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #8cade9, #acc3eb);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #8cade9, #acc3eb);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #8cade9, #acc3eb);
  /* 标准的语法 */
  -webkit-box-shadow: 0 0.06667rem 0.06667rem rgba(199, 218, 252, 0.75);
  -moz-box-shadow: 0 0.06667rem 0.06667rem rgba(199, 218, 252, 0.75);
  box-shadow: 0 0.06667rem 0.06667rem rgba(199, 218, 252, 0.75);
}

.blog-header .author {
  width: 100%;
  overflow: hidden;
  margin-top: 0.13333rem;
}

.blog-header .author span {
  display: block;
  float: left;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.26667rem;
  color: #a5a4a4;
  font-style: italic;
}

.blog-header .author span + span {
  float: right;
  font-style: inherit;
}

.blog-header:after {
  clear: both;
  content: '';
  display: table;
}

.blog-header:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0.66667rem 0 0.66667rem;
  -webkit-box-shadow: 0 0.04rem 0.09333rem rgba(183, 215, 233, 0.35);
  -moz-box-shadow: 0 0.04rem 0.09333rem rgba(183, 215, 233, 0.35);
  box-shadow: 0 0.04rem 0.09333rem rgba(183, 215, 233, 0.35);
  overflow: hidden;
  background-image: url(../images/blog_header_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.contact-info .info-list {
  *zoom:1;}

.contact-info .info-list:before,.contact-info .info-list:after {
  content: "";
  display: table;
}

.contact-info .info-list:after {
  clear: both;
}

.contact-info {
  padding: .4rem 0.4rem 0;
}

.contact-info .info-list {
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.contact-info .info-list li {
  display: block;
  padding-bottom: 0.53333rem;
  margin-bottom: 0.53333rem;
  position: relative;
}

.contact-info .info-list li:after {
  content: '';
  display: block;
  width: 30%;
  height: 0.10667rem;
  border-radius: 0.05333rem;
  background: #f39800;
  position: absolute;
  bottom: 0;
  left: 35%;
}

.contact-info .info-list li .item-content {
  width: 100%;
  position: relative;
  border-radius: 0.13333rem;
  -webkit-box-shadow: 0 5px 5px rgba(97,119,178,0.4);
  -moz-box-shadow: 0 5px 5px rgba(97,119,178,0.4);
  box-shadow: 0 5px 5px rgba(97,119,178,0.4);
}

.contact-info .info-list li .item-content img {
  display: block;
  width: 100%;
  border-radius: 0.13333rem;
}

.contact-info .info-list li .item-content:before,.contact-info .info-list li .item-content:after {
  content: '';
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 100%;
  position: absolute;
  top: 40%;
  background: #fff;
}

.contact-info .info-list li .item-content:before {
  left: -0.16rem;
}

.contact-info .info-list li .item-content:after {
  right: -0.16rem;
}

.contact-info .info-list li .item-content dl {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contact-info .info-list li .item-content dl dt {
  width: 100%;
  height: 0.53333rem;
  overflow: hidden;
}

.contact-info .info-list li .item-content dl dt p {
  display: block;
  width: 100%;
  height: 0.53333rem;
  text-align: center;
}

.contact-info .info-list li .item-content dl dt p a {
  line-height: 0.53333rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fa9e04;
  text-decoration: underline;
}

.contact-info .info-list li .item-content dl dt p span {
  line-height: 0.53333rem;
  font-size: 0.34667rem;
  font-weight: bold;
  color: #fa9e04;
}

.contact-info .info-list li .item-content dl dd {
  width: 100%;
  overflow: hidden;
}

.contact-info .info-list li .item-content dl dd p {
  width: 100%;
  text-align: center;
  height: 0.53333rem;
  line-height: 0.53333rem;
  font-size: 0.32rem;
  color: #fff;
  margin-bottom: 0.08rem;
}

.contact-info .info-list .item-01,.contact-info .info-list .item-02 {
  width: 4.4rem;
}

.contact-info .info-list .item-01 {
  float: left;
}

.contact-info .info-list .item-02 {
  float: right;
  clear: right;
}

.contact-info .info-list .item-03 {
  margin-left: auto;
  margin-right: auto;
  width: 5.2rem;
  clear: both;
}