﻿/*重置*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, "Microsoft YaHei"; color:#666;-webkit-font-smoothing:antialiased;}
html, body{height: 100%;margin: auto;padding: 0;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, img, p, span, a{margin:0px;padding:0px;}
ul, li, dl, dt, dd{list-style:none;}
ol{list-style-type: decimal; list-style-position: outside;}
img {display:block;}
input, select, option {margin:0;}
q:before,q:after{content:'';}
a{text-decoration:none;outline:none;}
a:hover{ color:#e12c23;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.text_c{text-align:center}
.text_r{text-align:right}
.cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.cb li{zoom:1;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*公共*/
.header,.banner,.banner2,.banner3,.banner4,.sec03,.sec01,.sec05,.sec06,.sec07,.sec09,.sec10,.sec11,.foot_box{ min-width:1300px;}
.sec08,.sec02,.sec04{ min-width:1000px;padding:0 130px;}



/*头部*/
.header{ height:130px; width:100%; background:url(/images/images/bg01.jpg) no-repeat center top; overflow:hidden;}
.head{ width:1000px; height:80px; margin:25px auto; overflow:hidden;}
.logo{ float:left;}
.head_r{ float:right; }
.serch{ overflow:hidden;}
.sousuo{width:167px; margin-top:5px; background:url(/images/images/top_04.png) no-repeat; float:right; padding-right:25px;}
.sousuo span.kuang{padding:0px 4px 0px 10px; width:123px; display:block; float:right;}
.sousuo span.kuang input{width:123px; height:24px; background:none; border:0px; line-height:24px; color:#999; font-size:12px;}
.sousuo a{width:30px; height:24px; float:right;}
.phone{ background:url(/images/images/phone.png) no-repeat left center; height:32px; padding-left:36px; font-size:32px; line-height:32px; color:#9b7500; float:right;font-weight:bold; margin-left:45px; }
.nav{ overflow:hidden; margin-top:25px; float:right;}
.nav li{ float:left;}
.nav li a{ color:#333; font-size:16px; font-weight:bold; padding:0 9px;}
.nav li a:hover{color:#0074bf;}

/*banner*/
.banner{ width:100%; height:600px; position:relative; max-width:1920px; margin:0px auto; overflow-x:hidden}
.banner img{ position:absolute; left:50%; margin-left:-960px;}

.banner2{ width:100%; height:65px; position:relative; overflow-x:hidden;}
.banner2 img{ position:absolute; left:50%; margin-left:-960px;}

.banner3{ width:100%; height:140px; background:url(../images/banner03.jpg) no-repeat center top;overflow-x:hidden; max-width:1920px; margin:0 auto}
.banner3 div{ position:relative; width:1000px; height:140px; margin:0 auto;}
.banner3 div a{ display:block; position:absolute;}
.banner3 div .ba1{ width:205px; height:34px; right:333px; top:78px;}
.banner3 div .ba2{ width:332px; height:34px; right:-7px; top:78px;}

.banner4{ width:100%; height:140px; position:relative;overflow-x:hidden;}
.banner4 img{ position:absolute; left:50%; margin-left:-960px;}

/*痛点*/
.sec01{ width:1200px; margin:50px auto; overflow:hidden;}
.sec01>h2{ text-align:center; font-size:36px; background:url(/images/images/sec01_tit.png) no-repeat center bottom; padding-bottom:15px; line-height:50px; color:#333; font-weight:normal;}

.sec01 .ul01{ margin:40px auto; width:1125px; overflow:hidden;}
.sec01 .ul01 li{ width:235px; height:80px; background:url(/images/images/sec01_bg.jpg) no-repeat; font-size:18px; text-align:center; padding:40px 20px 0; color:#333; float:left; line-height:27px; margin:0 50px;}
.sec01 .ul02{ width:935px; margin:0 auto; overflow:hidden;}
.sec01 .ul02 li{ width:187px; float:left; overflow:hidden; text-align:center; line-height:60px; font-size:16px;}
.sec01 .ul02 li img{ margin:0 auto;}

.sec01 .ul03{ width:1000px; overflow:hidden; margin:20px auto 40px;}
.sec01 .ul03 li{ width:228px; height:240px; border:1px solid #f6d368; float:left; margin:0 10px; overflow:hidden; text-align:center;}
.sec01 .ul03 li a div{ width:228px; height:124px; overflow:hidden;}
.sec01 .ul03 li a span{font-size: 14px;color:black; margin:20px auto; display:block; width:220px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;}
.sec01 .ul03 li a span:hover{ color:#d1a00b; text-decoration:underline;transition:all 0.5s ease-in-out;}
.sec01 .ul03 li .ding{ width:100px; height:26px; line-height:26px; display:block; margin:20px auto; font-size:16px; color:#b2890d; background:url(/images/images/sec01_ul03_a.png) no-repeat;}
.sec01 .ul03 li .ding:hover{ font-weight:bold;transition:all 0.5s ease-in-out;}

.sec01 .ul04{ width:1114px; height:447px; margin:0 auto; background:url(/images/images/sec01_bg2.jpg) no-repeat center top; position:relative; text-align:center; overflow:hidden;}
.sec01 .ul04 li{ overflow:hidden; position:absolute;}
.sec01 .ul04 li span{ color:#0f0f0f; font-size:24px; line-height:33px;}
.sec01 .ul04 li span strong{ color:#957100;}
.sec01 .ul04 li p{ width:180px; height:63px; line-height:21px; font-size:14px; font-weight:bold; color:#3c320f;}
.sec01 .ul04 li h2{ font-size:33px; color:black; line-height:33px; margin-bottom:12px;}
.sec01 .ul04 .li01{ left:262px; top:171px; text-align:center;}
.sec01 .ul04 .li02{ left:215px; top:56px;}
.sec01 .ul04 .li03{ left:468px; top:30px;}
.sec01 .ul04 .li04{ left:718px; top:56px;}
.sec01 .ul04 .li05{ left:923px; top:186px;}
.sec01 .ul04 .li06{ left:718px; top:302px;}
.sec01 .ul04 .li07{ left:468px; top:343px;}
.sec01 .ul04 .li06 p{ height:84px;}
.sec01 .ul04 .li08{ left:215px; top:324px;}
.sec01 .ul04 .li09{ left:12px; top:188px;}



/*技术团队*/
.sec02{ width:1000px; overflow:hidden; margin:50px auto; color:#333;}
.index_tit{ font-size:32px; color:#040000; background:url(/images/images/index_tit.png) no-repeat center 29px; line-height:58px; text-align:center; margin-bottom:30px;}
.index_tit h2{ font-size:36px; line-height:44px;} 
.index_tit h2 span{ color:#9b7500;}

.sec02_l{ float:left; width:500px; overflow:hidden;}
.sec02_l h2{ font-size:24px; color:#222; line-height:30px;}
.sec02_l p,.sec02_r p{ text-indent:28px; font-size:14px; line-height:23px; padding:0 20px; margin:10px 0;}
.sec02_r{ float:left; width:500px; overflow:hidden;}
.sec02_r h2{ font-size:18px; color:#9b7500; line-height:30px;}
.sec02_b{ width:1000px; height:174px; background:url(/images/images/sec02_img04.png) no-repeat; overflow:hidden; margin-top:6px;}
.sec02_b h2{font-size:24px; color:#222; line-height:30px; margin-left:14px;}
.sec02_b p{ font-size:14px; line-height:24px; text-indent:30px; width:542px; margin:12px 0 0 23px;}

/*生产实力*/
.sec03{ width:100%; height:1825px; background:url(/images/images/sec03_bg.jpg) no-repeat center top; overflow:hidden; padding-top:50px; margin-bottom:50px;}
.sec03_box{ width:1300px; position:relative; height:1690px; margin:0 auto;}
.sec03_box p{ position:absolute; color:#3a3a3a; font-size:14px; line-height:28px; text-indent:30px;}
.sec03_box .p1{ width:920px; left:195px; top:11px;}
.sec03_box .p2{ width:405px; left:64px; top:917px;}
.sec03_box .p2 img{ float:left; margin-right:8px;}
.sec03_box .p3{ width:552px; right:45px; top:943px;}
.sec03_box .p3 img{ float:right; margin-left:8px;}
.sec03_inf{ position:absolute; left:40px; top:1476px;}
.sec03_inf h2{ font-size:24px; color:#222; padding-left:16px; margin-bottom:20px; line-height:24px;}


/*市场服务*/
.sec04{ width:1000px; margin:0 auto; overflow:hidden;} 
.sec04_box{ background:url(/images/images/sec04_bg.jpg) no-repeat center top; height:814px;}
.sec04_box dl{ overflow:hidden; height:468px;}
.sec04_box dl dt{ font-size:16px; color:#666; float:left; margin:86px 174px 0 32px;}
.sec04_box dl dt h2{ font-size:18px;}
.sec04_box dl dd{ width:368px; overflow:hidden; display:block; float:left; font-size:14px; margin:60px 0 0 102px;}
.sec04_box dl dd p{ margin-bottom:17px; line-height:17px; letter-spacing:1px;}
.sec04_box dl dd strong{ color:#333;}


/*产品包装*/
.sec05{ width:100%;overflow:hidden; background:url(/images/images/sec05_bg.jpg); padding:42px 0 37px;} 
.sec05_box01{ width:1020px; margin:0 auto; position:relative; height:357px; background:url(/images/images/sec05_bg02.png) no-repeat center top;}
.sec05_box01 p{font-size:14px; position:absolute; line-height:18px; overflow:hidden; text-align:center;}
.sec05_box01 .p1{ left:427px; top:14px;}
.sec05_box01 .p2{ left:847px; top:14px;}
.sec05_box01 .p3{ left:340px; top:94px; text-align:right; width:133px;}
.sec05_box01 .p4{ left:908px; top:131px; text-align:left; width:104px;}
.sec05_box01 .p5{ left:400px; top:280px;}
.sec05_box01 .p6{ left:757px; top:280px; width:250px;}

.sec05_box02{ width:1000px; margin:0 auto; height:793px; background:url(/images/images/sec05_bg3.jpg) no-repeat center top;}
.sec05_box02 ul li{ height:240px; width:100%; overflow:hidden; margin-bottom:25px;}
.sec05_box02 ul li img{ float:left;}
.sec05_box02 ul li p{ font-size:18px; color:#666; line-height:24px; padding-left:54px; margin-top:50px; float:left; width:420px;}

.sec05_box03{ width:1000px; margin:20px auto; height:827px; background:url(/images/images/sec05_bg4.jpg.png) no-repeat center bottom; color:#333;}
.sec05_box03 h2{ font-weight:normal; text-align:center; line-height:31px;}
.sec05_box03 ul{ margin:4px 0 0 0; overflow:hidden;}
.sec05_box03 ul li{ float:left; width:322px; height:84px; overflow:hidden; font-size:14px; line-height:17px; margin:46px 0 0 177px;}
.sec05_box03 ul li h3{ font-size:16px; margin-bottom:14px;}

.sec05_box03 dl{ overflow:hidden; margin-top:21px;}
.sec05_box03 dl dt{ text-align:center; line-height:40px; color:#333; font-size:16px;}
.sec05_box03 dl dd{ overflow:hidden; margin:150px 0 0 54px;}
.sec05_box03 dl dd span{ display:block; line-height:21px; color:white; font-size:14px; width:90px; float:left; margin:0 66px; text-align:center;}

/*产品包装*/
.sec06{ width:1250px; margin:40px auto;overflow:hidden; background:url(/images/images/sec06_bg.jpg) no-repeat center bottom; height:2000px;}
.sec06 .tab1{ margin:0 auto;font-size:14px; color:#333; text-align:center; border:1px solid #ccc;border-collapse:collapse;}
.sec06 .tab2{ float:left;font-size:14px; color:#333; text-align:center; border:1px solid #ccc;margin:10px 24px 0 0;border-collapse:collapse;}
.sec06 .tab1 td,.sec06 .tab2 td{border-bottom:1px dashed #ccc;}
.sec06 .tr1 td{ border-bottom:0;}
.sec06_box{ width:1000px; margin:30px auto; overflow:hidden;}
.sec06_box span{ color:#333; font-size:14px; line-height:32px;}
.sec06_box span strong{ color:#9b7500;}
.sec06_box>img{ margin-top:10px;}


/*服务*/
.sec07{ width:100%;overflow:hidden; background:url(/images/images/bg02.jpg) no-repeat center top; height:510px; padding-top:30px;}
.sec07_box{ width:1000px; margin:0 auto; overflow:hidden;}
.sec07_box ul li{ width:192px; height:327px; background-color:#fcf1d0; float:left; margin-right:10px; text-align:center;}
.sec07_box ul li img{ margin:6px;}
.sec07_box ul li p{ width:100%; font-size:16px; font-weight:bold; line-height:24px; color:#9b7500; margin:16px 0 0 0;}
.sec07_box ul li span{ display:block; width:48px; height:36px; background:url(/images/images/sec07_bg.png) no-repeat; font-family:"Arial"; font-weight:bold; font-size:26px; line-height:36px; margin:20px auto;}

/*资质*/
.sec08{ width:1040px; margin:30px auto; overflow:hidden;}
.sec08 ul{ overflow:hidden;}
.sec08 ul li{ width:317px; height:317px; overflow:hidden; position:relative; float:left; margin-right:43px; background:url(/images/images/sec08_bg.png) no-repeat right top;}
.sec08 ul li img{ width:198px; height:272px; float:left; margin-top:22px;}
.sec08 ul li .fl{ width:103px; padding:100px 0 0 15px; color:#333; }
.sec08 ul li .fl strong{ font-size:22px;line-height:34px;}
.sec08 ul li .fl strong span{ color:#9b7500;}
.sec08 ul li .fl p{ line-height:24px; font-size:18px; width:100px; margin-top:10px;}
.sec08 ul li em{ display:block; width:3px; height:63px; background-color:#f6d368; position:absolute; bottom:23px; left:26px;}
.sec08_btn{ width:108px; height:38px; margin:80px auto 50px;}
.sec08_btn a{ display:block; width:38px; height:38px; background:url(/images/images/sec08_btn.png) no-repeat; float:left;}
.sec08_btn .next{ background-position:-70px top; margin-left:32px;}


/*流程*/
.sec09{ height:395px; background:url(/images/images/sec09_bg.png) no-repeat center top;}
.sec09_box{ width:1200px; height:395px; overflow:hidden; position:relative; margin:0 auto;}
.sec09_box ul{ position:absolute; overflow:hidden;}
.sec09_box ul li{ width:160px; text-align:center; font-size:14px; height:36px; overflow:hidden; margin-right:100px; float:left; line-height:18px; color:#333;}
.sec09_box ul li span{ font-weight:bold;}
.sec09_box .ul01{ left:193px; top:141px;}
.sec09_box ul .last{ margin-right:0;}
.sec09_box .ul02{ left:63px; top:254px;}




/*表单和问答*/
.sec10{ width:100%;background:url(/images/images/bg01.jpg) no-repeat center top; padding:47px 0; height:421px; overflow:hidden;}
.sec10_box{ width:1000px; margin:0 auto; overflow:hidden;}
.sec10_l{ width:408px; height:421px; background:url(/images/images/sec10_l_bg.png) no-repeat; margin:0 60px 0 0; overflow:hidden; float:left;}
.sec10_l h2{ text-align:center; color:#333;letter-spacing:2px; font-size:34px; line-height:74px;}
.sec10_l ul{ width:360px; overflow:hidden; margin:0 auto;}
.sec10_l ul li input{ border:none; width:340px; height:40px; margin-bottom:10px; color:#fff; font-size:12px; line-height:40px; padding:0 10px;background-color:#5a5a5a;}
.sec10_l ul li textarea{ padding:10px; width:340px; height:84px; margin-bottom:20px; border:none; background-color:#5a5a5a; color:white; letter-spacing:-2px;}
.con_btn{ width:360px; height:40px; background-color:#9b7500; line-height:40px; text-align:center; display:block; color:white; font-size:14px;}
iframe{border:none !important;}
.message{border:none !important;}

.sec10_r{ width:468px; overflow:hidden; float:left;}
.sec10_r .fl{ width:468px; height:360px; overflow:hidden;}
.sec10_r dl{ overflow:hidden; margin-top:30px;}
.sec10_r dl dt{ border:2px solid #9b7500; width:56px; height:56px; float:left; text-align:center; color:#333; overflow:hidden;}
.sec10_r dl dt span{ font-weight:bold; font-size:22px; line-height:35px;}
.sec10_r dl dt p{ font-size:12px;}
.sec10_r dl dd{ float:left; height:60px; margin-left:20px; width:386px; overflow:hidden;line-height:30px;}
.sec10_r dl dd span{ display:block; width:100%; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-weight:bold; color:#9b7500; font-size:12px;}
.sec10_r dl dd span a{ color:#333;}
.sec10_r dl dd span a:hover{ color:#9b7500;}
.sec10_r dl dd p{width:100%; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;  color:#333; font-size:12px;}

.sec10_btn{ width:57px; height:25px; margin:20px 0 0;}
.sec10_btn a{ display:block; width:25px; height:25px; background:url(/images/images/sec10_btn.png) no-repeat; float:left;}
.sec10_btn .next{ background-position:-32px top; margin-left:7px;}

/*简介*/
.sec11{ width:100%; overflow:hidden; background:url(/images/images/bg02.jpg) no-repeat; background-size:100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/bg02.jpg',  sizingMethod='scale') ; max-width:1920px; margin:0 auto;}
.sec11_box{ width:1000px; margin:0 auto;}
.sec11_tit{ background:url(/images/images/sec11_bg.png) no-repeat center bottom;text-align:center; color:#9b7500; font-size:36px; line-height:58px; font-weight:bold; margin:50px auto;}
.sec11_box p{ font-size:16px; text-indent:34px; color:#333; line-height:27px; margin-bottom:20px;}
.sec11_box img{ margin:20px auto;}


/*底部*/
.foot_box{background:url(/images/images/bg01.jpg) no-repeat center; border-top:4px solid #9b7500; max-width:1920px; margin:0 auto;}
.foot_box .foot{width:980px; margin:0 auto; color:#494949;}
.foot .left{float:left; width:165px; background:url(/images/images/foot_03.gif) no-repeat right center; margin-top:18px; line-height:26px; text-align:center;}
.foot .right{float:left; padding-left:20px; width:788px; padding-top:12px; line-height:20px;}
.foot .right p{padding-left:7px;}
.foot a{margin:0px 3px; color:#494949;}
.foot .dh{line-height:38px; font-weight:bold; font-size:14px; color:#0b4157; padding-left:0px;}
.foot .dh a{color:#0b4157; margin:0px 7px; _margin:0px 5px;}
.foot a:hover{text-decoration:underline;}
.foot p.link{line-height:28px; padding-top:4px;}


#float{ overflow:hidden;position: fixed; top:110px; right:30px; display: none; _position:absolute; _top: expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)); z-index: 99999999;}
#float ul li{ width:70px; height:70px; overflow:hidden;}
#float ul li a{ display:block; width:70px; height:25px; padding-top:44px; color:white;line-height:25px; border-bottom:1px solid #7d5e00;text-align:center;}
.float_a01{ background:url(/images/images/float_bg_hover.png) no-repeat 0 0 #9b7500;}
.float_a02{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -70px #9b7500;}
.float_a03{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -210px  #9b7500;}
.float_a04{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -280px  #9b7500;}
.float_a05{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -350px  #9b7500;}
.float_a06{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -420px  #9b7500;}
.float_a07{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -490px  #9b7500;}
.float_a08{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -560px  #9b7500;}
.float_a09{ background:url(/images/images/float_bg_hover.png) no-repeat 0 -140px  #9b7500;}

.float_a01:hover{ background:url(/images/images/float_bg.png) no-repeat 0 0 #424242;transition:all 0.5s ease-in-out;}
.float_a02:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -70px #424242;transition:all 0.5s ease-in-out;}
.float_a03:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -210px #424242;transition:all 0.5s ease-in-out;}
.float_a04:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -280px #424242;transition:all 0.5s ease-in-out;}
.float_a05:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -350px #424242;transition:all 0.5s ease-in-out;}
.float_a06:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -420px #424242;transition:all 0.5s ease-in-out;}
.float_a07:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -490px #424242;transition:all 0.5s ease-in-out;}
.float_a08:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -560px #424242;transition:all 0.5s ease-in-out;}
.float_a09:hover{ background:url(/images/images/float_bg.png) no-repeat 0 -140px #424242;transition:all 0.5s ease-in-out;}
#float ul li a:hover { transition:all 0.5s ease-in-out;color:#999;}

























