*{

    font-size:16px;

    color:#1e1e1e;

    font-family: Microsoft YaHei;

    margin:0;

    padding:0;

    -webkit-font-smoothing:antialiased;

    list-style-type:none;

    box-sizing: border-box;

}



a, a:link, a:visited, a:hover, a:active{

    text-decoration: none;

}

ul{

    list-style: none;

    padding:0;

    margin:0;

}

/*头部*/

.head{

    height:35px;

    background: #f5f5f5;

}

.head-center{

    width:1200px;

    height:35px;

    margin:0 auto;

}

.head-welcome{

    font-size: 12px;

    line-height: 35px;

    float:left;

    color:#999;

}

.head-nav{

    float:right;

    line-height: 35px;

}

.head-nav li{

    margin-left: 30px;

    float: left;

}

.head-nav li span{

    color:#999;

    font-size: 12px;

    height:15px;

    display: inline-block;

    vertical-align: top;

    margin-left: 5px;

}

/*logo*/

.top{

    height:115px;

}

.top-center{

    width:1200px;

    height:115px;

    margin:0 auto;

}

.logo{

    width:700px;

    height:115px;

    overflow: hidden;

    float:left;

}

.top-tel{

    max-width: 500px;

    float:right;

    height:50px;

    margin:32px 0;

}

.top-tel-ico{

    height:50px;

    width:50px;

    padding: 5px;

    float:left;

    margin-right: 10px;

}

.top-tel-num{

    float:right;

}

.top-tel-num p:nth-child(1){

    color: #666;

    font-size: 14px;

}

.top-tel-num p:nth-child(2){

    font-size: 30px;

    font-weight: bold;

    line-height: 30px;

}

/*产品*/

.product{

    padding: 50px 0;

    height:1250px;

}

.p-center{

    width:1200px;

    margin:0 auto;

}

.p-des{

    text-align: center;

    margin-bottom: 30px;

}

.p-des h2{

    font-size: 36px;

    line-height: 50px;

}

.p-des h2 span{

    font-size: 36px;

    color:#f92200;

}

.p-des h3{

    color:#b4b4b4;

    text-transform: uppercase;

    line-height: 50px;

}

.p-left{

    width:246px;

    height:850px;

    background: #f92200;

    float:left;

}

.p-title{

    width:246px;

    height:123px;

    text-align: center;

    background: #f92200 url("") bottom no-repeat;

    padding:20px 0;

}

.p-title h1{

    color:white;

    font-size: 30px;

    line-height: 50px;

}

.p-title h2{

    color:white;

    text-transform: uppercase;

    font-weight: normal;

}

.p-list{

    width:230px;

    height:690px;

    background: white;

    margin:0 auto;

    padding-top: 5px;

    overflow: hidden;

}

.p-list li{

    width:210px;

    height:50px;

    background: #1e1e1e;

    margin:10px auto 0;

    border-radius: 5px;

}

.p-list li a{

    display: block;

    width:210px;

    height:50px;

    border-radius: 5px;

    color:white;

    text-align: center;

    line-height: 50px;

    transition: all 0.5s ease-in-out;

    position: relative;

}

.p-list li a:hover{

    transform: translateX(20px);

}

.p-list li a:before{

    content:"";

    position:absolute;

    display: block;

    width:20px;

    height:1px;

    background: white;

    transition: all 0.5s ease-in-out;

    top:50%;

    left:30px;

    transform: scale(0);

}

.p-list li a:hover:before{

    transform: scale(1);

}

.p-tel{

    width:246px;

    height:158px;

    background: #f92200 url("") center no-repeat;

    text-align: center;

    padding:20px 0;

}

.p-tel h3{

    font-size: 20px;

    color:white;

    letter-spacing: 4px;

    line-height: 60px;

}

.p-tel p span{

    color: white;

    font-size: 24px;

    font-weight: bold;

    display: inline-block;

    vertical-align: top;

    height:40px;

    line-height: 40px;

    margin-left: 10px;

}

.p-right{

    width:930px;

    float:right;

}

.p-show{

    margin:-50px -25px;

}

