.owebsite{padding-top:10%; }
.owebsite_wrap{width: 87%;margin: 0 auto;max-width: 1600px;background:url(../bg_websitetxt.png) no-repeat left 40%; background-size: 6%;}
.owebsite_top{position: relative; }
.oWebsite_title {display: inline-block;}
.oWebsite_title .zhtitle{position: relative;}
.oWebsite_title .zhtitle::after{content:''; position: absolute;top: 180%;left:20%; width: 1px;height: 160px;background-color: #777777;}
.owebsite_slogan{position: absolute;right: 0;top:0;}
.oWebsite_content{width: 84%;float: right;}
.owebsite_slogan_item{float: right; padding: 0 37px;font-size: 20px;width: 94px;line-height: 24px;}
.owebsite_slogan_item:not(:first-of-type) {border-right: 1px solid #a0a0a0;}


.oWebsite_content{width: 79%;float: right;margin-top: 5%;}
.oWebsite_list,.other_offer_list{width: 100%; display:-webkit-box;
display:-webkit-flex; 
display:-moz-box; 
display:-ms-flexbox; 
display:flex; 

-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap:wrap;}
.oWebsite_item,.other_offer_item{width: 30.4%;margin-bottom: 4%; overflow:hidden; border-radius:5px; display: inline-block;vertical-align: top;box-shadow: rgba(0,0,0,0.1) 0px 5px 20px 0px;}
.oWebsite_item_title{color: #ffffff;position: relative;}
.oWebsite_item_title_wrap{padding:7% 7% 4% 7%;position: relative; }
.oWebsite_item_title{border-top-left-radius:10px;border-top-right-radius:10px;}
.triangle{width: 0;height: 0;border-color: transparent #2edfa3;border-width: 0px 0px 60px 400px;border-style: solid;}
.oWebsite_item .type{margin-right: 6px; display: inline-block;vertical-align: middle; }
.oWebsite_item .type_ps{display: inline-block;vertical-align: middle; }
.oWebsite_item_icon{ position: absolute;right: 7%;top:50%;margin-top: -25px; width: 50px;height: 50px;background:url(../icon_web_white.png) no-repeat center center;background-size: 100% 100%;}
.oWebsite_item .type_name{display: block;}
.oWebsite_item .type_info{display: block;background-color: rgba(255,255,255,0.2);color: #ffffff;padding:2px 4px;border-radius: 5px;font-size: 12px;}
.oWebsite_item_content{background-color: #ffffff;padding:7%;}
.oWebsite_item_detail{color: #6c6c6c;font-size: 16px;line-height: 30px;}
.template_chose{text-align: center;font-size: 0;padding:30px 0;border-bottom: 1px solid #dcdcdc;}
.template_chose a{ display: inline-block;vertical-align: top;width: 48%;text-align: center;margin:0 1%;color: #000000;}
.template_chose a:hover{color: #0043b3;text-decoration: underline;}
.oWebsite_item_price{text-align:center;}
.oWebsite_item_price .official_price{color: #c7b370;padding:10px 0;}
.baidu_price{color: #585858;}


.green .oWebsite_item_title_wrap{background-color:#2edfa3;}
.green .triangle{border-color: transparent #2edfa3;}
.blue .oWebsite_item_title_wrap{background-color:#62d2f3;}
.blue .triangle{border-color: transparent #62d2f3;}
.orange .oWebsite_item_title_wrap{background-color:#ffa400;}
.orange .triangle{border-color: transparent #ffa400;}
.dark_blue .oWebsite_item_title_wrap{background-color:#003472;}
.dark_blue .triangle{border-color: transparent #003472;}
.brown .oWebsite_item_title_wrap{background-color:#392f41;}
.brown .triangle{border-color: transparent #392f41;}
.blue_grey .oWebsite_item_title_wrap{background-color:#4c8dae;}
.blue_grey .triangle{border-color: transparent #4c8dae;}
.red .oWebsite_item_title_wrap{background-color:#dc3023;}
.red .triangle{border-color: transparent #dc3023;}
.purple .oWebsite_item_title_wrap{background-color:#3b2e7e;}
.purple .triangle{border-color: transparent #3b2e7e;}
.violet .oWebsite_item_title_wrap{background-color:#4b5cc4;}
.violet .triangle{border-color: transparent #4b5cc4;}

.other_offer{padding-top:5%;padding-bottom: 5%; }
.other_offer_wrap{background:url(../bg_othertxt.png) no-repeat right 40%; background-size: 6%;}
.other_offer_content{width: 79%;float: left;margin-top: 2%;}
.other_offer_item{padding:4% 20px 3% 20px;}
.other_offer_item .other_service_name{margin-bottom: 30px;}
.other_offer_item .other_service_name .zh_title{font-size: 20px;line-height: 20px; color: #4d4d4d;position: relative; margin-bottom: 10px;}
.other_offer_item .other_service_name .zh_title::before{content: '';position: absolute;left:-20px;top:0;width: 3px;height: 20px;background-color: #c7b370;}
.other_offer_item .other_service_name .en_title{color: #4d4d4d;text-transform: uppercase;}
.other_offer_item .offilce_price{color: #c7b370;margin-bottom: 2%;}
.other_offer_item .original_price{color: #9d9d9d;}
.line_through{text-decoration:line-through;}



@media (max-width: 767px){
	.owebsite{padding-top: 24%}
	.oWebsite_content{margin-top: 8%;}
	.owebsite_slogan{position: relative;}
	.oWebsite_content,.other_offer_content{width: 100%;}
	.owebsite_slogan_item{font-size: 12px;line-height:16px;width: 32px;padding:0 10px;}
	.oWebsite_item .type{font-size: 36px;line-height: 40px;}
	.oWebsite_item .type_ps{font-size: 12px;line-height: 18px;}
	.oWebsite_item, .other_offer_item{width: 100%;margin-bottom: 20px;}
	.oWebsite_item_icon{width: 36px;height: 36px;margin-top: -18px;}
	.template_chose{padding:20px 0;}
	.oWebsite_item_detail{font-size: 12px;line-height: 18px;}
	.triangle{border-width: 0px 0px 20px 280px;}
	.oWebsite_item_price .official_price strong{font-size:30px;line-height:30px;}
	.baidu_price{font-size: 14px;}
	.other_offer_item .other_service_name .zh_title{font-size: 16px;}
	.other_offer_item .other_service_name .en_title{font-size: 13px;}
	.other_offer_item .offilce_price strong{font-size: 20px;line-height: 20px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 4px;}
	.other_offer_item .other_service_name{margin-bottom: 14px;margin-top: 3%;}
	.other_offer_item .original_price{font-size: 12px;}
	.template_chose a{font-size: 14px;}
	.oWebsite_item_price .official_price{padding:15px 0;}
	.owebsite_wrap{background:none;background-position: 0 300px;background-size: 6%;}
	.other_offer_wrap{background:url(../bg_othertxt.png) no-repeat right 40%; background-size: 6%;}
	.oWebsite_title .zhtitle::after{left:10%;width: 0;}
	.other_offer .opageblock_title{text-align: center;}

}
@media (max-width: 375px){
    .owebsite{padding-top: 24%}
   
}

@media(min-width: 768px) and (max-width: 1024px){

	.oWebsite_content,.other_offer_content{width: 90%;}
	.owebsite_slogan_item{font-size: 16px;line-height:20px;width: 56px;padding:0 20px;}
	.oWebsite_item .type{font-size: 20px;line-height: 40px;}
	.oWebsite_item .type_ps{font-size: 12px;line-height: 16px;}
	.oWebsite_item_icon{width: 30px;height: 30px;margin-top: -15px;}
	.template_chose{padding:20px 0;}
	.oWebsite_item_detail{font-size: 12px;line-height: 18px;}
	.triangle{border-width: 0px 0px 20px 280px;}
	.oWebsite_item_price .official_price strong{font-size:22px;line-height:22px;}
	.baidu_price{font-size: 14px;}
	.other_offer_item .other_service_name .zh_title{font-size: 16px;}
	.other_offer_item .other_service_name .en_title{font-size: 13px;}
	.other_offer_item .offilce_price strong{font-size: 26px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 4px;}
	.other_offer_item .other_service_name{margin-bottom: 24px;}
	.other_offer_item .original_price{font-size: 12px;line-height: 18px;}
	.template_chose a{font-size: 12px;}
	.oWebsite_item_price .official_price{padding:8px 0;}

}

@media (min-width: 1025px){

	.oWebsite_content,.other_offer_content{width: 90%;}
	.owebsite_slogan_item{font-size: 16px;line-height:20px;width: 56px;padding:0 20px;}
	.oWebsite_item .type{font-size: 36px;line-height: 40px;}
	.oWebsite_item .type_ps{font-size: 12px;line-height: 18px;}
	.oWebsite_item_icon{width: 40px;height: 40px;margin-top: -20px;}
	.template_chose{padding:20px 0;}
	.oWebsite_item_detail{font-size: 14px;}
	.triangle{border-width: 0px 0px 30px 400px;}
	.oWebsite_item_price .official_price strong{font-size:32px;line-height:32px;}
	.baidu_price{font-size: 14px;}
	.other_offer_item .other_service_name .zh_title{font-size: 16px;}
	.other_offer_item .other_service_name .en_title{font-size: 13px;}
	.other_offer_item .offilce_price strong{font-size: 26px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 4px;}
	.other_offer_item .other_service_name{margin-bottom: 24px;}
	.other_offer_item .original_price{font-size: 12px;}

}


@media (min-width: 1200px){

	.owebsite_slogan_item{font-size: 18px;line-height: 22px;width: 68px;padding:0 25px;}
	.oWebsite_item .type{font-size: 36px;line-height: 40px;}
	.oWebsite_item .type_ps{font-size: 12px;line-height: 18px;}
	.oWebsite_item_icon{width: 40px;height: 40px;margin-top: -20px;}
	.template_chose{padding:20px 0;}
	.oWebsite_item_detail{font-size: 14px;}
	.triangle{border-width: 0px 0px 30px 400px;}
	.oWebsite_item_price .official_price strong{font-size:32px;line-height:32px;}
	.baidu_price{font-size: 14px;}
	.other_offer_item .other_service_name .zh_title{font-size: 16px;}
	.other_offer_item .other_service_name .en_title{font-size: 13px;}
	.other_offer_item .offilce_price strong{font-size: 26px;}
  
}

@media (min-width: 1400px){
     .oWebsite_content,.other_offer_content{width: 82%;}
	.owebsite_slogan_item{font-size: 20px;line-height: 22px;width: 74px;padding:0 27px;}
	.oWebsite_item .type{font-size: 40px;}
	.template_chose{padding:24px 0;}
	.oWebsite_item_detail{font-size: 15px;}
	.triangle{border-width: 0px 0px 30px 400px;}
	.oWebsite_item_price .official_price strong{font-size: 40px;line-height: 45px;}
	.baidu_price{font-size: 15px;}
	.other_offer_item .other_service_name .zh_title{font-size: 18px;}
	.other_offer_item .other_service_name .en_title{font-size: 14px;}
	.other_offer_item .offilce_price strong{font-size: 30px;}
	.other_offer_item .original_price{font-size: 14px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 8px;}

}

@media (min-width: 1600px){
    .oWebsite_content,.other_offer_content{width: 80%;}
	.owebsite_slogan_item{ padding: 0 37px;font-size: 20px;width: 94px;line-height: 24px;}
	.oWebsite_item_detail {font-size: 16px;}
	.baidu_price{font-size: 16px;}
	.other_offer_item .original_price{font-size: 16px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 10px;}
	.other_offer_item .other_service_name .en_title{font-size: 15px;}
	.other_offer_item .other_service_name{margin-bottom: 30px;}
	.other_offer_item .original_price{font-size: 16px;}
	.other_offer_item .offilce_price strong{font-size: 34px;margin: 0 4px;}
	.other_offer_item .other_service_name .zh_title{margin-bottom: 10px;}
	.oWebsite_item_price .official_price strong{font-size: 48px;line-height: 60px;}
	.baidu_price{font-size: 16px;}
	.template_chose a{font-size: 16px;}
	.oWebsite_item .type_ps{ font-size: 15px;}
	.other_offer_item .other_service_name .zh_title{font-size: 20px;}
	.oWebsite_item_icon{ margin-top: -25px; width: 50px;height: 50px;}

}
.oWebsite_item_content{position: relative;}
.oWebsite_item_bottom{position: relative; bottom: 0;}