@charset "utf-8";
html, body {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 30px;
    background: #fff;
    overflow-x: hidden;
    color: #666;
}

* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei' !important;
    border: 0;
    outline: medium;
    text-shadow: none;
    text-decoration: none;
}

input {
    vertical-align: middle;
}

textarea {
    resize: none;
}

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

hr {
    border-width: 1px;
    border-style: inset;
}

ul,ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

a{ color: #666;}
a:hover{ color: #666666;}
a, a:link, a:active, a:visited, a:hover {
    text-decoration: none !important;
}

i {
    display: block;
}

i, em {
    font-style: normal;
}
html{
    height: 100%;
}
html, body {
    width: 100%;
    min-height: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.warpper{
    margin:0 auto;
}
.main{ 
    line-height: 30px; 
    padding: 4% 0;
}
.dH{
    overflow: hidden;
}
.inp_pla{
    color:#999 !important;
}
.rig-title-over{
    float: left;
    line-height: 60px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*input placeholder 样式 */

::-webkit-input-placeholder {
    color: #999999;
}

:-moz-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

:-ms-input-placeholder {
    color: #999999;
}

/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #3f95d1;
}

/* 更改layer样式 */
.layui-layer-btn{
    text-align: center !important;
    padding-bottom:28px !important;
}
.layui-layer-btn .layui-layer-btn0{
    display: block;
    margin:0 auto !important;
    border-radius: 0 !important;
    width:88px !important;
    text-align: center !important;
    height: 34px !important;
    line-height: 34px !important;
    border-color: #237ed2 !important;
    background-color: #237ed2 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
    background: #348eed !important;
    border-color: #348eed !important;
}
/*顶部移动端导航*/
#c-header .c-nav2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 40;
    font-size: 14px;
    line-height: 50px;
    overflow-y: auto;
    background: #fff;
    transition: all 0.5s;
}

#c-header.c-head-hide .c-nav2 {
    top: 50px;
}

body.c-open #c-header .c-nav2 {
    height: calc(100%) !important;
    height: -webkit-calc(100%);
    padding-top: 88px !important;
}

body.c-open #c-header.c-head-hide .c-nav2 {
    height: calc(100% - 65px);
    height: -webkit-calc(100% - 65px);
}

#c-header .c-nav2 a {
    display: block;
    margin: 0 20px;
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    color: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header .c-nav2 > li:first-child {
    border-top: 1px solid #f1f1f1;
}

#c-header .c-nav2 li:hover > a, #c-header .c-nav2 li.active > a {
    color: #3f95d1;
}

#c-header .c-nav2 li a i {
    float: right;
    width: 5%;
}

#c-header .c-nav2 li a i img {
    width: 100%;
}

#c-header .c-nav2 li ul {
    display: none;
}

#c-header .c-nav2 li ul a {
    padding-left: 20px;
}

#c-header .c-nav2 .c-language {
    float: left;
    position: relative;
    padding: 20px 0 0 20px;
}

#c-header .c-nav2 .c-language > a {
    margin: 0;
    display: block;
    padding: 0 5px;
    width: 80px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #f1f1f1;
}

#c-header .c-nav2 .c-language > a i {
    margin-top: 9px;
}

#c-header .c-nav2 .c-language .c-list {
    display: none;
    background: #fff;
    line-height: 40px;
    box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}

#c-header .c-nav2 .c-language .c-list a {
    display: block;
    padding: 0 5px;
    margin: 0;
}

#c-header .c-nav2 .c-language .c-list .c-item:last-child a {
    border-bottom: 0;
}

#c-header .c-nav2 .c-search-box {
    float: right;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    width: calc(100% - 20px);
    padding: 20px 20px 0 0;
}

#c-header .c-nav2 .c-search-box i {
    display: inline-block;
    width: 50%;
    font-size: 25px;
}

#c-header .c-nav2 .c-search-box i img {
    width: 100%;
}

#c-header .c-nav2 .c-search-box form {
    position: relative;
    border: 1px solid #f1f1f1;
    line-height: 38px;
    height: 40px;
}

#c-header .c-nav2 .c-search-box form input {
    float: left;
    padding: 0 5px;
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 50px);

    height: 38px;
}

#c-header .c-nav2 .c-search-box form button {
    float: right;
    width: 50px;
    height: 38px;
    color: #fff;
    background: #0063d0;
}

/*顶部导航开关*/
#c-header .c-switch {
    position: fixed;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 20px;
    z-index: 99999;
    cursor: pointer;
}

#c-header .c-switch i {
    position: relative;
    display: block;
    height: 2px;
    background: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-head-hide .c-switch i, .c-open #c-header .c-switch i {
    background: #333;
}

#c-header .c-switch i:nth-child(1) {
    top: 0;
}

#c-header .c-switch i:nth-child(3) {
    bottom: 0;
}