.p-show li{

    width:294px;

    height:290px;

    margin: 50px 0 0 25px;

    float:left;

}

.p-img{

    width:294px;

    height:221px;

    border: 1px solid #eee;

    overflow: hidden;

    transition: all 0.3s ease-in-out;

}

.p-img img{

    width:294px;

    height:221px;

}

.p-show li h2{

    width:294px;

    height:40px;

    line-height: 40px;

    text-align: center;

    font-weight: normal;

    font-size: 16px;

    transition: all 0.3s ease-in-out;

}

.p-show li span{

    display: block;

    width:100px;

    height:30px;

    background: #1e1e1e;

    border-radius: 50px;

    text-align: center;

    font-size: 14px;

    color: white;

    line-height: 30px;

    margin:0 auto;

    transition: all 0.3s ease-in-out;

}

.p-show li:hover .p-img{

    border:1px solid #f92200;

}

.p-show li:hover h2{

    color:#f92200;

}

.p-show li:hover span{

    background: #f92200;

}

/*关于我们*/

.a-up{

    height:502px;

    background: url("../images/aboutbg.png") center no-repeat;

}

.a-up .title{

    padding:50px 0 20px;

}

.a-up .title h1, .a-up .title h3{

    color:white;

}

.title{

    text-align: center;

}

.title h2{

    font-size: 30px;

    color: #f92200;

    font-weight: normal;

    text-transform: uppercase;

}

.title h1{

    width:500px;

    font-size: 48px;

    line-height: 90px;

    border-bottom: 1px solid #ccc;

    margin: 0 auto;

    position: relative;

}

.title h1:before{

    content: "";

    position: absolute;

    display: block;

    background: #f92200;

    width:9px;

    height:9px;

    left:48.5%;

    bottom:-5px;

    transform: rotate(45deg);

}

.title h3{

    font-weight: normal;

    line-height: 60px;

}

.a-profile{

    width:1200px;

    height:334px;

    background: url("") center no-repeat;

    padding:65px 0;

    position: absolute;

    z-index: 10;

    left:50%;

    margin-left: -600px;

}

.a-profile p{

    width:1130px;

    margin:0 auto;

    color: white;

    line-height: 32px;

}

.a-profile span{

    display: block;

    width:262px;

    height:64px;

    margin:40px auto;

    background: #1e1e1e;

    border-radius: 60px;

}

.a-profile span a{

    display: block;

    width:262px;

    height:64px;

    color: white;

    border-radius: 60px;

    line-height: 64px;

    text-align: center;

    transition: all 0.3s ease-in-out;

}

.a-profile span a:hover{

    transform: translateX(20px);

}

.a-ad{

    height:760px;

    background: #f5f5f5;

}

.ad-list{

    width:1256px;

    margin:0 auto;

    padding: 150px 0;

}

.ad-list li{

    width:280px;

    float:left;

    margin-left: 28px;

}

.ad-img{

    width:280px;

    height:400px;

    /*transform-style: preserve-3d;*/

    /*-webkit-perspective: 1000;*/

    /*-moz-perspective: 1000;*/

    /*-ms-perspective: 1000;*/

    /*perspective: 1000;*/

    cursor: pointer;

}

.ad-img img{

    width:280px;

    height:400px;

    transition: all 0.3s;

}

.ad-img img:hover{

    /*transform: rotateY(180deg);*/

    /*-webkit-transform: rotateY(180deg);*/

    /*-moz-transform: rotateY(180deg);*/

    /*-ms-transform: rotateY(180deg);*/

}

.ad-list li h3{

    font-size: 30px;

    font-weight: normal;

    text-align: center;

    line-height: 60px;

    position: relative;

    margin-top: 10px;

}

.ad-list li h3:before{

    content: "";

    display: block;

    width:8px;

    height:8px;

    background:#f92200;

    position: absolute;

    transform: rotate(45deg);

    left:48%;

    bottom:-15px;

}

.ad-list li p{

    width:210px;

    margin:30px auto;

    line-height: 32px;

    text-align: center;

}

/*案例*/

.case{

    clear: both;

    padding:60px 0;

}

