@charset "utf-8";

/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6,small{font-size:100%;}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}

body{background:#000; font-family:"微软雅黑","Microsoft YaHei";}

a,a:hover{color:#333;}

.clear{

	clear:both;

}

.w{

	margin:0 60px;

}

.top-box{

	width:100%; height:100px; position:fixed; top:0px; left:0px; z-index:1000; background:url(../images/headbg.png) repeat-x;

}

.header{

	height:auto;

}

.logo{

	float:left;

}

.logo img{

	width:150px; height:auto; margin-top:20px;

}

.nav{

	height:40px; line-height:40px; float:right; margin-top:25px; margin-right:60px;

}

.nav ul{

	list-style-type:none;

}

.nav li{

	float:left; line-height:40px; height:40px; margin-left:60px;

}

.nav a{

	font-size:16px; color:#dcdddd; line-height:40px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

}

.nav a:hover{

	color:#fff;

}

.login{

	float:right; height:40px; color:#e99766; line-height:40px; font-size:16px; margin-top:25px;

}

.login img{

	vertical-align:middle; margin-left:7px;

}

.wrap{

	width:1500px; height:auto; margin:0 auto;

}

.pdbanner{

	width:100%; height:auto;

}

.pdbanner img{

	width:100%; height:auto; display:block;

}

.promain{

	height:auto; margin-top:70px;

}

.proleft{

	width:280px; height:auto; float:left;

}

.proxqbox{

	width:100%; height:900px; background:url(../images/probg.jpg) center top no-repeat;

}

.proxq{

	width:1500px; height:auto; margin:0 auto; display:table;

}

.leftinfo{

	width:550px; height:auto; padding-top:400px; float:left; overflow:hidden;

}

.proinfo{

	height:auto; font-size:26px; line-height:45px; color:#9fa0a0;padding-bottom:5px; background:url(../images/proinfobg.jpg) left 5px no-repeat; padding-left:95px;

}

.proinfo span{

	font-size:36px; font-weight:bolder; color:#dcdddd;

}

.prosm{

	height:auto; font-size:24px; color:#dcdddd; line-height:42px; padding-top:30px; 

}
.prosm a{

	color:#dcdddd;

}

.dingzhi{

	width:220px; height:55px; background:url(../images/dingzhibg.jpg) repeat-x; line-height:55px; text-align:center; margin-top:20px;

}

.dingzhi a{

	font-size:30px; color:#fff; display:block;

}

.videoinfo{

	width:950px; height:auto; float:right; margin-top:350px;

}

.video{

	width:100%; height:auto;

}

.video_all{

	width:100%; height:auto;

}

.proright{

	height:auto; float:right; width:1200px;

}

.protit{

	height:50px;

}

.protit img{

	height:50px; width:auto;

}

.protit span{

	float:right; width:150px; height:35px; background:url(../images/enamebg.png) no-repeat; text-align:center; line-height:35px; margin-top:15px;

}

.protit span a{

	color:#211815; line-height:35px; font-size:16px;

}

.products{

	height:auto; padding-top:50px;

}

.products li{

	width:280px; height:auto; text-align:center; float:left; margin-bottom:40px; padding-bottom:10px;

}

.products a{

	font-size:16px; color:#fff;

}

.products img{

	width:66%; height:auto; margin-bottom:15px;

}

.xcpic{

	height:auto; margin-top:20px;

}

.xcpic img{

	display:block; width:100%; height:auto;

}

.footbox{

	width:100%; height:auto; background-color:#fff; padding-top:30px; padding-bottom:20px;

}

.footer{

	height:auto; margin:0 80px;

}

.flogo{

	float:left; font-size:14px; color:#000;

}

.flogo img{

	vertical-align:middle; margin-right:15px;

}

.fnav{

	float:right;

}

.fnav li{

	float:left; height:auto; font-size:12px; margin-left:20px; line-height:22px;

}

.fnav a{

	line-height:22px; font-size:12px; color:#666;

}

.fnav a:hover{

	color:#e99766;

}

.copyright{

	text-align:center; color:#999; font-size:12px; margin-top:20px;

}

.copyright a{

	color:#999; font-size:12px;

}

.xgproducts{

	height:auto; width:1500px; margin:0 auto; overflow:hidden;

}

.xgproducts li{

	width:200px; height:auto; float:left; margin-right:16px; position:relative; padding-top:18px;

}

.xgproducts img{

	width:200px; height:auto; margin-top:3px;

}

.xgproducts .lihor{

	height:216px; background:url(../images/xgpbg.jpg) no-repeat; position:absolute; left:0px; top:0px; width:100%; text-align:center; font-size:24px; color:#221815; font-weight:bolder; line-height:30px; display:none; overflow:hidden;

}

.xgproducts .lihor span{

	font-size:22px; font-style:italic;

}

.xgproducts .lihor a{

	display:block; padding-top:100px;

}

.xgproducts li:hover .lihor{

	display:block;

}

.xgptit{

	height:42px; background:url(../images/pro_titbg.jpg) no-repeat;

}

.xgttit{

	height:auto; background-color:#373c44; padding-top:15px; text-align:center;

}

.xgttit a{

	color:#9a9b9c; font-size:16px;

}

.xgttit span{

	background-color:#1c232d; display:block; color:#9a9b9c; margin-top:15px; padding-top:15px; padding-bottom:15px; font-size:14px;

}

.xgen{

	background-color:#373c44; color:#7f7f80; padding-top:6px; padding-bottom:6px; text-align:right; padding-right:5px; font-size:14px;

}

.kzjt{

	width:100%; height:47px; background:url(../images/xgbg.jpg) center center no-repeat; margin-top:20px;

}

.kzjtinfo{

	width:350px; margin:0 auto; height:47px;

}

.leftrow{

	width:15%; height:47px; background:url(../images/left.jpg) center center no-repeat; float:left;

}

.leftrow a{

	display:block; width:100%; height:47px; display:block; cursor:pointer;

}

.maddrow{

	text-align:center; width:70%; color:#a7a7a7; font-size:22px; float:left; line-height:47px;

}

.rightrow{

	width:15%; height:47px; background:url(../images/right.jpg) center center no-repeat; float:right;

}

.rightrow a{

	display:block; width:100%; height:47px; display:block; cursor:pointer;

}

.xqys{

	width:1160px; height:auto; margin:0 auto; display:table;

}

.xqystxt{

	width:580px; height:auto; float:left; font-size:16px; color:#fff; line-height:36px;

}

.xqystxt h2{

	font-size:32px; color:#fff; margin-bottom:20px; font-weight:normal; margin-top:60px;

}

.xqyspic{

	width:580px; height:auto; float:left; font-size:16px; color:#fff; line-height:36px;

}

.xqyspic h2{

	font-size:32px; color:#fff; margin-bottom:20px; font-weight:normal; margin-top:60px;

}

.ysbottom{

	width:1160px; height:auto; margin:0 auto; display:table; padding-bottom:60px;

}

.ysbottom li{

	width:20%; height:auto; text-align:center; float:left; font-size:20px; color:#595757;

}

.content{

	font-size:16px; line-height:36px; padding-top:50px; padding-bottom:50px; color:#fff;

}

.m-nav{

	width:30%; height:100%; background-color:#111; position:fixed; right:-100%; top:0; z-index:11111; display:block;transition: .5s all;

	-webkit-transition: .5s all;

	-moz-transition: .5s all;

	-o-transition: .5s all;

}

.m-nav ul{

	margin-top:0px;

}

.m-nav li{

	text-align:center; height:40px; line-height:40px; font-size:16px; color:#fff; margin-bottom:5px;

}

.m-nav a{

	color:#fff; height:40px; line-height:40px;

}

.m-nav a:hover{

	border-bottom:3px #fff solid; padding-bottom:10px;

}

.m-nav .cur a:link{

	border-bottom:3px #fff solid; padding-bottom:10px;

}

.m-nav .cur a:visited{

	border-bottom:3px #fff solid; padding-bottom:10px;

}

.m-nav .cur a:hover{

	border-bottom:3px #fff solid; padding-bottom:10px;

}

.guanbi{

	color:#fff; text-align:left; padding-left:20px; padding-top:10px; font-size:24px;

}

.guanbi a:link{

	border-bottom:0px;

}

.guanbi img{

	width:30px; height:auto;

}



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

.nav{

	margin-right:5%;

}

.wrap{

	width:1200px;

}

.xgproducts{

	height:auto; width:1280px; margin:0 auto;

}

.proleft{

	width:200px;

}

.proleft img{

	width:100%; height:auto;

}

.proright{

	width:960px;

}

.protit img{

	height:40px; width:auto;

}

.protit span{

	margin-top:8px;

}

.products li{

	width:240px;

}

.proxq{

	width:1200px;

}

.leftinfo{

	width:460px;

}

.videoinfo{

	width:740px; padding-top:150px;

}

}

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

.xgproducts .lihor{

	font-size:20px;

}

.videoinfo{

	padding-top:110px;

}

}

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

