@font-face {
  font-display: block;
  font-family: "oppo";
  src: url("OPPOSans-L.woff") format("woff"),
}
.container{width:1160px !important;min-width:1160px !important;font-family: "oppo";}
.area_bigimg{width:100%;}
.area_bigimg img{width:100%;}
.area_menu .menu_item{text-align: center;}

/* .area_data{background-color:#f3f3f3;} */
.area_data_item{text-align:center}
.area_data_item > div{display: inline-block;}

.area_data_item .note{color:#333;font-size: 14px;}
.area_data_item .line1,.area_data_item .line2{text-align: center;}
.area_data_item .nums{position: relative;}
.area_data_item .nums::before{content:" ";position:absolute;background-color:#f0d901}
.area_data_item .nums::after{content:"+";position:relative;}
.area_login{background:linear-gradient(to top,#e6f2f6, #82cefe);}

.font25{font-size:25px;}
.font22{font-size:22px;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.font14{font-size:14px;}
.font12{font-size:12px;}

/*PC版样式*/
@media screen and (min-width: 770px) {
	.show_pc{display: block;}
	.show_mobile{display:none;}
	
	.container-fluid{min-width:1160px}
	
	.area_bigimg img{height:600px;}
	.area_logo img{height:60px;margin-top: 5px;}
	.area_menu{width:100%;margin:10px 0;}
	.area_menu .menu_item{position:relative;cursor: default;color:#167287;transition: linear 0.2s color;font-size:18px;width:150px;font-weight: 600;font-family:"Microsoft YaHei"}
	.area_menu .menu_item:hover{color:#333333;transition: linear 0.2s color}
	.area_menu .menu_item::before{background-color:#2fbadb;content: " ";position:absolute;width:2px;height:15px;right:-1px;top:8px;z-index:10}
	.area_menu .menu_item::after{background-color:#2fbadb;content:" ";position:absolute;width:20%;height:5%;bottom:-10%;left:20%;transition: linear 0.2s all;z-index:8;opacity: 0;}
	.area_menu .menu_item:hover::after{transition: linear 0.2s all;width:20%;height:15%;bottom:-20%;left:40%;opacity: 1;}
	.area_menu .menu_item:last-child::before{display: none;}
	.area_menu .menu_item > span{position: relative;z-index:50}

	.btn_top{text-align: center;position: relative;overflow: hidden;width:90px;height:33px;border-radius:5px;font-size:16px;margin-left:10px;line-height:33px;font-weight: 600;}
	.btn_top:hover{cursor: pointer;}
	.btn_top::before{content: " ";position:absolute;width:150%;height:300%;left:-25%;top:-200%;border-radius: 45%;z-index:10;transition: linear 1s all;}
	.btn_top:hover::before{top:-300%;transition: linear 1s all;transform: rotate(360deg);}
	.btn_top_login{background-color:#f5dd00;transition: linear 1s background-color;}
	.btn_top.btn_top_login:hover{background-color:#e78700;color: #ffffff;}
	.btn_top.btn_top_login::before{background-color:#f5dd00;}
	.btn_top_resign{background-color:#33d3f3}
	.btn_top.btn_top_resign:hover{background-color:#1b7d96;color: #ffffff;}
	.btn_top.btn_top_resign::before{background-color:#33d3f3; }
	
	.btn_top > span{position:relative;z-index:50}
	
	.pdout{margin-left:80px;margin-right:80px;}
	
	.area_data{padding:80px 0;margin-bottom:30px;}
	.area_data_item{width:25%;position: relative;}
	.area_data_item::after{content: " ";width:1px;height:50px;background-color:#eee;position:absolute;right:0;top:20px}
	.area_data_item:last-child::after{display: none;}
	.area_data_item .line1{padding-bottom:20px;}
	.area_data_item .nums::before{width:35px;height:2px;bottom:-15px;left:calc(50% - 20px);}
	.area_data_item .nums::after{font-size:20px;left:10px;font-weight: 600;}
	.area_data_item .nums > span{font-size:30px;font-weight: 600;}
	.area_data_item .note{font-size:16px;font-family: "Microsoft YaHei";}
	
	.area_about {margin-bottom:130px;}
	.area_about .area_about_content{background-color:#f3f3f3}
	.area_about .area_about_img{width:530px;overflow: hidden;position: relative;}
	.area_about .area_about_img .img {width:530px;height:420px;overflow: hidden;}
	.area_about .area_about_img .img {margin-bottom:25px;}
	.area_about .area_about_img .img:hover img{}
	.area_about .area_about_img .img img{transition: linear 0.5s all;}
	.area_about .area_about_title{font-size:20px;color:#333;letter-spacing: 5px;font-weight:700;margin-top:5px;padding-left:30px;line-height:30px;}
	.area_about .area_about_title2{display:none;font-size:18px;color:#333;letter-spacing: 3px;font-weight:600;}
	.area_about .area_about_content{margin-right:50px;padding-top:40px;}
	.area_about .area_about_note .item{position: relative;color:#424141;font-size:14px;letter-spacing: 5px;margin-bottom:15px;padding-left:60px;font-weight: 400;font-family: "Microsoft YaHei";}
	.area_about .area_about_note .item::before{content: " ";position: absolute;background-color:#2fbadb;width:8px;height:8px;border-radius:100%;left:30px;top:5px}
	.area_about .area_about_img > .note{text-align: right;font-size:20px;line-height:30px;letter-spacing: 5px;font-family: "oppo";padding-right:30px;color:#333;font-weight: 700;}
	
	.area_about .area_about_left{width:550px;position: relative;height:500px;overflow: hidden;}
	.area_about .area_about_left_txt{position:relative;width:100%;height:120px;overflow: hidden;z-index:15;background-color:rgba(255,255,255,1);transition: linear 1s all;}
	.area_about .area_about_left_img{position:absolute;width:100%;height:500px;left:0px;top:0;z-index:10;overflow: hidden;}
	.area_about .area_about_left_txt:hover{height:100%;background-color:rgba(255,255,255,0.9)}
	.area_about .area_about_note {display:none;padding-top:30px;}
	.area_about .area_about_left_txt:hover .area_about_note {display:block;}
	.area_about .area_about_note h1{padding-left:60px;}
	.area_about .area_about_more{text-align:right;padding-right:30px;}
	.area_about .area_about_more span{display:inline-block;
		background-color:#407aac;color:#fff;text-transform:uppercase;
		border-radius:5px;padding:2px 10px;font-size:12px;
	}
	
	
	.area_jieshao{margin-bottom:130px;}
	.area_jieshao .area_jieshao_img{margin-left:80px;width:540px;overflow: hidden;position: relative;}
	.area_jieshao .area_jieshao_img .img{overflow: hidden;width:540px;height:450px;}
	.area_jieshao .area_jieshao_img .img img{height:450px;font-family: "oppo";}
	.area_jieshao .area_jieshao_img .img:hover img{height:480px;font-weight: 800;font-family: "oppo";}
	.area_jieshao .area_jieshao_content{margin-left:100px;padding-top:50px;}
	.area_jieshao .area_jieshao_title,.area_jieshao .area_jieshao_content,.area_jieshao .area_jieshao_title2{text-align: left;}
	.area_jieshao .area_jieshao_title{margin-left:100px;margin-bottom:45px;font-size:25px;letter-spacing: 10px;color:#5F6A6C;line-height:45px;position: relative;}
	.area_jieshao .area_jieshao_title >div{display: inline-block;position: relative;padding-left:20px;}
	.area_jieshao .area_jieshao_title >div::before{content: " ";position: absolute;width:5px;height:70px;background-color:#5F6A6C;left:-30px;top:10px}
	.area_jieshao .area_jieshao_content{font-size:14px;color:#888;letter-spacing: 5px;line-height:40px}
	.area_jieshao .area_jieshao_title2{font-size:30px;color:#5F6A6C;margin-top:60px;margin-left:10px;font-weight: bold;}
	.area_jieshao .area_jieshao_note{margin-left:50px;}
	
	.area_login{margin-bottom: 130px;position:relative;height:500px;overflow: hidden;}
	.area_login .dingwei{position:absolute;}
	.area_login .yun1{top:-250px;left:500px}
	.area_login .yun1 img{height:400px;}
	.area_login .yun2{top:300px;left:100px}
	.area_login .yun2 img{height:400px;}
	.area_login .img img{height:300px;}
	
	.img.fangda img{transition: linear 0.5s all;}
	.img.fangda:hover img{transition: linear 0.5s all;transform:scale(1.2)}
	
	.area_product{margin-bottom:100px;height:540px;overflow: hidden;}
	.area_product .area_product_jieshao{margin-right:110px;text-align: right;margin-top:60px;}
	.area_product .area_product_pics{width:720px;position: relative;height:540px;}
	.area_product .area_product_pics .item{position: absolute;transition: linear 0.5s all; }
/* 	.area_product .area_product_pics .item .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow: hidden; z-index:10}
	.area_product .area_product_pics .p0{width:380px;height:540px;left:0;top:0;z-index:10}
	.area_product .area_product_pics .item.p0 .img:hover img{height:120%;width:auto}
	.area_product .area_product_pics .item.p0 .img img{position:absolute;width:auto;height:100%;}
	.area_product .area_product_pics .item .img:hover img{width:120%;}
	.area_product .area_product_pics .item .img img{position:absolute;object-fit:cover;transition: linear 0.5s all;}
	.area_product .area_product_pics .p1{width:320px;height:240px;left:400px;top:20px;z-index:11}
	.area_product .area_product_pics .p2{width:280px;height:220px;left:400px;top:280px;z-index:12} */
	.area_product .area_product_pics .item .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow: hidden; z-index:10}
	.area_product .area_product_pics .p0{width:380px;height:540px;left:0;top:0;z-index:10}
	.area_product .area_product_pics .p1{width:320px;height:240px;left:400px;top:20px;z-index:11}
	.area_product .area_product_pics .p2{width:280px;height:220px;left:400px;top:280px;z-index:12}
	.area_product .area_product_pics .item.p0 .img img{width:380px;height:540px;}
	.area_product .area_product_pics .item.p1 .img img{width:320px;height:240px;}
	.area_product .area_product_pics .item.p2 .img img{width:280px;height:220px;}
	.area_product .area_product_pics .item:hover .img img{transform:scale(1.2);}
	.area_product .area_product_pics .item .img img{position:absolute;object-fit:cover;transition: linear 0.5s all;}

	.area_product .area_product_pics .item .pic_title{position:absolute;bottom:0;text-align: center;left:0;z-index:20;
	width:100%;height:45px;line-height: 45px;background-color:rgba(80,130,165,0.8);color:#fff;font-size:16px;font-weight: 500;
	}
	.area_product .area_product_pics .item .content{opacity: 0;position:absolute;
		width:380px;left:-380px;top:160px;transition: linear 0.5s all;
	}

/* 	.area_product .product_btn .btn-primary{transition: linear 0.5s all;}
	.area_product .product_btn i{display:none;}
	.area_product .product_btn:hover i{display: inline-block;} */
	.area_product .area_product_pics .item .content .title{font-size:25px;height:50px;font-weight:bold;color:#333;}
	.area_product .area_product_pics .item .content .note,.area_product .area_product_pics .item .content .by{
		font-size:14px;color:#888;letter-spacing: 5px;line-height:32px
		
	}
	.area_product .area_product_pics .item .content .note{
		text-align: justify;
		text-align-last: left;
		
	}
	
	
	.area_product .area_product_pics .item .content .note{margin-left:50px;margin-top:50px;width:250px;color:#333;font-family: "Microsoft YaHei"}
	.area_product .area_product_pics .item .content .by{text-align: right;margin-top:20px;width:300px;font-size:14px;color:#333;font-family: "Microsoft YaHei"}
	.area_product .area_product_pics .item.p0 .content{opacity: 1;}

	.area_youshi{background-color:#E4F2F5;height:360px;margin-top:280px;position: relative;}
	.area_youshi > div{position:relative;top:-280px;}
	.area_youshi .div_title{font-size:24px;text-align: center;margin-bottom:10px;font-weight:600;color:#333;}
	.area_youshi .div_titleicon{text-align: center;margin-bottom:40px;}
	.area_youshi .div_titleicon > span{display: inline-block;background-color:#2fbadb;width:6px;height:6px;border-radius:100%;margin:0 10px}
	.area_youshi_content{}
	.area_youshi_content .item{width:320px;background-color:#fff;height:380px;overflow: hidden;transition: linear 1s background-color;}
	.area_youshi_content .item:hover{box-shadow: 0px 0px 10px #99c5ce;color:#fff;}
	.area_youshi_content .item .item_body{width:100%;height:100%;position: relative;}
	.area_youshi_content .item .item_bg{width:100%;height:0;position:absolute;background-color:#99c5ce;opacity: 0;top:225px;left:0;transition: linear 1s all;z-index:10}
	.area_youshi_content .item:hover .item_bg{opacity: 1;top:0;height:100%}
	.area_youshi_content .item .item_content{padding:20px;position: relative;z-index:20}
	.area_youshi_content .item .item_content .nums{font-size:28px;padding:20px 0 40px 0;font-weight: 600;color: #333;font-family: "Microsoft YaHei"}
	.area_youshi_content .item .item_content .icon{text-align: center;margin-bottom:30px;}
	.area_youshi_content .item:hover .item_content .icon > div{background-color:#fff}
	.area_youshi_content .item .item_content .icon > div{display: inline-block;width:60px;height:70px;background-color:#d6e8ec;
		clip-path: polygon(0 30px,30px 0, 60px 30px, 60px 70px, 0 70px);
	}
	.area_youshi_content .item .item_content .icon > div >div{height:60px;font-size:28px;color:#125f60;margin-top:13px;font-family: "Microsoft YaHei"}
	.area_youshi_content .item .item_content .title{font-size:18px; text-align: center;margin-bottom:15px;font-weight: 600;color:#333;font-family: "Microsoft YaHei"}
	.area_youshi_content .item .item_content .note{font-size:14px; text-align: center;color:#333;letter-spacing: 3px;line-height:22px;font-family: "Microsoft YaHei"}
	.area_youshi_content .item:hover .item_content .note{color:#fff}
	
	.area_foot{background-color:#306d6d;padding:60px 0}
	
	.area_foot_row1{padding:0 20px;}
	.area_foot_bigtxt{color:#ffffff;font-size:30px;font-weight: 600; margin-top: 25px;}
	.area_foot_jiantou{color:rgba(255,255,255,0.3);font-size:22px;padding:10px 0 0 10px;}
	
	.area_foot_list{margin-top:30px;border-top:1px rgba(255,255,255,0.9) solid;padding:30px 50px 0 50px}
	.area_foot_list .left,.area_foot_list .left a,.area_foot_list .left a:active{color:rgba(255,255,255,0.6) ;text-decoration: none;}
	.area_foot_list .left a:hover{color:rgba(255,255,255,0.9) ;text-decoration: none;}
	.area_foot_list .left .item{font-size:14px;line-height:40px;color: #ffffff;}
	
	.area_foot_list .right,.area_foot_list .right a,.area_foot_list .right a:active{color:rgba(255,255,255,0.6) ;text-decoration: none;}
	.area_foot_list .right a:hover{color:rgba(255,255,255,0.9) text-decoration: none;}
	.area_foot_list .right .item{font-size:14px;line-height:40px;}
	.area_foot_list .right .item i{color:rgba(255,255,255,0.8) ;margin-right:10px;}
	.area_foot_list .right .erweima img{position: relative;margin-top: 5px; width: 85px;padding-left: 10px;}
	.area_foot_list .right .erweima p{padding-top: 10px;font-size: 14px;color: #e6f2f6;}
	.area_foot_list .right .
	
	.zjSubHTML{position:fixed;background-color:rgba(0,0,0,0.8);width:100vw;height:100vh;z-index:99;display: none;}
		.zjSubHTML > div{width:100%;height:100%;}
		.zjSubHTML_body{width:800px;height:480px;background-color: #fff;border-radius: 15px;overflow: hidden;
			position: relative;
		}
		
		.zjSubHTML_body .zjClose{position:absolute;right:20px;top:20px;font-size:20px;z-index:100}
		.zjSubHTML_body .zjLeft{width:60%;background-color:#F7F1E3;height:100%;position:absolute;left:0;top:0;}
		.zjSubHTML_body .zjRight{width:40%;height:100%;position:absolute;right:0;top:0;z-index:80}
		.zjSubHTML_body .zjform-title{font-size:25px;text-align: center;height:50px;font-family: "Microsoft YaHei";}
		.zjSubHTML_body .zjform > .input-group{margin-bottom:15px;}
		.zjSubHTML_body .zjform{wdith:300px}
		.zjSubHTML_body .zjLeft > div{position:relative;display: inline-block;}
		.zjSubHTML_body .zjLeft .zjleft_img{width:260px;text-align: center;padding-bottom:90px}
		.zjSubHTML_body .zjLeft .zjleft_img img{height:180px}
		.zjSubHTML_body .zjLeft .zjright_img img{margin-bottom:20px}
		.zjSubHTML_body .zjLeft .zjleft_title{text-align: center;font-size:32px;margin-bottom:5px;font-weight:700;color: #5F6A6C;}
		.zjSubHTML_body .zjLeft .zjleft_subtitle{text-align: center;font-size:16px;margin-bottom:25px;color:#999}
		.zjSubHTML_body .zjLeft .zjleft_items{position:absolute;top:110px;left:-60px;width:380px;text-align: center;font-size:12px;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item{width:150px;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item:nth-child(2){padding-top:170px;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item .zjicon{font-size:32px;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item .zjicon img{height:40px;width:42px;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item .zjtit{font-size:15px;font-weight:600;font-family: "Microsoft YaHei";padding-top:0px;line-height:30px; color: #595959;}
		.zjSubHTML_body .zjLeft .zjleft_items .zjleft_item .zjnote{color:#5F6A6C;font-size: 12px;font-family: "Microsoft YaHei";font-weight:300;line-height:22px;}

}
/*手机版样式*/
/* @media screen and (max-width: 770px) {
	.show_pc{display: none;}
	.show_mobile{display:block;}
	
	.area_menu{position:fixed;z-index:50;width:100%;min-width:350px;top:0;left:0;height:40px;background-color:#135A6c;color:#fff}
    .area_menu .area_logo{margin-left:10px;display: none;}
	.area_menu .area_logo img{width:40px;height:30px;border-radius: 5px;}
	.area_menu .menu_item{width:20vw;min-width:70px;}
	
	.btn_top{font-size:12px;margin-right:5px;color:#2fbadb}
	.area_data_item{width:50%;padding:20px 0;}
	.area_data_item:nth-child(n+3){padding-top:0px;}
	.area_data_item .line1{padding-bottom:10px;}
	.area_data_item .nums::before{width:20px;height:2px;bottom:-5px;left:calc(50% - 10px)}
	.area_data_item .nums::after{font-size:16px;left:5px;}
} */