﻿/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
em{font-style: normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}

/*布局*/
body{padding-top: 124px;}
.wp {margin: 0 auto;width: 100%;max-width: 1320px;}
/*******************************
    -------[=头部]-------
********************************/
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 124px;
    padding-left: 8%;
    z-index: 99;
    background-color: #fff;
}
.header.fixed{
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.header .l{
    float: none;
}
.header .tel{
    width: 20%;
    background-color: #ec0005;
    color:#fff;
    height: 100%;
    padding: 1.46vw 0.83vw ;
    overflow: hidden;
}
.header .tel .icon{
    overflow: hidden;
    float: left;
    margin-right: 8px;
}
.header .tel .txt{
    overflow: hidden;
    font-size: 14px;
}
.header .tel .txt span{
    margin-bottom: 3px;
    display: block;
}
.header .tel .phone{
    font-size: 21px;
    font-weight: bold;
    line-height: 1.19;
}


.header .t_left{float:left;}

.logo{
	padding-top:18px;
    float: left;
    overflow: hidden;
}

.logo img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
	 .header .xxx{display:none;}
.header .t_left .t_logo p{margin:0;height:16px;line-height:16px;text-align:center;;font-size:12px;}
.header .t_left i{width:1px;height:50px;background:#c4c4c4;float:left;display:block;margin-left:14px;margin-top:39px;position:relative;}
.header .t_left i:before{content:'';width:3px;height:16px;position:absolute;left:-1px;bottom:0;background:#d81e25;}
.header .t_left .t_txt{float:left;margin-left:20px;padding:24px 0 16px;}
.header .t_left .t_txt p{margin:0;color:#333;font-weight:bold;font-size:15px;}
.header .t_left .t_txt p:first-child{font-size:32px;color:#D00019;margin-bottom: 4px;}
.header .t_left .t_txt p:last-child{height:20px;line-height:20px;}
.nav{
    float: right;
}
.nav li{
    float: left;
    position: relative;
    height: 124px;
    padding: 60px 1.56vw 0;
}
.nav li .v1{
    font-size: 16px;
    color:#333;
}
.nav li  i{
   display: inline-block;
    width: 13px;
    height: 8px;
    margin-left: 6px;
    margin-top: -2px;
    background: url(../images/icon.png) no-repeat;
}
.nav li:hover .v1{
    color:#D00019;
}
.nav li:hover i{
    background-image: url(../images/icon36.png);
}
.nav li .sub{
    display: none;
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 9;
    padding: 10px 0;
     background-color: #D00019;
}
.nav li .sub a{
    display: block;
    font-size: 14px;
    color:#fff;
    line-height: 35px;
    background-color: #D00019;
}
.nav li .sub a:hover{
    background-color: #fff;
    color:#D00019;
}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: fixed;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #ec0005;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
/*******************************
    -------[=底部]-------
********************************/

/*******************************
    -------[=公用]-------
********************************/
.g-tit{
    overflow: hidden;
    text-align: center;
    font-size: 36px;
    color: #1C1E1E;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
}
.g-tit::after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin:0 auto;
    width:48px;
    height:2px;
    bottom:0;
    background-color: #d11124;
}

.banner a{
    display: block;
    height: 38.7vw;
    min-height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;

}
.banner a img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .swiper-pagination-bullet{
    width: 12px;
    height: 10px;
    opacity: 1;
    background-color: #fff;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-radius: 10px;
    width: 35px;

}
.banner .swiper-pagination{
    bottom: 1.82vw!important;
    cursor: pointer!important;
 }

/*one page -zhanshi**/
.row-1{
    overflow: hidden;
    padding-top: 1.4vw;
     background: url(../images/pic1.jpg) no-repeat ;
}
.row-1 .g-tit{
    margin-bottom: 1.6vw;
}
.m-slider1{
    overflow: hidden;
   
}
.m-slider1 .l{
    width: 302px;
    margin-right: 3%;
    border-bottom: 1px solid #e7e7e7;
}
.m-slider1 .r{
    float: none;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}

 .product_left{width:100%; margin-top:5px; display:none}
 .product_left .pl_top{width:130px;height:50px;background:#D00019;float:left}
 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}
 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}


.g-title1{
    background-color: #ec0005;
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    padding: 24px 30px;
    text-transform: uppercase;
}
.zd{
    box-shadow:2px 1px 21px 0px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    padding: 30px 28px 10px;
}
.zd dl{
   display: block;
   margin-bottom: 30px;
}
.zd dl:last-child{
    border-top: 1px solid #e7e7e7;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.zd dt{
    font-size: 18px;
    line-height: 30px;
    color:#333333;
    padding-left: 56px;
    background: url(../images/icon3.png) no-repeat left center;
   margin-bottom: 30px;
   cursor: pointer;
   transition:all .3s;
}

.zd dl.on dt{
    background-image: url(../images/icon2.png);
}
.zd dd{
    display: none;
    padding-bottom: 30px;
}
.zd dd a{
    display: block;
    font-size: 14px;
    color:#666666;
    line-height: 2;
    padding-left: 52px;
}
.zd dd a:hover{
    color:#EC0005;
}
.g-pictxt1{
    margin-bottom: 23px;
    overflow: hidden;
    background: url(../images/pic12.jpg) no-repeat;
    background-size: cover;
}
.g-pictxt1 .pic{
    float: left;
    height: 339px;
    overflow: hidden;
}
.g-pictxt1 .pic img{
    display: block;
}
.g-pictxt1 .txt{
    overflow: hidden;
    padding:3.13vw 1.93vw 0 3.18vw ;
}
.g-pictxt1 .txt .tit{
    font-size: 23px;
    color:#1C1E1E;
    font-weight: bold;
    margin-bottom: 23px;
}
.g-pictxt1 .txt .desc{
    font-size: 14px;
    color:#666666;
    line-height: 1.86;
    margin-bottom: 33px;
}
.g-pictxt1 .txt .more{
    width:157px;
    height:40px;
    display: block;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    color:#EC0005;
    border-radius: 30px;
    border:1px solid #EC0005 ;
}
.g-pictxt1 .txt .more span{
    transition:all .3s;
}
.g-pictxt1 .txt .more:hover span{
    margin-left: 15px;
}
.ul-list1{
    overflow: hidden;
    margin:0 -5px;
}
.ul-list1 li{
    width: 33.333%;
    float: left;
}
.ul-list1 .con{
    display: block;
    margin:0 5px;
    overflow: hidden;
}
.ul-list1 .pic{
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    height: 0;
}
.ul-list1 .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition:all .3s;
}
.ul-list1 li:hover .pic img{
    transform: translate(-50%,-50%) scale(1.05, 1.05);
}
.ul-list1 .tit{
    text-align: center;
    font-size: 14px;
    color:#666666;
    line-height: 41px;
}
.ul-list1 li:hover .tit{
    color:#ec0005;
}
/*two page-tedian **/
.row-2{
    overflow: hidden;
    padding-top: 1.9vw;
}
.row-2 .g-tit{
    margin-bottom: 1.72vw;
}
.ul-list2{
    overflow: hidden;
}
.ul-list2 li{
    float: left;
    width: 20%;
    height: 706px;
     background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 15px;
}
.ul-list2 .con{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    padding: 8.54vw 2.55vw 0; 
    color:#fff;
}
.ul-list2 li:hover .con{
    border-color: #fff;
}
.ul-list2 .icon{
    height: 100px;
    margin-bottom: 61px;
}
.ul-list2 .icon img{
    display: block;
    margin:0 auto;
}
.ul-list2 .desc{
    font-size: 14px;
    color:#FFFFFF;
    line-height: 1.71;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.ul-list2 >li:nth-child(1){
    background-image: url("/static/home/images/pic4.webp");
}
.ul-list2 >li:nth-child(2){
    background-image: url("/static/home/images/pic5.webp");
}
.ul-list2 >li:nth-child(3){
    background-image: url("/static/home/images/pic6.webp");
}
.ul-list2 >li:nth-child(4){
    background-image: url("/static/home/images/pic7.webp");
}

.ul-list2 >li:nth-child(5){
    background-image: url("/static/home/images/pic8.webp");
}
.ul-list2 li:hover .desc{
    height: auto;
}
.ul-list2 li:hover .icon{
    margin-bottom: 16px;
}
.ul-list2 li:hover .tit{
    margin-bottom: 30px;
}
.ul-list2 .tit{
    text-align: center;
    font-size: 12px;
    margin-bottom: 24px;
    text-transform: uppercase;
}
.ul-list2 .tit .cn{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
}
.ul-list2 .more{
    margin:0 auto;
    width:37px;
    height:37px;
}
.ul-list2 .more img{
    display: block;
}


/*three page-wenti**/
.row-3{
    overflow: hidden;
    padding-top: 3.8vw;
}
.row-3 .tit{
    text-align: center;
    font-size: 16px;
    color:#666666;
}
.row-3 .tit img{
     display: block;
    margin:0 auto 19px;
}
.row-3 .pic img{
    display: block;
    margin:0 auto;
}
/**four page-youshi**/
.row-4{
    overflow: hidden;
    padding-top: 1.8vw;
}
.youshi{padding-top:53px;}
.ys_class .ys_a{width:15.4%;margin-left:1.52%;float:left;padding-bottom:33px;position:relative;cursor:pointer;}
.ys_class .ys_a:first-child{margin-left:0;}
.ys_class .ys_a i{width:100%;height:36px;display:block;}
.ys_class .ys_a i.icon1{background:url(../images/ys_icon1.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a i.icon2{background:url(../images/ys_icon2.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a i.icon3{background:url(../images/ys_icon3.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a i.icon4{background:url(../images/ys_icon4.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a i.icon5{background:url(../images/ys_icon5.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a i.icon6{background:url(../images/ys_icon6.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a .ys_p{margin-top:21px;}
.ys_class .ys_a .ys_p p{margin:0;color:#666;text-align:center;}
.ys_class .ys_a .ys_p p:first-child{height:14px;line-height:14px;font-size:14px;font-family:Arial;text-transform:uppercase;}
.ys_class .ys_a .ys_p p:last-child{
    font-size:16px;
    margin-top:8px;
    height:26px;
    line-height:26px;
    color:#333333;
    font-weight: bold;
}
.ys_class .ys_a.on:before{content:'';border-left:22px solid transparent;border-right:22px solid transparent;border-top:20px solid #FFF;position:absolute;left:50%;margin-left:-22px;bottom:-20px;z-index:10;}
.ys_class .ys_a.on i.icon1{background:url(../images/ys_icon1_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a.on i.icon2{background:url(../images/ys_icon2_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a.on i.icon3{background:url(../images/ys_icon3_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a.on i.icon4{background:url(../images/ys_icon4_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a.on i.icon5{background:url(../images/ys_icon5_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_class .ys_a.on i.icon6{background:url(../images/ys_icon6_hover.png) no-repeat center center;background-size:auto 100%;}
.ys_nr{width:100%;overflow:hidden;position:relative;z-index:1;}
.ys_nr .ys_wai{width:600%;height:auto;}
.ys_nr .ys_content{width:16.666%;float:left;background-size:cover!important;padding-top:42px;}
.ys_nr .ys_content.bg1{background:url(../images/pic10.webp) no-repeat center center;}
.ys_nr .ys_content.bg2{background:url(../images/pic10_1.webp) no-repeat center center;}
.ys_nr .ys_content.bg3{background:url(../images/pic10_2.webp) no-repeat center center;}
.ys_nr .ys_content.bg4{background:url(../images/pic10_3.webp) no-repeat center center;}
.ys_nr .ys_content.bg5{background:url(../images/pic10_4.webp) no-repeat center center;}
.ys_nr .ys_content.bg6{background:url(../images/pic10_5.webp) no-repeat center center;}
.ys_nr .ys_content .ys_c{
    margin-right:8%;
    width:775px;
    float:right;
    position:relative;
    border-left:4.06vw solid #FFF;
    border-top:2.81vw solid #FFF;
    border-right:4.06vw solid #FFF;
    border-bottom:1.04vw solid #FFF;}
.ys_nr .ys_content .ys_c .ys_num{
    position:absolute;
    bottom: -4px;
    line-height: 36px;
    width: 50px;
    left: 0;
    right: 0;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.ys_nr .ys_content .ys_c .ys_num p{margin:0;font-size:16px;color:#404040;font-family:Impact;position:relative;
}
.ys_nr .ys_content .ys_c .ys_num p:first-child{color:#ff0700;}
.ys_nr .ys_content .ys_c .ys_txt{border:20px solid rgba(227,34,53,.75);}
.ys_nr .ys_content .ys_c .ys_txt .ys_p{background:#FFF;padding:3.5vw 5.31vw 4vw;}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p{margin:0;}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child{
    font-size:31px;height:38px;line-height:30px;color:#333;text-align:center;
    font-weight: bold;
}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){
    font-size:18px;
    line-height:24px;
    color:#4B4B4B;
    margin-top:34px;
    height:130px;
}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p:last-child{font-size:16px;line-height:25px;color:#333;font-family:Arial;text-transform:uppercase;text-align:center;margin-top:49px;}
.ys_nr .ys_content .ys_c .ys_icon{padding-top:20px;text-align:center;background:#FFF;font-size:0;-webkit-text-size-adjust:none;}
.ys_nr .ys_content .ys_c .ys_icon span{width:31px;height:26px;margin-left:73px;display:inline-block;cursor:pointer;}
.ys_nr .ys_content .ys_c .ys_icon span:first-child{margin-left:0;}
.ys_nr .ys_content .ys_c .ys_icon span.icon1{background:url(../images/ys_left.png) no-repeat left center;}
.ys_nr .ys_content .ys_c .ys_icon span.icon2{background:url(../images/ys_left.png) no-repeat left center;}
.ys_nr .ys_content .ys_c .ys_icon span.icon3{background:url(../images/ys_right.jpg) no-repeat left center;}
.ys_nr .ys_content .ys_c .ys_icon span.icon4{background:url(../images/ys_right_hover.jpg) no-repeat left center;}
.ys_nr .ys_content .ys_c .more{
    display: block;
    width:290px;
    height:49px;
    margin:0 auto;
    text-align: center;
    line-height: 47px;
    border:1px solid #c5c5c5;
    font-size: 16px;
    color:#666666;
    transition:all .3s;
}
.ys_nr .ys_content .ys_c .more:hover{
    color:#fff;
    background-color: #EC0005;
    border-color: #EC0005;
}

.ys_class .ys_a::after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 58px;
    margin:0 auto;
    width:15px;
    height:2px;
    opacity:0;
    background-color: #f50c0d;
}
.ys_class .ys_a.on::after{
    opacity:1;
}
/*teacher*/
.teacher{padding-top:48px;}
#tnamebg{margin-top:34px;position:relative;}
#tnamebg:before{content:'';width:100%;height:1px;background:#e5e5e5;position:absolute;left:0;top:0;z-index:-1;}
.tname{padding:0 48px;}
.tname .t_a{float:left;width:16.666%;text-align:center;cursor:pointer;}
.tname .t_a span{display:inline-block;padding:24px 18px 17px;border-top:1px solid #e5e5e5;font-size:16px;color:#333;}
.tname .t_a.on span{border-top:1px solid #e32235;color:#e32235;}
#t_contentbg{background:url(teacherbg.jpg) no-repeat center center;padding-top:40px;background-size:cover;}
#t_contentbg .container{position:relative;}
.t_content{width:100%;position:relative;}
.t_content .t_wai{height:auto;}
.t_content .t_wai .t_nr{width:100%;}
.t_content .t_wai .t_nr .tn_left{width:calc(100% - 555px);float:left;padding-top:72px;position:relative;margin-left:-82px;padding-left:82px;overflow:hidden;}
.t_content .t_wai .t_nr .tn_txt{position:relative;}
.t_content .t_wai .t_nr .tn_txt:before{content:'';width:70px;height:54px;background:url(yinhao.png) no-repeat left top;background-size:cover;left:-82px;top:30px;position:absolute;}
.t_content .t_wai .t_nr .tn_left p{margin:0;font-size:15px;line-height:30px;color:#333;}
.t_content .t_wai .t_nr .tn_left p:first-child{font-size:72px;height:72px;line-height:72px;color:#333;font-family:Arial;font-weight:bold;text-transform:uppercase;}
.t_content .t_wai .t_nr .tn_left p:nth-child(2){font-size:14px;height:22px;line-height:22px;color:#747474;}
.t_content .t_wai .t_nr .tn_left p:nth-child(3){font-size:24px;height:34px;line-height:34px;color:#e32235;margin:34px 0 6px;}
.t_content .t_wai .t_nr .tn_left i{display:inline-block;width:100%;height:77px;background:url(teacher.png) no-repeat left center;background-size:auto 100%;margin-top:35px;}
.t_content .t_wai .t_nr .tn_right{width:637px;float:right;overflow:hidden;}
.t_content .t_wai .t_nr .tn_right .tnr_img{width:100%;padding-bottom:557px;position:relative;}
.t_content .t_wai .t_nr .tn_right .tnr_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.t_content .t_li{position:absolute;left:0;bottom:50px;}
.t_content .t_li span{display:inline-block;width:18px;height:18px;border:2px solid transparent;border-radius:50%;padding:5px;margin:0 7px;}
.t_content .t_li span i{display:block;width:100%;height:100%;background:#0b0b0b;border-radius:2px;}
.t_content .t_li span.on{border:2px solid #0b0b0b;}

.row-5{
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 62px;
    background: url(../images/pic11.webp) no-repeat;
    background-size: cover;
}
.row-5 .top{
    overflow: hidden;
    color:#fff;
    margin-bottom: 34px;
}
.row-5 .top .l{
    font-size: 14px;
}
.row-5 .top .l .tit{
   font-size: 30px;
   margin-bottom: 7px;
   font-weight: bold;
}
.row-5 .top .r{
    overflow: hidden;
}
.row-5 .top .r .icon{
    float: left;
    margin-right: 11px;
}
.row-5 .top .r .txt{
    overflow: hidden;
}
.ul-list3{
    overflow: hidden;
     margin:0 -2.08vw;
}
.ul-list3 li{
    width: 14.26%;
    float: left;
    position: relative;
    text-align: center;
}
.ul-list3 li .con{
    margin:0 2.08vw;
}
.ul-list3 li::after{
    content:'';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width:17px;
    height:12px;
    background: url(../images/icon12.png) no-repeat;
}
.ul-list3 li:last-child::after{
    display: none;
}
.ul-list3 .icon{
    width:119px;
    height:119px;
    border-radius: 50%;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    line-height: 117px;
    border:1px solid #fff;
    margin-bottom: 17px;
}
.ul-list3 .icon img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    transition:all .3s;
}
.ul-list3 li:hover .icon img{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.ul-list3 .tit{
    overflow: hidden;
    color:#fff;
    font-size: 16px;
}
/**six page- anli**/
.row-6{
    overflow: hidden;
    padding-top: 1.4vw;
    margin-bottom: 3.3vw;
	background:#f8f8f8;
	padding-bottom:30px;
}
.row-6 .g-tit{
    margin-bottom: 1.9vw;
}
.slider1.swiper-container{
    padding-bottom: 100px;
}

.slider1 .swiper-button-prev{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: calc( 100% - 50px);
    margin-top: 0;
    margin-left: -50px;
    z-index: 99;
    opacity:1;
    cursor: pointer;
    background: url(../images/prev1.jpg) no-repeat;
}
.slider1 .swiper-button-next{
    position: absolute;
    cursor: pointer;
    width: 50px;
    height: 50px;
    right: 50%;
    margin-right: -50px;
    left:auto;
    margin-top: 0;
    top: calc( 100% - 50px);
    z-index: 99;
    opacity:1;
    background: url(../images/next1.jpg) no-repeat;
}
.slider1 .swiper-button-next.swiper-button-disabled, 
.slider1 .swiper-button-prev.swiper-button-disabled{
    opacity:1;
}


.slider1 .pic{
    position: relative;
    height: 239px;
    overflow: hidden;
}
.slider1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.slider1 .pic .txt{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon10.png) no-repeat;
    background-size: cover;
    color:#fff;
    text-align: center;
    padding-top: 52px;
    font-size: 14px;
    transition:all .3s;
}
.slider1 .pic .txt .icon{
    width:60px;
    height:59px;
    background: url(../images/icon27.png) no-repeat;
    overflow: hidden;
    margin:0 auto 15px;
}
.slider1 .pic .txt p{
    font-size: 20px;
}
.slider1 .pic:hover .txt{
    top:0;
}
/**seven page-zoujinhengxing**/
.row-7{
    background: url(../images/icon13.png) no-repeat left bottom;
    position: relative;
    padding-bottom: 3vw;
}
.row-7 .g-tit{
    margin-bottom: 2.92vw;
}
.row-7 .xian{
    position: absolute;
    left: 15%;
    top: 0;
    width: 5px;
}
.row-7 .xian em{
    display: block;
    width: 5px;
    height: 5px;
    background: #BFBFBF;
}
.row-7 .xian .x1{
    margin-bottom: 162px;
}
.row-7 .xian .x1 i{
    margin-bottom: 4px;
}
.row-7 .xian .x2 em{
    margin-bottom: 4px;
}
.row-7 .xian i{
    height: 140px;
    display: block;
    width: 1px;
    margin:0 auto;
    background: #BFBFBF;
}
.row-7 .hx{
    width: 42%;
    background: #ec0005;    
    position: absolute;
    bottom: 54px;
    right: 0;
    font-family:Impact;
    font-size:118px;
    font-weight:400;
    color:rgba(255,255,255,.14);
   
    text-align: right;
    padding-right: 5%;
    text-transform: uppercase;
}
.m-txtimg1{
    overflow: hidden;
    position: relative;
}
.m-txtimg1 .r{
    float: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.m-txtimg1 .r .pic img{
    display: block;
}
.m-txtimg1 .l{
    width: 56%;
    margin-right: 8%;
    padding-left: 65px;
    position: relative;
    z-index: 1;
}

.m-txtimg1 .l .desc{
    font-size: 14px;
    color:#333333;
    line-height: 1.86;
    margin-bottom: 50px;
}
.m-txtimg1 .l .desc p{
    text-indent: 2em;
}
.g-title2{
    position: relative;
    margin-left: -65px;
    margin-top: -80px;
    overflow: hidden;
    padding: 98px 0 78px;
}
.g-title2  .about{
    position: relative;
    padding-top: 50px;
}
.g-title2  .about::after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 100px;
    border:12px solid #e2e2e2;
    width: 350px;
    height: 176px;
}
.g-title2 .en{
    font-size: 32px;
    color:#EC0005;
    font-weight: bold;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    padding-top: 5px;
    letter-spacing: -1px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #fff;
}
.g-title2 .cn{
    font-size: 39px;
    color:#555555;
    font-weight: bold;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    padding-left: 3.5em;
    display: inline-block;
    background-color: #fff;
}
.g-title2 .info{
    font-size: 24px;
    color:#FFFFFF;
    line-height: 70px;
    padding:  0 46px;
    display: inline-block;
    background-color: #ec0005;
    position: absolute;
    left: 360px;
    bottom:42px;
}
.ul-list4{
    overflow: hidden;
    margin:0 -25px;
}
.ul-list4 li{
    width: 25%;
    float: left;
}
.ul-list4 li .con{
    margin:0 25px;
    overflow: hidden;
    text-align: center;
}
.ul-list4 li .icon{
    width: 76px;
    height: 76px;
    line-height: 74px;
    border:1px solid #f40001;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 7px;
}
.ul-list4 li .icon img{
    display: inline-block;
    vertical-align: middle;
    transition:all .3s;
}
.ul-list4 li:hover .icon img{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.ul-list4 li .txt{
    font-size: 14px;
    color:#8B8B8B;
}
.ul-list4 li .txt .tit{
    font-size: 16px;
    color:#000;
    margin-bottom: 7px;
}
/*eight pahg-news*/
.row-8{
    overflow: hidden;
    padding-top: 2vw;
    background-color: #f3f3f3;
}
.row-8 .info{
    text-align: center;
    font-size: 16px;
    color:#757575;
    margin-bottom: 34px;
    margin-top: 10px;
}
.ul-tab1{
    overflow: hidden;
    text-align: center;
    margin-bottom: 37px;
}
.ul-tab1 li{
    display: inline-block;
    font-size: 0;
    margin:0 15px;
}
.ul-tab1 li a{
    display: block;
    width:175px;
    height:45px;
    background-color: #fff;
    text-align: center;
    line-height: 43px;
    border:1px solid #dedede;
    font-size: 18px;
    color:#333333;
    transition:all .3s;
}
.ul-tab1 li.on a,
.ul-tab1 li:hover a{
    background-color: #ec0005;
    color:#fff;
    border-color: #ec0005;
}
.ul-list5{
    margin:0 -7px;
}
.ul-list5 li{
    width: 25%;
    float: left;
    padding-bottom: 3.59vw;
}
.ul-list5 li:hover .con{
    position: relative;
    margin-top:-25px;
}
.ul-list5 .con{
    display: block;
    margin:0 7px;
    transition:all .3s;
}
.ul-list5 .pic{
    position: relative;
    padding-top:75% ;
    overflow: hidden;
    height: 0;
}
.ul-list5 .pic img{
    display: block;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ul-list5 .txt{
    overflow: hidden;
    background-color: #fff;
    padding: 20px 30px 26px;
    box-shadow:2px 1px 0px 0px rgba(0, 0, 0, 0.04);
}
.ul-list5 .txt .tit{
    font-size: 16px;
    font-weight: bold;
    color:#333333;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-list5 .txt .desc{
    font-size: 14px;
    color:#888888;
    line-height: 1.57;
    height: 3.14em;
    overflow: hidden;
    margin-bottom: 16px;
}
.ul-list5 .more{
    font-size: 14px;
    color:#B1B1B1;
    background: url(../images/icon29.png) no-repeat right center;
}
/**footer**/
.footer{
    position: relative;
}
.js-top{
    position: absolute;
    top: -18px;
    left: 48%;
    cursor: pointer;
}
.footer .top{
    overflow: hidden;
    position: relative;
    padding-top: 72px;
    padding-bottom: 43px;
}
.footer .top::after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40%;
    background-color: #2e2e2e;
    z-index: -1;
}
.footer .top::before{
    content:'';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    /*background:url(../images/pic16.jpg) no-repeat;*/
        background:#222;
    background-size: cover;
    z-index: -1;
}
.footer .top .l{
    width: 37%;
}
.logo-ft{
    overflow: hidden;
}
.logo-ft .img{
    float: left;
    margin-right: 34px;
    height: 103px;
}
.footer .add{
    margin-bottom: 14px;
}
.logo-ft p{
    overflow: hidden;
    font-size: 36px;
    color:#777474;
    font-weight: bold;
    line-height: 103px;
}
.footer .add p{
    font-size: 18px;
    color:#FFFFFF;
    line-height: 40px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 38px;
}
.footer .add p:nth-child(1){
   background-image: url("/static/home/images/icon31.png");
}
.footer .add p:nth-child(2){
    background-image: url("/static/home/images/icon32.png");
 }
 
 .footer .add p:nth-child(3){
    background-image: url("/static/home/images/icon33.png");
 }
 


.footer .add span{
    color:#777;
    font-size: 24px;
    text-transform: uppercase;
}
.footer .add em{
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    font-weight: normal;
}
.footer .top .r{
    overflow: hidden;
    float: none;
    padding-top: 35px;
}
.g-form1{
    overflow: hidden;
    padding:0 73px ;
    /*width: 70%;*/
        width: 100%;
    float: left;
    position: relative;
}
.g-form1::after{
    content:'';
    display: block;
    position: absolute;
    bottom: 18%;
    width: 1px;
    height: 70%;
    right:0;
    background-color: #484848;
}
.g-form1 .item{
    overflow: hidden;
    margin-bottom: 15px;
}
.g-form1 .item .inp-box{
    width: 48%;
    float: left;
    margin-right: 4%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
}
.g-form1 .item .inp-box:last-child{
    margin-right: 0;
}
.g-form1 .item .inp{
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
}
.g-form1 .item .text{
    display: block;
    width: 100%;
    height: 78px;
    resize: none;
    padding: 10px;
    font-size: 14px;
}
.g-form1 .item .text::placeholder,
.g-form1 .item .inp::placeholder{
    color:#d3d1d0;
}
button{ border:none}
.g-form1  .sub{
    display: block;
    color:#fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: #ec0005;
	width:100%;
    cursor:pointer;
}
.g-form1  .sub img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.g-form1 .desc{
    font-size: 14px;
    color:#B4B4B4;
    text-align: right;
    margin-bottom: 17px;
}
.footer .qr{
    float: right;
    text-align: center;
    font-size: 14px;
    color:#B4B4B4;
    padding-top: 30px;
}
.footer .links{
    overflow: hidden;
    position: relative;
    line-height: 80px;
}
.footer .links::after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    /*background: url(../images/pic17.jpg) no-repeat;*/
 background:#222;
    background-size: cover;
    z-index: -1;
}
.footer .links::before{
    content:'';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    /*background-color: #ec0005;*/
        background-color: #222;
    z-index: -1;
}
.footer .links .name{
    float: left;
    width: 298px;
    /*font-size: 34px;*/
        font-size: 24px;
    color:#fff;
    padding-left: 50px;
    background: url(../images/icon34.png) no-repeat left center;
}
.footer .links .name span{
    /*font-size: 26px;*/
        font-size: 22px;
    color:#FF3030;
    margin-left: 10px;
}
.footer .links .link{
    overflow: hidden; 
    padding-left: 1vw;
}
.footer .links .link a,
.footer .links .link em{
    font-size: 14px;
    color:#FFFFFF;
}
.footer .links .link em{
    margin:0 1vw;
}
.footer .links .link em:last-child{
    margin-right: 0;
}
.footer .links .link a:hover{
    opacity:.5;
}
.copy,.copy a{
    font-size: 14px;
    color:#B4B4B4;
    line-height: 1.93;
}
.copy.phone{display: none;}



#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
.ul-list2 .con:hover .more{
    display: none;
}
@media only screen and (max-width: 1900px) {
    .header{padding-left: 20px;}
    .nav{float: none;}
    .header .t_left{margin-right: 15px;}
    .header .tel .phone{font-size: 16px;}
    .header .tel{width: 15%;}
    .row-7 .xian{left:7%;}
}


@media only screen and (max-width: 1600px){
.header .t_left .t_txt p:first-child{font-size: 20px;}
.header .t_left .t_txt p{font-size: 14px;}
.header .t_left .t_txt{padding-top: 33px;}
.nav li{padding: 50px 15px 0;}
.row-7 .hx{width: 38%;font-size: 80px;}
}
@media only screen and (max-width: 1360px){
  .header .tel .phone{font-size: 14px;}  
  .wp{width: 96%;}
  .header .t_left .t_txt{display: none;}
  .header .t_left i{display: none;}
  .nav{float: right;}
  .header .tel{width: 20%;}
  .nav li{padding: 50px 20px 0;}
  
  .logo img { height:60px;}
  
  .g-title2 .info{font-size: 15px;}
.row-7 .hx{bottom:11%;}
.g-title2{padding-top: 80px;}
.g-title2 .en{font-size: 24px;}
.g-title2 .cn{font-size: 24px;}
.row-7 .xian{left: 2%;}
/*.ul-list2 li{height: 500px;}*/


.ul-list2 li{height: 660px;}
.ul-list2 .con{
    padding-top:2vw;
}

.ul-list2 .icon{
    margin-bottom: 30px;
}
.ul-list2 .icon{
    height: auto !important;
}
}

@media only screen and (max-width: 1320px) {
	  .logo img { height:25px;}
	  .logo {    padding-top: 50px;}
}

@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
	 .header .xxx{display:block; float:left; line-height:50px; padding-left:10px; font-size:20px; font-weight:bold; color:#D00019}
    .header .tel{display: none;}
     body{padding-top: 50px;}
     .wp{width: auto;padding: 0 15px;}
     .header{height: 50px;}
    .logo{ padding-top:6px; width:auto;float: left;}
	.logo img {   height: 40px;}
    .header .top{display: none;}
    .header .bom{padding: 0;}
    .menuBtn{display: block;}
    .nav{
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: 100%;
        z-index: 99;
        overflow: hidden;
        transition:all .3s;
    }
    .nav.on{
        margin-left: 0;
    }
    .nav ul{
        width: 200px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 15px 0;
        background-color: #fff;
    }
    .nav .bg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    .nav li{float: none;padding: 0;height: auto;}
    .nav li.on a, .nav li:hover a{border-color: transparent;}
    .nav li i{display: block;float: right;width: 40px;height: 40px;background-position: center center;margin-left: 0;}
    .nav li a{line-height: 40px;padding-left: 10px;}
    .nav li .sub{position: static;}
    .ul-list3 .icon{width: 60px;height: 60px;line-height: 58px;}
    .ul-list3 .icon img{max-width: 50%;max-height: 50%;}
    .ul-list3 .tit{font-size: 14px;}
    .m-slider1 .l{display: none;}
	.product_left{ display:block; margin-bottom:15px;}
    .row-3 .pic{margin:0 5%;}
    .m-txtimg1 .l{width: auto;float: none;padding-left: 0;margin-right: 0;}
    .row-7 .xian,.row-7 .hx{display: none;}
    .m-txtimg1 .r{display: none;}
    .footer .top .l{width: auto;float: none;}
    .g-form1{width: 75%;padding-left: 0;padding-right: 15px;}
    .footer .top{background-color: #2e2e2e;}
    .footer .top::before,.footer .top::after,.footer .links::before,.footer .links::after{display: none;}
    .footer .qr{float: none;}
    .footer .links .name{display: none;}
    .footer .links{background-color: #ec0005;line-height: 45px;}
    .g-form1 .desc{text-align: center;}
    .footer .links .link{padding-left: 0;}
    .copy{display: none;background-color: #2e2e2e;text-align: center;line-height: 35px;}
    .copy.phone{display: block;}
    .g-tit{font-size: 22px;}
    .g-pictxt1 .txt .tit{font-size: 20px;}
    /*.ul-list2 li:hover .desc{height: 0;}*/
    .ul-list2 li:hover .icon{margin-bottom: 24px;}
    .ul-list2 li:hover .tit{margin-bottom: 24px;}
    .footer .top .r{padding-top: 0;}
    .row-3 .tit{margin:0 10% 10px;font-size: 14px;}
    .row-3 .tit p{margin-top: 0px;}
    .row-3 .tit img{margin-bottom: 5px;}
    .nav li .sub a{text-align: left;padding-left: 2em;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child{font-size: 24px;}
    .g-title2{margin-left: 20%;}
    .ul-list2 .icon img{
       width: 50px;
       height:  50px;
    }
}

@media only screen and (max-width: 959px) {
        .ys_class{margin-top:10px;border-left:1px solid #CCC;border-top:1px solid #CCC;}
    .ys_class .ys_a{width:33.33%;margin-left:0;border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:15px 0;}
    .ys_class .ys_a.on:before{content:none;}
    .ys_nr{margin-top:10px;}
    .ys_nr .ys_content{padding-top:0;}
    .ys_nr .ys_content .ys_c{margin-right:0;width:100%;border:15px solid rgba(255,255,255,.8);border-top-width:20px;border-bottom-width:10px;}
    .ys_nr .ys_content .ys_c .ys_icon{background:rgba(255,255,255,.8);}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p{background:rgba(255,255,255,.8);}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){color:#666;height:88px;}
    .ys_class .ys_a::after{bottom:42px;}
    .ys_nr .ys_content .ys_c .ys_icon{padding-top:36px;}
    .footer .links .link em{display: none;}
    .ul-list5 li{width: 50%;}
    .g-title2{margin-top: 0;padding-top: 0;}
    .ul-list3 li{width: 25%;text-align: center;margin-bottom: 20px;}
    .ul-list3 li::after{display: none;}
    .row-5{padding-bottom: 0;}
    .youshi{padding-top: 15px;}
    .ul-list2 .con{padding: 30px 0 0;}
    .ul-list2 .con{height: 300px;}
    .slider1 .pic .txt{top: 0;}
    .g-pictxt1 .pic{float: none;width: auto;height: auto;}
    .g-pictxt1 .pic img{margin:0 auto;}
    .g-pictxt1 .txt .tit{font-size: 18px;margin-bottom: 0px;}
    .logo-ft p{font-size: 24px;}
    .footer .add span{font-size: 14px;}
    .footer .top{padding: 50px 0 15px;}
    .ul-list2 li{height: 300px;}
    .ul-list2 .icon{margin-bottom: 0;height: 60px;line-height: 60px;text-align: center;}
    .ul-list2 .icon img{display: inline-block;vertical-align: middle;max-width: 50%;max-height: 50%;}
    .ul-list2 .tit .cn{font-size: 18px;}
    .row-8 .info{font-size: 14px;}
    .g-title2{margin-left: 10%;}
    /*修改*/
.ul-list2 li{ 
 width: 100%;
 
}
.ul-list2 .con {
    padding: 10px 0 0;
}
.ul-list2 .icon,.ul-list2 .tit .cn,.ul-list2 .tit .en{

    text-align: left;
}
.ul-list2 li {
    position:relative;
       height: auto;
      padding: 40px 15px;
      background-position: center;
background-image: none;
}
.ul-list2 li .con{
    position:static;
 
    height: auto;
    padding: 10px;
}
.ul-list2 li .desc{
    margin-bottom: 15px;

}
.ul-list2 .tit{
    margin-bottom: 30px;
}
.ul-list2 li .con  .icon{
    margin-bottom: 30px;
}
.ul-list2 li .con .more{
   position: absolute;
  right: 20px;
 top:50%;
 height: auto;
}

.ul-list2 li a:hover{
/*border-color:transparent!important;*/
}
.ul-list2 li .con:hover .desc{
    height: auto;
}
.ul-list2 li .con:hover .more{
    display: none;
}
.ul-list2 li .con:hover .tit,.ul-list2 li .con:hover .icon{
    margin-bottom: 10px !important;
}


}

@media only screen and (max-width: 767px) {
.g-title2{margin-left: 0;}
.g-tit{margin-top: 10px;}
.row-1{background: none;}
.ul-list1 li{width: auto;float: none;}
.ul-tab1 li{width: 33.333%;float: left;display: block;margin:0;}
.ul-tab1 li a{width: auto;margin:0 5px;font-size: 14px;}
.ul-list5 .txt{padding: 15px;}
.g-form1{width: auto;float: none;padding:0;}
.footer .links{line-height: 1.5;padding: 5px 0;background-color: #2e2e2e;}
.footer .links .link a{color:#B4B4B4;}
.copy{padding: 5px 0;}
.copy span,.copy a{display: block;line-height: 1.5;}
.footer .add p{font-size: 14px;padding-left: 30px;}
.footer .add em{font-size: 12px;}
.g-form1 .item{margin-bottom: 0;}
.g-form1 .sub{margin-top: 15px;cursor:pointer;}
.g-form1 .item .inp-box{width: auto;float: none;margin-right: 0;margin-bottom: 15px;}
/*.ul-list2 li{width: 50%;}*/
/**/
/*.ul-list2 li:last-child{ display:none}*/
/*修改*/
.ul-list2 li{ 
 width: 100%;
 
}
.ul-list2 .con {
    padding: 10px 0 0;
}
.ul-list2 .icon,.ul-list2 .tit .cn,.ul-list2 .tit .en{

    text-align: left;
}
.ul-list2 li {
    position:relative;
       height: auto;
      padding: 0 15px;
}
.ul-list2 li .con{
    position:static;
 
    height: auto;
}
.ul-list2 li .desc{
    margin-bottom: 15px;

}
.ul-list2 .tit{
    margin-bottom: 0;
}
.ul-list2 li .con .more{
   position: absolute;
  right: 20px;
 /*top:60px;*/
 height: auto;
}
.ul-list2 li .con  .icon{
    margin-bottom: 0px;
}
.ul-list2 li a:hover{
border-color:transparent!important;
}
.ul-list2 li .con:hover .desc{
    height: auto;
}
.ul-list2 li .con:hover .more{
    display: none;
}
.ul-list2 li .con:hover .tit,.ul-list2 li .con:hover .icon{
    margin-bottom: 10px !important;
}

.ys_class .ys_a{padding:8px 0;}
.ys_class .ys_a i{display:none;}
.ys_class .ys_a .ys_p p:first-child{display:none;}
.ys_class .ys_a .ys_p{margin-top:0;}
.ys_class .ys_a.on .ys_p p:last-child{color:#E32335;}
.ys_class .ys_a::after{display: none;}
.ys_class{overflow: hidden;}
.ul-list5 li{width: auto;float: none;}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child{font-size: 20px;}
.ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){height: auto;font-size: 14px;margin-bottom: 15px;margin-top: 10px;}
.ys_nr .ys_content .ys_c .more{width: auto;margin:0 10px;}
.ys_class .ys_a .ys_p p:last-child{margin-top: 0;}
.row-5 .top .l,.row-5 .top .r{float: none;}
.ul-list3 li{width: 33.333%;}
.g-title2 .about::after{display: none;}
.row-5 .top .r .icon{display: none;}
.row-5 .top .l{text-align: center;margin-bottom: 15px;}
.row-5 .top .l .tit{font-size: 20px;}
.row-5 .top .r .txt{text-align: center;}
.row-5 .top .r .txt p{display: inline-block;}
.slider1.swiper-container{padding-bottom: 60px;}
.g-title2 .about{padding-top: 0;text-align: center;}
.g-title2 .cn{font-size: 20px;padding-left: 0;}
.g-title2{padding-bottom: 15px;}
.m-txtimg1 .l .desc{margin-bottom: 20px;}
.ul-list4 li{width: 50%;margin-bottom: 10px;}
.g-pictxt1 .txt .desc{margin-bottom: 10px;}
.g-pictxt1 .txt{padding-bottom: 20px;}
#floatBottom{ display:block}

.footer{ padding-bottom:53px;}

}

/*电脑浮动*/
.izl-rmenu{position:fixed;right:0;bottom:56px;padding-bottom:10px;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#ff9c00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#ff9c00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#ff9c00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:-100%;display:none;width:160px;height:160px; max-width:initial}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#ff9c00;}
.izl-rmenu .btn-phone .phone{background-color:#ff9c00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*ztlist*/
.ztlist{padding:15px 0;background:#222;}
.ztlist span{color:#fff;height:26px;line-height:26px;}
.ztlist a{color:#FFF;margin-right:15px;display:inline-block;height:26px;line-height:26px;white-space:nowrap;}