#c-header .c-switch i:nth-child(2) {
    margin: 6px 0;
}

body.c-open #c-header .c-switch i:nth-child(2) {
    opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
    bottom: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


@media screen and (min-width: 991px) {
    #c-header .c-nav2 {
        display: none;
    }
}
/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; background: #fff; z-index: 999; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
#top_index_zy{ height: auto; margin: 0 auto; position: relative; transition: 0.3s;}
#logo{padding: 1% 0; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%;max-height: 80px;transition:0.5s;}
#top_tel{ line-height: 25px;}
#top_tel i{ margin-right: 10px;}
#top_tel p{ font-size: 32px;font-weight: bold;color:#3f95d1;font-family: "arial, helvetica, sans-serif"}
#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center; transition:0.5s;}
#nav li .big{ display: block; color: #333; position: relative; z-index: 1; }
#nav li .big:before{ position: absolute; left: 0; bottom: 0; background: #3f95d1; content: ''; height: 4px; width: 0; transition: 0.3s;}
#nav li:hover .big{ color: #3f95d1;}
#nav li:hover .big:before{ width: 100%;}
#nav .navli_hover .big:before{ width: 100%;}
#nav .navli_hover .big{color: #3f95d1;}

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top: 1px solid #ededed; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.05); color: #333; top: 100%; width: 100vw;}
#nav li .navson .main{ padding: 30px 0;}
#nav li .navson dl dd{ margin: 1% 1% 0; font-size: 16px;}
#nav li .navson dl dd.xwnav a i{ display: none;}
#nav li .navson dl dd.xwnav:first-of-type a i:first-of-type{ display: block;}
#nav li .navson dl dd.xwnav:nth-of-type(2) a i:nth-of-type(2){ display: block;}
#nav li .navson dl dd.xwnav:nth-of-type(3) a i:nth-of-type(3){ display: block;}
#nav li .navson dl dd .pic{ background: #f7f8fa; padding: 15px; border-radius: 20px; text-align: center; transition: 0.3s;}
#nav li .navson dl dd .pic img{ display: inline-block; max-width: 100%;}
#nav li .navson dl dd i{ background: #f7f8fa; width: 130px; height: 130px; border-radius: 20px; line-height: 130px; text-align: center; color: #000; font-size: 80px; margin-bottom: 5%; transition: 0.3s;}
#nav li .navson dl dd:hover i{ background: #3f95d1; color: #fff;}
#nav li .navson dl dd:hover .pic{ background: #3f95d1;}
#nav li .navson .more{ margin: 2% auto 0; background: #f7f8fa; width: 12%; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; font-size: 14px; transition: 0.3s;}
#nav li .navson .more i{ display: inline-block; font-size: 20px; margin-right: 10px;}
#nav li .navson .more:hover{ background: #3f95d1; color: #fff;}
#nav li .navson.navpro{background: rgba(255, 255, 255, 0.95);}
#nav li .navson.navpro .navproone{width:16.66%;}
#nav li .navson.navpro .navprotitle{font-size: 16px;font-weight: bold;padding-bottom:5px;border-bottom: 1px solid #ccc;display:block;text-align: left;color:#333;}
#nav li .navson.navpro .navprotitle img{width:40px;}
#nav li .navson.navpro .navprosec a{display: block;text-align: left;font-size: 15px;color:#333;}
#nav li .navson.navpro .navproone a:hover,#nav li .navson.navpro .navprosec a:hover{color:#3f95d1;}
#nav li .navson.navpro .more{background:#e3e3e3;}

.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0;}
.top_bj_active #logo img{ transform: scale(0.9);}
.top_bj_active #top_tel p{ font-size: 30px;font-weight: bold;color:#3f95d1;font-family: "arial, helvetica, sans-serif"}
.top_bj_active #nav li{ font-size: 16px;}
.top_bj_active #c-header .c-switch i{ background: #333;}

@media screen and (max-width:1440px){
    #logo a img{ max-width: 80%;}
    #top_tel p{ font-size: 22px;}
    .top_bj_active #top_tel{ line-height: 20px;}
    .top_bj_active #top_tel p{ font-size: 18px;}
	#nav li .navson.navpro .navprotitle{font-size:15px;}
}
@media screen and (max-width:1350px){
    #top_tel p{ font-size: 18px;}
    #top_tel span{ font-size: 12px;}
    #top_tel{ line-height: 20px;}
}
@media screen and (max-width:1300px){
    #nav li:nth-child(3) .navson dl dd{ width: 15%;}
    #nav li:nth-child(3) .navson dl dd .pic{ width: 100%; height: 150px;}
    #nav li:nth-child(3) .navson dl dd .pic img{ height: 130px;}
}
@media screen and (max-width:1200px){
    #nav li .navson.navpro .navprotitle{font-size:15px;}
    #nav li .navson.navpro .navprotitle img{width:40px;}
    #top_tel{ line-height: 20px;}
    #nav li{ font-size: 14px;}
    #nav li .navson .more{ width: 20%;}
    .top_bj_active #nav li{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #top_index{ width: 100%;padding:0;}
    #logo{ text-align: left; padding-left: 2%;}
    #logo a img{ max-width: 20%;}
}
@media screen and (max-width:768px){
    /*    #logo{ padding: 2% 0;}
        #logo a img{ max-width: 55%;}*/
}
@media screen and (max-width:760px){
    #logo,.top_bj_active #logo{ padding: 2% 0;}
    #logo a img{ max-width: 55%;}
    #c-header .c-switch{top:20px;}
}

