<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}

html{position: relative;overflow-x: hidden;}
/*-----------------[初始化]--------------*/

body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";

    overflow-x: hidden;

}

a{color: #333;}

a:hover{color: #2d51a0;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{font-size: 12px;color: #333;

    font-family:"SourceHanSansCN-Regular";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}

@font-face {

    font-family: 'ENGCAPS';

    src: url('../fonts/ENGCAPS.TTF');

}

@font-face {

    font-family: 'gabo_drive';

    src: url('../fonts/gabo_drive.otf');

}

.ani{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

*,*:after,*:before{outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



/*布局*/

.wp{width: 100%;max-width: 1300px;margin: 0 auto;}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





/*******************************

  -------[=头部]-------

********************************/

.header{*zoom:1;position: absolute;top: 0;left: 0;right: 0;z-index: 1024;}

.header.fixed{position: fixed;box-shadow: 0px 0px 10px rgba(0,0,0,.1);background-color: #fff;}

.header:after,.hesoader:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.header-1{background-color: #fff;}

.logo{float: left;font-size: 0;line-height: 77px;}

.logo img{display: inline-block;vertical-align: middle;}

.hdr{float: right;}
.lang-en{float: right;line-height: 41px;margin-left: 15px;margin-top: 17px;font-size: 18px;}
.so{float: right;position: relative;margin-top: 17px;}
.so_en{float: right;position: relative;margin-top: 17px;}
.so .inp{width: 300px;display: block;height: 41px;font-size: 16px;
    border-radius: 22px;padding: 0 40px 0 31px;color: #fff;
    background-color: #2d51a0;border: 0;
}
.so .inp::-webkit-input-placeholder {color: #fff;}
.so .inp::-moz-placeholder {color: #fff; }
.so .inp::-ms-input-placeholder {color: #fff;}
.so .btn{position: absolute;top: 0;right: 0;width: 41px;height: 41px;
    border: 0;cursor: pointer;
    background: url(../images/i-so.png) no-repeat left center;
}
.header .so ul{background-color: #fff;display: none;padding: 10px;position: absolute;left: 0;right: 0;
    height: 300px;overflow-y: auto;
}
.header .so ul li {padding: 10px;cursor: pointer;font-size: 16px;
    word-wrap:break-word;
}
.header .so ul li:hover{color: #2d51a0;}
.nav{float: left;padding-right: 20px;}
.nav li{float: left;padding: 0 26px;}
.nav li .v1{display: block;font-size: 18px;line-height: 77px;
    color: #111;position: relative;z-index: 2;
}
.nav li .v1:before{content: '';position: absolute;bottom: 12px;left: 0;right: 0;height: 2px;
    background-color: #2D51A0;opacity: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li.on .v1:before,.nav li:hover .v1:before{opacity: 1;}
.nav li:hover .v1,.nav li.on .v1{color: #2d51a0;}
.nav li:nth-child(2) .v1:after{content: '';position: absolute;left: 50%;
    bottom: 0;border-bottom: 11px solid #f2f2f2;margin-left: -8px;opacity: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:nth-child(2):hover .v1:after{opacity: 1;}
.nav .sub-dl {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .18);
    padding-top: 4px;
    display: none;
    text-align: right;
    opacity: 0.95;
    border-top: 1px solid #ddd;
}
.nav .sub-dl dd{padding: 18px 0;}
.nav li:last-child .sub-dl {
    left: auto;
    right: 0
}
.nav .s-duo{position: absolute;bottom: 100%;height: 100px;left: 0;right: 0;}
.nav .sub-dl .v2 {
    display: inline-block;
    font-size: 14px;
    color: #202020;
    line-height: 24px;
    /* padding: 8px 5px 8px 36px; */
    padding: 0 19px;
    border-left: 1px solid #edeff0;
    position: relative;
    line-height: 1;
}
.nav .sub-dl .v2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5px;
    /* background-color: gray; */
    height: 100%;
    border-radius: 15px;
    border-left: 2px solid gray;
}
.nav .sub-dl .v2:hover {
    color: #1e3190;
}
.nav .sub-dl .v2:last-child {
    background-image: none
}
.nav .sub{position: absolute;left: 0;right: 0;top: 100%;/*height: 76px;*/
    text-align: center;display: none;
    /*margin-top: -12px;*/
}
.nav .sub-bg{background-color: #f2f2f2;/*margin-top: 12px;*/position: relative;font-size: 0;}
.nav .sub dl{display: inline-block;}
.nav .sub dd{float: left;padding: 19px 0;}
.nav .sub dd .v2:after{content: '';position: absolute;right: -23px;top: 50%;
    width: 1px;height: 28px;margin-top: -14px;
    background-color: #cecece;
}
.nav .sub dd .v2{padding: 0 30px;height: 38px;line-height: 38px;
    font-size: 18px;color: #000;display: block;margin: 0 23px;
    border-radius: 19px;position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub dd:last-child .v2:after{display: none;}
.nav .sub dd:hover .v2,.nav .sub dd.ok .v2{background-color: #3759a4;color: #fff;}
.nav .sub .ico{display: inline-block;vertical-align: middle;
    position: relative;width: 22px;height: 22px;top: -2px;
}
.nav .sub .ico i{position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;
    background-position: center;background-repeat: no-repeat;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub dd .i-on,
.nav .sub dd:hover .i-ok,.nav .sub dd.ok .i-ok{opacity: 0;}
.nav .sub dd:hover .i-on,.nav .sub dd.ok .i-on{opacity: 1;}
.nav .sub dd.ok .sub-two{display: block;}
/*.nav .sub dd:first-child .sub-two{display: block;}*/
.header .tel{position: absolute;right: 35px;top: 0;line-height: 38px;padding: 19px 0;
    font-size: 24px;font-family: arial;color: #000;opacity: .8;
    font-weight: bold;padding-left: 33px;
    background: url(../images/i-tel.png) no-repeat left center;
}
.pro-box{position: absolute;left: 0;right: 0;top: 100%;max-height: calc( 100vh - 153px );overflow-y: auto;
    background-color: rgba(255,255,255,.98);text-align: left;
    padding: 30px 0;display: none;
}
.pro-box::-webkit-scrollbar {
    width: 5px;
}
.pro-box::-webkit-scrollbar-track {
    background: #e4e5e5;border-radius: 5px;
}
.pro-box::-webkit-scrollbar-thumb {
    background: #3759a4;border-radius: 5px;
}
.pro-box::-webkit-scrollbar-thumb:window-inactive {
    background: #3759a4;
}
.pro-box.ok-db{display: block;}
.pro-box .cont{margin-left: -34px;}
.pro-box .item{float: left;width: 20%;padding-left: 34px;padding-top: 10px;
    border-right: 1px solid rgba(0,0,0,.1);/*min-height: 540px;*/
}
.pro-box .item h3{margin-bottom: 6px;}
.pro-box .item h3 a{font-size: 20px;color: #333;
    display: block;padding-left: 13px;position: relative;
}
.pro-box .item h3 a:after{content: '';position: absolute;left: 0;top: 50%;
    width: 4px;height: 26px;margin-top: -13px;border-radius: 2px;
    background-color: #294f9c;
}
.pro-box .cla{padding-left: 13px;margin-bottom: 25px;height: 208px;}
.pro-box .cla a{display: block;font-size: 14px;line-height: 26px;
    color: #666;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro-box .cla a:hover,.si-s:hover .v4{color: #294f9c;}
.pro-box .cla .more{font-weight: bold;color: #294f9c;}
.pro-box .cla .more:hover{text-decoration: underline;}
.pro-box .cla:last-child{margin-bottom: 0;}
.si-s{position: relative;}
.si-s .v4{padding-right: 8px;}
.si-s .v4:after{content: '';display: inline-block;vertical-align: middle;
    width: 44px;height: 4px;margin-left: 12px;opacity: 0;
    background: url(../images/ico-jian.png) no-repeat center;
}
.si-s:hover .v4:after{opacity: 1;}
.si-con{position: relative;display: inline-block;}
.wu-s{position: absolute;top: 0;left: 100%;width: 236px;display: none;z-index: 3;padding: 10px 0;
    background-color: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,.15);
    border: 1px solid #e5e5e5;border-radius: 0px 20px 0px 20px;
    min-height: 130px;
}
.wu-s:after{content: '';position: absolute;top: -1px;right: -1px;width: 97px;height: 103px;
    border: 2px solid #3759a4;border-left: 0;border-bottom: 0;border-radius: 0 20px 0 0;
}
.wu-s:before{content: '';position: absolute;left: -1px;bottom: -1px;width: 97px;height: 103px;
    border: 2px solid #3759a4;border-right: 0;border-top: 0;border-radius: 0 0 0 20px;
}
.wu-s a{display: block;line-height: 28px;font-size: 14px;color: #666;padding: 0 10px;position: relative;z-index: 2;}
.wu-s a:hover{color: #3759a4;}

/*.pro-box .item:nth-child(5n) .wu-s{left: auto;right: 100%;}
.pro-box .item:nth-child(5n) .si-s .v4:after{display: none;}*/
.logo-list { *zoom: 1}
.logo-list:after, .logo-list:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
.logo-list li:after, .logo-list li:hover:after {
    display: none !important
}
.logo-list li {
    width: 16.66%;
    float: left;
    margin: 0 !important
}
.logo-list li a {
    display: block;
    border: 1px solid #efefef;
    margin: 0 6px 12px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}
.logo-list .pic {
    height: 61px;
    overflow: hidden;text-align: center;
    border: 1px solid transparent;
    line-height: 59px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}
.logo-list .pic img {
    max-width: 85%;
    max-height: 85%;
    display: inline-block;
    vertical-align: middle;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}



.logo-list .pic:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.logo-list .pic:hover, .logo-list a:hover {
    border-color: #0055a2
}
.pro-box .more2 {
    display: block;

    text-align: left;

    color: #0055a2;

    font-size: 14px;

    margin-top: 10px

}

.pro-box .more2:hover{

    text-decoration: underline

}

.tab-list{margin-bottom: 20px;overflow: hidden;}

.tab-list a{
    float: left;width: 16.66%;margin-bottom: 5px;
    font-size: 16px;
    color: #202020;
    line-height: 24px;
    padding: 0 15px;
    position: relative;
    line-height: 2;
}



.tab-list a:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    width: 1px;

    height: 14px;margin-top: -7px;

    background-color: #b1b2b2;

}



.tab-list a:hover,.tab-list a.ok1{

    color: #0055a2;

}



.tab-list a:last-child:after{

    display: none;

}

.pro-box-1{padding-top: 30px;}



.nv-sel{position: absolute;left: 0;right: 0;top: 100%;
    background-color: rgba(255,255,255,.98);text-align: left;
    padding: 30px 0 28px;display: none;

}

.nv-sel .s-con{height: 552px;margin-bottom: 14px;

    overflow-y: auto;padding-right: 27px;

}

.nv-sel .s-con::-webkit-scrollbar {

    width: 5px;

}

.nv-sel .s-con::-webkit-scrollbar-track {

    background: #e4e5e5;border-radius: 5px;

}

.nv-sel .s-con::-webkit-scrollbar-thumb {

    background: #3759a4;border-radius: 5px;

}

.nv-sel .s-con::-webkit-scrollbar-thumb:window-inactive {

    background: #3759a4;

}

.nv-sel .item{overflow: hidden;line-height: 36px;

    border-bottom: 1px solid rgba(0,0,0,.1);

    padding-bottom: 13px;margin-bottom: 16px;

}

.nv-sel .tit{float: left;font-size: 14px;font-weight: bold;color: #333;

    width: 90px;

}

.nv-sel .cont{overflow: hidden;}

.nv-sel .cont label{float: left;font-size: 14px;color: #333;cursor: pointer;

    margin-right: 35px;

}

.nv-sel .cont label .rad{width: 15px;height: 15px;display: inline-block;vertical-align: middle;

    position: relative;top: -2px;cursor: pointer;margin-right: 5px;

    background: url(../images/i-01.png) no-repeat center;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.nv-sel .cont label .rad:checked{background-image: url(../images/i-01-on.png);}

.nv-sel .inp{width: 136px;height: 21px;text-align: center;font-size: 14px;

    border: 0;border-bottom: 1px solid #525252;

}

.nv-sel .bot{text-align: center;font-size: 0;}

.nv-sel .bot input{display: inline-block;height: 40px;width: 120px;

    border-radius: 20px;border: 0;font-size: 16px;outline: 0;

    cursor: pointer;margin: 0 4px;

}

.nv-sel .btn1{background-color: #e8eaeb;color: #333;}

.nv-sel .btn2{background-color: #3759a4;color: #fff;}

/*******************************

    -------[=导航]-------

********************************/

.menuBtn{position: relative;z-index: 9;display: none;float: right;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 3px;background-color: #004a84;

    margin: 3px 0 5px;border-radius: 2px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}



/*******************************

  -------[=banner]-------

*******************************/
/*.banner{height: 100vh;}*/
.banner .slick-slide .con{outline: 0;position: relative;display: block;/*height: 100vh;*/
    padding-top: 49%;height: 0;position: relative;overflow: hidden;
    background-position: center center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.banner .slick-slide .con:after{content: '';position: absolute;left: 0;bottom: 0;

    height: 2px;width: 0;background-color: #2d51a0;

}

.banner .slick-dots{position: absolute;left: 50%;bottom: 43px;width: 1300px;

    z-index: 3;font-size: 0;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .slick-dots li{display: inline-block;padding: 20px 0;cursor: pointer;}

.banner .slick-dots li button{display: block;margin: 0 6px 0 0;width: 89px;
    font-size: 0;text-indent: 9999px;border: 0;cursor: pointer;
    height: 2px;background-color: #2d51a0;opacity: .2;cursor: pointer;
}

.banner .slick-dots li.slick-active button{height: 4px;opacity: 1;}

.banner .slick-slide.slick-current .con:after{

    animation: banwid 5.5s;

}

@-webkit-keyframes banwid{

    0%{width: 0;}

    100%{width: 100%;}

}

@keyframes banwid{

    0%{width: 0;}

    100%{width: 100%;}

}
.banner .video{position: absolute;top: 50%;left: 50%;
    width: 100%;height: 100%;z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner .video video,.banner .video source{display: block;width: 100%;height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner .wp{position: absolute;height: 100%;z-index: 3;top: 0;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .txt{position: absolute;left: 0;color: #111;}
.banner .txt.left{top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt.top{right: 0;text-align: center;
    top: 15%;
}
.banner .txt.top .btn{margin: 0 auto;}
.banner .txt .e1{font-size: 22px;font-family: Arial;font-weight: bold;
    text-transform: uppercase;color: #995099;display: block;font-style: italic;
    opacity:0;
    -webkit-transition:all 1.4s ease-out;
    transition:all 1.4s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt .e1:before{content: '';display: inline-block;vertical-align: middle;
    width: 52px;height: 2px;margin-right: 10px;
    background-color: #995099;
}
.banner .txt .tit{font-size: 64px;
    opacity:0;
    -webkit-transition:all 1.6s ease-out;
    transition:all 1.6s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt .lab{font-size: 42px;margin-bottom: 63px;
    opacity:0;
    -webkit-transition:all 1.8s ease-out;
    transition:all 1.8s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .btn{width: 190px;height: 58px;display: block;text-align: center;line-height: 54px;
    border: 2px solid #111111;font-size: 18px;border-radius: 29px;
    opacity:0;display: none;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}

.banner .slick-slide.img_scale .e1{opacity:1;-webkit-transition:all 1.4s ease-out;transition:all 1.4s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.banner .slick-slide.img_scale .tit{opacity:1;-webkit-transition:all 1.6s ease-out;transition:all 1.6s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.banner .slick-slide.img_scale .lab{opacity:1;-webkit-transition:all 1.8s ease-out;transition:all 1.8s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.banner .slick-slide.img_scale .btn{opacity:1;-webkit-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.ban{height: 533px;position: relative;

    background-position: center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.ban .tit{position: absolute;top: 48%;left: 0;right: 0;text-align: center;

    color: #fff;

}

.ban .tit h2{font-size: 44px;line-height: 1.4;}

.ban .tit em{font-size: 24px;font-family: arial;}



/*******************************

  -------[=底部]-------

********************************/

.footer {
    overflow: hidden;
	position: relative;
    background-color: #e6e9ef;
}
.footer:before{content: '';position: absolute;left: 0;top: 0;height: 2px;width: 62%;
	background-color: #2D51A0;
}

.footer-nav {
    overflow: hidden;
    padding-top: 65px;
    margin-bottom: 60px
}

.footer-nav .item:first-child {

    text-align: inherit

}

.footer-nav .item {

    float: left;

    width: 235px;

    border-right: 1px solid #cdd1e2;

    min-height: 350px

}

.footer-nav .item:last-child {

    border-right: none;

    width: 70px;

    margin: 0

}

.footer-nav .item h3 {

    margin-bottom: 13px;

    font-size: 1.15vw;

    font-weight: 400

}

.footer-nav .item li {

    font-size: 16px;

    line-height: 2

}

.footer-nav .item li a {

    color: #888

}

.footer-nav .item li a:hover {

    color: #2d51a0

}

.footer-link {

    overflow: hidden;

    margin-bottom: 17px

}

.footer-link .link {

    float: left;line-height: 29px;

    font-size: 16px

}

.fd-logo{display: inline-block;vertical-align: middle;}

.footer-link .link img {

    margin-right: 10px

}

.footer-link .link span {display: inline-block;vertical-align: middle;

    padding: 0 10px;line-height: 1.2;

}

.footer-link .link span:nth-child(3) {

    border-right: 1px solid #000;

    border-left: 1px solid #000

}

.footer-link .shar {

    float: right;

    overflow: hidden

}

.footer-link .shar .pic {

    float: left;

    width: 27px;

    margin: 0 10px;

    cursor: pointer;

}

.footer-link .shar .pic img {

    width: 100%;

    height: 100%;

}

.footer-link .shar .pic:hover{opacity: .5;}

.footer-copy {

    font-size: 14px;

    overflow: hidden;

    background-color: #2d51a0;

    padding: 24px 0

}

.footer-copy .copy {

    float: left;

    width: 70%

}

.footer-copy .copy p {

    display: inline

}

.footer-copy .copy p:last-child {

    border: none

}

.footer-copy .info {

    float: right

}

.footer-copy p {

    color: #fff

}

.footer-copy a,

.footer-copy span {

    color: #fff;

    font-size: 12px

}

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

    .footer-nav .item {

        width: 11vw;

        margin-right: 1.2vw;

    }

}

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

    .footer-nav .item {

        width: 11vw;

        margin-right: 3.0vw !important;

    }

}

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

    .footer-copy .copy {

        width: auto;

    }

    .footer-copy .copy p {

        font-size: 12px;

    }

    .footer-copy a,

    .footer-copy span {

        font-size: 12px;

    }

}

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

    .footer-copy .copy,

    .footer-copy .info {

        float: none;

        text-align: center;

        width: auto

    }

}

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

    .wp {

        width: auto;

        padding: 0 15px

    }

    .footer-link .link img {

        width: 6.75vw

    }

    .footer-nav .item {

        width: 25%;

        margin-bottom: 60px

    }

}

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

    .footer-link,

    .footer-nav {

        display: none

    }

    .footer-copy .copy,

    .footer-copy .info {

        float: none

    }

    .footer-link .link img {

        width: 50px

    }

    .footer-link .link span {

        font-size: 12px

    }

}

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

    .footer-copy .copy p {

        float: none;

        padding: 0;

        border: none

    }

    .footer-copy .copy p:last-child {

        padding: 0

    }

    .footer-link .shar .pic {

        width: 3.4vw

    }

    .footer-nav .item {

        width: 50%;

        margin-bottom: 30px;

        border: none;

        margin-right: 0;

        height: 350px

    }

    .row-search {

        width: 100%;

    }

    .row-search input {

        width: 47%;

    }

}

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

    .footer-link .link,

    .footer-link .shar {

        float: none

    }

    .footer-link .shar .pic {

        width: 27px

    }

}

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

    .footer-nav .item {

        margin-right: 6px

    }

}





/*******************************

    -------[=正文]-------

********************************/
.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}








             

             

             



</pre></body></html>