/*氓陇麓茅茠篓忙聽路氓录聫*/ /*.head{height: 35px;line-height: 35px;border-bottom: 1px solid #e5e5e5}*/ /*.top{width: 1200px;margin:0 auto;}*/ /*.wel{color:#1a1a1a;font-size: 14px;}*/ /*.yu{position: relative;}*/ /*.yu a.yy1{color: #1a1a1a;display: inline-block;background: url(../images/y1.png)no-repeat left;padding-left: 34px;font-size: 14px;}*/ /*.yu a.yy2{color: #1a1a1a;display: inline-block;background: url(../images/y2.png)no-repeat left;padding-left: 34px;font-size: 14px;margin-left: 20px;}*/ /*.yu a.yy3{color: #1a1a1a;display: inline-block;background: url(../images/y3.png)no-repeat left;padding-left: 34px;font-size: 14px;margin-left: 20px;}*/ /*#header{height: 84px;}*/ /*.logo{float:left;line-height:84px;}*/ /*.ba{margin-top:24px;height: 43px;border-left:1px solid #cbcbcb;margin-left: 19px;padding-left: 20px;line-height: 43px;}*/ /*.topLink{float:right;text-align:right;position: relative;z-index: 9999;}*/ /*.translate{width:103px;position: absolute;right: -120px;top:4px;z-index: 9999;}*/ /*.tran-in{left:120px;}*/ /*.translate li{line-height: 26px;text-align: left;background: #fff;}*/ /*.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat right 9px;}*/ /*.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}*/ /*.translate-en{display: none;padding: 6px;padding-top:0px;}*/ /*.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}*/ /*.translate li .translate-en a:hover{font-weight: bold;}*/ /*.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}*/ /*.k1{margin-left: 10px;}*/ /*.topLink .k2{color:#074b91;font-size:14px;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?;}*/ /*#menu{float: right;}*/ .pos{position:relative;width:1920px;left:50%;margin-left:-960px;} .fb2 .p1 p{display: inline-block;} .head{height: 27px;line-height: 27px;background: #e6e6e6;color: #595959;font-size: 13px;display:none;} .head a{color: #595959;font-size: 13px;} .top{width: 1200px;margin:0 auto;position: relative;} #header{height: 87px;line-height: 87px;width: 1200px;position: fixed;z-index: 99999;background: #fff;left: 50%;margin-left: -600px;} .logo{float:left;line-height: 87px;margin-left: 20px;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{background: url(../images/tele.png) no-repeat 32px #ce010c;color: #ffffff;font-size: 30px;font-weight: bold;width: 205px;height: 77px;text-align: left;line-height: 21px;padding-left: 72px; padding-top: 3px;margin-left: 24px; padding-bottom: 7px; } .topLink .k2 p{position:relative;top:18px;} #menu{height:87px;float: right;} /*莽茠颅茅鈥斅β惻撁绰?/ /*.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}*/ /*#formsearch{width:320px;float:left;}*/ /*.hotSearch{}*/ /*#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}*/ /*莽茠颅茅鈥斅β惻撁绰?/ /* .ss{height: 60px;line-height: 60px;margin-right: 32px;} .search{position: absolute;top:60px;right: 0;z-index: 9999;display: none;} #formsearch{} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .hotSearch a{margin-right:6px;} #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;} #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;} #formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#ce010c;color:#fff;border:none;cursor:pointer;} */ /* .procenter{ margin-top: 48px; } .proinn{ background: url(../images/probg.jpg) no-repeat center; height: 603px; margin-top: 24px; position: relative; } .proleft{ padding-top: 20px; } .proleft li{ position: relative; width: 389px; height: 96px; overflow: hidden; } .proleft li .probg{ position: absolute; left: 0; top: 0; bottom: 0; background: #ce010c; transition: all 0.6s; width: 0; } .proleft li:hover .probg,.proleft li.cur .probg{ width: 100%; transition: all 0.6s; right: 0 } .proleft li a{ display: block; width: 389px; height: 96px; position: relative; overflow: hidden } .proleft li a .img{ position: relative; height: 96px; float: left; width: 96px; } .proleft li a .img:after{ content:''; position:absolute; width:70px; height:1px; background:#666666; left: 96px; top:50%; transition: all 0.6s } .proleft li:hover a .img:after,.proleft li.cur a .img:after{ background:#ffffff; transition: all 0.6s; } .proleft li a .img span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; line-height: 96px; transition: all 0.4s; } .proleft li a .img span:nth-child(1){ top:0; opacity: 1; } .proleft li a .img span:nth-child(2){ top:96px; opacity: 0; } .proleft li:hover a .img span:nth-child(1),.proleft li.cur a .img span:nth-child(1){ top:96px; transition: all 0.4s; opacity: 0; } .proleft li:hover a .img span:nth-child(2),.proleft li.cur a .img span:nth-child(2){ top:0; transition: all 0.4s; opacity: 1; } .proleft li a .img span img{ max-width:100% } .proleft li a h3{ float: left; color: #2c2c2c; font-size: 18px; font-weight: normal; line-height: 96px; margin-left: 86px; transition: all 0.6s; } .proleft li:hover a h3,.proleft li.cur a h3{ color: #ffffff; transition: all 0.6s; } .proleft li a .add{ position: absolute; width: 31px; height: 31px; background: url(../images/add.png) no-repeat center; right: -31px; top: 50%; margin-top: -15px; transition: all 0.6s } .proleft li:hover a .add,.proleft li.cur a .add{ right: 38px; transition: all 0.6s } .proright{ position: absolute; left: 50%; top: 50%; width: 281px; height: 350px; margin-left: -121px; margin-top: -174px; z-index: 10; z-index: 9999; text-align: center; } .proright li .cont1{ background:url(../images/bg1.png)no-repeat; width: 281px; height: 350px; } .proright li{display:none;position:relative;} .proright li .img{ position:absolute; top: -127px; right: -807px } .proright li .img img{ width:960px; height:603px; } .proright li h3{ font-weight: normal; padding-top: 42px; position:relative; z-index: 999 } .proright li h3 a{ color: #252525; font-size: 24px; } .proright li .sum{ color: #5a5959; font-size: 14px; line-height: 27px; width: 218px; margin: 0 auto; margin-top: 42px; height: 120px; overflow: hidden; position:relative; z-index: 999 } .proright li a.more{ color: #b10008; font-size: 14px; margin-top: 4px; display: block; position:relative; z-index: 999 } */ * { box-sizing: border-box; } .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*盲赂禄盲陆鈥溍β犅访ヂ悸?/ #container{width: 1290px;margin: 0 auto;padding-top: 48px;padding-bottom: 48px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} /* .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} */ .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*茅娄鈥撁┞÷得︹€撀懊┾€斅?/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*茅娄鈥撁┞÷得ヂ仿γぢ韭佲€澝陈幻λ嗏€樏ぢ宦?/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*氓路楼莽篓鈥姑β∷喢ぢ锯€?/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*盲潞搂氓鈥溌伱ε铰嵚?/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"氓戮庐猫陆炉茅鈥衡€γ┞烩€?;background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*氓鈥溌伱р€芭捗ニ嗏€斆÷?/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*氓鈥奥嵜ヂ徛懊ヂづ∶┞÷得?/ .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*氓聫鈥姑ζ掆€γ┾€溌久ε铰?/ .f_link{line-height: 51px;height: 51px;overflow: hidden;color: #fff;font-size: 14px;border-bottom: 1px solid #b3b3b1} .f_link a{color: #333;font-size: 14px;margin:0 5px;display: inline-block;} /*茅隆碌茅聺垄氓潞鈥⒚┢捖?/ #footer{text-align: center;padding:10px 0;background: #141414;color: #fff;font-size: 14px;} #footer a{color: #e0e0e0;font-size: 14px;} /*------------氓鈥犫€γ┞÷?------------------*/ .left { width:265px; border:3px solid #e3b74e; border-radius: 5px; float: left; } .left .box{margin-bottom:10px;} .left .box h3{ background: url(../images/sort1.png) no-repeat top center; height: 50px; font-size: 18px; font-weight:bold; line-height: 50px; color: #fff; text-align: center; } .left .box .content{padding:5px 0px;/*padding-left:11px;*/} .left .n_news1 .content{padding-left:0;} .left .n_news .content{padding-left:10px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;} .n_banner img{max-width:100%; height:auto !important;width:auto !important;} .sort_menu h3{background-color:#ececec;line-height:28px;font-weight:normal;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;width:259px;} .n_contact .content p{ border-bottom:1px solid #dddddd; } .right{ width: 947px;float:right;padding-bottom:10px;} .sitemp{ border-bottom: 1px solid #c1c1c2; line-height: 44px; font-size: 14px; color: #000000; margin-bottom: 15px; } .sitemp a{ font-size: 14px; color: #000000; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} /* 忙鈥撀懊┾€斅幻モ€犫€γ┞÷ */ .left2{ width:231px; float: left; } .left2 .box h3{ background:#1c75bc; border-radius: 5px; height: 50px; font-size: 18px; font-weight:bold; color: #fff; text-align: center; line-height: 50px; } .n_contact2 .content{ background: #e8e5e0; box-shadow: 0px 1px 2px #82987c; border-radius: 5px; padding: 20px 9px 15px 9px; line-height: 28px; color: #070c0c; } .n_contact2 .content p img{ padding-bottom: 20px; } .right2{ width:990px; } .sortnews{} .sortnews li{background: url(../images/sort2.png) no-repeat top center;margin-bottom: 10px;position: relative;} .sortnews li a{display: block;line-height: 80px;font-size: 16px;font-weight:bold;color: #fff;text-indent: 44px;background: url(../images/sort3.png) no-repeat 17px center;} .sortnews li:hover{background: #8fcf4c;border-radius: 6px;} .sortnews li a:hover:after{content: "";position: absolute;right: 40px;top:33px;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #fff;} .news_listn{} .news_listn li{background: #ededed;margin-bottom: 24px;height: 120px;} .news_listn li:nth-child(2n){background: #fff2d7;} .news_listn li a{font:400 13px/50px "寰蒋闆呴粦";color:#000000;} .news_listn li span{font:400 13px/30px "寰蒋闆呴粦";color:#666666;display: block;} .nnn1{width: 108px;height: 120px;text-align: center;} .nes1{font:500 58px/60px "寰蒋闆呴粦";color:#666666;padding-top: 15px;} .nes2{font:400 23px/30px "寰蒋闆呴粦";color:#666666;} .nnn2{width: 815px;} .news_listn li a:hover{color:#1c75bc;} .news-nei{width:600px;padding-left: 20px;} .newsner-more{margin-right: 30px;width:102px;height: 30px;background: #e3b74e;margin-top: 45px;} .newsner-more a{display: block;line-height: 30px;color: #fff !important;font: 400 13px/30px "寰蒋闆呴粦" !important;text-align: center;} /* */ .a1{width: 1920px;margin-left: -960px;left:50%;position: relative;} .a2{width: 1200px;margin:0 auto;} /* */ .s2{background:#fcfcfc;padding-top: 17px;} .s2-tab{} .s2-tab li{width: 397px;height: 138px;background:#fff;box-shadow: 0 0 10px #ebebeb;float: left;margin-right: 4px; position: relative;} .s2-tab li:nth-child(3){margin-right: 0px;} .s2-tab li a{display: block;float: left;width: 104px;height: 67px;overflow: hidden;text-align: center;margin-top: 36px;} .s2-tab li a.img2{position: absolute;top:0;left: 0;display: none;} .s2-tab li .cont{float: left;height: 96px;border-left:1px solid #b7b7b7;margin-top: 19px;padding-left: 26px;} .s2-tab li .cont span{display: block;line-height: 30px;color: #2f2f2f;font-size: 20px;} .s2-tab li .cont p{margin-top: 15px;color: #444;font-size: 14px;line-height: 24px;} .s2-tab li.action{background: #ce010c} .s2-tab li.action a.img2{display: block;} .s2-tab li.action .cont{border-left-color:#fff;} .s2-tab li.action .cont span{color: #fff} .s2-tab li.action .cont p{color: #fff;} .s2-tab li::after{content:"";width: 19px;height: 16px;background: url(../images/san.png)no-repeat center;display: block;position: absolute;top:138px;left:189px;opacity: 0;} .s2-tab li.action::after{opacity: 1;} .s2-body{margin-top: 50px;} .pic{} .pic .bd{} .product_list1{} .product_list1 li{float: left;margin-right: 23px;width: 385px;} .product_list1 li img{width: 383px;height: 288px;border:1px solid #bfbfbf;} .product_list1 li span{display: block;height: 50px;border:1px solid #bfbfbf;border-top:none;line-height: 50px;text-align: center;color: #414242;font-size: 18px;} .product_list1 li:hover img{border-color: #ce010c} .product_list1 li:hover span{border-color: #ce010c;color: #fff;background: #ce010c} /* 氓鈥β趁ぢ号矫λ嗏€樏ぢ宦 */ .ab{margin-top: 65px;position: relative;z-index: 999} .ab-cont{margin-top: 45px;} .ab-le{width: 494px;height: 347px;} .ab-ri{width: 615px;margin-right: 37px;} .ab-ri h3{font-weight: normal;color: #2d2d2d;font-size: 18px;margin-top: 40px;} .ab-ri h3::after{content: "";display: block;width: 173px;height: 1px;background: #727272;margin-top: 17px;} .ab-ri div{margin-top: 23px;color: #161616;font-size: 14px;line-height: 30px;text-align: justify;height: 190px;overflow: hidden;} .ab-ri a{display: inline-block;width: 117px;height: 39px;line-height: 39px;text-align: center;background: #ce010c;color: #fff;font-size: 16px;font-family: "arial";border-radius: 10px;} /* */ .s1{ /*height: 1217px;*/ z-index: 999;margin-top: -300px;} .s1 .aa2{padding-top: 60px} .s1 .a2{padding-top: 395px;} .s1 ul li{float: left;position: relative;width: 300px;height: 456px} .s1 ul li .img{width: 300px;height: 228px;position: absolute;top:0px;left:0px;overflow: hidden;} .s1 ul li img{width: 300px;height: 228px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;cursor: pointer;} .s1 ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;} .s1 ul li .cont{position: absolute;top:228px;left:0px;width: 272px;height: 228px;background: #ce010c;padding-left: 28px;} .s1 ul li .cont h3{padding-top: 45px;color: #fff;font-size: 20px;} .s1 ul li .cont p{padding-right:30px;margin-top: 20px;color: #fff;font-size: 14px;line-height: 24px;text-align: justify;height: 90px;} .s1 ul li .cont a{display: inline-block;padding-right: 34px;color: #fff;font-size: 16px;background: url(../images/more.png)no-repeat right;} .s1 ul li:nth-child(2n) .img{top:228px;} .s1 ul li:nth-child(2n) .cont{top:0;} .s1 ul li:nth-child(2) .cont{background:#6d6d6c;} .s1 ul li:nth-child(3) .cont{background:#6d6d6c;} /* 忙鈥撀懊┾€斅 */ .xin{margin-top: 28px;} .biaoti{text-align: center;color: #ddddde;font-size: 16px;font-family: "arial";text-transform: uppercase;} .biaoti span{display: block;background: url(../images/tit.png)no-repeat center;color: #313131;font-size: 30px;font-family: "氓戮庐猫陆炉茅鈥衡€γ┞烩€?} .biaoti p{color: #313131;font-size: 16px;margin-top: 5px;} .xin-cont{margin-top: 30px;} .xin-le{width: 590px;} .xin-shi{width: 589px;height: 339px;overflow: hidden;} .news_list1{margin-top: 22px; } .news_list1 li{width: 588px;height: 158px;border:1px solid #d2d2d2;} .news_list1 li .time{width: 101px;height: 100px;background:url(../images/time.png) no-repeat center 71px #e7e9e8;margin-top: 23px;margin-left: 29px;text-align: center;color: #2a2a2a;font-size: 24px;line-height:28px;padding-top: 12px;} .news_list1 li .time span{display: block;color: #2a2a2a;font-size: 14px;} .news_list1 li .cont{width: 385px;margin-right: 34px;margin-top: 35px;} .news_list1 li .cont a{display: block;color: #242424;font-size: 16px;} .news_list1 li .cont p{color: #242424;font-size: 12px;line-height: 23px;margin-top: 23px;text-indent: 25px;} .news_list1 li:hover .time{background: url(../images/htime.png)no-repeat center 71px #ce010c;color: #fff;} .news_list1 li:hover .time span{color: #fff;} .news_list1 li:hover .cont a{color: #ce010c} a.xin-more{width: 145px;height: 40px;line-height: 40px;text-align: center;display: block;background: #ce010c;color: #fff;font-size: 16px;font-family: "arial";border-radius: 10px;margin:4px auto 28px;} /* 氓潞鈥⒚┢捖 */ .foot{background: #262626;height: 296px;} .foot .a2{} .ff_tel{position: absolute; margin-left: -90px;} .ff_tel span{display: block;backgroun: url(../images/tel.png)no-repeat left;padding-left: 57px;color: #fff;font-size: 20px;height: 40px;line-height: 40px;margin-left:30px;} .ff_tel div{color: #4b4b4b;font-size: 26px;margin-top: 16px;line-height: 30px;} .ff_nav{margin-left: 255px;} .ff_nav li{float: left;margin-right:30px;} .ff_nav li a{display: block;color: #fff;font-size: 15px;} .ff_nav li .sec{margin-top: 15px;line-height: 26px;} .ff_nav li .sec a{color: #fff;font-size: 13px;} .ff_nav li:hoer a{color: #1d9a4f} .ff_nav li:hver .sec a{color: #525252} .er{} /*盲潞搂氓鈥溌伱γ烩€?/ .product_detail{padding:5px;} .product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"寰蒋闆呴粦";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;} .product_detail .img{width:452px;height:307px;float:left;} .product_detail .small{width:452px;height:307px;} .jqzoom{ text-decoration:none; float:left; } .product-detail-swiper { } .product-detail-list { width: 417px; height:308px; float: left; border:1px solid #ededed; float: right; } .product-detail-list h1 { font-size:16px; font-weight: normal; color: #ce010c; padding-left: 28px; line-height:56px; line-height:30px; border-bottom:1px solid #ededed; } .cpjj{padding-left: 28px;padding-right:23px;color:#666666;line-height:23px;line-height:20px;} .cpjj h3{color:#000000;margin-top:15px;} .product-detail-list .product-detail-item li { border-top: 1px solid #eee; padding: 25px 0; font-size: 18px; color: #333333; } .product-detail-list .product-detail-item li span { font-size: 14px; color: #666666; } .product-detail-list .product-detail-inquiry { margin-top: 17px; margin-top: 2px; margin-left: 20px; } .product-detail-list .product-detail-inquiry a { display: block; width: 163px; line-height: 33px; font-size: 14px; color: #ffffff; padding-left: 53px; background: url(../images/m1.png) no-repeat top center; padding-right: 10px; } .product-detail-list .product-detail-inquiry a i { font-size: 20px; line-height: 0; vertical-align: -2px; margin-right: 5px; } .product-detail-list .product-xiaz{ margin-left: 20px; padding-top: 10px; } .product-detail-list .service-number { font-size: 12px; color: #666666; padding-left: 28px; /*padding-top: 20px;*/ /*padding-bottom: 15px;*/ border-bottom: 1px solid #ededed; } .product-detail-list .service-number span { font-size: 14px; color: #0056ad; } .list_p li{height:26px;font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"寰蒋闆呴粦"} .list_p li h2{font-size:12px;font-weight:normal;font-family:"寰蒋闆呴粦";} .product_detail .inquiry{line-height:32px;border:none;margin-top:6px;} .product_detail .inquiry a{background:url("../images/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;} .buy{border:none!important;} .buy a{ background:#0057a8;display:block;width:112px;height:32px;float:left;color:#fff;text-align:center;line-height:32px;border-radius:5px;margin-right:10px;} .buy a:hover{background: #e87518} .buy a.nobuy-product{background: #666} .product_detail .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");} .list_p li h2 a{font-size:12px;font-family:"寰蒋闆呴粦"} .p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:10px; display:block;padding-left:10px;font-size:12px;} .product-tab { border-bottom: 1px solid #ddd; margin-top: 15px; } .product-tab li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100px; text-align: center; line-height: 40px; font-size: 14px; color: #000; cursor: pointer; margin-left: -1px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 1; margin-bottom: -1px; float: left; } .product-tab li.cur { border-top: 2px solid #ce010c; border-bottom: 1px solid #FFF; color: #ce010c; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 3; } .p_detail span.title strong{ padding-right: 20px; cursor: pointer; } .p_detail p.dd{padding-top:5px;padding-bottom:5px;} h3.tag{line-height:32px;border-top:1px dashed #e0e1dc;margin-top:10px;color:#999;font-weight:normal;} h3.tag a{color:#005a98;} h3.tag a:hover{color:#e87518;} .page{line-height:26px;border-top:1px dashed #e0e1dc;margin-top:6px;padding-top:5px;font-size:12px;} .page a{color:#005a98;} .page a:hover{color:#e87518;} .page span{color:#005a98;} .download-list{ padding: 10px; overflow: hidden; line-height: 20px; } .download-list li{ min-height: 40px; position: relative; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-left: 40px; } .download-list li .iconfont{ font-size: 30px; position: absolute; left: 0; top: 15px; } /*盲潞搂氓鈥溌伱€灻?/ .product-comment-list { position: relative; overflow: hidden; } #commentList li { padding: 10px 10px 20px; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; } .user-column { width: 100px; float: left; } .user-column img { height: 50px; max-width: 50px; border-radius: 50%; } .user-name { color: #333; padding-top: 5px; display: block; } .comment-content { margin-left: 120px; overflow: hidden; position: relative; } .comment-stars i { font-size: 16px; color: #ff0000; display: none; } .comment-stars i.shows { display: inline-block; } .comment-stars span { position: absolute; right: 0; top: 5px; color: #999; } .comment-text { padding: 5px 0; line-height: 22px; } .comment-recovery { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd; line-height: 22px; color: #888; } .comment-recovery span { color: #f90; } .no-content-icon { text-align: center; line-height: 50px; padding-top: 40px; color: #999; } .no-content-icon .icon { font-size: 60px; } .w1240 { width: 1240px; margin: 0 auto; } /* 脙楼脗陇脗麓脙漏脝鈥櫭偮 */ header .thop { background: #e8e8e8; line-height: 32px; font-size: 12px; color: #666666; } header .thop a { color: #666666; } header .thop a:hover { color: #c3142a; } .loo h1 { line-height: 78px; } .lopb { padding: 6px 0; border-left: 1px solid #e2e2e3; padding-left: 23px; margin-left: 19px; margin-top: 22px; } .lopb p:nth-child(1) { font-size: 20px; color: #e3b74e; line-height: 22px; font-weight: 600; } .lopb p:nth-child(2) { font-size: 22px; color: #333; line-height: 22px; font-weight: 600; margin-top: 18px; } .toptel { } .toptel .t1 { line-height: 78px; font-size: 16px; color: #333; } .toptel .t2 { font-size: 18px; line-height: 8px; color: #666666; padding-top: 33px; background: url(../images/tel.png)no-repeat 0px 34px; padding-left: 40px; margin-top: -9px; } .toptel .t2 p+p { margin-top: 10px; } .yuyan{margin-top: 29px;margin-right: 25px;} .yuyan p{font-size: 14px;color: #666666;} .page-position { padding: 15px 0; font-size: 14px; color: #2f2f2f; } .page-position a { color: #2f2f2f; } .page-position a:hover { color: #292e39; } .page-wrap { background: #ffffff; padding-bottom: 3.38541667%; } @media (min-width: 990px) { .page-wrap-left { float: left; width: 305px; margin-right: 4.16666667%; } } .xypg-left-box { margin-bottom: 20px; } .xypg-left-title { background: #292e39; padding: 10px 20px; position: relative; } .xypg-left-title h3 { font-size: 20px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9;text-align: left; } .xypg-left-title i { position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase; display:none; } .xypg-left-title span { font-weight: normal; font-size: 16px; color: #fff; margin-left: 10px; text-transform: capitalize; } .xypg-left-title span:before { content: "/"; padding-right: 5px; } .xypg-left-con { border: 1px solid #d2d2d2; border-top: none; } .latest-news { padding: 10px 0; } .latest-news li { padding: .5em 1em; font-size: 14px; } .latest-news li a { display: block; line-height: 1.2; color: #5a5a5a; } .latest-news li a:before { content: '+'; font-weight: bold; margin-right: 5px; font-size: 16px; } .latest-news li a:hover { color: #292e39; } .latest-news li a:hover:before { color: #292e39; } .hot-keys { padding: 20px 7px 8px 7px; } .hot-keys li { width: calc(50% - 14px); float: left; margin: 0 7px 14px 7px; } .hot-keys li a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 2.857; border: 1px dashed #f1f1f1; } .hot-keys li a:hover { color: #292e39; border-color: #292e39; } .page-wrap-contact { padding: 10px 0; font-size: 14px; } .page-wrap-contact h4 { padding: .3em 1.4em .8em 1.4em; font-size: 16px; color: #000000; } .page-wrap-contact p { border-top: 1px solid #eee; position: relative; margin-bottom: 0; padding: .8em 1.4em; color: #2f2f2f; } .page-message-img img { border: 1px solid #d2d2d2; } .page-wrap-right { overflow: hidden; } .page-mob-tool { position: fixed; right: 15px; bottom: 100px; z-index: 9999; } .page-mob-tool li { width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; cursor: pointer; position: relative; } .page-mob-tool li:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #292e39; opacity: .7; } .page-mob-tool li i { display: block; width: 100%; height: 100%; } .page-mob-tool li .icon-dots-horizontal:after { background-position: -30px -390px; } .page-mob-tool li .icon-top:after { background-position: -30px -60px; } @media (min-width: 992px) { .page-mob-tool { display: none; } } .navigation a { display: inline-block; font-size: 14px; color: #333333; font-family: "寰蒋闆呴粦",Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px; } .navigation a.previous_page { float: left; } .navigation a.next_page { float: right; } .navigation a:hover { color: #fff; border-color: #292e39; background: #292e39; } .xypg-left-nav { margin: 0 -1px; } .xypg-left-nav > li { position: relative; border-bottom: 1px solid #eeeeee; } .xypg-left-nav > li:last-child { border-bottom: none; } .xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 22px; color: #2e2e2e; padding: 15px 18px; } .xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 30px; height: 30px; text-align: center; top: 10px; right: 20px; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; } .xypg-left-nav > li .first-nav-btn.clicked { background-position: 0 -270px; } .xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a { color: #292e39; } .xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn { color: #292e39; } .xypg-left-nav .xypg-left-subnav { /* display: none;*/ padding: 0 10px; } .xypg-left-nav .xypg-left-subnav > li { border-top: 1px dashed #eeeeee; } .xypg-left-nav .xypg-left-subnav > li > a { padding: 8px; display: block; line-height: 20px; color: #818181; font-size: 16px; } .xypg-left-nav .xypg-left-subnav > li > a:hover { color: #292e39; } .xypg-left-nav .xypg-left-subnav > li.clicked > a { color: #292e39; } .xypg-left-nav .xypg-left-threenav > li > a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999; } .xypg-left-nav .xypg-left-threenav > li > a:before { content: '\2014 '; } .xypg-left-nav .xypg-left-threenav > li > a:hover { color: #292e39; } .xypg-left-nav .xypg-left-threenav > li.clicked > a { color: #292e39; } @media (max-width: 990px) { .xypg-left-nav .xypg-left-threenav { display: block; } } /* 棣栭〉banner鏍峰紡 */ .x-banner .owl-carousel { position: relative; } .x-banner .owl-carousel .banner-item a { display: block; } .x-banner .owl-carousel .owl-nav .owl-prev { left:3%; left:0%; background: url(../images/z.png) no-repeat; } .x-banner .owl-carousel .owl-nav .owl-next { right:3%; right:0%; background: url(../images/y.png) no-repeat; } .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%; z-index: 9999; height:40px; width:40px; margin-top: -20px; } .x-banner .owl-carousel .owl-nav button.owl-prev:hover, .x-banner .owl-carousel .owl-nav button.owl-next:hover { } .x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%; } .x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;display:none; } .x-banner .owl-carousel .owl-nav .icon-right-arrow:after { background-position: -26px -480px;display:none; } @media (max-width: 990px) { .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next { height: 40px; width: 30px; margin-top: -20px; } .x-banner .owl-carousel .owl-nav .iconfont { font-size: 20px; } } .x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; bottom: 5%; display: none; } .x-banner .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 .5em; outline: none; width: 14px; height: 14px; background: url(../images/b1.png) no-repeat; background:#fff; border-radius: 50%; opacity: .2; } .x-banner .owl-carousel .owl-dots button.owl-dot:hover { background: url(../images/b2.png) no-repeat; background:#fff; opacity: .5; } .x-banner .owl-carousel .owl-dots button.owl-dot.active { background: url(../images/b2.png) no-repeat; background:#fff; opacity:1; } @media (max-width: 990px) { .x-banner .owl-carousel .owl-dots button.owl-dot { font-size: 12px; } }