@charset "utf-8";
html,body{height:100%;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1;font-family:"Microsoft Yahei, tahoma, Srial, helvetica, sans-serif";}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
/*img{max-width:100%;border:none;border:0;}*/
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0069b0;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
/*.clearfix{overflow:hidden;_zoom:1;}*/
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}
dl:after,ul:after{content:".";clear:both;display:block;overflow:hidden;font-size:0;height:0;}
:-moz-placeholder {color: #808080;}
::-moz-placeholder {color: #808080;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {font-size:14px;color:#999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:14px;color:#999;}
select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
select::-ms-expand { display: none; }/*Ie clear arr*/

.relative{ position:relative;}
.both{clear:both;}
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*font*/
.f_red{color:#ff0000;}
.f_blue{color:#0069b0;text-decoration:underline;}

.Scale-img{overflow:hidden;cursor:pointer;zoom:1;}
.Scale-img img,.Scale-img span{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span{opacity:1;-webkit-transform:scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{zoom:1;text-align:center;color:#fff;clear:both;}
.Pages span{padding:0px 0px;display:inline-block;}
.Pages a{display:inline-block;margin:0px 4px;line-height:40px;text-align:center;}
.Pages .p_page a{display:inline-block;vertical-align:middle;background:#ccc;}
.Pages .p_page .a_prev,.Pages .p_page .a_next{font-family:"宋体";font-size:18px;color:#fff;}
.Pages .p_page .num a{display:inline-block;width:40px;text-align:center;vertical-align:middle;font-size:19px;color:#fff;font-family:Arial;}
.Pages a.a_prev,.Pages a.a_next{width:40px;height:40px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#0f3589;color:#fff;}
.Pages a.a_prev:hover,.Pages a.a_next:hover{background:#0f3589;color:#fff;}

/*pages end*/

/*内容宽度 s*/
.w1300{width:1300px;margin:0 auto;}
.w13000{width:1300px;margin:0 auto;}

@media(max-width:1366px){
    .w1300{width:92%;}
	.w13000{width:100%;}
}   
.MainAbout .abtit img,.Header .logo img,.Map002520 .map > img,.commenu .comtit img{max-width:100%;}
/*内容宽度 e*/

/*Top s*/

.Header{position:fixed;width:100%;height:auto;left:0px;top:30px;z-index:9;}
.Header .logo{float:left;}
.Header .logos{display:none;}
.Header .topnav{float:right;}

.top-menu{position:fixed;top:0;height:100%;z-index:210;background:rgba(255,255,255,.87);width:80%;max-width:690px;padding:130px 0 0 150px;box-sizing:border-box;left:-100%;opacity:0;transition:0.5s 0.3s ease-in-out;}
.top-menu.on{left:0;opacity:1;transition:0.5s ease-in-out;}
.top-menu .close-menu{position:absolute;top:0px;left:150px;transition:all .5s linear;}
.top-menu .navul{padding:30px 0 0 225px;box-sizing:border-box;}
.top-menu .navul .navlogo{}
.top-menu ul{margin-top:60px;}
.top-menu ul li{margin-top:60px;}
.top-menu ul a{font-size:24px;color:#8c8c8c;display:block;zoom:1;height:30px;padding-left:12px;overflow:hidden;_zoom:1;position:relative;}
.top-menu ul a span{display:block;position:relative;z-index:3;}
.top-menu ul a span.cn{margin-top:5px;}
.top-menu ul a::before{content:"";display:block;width:10px;height:10px;background:url(../images/yuan.png);position:absolute;top:8px;left:0px;}
.top-menu ul a::after{content:"";display:block;width:0%;height:4px;background:#f6cf52;position:absolute;left:30px;bottom:25%;transition:0.6s ease-in-out;}

.top-menu ul a:hover::after{width:70%;}
.top-menu ul a:hover{color:#8c8c8c;}
.top-menu ul a:hover span{top:-30px;}
/*.top-menu .close-menu:hover{transform:rotate(360deg);}*/

@media ( max-width:1199px){
    
}
/*Top e*/


/*bottom s*/
.foot{background:#0f3589;padding:40px 0 30px 0;}
.foot .ft1{width:100%;padding-bottom:40px;}
.ftul{width:58%;float:left;}
.ftul li{float:left;margin-right:5%;}
.ftul li p{font-size:18px;color:#fff;margin-bottom:10px;}
.ftul li a{display:block;font-size:14px;color:rgba(255,255,255,.4);line-height:30px;}
.ftul li.l2{width:40%;}
.ftul li.l2 a{display:inline-block;width:49%;}
.ftul li:last-child{margin-right:0px;}

.ftinfo{width:35.4%;float:right;}
.ftinfo .wx{float:left;width:140px;height:140px;}
.ftinfo .wx img{width:100%;}
.ftinfo .ftway{width:65%;float:right;}
.ftinfo .ftway dt{font-size:16px;color:#fff;}
.ftinfo .ftway dd{font-size:14px;color:rgba(255,255,255,.4);line-height:30px;}

.foot .ft2{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;}
.foot .ft2 .w1300{position:relative;}
.foot .ft2 .fta a{font-size:14px;color:rgba(255,255,255,.5);}
.foot .ft2 .fta a i{display:inline-block;vertical-align:middle;width:2px;height:15px;background:rgba(255,255,255,.5);margin:-2px 4px 0 7px;}
.foot .ft2 .ftp{font-size:14px;color:rgba(255,255,255,.3);margin-top:4px;}
.foot .ft2 .ftp a{color:rgba(255,255,255,.3);}
.foot .ft2 .ftp span{padding:0 5px;}


.botsea{ position:absolute;top:10px;right:0px;z-index:777;transition: all ease 0.3s;}
.botsea .searchboxs{ display:block; position:absolute;right:0px; top:0px; width:350px;}
.botsea .searchboxs .seboxs{width:100%;background:#103588;box-sizing:border-box;}
.botsea .searchboxs .input{font-size:14px;color:rgba(255,255,255,.4);width:100%; height:40px; line-height:40px;background:rgba(255,255,255,.1);border-radius:100px;text-indent:1em;padding-right:100px;box-sizing:border-box;}
.botsea .searchboxs .btns button{ background:#cd1f24 url(../images/sea1.png) 82% center no-repeat;position:absolute; right:0px; top:0px; height:40px;line-height:40px;width:90px;font-size:14px;color:#fff;text-indent:-1.5em;border-radius:0 100px 100px 0;}
.botsea .searchboxs .seareas{display:none;width:100%;background:rgba(255,255,255,.7);padding:15px;box-sizing:border-box;position:absolute;bottom:44px;left:0px;}
.botsea .searchboxs .seareas p{width:48%;display:inline-block;font-size:14px;color:#666;line-height:25px;}
.botsea .searchboxs .seareas p:nth-child(2n){text-align:right;}

@media ( max-width:997px){
    .botsea{width:100%;height:auto;position:static;margin-top:20px;}
    .botsea .searchboxs{position:relative;width:100%;}
    .botsea .searchboxs .input{width:100%;border-radius:100px;}
}

/*bottom e*/

/*首页*/

/*引导页*/

.loadingS{width:100%;height:100%;background:#e7ebec;position:fixed;z-index:999;overflow:hidden;_zoom:1;text-align:center;}
.inMiddle{position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%); -ms-transform: translateY(-50%); -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.logo-cont{text-align: center;}
.logo-cont img{width:180px}

.jztit{text-align: center;margin-top:20px;line-height:0px;}
.jztit img{width:126px;}

.loadingS .lotit{font-size:14px;color:#231815;margin-top:0px;line-height:42px; }
.loadingS .jdEnter{text-align:center;margin-top:85px;cursor:pointer;}
.loadingS .jdEnter img{width:100px;}



/*@media ( max-width:1366px){

    .loadingS .jdEnter{text-align:center;margin-top:60px;}
}
*/
@media ( max-width:640px){

}




/*音乐*/
.music-cont{position:fixed;_position:absolute;bottom:40px;right:40px;cursor:pointer;}


/*Banner*/
.sec1{position:relative;width:100%;height:100%;}
.homeslider{width:100%;height:100%;overflow: hidden;position:relative;}
.slider-main{width:100%;height:100%;}
.homeslider .slider-btn{display:none;}
.osSlider-main .slider-nav{position:absolute; width:100%; height:26px; bottom:25px; text-align: center; z-index: 999;}
.osSlider-main .slider-nav li{position:relative; display:inline-block;width:30px;height:26px;margin:0 42px;background:url(../images/dot.png) center center no-repeat;cursor:pointer;text-indent:999px;}
.osSlider-main .slider-nav li:after{content:"";display:block;width:65px;height:26px;background:url(../images/cur.png) center center no-repeat;position:absolute;top:0px;left:40px;}
.osSlider-main .slider-nav li.active{background:url(../images/dot1.png) center center no-repeat;}
.osSlider-main .slider-nav li:hover{background:url(../images/dot1.png) center center no-repeat}
.osSlider-main .slider-nav li:last-child:after{display:none;}
.Homeban{width:100%;height:auto;display:none;}
.Homeban img{display:block;width:100%;height:auto;}
.Homeban .owl-nav,.Homeban .owl-dots{display:none;}


.sec2{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.AboutBox{padding-top:90px;position:relative;}
.commenu{width:100%;}
.commenu .comtit{font-size:24px;color:#444;float:left;}
.commenu .comtit img{display:block;margin-bottom:10px;}
.commenu ul{float:right;}
.commenu ul li{font-size:16px;color:#999;display:inline-block;cursor:pointer;}
.commenu ul li i{display:inline-block;vertical-align:middle;width:2px;height:15px;background:#e9e9ea;margin:0 18px 0 20px;}
.commenu ul li:last-child i{display:none;}
.commenu ul li.on,.commenu ul li.on a{color:#fbbd00;}
.commenu1 .comtit{width:100%;float:none;}
.commenu1 ul{float:none;width:100%;text-align:center;margin-top:40px;}


.MainAbout{position:relative;width:49.54%;margin:0px auto; }
.IndexTit{text-align:center;}
.IndexTit .Itit{font-size:24px;color:#333;text-transform:uppercase;}
.IndexTit .tlogo{text-align:center;margin:10px 0 20px 0;}
.IndexTit .inlie{width:469px;height:9px;margin:0 auto;background:url(../images/iline.png) center center no-repeat;background-size:100% 100%;}
.IndexTit{margin-top:48px;}

.MainAbout .abvideo{position:relative;width:100%;margin-top:90px;}
.MainAbout .abvideo .pic img{display:block;width:100%;}


.MainAbout .bd{position:relative;width:100%;margin-top:10px;}
.MainAbout .bd ul{width:100%;}
.MainAbout .bd ul .abt1{font-size:16px;color:#333;text-align:center;}
.MainAbout .bd ul .abt2{font-size:14px;color:#999;text-align:center;}
.MainAbout .bd ul .abcon{font-size:14px;color:#666;line-height:30px;margin-top:30px;}
.MainAbout .bd ul .abcon p{text-align:center;}





.sec3{width:100%;height:100%;background:#fff;}
.ProBox{padding-top:120px;}
.ProBox .bd{margin-top:40px;}
.ProBox .bd ul li{width:25%;float:left;}
.ProBox .bd ul li a{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:999;}
.ProBox .bd ul li:nth-child(4n){margin-right:0px;}
.ProBox .bd ul li .primg1{width:100%;padding-top:123%;position:relative;overflow:hidden;}
.ProBox .bd ul li .primg1 span{
        /*-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;*/
position:absolute;left:0px;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}

.ProBox .bd ul li .primg2{width:100%;padding-top:72.6%;position:relative;overflow:hidden;}
.ProBox .bd ul li .primg2 span{
        /*-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;*/
position:absolute;left:0px;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}

.ProBox .bd ul li .primg1:after{content:"";display:block;width:0%;height:0%;border:2px solid rgba(255,255,255,.53);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .5s linear;}
.ProBox .bd ul li .primg2:after{content:"";display:block;width:0%;height:0%;border:2px solid rgba(255,255,255,.53);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .5s linear;}


.ProBox .bd ul li.two .primg1{padding-top:66.6%}
.ProBox .bd ul li.two .primg2{padding-top:123%;}
.ProBox .bd ul li:last-child .primg1{padding-top:123%}
.ProBox .bd ul li:last-child .primg2{padding-top:72.6%;}

.ProBox .bd ul li .primg1:hover:after{width:90%;height:90%;opacity:1;}
.ProBox .bd ul li .primg2:hover:after{width:90%;height:90%;opacity:1;}
.ProBox .bd ul li .primg1:hover span,.ProBox .bd li .primg2:hover span{-webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;}

.ulSlider{position:relative;}
.ulSlider .owl-nav{width:100%;}
.ulSlider .owl-dots{display:none;}
.ulSlider .owl-carousel .owl-nav.disabled{display:block!important;}
.ulSlider .owl-carousel .owl-nav button.owl-prev,.ulSlider .owl-carousel .owl-nav button.owl-next{width:45px;height:45px;text-indent:999px;overflow:hidden;border-radius:50%;}
.ulSlider .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;transform:translate(0%,-50%);left:0px;background:#fbbd00 url(../images/prev.png) center center no-repeat;}
.ulSlider .owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;transform:translate(0%,-50%);right:0px;background:#fbbd00 url(../images/next.png) center center no-repeat;}
/*.ulSlider .owl-carousel .owl-nav button.owl-prev:hover{background:url(../images/rh1.png);}
.ulSlider .owl-carousel .owl-nav button.owl-next:hover{background:url(../images/fl1.png);}*/







.sec4{width:100%;height:100%;background:#f7f8fc;}
.AdvBox{padding-top:100px;}

.MainAdv{width:60%;margin:50px auto;}
.Advfl{width:100%;margin-top:40px;}
.Advfl iframe{width:100%;height:100%;}
.Advfl .vibox{width:100%;height:auto;position:relative;}
.Advfl .vibox img{display:block;width:100%;}
.Advfl .vibox video{position:absolute;width:100%;height:100%;left:0px;top:0px;background:#000;}

.sec5{width:100%;height:100%;}
.ShopBox{padding-top:90px;}

/*Map002520 */
.Map002520{margin-top:40px;}
.Map002520 .auto{ background:#fff; box-shadow:3px 0 20px rgba(0,0,0,0.1); padding:2% 3%;}
.Map002520 .select{ padding-bottom:2%; margin-bottom:2%;}
.Map002520 .select dl > *{ float:left;}
.Map002520 .select dd{position:relative; z-index:20; width:28%; margin-right:2%;}
.Map002520 .select dd > a{ position:relative;  line-height:45px; border:1px solid #f4f0d4; border-radius:45px; color:#999;}
.Map002520 .select dd > a::after{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; right:16px; margin-top:-3px; top:50%;}
.Map002520 .select dd a{padding:0 16px; display:block;}
.Map002520 .select dd figure{ position:absolute; left:16px; right:16px; top:100%; background:#fff;border:1px solid #f4f0d4; border-top:0;max-height:300px; overflow:auto; display:none;}
.Map002520 .select dd figure a{ line-height:30px; }
.Map002520 .select dd figure a:hover{ background:#f9f7e9; color:#000;}
.Map002520 .select dt{ width:40%;}
.Map002520 .search{ position:relative;}
.Map002520 .search .text{ width:100%;line-height:45px;height:45px; border:1px solid #f4f0d4; border-radius:45px; color:#999;padding:0 55px 0 16px;box-sizing:border-box;}
.Map002520 .search .btn{ position:absolute; right:0; top:0; width:55px; height:100%; background:url(../images/Map002520-btn.png) no-repeat center center;}
.Map002520 .right{ position:relative; padding:30px 0;height:520px;overflow:hidden;box-sizing:border-box;}
.Map002520 .right .bx-controls-direction a{ position:absolute; width:100%; left:0; height:31px; cursor:pointer; background:#fbf9ee; overflow:hidden; text-indent:-999em;}
.Map002520 .right .bx-controls-direction a::before{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; left:50%; margin-left:-6px; margin-top:-3px; top:50%;}
.Map002520 .right .bx-controls-direction a.bx-prev{ top:0; border-bottom:11px solid #fff;}
.Map002520 .right .bx-controls-direction a.bx-prev::before{ border-top-color:transparent;border-bottom-color:#ababab; margin-top:-8px;}
.Map002520 .right .bx-controls-direction a.bx-next{ bottom:0; border-top:11px solid #fff;}
.Map002520 .right li{ line-height:26px;padding:40px 0; cursor:pointer;}
/*.Map002520 .right li img{width:100%;height:auto;display:block;}*/
.mapslider{width:100%;height:auto;margin:0 auto 20px;}
.mapslider img{display:block;width:100%;height:auto;}
.mapslider .owl-nav,.Homeban .owl-dots{display:none;}

.Map002520 .right li > *{ margin:0;}
.Map002520 .right li h5{ font-size:16px; color:#fbbd00;font-weight:bold;}
.Map002520 .right li p{ position:relative; padding-left:56px;font-size:14px;color:#555;line-height:30px;}
.Map002520 .right li p span{ position:absolute; left:0; top:0; width:56px;}

.Map002520 .left .name{width:224px;}
.Map002520 .left .name h2{margin:0;color:#fcbd00;font-size:40px;line-height:60px;font-weight:normal;}
.Map002520 .left .name h2 span{line-height:initial;display:block;font-size:14px; color:#bbbbbb;font-family:"Courier New",Courier,monospace;text-transform:uppercase;}
.Map002520 .left .name p{margin-top:30px;line-height:24px;font-size:16px;color:#555;}
.Map002520 .map{ position:relative;}
.Map002520 .map > img{ width:100%;}
.Map002520 .map #allmap{ position:absolute; left:0; top:0; width:100%; height:100%;}
.Map002520 .map #allmap img{ max-width:none;}
.Map002520 .map #allmap *{ box-sizing:content-box;}
.Map002520 .map #allmap .anchorBL,
.Map002520 .map #allmap .BMap_cpyCtrl{ display:none !important;}
@media(min-width:1025px){
.Map002520 .right{ float:right; width:25.5%;}
.Map002520 .left{ float:left; width:70%;}
}
@media(min-width:641px){
.Map002520 .left{ display:table;}
.Map002520 .left > *{ display:table-cell; vertical-align:middle;} 
}
@media(max-width:1024px){
.Map002520 .left{ width:100%;}
.Map002520 .right{ margin-top:3%;}
}
@media(max-width:480px){
.Map002520 .select dl > *{ float:none; margin-bottom:10px; width:auto !important;}
}


.sec6{width:100%;height:100%;background:#f7f8fc;}
.CoopBox{padding-top:90px;}
.Logoslider{margin-top:50px;}
.Logoslider:after{content:"\200B";display:block;height:0;clear:both;}
.Logoslider .Logotit{margin-bottom:90px;}
.Logoslider .Logotit p{font-size:16px;color:#444;text-align:center;line-height:38px;}
.Logoslider .item{padding:0 2px 40px 0;box-sizing:border-box;}
.Logoslider .owl-nav,.Logoslider .owl-dots{display:none;}


@media(min-width:769px){
.Logoslider ul{ padding-bottom:35.62%; position:relative;}
.Logoslider ul li{float:left;margin:10px;width:18%;transition:all .5s ease-in-out;}

}
.Logoslider li img{ opacity:0.8; transition:0.3s; display:block; width:100%;}
.Logoslider li:hover img{ opacity:1;}
.Logoslider li a{ display:block; position:relative;}
.Logoslider li a::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; border:1px solid #e3e3e3; z-index:10; }

.Logoslider li:hover a{box-shadow:0 0 30px rgba(79,94,156,0.2);}
.Logoslider li:hover a::before{border:1px solid #faab00;}

@media(max-width:768px){
.Logoslider li{ float:left; margin-right:2%; margin-bottom:2%; }
}
@media(min-width:481px) and (max-width:768px){
.Logoslider li{width:23.5%;}
.Logoslider li:nth-child(4n){ margin-right:0;}
}
@media(max-width:480px){
.Logoslider li{width:32%;}
.Logoslider li:nth-child(3n){ margin-right:0;}
}


.sec7{width:100%;height:100%;}
.JoinBox{padding-top:110px;}
.MainJoin{margin-top:60px;}
.Joinimg{width:49.48%;float:left;margin-top:70px;}
.Joinimg img{width:100%;}

.MainJoin{width:31.25%;float:left;margin-left:4%;}
.Joinrh{width:100%;float:right;}
.JoinHeight{height:511px;overflow:hidden;}
.Joinrh dl dd{padding:15px 0;position:relative;padding-left:65px;}
.Joinrh dl dd .num{width:43px;height:43px;background:url(../images/num.png) center center no-repeat;background-size:100% 100%;font-size:18px;color:#666;line-height:43px;text-align:center;position:absolute;top:15px;left:0px;}
.Joinrh dl dd .jtit{font-size:16px;color:#666;line-height:43px;}
.Joinrh dl dd:hover .num{color:#fbbd00;background:url(../images/nums.png) center center no-repeat;background-size:100% 100%;}
.Joinrh dl dd:hover .jtit{color:#111;}
.MainJoin .jmbtn{width:160px;height:45px;line-height:45px;text-align:center;border:1px solid #d3d3d3;font-size:16px;color:#9c9c9c;margin:40px auto 0;}
.MainJoin .jmbtn a{display:block;color:#9c9c9c;}
.JoinCon,.JoinCon p{font-size:16px;color:#666;line-height:38px;}


.sec8{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.LxBox{padding-top:90px;}
.MainLx{margin-top:40px;}

.MainLx .Lxul li{width:25%;float:left;text-align:center;}
.MainLx .Lxul li .tb{position:relative;width:140px;height:140px;margin:0 auto;border-radius:10px;}
.MainLx .Lxul li .tb img{width:100%;height:100%;}
.MainLx .Lxul li .tb .i1,.MainLx .Lxul li .tb .i2{display:block;position:absolute;left:0;top:0;}
.MainLx .Lxul li .tb .i1{transition:400ms;}
.MainLx .Lxul li .tb .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.MainLx .Lxul li .lx1{font-size:20px;color:#000;margin:20px 0 10px 0;}
.MainLx .Lxul li .lx2{font-size:16px;color:#666;padding:0 7%;}
.MainLx .Lxul li:hover .tb .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.MainLx .Lxul li:hover .tb .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.MainLx .Lxul li:hover p{color:#f7931e;}

.MainLx .Lxdl{text-align:center;margin-top:80px;}
.MainLx .Lxdl dd{width:169px;display:inline-block;margin:0 80px;}
.MainLx .Lxdl dd img{width:100%;border:6px solid #f3f3f3;}
.MainLx .Lxdl dd p{font-size:16px;color:#999;text-align:center;margin-top:5px;}

.MainLx .Lxfoot{font-size:14px;color:#333;margin-top:80px;}
.MainLx .Lxfoot a{color:#333;}
.MainLx .Lxfoot .ft1{float:left;}
.MainLx .Lxfoot .ft2{float:right;}


/*视频弹出*/
.popboxx iframe{width: 1100px; position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);height: 600px; z-index: 2;}
.popboxx{width: 100%; z-index: 999; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; display: none;}
.popboxx .closebox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}

.product-video{position:relative;width:100%;height:100%;}
.product-video .video-content{width:100%;height:100%;box-sizing:border-box; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding:28px 0 0; background-color: #000;z-index:999;}
.product-video .video-content .close{width: 30px; height: 30px; position: absolute; right:0px; top:0px; cursor: pointer;z-index:999;}
.product-video .video-content .close img{width: 100%;}
.product-video .video-content video{width: 100%;height:100%; vertical-align: middle;}

/*我要加盟*/
.popboxx1 iframe{width: 1200px;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);height: 600px; z-index: 2;}
.popboxx1{width: 100%; z-index: 999; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; display: none;}
.popboxx1 .closebox1{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}

/*
 .Form001518 为demo编号
 */
.Form001518{ padding:3%;width:100%;background:#fff;box-sizing:border-box;height:100%;overflow-x:auto;position:relative;}
.Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/big.png) no-repeat left center/contain; }
.Form001518 .title:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; }

.Form001518 .close1{width:30px; height:31px; position: absolute; right:0px; top:0px; cursor: pointer;z-index:999;}
.Form001518 .close1 img{width: 100%;}


.Form001518 dl dt{ padding:3% 0; color:#f5a100; font-size:16px; }
.Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;}
.Form001518 dd li:nth-child(3n){ margin-right:0;}
.Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;box-sizing:border-box;}
.Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; }
.Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;}

.Form001518 dd textarea.text{height:220px;}

.Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background:#fbbd00;color: #fff; height:40px;line-height:40px;border: none; font-size:18px; width:40%; max-width:150px;}
.Form001518::-webkit-scrollbar{border-radius:10px;width:6px;-webkit-overflow-scrolling:touch;background-color:#e9e9e9;}
.Form001518::-webkit-scrollbar-track{background-color:#e6e6e6;border-radius:10px;}
.Form001518::-webkit-scrollbar-thumb{border-radius:10px;background-color: #fbbd00;}
.Form001518::-webkit-scrollbar-button{height:0px;background-color:#e6e6e6;}


.MemCon,.RecCon{height:550px;overflow:auto;margin-top:80px;}
.MemCon p,.RecCon p{font-size:16px;color:#666;line-height:35px;}



@media(max-width:1700px){
    .MainAbout .abdh img{height:60px;}
    .AboutBox{padding-top:60px;}
}

@media(max-width:1440px){
    .IndexTit{margin-top:10px;}
    .ProBox,.AdvBox,.ShopBox,.CoopBox,.JoinBox,.LxBox{padding-top:80px;}
    .MainAbout .abdh img{height:40px;}
    .MainAbout .abvideo{margin-top:40px;}
    .MainAdv,.Advfl{margin-top:40px;}
    .Logoslider .Logotit{margin-bottom:30px;}
    .MainLx .Lxdl,.MainLx .Lxfoot{margin-top:40px;}
    .top-menu ul li{margin-top:30px;}
    .MainAbout .bd ul .abcon{margin-top:30px;}
    .ProBox .bd ul li .primg1,.ProBox .bd ul li .primg2{margin-bottom:10px;}
    .Advfl .vitext{padding:20px;}
    .Advfl .vicon{height:54px;}
    .Map002520 .map{text-align:center;}
    .Map002520 .map > img{width:auto;height:400px;}
    .Map002520 .right li{padding:20px 0;}
    .Map002520 .right{height:480px;}
    .JoinHeight{height:450px;}
    .MainJoin .jmbtn{margin-top:20px;}
    .top-menu{padding:60px 0 0 90px;max-width:590px;}
    .top-menu ul li{margin-top:20px;}
    .top-menu .close-menu{left:90px;}
    .top-menu .navul{padding:30px 0 0 125px;}
    .IndexTit .tlogo{margin-bottom:10px;}
    .IndexTit .tlogo img{height:29px;}
    .MainAbout{width:42%;margin-top:-30px;}
    .commenu1 ul{margin-top:20px;}
}

@media(max-width:1366px){
    .Header{top:20px;}
    .AboutBox, .ProBox, .AdvBox, .ShopBox, .CoopBox, .JoinBox, .LxBox{padding-top:40px;}
    .commenu .comtit img{height:20px;}
    .MainAbout .bd ul .abcon{margin-top:20px;}
    .MainAbout .bd ul .abcon p{line-height:24px;}
    .MainAbout .abvideo{margin-top:20px;}
    .MainAdv{margin-top:20px;}
    .Advfl{margin-top:20px;}
    .Advfl .vibox .pic{height:314px;}
    .Advfl .vibox img{height:100%;}
    .Map002520 .select dd > a{line-height:40px;}
    .Map002520 .map > img{height:350px;}
    .Map002520 .right{height:380px;}
    .Map002520 .right li p{line-height:24px;}
    .Map002520 .right li img{margin-bottom:10px;}
    .Logoslider .Logotit p{line-height:24px;}
    .Logoslider{margin-top:0px;}
    .JoinHeight{height:400px;}
    .MainLx .Lxul li .tb{width:100px;height:100px;}
    .MainLx .Lxul li .lx1{margin:10px 0;}
    .MainLx .Lxdl, .MainLx .Lxfoot,.MainLx{margin-top:20px;}
    .popboxx1 iframe,.popboxx iframe{height:500px;}
    .MainJoin{width:43.25%;}

    .ProBox .bd ul li .primg2,.ProBox .bd ul li.two .primg1,.ProBox .bd ul li.two:last-child .primg2,.ProBox .bd ul li:last-child .primg2{padding-top:59.6%;}
    .ProBox .bd ul li .primg1,.ProBox .bd ul li.two .primg2,.ProBox .bd ul li:last-child .primg1{padding-top:100%;}
    
    .MemCon,.RecCon{height:450px;overflow:auto;margin-top:50px;}


}

@media (max-width:1199px){
    .htmleaf-container{display:none;}
    .Homeban{display:block;}
    .AboutBox, .ProBox, .AdvBox, .ShopBox, .CoopBox, .JoinBox, .LxBox{padding:40px 0;}
    .MainAbout .bd{margin-top:0px;}
    .Map002520 .right{height:auto;}
    .popboxx iframe{width:90%;height:300px;margin:0;transform:translate(-50%,-50%);}
    .product-video .video-content{width:100%;}
    .popboxx1 iframe{width:90%;height:500px;margin:0;transform:translate(-50%,-50%);}
    .sec7{padding-bottom:40px;}
    .IndexTit{margin-top:30px;}
    .MemCon,.RecCon{height:400px;overflow:auto;margin-top:30px;}
}

@media(max-width:768px){
    .Form001518 dd li{ float:none; width:auto; margin-right:0 !important;}
    .top-menu{padding:40px 0 0 10px}
    .top-menu .navul{padding:30px 0 0 4px}
    .top-menu .close-menu{left:0px;}
    .top-menu .close-menu img{height:40px;}
    .top-menu .navul .navlogo img{height:20px;}
    .top-menu ul{margin-top:30px;}
    .top-menu ul a{font-size:16px;}
    .top-menu ul li{margin-top:9px;}
    .top-menu{width:45%;}
    .MainAbout{width:66%;}
}


@media(max-width:640px){
   .commenu .comtit,.commenu ul{float:none;text-align:center;}
   .commenu .comtit img{margin:0 auto;}
   .commenu ul{margin-top:20px;}
   .commenu .comtit{font-size:18px;}
   .commenu .comtit img{height:18px;}
   .commenu ul li{font-size:14px;}
   .commenu ul li i{margin:0 8px 0 10px;}
   .MainAbout .abvideo,.MainAbout .bd{width:100%;float:none;}
   .MainAbout .bd ul{padding:0px;}
   .MainAbout .bd{margin-top:15px;}
   .MainAbout .abvideo,.ProBox .bd,.MainAdv,.Advfl{margin-top:30px;}
   .popboxx iframe{height:400px;}
   .Advfl,.MainAdv{width:100%;float:none;}
   .Logoslider .Logotit{margin:30px 0;}
   .Joinimg{width:95%;float:none;margin:0 auto;}
   .MainJoin{width:100%;float:none;margin-left:0px;}
   .Joinrh{width:95%;margin-top:0px;}
   .MainLx .Lxfoot .ft1,.MainLx .Lxfoot .ft2{float:none;text-align:center;}
   .MainLx .Lxdl dd{margin:0 30px;}
   .JoinCon,.JoinCon p{width:95%;margin:0 auto;font-size:14px;line-height:24px;}
   .MainAbout .abdh{display:none;}
   .IndexTit .Itit{font-size:18px;}
   .IndexTit .tlogo img{height:20px;}
   .IndexTit .inlie{width:90%;}
   .IndexTit .tlogo{margin:5px 0;}
   .MainAbout{margin-top:30px;}
   .MainAbout{width:80%;}
}

@media(max-width:480px){
    .Form001518 .title{ font-size:24px;}
    .MainAbout .abdh img{height:30px;}
    .MainAbout .bd ul .abt1{font-size:18px;}
    .MainAbout .bd ul .abcon{font-size:14px;line-height:24px;}
    .MainAdv .Advrh .HomeCase .tit{margin:10px 0;}
    .Header .logo img{height:20px;}
    .Map002520 .map > img{height:auto;}
    .Map002520 .map{margin-top:20px;}
    .Logoslider .item{padding-bottom:0px;}
    .MainJoin{margin-top:30px;}
    .MainLx .Lxul li{width:48%;margin-bottom:10px;float:left;margin-right:0px;}
    .MainLx .Lxul li:nth-child(2n){float:right;}
    .MainLx .Lxul li .tb{width:80px;height:80px;}
    .MainLx .Lxul li .lx1{font-size:16px;margin:5px 0;}
    .MainLx .Lxdl dd{width:100px;margin:0 10px;}
    .MainLx .Lxdl dd p{font-size:14px;margin-top:3px;}
    .MainAbout{margin-top:20px;}
    .Joinrh dl dd .jtit{line-height:24px;}
    .ulSlider .owl-carousel .owl-nav button.owl-prev, .ulSlider .owl-carousel .owl-nav button.owl-next{width:30px;height:30px;}
    .ProBox .bd ul li{width:50%;margin-right:0px;}
    .ProBox .bd ul li:nth-child(2n){float:right;}
    .ProBox .bd ul li .primg2,.ProBox .bd ul li.two .primg1,.ProBox .bd ul li:last-child .primg2{padding-top:72.6%;}
    .ProBox .bd ul li .primg1,.ProBox .bd ul li.two .primg2,.ProBox .bd ul li:last-child .primg1{padding-top:123%;}
    .MainAbout{width:95%;}
}

.section .active .fadeInLeft{  -webkit-animation: fadeInLeft 0.1s 0s linear; animation: fadeInLeft 0.1s 0s linear;}
.section .active .fadeInRight{  -webkit-animation: fadeInRight 0.2s 0s linear; animation: fadeInRight 0.2s 0s linear;}

.section .active .fadeInUp{-webkit-animation: fadeInUp 0.1s 0s linear;animation: fadeInUp 0.1s 0s linear;}
.section .active .zoomIn {-webkit-animation:zoomIn 0.2s 0s linear;animation:zoomIn 0.2s 0s linear;}
.section .active .fadeInDown{-webkit-animation:fadeInDown 0.2s 0s linear;animation:fadeInDown 0.2s 0s linear;}

    #main{ width: 100%; height:2000px; margin:0; position: relative;}

	.img{ width: auto; height: auto; position: absolute; line-height:0; font-size:0}
	.img:hover{}
    .img img{ width: 250px; height: auto;}
@media(max-width:480px){
		.img img{ width: 180px; height: auto;#main{ width: 100%; height:3300px;margin:0px; position: relative;}}
	}
	#img{ position: fixed; z-index: 99999; display: none; top: 0;  }
	#img-container{ width: 100%; height: 100%;  background: rgba(0,0,0,0.7); position: absolute; z-index: 0;}
    #img img{ position: absolute; border: #fff 3px solid; box-shadow: #2b2b2b 0 0 100px -20px; cursor: move;}
    #tip{ display: inline-block; height: 35px; width: 100%; background: rgba(0,0,0,0.6); font-family: '微软雅黑'; color: #bcbcbc;font-size: 12px; line-height: 35px; text-indent: 2em; position: absolute; bottom: 0;left: 0; display: none;}
    .tip{ display: none; }
    #btn-left{ width: 150px; height: 100%; position: absolute; left: 0px; bottom: 0; background: url('pre.png') 0 0 no-repeat;  background-position: center center; cursor: pointer;}
    #btn-right{ width: 150px; height: 100%; position: absolute; right: 0px; bottom: 0; background: url('next.png') 0 0 no-repeat; background-position: center center; cursor: pointer;}
    #discription{ margin: 20px 0 0 150px; }
    .p{ font-family: '微软雅黑'; font-size: 14px; color: #2b2b2b; }
    pre{ color: #9911a1; font-family: arial; border: #aaa 1px dotted; font-style: italic; background: #ececec; width: 400px; border-radius: 5px; font-size: 13px;}
    pre .function{ color: green; }
    pre .html{ color: green; margin: 0; padding: 0; }
    pre .config{ color: blue; }
    .config .gray{ color: gray; }
    .config .pink{ color: #9911a1; }
    .config .black{ color: black; }
.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}

.baguetteBoxOne{height:650px;overflow-y: auto}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:none;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}