/*******************************
    -------[=内页ban]-------
********************************/
#ban{
    height: 340px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/*******************************
    -------[=关于我们]-------
********************************/
.m-tit-1{position: relative;
    font-weight: normal; font-size: 24px;
    color: #FF0802;text-align: center;
    text-transform: uppercase;
	font-weight:bold;

}
.m-tit-1:after{
    position: absolute;
    content: '';
    width: 42px;
    height: 2px;
    background-color: #FF0802;
    left: 50%;
    margin-left: -21px;
    bottom: -9px;
}
.m-intro-1{padding: 55px 0 45px;}
.m-intro-1 .subhead{
    font-size: 18px;
    color: #555;padding:60px 0 25px 40px;
    
}
.m-intro-1 .subhead em{font-family: "Arial"; color: #999;}
.m-intro-1 .txt{font-family: "微软雅黑";font-size: 14px;color: #666;line-height: 30px;}

.m-service{
    padding-top: 25px;
    height: 355px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.m-service1{
    padding-top: 25px;
    height: 450px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}








.ad-mtit1{color: #fff;font-family: "Arial";font-size: 27px;}
.ad-mtit1:after{background-color: #fff;height: 3px;width: 63px;margin-left:-31px;}

.ul-list-1{overflow: hidden;margin: 38px 0 0;}
.ul-list-1 li{
    float: left;width: 25%;
    border-right: 1px solid #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 30px;
}
.ul-list-1 li:last-child{border: none;}
.ul-list-1 li h4{font-size: 24px; margin-bottom: 10px; font-weight: normal;color: #fff;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.ul-list-1 li p{font-family: "微软雅黑";font-size: 12px;color: #fff;line-height: 29px;height: 116px;overflow: hidden;}
.ul-list-1 .more{display: block;width: 95px;height: 33px;line-height: 33px;text-align: center;text-transform: uppercase;font-size: 12px;color: #fff;background-color: #FF0802;margin-top: 15px;}
.ul-list-1 .more:hover{opacity: .8;}
.m-intro-2{overflow: hidden;padding: 40px 0;border-bottom: 1px solid #edecec;}
.ul-list-2{overflow: hidden;}
.ul-list-2 li{float: left;width: 33.3%;}
.ul-list-2 .tit{font-size: 40px;letter-spacing: -2px;color: #fda83d;float: left;width: 70px;min-height:100px;line-height: 37px;margin-right: -5px;}
.ul-list-2 .tit em{font-size: 48px;color: #FF0802;}
.ul-list-2 .txt{overflow: hidden;padding-right: 60px;}
.ul-list-2 .txt h4{font-size: 16px;color: #FF0802;margin: 20px 0 10px;font-weight: normal;}
.ul-list-2 .txt p{font-family: "微软雅黑";font-size: 12px;color: #666;line-height: 24px;}


.m-intro-3{overflow: hidden;padding: 30px 0 60px;font-family: "微软雅黑";}
.m-intro-3 h4{font-weight: normal;font-size: 15px;color: #FF0802;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;line-height: 30px;}
.m-intro-3 p{font-size: 14px;color: #666;line-height: 32px;}


/*******************************
    -------[=技术资讯]-------
********************************/

.ul-list-3{overflow: hidden;margin-top: 55px;}
.ul-list-3 li{height: 270px;border: 1px solid #f2f2f2;margin-bottom: 30px;}
.ul-list-3 .pic{display: block;height: 270px;width: 45%;overflow: hidden;position: relative; }
.ul-list-3 .pic img{display: block;width: 100%;height: 100%;}
.ul-list-3 .pic img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
}
.ul-list-3 .date{display: block;position: absolute; width: 86px;height: 101px;padding-top: 0px; background-color: #FF0802;top: 0;right: 0;z-index: 2;font-size: 16px;color: #fff;text-align: center;}
.ul-list-3 .date em{font-size: 32px;color: #fff;display: block;margin-top: 5px;}
.ul-list-3 .txt{padding: 25px; }
.ul-list-3 .txt h4{font-weight: normal;font-size: 18px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.ul-list-3 .txt h4 a{color: #FF0802;}
.ul-list-3 .txt h4 a:hover{color: #fe582e;}
.ul-list-3 .tit{font-size: 13px;color: #888;font-family: "微软雅黑";margin: 10px 0 20px;}
.ul-list-3 .tit span{display: inline-block;margin-right: 28px;}
.ul-list-3 .txt p{font-family: "微软雅黑";font-size: 14px;color: #555;line-height: 27px;height: 81px;overflow: hidden;}
.ul-list-3 .more{display: block;margin-top: 20px; width: 100px;height: 42px;line-height: 42px;text-align: center;font-size: 13px;
    color: #555;background-color: #fff;border: 1px solid #ddd9d9;border-radius: 2px;overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list-3 .more:hover{border-color: #FF0802;background-color: #FF0802;color: #fff;}
.ul-list-3 li:nth-child(odd) .pic{float: left;}
.ul-list-3 li:nth-child(odd) .txt{margin-left: 46%;}
.ul-list-3 li:nth-child(even) .pic{float: right;}
.ul-list-3 li:nth-child(even) .txt{margin-right: 46%;}

.pages{margin-bottom: 50px;}
.ul-pages{overflow: hidden;text-align: right;}
.ul-pages li{display: inline-block;margin: 0 7px; min-width: 26px;height: 26px;line-height: 26px;font-size: 14px;text-align: center; }
.ul-pages li a{display: block;width: 100%;height: 100%;color: #999;
    background-color: #fff;border: 1px solid #bdbdbd;border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ul-pages .on a,.ul-pages li:hover a{color: #fff;background-color: #FF0802;border-color: #FF0802; }

/*******************************
    -------[=技术资讯内页]-------
********************************/
.side-col{float: right;width: 300px;margin-top: 67px;}
.m-news1 .tit{border-bottom: 2px solid #dedddd;font-size: 14px;color: #888;line-height: 36px;}
.m-news1 span{position: relative; display: inline-block;line-height: 36px; font-size: 16px;color: #FF0802;}
.m-news1 span:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background-color: #FF0802;
}
.m-news1 em{font-size: 18px;margin: 0 5px;}


.ul-list-4{overflow: hidden;margin-top: 27px;}
.ul-list-4 li{border: 1px solid #d0d0d0;padding: 1px;height: 134px;margin-bottom: 20px;}
.ul-list-4 .pic{display: block;height: 130px;width: 124px;float: left;overflow: hidden;}
.ul-list-4 .pic img{display: block;width: 100%;height: 100%;}
.ul-list-4 .txt{margin-left: 124px;padding: 10px;overflow: hidden;}
.ul-list-4 .date{font-size: 16px;line-height: 30px; color: #888;background: url(../img/pic-09.jpg) no-repeat left center;padding: 0 20px;white-space: nowrap;overflow: hidden;}
.ul-list-4 .txt p{font-size: 12px;color: #666;line-height: 24px;}
.ul-list-4 li:hover .txt p{color: #FF0802;}
.main-col{overflow: hidden;margin:50px 0 0 0;}
.m-demand h4{font-size: 24px;font-weight: normal;color: #0d0d0d;}
.m-demand .tit{font-size: 13px;color: #555;border-bottom: 1px dotted #c1c1c1;margin: 20px 0 25px;padding-bottom: 15px;}
.m-demand .tit span{margin-right: 10px;}
.m-demand .txt{font-family: "微软雅黑";margin-bottom: 20px; font-size: 14px; color: #888;;line-height: 30px;}
.m-demand .txt h5{color: #333;font-weight: normal;}
.m-demand .pic{width: 90%;margin: 0 auto 20px;}
.m-demand .pic img{display: block;width: 100%;height: 100%;}


.m-paget{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-family: "微软雅黑";padding: 10px;margin: 40px 0 100px;}
.m-paget .prev span,.m-paget .next span{
    font-size: 12px;color: #888;line-height: 28px;
}
.m-paget .prev span a,.m-paget .next span a{color: #555;}
.m-paget .prev span a:hover,.m-paget .next span a:hover{color: #FF0802;}
.m-paget .back{color: #555;}
.m-paget .back:hover{color: #FF0802;}


/*******************************
    -------[=联系我们]-------
********************************/
.side-col1{float: right;width: 33%;margin: 45px 0 90px;}
.main-col1{margin: 45px 0 90px;width: 63%;float: left;}
.m-form .name,.m-form .email,.m-form .tel,.m-form .addr,.m-form .msg{
    height: 35px;width: 100%;border: 1px solid #ccc;
    background-color: #f7f6f6;margin-bottom: 15px;
}
.m-form .msg{height: 324px;position: relative;}
.m-form .msg .text{width: 100%;height: 100%;resize:none;border: none;font-size: 13px;padding: 40px 10px;background-color: #f7f6f6;}
.m-form .inp{width: 100%;height: 100%;border: none;padding: 0 40px;font-size: 13px;background-color: #f7f6f6;}
.m-form .name span,.m-form .email span,.m-form .tel span,.m-form .addr span{
    position: absolute;left: 12px;top: 0;bottom: 0;width: 22px;
    background-repeat: no-repeat;background-position: center;
}
.m-form .addr span{background-image: url(../img/ico-06.png);background-size: 16px auto;}
.m-form .msg span{
    position: absolute;top: 8px;left: 12px;height: 20px;padding: 0 28px;
   font-size: 13px;color: #999;
}
.m-form .sub{width: 80px;height: 30px;font-size: 13px;color: #fff;background-color: #e70014;border: none;}
.m-form .btn{width: 80px;height: 30px;font-size: 13px;color: #fff;background-color: #222;border: none;margin-left: 12px;}
.m-map{width: 100%;height: 410px;border: 1px solid #ccc;}
#dituContent {height: 100%;}
#dituContent *{
    -o-transition:0s;
    -ms-transition:0s;
    -moz-transition:0s;
    -webkit-transition:0s;
    transition:0s;
}
#dituContent img{max-width: 99999px;}
.m-contact {font-family: "微软雅黑";}
.m-contact h4{font-size: 16px;!importantfont-weight: normal;color: #333;line-height: 60px;}
.m-contact p{font-size: 14px;color: #666;line-height: 34px;}

/*******************************
    -------[=企业宣传型]-------
********************************/
.m-publicity{font-family: "微软雅黑";font-size: 14px;color: #333;margin: 55px 0 50px;}
.m-publicity p{margin-bottom: 30px;line-height: 32px;}
.m-publicity .p1{margin-bottom: 20px;line-height: 28px;}
.m-publicity .p2{margin-bottom: 10px;}
.ad-mtit{margin-bottom: 35px;}
.table-pub{margin-bottom: 30px;}
.table-pub th,.table-pub td{border: 1px solid #dedede;}
.table-pub th{background-color: #f9f9f9;height: 66px;text-align: center;}
.table-pub td{padding: 10px 5px;font-size: 12px;color: #555;}
.table-pub thead th:nth-child(1){width: 16%;}
.table-pub thead th:nth-child(2){width: 50%;}
.table-pub tbody tr td:nth-child(1){text-align: center;}


/*******************************
    -------[=网站套餐]-------
********************************/
.ul-list-5{overflow: hidden;padding: 5px;margin: 40px 0 10px;}
.ul-list-5 li{float: left;width: 33.3%;margin-bottom: 40px;height: 400px;}
.ul-list-5 .con{
    position: relative;
    text-align: center;
    margin: 0 12px;
    padding: 18px 20px;
    background-color: #fafafa;
    border: 1px dotted  #727272;
}
.ul-list-5 .con .sp1,.ul-list-5 .con .sp2,.ul-list-5 .con .sp3,.ul-list-5 .con .sp4,.ul-list-5 .con .sp5,.ul-list-5 .con .sp6{
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #797979;
}
.ul-list-5 .con .sp1{top: -4px;left: -4px;}
.ul-list-5 .con .sp2{top: -4px;left: 50%;margin-left: -4px;}
.ul-list-5 .con .sp3{top: -4px;right: -4px;}
.ul-list-5 .con .sp4{bottom: -4px;left: -4px;}
.ul-list-5 .con .sp5{bottom: -4px;left: 50%;margin-left: -4px;}
.ul-list-5 .con .sp6{bottom: -4px;right: -4px;}
.ul-list-5 .pic{width: 88px;height: 88px;overflow: hidden;margin: 0 auto;}
.ul-list-5 .pic img{width: 100%;height: 100%;}
.ul-list-5 .con h4{font-size: 16px;color: #000;font-weight: normal;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;margin: 10px 0;}
.ul-list-5 .con p{line-height: 30px;font-size: 13px;color: #5c5c5c;}
.ul-list-5 .con p em{font-size: 18px;color: #FF0802;}
.ul-list-5 .intro{line-height: 22px;padding-bottom: 5px;margin-bottom: 15px; text-align: center;font-size: 13px;color: #888;border-bottom: 1px dotted #727272;}
.ul-list-5 .btn{margin-top: 10px;}
.ul-list-5 .btn a{display: inline-block;margin: 0 8px; font-family: "微软雅黑";font-size: 12px;color: #555;border: 1px solid #ccc; width: 80px;height: 30px;line-height: 30px;text-align: center; background-color: #f2f2f2;}
.ul-list-5 .btn a:hover{background-color: #FF0802;color: #fff;}















/*******************************
    -------[=新增]-------
********************************/
#phone-conban{display: none;}
#phone-conban .img{position: relative;padding-top: 38%;}
#phone-conban .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}