@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input, button{margin: 0; padding: 0; vertical-align: top; border: none; background: none; outline: none;}
html,body{font-style: normal; font-family: "Microsoft YaHei", "Arial"; font-size: 16px;}
ul li,ol li{list-style: none;}
a{text-decoration: none; color: #000;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
em,i{font-style:normal;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}

@font-face {
    font-family: 'PFDin';
    src: url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.eot');
    src: url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.eot') format('embedded-opentype'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.woff2') format('woff2'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.woff') format('woff'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.ttf') format('truetype'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/pfdintextcomppro-regular-webfont.svg#pfdin') format('svg');
}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.eot');
    src: url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.eot') format('embedded-opentype'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.woff2') format('woff2'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.woff') format('woff'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.ttf') format('truetype'),
    url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*浠ヤ笂鏄叕鍏卞０鏄�*/

@font-face{font-family:'gothamregular';src:url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.eot');src:url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.eot') format('embedded-opentype'),url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.woff2') format('woff2'),url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.woff') format('woff'),url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.ttf') format('truetype'),url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/fonts/gotham-black-webfont.svg#gothamregular') format('svg');font-weight:normal;font-style:normal;}
.wrap{width: 1382px;margin: 0 auto;}

.header{background: #fff;width: 1382px;line-height: 92px;box-shadow: 0 4px 10px rgba(0,0,0,0.09);position: absolute;
    z-index: 1000;animation: gupIn 1s 0.1s both;top: 43px;left: 50%;margin-left: -691px;}


