@charset "utf-8";
.obanner {
    position: relative;
    width: 100%;
	padding: 60px 0;
	overflow: hidden;
	background:#efefef url('../../images/bg_wzbj.jpg')no-repeat center center;
	background-size: cover;
}
/*.obanner::before {
    content: '';
    padding-top: 30%;
    float: left;
}
.obanner::after {
    content: '';
    display: block;
    clear: both;
}*/
.obanner_text_box {
    z-index: 22;
    width: 42%;
	float: right;
    color: #ffffff;
    padding: 2% 3% 3% 3%;
    box-sizing: border-box;
    background: url(../../images/bg_obannertxt.png) no-repeat;
    background-size: 100% 100%;
}
.opageblock_title .entitle {
    font-weight: bold;
}
.opageblock_title .zhtitle {
    padding-bottom: 10px;
    position: relative;
}
.obanner_text .zhtitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10%;
    height: 2px;
    background-color: #ffffff;
}
.obanner_text_box p {
    margin-top: 5%;
	color: #ffffff;
    font-size: 16px;
}

    .opageblock_title .entitle {font-size: 40px;line-height: 50px;}
	.opageblock_title .zhtitle {font-size: 18px;line-height: 24px;}

@media (max-width: 1200px){
    .opageblock_title .entitle {font-size: 30px;line-height: 40px;}
	.opageblock_title .zhtitle {font-size: 16px;line-height: 20px;}
}
@media (max-width: 1025px){
	.obanner_text_box {width: 94%;padding: 5%;}
    .opageblock_title .entitle {font-size: 26px;line-height: 36px;}
	.opageblock_title .zhtitle {font-size: 14px;line-height: 16px;}
}
@media (max-width: 767px){
    .obanner_text_box {width: 94%;padding: 8%; float: none; margin: 0 auto}
	.opageblock_title .entitle {font-size: 20px;line-height: 30px;}
	.opageblock_title .zhtitle {font-size: 12px;line-height: 12px;padding-bottom: 8px;}
	.obanner_text_box p {font-size: 13px;}
}
/* CSS Document */
#titlebox{background:#fff;width: 100%;}
.title-box{background:url(01/xian.png) no-repeat center;height:120px;padding:0 40px;width:1200px; margin: 0 auto;}
.title-box .title{background:#fff;display:inline-block;height:50px;margin-top:35px;width:auto}
.title-box .title .title-img{background:#d6d6d6;border-radius:50%;float:left;height:50px;margin:0 15px;position:relative;width:50px}
.title-box .title .title-img img{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.title-box .title span{color:#999;float:left;font-size:18px;line-height:50px;margin-right:15px}
.title-box .active .title-img{background:#ff7466}
.title-box .active span{color:#ff7466}
.title-box .active-one .title-img{background:#8fcb7c}
.title-box .active-one span{color:#8fcb7c}
.title-box .active-two .title-img{background:#ffd21d}
.title-box .active-two span{color:#ffd21d}
.title-box .arrow{background:url(01/title-arrow.b9cf755.png) no-repeat;display:inline-block;height:48px;margin:0 119px;width:42px}

.content-box{margin:20px auto;overflow: hidden; padding:80px 40px;width:100%;background:#fff;}
.content-box h2{text-align: center; font-size: 24px; margin-bottom: 40px;padding-bottom: 20px; border-bottom: 1px solid #ccc}
#catebox{width:33.33%;padding: 0 15px 35px;float:left;}
#catebox a{text-decoration:none}
.content-box .cate-box{background:#fff;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;height:148px;padding:41px 0;position:relative;width:100%;box-sizing: border-box;}
.content-box .cate-box .checkItem{background:url(01/xuanzhe.png) no-repeat 50%;display:none;height:20px;position:absolute;right:20px;top:20px;width:20px}
.content-box .cate-box .icon-box{height:40px;margin-bottom:13px}
.content-box .cate-box .font-box{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#666;font-size:16px;text-align:center;user-select:none}
.content-box .cate-box .icon-boxf-1{background:url(01/cate-01.75d9ecf.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-2{background:url(01/cate-02.2363248.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-3{background:url(01/cate-03.9d713e5.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-4{background:url(01/cate-04.a6888be.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-5{background:url(01/cate-05.ed748e5.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-6{background:url(01/cate-06.3dc4ced.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-7{background:url(01/cate-07.00qw221.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-8{background:url(01/cate-08.shahh12.png) no-repeat 50%}
.content-box .cate-box .icon-boxf-9{background:url(01/cate-09.e828dsy.png) no-repeat 50%}
.content-box .cate-box.cate-active,.content-box .cate-box:hover{border:1px solid #f60}
.content-box .cate-box.cate-active .checkItem,.content-box .cate-box:hover .checkItem{display:block}
.content-box .cate-box.cate-active .font-box,.content-box .cate-box:hover .font-box{color:#f60}
.content-box .cate-box.cate-active .icon-boxf-1,.content-box .cate-box:hover .icon-boxf-1{background:url(01/cate-01-0.6861c19.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-2,.content-box .cate-box:hover .icon-boxf-2{background:url(01/cate-02-0.4145911.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-3,.content-box .cate-box:hover .icon-boxf-3{background:url(01/cate-03-0.b8b6811.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-4,.content-box .cate-box:hover .icon-boxf-4{background:url(01/cate-04-0.19bd5ef.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-5,.content-box .cate-box:hover .icon-boxf-5{background:url(01/cate-05-0.f01a480.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-6,.content-box .cate-box:hover .icon-boxf-6{background:url(01/cate-06-0.242bb76.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-7,.content-box .cate-box:hover .icon-boxf-7{background:url(01/cate-07-0.02shd22.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-8,.content-box .cate-box:hover .icon-boxf-8{background:url(01/cate-08-0.euwsue0.png) no-repeat 50%}
.content-box .cate-box.cate-active .icon-boxf-9,.content-box .cate-box:hover .icon-boxf-9{background:url(01/cate-09-0.kwjkus8.png) no-repeat 50%}
.content-box .next-box{clear:both;text-align:center}


/*价格表*/
.content-box-two{background:#fff; margin:20px 80px; padding:43px 30px 60px;}
.content-box-two .cate-nav-box{background:#fff;border-bottom:1px solid #eaeaea;height:53px;left:-1px;margin-bottom:34px;position:absolute;top:0;width:100%}
.content-box-two .cate-nav-box span{background:#fff;color:#666;cursor:pointer;float:left;font-size:14px;font-weight:700;line-height:50px;margin-bottom:-1px;padding:0 40px;position:relative}
.content-box-two .cate-nav-box span .close{cursor:pointer;display:inline-block;height:12px;position:absolute;right:5px;top:5px;width:12px}
.content-box-two .cate-nav-box span:hover{color:#ff6b04}
.content-box-two .cate-nav-box .cate-nav-active{border-bottom:1px solid #eaeaea;border-color:#eaeaea #eaeaea #fff;border-style:solid;border-top:1px solid #ff6b04;border-width:3px 1px 1px;color:#ff6b04}

.content-box-two .default-btn-box{clear:both;padding-top:16px;text-align:right;}
.content-box-two .default-btn-box .default-cate-btn{-webkit-transition:all .5s;border:1px solid #c7c7c7;border-radius:15px;color:#999;cursor:pointer;display:inline-block;font-size:15px;height:30px;line-height:30px;padding:0 22px;transition:all .5s; background: #fff}
.content-box-two .default-btn-box .default-cate-btn:hover{border:1px solid #f60;color:#f60}
.content-box-two .next-box{clear:both;text-align:center}
.content-box-two .next-box .next-btn{-webkit-box-sizing:border-box;-webkit-transition:all .5s;background:#f60;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:16px;letter-spacing:1px;margin-bottom:100px;margin-top:30px;padding:12px 45px;transition:all .5s;width:200px;border: none}
.content-box-two .next-box .next-btn:hover{opacity:.8}
.scroll-box{overflow:hidden;padding-top:84px;position:relative}

.content-box-two .three-title{margin-bottom: 50px; overflow: hidden;}
.content-box-two .three-title h1{ color: rgb(102, 102, 102); float: left; font-size: 22px;}
.content-box-two .three-title a{ color: rgb(255, 102, 0); cursor: pointer;float: right;font-size: 14px;height: 30px;line-height: 30px;margin-top: 2px;border-width: 1px;border-style: solid;border-color: rgb(255, 102, 0);border-image: initial;border-radius: 15px;padding: 0px 16px;}
.content-box-two .three-result p{color: rgb(102, 102, 102);font-size: 18px;line-height: 34px;text-align: center;}
.content-box-two .three-result p span{color: rgb(255, 102, 0);}
.content-box-two .three-result h3{color: rgb(255, 102, 0);font-size: 40px;margin-bottom: 20px;text-align: center;}
.content-box-two .next-box-result{ clear: both; text-align: center;}
.content-box-two .next-box-result .next-btn{box-sizing: border-box;color: rgb(255, 255, 255);cursor: pointer;display: inline-block;font-size: 16px;letter-spacing: 1px;margin-top: 50px;width: 200px;background: rgb(255, 102, 0);border-radius: 5px;padding: 12px 45px;transition: all 0.5s;}

.content-box-two .list-title-box {height: 5px;margin-bottom: 35px;text-align: center;border-bottom: 1px solid rgb(239, 239, 239);}
.content-box-two .list-title-box div {display: inline-block;margin-top: -18px;background: rgb(255, 255, 255);padding: 0px 8px;}
.content-box-two .list-title-box div h4{color: rgb(51, 51, 51);font-size: 18px;line-height: 36px;background: rgb(245, 245, 245);border-radius: 18px;padding: 0px 22px;}
.list-point-title{color: rgb(102, 102, 102);font-size: 18px;margin: 20px 0px 18px;}

.cate-list-box{width: 100%;}
.cate-list-box .list-header{background:#f5f5f5;border:1px solid #ebebeb;height:44px}
.cate-list-box .list-header th{color:#333;font-size:15px;font-weight:700}
.cate-list-box .listbox td.name{text-align:center;width:110px;padding: 0px;}
.cate-list-box .listbox td{border:1px solid #ebebeb;border-top:none; line-height: 34px;min-height: 34px; position: relative; font-weight: normal;padding-left: 24px; padding-top: 10px;padding-bottom: 10px;padding-right: 10px;}
.cate-list-box .listbox td label{margin-bottom:0;font-weight: normal;padding-right: 24px;white-space:nowrap}
.cate-list-box .listbox td input{color: #999;font-size: 14px; line-height: 24px; margin-right:5px; }
.cate-list-box .list-header .clo-00{text-align:center}

.cate-list-box .point-mar{display: inline-block;margin-right: 20px;}

/*常规建站报价表*/
.Price_content{overflow: hidden;}
.container{padding:60px 80px;width: 100%;display: block; }
.container h3{font-size: 24px;line-height: 28px;text-align: center; width: 100%;color: #333; background: url(01/main15.jpg) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 40px;}
.priceList{ margin:0; }
.priceList ul{  width:100%; }
.priceList li{ float:left; width:50%; padding:10px;}
.priceList .title{ float:left; width:100%; padding:15px 5.5%;  background:#eee;border:1px solid #ccc;}
.priceList .title .tit{ float:left; color:#333333; font-size:18px; line-height:34px;}
.priceList .title .money{ float:right; color:#333333; font-size:26px; line-height:34px;}
.priceList .title .money span{ font-size:14px;}
.priceList .cont{ float:left; width:100%; padding:30px 5.5% 40px 5.5%; border:1px solid #ccc; border-top:none;background: #fff}
.priceList .cont .info {float: left;width: 100%;color: #666666;font-size: 14px;line-height: 32px;}


/*其他报价*/
.other_offer_list{overflow: hidden; background: #fff;}
.other_offer_list li {width: 30.3%;margin-bottom: 4%;overflow: hidden;border-radius: 5px;display: inline-block;float: left;vertical-align: top;box-shadow: rgba(0,0,0,0.1) 0px 5px 20px 0px;padding:3% 20px;margin-right: 1.3%;margin-left: 1.3%; border: 1px solid #ccc;}
.other_offer_list li .other_service_name {margin-bottom: 30px;}
.other_offer_list li .other_service_name .zh_title {font-size: 20px;line-height: 20px;color: #4d4d4d;position: relative;margin-bottom: 10px;}
.other_offer_list li .other_service_name .zh_title::before {content: '';position: absolute;left: -20px;top: 0;width: 3px;height: 20px;background-color:#008d43;}
.other_offer_list li .other_service_name .en_title {color: #4d4d4d;text-transform: uppercase;font-size: 15px;}
.other_offer_list li .offilce_price {color: #008d43;margin-bottom: 2%;}
.other_offer_list li .offilce_price strong {font-size: 26px;}
.other_offer_list li .original_price {color: #9d9d9d;font-size: 14px;line-height: 18px;}


@media screen and (max-width:1599px ) {
.priceList li{ padding:10px;}	
.priceList .title .money{ font-size:24px;}
.priceList .cont .info {line-height: 30px;}
}
@media screen and (max-width:1023px ) {
.priceList .title{ padding:8px 12px;}
.priceList .title .tit{ font-size:16px; line-height:28px;}
.priceList .title .money{ font-size:20px; line-height:28px;}	
.priceList li{ padding:6px;}
.priceList .cont{ padding:12px; }
.priceList .cont .info {line-height: 26px;}
}
@media screen and (max-width:767px ) {
.priceList li{ width:100%;}
}


@media (max-width: 1200px) {
	.content-box{padding:40px 36px;}
	.content-box-two{margin: 20px 36px}
	#titlebox{display: none}
}
@media (max-width: 1024px) {
	#catebox{padding: 0 10px 25px;}
	.container {padding: 40px 36px;}
	.content-box .cate-box .font-box{font-size: 14px;}
	.cate-list-box .listbox td label{padding-left: 15px;}
	.other_offer_list li {width: 47.3%;}
/*h5表格*/
	table.cate-list-box {margin-top: -20px;}
    table.cate-list-box thead{display: none}
	table.cate-list-box tr{margin-bottom: 20px;}
    table.cate-list-box tr td.name {background: #56a2cf; color: #fff; margin-top: 20px;}
	table.cate-list-box tr td.h{background: #eaf3f5;}
	table.cate-list-box tr td {width: 100%; display: block; line-height: 40px; min-height: 40px;}
    .content-box-two{padding-left: 10px; padding-right: 10px;}
	.content-box-two .next-box .next-btn{margin-bottom:0px;}
	
	.other_offer_list li .other_service_name {margin-bottom: 24px;}
	.other_offer_list li .other_service_name .zh_title {font-size: 16px; margin-bottom: 4px;}
	.other_offer_list li .other_service_name .en_title{font-size: 13px;}
	.container h3{margin-bottom: 20px}
}
@media (max-width: 768px) {
	.obanner{padding: 20px 0;}
	.container {padding: 20px 15px;}
	.content-box-two .default-btn-box{text-align: center}
	.content-box-two{margin: 20px 15px}
	.content-box{padding:20px 15px;}
	.cate-list-box .listbox td label{padding-left: 5px;}
	#catebox{padding: 0 5px 20px;}
	.content-box .cate-box{padding: 30px 10px;}
	.three-title{text-align: center}
	.content-box-two .three-title h1 {float: none; display: block;overflow: hidden;}
	.content-box-two .three-title a{float: none; display: inline-block; margin:20px auto 0 auto; overflow: hidden}
	.content-box-two .three-result p{font-size: 14px;}
	#catebox{width: 50%;}
	.container {padding: 15px 10px;}
	.other_offer_list li {width: 98%;margin-left: 1%; margin-right: 1%; float: none; display: block;}
}