@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left}
.fr{float:right}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1300px;margin:0 auto}
.content1{width:1300px;margin:0 auto}
.pic{width:100%;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}
body{width:100%;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}
.content{width:1300px;margin:0 auto}
input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}


.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{width:13px;height:13px;background:rgba(255,255,255,1);display:inline-block;margin:0 7px;border-radius:13px}
.ban_pg i.on{background:rgba(209,48,48,0.88);width: 48px;}
.banner .prev{position: absolute;font-size: 0;left: 5%;opacity: 1;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 5%;opacity: 1;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}



.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit b{display: block;font-size: 40px;color: #333;line-height: 40px;height: 40px;}
.tit i{display: inline-block;font-size: 20px;color: #6e6e6e;line-height: 20px;margin-top: 18px;position: relative;}
.tit i:before{position: absolute;width: 17px;height: 15px;content: "";background: url(https://www.luolin.com/Html/images/tit1.png) no-repeat center;left: -30px;top: 3px;}
.tit i:after{position: absolute;width: 17px;height: 15px;content: "";background: url(https://www.luolin.com/Html/images/tit2.png) no-repeat center;right: -30px;top: 3px;}

.lc{ padding-top: 30px; }
.lc_con{ height: 700px;/*background: url(../images/bb2.jpg) no-repeat center ;*/margin-top: 40px; background-size:100% }
.lc_con ul{ display:flex; justify-content:  space-between }
.lc_con li{ float: left;flex:1;border-right: 1px solid #fff;box-sizing: border-box;height: 700px;padding-top: 126px;box-sizing: border-box; padding-left: 0px;position: relative;z-index: 10;}
.hy3 p i{ width:100%!important}

.lc_con li p i{ width:100%;}
.lc_con li p { display:flex; flex-wrap:  wrap ;padding:0 30px;}



.lc_con li em{ display: block;width: 50px;height: 50px;margin:0 auto 64px;overflow: hidden;position: relative;z-index: 30; }
.lc_con li em img{ display: block; width: 50px;height: 50px;}
.lc_con li span a{ display: block;font-size: 16px;line-height: 36px;padding-top: 18px;    text-align: center;padding-left: 8px;color: #333;padding-right: 10px;height: 160px; position: relative;z-index: 30; font-family:Barlow-Regular}
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
.lc_con li:nth-child(2) span a{ padding-right: 45px; }
.lc_con li span strong{ display: block; font-size:22px; font-weight:normal}
.lc_con li span b{ float: right;font-size: 26px;color: #fbb724;background: url(../images/lc_line.png) no-repeat left top;padding-left: 32px;padding-top: 14px;margin-top: 22px;line-height: 20px; }
.lc_con li p i a{ display: block;font-size: 17px;line-height: 33px;color: #000;padding-left: 10px;box-sizing: border-box;position: relative; }

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.lc_con li p i a{ display: block;font-size: 15px; }

}

.lc_con li p i a:after{ position: absolute;left:0;top:12px;width: 4px;height: 4px;border-radius: 2px;content: ""; }
.lc_con li:before{ width:100%;height: 0;background: rgba(81,158,207,0.8);left:0;top:0;content: "";position: absolute; transition: all 0.5s;}
.lc_con li.cur em img:nth-child(1){ margin-top: -50px;}
.lc_con li.cur span a,.lc_con li.cur span strong,.lc_con li.cur p i a{color: #fff;  }
.lc_con li.cur p i a:after{ background: #fff; }
.lc_con li.cur span b{background: url(../images/lc_lineh.png) no-repeat left top;  }
.lc_con li.cur:before{height: 700px;}
.lc_con li.cur:after{ background: url(https://www.luolin.com/Html/images/lc_ddh.png) no-repeat;position: absolute;left:0;bottom:0; width: 240px;height: 15px;content: "";z-index: 10;}


.lc_con li.cur  a  .more{ display:block!important}

.lc_con li span a .more{ display:none!important}








.pt{  height: 600px;background: url(https://www.luolin.com/Html/images/pt_bg.jpg) no-repeat center;padding-top: 100px;box-sizing: border-box; width:100%; margin:0 auto}
.pt_t{position: relative;margin-top: 35px;height: 382px;}
.pt_t li{display: table;position: absolute;border-radius: 50%;text-align: center;transition: all .15s linear;font-size: 18px;color: #fff;}
.pt_t li:after{display: none;position: absolute;width: 112%;height: 112%;left: -6%;top: -6%;content: "";background: rgba(65, 106, 186, 0.2);border-radius: 50%;z-index: -1;}
.pt .tit{ margin-bottom:50px}


.pt_t li.cur:after{display: block;animation: living 1s linear infinite;}
@keyframes living {
    0%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(1);
    }
}
.pt_t li:nth-of-type(1){width: 155px;height: 155px;top: 96px;left:0;background: url(https://www.luolin.com/Html/images/pt1.png) no-repeat center;line-height: 155px;}
.pt_t li:nth-of-type(2){width: 167px;height: 167px;top: 10px;left: 254px;background: url(https://www.luolin.com/Html/images/pt2.png) no-repeat center;line-height: 167px;}
.pt_t li:nth-of-type(3){width: 126px;height: 126px;top: 193px;left: 321px;background: url(https://www.luolin.com/Html/images/pt3.png) no-repeat center;line-height: 126px;}
.pt_t li:nth-of-type(4){width: 203px;height: 203px;top: 0;left: 522px;background: url(https://www.luolin.com/Html/images/pt4.png) no-repeat center;line-height: 203px;}
.pt_t li:nth-of-type(5){width: 146px;height: 146px;top: 190px;left: 700px;background: url(https://www.luolin.com/Html/images/pt5.png) no-repeat center;line-height: 146px;}
.pt_t li:nth-of-type(6){width: 148px;height: 148px;top: 42px;right: 222px;background: url(https://www.luolin.com/Html/images/pt6.png) no-repeat center;line-height: 148px;}
.pt_t li:nth-of-type(7){width: 141px;height: 141px;top: 86px;right: 0;background: url(https://www.luolin.com/Html/images/pt7.png) no-repeat center;line-height: 141px;}
.pt_con li{ float: left;width:382px; margin-right: 27px; position:relative;}
.pt_con li:last-child{ margin-right: 0; }
.pt_t li a{ color:#fff;display:block;width:100%;height:100%;}
.pt_con li i{ position: relative;display: block; width:382px; height: 213px;border-radius: 16px;}
.pt_con li i>img{display: block; width:382px; height: 213px;}
.pt_con li span{ display: block;position: absolute;width: 208px;height: 55px;right: 0;bottom:0;background: url(../images/pt_s.png) no-repeat center;content: "";border-radius: 0 0 16px 0;padding-left: 66px;box-sizing: border-box; line-height: 55px;font-size: 24px;color: #fff;}
.pt_con li span>img{ display: inline-block;width: 19px;height: 23px;vertical-align: -3px;margin-right: 12px;}
.pt_con li em{ display: block;height: 75px;padding-top: 12px;font-size: 19px;color: #333333;line-height: 44px; box-sizing: border-box;}
.pt_con li.cur em{ background: url(https://www.luolin.com/Html/images/pt_line.png) no-repeat left bottom; color: #254e87; font-size:19px}


.pt_con li:nth-child(2) span{ display: block;position: absolute;width: 235px;height: 55px;right: 0;bottom:0;background: url(../images/pt_s1.png) no-repeat center;content: "";border-radius: 0 0 16px 0;padding-left: 44px;box-sizing: border-box; line-height: 55px;font-size: 24px;color: #fff;}



.pro{  height: 707px;background: url(https://www.luolin.com/Html/images/pro_bg.jpg) no-repeat center;padding-top: 50px;box-sizing: border-box;}
.pro .tit b,.pro .tit i{ color: #fff; }
.pro .tit i:before,.pro .tit i:after{ background: url(https://www.luolin.com/Html/images/tit3.png) no-repeat center; }
.pro ul{ margin-top: 58px; }
.pro ul li{ float: left;width: 370px;margin-right: 45px;height: 480px;padding: 45px 40px 0;box-sizing: border-box; background: #fff;border-radius: 12px;}
.pro ul li:last-child{ margin-right: 0; }
.pro ul li span{ height: 36px;border-bottom: 1px solid #fbb724;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 35px; display: block;line-height: 20px;}
.pro ul li span>img{ display: block;width: 26px;height: 26px;float: right; }
.pro ul li i{ display: block;width: 290px;height: 326px;overflow: hidden; }
.pro ul li i img{ display: block;width: 290px;height: 326px; }



.case{ padding: 50px 0;background: #f2f6fd; }
.case_con{ position: relative;margin-bottom: 28px;margin-top: 40px;}
.case_l{ float: left;position: relative;box-shadow: 0px 8px 16px 0px rgba(7, 54, 157, 0.12);border-radius: 16px; }
.case_l dt{width: 768px;height: 206px; border-radius:16px 16px 0 0;position:relative;}
.case_l dt img{width: 768px;height: 206px; border-radius:16px 16px 0 0;display:block; }
.case_l dt em{ position:absolute;padding-left: 50px;padding-top: 125px;box-sizing: border-box;font-size: 26px;line-height: 30px;color: #fff;font-weight: bold;display: block;text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);left:0;top:0;}
.case_l dd{ width: 768px;height: 284px;background: #FFFFFF;border-radius: 0px 0px 16px 16px;padding: 42px 70px 0 60px;box-sizing: border-box; }
.case_l dd p{ font-size: 16px;line-height: 24px;color: #666;height: 80px; }
.case_l dd ul{ float: left;width: 420px; }
.case_l dd ul li{ position: relative;font-size: 16px;color: #333333;line-height: 32px;padding-left: 12px; }
.case_l dd ul li:after{ position: absolute;left:0;top:15px;width: 3px;height: 3px;background: #fbb724;content: ""; }
.case_l dd .more{ display: block;  font-size: 16px; color: #fbb724;text-align:center;width: 150px;height: 40px;border-radius: 20px;line-height: 38px;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #fbb724;box-sizing: border-box;float: right;margin-top: 40px;}
.case_l dd  .more img{display: inline-block; margin-left: 12px; width: 27px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 12px;vertical-align: -1px;}
.case_l dd  .more:hover img{margin-left: 8px;}
.case_l .next,.case_l .prev{position:absolute;width:14px;height:24px;cursor:pointer;top:128px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2}
.case_l .prev{left:650px}
.case_l .next{left:740px;}
.case_l .pageState {z-index: 1;position: absolute;left:680px;top: 128px;cursor: pointer;color: #fff;font-size: 24px;line-height: 24px;font-family: Arial;}
.case_l .pageState span:nth-child(1){ font-size: 36px; }

.case_r{ width: 404px;height: 489px;background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(7, 54, 157, 0.12);border-radius: 16px;padding: 22px 22px 0;box-sizing: border-box;float: right; }
.case_r ul{ width:360px;height:90px;}
.case_r li{ float: left;width:180px;height: 90px;overflow: hidden; }
.case_r li:nth-child(2n){ float: right; }
.case_r li img{ display: block;width:180px;height: 90px; }

.case_s{ display: none;width: 1300px;height: 400px;background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(7, 54, 157, 0.12);border-radius: 16px; padding-top: 65px;box-sizing: border-box;}
.case_s h2{font-weight: bold;text-align: center;font-size: 0;}
.case_s h2 i{display: inline-block;font-size: 26px;color: #333333;line-height: 26px;position: relative;}
.case_s h2 i:before{position: absolute;width: 240px;height: 12px;content: "";background: url(https://www.luolin.com/Html/images/zc_tit1.png) no-repeat center;left: -254px;top: 8px;}
.case_s h2 i:after{position: absolute;width: 240px;height: 12px;content: "";background: url(https://www.luolin.com/Html/images/zc_tit2.png) no-repeat center;right: -254px;top: 8px;}
.case_s ul{ margin-top: 35px;background: url(https://www.luolin.com/Html/images/zc_dd.jpg) no-repeat center;height: 210px; }
.case_s ul li{height: 56px;line-height: 56px;margin-bottom: 21px;}
.case_s ul li:last-child{ margin-bottom: 0; }
.case_s ul li b{ float: left;width: 181px;padding-left: 44px;box-sizing: border-box;font-size: 20px;color: #333333;line-height: 56px; }
.case_s ul li em{ float: left;width: 294px;box-sizing: border-box;font-size: 16px;color: #fff;line-height: 56px; margin-right: 18px;text-align:center;font-weight: bold;}
.case_s ul li:first-child em{color: #333;}

.abt{ padding-top: 50px; }
.abt dl{ margin-top: 40px;height: 340px;background: url(https://www.luolin.com/Html/images/abt_dd.jpg) no-repeat center; }
.abt dt{ float: left;width: 550px;padding-left: 69px;box-sizing: border-box;font-size: 30px;font-weight: bold;color: #FCFBFB;line-height: 58px;opacity: 0.9;padding-top: 156px; }
.abt dt em{ display: block;margin-left: 154px; }
.abt dd{ float: right;width: 650px;padding-top: 76px; }
.abt dd h4{ display: block;font-weight: bold;font-size: 24px;color: #FCFBFB;line-height: 24px;height: 80px; }
.abt dd h4 span{ display: block;font-size: 14px;color: #FCFBFB;line-height: 14px;opacity: 0.3; padding-top: 8px;text-transform: uppercase;font-weight: normal;}
.abt dd p{ padding:10px 30px 0 0;font-size: 16px;color: #ffffff;line-height: 28px; }
.zs{ height: 656px;padding-top: 66px;box-sizing: border-box;background: #f2f6fd;border-radius: 0 0 16px 16px; }
.zs h2{text-align: center;font-size: 0; margin-bottom:60px}
.zs h2 i{display: inline-block;font-size: 40px;color: #333333;line-height: 26px;position: relative;}
.zs h2 i:before{position: absolute;width: 240px;height: 12px;content: "";background: url(https://www.luolin.com/Html/images/zc_tit1.png) no-repeat center;left: -254px;top: 8px;}
.zs h2 i:after{position: absolute;width: 240px;height: 12px;content: "";background: url(https://www.luolin.com/Html/images/zc_tit2.png) no-repeat center;right: -254px;top: 8px;}
.zs_con{ margin: 36px 60px 0; } 
.zs_qie{ position: relative; }
.zs_con .tempWrap{ width: 1180px!important; }
.zs_con li{ float: left;width: 248px;margin-right: 29px; }
.zs_con li i{ display: block;width: 248px;height: 386px;overflow: hidden;  }
.zs_con li i img{ display: block;width: 248px;height: 386px;}
.zs_con li span{ display: block;font-size: 16px;color: #333;line-height: 24px;text-align: center;padding-top: 12px; }
.zs_con .snext,.zs_con .sprev{position:absolute;width:55px;height:54px;cursor:pointer;top:126px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2;cursor: pointer;}
.zs_con .sprev{left:-88px;}
.zs_con .snext{right:-88px;}







@-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 }










.about-three {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 700px; */
    background-attachment: fixed;
}
.wrap {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}
.contact-tit {
    font-size: 42px;
    line-height: 50px;
    color: #222;
    text-align: center;
    position: relative;
    padding-bottom: 19px;
}

    .contact-tit::before {
        position: absolute;
        content: "";
        width: 40px;
        height: 3px;
        background: #fbb724;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
.about2-con {
    margin-top: 40px;
}

.research-tit {
    font-size: 48px;
    line-height: 50px;
    color: #333;
    text-align: center;
}

.about-dec {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    text-align: center;
    margin-top: 25px;
}

#historySlide {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    #historySlide .history-c {
        height: auto;
        width: 100%;
        position: relative;
    }

.history-c .swiper-slide {
    width: 100%;
    height: auto;
}

#historySlide .history-c .year {
    float: left;
    width: 48.54%;
    overflow: hidden;
}

    #historySlide .history-c .year img {
        width: 100%;
    }

#historySlide .history-c .cont {
    position: relative;
    width: 100%;
    padding: 0 185px;
}

#historySlide .history-c .des {
    float: right;
    width: 51.46%;
    padding-top: 20px;
    padding-left: 35px;
}

#historySlide .p-tit {
    font-size: 80px;
  
    color: #ec1a23;
    line-height: 80px;
}

#historySlide .history-c .des p {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    position: relative;
}

#historySlide .history-scroll {
    height: 70px;
    margin: 0 auto;
    padding: 0 80px;
    margin-top: 40px;
}

#historySlide .swiper-container {
    padding: 0 0px;
}

.history-scroll .swiper-slide {
    float: left;
    width: 154px;
    height: 70px;
    background: url(../images/time-line.png) repeat-x top left 19px;
    cursor: pointer;
}

    .history-scroll .swiper-slide.active-nav, .history-scroll .swiper-slide.active-nav:hover {
    }

#historySlide .time-line {
    width: 154px;
    height: 70px;
    position: relative;
}

.history-scroll .dot {
    padding: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #3379fd;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 12px;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .history-scroll .dot i {
        display: block;
        background: #3379fd;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.history-scroll .swiper-slide.active-nav .dot {
    opacity: 1;
}

.history-scroll .daty {
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    top: 37px;
    left: 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

#historySlide .arrow-left, #historySlide .arrow-right {
    width: 55px;
    height: 55px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: url(../images/p-prev2.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

#historySlide .arrow-left {
    left: 0;
}

#historySlide .arrow-right {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

    #historySlide .arrow-left:hover, #historySlide .arrow-right:hover {
        background-image: url(../images/p-prevH.png);
        background-color: #3379fd;
        border-color: #3379fd;
    }

.abt2-p {
    margin-top: 11px;
    max-height: 104px;
}

#historySlide .swiper-pagination {
    display: none;
    width: 100%;
}

#historySlide .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #2c64fa;
    opacity: 1;
    margin: 0 8px;
}

#historySlide .swiper-pagination-bullet-active {
    position: relative;
}

    #historySlide .swiper-pagination-bullet-active::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #2c64fa;
        left: -3px;
        top: -3px;
    }

.ny-padd {
    padding: 75px 0 80px;
}

.about-two {
    background: #f7f7f7;
}

.abt2-con {
    margin-top: 40px;
}

.abt2-left {
    float: left;
    width: 66.7%;
}

.abt2-ul {
}

    .abt2-ul li {
        position: relative;
    }

.abt2-img {
    float: left;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    .abt2-img img {
        width: 100%;
        display: none;
    }

.abt2-ul li:nth-child(even) .abt2-img {
    left: auto;
    right: 0;
}

.abt2-ul li:nth-child(even) .abt2-txt {
    float: left;
}

.abt2-txt {
    float: right;
    width: 50%;
    background: #fff;
    text-align: center;
    height: 370px;
    display: table;
}

    .abt2-txt > div {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
    }

.abt2-icon {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    transition: ease .5s;
}

    .abt2-icon img {
        width: 100%;
    }

.abt2-txt h3 {
    margin-top: 23px;
    font-size: 24px;
    line-height: 36px;
    color: #333;
}

.abt2-txt p {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}

    .abt2-txt p em {
        font-style: normal;
        display: block;
    }

.abt2-right {
    float: right;
    width: 33.3%;
    position: relative;
    padding-top: 370px;
}

    .abt2-right .abt2-img {
        float: none;
        width: 100%;
        height: 50%;
    }

    .abt2-right .abt2-txt {
        float: none;
        width: 100%;
    }

.abt2-ul li:hover .abt2-icon {
    transform: translateY(-15px);
}

.abt2-right:hover .abt2-icon {
    transform: translateY(-15px);
}


.container {
        padding: 0 10%;
        margin:0 auto;
    }


@media (max-width:768px) {
     .ny-padd {
        padding: 40px 0;
    }
    .wrap {
        padding-left: 3%;
        padding-right: 3%;
        width: auto;
    }
    .contact-tit {
        font-size: 23px;
        line-height: 30px;
        padding-bottom: 10px;
    }
     .about2-con, .about1-con {
        margin-top: 25px;
    }

    #historySlide .p-tit {
        font-size: 30px;
        line-height: 40px;
    }
    #historySlide .swiper-pagination {
        display: block;
        bottom: 3px;
    }

    #historySlide .arrow-left, #historySlide .arrow-right {
        display: none;
    }

    #historySlide {
        padding-bottom: 35px;
    }

        #historySlide .history-c .cont {
            padding: 0 10px;
        }

        #historySlide .history-scroll {
            padding: 0 10px;
        }
         #historySlide .history-c .year {
        width: 100%;
    }

    #historySlide .history-c .des {
        width: 100%;
        padding-left: 0;
    }

    #historySlide .p-tit {
        font-size: 40px;
        line-height: 50px;
    }

    #historySlide .arrow-left, #historySlide .arrow-right {
        width: 42px;
        height: 42px;
    }

/*    #historySlide .history-c .cont {
        padding: 0px 70px;
    }*/

    #historySlide .history-scroll {
        margin-top: 20px;
    }


    .ny-padd {
        padding: 40px 0;
    }
      .contact {
        padding: 40px 0 35px;
    }

    .contact-one-p {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-icon {
        width: 80px;
        height: 80px;
    }

        .contact-icon img {
            width: 35px;
            height: 35px;
        }

    .contact1-txt span {
        font-size: 16px;
        line-height: 28px;
    }

    .contact1-txt p {
        font-size: 15px;
        line-height: 24px;
    }

    .contact-one li:last-child .contact1-txt span {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-tit {
        font-size: 26px;
    }

    .contact2-left, .contact2-right {
        float: none;
        width: 100%;
    }
    .abt2-img {
        position: relative;
        width: 100%;
        background: none !important;
    }

        .abt2-img img {
            display: block;
        }

    .abt2-txt {
        width: 100%;
        height: auto;
        padding: 20px 0 10px 0;
    }

    .abt2-right .abt2-img {
        width: 100%;
        height: auto;
        background: none !important;
    }

        .abt2-right .abt2-img img {
            display: block;
        }

    .abt2-right .abt2-txt {
        width: 100%;
    }
    .abt2-left {
        width: 100%;
    }

    .abt2-right {
        width: 100%;
        padding-top: 0;
    }

     .container{

        padding:0 6%;
     }
   



}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1050px){  
.lc_con {
    height: 1280px;
    background-size: cover; margin-top:0;background: url(../images/bb3.jpg) no-repeat center;
}

.lc_con ul{ display:block}

.lc_con li{ width:33%; padding-left:0px; padding-top:0px; height:420px; border-bottom:1px #fff solid; border-left:1px #fff solid}

.lc_con li span a{ display: block;font-size: 16px;line-height: 36px;padding-top: 18px;padding-left: 8px;padding-right: 66px;height: 160px; position: relative;z-index: 30; font-family:Barlow-Regular}
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
.lc_con li:nth-child(2) span a{ padding-right: 0px; }
.lc_con li span strong{ display: block; font-size:20px; font-weight:normal}

.lc_con li p{ font-size:14px }

.lc_con li.cur:before{height: 460px;}



.lc_con li.cur  a  .more{ display:none!important}
.lc_con li em {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 0 44px;
    overflow: hidden;
    position: relative;
    z-index: 30;
}.lc_con li span b {
    float: right;
    font-size: 26px;
    color: #fbb724;
    background: url(../images/lc_line.png) no-repeat left top;
    padding-left: 32px;
    padding-top: 14px;
/*    margin-top: -122px;*/
    line-height: 20px;
}.lc_con li span a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    padding-top: 18px;
    padding-left: 0px;
    padding-right: 0px;
    height: 110px;
    position: relative;
    z-index: 30;
    font-family: Barlow-Regular;
}
.lc_con li p {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}.lc_con li p i a {
    display: block;
    font-size: 15px;
    height: 30px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden;

}


}



.wrapper{width:1280px;margin:0 auto;}


.sj_product,.sj-application{ display:none;}
#wrap-application{padding:90px 0 180px 0; background:url(../images/application-bg.jpg) no-repeat bottom center #f3f4f8;margin-top: 100px;}
#wrap-application .title h2{color:#fff;}
#wrap-application .title p{color:rgba(255,255,255,.67);margin-top:16px;font-size:14px;}

#application{height:480px; margin-top:50px;position: relative;}
#application-item{height:480px; overflow:hidden;}
#application-item ul li{position:relative; float:left; width:410px; height:480px; margin-right:25px; overflow:hidden;}
#application-item ul li span{display:block; width:410px; height:286px; overflow:hidden;}



#application-item ul li img{ width: 100%; height: 286px; text-align: center;transition: 1s;transition: all 0.5s;}



#application-item ul li:hover img {
    transform: scale(1.1);transition: all 0.5s;
}



.title h2{height:38px; line-height:38px; font-size:35px; font-weight:bold; overflow:hidden;}

#application-item ul li i{position:absolute; left:48px; top:262px; display:block; width:88px; height:48px; background-repeat:no-repeat; background-position:center; background-color:#004088; border-radius:16px 0 16px 0;}
#application-item ul li section{height:194px; padding:60px 48px 46px 48px; background:#fff; overflow:hidden;}
#application-item ul li section h3{height:22px; line-height:22px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;text-overflow:ellipsis; overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#application-item ul li section p{height:70px; line-height:24px; margin-top:18px; font-size:14px; color:#787d89;text-overflow:ellipsis; overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#application-item ul li:hover i{background-color:#0193de;}
#application-item ul li:hover section h3{color:#0193de;}
#app-prev,#app-next{top:50%;position: absolute; transform:translateY(-50%); width:60px; height:60px; background-repeat:no-repeat; background-position:center; border:1px solid rgba(255,255,255,.6); border-radius:50%; cursor:pointer;}
#app-prev{left:-86px; background-image:url(../images/prev.png);}
#app-next{right:-86px; background-image:url(../images/next.png);}
#app-prev:hover,#app-next:hover{background-color:#0193de; border-color:#0193de;}


@media (max-width: 768px){
    #wrap-application{margin-top:50px;}
    html{ font-size: 100% !important;}
    .wrapper{padding:1.5rem 1rem;width:100%;margin:0 auto;}
    #wrap-application{ padding:2rem 0 5rem 0;}
#application {
    display: none;
}
.sj-application{ display:block; margin-top:2rem;}
.sj-application .Swiper3 .swiper-slide{ width:50%; float:left;position:relative; height:15rem;overflow:hidden;}
.sj-application .Swiper3 .swiper-slide span{display:block; width:100%; height:8rem; overflow:hidden;}
.sj-application .Swiper3 .swiper-slide img{ width:100%; height:100%;}
.sj-application .Swiper3 .swiper-slide i{position:absolute; left:0.5rem; top:6.75rem; display:block; width:3.125rem; height:2.25rem; background-repeat:no-repeat; background-position:center; background-color:#004088; border-radius:16px 0 16px 0; background-size:1.25rem;}
.sj-application .Swiper3 .swiper-slide section{height:100%; padding:1.5rem 1rem; background:#fff; overflow:hidden;}
.sj-application .Swiper3 .swiper-slide section h3{height:22px; line-height:22px; font-size:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.sj-application .Swiper3 .swiper-slide section p{height:48px; line-height:1.4; margin-top:0rem; font-size:12px; color:#787d89;text-overflow:ellipsis; overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
}