@charset "utf-8";
/* globals */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,dl, dt, dd, ul, ol, li, form, fieldset, lengend, button, input, textarea, th, td {
margin: 0;
padding: 0;
}
html, button, input, select, textarea {
font-family: sans-serif;
}
object, embed {
outline: 0;
}
*:focus {
outline: none;
}
del {
text-decoration: line-through;
}
em {
font-style: normal;
}
textarea {
resize: none
}
i {
display: inline-block;
vertical-align: middle;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
display: block;
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
html, body {
display: block;
width: 100%;
-webkit-font-smoothing: antialiased;
/*chrome、safari*/
/*对字体进行抗锯齿渲染*/
-moz-osx-font-smoothing: grayscale;
/*firefox*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
font: 14px/1.5 "Microsoft Yahei",Georgia,"Times New Roman","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
color: #333;
background-color: #fff;
min-width: 1226px;
color: #868686;
}
ul, ol {
list-style: none;
}
a {
text-decoration: none;
}
q:before, q:after {
content: '';
}
legend {
color: #000;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, select, button, textarea {
font-size: 100%;
outline: none;
}
button, textarea {
border: 0;
}
fieldset, img {
border: 0;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fl {
float: left;
*display: inline;
_display: inline;
}
.fr {
float: right;
*display: inline;
_display: inline;
}
.clearfix:after {
content: '';
display: table;
clear: both;
visibility: hidden;
height: 0;
}
.clearfix {
*zoom: 1;
}
.flex{display:flex;}
.page-wrap {
max-width: 1920px;
min-width: 1226px;
margin: 0 auto
}
.main-m {
width: 1200px;
max-width: 1200px;
margin: 0 auto
}
a:link,a:hover,a:visited,a:active {color: #333;text-decoration:none;}
.transition {-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s } .scale{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } @-webkit-keyframes a1 {0% {-webkit-transform: scale(1) } 10%, 20% {-webkit-transform: scale(0.7) rotate(-3deg) } 30%, 50%, 70%, 90% {-webkit-transform: scale(1.2) rotate(3deg) } 40%, 60%, 80% {-webkit-transform: scale(1.2) rotate(-3deg) } 100% {-webkit-transform: scale(1) rotate(0) } } @-moz-keyframes a1 {0% {-moz-transform: scale(1) } 10%, 20% {-moz-transform: scale(0.7) rotate(-3deg) } 30%, 50%, 70%, 90% {-moz-transform: scale(1.2) rotate(3deg) } 40%, 60%, 80% {-moz-transform: scale(1.2) rotate(-3deg) } 100% {-moz-transform: scale(1) rotate(0) } } .animation1:hover {-webkit-animation: a1 1s .2s ease both; -moz-animation: a1 1s .2s ease both }
/*============ header ============*/
/* top */
.top-box1 {
width: 100%;
border-bottom: 1px #e3e3e3 solid;
height: 29px;
line-height: 29px;
}
.top-box1-box {
width: 1200px;
margin: 0 auto;
color: #999;
font-size: 12px;
}
.top-box1-box ul li a {
color: #333;
}
.top-box1-box .t-icon {
display: inline-block;
width: 148px;
height: 29px;
line-height: 29px;
}
.top-box1-box .t-icon a {
display: inline-block;
width: 68px;
height: 27px;
margin-right: 6px;
}
.top-box1-box .t-icon .cn-icon {background: url(../img/cn_icon.gif) no-repeat center;}
.top-box1-box .t-icon .en-icon {background: url(../img/en_icon.gif) no-repeat center;}
/* head */
.headerWrap {background:url(/skin/images/top_back.jpg) no-repeat top center;height:175px;}
.headerWrap .hdwp {
width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.headerWrap .hdwp .logo_left {
float: left;
font-size: 0;
position: relative;
line-height: 64px;
}
/* .headerWrap .hdwp .logo_left img.fl {
width: 214px;
height: 65px;
} */
.headerWrap .comname-wp {
position: relative;
display:  none;
}
.headerWrap .comname-wp .cnup {
font-size: 34px;
line-height: 40px;
color: #f0ae0d;
font-weight: bold;
}
.headerWrap .comname-wp .cndw {
font-size: 16px;
line-height: 22px;
color: #525252;
word-spacing: 2px;
letter-spacing: 4px;
}
.headerWrap .hdwp .logo_left .fubiao-wp {
/*display: none;*/
text-align: center;
position: relative;
top: 4px;
padding-left: 10px;
}
#top_cen {
width: 1px;
height: 40px;
background: #e1e1e1;
overflow: hidden;
position:  relative;
top: 10px;
}
#top_gg {}
#top_gg div {
padding-left: 14px;
}
#txtup {
font-size: 22px;
line-height: 32px;
color: #183883;
font-weight: bold;
text-align: left;
}
#txtdown {
float: left;
font-size: 16px;
line-height: 24px;
color: #666;
}
.headerWrap .hdwp .logo_right {
position: relative;
}
.headerWrap .hdwp .logo_right .pi {
color: #333;
font-size: 14px;
}
.headerWrap .hdwp .logo_right dt.fl {
padding-top: 5px;
padding-right: 14px;
}
.headerWrap .hdwp .logo_right dt.fl img {
width: 50px;
display: inline;
vertical-align: middle;
}
.headerWrap .hdwp .logo_right dd.fl {
font-size: 14px;
}
.headerWrap .hdwp .logo_right dd.fl p span {
font-size: 26px;
font-weight: bold;
color: #f0ae0d;
}
/* nav */
.navComm1 {
width: 100%;
height: 45px;
 /*background: url(../img/nav_bg.png);*/
background: #297bd1;
}
.navComm1 .nc1-wp {
width: 1200px;
margin: 0 auto;
position: relative;
}
.navComm1 .nc1-wp .nc1-box {
width: 1200px;
position: absolute;
}
.navComm1 .nc1-box .nc1-item {
position: relative;
z-index: 99;
}
.navComm1 .nc1-item .nc1-fir {
display: inline-block;
line-height: 1;
padding: 15px 36px;
/*font-size: 15px;*/
font-size: 19px;
font-weight: bold;
/* color: #525252; */
color: #f9d849;

}
.navComm1 .nc1-item .nc1-fir:hover {}
.navComm1 .nc1-item .nc1-sec-box {
display: none;
width: 200px;
position: absolute;
box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
}
.navComm1 .nc1-sec-box .nc1-sec-item {
text-align: center;
background: rgba(6, 108, 203, .8);
}
.navComm1 .nc1-sec-box .nc1-sec-item:hover {
background: #183883;
}
.navComm1 .nc1-sec-box .nc1-sec-item:hover a {
color: #ffffff;
transform: translateX(4px);
-webkit-transform: translateX(4px);
}
.navComm1 .nc1-sec-box .nc1-sec-item:last-child {
border-radius: 0 0 4px 4px;
}
.navComm1 .nc1-sec-item .nc1-sec {
display: inline-block;
line-height: 1;
padding: 10px 0;
color: #f9f9f9;
}
.navComm1 .nc1-item .cur {
/* background: #183883; */
/* color: #fff; */
color: #f9d849;
}
/* banner */
.swiper-container {
width: 100%;
height: 500px;
}
.qz-banner .swiper-wrapper {
}
.qz-banner .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.qz-banner .swiper-pagination {
}
.qz-banner .swiper-pagination-bullet-active,.qz-banner2 .swiper-pagination-bullet-active {
background-color: #f0ae0d;
}
.qz-banner .swiper-button-prev,.qz-banner .swiper-button-next,.qz-banner2 .swiper-button-prev,.qz-banner2 .swiper-button-next {
width: 38px;
height: 38px;
border-radius: 100%;
color: #f0ae0d;
background-repeat: no-repeat;
background-position: center;
background-size: 38px 38px;
-ms-filter: "alpha(opacity=0)";
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-ms-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}
.qz-banner .swiper-button-prev,.qz-banner2 .swiper-button-prev {
background-image: url(../img/prev_icon.png);
}
.qz-banner .swiper-button-next,.qz-banner2 .swiper-button-next {
background-image: url(../img/next_icon.png);
}
.qz-banner:hover .swiper-button-prev,.qz-banner:hover .swiper-button-next,.qz-banner2:hover .swiper-button-prev,.qz-banner2:hover .swiper-button-next {
-ms-filter: "alpha(opacity=100)";
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.qz-banner:hover .swiper-button-prev,.qz-banner2:hover .swiper-button-prev {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.qz-banner:hover .swiper-button-next,.qz-banner2:hover .swiper-button-next {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.banner_b {
width: 1200px;
margin: 0 auto
}
.banner_b img {
margin: 0 auto
}
/* search */
.search-wrap {
}
.search-wrap .sh-wp {
width: 1200px;
padding: 10px 0;
margin: 0 auto;
}
.search-wrap .sh-wp .sh-form {}
.search-wrap .sh-form .sh-in-wp {padding: 4px;border: 1px solid #183883;}
.search-wrap .sh-form .sh-in-wp .sh-in {
height: 26px;
line-height: 26px;
border: 0;
color: #999;
}
.search-wrap .sh-form .sh-smt-wp {}
.search-wrap .sh-form .sh-smt-wp .sh-smt {
width: 36px;
height: 36px;
background: url(../img/ss.jpg) no-repeat left;
cursor: pointer;
border: 1px solid #e6e6e6;
border-left: 0;
}
.search-wrap .sh-wp .sh-keys {/* width: 700px; */line-height: 38px;overflow: hidden;font-weight: bold;color: #666;}
.search-wrap .sh-wp .sh-keys a {
color: #666;
font-weight: normal;
padding: 0 4px;
border-right: 1px dotted #d1d1d1;
}
.search-wrap .sh-wp .sh-keys a:last-child {
border-right: none;
}
.search-wrap .sh-wp .sh-keys a:hover {
color: #f0ae0d;
}
.search-bottom-bg {
height: 30px;
}
/* ban */
.about-ban,.pro-ban,.news-ban,.case-ban,.contact-ban,.buy-ban {
background-position: center;
background-repeat: no-repeat;
height: 460px;
position: relative;
margin-bottom: 10px;
}
/* search */
.search-wrap {
line-height: 1;
border-bottom: 2px solid #0e5caf;
}
.search-wrap .sh-wp {width: 1200px;padding: 10px 0;margin: 0 auto;}
.search-wrap .sh-wp .sh-form {}
.search-wrap .sh-form .sh-in-wp {padding: 6px 50px 5px 0;border: 1px solid #183883;}
.search-wrap .sh-form .sh-in-wp .sh-in {height: 23px;line-height: 15px;border: 0;color: #999;font-size: 15px;margin-left: 10px;}
.search-wrap .sh-form .sh-smt-wp {    
    padding-left: 10px;
    padding-top: 4px;
    font-size: 18px;
}
.search-wrap .sh-form .sh-smt-wp .sh-smt {width: 36px;height: 36px;background: url(../img/ss.jpg) no-repeat left;cursor: pointer;border: 1px solid #183883;border-left: 0;}
.search-wrap .sh-wp .sh-keys {width: 880px;line-height: 38px;overflow: hidden;font-weight: bold;color: #666;font-size: 17px;}
.search-wrap .sh-wp .sh-keys a {
color: #666;
font-weight: normal;
padding: 0 4px;
border-right: 1px dotted #d1d1d1;
}
.search-wrap .sh-wp .sh-keys a:last-child {
border-right: none;
}
.search-wrap .sh-wp .sh-keys a:hover {
color: #183883;
}
.search-bottom-bg {
height: 30px;
}
/*index-p*/
.dp {
height: 29px;
background: url(../img/dp.jpg) no-repeat center;
border-top: 2px solid #066dcc;
}
.SMservice_tit {
background: url(../img/list_a.png) no-repeat center 58px;
height: 70px;
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
.service_pic span {
margin-left: 5px;
font-size: 21px;
}
/*============ page-common ============*/
/* bd-lft */
.bd-lft{
zoom: 1;
overflow: hidden;
padding-left: 260px;
position:  relative;
margin-bottom: 10px;
margin-top: 10px;
}
.bd-lft:after {
content:"";
clear:both;
display:block;
height:0;
}
.bd-lft .aside{
float: left;
width: 250px;
margin-left: -100%;
position: relative;
left: -260px;
_left: 0;
}
.bd-lft .main{
float: left;
width: 100%;
}
/* section-title */
.secheader {padding: 30px 0;}
.secheader .secbox {}
.secheader .secbox p {text-align: center}
.secheader .secbox .en {
font-size: 18px;
color: #999;
text-transform: uppercase;
font-weight: normal;
font-family: arial;
}
.secheader .secbox .cn1 {
font-size: 18px;
line-height: 36px;
position: relative;
}
.secheader .secbox .cn1 .cn1-span {
padding-bottom: 4px;
letter-spacing: 8px;
padding: 0 0 0 8px;
position:  relative;
font-size: 32px;
font-weight:  bold;
color: #183883;
}
.secheader .secbox .cn1 .cn1-span:before {
content: "";
width: 230px;
height: 1px;
background: #868686;
position: absolute;
top: 50%;
left: -235px;
}
.secheader .secbox .cn1 .cn1-span:after {
content: "";
width: 230px;
height: 1px;
background: #868686;
position: absolute;
top: 50%;
right: -235px;
}
.secheader .secbox .cn2 {
color: #bdbdbd;
text-transform: uppercase;
font-size: 14px;
}
.secheader .secbox .cn2 .cn2-span {
font-size: 16px;
}
/* index-pro-show */
/*naviga*/
.tabtit {
border: 1px solid #e6e6e6;
line-height: 38px;
padding-left: 26px;
position: relative;
margin-bottom: 10px;
background-image: url(../img/home.png);
background-position: 4px center;
background-repeat:  no-repeat;
border-radius: 4px;
}
.tabtit .tab-txt-wp {
display: none;
}
.tabtit a {color: #183883;font-weight:  bold;}
.tabtit .more {padding-right: 6px;}
.tabtit span.tab-txt {
font-size: 20px;
font-weight: bold;
color: #183883;
position: relative;
background-position: 4px center;
background-repeat: no-repeat;
}
.tabtit span.tab-txt2 {
font-size: 14px;
color: #999;
padding-left: 6px;
}
.tabtit span.tab-txt:after {
content: "";
display: block;
left: 0;
top: 0;
}
/*pro-show*/
.proShowComm1 {border: 1px solid #e6e6e6;border-radius: 4px;}
.proShowComm1:hover {
background: #f9f9f9;
}
.proShowComm1 .psc1-wp {
position: relative;
}
.proShowComm1 .psc1-wp .psc1-box {
position: relative;
padding-top: 20px;
padding-left: 20px;
}
.proShowComm1 .psc1-box .psc1-item {position:  relative;margin-right: 16px;margin-bottom: 16px;}
.proShowComm1 .psc1-item .psc1-item-box {border: 2px solid #e6e6e6;}
.proShowComm1 .psc1-item-box .psc1-img-wp {
display: block;
font-size: 0;
overflow: hidden;
}
.proShowComm1 .psc1-img-wp img {width: 284px; height: 270px;  font-size: 16px;}
.proShowComm1 .psc1-item-box .psc1-des {
background: #183883;
}
.proShowComm1 .psc1-des .psc1-des-p {
text-overflow: ellipsis;
overflow: hidden;
line-height: 1;
position:  relative;
text-align:  center;
white-space: nowrap; */
}
.proShowComm1 .psc1-des .psc1-des-p1 {
}
.proShowComm1 .psc1-des .psc1-des-p1:after {content: "";display: block;position:absolute;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-ms-filter: "alpha(opacity=0)";opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.proShowComm1 .psc1-des .psc1-des-p2 {}
.proShowComm1 .psc1-des-p2 .psc1-des-info {
font-size: 14px;
color: #999;
line-height: 24px;
}
.proShowComm1 .psc1-des .psc1-name {
display: inline-block;
line-height: 1;
max-width: 252px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.proShowComm1 .psc1-item .psc1-item-box:hover {
border: 2px solid #183883;
box-shadow: 0px 0px 30px 4px rgba(0,0,0, .1);
}
.proShowComm1 .psc1-item .psc1-item-box:hover .psc1-des {
background-color: #183883;
}
.proShowComm1 .psc1-item .psc1-item-box:hover .psc1-des-p1 a {
color: #fff;
}
.proShowComm1 .psc1-item .psc1-item-box:hover .psc1-des-p1:after {
-ms-filter: "alpha(opacity=100)";
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.proShowComm1 .psc1-img-wp img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.proShowComm1 .psc1-des .psc1-namel {
font-size: 16px;
color: #fff;
padding: 10px 0;
}
.proShowComm1 .psc1-des .psc1-namer {
padding: 8px;
margin-top: 4px;
margin-left: 10px;
font-size: 14px;
border-radius: 4px;
}
/*list-pro*/
.list-pro-wp .lp-wp{width:926px;margin:0 auto;padding-top:20px;padding-left:10px;padding-right:10px;padding-bottom:10px;border-bottom:1px dashed #e6e6e6}
.list-pro-wp .lp-wp:hover{border-bottom:none;box-shadow:0 6px 10px rgba(0,0,0,.1)}
.list-pro-wp .lp-wp .img-l a{display:block;overflow:hidden;font-size:0}
.list-pro-wp .lp-wp .img-l a img{width:284px;/* height: 284px; */}
.list-pro-wp .lp-wp .img-l a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.list-pro-wp .lp-wp .txt-r{width:600px;margin-top: 47px;}
.list-pro-wp .lp-wp .txt-r .txt-wp a{display:inline-block;overflow:hidden;padding:0 0 4px 0;max-width:860px;color:#525252;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;font-weight: bold;}
.list-pro-wp .lp-wp .txt-r .txt-wp a:hover{color:#183883}
.list-pro-wp .lp-wp .txt-r .info{position:relative;display:-webkit-box;overflow:hidden;padding-top:8px;max-width:860px;color: #333;text-overflow:ellipsis;white-space:pre-wrap;font-size:16px;line-height:35px;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.list-pro-wp .lp-wp .txt-r .btn-wp{padding-top:10px}
.list-pro-wp .lp-wp .txt-r .btn-wp a{display:block;overflow:hidden;width:116px;background-color:#f6f6f6;color:#2a2a2a;text-align:center;line-height:30px}
.list-pro-wp .lp-wp .txt-r .btn-wp a:hover{-webkit-border-radius:3px;border-radius:3px;background-color:#183883;box-shadow:0 0 6px rgba(0,0,0,.05);color:#fff;-webkit-transform:translateX(2px);transform:translateX(2px)}
/*protypelist*/
.protyVerComm1 {
margin-bottom: 10px;
border: 2px solid #183883;
border-radius: 4px;
}
.protyVerComm1 .pvc1-wp {
}
.protyVerComm1 .pvc1-wp .pvc1-tit-wp {
padding: 20px 0;
color: #fff;
background-color: #183883;
background-position:  center;
background-repeat:  no-repeat;
text-align: center;
}
.protyVerComm1 .pvc1-tit-wp .pvc1-tit {
display: block;
font-size: 20px;
font-weight: bold
}
.protyVerComm1 .pvc1-tit-wp .pvc1-tit-en {
font-size: 12px;
padding-top: 8px;
text-transform: uppercase;
}
.protyVerComm1 .pvc1-wp .pvc1-item-wp {
}
.protyVerComm1 .pvc1-item-wp .pvc1-item {margin-bottom: 4px;}
.protyVerComm1 .pvc1-item .pvc1-fir-box {
background-repeat:  no-repeat;
border-bottom: 1px solid #e6e6e6;
background-color: #f1f1f1;
padding-right: 20px;
}
.protyVerComm1 .pvc1-item .pvc1-fir-box:hover {
background-color: #f9f9f9;
}
.protyVerComm1 .pvc1-fir-box .pvc1-fir {
padding: 10px 0 10px 20px;
color: #333;
background-position: right center;
background-repeat:  no-repeat;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
/* white-space: nowrap; */
}
.protyVerComm1 .pvc1-item .pvc1-sec-wp {
display: none;
}
.pvc1-item2 {
padding-left: 30px;
padding-bottom: 5px;}
.protyVerComm1 .pvc1-sec-wp .pvc1-sec-item {
}
.protyVerComm1 .pvc1-sec-item .pvc1-sec-box {
}
.protyVerComm1 .pvc1-sec-box .pvc1-sec {
padding-left: 48px;
font-size: 14px;
line-height: 32px;
color: #333;
overflow: hidden;
/* text-overflow: ellipsis; */
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
/* white-space: nowrap; */
border-bottom: 1px dotted #e6e6e6;
}
.protyVerComm1 .pvc1-fir-box .pvc1-fir:hover, .protyVerComm1 .pvc1-sec-box .pvc1-sec:hover {
color:#183883;
}
/* contact-list */
.contact1Wrap1 {
position: relative;
margin-bottom: 10px;
border: 2px solid #183883;
border-radius: 4px;
}
.contact1Wrap1 .ct1Wp span {
}
.contact1Wrap1 .ct1Wp dt {
color: #fff;
padding: 20px 0;
text-align: center;
}
.contact1Wrap1 .ct1Wp{padding-bottom: 10px;}
.contact1Wrap1 .ct1Wp .ct1titWp {background-color: #183883;background-position: center;background-repeat: no-repeat;}
.contact1Wrap1 .ct1Wp dt .ct1cn {
display: block;
font-size: 20px;
font-weight: bold;
}
.contact1Wrap1 .ct1Wp dt .ct1en {
font-size: 12px;
padding-top: 8px;
text-transform: uppercase;
}
.contact1Wrap1 .ct1Wp dd {
padding: 6px 10px 6px 10px;
font-size: 16px;
}
.contact1Wrap1 .ct1Wp dd .ctc {
font-weight: bold;
word-wrap: break-word;
word-break: break-all;
font-size: 15px;
color: #333;
}
.contact1Wrap1 .ct1Wp dd .ctc .cts {
font-weight: 500;
color: #333;
font-size: 14px;
}
.contact1Wrap1 .ct1Wp dd .ctc .cts a {
/* color: #fff; */
font-size: 13px;
}
.contact1Wrap1 .ct1Wp dd .ctc .ctaddr2 {
line-height: 20px
}
.contact1Wrap1 .ct1Wp dd .ctc .cts a:hover {
/* color: #f9f9f9; */
}
.contact1Wrap1 .ct1Wp dd .ctc .ctph2 {
font-size: 14px;
/* color: #fff; */
}
.contact1Wrap1 .ct1Wp dd .ctc .ctmb2 {
color: #333;
font-size: 14px;
}
/* navigation */

/* content */
.content-wp {
padding: 6px;
border: 1px solid #e6e6e6;
border-radius: 4px;
font-size: 16px;
margin-bottom: 10px;
}
.desc {color: #868686;border-bottom: 1px dotted #e6e6e6;margin-bottom: 10px;}
/* paging */
.paging-wp {
margin-top: 10px;
margin-bottom: 10px;
margin-right: -4px;
}
.paging-wp li {
float: left;
padding: 4px 10px;
border: 1px solid #e6e6e6;
margin: 0 4px;
font-weight: bold;
color: #183883;
border-radius: 4px;
}
.paging-wp li a {
font-weight: bold;
display: inline-block;
color: #333;
}
.paging-wp li:hover {
border-color: #183883;
}
.paging-wp li:hover a {

}
.paging-wp .previous_s {
color: #333;
}
.paging-wp .pages_solid {}
.paging-wp .next {
color: #333;
}
.paging-wp .pages_solid,.paging-wp li:hover{color: #183883;border-color: #183883;}
.paging-wp li:hover a {color: #183883;}
/* newsrelated */
#new1Relate1 {}
#new1Relate1 .nw1Wp {}
#new1Relate1 .nw1Wp p {line-height: 33px;border-bottom: 1px dotted #e6e6e6;}
#new1Relate1 .nw1Wp p .nw1Tit {
background: #183883;
color: #fff;
border-radius: 4px;
padding: 6px 14px;
}
#new1Relate1 .nw1Wp .nw1Item {
line-height: 1;
position: relative;
border-bottom: 1px solid #e6e6e6;
}
#new1Relate1 .nw1Wp .nw1Item:after {
content: "";
display: block;
visibility: hidden;
clear: both
}
#new1Relate1 .nw1Wp .nw1Item .nw1Time {
display: inline-block;
float: right;
padding: 8px 0
}
#new1Relate1 .nw1Wp .nw1Item .nw1Content {
display: inline-block;
float: left;
}
#new1Relate1 .nw1Wp .nw1Item .nw1Content a {
display: inline-block;
padding: 8px 0
}
#new1Relate1 .nw1Wp .nw1Item .nw1Content a:hover {
color: #333
}
/* prorelated */
#proArelated1 {
margin-top: 6px;
}
#proArelated1 .prWrap {
position: relative;
}
#proArelated1 .prore {line-height: 33px;border-bottom: 1px dotted #e6e6e6;}
#proArelated1 .prore span {background: #183883;color: #fff;border-radius: 4px;padding: 6px 14px;}
#proArelated1 .proreUl {
padding: 20px 0;
}
#proArelated1 .proreUl:after {
content: "";
display: block;
clear: both
}
#proArelated1 ul li {
float: left;
border: 1px solid #e6e6e6;
position:  relative;
margin-right: 22px;
}
#proArelated1 ul li .proreimgWrap {
font-size: 0;
overflow: hidden;
width: 160px;
display:  block;
}
#proArelated1 ul li .proreimgWrap img {
font-size: 14px;
width: 160px;
height: 120px;
transition: all .6s ease;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
-ms-transition: all .6s ease;
}
#proArelated1 ul li .proreimgWrap img:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
#proArelated1 ul li p {
padding: 8px 0;
text-align: center;
line-height: 16px;
background-color: #e6e6e6;
}
#proArelated1 ul li p a {}
#proArelated1 ul li p a span {
display: inline-block;
max-width: 160px;
max-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#proArelated1 ul li p a span:hover {
color: #183883;
}
#proArelated1 ul li h5 {
max-width: 170px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 12px;
padding: 4px;
}
/*============ index ============*/
/* protype-show */
.proshow-wrap {
width: 1200px;
position: relative;
margin: 10px auto 0 auto;
}
.proshow-wrap .ps-up {
height: 400px;
background-color: #e6e6e6;
box-shadow: 0px 0px 30px 4px rgba(0,0,0, .1);
}
.pts0 {background: url(../img/pts1.jpg) no-repeat center;}
.pts1 {background: url(../img/pts2.jpg) no-repeat center;}
.pts2 {background: url(../img/pts3.jpg) no-repeat center;}
.pts3 {background: url(../img/pts4.jpg) no-repeat center;}
.ps-up .ps-up-txt {
width: 50%;
height: 400px;
padding: 40px;
color: #fff;
}
.proshow-wrap .ps-up .ps-up-txt .psu-tit {
}
.proshow-wrap .ps-up-txt .psu-tit .psu-name {
display:  inline-block;
max-width: 520px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-left: 4px solid #183883;
padding-left: 8px;
font-size: 24px;
color: #fff;
}
.proshow-wrap .ps-up .ps-up-txt .psu-des {
max-width: 520px;
max-height: 142px;
position:  relative;
top: 60px;
font-size:  16px;
line-height: 22px;
padding-top: 10px;
overflow:  hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 12;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.proshow-wrap .ps-up .ps-up-txt .psu-btn {
position: relative;
top: 100px;
}
.proshow-wrap .ps-up .ps-up-txt .psu-btn a {
display: inline-block;
padding: 14px 40px;
background-color: #183883;
border-radius: 8px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.proshow-wrap .ps-up .ps-up-txt .psu-btn a:hover {
transform:translateY(-4px);
box-shadow: 0px 0px 30px 4px rgba(0,0,0, .1);
background-color: #214bad;
}
.proshow-wrap .ps-down {
position: relative;
padding: 10px 0;
}
.proshow-wrap .ps-down .psd-wp {
position: relative;
width: 1216px;
}
.proshow-wrap .ps-down .psd-wp .psd-item {
position: relative;
margin-right: 16px;
border: 2px solid #e6e6e6;
}
.proshow-wrap .ps-down .psd-wp .psd-item:hover {
border-color:#183883;
box-shadow: 0px 0px 30px 4px rgba(0,0,0, .1);
}
.proshow-wrap .ps-down .psd-wp .psd-item:hover img {
transform: scale(1.1);
}
.proshow-wrap .psd-item .psd-img-wp {
display: block;
font-size: 0;
overflow: hidden;
}
.proshow-wrap .psd-item .psd-img-wp img {width: 284px;height: 284px;font-size: 16px;}
.proshow-wrap .psd-item .psd-proname {
display: block;
font-size: 16px;
color: #fff;
padding: 10px 0;
text-align:  center;
max-width: 284px;
background-color: #183883;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* all-pro */
.all-pro {
width: 1200px;
height: auto;
overflow: hidden;
position: relative;
margin: 0 auto;
border: 1px solid #e6e6e6;
background-color: #f9f9f9;
box-shadow: 0 0 15px rgba(0,6,4,.15);
margin-bottom: 10px;
}
.all-pro .swiper-wrapper {

}
.all-pro .swiper-slide {
position: relative;
border: 1px solid #e6e6e6;
background: #fff;
}
.all-pro .swiper-pagination,.all-pro .swiper-button-prev,.all-pro .swiper-button-next {
width: 38px;
height: 38px;
border-radius: 100%;
color: #183883;
background-repeat: no-repeat;
background-position: center;
background-size: 38px 38px;
-ms-filter: "alpha(opacity=0)";
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.all-pro .swiper-button-prev {
background-image: url(../img/prev_icon.png);
}
.all-pro .swiper-button-next {
background-image: url(../img/next_icon.png);
}
.all-pro .swiper-pagination {
position: absolute;
}
.all-pro .swiper-slide:hover .name {
background-color: #183883;
color: #fff
}
.all-pro:hover .swiper-pagination,.all-pro:hover .swiper-button-prev,.all-pro:hover .swiper-button-next {
-ms-filter: "alpha(opacity=100)";
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.all-pro:hover .swiper-button-prev {
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
.all-pro:hover .swiper-button-next {
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
.all-pro .swiper-slide .img-a {
display: block;
overflow: hidden;
font-size: 0;
}
.all-pro .swiper-slide .img-a img {
width: 100%;
max-width: 100%;
height: auto;
font-size: 16px;
}
.all-pro .swiper-slide .name {
display: block;
text-align: center;
font-size: 16px;
color: #868686;
padding: 10px 0;
background: #f1f1f1;
}
/* ys-head */
.ys-head {
height: 142px;
position: relative;
padding: 10px 0;
}
/* ys-wrap */
.advanWrap .adSecWp {}
.advanWrap .adSecWp .adv-sec {
width: 1200px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.advanWrap .adv-sec .adv-txtWp {
width: 50%;
padding: 20px 0;
}
.advanWrap .adv-txtWp .adv-tit {
width: 80%;
padding-left: 82px;
}
.advanWrap .adv-tit .adv-t1 {color: #183883;font-size: 18px;line-height: 18px;text-transform: uppercase;}
.advanWrap .adv-tit .adv-t2 {
text-transform: uppercase;
padding-bottom: 30px;
color: #333;
font-size: 26px;
line-height: 28px;
font-weight: bold;
padding-top: 12px;
position:  relative;
}
.advanWrap .adv-tit .adv-t2:after {
content:"";
width: 446px;
height: 2px;
background: #e6e6e6;
display:block;
position:absolute;
bottom: 18px;
}
.advanWrap .adv-txtWp .adv-art {
width: 80%;
padding-left: 62px;
}
.advanWrap .adv-txtWp .adv-art p {
font-size: 14px;
line-height: 24px;
color: #666;
padding-bottom: 10px;
padding-left: 20px;
}
.advanWrap .adv-art .adv-p1 {}
.advanWrap .adv-art .adv-p2 {}
.advanWrap .adv-art .adv-p3 {}
.advanWrap .adv-sec .adv-pic {
width: 50%;
height: 302px;
background: #cfcfcf;
}
/* index-about */
.container_content {
position:  relative;
width: 1200px;
margin: 0 auto;
padding-bottom: 30px;
}
.container_content .contentbody {
height: 100%;
display: table;
width: 45%;
float: left;
background-color: #fff;
padding: 33px;
}
.container_content .contentbody .wrapper {
vertical-align: middle;
}
.container_content .wrapper .header {
font-size: 26px;
color: #183883;
text-align: left;
position: relative;
padding-bottom: 54px;
padding: 0px 0 40px 0;
margin: 0 auto;
font-weight:  bold;
}
.container_content .wrapper .header:after {
content: '';
display: block;
width: 30px;
height: 1px;
background-color: #aaa;
position: absolute;
left: 0;
bottom: 26px;
}
.container_content .header .subtitle {
margin: 5px 0;
font-size: 16px;
color: #999;
font-weight:  normal;
}
.container_content .description {
font-size: 14px;
color: #777;
text-align: left;
max-width: 780px;
margin: 0 auto;
line-height: 24px;
}
.container_content .more-a {
position: relative;
z-index: 1;
display: inline-block;
padding: 8px 20px;
min-width: 80px;
border: 1px solid #e1e1e1;
background: #f8f8f8;
color: #898989;
text-align: center;
text-transform: Uppercase;
transition: all .3s linear;
margin-top: 10px;
border-radius: 4px;
}
.container_content .description p:nth-child(1) {
text-indent: 24px;
}
.container_content .more-a:after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 0;
height: 100%;
background-color: #183883;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: -1;
border-radius: 4px;
}
.container_content .more-a:hover {
border-color: #183883;
color: #fff;
}
.container_content .more-a:hover:after {
width: 100%;
}
.container_content .mediabody {
width: 600px;
}
.container_content div.image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
/* 首页关于我们翻页 */
.mediabody .swiper-container {
width: 600px;
height: 375px;
}
.qz-banner2 .swiper-wrapper {
}
.qz-banner2 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
}
/* index-case */
.slsRolComm1 {
padding-bottom: 40px;
}
.slsRolComm1 .src1-wp {
width: 1200px;
height: 230px;
border: 1px solid #e6e6e6;
overflow: hidden;
margin: 0 auto;
position: relative
}
.slsRolComm1 .src1-wp:hover .src1-btnl, .slsRolComm1 .src1-wp:hover .src1-btnr {
display: inline-block;
}
.slsRolComm1 .src1-wp .src1-btnl, .slsRolComm1 .src1-wp .src1-btnr {display: none;width: 20px;line-height: 40px;color: #fff;cursor: pointer;background: #183883;position: relative;top: 50%;margin-top: -20px;z-index: 999;text-align: center;}
.slsRolComm1 .src1-wp .src1-btnl {
}
.slsRolComm1 .src1-wp .src1-btnr {
}
.slsRolComm1 .src1-wp .src1-box {
position: absolute
}
.slsRolComm1 .src1-box .src1-item {
padding: 4px
}
.slsRolComm1 .src1-item .src1-item-box {
border: 1px solid #e6e6e6
}
.slsRolComm1 .src1-item-box .src1-img-wp {
display: inline-block;
overflow: hidden;
padding: 2px;
font-size: 0
}
.slsRolComm1 .src1-item-box .src1-img-wp img {
font-size: 14px;
width: 216px;
height: 166px
}
.slsRolComm1 .src1-item-box .src1-des-wp {text-align: center;background: #183883;padding: 11px;}
.slsRolComm1 .src1-des-wp .src1-name {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 1;
max-width: 194px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* index-news */
.index-news-wrap {position: relative;margin-bottom: 30px;}
.index-news-wrap .inw {box-sizing: border-box;padding: 24px;width: 1200px;margin: 0 auto;}
.index-news-wrap .inw-l {width: 800px;height: 495px;position: relative;}
.index-news-wrap .il-tab {
background: #f3f5f6;
margin-bottom: 30px;
position: relative;
}
.index-news-wrap .il-tab li {
width: 50%;
}
.index-news-wrap .in-z-index {z-index: 2}
.index-news-wrap .in-cur {
background: #183883;
color: #fff;
}
.index-news-wrap .hide {display: none}
.index-news-wrap .il-tab li span {
display: block;
height: 55px;
line-height: 55px;
position: relative;
text-align: center;
font-size: 18px;
}
.index-news-wrap .il-content-wp {box-sizing:  border-box;padding: 8px;width:800px;position: absolute;border: 1px solid #e6e6e6;}
.index-news-wrap .first-item {}
.index-news-wrap .first-item .fiwp {
width: 475px;
padding-left: 6px;
}
.index-news-wrap .a-img {
display:  block;
width: 305px;
height: 228px;
overflow:  hidden;
}
.index-news-wrap .a-img img {
width: 305px;
height: 228px;
}
.index-news-wrap .a-img img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.index-news-wrap .first-item .tit-wp {}
.index-news-wrap .first-item .tit-wp span {
font-size: 13px;
color: #555;
line-height: 30px;
font-weight: bold;
}
.index-news-wrap .first-item .tit-wp a {
color: #000;
font-size: 16px;
width: 380px;
line-height: 30px;
font-weight: bold;
max-width: 380px;
max-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-news-wrap .first-item .tit-wp a:hover {color:#183883;}
.index-news-wrap .first-item .in-info {
margin-top: 5px;
line-height: 24px;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
height: 148px;
color: #666;
}
.index-news-wrap .first-item .more-a {
display:  block;
margin-top: 12px;
width: 99px;
height: 33px;
line-height: 33px;
text-align: center;
background: #183883;
color: #fff;
font-size: 14px;
border-radius: 5px;
}
.index-news-wrap .first-item .more-a:hover {
-webkit-transform: translateX(4px);
transform: translateX(4px);
box-shadow: 2px 2px 2px 0 #d1d1d1;
}
.index-news-wrap .next-item {
height: 40px;
width: 342px;
border-bottom: 1px dashed #d0d0d0;
line-height: 40px;
padding-left: 20px;
font-size: 13px;
margin-right: 30px;
}
.index-news-wrap .next-item span {
color: #000;
width: 80px;
}
.index-news-wrap .next-item a {
width: 230px;
color: #000;
max-width: 255px;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-news-wrap .next-item a:hover {color:#183883;}
.index-news-wrap .inw-r {
width: 340px;
}
.index-news-wrap .inw-r .ir-tit-wp {
height: 52px;
background: #183883;
font-size: 18px;
line-height: 52px;
text-align: center;
color: #fff;
}
.index-news-wrap .inw-r .ir-tit-wp span {}
.index-news-wrap .inw-r .scroll-wp {}
.vtsRolComm1 {

margin-top: 31px;

background: #fff;
}
.vtsRolComm1 .vrc1-tit {
color: #fff;
padding: 20px 0;
text-align: center;
}
.vtsRolComm1 .vrc1-tit span {
line-height: 1
}
.vtsRolComm1 .vrc1-tit .vrc1-tit-cn {
display: block;
font-size: 20px;
font-weight: bold;
}
.vtsRolComm1 .vrc1-tit .vrc1-tit-en {
display: inline-block;
font-size: 12px;
padding-top: 8px;
}
.vtsRolComm1 .vrc1-wp {
height: 408px;
border: 1px solid #e6e6e6;
overflow: hidden;
position: relative;
}
.vtsRolComm1 .vrc1-wp .vrc1-btnU, .vtsRolComm1 .vrc1-wp .vrc1-btnD {
display: none;
width: 100%;
line-height: 40px;
color: #fff;
cursor: pointer;
background: #183883;
position: absolute;
margin: 0 auto;
z-index: 999;
text-align: center
}
.vtsRolComm1 .vrc1-wp:hover .vrc1-btnU,.vtsRolComm1 .vrc1-wp:hover .vrc1-btnD {
display: block;
}
.vtsRolComm1 .vrc1-wp .vrc1-btnU {
top: 0
}
.vtsRolComm1 .vrc1-wp .vrc1-btnD {
bottom: 0
}
.vtsRolComm1 .vrc1-wp .vrc1-box {
position: absolute
}
.vtsRolComm1 .vrc1-box .vrc1-item {
padding: 4px;
}
.vtsRolComm1 .vrc1-item p {
padding: 4px 0 4px 34px;
/* line-height: 34px */
}
.vtsRolComm1 .vrc1-item p a {
display: inline-block;
font-size: 14px;
max-width: 300px;
max-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #525252;
}
.vtsRolComm1 .vrc1-item p a:hover {
color: #183883;
}
.vtsRolComm1 .vrc1-item .que a {
font-weight: bold;
}
.vtsRolComm1 .vrc1-item .aws {
margin-bottom: 4px;
border-bottom: 1px dashed #e6e6e6;
}
.vtsRolComm1 .vrc1-item .aws a {

}
/* business */
.business-wrap {
background-color: #f9f9f9;
}
.business-wrap .bs-wp {
width: 1200px;
margin: 0 auto;
padding: 14px 0;
}
.business-wrap .bs-wp span {
display: block;
line-height: 20px;
font-size: 18px;
padding-bottom: 8px;
border-bottom: 1px dotted #bebebe;
color: #525252;
}
.business-wrap .bs-wp a {
display: inline-block;
line-height: 1;
font-size: 14px;
padding: 0 7px 0 0;
margin-right: 7px;
border-right: 1px dotted #9a9a9a;
color: #acacac;
}
.business-wrap .bs-wp ul {
}
.business-wrap .bs-wp ul li {
float: left;
padding: 6px 0;
}
/*============ about ============*/

/*============ product ============*/
/* product-list */

/* product-article */
.proinfo {}
.proinfo .imgWp {width: 50%;font-size: 0;text-align: center;border: 1px solid #e6e6e6;padding: 2px 0;position: relative;margin-bottom: 10px;}
.proinfo .imgWp img {
width: 98%;
border: 0;
font-size: 12px;
display: inline-block;
}
.proinfo .infoWp {width: 50%;}
.proinfo .infoWp .contTit {
border-bottom: 1px dotted #e6e6e6;
}
.proinfo .infoWp .contTit h1 {
text-align: center;
font-size: 24px;
font-weight: bold;
color: #183883;
padding: 10px 0;
}
.contTit .news-h1 {
text-align: center;
font-size: 24px;
font-weight: bold;
color: #183883;
padding: 10px 0;
}
.proinfo .infoWp .info-con {
padding: 10px 0;
}
.proinfo .infoWp .tel {padding: 19px 0 39px 22px;background: #f3f3f3;/* background-image: url(../img/telwpbg.jpg); */font-size: 20px;height: 450px;}
.proinfo .infoWp .tel .photxt {
    line-height: 48px;
    font-size: 22px;
}
.rwm{
    width: 435px;
    margin-top: 20px;
    background: #d21705;
    color: #fff;
    padding: 9px;
    border-radius: 16px;
    text-align: center;
}
.rwm em{
    text-align: center;
}
#flow_znwx{font-size:0.8em;}
#flow_znwx a{ text-decoration:none;}
#flow_znwx #znwx_icon{width:5em; height:5em; background:url("../img/znwx_icon_1.png") no-repeat 0 0; background-size:18em; position:fixed; right:0.5em; top:40%; z-index:999996;}
/*#flow_znwx #znwx_icon{width:5em; height:5em; background:url("../img/znwx01.gif") no-repeat 0 0; background-size:100%; position:fixed; right:0.5em; top:40%; z-index:999996;}*/
#flow_znwx #znwx_copybg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:999998;background: rgba(0,0,0,0.6);display:none;}
#flow_znwx #znwx_copy{width:18em; height:12em; background:url("../img/znwx_icon_1.png") no-repeat 0 -5.8em;background-size:23em; position:fixed; left:50%; top:45%; z-index:999999;margin-left:-9em; margin-top:-5em; text-align:center;padding:2.8em 0 0; box-sizing:border-box; overflow:hidden; display:none;}
#flow_znwx #znwx_copy span{font-size:1.5em; color:#fff; background:#086116; padding:0.1em 0.2em 0.2em;}
#flow_znwx #znwx_copy em{font-size:1em; line-height:1em; color:#666; margin:0.5em 0; padding-right:1em; display:inline-block;}
#flow_znwx #znwx_copy i{width:1.5em; height:1.5em; background:url("../img/znwx_icon_1.png") no-repeat -9.2em 0;background-size:22em; display:inline-block; vertical-align:middle;}
#flow_znwx #znwx_copy b{font-size:1.2em; color:#fff; background:#086116;  padding:0.1em 0.2em 0.2em;}
#flow_znwx #znwx_copy p{position:absolute; right:1em; top:0.6em; width:2em; height:2.8em;}

.znendwx{width:100%; height:40px; padding:5px 0px; font-size:1em; position:fixed; bottom:0; left:0; z-index:999997; background:#CCDFEE; color:#183E29; text-align:center; font-weight:bold;}

.zntop_tip { margin: 0px auto; position: fixed; left: 0px; width: 100%;  bottom: 0px; background: rgb(243, 242, 242) none repeat scroll 0% 0%; border-top: 1px solid rgb(204, 204, 204); z-index: 999998; }
.znto_pc { float: left; }

.zngetwx{color:#096117; font-weight:bold;}
.zngetwx:before{content:"☞";}

.znwxpiaofu {width:240px; position:fixed; top:20%; right:8px; font-size:16pt; text-align:center; line-height:18pt; display:none;background-color:#ffffff; border:#900 3px solid; padding:10px 5px 10px 5px; z-index:99999999;}
.znwxpiaofu img {width:100%; height:auto;}


@media screen and (min-width: 1120px) { 
.znwxpiaofu { display:block; }
} 





.proinfo .infoWp .tel .phone {
display: none;
color: #5e5e5e;
font-size: 16px;
font-weight: bold;
}
.cminfo {
text-align: center;
padding: 4px 0
}
.cmBody p{
    color: #333 !important;
}
.cmBody span{
    color: #333 !important;
}
.cmBody .cb-des {padding: 2px;border-radius: 4px;margin: 6px 0;margin-bottom: 89px;}
.cmBody .cb-des span {
padding: 4px;
background: #183883;
color: #fff;
border-radius: 4px;
}
/*============ case ============*/
/* case-list */

/* case-article */

/*============ news ============*/
/* news-list */
.newsShowComm1 {}
.newsShowComm1 .nsc1-wp {
margin: 0 auto;
}
.newsShowComm1 .nsc1-wp .nsc1-box {}
.newsShowComm1 .nsc1-box .nsc1-item {
padding: 10px 0;
font-size: 0;
border-bottom: 1px solid #eaeaea;
}
.newsShowComm1 .nsc1-box .nsc1-item:hover {
box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
}
.newsShowComm1 .nsc1-item .nsc1-img {
width: 180px;
height: 135px;
font-size: 16px;
}
.newsShowComm1 .nsc1-item .nsc1-cont-wp {
padding: 0 0 0 10px;
}
.newsShowComm1 .nsc1-cont-wp .nsc1-tit {}
.newsShowComm1 .nsc1-cont-wp .nsc1-tit a {font-size: 16px;line-height: 1;display: inline-block;/* max-width: 160px; */max-height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 4px 0;color: #525252;}
.newsShowComm1 .nsc1-cont-wp .nsc1-tit a:hover {
color: #183883;
}
.newsShowComm1 .nsc1-cont-wp .nsc1-cont {
font-size: 14px;
line-height: 24px;
max-width: 736px;
max-height: 91px;
overflow: hidden;
color: #a2a2a2;
}
.newsShowComm1 .nsc1-cont .nsc1-more {
font-size: 14px;
color: #515151;
}
.newsShowComm1 .nsc1-cont-wp .nsc1-time {
font-size: 14px;
display: inline-block;
line-height: 1;
color: #515151;
padding: 10px 0 0 0;
}
/* news-article */
.contTit {
border-bottom: 1px dotted #e6e6e6;
}
.contTit h1 {
text-align: center;
font-size: 24px;
font-weight: bold;
color: #183883;
padding: 10px 0;
}
/*============ contact ============*/

/*============ buy ============*/
/* buy-list */

/* buy-article */

/*============ footer ============*/
/* foot */
.foot-wrap{overflow:hidden;position:  relative;border-top: 4px solid #0077ef;}
.foot-wrap .container{overflow:hidden;background-color:#183883}
.foot-wrap .ftmenu{overflow:hidden;width:1200px;margin:0 auto}
.foot-wrap .ftmenu li{text-align:center;float:left;padding: 10px 22px;}
.foot-wrap .ftmenu li img{display:inline-block}
.foot-wrap .ftmenu li p{height:30px;line-height:30px}
.foot-wrap .ftmenu li p a{font-size:16px;color: #f8f8f8;}
.foot-wrap .ftmenu li:hover a{color: #c3c3c3;}
.foot-wrap .ftmenu li span{display:inline-block;width:48px;height:48px}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(.7) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(.7) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}
.foot-wrap .ftmenu li:hover span{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}
.foot-wrap .zsbd{width:100%;border-top: 1px solid #084680;border-bottom: 1px solid #317bc5;}
.foot-wrap .ftdown{overflow:hidden;width:1200px;margin:0 auto}
.foot-wrap .ftdown dl{/* float:left; */text-align: center;overflow:hidden;margin: 30px 0 10px 0;}
.foot-wrap .ftdown dl dt{float:left}
.foot-wrap .ftdown dl dt img{width:130px;max-width:130px;height:auto;display: none;}
.foot-wrap .ftdown dl dd{position:relative;/* margin-left:140px; *//* padding-left:11px; *//* border-left:1px solid #c3c3c3 */}
.foot-wrap .ftdown dl dd p{/* width:800px; */line-height:24px;font-size:13px;color: #d9d9d9;}
.foot-wrap .ftdown dl dd p img{-webkit-transform:scale(.9);transform:scale(.9)}
.foot-wrap .ftdown dl dd p *{display:inline-block;font-size:13px;color:#a7a7a7}
.foot-wrap .ftdown dl dd p em{width:5px;height:2px}
.foot-wrap .ftdown .ewm{float:right;/* margin-top:30px; */overflow:hidden;}
.foot-wrap .ftdown .ewm span{display:block;width:140px;float:left;text-align:center}
.foot-wrap .ftdown .ewm span img{display: none;margin-top:9px;}
/*e*/
.about_more a{color: #fff}
/*index-video*/
.invid-lft{
zoom: 1;
overflow: hidden;
padding-left: 0px
}
.invid-lft .main{
/*float: left;*/
width: 1100px;
margin: 10px auto;
height: 400px;
background-color: #f6f6f6;
}
.invid-lft .aside{
float: left;
width: 0;
margin-left: -100%;

position: relative;
left: -210px;
_left: 0;
}
/*pro-more*/
img{border:none}
.block a.cloud-zoom img{
    /* height: 325px; */
}
.block{margin: 3px 3px 0 3px;text-align:center;position:  relative;}
#spec-n5{height:56px;padding-top:6px;padding-bottom:6px;overflow:hidden;position:  relative;left: 4px;}
#spec-left{width:10px;height:45px;float:left;cursor:pointer;margin-top:5px}
#spec-right{width:10px;height:45px;float:left;cursor:pointer;margin-top:5px}
#spec-list{width:182px;height: 48px;float:left;overflow:hidden;margin-left:2px;display:inline;}
#spec-list ul li{float:left;display:inline;width: 54px;margin: 0 2px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc;width:50px;height:48px}
#spec-list{position:relative;}
#spec-list div{margin-top:0;margin-left:-30px;*margin-left:0}
.cloud-zoom-lens{border:4px solid #888;margin:-4px;background:#fff;_background:none;cursor:move}
.cloud-zoom-title{font-family:Arial,Helvetica,sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px}
.cloud-zoom-big{border:4px solid #ccc;overflow:hidden}
.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000}
#pro-more .small-pic{width:260px;height:195px;background:#eee;position:relative}
#pro-more .mark{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background:red;filter:alpha(opacity: 0);opacity:0}
#pro-more .float-layer{width:50px;height:50px;border:1px solid #000;background:#fff;filter:alpha(opacity: 30);opacity:.3;position:absolute;top:0;left:0;display:none}
#pro-more .small-pic img{border:0;display:block}
#pro-more .big-pic{position:absolute;top:-1px;left:274px;width:400px;height:300px;overflow:hidden;border:2px solid #ccc;display:none}
#pro-more .big-pic img{width:500px;border:0;display:block;position:absolute;top:0;left:0}
.slsRolComm1 {
padding-bottom: 40px;
}
.slsRolComm1 .src1-wp {
width: 1200px;
height: 230px;
border: 1px solid #e6e6e6;
overflow: hidden;
margin: 0 auto;
position: relative
}
.slsRolComm1 .src1-wp:hover .src1-btnl, .slsRolComm1 .src1-wp:hover .src1-btnr {
display: inline-block;
}
.slsRolComm1 .src1-wp .src1-btnl, .slsRolComm1 .src1-wp .src1-btnr {display: none;width: 20px;line-height: 40px;color: #fff;cursor: pointer;background: #0173B2;position: relative;top: 50%;margin-top: -20px;z-index: 999;text-align: center;}
.slsRolComm1 .src1-wp .src1-btnl {
}
.slsRolComm1 .src1-wp .src1-btnr {
}
.slsRolComm1 .src1-wp .src1-box {
position: absolute
}
.slsRolComm1 .src1-box .src1-item {
padding: 4px
}
.slsRolComm1 .src1-item .src1-item-box {
border: 1px solid #e6e6e6
}
.slsRolComm1 .src1-item-box .src1-img-wp {
display: inline-block;
overflow: hidden;
padding: 2px;
font-size: 0
}
.slsRolComm1 .src1-item-box .src1-img-wp img {
font-size: 14px;
width: 216px;
height: 166px
}
.slsRolComm1 .src1-item-box .src1-des-wp {text-align: center;background: #0173B2;padding: 11px;}
.slsRolComm1 .src1-des-wp .src1-name {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 1;
max-width: 194px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}