*{
    font-size:16px;
    color:#28517D;
    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:#f36f21;
}
.p-des h3{
    color:#b4b4b4;
    text-transform: uppercase;
    line-height: 50px;
}
.p-left{
    width:246px;
    height:850px;
    background: #f36f21;
    float:left;
}
.p-title{
    width:246px;
    height:123px;
    text-align: center;
    background: #f36f21 url("../images/ptitle.png") 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:510px;
    background: white;
    margin:0 auto;
    padding-top: 5px;
    overflow: hidden;
}
.p-list li{
    width:210px;
    height:50px;
    background: #28517D;
    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: #f36f21 url("../images/ptel.png") 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: #28517d;
    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 #f36f21;
}
.p-show li:hover h2{
    color:#f36f21;
}
.p-show li:hover span{
    background: #f36f21;
}
/*关于我们*/
.a-up{
    height:502px;
    background: url("../images/aboutbg.jpg") 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: #f36f21;
    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: #f36f21;
    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("../images/abg.png") 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:640px;
    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:280px;
    /*transform-style: preserve-3d;*/
    /*-webkit-perspective: 1000;*/
    /*-moz-perspective: 1000;*/
    /*-ms-perspective: 1000;*/
    /*perspective: 1000;*/
    cursor: pointer;
}
.ad-img img{
    width:280px;
    height:280px;
    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:#f36f21;
    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 #f36f21;
}
.scrollleft li:hover h2{
    color:#f36f21;
}
.scrollleft li:hover span{
    background: #f36f21;
}
/*数字*/
.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 #f36f21;
}
.v-pro li:hover h2{
    color:#f36f21;
}
.v-pro li:hover span{
    background: #f36f21;
}
/*横幅*/
.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:#f36f21;
}
.n-right p{
    font-size: 14px;
    line-height: 28px;
    color:#666;
    overflow: hidden;
    height:56px;
}
.n-right p a{
    font-size: 14px;
    color:#f36f21;
}
.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:#f36f21;
    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: #f36f21;
}
.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: #f36f21;
}
.n-list li:hover .n-list li a span{
    color: #f36f21;
}
/*友链*/
.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: #f36f21;
    line-height: 48px;
}
.l-title p:nth-child(2){
    color: #f36f21;
}
.l-center a{
    float:left;
    margin:32px 30px 32px 0;
    transition: all 0.3s ease-in-out;
}
.l-center a:hover{
    color: #f36f21;
}
/*底部*/
.bottom{
    height:255px;
    background: #28517d;
    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:#f36f21;
    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:#f36f21;
    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:#f36f21;
}
.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: #f36f21;
}
.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: #f36f21;
    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:#f36f21;
    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: #f36f21;
}
/*详情页*/
.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:#f36f21;
}
.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: #f36f21; border-color:#f36f21;  }
#page a.next,#page a.prev {}