.nav{

	margin-right:3%;

}

.nav li{

	margin-left:30px;

}

.wrap{

	width:1100px;

}

.proright{

	width:860px;

}

.products li{

	width:215px;

}

.xgproducts{

	height:auto; width:1065px; margin:0 auto;

}

.proxq{

	width:1000px;

}

.leftinfo{

	width:460px;

}

.videoinfo{

	width:540px;

}

.xqys{

	width:1000px;

}

.xqystxt{

	width:500px; 

}

.xqyspic{

	width:500px;

}

.ysbottom{

	width:1000px;

}

}

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

.wrap{

	width:96%; padding-left:2%; padding-right:2%;

}

.proleft{

	display:none;

}

.proright{

	width:100%; height:auto; float:none;

}

.products li{

	width:25%;

}

.protit{

	background:url(../images/Product-display-01.png) center center no-repeat;-moz-background-size:100% auto;  

    background-size:100% auto;

}

.protit img{

	display:none;

}

.proxqbox{

	height:auto;

-moz-background-size:100% 300px;  

    background-size:100% 300px;

}

.proxq{

	width:96%; padding-left:2%; padding-right:2%; height:auto;

}

.xgproducts{

	height:auto; width:100%; margin:0 auto;

}

.leftinfo{

	width:100%; float:none; height:auto; padding-top:130px;

}