#end_bj{ width: 100%; text-align: left; position: relative; color: #fff;background: #4b5158;}
#end_bj a{ color: #fff; transition: 0.3s; position: relative;}
#end_bj a:hover{ color: #fff;}
#end_bj .main{ padding: 3% 0;}

.end_nav{ width: 20%; margin-right: 5% !important;}
.end_nav li{ height: 35px; line-height: 35px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.end_nav li.big{ color: #fff; font-size: 18px; margin-bottom: 15px;}
.end_nav li a:hover{ color: #3f95d1 !important;}
.end_nav img{width:150px;}

.end_lxwm{ padding-left: 2%;}
.end_tel{ color: #fff; font-size: 38px; font-family: Bahnschrift; margin-bottom: 5%;}
.end_tel i{ color: #3f95d1; font-size: 36px; margin-right: 10px;}
.end_lx p{ height: auto; line-height: 35px;}

.ewm{ margin-top: 5%; width: 38%; float: left; margin-right: 10px;}
.ewm p{ display: inline-block; background: url("../images/wx_line.png") no-repeat center; background-size: 100% 100%; padding: 10px; }
.ewm p img{ max-width: 100%;}
.ewm span{ display: block; color: #7c8187; font-size: 16px; padding-top: 10px; text-align: center;}

.footer-logo img{width: 80%;max-width: 100%;}
.shareqiu{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-left: 20px;border-radius: 100%;box-sizing: border-box;background: #fff;color:#333;cursor: pointer;}
.shareqiu .codeimg {display: none;position: absolute;top: 50px;left: 50%;margin-left: -50px;width: 100px;height: 100px;}
.shareqiu .codeimg img {width: 100px;height: 100px;}
.shareqiu:hover .codeimg {display: block;}
.fix-bar-all {position: fixed;right: 0;bottom: 80px;z-index: 1;opacity:0;}
.fix-bar-all.on {opacity:1;}
a.fix-bar {display: block;position: relative;width: 60px;height: 60px;line-height: 58px;background: #3f95d1;text-align: center;cursor: pointer;transition: .3s;}
a.fix-bar-top {border: 1px solid #3f95d1;box-sizing: border-box;transition: .3s;}
a.fix-bar-top:hover {border: 1px solid #3f85c1;background: #3f85c1;}
i.fix-bar-top-h {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
a.fix-bar-top:hover i.fix-bar-top-h {opacity: 1;}
#end_line{ height: auto; padding: 10px 0; line-height: 30px; border-top: 1px solid #616161; }
#end_line a{ color: #fff;}
#end_line a:hover{ color: #FFF;}
@media screen and (max-width:1500px){
    .end_tel{ font-size: 34px;}
}
@media screen and (max-width:1400px){
    .end_tel{ font-size: 30px;}
    .end_tel i{ font-size: 30px;}
}
@media screen and (max-width:1200px){
    .end_nav img{width: 100%;}
    .shareqiu{margin-left: 10px;}
}
@media screen and (max-width:991px){
    #end_line{text-align: center;}
    #end_line a{display: block;}
    #end_line a:last-child{float: none !important;}
    .end_tel{justify-content:center !important}
    .end_tel ul li{ float: left;}
    .end_lx{ width: 100%;}
    .end_lx p{text-align:center;}
    .ewm{ margin-top: 3% !important;}
    .fix-bar-all{right:10px;}
    a.fix-bar {width: 50px;height: 50px;line-height: 48px;}
}
@media screen and (max-width:768px){
    .ewm{ width: 45%;}
    #end_bj .main{ padding: 5% 0;}
}

.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 9;}
.online_kefu ul li{ border: 1px solid #efefef; list-style-type:none; width:50px; height:60px; padding-top: 7px;  text-align: center; position: relative; background-color: #fff; color: #666666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 20px;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; line-height:25px;}
.online_kefu ul li .hover_con{border-radius: 3px; position: absolute;	left:-200px;left:-100px;	width: 120px;	color: #ffffff !important; text-align: center;background-color: #3f95d1;height:40px; line-height:40px; bottom: 7px; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}

.online_kefu li:hover{background-color:#3f95d1; color: #fff;border: 1px solid #3f95d1;}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover span{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #3f95d1; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none;}
}