@charset "utf-8";

i,em{font-style: normal;}
body{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.pic{overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}

/*标题通用*/
.title{ text-align: center; line-height: 100%; padding-bottom: 2rem;}
.title a{ display: block; line-height: 100%; color: #333333;}
.title a i{ display: block; line-height: 100%; font-size: 2.4rem; letter-spacing:1px;}
.title a span{ display: block; line-height: 100%; font-size:18px;font-weight: normal; padding-top: 0.8rem; letter-spacing: 1px;}

.tit{font-weight: normal;line-height: 0;}
.tit span{line-height: 2.2rem;font-size: 2.2rem;color: #333333;font-weight: bold;display: block;}
.tit i{font-size: 1rem;color: #333333;line-height: 1rem;margin-top: 0.9rem;display: block;position: relative;font-weight: normal;}



.yz{height: 42.7rem;overflow: hidden;position: relative;background:url(../images/yz_bg.jpg) no-repeat center;background-size: cover; box-sizing: border-box; }
.yz dt{ float: left;width:47%;display: block;position: relative; padding-top: 4.6rem;}
.yz dt h4{position:relative;}
.yz dt h4 em{height: 5.2rem;background: url(../images/yz_h.png) no-repeat left bottom;background-size: 13.4rem 5.2rem;display: block; margin-bottom: 1rem; box-sizing: border-box; color: #333333; font-size: 2.4rem; line-height: 100%; padding-left: 6.75rem;}

.yz dt h4 i{ display: block; line-height: 100%;font-weight: normal; font-size: 1rem; color: #333333; position:relative;top:-30px;}
.yz dt .tit{position:absolute;left:0;top:6.8rem;}

.yz dt p{ padding-top: 0.6rem;  color: #666666; font-size: 16px; line-height: 1.5rem; border-bottom: 1px solid #d7d8d7; padding-right: 9%; margin-bottom: 2.5rem;}

 @media screen and (max-width:1581px) {             
.yz dt p{font-size:14px;}
}



.yz dt .more{ display: block;width: 168px;height: 48px;line-height: 48px;background:#f3981e;text-align: center;font-size: 14px;color: #ffffff;font-weight: normal;margin-top: 32px;transition: all 0.5s; }
.yz dt .more img{ display: inline-block;width: 25px;height: 23px;margin-left: 6px;transition: all 0.5s; vertical-align: -6px; }
.yz dt .more:hover{ transform:translateY(-5px); }
.yz dt .more:hover img{ margin-left: 12px; }
.yz dd{float: right; padding-top: 8rem; width: 53%;overflow:hidden;}
.yz dd img{ width: 100%;transition: all 0.3s linear 0s;}
.yz dl:hover dd img{transform: scale(1.1);}
.yz_sz{ overflow: hidden; height: 6.5rem;}
.yz_sz li{position: relative;display: inline-block;transition:all 0.5s;float: left; margin-right:3rem;}
.yz_sz li em{display:block;}
.yz_sz li b{display:inline-block;font-size: 2rem;font-family:Arial;font-weight:400;color:#37a0db;line-height: 100%;transition: all 0.5s;font-family: "Arial";}
.yz_sz li sup{display:inline-block;font-size: 0.75rem;color:#fff;transition: all 0.5s; background: #37a0db; width: 1.1rem; height: 1.1rem; border-radius: 50%;font-weight: bold; text-align: center; line-height: 1.1rem;}
.yz_sz li span{display:block;font-size: 0.9rem;color:#333333;line-height:100%; padding-top: 0.6rem;}
.yz_sz li:nth-of-type(2) sup{ font-size: 1rem;}


/**/
.hex{ overflow: hidden; padding: 3.5rem 0 4.1rem;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.hex h2 i{ font-size: 2.4rem;font-style: normal;display: block;color:#333;
    line-height: 100%;
    font-size: 2.4rem;
    letter-spacing: 1px;}

.hex h2 span {
    display: block;
    line-height: 100%;
    font-size: 18px;
    font-weight: normal;
    padding-top: 0.8rem;
    letter-spacing: 1px;
}

.hex ul li{ float: left; width: 47%;margin: 0 5% 0 0;}
.hex ul li:nth-of-type(2){ margin: 0 0;}
.hex ul li b{ display: block; overflow: hidden; font-size: 0; line-height: 0; margin-bottom: 1.9rem;}
.hex ul li b img{ width: 100%;transition: all 0.3s linear 0s;}
.hex ul li:hover b img{transform: scale(1.1);}
.hex ul li i a{ display: block; line-height: 2rem; font-size: 1.3rem; color: #333333;font-weight: bold;margin-bottom: 0.75rem;font-style: normal;}
.hex .tit{width: 1.9rem;height: 0.55rem;}

.hex ul li em{ display: block; height: 4.2rem; font-size:18px; color: #666666; line-height: 28px; margin-top: 0.9rem;}
.hex ul li strong a{ display: inline-block; width: 7.6rem; height: 2.2rem; line-height: 2.2rem; border: 1px solid #959595; border-radius: 2.1rem; text-align: center; font-size: 0.9rem; color: #333333;}
.hex ul li strong a:hover{background:#f3981e; color: #fff;border: 1px solid #f3981e;}

 @media screen and (max-width:1581px) {             
.hex ul li em{font-size:16px;line-height:24px;}



}


   
.so{height: 45.9rem;padding-top: 3.75rem;box-sizing: border-box;background: url(../images/so_bg.jpg) no-repeat center 0;background-size: 100% 45rem;overflow: hidden;}
.so h2{ padding-bottom: 2.4rem;}
.so_con{position: relative; height: 35rem;}
.so_con dt{display: block;width: 47.8rem;height: 35rem;top: 0;bottom: 0;right: -13rem;overflow: hidden; position: absolute;}
.so_con dt img{display: block;width: 47.8rem;height: 35rem; }
.so_con dd{height: 35rem;width: 30rem;}
.so_con dd h4 span{ display: block;font-size: 3rem;color: #333333;line-height: 3rem;font-family: Arial;opacity: 0.1;padding-top: 2rem; }
.so_con dd h4 i{ display: block;font-size: 1.5rem;color: #333333;line-height: 100%;font-weight: normal;padding-top: 0.5rem; }
.so_con dd p{ width: 27rem;font-size: 0.9rem;line-height: 1.4rem;color: #666666;margin-top: 0.8rem; }

.so_z{ width: 40rem;position: absolute;left:0;bottom: 3.35rem; }
.so_z li{ float: left;width: 10rem;height: 10.4rem;background: #37a0db;padding-left: 2.25rem;box-sizing: border-box;padding-top: 0.9rem; position: relative;}
.so_z li:before{ position: absolute; content: ""; width: 1px; height: 9rem; background: #5fb3e2; right: 0; top: 0.75rem;}
.so_z li:last-of-type:before{ background: none;}
.so_z li em{ display: block;position: relative;width: 4.3rem;height: 4.35rem; }
.so_z li em img:nth-child(1){ display: block;width: 4.3rem;height: 4.35rem;position: absolute;left:0px;top:0; z-index:15; }
.so_z li em img:nth-child(2){ display: none;z-index:5;transition: all 0.3s linear 0s;  }

.so_z li.cur{ padding-left: 0;height: 10.9rem;margin-top: -0.5rem;background: url(../images/so_df.png) no-repeat center; position: relative; }
.so_z li.cur:after{background: url(../images/san1.png) no-repeat center; width: 0.7rem;height: 0.5rem;left: -0.5rem; content: "";top: 0px;position: absolute;z-index: 50;}
.so_z li.cur:before{background: url(../images/san2.png) no-repeat center; width: 0.7rem;height: 0.5rem;right: -0.7rem; content: "";top: 0px;position: absolute;z-index: 50;}

.so_z li:first-child.cur:after{ background: 0; }
.so_z li:last-child.cur:before{ background: 0; }
.so_z li.cur em{margin: 0 auto;box-sizing: border-box; }
.so_z li.cur em img:nth-child(2){ display: block;width: 4.3rem;height: 4.3rem;margin: 0 auto;}
/*.so_z li.cur em img:nth-child(1){ display: none; }*/
.so_z li:hover em img:nth-child(1){opacity:.5; }
.so_z li:hover em img:nth-child(2)
{transform: rotate(360deg); }
.so_z li span{ display: block;font-size: 1rem;color: #fff;line-height: 1rem; padding-top: 1rem;}
.so_z li i{ display: block;font-size: 0.7rem;color: #fff;line-height: 0.7rem; padding-top: 0.4rem;opacity: 0.5;}
.so_z li.cur span,.so_z li.cur i{ text-align: center; }
.so_con{ position:relative;}
.so_con .zprev1 { position: absolute; display: block; width: 2.05rem; height: 2.05rem; cursor: pointer; left: 0;
    bottom: 15.85rem; }
.so_con .znext1 { position: absolute; display: block; width: 2.05rem; height: 2.05rem; cursor: pointer; left: 3.15rem;
    bottom: 15.85rem;}

.so_con .zprev1 img, .so_con .znext1 img{width: 2.05rem; height: 2.05rem;}



/**/
.case{padding-top: 80px;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; overflow:hidden;position: relative;background:#fff;}
.case:before{content:"";position: absolute;left: 0;right: 0;top: 206px;z-index: 1;height: 1px;background: #e7e5e5;}
.case h2{height:126px;padding-bottom:0;position:relative;z-index: 52;}
/*.case h2:before{content:"";position:absolute;width:34px;height:4px;background:#379fdb;left:50%;margin-left:-17px;top:124px;}*/

.c_list{ overflow: hidden;position: relative;z-index: 10;}
.c_list ul li{ padding-top:40px; height:126px; line-height: 126px; text-align: center; float: left; width: 14.2%; box-sizing: border-box;}
.c_list ul li a{ display: block; line-height: 100%; font-size: 20px; color: #333333;}
.c_list ul li span{ display: block; margin: 0 auto 0.4rem; height: 1.75rem; width: 2.15rem; overflow: hidden;}
.c_list ul li span img{ transition: all 0.2s;display: block;height: 1.75rem; width: 2.15rem;}
.c_list ul li:hover{background: url(../images/case.png)  no-repeat center 0;}
.c_list ul li:hover a{ color: #37a0db;}
.c_list ul li:hover span img:first-of-type{ margin-top: -1.75rem;}
.gccg_con{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.case_con dl{ float: left;width: 18.8rem;margin-right: 1.8rem; margin-bottom: 1.5rem;}
.case_con dt img{ display: block;width: 18.8rem;height: 10.55rem;}
.case_con dd h4{height: 2.75rem;line-height: 0.9rem;box-sizing: border-box;border-top: 1px solid #d2d2d2;font-size: 18px;color: #333;padding-top: 1.5rem; }
.case_con dd p{ display: block;font-size: 14px;color: #999999;line-height: 1.3rem;font-weight: normal; padding: 0.8rem 0 0; }

 @media screen and (max-width:1581px) {             




}






.gccg_l{position:relative}
.gccg_l dt{ display: block;width:59.6%;overflow: hidden;float: left; }
.gccg_l dt img{ display: block; width:100%;}
.gccg_l dd{ float:right;width: 40.4%;background:#37a0db url(../images/case_dd.jpg) no-repeat center;padding: 4.55rem 3.5rem 0;box-sizing: border-box; }
.gccg_l dd p{ display: block;font-size: 20px;line-height: 36px;color: #ffffff; margin-bottom:21px;}


.gc_tex{ overflow: hidden;height:20rem;}
.gc_tex p:nth-child(1),.gc_tex p:nth-child(2){font-size:24px;}

.gccg_l dd .btns:last-of-type{float: right;background:#fff; color: #37a0db;}
.mySwiper2 .swiper-slide{background:#37a0db}

.gccg_r{margin-top: 1.3rem;position: relative; }
.gccg_r li{position:relative;overflow:hidden; box-sizing: border-box; transition: all 0.2s;background:none;}
.gccg_r li img{width:100%;display:block;height:200px;}
.gccg_r li span{ display: block;background:#fff url(../images/case_jt.png) no-repeat right 18px;z-index: 30;height:48px;line-height:48px;border-bottom: 1px solid #dfdfdf; font-size: 18px; color: #333333;    padding-right: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center;}

 @media screen and (max-width:1581px) {             
.gccg_r li span{font-size:16px;}
.gccg_l dd p{font-size:16px;line-height:26px;}


}



.gccg_r .swiper-slide-thumb-active .pic{background: #f3981c; padding: 0.4rem; box-sizing: border-box; padding-bottom: 2px;}
.gccg_r .swiper-slide-thumb-active .pic span{ background: none; text-align: center; color: #fff; border-bottom: none;}


.gccg_con i{position:absolute;top: 3.75rem;z-index:993;display:block;width: 1.6rem;height: 1.6rem;text-align:center;opacity:1;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease;overflow:hidden;}
.gccg_con i img{display:block;width: 3.2rem;height: 1.6rem}
.gccg_con i.prev{left:- 2.65rem}
.gccg_con i.next{right: -2.5rem}
.gccg_con i:hover img{margin-left: -1.6rem;}



/*.g_cpxq{margin-bottom: 4.05rem;}*/
.g_cpxq .swiper {width: 100%;}
.g_cpxq .mySwiper2 {height: 100%;width: 100%;}
.g_cpxq .mySwiper .swiper-slide { width: 16.6%;height: 100%;}



.swiper-button-next, .swiper-rtl .swiper-button-prev {
            background:url(../images/anrjt.png) no-repeat;outline:none;
            background-size: 3.2rem 1.6rem;
        }
        
.swiper-button-prev, .swiper-rtl .swiper-button-next {
            background:url(../images/anljt.png) no-repeat;outline:none;
            background-size: 3.2rem 1.6rem;
        }

.case .swiper-button-next:hover,
.case .swiper-button-prev:hover{background-position: -1.6rem 0}



.g_cpxq .swiper-button-prev:after,
.g_cpxq .swiper-rtl .swiper-button-next:after {
 content: "";
}
.g_cpxq .swiper-button-next:after,
.g_cpxq .swiper-rtl .swiper-button-prev:after {
  content: "";
}


.case .swiper-button-prev,
.case .swiper-button-next{width: 1.6rem;height: 1.6rem;border-radius: 50%;}
.case .swiper-button-prev{left: -2.5rem;}
.case .swiper-button-next{right: -2.5rem;}
.case .gc-con{overflow:hidden;}
.case .swiper-button-prev,
.case .swiper-button-next{top:60%;}


.fwtit h2{ padding-bottom: 2rem;}
.fw_con{ position:relative;height:44.5rem;overflow:hidden;}
.fw_bg{width:100%;}
.fw_bg img{width:100%;display:block;}
.fw_con ul{position:absolute;left:0;top:0;width:100%;}
.fw_con li{ float: left;width:20.7%;height: 45rem; border-right: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;padding-top:366px;position: relative;transition: all 0.25s; text-align: center;}
.fw_con li:last-child{ border-right: 0; }
.fw_con li img{width: 100%;}
.fw_con li strong{ font-size: 0; line-height: 0; overflow: hidden; display: block; padding-bottom: 0; }
.fw_con li strong img:nth-child(1){ display: none;}
.fw_con li strong img:nth-child(2){width: 4.35rem; height: 4.5rem;display:block; position:relative; margin:0 auto 1rem;}
.fw_con li strong img:nth-child(2):before{content: ""; position: absolute;width: 1rem;height: 0.2rem;background: #f3981c;left: 1.6rem;bottom: 0;}


.fw_con li em{ opacity: 0;}
.fw_con li .btns{ opacity: 0;margin-top:30px;}
.fw_con li b{ display: block; color: #fff; line-height: 100%; font-weight: normal; font-size: 1.2rem; letter-spacing: 1px;margin-top: 0.1rem;}
.fw_con li b span{ display: none;}
.fw_con li b i{ display: block; padding-bottom: 0.25rem;position:relative; padding-top: 1rem;}
.fw_con li b i:before{content:""; position:absolute;width: 1rem;height: 0.2rem;background: #f3981c;left: 50%;top: 0; margin-left: -0.5rem;}

.quan{width: 4.35rem;height: 4.5rem;position: relative;margin: 0 auto; display:none;}
.quan img{position:absolute;left:0;top:0;}
.quan img:nth-child(1){display:block !important; z-index:200;}
     
.fw_con li.cur{ width: 37.9%;height: 45rem; background: rgba(55,160,219,0.8); padding-top: 0; text-align: left;}
.fw_con li.cur strong img:first-of-type{ display: block;}
.fw_con li.cur strong img:nth-child(2){opacity:0;}
.fw_con li.cur b i{ display: inline-block; padding-bottom: 0;}
.fw_con li.cur b i:before{display:none;}
.fw_con li.cur b{ padding-left: 5%; font-size: 1.4rem;font-weight: bold;}
.fw_con li.cur b span{ display: block; line-height: 100%; font-size: 0.7rem; color:#b7d0e4; font-family: Arial;font-weight: normal; padding: 0.6rem 0 1.2rem 0;}
.fw_con li.cur em{ opacity: 1; height: 4.5rem; color: #fff; font-size: 0.8rem; line-height: 1.5rem; padding: 0 5%; box-sizing: border-box; display: block;overflow:hidden;}
.fw_con li.cur .btns{ opacity: 1; margin-left: 5%;}

 .jgms {}
    
    .jgms dl {
        background-image: linear-gradient(45deg, #003e91, #269be1);
        color: #fff;
        padding: 30px;
        margin-bottom: 30px;
        height: 82px;
    }
    
    .jgms dl dt {
        float: left;
        width: 164px;
    }
    
    .jgms dl dt h3 {
        font-size: 24px;
        margin-right: 30px;
        line-height: 86px;
        position: relative;
        letter-spacing: 1px;
    }
    
    .jgms dl dt h3:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 40px;
        background: #ffff;
        right: 0;
        top: 20px;
    }
    
    .jgms dl dd {
        width: 1050px;
        float: right;
		top: 30px;
    }
    
    .jgms dl dd p {
        font-size: 20px;color:#fff;margin-top: 20px;
    }

	.jgms dl dd p span{
        margin-left:30px;
    }
    
    .jgms dl.er {
        background-image: linear-gradient(45deg, #003e91, #269be1);
        color: #fff;
    }







.ys{ padding: 4.1rem 0 5.25rem;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; overflow: hidden; }
.ys h2{padding-bottom: 1.5rem;}
.ys_bd{ position: relative; }
.ys_con dl{ box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.2); }
.ys_con dt{ display: block;width: 53.5%;overflow: hidden;float: left; }
.ys_con dt img{ display: block;width: 100%;}
.ys_con dd{ float:right;width:44%;background: #fff; padding-top: 2.5rem;padding-left: 2.5%;}
.ys_con dd h4{ display: block;font-size: 1.2rem;line-height:100%;color: #333333; }
.ys_con dd p{ display: block;font-size: 14px;line-height:100%;color: #666666;margin-top: 1.65rem; overflow: hidden; height: 11.95rem;}
.ys_con dd p span{text-transform: uppercase; display: inline-block; float: left; margin-bottom: 0.5rem; width: 14.5rem;text-overflow: ellipsis; white-space: nowrap; padding-left: 0.5rem; box-sizing:border-box; position: relative;}
.ys_con dd{position:relative; text-transform: uppercase;}
.ys_con dd p span:before{ position: absolute; left: 0; top: 0.4rem; content: ""; background: #747474; width: 2px; height: 2px; border-radius: 2px;}
.ys_con .btns{position:absolute;right: 1.15rem;top: 15.5rem;}


 @media screen and (max-width:1581px) {             

.ys_con dd p{font-size:12px;}

}



.ys_con .zprev{ position: absolute;display: block;width: 2.05rem;height: 2.05rem;cursor: pointer;left: -3.55rem;bottom: 9.85rem; overflow:hidden; }
.ys_con .znext{ position: absolute;display: block;width: 2.05rem;height: 2.05rem;cursor: pointer;right: -3.55rem;bottom: 9.85rem; overflow:hidden; }

.ys_con .zprev img,.ys_con .znext img{width: 4.1rem;display:block;}
.ys_con .zprev:hover img,.ys_con .znext:hover img{margin-left: -2.05rem;}



.ys_z li{ float: left;width: 30%;height: 5.75rem;padding: 1.6rem 0 0 6.6rem;box-sizing: border-box;background: #eee;font-size: 20px;line-height:100%;color: #333333;  margin-top: 2.55rem; border-radius: 5.2rem; position: relative;}
.ys_z li span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; color: #adadad; padding-top: 0.6rem;}
.ys_z li:nth-of-type(2){ margin: 2.55rem 5% 0; }
.ys_z li b{position: absolute;left: 0; top: 0;width: 6rem;font-size: 0; line-height: 0; overflow: hidden;}
.ys_z li b img{ display: block;width: 100%;border-radius: 100px; border: 0.2rem solid #fff;box-sizing: border-box;}
.ys_z li.cur{ background: #fff;box-shadow: 0px 0px 1.45rem 0px rgba(0, 0, 0, 0.15); }
.ys_z li.cur b img{border: 0.2rem solid #37a0db;}

 @media screen and (max-width:1581px) {             
.ys_z li{font-size:18px;}
.ys_z li span{font-size:12px;}


}





/**/
.us{ background: #f7f7f7; overflow: hidden; padding-top: 3.85rem; height: 35rem;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto 0;}
.us h2{ padding-bottom: 1.55rem;}
.us_l{ width: 37%;}
.us_l h4{font-weight: normal;}
.us_l h4 a{background:#f3981e;}
.us_l h4 a:hover{background:#f3981e;}
.us_b{ height: 18rem; border-right: 1px solid #dbdbdb; margin-bottom: 3.5rem;}
.us_l ul li{ border-bottom: 1px dashed #dbdbdb; height: 4.25rem; line-height: 4.25rem; clear: both; margin-right: 2.3rem;position: relative;}
.us_l ul li a{display: block;height: 4.25rem;font-size: 16px; color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.us_l ul li a span{ display: inline-block; float: right; font-size: 0.9rem;}
.us_l ul li:hover a{ color: #f3981e;}
.us_l ul li:hover:before{ position: absolute; content: ""; right:-0.6rem; top: 0.2rem; width: 0.15rem; height: 3.65rem; background: #f3981e;}

 @media screen and (max-width:1581px) {             

.us_l ul li:hover:before{top:0.6rem;}

}




.us_r{overflow: hidden; width: 62%; font-size: 0; line-height: 0;}
.us_r p{ float: left; width:100%;}
.us_r p em{ display: block; height: 30rem; position: relative; margin-bottom: 0.35rem;overflow:hidden;}
.us_r p em img{display:block;transition: all 0.3s linear 0s;width:100%;}
.us_r p em:hover img{transform: scale(1.1);}

 @media screen and (max-width:1581px) {             
.us_l ul li a{font-size:14px;}
.us_r p em span{font-size:14px;}
}



/**/
.news{ overflow: hidden; padding: 3.9rem 0;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}

.news dl{ float: left; width: 31.8%; margin-right: 2%; background: #eee;  margin-bottom: 2.1rem;}
.news dl dt{ font-size: 0; line-height: 0; overflow: hidden; width: 100%;}
.news dl dt img{transition: all 0.3s linear 0s;display:block;width:100%;height:300px;}
.news dl:hover dt img{transform: scale(1.1);}
.news dl dd{ margin: 0 1.25rem;padding: 1.5rem 0;height: 7.8rem;box-sizing:border-box;}
.news dl dd i{ display: block; line-height: 100%; color: #a2a2a2; font-size: 0.7rem; margin-top: 0.55rem;}
.news dl dd a{ display: inline-block; font-size: 18px; color: #333333; line-height:30px;}

 @media screen and (max-width:1581px) {             
.news dl dd a{ font-size: 16px; line-height: 24px;}



}


.news .n_r{ width: 25rem;  background: #eee; height: 26rem; margin-bottom: 2.1rem; padding-top: 1.05rem;}
.n_r ul li{ margin: 0 1.8rem 0.8rem; overflow: hidden; border-bottom: 1px solid #dcdcdc; padding-bottom: 0.55rem;}
.n_r ul li i{ display: block; line-height: 100%; color: #a2a2a2; font-size: 0.7rem; margin-bottom: 5px;}
.n_r ul li em{ display: block; font-size: 0.8rem; color: #333333; line-height: 1.3rem;}
.n_r ul li:last-of-type{ border-bottom: none;}
.n_r ul li:hover em,.news dl dd a:hover{ color: #f3981e;}

.news h4{ text-align: center;}
.news h4 a{ display: inline-block; width: 7.7rem;height:46px; box-sizing: border-box; line-height: 46px; border-radius: 2rem; text-align: center; border: 1px solid #959595; position: relative; font-size:18px; color: #333333;font-weight: normal;}
.news h4 a span{ display: inline-block;position: relative;}
.news h4 a:before{ position: absolute; content: ""; left: -1px; top: -1px;height:46px; width:0; transition: all 0.2s; background: #f3981e; border-radius: 2.25rem;}
.news h4 a:hover:before{ width: 7.8rem;}
.news h4 a:hover span{ color: #fff;}
.news h4 a:hover{ border:1px solid #f3981e;}


 @media screen and (max-width:1581px) {             
.news h4 a{height:38px; line-height:38px;font-size:16px;}
.news h4 a:before{height:38px; }


}





.abt{background: url(../images/abt.jpg) no-repeat center 0;background-size: 100% 40.75rem; height: 40.75rem; box-sizing: border-box; padding-top: 4.35rem;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.abt h2{ text-align: center; line-height: 100%; padding-bottom: 0;}
.abt h2 a{ display: block; line-height: 100%; color: #fff;}
.abt h2 a i{ display: block; line-height: 100%; font-size: 2.4rem; letter-spacing: 4px;}
.abt h2 a span{ display: block; line-height: 100%; font-size: 18px; letter-spacing:2px;font-weight: normal; padding-top: 1rem;}
.abt p{ text-align: center; padding-top: 2.85rem;}

.btns{ display: inline-block;background:#f3981e; padding: 0 2.5rem; border-radius: 2.25rem; line-height:46px; text-align: left; font-size:18px; color: #fff; transition: all 0.2s;}
.btns:hover{ background:#f3981e; letter-spacing: 0.2rem;}

 @media screen and (max-width:1581px) {             

.btns{height:38px;line-height:38px;font-size:16px;}


}





.case3{padding-top: 3.2rem;box-sizing: border-box;background: url(../images/so_bg.jpg) no-repeat center 0; background-size: 100% 100%; overflow: hidden;box-sizing: border-box; min-width: 1200px; max-width: 1920px;  margin:0 auto;}

.case3 h2{height: 7rem;padding-bottom: 0;}
.case3 h2 a i{font-size: 2.4rem;}

.m_cpxq3 dt{float: right;width: 50%;}
.m_cpxq3 dt img{width: 100%;display: block;}
.m_cpxq3 dd{float: left;width: 50%;padding: 2.2rem 4% 0 13.5%;box-sizing: border-box;border-top:1px solid #d8d8d8;}
.m_cpxq3 dd h4{height: 6.2rem;}
.m_cpxq3 dd h4 span{ display: block;font-size: 3rem;color: #333333;line-height: 3rem;font-family: Arial;opacity: 0.1; line-height:3rem;}
.m_cpxq3 dd h4 i{ display: block;font-size: 1.5rem;color: #333333;line-height: 100%;font-weight: normal;padding-top: 10px; }
.m_cpxq3 dd p{font-size:16px;line-height:26px;color: #666666;margin-top: 0.5rem; }
 @media screen and (max-width:1581px) {             
.m_cpxq3 dd p{font-size:14px;line-height:18px;}

}



.gc-con3{ width: 45rem;position: absolute;left:13.5%;bottom:3.3rem; }
.gc-con3 li{ float: left;width: 100%;height: 10.4rem;background: #37a0db;padding-left: 25%;box-sizing: border-box;padding-top: 1rem; position: relative;}
.gc-con3 li:before{ position: absolute; content: ""; width: 1px; height:9rem; background: rgba(255,255,255,.2); right: 0; top: 0.7rem;z-index: 111;}
.gc-con3 li:nth-child(4):before{ background: none;}
.gc-con3 li em{ display: block;position: relative;width: 4.3rem;height: 4.35rem; }
.gc-con3 li em img:nth-child(1){ display: block;width:4.3rem;height: 4.35rem;position: absolute;left:0px;top:0; z-index:15; }
.gc-con3 li em img:nth-child(2){ display: none;z-index:5;transition: all 0.3s linear 0s;  }
.gc-con3 .swiper-slide-thumb-active{ padding-left: 0;height: 10.9rem;margin-top: -0.5rem;background: url(../images/so_df.png) no-repeat center; position: relative; }
.gc-con3 .swiper-slide-thumb-active li{padding-left: 0;background: none;}
.gc-con3 .swiper-slide-thumb-active:after{background: url(../images/san1.png) no-repeat center; width: 0.7rem;height: 0.5rem;left:-0.5rem; content: "";top:0px;position: absolute;z-index: 50;}
.gc-con3 .swiper-slide-thumb-active:before{background: url(../images/san2.png) no-repeat center; width: 0.7rem;height: 0.5rem;right:-0.7rem; content: "";top:0px;position: absolute;z-index: 50;}
.gc-con3 .swiper-slide-thumb-active:first-child:after{ background: 0; }
.gc-con3 .swiper-slide-thumb-active:last-child:before{ background: 0; }
.gc-con3 .swiper-slide-thumb-active em{margin: 0 auto;box-sizing: border-box; }
.gc-con3 .swiper-slide-thumb-active em img:nth-child(2){ display: block;width:4.3rem;height: 4.3rem;margin: 0 auto;}
.gc-con3 li:hover em img:nth-child(1){opacity:.5; }
.gc-con3 li:hover em img:nth-child(2)
{transform: rotate(360deg); }
.gc-con3 li span{ display: block;font-size:20px;color: #fff;line-height: 1rem; padding-top: 1rem;}
.gc-con3 li i{ display: block;font-size:14px;color: #fff;line-height: 0.7rem; padding-top: 8px;opacity: 0.5;}
.gc-con3 .swiper-slide-thumb-active span,.gc-con3 .swiper-slide-thumb-active i{ text-align: center; }

.case3 .swiper-button-prev { position: absolute; display: block; width: 2.2rem; height: 2.2rem; cursor: pointer; left: 0;
    bottom: 12rem; background: none;}
.case3 .swiper-button-next { position: absolute; display: block; width: 2.2rem; height: 2.2rem; cursor: pointer;   left: 3.1rem;
    bottom: 12rem;background: none;}
.case3 .swiper-button-prev img,.case3 .swiper-button-next img{width: 100%;display: block;}

 @media screen and (max-width:1581px) {             
.gc-con3 li span{font-size:18px;}
.gc-con3 li i{font-size:12px;}


}














@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}










@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }