@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background:url(../images/yin_bg.gif) repeat-x;height: 307px;overflow: hidden;padding: 50px 0 0;}
.yin_t{font-size: 36px;color: #333;text-align: center;background:url(../images/cp_line.png) no-repeat center 86px;height: 90px;line-height: 40px;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 16px;color: #666;font-weight: normal;}
.yin .yin_t{background: none;}
.yin p{font-size: 14px;color: #a5a5a5;height: 44px;line-height: 22px;overflow: hidden;text-align: center;}
.yin p i{display: block;}
.ibrand-num{overflow:hidden;margin:30px auto 0;width: 1000px;}
.ibrand-num li{float:left;width:200px;height:90px;text-align:center;color:#333;font-size:14px;}
.ibrand-num li span{font-size:50px;line-height: 50px;}
.ibrand-num li b{display:block;font-weight: normal; padding:5px 0 0;}

/*产品分类*/
.fenl_bg{background:url(../images/cp_bg.gif) repeat-x;height: 472px;overflow: hidden;padding: 40px 0 0;}
.fenl_t{width: 1200px;height: 165px;margin: 35px 0 0;}
.fenl_t ul li{width: 235px;height: 63px;float: left;position: relative;margin-right: 6px;}
.fenl_t ul li em{width: 235px;height: 63px;display: block;line-height: 0;}
.fenl_t ul li em img{width: 235px;height: 63px;}
.fenl_t ul li span{display: block;position: absolute;top: 0;left: 0;width: 235px;height: 63px;}
.fenl_t ul li a{font-size: 20px;color: #fff;display: block;width: 235px;height: 63px;float: left;text-align: center;line-height: 63px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{background: #d0231b;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 63px;left: 46%;z-index: 20;
border-top:10px solid #d0231b; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 80px;position: absolute;top: 63px;left: 0;background: #fff;padding: 22px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666; text-align:left;height: 30px;line-height: 30px;width: 141px;padding: 0 0 0 30px;background: none;}
.fenl_t ul li .cp_list a:hover{color: #d0231b;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -241px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -482px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -723px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -965px;}
.fenl_t ul li.fenl_li04{margin-right: 7px;}
.fenl_t ul li.fenl_li05{margin-right: 0;}

.fenl_bot{padding: 10px 0 0;}
.fenl_bot ul li{height: 60px;line-height: 60px;border-top: #d8d8d8 1px solid;}
.fenl_bot ul li:first-child{border-top: none;}
.fenl_bot ul li b{display: block;float: left;background:url(../images/cp_ico01.gif) no-repeat 0 18px;width: 190px;}
.fenl_bot ul li b a{font-size: 16px;color: #333;padding-left: 40px;}
.fenl_bot ul li p{float: left;width: 1010px;}
.fenl_bot ul li p a{font-size: 14px;color: #666;display: block;float: left;width: 168px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fenl_bot ul li a:hover{color: #d0231b;}
.fenl_last{width: 585px;margin: 0 auto;padding: 7px 0 0;}
.fenl_last ul li{width: 122px;height: 42px;float: left;padding: 0 12px;}
.fenl_last ul li a{display: block;float: left;font-size: 14px;color: #000;width: 120px;text-align: center;height: 40px;line-height: 40px;background: #fff;border: #d0231b 1px solid;border-radius: 40px;}
.fenl_last ul li a:hover{background: #d0231b;color: #fff;}

/**/
.chanp{padding: 50px 0 0;}
.cp_t{height: 85px;}
.cp_t h2{width: 210px;float: left;background:url(../images/cp_line01.gif) no-repeat right 0;line-height: 30px;padding: 5px 0 0;height: 80px;}
.cp_t h2 a{font-size: 24px;color: #d0231b;}
.cp_t h2 i{display: block;font-size: 14px;color: #858585;font-weight: normal;}
.cp_desc{font-size: 14px;color: #333;line-height: 24px;height: 48px;float: left;overflow: hidden;width: 960px;padding: 5px 0 0 30px;}
.cp_l{width: 475px;margin-top: 15px;}
.cp_qie ul li{width: 475px;height: 475px;line-height: 0;overflow: hidden;}
.chanp ul li img,.pinz_r dl dt img,.four dl dt img,.jz dl dt img,.fuw dl dt img,.ab_qie ul li img,.photo_r ul li img{width: 475px;height: 475px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.pinz_r dl dt img:hover,.four dl dt img:hover,.jz dl dt img:hover,.fuw dl dt img:hover,.ab_qie ul li img:hover,.photo_r ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_bot,.ab_bot{width: 120px;height: 12px;position: absolute;bottom: 20px;left: 0;z-index: 20;}
.cp_bot ul li,.ab_bot ul li{float: left;height: 12px;width: 12px;border-radius: 50%;background: #000; text-indent: -9999px;margin-left: 12px;cursor: pointer;}
.cp_bot ul li.on,.ab_bot ul li.on{background: #d0231b;}
.cp_r{width: 725px;}
.cp_r ul li{width: 230px;height: 230px;float: left;position: relative;line-height: 0;overflow: hidden;margin: 15px 0 0 11px;}
.chanp .cp_r ul li img{width: 230px;height: 230px;}
.cp_r ul li h4{display: block;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;width: 210px;text-align: center;height: 32px;line-height: 32px;background: rgba(0,0,0,0.3);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 10px;font-weight: normal;}
.chanp .cp_r02 ul li{margin: 15px 11px 0 0;}

/*优势*/
.ys{padding: 75px 0 100px;}
.ys_l{position: absolute;top: 210px;right: 0;z-index: 20;}
.ys_l ul li{width: 340px;height: 120px;background: #fff;margin-bottom: 10px;color: #666;}
.ys_l ul li span{display: block;float: left;width: 240px;padding: 30px 0 0 20px;font-size: 14px;line-height: 30px;}
.ys_l ul li b{display: block;font-size: 18px;color: #000;}
.ys_l ul li em{display: block;float: left;width: 80px; font-family:"Times New Roman", Times, serif;font-size: 70px;color: #000;line-height: 70px;padding: 25px 0 0;}
.ys_l ul li.on{background: #d0231b;color: #fff;}
.ys_l ul li.on b,.ys_l ul li.on em{color: #fff;}
.ys_m{padding: 25px 0 0;}
.ys_m dl{width: 1200px;height: 545px;position: relative;z-index: 15;}
.ys_m dl dd{background:url(../images/ys_ddbg.png) no-repeat right 0;width: 340px;height: 290px;position: absolute;top: 105px;left: 140px;padding: 40px 115px 0 60px;}
.ys_m dl dd h5{font-size: 30px;color: #d0231b;font-weight: normal;height: 70px;line-height: 70px;overflow: hidden;background:url(../images/ys_line.gif) no-repeat 0 69px;}
.ys_m dl dd p{font-size: 16px;color: #666;line-height: 30px;padding: 25px 0 0;max-height: 150px;}
.ys_pic{width: 1200px;height: 545px;line-height: 0;overflow: hidden;position: absolute;top: 190px;left: 0;}
.ys_pic img{width: 1200px;height: 545px;}

/*一站式定制生产*/
.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 434px;overflow: hidden;}
.liuc_t{font-size: 30px;color: #fff;text-align: center;height: 136px;line-height: 150px;overflow: hidden;}
.liuc ul li{ width:171px; float:left;text-align: center;height: 150px;-webkit-transition:all .5s;transition:all .5s;}
.liuc ul li .liuc_span{ display:block; width:90px; height:90px; position:relative; overflow:hidden; margin:0 auto 15px;border-radius: 50%;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.liuc ul li .liuc_span img{display:block; width:90px; height:90px;}
.liuc ul li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out 0.1s;transition: all 0.35s ease-out 0.1s;}
.liuc ul li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.liuc ul li:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liuc ul li:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liuc ul li b{display: block;font-size: 20px;color: #fff;font-family: "宋体";font-weight: normal;height: 30px;line-height: 30px;overflow: hidden;padding: 5px 0 0;}
.liuc_tel{padding: 20px 0 0 400px;width: 800px;}
.liuc_tel p{font-size: 14px;color: #fff;float: left;line-height: 24px;background:url(../images/liuc_tel.png) no-repeat 0 14px;width: 222px;padding: 0 0 0 45px;}
.liuc_tel p i{display: block;font-size: 26px;font-family: "DINOT";}
.liuc_tel em{display: block;float: left;width: 130px;padding: 10px 0 0;}
.liuc_tel em a{display: block;width: 130px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #333;background: #fff;border-radius: 20px;}
.liuc_tel em a:hover,.jz dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*品质工厂代工*/
.pinz{padding: 75px 0 50px;}
.pinz_l{width: 430px;padding: 30px 0 0;}
.pinz_l ul li,.pinz_l span{width: 196px;height: 46px;line-height: 0;border: #dfdfdf 1px solid;overflow: hidden;margin: 0 15px 20px 0;float: left;}
.pinz_l ul li img{width: 196px;height: 46px;}
.pinz_l ul li:hover,.pinz_l ul li.on{border: #d0231b 1px solid;}
.pinz_l span{ display:block; margin:0; position:absolute; top:235px; left:213px; text-align:center; line-height:46px;}
.pinz_l span a{ font-size:16px; color:#666; text-transform:uppercase; display:block;}
.pinz_l span:hover{border: #d0231b 1px solid;}
.pinz_r{width: 755px;margin-top: 30px;}
.pinz_r dl{width: 755px;height: 256px;position: relative;}
.pinz_r dl dt{width: 755px;height: 256px;line-height: 0;overflow: hidden;}
.pinz_r dl dt img{width: 755px;height: 256px;}
.pinz_r dl dd{width: 190px;height: 236px;position: absolute;top: 0;right: 0;background: rgba(0,0,0,0.5);padding: 20px 10px 0 20px;}
.pinz_r dl dd h5{height: 36px;line-height: 36px;overflow: hidden;text-align: center;}
.pinz_r dl dd h5 a{font-size: 16px;color: #fff;font-weight: normal;}
.pinz_r dl dd p{font-size: 14px;color: #fff;line-height: 24px;height: 168px;overflow: hidden;padding: 5px 0 0;}

/*四大合作保障*/
.four dl{width: 580px;float: left;margin-top: 40px;margin-right: 40px;}
.four dl dt{width: 205px;height: 252px;float: left;overflow: hidden;line-height: 0;}
.four dl dt img{width: 205px;height: 252px;}
.four dl dd{width: 345px;height: 217px;background: #f0f0f0;float: left;padding: 35px 15px 0;}
.four dl dd h5{height: 50px;width: 346px;overflow: hidden;font-weight: normal;}
.four dl dd h5 em{background:url(../images/four_k.png) no-repeat;display: block;float: left;width: 36px;text-align: center;height: 45px;line-height: 40px;overflow: hidden;font-size: 22px;color: #fff;}
.four dl dd h5 span{font-size: 20px;color: #000;display: block;float: left;padding: 0 0 0 15px;width: 294px;line-height: 22px;}
.four dl dd h5 i{display: block;font-size: 14px;color: #333;}
.four dl dd p{font-size: 14px;color: #666;line-height: 28px;height: 112px;overflow: hidden;padding: 12px 0 0;}
.four .nobor{margin-right: 0;}

/*客户见证*/
.jz{padding: 75px 0 35px;}
.jz_m{padding: 40px 0 0;width: 1060px;margin: 0 auto;height: 450px;overflow: hidden;}
.jz dl dt{width: 600px;height: 450px;float: left;line-height: 0;overflow: hidden;}
.jz dl dt img{width: 600px;height: 450px;}
.jz dl dd{width: 390px;float: left;padding: 20px 0 0 70px;}
.jz dl dd h5{max-height: 60px;line-height: 30px;background:url(../images/jz_line.gif) no-repeat 0 72px;padding:0 0 15px 0;}
.jz dl dd h5 a{font-size: 22px;color: #333;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 30px;height: 240px;overflow: hidden;padding: 30px 0 0;}
.jz dl dd span{display: block;width: 120px;padding: 30px 0 0;}
.jz dl dd span a{font-size: 14px;color: #666;display: block;width: 120px;text-align: center;height: 35px;line-height: 35px;background: #cecece;overflow: hidden;border-radius: 30px;}
.jz_bot{padding: 15px 0 0;width: 1060px;margin: 0 auto;}
.jz_bot ul li{width: 190px;height: 143px;float: left;position: relative;line-height: 0;margin-left: 27px;}
.jz_bot ul li img{width: 190px;height: 143px;}
.jz_bot ul li a{display: none;position: absolute;bottom: 0;left: 0;}
.jz_bot ul li a img{width: 190px;height: 149px;}
.jz_bot ul li.on a{display: block;}
.jz_bot ul li:first-child{margin-left: 0;}
.jz_l,.jz_r{width: 30px;height: 60px;position: absolute;top: 390px;}
.jz_l a,.jz_r a{display: block;width: 30px;height: 60px;}
.jz_l a{background:url(../images/jz_lico01.gif) no-repeat;}
.jz_l a:hover{background:url(../images/jz_lico02.gif) no-repeat;}
.jz_r a{background:url(../images/jz_rico01.gif) no-repeat;}
.jz_r a:hover{background:url(../images/jz_rico02.gif) no-repeat;}
.jz_l{left: 0;}
.jz_r{right: 0;}

/*合作客户*/
.hz{background: #f0f0f0;padding: 30px 0 10px;height: 210px;overflow: hidden;}
.hz ul li{width: 13.8%;float: left;line-height: 0;margin-left: 0.5%;}
.hz ul li img{width: 100%;}
.hz ul li span{display: block;width: 100%;text-align: center;font-size: 16px;color: #333;height: 40px;line-height: 40px;overflow: hidden;background:url(../images/hz_k.gif) no-repeat;}
.hz ul li:hover span{color: #e11010;}

/*增值服务*/
.fuw{padding: 70px 0 80px;}
.fuw_m{width: 1200px;overflow: hidden;padding: 50px 0 0;}
.fuw dl{width: 291px;float: left;margin-right: 11px;}
.fuw dl dt{width: 291px;height: 163px;line-height: 0;overflow: hidden;}
.fuw dl dt img{width: 291px;height: 163px;}
.fuw dl dd{width: 250px;margin: 0 auto;text-align: center;padding: 5px 0 0;}
.fuw dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.fuw dl dd p{font-size: 14px;color: #666;line-height: 20px;height: 40px;overflow: hidden;padding: 5px 0 0;}
.fuw .jz_l,.fuw .jz_r{top: 280px;}
.fuw .jz_l{left: -50px;}
.fuw .jz_r{right: -50px;}

/*面料定制流程*/
.dingz{background:url(../images/dingz_bg.jpg) no-repeat center 0;height: 355px;overflow: hidden;}
.dingz .liuc_t{height: 120px;line-height: 100px;}
.dingz ul{ background:url(../images/dingz_line.png) repeat-x 0 28px;display: inline-block;width: 1200px;}
.dingz ul li{width: 120px;float: left;text-align: center;}
.dingz ul li em{display: block;font-size: 30px;color: #333; font-family:Arial, Helvetica, sans-serif;width: 50px;text-align: center;height: 60px;line-height: 64px;overflow: hidden;margin:0 auto;background: #fff;}
.dingz ul li b{display: block;font-size: 16px;font-weight: normal;padding: 10px 0 0;}
.dingz ul li a{color: #fff;display: block;width: 98px;height: 105px;margin:0 auto;}
.dingz ul li a:hover{color: #fff;border: #fff 1px solid; background:url(../images/dingz_k.jpg) repeat;box-sizing:border-box;}
.dingz ul li a:hover em{color: #fff;background: none;}

/*新闻资讯*/
.news{padding: 80px 0 50px;}
.news01{background:url(../images/news_k.gif) no-repeat;width: 355px;height: 194px;margin-top: 40px;padding: 12px 12px 0;margin-right: 31px;}
.news_t{height: 40px;line-height: 20px;overflow: hidden;padding: 8px 0 0 5px;margin-bottom: 15px;}
.news_t a{font-size: 18px;color: #333;}
.news_t i{display: block;font-size: 14px;color: #666;text-transform: uppercase;}
.news_t a:hover,.news01 ul li a:hover{color: #d0231b;}
.news01 ul li{height: 34px;line-height: 34px;overflow: hidden;}
.news01 ul li a{display: block;float: left;width: 280px;height: 34px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #333;}
.news01 ul li span{display: block;float: right;font-size: 12px;color: #000;width: 75px;text-align: right;}
.news .nobor{margin-right: 0;}

/*走进兴都*/
.about{padding: 0 0 70px;}
.ab_l{width: 595px;margin-top: 25px;}
.ab_qie ul li{width: 595px;height: 375px;line-height: 0;overflow: hidden;}
.ab_qie ul li img{width: 595px;height: 375px;}
.ab_r{width: 605px;height: 375px;background: #f5f5f5;margin-top: 25px;}
.about dl{width: 440px;padding: 45px 0 0 35px;}
.about dl dt{width: 440px;display: inline-block;height: 60px;border-bottom: #e6e6e6 1px solid;}
.about dl dt b{display: block;float: left;font-size: 30px;color: #333;padding: 6px 5px 0 0;}
.about dl dt span{display: block;float: left;font-size: 16px;color: #666;font-weight: bold;text-transform: uppercase;line-height: 20px;}
.about dl dt i{display: block;font-size: 14px;color: #999;font-weight: normal;}
.about dl dd{padding: 30px 0 0;}
.about dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.about dl dd h5 a{font-size: 22px;color: #333;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 28px;height: 112px;overflow: hidden;padding: 10px 0 0;}
.about dl dd span{display: block;padding: 10px 0 0;}
.about dl dd span a{font-size: 14px;color: #d0231c;}

/*公司展示*/
.photo{padding: 0 0 20px;background:url(../images/photo_line.gif) repeat-x 0 18px;}
.photo_l{width: 480px;margin: 0 auto;height: 75px;background: #fff;}
.photo_l ul li{width: 140px;height: 36px;padding: 0 10px;float: left;}
.photo_l ul li a{font-size: 16px;color: #333; font-weight:bold;display: block;width: 138px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;border: #999 1px solid;}
.photo_l ul li.on a,.photo_l ul li a:hover{color: #fff;background: #d0231b;border: #d0231b 1px solid;}
.photo_r ul li{width: 265px;float: left; margin:0 44px 0 0;}
.photo_r ul li em{display: block;width: 265px;height: 200px;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 265px;height: 200px;}
.photo_r ul li span{display: block;font-size: 14px;color: #666;width: 265px;text-align: center;height: 35px;line-height: 35px;overflow: hidden;}
.photo_qie .jz_l,.photo_qie .jz_r{top: 75px;z-index: 20;}
.photo_qie .jz_l{left: -50px;}
.photo_qie .jz_r{right: -50px;}

.photo_r .photo03 ul li em{width: 265px;height: 353px;}
.photo_r .photo03 ul li img{width: 265px;height: 353px;}
.photo_r .photo03 .jz_l,.photo_r .photo03 .jz_r{top: 130px;}

/*友情链接*/
.f_link{height: 50px;line-height: 50px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #666;width: 80px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}