html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased;  }
html{ -webkit-text-size-adjust:none;}
body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; font-size:13px;background:#fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333; }
input,textarea{ resize:none; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; border:0;}
img{ border:none; vertical-align:middle; width: 100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ }
input:focus,textarea:focus{ outline:none;}
button{outline: none;}
input,a{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	vertical-align: baseline;
}
input,textarea,button{-webkit-appearance: none;}
.or{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}  
h1,h2,h3{ font-weight:normal;}
i,em{ font-style:normal;}
.clear{clear: both;}
@font-face {
 font-family: 'nicedesign';
 src: url('../font/nicedesign.otf');
 src: url('../font/nicedesign.eot') format('embedded-opentype'),
 /*url('../font/nicedesign') format('woff'),*/
 url('../font/nicedesign.woff') format('truetype'),
 url('../font/nicedesign') format('svg');
 font-weight: normal;
 font-style: normal;
}


.header{width: 100%;height: 90px;background: #fff;position: relative;}
.header .con{max-width: 1200px;margin:0 auto;}
.header ul{float: right;padding-top: 35px;}
.header ul li{float: left;font-size: 16px;margin-left: 58px;line-height: 18px;position: relative;padding-bottom: 37px;}
.header .logo{display: block;padding-top: 27px;float: left;}
.header ul li a{color: #333;transition: .2s;}
.header ul li:hover > a{color:#f02c00;}
.header ul li a.active{color: #f02c00;}

.header.black{background:#000;}
.header.black ul li a{color: #fff;}
.header.black ul li:hover > a{color:#f02c00;}
.header.black ul li a.active{color: #f02c00;}
.navopen{display: none;position: absolute;font-family: 'nicedesign';font-size: 20px;color: #333;right:20px;top:20px;}
.navopen:after{content: '\e81f';}
.header.black  .navopen{color: #fff;}
.close_btn{display: none;position:fixed;font-family: 'nicedesign';font-size: 24px;color: #333;right:22px;top:18px;}
.close_btn:after{content: '\e818';}
.header.black  .close_btn{color: #fff;}
.header ul li:hover .drop_ul{display: block;}
.drop_ul{width:240px;height: auto;padding-bottom: 5px;position: absolute;left:-90px;text-align: center;z-index: 88;background: #fff;top:55px;display: none;}
.drop_ul a{display: block;line-height: 34px;font-size: 14px;}
.drop_ul a:hover{color:#f02c00;}
.drop_ul:after{content: '';display: block;clear: both;}
.header.black .drop_ul{background:rgba(0,0,0,.6);}
.header.black .drop_ul a:hover{color:#f02c00;}

.footer{width: 100%;height: 190px;background: #fff;}
.footer .con{max-width: 1200px;margin:0 auto;position: relative;}
.footer ul{padding-top: 60px;margin-bottom: 25px;}
.footer ul:after{display: block;content: "";clear: both;}
.footer li{float: left;margin-right:25px;font-size: 14px;}
.footer li a{color: #777;transition: .2s;}
.footer li a:hover{color: #333;}
.footer p{font-size: 12px;color: #777;line-height: 22px;}
.footer .fo_logo{position: absolute;right: 0;top:48px;}
.footer span{font-size: 12px;color: #777;position: absolute;right: 0;top:120px;}
.footer.black{background: #000;}
.footer.black li a{color: #dcdcdc;}
.footer.black p{color: #a0a0a0;}
.footer.black span{color: #a0a0a0;}

.sidebar {position: fixed;bottom: 230px;right:40px;z-index: 99;}
.sidebar li{display: block;position: relative;padding-left: 40px;}
.sidebar li a{display: block;width:50px;height: 50px;background: #474747;border-radius: 50%;margin-top: 10px;transition: .2s all ease-out;font-size: 20px;font-family: 'nicedesign';color: #fff;line-height: 50px;text-align: center;}
.sidebar li a.email:after{content: '\e826';}
.sidebar li a.tell:after{content: '\e827';}
.sidebar li a.message:after{content: '\e825';}
.sidebar li a.uptop:after{content: '\e828';}
.sidebar li:hover a{background: #f02c00;}
.sidebar .inf_blo{position: absolute;width:160px;height: 82px;background: #474747;right: 70px;top:-16px;display: none;}
.sidebar .inf_blo i{position: absolute;top:50%;margin-top:-7px;right: -7px;}
.sidebar .inf_blo h1{color: #fff;font-size: 12px;padding-left: 20px;padding-top: 20px;line-height: 14px;}
.sidebar .inf_blo p{color: #fff;font-size: 16px;padding-left: 20px;padding-top: 5px;}
.sidebar li:hover .inf_blo{display: block;}
.leave_message{position: fixed;width: 720px;height: 440px;background: #fff;top:50%;margin-top: -220px;left:50%;margin-left: -360px;display:none;z-index:1000;}
.mask{position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5);display:none;z-index: 999;}
.leave_message h1.tit{font-size: 16px;width: 100%;height: 50px;background: #f7f7f7;border-bottom: 1px solid #e6e6e6;line-height: 50px;box-sizing: border-box;padding-left: 20px;}
.leave_message ul{margin-top: 38px;padding-left: 60px;}
.leave_message li{margin-bottom: 25px;float: left;margin-right: 40px;}
.leave_message li span{font-size: 14px;color: #444;}
.leave_message li .text{width: 230px;height: 40px;border:1px solid #e9e9e9;box-sizing: border-box;padding-left: 10px;margin-left: 8px;}
.leave_message .checkbox{float: none;}
.leave_message  .c_chek{display: none;}
.leave_message  .c_chek+label{display: inline-block;width: 12px;height: 12px;background: url(../images/c_chek.jpg) no-repeat;margin-left: 18px;margin-right: 3px;}
.leave_message  .c_chek:checked +label{background: url(../images/c_cheked.jpg) no-repeat;}
.leave_message textarea{width: 600px;height: 130px;border:1px solid #e9e9e9;box-sizing: border-box;padding:8px 10px;}
.leave_message .sub_btn{padding-right: 60px;float: none;}
.leave_message .sub{display: block;width: 160px;height: 40px;background: #f02c00;border-radius: 2px;margin:0 auto;color: #fff;}
.leave_message .close{color: #d2d2d2;font-size: 16px;position: absolute;right: 18px;top:18px;line-height: 16px;font-family: 'nicedesign';}
.leave_message .close:after{content: '\e818';}

.page{ text-align:center; margin-top:30px; clear:both; }
.page a{ border:1px solid #e0e0df; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px; color:#666;}
.page a:hover{ border:1px solid #f02c00; background:#f02c00; color:#fff;}
.page span{ border:1px solid #f02c00; background:#f02c00; color:#fff; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px;}
.page a.pre i{ background:url(../images/san_07.png) no-repeat; display:inline-block; width:5px; height:8px; margin-right:0px; }
.page a.pre:hover i{ background:url(../images/sanh_07.png) no-repeat; }
.page a.next i{ background:url(../images/san_09.png) no-repeat; display:inline-block; width:5px; height:8px; margin-left:0px; }
.page a.next:hover i{ background:url(../images/sanh_09.png) no-repeat; }
@media screen and (max-width: 1920px){
	.sidebar{bottom: 130px;}
}
@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1230px){
	.header .con{width: 96%;}
	.footer .con{width: 96%;}
}
@media screen and (max-width: 1024px){
	.header{height: 60px;}
	.header .logo{width: 170px;padding-top: 17px;}
	.header ul{ display:none;position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(255,255,255,.98);z-index: 100;box-sizing: border-box;padding:30px 10% 0 10%;}
	.header ul li{width: 100%;float: left;margin-left: 0;text-align:center;font-size: 20px;line-height: 24px;margin-bottom: 60px;padding-bottom: 0;}
	.header.black ul{background: rgba(0,0,0,.9);}
	.close_btn{display: block;}
	.navopen{display: block;}
	.drop_ul{display: block;width: 100%;background: transparent;position: static;max-width: 500px;margin:0 auto;padding-top: 10px;margin-bottom: -30px;}
	.drop_ul a{ margin-top:0px;font-size: 18px;}
}
@media screen and (max-width: 800px){
	.footer .fo_logo{top:0;text-align: center;width: 100%;padding-top: 20px;}
	.footer .fo_logo img{max-width: 100%;width: auto;}
	.footer ul{display: table;margin:0 auto;padding-top:70px;}
	.footer ul li:last-of-type{margin-right: 0;}
	.footer p{text-align: center;margin-top:8px;}
	.footer span{display: block;width: 100%;text-align: center;position: static;margin-top: 5px;}
	.footer .con{height: 100%;}
	.sidebar{bottom: 40px;right: 25px;}
	.sidebar li a{width: 40px;height: 40px;line-height: 40px;margin-top: 6px;font-size: 16px;}
	.sidebar .inf_blo{top:-23px;right: 50px;}
	.page a{display: none;}
	.page a.pre,.page a.next{display: inline-block;}
	.leave_message{width: 90%;margin-left: -45%;}
	.leave_message li{float: none;margin-right: 10%;}
	.leave_message li > span{width: 60px;display: inline-block;}
	.leave_message textarea{width: 98%;}
	.leave_message ul{padding-left: 10%;margin-top: 20px;}
	.leave_message li .text{width: calc(100% - 80px);}
	.leave_message li{margin-bottom: 18px; white-space:nowrap;}
	.leave_message .sub_btn{padding-right: 0;}
}
@media screen and (max-width: 470px){
	.header ul{ padding:50px 4% 0 4%; overflow:auto;} 	
	.drop_ul{ margin-bottom:0; border-bottom:1px solid #eeeeee; }
	.header ul li{width: 100%;float: none;margin-left: 0;text-align:left;margin-bottom:0px;}
	.header ul li .drop_ul{ text-align:left; padding:10px 20px 10px 20px;  box-sizing:border-box;}
	.header ul li .drop_ul a{line-height:30px;}
	.footer .fo_logo img{width: 40%;}
	.footer ul{padding-top: 60px;}
	.footer{height: auto;padding-bottom:20px;}
	.header{height: 50px;}
	.header .logo{width: 130px;margin:0 auto;float: none;}
	.navopen{font-size: 16px;top:17px;right: 15px;}
	.close_btn{font-size: 20px;right: 15px;top:15px;}
	.header ul li a{font-size: 16px;}
	.header ul li .drop_ul a{font-size:16px; line-height:35px;}
	.header ul li>a{ border-bottom:1px solid #eeeeee; display:block; line-height:55px; font-size:18px; font-weight:bold;/* background:url(../images/jiantou.png) no-repeat  right center; background-size:7px auto;*/ }
}
@media screen and (max-width: 400px){

}
@media screen and (max-width: 350px){

}