*{margin: 0;padding: 0;}
body{font-family:'微软雅黑'; font-size:12px; line-height:24px; padding-top:80px;}
h1,h2,h3,h4,h5{margin: 0;padding: 0; font-weight:normal}
a{text-decoration: none !important;}
.wrap{max-width:1200px !important; margin:0 auto;}
.no-margin {margin: 0 !important;}
.clear{clear: both;}
.none{display: none;}
hr{border-top:1px solid #ddd; background:none}
img{ max-width:100%}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;}
.imgAuto{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.wCenter{height: 100%;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.overflowHidden{overflow: hidden;}
.diy_page,.diy_page2{font:12px/21px Arial;clear:both;margin:0 auto;text-align:center;color:#999;}
.diy_page a img{border:0;}
.diy_page a{text-decoration:none;color:#333;margin-right:10px; width:30px; height:30px; text-align:center; line-height:30px; display:inline-block;background:#ddd;}
.diy_page a:link,.diy_page a:active{color:#333;}
.diy_page a:hover{color:#fff;background: #334F8D;text-decoration:none;}
.diy_page span.current{text-decoration:none;color:#fff;margin-right:10px; width:30px; height:30px; text-align:center; line-height:30px; display:inline-block;border:1px solid #334F8D; background:#334F8D;}
.diy_page a.p_n{border:none;}
.diy_page a.p_n:hover{border:none;background:none;color:#F00;text-decoration:underline;}
.diy_page a.nob{border:none;padding:0 3px}
.diy_page a.p_n2{border:none;text-decoration:none;border:1px solid #FFF;}
.diy_page a.p_n2:hover{border:none;background:none;border:1px solid #FFBB55;}
input{outline:medium;}
ul li{ list-style:none}
a:link,a:visited{ color:#333;}
a:hover,a:active{ color:#000;}
div:focus,textarea:focus{ outline:none;}
header{ height:80px; position:fixed; width:100%; left:0; top:0; z-index:9999999; background:#fff;}
.top_line{ background:#e6e6e6;color:#334F8D; font-size:14px; line-height:36px;}
.top_line .lang{ float:right;}
.top_line .tel{ float:right; margin-right:50px;}
.top_line img{display:inline-block; vertical-align:middle}

.headInfo{position:relative; padding-top:10px;height:80px;}
.headInfo .logo{ float:left}
.headInfo .logo img{ height:49px; margin-top:10px;}
.menu{ padding:0; float:right}
.menu li{ float:left; text-align:center; height:80px; line-height:80px; font-family:"微软雅黑"; font-size:16px;position: relative;}
.menu li a{display:block; padding:0 17px;line-height:80px;}
.menu li a.active,.menu li a:hover{color:#334F8D!important; font-weight: bolder}
.menu li:hover .submenu{display: inline-block}
.menu .submenu{
    width: 130px;
    background: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 80px;
    padding-bottom: 5px;
}
.menu .submenu a,.menu .submenu li{
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.relative{position:relative}
.banner{position:relative; font-size: 0;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{content:normal}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:normal}
.swiper-pagination-bullet-active{ background:#fff;}
.swiper-pagination-bullet{ width:12px; height:12px; border:2px solid #fff;}

.wrap_service{font-size: 14px; padding-bottom: 50px;}
.wrap_service .index_service{float:left; width:24%; margin:10px 0.5%; background:#fff; padding:20px; border: 1px solid #f5f5f5;border-radius: 5px;}
.wrap_service .index_service .title{ font-size:20px; line-height:26px; font-weight:bolder; padding: 15px 0;height: 46px;overflow: hidden}
.wrap_service .index_service .text{ height: 50px;overflow: hidden}
.wrap_service .fa{background: #eee; padding: 10px 20px;border-radius: 5px; font-size: 16px;font-weight: bolder}
.wrap_service .index_service:hover{box-shadow: #eee 0 0 10px 0;}
.wrap_service .index_service .fa{margin-top: 10px;}
.wrap_service .index_service:hover .fa{background: #334F8D;color: #fff;}
.wrap_service .index_service:hover .title{color: #334F8D;}
.wrap_service .index_service .img,.scale .img{overflow: hidden; height: 230px; text-align: center;display: flex;
    justify-content: center;
    align-items: center;}
.wrap_service .index_service .img img,.scale .img img{max-height: 100%;}
.wrap_service .index_service:hover img,.scale:hover img{-webkit-transform: scale(1.2) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
    opacity: 0.8;}
img{transition: all 0.25s linear;}
.wrap_service .news1 .index_service{width: 32.3%;}


.wrap_fc{ height:669px;  color:#fff;line-height:28px;}
.wrap_fc .index_title{ text-align:center; padding:40px 0; font-size:28px; line-height:38px;}
.wrap_fc .index_service{float:left; margin:14px; background:#fff; height:440px;}
.wrap_fc .index_service .img{ width:100%; height:224px;}
.wrap_fc .index_service .img img{ width:100%; height:224px;}
.wrap_fc .index_service .title{ font-size:16px; line-height:36px; font-weight:bolder; padding:10px 10px 0 10px;}
.wrap_fc .index_service .text{height:40px; margin-bottom:20px; padding:0 10px; line-height:22px; color:#666}
.wrap_fc .index_service:hover{ box-shadow:#ccc 0px 3px 10px 3px;}
.wrap_fc a.news_title{display:block; padding:0 10px; color:#666}
.wrap_fc a.news_title span{float:right;}

.wrap_zzsz{ height:460px;  color:#fff; padding-top:70px; line-height:28px;}
.wrap_zzsz a.more{ border:1px solid #fff; float:right; text-align:center; padding: 5px 25px; color:#fff; font-size:16px;}

.wrap_fg{ height:430px;  color:#bbb; padding-top:100px; line-height:28px;}
.wrap_fg a{color:#bbb;}
.wrap_fg a:hover{color:#4373ae;}
.wrap_fg a.more{float:right;}
.wrap_fg .title{ font-size:22px; margin-bottom:30px;}
.wrap_fg .left_news{width:45%; float:left;}
.wrap_fg .right_news{width:45%; float:right;}
.wrap_fg li{font-size:16px; line-height:46px; border-bottom:1px solid #999; margin-bottom:10px;}
.wrap_fg li span{float:right;}
.wrap_fg li a{display:block}

.ny_banner .shade{background: rgba(0,0,0,0.4); width: 100%; height: 100%; color: #fff; font-size: 42px;display: flex;align-items: center;justify-content: center;font-weight: bolder}

.wrap_hz{ height:190px;  color:#bbb; padding-top:82px; line-height:28px;}

.wrap_zxzx{ height:506px;  color:#bbb;line-height:28px;}
.wrap_zxzx .zxzx .left{float:left; width:586px;}
.wrap_zxzx .zxzx .right{float:right; width:586px;}
.mes_list li{background:url(../images/zxzx3.jpg) right top no-repeat #ecf6ff; padding:40px 15px; margin-bottom:15px; color:#333;font-size:14px;}
.mes_list li .title{ font-size:16px; font-weight:bolder}

.zxzd_swiper .a_wrap{ width:154px; height:108px; border:1px solid #ccc;}
.zxzd_swiper .a_wrap:hover{border:1px solid #00a3f8;}


.wrap_join{ height:264px;  color:#fff;line-height:28px;}
.wrap_join .title{ font-size:24px; line-height:70px; text-align:center; width:40%; margin:0 auto; border-bottom:1px solid #fff; margin-bottom:30px; padding-top:20px;}

footer{ color:#fff;font-size:12px;}
footer .foot_center a{color:#aaa;}
footer .foot_logo{ float:left; width:350px; padding-top:20px;}
footer .foot_center{ float:left; width:500px;}
footer .foot_center .foot_menu a{width:70px; color:#fff; font-size:12px; line-height:36px; margin:0 30px;}
footer .foot_center .copyright{ border-top:1px solid #ccc;line-height:26px; color:#aaa; padding-top:10px; margin-top:10px;}
footer .ewm{ float:right; text-align:center}
.wrap_foot{ height:270px;  padding-top:46px; color:#fff;line-height:24px;}
.wrap_foot .wrap{display: flex;justify-content: center;align-items: center}
.wrap_foot .model1{ width:370px; float:left; margin-right:2%; margin-left:5%;}
.wrap_foot .model2{ width:54%; float:left; margin-right:2%;display: flex;padding-top: 50px;}
.wrap_foot .model2 img{ height: 140px; margin-left: 10px;}
.wrap_foot .model3{ width:47%; float:left; text-align: center}
.wrap_foot .model3 img{ height: 140px; margin-left: 10px;}
.wrap_foot .title{ font-size:24px; border-bottom:1px solid #999; line-height:50px; margin-bottom:20px;}
.copyright{ background:#333; color:#fff; text-align:center; line-height:70px}
.copyright a{color:#fff;}
.menu_list a{display:block; height:26px; line-height:26px; color:#fff; text-align:center; margin-right:10px; margin-bottom:0px;}
.menu_list2 a{width:80px; height:26px; line-height:26px; color:#fff; text-align:center;}
p{margin-bottom: 0}

.index_title{ text-align:center; padding:50px 0; font-size:32px; line-height:38px; font-weight: bolder}
.index_title .en{ font-size:14px; text-transform:uppercase; color:#aaa; letter-spacing:2px}
.index_swiper-button-prev{ left:-50px;--swiper-theme-color:#334F8D}
.index_swiper-button-next{ right:-50px;--swiper-theme-color:#334F8D}

.bg_content{ background:#f2f4f8}
.location{ border-bottom:1px solid #ccc; padding:20px 0; line-height:36px; margin-bottom:50px; font-size:12px; color:#aaa;}
.location a{ color:#aaa}
.location a:hover{ color:#334F8D}
.menu_left{ float:left; width:220px; margin:25px 0;background:#fff;border-radius:10px; overflow:hidden;border: 1px solid #eee}
.menu_left .title{ font-size:24px; text-align:center; padding:20px 0 10px; background:#334F8D; color:#fff;}
.menu_left .title .en{ font-size:16px; color:#aaa; padding-top:5px; text-transform:uppercase;display:block}
.menu_left .list{margin-bottom: 0}
.menu_left .list li{line-height:46px; font-size:16px; padding-left: 15px; border-bottom:1px solid #ddd}
.menu_left .list li a{display:block;}
.menu_left .list li:hover,.menu_left .list li.act{color:#334F8D; background:#e7f4ff;}
.right_content{ float:right; width:calc(100% - 250px); line-height:28px; padding:30px; margin:25px 0; background:#fff; border-radius:10px;border: 1px solid #eee}
.about_detail{font-size:14px; line-height:28px; min-height:200px;}
.right_content img{vertical-align:middle; max-width:100%;}
.member_center{font-size:14px;}
.member_center .title{font-size:16px;  border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:5px;}
.member_center .user_table{ width:100%; border:1px solid #ddd;border-left:0;}
.member_center .user_table th{ background:#ddd; border:1px solid #ddd;}
.member_center .user_table td{ padding:3px; border:1px solid #ddd;border-right:0;border-bottom:0;}
.member_center .user_table tr:nth-child(odd){background:#f1f1f1;}

.news_list .item{ border-bottom:1px solid #ddd; height:180px; margin-bottom:40px;}
.news_list .item:hover{box-shadow:#eee 0px 0px 5px 2px;border-bottom:1px solid #fff;}
.news_list .item .img{ height:180px; width:280px; float:left; margin-right:30px;}
.news_list .item .time{ height:140px; width:107px; float:left; padding-top:20px; line-height:50px;color:#999;  font-size:16px;}
.news_list .item .time .arrow{ width:0px; height:11px; background:url(../images/arr_cur.jpg) center center no-repeat;display:block; margin-top:30px; transition:all 0.4s ease;}
.news_list .item:hover .time .arrow{ width:30px;}
.news_list .item:hover .time{color:#334F8D}
.news_list .item .title{ padding-top:20px; line-height:50px; font-size:16px; height:50px; overflow:hidden;box-sizing:content-box}
.news_list .item .text{ font-size:12px; color:#999; line-height:24px;}

.newsShowHtml .news_detail_img{ text-align:center; margin-bottom:20px;}
.newsShowHtml .news_detail_img img{ max-width:100%;}
.newsShowHtml .title{color:#334F8D; font-size:24px; line-height:50px; text-align:center}
.newsShowHtml .date{color:#334F8D; font-size:18px; text-align:center}
.newsShowHtml .text{color:#666; font-size:14px; margin-top:20px; line-height:28px;}
.next_pre{ background:#f1f1f1; height:60px; line-height:60px; padding:0 20px; font-size:16px; margin-top:20px;}
.next_pre .pre{ float:left; color:#999}
.next_pre .next{ float:right; color:#999}
.next_pre .pre:hover,.newsShowHtml .next_pre .next:hover{color:#334F8D}

.grey{ color:#666}
.contact_bus{ float:left; width:33.3%; color:#666; margin-bottom:70px; font-size:12px;}
.contact_bus img{ float:left; margin-right:10px; width:60px;}
.contact_bus_title{ padding:90px 0; text-align:center; line-height:36px; font-size:22px;}
.contact_bus_title a{display:inline-block; margin:0 20px; color:#666}
.contact_bus_title a.active{color:#334F8D}

.contact_bus_title li{position:relative;display:inline-block; line-height:50px;}
.contact_bus_title a.active::before{content:""; width:0; height:3px; float:left; background:#334F8D; position:absolute; left:50%; bottom:0px; z-index:2; margin-left:-25px; transition:all 0.4s ease;}
.contact_bus_title a.active::before{width:50px;}
.contact_bus_title a.active{color:#334F8D}
.contact_bus_title a.active::before{width:50px; color:#334F8D}

.tips{ width:50%; float:left;line-height:36px;}
.tips img{ float:left; margin-right:5px; width:15px; margin-top:10px;}

.pro_list{background:#f3f3f3; margin:30px 0; min-height:65px; line-height:65px; padding:0 20px; font-size:18px;}
.pro_list li{ float:left; margin-right:10px;}
.pro_list li a{display:block; padding:0 20px;}
.pro_list li a:hover,.pro_list li a.act{background:#334F8D; color:#fff;}
.imgs .left_img{ width:540px; height:470px; float:left;}
.imgs .left_img img{width:540px; height:470px;}
.imgs .right_img{height:470px; width:660px; float:right;}
.imgs .right_img li{ width:320px; height:230px; float:left; margin:0 0 10px 10px; text-align:right;}
.imgs .right_img li img{ width:320px; height:230px;}

.pro_detail{ margin:75px 0;  box-shadow:#eee 0px 0px 5px 2px; font-size:14px; color:#999; line-height:28px;}
.pro_detail .left{ float:left; width:890px;padding:50px;height:80px; }
.pro_detail .right{ float:right; width:210px; background:#334F8D; color:#fff;padding:40px 0; text-align:center; height:100px; }

.pro_detail_activity{ margin:75px 0;  box-shadow:#eee 0px 0px 5px 2px; font-size:14px; color:#999; line-height:28px;}
.pro_detail_activity .left{ float:left; width:550px;padding:50px;height:80px; }
.pro_detail_activity .right{ float:right; width:210px; background:#334F8D; color:#fff;padding:40px 0; text-align:center; height:100px; }
.tj{ background:url(../images/tj.jpg) left top no-repeat;}


#marquee {
    width: 30%;
    height: 36px;
    line-height:36px;
    position: relative;
    overflow: hidden;
    float:left;
}

#marquee_text {
    position: absolute;
    top: 0;
    left: 100%;
    line-height: 36px;
    display: block;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.right_bar{ position:fixed; right:0px; bottom:5%; margin-top:-113px; width:65px; z-index:9999999; background:#fff; height:40px;}
.right_bar a{width:65px; height:70px; display:block; color:#fff; text-align:center; font-size:12px; background:#71737f; margin-bottom:1px; line-height:18px; padding-top:13px; box-sizing:border-box; position:relative}
.right_bar a:hover{ background:#1c7fdc;}
.right_bar a img{ height:24px;display:block; margin:0 auto 3px}
.right_bar a div{position:absolute;right:65px;top:0; height:70px; width:120px; line-height:70px; background:#fff; color:#1c7fdc;display:none; font-size:14px; border:#eee solid 1px;}
.right_bar a:hover div{display:block}

.login_form{ width:50%; margin:0 auto;}
.login_form .title{ font-size:18px; text-align:center; line-height:80px; font-weight:bolder}
.login_form input,.login_form textarea{ line-height:36px; height:36px; padding:0 10px; width:100%; border:1px solid #ddd; border-radius:5px; margin-bottom:10px; font-size:14px; box-sizing:border-box}
.login_form textarea{ height: 100px}
.login_form input.submit{ background:#334F8D; color:#fff; width:100%; box-sizing:border-box;border: 0}
.login_form .code input{ width:65%; float:left}
.login_form .code img{height: 36px}
.login_form .code .send_sms{ width:35%; float:left; background:#334F8D; text-align:center; line-height:36px; color:#fff; border:0}
.login_form a.btn{ background:#ccc; line-height:36px; height:36px; color:#333; width:100%; box-sizing:border-box;display:block; border-radius:5px;font-size:14px;  text-align:center}


.coor_title{ font-size:16px; line-height:50px; text-align:center; border-bottom:1px solid #ddd; font-weight:bolder}
.coor{display: flex;justify-content: center;flex-wrap: wrap}
.coor li{ float:left; border:1px solid #eee; margin:10px 5px 0 5px;display: flex;align-items: center;justify-content: center;overflow: hidden}
.coor li img{max-width:155px; height:70px;}
.coor li:hover{box-shadow: #eee 0 0 10px 0}
.coor li.animate__rubberBand{box-shadow: #eee 0 0 10px 0}

a.buy{ float:right; border:1px solid #f00; color:#f00; padding:0 10px; border-radius:5px; background:url(../images/buy.png) 5px center no-repeat; background-size:20px 20px; padding-left:30px; margin-right:10px;}
a.buy:hover{color:#fff; background:url(../images/buy_cur.png) #f00 5px center no-repeat; background-size:20px 20px;}


#video1{width: 100%;object-fit: cover;}
#video1 video{width: 100%;object-fit: cover;}
.video1-dimensions{height: 100%!important;}
.navbar-default{background: #fff;border: 0; border-bottom: 1px solid #f2f2f2}
.navbar-brand{padding: 0px; height: 80px;}

@media (max-width: 991px) {

}
@media (max-width: 1000px){
    .container {
        width: 98%;
    }
}
@media (max-width: 767px) {
    .wrap_service .index_service{
        width: 48%;
        padding: 10px;
    }
    .wrap_service .index_service .title{
        font-size: 18px;
    }
    .wrap_zzsz {
        padding: 50px 20px;
    }
    .wrap_zzsz span{
        font-size: 14px!important;
    }
    .wrap_service .news1 .index_service{
        width: 98%;
    }
    .wrap_foot{
        padding: 10px;
        height: auto;
        background-size: cover!important;
    }
    .wrap_foot .title{
        margin-top: 10px;
    }
    .wrap_foot .model1,.wrap_foot .model2{
        width: 100%!important;
        margin-bottom: 10px;
        margin-right: 10px!important;
        margin-left: 0;
    }
    .wrap_foot .model3{
        width: 100%!important;
        margin-bottom: 10px;
        margin-right: 0!important;
    }
    .wrap_foot .model3 img{
        height: 140px;
        margin-top: 20px;
    }
    .menu_list a{
        text-align: left;
    }
    .copyright{line-height: 26px;padding: 10px;}
    .right_content,.menu_left{
        width: 100%;
        padding: 20px 10px;
        box-shadow: none;
        border: 0;
        margin-top: 0;
    }
    .menu_left{margin-bottom: 0;}
    .navbar-toggle{margin-top: 25px;}
    .next_pre{
        height: auto;display: flex;flex-direction: column;line-height: 28px;font-size: 12px;
    }
    .login_form{
        width: 90%;
    }
    .news_list .item {
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .news_list .item .img{
        width: 100%;
    }
    .news_list .item .time{
        height: 32px;
        padding-top: 0;
    }
    .news_list .item a{
        display: flex;
        flex-direction: column;
    }
    .news_list .item .title{
        padding-top: 10px;
        line-height: 40px;
        height: 40px;
    }
    .coor li img{max-width:154px; height:25px;}
}
@media (max-width: 460px) {

}