@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:16px; color:#111; text-align:center; background:#fff; line-height:2; margin-left:auto; margin-right:auto; overflow-x:hidden;}
a{ color:#111; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#007eff;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:0 0 150px 0px;}
.content_box{ min-width:1200px; width:1500px; margin:0 auto; padding:0; text-align:left;}
.container{ min-width:1200px; width:1500px; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{ position:fixed; width:100%; height:90px; background:#24318f; margin:0 auto; text-align:center; z-index:9; transition:all 0.3s;}
#header .header_bg{ padding:0 60px; color:#fff;}
#header .header_bg>ul{ float:right; margin-top:18px;}
#header .header_bg>ul>li{ float:left; margin-left:38px;}
#header .header_bg>ul>li>a{ color:#fff; height:38px; line-height:38px; font-size:15px;}
#header .header_bg>ul>li>a:hover{ color:#fff;}
#header .header_bg>ul>li>a>img{ position:relative; top:8px;}
#header .header_bg>ul>li:last-child>a{ border:1px solid #fff; border-radius:10px; display:block; padding:0 29px;}
#header .header_bg>ul>li:last-child>a:hover{ background:#007eff; border-color:#007eff; color:#111;}
#header .header_nav{ padding:5px 60px; }
#header .logo{ float:left;margin-top:20px;}

.banner img {
    width: 100%;
    display: block;
    height: auto;
}
/*menu*/
#menu{ height:36px; float:right; margin-top:24px;}
#menu ul li{ float:left; padding:0 20px; text-align:center; position:relative;}
#menu ul li a{ display:block; height:56px; line-height:36px; font-size:18px; color:#fff;}
#menu ul li a:hover{ color:#fff;}
#menu ul li a.on{ color:#fff;}
#menu ul li:last-child{ padding:0; padding-left:42px;}
#menu ul li:last-child>img{ position:relative; top:7px; cursor:pointer;}
#menu ul li dl{ width:80%; background:#007eff; position:absolute; left:10%; top:56px; padding:15px 0 5px 0; display:none;}
#menu ul li dl dd{ width:100%; text-align:center;}
#menu ul li dl dd a{ font-size:16px; color:#222; height:auto; line-height:inherit; margin-bottom:15px;}
#menu ul li dl dd a:hover{ color:#222;}

/*menu*/
.menu{ width:100%;}
.menu ul{ margin:auto;}
.menu li{ height:36px; line-height:36px; padding:0 20px; float:left; text-align:center; position:relative; z-index:9;}
.menu li a{ display:block; font-size:16px; color:#111;}
.menu li a:hover{ color:#111;}
.menu li a.on{ color:#111;}
.menu li dl{ width:100%; position:absolute; left:0; top:35px; display:none;}
.menu li dl dd{ width:100%; height:30px; text-align:center; line-height:30px;}
.menu li dl dd a{ font-size:14px; color:#555;}

/*search*/
#search{ position:fixed; top:0; right:0; left:0; bottom:0; z-index:999; height:100%; background:rgba(0,0,0,1); display:none;}
#search>span{ position:absolute; right:6%; top:60px; cursor:pointer;}
#search>form{ width:88%; margin:auto; border-bottom:1px solid #655f5e; height:80px; position:absolute; top:0; bottom:0; left:0; right:0;}
#search>form input[type="text"]{ border:0; width:90%; height:100%; line-height:80px; background:none; float:left; color:#fff; font-size:32px;}
#search>form input[type="image"]{ float:right; margin:32px 5px 0 0;}
#search>form input::-webkit-input-placeholder{ color:#fff;}
#search>form input::-moz-placeholder{ color:#fff;}
#search>form input::-ms-input-placeholder{ color:#fff;}

/*location*/
.location{ max-width:1500px;margin:0 auto; height:66px; line-height:66px; text-align:left; font-size:16px; color:#999;}
.location>a{ color:#999;}
.location>a:hover{ color:#111;}
.location>em{ color:#111;}

/*banner*/
.banner{ position:relative;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ text-align:center; background-position:center; height:80vh; background-size:cover;}
.banner .swiper-slide>.desc{ position:absolute; bottom:0; right:0; background:rgba(191,146,6,0.7); width:33.33%; height:90px; line-height:90px; color:#fff; font-size:18px; text-align:left; text-indent:40px; cursor:pointer;}
.banner .swiper-slide>.desc>img{ position:absolute; right:40px; top:26px;}
.banner_list{ width:100%; position:relative; bottom:-0px;}
.banner_list .swiper-container{ width:100%; height:58px; text-align:center;}
.banner_list .swiper-wrapper{ margin:0 auto; text-align:center; width:100%;} 
.banner_list .swiper-slide{ width:33.33%;height:5px; line-height:5px; cursor:pointer; display:inline-block; background:#24318f;}
.banner_list .swiper-slide img{ width:25px; height:25px; float:right; position:relative; top:15px; right:40px;}
.banner_list .swiper-slide em{ display:block; color:#eee; font-size:16px;padding-left:40px; float:left; border-left:1px solid #f8f8f8;}
.banner_list .active-nav{ background:#007eff;}
.banner .mobile {
    display: none;
}

/*banner_inside*/
.banner_inside>img{ width:100%; height:auto; max-height:700px;}
.banner_inside .desc{ margin-top:160px; color:#888; width:83%; font-size:18px;}
.banner_inside .desc>em{ font-size:40px; line-height:1.3; display:block; margin-bottom:40px; color:#111;}





.product-num-box{
    width: 100%;max-width:1500px;margin: 0 auto;

    background-color: #fff;

    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
}

.product-num-content{
    width: 100%; max-width:1200px;
    height: 77px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}


.product-num-text{
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

.product-num-head{
    margin-top: 80px;
    font-size: 0;
}

.product-num-item{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 108px;
    color: #333;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

.product-num-jus{
    display: inline-block;
    margin: 80px 0;
    width: 162px;
    height: 56px;
    font-size: 22px;
    color: #333;
    line-height: 48px;
    letter-spacing: 2px;
    border: 1x solid #333;
    cursor: pointer;
    font-weight: 500;
 
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
}

.product-num-nub{
    display: inline-block;
    width: 25%;
    font-size:35px;
    color: #333;
    line-height: 62px;
  
}

.product-num-add{
    font-size: 16px;
    color: #333;
    margin-left: -20px;
    position: absolute;
    right: 75px;
    top: 5px;
}

.product-num-inf{
    margin-top: 24px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-left: 30px;
}

.product-num-jus:hover{
    background-color: #3e88f1;
    color: #fff;
}

.product-num-wan{
    position:absolute;
    right: 55px;
    top: 0px;
}














/*home_about*/
#home_about{ margin-top:80px;}
#home_about .home_about_con .l{ float:left; width:450px;}
#home_about .home_about_con .l>span{ font-size:40px; line-height:1.3; display:block;}
#home_about .home_about_con .r{ float:right; width:60%; font-size:16px; color:#888;}
#home_about .home_about_con .r>em{ font-size:20px; font-weight:bold; margin-bottom:10px; display:block; color:#111;}
#home_about .home_about_con .r>a.more{ font-size:16px; color:#fff; width:138px; height:45px; line-height:45px; display:block; border-radius:20px;margin-top:40px; background:url(../images/more.png) no-repeat 110px center #24318f; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
#home_about .home_about_con .r>a.more:hover{ background-color:#282828; color:#fff; }
#home_about .home_about_con .video{ margin-top:90px; text-align:center;}
#home_about .home_about_con .video img{ width:100%; height:auto;}
#home_about .home_about_con .video video{ width:100% !important; height:auto !important;}
#home_about .home_about_con .video iframe{ width:100%; height:auto;}

/*home_video*/
#home_video{ margin-top:100px;}
#home_video .home_video_con{ width:100%; height:360px;}
#home_video .home_video_con .l{ float:left; width:48%; height:360px; background-color:#24318f; position:relative;}
#home_video .home_video_con .r{ float:right; width:51.5%; height:360px; background-repeat:no-repeat; background-position:left center; position:relative;}
#home_video .home_video_con .desc{ width:80%; color:#fff; text-align:left; margin-top:100px; padding-left:10%;}
#home_video .home_video_con .desc>i{ font-size:26px; display:block; line-height:1.6;}
#home_video .home_video_con a.more{ font-size:16px; color:#fff; width:90px; height:45px; line-height:44px; display:block; margin-top:22px; background:url(../images/more.png) no-repeat right center; text-align:left; cursor:pointer; transition:all 0.3s;}

/*home_recommend*/
#home_recommend{ margin-top:0.5%;}
#home_recommend .home_recommend_con{ width:100%; height:360px;}
#home_recommend .home_recommend_con .r{ float:right; width:35%; height:360px; background-color:#24318f; position:relative;}
#home_recommend .home_recommend_con .l{ float:left; width:64.5%; height:360px; background-repeat:no-repeat; background-position:right center; position:relative;}
#home_recommend .home_recommend_con .desc{ width:80%; color:#fff; text-align:left; margin-top:100px; padding-left:10%;}
#home_recommend .home_recommend_con .desc>i{ font-size:26px; display:block; line-height:1.6;}
#home_recommend .home_recommend_con a.more{ font-size:16px; color:#fff; width:90px; height:25px; line-height:24px; display:block; margin-top:22px; background:url(../images/more3.png) no-repeat right center; text-align:left; cursor:pointer; transition:all 0.3s;}

/*home_pro*/
#home_pro{ margin-top:95px;}
#home_pro .l{ font-size:30px; line-height:1.3; width:100%;margin:0 auto;text-align: center; margin-top:20px;}
#home_pro .r{ float:right; width:30%;}
#home_pro .r>ul>li>a{ height:58px; line-height:58px; background:#007eff; border-radius:28px;color:#fff; display:block; font-size:20px;margin:10px 0px;text-align:center;}
#home_pro .r>ul>li>a:hover{ color:#fff;background:#000;}
#home_pro .r>ul>li>a>em{ float:right;}
#home_pro .pro_list{ margin-top:100px;}
#home_pro .pro_list>ul>li{ margin-bottom:35px; position:relative;}
#home_pro .pro_list>ul>li>a>.img>img{ width:100%; height:auto;}
#home_pro .pro_list>ul>li>a>span{ position:absolute; top:50px; left:50px; display:block; font-size:40px; color:#fff;padding:8px 15px;background:rgba(29,46,111,0.8)}

/*home_quality*/
#home_quality{ margin-top:125px;}
#home_quality .home_quality_con .l{ float:left; width:450px;}
#home_quality .home_quality_con .l>span{ font-size:40px; line-height:1.3; display:block;}
#home_quality .home_quality_con .r{ float:right; width:50%; font-size:18px; color:#888;}
#home_quality .home_quality_con .r>em{ font-size:20px; font-weight:bold; margin-bottom:10px; display:block; color:#111;}
#home_quality .home_quality_con .r>a.more{ font-size:16px; color:#fff; width:138px; height:45px; line-height:45px; display:block; border-radius:20px;margin-top:40px; background:url(../images/more.png) no-repeat 110px center #24318f; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
#home_quality .home_quality_con .r>a.more:hover{ background-color:#111; color:#fff; background-image:url(../images/more.png);}
#home_quality .img{ margin-top:60px;}
#home_quality .img>img{ width:100%; height:auto;}
#home_quality .img ul{ margin-top:60px;}
#home_quality .img ul>li{ float:left; width:47.5%; margin-left:5%; position:relative;}
#home_quality .img ul>li:nth-child(2n+1){ margin-left:0;}
#home_quality .img ul>li>.pic{ width:100%; height:100%;}
#home_quality .img ul>li>.pic>img{ width:100%; height:auto;}
#home_quality .img ul>li>.desc{ margin-top:30px;}
#home_quality .img ul>li>.desc>em{ font-size:30px; margin-bottom:26px; display:block;}
#home_quality .img ul>li>.desc>p{ color:#888; font-size:18px; line-height:2; width:80%;}
#home_quality .img ul>li:nth-child(2n)>.desc{ position:absolute; top:180px;}
#home_quality .img ul>li:nth-child(2n)>.pic{ margin-top:460px;}
#home_quality .img .quality_pic img{ width:100%; height:auto; margin-top:150px;}

/*home_join*/
#home_join{ margin-top:140px;}
#home_join .home_join_con>.dh{ font-size:40px; line-height:1.3; display:block;text-align:center;}
#home_join .home_join_con>a.more{ font-size:24px; color:#fff; width:100%; height:100px; line-height:100px; display:block; margin-top:45px; background:url(../images/more.png) no-repeat 145px center #24318f; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
#home_join .home_join_con>a.more:hover{ background-color:#007eff; color:#111; background-image:url(../images/more2.png);}
#home_join ul{ margin-top:80px; text-align:left;}
#home_join ul>li{ margin-bottom:0; background:#24318f; overflow:hidden; transition:all 0.3s;}
#home_join ul>li>.pic{ width:50%; float:left;}
#home_join ul>li>.pic>img{ width:100%; height:100%; object-fit:cover;}
#home_join ul>li>a{ display:block;}
#home_join ul>li .desc{ width:46%; float:right; padding-left:20px; margin-top:80px;}
#home_join ul>li .desc>em{ font-size:30px; color:#fff; line-height:1.2;}
#home_join ul>li .desc>p{ font-size:18px; margin-top:30px; line-height:2; width:80%; color:#aaa;}
#home_join ul>li .desc>i{ background:url(../images/banner_ico.png) no-repeat center; width:36px; height:36px; display:inline-block; margin-top:30px; display:none;}
#home_join ul>li:hover{ background:#111;}
#home_join ul>li:hover .desc>i{ background-image:url(../images/b1.png);}
#home_join ul>li:hover .desc>p{ color:#888;}
#home_join ul>li:nth-child(2n)>.pic{ float:right;}

/*home_news*/
#home_news{ padding-top:70px;margin-top:30px; padding-bottom:100px; background:#f7f7f7;}
#home_news>.container>em{ font-size:40px; line-height:1.3; display:block; border-bottom:1px solid #b5b4b5; padding-bottom:25px;}
#home_news>.re_news .swiper-slide{ height:auto;}
#home_news>.re_news .swiper-slide .img{ height:auto;}
#home_news>.re_news .swiper-slide img{ width:100%; opacity:1; object-fit:cover;}
#home_news>.re_news .swiper-slide-active img{ opacity:1;}
#home_news>.re_news .swiper-button-next,#home_news>.re_news .swiper-button-prev{ top:35%;}
#home_news>.re_news .swiper-slide .title{ padding:15px 15px 20px 15px;}
#home_news>.re_news .swiper-slide a.more{ font-size:16px; color:#fff; width:138px; height:40px; line-height:40px; display:block; margin-top:15px; background:url(../images/more.png) no-repeat 110px center #24318f; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
#home_news>.re_news .swiper-slide a.more:hover{ background-color:#007eff; color:#111; background-image:url(../images/more2.png);}

/*content*/
/*about*/
.about .about_1 img{ width:100%; height:auto;}
.about .about_2{ margin-top:110px;}
.about .about_2 .l{ float:left; width:210px;}
.about .about_2 .l>em{ color:#999; font-size:20px; display:block; line-height:1;}
.about .about_2 .l>span{ font-size:40px; display:block; line-height:1.8;}
.about .about_2 .r{ float:right; width:65%; color:#888; font-size:18px;}
.about .about_3{ margin-top:100px;}
.about .about_3 img{ width:100%;max-width:1500px; height:auto;}
.about .about_4{ padding-top:110px; margin: 0 auto;}
.about .about_4 em{ color:#999; font-size:20px; display:block; line-height:2; margin-bottom:5px;}
.about .about_4 span{ font-size:40px; display:block; line-height:1.3; width:100%;}
.about .about_4 .desc{ margin-top:50px; color:#888; font-size:18px;}
.about .about_4 .img{ margin-top:100px; text-align:center;}
.about .about_4 .img img{ width:100%; margin: 0 auto;height:auto;}
.about .about_4 .note{ margin-top:65px; font-size:60px; line-height:1.2;}
.about .about_4 ul{ margin-top:145px;}
.about .about_4 ul>li{ margin-bottom:1px; overflow:hidden;}
.about .about_4 ul>li>.pic{ width:50%; height:585px; float:left;}
.about .about_4 ul>li>.pic>img{ width:100%; height:100%; object-fit:cover;}
.about .about_4 ul>li>.desc{ width:40%; float:right; margin-top:90px; padding-left:80px;}
.about .about_4 ul>li>.desc>em{ font-size:36px; font-weight:bold; color:#222; line-height:1.2;}
.about .about_4 ul>li>.desc>span{ font-size:20px;}
.about .about_4 ul>li>.desc>p{ font-size:18px; margin-top:68px; line-height:2; width:80%;}
.about .about_4 ul>li:nth-child(2n)>.pic{ float:right;}
.about .about_5{ margin-top:125px;}
.about .about_5 img{ width:100%; height:auto;}

/*design*/
.design .design_1>img{ width:100%; height:auto;}
.design .design_1>.desc{ margin-top:132px;}
.design .design_2{ margin-top:110px;}
.design .design_2 .l{ float:left; width:290px;}
.design .design_2 .l>span{ font-size:40px; display:block; line-height:1;}
.design .design_2 .r{ float:right; width:680px; color:#888; font-size:18px;}
.design .design_2 .img{ margin-top:160px; text-align:center;}
.design .design_2 .img img{ max-width:1500px; height:auto; width:1500px;}
.design .design_3{ margin-top:16px;}
.design .design_3 .dh{ background:#24318f; font-size:40px; line-height:1.6; padding:110px 0; padding-left:5%;}
.design .design_3 .content_box{ width:100%; min-width:100%;color:#fff;}
.design .design_4{ margin-top:80px;}
.design .design_4 .desc{ background-repeat:no-repeat; background-position:top center; height:757px;}
.design .design_4 .desc>.desc_list{ width:40%; float:right; font-size:18px; color:#888;}
.design .design_4 .desc>.desc_list>em{ font-size:40px; display:block; color:#111; line-height:1; margin-bottom:32px;}
.design .design_4 .desc>.desc_list>.note{ width:84%;}
.design .design_5{ margin-top:190px;}
.design .design_5 .desc{ font-size:18px; color:#555; line-height:1.8;}
.design .design_5 .img{ margin-top:90px; text-align:center;}
.design .design_5 .img img{ max-width:100%; height:auto;width:1500px;}
.design .design_6{ margin-top:170px;}
.design .design_6 .desc{ font-size:18px; color:#888; line-height:2; width:1500px;}
.design .design_6 .img{ margin-top:60px; text-align:center;}
.design .design_6 .img img{ max-width:100%; height:auto;width:1500px;}
.design .design_7{  font-size:40px; line-height:1; padding:30px 0; text-align:center; margin-top:210px;} 
.design .design_7 a.more{ border-radius:25px;font-size:16px; color:#fff; width:138px; height:45px; line-height:45px; display:block; margin:0 auto; margin-top:40px; background:url(../images/more.png) no-repeat 110px center #007eff; text-align:left; text-indent:30px; transition:all 0.3s;}
.design .design_7 a.more:hover{ background-color:#007eff; color:#111; background-image:url(../images/more2.png);}

/*expert*/
.expert .expert_1>img{ width:100%; height:auto;}
.expert .expert_2{ margin-top:150px;}
.expert .expert_2 .desc{ font-size:18px; color:#888; line-height:2;width:100%; max-width:1500px;}
.expert .expert_2 .desc>em{ font-size:40px; color:#111; display:block; line-height:1;}
.expert .expert_2 .desc>i{ font-size:40px; color:#111; display:block; line-height:1.6; margin-bottom:35px;}
.expert .expert_2 .img{ margin-top:80px; text-align:center;}
.expert .expert_2 .img img{ max-width:100%; height:auto;width:1500px;}
.expert .expert_3 ul{ margin-top:16px;}
.expert .expert_3 ul>li{ margin-bottom:5px; overflow:hidden;}
.expert .expert_3 ul>li>.pic{ width:50%; height:585px; float:left;}
.expert .expert_3 ul>li>.pic>img{ width:100%; height:100%; object-fit:cover;}
.expert .expert_3 ul>li>.desc{ width:40%; float:right; margin-top:180px; padding-left:80px;}
.expert .expert_3 ul>li>.desc>em{ font-size:40px; color:#222; line-height:1.2;}
.expert .expert_3 ul>li>.desc>p{ font-size:18px; margin-top:62px; line-height:2; width:80%; color:#888;}
.expert .expert_3 ul>li:nth-child(2n)>.pic{ float:right;}
.expert .expert_4{ background-repeat:no-repeat; background-position:top center; height:688px; margin-top:145px;}
.expert .expert_4 .desc{ width:330px; text-align:center; font-size:40px; color:#fff; float:right; margin-top:178px; line-height:1.8;}
.expert .expert_4 a.more{ font-size:16px; color:#FFF; width:138px; height:45px; line-height:35px; display:block; margin:0 auto; margin-top:20px; background:url(../images/more.png) no-repeat 110px center #007eff;border-radius:20px; text-align:left; text-indent:30px; transition:all 0.3s;}

/*join*/
.join .join_1 img{ width:100%; height:auto; max-height:700px;}
.join .join_2{ margin-top:110px;}
.join .join_2 .l{ float:left; width:250px;}
.join .join_2 .l>span{ font-size:40px; display:block; line-height:1.3;}
.join .join_2 .r{ float:right; width:820px; color:#888; font-size:18px;}
.join .join_3{ margin-top:80px; position:relative;}
.join .join_3 .join_list{ position:relative; width:100%; overflow:hidden;}
.join .join_3 .join_list ul>li{ display:inline-block; margin:0 10px; width:100%; position:relative;}
.join .join_3 .join_list ul>li .img{ width:100%; height:auto; max-height:600px; overflow:hidden;}
.join .join_3 .join_list ul>li .img>img{ width:100%; height:100%; object-fit:cover;}
.join .join_3 .join_list ul>li em{ font-size:18px; margin-top:20px; display:block; color:#888;}
.join .join_3 .box{ background:#fff; width:140px; height:40px; position:absolute; right:0; bottom:-10px; z-index:2; text-align:right;}
.join .join_3 span{ display:inline-block;}
.join .join_3 span.left{ background:url(../images/join_l.png) no-repeat center; width:36px; height:36px; display:none;}
.join .join_3 span.right{ background:url(../images/join_r.png) no-repeat center; width:36px; height:36px;}
.join .join_3 span.pageState{ position:relative; top:-8px; color:#888; font-size:26px;}
.join .join_4{ margin-top:180px;}
.join .join_4 em{ font-size:40px; display:block; line-height:1.3;}
.join .join_4 .container{ margin-top:50px;}
.join .join_4 .l{ float:left; width:65.6%; height:auto;}
.join .join_4 .l>img{ width:100%; height:100%; object-fit:cover;}
.join .join_4 .r{ float:right; width:30%; color:#fff; font-size:96px; padding:50px 0 0 42px; line-height:1.1; height:100%; font-family:Arial; background:#24318f; height:493px;}
.join .join_4 ul{ margin-top:150px;}
.join .join_4 ul>li{ float:left; width:30.66%; margin-left:4%; text-align:center; margin-bottom:80px;}
.join .join_4 ul>li:nth-child(3n+1){ margin-left:0;}
.join .join_4 ul>li .pic{ width:100%; height:100%;}
.join .join_4 ul>li .pic>img{ width:100%; height:auto;}
.join .join_4 ul>li .desc{ margin-top:20px;}
.join .join_4 ul>li .desc>em{ font-size:46px; color:#ddd;}
.join .join_4 ul>li .desc>span{ font-size:24px;}
.join .join_4 ul>li .desc>span>i{ background:#ddd; width:25px; height:2px; display:block; margin:0 auto; margin-bottom:15px; display:block; margin-top:10px;}
.join .join_4 ul>li .desc>p{ color:#888; font-size:18px; line-height:1.8;}
.join .join_5{ margin-top:-42px;}
.join .join_5 .re_news .swiper-button-next{ top:35%; margin-top:-18px;}
.join .join_5 .re_news .swiper-button-prev{ top:35%; margin-top:-18px;}
.join .join_6{ margin-top:180px;}
.join .join_6 em{ font-size:96px; line-height:1.1; display:block; border-bottom:1px solid #b5b5b6; padding-bottom:50px; margin-bottom:60px;}
.join .join_6 span{ font-size:40px; display:block; line-height:1.2;}
.join .join_6 span>i{ display:block;}
.join .join_6 .desc{ margin-top:70px; font-size:18px; color:#888;}
.join .join_7{ margin-top:130px;}
.join .join_7 em{ font-size:40px; border-top:1px solid #b5b5b6; display:block; padding-top:10px;}
.join .join_7 .form{ margin-top:60px;}
.join .join_7 .form>form .form-group{ margin-bottom:0;}
.join .join_7 .form>form .form-group>input{ display:inline-block; width:585px; height:54px; line-height:54px; background:#f3f3f3; border:0; margin-bottom:22px; border-radius:6px; font-size:18px; text-indent:50px; border:1px solid #ddd; margin-left:20px;}
.join .join_7 .form{ margin-top:60px;}
.join .join_7 .form>form .form-group>input:nth-child(2n+1){ margin-left:0;}
.join .join_7 .form>form .form-group>input:nth-child(1){ background-image:url(../images/join_f1.png); background-repeat:no-repeat; background-position:10px center;}
.join .join_7 .form>form .form-group>input:nth-child(2){ background-image:url(../images/join_f2.png); background-repeat:no-repeat; background-position:10px center;}
.join .join_7 .form>form .form-group>input:nth-child(3){ background-image:url(../images/join_f3.png); background-repeat:no-repeat; background-position:10px center;}
.join .join_7 .form>form .form-group>input:nth-child(4){ background-image:url(../images/join_f4.png); background-repeat:no-repeat; background-position:10px center;}
.join .join_7 .form>form .form-group>.box{ margin:0;}
.join .join_7 .form>form textarea{ background:#f3f3f3; width:100%; height:150px; line-height:1.6; border:0; border:1px solid #ddd; margin-bottom:24px; border-radius:6px; font-size:18px; padding:15px; text-indent:0;}
.join .join_7 .form>form input[type="submit"]{ width:140px; height:46px; line-height:46px; background-color:#969696; border:0; border-radius:6px; font-size:18px; color:#fff; background-image:url(../images/join_f5.png); background-repeat:no-repeat; background-position:10px center; text-indent:30px; transition:all 0.3s; margin-right:0; float:left;}
.join .join_7 .form>form input[type="submit"]:hover{ background-image:url(../images/join_f5.png); background-repeat:no-repeat; background-position:10px center; background-color:#111;}

/*list_pro*/
ul.list_pro{ text-align:center; margin-top:160px;}
ul.list_pro li{ float:left; width:32.66%; margin-left:1%; margin-bottom:100px; text-align:center;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; padding:0; background:#f0f0f0; border:1px solid #ddd; overflow:hidden; display:table-cell; vertical-align:middle;}
ul.list_pro li img{ max-width:100%;  object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08);}
ul.list_pro li span{ display:block; margin-top:15px; font-size:20px;}
ul.list_pro li i{ color:#b5b5b6; font-size:20px; margin-top:5px; display:none;}
a.p_more{ font-size:16px; color:#fff; width:138px; height:45px; line-height:45px; display:block; margin:0 auto; margin-top:40px; background:url(../images/more.png) no-repeat 110px center #2c333d; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
a.p_more:hover{ background-color:#338fff; color:#111; background-image:url(../images/more2.png);}
/*display*/
.dis_big{ width:1176px; background:#f0f0f0; text-align:center; border:1px solid #eaeaea; margin:0 auto; overflow:hidden; margin-top:90px;}
.dis_big .l{ float:left; width:590px;}
.dis_big .l .swiper-container{ width:100%; height:400px; margin-left:auto; margin-right:auto;}
.dis_big .l .swiper-slide{ background-size:cover; background-position:center;}
.dis_big .l .swiper-slide img{ width:100%; height:auto;}
.dis_big .l .gallery-top{ height:80%; width:100%; margin-top:100px; padding-bottom:100px; border-bottom:1px solid #ddd;}
.dis_big .l .gallery-top .swiper-slide img{ max-width:90%; height:auto; width:auto;}
.dis_big .l .gallery-thumbs{ width:90%; height:20%; box-sizing:border-box; padding:30px 0;}
.dis_big .l .gallery-thumbs .swiper-slide{ opacity:1; height:100%; cursor:pointer;}
.dis_big .l .gallery-thumbs .swiper-slide-thumb-active{ opacity:1;}
.dis_big .r{ float:right; text-align:left; width:540px; border-left:1px solid #ddd; padding-left:45px; padding-bottom:50px; overflow:hidden;}
.dis_big .r .dis_name{ font-size:24px; margin:30px 0 40px 0;}
.dis_big .r .dis_img>img{ max-width:100%; height:auto;}
.dis_big .r .dis_img>em{ display:block; font-size:20px; margin-bottom:15px;}
.dis_big .r .dis_desc{ margin-top:50px;}
.dis_big .r .dis_desc>em{ font-size:20px; display:block; margin-bottom:30px;}
.dis_big .r .dis_desc>em>i{ display:block; color:#888; font-size:18px; width:92%;}	
.dis_note{ width:1176px; text-align:left; margin:0 auto; margin-top:70px;}
.dis_note>i{ font-size:24px; text-align:center; display:block; margin-bottom:50px;}
.dis_note img{ max-width:100%; height:auto;}

/*login*/
#login{ margin-top:200px;}
#login .img{ float:left; width:631px; height:629px;}
#login .img>img{ float:left; width:100%; height:100%; object-fit:cover;}
#login .form{ float:right; width:510px; margin-top:100px;}
#login .form>em{ font-size:40px; text-align:center; display:block; margin-bottom:40px;}
#login .form input{ background:none; border:0; border-bottom:1px solid #e6e6e6; width:100%; height:60px; line-height:60px; display:block; margin-bottom:10px; font-size:18px;}
#login .form input[type="submit"]{ width:135px; height:48px; line-height:46px; font-size:18px; display:block; background:none; text-align:center; margin-top:40px; border:1px solid #222; border-radius:5px; transition:all 0.3s; cursor:pointer;}
#login .form input[type="submit"]:hover{ background:#111; color:#fff; border-color:#111;}

/*download*/
.download{ margin-top:40px;}
.download:first-child{ margin-top:100px;}
.download>em{ font-size:26px; margin-bottom:20px; display:block;}
.download>ul>li{ width:22%; margin-left:4%; float:left; margin-bottom:32px;}
.download>ul>li:nth-child(4n+1){ margin-left:0;}
.download>ul>li .img{ width:100%; height:100%;}
.download>ul>li .img>img{ width:100%; height:100%; object-fit:cover;}
.download>ul>li span{ display:block; line-height:1.4; margin-top:10px;}

/*contact*/
#contact{ margin-top:140px;width:100%;max-width:1500px;}
#contact>.l{ width:50%; float:left; background:#f7f5f4; border-radius:10px; height:730px;}
#contact>.l>.desc{ padding:20px 60px 104px 37px;}
#contact>.l>.desc>em{ font-size:24px; display:block; margin:0 auto;margin-top:10px; text-align:center;}
#contact>.l>.desc>img{ width:100%; height:auto; margin-top:40px;margin:0 auto;}
#contact>.l>.desc>p{ font-size:24px; display:block; margin:0 auto; text-align:center; margin-top:75px;}
#contact>.l>.desc>a.more{ width:200px; height:52px; line-height:52px; font-size:18px; display:block; margin:0 auto; text-align:center; margin-top:45px; border:1px solid #222; border-radius:6px; transition:all 0.3s;}
#contact>.l>.desc>a.more:hover{ background:#111; color:#fff; border-color:#111;}
#contact>.r{ width:48%; float:right; background:#f7f5f4; border-radius:10px; height:730px;}
#contact>.r>.form{ padding:50px 37px 30px 37px; width:auto;}
#contact>.r>.form>em{ font-size:24px; display:block; margin:0 auto; text-align:center;}
#contact>.r>.form>form{ margin-top:40px;}
#contact>.r>.form>form .form-group>input{ display:block; width:100%; height:54px; line-height:54px; background:#fff; border:0; margin-bottom:24px; border-radius:6px; font-size:18px; text-indent:50px;}
#contact>.r>.form>form .form-group>input:nth-child(1){ background-image:url(../images/join_f1.png); background-repeat:no-repeat; background-position:10px center;}
#contact>.r>.form>form .form-group>input:nth-child(2){ background-image:url(../images/join_f2.png); background-repeat:no-repeat; background-position:10px center;}
#contact>.r>.form>form .form-group>input:nth-child(3){ background-image:url(../images/join_f3.png); background-repeat:no-repeat; background-position:10px center;}
#contact>.r>.form>form .form-group>input:nth-child(4){ background-image:url(../images/join_f4.png); background-repeat:no-repeat; background-position:10px center;}
#contact>.r>.form>form .form-group>.box{ margin:0;}
#contact>.r>.form>form textarea{ background:#fff; width:100%; height:150px; box-sizing:border-box; line-height:1.6; border:0; margin-bottom:24px; border-radius:6px; font-size:18px; padding:15px; text-indent:0;}
#contact>.r>.form>form input[type="submit"]{ width:100%; height:54px; line-height:54px; background:#969696; border:0; margin-bottom:26px; border-radius:6px; font-size:18px; color:#fff;background-image:url(../images/join_f5.png); background-repeat:no-repeat; background-position:41% center; text-indent:34px; transition:all 0.3s;}
#contact>.r>.form>form input[type="submit"]:hover{ background-color:#111;}

/*apply*/
#apply{ width:100%;}
#apply>.l{ width:50%; position:relative; float:left; background:url(../images/join_l_pic.jpg) no-repeat right center; height:1080px;}
#apply>.l>img{ width:100%; height:auto;}
#apply>.l>.desc{ position:absolute; top:55px; left:70px; text-align:left; color:#fff; font-size:20px; font-family:Arial;}
#apply>.l>.desc>.desc_list{ display:block; font-size:50px; line-height:1.2; font-weight:bold; margin-top:120px;}
#apply>.l>.desc>em{ display:block; line-height:1.6; margin-top:16px;}
#apply>.r{ width:50%; float:right; text-align:left;}
#apply>.r>.form{ margin:120px 60px 0 65px; width:auto;}
#apply>.r>.form .form-group{ margin-bottom:20px;}
#apply>.r>.form em{ display:block; font-size:14px; color:#333;}
#apply>.r>.form input{ width:100%; height:43px; line-height:43px; border:1px solid #e6e6e6; border-radius:5px;}
#apply>.r>.form .box>dd{ display:inline-block; text-align:left; width:47.9%; margin-left:3%; margin-top:0;}
#apply>.r>.form .box>dd:nth-child(2n+1){ margin-left:0;}
#apply>.r>.form .box>dd input{ text-indent:10px;}
#apply>.r>.form .box_1>dd:nth-child(1){ width:30%;}
#apply>.r>.form .box_1>dd:nth-child(2){ width:65.8%;}
#apply>.r>.form select{ width:100.5%; height:43px; line-height:43px; border:1px solid #e6e6e6; border-radius:5px; text-indent:10px; outline:none;}
#apply>.r>.form input[type="submit"]{ width:135px; height:48px; line-height:46px; font-size:18px; display:block; background:none; text-align:center; margin-top:40px; border:1px solid #222; border-radius:5px; transition:all 0.3s; cursor:pointer;}
#apply>.r>.form input[type="submit"]:hover{ background:#111; color:#fff; border-color:#111;}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:235px; height:180px; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:235px; height:180px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table{ width:100%; border-width:1px; border-color:#666; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#fff;}

/*list_news*/
ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_img_news*/
ul.list_img_news{ margin-bottom:20px;}
ul.list_img_news li{ position:relative; padding-top:6px;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li .img{ width:200px; height:140px; margin-right:22px; margin-top:12px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888; line-height:1.8;}
ul.list_img_news li em{ display:block; color:#888; margin-top:10px;}

/*list_pic_news*/
ul.list_pic_news{ margin-top:160px;}
ul.list_pic_news li{ float:left; width:30.66%; margin-left:4%; margin-bottom:70px;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:0;}
ul.list_pic_news li .img{ width:100%; height:100%; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:20px; color:#888; font-size:18px;}
ul.list_pic_news li em{ display:block; font-size:24px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:15px 0 20px 0; line-height:1;}
ul.list_pic_news li p{ display:block; height:100px; color:#888; line-height:2; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*list_solution*/
ul.list_solution{ margin-top:130px;}
ul.list_solution li{ float:left; text-align:center; width:30.66%; margin-left:4%; margin-bottom:65px;}
ul.list_solution li:nth-child(3n+1){ margin-left:0;}
ul.list_solution li .img{ width:100%; height:100%; overflow:hidden;}
ul.list_solution li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_solution li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_solution li em{ display:block; font-size:22px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:25px 0 10px 0; line-height:1;}
ul.list_solution li p{ display:block; color:#888; line-height:2; font-size:20px;}

/*re_news*/
.re_news{ margin-top:80px; position:relative;}
.re_news .swiper-slide{ width:25%; transition-timing-function:linear; height:auto;}
.re_news .swiper-slide .img{ width:100%; background:#111;}
.re_news .swiper-slide img{ width:100%; opacity:1; object-fit:cover; height:100%;}
.re_news .swiper-slide-active img{ opacity:1;}
.re_news .swiper-slide .title{ text-align:left;}
.re_news .swiper-slide .title em{ font-size:18px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.re_news .swiper-slide .title p{ font-size:15px; line-height:1.8; color:#888; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.re_news .swiper-button-next,.re_news .swiper-button-prev{ width:36px; height:36px; top:45%; margin-top:-18px; outline:none; background-size:auto;}
.re_news .swiper-button-next{ background-image:url(../images/join_r.png); right:60px;}
.re_news .swiper-button-prev{ background-image:url(../images/join_l.png); left:60px;}

@media only screen and (max-width:1200px){
	.swiper-slide {
		width:770px;
	}
	.banner .pc {display: block;}
	.banner .mobile {display: none;}
}
@media only screen and (max-width:980px){
	.swiper-slide {
		width:471px;
	}
	.banner .pc {display: block;}
	.banner .mobile {display: none;}
	
	
	
	
	
	


.product-num-content{
    width: 98%; max-width:900px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}

.product-num-head{
    margin-top: 20px;
    font-size: 0;
}

.product-num-text{
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.product-num-item{
    text-align: left;
    position: relative;
    display: inline-block;
    width: 47%;margin-left:3%;
    font-size: 16px;
    color: #333;
    height: 62px;
	  line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

.product-num-jus{
    display: inline-block;
    margin: 20px 0;
    width: 162px;
    height: 56px;
    font-size: 22px;
    color: #333;
    line-height: 48px;
    letter-spacing: 2px;
    border: 1x solid #333;
    cursor: pointer;
    font-weight: 500;
 
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
}


.product-num-nub{
    display: inline-block;
    width: 50%;
    font-size:26px;
    color: #333;
	 height: 42px;
    line-height: 42px;
  
}

.product-num-add{
    font-size: 12px;
    color: #333;
    margin-left: -20px;
    position: absolute;
    right: 37px;
    top: -15px;
}

.product-num-inf{
    margin-top: 0px;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    margin-left: 0px;
}

.product-num-jus:hover{
    background-color: #3e88f1;
    color: #fff;
}

.product-num-wan{
    position:absolute;
    right: 55px;
    top: 0px;
}




	
	
	
	
}
@media only screen and (max-height:480px){
	.swiper-slide {
		width:471px;
	}
	    .banner .mobile {
        display: block;
    }
	    .banner .pc {
        display: none;
    }
}
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}
  100% {transform:scaleX(1);left:2px;}
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}
  20% {transform:scaleX(0.3);left:2px;}
  100% {transform:scaleX(0.3);left:0px;}
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}
  20% {transform:scaleX(0.45);left:2px;}
  100% {transform:scaleX(1);left:2px;}
}	

/*dis_news*/
#dis_news{ width:1170px; margin:0 auto; margin-top:90px;}
#dis_news .news_title{ font-size:26px; text-align:center; line-height:1.6;}
#dis_news .news_date{ text-align:center; line-height:2; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px; text-align:left; color:#666; margin-top:30px;}
#dis_news .news_content .img{ margin:0 auto; text-align:center; margin-top:30px;}
#dis_news .news_content  img{ max-width:100%; height:auto;}

/*store*/
.store{ padding-top:60px;}
.store .l{ width:25%; float:left;}
.store .l span{ font-size:24px; display:block; margin-bottom:10px;}
.store .l select{ width:100%; height:50px; line-height:50px; font-size:16px; border:1px solid #d9d9d9; outline:none; text-indent:10px; margin-bottom:16px;}
.store .list_store{ width:70%; float:right;}
.store .list_store li{ float:left; text-align:center; width:30.66%; margin-left:4%; margin-bottom:35px;}
.store .list_store li:nth-child(3n+1){ margin-left:0;}
.store .list_store li .img{ width:100%; height:100%; overflow:hidden;}
.store .list_store li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
.store .list_store li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.store .list_store li em{ display:block; font-size:22px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:25px 0 10px 0; line-height:1;}
.store_bg{ background:url(../images/store_bg.jpg) no-repeat top center; padding-bottom:50px;}

/*list_links*/
ul.list_links{ text-align:center;}
ul.list_links li{ float:left; padding:5px 10px; text-align:center; width:140px; height:50px;}
ul.list_links li img{ width:130px; height:50px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:25px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:120px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ width:46px; height:46px; line-height:46px; margin:0 3px; background:#111; color:#fff; display:inline-block;}
.pages a:hover,a.active{ background:#007eff; color:#111;}
.pages span{ width:46px; height:46px; line-height:46px; margin:0 3px; background:#111; color:#fff; cursor:pointer; display:inline-block;}
.pages span:hover,span.active{ background:#007eff; color:#111;}

/*feedback*/
.feedback { width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ line-height:24px; color:#565656; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form { margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(6)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ height:30px; border:1px solid #ddd; width:300px; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ height:100px; width:296px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input[type="submit"]{ line-height:30px; color:#565656; width:100px; border:0; height:30px; cursor:pointer; background:#e5e5e5; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#007eff;color:#fff;}
.form .form-group>.box>input[type="reset"]{ line-height:30px; color:#565656; width:100px; border:0; height:30px; cursor:pointer; background:#e5e5e5;}
.form .form-group>.box>input[type="reset"]:hover{ background:#007eff;color:#fff;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:fixed; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#007eff; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #007eff; border-bottom:1px solid #007eff; border-right:1px solid #007eff; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#222; min-height:260px;}
#footer_nav .footer_nav_con{ margin:0 auto; color:#fff; margin-left:60px; margin-right:60px; overflow:hidden;}
#footer_nav .footer_nav_con a{ color:#b5b5b6;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .list_img{ padding-bottom:25px; }
#footer_nav .footer_nav_con .list_con{ float:left; width:70%; text-align:left; padding:52px 0 70px 0;}
#footer_nav .footer_nav_con .list_links{ min-height:30px; border-bottom:1px solid #565656; padding:0px 30px 25px 0;}
#footer_nav .footer_nav_con .list_links a{ margin:0 3px;}
#footer_nav .footer_nav_con .list_box{ padding-top:25px;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:80px;}
#footer_nav .footer_nav_con .list span{ font-size:18px; text-align:left; color:#fff; display:block; margin-bottom:20px;}
#footer_nav .footer_nav_con .list li{ line-height:2.2; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#footer_nav .footer_nav_con .contact{ float:right; width:30%; text-align:left;}
#footer_nav .footer_nav_con .contact .desc{ padding:52px 0 70px 0; border-left:1px solid #565656; overflow:hidden;}
#footer_nav .footer_nav_con .contact .desc_box{ padding-left:52px; color:#b5b5b6;}
#footer_nav .footer_nav_con .contact .desc_box>em{ color:#007eff; font-size:24px; margin-top:18px; display:block;}
#footer_nav .footer_nav_con .contact .share{ margin-top:30px;}
#footer_nav .footer_nav_con .contact .share .social-share-icon{ color:#a4a4a4 !important; border:1px solid #a4a4a4 !important;}
#footer_nav .footer_nav_con .contact .share .social-share-icon:hover{ border:1px solid #007eff !important; color:#007eff !important; background:none !important;}
#footer_nav .footer_nav_con .contact .img{ margin-top:128px;}
#footer_nav .footer_nav_con .contact .img>ul>li{ float:left; margin-right:22px;}
#footer_nav .footer_nav_con .contact .img>ul>li>img{ max-width:89px;}
#footer_nav .footer_nav_con .contact .img>ul>li>span{ display:block; text-align:center; font-size:14px; margin-top:8px;}

/*footer*/
#footer{ background:#222; color:#b5b5b6; padding-bottom:20px;}
#footer a{ color:#b5b5b6;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center; margin:0 60px; padding:20px 0; border-top:1px solid #565656;}
#footer .footer_con .l{ float:left;}
#footer .footer_con .r{ float:right; text-align:right;}
#footer .footer_copy{ text-align:center; padding:15px 0;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/
@media (min-width:769px){
.header{ display:none;}
.m_float{ display:none;}
.m_wexin_box{ display:none;}
.m_apply_box{ display:none;}
.m_footer{ display:none;}
    .banner .mobile {
        display: none;
    }
	    .banner .pc {
        display: block;
    }
}
@media (max-width:1600px){
 #footer_nav .footer_nav_con .list{ padding-right:60px;}
     .banner .mobile {
        display: block;
    }
     .banner .pc {
        display: none;
    }
}
@media (max-width:1488px){
 #footer_nav .footer_nav_con .list{ padding-right:50px;}
 	   .banner .pc {
        display: block;
    }
	     .banner .mobile {
        display: none;
    }
}
@media (max-width:1440px){
 #menu ul li{ padding:0 26px;}
 	   .banner .pc {
        display: block;
    }
	     .banner .mobile {
        display: none;
    }
}
@media (max-width:1366px){
 #footer_nav .footer_nav_con .list{ padding-right:40px;}
 	   .banner .pc {
        display: none;
    }
	     .banner .mobile {
        display: block;
    }
}

/*public*/
@media screen and (max-width:768px) {

	    .banner .pc {
        display: none;
    }

	.list_con{display:none; }
html,body{ overflow:auto; overflow-x:hidden; font-size:15px;}
#header{ display:none;}
.content_box{ min-width:94%; width:94%;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 0 30px 0;}
.header{ width:100%; height:60px; line-height:60px; background:#24318f; position:fixed; z-index:999;}
.header .m_logo img{ height:36px; padding:10px 15px;}
.header .nav{ height:100%; background:#111; position: absolute; top:60px; width:100%; border-top:1px solid #222; overflow-y:scroll; display:none;}
.header .nav ul{ margin:0 auto; width:100%;}
.header .nav ul li a{ display:block; font-size:17px; color:#fff; line-height:26px; text-align:center; padding:20px 20px; border-bottom:1px solid #222;}
.header .nav ul li a span{ line-height:16px; font-family:Arial; display:block; font-size:10px;}
.header .nav ul li a:hover{ color:#007eff;}
.header .nav ul li:last-child{ color:#fff; padding:12px 20px; text-align:center; margin-top:20px;}
.header .nav ul li:last-child a{ display:block; border:0; padding:0;}
.header .nav ul li:last-child a>img{ margin-left:10px; position:relative; top:1px;}
.header .nav dl{ border-bottom:1px solid #222; padding:10px 0; display:none;}
.header .nav dl dd{ text-indent:10px;}
.header .nav dl dd>a{ border:0; padding:5px 15px;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:60px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#fff; height:2px; width:25px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ background-size:cover; top:0;}
.banner img {
    width: 100%;
    display: block;
   overflow:hidden;
}
.banner .swiper-slide{ text-align:center; background-position:center; height:72%; background-size:cover;overflow:hidden;}
.banner .swiper-slide>.desc{ width:100%; height:46px; line-height:46px; font-size:16px; text-indent:0;}
.banner .swiper-slide>.desc>em{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:calc(100% - 50px); padding-left:15px;}
.banner .swiper-slide>.desc>img{ top:13px; width:20px; right:15px;}
.banner_list .swiper-container{ height:auto;}
.banner_list .swiper-slide{ line-height:1.6; padding-left:0; text-align:center; padding:1px 0; height:auto;}
.banner_list .swiper-slide em{ font-size:15px; padding-left:15px; float:none; padding-left:0; width:90%; margin:0 auto; border:0; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.banner_list .swiper-slide img{ display:none;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ background-size:cover; top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}
.banner_inside .desc{ width:94%; margin:0 auto; margin-top:30px; font-size:15px;}
.banner_inside .desc>em{ font-size:22px; margin-bottom:15px;}
	  .banner .mobile {
        display: block;
    }
/*home*/
#home_about{ margin-top:30px;}
#home_about .home_about_con .l{ width:94%; margin:0 auto; float:none;}
#home_about .home_about_con .l>span{ font-size:18px;font-weight:600;}
#home_about .home_about_con .r{ width:94%; margin:0 auto; float:none; margin-top:0; font-size:15px;}
#home_about .home_about_con .r>em{ font-size:16px; margin-bottom:0; font-weight:normal;}
#home_about .home_about_con .r>a.more{ height:40px; line-height:40px; margin-top:20px;}
#home_about .home_about_con .video{ width:94%; margin:0 auto; margin-top:30px; }

#home_video{ margin-top:30px;}
#home_video .home_video_con{ height:auto;}
#home_video .home_video_con .l{ width:100%; margin:0 auto; float:none; height:auto; padding:15px 0;}
#home_video .home_video_con .desc{ width:94%; margin:0 auto; float:none;}
#home_video .home_video_con .desc>i{ font-size:18px;}
#home_video .home_video_con a.more{ margin-top:10px;}
#home_video .home_video_con .r{ width:100%; margin:0 auto; float:none; height:160px; background-size:cover; margin-top:1px;}

#home_recommend{ margin-top:1px; }
#home_recommend .home_recommend_con{ height:auto;}
#home_recommend .home_recommend_con .l{ width:100%; margin:0 auto; float:none; height:160px; background-size:cover;}
#home_recommend .home_recommend_con .r{ width:100%; margin:0 auto; float:none; height:auto; padding:15px 0; margin-top:1px;}
#home_recommend .home_recommend_con .desc{ width:94%; margin:0 auto; float:none;}
#home_recommend .home_recommend_con .desc>i{ font-size:18px;}
#home_recommend .home_recommend_con a.more{ margin-top:10px;}

#home_pro{ margin-top:30px;}
#home_pro .l{ font-size:18px; width:94%; margin:0 auto; float:none; line-height:1.5; display:none;}
#home_pro .r{ width:94%; margin:0 auto; float:none; margin-top:20px; display:none;}
#home_pro .r>ul>li>a{ height:46px; line-height:46px; font-size:16px;}
#home_pro .pro_list{ width:94%; margin:0 auto;}
#home_pro .pro_list>ul>li{ margin-bottom:10px;}
#home_pro .pro_list>ul>li>a>.img>img{ width:100%; height:auto;}
#home_pro .pro_list>ul>li>a>span{ left:15px; top:15px; font-size:18px;}

#home_quality{ margin-top:30px;}
#home_quality .home_quality_con .l{ width:94%; margin:0 auto; float:none;}
#home_quality .home_quality_con .l>span{ font-size:20px;}
#home_quality .home_quality_con .r{ width:94%; margin:0 auto; float:none; font-size:15px; margin-top:10px;}
#home_quality .home_quality_con .r>a.more{ height:40px; line-height:40px; margin-top:20px;}
#home_quality .img{ margin-top:30px;}
#home_quality .img ul{ width:94%; margin:0 auto; margin-top:30px;}
#home_quality .img ul>li{ width:100%; float:none; overflow:hidden; margin-bottom:20px;}
#home_quality .img ul>li>.pic{ float:left; width:100%;}
#home_quality .img ul>li>.desc{ width:98%; float:right; margin-top:0;}
#home_quality .img ul>li>.desc>em{ font-size:16px; margin-bottom:5px;}
#home_quality .img ul>li>.desc>p{ font-size:15px; width:100%; line-height:1.8; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:5; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
#home_quality .img ul>li:nth-child(2n){ margin-left:0; clear:both; margin-top:20px;}
#home_quality .img ul>li:nth-child(2n)>.pic{ margin-top:0;}
#home_quality .img ul>li:nth-child(2n)>.desc{ position:static;}
#home_quality .img .quality_pic img{ margin:0 auto; display:block; width:94%;}

#home_join{ margin-top:30px;}
#home_join .home_join_con{ width:94%; margin:0 auto;}
#home_join .home_join_con>.dh{ font-size:22px;}
#home_join .home_join_con>a.more{ height:40px; line-height:40px; margin-top:20px;}
#home_join ul{ width:94%; margin:0 auto; margin-top:30px;}
#home_join ul>li{ margin-bottom:20px;}
#home_join ul>li>.pic{ width:100%;}
#home_join ul>li>.pic img{ }
#home_join ul>li .desc{ width:95%; padding:8% 2.5%; margin-top:0;}
#home_join ul>li .desc>em{ font-size:16px; line-height:1.4; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
#home_join ul>li .desc>p{ font-size:15px; width:100%; margin-top:0; line-height:1.8; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
#home_join ul>li .desc>i{ width:22px; height:22px; background-size:22px; margin-top:6px;}

#home_news{ margin-top:20px; padding-top:30px; padding-bottom:40px;}
#home_news>.container{ width:94%; min-width:94%;}
#home_news>.container>em{ font-size:22px; padding-bottom:15px;}
#home_news>.re_news .swiper-slide{ width:100%;}
#home_news>.re_news .swiper-slide img{ width:100%;}
#home_news>.re_news .swiper-button-prev{ left:20px;}
#home_news>.re_news .swiper-button-next{ right:20px;}
#home_news>.re_news .swiper-slide .title{ padding-top:10px;}
#home_news>.re_news .swiper-slide .title em{ font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news>.re_news .swiper-slide .title p{ line-height:1.4; margin-top:0; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*content*/





/*location*/
.location{ margin-top:0; height:46px; line-height:46px; font-size:15px; text-align:left; text-indent:15px;}




/*about*/
.about .about_2{ margin-top:30px;}
.about .about_2 .l{ float:none; width:100%;}
.about .about_2 .l>em{ font-size:18px;}
.about .about_2 .l>span{ font-size:24px;}
.about .about_2 .r{ float:none; width:100%; font-size:15px; margin-top:5px;}
.about .about_3{ margin-top:30px;}
.about .about_4{ margin-top:30px;}
.about .about_4 em{ font-size:18px; margin-bottom:0;}
.about .about_4 span{ font-size:22px;}
.about .about_4 .desc{ font-size:15px; margin-top:10px;}
.about .about_4 .img{ margin-top:30px;}
.about .about_4 .img>img{ width:100%; height:auto;}
.about .about_4 .note{ font-size:26px; margin-top:60px;}
.about .about_4 ul{ width:94%; margin:0 auto; margin-top:20px;}
.about .about_4 ul>li{ margin-bottom:20px;}
.about .about_4 ul>li>.pic{ width:100%; height:200px;}
.about .about_4 ul>li>.desc{ width:100%; padding-left:0; margin:25px 0;}
.about .about_4 ul>li>.desc>em{ font-size:18px;}
.about .about_4 ul>li>.desc>span{ font-size:15px;}
.about .about_4 ul>li>.desc>p{ font-size:15px; margin-top:5px; width:100%; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.6;}
.about .about_4 ul>li:nth-child(2n)>.desc{ width:100% ;}
.about .about_5{ margin-top:10px;}
.about .about_5 img{ width:94%; height:auto; margin:0 auto; display:block;}

/*design*/
.design .design_1>.desc{ margin-top:20px;}
.design .design_1>.desc img{ width:94%; height:auto; margin:0 auto; display:block;}
.design .design_2{ margin-top:30px;}
.design .design_2 .l{ width:100%; float:none;}
.design .design_2 .l>span{ font-size:24px;}
.design .design_2 .r{ width:100%; float:none; font-size:15px; margin-top:10px;}
.design .design_2 .img{ width:100%; margin-top:30px; text-align:center;}
.design .design_2 .img img{ display:block; margin:0 auto; width:94%;}
.design .design_3 .dh{ padding:30px 2%; font-size:22px; margin:0 auto; width:90%;}
.design .design_4{ margin-top:30px;}
.design .design_4 .desc{ background-size:contain; height:200px; width:94%; margin:0 auto;}
.design .design_4 .desc>.desc_list{ width:45%;}
.design .design_4 .desc>.desc_list>em{ font-size:18px; margin-bottom:10px;}
.design .design_4 .desc>.desc_list>.note{ font-size:15px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.design .design_4 .desc>.desc_list>.note{ width:100%;}
.design .design_5{ margin-top:20px;}
.design .design_5 .desc{ font-size:16px;}
.design .design_5 .img{ margin-top:30px;}
.design .design_5 .img img{ display:block; width:94%; margin:0 auto;}
.design .design_6{ margin-top:30px;}
.design .design_6 .desc{ font-size:16px; width:100%;}
.design .design_6 .img{ margin-top:30px;}
.design .design_6 .img img{ display:block; width:94%; margin:0 auto;}
.design .design_7{ width:94%; margin:0 auto; margin-top:30px; padding:30px 0; font-size:20px;}
.design .design_7 a.more{ margin-top:20px; height:40px; line-height:40px;}

/*expert*/
.expert .expert_2{ margin-top:30px;}
.expert .expert_2 .desc{ font-size:15px;}
.expert .expert_2 .desc>em{ font-size:22px;}
.expert .expert_2 .desc>i{ font-size:22px; margin-bottom:10px;}
.expert .expert_2 .img{ margin-top:30px;}
.expert .expert_2 .img img{ width:94%; margin:0 auto; display:block;}
.expert .expert_3 ul{ width:94%; margin:0 auto; margin-top:16px;}
.expert .expert_3 ul>li{ margin-bottom:20px;}
.expert .expert_3 ul>li>.pic{ width:40%; height:auto;}
.expert .expert_3 ul>li>.desc{ width:55%; padding-left:0; margin-top:0;}
.expert .expert_3 ul>li>.desc>em{ font-size:18px;}
.expert .expert_3 ul>li>.desc>p{ width:100%; margin-top:10px; font-size:15px; line-height:1.6;}
.expert .expert_3 ul>li:nth-child(2n)>.desc{ margin-right:5%;}
.expert .expert_4{ margin-top:10px; height:160px; background-size:cover;}
.expert .expert_4 .desc{ width:50%; font-size:18px; float:none; margin:0 auto; margin-top:0; padding-top:30px;}
.expert .expert_4 a.more{ margin-top:10px; height:30px; line-height:30px;}

/*join*/
.join .join_2{ margin-top:30px;}
.join .join_2 .l{ width:100%; margin:0 auto; float:none;}
.join .join_2 .l>span{ font-size:22px;}
.join .join_2 .r{ width:100%; margin:0 auto; float:none; font-size:15px; margin-top:10px;}
.join .join_3{ width:100%; margin:0 auto; margin-top:30px;}
.join .join_3 .join_list{ width:97%;}
.join .join_3 .join_list ul>li{ width:100%; height:auto;}
.join .join_3 .join_list ul>li .img{ width:100%; height:200px;}
.join .join_3 .join_list ul>li em{ font-size:15px; width:98%; margin-top:15px;}
.join .join_3 .box{ right:6px; bottom:-20px;}
.join .join_3 span.pageState{ font-size:18px; top:-11px;}
.join .join_4{ margin-top:40px;}
.join .join_4 em{ font-size:22px;}
.join .join_4 .container{ margin-top:20px;}
.join .join_4 .l{ width:94%; margin:0 auto; float:none; height:auto;}
.join .join_4 .r{ width:88%; margin:0 auto; float:none; height:auto; font-size:24px; padding:3%; margin-top:10px;}
.join .join_4 ul{ width:94%; margin:0 auto; margin-top:30px;}
.join .join_4 ul>li{ width:48%; margin-left:4%; margin-bottom:5%;}
.join .join_4 ul>li:nth-child(3n+1){ margin-left:4%;}
.join .join_4 ul>li:nth-child(2n+1){ margin-left:0;}
.join .join_4 ul>li .desc{ margin-top:10px;}
.join .join_4 ul>li .desc>em{ font-size:20px;}
.join .join_4 ul>li .desc>span{ font-size:18px;}
.join .join_4 ul>li .desc>p{ font-size:15px;}
.join .join_6{ margin-top:30px;}
.join .join_6 em{ font-size:28px; padding-bottom:20px; margin-bottom:20px;}
.join .join_6 span{ font-size:18px;}
.join .join_6 .desc{ margin-top:20px; font-size:15px;}
.join .join_6 .desc img{ width:100%; height:auto;}
.join .join_7{ margin-top:40px;}
.join .join_7 em{ font-size:22px; padding-top:10px;}
.join .join_7 .form{ margin-top:20px;}
.join .join_7 .form>form .form-group>input{ width:100%; margin-left:0; height:42px; line-height:42px; font-size:15px; margin-bottom:12px;}
.join .join_7 .form>form textarea{ width:96%; font-size:15px; padding:2%; margin-bottom:15px;}
.join .join_7 .form>form input[type="submit"]{ height:42px; line-height:42px; font-size:15px; width:125px;}

/*login*/
#login{ margin-top:20px;}
#login .img{ width:100%; margin:0 auto; height:auto; float:none; overflow:hidden;}
#login .form{ width:100%; float:none; margin-top:0;}
#login .form>em{ font-size:22px; margin-top:10px; margin-bottom:10px;}
#login .form input{ height:46px; line-height:46px; font-size:16px;}
#login .form input[type="submit"]{ margin-top:30px; font-size:17px; height:42px; line-height:42px; width:125px;}

/*download*/
.download{ width:94%; margin:0 auto; margin-top:10px;}
.download:first-child{ margin-top:20px;}
.download>em{ font-size:18px; margin-bottom:10px;}
.download>ul>li{ width:48%; margin-left:4%; margin-bottom:5%;}
.download>ul>li:nth-child(2n+1){ margin-left:0;}
.download>ul>li .img{ width:100%; height:100%;}

/*contact*/
#contact{ margin-top:20px;}
#contact>.l{ width:94%; margin:0 auto; float:none; height:auto}
#contact>.l>.desc{ padding:20px;margin: 0 auto;}
#contact>.l>.desc>em{ font-size:18px;}
#contact>.l>.desc>img{ width:100%; height:auto; margin-top:15px;overflow:hidden;}
#contact>.l>.desc>p{ margin-top:20px; font-size:18px;}
#contact>.l>.desc>a.more{ margin-top:20px; width:150px; height:42px; line-height:42px; font-size:16px;}
#contact>.r{ width:94%; margin:0 auto; float:none; margin-top:10px; height:auto;}
#contact>.r>.form{ padding:20px;}
#contact>.r>.form>em{ font-size:18px;}
#contact>.r>.form>form{ margin-top:15px;}
#contact>.r>.form>form .form-group>input{ width:100%;}
#contact>.r>.form>form .form-group>input{ width:100%; margin-left:0; height:42px; line-height:42px; font-size:15px; margin-bottom:12px;}
#contact>.r>.form>form textarea{ width:94%; font-size:15px; padding:3%; margin-bottom:15px;}
#contact>.r>.form>form input[type="submit"]{ height:42px; line-height:42px; font-size:15px; width:125px; background-position:10px center; margin-right:0; text-indent:30px; margin-bottom:0;}

/*apply*/
#apply>.l{ width:100%; float:none; height:auto; background-size:cover; padding-bottom:80%;}
#apply>.l>.desc{ position:static; width:94%; margin:0 auto; padding-top:20px;}
#apply>.l>.desc img{ height:36px;}
#apply>.l>.desc>.desc_list{ font-size:26px; margin-top:30px;}
#apply>.l>.desc>em{ font-size:15px;}
#apply>.r{ width:94%; margin:0 auto; float:none;}
#apply>.r>.form{ margin:0;}
#apply>.r>.form .box>dd{ width:47.5%;}
#apply>.r>.form .form-group{ margin-bottom:15px;}
#apply>.r>.form input{ height:42px; line-height:42px;}
#apply>.r>.form .box_1>dd:nth-child(1){ width:29.5%;}
#apply>.r>.form input[type="submit"]{ height:42px; line-height:42px; font-size:15px; width:125px; background-position:10px center; margin-top:20px; margin-bottom:30px;}

/*list_news*/
ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{ width:48%; margin-left:4%; margin-bottom:5%;}
ul.list_pic_news{ width:94%; margin:0 auto; margin-top:30px;}
ul.list_pic_news li{ width:48%; margin-left:4%; margin-bottom:6%;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:4%;}
ul.list_pic_news li:nth-child(2n+1){ margin-left:0;}
ul.list_pic_news li .img{ width:100%; height:120px;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ padding-top:10px; font-size:15px;}
ul.list_pic_news li em{ margin:0; height:36px; line-height:36px; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ font-size:15px; height:auto; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%; height:100%; margin-right:4%;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li span{ margin-top:3%; float:right; width:56%; line-height:1.5;}
ul.list_img_news li p{ width:56%; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:12px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:94%; margin:0 auto; margin-top:10px;}
#dis_news img{ width:100%; height:auto !important;}
#dis_news .news_title{ font-size:17px;}
#dis_news .news_content{ margin-top:0;}

/*list_pro*/
ul.list_pro{ width:94%; margin:0 auto; margin-top:30px;}
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:6%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ margin-top:5px; height:36px; line-height:36px; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pro li i{ font-size:15px; margin-top:0; line-height:1;}
a.p_more{ margin-top:20px; height:40px; line-height:40px;}

/*dis_big*/
.dis_big{ width:100%; margin:0 auto;}
.dis_big .l{ width:100%; float:none; height:auto;}
.dis_big .l img{ width:100%; height:100%;}
.dis_big .l .gallery-top{ margin-top:30px; padding-bottom:30px;}
.dis_big .l .gallery-top .swiper-button-prev{ opacity:1;}
.dis_big .l .gallery-top .swiper-button-next{ opacity:1;}
.dis_big .r{ width:94%; float:none; padding-left:0; border:0; margin:0 auto; padding-bottom:20px;}
.dis_big .r .dis_name{ font-size:20px; margin:0 0 15px 0;}
.dis_big .r .dis_img>em{ font-size:17px; margin-bottom:10px;}
.dis_big .r .dis_desc{ margin-top:20px;}
.dis_big .r .dis_desc>em{ font-size:17px; margin-bottom:2px;}
.dis_big .r .dis_desc>em>i{ font-size:16px;}
.dis_note{ width:100%; margin:0 auto; margin-top:20px;}
.dis_note>i{ font-size:22px; margin-bottom:20px;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100%;}
ul.list_share li img{ width:100%; height:auto;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li img{ width:100%; height:auto;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_solution*/
ul.list_solution{ width:94%; margin:0 auto; margin-top:30px;}
ul.list_solution li{ width:48%; margin-left:4%; margin-bottom:6%;}
ul.list_solution li:nth-child(3n+1){ margin-left:4%;}
ul.list_solution li:nth-child(2n+1){ margin-left:0;}
ul.list_solution li .img{ width:100%; height:100%;}
ul.list_solution li img{ width:100%; height:auto;}
ul.list_solution li em{ margin:5px 0 0 0; height:36px; line-height:36px; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_solution li p{ font-size:15px; line-height:1;}

/*re_news*/
.re_news{ width:100%; margin:0 auto; margin-top:20px;}
.re_news .swiper-slide{ width:100%;}
.re_news .swiper-slide .img{ height:auto;}
.re_news .swiper-slide img{ width:100%; height:100%;}
.re_news .swiper-button-prev{ left:20px;}
.re_news .swiper-button-next{ right:20px;}
.re_news .swiper-slide .title{ padding-top:10px;padding:5px 20px;}
.re_news .swiper-slide .title em{ font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.re_news .swiper-slide .title p{ line-height:1.4; margin-top:0; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*store*/
.store{ width:94%; margin:0 auto; padding-top:10px;}
.store .l{ width:100%; float:none;}
.store .l span{ font-size:18px;}
.store .l select{ height:40px; line-height:40px; font-size:15px;}
.store .list_store{ width:100%; float:none;}
.store .list_store li{ width:48%; margin-left:4%; margin-bottom:6%;}
.store .list_store li:nth-child(3n+1){ margin-left:4%;}
.store .list_store li:nth-child(2n+1){ margin-left:0;}
.store .list_store li .img{ width:100%; height:100%;}
.store .list_store li img{ width:100%; height:auto;}
.store .list_store li em{ margin:5px 0 0 0; height:36px; line-height:36px; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*form*/
.form { width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}

/*pages*/
.pages{ width:94%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
/* .pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;} */
.pages a{ width:32px; line-height:32px; height:32px;}
.pages span{ width:32px; line-height:32px; height:32px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0; background:none; color:#111;}

/*float*/
.float{display:none;}
.m_float{ position:fixed; bottom:0; width:100%; left:0; right:0; z-index:9;}
.m_float>.apply{ background:#999; height:50px; padding-top:10px;}
.m_float>.apply>dl>dd{ float:left; width:15%;}
.m_float>.apply>dl>dd>a{ color:#fff;}
.m_float>.apply>dl>dd>a>em{ display:block; font-size:14px;}
.m_float>.apply>dl>dd:last-child{ float:right; width:60%;}
.m_float>.apply>dl>dd:last-child>a{ width:60%; background:#24318F; height:36px; line-height:36px; color:#fff; border-radius:20px; float:right; margin-right:5%; margin-top:2px;}
.m_float>.apply>dl>dd:last-child>a>em{ display:inline-block;}
.m_float>.apply>dl>dd:last-child>a>img{ position:relative; top:4px; margin-right:6px;}
.m_float>ul>li{ width:25%; background:#24318F; float:left; height:42px; line-height:42px; text-align:center;}
.m_float>ul>li>a{ color:#fff; display:block; font-size:12px;}
.m_float>ul>li:first-child{ border-left:0;}
.m_wexin_box{ position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width:80%; text-align:center; border-radius:21px; padding:15px; z-index:9; box-shadow:0px 1px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow:0px 1px 15px 1px rgba(0,0,0,.1); display:none;}
.m_wexin_box>a{ position:absolute; right:16px; top:8px; font-size:20px; font-weight:bold;}
.m_wexin_box>img:nth-child(2){ width:40px; height:40px; display:block; margin:0 auto; margin-bottom:6px;}
.m_wexin_box>span{ display:block; color:#111; font-size:20px; font-weight:bold; margin-bottom:0;}
.m_wexin_box>em{ display:block; line-height:1.6;}
.m_wexin_box>i{ width:138px; height:42px; line-height:42px; background-color:#1aad17; text-align:center; font-size:16px; color:#fff; display:block; margin:0 auto; margin-top:10px; border-radius:5px; cursor:pointer;}
.m_wexin_box>img{ width:100%; height:auto; display:block; margin:0 auto; margin-top:15px;}
.m_apply_box{ position:fixed; bottom:0; background:#fff; width:100%; text-align:center; margin:auto; left:0; right:0; border-radius:21px 21px 0 0; z-index:9; box-shadow:0px 1px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow:0px 1px 15px 1px rgba(0,0,0,.1); display:none;}
.m_apply_box>a{ position:absolute; right:16px; top:8px; font-size:20px; font-weight:bold;}
.m_apply_box form{ padding:15px;}
.m_apply_box .form_list{ margin-bottom:10px;}
.m_apply_box input[type="text"]{ width:100%; height:42px; line-height:42px; text-indent:15px; background:none; border-radius:3px; border:1px solid #e2e2e2;}
.m_apply_box input[type="submit"]{ width:100%; height:45px; line-height:45px; background:#24318f; color:#fff; border:0; border-radius:20px; font-size:18px;}
.m_apply_box>em{ display:block; line-height:1.6; font-size:18px; margin-top:40px;}
.m_apply_box>span{ display:block;}
.m_apply_box>span>i{ background:#24318f; color:#fff; padding:2px 8px; display:inline-block; margin:0 5px; border-radius:10px; line-height:1; font-size:12px;}
.m_float .form_list{ display:inline-block; width:25%; height:20px; line-height:26px; vertical-align:middle; display:none;}
.m_float .form_list:nth-child(1){ width:42%;}
.m_float .form_list:nth-child(2){ width:28%; margin-right:2%;}
.m_float .form_list em{ width:30%; padding:2px 0;}
.m_float .form_list select{ width:66%; padding:0 5px; background:#ccc; border-radius:5px; border:0; height:26px; line-height:26px; -webkit-appearance:none;}
.m_float .form_list input{ height:26px; line-height:26px;}
.m_float .form_list input[type="text"]{ width:100%; border:0; padding:0 5px; background:#ccc; border-radius:5px;}
.m_float .form_list input[type="submit"]{ padding:0 10px; background:#111; border-radius:5px; color:#fff; font-size:14px; text-align:center; border:0;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0; margin-bottom:42px; background:#fff; color:#222; display:none;}
#footer a{ color:#222;}
#footer a:hover{ color:#007eff;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center; padding:0; border:0;}
#footer .footer_con .l{ float:none;}
#footer .footer_con .r{ float:none; text-align:center;}
#footer .footer_copy{ margin:0 auto; width:94%; padding:15px 0;}
.m_footer{ margin-bottom:106px; padding:10px 0; font-size:15px;border-top: 1px solid #282828;background:#f0f0f0;}
.m_footer .footer_tel>a{ padding:2px 10px; background:#111; display:inline-block; border-radius:5px; color:#fff; font-size:14px; text-align:center; margin:0 auto; margin-top:5px; margin-bottom:5px;}
.m_footer .footer_tel>span>i{ font-size:16px; font-weight:bold;}
.m_footer .footer_copy{ font-size:12px; width:94%; margin:0 auto; line-height:1.8; color:#555; margin-top:10px; line-height:1.6;}
}