
				html, body {
					width: 100%;
					height: auto;
				}
				section {
						width: 100%;
				}
				* {
					margin: 0;
					padding: 0;
				}
				li,ol,ul{list-style: none;}
				a{text-decoration:none;}
				p,a,i{font-weight: normal;text-shadow:none;}
				h3 {font-weight: normal;}
				body{font-size:12px;font-family:"微软雅黑",Arial,Helvetica,sans-serif}
				
				a img,a:link img,a:visited img{border:0}
				em{font-style:normal}
				a,a:link{text-decoration:none}
				a:focus{outline:0}
				
				/*头部*/
				.head{width: 100%;min-width: 1200px;height: 86px;background: #ff6600;padding: 0;margin: 0 auto;}
				.head div{width: 1200px;margin: 0 auto;}
				.leimg{margin-top:16px;}
				.hea_right{width: 180px!important;height:70px;float:right;padding-top: 16px;}
				.hea_right p:first-child{font-size:20px;}
				.hea_right p{width: 100%;line-height: 23px;font-size:18px;color: #fff;margin-bottom: 5px;}
				.hea_right p span{width: 23px;height: 23px;font-size:29px;color:#fff;line-height:39px;display:block;margin-right:9px;float:left;}
				.fz_p{width: 100%;color: #666;text-align: center;}
				
				/*联系方式*/
				.fz_contact{width: 100%;min-width: 1280px;height: 340px;background: #fafafa;}
				.contact_p{width: 100%;font-size:24px;color: #666;text-align: center;height: 150px;line-height: 150px;}
				.contact_adr{width: 1175px;height: 115px;display:-webkit-box;-webkit-box-orient: horizontal;}
				.contact_adr dl{width:275px;height: 110px;box-shadow: 0 0 31px -3px #eee;background: #fff;margin-right: 20px;}
				.contact_adr dl img{float: left;margin:30px 10px 25px 25px;}
				.contact_adr dl dt{margin-top: 35px;}
				.contact_adr dl dt p{font-size: 16px;color: #333;line-height: 20px;}
				.contact_adr dl dt span{font-size:14px;color: #999;}
				
				
				/*导航*/
				.bk_main{width: 100%;min-width: 1200px;height:73px;background: #f7f7f7;}
				.bk_main ul{width: 1200px;height: 100%;margin:0 auto;margin: 0 auto;}
				.bk_main ul li{font-size:17px;float:left;color: #666;width:10%;text-align:center;height: 36px;margin-top: 17px;line-height:36px;position: relative;}
				.bk_main ul li a:hover{color:#ff6600;}
				.bk_main ul li:last-child{margin-right:0;}
				blockquote{display: none;top:35px;left:-15px;z-index: 10;position: absolute;}
				.ChildNavIn{width: 145px;overflow: hidden;background:rgba(0, 0, 0, 0.33);}
				.ChildNavIn a{color:#fff;font-size:14px;line-height: 40px;border-bottom: 1px solid #e6dede;display: block;}
				.ChildNavIn a:hover{color:#ff1d1e;background: rgba(255, 255, 255, 0.8);}
				.go{color:#666!important;text-decoration:none;}
				.go:hover{color:#ff6600!important;text-decoration:none;}

				.pcHeader{
					width: 100%;
					height: 146px;
					background: #00b7ee;
				}
				.pchead{
					width: 1200px;
					height: 100%;
					margin: 0 auto;
				}
				.pchead .pcheadLeft{
					width: 390px;
					height: 100%;
					float: left;
				}
				.pcheadLeft img{
					width: 390px;
					height: 77px;
					display: block;
					margin-top: 35px;
				}
				.mheadRight{
					width: 495px;
					float: right;
				}
				.mheadRight .headrightTop{
					width: 100%;
					height:40px;
					margin:35px auto 15px auto;
						display: -webkit-box;

						display: -moz-box;
						display: -ms-flexbox;
						display: -o-box;
						display: box;
					-webkit-box-orient: horizontal;
						-moz-box-orient: horizontal;
						-ms-flex-direction: row;
						-o-box-orient: horizontal;
						box-orient: horizontal;
				}
				.mheadRight .headrightTop p{
					font-size: 24px;
					color: #fff;
					width: 295px;
					line-height: 40px;
					text-align: center;
				}
				.mheadRight .headrightTop img{
					width: 200px;
					height: auto;
					display: block;
				}
				.mheadRight .headRightbot{
					width: 100%;
					height: 16px;
						display: -webkit-box;
						display: -moz-box;
						display: -ms-flexbox;
						display: -o-box;
						display: box;
					-webkit-box-orient: horizontal;
						-moz-box-orient: horizontal;
						-ms-flex-direction: row;
						-o-box-orient: horizontal;
						box-orient: horizontal;
				}
				.mheadRight .headRightbot li{
					width: auto;
						font-size: 14px;
						color: #fff;
						height: 16px;
						line-height: 16px;
						border-right: 1px solid #fff;
						text-align: center;
						cursor: pointer;
						padding: 0 19px;
				}
				.mheadRight .headRightbot li a{
					color:#fff;
				}
				.headRightbot li:hover span{
					display: block;
					width: 20px;
					height: 4px;
					background: #fff;
					border-radius: 5px;
					margin: 8px auto 0 auto;
				}


				@media only screen and (min-width:1200px ) {
					html,body{
						width: 100%;
						height: auto;
						min-width: 1200px;
					}
				}
				*{
					margin: 0;
					padding: 0;
				}
				a{text-decoration: none;}
				li{list-style: none;}


				#rightSlider{
					width: 60px;
					height: 100%;
					background: #fff;
					position: fixed;
					top: 0;
					right: 0;
					display: grid;
					grid-template-columns: 60px;
					grid-template-rows:0.5% 12% 12% 12% 12% 12% 12% 12% 12%;
					border-left: 1px solid #e8e8e8;
					z-index: 6000000;
				}
				.sliderbox{
					width: 100%;
					height: 97%;
					padding-top: 3%;
				}
				.sliderbox i{
					width: 40px;
					margin:0 auto;
					display: block;
					text-align: center;
					line-height: 46px;
					color: #333333;
					font-size: 27px;
				}
				.sliderbox p{
					font-size: 14px;
					color: #333;
					text-align: center;
					line-height: 18px;
					width: 40px;
					margin: 0 auto;
				}
				.sliderbox span{
				    font-size: 14px;
				    transform: 0.5;
				    -webkit-transform: scale(0.5);
				    transform: scale(0.5);
				    display: block;
				    width: 120px;
				    height: 14px;
				    color: #999;
				    margin-top: 3px;
				    line-height: 14px;
				    margin-left: -30px;
				    text-align:center;
				}
				.botline{
					width: 40px;
					height: 1px;
					background: #e8e8e8;
					margin:0 auto;
				}
				#chat,#fllow{
					position: relative;

				}
				#ykartcode,#ykWechat{
					display: none;
					width:130px;
					height: 150px;
					border-top-left-radius:5px ;
					border-bottom-left-radius:5px ;
					position: absolute;
					top: -15%;
					left: -135px;
					background: #fff;
				  	box-shadow: 0px 2px 8px 0px rgba(102, 102, 102, 0.6);
				}
				#ykartcode img,#ykWechat img{
					width: 100px;
					height: 100px;
					display: block;
					margin: 10px auto 0 auto;
				}
				#ykartcode p,#ykWechat p{
					width: 100%;
					font-size: 14px;
					color: #333;
					line-height: 34px;
					text-align: center;
				}
				#fllow:hover #ykartcode{
					display: block!important;
				}
				#chat:hover #ykWechat{
					display: block!important;
				}
				.sliderbox:hover{
					background: -moz-linear-gradient(top, #ffffff 0%, #ffe8e3 100%);
				    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffe8e3));
				    background: -webkit-linear-gradient(top, #ffffff 0%,#ffe8e3 100%);
				    background: -o-linear-gradient(top, #ffffff 0%,#ffe8e3 100%);
				    background: -ms-linear-gradient(top, #ffffff 0%,#ffe8e3 100%);
				    background: linear-gradient(to bottom, #ffffff 0%,#ffe8e3 100%);
				}
				.sliphone:hover{
					background:#e42829!important;
				}
				#backTop img{
					display: block;
					width: 43px;
					margin:40px auto 0 auto;
				}
				#botDown{
				    position: absolute;
				    font-size: 25px;
				    color: #fff;
				    font-weight: bold;
				}
				#botTop{
					position: absolute;
					right: 0;
					bottom: 8px;
					display: none;
				}
				#fllow:hover #ykartcode{display: block;}
				#chat:hover #ykWechat{display: block;}
				#botTop s{
				    width: 0;
				    height: 0;
				    display: block;
				    border-left: 9px solid transparent;
				    border-right: 9px solid transparent;
				    border-bottom: 14px solid #fff;
				}
				@media (min-width:0) {

					#botDown{
						right:0px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 0px;
						bottom: 8px;
					}
				}
				@media (min-width: 1200px) {

					#botDown{
						right:1px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 1px;
						bottom: 8px;
					}
				}
				@media (min-width: 1400px) {

					#botDown{
						right:40px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 40px;
						bottom: 8px;
					}
				}
				@media (min-width: 1600px) {

					#botDown{
						right:90px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 90px;
						bottom: 8px;
					}
				}
				@media (min-width: 1790px) {

					#botDown{
						right:90px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 90px;
						bottom: 8px;
					}
				}
				@media (min-width: 1900px) {

					#botDown{
						right: 120px;
				    	bottom: 80px;
					}
					#botTop{
						position: absolute;
						right: 120px;
						bottom: 8px;
					}
				}
				/*右侧*/
				@media (max-height: 835px) {
					.sliderbox span{
						display: none;
					}
				}
				@media (max-height: 735px) {
					.sliderbox p{
						font-size: 12px;
					}
				}
				@media (max-height: 700px) {
					.sliderbox i{
						line-height: 35px;
						font-size: 20px;
					}
				}
				@media (max-height: 580px) {
					.sliderbox i{
						line-height: 25px;
					}
				}
				@media (max-height: 520px) {
					.sliderbox i{
						line-height: 20px;
					}
					#rightSlider{
						grid-template-rows:1px 62px 62px 62px 62px 62px 62px 62px 62px;
					}
				}
				.conbot{
					width: 100%;
					height: 30px;
					position: fixed;
					bottom: 0;
					left: 0;
					display: none;
					z-index: 6000001;
				}
				.condiv{
					width: 100%;
					height: 118px;
					background: url("http://www.o-oo-ooo.com/top/img/botbg.png") center center no-repeat;
					background-size:cover;
					position: absolute;
					left: 0;
					bottom: 0;
					transition:all 1s;
				    -moz-transition:all 1s; /* Firefox 4 */
				    -webkit-transition:all 1s; /* Safari and Chrome */
				    -o-transition:all 1s; /* Opera */
				}
				#secondiv{
					background: url("http://www.o-oo-ooo.com/top/img/botsebg.png") center center no-repeat!important;
				}
				#container{
					width: 1200px;
					height: 100px;
					padding-top: 20px;
					margin: 0 auto;
					display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: -o-box;
				    display: box;
					-webkit-box-orient: horizontal;
				    -moz-box-orient: horizontal;
				    -ms-flex-direction: row;
				    -o-box-orient: horizontal;
				    box-orient: horizontal;
					/*display: grid;
					grid-template-columns: 300px 370px 320px 150px;
					grid-template-rows: 83px;
				  	grid-column-gap:20px;
				  	display: -ms-flexbox;*/
				}
				#container .item{
					margin-right: 20px;
				}
				#container .item:nth-child(1){
					width: 300px;
				}
				#container .item:nth-child(2){
					width: 370px;

				}
				#container .item:nth-child(3){
					width: 320px;
				}
				#container .item:nth-child(4){
					width: 150px;
					margin-right: 0;
				}

				#container .item img{
					display: block;
				}
				.botli{
					width: 100%;
					height: 34px;
				    display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: -o-box;
				    display: box;
					-webkit-box-orient: horizontal;
				    -moz-box-orient: horizontal;
				    -ms-flex-direction: row;
				    -o-box-orient: horizontal;
				    box-orient: horizontal;
				}
				.botli p:first-child{
					margin-right: 20px;
				}
				.botli .botpo{
					width: 150px;
				}
				.botli .botpt{
					width: 190px;
				}
				.botli p{
					border-radius: 5px;
					height: 22px;
					padding: 6px 2px;
					background: #f2f2f2;
					position: relative;
				    display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: -o-box;
				    display: box;
					-webkit-box-orient: horizontal;
				    -moz-box-orient: horizontal;
				    -ms-flex-direction: row;
				    -o-box-orient: horizontal;
				    box-orient: horizontal;
				}

				.botli p i{
					width: 28px;
					height: 22px;
					display: block;
					color: #333;
					text-align: center;
					font-size: 22px;
					line-height: 22px;
					border-right: 1px solid #333;
				}
				#boxse .botli p i{
					color: #b01818;
					border-right: 1px solid #b01818;
				}
				#botname{
					width: 90px;
				}
				#botclass{
					width: 100px;
				}
				#botphone{
					width:100px ;
				}
				#botwx{
					width: 120px;
				}
				.botli p input{
					height: 22px;
					border: none;
					outline: none;
					background: none;
					margin-left: 6px;
					line-height: 22px;
					font-size: 14px;
					display: block;
					color: #999;
				}
				.botli p select{
					border: none;
					outline: none;
					height: 22px;
					background: none;
					line-height: 22px;
					font-size: 14px;
					color: #999;
					display: block;
					margin-left: 6px;
				}
				#boxse .botli p select{
					appearance:none;
				    -moz-appearance:none;
				    -webkit-appearance:none;
				    background: url("http://www.o-oo-ooo.com/top/img/selesj.png") center right no-repeat;
				    background-size: 10px 8px;
				    padding-right: 15px;
				}
				.botli p span{
					position: absolute;
				    display: none;
				    width: auto;
				    height: 100%;
				    font-size: 12px;
				    background: #f2f2f2;
				    right: 0;
				    top: 0;
				    border-radius: 5px;
				    color: #e42829;
				    line-height: 34px;
				    padding: 0 3px;
				}
				#botpro{
					padding: 10px 15px;
					width: 290px;
					height: 58px;
					border: none;
					outline: none;
					border-radius: 5px;
					color: #999;
					display: block;
					resize: unset;
				}
				.botrisign p{
					width: 150px;
					height: 40px;
					font-size: 12px;
					color: #fff;
					line-height: 20px;
					text-align: center;
				}
				.botrisign button{
					height: 34px;
					margin-top: 4px;
					width: 150px;
					display: block;
					border: none;
					text-align: center;
					line-height: 34px;
					font-size: 14px;
					border-radius: 5px;
				}
				.botrisign #ykbotSign{
					background: #e42829;
					color: #fff;
				}
				.botrisign  #sebotSign{
					background: #fff100;
					color: #641919;
				}
				.bot{
					width:100%;
					height: 30px;
					background: #000;
					position: absolute;
					left: 0;
					bottom: 0;
				}