﻿@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:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; background:url(../images/bodybg.jpg) center center fixed no-repeat; background-size:cover;}
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; font-family:"微软雅黑";}
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;  vertical-align:top;}
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;}
:-moz-placeholder {color: #bdbdbd;}
::-moz-placeholder {color: #bdbdbd;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #bdbdbd;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #bdbdbd;}
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*/
select{ border:1px solid #ababab; height:30px; color:#ababab; text-indent:0.5em; background:url(../images/selectarr.gif) right center no-repeat;}
.input{ border:1px solid #ababab; height:28px; line-height:28px; text-indent:0.5em;color: #bdbdbd;}

.container{ width:1200px; margin:0px auto;}
@media ( max-width:1024px){
.container{ margin:0px 10px; width:auto;}
}

.relative{ position:relative;}


/*font*/
.f_red{ color:#ff0000;}
.f_blue{ color:#0069b0; text-decoration:underline;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {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; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 4px; line-height:28px; width:28px; background:#f5f5f5;text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; color:#999999; font-family:"宋体"; font-size:18px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; vertical-align:middle; font-size:12px;}
.Pages .p_page .num a:hover{ background:#0069b0;color:#fff;}
.Pages .p_page .num a.a_cur{ background:#0069b0;color:#fff;}
.PagesMore{ text-align:center; padding:20px 0;}
.PagesMore a{ display:block; margin:0px auto; border-radius:3px; width:120px; line-height:36px; color:#fff; background:#e36013;}
.PagesMore a:hover{background:#cc5109;}


@media ( max-width:768px){
.Pages a{ line-height:25px; width:25px;}
}
/*pages end*/

/*head*/
.head{width:100%;height:114px;background:#fff;position:relative;}
.heads{width:100%;height:114px;background:#fff;position:fixed;top:0;left:0;z-index:99999;}
.head .headcon{width:1200px;height:114px;margin:0 auto;}
.head .headcon .headlogo{width:800px;height:70px;float:left;margin-top:20px;}
.head .headcon .headlogo img{width:800px;height:70px;}
.head .nav{width:auto;float:right;margin-top:45px;}
.head .nav .nli{float:left;width:50px;height:200px;position:relative;text-align:center;} 
.head .nav .nli:first-child{margin-left:0px;}
.head .nav li:last-child{margin-right:25px;}
.head .nav .nli a{font-size:18px;color:#888;}
.head .nav .nli a.sets{color:#e62319}
.head .nav .nli a:hover{color:#e62319;}
.head .nav .sub{display:none;width:150px;line-height:36px;position:absolute;left:-45px;top:33px;text-align:center;background:#fff;}
.head .nav .sub li{width:150px;background: #fff;}
.head .nav .sub a{display:block;color:#888;}

/*head end*/

/*footer*/
.footer{width:100%;height:120px;background:#fff;clear:both;}
.footer .footcon{width:1200px;height:120px;margin:0 auto;}
.footer .footcon .foottel{width:200px;margin-top:60px;float:left;}
.footer .footcon .foottel p,.footer .footcon .footys p,.footer .footcon .footadss p{float:left;}
.footer .footcon .foottel p img,.footer .footcon .footys p img,.footer .footcon .footadss p img{width:22px;height:22px;}{width:22px;height:22px;}
.footer .footcon .foottel span,.footer .footcon .footys span,.footer .footcon .footadss span{float:left;font-size:14px;color:#666;margin-left:5px;}
.footer .footcon .footys{width:260px;margin:60px 0 0 32px;float:left;}
.footer .footcon .footadss{width:497px;margin:60px 0 0 32px;float:left;}
.footer .footcon .footwx img{width:81px;height:81px;float:right;margin-top:20px;}
/*footer end*/


/*首页*/
.section1 .sec1{width:1200px;height:323px;margin:230px auto 0;}
.section1 .sec1 .secimg{width:236px;height:210px;}
.section1 .sec1 .secimg img{width:236px;height:210px;}
.section1 .sec1 .secbtn a{display:block;width:220px;color:#222;font-size:16px;height:40px;text-align:center;line-height:40px;border:1px solid #222;border-radius:50px;margin:60px 0 0 0px;}
.section1 .fadeInLeft{transition:all 2s;opacity:0;margin-left:-1108px;}
.section1.active .fadeInLeft{opacity:1;margin-left:130px;transition-delay:0.2s;}

.section2 .sec1{width:1200px;height:223px;margin:auto;}
.section2 .sec1 .sectext{width:643px;height:69px;margin:0 auto;}
.section2 .sec1 .sectext img{width:643px;height:69px;}
.section2 .sec1 .secbtn1 a{display:block;width:220px;color:#fff;font-size:16px;height:40px;text-align:center;line-height:40px;border:1px solid #fff;border-radius:50px;margin:60px auto 0;}
.section2 .fadeInDown{transition:all 1s;opacity:0;margin-top:-308px;}
.section2.active .fadeInDown{opacity:1;margin-top:350px;transition-delay:0.2s;}

.section3 .sec1{width:1200px;height:223px;margin:321px auto 0;}
.section3 .sec1 .sectext{width:536px;height:59px;margin:0 auto;}
.section3 .sec1 .sectext img{width:536px;height:56px;}
.section3 .sec1 .secbtn1 a{display:block;width:220px;color:#222;font-size:16px;height:40px;text-align:center;line-height:40px;border:1px solid #222;border-radius:50px;margin:60px auto 0;}
.section3 .fadeInDown{transition:all 1s;opacity:0;margin-top:-308px;}
.section3.active .fadeInDown{opacity:1;margin-top:350px;transition-delay:0.2s;}

/*产品*/
.prolist .prolis{margin-top:56px;}
.prolist .prolis li{float:left;width:584px;height:454px;margin-left:19px;}
.prolist .prolis li img{width:584px;height:351px;}
.prolist .prolis li:first-child{margin-left:0px;}
.prolist .prolis li p:nth-child(2){width:584px;height:1px;background:#e62319;margin-top:22px;}
.prolist .prolis li p:nth-child(3){font-size:16px;color:#666;text-align:center;margin-top:22px;}


/*产品详情-染色纱 and 产品详情-缝纫线*/
.proban{width:100%;height:301px;}
.proban img{width:100%;height:301px;position:absolute;z-index:-1;}
.prolist{width:1200px;height:360px;margin:40px auto 0;}
.prolist .protitle p{font-size:24px;color:#666;}
.prolist .protitle i{display:block;width:26px;height:1px;background:#666;margin-top:18px;}
.prolist .proli{margin-top:56px;}
.prolist .proli li{float:left;width:354px;height:261px;margin-left:40px;}
.prolist .proli li img{width:354px;height:261px;}
.prolist .proli li:first-child{margin-left:0px;}
.bigban{width:100%;height:auto;margin-top:90px;}
.bigban img{width:100%;height:auto;}
.tabcon{width:1200px;height:auto;margin:60px auto 20px;}
.tabcon tr td:nth-child(1){width:244px;height:50px;font-size:18px;color:#fff;text-align:center;background:#e62319;border-right:3px solid #fff;border-bottom:3px solid #fff;font-weight:bold;}
.tabcon tr td:nth-child(2){width:950px;height:50px;font-size:16px;color:#666;background:#e9e9e9;border-bottom:3px solid #fff;padding-left:20px;font-weight:bold;}

/*产品详情-涤包涤*/
.dbtab{width:1200px;height:auto;margin:60px auto 20px;}
.dbtab .dbline{width:100%;height:50px;line-height:50px;text-align:center;font-size:24px;color:#fff;background:#e62319;border-bottom:1px solid #fff;font-weight: bold;}
.dbtab tr.dbtitle td{width:132px;height:50px;font-size:18px;color:#fff;text-align:center;background:#e62319;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight: bold;}
.dbtab tr.dbtitles td{width:132px;height:50px;font-size:16px;color:#666;text-align:center;background:#e9e9e9;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight: bold;}

/*产品详情-本白纱布*/
.sbutab{width:1200px;height:auto;margin:23px auto 20px;}
.sbutab thead tr th{width:170px;height:48px;background:#e62319;font-size:18px;font-weight:bold;color:#fff;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sbutab tr td{width:170px;height:138px;font-size:18px;color:#666;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #b2b2b2;border-left:1px solid #b2b2b2;font-weight:bold;}
.sbutab tr td:first-child{border-left:0px;}

/*质测*/
.prolists{height:45px;}
.tabcons{width:1200px;height:auto;margin:23px auto 20px;}
.tabcons thead tr th{width:170px;height:48px;background:#e62319;font-size:18px;font-weight:bold;color:#fff;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.tabcons tr td{width:170px;height:40px;font-size:16px;color:#666;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight:bold;}
.tabcons tr:nth-child(odd){background:#eef0f2;}
.tabcons tr:nth-child(even){background:#fad3d1;}
/*.tabcons tr td:nth-child(2){width:950px;height:50px;font-size:16px;color:#666;background:#e9e9e9;border-bottom:3px solid #fff;padding-left:20px;}
*/

/*联系我们*/
.lxcon{width:1200px;height:340px;margin:38px auto 20px;}
.lxcon .lxleft{width:767px;height:340px;float:left;}
.lxcon .lxleft img{width:767px;height:340px;}
.lxcon .lxright{width:382px;height:340px;float:left;margin-left:34px;}
.lxcon .lxright .lxtitle{width:100%;font-size:16px;color:#444;margin:6px 0 36px 0;}
.lxcon .lxright .lxren{width:100%;font-size:14px;color:#888;margin-bottom:15px;}
.lxcon .lxright .lxren i{display:inline-block;vertical-align:middle;margin-right:7px;}
.lxcon .lxright .lxren span{vertical-align:middle;}
.lxcon .lxright .lxren span img{width:81px;height:81px;}
.lxcon .lxright .lxren p{width:215px;display:inline-block;}
.lxcon .lxright .lxren i.addimg{vertical-align:top;margin-top:7px;}
.lxcon .lxright .lxren span.address{vertical-align:top;} 

/*在先咨询*/
.zxun{width:1200px;height:184px;margin:35px auto 0;}
.zxun .zxleft{width:705px;height:184px;float:left;}
.zxun .zxleft .zxinput{width:225px;float:left;margin-left:15px;}
.zxun .zxleft .zxinput:first-child{margin-left:0px;}
.zxun .zxleft .zxinput p{font-size:14px;color:#888;margin:0 0 13px 13px;}
.zxun .zxleft .zxinput input{width:225px;height:36px;font-size:14px;color:#888;background:#edf1f4;border-radius:10px;padding-left:13px;outline:none;}
.zxun .zxleft .zxinput  input::-webkit-input-placeholder,.zxun .zxleft .zxnew input::-webkit-input-placeholder{font-size:14px;color:#888;}
.zxun .zxleft .zxnew{width:335px;float:left;margin:22px 0 0 15px;}
.zxun .zxleft .zxnews{margin-left:0px;}
.zxun .zxleft .zxnew p{font-size:14px;color:#888;margin:0 0 13px 13px;}
.zxun .zxleft .zxnew input{width:335px;height:36px;font-size:14px;color:#888;background:#edf1f4;border-radius:10px;padding-left:13px;outline:none;}
.zxun .zxright{width:480px;height:184px;float:right;}
.zxun .zxright .zxliuyan{width:480px;height:184px;}
.zxun .zxright .zxliuyan p{font-size:14px;color:#888;margin:0 0 13px 13px;}
.zxun .zxright .zxliuyan textarea{width:480px;height:130px;font-size:14px;color:#888;background:#edf1f4;border-radius:10px;padding:10px 12px 10px 12px;resize:none;}
.zxbtn{width:1200px;margin:44px auto 0;}
.zxbtn a{display:block;width:188px;height:43px;line-height:43px;color:#fff;font-size:14px;text-align:center;background:#e62217;border-radius:5px;}

/*联系我们*/
.gycon{width:1200px;height:auto;margin:38px auto 0;padding-bottom:60px;}
.gycon .gyimg{width:100%;height:473px;}
.gycon .gyimg img{width:100%;height:473px;}
.gycon .gyleft{width:240px;height:auto;display:inline-block;margin-top:60px;vertical-align:top;}
.gycon .gyleft p:nth-child(1){font-size:24px;color:#666}
.gycon .gyleft p:nth-child(2){width:63px;height:1px;background:#e51a11;margin-top:30px;}
.gycon .gyright{width:880px;height:auto;display:inline-block;margin:60px 0 0 75px;}
.gycon .gyright p{font-size:16px;color:#666;line-height:30px;}
.gybg{width:100%;height:558px;background:#f1f1f1;}
.gybg .bgcon{width:1200px;height:558px;margin:0 auto;}
.gybg .bgcon .conleft{width:215px;height:auto;float:left;margin-top:120px;}
.gybg .bgcon .conleft p:nth-child(1){font-size:18px;color:#444;}
.gybg .bgcon .conleft p:nth-child(2){font-size:14px;color:#666;line-height:30px;}
.gybg .bgcon .conright{width:815px;height:437px;float:right;margin-top:60px;}
.gybg .bgcon .conright img{width:815px;height:437px;}
.gytab{width:1054px;height:333px;margin:98px auto 90px;}
.gytab img{width:1054px;height:333px;}
.gylist{width:100%;height:400px;background:#f1f1f1;}
.gylist .listcon{width:1200px;height:400px;margin:0 auto;}
.gylist .listcon .gytext{font-size:18px;color:#666;padding:43px 0 64px 0;text-align:center;}
.gylist .listcon .gyli li{width:358px;height:215px;float:left;margin-left:63px;}
.gylist .listcon .gyli li:first-child{margin-left:0px;}
.gylist .listcon .gyli li img{width:358px;height:215px;}
.gylists{height:340px;background:#fff;}
.gylists .listcon{width:1200px;height:340px;margin:0 auto;}
.gylists .listcon .gytext{padding:50px 0 50px 0;}

/*工厂*/
.gclist{width:1200px;height:1240px;margin:36px auto 0;}
.gclist .gcleft{width:502px;height:829px;float:left;}
.gclist .gcleft .gcone{width:502px;height:316px;overflow:hidden;}
.gclist .gcleft .gctwo{width:502px;height:513px;overflow:hidden;}
.gclist .gcleft .gcone img{width:502px;height:316px;}
.gclist .gcleft .gctwo img{width:502px;height:513px;}
.gclist .gcrigth{width:698px;height:829px;float:right;}
.gclist .gcrigth .gcthree{width:349px;height:450px;float:left;overflow:hidden;}
.gclist .gcrigth .gcthree img{width:349px;height:450px;float:left;}
.gclist .gcrigth .gcfour{width:698px;height:379px;overflow:hidden;}
.gclist .gcrigth .gcfour img{width:698px;height:379px;}
.gclist .gcbott{width:1200px;height:412px;}
.gclist .gcbott .gcs{width:801px;height:412px;float:left;overflow:hidden;}
.gclist .gcbott .gcs img{width:801px;height:412px;}
.gclist .gcbott .gcss{width:399px;height:412px;float:right;overflow:hidden;}
.gclist .gcbott .gcss img{width:399px;height:412px;}
.gclist div img{opacity:0.6;transition:all 2s;transform:scale3d(0);}
.gclist div img:hover{transition:all 2s;opacity:1;transform:scale3d(1.2,1.2,1);}

/*详情页*/
.gycons{width:1200px;height:auto;margin:40px auto 20px;}
.gycons p{width:100%; font-size:16px;color:#666;line-height:40px;text-indent:25px;}


.english{position:absolute;top:8px;right:60px;}
.english img{width:28px;height:28px;}
