html{width: 100%;min-width:1200px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{padding:0;margin:0}
body,button,input,select,textarea{font:14px/1.5 Microsoft Yahei,arial,sans-serif}
body{width: 100%;background:#fff;-webkit-font-smoothing: antialiased;color:#333;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:12px}
ul,ol{list-style:none}
hr{border: none;height: 1px}
a{color:inherit;text-decoration:none;outline:none;background-color: transparent}
a:hover,a:active{outline: none;text-decoration: none}
img{border:none}
b,strong{font-weight: bold}
table{border-collapse:collapse}
td,th{border: 1px solid #333}
input,input:focus{border: none;outline: none}
input[type="submit"]{cursor: pointer}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.tans05{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.tans1{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s}
.tans15{-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s}
.tans2{-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s}
.b{display: block;width: 100%;height: 100%}
.nclk{pointer-events: none}
.cl{clear: both}
.cl:after{content: "";clear: both;display: table}
.fl{float: left}
.fr{float: right}
.ws{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.p{padding: 0 calc(50% - 600px)}
/*¶¯»­*/
.ani-b-s{opacity: 0;-webkit-transform: translate(0, 50px);-moz-transform: translate(0, 50px);transform: translate(0, 50px)}
.ani-b-t{opacity: 0;-webkit-transform: translate(0, -50px);-moz-transform: translate(0, -50px);transform: translate(0, -50px)}
.ani-l{opacity: 0;-webkit-transform: translate(-200px, 0);-moz-transform: translate(-200px, 0);transform: translate(-200px, 0)}
.ani-r{opacity: 0;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);transform: translate(200px, 0)}
.ani-b{opacity: 0;-webkit-transform: translate(0, 200px);-moz-transform: translate(0, 200px);transform: translate(0, 200px)}
.ani-o{opacity: 0;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);transform: scale(0, 0)}
/*Ê×Ò³-----------------------------------------------------------*/
.header{
    height: 120px;
}
.logo{
    width: 160px;
    height: 100%;
}
.nav-list{
    height: 100%;
}
.nav-list li{
    float: left;
    width: 102px;
    height: 100%;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}
.nav-list li a{
    padding-top: 35px;
}
.nav-list li h3{
    margin-bottom: 5px;
    font-size: 16px;
}
.nav-list li p{
    color: #808080;
    font-size: 12px;
}
.nav-list li.active,
.nav-list li:hover{
    color: white;
    background: #0071b7;
}
.nav-list li.active p,
.nav-list li:hover p{
    color: white;
}
.nav-list li:first-child{
    border-left: 1px solid #e6e6e6;
}
.banner{
    height: 650px;
    overflow: hidden;
    position: relative;
}
.banner-con{
    width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 9;
}
.about{
    background: url("/JS9FH1OPUIWJJxEToSMFU1uQHj.jpg") no-repeat center top;
    padding-top: 85px;
    padding-bottom: 95px;
}
.title{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 40px;
    background: url("/JS9FH1OPUHqqDI1KoSMFU0WqHj.jpg") no-repeat center bottom;
}
.title p{
    font-size: 22px;
    font-family: Arial;
}
.title h3{
    font-size: 36px;
}
.title h3 span{
    color: #0071b7;
}
.title>span{
    font-size: 16px;
    color: #666;
}
.about-list{
    text-align: center;
    margin-bottom: 30px;
}
.about-list li{
    display: inline-block;
    vertical-align: top;
    width: 170px;
    height: 170px;
    margin: 0 5px;
}
.about-list li a{
    padding-top: 30px;
}
.about-list li i{
    display: block;
    margin: 0 auto 10px;
    width: 70px;
    height: 60px;
}
.about-list li h3{
    font-size: 16px;
}
.about-list li p{
    color: #999;
    font-size: 12px;
    font-family: Arial;
}
.about-list li:hover a{
    background: #0071b7;
}
.about-list li:nth-child(1) i{
    background: url("/JS9FH1OPUIWJJxEToSupotVPTxIsID.jpg") no-repeat;
}
.about-list li:nth-child(2) i{
    background: url("/JS9FH1OPUIWJJxEToSupotVOTxIsID.jpg") no-repeat;
}
.about-list li:nth-child(3) i{
    background: url("/JS9FH1OPUIWJJxEToSupotVNTxIsID.jpg") no-repeat;
}
.about-list li:nth-child(1):hover i{
    background: url("/JS9FH1OPUIWJJxEToSupotVPn1DsDy1G.jpg") no-repeat;
}
.about-list li:nth-child(2):hover i{
    background: url("/JS9FH1OPUIWJJxEToSupotVOn1DsDy1G.jpg") no-repeat;
}
.about-list li:nth-child(3):hover i{
    background: url("/JS9FH1OPUIWJJxEToSupotVNn1DsDy1G.jpg") no-repeat;
}
.about-list li:hover h3,
.about-list li:hover p{
    color: white;
}
.about-video{
    width: 510px;
    height: 310px;
}
.about-info{
    width: 560px;
}
.about-info h3{
    font-size: 24px;
}
.about-info h4{
    font-weight: normal;
    color: #666;
    margin-bottom: 10px;
}
.about-info-p{
    color: #666;
    line-height: 24px;
    text-indent: 2em;
    height: 192px;
    overflow: hidden;
}
.about-more{
    display: block;
    width: 100px;
    line-height: 28px;
    border: 1px solid #b3b3b3;
    color: #666;
    text-align: center;
    margin-top: 15px;
}
.about-more:hover{
    background: #0071b7;
    color: white;
    border-color: #0071b7;
}
.case{
    margin-bottom: 70px;
}
.case-con{
    background: url("/JS9FH1OPUIOIEyEgHIZoJ0WH.jpg") no-repeat center top;
    height: 580px;
    overflow: hidden;
}
.case-title{
    background: #0071b7 url("../images/case_title.png") no-repeat center top;
    height: 183px;
    color: white;
    text-align: center;
    font-size: 36px;
    padding-top: 75px;
}
.case-list{
    height: 100%;
}
.case-list li{
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.case-b,
.case-c{
    position: absolute;
    width: 100%;
    height: 100%;
}
.case-b{
    top: 100%;
    background: rgba(255,255,255,.8);
    z-index: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.case-c{
    z-index: 2;
    padding-top: 130px;
    text-align: center;
    color: white;
}
.case-c i{
    display: block;
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    background: url("/JS9FH1OPUIOIEyEgHTgpHy1qTxIsID.jpg") no-repeat;
    -webkit-transition: all .3s .4s;
    -moz-transition: all .3s .4s;
    -ms-transition: all .3s .4s;
    -o-transition: all .3s .4s;
    transition: all .3s .4s;
}
.case-list li:nth-child(1) .case-c i{
    background-position: 0 0;
}
.case-list li:nth-child(2) .case-c i{
    background-position: -110px 0;
}
.case-list li:nth-child(3) .case-c i{
    background-position: -220px 0;
}
.case-list li:nth-child(4) .case-c i{
    background-position: -330px 0;
}
.case-c h3{
    font-size: 16px;
}
.case-c p{
    font-family: Arial;
}
.case-c span{
    display: block;
    line-height: 30px;
    background: rgba(255,255,255,.7);
    font-size: 12px;
    color: #0071b7;
    width: 100px;
    margin: 30px auto 0;
}
.case-i{
    position: absolute;
    width: 100%;
    height: 140px;
    left: 0;
    z-index: 3;
    bottom: -100%;
    -webkit-transition: all .3s .4s;
    -moz-transition: all .3s .4s;
    -ms-transition: all .3s .4s;
    -o-transition: all .3s .4s;
    transition: all .3s .4s;
}
.case-list li:hover .case-c{
    color: #0071b7;
}
.case-list li:hover .case-c span{
    color: white;
    background: #0071b7;
}
.case-list li:hover .case-b{
    top: 0;
}
.case-list li:hover .case-i{
    bottom: 0;
}
.case-list li:hover .case-c i{
    background-position-y: -110px;
}
.pro-con{
    width: 1100px;
    margin: 0 auto;
    height: 100px;
    position: relative;
}
.swiper-pro{
    width: 1018px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.swiper-pro li a{
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.swiper-pro li:after{
    position: absolute;
    content: "";
    height: 100%;
    width: 10px;
    background: url("/JS9FH1OPUHATJz5YFucSK1H.jpg") no-repeat;
    right: -10px;
    top: 0;
}
.swiper-pro li a>span,
.pro-info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.pro-info{
    z-index: 2;
    padding-top: 15px;
}
.swiper-pro li a>span{
    z-index: 1;
    background: #0071b7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.pro-info i{
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}
.pro-info p{
    text-align: center;
    font-size: 16px;
    color: white;
    line-height: 20px;
}
.pro-info i.pro-icon-01{
    background: url("/JS9FH1OPUHATJz5oHSgootVPTxIsID.jpg") no-repeat;
}
.pro-info i.pro-icon-02{
    background: url("/JS9FH1OPUHATJz5oHSgootVOTxIsID.jpg") no-repeat;
}
.pro-info i.pro-icon-03{
    background: url("/JS9FH1OPUHATJz5oHSgootVNTxIsID.jpg") no-repeat;
}
.pro-info i.pro-icon-04{
    background: url("/JS9FH1OPUHATJz5oHSgootVUTxIsID.jpg") no-repeat;
}
.pro-info i.pro-icon-05{
    background: url("/JS9FH1OPUHATJz5oHSgootVTTxIsID.jpg") no-repeat;
}
.pro-info i.pro-icon-06{
    background: url("/JS9FH1OPUHATJz5oHSgootVSTxIsID.jpg") no-repeat;
}
.swiper-pro li:hover a>span{
    top: 98%;
}
.swiper-pro li:hover .pro-info p{
    color: #0071b7;
}
.swiper-pro li:hover .pro-info i.pro-icon-01{
    background: url("/JS9FH1OPUHATJz5oHSgootVPn1DsDy1G.jpg") no-repeat;
}
.swiper-pro li:hover .pro-info i.pro-icon-02{
    background: url("/JS9FH1OPUHATJz5oHSgootVOn1DsDy1G.jpg") no-repeat;
}
.swiper-pro li:hover .pro-info i.pro-icon-03{
    background: url("/JS9FH1OPUHATJz5oHSgootVNn1DsDy1G.jpg") no-repeat;
}
.swiper-pro li:hover .pro-info i.pro-icon-04{
    background: url("/JS9FH1OPUHATJz5oHSgootVUn1DsDy1G.jpg") no-repeat;
}
.swiper-pro li:hover .pro-info i.pro-icon-05{
    background: url("/JS9FH1OPUHATJz5oHSgootVTn1DsDy1G.jpg") no-repeat;
}
.swiper-pro li:hover .pro-info i.pro-icon-06{
    background: url("/JS9FH1OPUHATJz5oHSgootVSn1DsDy1G.jpg") no-repeat;
}
.swiper-pro-prev,
.swiper-pro-next{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 35px;
    cursor: pointer;
}
.swiper-pro-prev{
    left: 0;
    background: url("/JS9FH1OPUHATJz5rUHEoIt.jpg") no-repeat;
}
.swiper-pro-next{
    right: 0;
    background: url("/JS9FH1OPUHATJz5NUHEoIt.jpg") no-repeat;
}
.swiper-pro-prev:hover{
    background: url("/JS9FH1OPUHATJz5roSHoDIkH.jpg") no-repeat;
}
.swiper-pro-next:hover{
    background: url("/JS9FH1OPUHATJz5NoSHoDIkH.jpg") no-repeat;
}
.pro-list{
    background: #ddd;
    padding-top: 50px;
    padding-bottom: 50px;
}
.swiper-prolist{
    overflow: hidden;
    margin-bottom: 30px;
}
.swiper-prolist li{
    float: left;
    width: 250px;
    text-align: center;
}
.swiper-prolist li + li{
    margin-left: 33px;
}
.swiper-prolist li img{
    display: block;
    width: 190px;
    height: 250px;
    margin: 0 auto 10px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    opacity: .5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-prolist li p{
    font-size: 16px;
    color: rgba(0,0,0,.5);
    margin-bottom: 20px;
}
.swiper-prolist li span{
    display: block;
    width: 100px;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
    border: 1px solid #c7c8c8;
    color: #666;
    margin: 0 auto;
}
.swiper-prolist li:hover img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.swiper-prolist-span,
.swiper-news-span{
    text-align: center;
}
.swiper-prolist-span span,
.swiper-news-span span{
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background: #666;
    opacity: 1;
    margin: 0 8px;
}
.swiper-prolist-span span.swiper-pagination-bullet-active,
.swiper-news-span span.swiper-pagination-bullet-active{
    background: #0071b7;
}
.swiper-prolist li:hover p{
    color: #0071b7;
}
.swiper-prolist li:hover span{
    background: #0071b7;
    border-color: #0071b7;
    color: white;
}
.adv{
    background: url("/JS9FH1OPUIWDD25DIOcsDIH.jpg") no-repeat center top;
    height: 768px;
    padding-top: 80px;
    text-align: center;
    margin-bottom: 70px;
}
.adv-title{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 100px;
    margin-bottom: 35px;
    background: url("/JS9FH1OPUIWDD25TJxOMIOkQJyV.jpg") no-repeat left center;
}
.adv-title h3{
    font-weight: normal;
    font-size: 36px;
    color: white;
    line-height: 38px;
}
.adv-title p{
    font-size: 24px;
    color: rgba(255,255,255,.3);
    font-weight: bold;
}
.adv-con{
    position: relative;
}
.adv-img{
    position: absolute;
    top: 85px;
    left: 355px;
    width: 365px;
    height: 250px;
}
.adv-list li{
    width: 350px;
    text-align: left;
    position: absolute;
}
.adv-list li:nth-child(1),
.adv-list li:nth-child(3){
    text-align: right;
}
.adv-list li:last-child{
    width: 460px;
}
.adv-list li h3{
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #0071b7;
    font-weight: normal;
}
.adv-info{
    color: white;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
}
.adv-list li:nth-child(1){
    top: 0;
    left: 80px;
}
.adv-list li:nth-child(2){
    top: 0;
    right: 76px;
}
.adv-list li:nth-child(3){
    left: 0;
    top: 190px;
}
.adv-list li:nth-child(4){
    right: 0;
    top: 190px;
}
.adv-list li:nth-child(5){
    left: 320px;
    top: 370px;
}
.adv-list li:nth-child(1) h3{
    background: url("/JS9FH1OPUIWDD25TJxOMIT0QOEgOKSD.jpg") no-repeat right center;
    padding: 0 75px 0 120px;
}
.adv-list li:nth-child(2) h3{
    background: url("/JS9FH1OPUIWDD25TJxOMIT0QOugOKSD.jpg") no-repeat left center;
    padding: 0 120px 0 75px;
}
.adv-list li:nth-child(3) h3{
    background: url("/JS9FH1OPUIWDD25TJxOMIT0QOkgOKSD.jpg") no-repeat right center;
    padding: 0 75px 0 120px;
}
.adv-list li:nth-child(4) h3{
    background: url("/JS9FH1OPUIWDD25TJxOMIT0QNOgOKSD.jpg") no-repeat left center;
    padding: 0 120px 0 75px;
}
.adv-list li:nth-child(5) h3{
    background: url("/JS9FH1OPUIWDD25TJxOMIT0QNEgOKSD.jpg") no-repeat left 100px center;
    padding: 0 135px 0 175px;
}
.news{
    margin-bottom: 60px;
}
.swiper-news{
    margin-bottom: 30px;
    overflow: hidden;
}
.swiper-news li{
    float: left;
    width: 350px;
    position: relative;
}
.swiper-news li + li{
    margin-left: 25px;
}
.swiper-news li img{
    display: block;
    width: 100%;
    height: 180px;
}
.news-m{
    position: absolute;
    width: 100%;
    height: 180px;
    text-align: center;
    background: url("/JS9FH1OPUI1EDxWgKucSK1H.jpg") no-repeat;
    opacity: 0;
    color: white;
    padding-top: 95px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-con{
    background: #f2f2f2;
    padding-top: 15px;
    overflow: hidden;
}
.news-time{
    float: left;
    text-align: center;
    color: white;
    width: 70px;
}
.news-time-t{
    background: #0071b7;
    height: 80px;
    padding-top: 15px;
}
.news-time-t p{
    font-size: 16px;
    line-height: 18px;
}
.news-time-t b{
    display: block;
    font-size: 24px;
    line-height: 26px;
}
.news-time>span{
    display: block;
    background: #666;
    line-height: 30px;
}
.news-info{
    width: 260px;
    float: right;
    padding-right: 10px;
}
.news-info h3{
    line-height: 32px;
}
.news-info p{
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    color: #666;
}
.swiper-news li:hover .news-m{
    opacity: 1;
}
.swiper-news li:hover .news-info h3{
    color: #0071b7;
}
.nav-btm{
    background: #1a1a1a;
    height: 325px;
}
.nav-btm-info{
    float: left;
    padding-top: 55px;
}
.nav-btm-info>img{
    display: block;
    margin-bottom: 20px;
}
.nav-btm-tel{
    padding-left: 55px;
    margin-bottom: 20px;
    background: url("/JS9FH1OPUI1ID25DE1ydEIqsTxIsID.jpg") no-repeat left center;
}
.nav-btm-add{
    padding-left: 55px;
    background: url("/JS9FH1OPUI1ID25DE1ydHSMKTxIsID.jpg") no-repeat left center;
}
.nav-btm-tel p,
.nav-btm-add p{
    color: white;
}
.nav-btm-tel b{
    font-size: 20px;
    display: block;
    color: #0071b7;
}
.nav-btm-add span{
    color: #0071b7;
}
.footer{
    background: #000;
    text-align: center;
    color: #fff;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer p,
.footer img{
    opacity: .7;
}
.footer a:hover,
.nav-btm-link a:hover{
    text-decoration: underline;
}
.nav-btm-link{
    float: right;
    height: 100%;
}
.nav-btm-link dl{
    float: left;
    width: 150px;
    height: 100%;
    color: white;
    padding-left: 35px;
    padding-top: 55px;
    border-left: 1px solid #484848;
}
.nav-btm-link dl:last-child{
    border-right: 1px solid #484848;
}
.nav-btm-link dt{
    border-bottom:2px solid white;
    padding-bottom: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 30px;
    white-space: nowrap;
}
.nav-btm-link dd{
    line-height: 28px;
    opacity: .7;
}
.nav-btm-link dl:last-child dd{
    opacity: 1;
}
.i-banner{
    height: 350px;
    position: relative;
    overflow: hidden;
}
.i-banner img{
    display: block;
    position: absolute;
    width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.i-a-info{
    width: 1100px;
    background: white;
    padding: 28px 28px 60px;
    margin: -70px auto 0;
    position: relative;
    z-index: 9;
}
.i-a-info>h3{
    text-align: center;
    font-size: 24px;
    background: url("/JS9FH1OPUIceIT5nNOcSK1H.jpg") no-repeat center bottom;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.i-a-info>h3 span{
    color: #0071b7;
}
.i-a-info-p{
    text-indent: 2em;
    line-height: 26px;
}
.i-a-team{
    background: url("/JS9FH1OPUIceIT5TIyILoyOHTy9OID.jpg") no-repeat center top;
    padding-top: 65px;
    height: 522px;
}
.i-title-b{
    color: #0071b7;
}
.i-title-b h3:after{
    background: #0071b7;
}
.i-title-w{
    color: white;
}
.i-title-w h3:after{
    background: white;
}
.i-title{
    text-align: center;
    margin-bottom: 30px;
}
.i-title h3{
    font-size: 30px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
}
.i-title h3:after{
    width: 45px;
    height: 3px;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -23px;
    bottom: 0;
}
.i-title p{
    font-size: 20px;
    font-family: Arial;
}
.i-a-team-con{
    position: relative;
}
.swiper-i-a-team{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-i-a-team img{
    border-radius: 50%;
    width: 100%;
}
.swiper-i-a-team p{
    line-height: 50px;
    font-size: 16px;
    color: white;
    text-align: center;
}
.swiper-i-a-team-prev,
.swiper-i-a-team-next{
    position: absolute;
    width: 24px;
    height: 44px;
    cursor: pointer;
    top: 80px;
}
.swiper-i-a-team-prev{
    left: 0;
    background: url("/JS9FH1OPUIceIT5TIyILoy4qESgJ.jpg") no-repeat;
}
.swiper-i-a-team-next{
    right: 0;
    background: url("/JS9FH1OPUIceIT5TIyILoxNqESgJ.jpg") no-repeat;
}
.i-a-team-video {
    padding-bottom: 50px;
    height: auto;
    background: none;
}
.i-a-team-video .i-title h3 {
    color: #333;
}
.i-a-team-video .i-title h3:after {
    background: #333;
}
.i-a-team-video .i-title p {
    color: #333;
}
.i-a-team-video .video {
    margin: 0 auto;
    width: 1100px;
    height: 498px;
}

.i-plist{
    width: 1100px;
    margin: 0 auto;
    height: 183px;
}
.i-plist li{
    float: left;
    width: 16.66%;
    height: 100%;
}
.i-plist li a{
    padding-top: 22px;
}
.i-plist li i{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.i-plist li p{
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}
.i-plist li:hover a,
.i-plist li.active a{
    background: #0071b7;
}
.i-plist li:hover p,
.i-plist li.active p{
    color: white;
}
.i-plist li:nth-child(1) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QOEgOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(2) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QOugOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(3) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QOkgOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(4) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNOgOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(5) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNEgOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(6) i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNugOKSD.jpg") no-repeat;
}
.i-plist li:nth-child(1):hover i,
.i-plist li:nth-child(1).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QOJcDURAnHt.jpg") no-repeat;
}
.i-plist li:nth-child(2):hover i,
.i-plist li:nth-child(2).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QOzcDURAnHt.jpg") no-repeat;
}
.i-plist li:nth-child(3):hover i,
.i-plist li:nth-child(3).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QO2cDURAnHt.jpg") no-repeat;
}
.i-plist li:nth-child(4):hover i,
.i-plist li:nth-child(4).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNTcDURAnHt.jpg") no-repeat;
}
.i-plist li:nth-child(5):hover i,
.i-plist li:nth-child(5).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNJcDURAnHt.jpg") no-repeat;
}
.i-plist li:nth-child(6):hover i,
.i-plist li:nth-child(6).active i{
    background: url("/JS9FH1OPUIceEI1oDROdJT0QNzcDURAnHt.jpg") no-repeat;
}
.i-plist-two{
    background:rgba(0,113,183,.4);
    height: 1px;
   /*  padding-top: 20px;
   padding-bottom: 20px; */
}
.i-plist-two li{
    float: left;
    color: white;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    line-height: 38px;
    margin-right: 35px;
}
.i-plist-two li.active,
.i-plist-two li:hover{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.pages{
    clear: both;
    text-align: center;
    overflow: hidden;
    margin:0 auto;
    font-family: "ËÎÌå";
}
.pages a{
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #c3c3c3;
    background-color: #f5f5f5;
    line-height: 24px;
    text-align: center;
    margin-right: 16px;
}
.pages a:last-child{
    margin-right: 0;
}
.pages a.page_top,
.pages a.page_bottom{
    width: 30px;
}
.pages a.page_active,
.pages a:hover{
    color: #0071b7;
    border-color: #0071b7;
}
.i-p-con{
    padding-top: 60px;
    padding-bottom: 70px;
}
.i-p-con>h3{
    font-size: 30px;
    color: #0071b7;
    text-align: center;
    margin-bottom: 30px;
}
.i-p-list{
    margin-bottom: 50px;
}
.i-p-list li{
    float: left;
    width: 25%;
    height: 350px;
    border: 1px solid #e6e6e6;
}
.i-p-list li a{
    position: relative;
    padding-top: 30px;
}
.i-p-list li img{
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}
.i-p-info{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 245px 30px 0 95px;
    color: #0071b7;
    font-size: 16px;
    line-height: 24px;
}
.i-p-info span{
    display: block;
    font-size: 12px;
    margin-top: 10px;
}
.i-p-list li:hover .i-p-info{
    background: url("/JS9FH1OPUIceEJ5sUHEoIt.jpg") no-repeat;
    color: white;
}
.i-c{
    padding-top: 70px;
    padding-bottom: 80px;
    background: url("/JS9FH1OPUIceIz5DIOcsDIH.jpg") no-repeat center top / cover;
}
.i-clist li{
    float: left;
    background: url("/JS9FH1OPUIceIy1oDROdH1HqESgJ.jpg") no-repeat;
    width: 529px;
    height: 247px;
    margin-bottom: 40px;
}
.i-clist li:nth-child(2n){
    float: right;
}
.i-clist li a{
    padding: 64px 0 0 84px;
}
.i-clist li i{
    float: left;
    width: 110px;
    height: 110px;
}
.i-clist-info{
    padding-left: 150px;
}
.i-clist-info h3{
    font-size: 16px;
    margin-bottom: 5px;
    color: white;
}
.i-clist-info p{
    color: white;
    font-family: Arial;
}
.i-clist-info span{
    display: block;
    text-align: center;
    width: 100px;
    line-height: 30px;
    background: rgba(255,255,255,.5);
    margin-top: 20px;
}
.i-clist li:nth-child(1) i{
    background: url("/JS9FH1OPUIceIy1oDROdNDZqESgJ.jpg") no-repeat;
}
.i-clist li:nth-child(2) i{
    background: url("/JS9FH1OPUIceIy1oDROdNDNqESgJ.jpg") no-repeat;
}
.i-clist li:nth-child(3) i{
    background: url("/JS9FH1OPUIceIy1oDROdNDRqESgJ.jpg") no-repeat;
}
.i-clist li:nth-child(4) i{
    background: url("/JS9FH1OPUIceIy1oDROdNDLqESgJ.jpg") no-repeat;
}
.i-clist li:nth-child(1):hover i{
    background: url("/JS9FH1OPUIceIy1oDROdNDAfIEgOKSD.jpg") no-repeat;
}
.i-clist li:nth-child(2):hover i{
    background: url("/JS9FH1OPUIceIy1oDROdNDOfIEgOKSD.jpg") no-repeat;
}
.i-clist li:nth-child(3):hover i{
    background: url("/JS9FH1OPUIceIy1oDROdNDSfIEgOKSD.jpg") no-repeat;
}
.i-clist li:nth-child(4):hover i{
    background: url("/JS9FH1OPUIceIy1oDROdNDMfIEgOKSD.jpg") no-repeat;
}
.i-c-tlist{
    text-align: center;
    margin-bottom: 40px;
}
.i-c-tlist li{
    display: inline-block;
    vertical-align: top;
    width: 140px;
    line-height: 48px;
    margin: 0 8px;
    font-size: 16px;
}
.i-c-tlist li a{
    color: white;
    border: 1px solid white;
    border-radius: 24px;
}
.i-c-tlist li.active a,
.i-c-tlist li a:hover{
    background: white;
    color: #0071b7;
}
.i-c-list li{
    float: left;
    text-align: center;
    width: 340px;
    color: white;
    font-size: 16px;
    line-height: 50px;
    margin: 0 40px 20px 0;
}

.n_m li a{
    background: white;
    color: #333333;
    border: 1px solid #999;
}
.n_m li a:hover,.n_m li.active a{
    background: #0071b7;
    color: #fff;
    border: 1px solid #999;
}

.i-c-list li a{
    position: relative;
}
.i-c-list-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 230px;
    background: rgba(0,113,183,.8);
    padding-top: 45px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}
.i-c-list-info h3{
    margin-bottom: 60px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.i-c-list-info i{
    display: block;
    background: url("/JS9FH1OPUIceIz5sKRMDU0WqHj.jpg") no-repeat;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.i-c-list li img{
    display: block;
    width: 100%;
    height: 230px;
    border: 1px solid white;
    padding: 6px;
}
.i-c-list li:nth-child(3n),
.i-v-list li:nth-child(3n),
.i-h-list li:nth-child(3n){
    margin-right: 0;
}
.i-c-list li:hover .i-c-list-info{
    padding-top: 65px;
    opacity: 1;
}
.i-c-list li:hover .i-c-list-info h3{
    margin-bottom: 20px;
}
.i-v,
.i-h,
.i-n{
    padding-top: 40px;
    padding-bottom: 60px;
}
.i-v-list li{
    float: left;
    width: 340px;
    height: 290px;
    margin: 0 40px 40px 0;
}
.i-v-list li a{
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    position: relative;
}
.i-v-list li img{
    display: block;
    width: 100%;
    height: 210px;
    margin-bottom: 20px;
}
.i-v-list li p{
    line-height: 30px;
    border-left: 4px solid #0071b7;
    text-indent: 15px;
    font-size: 16px;
}
.i-v-list li i{
    position: absolute;
    width: 308px;
    height: 210px;
    background: url("/JS9FH1OPUIceD25sUHEoIt.jpg") no-repeat center / cover;
    opacity: 0;
    top: 15px;
    left: 15px;
}
.i-v-list li:hover i{
    opacity: 1;
}
.i-h-list li{
    float: left;
    width: 340px;
    margin: 0 40px 20px 0;
}
.i-h-list li img{
    display: block;
    width: 100%;
    height: 400px;
    padding: 10px;
    border: 1px solid #ccc;
}
.i-h-list li p{
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.i-h-list li:hover img{
    border-color: #0071b7;
}
.i-h-list li:hover p{
    color: #0071b7;
}
.i-n-imp{
    margin-bottom: 30px;
}
.i-n-imp li{
    width: 350px;
    float: left;
}
.i-n-imp li a{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.i-n-imp li:hover a{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.i-n-imp li:hover h3{
    color: #0071b7;
}
.i-n-imp li + li{
    margin-left: 25px;
}
.i-n-imp img{
    display: block;
    width: 100%;
    height: 180px;
}
.i-n-info{
    border: 1px solid #d9d9d9;
    padding: 20px;
}
.i-n-info span{
    display: block;
    color: #666;
    line-height: 28px;
}
.i-n-info p{
    color: #666;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.i-n-list li{
    height: 80px;
    padding: 15px 20px 15px 0;
}
.i-n-list li:nth-child(2n+1){
    background: #f2f2f2;
}
.i-n-time{
    float: left;
    height: 100%;
    width: 115px;
    text-align: center;
    border-right: 1px solid #ccc;
}
.i-n-time b{
    display: block;
    font-size: 26px;
    color: #808080;
    line-height: 26px;
}
.i-n-time p{
    font-size: 16px;
    color: #999;
}
.i-n-list li h3{
    float: left;
    line-height: 50px;
    margin-left: 30px;
    width: 700px;
}
.i-n-list li h3 a:hover{
    color: #0071b7;
}
.i-co{
    padding-top: 60px;
    background: url("/JS9FH1OPUIceIy5gHIZoJ0WH.jpg") no-repeat center top;
    height: 416px;
    color: white;
}
.i-co-info{
    font-size: 18px;
    line-height: 50px;
    padding-left: 210px;
    margin-bottom: 40px;
}
.i-co-info p{
    float: left;
}
.i-co-info p:nth-child(2n+1){
    width:470px;
}
.i-co-list li{
    width: 350px;
    float: left;
    border-radius: 32px;
    line-height: 22px;
    padding: 10px 0 10px 60px;
    border: 1px solid rgba(255,255,255,.5);
    background: url("/JS9FH1OPUIceIy5gHyOEU0WqHj.jpg") no-repeat left 30px center;
}
.i-co-list li + li{
    margin-left: 25px;
}
.map{
    height: 400px;
    overflow: hidden;
    position: relative;
}
.map-con{
    width: 1920px;
    position: absolute;
    height: 100%;
    left: 50%;
    margin-left: -960px;
    top:0;
}
.i-co-form{
    padding-top: 60px;
    padding-bottom: 60px;
}
.i-co-form .i-title h3:after{
    background: #333;
}


.r{ float:right;}
.l{ float:left;}
a{ outline:none;}
.ws{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
/* .p{padding: 0 calc(50% - 550px)} */
.blue{ color:#0071b7;}
.mar_20{margin-top:20px;}
.ny_pad{ min-height:300px;  overflow:hidden; }
.ny_news_ct88{padding:0px 0px 30px; line-height:30px; text-align: left;}
.ny_news_ct88 .info{ padding-bottom: 10px; margin-bottom: 0; overflow: hidden; }
.ny_news_ct88 .info p{text-indent: 0;float: left;background:#ccc; padding:2px 5px; margin-right:8px;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_news_tl88 li{text-align:center; height:40px; line-height:40px;}
.ny_news_tl88 .new_title{font-size:20px; font-weight:bold; border-bottom:#ddd solid 1px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.ny_news_tl88 span{padding:0 5px; color:#999;}
.ny_news_ct88 p{ text-indent: 24px; }
.news_fy{padding:10px 50px 0; height:55px; border-top:#ccc solid 1px;position: relative;z-index: 999;text-align: left;}
.news_fy_l{width:300px;}
.news_fy_l li{height:24px; line-height:24px;}
.news_fy_l span{font-weight:bold;}
.news_fy_r{height:35px; overflow:hidden; padding-top:12px; width:200px;}
.news_fy_r .bdsharebuttonbox{float: right;}

caption{font-size: 20px;line-height: 35px;}
.feedback_table{border-collapse:collapse; color:#696969}
.feedback_table h4,.feedback_table h3{color: #666;}
.feedback_table tr td{padding: 5px 5px 5px 20px; }
.feedback_table tr td:nth-child(2){text-align: left; }
.feedback_table tr td{ border: 1px solid #ececec;line-height: 40px;}
.feedback_table tr td input[type=submit]{background-color: #DD1F2B; color: #fff;}
.feedback_table tr td .bt{ width: 85px; height:35px;  border-radius: 5px; cursor: pointer;}
.feedback_table tr td input,.feedback_table tr td textarea{padding:3px 5px;color: #666; margin:0 10px; border: 1px solid #ececec; width: 50%;}
.feedback_table tr td #address{height: 30px; width: 80%; line-height: 15px; }
.feedback_table tr td textarea{margin:10px 0px 10px 10px; width: 80%; border-radius: 20px;}

.sub{width: 320px;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.news_image{ padding:20px 0; position:relative;}
.news_image img{ border-radius:4px; display:block; margin:0 auto;}
.news_image #pre1{position:absolute; display:block; width:50%; height:100%; top:0; z-index:9; cursor: url(/JS9FH1OPUDVnIxENQRNVPDLUQN0W.jpg),auto;}
.news_image #next1{position:absolute;display:block; width:50%; height:100%; top:0; left:50%;z-index:9;cursor: url(/JS9FH1OPUDRnIxENQRNVPDLUQN0W.jpg),auto;}
 
/*·­Ò³*/
.fy{height:32px;line-height:32px; text-align:center; width:100%; clear: both;}
.fy a,.fy span{padding:2px 9px;border:#aaa solid 1px;margin:0 7px;background-color:#f5f5f5; color: #666;}
.fy span,.fy a:hover{color:#0071b7;border: #0071b7 solid 1px;}
.flink a{ margin:0 5px;}

@font-face {
 font-family: "mySource";
 src: url('/I11qDRLrLIkOE1WKr1IoLyAqE3M;U2SEHxErHxLoIS1U.jpg');
 /* IE9 */
 src: url('/I11qDRLrLIkOE1WKr1IoLyAqE3M;U2SEHxErHxLoIS1U.jpg') format('embedded-opentype'),
     /* IE6-IE8 */
     url('/I11qDRLrLIkOE1WKr1IoLyAqE3M;U2SEHxErHxLoEy1IHt.jpg2') format('woff2'),
     url('/I11qDRLrLIkOE1WKr1IoLyAqE3M;U2SEHxErHxLoEy1IHt.jpg') format('woff'),
     url('/I11qDRLrLIkOE1WKr1IoLyAqE3M;U2SEHxErHxLoEHMI.jpg') format('truetype'),
     /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
     url('/fonts/SourceHanSansCN-Regular.svg') format('svg');
 /* iOS 4.1- */
}

/*new home*/
* {
    /*outline: 1px solid pink;*/
}

.header {
 display: flex;
 flex-direction: column;
 height: auto;
}

.header-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 70px;
}

.header-top .logo {
 display: block;
 width: 332px;
 height: 61px;
 background-color: transparent;
 overflow: hidden;
}

.header-top .logo img {
 display: inline-block;
 width: 100%;
 height: auto;
}

.header-contact {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 40px;
 line-height: 20px;
 color: #333;
 font-size: 21px;
 font-family: 'SimHei';
}

.nav-list {
 display: flex;
 height: 65px;
 z-index: 3;
}

.nav-list li {
 flex: 1;
 display: flex;
 align-items: center;
}

.nav-list li a {
 padding: 0;
 height: auto;
}

.nav-list li a h3 {
 margin-bottom: 0;
 font-size: 18px;
 font-family: 'SimHei';
}

.nav-list li a p {
 font-family: 'mySource';
 font-size: 14px;
}

.nav-list li:last-child {
 border-right: none;
}

.nav-list li .nav-child {
    display: none;
    position: absolute;
    top: 135px;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 197px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.nav-list li:hover .nav-child {
    display: flex;;
}
.nav-child-ls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 1100px;
    height: 100%;
}
.nav-child-ls a {
    margin-right: 50px;
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.nav-child-ls a img {
    display: inline-block;
    width: 100%;
    height: 100px;
}
.nav-child-ls a span {
    display: inline-block;
    width: 100%
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333;
    font-family: "mySource";
}

.banner {
    z-index: 2;
}

.adv {
    margin-bottom: 0;
}
.clean {
    width: 100%;
    height: auto;
}
.clean-ls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
    height: 180px;
}
.clean-ls li {
    width: 350px;
    height: 100%;
}
.clean-ls li img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.clean-des h3 {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-family: "mySource";
}
.clean-des small {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-family: "mySource";
}
.clean-des p {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    text-align: center;
}

.nav-btm-wx {
    position: relative;
    padding-left: 55px;
    margin: 20px auto;
    height: 40px;
    background: url(/JS9FH1OPUI1ID25DE1ydExbqESgJ.jpg) no-repeat left center;
}
.nav-btm-wx p {
    position: relative;
    top: 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
}
.nav-btm-img {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 55px;
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
}
.nav-btm-img img {
    width: 100%;
    height: 100%;
}
.nav-btm-img::after {
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -18px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #fff;
}
.nav-btm-wx:hover .nav-btm-img {
    display: inline-block;
}
.nav-btm-link dl {
    width: 130px;
}
.pro-con {
    width: 1200px;
    height: auto;
}
.pro-con .pro-con-title li {
    position: relative;
    box-sizing: border-box;
    width: 25%;
    height: 100px;
    background-color: #0071b7;
    transition: all .5s;
}
.pro-con-title li.active,
.pro-con-title li:hover {
    background-color: #fff;
    border: 2px solid #0071b7;
}

.pro-con-title li.active p,
.pro-con-title li:hover p {
    color: #0071b7;
}

.pro-con-title li:nth-child(1):hover i,
.pro-con-title li:nth-child(1).active i{
    background: url("/JS9FH1OPUHATJz5oHSgootVPn1DsDy1G.jpg") no-repeat;
}
.pro-con-title li:nth-child(2):hover i,
.pro-con-title li:nth-child(2).active i{
    background: url("/JS9FH1OPUHATJz5oHSgootVSn1DsDy1G.jpg") no-repeat;
}
.pro-con-title li:nth-child(3):hover i,
.pro-con-title li:nth-child(3).active i{
    background: url("/JS9FH1OPUHATJz5oHSgootVUn1DsDy1G.jpg") no-repeat;
}
.pro-con-title li:nth-child(4):hover i,
.pro-con-title li:nth-child(4).active i{
    background: url("/JS9FH1OPUHATJz5oHSgootVNn1DsDy1G.jpg") no-repeat;
}

.prod-child {
    margin: 0 auto 55px auto;
    width: 100%;
}
.prod-child-ls {
    display: none;
    justify-content: space-between;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.prod-child-ls.active {
    display: flex;
}
.prod-child-nav {
    width: 300px;
    height: 100%;
    border-top: none;
    border: 2px solid #0071b7;
}
.prod-child-nav li {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 50px;
    width: 100%;
    height: 100px;
    text-align: center;
    overflow: hidden;
    border-bottom: 2px solid #0071b7;
}
.prod-child-nav li a {
    font-size: 24px;
    color: #333;
    font-family: "mySource";
}
.prod-child-content {
    position: relative;
    width: 900px;
    height: 100%;
    overflow: hidden;
    border: 2px solid #0071b7;
    border-top: none;
    border-left: none;
}
.prod-child-img {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.prod-child-img img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
.prod-child-content h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 35px;
    width: 100%;
    height: 99px;
    line-height: 99px;
    text-align: right;
    color: #fff;
    font-size: 24px;
    font-family: "mySource";
    background-color: rgba(0,0,0,.3);
}

.about {
    display: flex;
    justify-content: space-between;
    padding-top: 120px;
    width: 100%;
}
.about-des {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
}
.about-des .about-des-img {
    margin-left: 50px;
    width: 350px;
    height: 350px;
    background-color: #ddd;
}
.about-des .about-info h3 {
    font-size: 26px;
}
.about-des .about-info .about-info-p {
    margin: 25px 0;
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}
.about-des-img img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.about-right {
    margin-left: 65px;
    width: 340px;
    height: 100%;
}
.about-right-title {
    position: relative;
    top: 30px;
    margin-bottom: 80px;
}
.about-right-title h3 {
    font-size: 36px;
    color: #333;
    font-family: "mySource";
    text-align: center;
    background: no-repeat url('/images/information.png') top center;
}
.about-right-title small {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
    font-family: "mySource";
    text-align: center;
}
.about-right-nav {
    display: flex;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #999;
}
.about-right-nav a {
    display: inline-block;
    flex: 1;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 18px;
    text-align: center;
    font-family: "mySource";
}

.about-right-nav a.active,
.about-right-nav a:hover {
    color: #fff;
    background-color: #0071b7;
}
.about-news-ls {
    display: none;
}
.about-news-ls.active {
    display: block;
}
.about-news-ls li {
    width: 100%;
    height: 55px;
    line-height: 55px;
}
.about-news-ls li a {
    color: #666;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-news-ls li a:hover {
    color: #0071b7;
}