.scrollleft .p-img{

    width:285px;

    height:214px;

}

.scrollleft li h2{

    width:285px;

    height:40px;

    line-height: 40px;

    text-align: center;

    font-weight: normal;

    font-size: 16px;

    transition: all 0.3s ease-in-out;

}

.scrollleft li span{

    display: block;

    width:100px;

    height:30px;

    background: #1e1e1e;

    border-radius: 50px;

    text-align: center;

    font-size: 14px;

    color: white;

    line-height: 30px;

    margin:0 auto;

    transition: all 0.3s ease-in-out;

}

.scrollleft li:hover .p-img{

    border:1px solid #f92200;

}

.scrollleft li:hover h2{

    color:#f92200;

}

.scrollleft li:hover span{

    background: #f92200;

}

/*数字*/

.number{

    height:220px;

    background: url("../images/numbg.png") center no-repeat;

}

/*实景*/

.view{

    padding:60px 0;

    height:1100px;

}

.v-center{

    width:1200px;

    margin:0 auto;

}

.v-pro{

    margin:-20px -30px 0;

}

.v-pro .p-img, .v-pro .p-img img{

    width:380px;

    height:285px;

}

.v-pro li{

    width:380px;

    margin: 50px 0 0 30px;

    float:left;

}

.v-pro li h2{

    width:380px;

    height:40px;

    line-height: 40px;

    text-align: center;

    font-weight: normal;

    font-size: 16px;

    transition: all 0.3s ease-in-out;

}

.v-pro li span{

    display: block;

    width:100px;

    height:30px;

    background: #1e1e1e;

    border-radius: 50px;

    text-align: center;

    font-size: 14px;

    color: white;

    line-height: 30px;

    margin:0 auto;

    transition: all 0.3s ease-in-out;

}

.v-pro li:hover .p-img{

    border:1px solid #f92200;

}

.v-pro li:hover h2{

    color:#f92200;

}

.v-pro li:hover span{

    background: #f92200;

}

/*横幅*/

.ban{

    height:200px;

    clear: both;

}

.ban-center{

    width:1200px;

    height:200px;

    margin:0 auto;

}

.ban-tel{

    width:366px;

    text-align: center;

    padding:22px 0;

}

.ban-tel p:nth-child(1) span{

    color:white;

    line-height: 30px;

    font-size: 18px;

    vertical-align: top;

    letter-spacing: 2px;

    margin-left: 8px;

}

.ban-tel p:nth-child(2){

    color:white;

    font-size: 42px;

    font-weight: bold;

    line-height: 60px;



}

.ban-btn{

    display: block;

    width:220px;

    height:50px;

    border-radius: 50px;

    background: #1e1e1e;

    margin:10px auto;

}

.ban-btn a{

    display: block;

    width:220px;

    line-height:50px;

    border-radius: 50px;

    color: white;

}

/*新闻*/

.news{

    padding:60px 0;



}

.n-center{

    width:1200px;

    margin:0 auto;

    height:800px;

}

.n-left{

    width:600px;

    height:450px;

    float: left;

    overflow: hidden;

}

.n-left img{

    width:600px;

    height:450px;

    transition: all 0.5s;

}

.n-left img:hover{

    transform: scale(1.1);

}

.n-right{

    width:570px;

    float:right;

    padding-top: 39px;



}

