﻿@charset "utf-8";
/* CSS Document */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:100%; padding:0 10%;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1340px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 



/**/
body>div{ max-width: 750px; margin: 0 auto; background: #ececec;}

.banner{ padding: 20px 30px 40px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position:relative}

.banner .ban-box{ box-shadow:  5px 5px 30px rgba(0,0,0,0.2); overflow:hidden; border-radius: 10px;}
.banner .ban-box .banner-slider img{ width: 100%;}
.banner .ban-box .txts{ padding: 20px 50px 30px 50px; background:url(../images/banner-bg.jpg) bottom right no-repeat #fff; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.banner .ban-box .txts>*{ float:left; width: 50%;}
.banner .ban-box .txts .txt h3{ font-size: 1.8em; color: #555; font-family: "Microsoft Yahei"; font-weight: 100; letter-spacing: 2.5px; line-height: 1.5; margin-left: -2px;}
.banner .ban-box .txts .txt h4{ font-size: 4em; color: #333; font-weight: bold;}
.banner .ban-box .txts .btn a{ overflow: hidden;margin-top: 5%; border-radius: 30px; float:right; display: inline-block; background-image:linear-gradient(90deg,#4890fb 0%,#0a62e3 100%); font-size: 2em; color: #fff; padding: 10px 30px;}
.banner .ban-box .txts .btn a>*{ float:left;}
.banner .ban-box .txts .btn a img{ margin: -4px 5px 0 0;}


.line{ border-top: 1px solid #7e8782;}
.line span{ display: inline-block; width: 20%; background: #5298ff; height: 5px; margin: -3px 0 0 10%;}
.line2 span{  background: #e9d740; }

.tit{ overflow: hidden; margin-bottom: 12px;}
.tit>*{ float:left; line-height: 40px;}
.tit h3{ margin-left: 6px; font-size: 2.4em; color: #333; font-weight: bold;}

.iab{ padding: 30px 0 50px 0;}
.iab .txt p{ font-size: 2em; color: #555; line-height: 48px;}
.iab .txt img{ margin-top: 30px; width: 100%;}


.iadds { padding: 40px 0;}
.iadds .adds{  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iadds .adds .adds-slider{ padding: 20px 30px 40px 30px; }
.iadds .adds .swiper-slide{ padding: 20px; box-shadow: 5px 5px 30px rgba(0,0,0,0.2); overflow:hidden; background: #fff; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iadds .adds .swiper-slide>*{ float:left; width: 50%;}
.iadds .adds .swiper-slide img{ width: 100%;}
.iadds .adds .swiper-slide .img{ width: 40%;}
.iadds .adds .swiper-slide .txt{ width: 60%; padding-left: 10%; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iadds .adds .swiper-slide .txt h3{ line-height: 1.5; font-size: 2.4em; color: #333; font-weight: bold; border-bottom: 1px solid #898989;}
.iadds .adds .swiper-slide .txt h4{ margin: 20px 0 10px 0; font-size: 2em; color: #333; font-weight: bold;}
.iadds .adds .swiper-slide .txt p{font-size: 2em; color: #333;  line-height: 1.2;}

.adds .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom,.adds .swiper-pagination-fraction{ bottom:0;}
.adds .swiper-pagination-bullet{  width:40px; height:2px;  border-radius: 0; bottom:30px; background: #fff; opacity: 1; height: 2px;}
.adds .swiper-pagination-bullet-active{ width: 70px; background: #ef7513;}

.footer{ padding: 30px 0 20px 0; background: url(../images/footer-bg.png) top right  no-repeat #ececec;  background-size: 50%;}
.footer .btns{ padding:30px 0 60px 0; overflow: hidden; }
.footer .btns a{ line-height: 1.2; box-shadow: 5px 5px 20px rgba(0,0,0,0.2); padding: 10px 0; font-size: 2.4em; color: #fff; text-align: center; float:left; border-radius: 10px; display: inline-block; width: calc(33.33% - 20px); margin: 0 10px;}
.footer .btns a:nth-child(3n-2){ background: #c8211c;}
.footer .btns a:nth-child(3n-1){background: #c33b11;}
.footer .btns a:nth-child(3n){background: #dc892b;}
.footer .t p{ text-align: center; font-size: 1.8em; color: #333;}


/*yjsd*/
.yjsd{ background: url(../images/yjsd/yjsd-bg.jpg) bottom right no-repeat; background-size:cover; background-attachment: fixed;}
.yjsd .txts{ padding: 0 20px;}
.yjsd .txts .logo{ padding: 30px 0; text-align: center;}
.yjsd .txts .logo img{ max-width: 80%;}
.yjsd .txts .img img{ width: 100%;}
.yjsd .txts .img{ overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.yjsd .txts .txt{ padding: 30px 10%;}
.yjsd .txts .txt p{ font-size: 1.8em; color: #333; line-height: 30px; margin: 16px 0; text-indent: 2em;}
.yjsd .txts .txt p span{ font-size: 1em; color: #5a3201; font-weight: bold;}
.yjsd .map{ padding: 40px 20px;}
.yjsd .map .tit{ margin-left:15px;}
.yjsd .map .img{ overflow: hidden; border-radius: 10px; }
.yjsd .map .img img{ width: 100%;}
.yjsd .imgs{ padding: 16px 20px;}
.yjsd .imgs .tit{ margin-left:15px;}
.yjsd .imgs .swiper-slide{ overflow: hidden; border-radius: 10px; }
.yjsd .imgs .swiper-slide img{ width: 100%;}

.yjsd .footer{ background: transparent;}
.yjsd .footer .warp{ padding: 0 20px;}
.yjsd .footer .tit{ margin-left:15px;}


.location.banner .ban-box .txts>*{  width: 100%;}




/*首页*/
.index h1 {
    width: 100%;
    height: 92px;
    line-height: 92px;
    font-size: 36px;
    color:#333;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}
.in_txt {
    padding:30px 50px ;
}

.in_txt p {
    font-size: 20px;
    color: #555;
    margin-top:30px;
    line-height:48px;
    text-indent:2em
}

.lp_list {
    padding:20px 35px
}

.lp_list img {
   max-width:100%
}
.lpbox {
    border-radius:10px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    overflow:hidden;
    margin: 40px 0;
}
.box_title {
    height:70px;
    line-height:70px;
    padding:0 40px;
    display:flex;
    justify-content:space-between;
    background-color:#fff;
}
    .box_title h2 {
        font-size:24px;
        font-weight:bold;
        color:#333;
    }
    .box_title p {
        font-size:18px;
        color:#888;
    }



.back_list {
    height:70px;
    position: absolute;
    left:30px;
    top:20px;
    z-index:9999
}

    .back_list a {
        background-color:rgba(0,0,0,0.5);
        display:block;
        border-radius:10px;
        padding:5px;
    }
        .back_list a img {
            width:30px;
        }