.header .logo{margin:21px 0 0 16px;float: left;transition: all 0.2s linear;}
.header .logo img{margin:0 auto;max-width: 100%;display: block;}
.header .tnav{float: right;}
.header .nav{float: left;transition: all 0.2s linear;margin-right: 15px;}
.header .nav li{float: left;text-align: center;position: relative;margin: 0 25px;}
.header .nav li > a{display: block;font-size: 16px;color: #1c1c1c;}
.header .nav li > a::after{content: '';display: block;position: absolute;left: 0px;right: 0px;bottom: 0;height: 0;
    background: #007cc8;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}



.header .nav li:hover > a::after,.header .nav li.active > a::after{height: 5px;}

/*.header .nav .sub{display:none;z-index:1000;position: absolute;top:100%;background: #fff;right: -30px;left: -30px;
    box-shadow: inset 0 6px 6px rgba(0,0,0,0.08);}*/

.header .nav .sub{display:none;z-index:1000;position: absolute;top:100%;left: -190px;width: 445px;background: #fff; /*box-shadow: inset 0 6px 6px rgba(0,0,0,0.08);*/border-top: 2px solid #ebebeb;/*height: 46px;*/box-sizing: border-box;}

.header .nav li:nth-child(2) .sub{width: 267px;left: -100px;}
.header .nav li:nth-child(4) .sub{width: 580px;left: -235px;}
.header .nav li:nth-child(5) .sub,.header .nav li:nth-child(7) .sub{width: 89px;left: -12px;}
.header .nav li:nth-child(6) .sub{width: 178px;left:-50px;}

.header .nav .sub a{/*border-top: 1px solid #ebebeb;*/float: left;display: inline-block;line-height:20px;text-align: center;font-size: 14px; padding: 0 16px;margin: 13px 0;color: #6a6a6a;transition: all ease-out 200ms;border-right:1px solid #ebebeb;box-sizing: border-box; }
.header .nav .sub a:last-child{border: none;}
/*
.header .nav .sub a{border-top: 1px solid #ebebeb;display: block;line-height: 50px;text-align: center;font-size: 14px;  width: auto;color: #6a6a6a;transition: all ease-out 200ms;}

*/

.header .nav .sub a:hover{background: #007cc8; color: #fff; border-color: #007cc8;}
.header .nav li:hover .sub{display: block;}
.header .nav li:first-child:hover .sub{display: none;}



.header .headmore{float: right;position: relative;}
.header .headmore .btns{float: left;}
.header .headmore .btns span{display: block;margin-top: 55px;font-size: 12px;color: #fff;text-align: center;line-height: 1.4;}
.header .headmore .btns a{display: block;width: 76px;height: 92px;float: left;}
.header .headmore .btns a.h-share{background:#75b0ea url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/images/h-share.png) no-repeat scroll center;position: relative;}

.header .pop_share{position: absolute;display: none;z-index: 2;top: 97px;right:0px;padding: 10px 5px;border: 2px solid #75b0ea; background: #fff;}
.header .pop_share>i, .header .pop_share>em{display: block;position: absolute;top: -20px;left: 28px;height: 0;width: 0;border-width: 10px;border-style: solid;}
.header .pop_share>i{border-color: transparent transparent #75b0ea transparent;}
.header .pop_share>em{top: -17px;border-color: transparent transparent #fff transparent;}
/*鍒嗕韩寮圭獥*/


.header .headmore .btns a.h-lang{background:#3e8ddc url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/images/h-lang.png) no-repeat scroll center;}
.header .headmore .btns a.h-search{background:#436dc2 url(../images/h-search.png) no-repeat scroll center;}
.header .search-mes{position: absolute;top: 100%;left: 0;right: 0;padding: 60px 20px;background: #007cc8;
    color: #fff;display: none;}
.header.min{line-height: 70px;}
.header.min .logo{margin-top: 9px;}
.header .search-mes .close{position: absolute;top: 30px;right: 30px;display: inline-block;height: 25px;width: 25px;
    text-align: center;color: #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.header .search-mes .close img{display: block;margin: 0 auto;vertical-align: middle;}
.header .search-mes .tac{text-align: center;}
.header .search-mes .inb{border-bottom: 1px solid #fff;padding-right: 50px;position: relative;display: inline-block;}
.header .search-mes .inb input{line-height: 60px;color: #fff;background: none;}
.header .search-mes .inb input[type="text"] {width: 700px;color: #fff;}
.header .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center;  cursor: pointer;background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-057/images/header_search3.png) no-repeat scroll center;}
.header .search-mes .inb input:-ms-input-placeholder{  color: #fff;opacity:0.8; }
.header .search-mes .inb input::-webkit-input-placeholder{  color: #fff;opacity:0.8;  }
/*浠ヤ笂鏄ご閮�*/


/*浠ヤ笅鏄墜鏈虹澶撮儴*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background: #436dc2;  z-index: 1000; }
.menu-bg a.close{position: absolute; top: 0;right:0;line-height: 58px;  display: inline-block;  margin-right: 6% }
.menu-bg a.close img{vertical-align: middle;}
.menu-list {display: none; position: fixed;  left: 100%;  top: 58px;  width: 100%;height: 100%;  z-index: 1001;  }
.menu-list a { display: block; position: relative;left: 100%; opacity: 0;  font-size: 20px;  line-height: 58px;  color: #fff;  padding-left: 7%;}
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0px; right:0; margin-left: 15px; z-index: 1000; }
.menu-handler .burger { width: 24px; height: 2px; background: #007cc8; display: block; position: absolute; z-index: 5; top: 20px;
    left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center;
    -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: all 277ms ease-in-out;}
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


/*浠ヤ笅鏄杈鹃泦鍥€佽祫璁腑蹇冨拰闆嗗洟涓氬姟banner*/

.wraper .banner{width: 100%;height: 240px;background-size: 1920px 611px;overflow: hidden;}
.wraper .banner .banner-img{width: 100%;height: 100%;overflow: hidden;}
.wraper .banner .banner-img img{width: 1920px;height: 611px;}
.wraper .banner .wrap{position: relative;height: 100%;}
.wraper .banner .banner-title{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.wraper .banner .title{  margin-top: 270px;color: #1753d5;}
.wraper .banner .title .title-left,.wraper .banner .title .title-right{float: left;}
.wraper .banner .title .title-left h3{font-size: 40px;line-height: 40px;font-weight: bold;padding-right: 20px;text-shadow: 0 0 32px rgba(0,0,0,0.04);}
.wraper .banner .title .title-right p{position: relative;padding-left: 20px;}
.wraper .banner .title .title-right p:before {content: ""; width: 1px; height: 92px; display: block;background: #1753d5;position: absolute; top: 6px; left: 0px;}
.wraper .banner .title .title-right p span{display: block;font-size: 42px;line-height: 46px;}




.wraper .inform{width: 100%;background: #e9eef2;padding-bottom: 55px;}
.wraper .wrap-mes{position: relative;padding-top: 57px;   padding-bottom: 85px ;background: #fff;    box-shadow: 0 0 51px rgba(0,0,0,0.14);}
.wraper .wrap-mes .mes-top-banner{position: absolute;top:-100px;left: 0;width: 100%;}

.wraper .wrap-mes .mes-top-banner>a{display: inline-block;color: #1c1c1c;font-size: 12px;line-height: 32px;margin-right: 15px;}
.wraper .wrap-mes .mes-top-banner>a img{vertical-align: middle;}
.wraper .wrap-mes .mes-top-banner>a img.jt{margin-left: 15px;}

.wraper .wrap-mes ul.top-mes-list{width: 100%;margin-top: 15px;}
.wraper .wrap-mes ul.ndjt-mes-list{width: 1382px;}
.wraper .wrap-mes ul.top-mes-list>li{float: left;background: #fff;margin-top: 20px;}
.wraper .wrap-mes ul.top-mes-list>li>a{display: block;text-align: center;font-size: 16px;line-height: 48px;color: #000;padding-bottom: 15px}
.wraper .wrap-mes ul.top-mes-list>li.active,.wraper .wrap-mes ul.top-mes-list>li:hover {padding-top: 15px;margin-top: 0px;/*box-shadow: 0px 0px 16px rgba(0,0,0,0.39);*/box-shadow: 0px 4px 11px rgba(0,0,0,0.19);
    background:-moz-linear-gradient(left,#0e468c,#1e66c0);
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#0e468c),to(#1e66c0));
    background:-webkit-linear-gradient(left,#0e468c,#1e66c0);
    background:-o-linear-gradient(left,#0e468c,#1e66c0);
}
.wraper .wrap-mes ul.top-mes-list>li.active>a,.wraper .wrap-mes ul.top-mes-list>li:hover>a{color: #fff;font-weight: bold;}

/*璇鸿揪闆嗗洟銆侀泦鍥笟鍔＄殑杩斿洖椤堕儴*/
.gotop{width: 100%;background: rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0}
.gotop a{display: block;line-height: 56px;color: #fff;font-size: 16px;text-align: center;}


/*鍔ㄧ敾*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translate3d(0,100%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes gupIn{
    from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
    from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@-o-keyframes gupIn{
    from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
    from{opacity:0; transform:translate3d(0,-30px,0);}
}




@-webkit-keyframes gdownIn{
    from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
    from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@-o-keyframes gdownIn{
    from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
    from{opacity:0; transform:translate3d(0,30px,0);}
}