html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

html,body{ font-size: 15px; width: 100%; line-height: 186%; background-color: #FFF; color:#000; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; letter-spacing: 0; font-weight: normal;}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

@font-face {
    font-family:'Geometric415BT BlackA'; src:url("../fonts/geometric/Geometric415BT-BlackA.eot");src:url("../fonts/geometric/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/geometric/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/geometric/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/geometric/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

/* Links Start */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#cfa75f; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus {color:#221815; text-decoration: none; }
/* Links End */

/* Header One Star */
.header-one { text-align: left; position: relative; font-size: 20px; font-weight: 700; text-transform: capitalize; padding-bottom: 15px; color: #fff; margin-bottom: 30px;}
    .header-one:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #FFF;}
/* Header One End */

/* Header Two Start */
.header-two{ margin: 0; display: block; text-align: left; border-top: solid 1px #cecece; border-bottom: solid 1px #cecece; padding-top: 15px; padding-bottom: 15px; font-size: 28px; font-weight: 700;}
/* Header Two End */

/* Header Three Start */
.header-three { margin: 0; padding: 0; display: block; text-align: center;}
    .header-three em { font-size: 36px; display: block; }
/* Header Three End */

/* Header Four Start */
.header-four { text-align: center;}
    .header-four h2 { font-size: 28px; font-weight: 700;}
    .header-four .desc { font-size: 18px; margin-top: 10px;}
/* Header Four End */

/* Header Five Start */
.header-five { margin: 0; display: block; text-align: left; border-bottom: solid 1px #cecece; padding-top: 15px; padding-bottom: 15px; font-size: 22px; font-weight: 700;}
/* Header Five End */


/* Header Start */
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,255,255,1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .header { position: relative; }
    .header.inside { border-bottom: solid 1px #FAFAFA;}
    .header .logos { float: left; margin-top: 20px; margin-right: 20px;}
    .header .logos img { height: 56px; }

    .header ul.menus { float: left;}
    .header ul.menus li { float: left; margin-left: 40px; font-size: 18px; line-height: 100px;}
    .header ul.menus>li>a { color:#010101; position: relative; display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .header ul.menus>li>a:after { position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 4px; background: #cfa75f; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .header ul.menus>li>a:hover { color:#cfa75f;}
    .header ul.menus>li>a:hover:after { width: 100%;}
    .header ul.menus>li.active>a:after { width: 100%;}
    .header ul.menus>li.active>a { color: #cfa75f;}
    .header ul.menus li:last-child { margin-right: 0;}

    .header ul.menus li .drop-memu { position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255,255,255,0.90); display: none; line-height: 1.4;}
    .header ul.menus li:hover .drop-memu { display: block;}
    .header ul.menus li .drop-memu .container { padding-top: 50px; padding-bottom: 50px;}

    .header ul.menus li .drop-memu.list dl { float: left; width: 12.571428%; margin-right: 2.000000%;}
    .header ul.menus li .drop-memu.list dl a { color: #000;}
    .header ul.menus li .drop-memu.list dl a:hover { color:#cfa75f;}
    .header ul.menus li .drop-memu.list dl dt { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .header ul.menus li .drop-memu.list dl dd { border-bottom: solid 1px #939393; font-size: 16px; padding: 8px 0;}
    .header ul.menus li .drop-memu.list dl dd span { float: right;}
    .header ul.menus li .drop-memu.list dl:nth-child(7n) { margin-right: 0;}

    .header ul.menus li .drop-memu.images { }
    .header ul.menus li .drop-memu.images .left { float: left; width: 65.000000%;}
    .header ul.menus li .drop-memu.images .left .head { margin-bottom: 20px;}
    .header ul.menus li .drop-memu.images .left .head .name { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .header ul.menus li .drop-memu.images .left .head .intro { font-size: 16px; color: #141414; }

    .header ul.menus li .drop-memu.images .left .category { }
    .header ul.menus li .drop-memu.images .left .category dl { float: left; width: 30.000000%; margin-right: 5.000000%;}
    .header ul.menus li .drop-memu.images .left .category dl a { color: #000;}
    .header ul.menus li .drop-memu.images .left .category dl a:hover { color:#cfa75f;}
    .header ul.menus li .drop-memu.images .left .category dl dt { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .header ul.menus li .drop-memu.images .left .category dl dd { border-bottom: solid 1px #939393; font-size: 16px; padding: 8px 0;}
    .header ul.menus li .drop-memu.images .left .category dl dd span { float: right;}
    .header ul.menus li .drop-memu.images .left .category dl:nth-child(3n) { margin-right: 0;}
    .header ul.menus li .drop-memu.images .right { float: right; width: 30.000000%; }
    .header ul.menus li .drop-memu.images .right img { -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}

    .header .offsides { float: right;}
    .header .offsides .hotlines { float: left; margin-top: 34px; text-align: left; line-height: 16px; padding: 1px 0 0 55px; background: url('../img/phone-ico-black.png') no-repeat 3px 0; background-size: auto 100%; font-size: 16px;}
    .header .offsides .hotlines b { font-family:'Geometric415BT BlackA'; line-height: 24px; height: 24px;  display: block; font-weight: 700; font-size: 18px; margin-top: 3px;}

    .header .offsides .searchs { width: 180px; margin-left: 21px; margin-top: 40px; cursor: pointer; float: right; text-align: center;  transition: .5s ease-in-out; color: #333;}
    .header .offsides .searchs .form-control { border-radius: 0; border: solid 2px #4285f4; }
    .header .offsides .searchs .btn { border-radius: 0; color: #FFF;}
    .header .offsides .searchs .input-group-addon { background-color: #4285f4; border: 1px solid #4285f4;}

    .header .navigations { display: none;}
/* Header End */

/* Header Blank Start */
#header-blank { display: block; width: 100%; height: 100px;}
/* Header Blank End */

/* Sub Menu Star */
.sub-menu { display: none;}
.sub-menu-bg { display: none;}
/* Sub Menu End */

/* Home Banner Start */
#home-banner { overflow: hidden;}
    .home-banner { width: 100%; float: left; overflow: hidden; position: relative;}
    .home-banner ul {width: 100%;}
    .home-banner ul li {width: 100%;position: relative;}
    .home-banner ul li .imgs {width: 100%;}
    .home-banner ul li .imgs img {width: 100%;}
    .home-banner ul li.swiper-slide-active .imgs img,
    .home-banner .swiper-pagination { bottom: 20px !important;}
    .home-banner .swiper-pagination .swiper-pagination-bullet { position: relative; border: solid 5px #cfa75f; width: 34px; height: 34px; margin: 0 6px; opacity: 1; background-color: transparent; transition: 1.5s; border-radius: 36px;}
    .home-banner .swiper-pagination .swiper-pagination-bullet::after { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; content: ''; background: #cfa75f; border-radius: 36px;}
    .home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: transparent;opacity: 1;}
    .home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background: #FFF;}
    .home-banner .swiper-button-prev:after,.home-banner .swiper-button-next:after { display: none;}
    .home-banner .swiper-button-prev, .home-banner .swiper-button-next { font-size: 58px; color: #FFF;}
/* Home Banner End */

/* Home Advert Start */
#home-advert { }
    #home-advert .ones { }
    #home-advert .ones .items { float: left; width: 33.333333%; background: #6db762; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    #home-advert .ones .items:nth-child(2) { background: #52a6e2;}
    #home-advert .ones .items:nth-child(3) { background: #ff9530;}
    #home-advert .ones .items:hover { background: #c5c5c7;}

    #home-advert .ones .items:hover .single-advert-one .texts { color: #000;}
/* Home Advert End */

/* Single Advert One Start */
.single-advert-one { }
    .single-advert-one .imgs { overflow: hidden;}
    .single-advert-one .imgs img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .single-advert-one:hover .imgs img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
    .single-advert-one .texts { color: #FFF; line-height: 1.6; font-size: 20px; font-weight: 700; padding: 20px 15px; text-align: center; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
/* Single Advert One End */


/* Footer Star */
#footer { overflow: hidden; background:url("../img/bg-footer.jpg") no-repeat; background-size: cover; color: #f8f8f8; padding: 60px 0 0 0; }
    #footer a { color: #f8f8f8; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    #footer a:hover { color: #FFF;}
    #footer img { max-width: 100%;}

    #footer .infos { margin: 0 0 40px 0;}
    #footer .infos .abouts { float: left; width: 37%; text-align: left;}
    #footer .infos .abouts .content { margin: 0 0 10px 0;}

    #footer .infos .abouts .contact { margin: 0 0 20px 0;}
    #footer .infos .abouts ul.notes { }
    #footer .infos .abouts ul.notes li { margin: 0 0 5px 0;}
    #footer .infos .abouts ul.notes li i { width: 16px; height: 16px; color: #f8f8f8; display: inline-block; margin: 0 10px 0 0; text-align: center;}

    #footer .infos .abouts .share ul li { position: relative; display: inline-block; margin: 0 10px 0 0;}
    #footer .infos .abouts .share ul li a { background: rgba(82, 166, 226, 0.3); position: relative; width: 40px; height: 40px; color: #d7d7d7; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
    #footer .infos .abouts .share ul li a:hover { color: #FFF;}

    #footer .infos .links { float: left; width: 40%; margin: 0 4%; text-align: left;}
    #footer .infos .links .flists ul.fitem { float: left; width: 33.333333%; padding: 0 10px 0 0;}
    #footer .infos .links .flists ul.fitem li { transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    #footer .infos .links .flists ul.fitem li:hover { padding-left: 5px;}
    #footer .infos .links .flists ul.fitem li i { margin: 0 15px 0 0;}

    #footer .infos .follows { float: right; width: 12%; text-align: left;}
    #footer .infos .follows .qr-code { margin: 5px 0 0 0;}
    #footer .infos .follows .qr-code ul li { float: left; text-align: left;}
    #footer .infos .follows .qr-code ul li img { max-width: 140px;}
    #footer .infos .follows .qr-code ul li p { margin: 10px 0 0 0; font-size: 14px; text-align: center;}
/* Footer End */

/* Copyrighter Start */
#copyrighter { background: #FFF; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #E3E3E3;}
    .copyrighter { }
    .copyrighter .left { float: left;}
    .copyrighter .right { float: right;}
    .copyrighter .right a { margin-right: 20px;}
    .copyrighter .right a:last-child { margin-right: 0;}
/* Copyrighter End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){


}

/* <1500的设备 */
@media screen and (max-width: 1500px){

    /* Header Start */
    .header .logos { margin-right: 15px;}

    .header ul.menus { float: left;}
    .header ul.menus li { margin-left: 30px;}

    .header .offsides .searchs { width: 160px; margin-left: 15px;}
    /* Header End */

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

    /* Header Start */
    .header ul.menus li { margin-left: 25px;}

    .header .offsides .searchs { width: 150px;}
    /* Header End */

}

/* <1366的设备 */
@media screen and (max-width: 1366px){
    /* Header Start */
    .header ul.menus li { margin-left: 20px;}

    .header .offsides .searchs { width: 140px;}
    /* Header End */
}

/* <1200的设备 */
@media screen and (max-width: 1200px){
    /* Header Start */
    .header .logos { margin-right: 10px;}
    .header .logos img { height: 55px; }
    .header ul.menus li { margin-left: 12px; line-height: 76px;}

    .header .offsides .hotlines { font-size: 14px; margin-top: 24px;}
    .header .offsides .hotlines b { font-size: 15px;}


    .header .offsides .searchs { width: 90px; margin-top: 25px;}
    /* Header End */

    /* Header Blank Start */
    #header-blank { height: 76px;}
    /* Header Blank End */

}

/* <991的设备 */
@media screen and (max-width: 991px) {

    .container { padding-left: 10px; padding-right: 10px;}

    /* Header One Star */
    .header-one { font-size: 18px; margin-bottom: 20px;}
    /* Header One End */

    /* Header Two Start */
    .header-two{ padding-top: 10px; padding-bottom: 10px; font-size: 18px;}
    /* Header Two End */

    /* Header Start */
    .header .logos { float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 0;}
    .header .logos img { height: 40px; }

    .header ul.menus { display: none;}
    .header .offsides { display: none;}

    .header .navigations { float: right; margin-top: 23px; z-index: 88888888; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 28px;}
    .header .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #010101;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header .navigations span:last-child {margin-bottom: 0;}
    .header .navigations span:nth-child(2) {/*width: 75%;*/}
    .header .navigations.active { margin-top: 27px;}
    .header .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
    .header .navigations.active span:nth-child(2) {display: none;}
    .header .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
    /* Header End */

    /* Header Blank Start */
    #header-blank { height: 60px;}
    /* Header Blank End */


    /* Sub Menu Star */
    .sub-menu { width: 100%;padding: 0 3% 30px 3%; opacity: 0;visibility: hidden; position: fixed; left: 0; top: 15px; z-index: 9999999; height: 100vh; overflow-y: scroll;/*-webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; transition:all .6s;*/}
    .sub-menu.active { left: 0;opacity: 1;visibility: visible;}

    .sub-menu .head { }
    .sub-menu .head .logo { float: left; width: 80.000000%;}
    .sub-menu .head .logo img { height: 28px;}
    .sub-menu .head .close { color: #FFF; float: right; width: 20.000000%; text-align: right; margin-top: 2px; opacity: 1;}

    .sub-menu ul {width: 100%;overflow-y: auto; border-top: 1px solid #555; margin-top: 20px; min-height: 100vh;}
    .js-m-3 {opacity: 0;-webkit-transform: translate(30px, 0);-ms-transform: translate(30px, 0);transform: translate(30px, 0);-webkit-transition: all .8s ease;transition: all .8s ease;}
    .js-m-3.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
    .sub-menu li {border-bottom: 1px solid #555;font-size: 16px;padding: 0 20px;}
    .sub-menu .tit {display: inline-block;text-decoration: none;width: 80%;line-height: 50px;color: #fff;position: relative;box-sizing: border-box;}
    .sub-menu .sub-tit.on {background-color: #e9e9e9;}
    .sub-menu .sec-list {line-height: 40px; display: none;}
    .sub-menu .jt {position: relative;display: inline-block;width: 10%;height: 50px;text-align: center;background: none;float: right;}
    .sub-menu .jt:after {content: '';display: block;width: 26px;height: 26px;background: url(../img/sub-menu-1.png) no-repeat center;background-size: 17px auto;position: absolute;right: 3%;top: 13px;}
    .jt.jtRote:after {background: url(../img/sub-menu-2.png) no-repeat center;background-size: 20px auto;}
    .sec-list p {background: url(../img/sub-menu-3.png) no-repeat left center;background-size: 3px auto;font-size: 14px; float: left; width: 50.000000%;}
    .sec-list p.fulls { width: 100%; float: none;}

    .sec-list p.language img { max-height: 22px; margin-right: 15px;}

    .sub-menu .sec-list a {padding-left: 5%;color: #a0a0a0;display: block;}
    .sub-menu .sec-list a:active {color: #fff;}
    .sub-menu-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999991;background-color: #333;display: none;}
    .mo_tel {font-size: 16px; color: #fff; line-height: 50px;}
    .mo_tel .iconfont {line-height: 40px;height: 40px;width: 30px;display: inline-block;}
    /* Sub Menu End */

    /* Home Banner Start */
    .home-banner .swiper-pagination { bottom: 1px !important;}
    .home-banner .swiper-pagination .swiper-pagination-bullet { border: solid 3px #007a46; width: 18px; height: 18px; }
    .home-banner .swiper-pagination .swiper-pagination-bullet::after { top: 2px; left: 2px; width: 8px; height: 8px;}
    /* Home Banner End */

    /* Home Advert Start */
    #home-advert .ones .items { float: none; width: 100%; }
    /* Home Advert End */

    /* Footer Star */
    #footer { padding-top: 40px; }
    #footer .infos .abouts { float: none; width: 100%; margin-bottom: 20px;}

    #footer .infos .links { float: none; width: 100%; margin: 0; }
    #footer .infos .links .flists ul.fitem { width: 50.000000%; margin-right: 0;}

    #footer .infos .follows { float: none; width: 100%; margin-top: 20px;}
    #footer .infos .follows .qr-code { text-align: center;}
    #footer .infos .follows .qr-code ul li { float: none; text-align: center;}
    /* Footer End */

    /* Copyrighter Start */
    .copyrighter .left { float: none; text-align: center;}
    .copyrighter .right { float: none; text-align: center;}
    .copyrighter .right a { margin-right: 20px;}
    .copyrighter .right a:last-child { margin-right: 0;}
    /* Copyrighter End */

}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}