@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:"Microsoft YaHei"; color:#111111;-webkit-text-size-adjust:none;}
*{margin:0 auto;padding: 0;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; vertical-align:bottom;}ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.abs{position: absolute;}.rel{position: relative;}
textarea{resize:none;}a{text-decoration:none;}a:hover{text-decoration:none;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.none{display: none}.b{border:1px solid red;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
/*分享代码*/
@font-face{font-family:"socialshare";src:url("fonts/iconfont.eot");src:url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("fonts/iconfont.woff") format("woff"),url("fonts/iconfont.ttf") format("truetype"),url("fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
/*弹出提示框*/
.tanchu{width:150px;height:30px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:16px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:30px;border-radius: 5px;}

/****PUBLIC****/
.main{width: 1200px;margin: 0 auto}.mc{margin: 0 auto;text-align: center;}
.bigmain{width: 1300px;margin: 0 auto;}
/*search*/
.web_search{margin-top: 50px}
.web_search li{width: 100%; margin-bottom: 15px}
.web_search li a{font-size: 16px;color: #000;}
.web_search li:hover a{color: #ffb600;}
/*page*/
.page{width:fit-content;width:-moz-fit-content;width: -webkit-fit-content;height: 32px; text-align: center;margin: 0 auto;margin-top: 60px;}
.page a {padding: 4px 10px; margin: 0 6px;font-size: 14px;color: #333333;border: 1px solid #111111;border-radius: 4px;}
.nowpage{background-color: #2872d2;color: #FFF !important;border: 1px solid #2872d2 !important}
#first_page{border:none;background: #FFF;color: #b98e64;font-size: 14px;}
.on{background: #ffb600;color: #FFF;border:1px solid #ffb600!important;}
.page a:hover{border:1px solid #ffb600;color: #ffb600}
/*上页下页*/
.showpre,.shownext{font-size: 14px;color: #111111;padding: 10px 28px;border:1px solid #111111;border-radius: 25px;}
.showpre a,.shownext a{font-size: 14px;color: #111111}
.showpre:hover,.shownext:hover{color: #ffb600;border:1px solid #ffb600;}
.showpre:hover a,.shownext:hover a{color: #ffb600}

/*返回顶部*/
.backTop{position: absolute;top: 0;right: 0; width: 82px;height: 93px;background: url(../imgs/top.png) no-repeat;}
/*banner*/
.slideBox{ width:609px; height: 343px; overflow:hidden; position:relative}
.slideBox .hd{width: 100px; height:12px; overflow:hidden; position:absolute; right:0; text-align: center; bottom:15px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius: 50%; text-align:center; background:#8da6bf;cursor:pointer;}
.slideBox .hd ul li.on{ background:#FFF; color:#FFF; opacity: 1 !important;}
.slideBox .bd{ position:relative;z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{display:block; width:100%;}
.bannertit{position: absolute;bottom: 0;width: 100%;height: 40px;line-height: 40px; background:rgba(0,0,0,0.4);font-size: 14px;color: #FFF;padding-left: 32px; }

/*****************************************页面************************************************/
.clothingDisplay{width: 1200px;margin: 0 auto;margin-top: 30px;}
.clothingDisplay_titbg{position: relative;}
.clothingDisplay_titbg span{display: block;width: 100%;margin: 0 auto;text-align: center; font-size: 80px;color: #f5f5f5;margin-top: 80px;}
.clothingDisplay_tit{position: absolute;top: -30px;left: 0;right: 0;margin:0 auto;text-align: center;font-size: 36px;}
.clothingDisplay_Type{width: 1200px; position: absolute;bottom: -24px;left: 0;right: 0;margin: 0 auto;text-align: center;}
.clothingDisplay_Type a{font-size: 16px;color: #000;}
.clothingDisplay_Type a:hover{color: #ffb600;}
.clothingDisplay_pro{margin-top: 90px;}
.clothingDisplay_pro li{position: relative; width: 290px;height: 521px;background: #f2f2f2; overflow: hidden;float: left;margin: 0 5px 40px;}
.clothingDisplay_pro_img{height: 290px;background: #f8f8f8;overflow: hidden;}
.clothingDisplay_pro_img img{display: inline-block; width: 290px;height: 290px;text-align: center;margin: 0 auto;transition: all 0.6s}
.clothingDisplay_pro_info{padding: 28px 30px;height: 182px; background: #f2f2f2;position: relative;transition: all 0.3s}
.clothpinfo_t{font-size: 20px;color: #333333;}
.clothpinfo_jj{font-size: 14px;color: #333333;margin-top: 10px;}
.Divisionline{width: 110px;height: 2px;background: #111111;margin-top: 50px;}
.clothmore{display: block; float: left;margin-top: 30px; width: 80px;height: 28px;line-height: 28px;text-align: center; border:1px solid #111111;border-radius: 16px;color: #111111;font-size: 14px;}
.clothingDisplay_pro li:hover p{color: #ffb600}
.clothingDisplay_pro li:hover .clothmore{border:1px solid #ffb600;color: #ffb600}
.clothline{display: block; position: absolute;bottom: 0;right: 291px;  width: 0;height: 8px;background: #ffb600;transition:all 1s ease;-webkit-transition:all 1s ease;}
.clothingDisplay_pro li:hover .clothline{right: 0;width: 100%}
.clothingDisplay_pro_img:hover img{transform: scale(1.2);}
.clothmmore{margin: 0 auto;margin-top: 80px;    }
.clothmmore span{display: block;width: 1px;height: 20px;background: #111111;margin-bottom: 7px;}
.clothmmore a{display: block;width: 114px;height: 34px;line-height: 34px;color: #111111;font-size: 14px;text-align: center; border:1px solid #111111;border-radius: 20px;transition: all .3s;background: linear-gradient(to right, #ffb600, #ffb600) no-repeat;background-size: 0% 100%;}
.clothmmore a:hover{background-size: 100% 100%;border: 1px solid #ffb600;color: #FFF}
.clothmmore1{position:  absolute;bottom: 0;right: 0}
.clothmmore1 span{display: block;width: 1px;height: 20px;background: #ffb600;margin-bottom: 7px;}
.clothmmore1 a{display: block;width: 114px;height: 34px;line-height: 34px;color: #ffb600;font-size: 14px;text-align: center; border:1px solid #ffb600;border-radius: 20px;transition: all .3s;background: linear-gradient(to right, #ffb600, #ffb600) no-repeat;background-size: 0% 100%;}
.clothmmore1 a:hover{background-size: 100% 100%;border: 1px solid #ffb600;color: #FFF}
/*关于我们*/
.in_about{width: 100%;height: 986px;background: #f8f8f8;margin-top: 85px; position: relative;}
.in_about_bg1{position: absolute;left: 0;bottom: 0;}
.in_about_bg2{position: absolute;bottom: 0;right: 0}
.in_about_bg3{position: absolute;top: 60px;right: 0}
.in_aboutname{width: 194px; padding-top: 236px;margin: 0 auto;text-align: center;}
.in_aboutsmalltit{display: block;text-align: left; font-size: 16px;color: #111111;margin-bottom: 38px;}
.in_aboutbigtit{font-size: 48px;color: #111111;}
.in_aboutCon{width: 600px;height: 300px;float: right;margin-top: 120px;position: relative;}
.in_aboutCon p{font-size: 16px;color: #111111;line-height: 30px;text-indent: 2em;}
/*新闻资讯*/
.min1200{min-width: 1200px;height: auto; overflow: hidden;}
.m1265{width: 1265px;margin: 0 auto;height: 635px;background: #ffb600;margin-top: 80px;}
.in_new_box{float:left;  width: 601px;height: 561px;overflow: hidden;margin: 28px 19px 46px 33px;}
.in_new_box img{width: 100%}
.in_new_menu{position: relative; float: left; width: 454px;height: 561px;padding:0 92px 0 0;background: #FFF;margin-top: 28px;}
.in_newslibg{position: absolute; width: 644px;padding-left: 34px;padding-right: 22px; transition: all 0.5s; }
.in_new_menu li{float: left; width: 460px;padding-bottom: 25px;margin-bottom: 10px;}
.in_newstit{font-size: 20px;color: #000;padding-top: 33px;}
.in_newxian{width: 363px;height: 1px;border-top:1px dashed #989898;margin: 11px 0 7px; }
.in_news_jj{font-size: 14px;color: #6a6a6a;line-height: 20px;}
.in_news_datetime{margin-top: 11px;color: #6a6a6a}
.in_news_date{display: inline-block;background: url(../imgs/008.png) no-repeat 0 center;padding-left: 22px;margin-right: 20px;}
.in_news_dianjiliang{display: inline-block;background: url(../imgs/007.png) no-repeat 0 center;padding-left: 23px;}
.in_newsfr{padding-top: 32px;}
.in_newsmores{width: 130px;height: 35px;margin: 0 auto;position: relative;top: -20px;}
.in_newsmores a{display: block;width: 130px;height: 35px;line-height: 35px;color: #fff;font-size: 16px;border-radius: 18px; background: #000000;text-align: center;}
/*包袋推荐*/
.package{width: 100%;min-width: 1200px; height: 996px;background: #f7f7f7;margin-top: 70px;}
.nextpageline{}
.prevline{width: 50%;height: 1px;background: #111111;float: left;margin-top: -17px}
.nextline{width: 50%;height: 1px;background: #ffb600;float: right;margin-top: -17px}
/*底部*/
.foot{width: 100%;min-width: 1200px; height: 90px;background: #111111;}
.zpbz_div1 p,.zpbz_div2 p,.zpbz_div3 p{font-size: 20px;color: #FFF;}
.zpbz_div1 span,.zpbz_div2 span,.zpbz_div3 span{font-size: 14px;color: #999999;}
.zpbz_div1,.zpbz_div3{margin-top: 24px;padding-left: 52px; }
.zpbz_div1{background: url(../imgs/011.jpg) no-repeat;width: 150px;}
.zpbz_div3{position: relative; background: url(../imgs/013.jpg) no-repeat;width: 134px;}
.zpbz_div2{background: url(../imgs/012.jpg) no-repeat;padding-left: 52px; margin: 0 auto;width: 134px;margin-top: -44px;}
.footnav{margin-bottom: 20px;}
.footnav li{text-align: center; float:left; display:block; padding: 0 22px;}
.footnav ul li a{color: #111111;font-size: 14px;}
.footnav ul li:hover a{color: #ffb600;text-decoration:none;}
.footc{margin-top: 30px;}
.sjqrcode{width: 95px;float: right;}
.sjqrcode span{display: block;text-align: center;margin: 0 auto;}
.erw{position: absolute; top: -128px; left: 26px; width: 96px; height: 0;transition: all 0.4s;opacity: 0;overflow: hidden;}
.erw img{display: block;}
/****************************二级页面*************************/
.cpss{width: 100%;height: 81px;background: #f3f3f3;padding-top: 27px}
.searchpc{width:386px;height: 35px; line-height: 35px;}
.searchpc span{font-size: 16px;color: #111111;float: left;margin-right: 10px;}
.searchpc input{float: left; width: 264px;height: 35px;border:0;padding-left: 10px;}
.kewordsCls{float: left;width: 35px;height: 35px;line-height: 35px;border:0;}
.cpssl{font-size: 16px;color: #333333}
.wrap_tit{position: relative; width: 470px;height: 180px;margin: 0 auto;text-align: center;background: url(../imgs/015.png) no-repeat;top: -28px;}
.wrap_tit_1{width: 100%; position: absolute;top: 90px;font-size: 32px;color: #111111;font-weight: bold;text-align: center;}
.wrap_tit_2{width: 100%; position: absolute;top: 138px;font-size: 14px;color: #666666;text-align: center;}
.Location{width: 1180px;height: 38px;line-height: 38px; font-size: 14px;color: #666666;background: #f7f7f7;padding: 0 10px;}
.Location a{color: #666666}
.wrap_type{width: 100%;margin:0 auto;text-align: center;margin: 37px 0 40px;}
.wrap_type a{display: inline-block;width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #111111; border:1px solid #111111;border-radius: 5px;margin-bottom: 10px;margin-right: 10px;}
.wrap_type a:hover{background: #ffb600;border:1px solid #ffb600;}
#wrap_type_active{background: #ffb600;border:1px solid #ffb600;}
.wrap_con{margin-bottom: 160px;}
.webproshow_tit{font-size: 24px;color: #111111;line-height: 30px; text-align: center;margin-bottom: 50px;}
.webproshow_img{margin: 0 auto;text-align: center;}
.webproshow_conbg{width: 1200px;height: 25px;background: url(../imgs/016.jpg) no-repeat;margin: 70px 0 40px;}
.webproshow_con{margin-bottom: 64px;}
.webnews{margin-top: 60px;}
.webnews li{margin-top: 30px;}
.webnews .webnews_img{width: 260px;overflow: hidden;}
.webnews .webnews_img img{width: 100%;transition:all 0.6s; }
.webnews li:hover img{transform: scale(1.2);}
.webnews_con{width: 900px;}
.webnews_tit{font-size: 20px;color: #111111;margin: 20px 0;}
.webnews_jianjie{font-size: 16px;color: #666666;text-indent: 2em;line-height: 30px;}
.webnews_datetime{font-size: 14px;color: #999999;margin: 25px 0 40px;}
.ndate{display: inline-block;width: 14px;height: 14px;background: #333333;margin-right: 9px;border-radius: 50%;}
.typename{width: 160px;height: 34px;line-height: 34px;border-radius: 6px;text-align: center;background: #efefef;font-size: 16px;color:#666666;}
.webnews li:hover .webnews_tit{color: #ffb600;font-weight: bold;}
.webnews li:hover .clothmmore a{background-size: 100% 100%;border: 1px solid #ffb600;color: #FFF}
.webnewsshow_tit{font-size: 22px;color: #111111;text-align: center;line-height: 30px;}
/*GBOOK*/
.gbook_l{margin-top: 45px;}
.Explain1{position: relative;}
.Explain1_1{width: 440px;height: 1px;background: #cccccc;}
.Explain1_2{font-size: 24px;color: #333333;position: absolute;left: 0;right:0;top: -10px; margin: 0 auto;text-align: center;}
.Explain2{font-size: 20px;color: #666666;text-align: center;margin-top: 40px;}
.Explain3{font-size: 20px;color: #666666;text-align: center;margin-top: 12px;}
.web_gbooklist{margin: 0 auto; margin-top: 50px;}
.formsty{margin-bottom: 100px;margin-left: 274px;}
.web_gbooklist .gbookinput{padding-left: 20px; width: 576px;height: 44px;background: #f5f5f5; border:1px solid #e3e3e3;margin-left: 20px;margin-bottom: 24px;border-radius: 5px;}
.gbookinput2{width: 410px;padding-left: 20px; height: 44px;background: #f5f5f5; border:1px solid #e3e3e3;margin-left: 20px;margin-bottom: 24px;border-radius: 5px;}
.web_gbooklist textarea{padding-left: 20px;padding-top: 20px; width: 576px;height: 200px;background: #f5f5f5;border:1px solid #e3e3e3;margin-bottom: 24px;margin-left: 20px;border-radius: 5px;}
.web_gbooklist input::placeholder{color: #999999;}
.web_gbooklist textarea::placeholder{color: #999999}
.gbook_word{display: inline-block;position: relative; top: -200px;}
.gbooksubmit{width: 206px;height: 48px;background-color: #ffb600;line-height: 48px;color: #FFF;text-align: center;border:0;margin-left: 100px;cursor: pointer;border-radius: 5px;margin-top: 70px;}
.gbookreset{width: 206px;height: 48px;background-color: #111111;line-height: 48px;color: #FFF;text-align: center;border:0;margin-left: 28px;cursor: pointer;border-radius: 5px;margin-top: 70px;}
.formsty span{margin-left: 5px;}

/*动画指南收录*/

.pro1_ul li:hover .pro1_li_genduos{border-color:#fff;color:#fff;transform:rotatey(180deg);transition:all 1s;}
@keyframes sansuo{
	3%{opacity:1;transform:rotate(0deg);}
	20%{opacity:1;transform:rotate(90deg);}
	21%{opacity:0.1;transform:rotate(90deg);}
	50%{opacity:1;transform:rotate(90deg);}
	55%{opacity:1;transform:rotate(180deg);}
	56%{opacity:0.1;transform:rotate(180deg);}
	70%{opacity:1;transform:rotate(180deg);}
	75%{opacity:1;transform:rotate(270deg);}
	76%{opacity:0.1;transform:rotate(270deg);}
	95%{opacity:1;transform:rotate(270deg);}
	99%{opacity:1;transform:rotate(360deg);}
	100%{opacity:0.1;transform:rotate(360deg);}
}
.head_con_tp_xin{width:100px;height:100px;position: absolute;right:-25px;top:0;opacity: 0;animation: sansuo 20s infinite linear;}


@keyframes huaguo{
	0%{bottom:-5px;}
	75%{bottom:-25px;}
	100%{bottom:-25px;}
}
.tubiao_con_top{width:23px;height:28px;margin:0 auto;overflow:hidden;background: #fff;position: relative;animation: huaguo 2s infinite;}

@keyframes xuanzhuan{
	0%{transform:rotate(0deg);}
	75%{transform:rotate(360deg);}
	100%{transform:rotate(360deg);}
}
.head_con_tps img{animation:xuanzhuan 60s infinite linear;width:100%;height:100%;}