@charset "utf-8";
/* CSS Document */
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#666;
	text-decoration:none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	}
a:hover{
	color:#0083ef;
	text-decoration: none;
	}
table{ margin: auto}
i{ font-style:normal}
em{ font-style:normal}

@media (min-width:1200px){
.header2{ display:none }
.qy{ width:100%; float:left; height:45px; line-height:45px; background:#0083ef; color:#FFF}
.qy-r{ width:180px; float:right; height:25px; background:#FFF; line-height:25px; margin-top:10px;border-radius:35px;}
.qy-r span{ float:right; margin-right:10px; margin-top:3px;}
.bk{ width:70%; border:0px; margin-left:10px; height:25px; line-height:25px; color:#999; font-family:'΢ÈíÑźÚ'}

header{ background:#fff;}
header .top{ height:90px;}
header .top .logo{ width:215px; height:90px; float:left; }
header .top .logo span{ height:100%; display:inline-block; vertical-align:middle}
header .top .logo img{ max-width:215px; max-height:90px; vertical-align:middle}

.nav{ width:auto; font-size:16px; line-height:90px; float:right}
.nav span{ width:40px; height:40px; border:1px solid #0083ef; color:#0083ef;border-radius:50%; margin-top:20px; float:right; line-height:40px; text-align:center; margin-left:20px;}
.nav span a{ padding:0px; margin-left:0px;}
.nav span:hover{background:#0083ef;color:#fff;border-radius:50%;}
.nav span:hover a{ color:#FFF}
.nav ul li{ width:115px; float:left; position:relative; text-align:center; margin-left:20px; margin-right:20px;}
.nav ul li a{ width:115px; height:90px; line-height:90px; float:left}
.nav ul li a:hover{background:#0083ef;color:#fff;}
#navon{background:#0083ef;color:#fff;}

#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 90px;
	visibility: hidden;
	z-index:99999;
	width:115px;
	text-align:center;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	padding-bottom:10px; padding-top:10px;background-color:#fff; 
}
li:hover ul#submenu {
	opacity: 1;
	top: 90px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: none;
	width: 100%;
	background:none; height:40px; line-height:40px;
	margin:0px;
}
#submenu a:hover {
}
#submenu a {
	 font-weight:normal;line-height:30px;height:30px;
}

.xiala{ width:100%; float:left;}
.xiala dl{ width:16.6666%; float:left}
.xiala dl dt{ font-size:16px; line-height:35px; color:#333; font-family:"ËÎÌå"}
.xiala dl dd{ font-size:14px; line-height:30px; color:#666}



.main{ width:1400px; margin:auto}
.bt{ width:100%; float:left; margin-top:50px; text-align:center}
.bt dl dt{ font-size:32px; font-weight:bold; color:#0083ef; line-height:50px;}
.bt dl dd{ background:url(/images/hx.png) no-repeat center; font-size:18px; color:#666; text-transform:uppercase; line-height:40px;}
.bt2{ width:100%; float:left; margin-top:50px; text-align:center}
.bt2 dl dt{ font-size:32px; font-weight:bold; color:#fff; line-height:50px;}
.bt2 dl dd{ background:url(/images/hx02.png) no-repeat center; font-size:18px; color:#fff; text-transform:uppercase; line-height:40px;}

.bt3{ width:100%; float:left; margin-top:50px; text-align:center}
.bt3 dl dt{ font-size:32px; color:#333; line-height:50px;}
.bt3 dl dd{ background:url(/images/hx.png) no-repeat center; font-size:18px; color:#666; text-transform:uppercase; line-height:40px;}

.about{ width:100%; float:left; margin-top:50px;}
.about-l{ width:620px; float:left; font-size:16px; line-height:30px; text-indent:2rem; margin-top:2rem}
.about-l a{ padding:10px 40px 10px 40px; background:#0083ef; color:#FFF}
.aboutwz2{ width:100%;overflow:hidden;}
.aboutwz{ width:100%; float:left; height:300px; overflow-y: auto; padding-right:3.5%;}

.about-r{ width:700px; float:right; height:418px; text-align:center; position:relative}
.about-r div{ width:700px; height:418px; text-align:center; position:absolute; z-index:1; top:0; left:0;}
.about-r div span{ height:100%; display:inline-block; vertical-align:middle}
.about-r div img{ max-width:700px; max-height:418px; vertical-align:middle}

.wrap{ width:100%; float:left; background:#f8f8f8; margin-top:70px; padding-bottom:50px;}
.pro{ width:1400px; float:left; margin-top:50px;}
.pro ul li{ width:445px; float:left; height:445px; margin-right:32px; margin-bottom:32px;box-shadow: 2px 3px 10px rgba(0,0,0,0.1); background:#FFF; overflow:hidden}
.pro ul li span{ height:100%; display:inline-block; vertical-align:middle}
.pro ul li img{ max-width:445px; max-height:445px; vertical-align:middle; transition: all 0.6s}
.pro ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.pro ul li:hover img{transform: scale(1.1);}
#fr{ float:right; margin-right:0px;}
.more{ width:100%; float:left; margin-top:20px; text-align:center; line-height:45px; font-size:16px}
.more a{padding:10px 40px 10px 40px; background:#0083ef; color:#FFF}

.fw{ width:100%; float:left; height:660px; background:url(/images/ysbj.jpg) no-repeat center;}
.fw02{ width:1400px; float:left; margin-top:70px;}
.fw02 ul li{ width:450px; float:left; margin-right:25px; height:380px; background:#FFF}
.fw02 ul li div{ height:200px; text-align:center; width:450px; overflow:hidden}
.fw02 ul li div img{width:450px;height:200px; transition: all 0.6s}
.fw02 ul li dl dt{ margin-left:30px; margin-right:30px; font-size:24px; color:#333; line-height:75px;}
.fw02 ul li dl dt i{ padding-bottom:15px; border-bottom:2px solid #0083ef}
.fw02 ul li dl dd{ font-size:16px; line-height:30px;margin-left:30px; margin-right:30px; margin-top:10px;}
.fw02 ul li:hover div img{transform: scale(1.1);}

.fw03{ width:1400px; float:left; margin-top:50px;}
.fw03 ul li{ width:448px; float:left; margin-right:25px; height:380px; background:#f9f9f9; border:1px solid #eee}
.fw03 ul li div{ height:200px; text-align:center; overflow:hidden}
.fw03 ul li div img{width:448px;height:200px; transition: all 0.6s}
.fw03 ul li dl dt{ margin-left:30px; margin-right:30px; font-size:24px; color:#333; line-height:75px;}
.fw03 ul li dl dt i{ padding-bottom:15px; border-bottom:2px solid #0083ef}
.fw03 ul li dl dd{ font-size:16px; line-height:30px;margin-left:30px; margin-right:30px; margin-top:10px;}
.fw03 ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.fw03 ul li:hover div img{transform: scale(1.1);}

.news{ width:1400px; float:left; margin-top:50px;}
.news-l{ width:670px; float:left; height:410px; position:relative}
.news-l dl dt{ height:410px; text-align:center; overflow:hidden}
.news-l dl dt img{transition: all 0.6s}
.news-l dl dd{ width:100%; height:60px; line-height:60px; text-align:center; position:absolute; bottom:0; left:0; font-size:18px; color:#FFF; z-index:1;background:rgba(0,131,239,0.7);}
.news-l:hover dl dt img{transform: scale(1.1);}

.news-r{ width:665px; float:right;}
.news-r ul li{ width:100%; float:left; height:90px; background:#f1f1f1; margin-top:17px;}
.news-r ul li img{ float:left; }
.news-r ul li dl{ width:500px; float:right; margin-right:20px;}
.news-r ul li dl dt{ font-size:14px; line-height:24px; color:#333; margin-top:22px;}
.news-r ul li dl dd{ font-size:14px; line-height:24px; color:#999;}
#martop{ margin-top:0px;}
.news-r ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.news-r ul li:hover dt{ color:#0083ef}

.link{ width:100%; float:left; min-width:1400px; margin-top:50px; padding-bottom:15px; padding-top:15px; background:#f2f2f2}
.link dl dt{ width:80px; float:left; font-size:24px; color:#333; line-height:30px;}
.link dl dd{ width:1320px; float:right; line-height:30px;}
.link dl dd a{ margin-left:5px; margin-right:5px;}

.foot{ width:100%; float:left; min-width:1400px; background:#333333; padding-bottom:50px; padding-top:50px;}
.foot-logo{ width:300px; float:left; line-height:40px; font-size:14px; background:url(/images/sx.png) no-repeat right; color:#FFF}
.foot-logo i{ font-size:30px; color:#0083ef}
.foot-nav{ width:auto; float:left; margin-left:70px;}
.foot-nav dl{ width: auto; float:left; margin-right:145px;}
.foot-nav dl dt{ color:#FFF; line-height:36px;}
.foot-nav dl dd{ color:#999; line-height:36px;}
.foot-nav dl dd a{color:#999;}
.foot-nav dl dd a:hover{ color:#FFF;}
.ewm{ width:auto; float:right; line-height:25px; text-align:center; color:#FFF; font-size:14px}
.foot02{ width:100%; float:left; min-width:1400px; border-top:1px solid #484848; padding-bottom:25px; padding-top:25px; text-align:center;color:#999; background:#333333}


.nybanner{ width:100%; float:left;}
.nybanner img{ width:100%; height:auto; display:block;}
.wz{ width:100%; float:left; height:60px; line-height:60px; min-width:1400px; font-size:14px; background:#f3f3f3}
.xlm{ width:100%; float:left; margin-top:50px; text-align:center; line-height:30px;}
.xlm a{ padding:5px 15px 5px 15px; margin-left:10px; margin-right:10px;}
.xlm a:hover{ background:#0083ef; color:#FFF; border-radius:5px;}
#xlmon{background:#0083ef; color:#FFF; border-radius:5px;}
.contect{ width:100%; float:left; margin-top:50px; margin-bottom:50px; font-size:16px; line-height:30px;}
.prolb{ width:316px; height:366px; float:left; border:1px solid #eee; background:#f9f9f9; margin-right:42px; margin-bottom:42px;}
.prolb dl dt{ height:315px; text-align:center; background:#FFF; border-bottom:1px solid #eee; overflow:hidden}
.prolb dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.prolb dl dt img{ max-width:316px; max-height:316px; vertical-align:middle; transition: all 0.6s}
.prolb dl dd{ height:50px; line-height:50px; text-align:center; font-size:16px}
.prolb:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.prolb:hover dl dt img{transform: scale(1.1);}
.fy{ width:100%; float:left; text-align:center; margin-top:20px; line-height:40px;}
.fy a{ padding:5px 10px 5px 10px; border:1px solid #eee; margin-left:1px; margin-right:1px;}
.fy a:hover{ background:#0083ef; color:#FFF}
.xz{ width:100%; float:left; margin-bottom:50px; margin-top:50px;}
.xz dl dd{ height:50px; line-height:50px; border:1px solid #eee; background:#f9f7f7; font-size:16px; padding-left:15px; padding-right:15px; margin-bottom:15px;}
.xz dl dd span{ float:right; background:url(//css/images/xz.png) no-repeat left; padding-left:35px; color:#0083ef}

.photo{ width:330px; height:500px; float:left; border:1px solid #eee; background:#f9f9f9; margin-right:24px; }
.photo div{ height:274px; text-align:center; background:#FFF; border-bottom:1px solid #eee}
.photo div span{ height:100%; display:inline-block; vertical-align:middle}
.photo div img{ max-width:330px; max-height:274px; vertical-align:middle}
.photo dl dt{ font-size:24px; color:#0083ef; line-height:55px; margin-left:20px; margin-right:20px;}
.photo dl dd{ line-height:24px; font-size:14px; color:#666; margin-left:20px; margin-right:20px;}
.photo:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.photo2{ width:450px; height:320px; float:left; background:#f5f5f5; margin-right:25px; margin-bottom:25px;}
.photo2 dl dt{ height:260px; text-align:center; overflow:hidden }
.photo2 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.photo2 dl dt img{ max-width:450px; max-height:260px; vertical-align:middle; transition: all 0.6s;}
.photo2 dl dd{ height:60px; line-height:60px; text-align:center; font-size:16px}
.photo2:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.photo2:hover dl dt img{transform: scale(1.1);}

.photo3{ width:450px; height: auto; float:left; background:#f5f5f5; margin-right:25px; }
.photo3 dl dt{ height:260px; text-align:center; overflow:hidden}
.photo3 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.photo3 dl dt img{ max-width:450px; max-height:260px; vertical-align:middle; transition: all 0.6s;}
.photo3:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.photo3:hover dl dt img{transform: scale(1.1);}

#demo { 
overflow:hidden; 
width:100%; 
} 
#demo img { 
} 
#indemo { 
float: left; 
width:1800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 


.rollBox{width:1400px; float:left; position:relative}
.rollBox .LeftBotton{height:52px;width:19px;background:url(/images/feel3.png) no-repeat left;overflow:hidden;float:left;display:inline;margin:100px 0 0 0;cursor:pointer; position:absolute; left:-30px;}
.rollBox .RightBotton{height:52px;width:20px;background:url(/images/feel4.png) no-repeat right;overflow:hidden;float:left;display:inline;margin:100px 0 0 0;cursor:pointer; position:absolute; right:-30px;}
.rollBox .Cont{width:1400px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .photo3{ width:450px; height: auto; float:left; background:#f5f5f5; margin-right:25px; }
.rollBox .Cont .photo3 dl dt{ height:260px; text-align:center; overflow:hidden}
.rollBox .Cont .photo3 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.rollBox .Cont .photo3 dl dt img{ max-width:450px; max-height:260px; vertical-align:middle; transition: all 0.6s;}
.rollBox .Cont .photo3:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.rollBox .Cont .photo3:hover dl dt img{transform: scale(1.1);}
.rollBox #List1,.rollBox #List2{float:left;}

.rollBox .Cont .photo{ width:330px; height:500px; float:left; border:1px solid #eee; background:#f9f9f9; margin-right:24px; }
.rollBox .Cont .photo div{ height:274px; text-align:center; background:#FFF; border-bottom:1px solid #eee}
.rollBox .Cont .photo div span{ height:100%; display:inline-block; vertical-align:middle}
.rollBox .Cont .photo div img{ max-width:330px; max-height:274px; vertical-align:middle}
.rollBox .Cont .photo dl dt{ font-size:24px; color:#0083ef; line-height:55px; margin-left:20px; margin-right:20px;}
.rollBox .Cont .photo dl dd{ line-height:24px; font-size:14px; color:#666; margin-left:20px; margin-right:20px;}
.rollBox .Cont .photo:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}


.lcheng{ width:100%; float:left; background:url(/images/lcbj.jpg)  repeat-y center; margin-top:30px; padding-bottom:30px;}
.lcheng01{ width:100%; float:left; background:url(/images/sx02.png) repeat-y center; margin-top:50px;}
.lcheng01 ul li{ width:1020px; float:left; margin-left:190px; margin-right:190px; color:#FFF; position:relative; margin-top:30px;}
.lcheng01 ul li dl{ width:48%; float:left}
.lcheng01 ul li dl dt{ width:20%; float:left; font-size:24px; line-height:24px; text-align:center; margin-top:8px;}
.lcheng01 ul li dl dd{ font-size:14px; line-height:24px; width:78%; float:right}
.lcheng01 ul li dl dd i{ font-size:18px; color:#FFF; line-height:40px;}
.lcheng01 ul li span{ width:18px; height:18px; position:absolute; background:#FFF;border-radius:50%; right:49.12%; top:10px;}

.photo4{ width:335px; height:380px; float:left; border:1px solid #eee; background:#f9f9f9; margin-right:17px; }
.photo4 div{ height:175px; text-align:center; overflow:hidden }
.photo4 div span{ height:100%; display:inline-block; vertical-align:middle}
.photo4 div img{ max-width:335px; max-height:175px; vertical-align:middle; transition: all 0.6s;}
.photo4 dl dt{ font-size:24px; color:#333; line-height:65px; margin-left:20px; margin-right:20px; background:url(/images/hx03.jpg) no-repeat center bottom;text-align:center; margin-bottom:20px; margin-top:10px;}
.photo4 dl dd{ line-height:30px; font-size:16px; color:#666; margin-left:20px; margin-right:20px; text-align:center}
.photo4:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.photo4:hover div img{transform: scale(1.1);}

.newlb{ width:100%; float:left; margin-top:50px; margin-bottom:50px;}
.newlb ul li{ width:99%; float:left; background:#fff; margin-bottom:30px; border:1px solid #eee}
.newlb ul li img{ width:30%; float:left;}
.newlb ul li dl{ width:60%; float:right; margin-right:5%;}
.newlb ul li dl dt{ font-size:22px; line-height:40px; margin-top:40px;}
.newlb ul li dl dd{ font-size:14px; line-height:24px; color:#999; margin-top:20px;}
.newlb ul li dl dd a{ padding:5px 30px 5px 30px; background:#999999; color:#FFF;}
.newlb ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2); cursor:pointer}
.newlb ul li:hover dl dt{ color:#0083ef}
.newlb ul li:hover dl dd a{background:#0083ef; color:#FFF;}

.lxwm{ width:100%; float:left; margin-top:50px; padding-bottom:50px; border-bottom:1px solid #eee}
.lxwm-l{ width:35%; float:left; border-right:1px solid #eee; font-size:16px; line-height:32px; padding-right:5%;}
.lxwm-l h1{ font-size:24px; color:#0083ef; line-height:30px; font-weight:normal;}
.lxwm-l h2{ font-size:16px; font-weight:normal; line-height:30px; margin-bottom:25px;}
.lxwm-r{ width:39%; float:right; margin-left:10%; margin-right:10%;}
.lxwm-r dl dd{ line-height:45px; margin-bottom:20px;}
.bk2{ width:94%; border:1px solid #eee; height:43px; line-height:43px; background:#f8f8f8; padding-left:5%; font-family:'΢ÈíÑźÚ'; color: #999; font-size:16px}
.anniu{padding:10px 40px 10px 40px; background:#0083ef; color:#FFF; border:0; cursor:pointer; font-size:16px}
.lxwm2{ width:100%; float:left; margin-top:50px; margin-bottom:50px;}
.lxwm2-l{ width:40%; float:left; font-size:16px; line-height:32px;}
.lxwm2-l h1{ font-size:24px; line-height:45px; margin-bottom:1rem; color:#0083ef}
.lxwm2-r{ width:55%; float:right}
.lxwm2-r img{ width:100%; height:auto; display:block;}

.subNavBox{width:100%;float:left; height:420px; overflow-y:scroll }
.subNav{width:100%; float:left; HEIGHT:60px;DISPLAY: block; line-height:60px; FONT-SIZE: 16px; OVERFLOW: hidden; CURSOR: pointer; background:url(/images/xjt.png) no-repeat 90% 30px; border-bottom:1px solid #eee }
.subNav:hover{float:left; }
.currentDd{color:#0083ef; background:url(/images/xjt02.png) no-repeat 90% 30px; }
.currentDt{COLOR: #0074c2; }
.navContent{display: none;float:left; width:94%;FONT-SIZE: 14px; background:#f9f9f9;LINE-HEIGHT: 24px; padding-left:3%; padding-right:3%; padding-bottom:10px; padding-top:10px;}

.title{ width:100%; float:left; font-size:30px; line-height:30px; text-align:center; color:#333}
.date{ width:100%; float:left; font-size:14px; color:#999; line-height:24px; padding-bottom:15px; border-bottom:1px solid #eee; margin-top:15px; text-align:center}
.tex{ width:100%; float:left; margin-top:30px; font-size:16px; line-height:30px;}
.next{ width:94%; height:55px; line-height:55px; float:left; background:#f5f5f5; margin-top:50px; padding-left:3%; padding-right:3%;}
.next span{ float:right;}

.gd{ width:100%; float:left; font-size:16px; height:40px;  text-align: center; color:#333; margin-bottom:0px;}
.gd a{ color:#333; width:100px; padding:10px 20px; background:#0083ef; height:40px; line-height:40px; color:#FFFFFF}
#fyon { color:#FFFFFF; background:#0083ef}

.proshow{ width:100%; float:left; margin-top:2rem;}
.proshow-l{ width:50%; float:left}
.tp{ display:none}
.proshow-r{ width:47%; float:right; font-size:16px; line-height:35px;}
.proshow-r h1{ line-height:60px; font-size:24px; font-weight:normal; border-bottom:1px solid #eee; margin-bottom:20px; }

.proshow2{ width:100%; float:left; margin-top:2rem; font-size:16px; line-height:35px;}
.proshow2 h1{ line-height:50px; height:50px; font-size:20px; font-weight:normal; margin-bottom:1rem; color:#FFF }
.proshow2 h1 i{ width:120px; float:left; background:#0083ef;text-align:center}

#preview{ float:none; margin:20px auto; text-align:center; width:600px;}
.jqzoom{ width:600px; height:600px; position:relative;}

.zoomdiv{ left:900px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:670px; height:80px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(/css/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px;}
#spec-right{background:url(/css/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:15px;}
#spec-list{ width:550px; float:left; overflow:hidden; margin-left:2px; display:inline; padding-left:20px;}
#spec-list ul li{ float:left; margin-right:13px; display:inline; width:70px; }
#spec-list ul li img{ padding:0px ; border:1px solid #ccc; width:70px; height:70px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(/css/i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:900px;height:900px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:550px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}






}




@media (max-width:1200px){

.qy{ width:100%; float:left; height:45px; line-height:45px; background:#0083ef; color:#FFF; display:none}
.qy-r{ width:180px; float:right; height:25px; background:#FFF; line-height:25px; margin-top:10px;border-radius:35px;}
.qy-r span{ float:right; margin-right:10px; margin-top:3px;}
.bk{ width:70%; border:0px; margin-left:10px; height:25px; line-height:25px; color:#999; font-family:'΢ÈíÑźÚ'}

header{ background:#fff;display:none}
header .top{ height:90px;}
header .top .logo{ width:215px; height:90px; float:left; }
header .top .logo span{ height:100%; display:inline-block; vertical-align:middle}
header .top .logo img{ max-width:215px; max-height:90px; vertical-align:middle}

.nav{ width:auto; font-size:16px; line-height:90px; text-align:right;}
.nav span{ width:40px; height:40px; border:1px solid #0083ef; color:#0083ef;border-radius:50%; margin-top:20px; float:right; line-height:40px; text-align:center; margin-left:20px;}
.nav span a{ padding:0px; margin-left:0px;}
.nav span:hover{background:#0083ef;color:#fff;border-radius:50%;}
.nav span:hover a{ color:#FFF}
.nav a{ margin-left:20px; padding:35px 25px 35px 25px;}
.nav a:hover{background:#0083ef;color:#fff;}
#navon{background:#0083ef;color:#fff;}

.header2{ width:100%; float:left; height:4rem; line-height:4rem; background:#FFF; border-bottom:0px solid #333333; position:relative }

.logo{ width:80%; float:left; height:4rem; margin-left:3%; }
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:60%; max-height:4rem; vertical-align:middle}

.logowz{ width:60%; float:left; margin-left:2%; color:#037ecb}
.logowz dl dt{ font-size:1.0rem; margin-top:0px; line-height:1.5rem; margin-top:0.6rem}
.logowz dl dd{ margin-left:1rem;font-size:0.8rem; line-height:1.5rem}
nav{display:none}

.nav-bar2 { width:20%; height: auto; float:right; height:4rem; position:absolute; z-index:11; right:3%; top:0;}
.nav-bar2 img{ max-width:90%; max-height:3rem; vertical-align:middle}
.nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle}

.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:4rem; z-index:998; background-color:#272727;  }
.v_close { display:block; position: absolute; top: 3%; right: 4%; z-index:102;  width: 25px; height: 25px; background:url(/images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav2 { margin:0 0 0 0; }

.subNavBox2{width:94%;float:left; padding-left:3%; padding-right:3%; background:#272727; margin-top:1.5rem }
.subNav2{width:95%; float:left; HEIGHT:3.5rem;DISPLAY: block; line-height:3.5rem; FONT-SIZE:1.0rem; OVERFLOW: hidden; CURSOR: pointer; color:#613f35;padding-left:5%;color:#fff; text-align:left; background:url(/images/y01.jpg) no-repeat 95% 18px; border-bottom:1px solid #3a3a3a}
.subNav2 i{ margin-right:0.5rem; padding:10px;}
.subNav2 span{ margin-left:1rem; font-size:0.8rem}
.subNav2 a{color:#fff; width:100%; float:left; height:3.5rem;}
.subNav2:hover{float:left;color:#fff;background:#2f2f2f url(../images/y02.jpg) no-repeat 95% 18px; }


.main{ width:90%; float:left; padding-left:5%; padding-right:5%;}
.bt{ width:100%; float:left; margin-top:2rem; text-align:center}
.bt dl dt{ font-size:1.2rem; font-weight:bold; color:#0083ef; line-height:2.5rem;}
.bt dl dd{ background:url(/images/hx.png) no-repeat center; font-size:1.0rem; color:#666; text-transform:uppercase; line-height:2.0rem;}
.bt2{ width:100%; float:left; margin-top:2rem; text-align:center}
.bt2 dl dt{ font-size:1.2rem; font-weight:bold; color:#fff; line-height:2.5rem;}
.bt2 dl dd{ background:url(/images/hx02.png) no-repeat center; font-size:1.0rem; color:#fff; text-transform:uppercase; line-height:2.0rem;}

.bt3{ width:100%; float:left; margin-top:2rem; text-align:center}
.bt3 dl dt{ font-size:1.2rem; color:#333; line-height:2.5rem;}
.bt3 dl dd{ background:url(/images/hx.png) no-repeat center; font-size:1.0rem; color:#666; text-transform:uppercase; line-height:2.0rem;}

.about{ width:100%; float:left; margin-top:2rem;}
.about-l{ width:100%; float:left; font-size:0.8rem; line-height:1.5rem; text-indent:2rem; margin-top:0rem}
.about-l a{ padding:10px 40px 10px 40px; background:#0083ef; color:#FFF}
.about-r{ width:100%; float:right; height: auto; text-align:center; position:relative; margin-top:2rem}
.about-r img{ max-width:100%; height:auto; display:block}
.about-r div{ width:100%; height: auto; text-align:center; position:absolute; z-index:1; top:0; left:0; display:none}
.about-r div span{ height:100%; display:inline-block; vertical-align:middle}
.about-r div img{ max-width:100%; max-height:100%; vertical-align:middle}
.aboutwz{ width:100%; float:left; height:300px; overflow-y:scroll}

.wrap{ width:100%; float:left; background:#f8f8f8; margin-top:2rem; padding-bottom:2rem;}
.pro{ width:100%; float:left; margin-top:2rem;}
.pro ul li{ width:48%; float:left; height: auto; margin-right:1%; margin-left:1%; margin-bottom:1rem;box-shadow: 2px 3px 10px rgba(0,0,0,0.1); background:#FFF; text-align:center}
.pro ul li span{ height:100%; display:inline-block; vertical-align:middle; display:none}
.pro ul li img{ width:100%; height:auto; display:block}
.pro ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.3);}
#fr{}
.more{ width:100%; float:left; margin-top:20px; text-align:center; line-height:2.0rem; font-size:0.8rem}
.more a{padding:10px 40px 10px 40px; background:#0083ef; color:#FFF}

.fw{ width:100%; float:left; height: auto; background:#0083ef; padding-bottom:2rem}
.fw02{ width:100%; float:left; margin-top:2rem;}
.fw02 ul li{ width:100%; float:left; margin-right:0; height: auto; background:#FFF; margin-bottom:1rem; padding-bottom:1rem}
.fw02 ul li div{ height: auto; text-align:center}
.fw02 ul li div img{width:100%;height: auto;}
.fw02 ul li dl dt{ margin-left:1rem; margin-right:1rem; font-size:1.2rem; color:#333; line-height:3.0rem;}
.fw02 ul li dl dt i{ padding-bottom:15px; border-bottom:2px solid #0083ef}
.fw02 ul li dl dd{ font-size:0.8rem; line-height:1.5rem;margin-left:1rem; margin-right:1rem; margin-top:1rem;}

.fw03{ width:100%; float:left; margin-top:2rem;}
.fw03 ul li{ width:99%; float:left; margin-right:0; height: auto; background:#f9f9f9; border:1px solid #eee;margin-bottom:1rem; padding-bottom:1rem}
.fw03 ul li div{ height:auto; text-align:center}
.fw03 ul li div img{width:100%;height:auto;}
.fw03 ul li dl dt{ margin-left:1rem; margin-right:1rem; font-size:1.2rem; color:#333; line-height:3.0rem;}
.fw03 ul li dl dt i{ padding-bottom:15px; border-bottom:2px solid #0083ef}
.fw03 ul li dl dd{ font-size:0.8rem; line-height:1.5rem;margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.fw03 ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.news{ width:100%; float:left; margin-top:2rem;}
.news-l{ width:100%; float:left; height: auto; position:relative}
.news-l dl dt{ height: auto; text-align:center}
.news-l dl dt img{ width:100%; height: auto; display:block}
.news-l dl dd{ width:100%; height:2.5rem; line-height:2.5rem; text-align:center; position:absolute; bottom:0; left:0; font-size:1.0rem; color:#FFF; z-index:1;background:rgba(0,131,239,0.7);}
.news-r{ width:100%; float:right;}
.news-r ul li{ width:100%; float:left; height: auto; background:#f1f1f1; margin-top:1rem; padding-bottom:1rem}
.news-r ul li img{ float:left; width:20%; height:auto }
.news-r ul li dl{ width:70%; float:right; margin-right:5%;}
.news-r ul li dl dt{ font-size:1.0rem; line-height:1.5rem; color:#333; margin-top:1rem;}
.news-r ul li dl dd{ font-size:0.8rem; line-height:1.2rem; color:#999;}
#martop{ margin-top:1rem;}
.news-r ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.news-r ul li:hover dt{ color:#0083ef}

.link{ width:100%; float:left; margin-top:2rem; padding-bottom:1rem; padding-top:1rem; background:#f2f2f2}
.link dl dt{ font-size:1.0rem; color:#333; line-height:1.5rem;}
.link dl dd{ line-height:1.5rem; font-size:0.8rem}
.link dl dd a{ margin-left:5px; margin-right:5px;}

.foot{ width:100%; float:left; background:#333333; padding-bottom:2rem; padding-top:2rem;}
.foot-logo{ width:100%; float:left; line-height:2.0rem; font-size:0.8rem; color:#FFF}
.foot-logo i{ font-size:1.5rem; color:#0083ef}
.foot-nav{ width:100%; float:left;margin-top:2rem}
.foot-nav dl{ width: 48%; float:left; margin-right:1%; margin-left:1%;}
.foot-nav dl dt{ color:#FFF; line-height:1.5rem;}
.foot-nav dl dd{ color:#999; line-height:1.5rem;}
.foot-nav dl dd a{color:#999;}
.foot-nav dl dd a:hover{ color:#FFF;}
.ewm{ width:100%; float:left; line-height:1.5rem; text-align:center; color:#FFF; font-size:0.8rem; margin-top:2rem}
.ewm img{ max-width:80%; height:auto}
.foot02{ width:90%; float:left; border-top:1px solid #484848; padding-bottom:1rem; padding-top:1rem; text-align:center;color:#999; background:#333333; padding-left:5%; padding-right:5%;}


.nybanner{ width:100%; float:left;}
.nybanner img{ width:100%; height:auto; display:block;}
.wz{ width:100%; float:left; height:2.5rem; line-height:2.5rem; font-size:0.8rem; background:#f3f3f3}
.xlm{ width:100%; float:left; margin-top:2rem; text-align:center; line-height:2.5rem;}
.xlm a{ width:48%; float:left; margin-left:1%; margin-right:1%; height:2.0rem; margin-bottom:0.5rem; text-align:center; line-height:2.0rem;}
.xlm a:hover{ background:#0083ef; color:#FFF; border-radius:5px;}
#xlmon{background:#0083ef; color:#FFF; border-radius:5px;}
.contect{ width:100%; float:left; margin-top:2rem; margin-bottom:2rem; font-size:0.8rem; line-height:1.5rem;}
.prolb{ width:46.4%; height: auto; float:left; border:1px solid #eee; background:#f9f9f9; margin-right:1%; margin-left:1%; margin-bottom:1rem;}
.prolb dl dt{ height: auto; text-align:center; background:#FFF; border-bottom:1px solid #eee}
.prolb dl dt span{ height:100%; display:inline-block; vertical-align:middle; display:none}
.prolb dl dt img{ width:100%;height: auto; display:block}
.prolb dl dd{ height:2rem; line-height:2rem; text-align:center; font-size:0.8rem}
.prolb:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.fy{ width:100%; float:left; text-align:center; margin-top:20px; line-height:40px;}
.fy a{ padding:5px 10px 5px 10px; border:1px solid #eee; margin-left:1px; margin-right:1px;}
.fy a:hover{ background:#0083ef; color:#FFF}

.xz{ width:100%; float:left; margin-bottom:2rem; margin-top:2rem;}
.xz dl dd{ height:2rem; line-height:2rem; border:1px solid #eee; background:#f9f7f7; font-size:0.8rem; padding-left:15px; padding-right:15px; margin-bottom:1rem; overflow:hidden}
.xz dl dd span{ float:right; background:url(/css/images/xz.png) no-repeat left; padding-left:35px; color:#0083ef}

.photo{ width:99%; height: auto; float:left; border:1px solid #eee; background:#f9f9f9; margin-bottom:1rem }
.slide-item div{ height:10rem; text-align:center; background:#FFF; border-bottom:1px solid #eee}
.slide-item div span{ height:100%; display:inline-block; vertical-align:middle}
.slide-item div img{ max-width:100%; max-height:10rem; vertical-align:middle}
.slide-item dl dt{ font-size:1.2rem; color:#0083ef; line-height:2.5rem; margin-left:1rem; margin-right:1rem;}
.slide-item dl dd{ line-height:1.5rem; font-size:0.8rem; color:#666; margin-left:1rem; margin-right:1rem;}
.slide-item:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.photo2{ width:100%; height: auto; float:left; background:#f5f5f5; margin-bottom:1rem }
.photo2 dl dt{ height: auto; text-align:center; }
.photo2 dl dt img{ width:100%; height: auto; }
.photo2 dl dd{ height:2.5rem; line-height:2.5rem; text-align:center; font-size:0.8rem}
.photo2:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.photo3{ width:100%; height: auto; float:left; background:#f5f5f5; margin-bottom:1rem }
.photo3 dl dt{ height:auto; text-align:center; }
.photo3 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.photo3 dl dt img{ width:100%; height:auto; vertical-align:middle}
.photo2:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}



.photo{ width:230px; height: 25rem; float:left; border:1px solid #eee; background:#f9f9f9; padding-bottom:1rem; margin-right:15px}
.photo div{ height:10rem; text-align:center; background:#FFF; border-bottom:1px solid #eee}
.photo div span{ height:100%; display:inline-block; vertical-align:middle}
.photo div img{ max-width:200px; max-height:10rem; vertical-align:middle}
.photo dl dt{ font-size:1.0rem; color:#0083ef; line-height:2.0rem; margin-left:1rem; margin-right:1rem; margin-top:1rem}
.photo dl dd{ line-height:1.5rem; font-size:0.8rem; color:#666; margin-left:1rem; margin-right:1rem;}
.photo:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.rollBox{width:100%; float:left; position:relative}
.rollBox .LeftBotton{height:52px;width:19px;background:url(/images/feel3.png) no-repeat left;overflow:hidden;float:left;display:inline;margin:2rem 0 0 0;cursor:pointer; position:absolute; left:0px; z-index:11}
.rollBox .RightBotton{height:52px;width:20px;background:url(/images/feel4.png) no-repeat right;overflow:hidden;float:left;display:inline;margin:2rem 0 0 0;cursor:pointer; position:absolute; right:0px; z-index:11}
.rollBox .Cont{width:100%;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .photo3{ width:230px; height: auto; float:left; background:#f5f5f5; margin-right:1rem; }
.rollBox .Cont .photo3 dl dt{ height:7rem; text-align:center; overflow:hidden}
.rollBox .Cont .photo3 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.rollBox .Cont .photo3 dl dt img{ max-width:230px; max-height:7rem; vertical-align:middle; transition: all 0.6s;}
.rollBox .Cont .photo3:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}
.rollBox .Cont .photo3:hover dl dt img{transform: scale(1.1);}
.rollBox #List1,.rollBox #List2{float:left;}

.lcheng{ width:100%; float:left; height: auto; background:#0083ef; margin-top:1rem; padding-bottom:2rem}
.lcheng01{ width:100%; float:left; margin-top:1rem;}
.lcheng01 ul li{ width:100%; float:left; margin-left:0; margin-right:0; color:#FFF; position:relative; margin-top:1.5rem;}
.lcheng01 ul li dl{ width:100%; float:left}
.lcheng01 ul li dl dt{ width:20%; float:left; font-size:1.2rem; line-height:1.5rem; text-align:center; }
.lcheng01 ul li dl dd{ font-size:0.8rem; line-height:1.5rem; width:78%; float:right}
.lcheng01 ul li dl dd i{ font-size:1.0rem; color:#FFF; line-height:1.5rem;}
.lcheng01 ul li span{ width:18px; height:18px; position:absolute; background:#FFF;border-radius:50%; right:49.12%; top:10px; display:none}

.photo4{ width:99%; height: auto; float:left; border:1px solid #eee; background:#f9f9f9; padding-bottom:1rem; margin-top:1rem }
.photo4 div{ height: auto; text-align:center; width:100%; float:left }
.photo4 div span{ height:100%; display:inline-block; vertical-align:middle; display:none}
.photo4 div img{ width:100%; height: auto;}
.photo4 dl dt{ font-size:1.2rem; color:#333; line-height:3.0rem; margin-left:1rem; margin-right:1rem; background:url(/images/hx03.jpg) no-repeat center bottom;text-align:center; margin-bottom:1rem; margin-top:1rem;}
.photo4 dl dd{ line-height:1.5rem; font-size:0.8rem; color:#666; margin-left:1rem; margin-right:1rem; text-align:center}
.photo4:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2);}

.newlb{ width:100%; float:left; margin-top:2rem; margin-bottom:2rem;}
.newlb ul li{ width:99%; float:left; background:#fff; margin-bottom:1rem; border:1px solid #eee; padding-bottom:1rem}
.newlb ul li img{ width:100%; float:left;}
.newlb ul li dl{ width:100%; float:right; margin-top:1rem}
.newlb ul li dl dt{ font-size:1.0rem; line-height:1.5rem; margin-left:1rem; margin-right:1rem}
.newlb ul li dl dd{ font-size:0.8rem; line-height:1.2rem; color:#999; margin-top:1rem; margin-left:1rem; margin-right:1rem}
.newlb ul li dl dd a{ padding:5px 30px 5px 30px; background:#999999; color:#FFF;}
.newlb ul li:hover{box-shadow: 2px 3px 10px rgba(0,0,0,0.2); cursor:pointer}
.newlb ul li:hover dl dt{ color:#0083ef}
.newlb ul li:hover dl dd a{background:#0083ef; color:#FFF;}

.lxwm{ width:100%; float:left; margin-top:2rem; padding-bottom:2rem; border-bottom:1px solid #eee}
.lxwm-l{ width:100%; float:left; font-size:0.8rem; line-height:1.5rem; }
.lxwm-l h1{ font-size:1.0rem; color:#0083ef; line-height:1.5rem; font-weight:normal;}
.lxwm-l h2{ font-size:0.8rem; font-weight:normal; line-height:1.5rem; margin-bottom:1rem;}
.lxwm-r{ width:100%; float:left; margin-top:1rem }
.lxwm-r dl dd{ line-height:2.0rem; margin-bottom:1rem;}
.bk2{ width:94%; border:1px solid #eee; height:2.0rem; line-height:2.0rem; background:#f8f8f8; padding-left:5%; font-family:'΢ÈíÑźÚ'; color: #999; font-size:0.8rem}
.anniu{padding:10px 40px 10px 40px; background:#0083ef; color:#FFF; border:0; cursor:pointer; font-size:0.8rem}
.lxwm2{ width:100%; float:left; margin-top:2rem; margin-bottom:2rem;}
.lxwm2-l{ width:100%; float:left; font-size:0.8rem; line-height:1.5rem;}
.lxwm2-l h1{ font-size:1.2rem; line-height:2.0rem; margin-bottom:1rem; color:#0083ef}
.lxwm2-r{ width:100%; float:right}
.lxwm2-r img{ width:100%; height:auto; display:block;}

.subNavBox{width:100%;float:left; }
.subNav{width:100%; float:left; HEIGHT:60px;DISPLAY: block; line-height:60px; FONT-SIZE: 16px; OVERFLOW: hidden; CURSOR: pointer; background:url(/images/xjt.png) no-repeat 90% 30px; border-bottom:1px solid #eee }
.subNav:hover{float:left; }
.currentDd{color:#0083ef; background:url(/images/xjt02.png) no-repeat 90% 30px; }
.currentDt{COLOR: #0074c2; }
.navContent{display: none;float:left; width:94%;FONT-SIZE: 14px; background:#f9f9f9;LINE-HEIGHT: 24px; padding-left:3%; padding-right:3%; padding-bottom:10px; padding-top:10px;}

.title{ width:100%; float:left; font-size:1.0rem; line-height:2.0rem; text-align:center; color:#333}
.date{ width:100%; float:left; font-size:0.8rem; color:#999; line-height:1.5rem; padding-bottom:1rem; border-bottom:1px solid #eee; margin-top:1rem; text-align:center}
.tex{ width:100%; float:left; margin-top:1.5rem; font-size:0.8rem; line-height:1.5rem;}
.tex img{ max-width:100%; height:auto}
.next{ width:94%; line-height:1.5rem; float:left; background:#f5f5f5; margin-top:2rem; padding-left:3%; padding-right:3%;}
.next span{ float:left;}

.proshow{ width:100%; float:left; margin-top:0rem;}
.proshow-l{ width:100%; float:left; display:none}
.proshow-r{ width:100%; float:right; font-size:0.8rem; line-height:1.5rem;}
.proshow-r h1{ line-height:3.0rem; font-size:1.0rem; font-weight:normal; border-bottom:1px solid #eee; margin-bottom:1rem;}

.tp{ width:100%; float:left}

.proshow2{ width:100%; float:left; margin-top:2rem; font-size:0.8rem; line-height:1.5rem}
.proshow2 h1{ line-height:2.5rem; height:2.5rem; font-size:1.0rem; font-weight:normal; line-height:35px; color:#FFF}
.proshow2 h1 i{ width:120px; float:left; background:#0083ef;text-align:center}

.gd{ width:100%; float:left; font-size:16px; height:40px;  text-align: center; color:#333; margin-bottom:0px;}
.gd a{ color:#333; width:100px; padding:10px 20px; background:#0083ef; height:40px; line-height:40px; color:#FFFFFF}
#fyon { color:#FFFFFF; background:#0083ef}


.ban{ width:300px; height: auto; position:relative; overflow:hidden;margin:0px auto 0 auto;}
.ban2{ width:300px; height:200px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:300px; height:200px; text-align:center}
.ban2 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.ban2 ul li img{ max-width:300px; max-height:200px; vertical-align:middle}
.prev{ float:left; cursor:pointer;}
.num{ height:52px;overflow:hidden; width:253px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:300px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:50px; height:50px; margin-right:5px; padding:1px; text-align:center}
.num ul li span{ height:100%; display:inline-block; vertical-align:middle}
.num ul li img{ max-width:50px; max-height:50px; vertical-align:middle}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:18px; margin-right:15px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:18px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:42%; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:42%; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:300px; height:200px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:300px; height:200px; position:relative; overflow:hidden;}
.pop_up2{ width:300px; height:200px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:300px; height:200px; float:left;}

#demo { 
overflow:hidden; 
width:100%; 
} 
#demo img { 
} 
#indemo { 
float: left; 
width:1800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 

iframe{ width:100%;}
}