﻿@charset "UTF-8";#about-wrap1 img,#about-wrap3 img{max-width:100%}
button,input,label,select,textarea{border-radius:0!important}
[class*=span]{margin:0}
a{color:#666;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.w1310{position:relative;margin:0 auto;width:1310px}
.w1210{position:relative;margin:0 auto;width:1210px}
.w960{margin:0 auto;width:960px}
.cf_bg-logo{width:141px;height:122px;background:url(../images/cf_css_sprites.png) -10px -150px}
.bg-pdf_img{width:40px;height:40px;background:url(../images/cf_css_sprites.png) -171px -150px}
.bg-ico_118{width:24px;height:28px;background:url(../images/cf_css_sprites.png) -171px -210px}
.bg-c2{background:url(../images/cf_css_sprites.png) -327px -10px}
.bg-c3{background:url(../images/cf_css_sprites.png) -327px -55px}
.bg-c4{background:url(../images/cf_css_sprites.png) -327px -100px}
.bg-c55{background:url(../images/cf_css_sprites.png) -327px -145px}
.bg-c66{background:url(../images/cf_css_sprites.png) -327px -190px}
.bg-c2,.bg-c3,.bg-c4,.bg-c55,.bg-c66{width:25px;height:25px;display:inline-block;vertical-align:middle;padding-right:3px}
.header{position:relative;z-index:5;padding-top:20px;width:100%;height:90px;background-color:#fff}
.header .w1310{height:100%}
.header .logo{display:block;margin-bottom:-120px;margin-left:-7px;padding:20px 39px 140px 39px;width:141px;height:40px;background:url(../images/bg_01.png) no-repeat center}
.header .nav{margin-left:5%;width:65%}
.header .nav li{position:relative;float:left;margin-left:4%;font-size:14px;line-height:90px}
.header .nav li.navli{height:90px}
.header .nav a{display:inline-block;color:#333}
.header .nav li.hover a.att,.header .nav li:hover a.att{color:#d43537;font-weight:700}
.header .nav .sub-box{position:absolute;top:100%;left:-46px;display:none;padding:35px 37px 46px;width:455px;background-color:#b12022}
.header .nav .ico{position:absolute;bottom:0;left:50%;display:none;margin-left:-11px;width:21px;height:11px;background:url(../images/cf_css_sprites.png) -171px -258px}
.header .nav .img{display:block;width:224px}
.icon_1{width:224px;height:134px;background-image:url(../images/about_.jpg);background-size: cover;background-position: center;}
.icon_2{width:224px;height:134px;background-image:url(../images/pro.jpg)}
.icon_3{width:224px;height:134px;background-image:url(../images/cel.jpg)}
.header .nav .img img{width:100%}
.header .nav .left-li{width:204px}
.header .nav .left-li li{margin:0;min-width:102px;border-bottom:1px solid #d43537;line-height:32px}
.header .nav .left-li a{display:inline-block;padding-left:24px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_16.png) no-repeat 2px center;color:#fadbc0;font-size:14px;transition:color .3s ease 0s}
.header .nav .left-li a:hover{color:#fff}
.header .search-ico{display:inline-block;margin-top:35px;width:23px;height:22px;background:url(../images/cf_css_sprites.png) -10px -292px;cursor:pointer}
.header .gray-link{margin-right:25px;font-size:14px;line-height:90px}
.header .gray-link a{float:right;display:inline-block;margin-left:19px;color:#bfbfbf;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.header .gray-link a:hover{color:#eb6e04}
.header .line-s{display:inline-block;margin:35px 15px 0;width:1px;height:22px;background-color:#e5e5e5}
.header .lang{display:inline-block;margin-top:30px;margin-left:4px;color:#8c8c8c;font-weight:700;font-size:18px;font-family:Arial;line-height:32px}
.header .nav-btn{position:relative;display:none;margin-top:18px;margin-right:-3px;width:30px;height:26px;cursor:pointer}
.header .nav-btn span{position:absolute;left:0;display:block;width:100%;height:4px;background-color:#656565;-webkit-transition:left .5s ease 0s;transition:left .5s ease 0s}
.header .nav-btn .top{top:0;-webkit-transform-origin:left top 0;transform-origin:left top 0;-ms-transform-origin:left top 0}
.header .nav-btn .cent{top:11px}
.header .nav-btn .bot{top:21px;-webkit-transform-origin:left bottom 0;transform-origin:left bottom 0;-ms-transform-origin:left bottom 0}
.header .nav-btn.hover span{left:5px}
.header .m-nav{position:absolute;top:100%;left:0;display:none;margin-left:0;width:100%;border-top:1px solid #dbdbdb;background-color:#fff}
.header .m-nav ul{width:100%;background-color:#fff}
.header .m-nav li{margin-left:0;width:100%;border-bottom:1px solid #dbdbdb;font-size:15px;line-height:50px}
.header .m-nav li.link a{display:block;padding:0 4%;width:92%;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_07.png) no-repeat 95% center;background-size:auto 45%}
.header .m-nav li.link:hover a{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_07_hov.png) no-repeat 95% center;background-size:auto 45%}
.header .m-nav li a{color:#666}
.header .m-nav li:hover{background-color:#ec6c00}
.header .m-nav li:hover a{color:#fff}
.header .m-nav li.subli .tt{padding:0 4%;width:92%;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_05.png) no-repeat 96% center;background-size:auto 45%;cursor:pointer}
.header .m-nav li.subli:hover .tt{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_05_hov.png) no-repeat 96% center;background-size:auto 45%}
.header .m-nav li.subli:hover .subbox a{color:#666}
.header .m-nav li.subli.hover{background-color:#ec6c00}
.header .m-nav li.subli.hover .tt{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_06_hov.png) no-repeat 96% center;background-size:auto 3%}
.header .m-nav li.subli.hover .tt a{color:#fff}
.header .m-nav li.subli .subbox{display:none;width:100%}
.header .m-nav li.subli .subbox a{display:block;padding:0 4%;width:92%;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_07.png) no-repeat 95% center #eee;background-size:auto 45%;font-weight:400}
.m-navbg{position:fixed;top:0;left:0;z-index:3;display:none;width:100%;height:100%;background-color:#000;opacity:.5}
.header.fix{position:fixed;top:0;left:0;z-index:50;padding-top:0;border-bottom:1px solid #f2f2f2}
.footer{background-color:#404040}
.footer .main{padding-top:58px}
.footer .main ul{width:62%}
.footer .main li{float:left;width:33.3%}
.footer .main p.tit{padding-left:22px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_04.png) no-repeat left center;font-size:16px;line-height:36px}
.footer .main p.tit a{color:#ededed;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.footer .main p.tit a:hover{color:#eb6e04}
.footer .main span.sub{display:block;margin-top:11px;margin-bottom:32px;padding-left:22px;font-size:14px;line-height:24px}
.footer .main span.sub a{color:#acacac;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.footer .main span.sub a:hover{color:#eb6e04}
.footer .mapimg{position:relative;display:block;width:38%}
.footer .mapimg img{width:100%}
.footer .mapimg .ico{position:absolute;display:block;width:5.8%;height:12.3%;animation:2.6s linear 0s infinite opacity}
.footer .mapimg .ico img{width:100%}
.footer .mapimg .ico1{top:25%;left:12.6%}
.footer .mapimg .ico2{top:39.4%;left:18.7%}
.footer .mapimg .ico3{top:54.6%;left:25.1%}
.footer .mapimg .ico4{top:14.1%;left:48.3%}
.footer .mapimg .ico5{top:46.8%;left:47.3%}
.footer .mapimg .ico6{top:18.5%;left:75.9%}
.footer .mapimg .ico7{top:58.4%;left:86%}
@keyframes opacity{0%{opacity:.8}
50%{opacity:.1}
100%{opacity:.8}
}
.footer .bot-wrap{position:relative;padding-top:17px;padding-bottom:45px;height:36px;border-top:1px solid #535353;color:#999;line-height:36px}
.footer .bot-wrap a{color:#999;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.footer .bot-wrap a:hover{color:#fff}
.footer .bot-wrap .link a{float:right}
.footer .bot-wrap .link .line{float:right;display:inline-block;margin:14px 10px 0;width:1px;height:10px;background-color:#535353}
.n-banner img{width:100%}
.i-ban{position:relative;z-index:1;overflow:hidden;width:100%;height:815px;background:url(../images/loadings.gif) no-repeat center}
.i-ban li{position:absolute;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%}
.i-ban li a{display:block;width:100%;height:100%}
.i-ban li img{display:block;width:100%}
.i-ban .butn{position:absolute;bottom:150px;left:50%}
.i-ban .butn span{float:left;display:inline-block;margin-right:10px;width:15px;height:15px;border-radius:50%;background-color:#a1a2a2;cursor:pointer}
.i-ban .butn span.on{background-color:#ec6c00}
.m-ban{position:relative;z-index:1;display:none;overflow:hidden;width:100%;cursor:-webkit-grab;cursor:grab}
.m-ban li,.m-ban ul{width:100%}
.m-ban li a{display:block}
.m-ban li img{width:100%}
.banner .i-ban-hei{margin-top:42.4%;width:100%;height:0}
.i-main{position:relative;z-index:2;background-color:#f5f5f5}
.i-main .i-wrap{position:relative;margin:0 auto;width:92.4%}
.i-main .i-wrap .titbox{line-height:40px}
.i-main .i-wrap .titbox .line{display:inline-block;margin:11px 12px 9px;width:1px;height:20px;background-color:#c9c9c9}
.i-main .i-wrap .titbox .ftt{color:#c9c9c9;font-size:14px}
.i-main .i-wrap h4{color:#444;font-size:20px}
.i-main .i-wrap1{position:relative;top:-123px;margin-bottom:-123px;padding-top:33px;padding-bottom:60px;border-top:1px solid #ecefee;background-color:#fff}
.i-main .i-wrap1 .scroll{position:relative;margin-top:24px;width:100%}
.i-main .i-wrap1 .swiper-container{position:relative;overflow:hidden;width:100%}
.i-main .i-wrap1 .img{display:block;padding:11px 0;border-bottom:3px solid #b12022}
.i-main .i-wrap1 .img img{width:100%}
.i-main .i-wrap1 ul{width:100%}
.i-main .i-wrap1 .box{border:1px solid #f1f1f1}
.i-main .i-wrap1 .box:hover .img{border-bottom:3px solid #b12022}
.i-main .i-wrap1 a.tt{display:block;padding:10px 0;height:48px;color:#555;text-align:center;font-size:14px;line-height:24px;transition:all .3s ease 0s}
.i-main .i-wrap1 .box:hover .tt{background-color:#b12022;color:#fff}
.i-main .i-wrap1 .my-swiper-pagination{display:none;padding-top:20px;text-align:center}
.i-main .i-wrap2{padding-top:43px;padding-bottom:62px}
.i-main .i-wrap2 .leftbox{width:45%}
.i-main .i-about{margin-top:17px}
.i-main .i-about .rowbox{background-color:#fff}
.i-main .i-about .pic{display:block;overflow:hidden;width:52%}
.i-main .i-about .pic img{width:100%;transition:transform .3s ease 0s;transform:translateZ(0)}
.i-main .i-about .pic:hover img{transition:transform .6s ease 0s;transform:scale(1.1,1.1)}
.i-main .i-about .cont{position:relative;width:48%}
.i-main .i-about .ico{position:absolute;top:29px;left:-25px;display:block;width:25px;height:25px;background:url(../images/cf_css_sprites.png) -327px -235px}
.i-main .i-about .s-tit{display:inline-block;padding:24px 7.3% 0 5.7%;color:#444;font-weight:700;font-size:16px;line-height:32px}
.i-main .i-about .font{display:block;margin-top:13px;padding:0 7.3% 0 5.7%;font-size:14px;line-height:22px}
.i-main .i-about .font a{color:#888}
.i-main .i-about .bot-box{width:100%;height:42px;background-color:#b12022;line-height:42px}
.i-main .i-about .font a:hover{color:#ec6c00}
.i-main .i-about .bot-box a{display:inline-block;margin-right:4%;color:#fff;font-size:14px;font-family:Arial}
.i-main .rightbox{width:51%}
.i-main .rightbox .more{display:inline-block;padding-right:18px;background:url(../images/ico_03.png) no-repeat right center;color:#888;text-transform:uppercase}
.i-main .rightbox .more:hover{color:#ec6c00}
.i-main .i-news{margin-top:17px}
.i-main .i-news li,.i-main .i-news ul{width:100%}
.i-main .i-news li{margin-bottom:26px}
.i-main .i-news li:last-child{margin-bottom:0}
.i-main .i-news li:last-child .cont{border-bottom:none}
.i-main .i-news .date{display:block;padding-top:8px;width:50px;height:61px;background:url(../images/bg_02.png) no-repeat center;color:#fff;text-align:center}
.i-main .i-news .date .day{font-weight:700;font-size:16px;line-height:17px}
.i-main .i-news .date .mon{font-size:14px;line-height:16px}
.i-main .i-news .cont{padding-bottom:24px;width:87.2%;border-bottom:1px solid #e0e0e0}
.i-main .i-news .s-tit{font-weight:700;font-size:16px;line-height:32px}
.i-main .i-news .s-tit a{color:#444}
.i-main .i-news .font{display:block;font-size:14px;line-height:22px}
.i-main .i-news .font a{color:#888}
.i-main .i-news .font a:hover{color:#eb6e04}
.i-main .i-news .l-more{display:inline-block;margin-top:8px;color:#ec6c00;font-size:14px;line-height:30px}
.ins-ban{position:relative;overflow:hidden;width:100%;background:url(../images/loadings.gif) no-repeat center}
.ins-ban .bg-img{opacity:0}
.ins-ban .w1210{position:absolute;top:0;left:50%;margin-left:-600px;height:100%}
.ins-ban .cent-font{position:absolute;top:50%;left:0;margin-top:-190px;width:100%;color:#fff;text-align:center}
.ins-ban .en-tit,.ins-ban .word,.ins-ban h3{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-ms-transform:translateY(30px)}
.ins-ban .en-tit{display:block;width:100%;-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) .5s,opacity .5s linear .5s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) .5s,opacity .5s linear .5s}
.ins-ban .en-tit img{max-width:100%}
.ins-ban h3{font-size:42px;line-height:68px;-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) .9s,opacity .5s linear .9s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) .9s,opacity .5s linear .9s}
.ins-ban .word{display:block;margin:48px auto 0;width:62.5%;font-size:14px;line-height:30px;-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) 1.3s,opacity .5s linear 1.3s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) 1.3s,opacity .5s linear 1.3s}
.ins-ban .butn-box{position:absolute;bottom:0;left:50%;display:block;margin-left:-29px;width:58px;height:164px;background:url(../images/btn_bg01.png) no-repeat center;opacity:0;-webkit-transition:opacity .5s linear 1.8s;transition:opacity .5s linear 1.8s}
.ins-ban .butn-box .butn{position:relative;display:block;overflow:hidden;width:58px;height:58px;cursor:pointer}
.ins-ban .butn-box i{position:absolute;top:23px;left:50%;display:inline-block;margin-left:-9px;width:20px;height:12px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_10.png) no-repeat center}
.ins-ban.active .en-tit,.ins-ban.active .word,.ins-ban.active h3{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
.ins-ban.active .butn-box{opacity:1}
.ins-ban.active .butn-box i{-webkit-animation:1.5s linear 1.8s infinite icoDown;animation:1.5s linear 1.8s infinite icoDown}
@-webkit-keyframes icoDown{0%{top:20%;opacity:0}
50%{top:50%;opacity:1}
100%{top:70%;opacity:0}
}
@keyframes icoDown{0%{top:20%;opacity:0}
50%{top:50%;opacity:1}
100%{top:70%;opacity:0}
}
.about-wrap1{padding-top:62px;padding-bottom:122px}
.about-wrap1 h4{color:#333;font-size:40px;line-height:70px}
.about-wrap1 .line{display:block;margin-top:14px;width:13px;height:2px;background-color:#e5e5e5}
.about-wrap1 .row{margin-top:24px}
.about-wrap1 .left-box{padding-right:9%;padding-bottom:51px;width:90.6%;border-right:1px solid #f2f2f2}
.about-wrap1 .left-cont{overflow:hidden}
.about-wrap1 .left-cont.auto{height:auto}
.about-wrap1 .cn-tt{display:block;color:#555;font-size:26px;line-height:42px}
.about-wrap1 .en-tt{display:block;margin-top:8px;padding-right:22%;color:#999;font-size:24px;font-family:Arial;line-height:27px}
.about-wrap1 .word{display:block;margin-top:25px;color:#999;font-size:13px;line-height:24px}
.about-wrap1 .more{display:inline-block;padding-right:32px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_11.png) no-repeat right center;color:#000;font-size:13px;line-height:22px}
.about-wrap1 .more.cur{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_11_hov.png) no-repeat right center}
.about-wrap1 .right-box{margin-left:10%;width:81%}
.about-wrap1 .list-box{margin-top:-3px;margin-bottom:38px;padding-bottom:34px;width:100%;border-bottom:1px solid #f2f2f2}
.about-wrap1 .list-box .oran-num{display:inline-block;color:#b12022;font-size:38px;font-family:Arial;line-height:38px}
.about-wrap1 .list-box .ico1{display:inline-block;margin-top:4px;margin-right:10px;width:372px;height:200px;background:url(../images/1-06.png) no-repeat center}
.about-wrap1 .bot-msg .ico2{display:inline-block;margin-top:-2px;margin-right:10px;width:16px;height:13px}
.about-wrap1 .tips{margin-left:4%}
.about-wrap1 .tips .cn{font-size:16px;line-height:21px}
.about-wrap1 .tips .en{color:#dcdcdc;font-size:16px;line-height:20px}
.about-wrap1 .peo li{float:left;margin-right:6px;width:19px;height:50px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_13.png) no-repeat center}
.about-wrap1 .peo li.cur{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_14.png) no-repeat center}
.about-wrap1 .bot-msg ul{width:100%}
.about-wrap1 .bot-msg li{float:left;margin-bottom:12px;width:49%}
.about-wrap1 .bot-msg .gray-num{min-width:65px;color:#b0b0b0;text-align:center;font-size:67px;font-family:Arial;line-height:60px}
.about-wrap1 .bot-msg li:first-child{border-right:1px solid #f2f2f2}
.about-wrap1 .bot-msg .tips{margin-left:13px}
.about-wrap2{width:100%;height:545px}
.about-wrap2 .w1310{position:relative;overflow:hidden;height:100%}
.about-wrap2 .tips{position:absolute;bottom:80px;left:0}
.about-wrap2 h4{color:#fff;font-size:40px;line-height:45px;opacity:0;transition:transform .3s linear 0s,opacity .3s linear 0s;transform:translateX(100px)}
.about-wrap2 .en{display:inline-block;margin-left:-26px;width:402px;height:135px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_02.png) no-repeat center;opacity:0;transition:transform .3s linear .5s,opacity .3s linear .5s;transform:translateX(100px)}
.about-wrap2.active .en,.about-wrap2.active h4{opacity:1;transform:translateX(0)}
.about-wrap3{position:relative;overflow:hidden;width:100%;height:700px;background-color:#f5f5f5}
.about-wrap3 ul{width:100%}
.about-wrap3 li{padding:20px 25px 50px;width:170px;height:372px;border-radius:5px;background-color:#fff;box-shadow:0 0 6px 6px #e9e9e9;transition:transform .3s linear 0s,box-shadow .2s linear .2s;transform:translateY(0)}
.about-wrap3 .scroll{position:relative;margin-top:82px;padding-bottom:82px}
.about-wrap3 .scroll .swiper-button-prev{position:absolute;top:0;left:0;display:none;width:35px;height:100%;background:0 0}
.about-wrap3 .year{width:100%;border-bottom:1px solid #f2f2f2;color:#000;font-size:34px;line-height:66px}
.about-wrap3 .year .unit{font-size:23px}
.about-wrap3 .cont{position:relative;overflow:hidden;margin-top:18px;width:100%;height:288px;font-size:14px;line-height:22px}
.about-wrap3 .cont p{padding:7px 0 7px 18px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_15.png) no-repeat 5px 15px}
.about-wrap3 .cont .content{width:97%}
.about-wrap4{position:relative;padding-top:100px;padding-bottom:78px}
.about-wrap4 h4{color:#333;font-size:40px;line-height:53px}
.about-wrap4 .en-tt{display:inline-block;margin-left:-25px;width:472px;height:60px;max-width:100%;background:url(https://www.jinaolan.cc/static/web/css/../img/font_03.png) no-repeat center}
.about-wrap4 .list{position:relative;overflow:hidden;padding-top:88px;width:100%;opacity:0;transition:transform .5s linear 0s,opacity .5s linear 0s;transform:translateY(100px)}
.about-wrap4 .list.active{opacity:1;transform:translateY(0)}
.about-wrap4 .list ul{width:103%}
.about-wrap4 .list li{position:relative;float:left;overflow:hidden;margin-right:1%;margin-bottom:11px;width:32.3%}
.about-wrap4 .list img{max-width:100%}
.about-wrap4 .list .upbox{position:absolute;top:0;left:0;padding:9% 7%;width:86%;height:82%}
.about-wrap4 .list .cntt{color:#fff;font-size:22px;line-height:33px;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}
.about-wrap4 .list .entt{-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) .2s,opacity .5s linear .2s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) .2s,opacity .5s linear .2s}
.about-wrap4 .list .line{-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) .1s,opacity .5s linear .1s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) .1s,opacity .5s linear .1s}
.about-wrap4 .list .word{-webkit-transition:-webkit-transform .5s cubic-bezier(.35,.67,.25,.97) 0s,opacity .5s linear 0s;transition:transform .5s cubic-bezier(.35,.67,.25,.97) 0s,opacity .5s linear 0s}
.about-wrap4 .list .entt{color:#9a9c9e;font-size:14px;line-height:22px;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-ms-transform:translateY(50px)}
.about-wrap4 .list .line{display:inline-block;margin-top:12px;width:12px;height:2px;background-color:#000;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-ms-transform:translateY(50px)}
.about-wrap4 .list .word{display:block;margin-top:13px;color:#333;font-size:16px;line-height:24px;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-ms-transform:translateY(50px)}
.about-wrap5{padding-top:80px;padding-bottom:130px}
.about-wrap5 h4{color:#333;font-size:40px;line-height:60px}
.about-wrap5 .en-tt{display:inline-block;width:242px;height:37px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_04.png) no-repeat center}
.about-wrap5 .list-scroll{position:relative;margin-top:46px}
.about-wrap5 .list-scroll li,.about-wrap5 .list-scroll ul{width:100%}
.about-wrap5 .list-scroll li{border-top:1px solid #f2f2f2}
.about-wrap5 .list-scroll .box{float:left;padding:25px 0;width:16.6%;border-bottom:1px solid #f2f2f2;text-align:center}
.about-wrap5 .list-scroll .link-box{display:block;border-right:1px solid #f2f2f2}
.about-wrap5 .list-scroll .box a{display:block}
.about-wrap5 .list-scroll .box img{max-width:100%}
.about-wrap5 .list-scroll .box:nth-child(6n) .link-box{border-right:none}
.about-wrap5 #scroll{position:relative;overflow:hidden;width:100%}
.about-wrap5 .swiper-pagination{top:-65px;right:0;bottom:auto;left:auto;width:auto}
.about-wrap5 .swiper-pagination span{margin:0 3px;background-color:#e5e5e5}
.about-wrap5 .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff9e57}
.news-wrap .navbox{padding:63px 0 72px;width:100%;background-color:#fff;text-align:center}
.news-wrap .navbox a{display:inline-block;margin:0 5px;width:150px;height:50px;border:1px solid #e9e9e9;border-radius:24px;text-align:center;font-size:14px;line-height:50px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.news-wrap .navbox a.hover,.news-wrap .navbox a:hover{border:1px solid #eb6e04;background-color:#eb6e04;color:#fff}
.news-wrap .list-wrap{position:relative;padding:40px 0 120px;width:100%;background-color:#f5f5f5}
.news-wrap .list-wrap .main{position:relative;width:100%;opacity:0}
.news-wrap .list-wrap .box{float:left;width:320px;background-color:#fff}
.news-wrap .list-wrap .box:hover{box-shadow:0 3px 6px 3px #c4c3c3}
.news-wrap .list-wrap .contbox{display:block;margin:0 auto;padding:10px;width:300px}
.news-wrap .list-wrap .img{display:block}
.news-wrap .list-wrap .img img{width:100%}
.news-wrap .list-wrap .cont{display:block;padding-top:10px;padding-bottom:20px;border-bottom:none}
.news-wrap .list-wrap .tit{font-weight:700;font-size:18px;line-height:38px}
.news-wrap .list-wrap .tit a:hover{color:#eb6e04}
.news-wrap .list-wrap .font{display:block;margin-top:5px;font-size:13px;line-height:22px}
.news-wrap .list-wrap .font a{display:inline-block;color:#999}
.news-wrap .list-wrap .font a:hover{color:#eb6e04}
.news-wrap .list-wrap .date{display:block;margin-top:33px;color:#8c8c8c;font-size:13px;font-family:Arial;line-height:24px}
.loadbg{position:relative;width:100%;height:60px;text-align:center}
.crumbs{text-align:right;line-height:36px}
.crumbs a{display:inline-block}
.crumbs a:hover{color:#f60}
.news-info{padding-top:28px;padding-bottom:50px;background-color:#f5f5f5}
.news-info .titbox{margin-top:47px;padding-bottom:12px;border-bottom:1px solid #dcdcdc;text-align:center}
.news-info h3{color:#333;font-weight:400;font-size:30px;line-height:52px}
.news-info .date{line-height:28px}
.news-info .cont{padding-top:20px;padding-bottom:50px;border-bottom:1px solid #dcdcdc;font-size:14px}
.news-info .cont img{max-width:100%}
.news-info .cont .mobile{display:none}
.news-info .paging{margin-top:20px}
.news-info .paging .return{display:inline-block;margin-top:13px;width:118px;height:33px;border:1px solid #f60;border-radius:18px;color:#f60;text-align:center;font-size:14px;line-height:33px}
.news-info .paging p{color:#777;font-size:14px;line-height:30px}
.news-info .paging a{color:#777}
.news-info .paging a:hover{color:#f60}
.mid_left{float:left;margin-right:3%}
.mid_left h3{margin:0;padding:4%;background-color:#b12022;color:#fff;font-weight:400;font-size:1.5em;font-family:"微软雅黑"}
.left_dh li{margin:2% 0;background:rgba(245,245,245,.87)}
.left_dh li:hover{background:rgba(204,38,40,.87)}
.left_dh li a{display:block;padding:10px 0 10px 30px;background:url(../images/tb.png) no-repeat 7px 10px;color:#3c3c3c;font-weight:800;font-size:14px;font-family:"微软雅黑"}
.left_dh li a:hover{background:rgba(204,38,40,.87);background:url(../images/tb_0.png) no-repeat 7px 10px;color:#fff}
.mid_left h5{margin:10% 0 4%;padding-bottom:2%;border-bottom:1px solid #dedede;color:#b12022;font-weight:600;font-size:14px;line-height:29px}
.left_lx{padding:4% 3%;background:rgba(245,245,245,.87);list-style:none}
.left_lx li{border-bottom:dashed 1px #e6e6e6;color:#000;list-style:none;font-size:14px;line-height:40px}
.left_lx img{margin-right:3%;width:25px;vertical-align:middle}
.mid_right{float:left;width:72%}
.product1{padding:0}
.product1 li.plist1{z-index:-100;float:left;display:block;overflow:hidden;padding:2px 8px 15px 8px;width:30%;line-height:normal}
.product1 li.plist1 a{display:block;border:1px solid #e9e7ea;background:#fff;box-shadow:0 0 3px #e0dfe0;color:#666;font-family:Arial,Helvetica,sans-serif}
.product1 li.plist1 a:hover{display:block;border:1px solid #bb1e10;background:#bb1e10;box-shadow:0 0 3px #e0dfe0;color:#fff}
.product1 li.plist1 dl dd{width:100%}
.product1 li.plist1 dl dd .pro{display:block;text-align:center}
.product1 li.plist1 img{width:100%}
.pagelist{clear:both;padding:20px 0;text-align:center;font-size:12px}
.pagelist a{margin:3px;padding:5px 9px;border:solid 1px #ddd;background:#fff;color:#666;text-decoration:none;font-family:宋体,arial,sans-serif}
#nowpage,.pagelist a:visited{margin:3px;padding:3px 8px;border:solid 1px #ddd;background:#fff;text-decoration:none}
#nowpage,.pagelist a:hover{border-color:#97262a;background:#fff;color:#97262a;text-decoration:none}
.product-wrap{padding-top:80px;padding-bottom:60px}
.product-wrap img{max-width:100%}
.product-wrap .big{text-align:center}
.product-wrap .big a{display:block;border-top:1px solid #dbdbdb}
.product-wrap .big p.tit{margin-top:35px;color:#000;font-weight:700;font-size:24px;line-height:42px}
.product-wrap .big p.tit .weight{color:#8d8d8d;font-weight:400;font-size:18px}
.product-wrap .big p.intr{margin:6px auto 0;padding:5px 0;width:67%;min-height:70px;font-size:14px;line-height:24px}
.product-wrap .small{float:left;width:33.3%}
.product-wrap .right{border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
.product-wrap .small a{display:block;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.product-wrap .small p.tit{margin-top:24px;min-height:76px;color:#000;text-align:center;font-weight:700;font-size:14px;line-height:36px}
.product-wrap .small p.tit .weight{color:#8d8d8d;font-weight:400;font-size:14px}
.product-wrap .left .small a{border-left:1px solid #dbdbdb}
.product-wrap .left .small:nth-child(2n+1) a{border-right:1px solid #dbdbdb}
.product-wrap .left.big a{border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
.product-wrap .right.big a{border-right:1px solid #dbdbdb}
.product-wrap .long{width:100%}
.product-wrap .long a{position:relative;display:block;padding:68px 1.8% 68px 10%;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
.product-wrap .long .cont{position:absolute;top:50%;left:10%;margin-top:-44px;width:42%}
.product-wrap .long .tit{color:#000;font-weight:700;font-size:18px;line-height:34px}
.product-wrap .long .tit .weight{color:#8d8d8d;font-weight:400;font-size:14px}
.product-wrap .long .intr{margin-top:6px;font-size:14px;line-height:24px}
.product-wrap .long img{width:45.7%}
.product-wrap .big,.product-wrap .long,.product-wrap .small{position:relative;z-index:1}
.product-wrap .big:hover,.product-wrap .long:hover,.product-wrap .small:hover{z-index:2;box-shadow:0 5px 8px 5px #dbdbdb}
.product-info .nav-box{padding:62px 0;width:100%;background-color:#fff;text-align:center}
.product-info .nav-box a{display:inline-block;margin:5px;width:130px;height:46px;border:1px solid #e9e9e9;border-radius:22px;text-align:center;font-size:14px;line-height:46px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.product-info .nav-box a.hover,.product-info .nav-box a:hover{border:1px solid #ec6c00;background-color:#ec6c00;color:#fff}
.product-info .info-wrap{padding-top:120px;padding-bottom:132px;background-color:#f5f5f5}
.product-info img{max-width:100%}
.product-info .left-cont{margin-left:30px;padding-top:42px;width:480px}
.product-info .left-cont h4{color:#444;text-transform:uppercase;font-weight:700;font-size:60px;font-family:Arial;line-height:61px}
.product-info .left-cont .entt{display:block;color:#9c9c9c;text-transform:uppercase;font-size:22px;line-height:36px}
.product-info .left-cont .lab{display:block;padding:14px 0;width:360px;border-bottom:1px solid #dcdcdc;color:#444}
.product-info .left-cont .lab1{margin-top:16px;font-size:20px;line-height:28px}
.product-info .left-cont .lab2{font-size:18px;line-height:24px}
.product-info .left-cont .trait{display:block;margin-top:86px}
.product-info .img{display:block;width:61%}
.product-info .info-nav{margin-top:72px;width:100%;border-bottom:1px solid #c7c7c7}
.product-info .info-nav span{float:left;display:block;margin-right:2px;margin-bottom:-1px;width:192px;height:51px;background-color:#c7c7c7;box-shadow:3px 3px 6px 0 #c7c7c7;color:#fff;text-align:center;font-size:14px;line-height:51px;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.product-info .info-nav span:hover{background-color:#ec6c00}
.product-info .info-nav span.hover{margin-bottom:-10px;padding-bottom:10px;background:url(https://www.jinaolan.cc/static/web/css/../img/bg_04.png) no-repeat center top;box-shadow:none}
.product-info .info-cont{padding-top:80px;padding-bottom:120px;border-bottom:1px solid #c7c7c7}
.product-info .info-cont .left-font p{padding-right:10px;font-size:14px}
.product-info .info-cont .left-font .en{font-family:Arial;line-height:24px}
.product-info .info-cont .boxs{display:none}
.product-info .paging{padding-top:32px}
.product-info .paging p{font-size:14px;line-height:24px}
.product-info .paging a:hover{color:#eb6e04}
.product-info .paging a.return{display:inline-block;padding-left:52px;width:87px;border:1px solid #c7c7c7;border-radius:20px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_19.png) no-repeat 30px center;font-size:14px;line-height:42px}
.product-info .paging a.return:hover{border:1px solid #eb6e04;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_19_hov.png) no-repeat 30px center;color:#eb6e04}
.recruit-top{padding-top:100px;padding-bottom:90px;border-bottom:1px solid #e5e5e5;background-color:#fff}
.recruit-top ul{width:103%}
.recruit-top li{margin-right:2.3%;width:31%}
.recruit-top li .tit{margin-top:16px;font-size:18px;line-height:36px}
.recruit-top li a{display:block;padding:33px 7% 42px 10%;width:83%}
.recruit-top li .img{position:relative;display:block;overflow:hidden;width:100%;transition:transform .3s ease 0s;transform:translateZ(0)}
.recruit-top li img{max-width:100%}
.recruit-top li:hover img{transition:transform .6s ease 0s;transform:scale(1.1,1.1)}
.recruit-top .w1310{position:relative;overflow:hidden}
.recruit-list{padding-top:74px;padding-bottom:80px;background-color:#f5f5f5}
.recruit-list .titbox h4{width:100%;height:70px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_08.png) no-repeat center}
.recruit-list .titbox .intr{color:#999;text-align:center;font-size:18px;line-height:48px}
.recruit-list .list{position:relative;overflow:hidden;margin-top:55px;width:100%}
.recruit-list ul{width:103%}
.recruit-list li{margin-right:2.3%;margin-bottom:35px;width:31%;border-bottom:5px solid #f9cc87;border-radius:6px;background-color:#fff}
.recruit-list li .tit{margin-top:16px;font-size:18px;line-height:36px}
.recruit-list li a{display:block;padding:33px 7% 42px 10%;width:83%}
.recruit-list li .stit{color:#444;font-size:24px;line-height:43px}
.recruit-list li .lab{color:#999;line-height:35px}
.recruit-list li .lab span{display:inline-block;margin-right:18px;padding-left:22px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_20.png) no-repeat left center}
.recruit-list li .word{display:block;overflow:hidden;height:72px;color:#999;line-height:24px}
.recruit-list li .more{display:inline-block;margin-top:24px;width:52px;height:31px;background:url(https://www.jinaolan.cc/static/web/css/../img/btn_01.png) no-repeat center}
.recruit-list li:hover{border-bottom:5px solid #ee7904;background:url(https://www.jinaolan.cc/static/web/css/../img/bg_05.png) no-repeat center #f4990f;background-size:auto 100%}
.recruit-list li:hover .lab,.recruit-list li:hover .stit,.recruit-list li:hover .word{color:#fff}
.recruit-list li:hover .lab span{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_20_hov.png) no-repeat left center}
.recruit-list li:hover .more{background:url(https://www.jinaolan.cc/static/web/css/../img/btn_01_hov.png) no-repeat center}
.recruit-list .page{margin-top:16px;width:100%;height:60px}
.l-c-wrap{position:fixed;top:50%;left:50%;z-index:10000;display:none;margin-left:-440px;padding:0 40px;width:800px;height:700px;border-radius:6px;background-color:#fff}
.l-c-wrap.short{height:600px}
.l-c-wrap.short .l-c-cnt{height:376px}
.l-c-hd{padding-top:35px;padding-bottom:15px;height:39px;border-bottom:1px solid #e5e5e5}
.l-c-hd h2{float:left;color:#333;text-indent:9px;font-weight:400;font-size:30px;line-height:40px}
.l-c-hd .l-c-hdr{float:right;height:39px;line-height:39px}
.l-c-hdr span{float:left;display:block;margin-left:18px;padding-left:23px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_20.png) no-repeat 0 center}
.l-c-cnt{position:relative;overflow:hidden;margin-top:24px;padding:0 9px 0;height:470px;border-bottom:1px solid #e5e5e5}
.l-c-cnt .obj-wrap{position:absolute;top:24px;left:0;width:95%}
.l-c-cnt .obj-bar{position:absolute;top:24px;right:0;display:block;width:4px;height:100%;border-radius:4px;background-color:#f7f7f7}
.l-c-cnt .obj-bar .obj-btn{position:absolute;right:0;width:4px;height:100px;border-radius:4px;background-color:#f29200;transition:background-color .2s linear 0s}
.l-c-cnt h3{margin-bottom:9px;color:#000;font-weight:400;font-size:14px;line-height:24px}
.l-c-cnt p{color:#666;font-size:12px;line-height:24px}
.l-c-ft{padding:30px 0 46px 9px}
.l-c-ft .l-c-apl{float:left;display:block;width:200px;height:45px;border-radius:4px;background-color:#f60;color:#fff;text-align:center;font-size:18px;line-height:45px;cursor:pointer}
.l-c-ft p{float:right;height:45px;color:#666;font-size:12px;line-height:45px}
.l-c-ft p span{color:#333}
.l-c-cls{position:absolute;top:36px;right:-45px;display:block;width:35px;height:35px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_21.png) no-repeat 0 0;cursor:pointer}
.l-c-cls:hover{background-position:0 -35px}
.recruit-crumbs{padding:0 3%;width:94%;background-color:#f9f9f9;font-size:12px;line-height:36px}
.recruit-crumbs a{float:left;color:#000}
.recruit-crumbs span{float:left;display:inline-block;width:18px;color:#aeaeae;text-align:center}
.recruit-crumbs a.home{display:inline-block;padding-left:19px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_22.png) no-repeat scroll left center;background-size:auto 50%}
.join-info{padding:15px 6% 26px;width:88%;background-color:#f5f5f5}
.join-info h3{color:#333;font-weight:400;font-size:16px;line-height:28px}
.join-info .lab{margin-top:3px;padding-bottom:5px;width:100%;border-bottom:1px solid #dcdcdc;line-height:20px}
.join-info .lab span{float:left;display:inline-block;margin-right:14px;padding-left:13px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_20.png) no-repeat left center;background-size:auto 50%}
.join-info .cont{padding-top:10px;padding-bottom:17px;border-bottom:1px solid #dcdcdc}
.join-info .cont strong{color:#000}
.join-info .bot-btn{margin-top:10px;width:100%}
.join-info .bot-btn a{height:28px;border-radius:2px;color:#fff;text-align:center;font-size:14px;line-height:28px}
.join-info .bot-btn a.sub-btn{display:block;width:68%;background-color:#f60}
.join-info .bot-btn a.return{display:block;width:28.5%;background-color:#999}
.join-info .bot-link{line-height:28px}
.join-info .bot-link a{color:#333;text-transform:uppercase}
.contact-top{padding-top:90px;padding-bottom:73px;background-color:#f5f5f5;text-align:center}
.contact-top h3{height:78px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_09.png) no-repeat center;color:#333;font-size:42px;line-height:78px}
.contact-top .font{display:block;margin:21px auto 0;width:57%;color:#999;font-size:14px;line-height:30px}
.contact-cent{position:relative;background-color:#fff}
.contact-cent .w1310{padding-top:56px;padding-bottom:84px}
.contact-cent .titbox{width:100%;text-align:center}
.contact-cent .titbox p.cn{color:#000;font-size:24px;line-height:32px}
.contact-cent .titbox p.en{color:#d0d0d0;text-transform:uppercase;font-size:18px;font-family:Arial;line-height:20px}
.contact-cent ul{margin-top:45px;width:100%}
.contact-cent li{position:relative;color:#777;text-align:center;font-size:14px;line-height:28px}
.contact-cent .line{position:absolute;top:5px;right:0;display:block;width:1px;height:47px;background-color:#e5e5e5}
.contact-cent .look-map{position:absolute;bottom:-25px;left:50%;display:inline-block;margin-left:-150px;padding-left:107px;width:193px;height:50px;border-radius:24px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_23.png) no-repeat 83px center #ec6c00;color:#fff;font-size:14px;line-height:50px}
.contact-list{padding-top:85px;padding-bottom:54px;width:100%;background-color:#f5f5f5}
.contact-list ul{width:100%}
.contact-list li{margin:0 .8% 20px;width:23.4%;border-radius:5px;background-color:#fff}
.contact-list li .cont{padding:8px 8% 28px;width:84%}
.contact-list li img{width:100%;border-top-right-radius:5px;border-top-left-radius:5px}
.contact-list li .stit{display:block;border-bottom:1px solid #f2f2f2;color:#ec6c00;font-size:18px;line-height:50px}
.contact-list li .word{display:block;margin-top:13px;padding-bottom:16px;min-height:100px;color:#777;font-size:14px;line-height:24px}
.contact-list li .look{display:inline-block;padding-left:26px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_24.png) no-repeat left center;color:#c2c2c2;font-size:14px;line-height:26px}
.contact-list li .look:hover{color:#eb6e04}
.contact-list li:hover{box-shadow:0 5px 8px 5px #dbdbdb}
.mail{padding:4em 0}
.map iframe{width:100%;border:none}
.mail-grids{margin-top:2em}
.mail-grid-left h3{margin:1em 0;color:#000;font-weight:500;font-size:20px}
.mail-grid-left h5{margin:1em 0;color:#969696;font-size:14px;line-height:1.8em}
.mail-grid-left h5 span{display:block}
.mail-grid-left h4{margin:0;color:#000;font-weight:600;font-size:18px}
.mail-grid-left p{margin:1em 0;color:#000;font-size:14px;line-height:1.8em}
.mail-grid-left p a{color:#000}
.mail-grid-left p span{display:block}
.contact-form{padding:2em 0;border:#bb1e10 3px dashed}
.contact-form p{display:block;margin-bottom:.5em;color:#555;text-align:center;font-size:26px;line-height:42px}
.contact-form form{text-align:center}
.contact-form input[type=text]{margin-bottom:1em;padding:.5em;width:90%;outline:0;border:solid 1px #d5d4d4;background:0 0;color:#898888;font-size:16px;-webkit-appearance:none}
.contact-form textarea{padding:.5em;width:90%;min-height:150px;outline:0;border:solid 1px #d5d4d4;color:#898888;font-size:16px;resize:none;-webkit-appearance:none}
.contact-form .blue22{margin:.5em 0 0 0;padding:.5em 1.5em;outline:0;border:none;background:#bb1e10;color:#fff;text-align:right;font-weight:600;font-size:16px;font-family:'Open Sans',sans-serif;-webkit-appearance:none}
.contact-form .blue22:hover{background:#4d4d4d;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-ms-transition:.5s all}
span.menu{display:none}
.tec-wrap .titbox{padding-top:50px;padding-bottom:40px}
.tec-wrap .titbox h4{color:#333;font-size:40px;line-height:60px}
.tec-wrap .titbox .en-tt{display:block;height:54px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_10.png) no-repeat left center}
.tec-wrap .list li,.tec-wrap .list ul{width:100%}
.tec-wrap .list li.gray{background-color:#f8f8f8}
.tec-wrap .list .center{position:relative;left:0;margin:0 auto;width:980px;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}
.tec-wrap .list li{padding:50px 0}
.tec-wrap .list .num{display:block;width:104px;border-right:1px solid #ddd;color:#d2d2d2;font-weight:700;font-style:italic;font-size:72px;font-family:Arial;line-height:60px}
.tec-wrap .list .font{display:block;width:83.7%;font-size:16px;line-height:30px}
.tec-wrap .list li:hover{background-color:#ee7801}
.tec-wrap .list li:hover .font,.tec-wrap .list li:hover .num{color:#fff}
.tec-wrap .list li:hover .num{border-right:1px solid #f19334}
.tec-wrap .list li:hover .center{left:-16px}
.tec-wrap .more{display:block;margin:40px auto 60px;width:260px;height:45px;border-radius:20px;background-color:#ee7801;color:#fff;text-align:center;font-size:16px;line-height:45px}
.service-wrap{width:100%;height:620px;background:url(https://www.jinaolan.cc/static/web/css/../img/bg_06.jpg) no-repeat center}
.service-wrap .titbox{padding-top:80px;color:#fff}
.service-wrap .titbox h4{font-weight:700;font-size:40px;line-height:60px}
.service-wrap .titbox .en-tt{display:block;height:54px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_11.png) no-repeat left center}
.service-wrap .list{position:relative;overflow:hidden;margin-top:52px;width:100%}
.service-wrap .list ul{width:103%}
.service-wrap .list li{margin-right:2%;width:31%;background-color:#fff}
.service-wrap .m-list{display:none;padding-bottom:45px}
.service-wrap .list li:hover img{-webkit-transition:-webkit-transform .6s ease 0s;transition:transform .6s ease 0s;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}
.service-wrap .list .img{position:relative;display:block;overflow:hidden}
.service-wrap .list img{width:100%;-webkit-transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s;-webkit-transform:translateZ(0);transform:translateZ(0)}
.service-wrap .list p.tit{padding:18px 2%;width:96%;text-align:center;font-size:16px;line-height:30px}
.download-wrap{padding-top:60px;padding-bottom:60px;background-color:#f5f5f5}
.download-wrap .titbox h4{color:#000;font-size:40px;line-height:58px}
.download-wrap .titbox .en-tt{display:block;height:54px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_12.png) no-repeat left center}
.download-wrap .list{position:relative;overflow:hidden;margin-top:20px;width:100%}
.download-wrap ul{width:102%}
.download-wrap li{margin-right:2%;margin-bottom:20px;width:48%;background-color:#fff;font-size:14px;line-height:50px}
.download-wrap li a{float:left;display:block;width:100%}
.download-wrap li .ico{display:inline-block;margin-left:2%;width:50px;height:50px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_25.png) no-repeat center}
.download-wrap li .stit{display:inline-block;margin-left:4px}
.download-wrap li .down{display:inline-block;margin-right:5%;padding-left:31px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_26.png) no-repeat left center}
.download-wrap li:hover{background-color:#ee7801}
.download-wrap li:hover .ico{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_25_hov.png) no-repeat center}
.download-wrap li:hover .stit{color:#fff}
.download-wrap li:hover .down{background:url(https://www.jinaolan.cc/static/web/css/../img/ico_26_hov.png) no-repeat left center;color:#fff}
.download-wrap .page{margin-top:16px;width:100%;height:60px}
.search-bg{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;height:100%;background-color:#000;opacity:.8}
.searchbox{position:fixed;top:169px;left:50%;z-index:101;display:none;margin-left:-25%;width:50%;height:68px;border:1px solid #535353}
.m-search-box{position:fixed;top:54px;left:3%;z-index:101;display:none;width:93%;height:40px;border:1px solid #aaa}
.searchbox input.tex{padding:16px 2% 15px;width:80%;height:37px;border:medium none;background:0 0;color:#a7a7a7;font-size:36px;font-family:Arial;line-height:36px}
.m-search-box input.tex{padding:14px 2% 13px;width:80%;height:13px;border:medium none;background:0 0;color:#a7a7a7;font-size:12px;font-family:Arial;line-height:12px}
.searchbox input.search-btn{margin-right:1%;width:7%;height:68px;min-width:40px;border:medium none;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_115.png) no-repeat center center;background-size:50% auto}
.m-search-box input.search-btn{margin-right:1%;width:7%;height:40px;border:medium none;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_115.png) no-repeat center center;background-size:60% auto}
.close-search{position:fixed;top:50px;right:3%;z-index:101;display:none;width:37px;height:37px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_116.png) no-repeat center center;cursor:pointer}
.m-close-search{position:fixed;top:15px;right:4.6%;z-index:101;display:none;width:15px;height:15px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_116.png) no-repeat center center;background-size:100% auto;cursor:pointer}
.m-searchbtn{display:none;margin-top:16px;width:28px;height:15px;border-right:1px solid #ccc;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_117.png) no-repeat left center;background-size:auto 100%;cursor:pointer}
.search-tit{margin-top:30px;width:100%}
.search-tit .entit{display:block;height:66px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_13.png) no-repeat center}
.search-tit .numbox{color:#999;text-align:center;font-size:18px;line-height:52px}
.news-wrap .list-wrap.pd30{padding-top:30px}
.video-wrap{padding-top:30px;padding-bottom:50px;background-color:#f5f5f5}
.video-wrap .crumbs{text-align:right;line-height:30px}
.video-wrap .crumbs a{color:#666}
.video-wrap .titbox{margin-top:43px;text-align:center}
.video-wrap .titbox .en-tt{display:block;height:52px;background:url(https://www.jinaolan.cc/static/web/css/../img/font_14.png) no-repeat center}
.video-wrap .titbox .cn-tt{color:#333;font-size:24px;line-height:42px}
.video-wrap .vid-nav{margin-top:30px;text-align:center}
.video-wrap .vid-nav a{display:inline-block;margin:0 10px;width:160px;height:40px;border-radius:22px;background-color:#fff;color:#333;text-align:center;font-size:14px;line-height:40px;transition:all .3s ease 0s}
.video-wrap .vid-nav a.hover{background-color:#f5641e;color:#fff}
.video-wrap .vid-nav a:hover{color:#f5641e}
.video-wrap .vid-nav a.hover:hover{background-color:#f5641e;color:#fff}
.video-wrap .video-list{position:relative;overflow:hidden;margin-top:60px}
.video-wrap .video-list ul{width:102%}
.video-wrap .video-list li{margin-right:1.6%;margin-bottom:10px;width:31.7%}
.video-wrap .video-list li a{display:block}
.video-wrap .video-list li p{color:#000;text-align:center;font-size:14px;line-height:52px;transition:color .3s ease 0s}
.video-wrap .video-list li .img{position:relative;display:block;background-color:#000}
.video-wrap .video-list li .img img{width:100%;opacity:.5}
.video-wrap .video-list li .ico{position:absolute;top:50%;left:50%;display:block;margin-top:-35px;margin-left:-35px;width:70px;height:70px;background:url(https://www.jinaolan.cc/static/web/css/../img/ico_27.png) no-repeat center;transition:transform .6s ease 0s;transform:rotate(0)}
.video-wrap .video-list li:hover .ico{transform:rotate(180deg)}
.video-wrap .video-list li:hover p{color:#eb6e04}
.new_list{margin-top:25px}
.new_list li{border-bottom:1px #ccc dashed;line-height:30px}
.new_list span{float:right;color:#aaa}
.new_list a:hover{color:#d43537}
.news_cont{line-height:24px}
.news_cont p{margin-bottom:15px}
.w1310 .news_t{margin-bottom:25px;text-align:center;font-weight:400;font-size:26px}
.home_news{padding:50px 0}
.home_news h3{margin-bottom:20px;color:#444;font-size:20px}
.home_news_l{float:left;margin-right:4%;width:48%}
.home_news_list{float:left;width:48%}
.home_news_list li{border-bottom:1px dashed #ccc;line-height:40px}
.home_news_list li a{color:#333}
.home_news_list li span{float:right;display:inline-block;color:#666}
.home_news_list li a:hover{color:#cc3401}
@media screen and (max-width:768px){.header .lang{margin-left:0}
}
