﻿.main{ width:1060px; margin:0 auto}
.header_l{ width:365px;}
.header_r{ width:633px;}
.nav .shoye{ margin-left:0; font-size:14px; width:90px; height:80px; line-height:80px; background:url(../images/xl.png) center 58px no-repeat;}
.menu ul li a span,#menu2 ul li a span.over{ padding:0 10px}
.menu ul li a{ /*width:90px;*/ width:76px;font-size:14px; height:80px; line-height:80px;}
.nav .topdh{ padding-top:15px; height:65px;}
.nav{ height:80px; overflow:hidden}
.header_r ul #weixin div{ font-size:14px;}
.nav .logo{ height:60px; width:67px; background-size:67px 60px; margin-top:10px;}
.nav .topdh span{  font-size:20px;}
.topnew a{ height:30px; line-height:30px; font-size:12px;}
.fullSlide .textinfo{ width:533px; padding-left:500px; line-height:40px; padding-top:300px;}
.fullSlide .textinfo .text1{ font-size:30px;}
.fullSlide .textinfo .text2{ font-size:20px;}
.fullSlide .textinfo .text2.teshu{line-height:30px; padding-bottom:10px; padding-top:5px;}
.fullSlide .prev{   top:50%;  left:100px;  z-index:102; width:50px; height:50px; background:url(../images/l.png) 0 0 no-repeat; background-size:50px 50px  }
.fullSlide .next{  top:50%;  right:100px;  z-index:102; width:50px; height:50px; background:url(../images/r.png) 0 0 no-repeat; background-size:50px 50px  }
.notice .tab-hd{ height:40px;}
.notice .tab-hd ul li{ height:40px; line-height:40px; font-size:16px; width:120px;}
.notice{ top:150px; width:450px}
.fullSlide .textinfo em{background:url(../images/jt.png) -5px bottom no-repeat; padding:25px 35px; background-size:45px 45px}
.notice img{ /*width:90%; height:350px*/}

/*查价*/
.w433{  padding-top:15px; }
#tchybj1,#kktchybj1,#bgnbjbox1,#aadbgnbjbox{  left:9px; top:200px;}
#tchybj2,#kktchybj2 { width:450px;  left: 0;top:159px;}
#box,#box2{ top:142px; }#box2{ top:113px; left:53px;}
#bgnbjbox1,#aadbgnbjbox{ top:121px}
.blist{ margin-top:15px;}
.blist li{ font-size:14px; line-height:35px; height:35px;}
.blist1{ margin-top:15px;}
.blist1 li{ font-size:14px; line-height:35px; height:35px;}
.con .cjul li p{ font-size:12px;}
.con .cjul .li.teshu{ padding-top:22px;}
.con .cjul .li .text{ height:32px; line-height:32px; font-size:12px;}
.con .cjul .li.c1{background:url(../images/i25.png) center 35px no-repeat}
.con .cjul .li.c2{background:url(../images/i15.png) center 37px no-repeat}
.con .cjul .li.c3{background:url(../images/i14.png) center 38px no-repeat}
.con .cjul .li.c4{background:url(../images/i3.png) center 39px no-repeat}
.con .cjul .li .guojia{ font-size:12px; padding:6px 0 6px 10px}.kuaijie_a{ margin-top:10px;}
.xxkt{ top:12px}#aadbgnbjbox{ left:158px;}.con .qydbtn{ margin-bottom:0}
.main_iframe #iframepage{ height:500px; width:451px}
.main_iframe #iframepage.height700{  height:565px}
.con .cjul .li{ overflow:hidden; height:60px}


