/* * @Author: lxh * @Date: 2016-11-17 11:06:33 * @Last Modified by: Marte * @Last Modified time: 2017-07-17 13:16:58 */ /*header*/ @font-face{font-family:myFirstFont; src: url('../font/Bodoni.ttf') ,url('../font/Bodoni.eot'); /* IE9+ */ } .wx_hover img{ position: absolute; z-index: 99; width: 100px; height: 100px; top: 60px; left: 5px; display: none; } .wx_hover:hover img{display: block;} .header{width:100%; height:90px; background:#fff; border-bottom:1px solid #ccc; padding-bottom:10px;} .header .container{position:relative;} .header .nav{padding:0px 90px 0px 140px; margin-top:35px;} .header .nav ul li{float:left; font-size:14px; /*line-height:90px;*/ } .header .nav ul li a{color:#333;} .header .nav ul li a.ch{display:none;} .header .nav ul li a.en{display:inline-block; font-family:"Arial";} .header .nav ul li.on a.ch{display:inline-block; color:#be1c22;} .header .nav ul li.on a.en{display:none; font-family:"Arial";} /*.header .nav ul li a.ch:hover{display:none;}*/ .header .nav ul li a.en:hover{display:inline-block;} .header .nav ul li a:hover{color:#be1c22;} .header .nav ul li i{color:#999; padding:0px 20px;} .header .share{position:absolute; right:0;} .header .share ul li{float:left; margin-left:5px;} .header .share ul li a{display:block; width:30px; height:90px;} .header .share ul li a.qq{background:url("../images/qq.png") no-repeat center center;} .header .share ul li a.wx{background:url("../images/wx.png") no-repeat center center;} .header .share ul li a.sina{background:url("../images/sina.png") no-repeat center center;} /*footer*/ .footer{height:400px; background:#3e3e3e url("../images/map.jpg") no-repeat right; width:100%; /* position:relative;*/ min-width: 1200px;} @media only screen and (max-width: 1600px) { .footer{height:400px; background:#3e3e3e url("../images/map990.jpg") no-repeat right; width:100%; /* position:relative;*/} } .footer .footer-contact{padding:62.5px 0px; background:#3e3e3e;} .footer .footer-contact h1{font-size:30px; color:#FFFFFF; line-height:2; font-family:"BodoniBT"; font-weight:400;} .footer .footer-contact i.line{display:block; width:30px; height:3px; background:#FFFFFF; margin-bottom:20px;} .footer .footer-contact .contact-ul li{font-size:13px; color:#FFFFFF; line-height:2.462;} .footer .footer-contact .contact-ul li a{color:#FFFFFF;} .footer .footer-contact .contact-ul li i{display:block; width:15px; height:15px; background:url("../images/foot-icon.png") no-repeat; float:left; margin-top:9px; margin-right:10px;} .footer .footer-contact .contact-ul li i.icon1{background-position:0px 0px;} .footer .footer-contact .contact-ul li i.icon2{background-position:0px -32px;} .footer .footer-contact .contact-ul li i.icon3{background-position:0px -64px;} .footer .footer-contact .contact-ul li i.icon4{background-position:0px -96px;} .footer .footer-contact .contact-ul li i.icon5{background-position:0px -128px;} .footer .footer-contact .contact-ul li i.icon6{background-position:0px -160px;} .footer .footer-map{position:absolute; width:1170px; height:400px; right:0px; top:0px;} .footer .footer-map img{width:100%;} .copyright{width:100%; height:50px;} .copyright p{font-size:12px; line-height:50px; color:#999999;} .copyright p a{color:#999999;} /*首页 START*/ .banner{ width:100%; height:400px; position:relative; background-size:cover; min-width:1200px;} .banner img{display:block; height:100%; width:100%;} .banner .bd{ position:relative; height:100%; z-index:0;} .banner .bd li{height:400px; position:relative;} .banner .bd li a{display:block;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;} .banner .bd li a.read-more{position:absolute; border-radius:20px; border:2px solid #fff; color:#fff; text-align:center; display:block; width:157px; height:37px; line-height:37px; top:435px; left:50%; margin-left:-87.5px; z-index:100; font-size:16px; font-family:"Arial";} .banner .bd li a.read-more:hover{color:#be1c22; /*border:2px solid #be1c22;*/} .banner .hd{width:27px;position:absolute;right:40px;z-index:1;top:50%;} .banner .hd .playState{display:block;width:27px;height:12px;background:url(../images/banner_btn.png) no-repeat -60px 0;} .banner .hd .pauseState{background-position:-90px 0;} .banner .hd ul{width:23px;margin:26px auto 0;background:url(../images/banner_hd_bg.png) repeat-y center top;} .banner .hd ul li{width:23px;height:23px;cursor:pointer;background:url(../images/banner_btn.png) no-repeat;margin-bottom:30px;} .banner .hd ul li.on{background-position:-30px 0;} .index-top p{text-align:center; font-size:29px; color:#333; line-height:2; font-family:"myFirstFont";} .index-top .h1-line{width:30px; height:2px; background:#be1c22; margin:0px auto;} .foot-line{display:block; width:15px; border-top:1px solid #999; margin:0 auto;} .index-concept-wrap{margin-top:80px; margin-bottom:60px;} .index-concept-wrap .index-pro-base{font-size:13px; color:#666; line-height:1.538; color:#666; text-align:center; width:650px; margin:15px auto;} .index-concept-wrap .tags{padding:30px 0px; position:relative; height:500px; margin-top:50px;} .index-concept-wrap .tags a { display: table; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(PIE-2.0beta1/PIE.htc); background: #a6a6a6; width: 60px; height: 60px; text-align: center; font-size: 10px; position: absolute; } .index-concept-wrap .tags a:hover{padding:15px;} .index-concept-wrap .tags a span{display:table-cell; vertical-align:middle;} .index-concept-wrap .tags a.small{width:60px; height:60px; font-size:12px; *line-height:60px;} .index-concept-wrap .tags a.center{width:105px; height:105px; font-size:16px; *line-height:105px;} .index-concept-wrap .tags a.big{width:160px; height:160px; font-size:22px; *line-height:160px;} .index-concept-wrap .tags a.smallA{width:85px; height:85px; font-size:14px; *line-height:85px;} .index-concept-wrap .tags a.centerA{width:135px; height:135px; font-size:20px; *line-height:135px;} .index-concept-wrap .tags a.a-1{left:0; top:50%; margin-top:-30px;} .index-concept-wrap .tags a.a-2{left:60px; top:80px;} .index-concept-wrap .tags a.a-3{left:90px; top:210px;} .index-concept-wrap .tags a.a-4{left:150px; top:112px;} .index-concept-wrap .tags a.a-5{left:285px; top:65px;} .index-concept-wrap .tags a.a-6{left:315px; top:180px;} .index-concept-wrap .tags a.a-7{left:375px; top:80px;} .index-concept-wrap .tags a.a-8{left:420px; top:160px;} .index-concept-wrap .tags a.a-9{left:545px; top:10px;} .index-concept-wrap .tags a.a-10{left:600px; top:200px;} .index-concept-wrap .tags a.a-11{left:700px; top:165px;} .index-concept-wrap .tags a.a-12{left:760px; top:85px;} .index-concept-wrap .tags a.a-13{left:750px; top:225px;} .index-concept-wrap .tags a.a-14{left:885px; top:40px;} .index-concept-wrap .tags a.a-15{left:830px; top:150px;} .index-concept-wrap .tags a.a-16{left:990px; top:100px;} .index-concept-wrap .tags a.a-17{left:1005px; top:225px;} .index-concept-wrap .tags a.a-18{left:1080px; top:40px;} .index-concept-wrap .tags a.a-19{left:1080px; top:200px;} .index-concept-wrap .tags a.a-20{left:120px; top:370px;} .index-concept-wrap .tags a.a-21{left:180px; top:300px;} .index-concept-wrap .tags a.a-22{left:260px; top:305px;} .index-concept-wrap .tags a.a-23{left:460px; top:350px;} .index-concept-wrap .tags a.a-24{left:570px; top:305px;} .index-concept-wrap .tags a.a-25{left:620px; top:380px;} .index-concept-wrap .tags a.a-26{left:710px; top:300px;} .index-concept-wrap .tags a.a-27{left:895px; top:325px;} .index-concept-wrap .tags a.a-28{left:1100px; top:320px;} .index-concept-wrap .tags a.a-29{left:1010px; top:370px;} .index-concept-wrap .tags a.a-30{left:35px; top:330px;} .index-concept-wrap .tags a:hover{background:#be1c22; z-index:9999;} .index-inspir-wrap{position:relative; margin-bottom:60px;} .index-inspir-wrap .index-inspir-slide{padding:50px 0px 80px;} .index-inspir-wrap .index-inspir-slide .slideBox{width:100%; height:220px; overflow:hidden; position:relative;} .index-inspir-wrap .index-inspir-slide .slideBox .bd{position:relative; height:100%; z-index:0;} .index-inspir-wrap .index-inspir-slide .slideBox .bd li{} .index-inspir-wrap .index-inspir-slide .slideBox .bd li .inspir-box{float:left; width:33.333333333%; height:220px; position:relative;} .index-inspir-wrap .index-inspir-slide .slideBox .bd li .inspir-box .inspir-text{width:360px; height:0px; background:rgba(190,28,34,0.502); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fbe1c22,endColorstr=#7Fbe1c22); position:absolute; bottom:0; padding:0px 20px;} .index-inspir-wrap .index-inspir-slide .slideBox .bd li .inspir-box:hover .inspir-text{height:50px;} .index-inspir-wrap .index-inspir-slide .slideBox .bd li .inspir-box .inspir-text p{float:left; font-size:14px; color:#fff; line-height:50px;} .index-inspir-wrap .index-inspir-slide .slideBox .bd li .inspir-box .inspir-text i{float:right; display:block; width:50px; height:50px;background:url("../images/arr-go.png") no-repeat scroll center center;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .index-inspir-wrap .index-inspir-slide .slideBox .prev, .index-inspir-wrap .index-inspir-slide .slideBox .next{ position:absolute; left:0%; top:50%; margin-top:-30px; display:block; width:40px; height:60px; background:url("../images/arrowBl-on.png") no-repeat scroll center center; filter:alpha(opacity=80);opacity:0.8; background-color:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);} .index-inspir-wrap .index-inspir-slide .slideBox .next{ left:auto; right:0%; background:url("../images/arrowBr-on.png") no-repeat scroll center center; background-color:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);} .index-inspir-wrap .index-inspir-slide .slideBox .prev:hover, .index-inspir-wrap .index-inspir-slide .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;} .index-inspir-wrap .index-inspir-slide .slideBox .prevStop{ display:none;} .index-inspir-wrap .index-inspir-slide .slideBox .nextStop{ display:none;} .index-pro-wrap{margin-bottom:60px;} .index-pro-wrap .index-pro-base{font-size:13px; color:#666; line-height:1.538; color:#666; text-align:center; width:650px; margin:15px auto;} .index-pro-wrap .index-pro-nav{overflow:hidden; margin:0 auto; width:600px;} .index-pro-wrap .index-pro-nav li{float:left; height:28px; border:1px solid #e9e8e8; border-radius:2px; line-height:26px; padding:0px 14px; margin-right:10px; font-size:14px; margin-bottom:10px;} .index-pro-wrap .index-pro-nav li a{color:#666;} .index-pro-wrap .index-pro-nav li:hover{background:#be1c22;} .index-pro-wrap .index-pro-nav li:hover a{color:#fff;} .index-pro-wrap .index-pro-nav li.on{background:#be1c22;} .index-pro-wrap .index-pro-nav li.on a{color:#fff;} .index-pro-wrap .index-pro-list{} .index-pro-wrap .index-pro-list .pro-list-ul{overflow:hidden; padding:50px 0px 80px; display:none;} .index-pro-wrap .index-pro-list .pro-list-ul li{width:300px; height:220px; float:left; position:relative;} .index-pro-wrap .index-pro-list .pro-list-ul li a{display:block; width:300px; height:220px;} .index-pro-wrap .index-pro-list .pro-list-ul li a img{width:300px; height:220px;} .index-pro-wrap .index-pro-list .pro-list-ul li .coating { position: absolute; width: 0px; height: 0px; background:url("../images/hover.png") no-repeat scroll center center; background-color:rgba(190, 28, 34, 0.502); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fbe1c22,endColorstr=#7Fbe1c22); top:0; left:0; right:0; bottom:0; } .index-pro-wrap .index-pro-list .pro-list-ul li:hover .coating{width:100%; height:100%;} .index-news-wrap{margin-bottom:80px;} .index-news-wrap .index-news-con{overflow:hidden; margin-top:50px;} .index-news-wrap .index-news-con .news-con-pic{margin-right:20px; width:280px; height:280px;} .index-news-wrap .index-news-con .news-con-pic a{display:block; width:100%; height:100%;} .index-news-wrap .index-news-con .news-con-pic a img{display:block; width:100%; height:100%;} .index-news-wrap .index-news-con .news-con-det{width:255px; margin-top:30px;} .index-news-wrap .index-news-con .news-con-det h1{font-size:16px; color:#333; line-height:1.625; margin-bottom:20px;} .index-news-wrap .index-news-con .news-con-det p{font-size:14px; color:#666; line-height:1.571; text-transform:uppercase; margin-bottom:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;} .index-news-wrap .index-news-con .news-con-det .look-go{display:block; width:35px; height:35px; background:url("../images/arr-bor.png") no-repeat;} .index-news-wrap .index-news-con .news-con-list li{width:500px; height:30px; padding: 20px 30px 27px 30px; margin-bottom:20px;border: 1px solid #fff;} .index-news-wrap .index-news-con .news-con-list li:hover{border:1px solid #d9d9d9; box-shadow: 0px 0px 8px 0px rgb( 217, 217, 217 );} .index-news-wrap .index-news-con .news-con-list li .news-time{font-size:24px; color:#666; font-family:"Arial"; padding-right:30px;} .index-news-wrap .index-news-con .news-con-list li .news-time i{display:block; font-style:normal; font-size:14px; color:#999; margin-left:2px;} .index-news-wrap .index-news-con .news-con-list li p{font-size:14px; color:#333; text-transform:uppercase; border-left:1px solid #d9d9d9; height:30px; float:left; line-height:30px; padding-left:30px; margin-top:5px;} .index-news-wrap .index-news-con .news-con-list li p a{color:#333;} /*新闻中心 START*/ .news-banner{width:100%; height:400px; background:url("../images/news-bg.png") no-repeat; background-size:cover; position:relative;} .news-banner .banner-text{height:265px; width:400px; margin:0 auto; padding-top:135px;} .news-banner .banner-text h1{text-align:center; font-size:28px; color:#fff; font-family:"Arial";line-height: 0.929; font-weight:400; margin-bottom:20px; text-shadow: 0px 1px 3px rgb( 6, 0, 1 ); -moz-transform: matrix( 1.34380389040147,0,0,1.33871212527681,0,0); -webkit-transform: matrix( 1.34380389040147,0,0,1.33871212527681,0,0); -ms-transform: matrix( 1.34380389040147,0,0,1.33871212527681,0,0); } .news-banner .banner-text p{text-align:center; width:120px; height:30px; background:#be1c22; font-size:14.7px; color:#fff; line-height:30px; margin:0 auto;} .news-banner .subnav{position:absolute; height:50px; width:100%; bottom:0; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); left:0;} .news-banner .subnav ul li{float:left; line-height:50px; text-align:center; width:198px; height:50px; border-right:1px solid rgba(255,255,255,0.502);} .news-banner .subnav ul li:first-child{border-left:2px solid rgba(255,255,255,0.502);} .news-banner .subnav ul li a{font-size:14px; color:#FFFFFF; display:block;} .news-banner .subnav ul li.on{background:#be1c22; border-width:1px;} .news-banner .swiper-button-prev{background:url("../images/nav-l-on.png") no-repeat; left:15%; top:97%;} .news-banner .swiper-button-next{background:url("../images/nav-r-on.png") no-repeat; right:15%; top:97%;} .news-banner .swiper-button-prev.swiper-button-disabled{background:url("../images/nav-l.png") no-repeat; opacity:1;} .news-banner .swiper-button-next.swiper-button-disabled{background:url("../images/nav-r.png") no-repeat; opacity:1;} .kcc-line{position:absolute; background:url("../images/kcc-left.png") no-repeat; width:195px; height:198px; top:-100px; left:0; z-index:5;} .kcc-line-right{position:absolute; background:url("../images/kcc-right.png") repeat-x; width:100%; height:52px; top:-30px; left:0; z-index:3;} .news-list{padding:50px 0px;} .news-list ul{overflow:hidden;} .news-list ul li{float:left; width:380px; height:430px; margin-right:30px; margin-bottom:30px;} .news-list ul li:nth-child(3n){margin-right:0;} .news-list ul li .news-list-pic{width:380px; height:220px; overflow:hidden;} .news-list ul li .news-list-pic img{width:100%; height:100%;} .news-list ul li .news-list-pic img:hover{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); transition:0.6s;} .news-list ul li .news-list-pic:hover img{transition:all 1s;} .news-list ul li .news-list-det{width:340px; padding:30px 20px 20px;} .news-list ul li .news-list-det h1{font-size:20px; color:#333; font-weight:400; margin-bottom:25px;} .news-list ul li .news-list-det p{font-size:14px; color:#666; margin-bottom:25px;} .news-list ul li .news-list-det span{font-size:12px; color:#999; display:block; height:15px; line-height:16px;} .news-list ul li .news-list-det span i{background:url("../images/time.png") no-repeat scroll center center; width:15px; height:15px; display:block; float:left; margin-right:5px;} .news-list ul li .news-list-det:hover{background:#be1c22;} .news-list ul li .news-list-det:hover h1{color:#fff;} .news-list ul li .news-list-det:hover p{color:#fff;} .news-list ul li .news-list-det:hover span{color:#fff;} .news-list ul li .news-list-det:hover span i{background:url("../images/time-on.png") no-repeat scroll center center;} /*page css*/ .page{width:100%; height:28px; text-align:center; line-height:26px; padding:20px 0px 30px 0px;} .page_con{display:inline-block;*display:inline;*zoom:1;} .page a{display:block;width:32px;height:26px;float:left;border:1px solid #ededed;color:#666;background:#fff;} .page a.gofirst, .page a.golast{width:44px;height:26px;margin-right:10px;} .page a.goprev, .page a.gonext{margin-right:10px;font-family:'宋体';} .page a.num{margin-left:-1px;} .page a.gonext{margin-left:10px;} .page a:hover, .page a.on{background:#be1c22;color:#fff;transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;} .page span{margin-left:3px;color:#666;} .page .num.on, .page a.non{cursor:default;} .page a.non{color:#ccc;background:#fff;} /*新闻详情页 START*/ .news-det .news-det-top h1{font-size:28px; color:#333333; line-height:1; font-weight:400; text-align:center; margin-bottom:10px; -moz-transform: matrix( 1,0,0,1.00027725002318,0,0); -webkit-transform: matrix( 1,0,0,1.00027725002318,0,0); -ms-transform: matrix( 1,0,0,1.00027725002318,0,0); } .news-det .news-det-top{padding:80px 0px 40px;} .news-det .news-det-top span{font-size:12px; color:#999999; line-height:2.334; text-align:center; display:block;} .news-det .news-det-con{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:30px 0px 20px;} .news-det .news-det-con p{font-size:15px; color:#666666; line-height:1.867; margin-bottom:30px;} .news-det .news-det-con .news-det-pic{width:100%; height:398px; padding:0px 0px 30px 0px;} .news-det-foot{overflow:hidden; margin:30px 0px 55px;} .news-det-foot .news-page p{margin-bottom:25px;} .news-det-foot .news-page p a{font-size:15px; color:#666; line-height:#666;} .news-det-foot .news-page p a.next{color:#be1c22; float:left;} .news-det-foot .news-bnt{width:160px; height:40px; background:#be1c22;} .news-det-foot .news-bnt a{color:#fff; font-size:15px; line-height:40px; text-align:center; display:block;} /*联系我们 START*/ .contact-main .contact-map{background:url("../images/contact-map.jpg") no-repeat; height:780px; width:1200px; position:relative;} .contact-main .contact-map .contact-wrap{position:absolute;} .contact-main .contact-map a{display:block; position:static; font-size:14px; font-weight:bold; cursor:pointer;} .contact-main .contact-map a:hover{text-decoration:underline;} .contact-main .contact-map a.mainland,.contact-main .contact-map .contant-wrap-1{top:275px; left:315px; color:#19a9e9;} .contact-main .contact-map a.mainland{width:auto; text-align:right;} .contact-main .contact-map a.mainland .pop{position:absolute; width:200px; height:33px; background:url("../images/dalu.png") no-repeat; top:10px; right:-210px;} .contact-main .contact-map a.shanghai,.contact-main .contact-map .contant-wrap-2{ color:#f39800; top:232px; right:495px;} .contact-main .contact-map a.shanghai{width:auto;} .contact-main .contact-map a.shanghai .pop{position:absolute; width:200px; height:65px; background:url("../images/shanghai.png") no-repeat; top:10px; right:10px;} .contact-main .contact-map a.hangzhou,.contact-main .contact-map .contant-wrap-3{top:270px; right:505px; color:#f39800;} .contact-main .contact-map a.hangzhou{width:auto;} .contact-main .contact-map a.hangzhou .pop{position:absolute; width:200px; height:36px; background:url("../images/hangzhou.png") no-repeat; top:10px; right:5px;} .contact-main .contact-map a.china,.contact-main .contact-map .contant-wrap-4{top:335px; right:470px; color:#217bd5;} .contact-main .contact-map a.china{width:auto;} .contact-main .contact-map a.china .pop{position:absolute; width:200px; height:20px; background:url("../images/china.png") no-repeat; top:-8px; right:50px;} .contact-main .contact-map a.hongkong,.contact-main .contact-map .contant-wrap-5{top:370px; right:508px; color:#f39800;} .contact-main .contact-map a.hongkong{width:auto;} .contact-main .contact-map a.hongkong .pop{position:absolute; width:200px; height:39px; background:url("../images/xianggang.png") no-repeat; top:-25px; right:20px;} .contact-main .contact-map a.vietnam,.contact-main .contact-map .contant-wrap-6{top:405px; right:565px; color:#19a9e9;} .contact-main .contact-map a.vietnam{width:auto;} .contact-main .contact-map a.vietnam .pop{position:absolute; width:200px; height:47px; background:url("../images/yuenan.png") no-repeat; top:-35px; right:0px;} .contact-main .contact-map a.huanan,.contact-main .contact-map .contant-wrap-7{top:320px; left:280px;color:#f39800;} .contact-main .contact-map a.huanan{width:auto; text-align:right;} .contact-main .contact-map a.huanan .pop{position:absolute; width:110px; height:8px; background:url("../images/huanan.png") no-repeat; top:6px; right:-120px;} .contact-main .contact-map .contact-box{border:1px solid #ababab; width:260px; padding:10px 20px 20px 20px; background:#fff; position:absolute; border-radius:5px; display:none; z-index:0;} .contact-main .contact-map .contact-box i.close{position:absolute; display:block; background:url("../images/close.png") no-repeat scroll center center; width:15px; height:15px; right:10px; top:10px; cursor:pointer;} .contact-main .contact-map .contact-box i.arrow-bottom{position:absolute; display:block; background:url("../images/box-bottom.png") no-repeat; width:133px; height:50px; bottom:-25px;} .contact-main .contact-map .mainland-box{top:50px; left:295px;} .contact-main .contact-map .shanghai-box{top:5px; right:280px;} .contact-main .contact-map .hangzhou-box{top:40px; right:300px;} .contact-main .contact-map .china-box{top:115px; right:285px;} .contact-main .contact-map .hongkong-box{top:145px; right:300px;} .contact-main .contact-map .vietnam-box{top:175px; right:340px;} .contact-main .contact-map .huanan-box{top:105px; left:265px;} .contact-main .contact-map li{font-size:14px; color:#333; line-height:2; overflow:hidden;} .contact-main .contact-map li span.con-r{width:auto;} /*技术资讯 START*/ .technical-banner{width:100%; height:400px; background:url("../images/technical-bg.jpg") no-repeat; background-size:cover; position:relative;} .technical-list{padding:50px 0px 50px;} .technical-list ul{margin-bottom:30px;} .technical-list ul li{overflow:hidden; width:1200px; padding:30px 0px 35px; border-top:1px solid #f0f0f0;} .technical-list ul li:last-child{border-bottom:1px solid #f0f0f0;} .technical-list ul li:hover{background:#f0f0f0;} .technical-list ul li .time-box{width:90px; padding:20px 0px 15px; background:#f0f0f0; text-align:center; margin-right:30px;} .technical-list ul li .time-box h2{font-size:30px; color:#be1c22; font-weight:400; line-height:0.933;} .technical-list ul li .time-box span{font-size:14px; color:#999; line-height: 2; display:block;} .technical-list ul li .txt-box{width:1040px; padding:10px 0px 0px;} .technical-list ul li .txt-box h1{font-size:18px; color:#333; padding-bottom:10px;} .technical-list ul li .txt-box p{font-size:14px; color:#666; line-height:1.714;} /*产品中心 START*/ .pro-banner{width:100%; height:400px; background:url("../images/product-bg.jpg") no-repeat; background-size:cover; position:relative;} .pro-list{overflow:hidden; padding-bottom:50px;} .pro-list p.pro-title{font-size:14px; color:#555; line-height:2; text-indent:32px; padding:40px 0px 25px;} .pro-list ul{overflow:hidden; margin-bottom:10px;} .pro-list ul li{float:left; width:285px; /*height:240px;*/ background:#f0f0f0; margin-right:20px; margin-bottom:20px;} .pro-list ul li:nth-child(4n){margin-right:0;} .pro-list ul li .pro-pic{width:285px; height:190px; background:#f0f0f0;} .pro-list ul li .pro-pic img{width:100%; height:100%;} .pro-list ul li .pro-txt p{font-size:14px; color:#333; padding:14px 0px 14px 20px; } .pro-list ul li:hover .pro-txt p{background:#be1c22; color:#fff;} /*产品详情 START*/ .pro-det-wrap{} .pro-slide{overflow:hidden; position:relative; margin:0px 0px 25px; padding-top:60px;} .pro-slide .pro-slide-box{width:450px; height:300px; background:#f0f0f0; position:relative; margin-right:25px;} .pro-slide .pro-slide-box img{width:450px; height:300px; display:block;} .pro-slide .pro-pic-tab{position:absolute; bottom:0;} .pro-slide .pro-pic-tab ul{position:relative;} .pro-slide .pro-pic-tab ul li{float:left; width:120px; height:80px; overflow:hidden; zoom:1; margin-right:10px;} .pro-slide .pro-pic-tab ul li.active{border:2px solid #be1c22;} .pro-slide .pro-pic-tab ul li a{width:120px; height:80px; display:block;} .pro-slide .pro-pic-tab ul li a img{display:block; width:100%; height:100%;} .pro-slide .pro-base-title h1{font-size:18px; color:#333; line-height:0.926; margin-bottom:30px;} .pro-slide .pro-base-title a.online{display:block; width:130px; height:35px; border:1px solid #ccc; border-radius:4px; font-size:14px; line-height:35px; color:#666;} .pro-slide .pro-base-title a.online i{display:inline-block; width:20px; height:35px; background:url("../images/qq-icon.png") no-repeat scroll center center; float:left; margin-left:25px;} .pro-slide .pro-base-title a.online:hover{background:#be1c22; color:#fff;} .pro-slide .pro-base-title a.online:hover i{background:url("../images/qq-icon-on.png") no-repeat scroll center center;} .pro-detail{padding-bottom:80px;} .detail-nav-wrap .detail-nav{overflow:hidden; border-bottom:1px solid #dedede; margin:0px 0px 35px;} .detail-nav-wrap .detail-nav li{float:left; width:160px; text-align:center;} .detail-nav-wrap .detail-nav li.current{border-bottom:4px solid #be1c22;} .detail-nav-wrap .detail-nav li.current a{color:#be1c22;} .detail-nav-wrap .detail-nav li a{font-size:14px; color:#666; line-height:2.8; display:block;} .detail-con-wrap .ui-detail-panel{display:none;} .detail-con-wrap .ui-detail-panel h2{font-size:15px; color:#be1c22; line-height:1.11; margin-bottom:10px;} .detail-con-wrap .ui-detail-panel p{font-size:14px; color:#666666; line-height:1.9;} /*设计灵感 START*/ .inspiration-banner{width:100%; height:400px; background:url("../images/inspiration-bg.jpg") no-repeat; background-size:cover; position:relative;} .inspiration-wrap .inspiration-con{text-align:center; padding:50px 0px; font-size:15px; color:#333; line-height:2;} .inspiration-wrap .inspiration-con img{max-width:100%; display:block; padding:30px 0px; margin:0 auto;} /*关于KCC 介绍与历史 START */ .about-banner{width:100%; height:400px; background:url("../images/about-bg.jpg") no-repeat; background-size:cover; position:relative;} .company-profile-wrap{background:#f5f5f5; padding:80px 0px;} .company-title{margin-bottom:20px;} .company-title h1{font-size:26px; color:#be1c22; line-height:1.077; font-weight:400; margin-bottom:5px;} .company-title h3{font-size:20px; color:#cccccc; line-height:1.4; font-weight:400; text-transform: uppercase;} .company-con{overflow:hidden;} .company-con .company-con-zh{background:url("../images/profile-bg.png") no-repeat center 130px; width:100%; height:268px; margin-right:25px;} .company-con .company-con-zh p{font-size:15px; color:#333; line-height:2.4; text-indent:32px; margin-top:-10px; text-align:justify;} .company-con .company-con-line{height:268px; width:2px; background:#e6e6e6; float:left;} .company-con .company-con-en{width:575px;} .company-con .company-con-en p{font-size:15px; color:#333; line-height:2.4; text-indent:32px; margin-top:-10px; text-align:justify;} .philosophy{padding:80px 0px 50px;} .philosophy .philosophy-con p{font-size:15px; color:#333; line-height:2.4; margin-top:-10px; text-align:justify; margin-bottom:20px;} .philosophy .philosophy-con img{width:450px; height:300px;} .history{width:100%; height:300px; background:url("../images/history-bg.jpg") no-repeat; text-align:center; display:table; background-size:cover;} .history .container{vertical-align:middle; display:table-cell;} .history h1{font-size:50px; color:#fff; line-height:0.56; font-weight:400; margin-bottom:25px;} .history h3{font-size:20px; color:#fff; line-height:1.4; text-transform: uppercase; font-weight:400;} .develop-wrap{padding:80px 0px;} .develop-wrap .swiper-slide .time-wrap{width:1110px; /*background:red;*/ margin:0px auto;} .develop-wrap .swiper-slide .time-wrap .time-nav{width:; height:100px;} .develop-wrap .swiper-slide .time-wrap .time-nav ul li{width:12.5%; height:100px; float:left;} .develop-wrap .swiper-slide .time-wrap .time-nav ul li .time-box{width:100px; height:100px; margin:0 auto; background:url("../images/button.png") no-repeat;} .develop-wrap .swiper-slide .time-wrap .time-nav ul li.on .time-box{background:url("../images/button-on.png") no-repeat;} .develop-wrap .swiper-slide .time-wrap .time-nav ul li a{display:block; width:100px; height:100px; text-align:center; line-height:100px; color:#fff; font-size:18px; font-weight:bold;} .develop-wrap .swiper-slide .time-detail-wrap{width:1070px; margin:40px auto 0px; overflow:hidden;} .develop-wrap .swiper-slide .time-detail-wrap .time-con{overflow:hidden; display:none;} .develop-wrap .swiper-slide .time-detail-wrap .time-con .time-con-left{margin-right:20px;} .develop-wrap .swiper-slide .time-detail-wrap .time-con .time-con-left h1{font-size:24px; color:#be1c22; line-height:2;} .develop-wrap .swiper-slide .time-detail-wrap .time-con .time-con-right p{font-size:14px; color:#444; line-height:2.571;} .develop-wrap .swiper-button-prev{background:url("../images/arrowR.png") no-repeat; top:20%; left:0;} .develop-wrap .swiper-button-next{background:url("../images/arrowL.png") no-repeat; top:20%; right:0;} /*关于KCC 生产能力 START*/ .company-capacity-wrap{padding:80px 0px;} .company-capacity-wrap .capacity-con p{font-size:15px; color:#333; line-height:2.4; text-align:center; /*text-indent:32px;*/} .company-capacity-wrap .capacity-con p.capacity-base{margin-bottom:20px;} .company-capacity-wrap .capacity-con p:nth-child(odd){margin-bottom:20px;} .company-capacity-wrap .capacity-con p:nth-child(even){font-weight:900;} .company-capacity-wrap .capacity-con h2{font-size:15px; color:#333; line-height:2.4; text-align:justify; text-indent:32px;} .company-capacity-wrap .capacity-con h2.capacity-base{margin-bottom:20px;} .company-capacity-wrap .capacity-con h2:nth-child(odd){margin-bottom:20px;} .company-capacity-wrap .capacity-con h2:nth-child(even){font-weight:900;} .company-capacity-wrap .capacity-con img{/*width:600px; height:350px;*/} /*关于KCC 资质认证 START*/ .company-system-wrap{padding:75px 0px 30px;} .company-system-wrap .container{border-bottom:1px solid #ccc; padding-bottom:30px;} .slideBox{/*margin-bottom:50px;*/ position:relative;} /*.system-slide .system-ul li{float:left; width:283px; height:208px; border:1px solid #ccc; margin-right:20px; margin-bottom:20px;} .system-slide .system-ul li:nth-child(4n){margin-right:0;} .system-slide .system-ul li img{width:100%; height:100%; display:block;} .system-slide .swiper-pagination-bullet{width:50px; height:30px; line-height:30px; background:#f2f2f2; margin:0 !important; text-align:center; border-radius:0; opacity:1; color:#666;} .system-slide .swiper-pagination-bullet-active{background:#be1c22; color:#fff; margin:0 !important;} .system-slide .swiper-button-prev{background:url("../images/arrowSl.png") no-repeat; top:auto; left:42%; bottom:-8px;} .system-slide .swiper-button-next{background:url("../images/arrowSr.png") no-repeat; top:auto; right:42%; bottom:-8px;} .company-gov-wrap{padding:10px 0px 40px;} .company-gov-wrap .container{border:0;}*/ .slideBox ul li .system-ul{text-align:left;} .slideBox ul li .system-ul .box{float:none; width:283px; margin-right:20px; margin-bottom:20px; cursor:pointer; display:inline-block; vertical-align:text-bottom;} .slideBox ul li .system-ul .box:nth-child(4n){margin-right:0;} .slideBox ul li .system-ul .box .pic{width:283px; /*height:168px;*/ display:block;} .slideBox ul li .system-ul .box .pic img{width:100%; height:100%;} .slideBox ul li .system-ul .box .txt{width:100%; height:40px; background:#ccc;} .slideBox ul li .system-ul .box .txt p{font-size:16px; color:#333; line-height:40px; text-align:center;} .slideBox ul li .system-ul .box:hover .txt{background:#be1c22;} .slideBox ul li .system-ul .box:hover .txt p{color:#fff;} .slideBox .hd{height:30px; overflow:hidden;/* position:absolute;*/ right:5px; bottom:-40px; z-index:1;} .slideBox .hd ul{overflow:hidden; zoom:1; float:none; text-align:center;} .slideBox .hd ul li{float:none; display:inline-block; width:48px; height:30px; line-height:30px; text-align:center; background:#f2f2f2; cursor:pointer; color:#666;} .slideBox .hd ul li.on{background:#be1c22; color:#fff;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:35%; top:auto; margin-top:-25px; display:block; width:32px; height:40px; background:url("../images/arrowSl.png") no-repeat; filter:alpha(opacity=50);opacity:0.5;} .slideBox .next{background:url("../images/arrowSr.png") no-repeat; left:auto; right:35%; background-position:0px 0px;} .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;} .slideBox .prevStop{ display:none;} .slideBox .nextStop{ display:none;} button.mfp-arrow{width:55px; height:40px; background:#c4c4c4 url("../images/honor-arrow.png") no-repeat; background-position:20px 10px;} button.mfp-arrow-left{left:5%;} button.mfp-arrow-right{background-position:-30px 10px; right:5%;} /*button.mfp-arrow:hover{background-color:#326496;}*/ .company-gov-wrap{padding:10px 0px 40px;} .company-gov-wrap .container{border:0;} button.mfp-close, button.mfp-arrow{width:100px; height:100px;} @media only screen and (max-width: 1440px) { .news-banner .swiper-button-prev{left:2%;} .news-banner .swiper-button-next{right:2%;} .subnav .container{width:1000px; min-width:1000px;} .news-banner .subnav ul{} .news-banner .subnav ul li{width:165px;} .index-inspir-wrap .swiper-button-next{right:0;} .index-inspir-wrap .swiper-button-prev{left:0;} } @media only screen and (max-width: 1366px) { .header .logo{margin-left:80px;} .header .nav{padding:0px 70px 0px 100px;} .header .share{margin-right:80px;} }