﻿
/* CSS Document */
@font-face {
  font-family: 'SegoeUIBold';
  src: url('../font/SegoeUIBold.eot');
  src: local('☺'), url('../font/SegoeUIBold.woff') format('woff'), url('../font/SegoeUIBold.ttf') format('truetype'), url('http://worthwillal.com.cn/templates/wosiweier/fonts/SegoeUIBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoeui_0';
  src: url('../font/segoeui_0.eot');
  src: local('☺'), url('../font/segoeui_0.woff') format('woff'), url('../font/segoeui_0.ttf') format('truetype'), url('http://worthwillal.com.cn/templates/wosiweier/fonts/segoeui_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'seguisb';
  src: url('../font/seguisb.eot');
  src: local('☺'), url('../font/seguisb.woff') format('woff'), url('../font/seguisb.ttf') format('truetype'), url('http://worthwillal.com.cn/templates/wosiweier/fonts/seguisb.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-family:segoeui_0,Arial, Helvetica, sans-serif; font-size: 14px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#01408c;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(http://worthwillal.com.cn/templates/wosiweier/style/AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(http://worthwillal.com.cn/templates/wosiweier/style/grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


@font-face {font-family: "iconfont";
  src: url('http://worthwillal.com.cn/templates/wosiweier/style/iconfont.eot?t=1570695464975'); /* IE9 */
  src: url('http://worthwillal.com.cn/templates/wosiweier/style/iconfont.eot?t=1570695464975#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('http://worthwillal.com.cn/templates/wosiweier/style/iconfont.woff?t=1570695464975') format('woff'),
  url('http://worthwillal.com.cn/templates/wosiweier/style/iconfont.ttf?t=1570695464975') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('http://worthwillal.com.cn/templates/wosiweier/style/iconfont.svg?t=1570695464975#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dizhi:before {
  content: "\e600";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-youtube:before {
  content: "\e8d7";
}

.icon-gongchang:before {
  content: "\e66e";
  display: block;
}

.icon-liuyan2:before {
  content: "\e63f";
  display: block;
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-skype:before {
  content: "\e613";
}

.icon-weixin:before {
  content: "\e667";
}

.icon-yuangong:before {
  content: "\e61d";
  display: block;
}

.icon-gongchang1:before {
  content: "\e67a";
}

.icon-liuyan1:before {
  content: "\e621";
}

.icon-dianhua1:before {
  content: "\e6e9";
}

.icon-dianhua:before {
  content: "\e615";
  display: block;
}

.icon-youjian:before {
  content: "\e611";
  display: block;
}

.icon-jiantou7-copy:before {
  content: "\e66a";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-arrow:before {
  content: "\e63b";
  display: block;
}

.icon-fasong:before {
  content: "\e601";
}

.icon-yiwenwenhaoduihuakuangjiedaxianxing:before {
  content: "\e8a5";
}

.icon-riqi:before {
  content: "\e634";
}

.icon-miaoshu:before {
  content: "\e702";
}

.icon-youxiang1:before {
  content: "\e635";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-feijinshucailiao:before {
  content: "\e604";
  display: block;
}

.icon-ai-tel-red:before {
  content: "\e602";
}

.icon-youxiang:before {
  content: "\e610";
}

.icon-whatapps:before {
  content: "\e622";
  display: block;
}

.icon-liuyan:before {
  content: "\e62c";
}

.icon-in:before {
  content: "\e6f0";
}

.icon-liaojiegengduo:before {
  content: "\e60e";
}

.icon-canshu:before {
  content: "\e668";
}

.icon-whatsapp:before {
  content: "\e645";
}

.icon-hezi:before {
  content: "\e605";
}

.icon-bancai-:before {
  content: "\e65a";
}

.icon-jiantou7-copy-copy:before {
  content: "\e8d8";
}

.icon-dianhua2:before {
  content: "\e65c";
  display: block;
}



input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ max-width:1440px; margin:0 auto; position: relative;}
.backToTop{width:40px; height:40px; background:#01408c url(../image/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:150px; color: #fff; border-radius: 6px; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 999; }
.media { position: absolute; right: 132px; top: 60px; }
.media a{color: #fff; width:100px; margin: 0 4px; height:56px; border-radius: 56px; line-height:56px; text-align:center; font-size: 22px; display:inline-block;}
.media a.sblue{background: #2456c6;}
.media a.red{background: #d20000;}
.media a.qblue{background: #30afeb;}
.media a.blue{background: #007bb6;}
.media a:hover{opacity: .8;}

h6{ display: inline-block; font-weight: normal; }

/*search*/
.search{ width: 18%;margin-top: 11px;float:right;display:inline;}
.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #fff;border: medium none;line-height:32px;text-indent:5px;background-color:#333;}
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("http://worthwillal.com.cn/templates/wosiweier/images/abg_2.png") center center no-repeat;}
/*search*/


#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute;  left: 12%; top: 15px;}
.logo .logodis{ display: block; }
.logo .logonone{ display: none; }

.position .logo{margin:0;}
.position .logo img{ margin-top: -5px; }
.position .logo .logodis{ display: none !important; }
.position .logo .logonone{ display: block !important; }

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #01408c; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

.head_rcon{ position: absolute;  right: 0; top: 0;}
.head_rcon span{ float: left; display: inline-block; margin-top: 36px; margin-right: 50px; }
.head_rcon span i{ color: #fff; font-size: 24px;}
.head_rcon span a{ color: #fff; font-size: 18px; cursor: pointer; }
.head_rcon span *{ vertical-align: middle; }
.search-button{ width: 120px; height: 100px; text-align: center; line-height: 100px; float: right; }
.search-button i{ color: #fff; font-size: 24px; cursor: pointer; }
.search-button:hover i{ color: #fff !important; }

.searchform{ overflow: hidden;background:#01408c;padding:32px 0; position: absolute; right: 0; height: 100px; top:0; width: 0; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 160px; background:#01408c; color: #fff; line-height:33px; padding-left:10px; float: left; }
.searchform button{ width:120px; line-height:100px; background:#01408c; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}
.search-button:hover .searchform{width: 260px;}

nav{ float: right;  margin-right: 460px;}
nav li{ float: left; position: relative; }
nav li>a{ padding: 37px 28px 41px 28px; color: #fff; position: relative; text-transform: uppercase; display: block; text-align: center; transition:0.5s; font-size:17px; font-family: SegoeUIBold;}
nav li .d_arrow{ position: absolute; top: 50%; margin-top: -2px; right: 10px; width: 0;
  height: 0; border-width: 5px; border-style: solid; border-color:#fff transparent transparent transparent; }
nav li.on a.navun,nav li:hover a.navun{ background: #01408c; color: #fff; cursor: pointer; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 100px;  left:-9999px; z-index: 999;   }
nav dl dt{ display: block; font-size: 20px; color: #222; font-family: SegoeUIBold; margin-bottom: 20px; }
nav dl dt *{ vertical-align: middle; }
nav dl dt h6{ font-size: 40px!important; }
nav dl dd{ display: block; position: relative; }
nav dl dd a{ opacity: 1; color: #222; background: none; display: block; padding: 15px;  text-align: left; white-space: nowrap;font-size:18px;}
nav dl a:hover{ background: #014fad; cursor: pointer; color: #fff;}
nav li:hover dl{ left: 0; opacity: 1; }
nav dl dd div{position: absolute; color:#000;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; border-bottom: none; color: #fff; }

.promune{ float: left; }
nav li:nth-of-type(2) dl{ width: 100%; }
/*nav li:nth-of-type(3) dl{ width: 800px; padding: 35px; }
nav li:nth-of-type(3) dl .promune:nth-of-type(2){ float: right; }*/
.position{background: #fff; box-shadow: 0 1px 10px 0 #aaa;}
.position nav li a.navun{ color: #222; }
.position nav li.on a.navun,.position nav li:hover a.navun{ color: #fff; }
.position nav li .d_arrow{ border-color:#222 transparent transparent transparent; }
.position nav li.on .d_arrow,.position nav li:hover .d_arrow{ border-color:#fff transparent transparent transparent; }
.position .head_rcon span i,.position .head_rcon span a,.position .search-button i{ color: #222; }

.contpic{ height: 260px; width: 50%; }
.cont-post{ position: absolute; top: 54px; left: 50%; margin-left: -720px; width: 1440px;}
.in-cont{ background:#01408c; overflow: hidden; position: relative;}
.in-contl{ width: 50%; }
.in-contl ul{ width: 100%; overflow: hidden; padding-bottom: 83px; }
.in-contl ul li{ width: 33.333%; text-align: center; float: left; color: #fff; }
.in-contl ul li h6{ width: 60px; height: 60px; transition: all 0.3s; text-align: center; line-height: 60px; border: 2px solid #fff; border-radius: 60px; font-size: 36px; color: #fff; overflow: hidden; }
.in-contl ul li p{ font-size: 20px; font-family: seguisb; margin: 10px 0 5px 0; color: #fff;}
.in-contl ul li span{ font-size: 18px; color: #fff;}
.in-contl ul li:hover h6{ transform: rotate(360deg); }
footer{ background: #131313; }
footer .item{ float: left; overflow: hidden;width: 25%; }
footer h4{ color: #fff ; font-size: 26px; font-family: SegoeUIBold; margin-bottom: 20px;}
footer .item1{ width:21%; margin-right:3%; }
footer .item1:nth-of-type(1){ width: 24%; }
footer .item2{ margin-right: 5%; }
footer .item3{ width: 37%; }
footer .item4{ width: 23%; float:right;}
footer .item4 li{width:47%; float:left; margin:0 3% 10px 0;}
footer .item4 li img{width:100%; display:block;}
footer .item4 li a:hover img{opacity: 0.8; }
footer .item1 li{line-height:36px; font-size: 18px; color: #dedede;}
footer .item2 dd{ width:47%; margin-bottom: 10px; margin-right: 3%; float: left;position: relative; }
footer .item2 dd a{ position: absolute; left: 0; padding: 0 10px; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; opacity: 0;}
footer .item2 dd img{ display: block;width: 100%; }
footer .item2 dd a b{display: -webkit-box; display: -moz-box; -webkit-line-clamp: 2; color: #fff; -webkit-box-orient: vertical; -moz-line-clamp: 2; word-break: break-all; text-align: center }
footer .item2 dd:hover a{ opacity: 1; }
footer .item3 li{position: relative; font-size: 18px; color: #dedede; overflow: hidden; line-height: 36px;}
footer form{ position: relative; }
footer input{ height: 40px; line-height: 40px; }
footer input,footer textarea{  width: 100%; font-family: segoeui_0; background: none; padding: 0 10px; resize: none; margin-bottom: 10px; border: 1px solid #a1a1a1; color: #fff; font-size: 18px;}
footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder{  color: #dedede;}
footer textarea{ padding:5px 10px; }
footer button{ cursor: pointer; width: 60px;border: none; line-height:106px;background: #01408c;color: #fff; text-align: center; transition: all .3s; height: 106px; position: absolute; right: 1px; bottom: 15px;}
footer button h6{ font-size: 25px !important;}
footer button:hover{ opacity: 0.8; }
footer a{ color: #dedede; transition:0.3s;}
footer a:hover{ color: #dedede;}
footer .copyright{ background: #101010; font-size: 18px; padding: 25px; clear: both; text-align: center; color: #a6a6a6; }
footer .footer{ padding-bottom: 75px; overflow: hidden; padding-top: 80px; }
footer .copyright a{ color: #a6a6a6; }
footer .copyright a:hover{ color: #01408c; }
#banner img{ width: 100%; display: block; }
#banner_home{ position: relative; }
#banner_home .owl-theme .owl-controls{ margin-top: 0; position: absolute; bottom: 58px; left: 46%; border-radius: 50px; padding: 8px 30px;  background: rgba(0,0,0,0.3); }
#banner_home .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; background: #fff; opacity: 1; }
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #01408c; }

.cl{ clear: both; }
.pro_second a{ font-size: 18px; display: inline-block; margin-right: 8px; background: #fff; padding: 10px 20px; border-radius: 30px; }
.pro_second a:hover,.pro_second a.on{ background: #01408c; color: #fff; }
/*版块标题*/
.home_boxtit{ font-size:50px; font-family: seguisb; text-transform: uppercase; position: relative; }

/*首页*/
.pro_link{ padding-top: 10px; }
.pro_link a{ font-size: 18px;  font-family: SegoeUIBold; padding-left: 30px;}
.pro_link a h6{ font-size: 35px; }
.in_pro{ padding:110px 0; background: url(../image/pro-bg.jpg) no-repeat center;}
.in_pro_block{width:100%; overflow: hidden; margin-top: 20px;}
.in_pro_block li{width:50%;height:360px;float:left; overflow: hidden;}
.in_pro_proxq{ width: 100%; overflow: hidden; }
.in_pro_pic,.in_pro_text{ width: 50%; }
.in_pic_box,.in_pro_dec{ width: 100%; height: 360px; overflow: hidden; background:#01408c;  }
.in_pic_box img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.in_pro_dec{ background: #fff; padding: 48px 35px 29px 35px; text-align: center;  }
.in_pro_dec h2{ font-size: 22px; line-height: 24px; color: #222; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.in_pro_dec p{ margin-top: 35px; font-size: 18px; line-height: 28px; color: #888; height: 140px; overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.in_pro_dec span{ font-size: 18px; font-style:italic; height: 44px; font-family: seguisb; text-decoration: underline; margin-top: 40px; display: inline-block; }
.in_pro_dec span h6{ font-style: italic; font-size: 14px; margin-left: 5px; }
.in_pro_block li:nth-of-type(3) .in_pro_text,.in_pro_block li:nth-of-type(4) .in_pro_text{ float: left;  }
.in_pro_block li:nth-of-type(3) .in_pro_pic,.in_pro_block li:nth-of-type(4) .in_pro_pic{ float: right;  }

/*.in_pro_block li:hover .in_pic_box{ padding: 10px; transition: all .3s; }*/
.in_pro_block li:hover .in_pic_box img{ transform: scale(1.1); }
.in_pro_block li:hover .in_pro_dec{ background:#01408c; transition: all 0.6s;}
.in_pro_block li:hover .in_pro_dec h2,.in_pro_block li:hover .in_pro_dec p, .in_pro_block li:hover .in_pro_dec span{ color: #fff; }

.data{ width:100%; background: #01408c; position: relative; overflow: hidden;}
.datapic{ width: 50%; height: 320px; }
.datapic img{ width: 100%; height: 100%; object-fit: cover; }
.data-post{ position: absolute; top: 0; left: 50%; margin-left: -720px; width: 1440px; }
.data-list{ width: 100%; overflow: hidden; padding-left: 55%; padding-top: 46px; padding-bottom: 60px; }
.data-list li{ float: left; width: 33.333%; text-align: center;}
.data-lipic h6{ color: #fff; font-size: 40px; transition: all 0.3s; border: 2px solid #fff; margin: 0 auto; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 80px; }
.data-lipic h6:hover{ transform: rotate(360deg) }*/
.data-li{ width: 100%; overflow: hidden; }
.data-text h2{ color: #fff; font-size: 50px; font-family: SegoeUIBold; line-height: 38px; margin-top: 24px; }
.data-text p{ color: #fff; font-size: 18px; margin-top: 18px; }

.indexabout{ padding: 60px 0 62px 0 ; overflow: hidden; background: url(../image/aboutzbg.jpg) 0 60px no-repeat;}
.ab_tit{ font-size: 30px; line-height: 50px; font-family: segoeui_0;}
.ab_box{ width: 50%; padding-right: 3%; }
.indexabout .ab_box:nth-of-type(2){ padding-right: 0; }
.indexabout h1{ margin-bottom: 60px; margin-top: 20px; }
.ab_box_ms{ width: 100%; }
.ab_box_ms p{ font-size: 18px; color: #888; line-height: 28px; margin-bottom: 26px; height: 168px; overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.ab_video{ text-align: right; width: 100%; }
.ab_video img{ width: 100%; }
.tymore{ margin-top: 40px; }
.tymore a{ background: #01408c; display: inline-block; border-radius: 50px; color: #fff; font-size: 18px; font-family: seguisb; font-style: italic; padding: 10px 58px; }
.tymore a i{ font-size: 20px; margin-left: 10px; }
.tymore a *{vertical-align: middle;}
.tymore a:hover{ opacity: .8; }

.in_project{ padding-top: 70px; padding-bottom: 90px; }
.in_project ul{ width: 100%; overflow: hidden; margin-top: 42px; }
.in_project ul li{ width:20%; float: left; margin-left:1%; overflow: hidden; position: relative; height: 380px; overflow: hidden; transition: all 0.3s;  }
.in_project ul li:first-child{ margin-left: 0; }
.pic-center{ display: flex;justify-content: center;align-items: center; }
.in_project ul li.on{ width:37%;  }
.in_pro-text{ font-size: 20px; font-family: seguisb; color: #fff; position: absolute; bottom: 0; right: -9999px; width: 100%; transition: all 0.3s; background: rgba(10,68,138,0.9); text-align: center; height: 65px; line-height: 65px; overflow: hidden; }
.in_project ul li.on .in_pro-text{right: 0;}

.newsbox{ padding: 0 0 140px 0; }
.news-list{ width: 100%; margin-top: 50px; }
    .news-list ul{ width: 100%; overflow: hidden;}
.news-list li{ float: left; width: 50%; padding-right:2%; padding-bottom:2%; overflow: hidden;}
.news-list li:nth-of-type(even){ padding-right: 0; }
.newslistlibox,.newslistlibox-two{ width: 100%; background: #fff; padding: 28px; position: relative; overflow: hidden; }
.newstime{ width: 90px; height: 90px; transition: all 0.3s; background: #01408c; color: #fff; text-align: center; position: absolute; top: 28px; left: 0; }
.newstime p{ font-size: 36px; font-family: seguisb; }
.newstime span{ font-size: 16px; }
.newstextnr{ margin-left: 110px; }
.newstextnr h2{ font-family: seguisb; font-size: 20px; line-height: 28px; height: 56px; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newstextnr p{ font-size: 18px; color: #888; line-height: 28px; height: 112px; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-top: 18px; margin-bottom: 7px;}
.newslistpic{ width: 258px; float: left; overflow: hidden; display: none; transition: all 0.3s}
.newslistpic img{ transition: all 0.3s; width: 258px; height: 193px;}
.news-list li:hover .newstextnr{ margin-left: 286px; }
.newslistpic img{ transform: scale(1.1); }
.news-list li:hover p{ height: 56px; -webkit-line-clamp: 2;}
.newstextnr span{ font-size: 18px; font-family: seguisb; font-style: italic; text-decoration: underline; display: block; margin-top: 20px; display: none;}
.news-list li:hover .newstextnr span{display: block; }
.news-list li:hover .newstime{ display: none; }
.news-list li:hover .newslistpic{ display: block; }

/*位置*/
.subbanner{ position: relative; margin-top: 100px;}
.subbanner img{ width: 100%; display: block; }
.positionline{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 171px; text-align: center; color: #fff; font-size: 18px; }
.positionline h2{ font-family: seguisb; font-size: 45px; text-transform: uppercase; }
.positionline a{ color: #fff; }
.positionline p{ font-style: italic; }
.sub_tit{ font-size: 36px; }
.paddt80{ padding-top: 80px; }


/*关于我们*/
.ab-warper{ width:50%; float: left; }
.company{ padding-right: 5%; }
.ab-p{ font-size: 18px; color: #888; line-height: 26px; margin-bottom: 32px;}
.ab-pic{ width: 100%; }
.ab-pic img{ width: 100%; }
.ab-block{ margin-top: 40px; overflow: hidden; }
.ab-block p{ font-size: 18px; color: #888; line-height: 28px; /*margin-bottom: 30px;*/ }
.ab-block p strong { color: #222; }
.about-video{ width: 100%; background: #f4f4f4; padding: 10px; margin-bottom: 30px; }
.about-video img{ width: 100%; }

.factorybox{ margin-top: 48px; }
.factorybox .home_boxtit{ margin-bottom: 20px; }
.factorybox p{ font-size: 18px; color: #888; line-height: 28px; margin-bottom: 40px; }
.paintbox{ margin-bottom: 52px; }
.paintbox ul{ overflow: hidden; width: 100%; margin-top: 10px;}
.paintbox ul li{ width: 32.6%; margin-left:0.9%; margin-bottom: 1.8%; float: left;  background: #f4f4f4; padding: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.paintbox ul li:first-child,.paintbox ul li:nth-of-type(4){ margin-left: 0; }
.paintbox ul li img{ width: 100%; transition: all 0.3s; }
.paintbox ul li:hover img{ transform: scale(1.1); }
.paintli{ overflow: hidden; }

.servicebox{ margin-top: 85px; overflow: hidden; }
.servicebox .lcon{ float: left; width: 50%; padding-right: 16px;  }
.servicepic{ background: #f4f4f4; padding: 20px 10px; }
.servicechan{ width: 100%; overflow: hidden; }
.servicepic img{ transition: all 0.3s; width: 100%; }
.servicepic:hover img{ transform: scale(1.1); }
.servicebox .rcon{ float: right; width: 50%; padding-left: 30px; }
.servicebox .rcon ul{ margin-top: 20px; }
.servicebox .rcon ul li{ font-size: 18px; line-height: 34px; color: #888; }

.honorbox{ margin-top: 60px; }
.honorbox .home_boxtit{ margin-bottom: 20px; }
.honorbox p{ font-size: 18px; color: #888; line-height: 28px; margin-bottom: 20px; }
.honorlist{ position: relative; padding-bottom: 180px; }
.honorlist .item{ padding: 12px; }
.itempic{  background: #f4f4f4; padding: 10px; width: 100%; box-shadow: 0 2px 2px rgba(0,0,0,0.1) }
.itempic img{ width: 100%; }
.honorlist .owl-carousel .owl-wrapper-outer{ padding-bottom: 5px; }
.honorlist .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 35%; left: 0; width: 100%; }
.honorlist .owl-controls .owl-buttons div{ background:transparent url(../image/right.png) center center no-repeat; background-size: 40%; position: absolute; height: 55px; width: 55px; }
.honorlist .owl-controls .owl-buttons .owl-prev{ opacity: 0.8; text-indent: -9999em; left: -55px; transform: rotate(180deg);}
.honorlist .owl-controls .owl-buttons .owl-next{opacity: 0.8;  text-indent: -9999em;  right: -55px; }
.honorlist .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer;}

/*产品列表*/
.prolist.in_pro_block li{ padding-right:16px; margin-bottom: 30px; }
.prolist.in_pro_block li:nth-of-type(3) .in_pro_text,.prolist.in_pro_block li:nth-of-type(4) .in_pro_text{ float: right;  }
.prolist.in_pro_block li:nth-of-type(3) .in_pro_pic,.prolist.in_pro_block li:nth-of-type(4) .in_pro_pic{ float: left;  }
.prolist .in_pro_pic{ padding: 10px; background: #fff; }
.prolist .in_pic_box, .prolist .in_pro_dec{ background: #fff; }
.prolist .in_pro_dec{ padding: 44px 35px 25px 35px; text-align: left; }
.prolist .in_pic_box { height: 340px; }

.prolist.in_pro_block li:hover .in_pro_dec{ background:#fff;}
.prolist.in_pro_block li:hover .in_pro_dec h2{ color: #01408c; }
.prolist.in_pro_block li:hover .in_pro_dec p{ color: #888; }
.prolist.in_pro_block li:hover .in_pro_dec span{ color: #222; }
.prolist.in_pro_block .in_pic_box img{ transition: all 0.3s; }
.prolist.in_pro_block li:hover .in_pic_box img{ transform: scale(1.1); }
.prolist.in_pro_block li:hover .in_pic_box{ padding: 0; transition: all .3s; }
.prolist.in_pro_block li .in_pro_dec span{ transition: all 0.3s; }
.prolist.in_pro_block li:hover .in_pro_dec span{ padding: 10px 58px; border-radius: 58px; text-decoration: none; background: #01408c; color: #fff; }
.prolist.in_pro_block li:hover .in_pro_dec span h6{ font-style: normal; width: 20px; height: 20px; text-align: center; line-height: 18px; border-radius: 20px; border:1px solid #fff;}

/*分页 结束*/
.custpage{ text-align: center; margin-top: 33px; margin-bottom: 150px; }
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0 3px; width: 36px; height: 36px; border-radius: 36px; display: inline-block; text-align: center; line-height: 36px; border: 1px solid #222; }
.custpage span:hover{ background: #01408c; cursor: pointer; color: #fff; }
.custpage a{ margin: 0 3px; width: 36px; height: 36px; border-radius: 36px; display: inline-block; font-size: 18px; text-align: center; line-height: 36px; border:1px solid #222; }
.custpage a.cur,.custpage a:hover{ background: #01408c; color: #fff; border: none; }
/*分页 结束*/
/*产品详情*/
.propicflash{ width:755px; float: left;}
.propicflash .big{ width: 560px; float: left; background: #f4f4f4; padding: 10px; }
.propicflash .big img{display: none; width: 100%;}
.propicflash .big img.on{display: block;}
.propicflash .small{ overflow: hidden; float: right; width: 180px;}
.propicflash .small img{ margin-bottom:10px; width: 100%;  margin:5% 0; cursor: pointer; display: block; border:6px solid #f4f4f4;}
.propicflash .small img.on{ border:6px solid #01408c; }
.propicflash .small img:first-child{ margin-top: 0; }

.prodet_rtext { margin-left: 755px;  overflow: hidden; padding-left: 35px; }
.prodet_rtext h2{ font-size: 42px; font-family: seguisb;  line-height: 45px;  margin-bottom: 35px; }
.prodet_rtext p{ font-size: 22px; font-family: seguisb;}
.prodet_rtext span{ font-size: 18px; line-height: 28px; color: #888; margin-top: 10px; display: block; height:168px; overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 6;  }
.prodet_box{ overflow: hidden; margin-bottom: 30px; }
.prodet_box .links{overflow: hidden; margin-top: 10px;}
.prodet_box .links a{ font-family: seguisb; background: #01408c; border-radius: 30px;  display: inline-block; line-height:50px; height:50px; font-size: 20px; font-style: italic;  text-align: center; width: 42%; color: #fff; margin-top: 5px;  float: left;}
.prodet_box .links i{display: inline-block; margin-right: 10px; width: 42px; height: 42px; line-height: 42px; color: #fff; font-weight: 100; font-size:30px; vertical-align: middle; margin-top: -5px;}
.prodet_box .links a:nth-child(2){ background:#e5111a;margin-left: 4%;}
.prodet_box .links a:hover{opacity: .8}

.download{ color: #222; font-size: 20px; font-family: seguisb; margin-top: 42px; margin-bottom: 60px;}
.download *{ vertical-align: middle; }
.download a:hover{ color: #e5111a; }


.proinfomenu{text-align: center; overflow: hidden; width: 100%; background:#e8e8e8;}
.proinfomenu .warper{overflow: hidden;}
.proinfomenu a{width:20%;font-size: 22px; font-family: seguisb; color: #222; float: left; display: block; line-height:70px; border-right: 2px solid #fff; }
.proinfomenu  i{display:inline-block;font-size:24px;margin-right:5px;font-weight:normal}
.proinfomenu i.icon-liaotian{font-size:30px;}
.proinfomenu a.on,.proinfomenu a:hover{background: #f2bc0d;}
.proinfomenu.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; width: 100%;}
.proinfomenu a.on,.proinfomenu a:hover{background:#01408c; color: #fff;}
.proinfomenu a:last-child{ border-right: none; }
.small_tit{ font-size: 24px; text-transform: none; margin-bottom: 26px; }
.small_tit i{ width: 38px; display: inline-block;     font-weight: normal; height: 38px; border-radius: 38px; background: #01408c; text-align: center; line-height: 38px; color: #fff; font-size: 18px; }
.prodectext{ font-size: 18px; color: #888; }
.prodectext strong{ display: block; margin-bottom: 10px; }

.prodec_block{ margin-top: 40px; }
.pro-table{ width: 100%; overflow-x: auto; }
.pro-table table {
  border: 1px solid #888;
  background: #fff;
  border-bottom: 0;
  border-right: 0;
  color: #888;
  text-align: center;
  line-height: 24px;
}
.pro-table table td,.pro-table table th {
  border-bottom: 1px solid #888;
  border-right: 1px solid #888;
  padding: 15px 5px;
  transition: all .3s;
  font-size: 18px;
}
.pro-table table th{ color: #222; font-size: 20px; background: #f4f4f4; }

.prodec_block .paintbox ul li{ width: 24.3%; }
.prodec_block .paintbox ul li:nth-of-type(4) { margin-left: 0.9%;}
.reallist .in_pro_dec{ text-align: left; }
.reallist .in_pro_proxq{ padding: 10px; background: #fff; }
.reallist .in_pro_pic{ background: #fff; }
.reallist .in_pic_box{ overflow: hidden; }
.reallist .in_pic_box, .reallist .in_pro_dec{ background: #fff; }
.reallist .in_pro_dec{ text-align: left; }
.reallist{ position: relative; padding-bottom: 65px; }
.reallist .item .in_pro_dec span{ transition: all 0.3s; }
.reallist .item:hover .in_pro_dec{ background:#fff; }
.reallist .item:hover .in_pro_dec h2{ color: #01408c; }
.reallist .item:hover .in_pro_dec p{ color: #888; }
.reallist .item:hover .in_pro_dec span{ color: #222; }
.reallist .item .in_pro_pic img{ transition: all 0.3s; }
.reallist .item:hover .in_pro_pic img{ transform: scale(1.1); }
.reallist .item:hover .in_pic_box{ padding: 0; transition: all .3s; }
.reallist .item:hover .in_pro_dec span{ padding: 10px 58px; border-radius: 58px; text-decoration: none; background: #01408c; color: #fff; }
.reallist .item:hover .in_pro_dec span h6{ font-style: normal; width: 20px; height: 20px; text-align: center; line-height: 18px; border-radius: 20px; border:1px solid #fff;}
.reallist .owl-carousel .owl-wrapper-outer{ padding-bottom: 5px; }
.reallist .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 35%; left: 0; width: 100%; }
.reallist .owl-controls .owl-buttons div{ background:transparent url(../image/right.png) center center no-repeat; background-size: 40%; position: absolute; height: 55px; width: 55px; }
.reallist .owl-controls .owl-buttons .owl-prev{ opacity: 0.8; text-indent: -9999em; left: -55px; transform: rotate(180deg);}
.reallist .owl-controls .owl-buttons .owl-next{opacity: 0.8;  text-indent: -9999em;  right: -55px; }
.reallist .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer;}

.in_prosy .owl-theme .owl-controls .owl-page span{ width: 15px; height: 15px; }
.in_prosy .owl-theme .owl-controls .owl-page.active span{ background: #01408c; }

.infoform{overflow:hidden; margin-top: 15px; padding-bottom: 180px;}
.infoform li{width: 49.5%; float: left; border:1px solid #333; border-radius: 3px; margin-bottom: 10px; position: relative;}
.infoform li:nth-child(even){margin-left: 1%;}
.infoform li:last-child{width: 100%;}
.infoform li font{position: absolute; left: 10px; top: 17px;}
.infoform li:last-child{ border: none; }
.infoform textarea{ border: 1px solid #333; border-radius: 3px; }
.infoform input,.infoform textarea{width: 100%; background:none; font-size: 16px; line-height: 26px; padding:12px 20px; font-family: ROBOTO-REGULAR; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #333;}
/*.infoform textarea:focus { outline: none;　border: 1px solid #ccc;}*/
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #333;}
.infoform form button{border-radius: 30px; color: #fff; background: #01408c; height: 46px; width: 240px; font-size: 18px; border:0; font-weight: 100;  margin-top: 25px; }
.infoform form button:hover{ opacity: .8; cursor: pointer; }
.infoform font{color:red; }
.infoform form button h6{ font-size: 20px; }
.infoform form button *{ vertical-align: middle; }
/*case*/
.casebox{ overflow: hidden; }
.casebox li{ float: left; width: 50%; padding: 0 0.8%; margin-bottom: 5%;}
.casebox li a{ display: block; width: 100%; position: relative; padding-bottom: 64px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1); text-align: center; }
.prolist-pic-box{ width: 100%; overflow: hidden; padding: 10px;}
.casebg{ width: 100%; background: #000; }
.casebg img{ width: 100%; transition: all 0.3s; opacity: .8;  }
.prolist-text{ text-align: center; width: 100%; padding:0 8%; }
.prolist-text h2{ font-size: 20px; font-family: seguisb; line-height: 60px; height: 60px; overflow: hidden; }
.prolist-text p{ font-size: 18px; color: #888; line-height: 26px; margin-top: 5px; height: 78px; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.casebox .prolist-more{ display: inline-block; position: absolute; bottom: -20px; left: 50%; margin-left: -122px; font-style: italic; padding: 10px 50px; border-radius: 50px; color: #fff; background: #01408c; font-size: 18px; font-family: seguisb; }
.casebox .prolist-more h6{ display: inline-block; margin-left: 10px; font-size: 20px; }
.casebox li:hover .prolist-pic-box .casebg img{ opacity: 1; }
/*.casebox li:hover .prolist-more{ opacity: .8; }*/

/*news*/
.topnews ul{ width: 100%; overflow: hidden; }
.topnews ul li{ width: 50%; float: left; padding: 10px 0.5% 20px 0.5%;}
.topnewsbox{ box-shadow: 0 3px 10px rgba(0,0,0,0.1); padding: 20px 15px 30px 18px; position: relative; overflow: hidden; }
.topnewsbox .news-list-item{ margin-left: 360px; padding-left: 35px; }
.topnewsbox .news-list-item p{ font-size: 18px;  color: #888; line-height: 28px; height: 56px; -webkit-line-clamp: 2; display: -webkit-box;
  -webkit-box-orient: vertical; overflow: hidden;}
.topnewsbox h6{ font-size: 22px; }
.topnewsbox .time{ font-size: 18px; margin: 20px 0; font-style: italic; color: #222;}
.topnewsbox .prolist-more{  transition: all 0.3s; height: 44px; font-style: italic; font-size: 18px;  font-family: seguisb; display: inline-block; margin-top: 30px; }
.topnewsbox .prolist-more h6{ font-size: 14px; font-style: italic;}
.news-itempic{ width: 360px; overflow: hidden; float: left; }
.news-itempic img{ transition: all 0.3s; width: 100%;}
.topnewsbox:hover .news-itempic img{ transform: scale(1.1); }
.topnewsbox:hover .time{ color: #222; }
.newslist ul li{ width: 100%; margin-bottom: 30px; }
.paddb280{ padding-bottom: 280px; }
.newstit{ font-size: 20px; font-family: seguisb; line-height: 28px; height: 56px; overflow: hidden;}
.topnewsbox:hover .prolist-more{ padding: 10px 58px; border-radius: 58px; text-decoration: none; background: #01408c; color: #fff; }
.topnewsbox:hover .prolist-more h6{ font-style: normal; width: 20px; height: 20px; text-align: center; line-height: 18px; border-radius: 20px; border:1px solid #fff;}
/*FAQ*/
.lis_faq{ overflow: hidden; width: 100%;}
.lis_faq li{ margin-bottom: 40px; }
.lis_faq h3{font-size: 22px; font-family: seguisb; height: 60px; line-height: 60px; overflow: hidden; padding:0 0 0 60px;background:url(../image/icon_faq.png) #f4f4f4 no-repeat 18px center;}
.lis_faq .a{ line-height:26px; padding-left: 60px; color: #888; font-size: 18px; margin-top: 24px;}

.faqbox:hover h3{background:url(../image/icon_faqh.png) #01408c no-repeat 18px center; color: #fff;}
/*contact*/
.con_tit{ font-size: 32px; margin-bottom: 38px; }
.contactboxov{ overflow: hidden; }
.contactbox{ width: 36%; float: left; }
.contactbox li{ position: relative; font-size: 18px; padding: 0 0 0 40px; margin-bottom:26px; line-height: 30px; }
.contactbox li h6{font-size:22px;color: #fff; width: 33px; height: 33px; text-align: center; line-height: 33px; background: #01408c; border-radius: 5px; position: absolute; left: 0;}
.contactbox li strong{ font-size: 20px; }
.map{ margin-left: 50%; margin-bottom: 92px; padding: 10px; background: #f4f4f4; }
.map img{ width: 100%; }

.infocontact p{ font-size: 18px;  color: #888; }
.infocontact .con_tit{ margin-bottom: 10px; }
.infocon{color: #666; margin-bottom: 150px; }
.infocon h1{font-size:24px; font-weight: inherit; line-height: 30px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; color: #999; font-size: 16px;}
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 16px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #01408c }
.infocon p{line-height:30px; font-size: 18px;}

.fix_form {
  position: fixed;
  right: 10px;
  bottom: 180px;
  z-index: 5;
}
.fix_form h6{background: #f00106; font-weight:100;  position: fixed;
  top: 400px;
  right: 0px;
  z-index: 999; width:40px; height:180px;-webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;}
.fix_form h6 a{display:block;width:180px;height:40px;transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  right: -65px;
  position: absolute;top:90px;color:#fff;font-size:18px;}
.fix_form_con{ width: 250px;
  position: fixed;
  top: 400px;
  right: -250px;
  z-index: 999;
  background: #e8e8e8; width: 250px; padding:20px;}
.fix_form_con input,.fix_form_con textarea{padding:10px;background:#fff; width: 100%; margin-bottom: 10px; font-family: segoeui_0;}
.fix_form_con button{width:100%; border: none; font-size: 16px; height:44px;text-align:center;line-height:44px;color:#fff;cursor:pointer;background:#f00106;border-radius:23px;}

.bottombox{ display: none; width: 100%; background: #01408c; padding: 10px 0; overflow: hidden; position: fixed; bottom: 0; left: 0; }
.bottombox ul{ width: 100%; overflow: hidden; }
.bottombox ul li{ float: left; width: 20%; text-align: center; }
.bottombox ul li p a{ color: #fff; font-family: seguisb;  }
.bottombox ul li h6{ font-size: 28px; color: #fff;width:28px;height:31px;overflow:hidden;}

@media screen and (max-width: 1800px){
  .logo{ left: 20px; }
}
@media screen and (max-width: 1520px){
  nav{ margin-right: 402px; }
  .head_rcon span{  margin-right: 10px; }
}
@media screen and (max-width: 1500px){
  #nav .media{ display: none; }
  .positionline{ padding-top: 100px; }
}
@media screen and (max-width: 1440px){
  #nav .media{ display: none; }
  .head_rcon span{ display: none; }
  nav{margin-right: 120px;}
  .warper{ max-width: 100%; padding: 0 20px; }
  .data-post,.cont-post{  left: 0; margin-left: 0; }
  .data-list{ padding-left: 50%; }
  .reallist .owl-controls .owl-buttons .owl-prev,.honorlist .owl-controls .owl-buttons .owl-prev{ left: 0; }
  .reallist .owl-controls .owl-buttons .owl-next,.honorlist .owl-controls .owl-buttons .owl-next{ right: 0; }
}
@media screen and (max-width: 1360px){

}
@media screen and (max-width: 1290px){
  .data-text h2{ font-size: 40px; }
}

@media screen and (max-width: 1240px){
  .indexabout .tymore{ display: none; }
  .in_pro_dec{ padding: 48px 20px 29px 20px }
  .home_boxtit{ font-size: 45px; }
  .ab_tit{ font-size: 28px; }
  .in_project{ padding: 50px 0; }
  .sub_tit{ font-size: 32px; }
  .positionline h2{ font-size: 38px; }
  .ab-block p{ margin-bottom: 15px; }
  .factorybox{ margin-top: 25px; }
  .servicebox,.honorbox{ margin-top: 50px; }
  .honorlist,.newsbox,.infoform{ padding-bottom: 90px; }
  .custpage{ margin-bottom: 90px; }
  .small_tit{ font-size: 22px; }
  .con_tit{ font-size: 28px; }
  .paddt80{ padding-top: 50px; }
  .positionline{padding-top: 80px;}
  .infocon{ margin-bottom: 90px; }
  .in_pro{ padding: 50px 0; }
  .prolist .in_pro_dec{ padding: 44px 20px 25px 20px;}
}
@media screen and (max-width: 1200px){
  .home_boxtit{ font-size: 38px; }
  .data-text h2{ font-size: 34px; }
  .ab_tit{ font-size: 26px; }
  .sub_tit{ font-size: 30px; }
  .small_tit{ font-size: 22px; }
  .con_tit{ font-size: 28px; }
  .prodet_rtext h2{ font-size: 38px; }
}
@media screen and (max-width: 1100px){
  nav{ margin-right: 0; }
  .head_rcon{ display: none; }
  .logo img{ width: 80%; }
  .logo{ top: 20px; }
  .data-text h2{ font-size: 30px; }
  .data-text p{ margin-top: 8px; }
  .in_pro_block li{ width: 100%; margin-bottom: 20px; }
  .in_pro_block li:last-child{ margin-bottom: 0; }
  .propicflash{ width: 550px; }
  .propicflash .big{ width: 411px; }
  .propicflash .small{ width: 132px; }
  .prodet_rtext{ margin-left: 550px; }
  .download{ margin: 10px 0; }
  .prodet_box .links a{ width: 100%; }
  .prodet_box .links a:nth-child(2){ margin-left: 0; }
  .prodet_rtext h2{ margin-bottom: 10px; }
  .prodet_box .links{ margin-bottom: 20px; }
  .prolist.in_pro_block li{ padding-right: 0; }
}

@media screen and (max-width: 1024px){
  .indexabout h1{ margin-bottom: 30px; }
  .in_pro{ padding-bottom: 0; }
  .in_project,.in_pro,.indexabout{ padding: 30px 0; }
  .in_project{ padding-top: 0; }
  .in_project ul{ margin-top: 30px; }
  .news-list li{ width: 100%; padding-right: 0; }
  .newstextnr p{ margin-top: 5px; }
  .in_pro{ background: none; }
  .news-list{ margin-top: 30px; }
  .honorlist, .newsbox, .infoform{ padding-bottom: 30px; }
  .newstextnr{ margin-left: 100px; }
  .contpic{ width: 35%; height: 200px; }
  .in-contl{ width: 66%; }
  .media{ display: none; }
  .cont-post{ top: 35px; }
  footer h4{ font-size: 20px; }
  footer .item1 li{ font-size: 16px; }
  footer .item:nth-of-type(1),footer .item:nth-of-type(2){ display: none; }
  footer .item3{ width: 30%; }
  footer .item4{ width: 66%; }
  footer .footer{ padding: 30px 20px; }
  footer .copyright{ font-size: 16px; padding: 10px;}
  .home_boxtit{ font-size: 22px; }
  .pro_link{ padding-top: 0; }
  .ab-block{ margin-top: 20px; }
  .servicebox, .honorbox{ margin-top: 30px; }
  .paintbox{ margin-bottom: 0; }
  .positionline{ padding-top: 60px; }
  .positionline h2{ font-size: 30px; }
  .paddt80{ padding-top: 30px; }
  .infocon{ margin-bottom: 50px; }

}
@media screen and (max-width: 990px){
  .logo img{ width: 55%; }
  .logo{ top: 15px; }
  #nav .nav-button{display: block; top: 14px; }
  #banner_home .owl-theme .owl-controls{ padding: 5px 30px; }
  header{ height: 62px; overflow: hidden; }
  nav{position: fixed; left: -5px;top: 0;bottom: 0;width: auto;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #01408c; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; }
  nav li>a{ margin:0; color: #fff; display:block; padding:15px 20px; border-bottom:1px solid #024aa1; text-align: left;}
  nav li dl{ left: 0; padding: 0; top: 0; width: 100%;  position: inherit;  opacity: 1; display: block; }
  nav li a:hover{background: #015fd0;color: #fff;}
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; font-size: 18px; white-space:normal;}
  nav dl dt a{padding: 10px 20px;display: block;}
  nav li:nth-of-type(3) dl{ padding: 0; width: 100%; }
  .position nav li .d_arrow{ border-color:#fff transparent transparent transparent; top: 26px; }
  nav dl dt h6{ display: none; }
  nav dl dt{ margin-bottom: 0; }
  .position nav li a.navun{ color: #fff; }
  .promune{ float: none; }
  nav li:nth-of-type(3) dl .promune:nth-of-type(2){float: none;}
/*nav dl dd:hover div{display: none;}*/
  #banner_home .owl-theme .owl-controls{ bottom: 10px; }
  .subbanner{ margin-top: 62px; }
  .proinfomenu{ display: none; }
  .reallist{ padding-bottom: 30px; }
  .indexabout{ background: none; }
  .ab_box{ width: 100%; }
  .lis_faq h3{height:auto;line-height: 25px;padding: 10px 0 10px 60px;}
}

@media screen and (max-width: 768px){
  .paintbox ul li{ width: 49.5%; }
  .paintbox ul li:nth-of-type(odd){ margin-left: 0; }
  .paintbox ul li:nth-of-type(4){ margin-left: 0.9%; }
  .positionline{ padding-top: 50px; }
  .servicebox .lcon{ width: 100%; padding-right: 0; float: none;}
  .servicebox .rcon{ width: 100%; padding-left: 0; float: none; margin-top: 10px; }
  .contpic{ width: 0; }
  .in-contl{ width: 100%; }
  footer .item3{ width: 37%; }
  footer .item4{ width: 57%; }
  .servicepic{ padding: 10px; }
  .cont-post{ top: 24px; }
  .contpic{ height: 170px; }
  .paddt80{ padding-top: 20px; }
  .prolist.in_pro_block li{ margin-bottom: 20px; }
  .custpage{ margin-bottom: 30px; }
  .propicflash{ width: 100%; float: none; overflow: hidden; }
  .propicflash .big{ width: 74.5%; }
  .propicflash .small{ width: 24%; }
  .prodet_rtext{ margin-left: 0; padding-left: 0; }
  .prodet_rtext h2{ font-size: 28px; }
  .download{ margin: 20px 0; }
  .prodec_block .paintbox ul li{ width: 49.5%; }
  .small_tit{ margin-bottom: 10px; }
  .prodec_block{ margin-top: 20px; }
  .contactbox{ width: 100%; float: none; }
  .map{ margin-left: 0; margin-bottom: 20px; }
  .indexabout h1{ margin: 0; }
  .datapic{ width: 0; height: 194px; }
  .data-list{ padding-left: 0; }
  .pro_link{ display: none; }
  .data-list{ padding-top: 22px; }
  .data-text h2{ font-size: 28px; margin-top: 0; }
  .data-text p{ margin-top: 0; }
  .data-lipic h6{ width: 60px; height: 60px; font-size: 30px; line-height: 60px; }
  .factorybox p{ margin-bottom: 20px; }
}

@media screen and (max-width: 640px){
  .positionline{ padding-top: 30px; }
  .in_project, .in_pro, .indexabout{padding: 10px 0;}
  .in_pro_block li{ height: 280px; }
  .in_pro_dec{ padding: 24px 20px 29px 20px;}
  .in_pro_dec p{ margin-top: 10px; }
  .in_pro_dec span{ margin-top: 20px; }
  .warper{ padding: 0 15px; }
  .news-list{ margin-top: 20px; }
  .in_project ul{ margin: 20px 0 0 0; }
  .in_project{ padding: 0 0 10px 0; }
  .newstextnr{ margin-left: 90px; }
  .newslistlibox, .newslistlibox-two{ padding: 15px; }
  .newslistlibox-two .newstextnr{ margin-left: 277px; }
  footer .item3,footer .item4{ width: 100%; float: none; }
  footer h4{ margin-bottom: 10px; }
  .factorybox .home_boxtit,.about-video{ margin-bottom: 10px; }
  .ab-block,.factorybox{ margin-top: 10px; }
  .ab-block p{ margin-bottom: 10px; }
  .prolist .in_pro_dec{ padding: 31px 20px 25px 20px; }
  .in_pro_block{ margin-top: 10px; }
  .news-itempic{ width: 300px; }
  .topnewsbox .news-list-item{ margin-left: 300px; }
  .topnewsbox .time{ margin: 10px 0; }
  .topnewsbox {padding: 20px 15px 20px 18px;}
  .topnewsbox .prolist-more{ margin-top: 20px; }
  .servicebox .rcon ul{ margin-top: 10px; }

}

@media screen and (max-width:480px){
  .pro_second a{ font-size: 16px; margin-bottom: 10px; padding: 5px 8px; }
  #banner_home .owl-theme .owl-controls{ left: 0; width: 100%; background: none; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .datapic { height: 212px; }
  .in_pro_block li,.in_pro_dec{ height: auto; }
  .in_pro_pic, .in_pro_text{ width: 100%; float: none; }
  .in_pro_dec{padding: 24px 20px 10px 20px;}
  .in_project ul li,.in_project ul li.on{ width: 100%; }
  .in_project ul li{ margin: 0; margin-bottom: 10px; }
  .in_pro-text{ right: 0; }
  .newslistpic{ width: 100%; float: none; }
  .newslistpic img{ width: 100%; }
  .newslistlibox-two .newstextnr{ margin-left: 0; margin-top: 10px; }
  .in-cont{ display: none; }
  .servicebox, .honorbox{ margin-top: 10px; }
  .subbanner img{ height: 120px; }
  .positionline h2{ font-size: 26px; }
  .honorbox .home_boxtit{ margin-bottom: 10px; }
  .lis_faq .a{ margin-top: 15px; }
  .lis_faq li{ margin-bottom: 15px; }
  .prolist .in_pro_pic{ display: block; }
  .prolist .in_pro_dec{ padding: 17px 20px 6px 20px; }
  .reallist{ padding-bottom: 10px; }
  .news-itempic{ width: 100%; float: none; }
  .topnewsbox .news-list-item{ margin-left: 0; padding-left: 0;  margin-top: 10px;}
  .casebox li{ width: 100%; }
  .infoform li{ width: 100%; }
  .infoform li:nth-child(even){ margin-left: 0; }
  .con_tit,.contactbox li{ margin-bottom: 15px; }
  .data-list li{ width: 100%; margin-bottom: 15px; }
  .datapic{ height: 500px; }
  .data-text h2{ margin: 5px 0; }
  .data-list{ padding-top: 37px; }
  .in_pic_box, .in_pro_dec{ height: auto; }
  .prolist .in_pro_dec{ padding: 17px 10px 6px 10px; }
  footer{ margin-bottom: 70px; }
  .bottombox{ display: block; }
  footer .footer{ padding: 20px 20px 0 20px; }
}

@media screen and (max-width:380px){
  .indexabout h1{ line-height: 30px; }
  .in_pro-text{ height: 60px; line-height: 60px; }
  .warper{ padding: 0 10px; }
}

@media screen and (max-width:320px){
  .process-li{ width: 100%; }
  .in_pro_block li{ width: 100%; margin: 5px 0; }
}