.n-right h2{

    font-weight: normal;

    margin:10px 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.n-right h2 a{

    font-size: 18px;

}

.n-right h2 a:hover{

    color:#f92200;

}

.n-right p{

    font-size: 14px;

    line-height: 28px;

    color:#666;

    overflow: hidden;

    height:56px;

}

.n-right p a{

    font-size: 14px;

    color:#f92200;

}

.n-right h3{

    font-size: 20px;

    border-bottom:1px solid #d7d7d7;

    line-height: 60px;

    position: relative;

    margin-top: 20px;

}

.n-right h3:before{

    content: "";

    display: block;

    width:80px;

    height:4px;

    background:#f92200;

    position: absolute;

    bottom:-2px;

    left:0;

}

.n-box{

    margin:30px -30px;

}

.n-box li{

    width:270px;

    height:203px;

    position: relative;

    float:left;

    margin-left: 30px;

    overflow: hidden;

}

.n-box li:hover .n-box-black h2{

    color: #f92200;

}

.n-box li img {

    width:270px;

    height:203px;

}

.n-box-black{

    width:270px;

    height:70px;

    background: rgba(30,30,30,0.7);

    position: absolute;

    left:0;

    bottom: 0;

    padding:5px;

}

.n-box-black h2{

    color: white;

    font-size: 16px;

    margin:5px 0;

}

.n-box-black p{

    color: rgba(255,255,255,0.5);

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.n-list{

    clear: both;

    padding-top:20px;

    margin:0 -60px;

}

.n-list li{

    width:570px;

    float:left;

    position: relative;

    margin:30px 0 0 60px;

}

.n-list .n-title{

    font-size: 16px;

    font-weight: normal;

    margin-left: 50px;

    width:400px;

    float:left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all 0.3s ease-in-out;

}

.n-list li:before{

    content: url("../img/nico.png");

    position: absolute;

    left:0;

    top:2px;

}

.n-list li span{

    float:right;

    color: #999;

}

.n-list li:hover:before{

    content: url("../img/nico2.png");

}

.n-list li:hover .n-title{

    color: #f92200;

}

.n-list li:hover .n-list li a span{

    color: #f92200;

}

/*友链*/

.link{

    height:80px;

    background: #f5f5f5;

    clear: both;

    overflow: hidden;

}

.l-center{

    width:1200px;

    height:80px;

    margin:0 auto;

}

.l-title{

    float:left;

    padding:5px 0;

    margin-right: 30px;

}

.l-title p:nth-child(1){

    font-size: 48px;

    font-weight: bold;

    text-transform: uppercase;

    color: #f92200;

    line-height: 48px;

}

.l-title p:nth-child(2){

    color: #f92200;

}

.l-center a{

    float:left;

    margin:32px 30px 32px 0;

    transition: all 0.3s ease-in-out;

}

.l-center a:hover{

    color: #f92200;

}

/*底部*/

.bottom{

    height:255px;

    background: #1e1e1e;

    overflow: hidden;

    clear: both;

}

.b-center{

    width:1200px;

    height:255px;

    margin:0 auto;

}

.b-list{

    width:1200px;

    clear: both;

}

.b-list li{

    width:300px;

    height:255px;

    text-align: center;

    padding:70px 0;

    float: left;

}

.b-ico{

    width: 38px;

    height:38px;

    background:#f92200;

    border-radius: 50%;

    margin:0 auto;

    padding: 10px;

    position: relative;

}

.b-ico:before{

    content: "";

    display: block;

    width:131px;

    height:1px;

    background: rgba(255,255,255,0.3);

    position: absolute;

    left:-131px;

    top:19px;

}

.b-ico:after{

    content: "";

    display: block;

    width:131px;

    height:1px;

    background: rgba(255,255,255,0.3);

    position: absolute;

    right:-131px;

    top:19px;

}

.b-list li h3{

    color: rgba(255,255,255,0.5);

    font-size: 14px;

    font-weight: normal;

    line-height: 40px;

}

.b-list li p{

    width:280px;

    color: white;

    line-height: 32px;

    margin:0 auto;

}

/*版权*/

.copyright{

    height:88px;

    background:#f92200;

    text-align: center;

    clear: both;

    padding:20px 0;

}

.copyright p{

    color: white;

    font-size: 14px;

    line-height: 26px;

}

.copyright p a{

    color: white;

    font-size: 14px;

}

/*内页大图*/

.in-ban{

    height:400px;

}

/*内页内容*/

.in-content{

    padding:30px 0 50px;

}

.crumb{

    width:1200px;

    height:40px;

    margin:0 auto;

    border-top:1px solid #eee;

    border-bottom:1px solid #eee;

    font-size: 14px;

    line-height: 40px;

    background: url("../images/crumbico.png") left no-repeat;

    padding-left: 30px;

}

.crumb a{

    font-size: 14px;

    padding:0 5px;

    transition: all 0.3s ease-in-out;

}

.crumb a:hover{

    color:#f92200;

}

.in-class{

    width:1200px;

    margin:0 auto;

    text-align: center;

    border-bottom:1px dashed #ccc;

    padding:20px 0;

}

.in-class a{

    display: inline-block;

    width:140px;

    height:40px;

    margin:12px 5px 0 0;

    background: #1e1e1e;

    color: white;

    line-height: 40px;

    border-radius: 5px;

    transition: all 0.3s ease-in-out;

}

.in-class .in-current, .in-class a:hover{

    background: #f92200;

}

.in-center{

    padding-bottom: 30px;

}

.page{

    width:1200px;

    margin:0 auto;

    border-bottom:1px dashed #ccc;

    clear: both;

    padding: 40px 0 20px;

    text-align: center;

}

.page a{

    display: inline-block;

    height:30px;

    background: #eee;

    font-size: 12px;

    padding:0 12px;

    line-height: 30px;

    border-radius: 2px;

    margin: 0 2px;

    transition: all 0.3s ease-in-out;

}

.page .p-active, .page a:hover{

    background: #f92200;

    color: white;

}

.in-show{

    width:1200px;

    margin:0 auto;

    padding-top: 30px;

}

.in-news{

    width:1200px;

    margin:0 auto;

    padding-top: 30px;

}

.in-n-list{

    margin:-26px -26px 0;

}

.in-n-list li{

    width:587px;

    height:230px;

    background: #f5f5f5;

    padding:20px;

    float:left;

    margin:26px 0 0 26px;

}

.in-n-left{

    width: 320px;

    float: left;

}

.in-n-img{

    width:220px;

    height:165px;

    float: right;

    margin:12px 0;

}

.in-n-img img{

    width:220px;

    height:165px;

}

.in-n-title{

    width:300px;

    height:40px;

    position: relative;

    padding-left: 10px;

    line-height: 40px;

    background: white;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.in-n-title:before{

    content: "";

    display: inline-block;

    width: 5px;

    height:40px;

    background:#f92200;

    position: absolute;

    left:0;

    top:0;

    transition: all 0.3s ease-in-out;

    z-index: 1;

}

.in-n-title strong{

    font-weight: normal;

    z-index: 10;

    position: relative;

    transition: all 0.3s ease-in-out;

}

.in-n-left p{

    color:#666;

    font-size: 14px;

    line-height: 28px;

    margin:15px 0;

}

.in-n-left span{

    display: block;

    width:115px;

    height:35px;

    border-radius: 50px;

    background:#1e1e1e;

    color: white;

    font-size: 14px;

    line-height: 35px;

    text-align: center;

    transition: all 0.3s ease-in-out;

}

.in-n-list li:hover .in-n-title:before{

    width: 300px;

    height:40px;

}

.in-n-list li:hover .in-n-title strong{

    color: white;

}

.in-n-list li:hover .in-n-left span{

    background: #f92200;

}

/*详情页*/

.in-title{

    text-align: center;

    margin: 50px 0 20px;

    font-size: 24px;

}

.in-time{

    font-size: 12px;

    color:#b0b0b0;

    text-align: center;

    line-height: 50px;

    border-bottom: 1px solid #d9d9d9;

}

.detail{

    padding:30px 0;

}

.detail-next{

    overflow: hidden;

    margin: 40px 0;

    border-bottom: 1px solid #d9d9d9;

    border-top: 1px solid #d9d9d9;

    padding:10px 0;

    line-height: 30px;

}

.detail-next a{

    display: block;

    color:#666;

    transition: all 0.3s ease-in-out;

}

.detail-next a:hover{

    color:#f92200;

}

.in-1200{

    width:1200px;

    margin:0 auto;

}



#page{ overflow:hidden; font-size:0;text-align:center; margin: 30px 0; clear: both;}

#page a,#page span{ font-size:13px;overflow:hidden;border-radius:3px;text-decoration: none; display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 15px;}

#page a:hover,#page span.current{ text-decoration:none;color: #FFF; background: #f92200; border-color:#f92200;  }

#page a.next,#page a.prev {}