/* add by yang */
*,html,body{padding:0;margin:0;font-size:12px;outline: none;font-family:"微软雅黑",arial;}
html,body{min-width: 720px;}
img{border:none;}
a{text-decoration: none;}
li{list-style:none;}
.left{float:left;}
.right{float:right;}
.clear_both{clear:both; height:100px;}
.center{text-align: center;}
.none{display: none;}
.copy_right{width:100%; background:#191E29; height:60px; text-align: center;}
.copy_right a{line-height:60px; color:#fff; font-size:14px;}
@media screen and ( min-width: 1140px ) {
	.presale_head{width:100%;height:70px;}
	.presale_nav{width:auto; margin-right:200px; display: block !important;}
	.presale_nav ul{list-style-type: none;}
	.presale_nav ul li{float:left;}
	.presale_nav ul li a{padding:15px;line-height: 50px; color:#fff !important;}
	.presale_small_nav{display:none;}
}

@media screen and ( max-width: 1140px ){
	.presale_head{width:100%;height:70px; }
	.presale_small_nav{width:50px;height:50px; border-radius: 5px; text-align: center;line-height: 50px; margin:10px 20px; float:right;}
	.presale_nav{display:none; width:100%; position:fixed; z-index:100; top:80px;}
	.presale_nav ul{list-style-type: none; top:0; width: 100%; margin:0;}
	.presale_nav ul li{width:100%; background:rgb(57, 57, 58); text-align: center; border-bottom:1px solid #626365;}
	.presale_nav ul li a{color:#fff; line-height:50px; display: inline-block; width: 100%; font-size:16px;}
}

/*index*/
.presale_nav_bg{width:100%; height:100%; overflow:hidden; position: fixed; top:0; left: 0; background: rgba(2,2,2,0.7); z-index: 99; display: none;}
.top_bg{background: url(../images/top_bg.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed; position:relative; height:1000px;}
#particles-js{position:absolute; width:100%; height:100%; left:0; top:0;}
.master_network{font-size:36px; line-height: 80px; padding:80px 20px 0; color:#fff; text-align:center;}
.data_show_box{width:650px; margin:0 auto; display: none;}
.data_show_box .date_tiem_span{display: inline-block; width:118px; height:115px; background: url(../images/lefttime.png) no-repeat; color:#222; font-size:50px; text-align:center; line-height: 110px; margin:0 20px;}
.data_show_box .date_time_word{display: inline-block; width:115px; line-height: 60px; font-size:16px; color:#fff; margin:0 20px; text-align:center;}
.smart_internet{font-size:28px; color:#fff; text-align:center; margin:50px 20px 30px; font-weight:lighter;}
.smart_summary{color:#fff; text-align:center; font-size:16px; line-height: 40px; font-weight:lighter; padding:30px 20px 70px;}
.smart_is{width: 100%; background:#fff; padding-bottom:120px;}
.smart_is_title{font-size:28px; color:#525E69; line-height: 200px; text-align:center;}
.smart_is_p{width:1000px; text-align:center; line-height:30px; font-size:16px; margin:0 auto;}
.smart_structure{width:calc(100% - 12px); margin:5px; border:1px solid #EEEEEE; background:#F9FAFA;}
.smart_structure_title{font-size:30px; color:#505C67; text-align:center; padding:120px 0;}

.smart_structure_box .smart_structure_box_title{font-size:20px; font-weight:bold; padding:20px 0; margin-top:20px;}
.smart_structure_box .smart_structure_box_desc{font-size:16px; text-align: left; line-height: 30px;}

.smart_ecology{background:#fff;}
.smart_ecology_title{font-size:32px; color:#505C67; line-height: 120px;}
.smart_ecology_content{font-size:16px; line-height: 40px;}

.smart_scene_title{font-size:30px; color:#505C67; line-height: 100px; text-align: center;}
.smart_scene_cases{width:1110px; margin:0 auto;}
.smart_scene_img{width:350px; height:280px; border-radius:8px; margin:0 10px; float:left;}
.smart_scene_content{width:320px; height:250px; border:1px solid #dbddde; border-radius:8px; margin-right:20px; padding: 15px; background:#fff; float:left; overflow-y: auto; display:none;}
.smart_scene_content::-webkit-scrollbar{width:5px;}
.smart_scene_content::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
}
.smart_scene_content::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
}
.smart_scene_sec_title{font-size:22px; color:#505C67; line-height: 50px;}
.smart_scene_desc{font-size:16px; color:#505C67; line-height: 25px;}
.project_process{text-align:center;font-size: 30px; color:#505C67; line-height:100px; padding:20px 0;}
.honeycomb_set{width: 900px; margin:0 auto;}
.honeycomb_set2{width: 675px; margin:0 auto; position:relative; top:-40px;}
.honeycomb{width:210px; height:236px; margin-right:15px; float:left; background:url(../images/honeycomb.png) no-repeat; background-size:cover;}
.honeycomb_text{text-align: center; position:relative; top:-30px;}
.honeycomb_text p{font-size:14px;margin:0 10px;}
.honeycomb_tittle{font-size:20px !important; font-weight:bold; color:#222; line-height: 50px; padding-top:50px; margin:0 !important; width:210px; text-align: center;}
.cooperativeProject,.cooperativeAgency{padding:80px 0;}
.cooperativeAgency{background:#f3f3f3;}
.cooperative_project-bt{text-align: center; font-size:30px; color:#505C67;margin-bottom:80px;}
.cooperative_project_children span{font-size:30px; color:#505C67; margin:50px 100px 20px 100px;}
.cooperative_project_img img{margin:0 50px;}
.cooperativeAgencyPic img:hover{box-shadow:1px 2px 23px 0 rgba(234,234,234,0.62);}
.smart_footer{width:100%; background:#1F2532; }
.smart_footer_list{padding-top:80px; margin:0 75px; float:left;}
.smart_footer_list ul li{list-style-type: none; color:#fff; font-size:16px; line-height:40px;}
.smart_footer_contact{padding-top:80px;float:right; margin:0 75px;}
.smart_footer_contact img{margin-right:20px;}

.Ozone{color:#fff !important;}
.Spectrum{color:#fff !important;}
#spectrum_countdown{padding-top:250px;}

@media screen and ( min-width: 1360px ) {
	.smart_structure_wrap{width:1350px; margin:0 auto;}
	.smart_structure_box{width:225px; height:370px; background: #fff; padding:15px; border-radius:5px; box-shadow:2px 2px 2px #e8ecf1; color:#81919C; text-align: center; float:left; margin:7px;}
	.smart_ecology .smart_ecology_text{width:500px; float:left; padding:80px 0; margin-top:50px;}
	.smart_ecology_img{width:700px; float:right; margin-top:50px;}
	.smart_ecology_img img{width:100%;}
	.smart_ecology{width:1280px; margin:0 auto;}
}
@media screen and ( max-width: 1360px ) and ( min-width: 1110px ) {
	.smart_structure_wrap{width:810px; margin:0 auto;}
	.smart_structure_box{width:225px; height:370px; background: #fff; padding:15px; border-radius:5px; box-shadow:2px 2px 2px #e8ecf1; color:#81919C; text-align: center; float:left; margin:7px;}
	.smart_ecology{width:100%; margin:0 auto;}
	.smart_ecology .smart_ecology_text{width:calc(100% - 160px); padding:80px; margin-top:50px;}
	.smart_ecology_img{width:80%; margin:20px auto; text-align: center;}
	.smart_ecology_img img{width:100%;}
}
@media screen and ( max-width: 1110px ) and ( min-width: 720px ){
	.top_bg{background-size:100% 686px;}
	.smart_ecology_title{text-align: center;}
	.smart_scene_sec_title{text-align: center;}
	.smart_structure_wrap{width:590px; margin:0 auto;}
	.smart_structure_box{width:250px; height:370px; background: #fff; padding:15px; border-radius:5px; box-shadow:2px 2px 2px #e8ecf1; color:#81919C; text-align: center; float:left; margin:7px;}
	.smart_ecology{width:100%; margin:0 auto;}
	.smart_ecology .smart_ecology_text{width:calc(100% - 80px); padding:40px; margin-top:50px;}
	.smart_ecology_img{width:80%; margin:20px auto; text-align: center;}
	.smart_ecology_img img{width:100%;}
	.smart_is_p{width:calc(100% - 80px); text-align:center; line-height:30px; font-size:16px; padding: 0 40px;}
	.smart_scene_cases{width: 100%;}
	.smart_scene_img{ width:100%; height:auto; float:none; margin:0;}
	.smart_scene_img img{ margin:20px auto; display:block !important;}
	.smart_scene_content{width:90%; height: auto; border:none; border-radius:8px; margin:20px auto; padding: 15px; background:#fff; float:none; display: block !important; }
	.honeycomb_set{width: 100%;}
	.honeycomb_set2{width: 100%; position:relative; top:0px;}
	.honeycomb{width:210px; height:236px; margin:0 15px; float:left; background:none;}
	.cooperative_project_children span{font-size:24px; color:#505C67; margin:50px 75px 10px 75px;}
	.cooperative_project_img img{margin:0 20px;}
	.smart_footer_list{padding-top:50px; margin:0 30px; float:left;}
	.smart_footer_list ul li{list-style-type: none; color:#fff; font-size:16px; line-height:40px;}
	.smart_footer_contact{padding-top:50px;float:right; margin:0 30px;}
	.smart_footer_contact img{margin-right:15px;}
	.clear_both{height:50px;}
}
@media screen and ( max-width: 720px ){
	.top_bg{background-size:cover;}
	.smart_ecology_title{text-align: center;}
	.smart_scene_sec_title{text-align: center;}
	.smart_structure_wrap{width:590px; margin:0 auto;}
	.smart_structure_box{width:250px; height:370px; background: #fff; padding:15px; border-radius:5px; box-shadow:2px 2px 2px #e8ecf1; color:#81919C; text-align: center; float:left; margin:7px;}
	.smart_ecology{width:100%; margin:0 auto;}
	.smart_ecology .smart_ecology_text{width:calc(100% - 80px); padding:40px; margin-top:50px;}
	.smart_ecology_img{width:80%; margin:20px auto; text-align: center;}
	.smart_ecology_img img{width:100%;}
	.smart_is_p{width:calc(100% - 80px); text-align:center; line-height:30px; font-size:16px; padding: 0 40px;}
	.smart_scene_cases{width: 100%;}
	.smart_scene_img{ width:100%; height:auto; float:none; margin:0;}
	.smart_scene_img img{ margin:20px auto; display:block !important;}
	.smart_scene_content{width:90%; height: auto; border:none; border-radius:8px; margin:20px auto; padding: 15px; background:#fff; float:none; display: block !important; }
	.honeycomb_set{width: 100%;}
	.honeycomb_set2{width: 100%; position:relative; top:0px;}
	.honeycomb{width:210px; height:236px; margin:0 15px; float:left; background:none;}
	.cooperative_project_children span{font-size:24px; color:#505C67; margin:50px 75px 10px 75px;}
	.cooperative_project_img img{margin:0 20px;}
	.smart_footer_list{padding-top:50px; margin:0 30px; float:left;}
	.smart_footer_list ul li{list-style-type: none; color:#fff; font-size:16px; line-height:40px;}
	.smart_footer_contact{padding-top:50px;float:right; margin:0 30px;}
	.smart_footer_contact img{margin-right:15px;}
	.clear_both{height:50px;}
}

/*Ozone*/
.ozone-admin{background: #fff;}
.ozone-banner{width:100%;background: #FFF;position: relative;}
.ozone-banner-content{width:1200px;height:470px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-235px;}
.ozone-banner-left{width:540px;float: left;background: url(../images/ozone/ozone-ban-bg.jpg) no-repeat center top;background-size:100%;height:470px;position: relative;}
.ozone-banner-left .swiper-container{width:350px;height:426px;margin:40px auto 0;overflow: hidden;}
.ozone-banner-left .swiper-container .swiper-wrapper,.ozone-banner-left .swiper-container .swiper-slide{width:350px;height:260px;}
.ozone-banner-left .swiper-container .swiper-slide img{display: block;width: 100%;}
.ozone-banner-left .swiper-slide{background-position:center center;background-size:100%;background-repeat: no-repeat;}
.ozone-banner-left .swiper-pagination{position: absolute;bottom:10px;height:5px;text-align: center;width:100%;}
.ozone-banner-left .swiper-pagination-bullet{background:#C6C6C6;width:16px;height:5px;border-radius: 10px;vertical-align: top;margin:0 6px;}
.ozone-banner-left .swiper-pagination-bullet-active{background:#323232;width:16px;height:5px;border-radius: 10px;vertical-align: top;}
.ozone-banner-right{width:546px;height:100%;float: right;}
.ozone-banner-right h4{font-size: 32px;color: #505C67;letter-spacing: 0.94px;margin-bottom: 24px;;}
.ozone-banner-right p{font-size: 14px;color: #505C67;margin-bottom: 10px;;}
.ozone-banner-right .ozone-download{margin:36px auto 48px;width:100%;height:90px;}
.ozone-banner-right .ozone-download dl{width:50%;float:left;text-align: center;font-size:18px;text-align: center;}
.ozone-banner-right .ozone-download a{color:#505C67;text-decoration: none;}
.ozone-download dl img{width:60px;margin-bottom: 18px;;}
.ozone-banner-right .ozone-yuanma-download a{background: url(../images/ozone/gocreateO0629.png) no-repeat right center;background-size:14px;display: inline-block;vertical-align: top;height:14px;padding-right: 30px;color:#0076EA ;font-size: 14px;width:110px;}
.ozone-yuanma-download a b{height: 14px;vertical-align: top;line-height: 14px;font-weight: 300;font-size:14px;}
.ozone-content{width:100%;margin:0 auto;background: #F8F9FA;padding-top:94px;}
.ozone-content-heyue{background: #fff;padding-bottom: 100px;padding-top: 104px;}
.ozone-content h4,.ozone-content h5,.ozone-content p{width:88%;max-width:1200px;margin: 0 auto;}
.ozone-content img{width:88%;height: auto;max-width:740px;margin:60px auto;display: block;border: 1px solid #E4E4E4;box-shadow: 0 4px 10px 0 rgba(184,184,184,0.50);}
.ozone-content h4{font-size: 32px;color: #505C67;text-align: center;margin-bottom: 94px;line-height:46px;}
.ozone-content h5{font-size: 28px;color: #505C67;margin-bottom: 16px;line-height: 40px;}
.ozone-content p{font-size: 20px;color: #505C67;line-height:28px;}
.creatO-box{background:#F8F9FA;}
.creatO-banner-box{background:url(../images/ozone/createObanbg0629.png) no-repeat center center;background-size: cover;width: 100%;height:400px;overflow: hidden;}
.creatO-banner-bt{height:92px;width:612px;margin:159px auto 0;background: url(../images/ozone/createbanbt0629.png) no-repeat center center;line-height:80px;font-size: 30px;color: #fff;text-align: center;}
.creatO-content-box{max-width:1200px;width:100%;margin:0 auto;color: #505C67;}
.creatO-content-box h3{font-size: 30px;line-height: 46px;padding:60px 0 45px;height: 46px;}
.creatO-content-box h4{font-size: 20px;line-height:28px;margin-bottom: 18px;}
.creatO-content-box p{font-size: 20px;line-height:28px;}
.creatO-content-box li{margin-bottom: 60px;list-style: none;}
.bbge1f4ff{background: #e1f4ff;font-weight: 300;font-size: 20px;}
.creatO-daima{padding:6px 20px 5px;line-height: 28px;font-size: 20px;background:#E4E4E4;margin-top: 16px;}
.creatO-ts-list{font-size: 18px;line-height:26px;color: #768592 ;margin-top: 17px;}
.creatO-zyPic{margin:50px auto;}
.creatO-zyPic img{display: block;max-width: 740px;width: 88%;margin:0 auto;border: 1px solid #E4E4E4;
box-shadow: 0 4px 10px 0 rgba(184,184,184,0.50);}
.creatO-daima-more{padding:20px 54px 20px 20px;max-height: 538px;background: #E4E4E4;margin:12px 0 16px;}
.creatO-daima-more>textarea{overflow-y: auto;font-size:18px;line-height: 28px;background: #E4E4E4;color: #505C67;width: 100%;border: none;}
.creatO-copy{float: right;background: #EEF3FE;border-radius: 4px;font-size: 20px;color: #0076EA;width: 70px;height: 34px;line-height: 34px;text-align: center;font-weight: 300;}
@media only screen and (max-width:1190px) {
	.ozone-banner{width:100%;height:auto;position: static;margin-top: 160px;}
	.ozone-banner-content{width:100%;height:auto;margin-left:0;margin-top:0;position: static;}
	.ozone-banner-right,.ozone-banner-left{float: none;width:88%;height:auto;margin: 0 auto;overflow: hidden;}
	.ozone-banner-left{padding-bottom: 80px;width:540px;}
	.ozone-banner-right{margin-bottom: 20px;}
	.creatO-content-box{width: 88%;}
}
@media only screen and (min-width:751px) and (max-width:1190px) {
	.ozone-banner-left{width:540px;padding-bottom: 160px;}
}