.videoinfo{

	width:100%; float:none; height:auto; margin-top:0px;

}

.xqys{

	width:96%; padding-left:2%; padding-right:2%;

}

.xqystxt{

	width:50%; 

}

.xqyspic{

	width:50%;

}

.xqyspic img{

	width:100%; height:auto;

}

.xqystxt img{

	width:100%; height:auto;

}

.ysbottom{

	width:100%;

}

.footer{

	height:auto; margin:0 20px;

}

}

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



.nav{

	 margin-top:20px;

}

.nav a{

	font-size:14px;

}

.nav li{

	margin-left:12px;

}

.login{

	margin-top:20px;

}

}

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

.w{

	margin:0px; width:96%; padding-left:2%; padding-right:2%;

}

.wrap{

	width:96%; padding-left:2%; padding-right:2%;

}

.logo img{

	width:150px; height:auto;

}

.nav a{

	font-size:12px;

}

.ysbottom li img{

	width:60%; height:auto;

}

.footbox{

	padding-top:15px; padding-bottom:15px;

}

.fnav li{

	line-height:18px;

}

.fnav a{

	line-height:18px;

}

}

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



.nav{

	display:none;

}

.proxqbox{

	height:auto;

-moz-background-size:100% 250px;  

    background-size:100% 250px;

}

}

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

.logo img{

	width:150px; height:auto;

}

.login{

	margin-top:17px;

}

.m-nav{

	width:60%;

}

.flogo{

	float:none; width:100%; font-size:14px; color:#000;

}

.flogo img{

	vertical-align:middle; margin-right:15px; width:60px; height:auto;

}

.fnav{

	float:none; width:100%; margin-top:18px;

}

.fnav li{

	float:left; height:auto; font-size:12px; margin-left:0px; width:auto; margin-right:8%;

}

.fnav li:nth-child(4n){

    margin-right: 0;

}

.products li{

	width:50%;

}

.protit span{

	float:right; width:100px; height:35px;-moz-background-size:100% auto;  

    background-size:100% auto; line-height:20px; margin-top:15px;

}

.protit span a{

	font-size:12px; line-height:20px;

}

.kzjtinfo{

	width:96%; margin:0 auto; height:47px;

}

.leftinfo img{

	width:100%; height:auto;

}

.proinfo{

	height:auto; font-size:18px; line-height:36px; color:#9fa0a0;padding-bottom:5px; background:url(../images/proinfobg.jpg) left 5px no-repeat; padding-left:65px;-moz-background-size:auto 100px;  

    background-size:auto 100px;

}

.proinfo span{

	font-size:26px; font-weight:bolder; color:#dcdddd;

}

.prosm{

	height:auto; font-size:18px; color:#dcdddd; line-height:35px; padding-top:30px; 

}

.dingzhi{

	width:100%; height:45px; background:url(../images/dingzhibg.jpg) repeat-x; line-height:45px; text-align:center; margin-top:20px;

}

.dingzhi a{

	font-size:20px; color:#fff; display:block;

}

.xqystxt h2{

	font-size:20px;

}

.xqyspic h2{

	font-size:20px;

}

.xqys{

	border-bottom:1px #333 solid;

}

.xqystxt{

	width:100%; 

}

.xqyspic{

	width:100%;

}

.ysbottom{

	margin-top:25px;

}

.ysbottom li{

	font-size:14px;

}

.ysbottom li img{

	width:80%; height:auto;

}

.footbox{

	padding-top:30px; padding-bottom:20px;

}

}