/*产品线*/
.dyh01{ padding-top:146px;}
.card-area{ width:1003px; margin:52px auto 0; height:360px}
.card-area .card-item .card .card-title .zq-product-img{ margin:0 auto 10px auto; height:44px; width:44px;}
.active1 .crad-area-icon1{background:url(../images/2_2.png) no-repeat; background-size:44px 44px}
.active1 .crad-area-icon2{background:url(../images/2_9.png) no-repeat;background-size:44px 44px}
.active1 .crad-area-icon3{background:url(../images/2_10.png) no-repeat;background-size:44px 44px}
.active1 .crad-area-icon4{background:url(../images/2_11.png) no-repeat;background-size:44px 44px}
.crad-area-icon1{background:url(../images/2_8.png) no-repeat;background-size:44px 44px}
.crad-area-icon2{background:url(../images/2_5.png) no-repeat;background-size:44px 44px}
.crad-area-icon3{background:url(../images/2_6.png) no-repeat;background-size:44px 44px}
.crad-area-icon4{background:url(../images/2_7.png) no-repeat;background-size:44px 44px}
.icon40x40{width:44px;height:44px;display:inline-block}
.card-area .card-item .card .card-title h1,.card-area .card-item .card .card-title .h1{ font-size:14px; padding-top:0; margin-bottom:0}
.card-area .card-item .card .card-title .short-info{ font-size:12px; line-height:22px;}
.card-area .card-item .card .card-content.content-first .content-first-list{ padding-top:100px;}
.card-area .card-item .card .card-content.content-first .content-first-list li{ width:139px; height:30px; line-height:30px; font-size:12px;}
.card-area .card-item{ height:375px}
.card-area .card-item .card .card-content{top:144px; height:230px}
.card-area .card-item.active1 .card .card-content{top:83px; height:auto}
.card-area .card-item.active1{ height:392px}
.card-area .card-item.active1 .card .card-title{ height:133px}
.card-area .card-item.active1 .card .card-title .zq-product-img{margin:0 auto 0 auto}
.card-area .card-item .card .card-title .content{ top:20px;}
.card-area .card-item .card .card-content.content-second .main-head{ font-size:18px;}
.card-area .card-item .card .card-content.content-second .main-tip{ font-size:12px;}
.card-area .card-item .card .card-content.content-second .main-tip span{ font-size:12px;}
.card-area .card-item .card .card-content.content-second .main-desc{ font-size:12px; line-height:22px; padding-top:0}
.card-area .card-item .card .card-content.content-second .main-btn{ background:url(../images/2_3.png) 13px center no-repeat #e52f22; height:25px; line-height:25px; margin-top:10px; width:91px; font-size:12px!important; background-size:12px 12px; text-indent:15px;}
.card-area .card-item .card .card-content.content-second .main-btn.bb1{background:url(../images/2_4.png) 13px center no-repeat #ff9900;background-size:12px 12px;}
.card-area .card-item .card .card-content .other-info .other-info-list{ width:142px; overflow:hidden}
.card-area .card-item .card .card-content .other-info .other-info-list a{ padding:13px 0 0 15px; font-size:12px;}
.card-area .card-item .card .card-content .other-info .other-info-list a span{ font-size:14px;}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico1{ background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico2{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico3{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico4{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico5{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico6{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico7{ background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico8{  background:none}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico9{  background:none}

/*6大理由*/
.bg3_1{ margin-left:-503px; padding-top:40px;}
.bg3_1 img{ width:292px; height:381px;}
.bg3_2,.bg3_4{ top:322px;}
.bg3_2 img,.bg3_4 img{ width:61px; height:300px;}
.hllist{ top:322px}
.hllist ul li p{ font-size:15px;}
.hllist ul li{ line-height:22px; margin-bottom:53px; font-size:12px;}
.active .bg3_3{ margin-left:-75px}
.active .bg3_5{ margin-left:335px;}

/*品牌故事*/
.active .bg4_1{ margin-left:-495px}.bg4_1 .info1 div{ font-size:12px;}
.bg4_1{ width:458px; top:165px; height:325px}
.bg4_1 .info1{ padding:19px 0 0 18px; width:427px}
.bg4_1 .info1 p,.bg4_1 .info1 p span{ font-size:18px;}
.bg4_1 .info1 p{ background:url(../images/4_6.png) 1px 62px no-repeat}
.bg4_1 .info1 h1,.bg4_1 .info1 .h1{ font-size:15px; padding:10px 0 10px 0}
.bg4_2,.bg4_3{ top:505px; overflow:hidden; height:65px;}
.active .bg4_2,.active .bg4_3{ margin-left:-494px}
.bg4_3{ top:580px;}
.adispaly a{ width:153px; padding-left:70px; font-size:14px; padding-top:12px; height:51px}
.adispaly a.a1{ background:url(../images/4_2.png) 15px center no-repeat ; background-size:40px 40px}
.adispaly a.a2{ background:url(../images/4_3.png) 15px center no-repeat; background-size:40px 40px}
.adispaly a.a3{ background:url(../images/4_4.png) 15px center no-repeat; background-size:40px 40px}
.adispaly a.a4{ background:url(../images/4_5.png) 15px center no-repeat; background-size:40px 40px}
.bg4_4{background:url(../images/4_7.png) 0 0 no-repeat; width:420px; height:384px; top:293px; background-size:420px 384px; margin-left:50px;}
.video13{ width:378px; height:231px}
.bg4_4>div{ padding:14px 0 0 19px}
.adispaly div{ width:223px; height:63px}
/*.adispaly div:hover a{ color:#fff}
.adispaly div:hover a span{ color:#fff}*/
/*.adispaly div:hover a.a1{ background:url(../images/4_21.png) 15px center no-repeat ; background-size:40px 40px}
.adispaly div:hover a.a2{ background:url(../images/4_31.png) 15px center no-repeat ; background-size:40px 40px}
.adispaly div:hover a.a3{ background:url(../images/4_41.png) 15px center no-repeat ; background-size:40px 40px}
.adispaly div:hover a.a4{ background:url(../images/4_51.png) 15px center no-repeat ; background-size:40px 40px}*/


 @media screen and (-webkit-min-device-pixel-ratio:0) {
.adispaly div a.a1:hover{ background:url(../images/4_21.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a2:hover{ background:url(../images/4_31.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a3:hover{ background:url(../images/4_41.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a4:hover{ background:url(../images/4_51.png) 15px center no-repeat; background-size:40px 40px}
}
@-moz-document url-prefix(){
.adispaly div a.a1:hover{ background:url(../images/4_21.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a2:hover{ background:url(../images/4_31.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a3:hover{ background:url(../images/4_41.png) 15px center no-repeat; background-size:40px 40px}
.adispaly div a.a4:hover{ background:url(../images/4_51.png) 15px center no-repeat; background-size:40px 40px}
} 

.adispaly div:hover a,.adispaly div:hover a span{
animation:myfirst11 1s;
            -webkit-animation:myfirst11 1s;
            animation-fill-mode: forwards;
}		
	@-webkit-keyframes myfirst11 /* Safari and Chrome */
        {
            0%   { color:#fff;}
            100% {color:#fff}
        }	


.adispaly div em{ position:absolute; display:block; left:0; top:0; z-index:1; width:0; height:63px; border-radius:5px;}
.yuanyuan1{ top:283px}.youshi_list1,.youshi_list4{ top:306px}
.yuanyuan2{ top:309px}.youshi_list2,.youshi_list5{ top:436px}
.yuanyuan3{ top:322px}.youshi_list3,.youshi_list6{ top:568px}
.yuanyuan4{ top:336px}.bg4_5{ top:197px; margin-left:-7px}

/*客户评价*/
.bg5_1{ padding-top:50px; padding-bottom:20px; margin-left:-500px;width:360px;font-size:24px; line-height:36px;}
.bg5_1 a{ font-size:14px; width:133px; height:35px; line-height:35px;background: url(../images/4_1.png) 101px center no-repeat #e52f22; text-indent:10px;}
.bg5_1 span{ font-size:13px}.bg5_2{ top:439px; line-height:35px}.active .bg5_2{ margin-left:-530px}
.bg5_2 ul li{ font-size:12px; width:95px}
.bg5_2 ul li h1,.bg5_2 ul li .h1{ font-size:16px;}.bg5_3{ top:240px}
.shaidan_list a td p{ font-size:12px;}
/*#list .hove .w250{ width:247px;}
#list .hove .w250 .pic{ width:247px; height:153px;}
#list .hove .w250 .pic img{width:247px; height:153px;}
#list .hove .w250 .pic em{ width:247px}
#list .hove .w250 p{ height:88px}
#list .hove .w250 p{ line-height:24px; font-size:14px; height:87px}
.w250 .pic img{height:153px;}#list a.prev,#list a.next{top:178px}
.w250 .pic{ height:153px}#box1{ width:628px;}*/

/*合作客户*/
.indexLinks{ top:20px}
.footnav_l ul li{ /*margin-right:59px*/}
.footer2{ padding:10px 0}

/*底部*/
.footnav_l ul li div{ padding-left:69px;}
.footer2 a{ font-size:14px;}.lianxi_2 span{ font-size:26px}.footnav_r p span{ font-size:26px}.footnav_r div{ font-size:14px;}
.lianxi_1{ font-size:20px;; width:385px;}.footnav_l ul li p{ font-size:16px}.footnav_l ul li a,.banquan{ font-size:12px}
.footnav_l ul li.l1,.footnav_l ul li.l2,.footnav_l ul li.l3,.footnav_l ul li.l4{ background-position:39px 12px}
.footnav_l ul li.l1:hover{ background:url(../images/d_4.png) 39px 12px no-repeat #dfdcdc}
.footnav_l ul li.l2:hover{ background:url(../images/d_5.png) 39px 12px no-repeat #dfdcdc}
.footnav_l ul li.l3:hover{ background:url(../images/d_6.png) 39px 12px no-repeat #dfdcdc}
.footnav_l ul li.l4:hover{ background:url(../images/d_7.png) 39px 12px no-repeat #dfdcdc}