﻿@charset "utf-8";
/*官网展示*/
/*头部*/
.wrap{min-width:1260px;width:100%;}
.head{}
.head .logo{width:517px;height:138px;}
.head .logo img{width:100%;height:100%;}
.head .tel{position:relative;width:376px;height:138px;}
.head .tel img{width:100%;height:100%;}
.head .tel p{position:absolute;left:0;top:0;background:url(../images/btnbg.jpg) no-repeat 0 0;width:122px;height:28px;line-height:28px;overflow:hidden;font-weight:bold;color:#fff;font-size:14px;}
.head .tel p a{color:#fff;margin-left:5px;margin-right:5px;}
.nav{background:#ebe8e9;}
.nav ul{} 
.nav ul li{width:133px;height:70px;line-height:70px;overflow:hidden;display:inline-block;zoom:1;*display:inline;vertical-align:top;}
.nav ul li a{font-size:16px;color:#000;}
.nav ul li.on,.nav ul li:hover{background:#4897da;}
.nav ul li.on a,.nav ul li:hover a{color:#fff;}

nav {
    text-align: center;
    background: #000000;
}
nav ul {
    width:1120px; 
    padding:0 40px;
    display:inline-table;
    position:relative;      
    margin-left:auto;
    margin-right:auto;
}
nav ul ul {
    display:none;
}
nav ul li {
    float:left;  
}
nav ul::after {
    content:"";
    display:block;
    clear:both;
}
    nav ul li a {
        display: block;
        width: 140px;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        display: inline-block;
        zoom: 1;
        color: #ffffff;
        text-decoration: none;
        font-family: "微软雅黑";
    }
nav ul li:hover > ul {
    display:block;
}
    nav ul li:hover {
        background: linear-gradient(to bottom,#FF0000,#FF0000);
    }
nav ul li:hover a {
    color:#FFF;
}
nav ul ul {
    background: #4897da;
    border-radius: 0;
    position: absolute;
    width: 140px;
    top: 100%;
    padding: 0;
    z-index: 9999;
}
nav ul ul li {
    float: none;
           
    border-top: 1px solid #81d9f1;
}
nav ul ul li a {
    color: #FFF;
    height: 40px;
    line-height: 40px;
}
nav ul ul li a:hover {
    background: #4b545f;
    height: 40px;
    line-height: 40px;
}
nav .lidouble {
    width:281px;
}
nav .lidouble li {
    width: 140px;
    float: left;
}


.banner {
    position: relative;
    width: 100%;
}
.banner .bd{width:100%;}
.banner .bd ul{font-size:0;}
.banner .bd ul li{width:100%;display:inline-block;zoom:1;vertical-align:top;}
.banner .bd ul li a{width:100%;display:block;}
.banner .bd ul li img{width:100%;height:680px;}
.banner span{position:absolute;top:50%;display:block;color:#fff;width:24px;height:52px;margin-top:-26px;}
.banner span.prev{left:20px;background:url(../images/prev.png) no-repeat 0 0;}
.banner span.next{right:20px;background:url(../images/next.png) no-repeat 0 0;}


.tit{}
.tit p{font-size:30px;}
.tit .lang-c{color:#333;font-weight:600;}
.tit .lang-e{color:#FF0000;font-weight:bold;}

.now{background:url(../images/ico_now.jpg) no-repeat 0 center;font-size:16px;padding-left:30px;}
.now a{color:#666;}
.now a:hover{color:#4897da;}
.now span{color:#666;}

.about-sub{font-size:0;}
.about-sub span,.about-sub a{display:inline-block;zoom:1;*display:inline;vertical-align:top;}
.about-sub span{font-size:30px;height:44px;line-height:44px;overflow:hidden;margin-right:80px;}
.about-sub a{width:180px;height:42px;line-height:42px;overflow:hidden;font-size:14px;color:#000;text-align:center;border:#ddd solid 1px;margin-right:10px;}
.about-sub a.on,.about-sub a:hover{background:#4897da;color:#fff;}


.item-case{}
.item-case p{width:50%;height:72px;line-height:72px;overflow:hidden;font-size:24px;}
.item-case p a{color:#4897da;}
.item-case p a:hover{text-decoration:underline;}
.item-sort{margin-bottom:12px;}
.item-sort ul{font-size:0;text-align:left;}
.item-sort ul li{width:195px;height:40px;line-height:40px;overflow:hidden;background:#FF0000;display:inline-block;zoom:1;*display:inline;vertical-align:top;margin-right:4px;margin-bottom:4px;text-align:center;}
.item-sort ul li a{color:#fff;font-size:18px;}
.item-sort ul li.on,.item-sort ul li:hover{background:#000000;}
.item-sort ul li.on a,.item-sort ul li:hover a{color:#FFFFFF;}
.list-wrap{}
.list{}
.list dl.w1{width:288px;margin-bottom:20px;}
.list-wrap .list dl.w1{position:relative;}
.list dl.w3{width:260px;margin-left:20px;margin-right:20px;}
.list dl.w1 dd{height:212px;width:100%;overflow:hidden;}
.list dl.w2 dd{height:320px;width:480px;overflow:hidden;}
.list dl.w3 dd{width:100%;overflow:hidden;height:165px;}
.list dl.w4,.list dl.w5{width:50%;position:relative;}
.list dl dd a{width:100%;height:100%;display:block;}
.list dl dd img{width:100%;height:100%;transition: all 0.6s;}
.list dl dd img:hover{transform:scale(1.1,1.1);}
.list dl.w4 dd img,.list dl.w5 dd img{transition:none;}
.list dl.w4 dd img:hover,.list dl.w5 dd img:hover{transform:scale(1.0,1.0);}
.list dl dt{}
.list dl.w1 dt{padding-left:15px;padding-right:15px;}
.list-wrap .list dl.w1 dt{position:absolute;left:0;top:0;padding:20px;color:#fff;}
.list dl.w2 dt{width:640px;}
.list dl.w2 dt p{font-size:20px;line-height:30px;}
.list dl dt a.item-tit{height:36px;line-height:36px;overflow:hidden;font-size:16px;font-weight:normal;color:#000;display:block;text-align:center;}
.list dl dt a.item-tit:hover{color:#4897da;}
.list dl dt a.item-tit2{height:30px;line-height:30px;overflow:hidden;color:#fff;width:100px;border-radius:50px;display:inline-block;zoom:1;*display:inline;vertical-align:top;background:#4897da;text-align:center;margin-left:80px;font-size:14px;}

.list dl dt span.item-info{height:40px;line-height:20px;overflow:hidden;font-size:14px;display:block;}
.list dl.w3 dt{font-size:20px;color:#333;line-height:54px;height:54px;overflow:hidden;text-align:center;}
.list dl.w4 dt,.list dl.w5 dt{font-size:24px;position:absolute;width:600px;top:0;text-align:left;padding-top:90px;}
.list dl.w4 dt{right:0;}
.list dl.w5 dt{left:0;}
.list dl.w4 dt p,.list dl.w5 dt p{width:504px;margin-bottom:40px;line-height:42px;}
.list dl.w4 dt p,.list dl.w4 dt a,.list dl.w5 dt p,.list dl.w5 dt a{color:#fff;}
.list dl.w4 dt a,.list dl.w5 dt a{border-radius:5px;width:160px;height:42px;line-height:42px;overflow:hidden;background:#4897da;display:block;text-align:center;margin-left:340px;}
.list-wrap .list dl.w1 dt{display:none;}
.list-wrap .list dl.w1:hover dt{display:block;}
.list-wrap .list dl.w1 dt a{height:48px;line-height:48px;overflow:hidden;color:#fff;font-size:16px;border-bottom:#fff solid 2px;margin-bottom:15px;}
.article{}
.text{font-size:20px;line-height:32px;}


.index-about{background:#f0f0f0;}
.index-about dl{}
.index-about dl dt{width:690px;}
.index-about dl dt h2{font-size:40px;line-height:120px;}
.index-about dl dt p{font-size:18px;}
.index-about dl dt p a{height:48px;line-height:48px;overflow:hidden;color:#fff;width:160px;border-radius:5px;display:inline-block;zoom:1;*display:inline;vertical-align:top;background:#FF0000;text-align:center;margin-right:20px;}
.index-about dl dd{width:410px;}
.index-about dl dd img{width:410px;height:480px;}


.index-ad{padding-bottom:60px;}
.index-ad-item{}
.index-ad-item .index-ad-tit1{background:url(../images/ico1.jpg) no-repeat 0 top;padding-left:60px;}
.index-ad-item .index-ad-tit2{background:url(../images/ico2.jpg) no-repeat 0 top;padding-left:60px;}
.index-ad-item .index-ad-tit3{background:url(../images/ico3.jpg) no-repeat right top;padding-right:60px;}
.index-ad-item .index-ad-tit4{background:url(../images/ico4.jpg) no-repeat 0 top;padding-left:60px;}
.index-ad-item .index-ad-tit5{background:url(../images/ico5.jpg) no-repeat right top;padding-right:60px;}
.index-ad-item h2{font-size:24px;font-weight:normal;line-height:42px;border-bottom:#ccc solid 1px;}
.index-ad-item p{font-size:18px;line-height:30px;}
.index-ad-item .index-ad-pic{width:532px;}
.index-ad-item .index-ad-pic img{width:100%;}
.index-ad-item .index-ad-more img{width:100%;}

.case-tit{background:#000000;}
.case-tit dl{height:170px;}
.case-tit dl dt{width:470px;text-align:left;padding-top:20px;}
.case-tit dl dt h2{font-size:40px;line-height:64px;COLOR:#FFFFFF;}
.case-tit dl dt p{font-size:16px;line-height:30px;COLOR:#FFFFFF;}
.case-tit dl dd{width:730px;}
.case-tit dl dd img{width:100%;height:170px;overflow:hidden;}


.index-news-wrap{background:#f0f0f0;}
.index-news{}
.index-news .hd{margin-bottom:40px;}
.index-news .hd ul li{font-size:24px;color:#4897da;height:42px;line-height:42px;overflow:hidden;width:180px;background:#fff;margin-left:10px;margin-right:10px;}
.index-news .hd ul li.on,.index-news .hd ul li:hover{background:#FF0000;color:#fff;cursor:pointer;}
.index-news .bd{}
.index-news .bd .news-wrap{font-size:0;text-align:left;}
.index-news .bd .news-wrap .news{width:585px;height:136px;margin-bottom:20px;}
.index-news .bd .news-wrap .news img{float:left;width:180px;height:136px;margin-right:15px;}
.index-news .bd .news-wrap .news .news-cont{float:right;width:390px;}
.index-news .bd .news-wrap .news .news-cont h4{font-weight:normal;}
.index-news .bd .news-wrap .news .news-cont h4 a{color:#000;font-size:24px;display:inline-block;zoom:1;*display:inline;vertical-align:top;width:240px;height:42px;line-height:42px;overflow:hidden;}
.index-news .bd .news-wrap .news .news-cont h4 a:hover{color:#4897da;}
.index-news .bd .news-wrap .news .news-cont h4 span{color:#666;display:inline-block;zoom:1;*display:inline;vertical-align:top;width:150px;font-size:14px;height:42px;line-height:42px;overflow:hidden;text-align:right;}
.index-news .bd .news-wrap .news .news-cont p{font-size:18px;line-height:30px;}


.pagelist{font-size:0;padding-top:20px;padding-bottom:80px;}
.pagelist a{display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:14px;color:#000;background:#f0f0f0;height:30px;line-height:30px;overflow:hidden;margin-left:5px;padding-left:15px;padding-right:15px;}
.pagelist a.prevpage,.pagelist a.nextpage{padding-left:20px;padding-right:20px;background:none;}
.pagelist a.active,.pagelist a:hover{background:#4897da;color:#fff;}



.item-sku-wrap{background:#929292;}
.item-sku{padding-top:20px;padding-bottom:20px;}
.item-sku dl{border-right:#cecece solid 2px;padding-right:26px;width:120px;}
.mr30{margin-right:27px;}
.item-sku dt{font-size:20px;color:#fff;height:42px;line-height:42px;overflow:hidden;}
.item-sku dd{font-size:14px;color:#cecece;line-height:24px;}

.foot{background:#585858;color:#fff;}
.foot .foot-about{}
.foot .foot-about .flogo a{width:239px;height:244px;}

.foot .foot-about .fcompany-addr{font-size:14px;line-height:24px;margin-top:45px; }
.foot .foot-about .fcompany-addr span{font-size:18px;}
.foot .foot-about .ftel{margin-top:70px;}
.foot .foot-about .ftel span.s1,.foot .foot-about .ftel span.s2{display:block;}
.foot .foot-about .ftel span.s1{font-size:18px;}
.foot .foot-about .ftel span.s2{font-size:30px;margin-bottom:10px;}
.foot .foot-about .ftel b{font-weight:normal;display:block;width:320px;height:40px;line-height:40px;overflow:hidden;background:#4897da;text-align:center;}
.foot .foot-copyright{background:#202020;font-size:12px;height:54px;line-height:54px;overflow:hidden;}
.foot .foot-copyright a{margin-right:90px;color:#fff;}
.foot .foot-copyright span{margin-left:90px;color:#fff;}



