@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;  height: 100%; scroll-behavior: smooth;}

body {margin: 0 auto;font-family:"微软雅黑";font-size: 12px; font-size: 1.2rem; height: 100%;background:#fff;width:100%;max-width:1920px; overflow-x:hidden;}


img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span,em {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block; transition: 0.5s;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:"微软雅黑";font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input[type= "button"],input[ type="submit" ],input[type="reset"] {-webkit-appearance: none;}
button{border-radius : 0px; -webkit-border-radius:0px;}

::selection { color: #fff; background: #2095d4;}

* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box;}
::-webkit-scrollbar {
    width:4px; height: 4px;
}
::-webkit-scrollbar-track {
    background: #e5e5e5
}
::-webkit-scrollbar-thumb {
    background:#2095d4;
}


.fons0{ font-size:0px; font-size:0rem;}

::-webkit-input-placeholder {/* WebKit browsers */
    color:#666;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#666;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#666;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#666;opacity:1 }

@media screen and (min-width:1000px){
    .zong {width: calc(100% - 160px); max-width: 1600px; margin: auto;}
    .zong1 {width: calc(100% - 160px); max-width: 1600px; margin: auto;}
}
@media screen and (max-width:999px) {
    .zong,.zong1 {width: 95%;margin: auto;}
}

/*a:hover img{transform: scale(1.1,1.1)}*/
img{max-width: 100%;}
a:hover{ color: #2095d4;}

.mp{ font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333333;}
.mp p,.mp a{color: #333333; display: block;}
.mp a:hover{color: #2095d4;}

.mp1{ font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #333333;}
.mp1 p,.mp1 a{color: #333333; display: block;}
.mp1 a:hover{color: #2095d4;}

@media screen and (max-width:1559px) {
    .mp1{ font-size: 16px; font-size: 1.6rem; line-height: 30px !important;}
}
@media screen and (max-width:1359px) {
    .mp{ font-size: 14px; font-size: 1.4rem; line-height: 26px !important;}
}
@media screen and (max-width:767px) {
    .mp1{ font-size: 14px; font-size: 1.4rem; line-height: 26px !important;}
    .mp{ font-size: 12px; font-size: 1.2rem; line-height: 22px !important;}
}

.img1{ display: block; position: relative; overflow: hidden;}
.img1 img{ width: 100%; position: relative; z-index: 1}
.img1:before{content: ''; position: absolute; width: 0px; height: 100%; background: #fff; opacity: 0.5;  left: 50%; transform: translateX(-50%); top: 0px; transition: 1s; z-index: 2}
.img1:after{content: ''; position: absolute; width: 100%; height: 0px; background: #fff; opacity: 0.5;  top: 50%; transform: translateY(-50%); left: 0px; transition: 1s; z-index: 2}
.img1:hover:before{width: 100%; opacity: 0}
.img1:hover:after{height: 100%; opacity: 0}

@keyframes m1tu
{
    0% { opacity:0; left:0px;}
    50% { opacity:1; left:50%;}
    100% { opacity:0; left:100%}
}

.img2{display: block; width: 300px; margin: auto; position:relative; overflow:hidden; z-index:1}
.img2 img{width: 100%;}
.img2:after{ content:""; height:100%; position:absolute; top:0px; transition:0.5s; background:#fff;  width:40px; filter: blur(30px); opacity:0; z-index:3}
.img2:hover:after{ -webkit-animation-name:m1tu; animation-name:m1tu; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear;  -webkit-animation-iteration-count:1; animation-iteration-count:1}

.niu1 { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; }
.niu1 span { position: relative; z-index: 2;}
.niu1:before { position: absolute; content: ''; top: 0px; bottom: 0px; left: 0px; right: -50px; border-bottom: 50px solid #2095d4; border-right: 30px solid transparent; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.niu1:after { position: absolute; content: ''; top: 0px; right: 0px; bottom: 0px; left: -50px; border-left: 30px solid transparent; border-bottom: 50px solid #2095d4; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.niu1:hover:before { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); }
.niu1:hover:after { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); }

.niu2 { overflow: hidden; position: relative; }
.niu2 span { position: relative; display: block; z-index: 2; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.niu2 span:before { position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; content: ""; background-color: #2095d4; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.niu2:hover span:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }

.niu3 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }
.niu3:after { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; z-index: -1; content: ''; background: #2095d4; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.niu3:hover { color: #fff; }
.niu3:hover:after { height: 500%; opacity: 1; }


.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


/*  head  */
.head{ position:fixed; width:100%; left:0px; top:0px; transition:1s; background: #fff; z-index:99999;}

.head .zong{ padding-top: 10px; border-bottom: 1px solid #eee;}
.head .zong:after{content: ""; clear:both; display: block;}
.logo{display:block;float:left;width:237px;}
.logo img{ transform: scale(1) !important}

@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}

.hetel{ float: right; position: relative; margin-top: 26px; padding-left: 18px; z-index: 99}
.hetel:before{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background: #dddddd;}
.hetel span{ color: #148dc9; display: block; font-size: 28px; cursor: pointer;}
.hetela{ position: absolute; right: 0px; bottom: 100%; font-size: 24px; font-size: 2.4rem; line-height: 34px; font-weight: bold; visibility: hidden; opacity: 0; transition: 0.5s; z-index: 99}
.hetel:hover .hetela{ visibility:visible; opacity: 1;}
.hetel:hover span{-webkit-animation: hvr-buzz-out 3s infinite linear; animation: hvr-buzz-out 3s infinite linear;}

.sou::-webkit-input-placeholder {/* WebKit browsers */
    color:#999999;opacity:1}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#999999;opacity:1 }
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#999999;opacity:1 }
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#999999;opacity:1 }

/*  sousuo  */
.sousuo{ float: right; margin-right: 18px; margin-top: 22px;}
.sousuo form{ width:320px; overflow:hidden; background:#efefef; border-radius: 10px; transition:0.5s; position: relative;z-index:9}
.sou{width: 100%;height:45px;line-height:45px; padding-left:13px; padding-right: 50px; font-size:14px; font-size:1.4rem; color:#666; background:none;}
.suo{width:48px;height:45px; background:none; position:absolute; right: 0px; top: 0px; z-index:2; border-radius:0 10px 10px 0; cursor:pointer;}
.sou1{width:48px;height:45px; background: #148dc9; position:absolute; right: 0px; top: 0px; z-index:1; border-radius:0 10px 10px 0; text-align: center; line-height: 45px; color: #fff; font-size: 22px !important;}
.sou2{display: none;}

/*  daohang  */
.daohang{ float:right; transition:0.5s; margin-top: 27px; margin-right: 10px;}
.daohang>li{ float:left; /*position:relative; z-index:999;*/ margin-right:54px; padding-bottom: 13px;position: relative}
.daohang>li>a{display:block;font-size:18px;font-size:1.8rem;line-height:30px; padding-bottom: 19px; color:#333333; cursor:pointer; transition:1s; position: relative;}
.daohang>li>a:before{content: ""; position: absolute; width: 0px; height: 2px; background: #2095d4; bottom: 0px; left: 50%; transform: translateX(-50%); transition:0.8s;}
.head2 .daohang>li:hover>a{color: #2095d4;}
.daohang>li:hover>a:before{width: 100%;}
.daohang .hepr{ position:relative !important}
.dangqiandao>a{color: #2095d4 !important;}
.dangqiandao>a:before{ width: 100% !important;}

.yijiw{background:#fff;background:rgba(255,255,255,0);position:absolute;width:225px; left:50%; transform: translateX(-50%); top:-9999px;}
.yiji{background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15); padding: 10px 0;}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:16px;font-size:1.6rem;line-height:0px;padding:10px 29px;}
.yiji li:hover{}
.yiji li:hover>a{color: #2095d4;}
.erji{position:absolute;width:225px;background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);top:-9999px;left:100%; padding: 0;}
.sanji{position:absolute;width:225px;background:rgba(255,255,255,0.9); box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);top:-9999px;left:100%; padding: 0;}
.daohang>li:hover .yijiw{ visibility:visible; opacity:1; top:100%;}
.daohang>li:hover .yiji>li>a{line-height:24px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:24px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:24px;}
.matn{margin-top:auto !important;}

.xiala{ position:absolute; width: 100%; left:0; top:100%; font-size:0px; background: rgba(253, 253, 253, 0.9); transition:0.5s; top:110%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0;}
.xiala .zong{ text-align: center;}
.xiala .zong li{ display: inline-block; vertical-align: middle; padding: 40px 20px; position: relative;}
.xiala .zong li a{ display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; font-weight: bold;}
.xlerji{ width: 200px; position: absolute; left: 0px; top: 100%; background: rgba(253, 253, 253, 0.9); text-align: left; display: none;}
.xiala .zong li .xlerji li{ padding: 0px; display: block;}
.xlerji li a{ display: block; padding: 10px;}

.daohang>li:hover .xiala{ visibility:visible; opacity:1; top: 100%;}
.xiala .zong li:hover .xlerji{ display: block;}

.daohang2,sousuo2,.xnav{display:none}


/*  banner  */
.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{	width:100%;	position:absolute;}
.slide iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/*.slide video {position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0;}*/
.slide video {position: absolute; display: block; left: 0%; top: 0%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); min-width: 100%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 0% 0%; object-position: 0% 0%; display: none \9; display: block \9\0;}
.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList{ position: absolute; left: 0; bottom: 21px; width: 100%; text-align: center; margin-top: 20px; display: none;}
.slide .dotList ul li{ display: inline-block; cursor:pointer;}
.slide .dotList ul li.active{width: 38px; background: #fff;}
.slide .carousel-control{position: absolute; top: 50%; transform: translateY(-50%); width: 66px; height: 66px; line-height: 64px; font-size: 20px; border-radius: 50%; text-align: center; border: solid 1px #ffffff; color: #fff; z-index:999;}
.slide .carousel-control.left{left:70px; cursor:pointer;}
.slide .carousel-control.right{	right:70px; cursor:pointer;}
.slide .carousel-control:hover{ background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0);}

.slide .dotList ul li{cursor: pointer; font-size: 0px; margin-left: 2px; margin-right: 3px; border: none; outline: none; width: 7px; height: 7px; background: #2095d4; border-radius: 4px;}

.slide .slidedetail{display:none;}
.slide .slide-count { display: none;}

.imgtoVideo img { width: 100%}
.imgtoVideo>div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block}
.imgtoVideo>div:hover .imgtoVideoDetail { display: block}
.imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none}
.imgtoVideo .imgtoVideoDetail>div { background: rgba(0, 98, 197, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49); width: 100%; height: 100%; text-align: center}
.imgtoVideo .tovideo .imgtoVideoDetail { display: block}
.imgtoVideo .tovideo .imgtoVideoDetail>div { background: #0c2d47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%}
.imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21%}
.contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49); margin: 0 auto; z-index: -999; max-width: 1024px; display: none}
#picturetoVideo .carouse .slideItem { display: table; height: 100%}
#picturetoVideo .carouse .slideItem>div { display: table-cell; vertical-align: middle; text-align: center}
#picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto}
.closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor: pointer; z-index: 999}

@media screen and (max-width:1559px) {
    .daohang>li{ margin-right:40px;}
    .sousuo form{ width: 200px;}
}
@media screen and (max-width:1359px) {
    .logo{ width: 150px;}

    .hetel{ padding-left: 10px; margin-top: 10px}
    .hetel span{ font-size: 20px;}

    .daohang{ margin-top: 5px; margin-right: 10px;}
    .daohang>li{ margin-right:15px;}
    .daohang>li>a{font-size:16px;font-size:1.6rem; padding-bottom: 15px;}

    .sousuo{margin-right: 10px; margin-top: 0px;}
    .sousuo form{ width:160px;}
    .sou{ padding-left:13px; padding-right: 40px;}
    .suo{width:35px;}
    .sou1{width:35px; font-size: 16px !important;}

    .xiala .zong li{ padding: 20px 10px;}
    .xiala .zong li a{ font-size: 16px; font-size: 1.6rem; line-height: 30px;}
}
@media screen and (min-width:1000px) {.carousel,.nav,.clear2{display: none}}
@media screen and (max-width:999px) {
    .sousuo{ float:right;width:26px; height:37px; position:relative; z-index:9999; margin-top:20px; margin-right:20px; transition:0.5s; display: none;}
    .sousuo form{ width:233px; height:0px; overflow:hidden; position:absolute; right:0px; top:37px; background:#fff; border-radius:4px;color:#2f3135; border:0px solid rgba(0,0,0,0); transition:0.5s; z-index:99999}
    .sou{width: 180px;height:33px;line-height:33px; border-radius:4px; padding-left:10px; font-size:14px; font-size:1.4rem; color:#2f3135; background:none;}
    .suo{width:26px;height:35px; float:right; background:none; position:relative; z-index:9999999; border-radius:4px; cursor:pointer;}
    .sou2,.sou1{ display: block; width:26px; height:33px; text-align:center; line-height:33px; position:absolute; right:0px; top:0px; font-size:20px !important; color:#333; cursor:pointer; z-index:99990;  transition:1s;}
    .sou1{ color:#2f3135; font-size:20px !important;}
    .sousuof form{ height:35px; border:1px solid #666}

    .head{ position: fixed; border-bottom: 1px solid #ddd;}
    .head .zong{ padding-bottom: 5px; padding-top: 5px; border: none;}
    .daohang,.hetel{display: none;}
    .logo{width: 120px;}
    .yvn{ margin-top: 2px; margin-right: 50px; font-size: 14px;}
    .yvzhonga{ font-size: 14px; font-size: 1.4rem;}

    .slide .carousel-control{ width: 40px; height: 40px; line-height: 36px; font-size: 16px;}
    .slide .carousel-control.left{left:10px;}
    .slide .carousel-control.right{	right:10px;}

    .xnav{ display:block}
    .nav { position:fixed;width: 35px;height: 24px;background: #2095d4;right:2.5%;top:10px;cursor: pointer; border-radius:5px; z-index: 999999999}
    .nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition:0.8s;z-index: 99999991}
    .nav .nav1 {margin-top: -1px;}
    .nav .nav2 {margin-top: -8px;}
    .nav .nav3 {margin-top: 6px;}
    .nav:hover .nav1 {width: 25px;}
    .navh .nav1 {transform: rotate(45deg)}
    .navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
    .navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
    .navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
    .navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
    .smdaohang {position: fixed;width:300px;height:0px;overflow: auto;top:0px;right:0px;background:#2095d4; z-index: 9999999;transition:0.8s;text-align: center;}
    .smdaohangh {right: 0px; top:0px; height:100%;}
    .topnav {margin: auto;margin-top: 30px;padding: 20px;}

    ul.topnav li {text-align: left; position:relative;}
    ul.topnav li a {padding:15px 5px;padding-left: 0px;color: #fff;display: block; font-size: 16px;font-size: 1.6rem;line-height: 24px; padding-right:50px; border-bottom: 1px dashed #fff; font-family: Lato-Regular, Arial, Helvetica, sans-serif;}
    ul.topnav ul {display: none;}
    ul.topnav ul li {clear: both;}
    ul.topnav ul li a {padding: 10px 5px; padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0; border: none;}
    ul.topnav ul li a:hover {}
    ul.topnav ul ul li a {padding-left: 40px; font-size: 12px; font-size: 1.2rem;}
    ul.topnav ul ul{ border-top: 1px dashed rgba(255,255,255,0.5); border-bottom: 1px dashed rgba(255,255,255,0.5);}
    ul.topnav ul ul ul li a {padding-left: 60px;}
    ul.topnav span { display:block; position:absolute; right:0px; top:16px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;}
    ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center}
    ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;}
    ul.topnav span.yizi{ transform:rotate(90deg)}

    .smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff; border-radius:13px;}
    .smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left; border-radius:10px;}
    .smdaohang form .ipsc {width: 20%;height: 24px;line-height: 24px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
    .smdaohang form i {position: absolute;right: 10px;top: 2px;}
}
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {
    .yvzhonga{ font-size: 12px; font-size: 1.2rem;}
    .yvzhonga em{ font-size: 10px;}
    .yvzhonga i{ font-size: 14px;}

    .slide .carousel-control{ width: 30px; height: 30px; line-height: 28px; font-size: 12px !important;}
}

/*  main1  */
.main1{ background: #fff; padding-bottom: 15px; box-shadow: 0px 3px 20px 0px rgba(32, 149, 212, 0.1);	border-radius: 10px; transform: translateY(-50%); margin-bottom: -20px; display: flex; flex-flow: wrap; justify-content: space-between;}
.m1lie{ width: 25%; padding: 50px 10px; text-align: center; position: relative;}
.m1lie:before{content: ""; position: absolute; width: 1px; height: 99px; background: #eeeeee; left: 0px; top: 50%; transform: translateY(-50%);}
.m1lie:nth-child(4n-1):before{ display: none;}
.m1a{ line-height: 48px;}
.m1a strong{ font-size: 36px; font-size: 3.6rem;font-size: 32px; color: #333;}
.m1p{color: #333;}

@media screen and (max-width:1359px) {
    .main1{ padding-bottom: 0px;}
    .m1lie{ padding: 30px 10px;}
    .m1a strong{ font-size: 30px; font-size: 2.8rem;}
}
@media screen and (max-width:999px) {
    .main1{ transform: translateY(-40px); margin-bottom: 0px;}
    .m1lie{ width: 50%; padding: 20px 10px;}
    .m1lie:nth-child(2n-1):before{ display: none;}
    .m1a strong{ font-size: 26px; font-size: 2.6rem;}
}
@media screen and (max-width:767px) {
    .m1a strong{ font-size: 20px; font-size: 2rem;}
}

/*  main2  */
.main2{ padding-top: 0px; padding-bottom: 93px;}
.m2biao{ display: block; text-align: center; font-size: 40px; font-size: 4rem;font-size: 36px; line-height: 50px; font-weight: bold; position: relative; z-index: 1}
.m2biao span{ display: block; position: absolute; font-size: 72px; font-size: 7.2rem; line-height: 80px; color: #333333; font-family: Arial, "Arial Black", "sans-serif", Verdana; opacity: 0.05; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); z-index: -1}
.m2pz{ text-align: center; max-width: 1350px; margin: auto; margin-top: 27px;}

.m2n{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-end; margin-top: 11px;}
.m2l{ width: 64.6%; display: flex; flex-flow: wrap; justify-content: space-between;}
.m2r{ width: 34.2%;}

.m2lie{ width: 49%; margin-top: 2%; position: relative;}
.m2tu{ display: block; overflow: hidden;}
.m2a{ display: block; font-size: 30px; font-size: 3rem;font-size: 26px; line-height: 40px; color: #ffffff; text-align: center; position: absolute; left: 0px; bottom: 4px; width: 100%; z-index: 3}

.shipin{ position: relative; z-index: 1}
.shipin iframe{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2}
.shipin img{ width: 100%;}

@media screen and (max-width:1359px) {
    .main2{ padding-top: 0px; padding-bottom: 50px;}
    .m2biao{ font-size: 30px; font-size: 3rem; line-height: 50px;}
    .m2biao span{ font-size: 52px; font-size: 5.2rem; line-height: 60px; top: -5px;}
    .m2a{ font-size: 20px; font-size: 2rem; line-height: 30px; bottom: 10px;}
}
@media screen and (max-width:999px) {
    .m2biao{ font-size: 26px; font-size: 2.6rem; line-height: 40px;}
    .m2biao span{ font-size: 40px; font-size: 4rem; line-height: 50px; top: -5px;}
    .m2a{ font-size: 16px; font-size: 1.6rem; line-height: 24px; bottom: 10px;}
}
@media screen and (max-width:767px) {
    .main2{ padding-top: 0px; padding-bottom: 30px;}

    .m2biao{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}
    .m2biao span{ font-size: 30px; font-size: 3rem; line-height: 40px; top: -5px;}
    .m2a{ font-size: 12px; font-size: 1.2rem; line-height: 22px; bottom: 5px;}
}
@media screen and (max-width:499px) {
    .m2l{ width: 100%;}
    .m2r{ width: 100%; margin-top: 10px;}
}

/*  main3  */
.main3{
    /*background: url("../images/m4bei.jpg") no-repeat center; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 57px;
    z-index: 1
}
.main3:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 600px;
    /*background: #1584bf; */
    left: 0px;
    top: 0px;
    z-index: -1
}
.m3biao{ color: #333;}
.m3pz{ font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; margin-top: 18px;}
.m3pz p,.m3pz a{color: #333;}
.m3mor{ display: block; margin: auto; width: 200px; height: 50px; line-height: 48px; font-size: 16px; font-size: 1.6rem; margin-top: 37px; text-align: center; color: #ffffff; background: #2095d4; border: 1px solid #2095d4; border-radius: 10px;}
.m3biao:hover,.m3pz a:hover{ color: #2095d4;}
.m3mor:hover{ background: #fff; color: #2095d4;}

.m3b{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-end; position: relative; margin-top: 158px;}
.m3b:before{content: ""; position: absolute; width: 90%; max-width: 1400px; height: calc(100% - 35px); top: -95px; left: 50%; transform: translateX(-50%); margin-left: 100px; background: #f5f5f5; z-index: -1;}
.m3l{ width: 50%;}
.m3r{ width: calc(50% - 95px);}
.m3rn{ width: 90%; max-width: 660px;}

.m3biao2{ text-align: left;}
.m3biao2 span{ transform: translate(0); left: 152px;}
.m3p{ margin-top: 52px;}
.m3p p{ text-indent: 2em;}
.m3xtu{ margin-top: 22px; max-width: 530px;}
.m3mor2{ margin-left: 0px; margin-top: 26px; height: 60px; line-height: 58px;}

.m3bn{ display: flex; flex-flow: wrap; justify-content: space-between; padding-top: 50px;}
.m3lie{ padding: 0 10px; text-align: center; margin-top: 20px;}
.m3ba{
    color: #2095d4;
    color: black;
}
.m3bp{ font-size: 48px; font-size: 4.8rem;font-size: 40px; line-height: 50px; color: #2095d4; font-weight: bold;}
.m3bp span{color: #2095d4;}
.m3bp sup{ font-size: 24px;}

@media screen and (max-width:1359px) {
    .m3pz{ font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 12px;}
    .m3b{ margin-top: 60px; align-items: center;}
    .m3b:before{ height: calc(100% - 35px); top: -40px; margin-left: 100px;}

    .m3mor{ width: 120px; height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; margin-top: 20px;}

    .m3r{ width: calc(50% - 30px);}

    .m3p{ margin-top: 10px;}
    .m3xtu{ margin-top: 10px; max-width: 260px;}
    .m3mor2{ margin-top: 16px; height: 40px; line-height: 38px;}

    .m3bn{ padding-top: 10px;}
    .m3lie{ margin-top: 10px;}
    .m3ba{ font-size: 12px; font-size: 1.2rem;}
    .m3bp{ font-size: 34px; font-size: 3.4rem; line-height: 40px;}
}
@media screen and (max-width:999px) {
    .main3{ padding-top: 40px;}
    .m3l{ width: 100%;}
    .m3r{ width: 100%;}
    .m3rn{ width: 95%; max-width: none; margin: auto; margin-top: 20px;}
    .m3biao2 span{ left: 52px;}
    .m3b{ margin-top: 30px;}
    .m3bp{ font-size: 26px; font-size: 2.6rem; line-height: 34px;}
    .m3b:before{ margin-left: 0px; width: 100%; top: 0px;}
    .m3pz{ font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:767px) {
    .m3bp{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}
    .m3pz{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}
}
@media screen and (max-width:399px) {
    .m3lie{ width: 50%;}
}

/*  main4  */
.main4{
    /*background: url("../images/m4bei.jpg") no-repeat center; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 80px;
}
.main4:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    /*background: url("../images/m4bei.jpg") no-repeat center; */
    background-size: cover;
    z-index: -1
}

.m4n{ display: flex; flex-flow: wrap; justify-content: space-between;}
.m4lie{ width: 48.2%; margin-top: 35px; position: relative;}
.m4tu{ display: block; overflow: hidden;}
.m4zi{ display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; width: 100%; text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 30px; padding:25px 10px; color: #ffffff; background-image: linear-gradient(0deg, #000 1%, rgba(0,0,0,0) 100%);}
a.m4zi:hover{ color: #2095d4;}

@media screen and (max-width:1359px) {
    .m4zi{ font-size: 20px; font-size: 2rem; line-height: 30px; padding: 10px;}
}
@media screen and (max-width:999px) {
    .main4{ padding-top: 50px;}
    .m4n{ padding-top: 15px;}
    .m4lie{ width: 49%; margin-top: 15px;}
    .m4zi{ font-size: 16px; font-size: 1.6rem; line-height: 26px; padding: 5px;}
}
@media screen and (max-width:767px) {
    .main4{ padding-top: 30px;}
    .m4lie{ width: 49%; margin-top: 10px;}
    .m4zi{ font-size: 12px; font-size: 1.2rem; line-height: 26px; padding: 5px;}
}

/*  main5  */
.main5{
    /*background: url("../images/m4bei.jpg") no-repeat center; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 80px;
    padding-bottom: 52px;
}
.main5:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    /*background: url("../images/m4bei.jpg") no-repeat center; */
    background-size: cover;
    z-index: -1
}

.m5n{ display: flex; flex-flow: wrap; justify-content: space-between; margin-top: 33px;}
.m5lie{ border: 1px solid #fff; width: 15.63%; position: relative; transition: 0.5s;}
.m5lieh{ width: 53.11%;}
.m5tu{ display: block; height: 650px; position: relative; overflow: hidden;}
.m5tu img{ width: auto; max-width: none; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%) !important;}
.m5zi{ display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; line-height: 38px; padding: 25px 20px; padding-right: 120px; background: rgba(0,0,0,0.5); font-size: 24px; font-size: 2.4rem;font-size: 22px; color: #ffffff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; opacity: 0;}
.m5zi span{ display: block; position: absolute; right: 37px; top: 50%; transform: translateY(-50%); color: #fff;}
.m5lieh .m5zi{ opacity: 1}

@media screen and (max-width:1359px) {
    .main5{ padding-top: 50px; padding-bottom: 52px;}
    .m5tu{ height: 460px;}
    .m5zi{ line-height: 30px; padding: 10px; padding-right: 120px; font-size: 18px; font-size: 1.8rem;}
    .m5zi span{ right: 10px;}
}
@media screen and (max-width:999px) {
    .m5lie{ width: 50%;}
    .m5lieh{ width: 50%;}
    .m5zi{ opacity: 1}
    .m5zi{ line-height: 26px; padding: 5px; padding-right: 80px; font-size: 14px; font-size: 1.4rem;}
    .m5zi span{ right: 5px;}
    .m5tu{ height: auto;}
    .m5tu img{ position: relative; width: 100%; height: auto;}
}
@media screen and (max-width:767px) {
    .main5{ padding-top: 30px; padding-bottom: 32px;}
    .m5n{ margin-top: 20px;}
    .m5zi{ padding: 5px; font-size: 12px; font-size: 1.2rem;}
    .m5zi span{ display: none;}
}

/*  main6  */
.main6{
    /*background: url("../images/m6bei.jpg") no-repeat center; */
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 79px;
}
/*.main6:before{content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: url("../images/m6bei.jpg") no-repeat center; background-size: cover; z-index: -1}*/
.m6t{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.m6biao{ color: black; z-index: 99}
.m6biao span{ transform: translateX(0); left: 107px; color: #fff;}
.m6morz{ margin: auto; margin-right: 0px;}

.m6n{ display: flex; flex-flow: wrap; justify-content: space-between; padding-top: 51px; padding-bottom: 95px;}
.m6lie{ width: 31.9%; background: #fff; padding: 10px; margin-top: 20px;}
.m6tu{ display: block; overflow: hidden;}
.m6zi{ padding:23px 10px;}
.m6a{ display: block; font-size: 22px; line-height: 30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m6riqi{ display: block; color: #2095d4; margin-top: 5px;}
.m6p{ margin-top: 8px;}
.m6p a{ display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden; color: #666;}
.m6mor{ display: block; color: #2095d4; margin-top: 23px;}
.m6zi a:hover{ color: #2095d4;}

@media screen and (max-width:1359px) {
    .m6n{ padding-top: 30px; padding-bottom: 50px;}
    .m6lie{ width: 33%; padding: 5px; margin-top: 20px;}
    .m6zi{ padding:15px 0px;}
    .m6a{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
}
@media screen and (max-width:999px) {
    .main6{ padding-top: 30px;}
    .m6n{ padding-top: 10px; padding-bottom: 50px;}
    .m6biao span{ left: 40px;}
}
@media screen and (max-width:767px) {
    .m6n{ padding-top: 10px; padding-bottom: 30px;}
    .m6lie{ width: 49%; padding: 5px; margin-top: 20px;}
    .m6lie:nth-child(3){display: none;}
    .m6a{ font-size: 14px; font-size: 1.4rem; line-height: 26px;}
    .m6mor{ margin-top: 10px;}
    .m6zi{ padding:10px 0px;}
}

/*  main7  */
.m7xin input::-webkit-input-placeholder {/* WebKit browsers */
    color:#999999;opacity:1}
.m7xin input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#999999;opacity:1 }
.m7xin input::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#999999;opacity:1 }
.m7xin input:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#999999;opacity:1 }

.m7xin textarea::-webkit-input-placeholder {/* WebKit browsers */
    color:#999999;opacity:1}
.m7xin textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#999999;opacity:1 }
.m7xin textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#999999;opacity:1 }
.m7xin textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#999999;opacity:1 }

.main7{
    /*background: url("../images/m7bei.jpg") no-repeat center bottom; */
    display: flex; flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.m7l{ width: 50%; text-align: right;}
.m7r{ width: 50%;}

.m7ln{ width: 95%; max-width: 800px; padding-right: 140px; display: inline-block; text-align: left; }
.m7biao{ text-align: left; z-index: 99}
.m7biao span{ transform: translateX(0); left: 53px;}
.m7pz{ margin-top: 25px;}

.m7xin{ display: flex; flex-flow: wrap; justify-content: space-between; padding-top: 20px;}
.m7xin .int1{ margin-top: 19px; padding-left: 15px; width: 49%;}
.m7xin .int2{ margin-top: 19px; padding-left: 15px; width: 100%;}
.m7xin .int3{ width: 100%; margin-top: 19px; padding-left: 15px; padding-right: 188px; position: relative;}
.m7xin .int4{ margin-top: 19px; padding-left: 15px; width: 100%;}

.m7xin input{ background: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; width: 100%; height: 50px; padding: 0 12px; font-size: 16px; font-size: 1.6rem; color: #999999;}
.m7xin textarea{ background: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; width: 100%; height: 122px; line-height: 30px; padding: 10px 12px; font-size: 16px; font-size: 1.6rem; color: #999999;}
.m7xin .yanzheng{ position: absolute; right: 0px; top: 0px; width: 164px; height: 45px; cursor: pointer;}
.m7xin .int4 input{ width: 100%; max-width: 275px; height: 50px; background: #148dc9; border-radius: 10px; color: #ffffff; font-weight: bold; cursor: pointer; transition: 0.5s;}
.m7xin .xing{ background: url("../images/xing.png") no-repeat left 22px;}
.m7xin .int4 input:hover{ background: #2095d4;}

.m7tu{ display: block; overflow: hidden;}

@media screen and (max-width:1359px) {
    .m7ln{ padding-right: 40px;}
    .m7biao span{ left: 30px;}
    .m7pz{ margin-top: 5px;}

    .m7xin{ padding-top: 10px;}
    .m7xin .int1{ margin-top: 5px;}
    .m7xin .int2{ margin-top: 5px;}
    .m7xin .int3{ margin-top: 5px; padding-right: 90px;}
    .m7xin .int4{ margin-top: 5px;}

    .m7xin input{ height: 40px; line-height: 38px; padding: 0 6px; font-size: 14px; font-size: 1.4rem;}
    .m7xin textarea{ height: 80px; line-height: 30px; padding: 5px 6px; font-size: 14px; font-size: 1.4rem;}
    .m7xin .yanzheng{ width: 80px; height: 40px;}
    .m7xin .int4 input{ height: 40px;}
    .m7xin .xing{ background: url("../images/xing.png") no-repeat left 18px; background-size: 5px;}
}
@media screen and (max-width:999px) {
    .m7l{ width: 100%; text-align: center; padding: 30px 0;}
    .m7r{ width: 50%; display: none;}
    .m7ln{ padding-right: 0px;}
}

/*  foot  */
.foot{
    /*background: #f5f5f5 url("../images/fobei.jpg") no-repeat center top; */
    padding-bottom: 38px;
}
.fot{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; padding-top: 36px; padding-bottom: 28px; border-bottom: 1px solid #dddddd;}
.fologo{ display: block; width: 373px;}
.fologo img{ transform: scale(1) !important}

.shejiao{}
.shejiao span{ display: inline-block; vertical-align: middle; font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.shejiao a{ display: inline-block; vertical-align: middle; width: 42px; height: 42px; line-height: 42px; color: #fff; text-align: center; background: #d2d2d2; border-radius: 5px;}
.shejiao a i{ font-size: 24px;}
.shejiao a:hover{ background: #148dc9;}

.foc{ display: flex; flex-flow: wrap; padding-top: 28px;}
.folie{ margin-top: 20px;}

.fo1{ width: 11%;}
.fo2{ width: 11%; margin-left: 1.5%;}
.fo3{ width: 11%; margin-left: 1.5%;}
.fo4{ width: 11%; margin-left: 1.5%;}
.fo5{ width: 11%; margin-left: 1.5%;}
.fo6{ width: 18%; margin-left: 1.5%;}
.fo7{ width: 18%; margin-left: 1.5%; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start;}

.fobiao{ display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.fonav{ margin-top: 20px; line-height: 32px;}
.fonav a,.fonav li{ color: #666666;}
.fonav li a{ display: inline;}

.fo7 div{ width: 48.3%; background: #ffffff; padding: 12px;}
.fo7a{ text-align: center; margin-top: 12px; color: #666666;}

.fob{ margin-top: 63px;}
.fop{color: #666666;}
.fop a{ display: inline-block; color: #666666;}

.youlian{ color: #666;}
.youlian span,.youlian a{color: #666666; display: inline-block; vertical-align: middle;}
.youlian a{ margin: 0 10px;}

@media screen and (max-width:1359px) {
    .fologo{ width: 220px;}

    .shejiao span{ font-size: 16px; font-size: 1.6rem; line-height: 26px;}
    .shejiao a{ width: 30px; height: 30px; line-height: 30px;}
    .shejiao a i{ font-size: 16px;}

    .fo1{ width: 11%;}
    .fo2{ width: 11%; margin-left: 1%;}
    .fo3{ width: 10%; margin-left: 1%;}
    .fo4{ width: 12%; margin-left: 1%;}
    .fo5{ width: 11%; margin-left: 1%;}
    .fo6{ width: 18%; margin-left: 1%;}
    .fo7{ width: 21%; margin-left: 1%;}

    .fobiao{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
    .fo7 div{ width: 49%; padding: 2px;}
    .fo7a{ margin-top: 5px;}
}
@media screen and (max-width:999px) {
    .foot{ padding-bottom: 50px;}
    .fot{ padding-top: 20px; padding-bottom: 15px;}
    .foc{ padding-top: 5px;}

    .fo1{ width: 24%;}
    .fo2{ width: 24%; margin-left: 1.33%;}
    .fo3{ width: 24%; margin-left: 1.33%;}
    .fo4{ width: 24%; margin-left: 1.33%;}
    .fo5{ width: 32%; margin-left: 0%;}
    .fo6{ width: 32%; margin-left: 2%;}
    .fo7{ width: 32%; margin-left: 2%;}

    .fob{ margin-top: 30px;}
}
@media screen and (max-width:767px) {
    .fologo,.fo1,.fo2,.fo3,.fo4,.fo5,.fo6,.youlian{ display: none;}
    .fot{ display: block; text-align: center;}
    .fo7{ width: 100%; max-width: 200px; margin: auto; margin-top:10px;}
    .fop{ text-align: center;}
    .fob{ margin-top: 10px;}
}

.top{width: 67px; height: 67px; border-radius: 10px; line-height:67px; text-align:center; margin:auto; cursor:pointer; position:fixed; right:50px; bottom:-100px; transition:0.9s; z-index:99999;}
.bottom{bottom:150px;}
.top img{ margin: auto; max-height: 100%;}

.lianxi{ position:fixed; width:37px; height:127px; right:0px; top:25%; transform:translateY(-50%); z-index:99999}
.lianxi>div{ position:absolute; right:0px;}
.lianxi>div a{ display:block; margin-top:1px; width:37px; height:37px; position:relative; text-align:center; line-height:37px; font-size:24px; border-radius: 5px; color:#fff; background: #148dc9;}
.lianxi>div span{ display:block; width:0px; overflow:hidden; color:#fff; font-size:14px; font-size:1.4rem; text-align:left;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.lianxi>div a i{ display:block; width:37px; height:37px; position:absolute; left:0px; top:0px; text-align:center; line-height:37px; font-size:20px; color:#fff;}
.ke1{ top:45px;}
.ke2{ top:90px;}

.lianxi div:hover a{ width:229px;}
.lianxi div span{ width:auto; margin-left:50px;}
.weixin{ position:absolute; cursor:pointer; top:0px;}
.weixin img{ position:absolute; width:149px; height:150px; max-width: none; top:0px; left:-149px; border-radius: 5px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi .weixin:hover a{ width:37px;}
.lianxi .ke7:hover a{ width:37px;}
.clear2{ display:none}
.ke7 a:hover{ background:#b5cf2d url(../images/shouji.png) no-repeat center}

@media screen and (max-width:999px) {
    .top{width:33.333%;height:37px;line-height:37px;bottom:-1px;right:0px;border-radius:0px;border:none; font-size:18px !important;}

    .lianxi{ width:100%; height:37px; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0); background: #148dc9;}
    .lianxi>div{ width:33.333%; height:37px; float:left; position:relative; top:auto; bottom:auto;}
    .lianxi>div a{ margin:auto; width:100%; height:37px; line-height:37px; color:#fff !important; border-radius:0px; font-size:18px;}
    .lianxi>div a span{ display:none}
    .lianxi>div a i{ width:100%; position:relative; font-size:18px;}
    .lianxi>div:hover a{ width:100% !important;}
    .weixin2{ display:block}
    .weixin1{ display:none}
    .lianxi .ke7:hover a{ width:100% !important;}
    .ke1{ display: none;}
}

/****************************  product  ***************************/
.mianbao{ color: #666666; background: #f7f7f7; padding: 15px 0;}
.mianbao .zong{ color: #666666;}
.mianbao i{ display: inline-block; vertical-align: middle; color: #666666; margin-right: 5px;}
.mianbao a{ display: inline-block; vertical-align: middle; color: #666666;}
.comian{color: #148dc9 !important;}

.prmain{ padding-top:61px; padding-bottom: 20px;}
.prmain:after{ content:""; clear:both; display:block;}
.prl{ width:283px; float:left;}
.prr{ width:calc(100% - 334px); float:right;}

.prlt{}

.j-nextshow { display: none; position: relative;}
.proslide_menubtn { width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #148dc9; }
.prbiao{ display:block; font-size:30px; font-size:3rem; font-size:26px;line-height:40px; position: relative;}
a.prbiao:hover{ color:#148dc9;}

.pryiji{}
.pryiji>li{ position: relative; margin-bottom: 2px;}
.pryiji>li>a{ display:block; font-size:20px; font-size:2rem; line-height:30px; padding: 10px 23px; padding-right: 45px; background: #f5f5f5; position:relative}
.pryiji>li img{ width: 45px; position: absolute; left: 5px; top: 0px;}
.pryiji>li>a>i{ position: absolute; width: 18px; height: 18px; right: 23px; top: 50%; transform: translateY(-50%);}
.pryiji>li>a>i:before{ content:""; position:absolute; width:18px; height:2px; background:#666666; right:0px; top:50%;}
.pryiji>li>a>i:after{ content:""; position:absolute; width:18px; height:2px; background:#666666; right:0px; top:50%; transition:0.5s; transform:rotate(90deg)}
.pryiji>li>a span{ transition:0.5s;}
.pryiji>li>a:hover:after{ transform:rotate(0deg);}
.pryiji>li>a span{ position:relative;}

.prerji{ padding-right:0px; padding-left: 23px; background: #f5f5f5;}
.prerji>li>a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; padding:6px 0; color:#333333; position:relative; padding-right: 24px;}
.prerji>li>a i{ position: absolute; right: 23px; font-size: 16px; color: #666;}

.pryiji>li:hover>a{ background: #148dc9;}
.pryiji>li:hover>a>span{color: #fff;}
.pryiji>li:hover>a:after{ transform:rotate(0deg) !important;}
.pryiji>li:hover>a>i:after,.pryiji>li:hover>a>i:before{ background: #fff !important}
.pryiji>li:hover>a>i:after{ transform:rotate(0deg) !important}

.prsanji{ margin-left:17px; padding: 5px 0; padding-right: 10px;}
.prsanji>li>a{ display:block; font-size:16px; font-size:1.6rem; color: #666666; line-height:30px;}
.prerji a:hover{ color:#148dc9}
.prerji a:hover:before{opacity: 1}

.dangpryi{}
.dangpryi>a{ background: #148dc9 !important;}
.dangpryi>a>span{color: #fff !important;}
.dangpryi>a:after{ transform:rotate(0deg) !important;}
.dangpryi>a>i:after,.dangpryi>a>i:before{ background: #fff !important}
.dangpryi>a>i:after{ transform:rotate(0deg) !important}

.dangprer>a{ color:#148dc9 !important;}
.dangprer>a i{transform: rotate(90deg) !important}

.prlc{ margin-top:50px;}
.prlcn{ font-size: 0px; padding-top: 22px;}
.prlclie{ position: relative; margin-top: 15px; padding-bottom: 10px;}
.prlctu{ display:block; overflow: hidden; border-radius: 10px; border: solid 1px #abaaaa;}
.prlctu img{ width:100%;}
.prlczi{ display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-top: 11px;}
.prlczi:hover{ color:#148dc9;}

.prlb{ margin-top:12px;}
.prlbn{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:42px;}
.prlbn:after{ content:""; clear:both; display:block;}
.prlbn a{ display:inline-block; position:relative; color:#666666; margin-top: 5px; margin-right: 20px;}
.prlbn a i{ display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 20px;}
.prlbn a:hover{ color:#148dc9;}

@media screen and (max-width:1359px) {
    .prbiao{ font-size:20px; font-size:2rem; line-height:30px;}
    .prlczi{ font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 0px;}
    .prlcn{ padding-top:10px;}
    .prlbn{margin-top: 10px;}

    .prl{ width:220px;}
    .prr{ width:calc(100% - 240px);}
}
@media screen and (max-width:999px) {
    .mianbao{ font-size:14px; font-size:1.4rem;}
    .mianbao i{top: 20px;}

    .prmain{ padding-top:31px;}
    .prbiao{ font-size:18px; font-size:1.8rem; line-height:30px;}

    .pryiji>li>a,.prlczi,.pra{ font-size:14px; font-size:1.4rem;}
    .prlbn a{ font-size:14px; font-size:1.4rem;}
    .prlb{ margin-top:27px;}
}
@media screen and (max-width:767px) {
    .fenbiao{ font-size:20px; font-size:2rem; line-height:30px; float:none;}
    .mianbao{ float:none; font-size:12px; font-size:1.2rem; line-height:22px;}
    .mianbao i{top: 10px;}
    .prbiao{font-size:18px; font-size:1.8rem; text-align:left;}

    .prmain{ padding-top:20px;}
    .prl{ width:100%; float:none; margin-top:30px;}
    .prr{ width:100%; float:none;}
    .j-nextshow { display:block;}
    .pryiji{ display:none; margin-top: 10px;}
    .prlb,.prlc{ margin-top:20px;}
    .prlclie p a{font-size:14px; font-size:1.4rem; line-height:24px;}
    .prlclie span{ font-size:12px; font-size:1.2rem; line-height:28px;}
    .prlca{ font-size:12px; font-size:1.2rem; line-height:22px;}

    .prlcn{font-size: 0px; display: flex; flex-flow: wrap; justify-content: space-between;}
    .prlclie{ width: 49%; padding: 0px; margin-top: 5px;}
}

.prt{ padding-bottom:15px;}
.prtbiao{ font-size:30px; font-size:3rem; line-height:40px; font-weight: bold;}

.prtn{}
.przhan{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top: 12px;}

.przhan{ position:relative; overflow:hidden; padding-bottom:15px;}
.przhanh{ height:auto !important;}

.zhankai{ cursor:pointer; color: #148dc9; font-size:18px; font-size:1.8rem; line-height:30px; margin-top:26px;}
.fuch{ display:none !important;}

.prr form{ font-size:0px;}
.prlie{ width:23.73%; display:inline-block; vertical-align:top; margin-left:1.6%; margin-top:37px; border: solid 1px #eeeeee; transition: 0.5s;}
.prlie:nth-child(4n-3){margin-left: 0px;}
.prtu{ display:block; overflow: hidden; border-radius: 10px;}
.prtu img{width: 100%; transition: 0.5s; border-radius: 10px;}
.przi{ padding: 15px 18px; padding-bottom:38px;}

.pra{ display:block; font-size:20px; font-size:2rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prp a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:4px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;height: 60px;}
.prin{ margin-top:20px;}
.prin input{ display:inline-block; vertical-align:middle; cursor:pointer; margin-right:18px;}
.prmor{ display:inline-block; vertical-align:middle; width: 160px; height: 40px; line-height:40px; border-radius: 10px; padding:0 5px; background: #148dc9; text-align:center; color: #fff; font-size:16px; font-size:1.6rem;}
.prlie:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.prlie:hover a{ color: #2095d4;}
.prlie:hover .prmor{ background: #2095d4; color: #fff;}

.fenye{ padding-top:68px; text-align:center;}
.fenyen{  display:inline-block; *float:left;}
.fenyen a{ display:inline-block; *float:left; width: 40px; height:40px; line-height:38px; text-align: center; border: solid 1px #dddddd; background: #fff; color: #666666; text-align:center; font-size:16px; font-size:1.6rem; margin: 5px;}
.fenyen a:hover{ color:#fff; background: #148dc9; border-color: #148dc9;}
.fenyen .sx{ width: auto;}
.dangqianfen{ color:#fff !important; background: #148dc9 !important; border-color: #148dc9 !important;}
.fuxuan{ display:inline-block; *float:right; margin-bottom:5px; margin-left:14px;}
.fuxuan input{ width: 184px; height:40px; line-height:38px; font-size:16px; font-size:1.6rem; background: #148dc9; border: 1px solid #dddddd; color:#fff; cursor:pointer; transition: 0.5s;}
.fuxuan input:hover{ color:#148dc9; background:#fff;}

@media screen and (max-width:1559px) {
    .przi{ padding: 10px; padding-bottom:20px;}
    .prin input{ margin-right:5px;}
    .prmor{ width: 100px; height: 40px; line-height:40px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:1359px) {
    .pryiji>li>a span{ font-size:16px; font-size:1.6rem;}
    .prerji li a{ font-size:14px; font-size:1.4rem;}
    .prlie p a{ font-size:14px; font-size:1.4rem;}
    .prmor{ min-width:90px;}

    .prlczi a{ font-size:14px; font-size:1.4rem; line-height:26px; max-height:78px; overflow:hidden;}

    .prtbiao{ font-size:20px; font-size:2rem; line-height:22px;}
    .przhan{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:6px;}
    .prlie{ width: 32.333%; margin-left: 1.5%}
    .prlie:nth-child(4n-3){margin-left: 1.5%;}
    .prlie:nth-child(3n-2){margin-left: 0px;}

    .pra{ font-size:14px; font-size:1.4rem; line-height:24px;}
    .prp a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;height: 48px;}
    .prin{ margin-top:15px;}
    .prin input{ margin-right:6px;}
    .prmor{ font-size:14px; font-size:1.4rem;}

    .prlbn a{ font-size:12px; font-size:1.2rem;}
    .prlb{ margin-top:20px;}
    .prbiao{ font-size:18px; font-size:1.8rem; line-height:34px;}
    .zhankai{ font-size:14px; font-size:1.4rem; line-height:24px; text-decoration: underline;}

    .fenye{ padding-top:32px;}
    .fenyen a{ width:28px; height:28px; line-height:26px; margin-right:3px; margin-left:3px; font-size:12px !important; font-size:1.2rem !important;}
    .sx i,.big i{ font-size:12px !important; font-size:1.2rem !important;}
    .fuxuan input{ height:28px; line-height: 26px; width: 130px; font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:999px) {
    .mianbao{ font-size:14px; font-size:1.4rem; padding-top:20px;}

    .prlclie{ margin-bottom:10px;}

    .prmain{ padding-top:30px;}
    .prr form{ padding: 10px; padding-bottom: 30px; margin-top: 20px;}

    .fenye{ padding-top:24px;}
    .fenyen a{ width:30px; height:30px; line-height:28px; font-size:14px; margin-left:2px; margin-right:2px;}
    .fuxuan input{ height:30px; line-height:28px; font-size:14px; font-size:1.4rem; min-width:160px;}

    .przhan{ font-size:14px; font-size:1.4rem;}
    .prlie{ width:49%; margin:10px 0.5% !important;}

    .prtbiao{ font-size:18px; font-size:1.8rem; padding-bottom: 10px; line-height:22px;}
    .prtbiao:before{width: 50px; height: 1px;}
    .pra{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:13px;}
    .prp a{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:6px;}
    .prmor{ height:25px; line-height:23px; font-size:12px; font-size:1.2rem; width: 90px;}
    .prlie input{ left:5px; top:5px; bottom:auto}
    .prlie .prmor{ margin-left:0px;}
}
@media screen and (max-width:767px) {
    .mianbao{ font-size:12px; font-size:1.2rem; line-height:22px; padding-top:10px;}

    .fenbiao{ font-size:22px; font-size:2.2rem; line-height:30px;}

    .zhankai{ font-size:12px; font-size:1.2rem; line-height:22px;}
    .prt{padding-bottom: 0px;}
    /*.proslide_menubtn { display:block}
    .pryiji{ display:none}*/

    .prmor{ font-size:12px; font-size:1.2rem;}
    .prbiao{ text-align:left; padding-right:40px;}
    .prtn{margin-top: 10px;}
    .prlbn,.przhan,.prlie p a,.prlcp a{ font-size:12px; font-size:1.2rem;}
    .pryiji li a span{ font-size:14px; font-size:1.4rem;}
    .pryiji>li>a{ font-size:14px; font-size:1.4rem;}
    .prerji li a{ font-size:12px; font-size:1.2rem; line-height: 22px;}
    .pra{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:5px;}

    .prr form{ padding: 0px; background: none;}

    .fenyen a{ font-size:12px; font-size:1.2rem;}
}

.homain{ padding-bottom: 100px; padding-top: 30px;}
.hobiao{ font-size: 36px; font-size: 3.6rem; line-height: 40px;}

.img-scroll {position: relative; margin-top:50px;}
.img-scroll .prev, .img-scroll .next {position: absolute; text-align:center; display: block; height: 40px; line-height: 38px; font-size: 32px; font-weight: bold; color: #666666; top: 50%; transform: translateY(-50%); transition: 0.5s; z-index: 999}
.img-scroll .prev { left: 0px; cursor: pointer;}
.img-scroll .next { right: 0px; cursor: pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover { color: #0064fb;}
.img-list {position: relative;overflow: hidden; margin: 0 65px;}
.img-list ul {width: 10000%;}
.img-list li {float: left; width:0.19%; margin-right: 0.0125%; position:relative;}

.hotu{ display: block; overflow: hidden;}
.hozi{}
.hoa{ display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-top: 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.hop{ margin-top: 10px;}
.hop a{color: #666666; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}

@media screen and (max-width:1359px) {
    .hobiao{ font-size: 30px; font-size: 3rem; line-height: 40px;}
    .img-scroll .prev, .img-scroll .next { font-size: 20px;}
    .img-list { margin: 0 30px;}
    .img-list li { width:0.24%; margin-right: 0.0133%;}

    .hoa{ font-size: 18px; font-size: 1.8rem; line-height: 26px; margin-top: 10px;}
}
@media screen and (max-width:999px) {
    .homain{ padding-bottom: 50px; padding-top: 30px;}

    .hobiao{ font-size: 26px; font-size: 2.6rem; line-height: 40px;}

    .img-scroll { margin-top:30px;}
    .img-list li { width:0.3233%; margin-right: 0.015%;}

    .hoa{ font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 10px;}
}
@media screen and (max-width:767px) {
    .homain{ padding-bottom: 30px; padding-top: 20px;}

    .hobiao{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}

    .img-scroll { margin-top:20px;}
    .img-list li { width:0.49%; margin-right: 0.02%;}

    .hoa{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px;}
}

/***************************  product2  ****************************/
.pr21{}
.pr21:after{ content:''; clear: both; display: block;}

.zoomPad {position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload {-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5; */
    z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper {position:relative; border:1px solid #ccc; z-index:110; }
.zoomWrapperTitle {display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe {z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.prob-pic { width: 550px; float:left; margin-top: 22px;}
.prob-pic .prob-pic-big { position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #dcdcdc;}
.prob-pic .prob-pic-big-img { display: block; line-height: 0; font-size: 0; border-radius: 8px;}
.prob-pic .prob-pic-big-img .zoomPad { float: none; z-index: 8;}
.prob-pic .zoomWrapperImage img { max-width: 1200px;}
.zoomPad img{ transform: scale(1) !important}
.prob-pic .prob-pic-small { position: relative; margin-top: 18px; overflow: hidden;}
.prob-pic .prob-pic-btn { position: absolute; top: 0px; display: block; width:30px; height:100%; background:#b2b2b2; text-align:center; color:#fff; font-size:16px; z-index:9}
.prob-pic .prob-pic-btn i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.prob-pic .prob-pic-btn.prev { left:0px;}
.prob-pic .prob-pic-btn.next { right:0px;}
.prob-pic .prob-pic-btn:hover{ background:#2095d4; color:#fff;}
.prob-pic .prob-pic-list { overflow: hidden; margin-left:43px; margin-right:43px;}
.prob-pic .prob-pic-list ul { width: 1000%; overflow: hidden;}
.prob-pic .prob-pic-list ul li { position: relative; float: left; margin-right: 0.266%; width:2.3%; overflow:hidden;}
.prob-pic .prob-pic-item .item-pic { display:block; overflow: inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d0d0d0;}
.prob-pic .prob-pic-item .item-pic img{display: block; width:100%;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

.prob-pic .prob-pic-item .item-pic,.prob-pic .prob-pic-item .item-video { display:block; overflow: inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d0d0d0; overflow: hidden;}
.prob-pic .prob-pic-item .item-pic img,.prob-pic .prob-pic-item .item-video img{display: block; width:100%;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.prob-pic .prob-pic-item .item-pic.active,.prob-pic .prob-pic-item .item-video.active{ border-color:#2095d4}

.prob-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; overflow: hidden; z-index: 8; display: none; }
.prob-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.prob-video.show { display: block; }

.jianjie{ width:calc(100% - 633px); float:right; margin-top: 33px;}
.jianjie h1{ font-size:30px; font-size:3rem; line-height:40px; padding-bottom: 20px; color: #333; border-bottom: 1px solid #dddddd;}
.jiann{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:27px; min-height: 330px; color:#333333;}
.jiann p,.jiann em,.jiann li{ color:#333333;}
.jiann a{ color:#378fe1;}

.prtel{ font-size: 30px; font-size: 3rem; line-height: 40px; color: #2095d4; padding-left: 64px; margin-top: 20px; font-weight: bold; position: relative;}
.prtel em{color: #2095d4; position: absolute; left: 0px; top: 0px; font-size: 50px;}

.share{ margin-top:10px; display:inline-block; vertical-align:middle;}
.share1{ display:inline-block; *float:left; font-size:16px; font-size:1.6rem; line-height:24px; vertical-align:middle; color: #666666;}
.share2{ display:inline-block; *float:left; vertical-align:middle}
.inno{ padding-top: 68px; display: flex; flex-flow: wrap; justify-content: space-between; max-width: 374px;}
.inno a{ display:inline-block; width: 49%; max-width:160px; line-height:40px; height:40px; background:#148dc9; padding:0 5px; text-align:center; margin:10px 0; font-size:16px; font-size:1.6rem; border-radius: 10px; color: #ffffff;}
.inno a:hover{ background:#2095d4; color:#fff;}

@media screen and (max-width: 1539px) {
    .prob-pic { width: 340px; margin-top: 0px;}
    .jianjie{ width:calc(100% - 355px); margin-top: 0px;}

    .jianjie h1{ font-size:20px; font-size:2rem; line-height:30px; padding-bottom: 10px;}
    .jiann{ font-size:14px; font-size:1.4rem; line-height:30px; padding-top:27px; min-height: 0px;}

    .prtel{ font-size: 20px; font-size: 2rem; line-height: 30px; padding-left: 40px;}
    .prtel em{ font-size: 30px;}

    .share1{ font-size:14px; font-size:1.4rem;}

    .inno{ padding-top: 10px;}
    .inno a{ font-size:14px; font-size:1.4rem;}
}
@media only screen and (max-width:1099px ) {
    .zoomPad { cursor: default !important; }
    .zoomPup { display: none !important; }
    .zoomWindow { display: none !important; }
    .zoomPreload { display: none !important; }
}
@media screen and (max-width:999px){
    .pr21{ display: block; text-align: center;}
    .prob-pic { width: 100%; max-width: 400px; margin: auto; float: none;}
    .jianjie{ width: 100%; margin-top: 0px; float: none; margin-top: 20px;}
    .prtel{ display: inline-block;}
    .inno{ margin: auto;}
}
@media only screen and (max-width:767px ) {
    .jianjie h1{ font-size:16px; font-size:1.6rem; line-height:26px; padding-bottom: 10px;}
    .jiann{ font-size:12px; font-size:1.2rem; line-height:22px; padding-top:20px; min-height: 0px;}

    .prtel{ font-size: 16px; font-size: 1.6rem; line-height: 26px; padding-left: 30px;}
    .prtel em{ font-size: 20px;}

    .inno{ padding-top: 10px;}
    .inno a{ font-size:12px; font-size:1.2rem;}
}

#outer { margin-top:65px; font-size:0px; position: relative;}
#tab {zoom: 1; font-size:0px; text-align: center; position: relative; display: flex; flex-flow: wrap;}
#tab li{ transition:0.5s; cursor:pointer; display: inline-block; vertical-align: middle; position:relative; text-align: center; width: 20%; padding: 0px 10px; height: 45px; line-height: 45px; background: #148dc9; z-index: 1;margin: 0 1.5%;}
#tab li span{ display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; font-size: 2.4rem; font-size: 18px;line-height: 26px; transition: 0.5s;}

#tab li.current{ background: #999;}
#tab li.current span{}
#tab li:hover{ background: #999;}

#content { display: block;}
#content .tabul {display: none; font-size:0px; vertical-align:middle; padding-top: 63px;}

.chanxiang{}
.chanxiang img{ display: inline-block;}
.chanxiang em{ display: block; text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 30px; font-style: normal;}
.chanxiang a{color: #2095d4;}

.table{ width:100%; overflow:auto;}
.table table{ width:100%; border-collapse:collapse; line-height:22px;}
.table table tr{}
.table table tr td{ padding: 20px; border:1px solid #f8f8f8; background: #fff;}
.table table tr:first-child td{ background: #f8f8f8; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center;}

@media screen and (max-width:1359px) {
    #tab li span{ font-size: 18px; font-size: 1.8rem;}
    #content .tabul { padding-top: 40px;}

    .table table tr td{ padding: 20px;}
    .table table tr:first-child td{ font-size: 18px; font-size: 1.8rem;}
}
@media screen and (max-width:999px) {
    #tab li span{ font-size: 14px; font-size: 1.4rem;}
    #content .tabul { padding-top: 30px;}

    #outer { margin-top:30px;}

    .table table tr td{ padding: 10px;}
    .table table tr:first-child td{ font-size: 16px; font-size: 1.6rem;}
}
@media screen and (max-width:767px) {
    #tab li{ width: 24%; padding: 0px 10px; height: 45px; line-height: 45px;}
    #tab li span{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}

    #content .tabul { padding-top: 25px;}

    .table table tr td{ padding: 10px 5px;}
    .table table tr:first-child td{ font-size: 14px; font-size: 1.4rem;}
}

.prtag{ position: relative; padding-left: 96px; margin-top: 86px; font-size: 0px;}
.prtag span{ font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #2095d4; font-weight: bold; position: absolute; left: 0px; top: 0px; margin-top: 10px;}
.prtag span i{ display: inline-block; vertical-align: middle; font-size: 30px; margin-right: 5px;}
.prtag a{ display: inline-block; vertical-align: middle; padding: 0 24px; line-height: 30px; border-radius: 10px; font-size: 16px; font-size: 1.6rem; margin-right: 22px; margin-top: 10px; background: #e3e3e3;}
.prtag a:hover{ background: #2095d4; color: #fff;}

.homain2{ padding-top: 80px;}
.homain2 .img-list li { width:0.24%; margin-right: 0.0133%;}

.prdo{}
.prdolie{ display: flex; flex-flow: wrap; justify-content: space-between; margin-bottom: 14px;}
.prdolie:nth-child(2n){ background: #e7f3f9;}
.prdolie a{ width: calc(50% - 200px); margin: 0 100px; line-height: 30px; padding: 10px 0; padding-left: 37px; font-size: 20px; font-size: 2rem; position: relative;}
.prdolie a i{ position: absolute; left: 0px; top: 10px; color: #148dc9; font-size: 24px;}

@media screen and (max-width:1699px) {
    .prdolie a{ width: calc(50% - 40px); margin: 0 20px; padding-left: 30px; font-size: 16px; font-size: 1.6rem;}
    .prdolie a i{ font-size: 18px;}
}
@media screen and (max-width:1359px) {
    .prtag{ margin-top: 40px;}
    .homain2 .img-list li { width:0.3233%; margin-right: 0.015%;}

    .prdolie a{ width: calc(50% - 20px); margin: 0 10px; padding-left: 26px; font-size: 14px; font-size: 1.4rem;}
    .prdolie a i{ font-size: 16px;}
}
@media screen and (max-width:999px) {
    .prtag{ margin-top: 40px; padding-left: 70px;}
    .prtag span{ font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 5px;}
    .prtag span i{ font-size: 20px;}
    .prtag a{ padding: 0 15px; font-size: 14px; font-size: 1.4rem; margin-right: 10px; margin-top: 5px;}
    .homain2{ padding-top: 50px;}

    .prdolie a{ width: 100%;}
}
@media screen and (max-width:767px) {
    .prtag{ margin-top: 20px; padding-left: 70px;}
    .homain2{ padding-top: 30px;}

    .prtag span{ font-size: 12px; font-size: 1.2rem; line-height: 26px; margin-top: 5px;}
    .prtag span i{ font-size: 16px;}
    .prtag a{ padding: 0 10px; font-size: 12px; font-size: 1.2rem; margin-right: 5px; line-height: 26px; margin-top: 5px;}

    .prdolie a{ padding-left: 24px; font-size: 12px; font-size: 1.2rem;}
    .prdolie a i{ font-size: 14px;}
}
@media screen and (max-width:499px) {
    .homain2 .img-list li { width:0.49%; margin-right: 0.02%;}
}

/****************************  about1  ***************************/
.abnav{ position: relative; padding-top: 35px;}
.abnav:before{content: ""; position: absolute; width: 100%; height: 1px; background: #eeeeee; left: 0px; bottom: 1px;}
.abnav>.zong>li{ margin-right: 59px; display: inline-block; vertical-align: middle;}
.abnav>.zong>li>a{ display: block; position: relative; padding: 12px 0;}
.abnav>.zong>li>a:before{content: ""; position: absolute; width: 0px; height: 3px; background: #148dc9; left: 0px; bottom: 0px; transition: 0.5s;}
.dangab a{ font-weight: bold;}
.dangab a:before{ width: 100% !important;}

.aberji{ padding-top: 22px;}
.aberji .zong{}
.aberji .zong li{ display: inline-block; vertical-align: middle; margin-right: 50px;}
.aberji li a{ display: block;}
.aberji li a:hover{color: #148dc9;}
.dangab2 a{color: #148dc9 !important;}

@media screen and (max-width:999px) {
    .abnav{ padding-top: 10px;}
    .abnav>.zong>li{ margin-right: 20px;}
    .aberji{ padding-top: 10px;}
    .aberji .zong li{ margin-right: 20px;}
}
@media screen and (max-width:767px) {
    .abnav>.zong>li>a{ padding: 5px 0;}
    .abnav>.zong>li{ margin-right: 15px;}
}

.ab1main1{padding-top: 48px;overflow: hidden;}
.ab1zi{ width: 100%;padding-top: 42px;}
.ab1tu{ width: 48.25%;float: right;margin-left: 2.95%;margin-bottom: 10px;}

.ab1biao{ font-size: 40px; font-size: 4rem; font-size: 36px; line-height: 50px; font-weight: bold;}
.ab1biao span{ display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; font-family: "GothamMedium"; font-weight: normal; padding-left: 50px; position: relative;}
.ab1biao span:before{ content: ""; position: absolute; width: 48px; height: 4px; left: 0px; top: 50%; transform: translateY(-50%); background: #2095d4;}
.ab1p{ margin-top: 42px;}
.ab1zitu{ width: 90%; max-width: 640px; margin-top: 45px;}
.ab1zitu img{ width: 100%;}

@media screen and (max-width:1359px) {
    .ab1main1{ align-items: center;}
    .ab1biao{ font-size: 30px; font-size: 3rem; line-height: 40px;}
    .ab1biao span{ font-size: 14px; font-size: 1.4rem; line-height: 26px; padding-left: 30px;}
    .ab1biao span:before{ width: 28px; height: 2px;}
    .ab1p{ margin-top: 20px;}
    .ab1zitu{ max-width: 300px; margin-top: 20px;}
}
@media screen and (max-width:999px) {
    .ab1main1{ padding-top: 30px;display: flex;flex-direction: column-reverse;}
    .ab1zi{ width: 100%;padding-top: 0px;}
    .ab1tu{ width: 100%; max-width: 700px; margin: auto; margin-top: 30px;float: none;}
    .ab1biao{ font-size: 26px; font-size: 2.6rem; line-height: 34px;}
}
@media screen and (max-width:767px) {
    .ab1biao{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}
    .ab1biao span{ font-size: 12px; font-size: 1.2rem; line-height: 22px; padding-left: 20px;}
    .ab1biao span:before{ width: 18px; height: 2px;}
}

.ab1main2{ background: url("../images/ab12bei.jpg") no-repeat right center; padding: 128px 0; padding-bottom: 50px;}
.ab1main2 .zong{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.ab12tu{ width: 55.94%;}
.ab12zi{ width: 31%;}

.ab12lie{ margin: 66px 0;}
.ab12lie p{color: #333333; margin-top: 8px;}
.ab12lie strong{ display: inline; font-size: 36px; font-size: 3.6rem; line-height: 50px; font-weight: bold; color: #333333;}

@media screen and (max-width:1359px) {
    .ab1main2{ padding: 60px 0; background-size: 100%;}
    .ab12tu{ width: 58%;}
    .ab12zi{ width: 38%;}

    .ab12lie{ margin: 26px 0;}
    .ab12lie p{ margin-top: 0px;}
    .ab12lie strong{ font-size: 26px; font-size: 2.6rem; line-height: 40px;}
}
@media screen and (max-width:999px) {
    .ab1main2{ padding: 30px 0;}

    .ab12lie{ margin: 15px 0;}
    .ab12lie strong{ font-size: 20px; font-size: 2rem; line-height: 30px;}
}
@media screen and (max-width:599px) {
    .ab1main2{ padding-bottom: 10px;}
    .ab12tu{ width: 100%;}
    .ab12zi{ width: 100%;}
}

.ab1main3{ background: url("../images/ab13bei.jpg") no-repeat left center;}
.ab1main3 .zong{ text-align: right;}
.ab13n{ display: inline-block; width: 50%; max-width: 725px; text-align: left; padding-top: 73px; padding-bottom: 180px;}
.ab13p{ margin-top: 48px;}
.ab13mor{ display: block; width: 200px;	height: 60px; line-height: 60px; font-size: 18px; font-size: 1.8rem; margin-top: 41px; color: #ffffff; font-weight: bold; text-align: center; background: #2095d4; border-radius: 10px;}
.ab13mor:hover{ background: #2095d4; color: #fff;}

@media screen and (max-width:1359px) {
    .ab1main3{ background-size: 100%;}
    .ab13n{ padding-top: 40px; padding-bottom: 80px;}
}
@media screen and (max-width:999px) {
    .ab13mor{ width: 130px;	height:40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; margin-top: 20px;}
    .ab13p{ margin-top: 20px;}
}
@media screen and (max-width:767px) {
    .ab1main3{ background: none;}
    .ab13n{ width: 100%; padding: 30px 0; padding-top: 0px;}
}

.ab1main5{ background: #f5f5f5; padding: 55px 0; padding-top: 70px;}

.ab1main5 .row{ margin: 0 -25px; margin-top: 55px;}
.ab1main5 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.ab1main5 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.ab1main5 .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.ab1main5 .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;}

.ab1main5 .owl-carousel .owl-item{float: left; padding: 0 25px;}
.ab1main5 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.ab1main5 .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);}
.ab1main5 .owl-theme .owl-controls{ text-align: center; margin-top: 47px;}
.ab1main5 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.ab1main5 .owl-theme .owl-controls .owl-page span{display: block;width: 13px;height: 13px; background: #e1e1e1; margin: 0 7px; border-radius: 50%; font-size: 0px;}
.ab1main5 .owl-theme .owl-controls .owl-page.active span,.ab1main5 .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#2095d4; opacity:1;}

.ab1main5 .owl-theme .owl-buttons{ width: 89px; height: 42px; position: relative; margin: auto; display: none !important}
.ab1main5 .owl-theme .owl-buttons div{ width: 42px; height: 42px; background: #fff; position: absolute; line-height: 42px; font-size: 24px; transition: 0.5s;}
.ab1main5 .owl-theme .owl-prev{ left: 0px;}
.ab1main5 .owl-theme .owl-next{ right: 0px;}
.ab1main5 .owl-theme .owl-buttons div:hover{ background: #3080f9; color: #fff;}

.ab1main7{ background: none;}
.ab1main7:before{ display: none;}

@media screen and (max-width:999px) {
    .ab1main5{ padding: 30px 0; padding-bottom: 10px;}
    .ab1main5 .row{ margin: 0 -5px; margin-top: 30px;}
    .ab1main5 .owl-theme .owl-controls{ margin-top: 10px;}
    .ab1main5 .owl-theme .owl-controls .owl-page span{width: 10px; height: 10px; margin: 0 3px;}
    .ab1main5 .owl-carousel .owl-item{ padding: 0 5px;}
}
@media screen and (max-width:767px) {
    .ab1main5 .row{ margin-top: 20px;}
}

.ab1main4{ position: relative; overflow: hidden; padding-bottom: 70px; padding-top: 20px;}
.ab1main4 .zong{ display: flex; flex-flow: wrap; justify-content: space-between;}
.ab14l{ width: 42%;}
.ab14r{ width: 55.875%;}

.ab14biao{ text-align: right;}

.ab14ln{ position: relative; height: 730px; margin-top: 10px;}
.ab14ln iframe{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden;}

@media screen and (max-width:1559px) {
    .ab14ln{ height: 500px;}
}
@media screen and (max-width:1359px) {
    .ab1main4{ padding-bottom: 30px;}
    .ab1main4 .zong{ align-items: center;}
    .ab14l{ width: 56%;}
    .ab14r{ width: 40%;}
}
@media screen and (max-width:999px) {
    .ab14l{ width: 100%;}
    .ab14r{ width: 40%; display: none;}
    .ab14ln{ height: 730px; margin-top: 20px;}
}
@media screen and (max-width:619px) {
    .ab14ln{ height: 500px;}
}

.ab1main6{ background: #fff; padding-bottom: 146px;}

.ab1main7{ background: #2095d4; display: flex; flex-flow: wrap; justify-content: space-between; position: relative;}
.ab1main7:after{content: ""; position: absolute; width: 48.54%; height: 30px; left: 0px; top: -30px; background: #2095d4;}
.ab17r:before{content: ""; position: absolute; width: 28px; height: 30px; left: 0px; top: -30px; background: url("../images/ab17jiao.jpg") no-repeat left bottom;}

.ab17l{ width: 48.54%; text-align: right; line-height: 200px;}
.ab17ln{ width: 95%; max-width: 770px; display: inline-block; vertical-align: middle; padding-right: 20px; text-align: left;}
.ab17r{ width: 51.46%; position: relative;}
.ab17r img{ height: 100%; max-width: none;}

.ab17a{ font-size: 30px; font-size: 3rem; line-height: 40px; font-weight: bold; color: #ffffff;}
.ab17p{ color: #fff; margin-top: 15px;}
.ab17p p{ color: #fff;}
.ab17mor{ display: block; color: #ffffff; font-weight: bold; margin-top: 6px;}
.ab17mor:hover{ color: #fff; text-decoration: underline;}

@media screen and (max-width:1359px) {
    .ab1main6{ padding-bottom: 80px;}
    .ab17a{ font-size: 20px; font-size: 2rem; line-height: 30px;}
}
@media screen and (max-width:767px) {
    .ab1main6{ padding-bottom: 30px;}
    .ab17l{ width: 100%; text-align: center;}
    .ab17r{ width: 100%;}
    .ab1main7:after,.ab17r:before{ display: none;}
    .ab17r img{ height: auto; max-width: 100%;}
}

/****************************  licheng  ***************************/
.lcmain{ position: relative;}
.lcr{ width: 160px; height: 100%; display: block; position: fixed; top: 20px; right: 0px; text-align: right;}
.lcl{ width: calc(100% - 170px);}

.lcnav{ display: block; width: 100%; text-align: right; cursor: pointer;}
.lcnav i{ display: inline-block; width: 47px; height: 38px; line-height: 36px; text-align: center; color: #666666; font-size: 18px; border: solid 1px #cccccc;}

.lcrn{ display: block; margin: 17px 0; margin-right: 12px; padding: 10px 0; position: relative; font-size: 18px; font-size: 1.8rem; line-height: 30px;}
.lcrn:before{content: ""; position: absolute; width: 2px; height: 100%; background: #e1e1e1; right: 0px; top: 0px;}
.lcrn a{ display: block; padding-right: 29px; position: relative; text-align: right; font-weight: bold; margin: 31px 0; cursor: pointer;}
.lcrn a:before{content: ""; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #e1e1e1;}
.lcrn a:after{content: ""; position: absolute; right: 2px; top: 100%; margin-top: 15px; width: 14px; height: 2px; background: #e1e1e1;}
.lcrn a:last-child:after{ display: none;}
.lcrna{color: #2095d4 !important;}

.lcmor{ display: inline-block; width: 119px; height: 63px; line-height: 63px; font-size: 18px; font-size: 1.8rem; margin-right: 11px; margin-top: 60px; text-align: center; color: #ffffff; background: #2095d4;}

.lclie{ position: relative; padding-left: 82px; margin-bottom: 38px; font-size: 16px; font-size: 1.6rem; line-height: 30px;}
.lcbiao{ color: #2095d4; font-weight: bold; position: absolute; left: 0px; top: 0px; width: 60px;}
.lcmor:hover{ background: #2095d4; color: #fff;}

@media screen and (max-width:767px) {
    .lcr{ width: 100px; top: 0px;}
    .lcl{ width: calc(100% - 110px);}

    .lcrn{ margin: 10px 0; margin-right: 0px; padding: 5px 0; font-size: 12px; font-size: 1.2rem; line-height: 26px;}
    .lcrn a{ padding-right: 15px; margin: 15px 0;}
    .lcrn a:after{ margin-top: 5px; width: 10px;}
    .lcrn a:before{ width: 10px;}

    .lcmor{ width: 80px; height: 40px; line-height: 40px; font-size: 12px; font-size: 1.2rem; margin-top: 20px; margin-right: 0px;}
    .lcnav i{ width: 30px; height: 26px; line-height: 24px; font-size: 12px; margin-right: 1px;}

    .lclie{ padding-left: 0px; margin-bottom: 20px; padding-top: 30px; font-size: 14px; font-size: 1.4rem; line-height: 26px;}
    .lcbiao{ width: 100%;}
}
@media screen and (max-width:469px) {
    .lclie{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}
}

/****************************  about2  ***************************/
.ab2main{ background: #f7f7f7; padding-top: 1px; padding-bottom: 76px;}
.ab2lie{ margin-top: 50px; margin-bottom: 70px; background: #148dc9; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.ab2lie2{ background: #fff; flex-direction: row-reverse;}
.ab2lie2 .ab2zi span{color: #0C0C0C}
.ab2tu{ width: 59%;}
.ab2zi{ width: 41%; padding: 20px 58px;}
.ab2lie1 .ab2zi p,.ab2zi span{ color: #fff;}
.ab2lie1 .ab2zi span:before{ background: #fff;}

.ab2p{ margin-top: 40px;}
.ab2mor{ display: block; width: 200px; height: 60px; line-height: 58px; font-size: 16px; font-size: 1.6rem; margin-top: 95px; color: #ffffff; text-align: center; background: #2095d4; border: 1px solid #2095d4; border-radius: 10px;}
.ab2mor:hover{ background: #fff; color: #2095d4;}

@media screen and (max-width:1659px) {
    .ab2zi{ width: 41%; padding: 20px;}
    .ab2p{ margin-top: 20px;}
    .ab2mor{ margin-top: 20px;}
}
@media screen and (max-width:1359px) {
    .ab2main{ padding-top: 10px; padding-bottom: 50px;}
    .ab2lie{ margin-top: 30px; margin-bottom: 30px;}
    .ab2mor{ width: 130px; height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:999px) {
    .ab2tu{ width: 100%;}
    .ab2zi{ width: 100%; padding: 20px 10px;}
}
@media screen and (max-width:767px) {
    .ab2main{ padding-top: 10px; padding-bottom: 10px;}
}

/****************************  about3  ***************************/

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
    border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}

.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.ab3main{ padding-top: 50px;}
.ab3n{ display: flex; flex-flow: wrap;}
.ab3lie{ width: 23.3%; margin-left: 2.26%; margin-bottom: 48px;}
.ab3lie:nth-child(4n-3){margin-left: 0px;}
.ab3tu{ display: block; overflow: hidden; border: solid 1px #ececec; position: relative; padding-bottom: 100%;}
.ab3tu img{ max-width: 80%; max-height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) !important;}
.ab3fu{ display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(32, 149, 212, 0.88); opacity: 0; transition: 0.5s;}
.ab3fu i{ position: absolute; color: #fff; font-size: 32px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ab3zi{ text-align: center; display: block; margin-top: 23px;}
.ab3lie:hover .ab3fu{ opacity: 1}

@media screen and (max-width:999px) {
    .ab3fu{ display:none;}
    .ab3lie{ margin-bottom: 20px;}
    .ab3zi{ margin-top: 10px;}
}
@media screen and (max-width:767px) {
    .ab3main{ padding-top: 30px;}
    .ab3lie{ width: 49%; margin-left: 2%;}
    .ab3lie:nth-child(2n-1){margin-left: 0px;}
}

/****************************  about4  ***************************/
.ab4main1{ display: flex; flex-flow: wrap; justify-content: space-between; padding-top: 78px;}
.ab41zi{ width: 39%; padding: 0 20px; margin-top: 90px;}
.ab41tu{ width: 46.9%; margin-right: 6%;}

.ab4a{ font-size: 30px; font-size: 3rem; line-height: 44px; color: #148dc9; font-weight: bold;}
.ab4a p{color: #148dc9;}

.ab4main2{ padding-bottom: 148px;}
.ab42lie{ margin-top: 40px;}
.ab4p{ margin-top: 12px;}
.ab42n{ display: flex; flex-flow: wrap; padding-top: 23px;}
.ab42n p{ width: 23.25%; margin-left: 2.33%; margin-top: 10px;}
.ab42n p:nth-child(4n-3){margin-left: 0px;}

@media screen and (max-width:1359px) {
    .ab4main1{ padding-top: 40px;}
    .ab41zi{ width: 50%; padding: 0px; margin-top: 30px;}
    .ab41tu{ width: 47%; margin-right: 0%;}
    .ab4a{ font-size: 20px; font-size: 2rem; line-height: 34px;}
}
@media screen and (max-width:999px) {
    .ab4main2{ padding-bottom: 70px;}
    .ab4a{ font-size: 16px; font-size: 1.6rem; line-height: 30px;}
    .ab42lie{ margin-top: 20px;}
    .ab42n{ padding-top: 5px;}
}
@media screen and (max-width:767px) {
    .ab4main1{ padding-top: 20px;}
    .ab4main2{ padding-bottom: 40px;}
    .ab4a{ font-size: 14px; font-size: 1.4rem; line-height:26px;}
    .ab41zi{ margin-top: 0px;}

    .ab42lie{ margin-top: 20px;}
    .ab42n p{ width: 49%; margin-left: 2%;}
    .ab42n p:nth-child(2n-1){margin-left: 0px;}
}

/****************************  video  ***************************/
.vimain{ padding-top: 18px;}
.vin{ display: flex; flex-flow: wrap;}
.vilie{ width: 30.9%; margin-left: 3.65%; margin-top: 34px;}
.vilie:nth-child(3n-2){margin-left: 0px;}
.via{ display: block; background: #efefef; padding: 20px; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

@media screen and (max-width:767px) {
    .vilie{ width: 49%; margin-left: 2%; margin-top: 15px;}
    .vilie:nth-child(3n-2){margin-left: 2%;}
    .vilie:nth-child(2n-1){margin-left: 0px;}
    .via{ padding: 10px;}
}

/****************************  3-1  ***************************/
.pjmain{ padding-top: 35px; padding-bottom: 115px;}
.pjlie{ margin-top: 30px; background: #f8f8f8; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.pjtu{ width: 575px; display: block; overflow: hidden;}
.pjzi{ width: calc(100% - 575px); padding:0px 44px;}
.pja{ display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.pjp a{ display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin-top: 16px;}
.pjmor{ display: block; width: 160px; height: 45px; line-height: 45px; font-size: 16px; font-size: 1.6rem; margin-top: 136px; text-align: center; color: #ffffff; background: #148dc9; border-radius: 10px;}
.pjmor:hover{ color: #ffffff; background: #2095d4;}

@media screen and (max-width:1359px) {
    .pjmain{ padding-top: 20px; padding-bottom: 50px;}
    .pjtu{ width: 300px;}
    .pjzi{ width: calc(100% - 300px); padding:0px 20px;}
    .pja{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
    .pjmor{ width: 120px; height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; margin-top:15px;}
}
@media screen and (max-width:767px) {
    .pjmain{ padding-top: 20px; padding-bottom: 30px;}
    .pjtu{ width: 140px;}
    .pjzi{ width: calc(100% - 140px); padding:0px 10px;}
    .pja{ font-size: 14px; font-size: 1.4rem; line-height: 24px;}
    .pjmor{ display: none;}
    .pjp a{ margin-top: 6px;}
    .pjlie{ margin-top: 15px;}
}

/****************************  3-2  ***************************/
.pjmain2{ padding-top: 50px; padding-bottom: 40px; display: flex; flex-flow: wrap; justify-content: space-between;}
.pjl{ width: calc(100% - 494px)}
.pjr{ width: 435px}

.pjh1{ font-size: 30px; font-size: 3rem; line-height: 40px; font-weight: bold;}
.pjt{ margin-top: 8px; border-bottom: 1px solid #dddddd; padding-bottom: 17px;}
.pjt span{ display: inline-block; vertical-align: middle; margin-right: 15px; color: #666666;}
.pjt .share{ margin: auto;}

.pjxiang{ margin-top: 25px;}
.pjxiang a{ color: #148dc9;}
.pjxiang img{ display: inline-block;}

.fanpian{ border-top: 1px solid #dddddd; padding-top: 25px; margin-top: 55px;}
.fanpian li a{ display: inline;}

.pjrlie{ display: flex; flex-flow: wrap; justify-content: space-between; margin-top: 30px; align-items: center;}
.pjrtu{ width: 193px; display: block; overflow: hidden;}
.pjrzi{ width: calc(100% - 201px);}
.pjra{ display: block; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.pjrriqi{ display: block; color: #999; margin-top: 12px;}
.pjrbiao{ font-weight: normal;}

@media screen and (max-width:1359px) {
    .pjh1{ font-size: 20px; font-size: 2rem; line-height: 30px;}
    .pjl{ width: calc(100% - 320px)}
    .pjr{ width: 300px}

    .pjrlie{ margin-top: 15px;}
    .pjrtu{ width: 150px;}
    .pjrzi{ width: calc(100% - 160px);}
    .pjrriqi{ margin-top: 5px;}

    .fanpian{ padding-top: 15px; margin-top: 30px;}
}
@media screen and (max-width:999px) {
    .pjmain2{ padding-top:30px; padding-bottom: 30px;}
}
@media screen and (max-width:767px) {
    .pjl{ width: 100%}
    .pjr{ width: 100%; margin-top: 20px;}

    .pjh1{ font-size: 18px; font-size: 1.8rem; line-height: 30px;}
    .fanpian{ padding-top: 15px; margin-top: 20px;}
}

/****************************  news  ***************************/
.nemain{ padding-top: 30px; padding-bottom: 100px;}
.nelie{ background: #f8f8f8; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; margin-top: 34px;}
.netu{ width: 560px; display: block; overflow: hidden;}
.netu img{ width: 100%;}
.nezi{ width: calc(100% - 560px); padding-left: 49px; padding-right: 10px;}
.neriqi{ display: block; color: #666666;}
.nea{ display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-top: 7px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.nep{ margin-top: 23px;}
.nep a{ display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; color: #666;}
.nemor{ width: 160px;
    height: 45px; line-height: 45px; text-align: center;
    background: #148dc9;
    border-radius: 10px; color: #fff; margin-top: 90px; display: block; font-size: 16px; font-size: 1.6rem;}
.nemor:hover{ background: #2095d4; color: #fff;}

@media screen and (max-width:1359px) {
    .netu{ width: 300px;}
    .nezi{ width: calc(100% - 300px); padding-left: 20px; padding-right: 10px;}
    .nea{ font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-top: 5px;}
    .nep{ margin-top: 5px;}
    .nemor{ width: 100px;
        height: 40px; line-height: 38px; margin-top: 5px; font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:999px) {
    .nemain{ padding-top: 20px; padding-bottom: 50px;}
    .nelie{ margin-top: 20px;}
}
@media screen and (max-width:767px) {
    .nemain{ padding-top: 10px; padding-bottom: 30px;}
    .nelie{ background: #fff; margin-top: 10px;}
    .netu{ width: 120px;}
    .nezi{ width: calc(100% - 120px); padding-left: 10px; padding-right: 0px;}
    .nea{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 5px;}
    .nemor{ display: none;}
}

/****************************  news2  ***************************/
.nemain2{ padding-top: 40px; padding-bottom: 50px;}
.neh1{ text-align: center;}
.net{ text-align: center; border: none; padding-bottom: 0px;}

@media screen and (max-width:767px) {
    .nemain2{ padding-top: 20px; padding-bottom: 20px;}
}

/****************************  contact  ***************************/
.comain{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 30px; margin-top: 74px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.col{ width: 39.4%; padding: 10px; padding-left: 50px;}
.cor{ width: 60.6%;}

.cobiao{ text-align: left;}
.cobiao span{ left: 0px; transform: translate(0);}
.coul{ line-height: 36px; margin-top: 26px;}
.coul a{ display: inline;}

.comain2{ padding-top: 92px; padding-bottom: 115px;}
.co2p{ text-align: center; margin-top: 30px;}

.coxin{ display: flex; flex-flow: wrap; justify-content: space-between; max-width: 1515px; margin: auto; margin-top: 40px;}
.coxin .int1{ width: 49%; padding-left: 15px; margin-top: 19px;}
.coxin .int2{ width: 100%; padding-left: 15px; margin-top: 19px;}
.coxin .int3{ width: 49%; margin-top: 19px; font-size: 0px;}

.coxin input{ width: 100%; height: 50px; border-radius: 10px; padding: 0 12px; font-size: 16px; font-size: 1.6rem; border: solid 1px #dddddd;}
.coxin textarea{ width: 100%; height: 120px; border-radius: 10px; line-height: 30px; padding: 10px 12px; font-size: 16px; font-size: 1.6rem; border: solid 1px #dddddd;}
.coxin .yanzheng{ width: 160px;	height: 50px; cursor: pointer; display: inline-block; vertical-align: middle;}
.coxin .int4{ width: 275px;	height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; margin-left: 54px; cursor: pointer; text-align: center; color: #fff; background: #148dc9; border: 1px solid #148dc9; border-radius: 10px;  display: inline-block; vertical-align: middle; transition: 0.5s;}
.coxin .int4:hover{ background: #2095d4; border: 1px solid #2095d4;}
.coxin .xing{ background: url("../images/xing.png") no-repeat left 22px;}

@media screen and (max-width:1359px) {
    .comain{ margin-top: 40px;}
    .col{ width: 33%; padding: 10px;}
    .cor{ width: 67%;}
    .coul{ line-height: 30px; margin-top: 10px;}

    .comain2{ padding-top: 40px; padding-bottom: 40px;}
    .co2p{ margin-top: 10px;}
    .coxin{ margin-top: 20px;}
    .coxin .int4{ width: 150px; font-size: 14px; font-size: 1.4rem; margin-left: 20px;}
}
@media screen and (max-width:999px) {
    .comain{ margin-top: 30px;}
    .col{ width: 100%; padding:20px 10px;}
    .cor{ width: 100%;}

    .comain2{ padding-top: 30px; padding-bottom: 30px;}
    .coxin input,.coxin textarea{ font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:767px) {
    .coxin .int1,.coxin .int3,.coxin .int2{ width: 100%; margin-top: 10px;}
    .coxin .int3{padding-left: 15px;}
    .coxin .int4{ width: 100px; font-size: 14px; font-size: 1.4rem; margin-left: 20px;}
}







@media screen and (max-width:1359px) {

}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {

}



@font-face {
    font-family: "iconfont"; /* Project id 4342364 */
    font-display: swap;
    src: url('../fonts/iconfont.woff2?t=1700900914519') format('woff2'),
    url('../fonts/iconfont.woff?t=1700900914519') format('woff'),
    url('../fonts/iconfont.ttf?t=1700900914519') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xinlangweibo:before {
    content: "\e601";
}

.icon-home:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e620";
}

.icon-pinterest:before {
    content: "\e8ab";
}

.icon-linkedin:before {
    content: "\e648";
}

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

.icon-right:before {
    content: "\e72d";
}

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-left1:before {
    content: "\e730";
}

.icon-right1:before {
    content: "\e731";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

.icon-top:before {
    content: "\e7ed";
}

.icon-youbian:before {
    content: "\e60f";
}

.icon-jian2:before {
    content: "\e600";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-vk:before {
    content: "\e735";
}

.icon-instagram1:before {
    content: "\e640";
}

.icon-up7:before {
    content: "\e722";
}

.icon-bottom7:before {
    content: "\e723";
}

.icon-left7:before {
    content: "\e724";
}

.icon-right7:before {
    content: "\e725";
}

.icon-sousuo4:before {
    content: "\e610";
}

.icon-sousuo:before {
    content: "\e616";
}

.icon-sousuo1:before {
    content: "\e65b";
}

.icon-shangchuan:before {
    content: "\e602";
}

.icon-top2:before {
    content: "\e637";
}

.icon-biaoqian:before {
    content: "\e649";
}

.icon-twitter3:before {
    content: "\e7fd";
}

.icon-twitter4:before {
    content: "\e7fe";
}

.icon-twitter-new2:before {
    content: "\e800";
}

.icon-twitter-new:before {
    content: "\e7ff";
}

.icon-erweima:before {
    content: "\e630";
}

.icon-biaoqian1:before {
    content: "\e629";
}

.icon-dianhua:before {
    content: "\e69e";
}

.icon-kongjian:before {
    content: "\e62f";
}

.icon-dianhua1:before {
    content: "\e631";
}
.form-code img{
    width: 100%;
}
.zong .active{
    color: #2095d4;
}
.int3 .form-code img{
    width: 160px;
    transform: none !important;
}
.fenyen .active {
    background-color: #2095d4;
    color: #fff;
}
.nemain2 .mp a{ display: inline;}

#content > div:first-child{
    display: block;
}

#content .tabul table{
    text-align: center;
}


.iframeBox {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 99999;
}

.iframeBox iframe {
    width: 80%;
    height: 80%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.iframeBox video {
    width: 100%;
    object-fit: cover;
}

.iframeBox:before {
    content: "X";
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 30px;
    right: 30px;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}

.ab41tu,.ab1tu{
    position: relative;
}
.ab41tu iframe,
.ab1tu iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ab41tu video,
.ab1tu video{
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width:100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    /*object-fit: cover;*/
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}
.new_zz{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 87px;
}
.new_content{
	max-width: 1600px;
	width: 100%;
	padding: 0px 30px;
}
.new_zz a{
	color: #fff;
}
.new_zz a:hover{
	color: #2095d4;
}
.new_bt{
	/* font-family: SourceHanSansCN; */
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 74px;
	letter-spacing: 0px;
	color: #ffffff;
}
.new_bten{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 2px;
	color: #ffffff;
}
.new_text{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 50px;
}
.new_buttonBox{
	margin-top: 60px;
	display: flex;
	justify-content: center;
}
.new_buttonBox a{
	width: 191px;
	height: 50px;
	border-radius: 10px;
	border: solid 1px #ffffff;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.new_buttonBox a:hover{
	background: #fff;
}

@media screen and (max-width: 1400px) {
	.new_bt{
		font-size: 36px;
		line-height: 42px;
	}
	.new_bten{
		font-size: 18px;
		margin-top: 15px;
	}
	.new_text{
		font-size: 22px;
		margin-top: 20px;
	}
	.new_buttonBox{
		margin-top: 40px;
	}
}
@media screen and (max-width: 992px) {
	.new_zz{
		padding-bottom: 40px;
	}
	.new_bt{
		font-size: 28px;
		line-height: 32px;
	}
	.new_bten{
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}
	.new_text{
		font-size: 18px;
		line-height: 26px;
		margin-top: 15px;
	}
	.new_buttonBox{
		margin-top: 20px;
	}
	.new_buttonBox a{
		width: 150px;
		height: 40px;
		font-size: 16px;
	}
}
@media screen and (max-width: 769px) {
	.new_zz{
		padding-bottom: 40px;
	}
	.new_bt{
		font-size: 20px;
		line-height: 24px;
	}
	.new_bten{
		font-size: 14px;
		line-height: 18px;
		margin-top: 5px;
	}
	.new_text{
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px;
	}
	.new_buttonBox{
		margin-top: 20px;
	}
	.new_buttonBox a{
		width: 130px;
		height: 34px;
		font-size: 14px;
	}
}
@media screen and (max-width: 480px){
	.new_bten{
		display: none;
	}
	.new_buttonBox{
		display: none;
	}
}