/* CSS Document */
/*智能调光玻璃*/
.center{width: 1200px;height: auto;margin: 0 auto;}
.glass1{width: 100%;height: 550px;background-image: url(../image/filmbc.jpg);background-repeat: no-repeat;background-position: center;}
.glass1g{width: 100%;height: 550px;background-image: url(../image/glassbc.jpg);background-repeat: no-repeat;background-position: center;}
.glass1 img{float: left;margin-top: 75px;}
.glass1g img{float: left;margin-top: 75px;}
.glass1_ms{width: 500px;height:auto;float: left;color: white;padding-top: 150px;padding-left:60px;font-family: "微软雅黑" }
.bt{font-size: 36px;}
.bt_en{font-size: 20px;margin-top: 20px;}
.bt_hx{width: 50px;height: 3px;background: white;margin-top: 20px;}
.ms{font-size: 14px;margin-top: 20px;}
/*智能调光膜*/
.glass1-1{width: 100%;height: 550px;background-image: url(http://www.hohofilm.com/img/filmbc.jpg);background-repeat: no-repeat;background-position: center;}
.glass1-1 img{float: left;margin-top: 75px;}
.glass2{width: 100%;height: 600px;}
.glass2_ms{width: 500px;height: 500px;float: left;margin-top: 80px;font-family: "微软雅黑" }
.ab{width: 4px;height: 30px;background: #1c7db8;float: left;margin-right: 20px;}
.ms_bt{font-size: 26px;line-height: 26px;font-weight: bolder;color:#333; }
.ms_nr{font-size: 14px;color: #333;line-height: 26px;margin-top: 20px;}
.yuan{width: 10px;height: 10px;border-radius: 8px;background: #1c7db8;float: left;margin: 26px 10px 0 0; }
.gs_nr p{width: 490px;float: left;margin-top: 20px;color:#595757;}
.gs_nr p span{color: black;font-weight: bold;}
.gs_nr{float: left;width: 510px;height: 400px;}
.gs_nr li{margin-top: 10px;font-size: 13px;height: auto;}

.clear {
	clear: both;
	zoom: 1;
}

.clear:after {
	content: '';
	height: 0;
	display: visibility;
	clear: both;
	overflow: hidden;
}

#box {
	width: 600px;
	height: 400px;
float: right;
	position: relative;
	margin-top: 120px;
}

#img {
	height: 100%;
}

#img .yangpin {
	width: 100%;
	height: 100%;
	display: none;
}

#num li {
	float: left;
	background-color: #B1B1B1;
	width: 20px;
	height: 10px;
	border-radius: 5px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
	cursor: pointer;
}

#num {
	position: absolute;
	bottom: 20px;
	left: 280px;
}

#num li:hover {
	background-color: white;
}

#num li.active {
	background-color: white;
}
.yangpinbt{background: rgba(255,255,255,0.8);position: absolute;width: 70px;height:30px;text-align: center;font-size: 16px;line-height: 30px;bottom: 10px;left: 10px;}
/* box */
.anli{width: 100%;height:800px;padding-top:50px;}
	
.glass3{width: 100%;height: 700px; padding-top: 40px;hidden;}
.demo4{width: 100%;margin: 0 auto;position: relative;}
.tab_menu{width:1200px;height: 50px;position:relative;z-index: 2;margin: 0 auto;}
.tab_menu li{width:80px;height:30px;line-height:30px;text-align:center;cursor:pointer;font-size: 16px;color: white;font-weight: lighter;overflow: hidden;float: left;margin-top: 40px;margin-left: 20px;}

.tab_menu li.active{color:#333;background:white;}

.tab_menu li{text-decoration:none;position: relative;font-family: "微软雅黑";}
.glass_bt{font-size: 40px;text-align: center;margin-bottom: 50px;font-family: "微软雅黑";color: #666}
.anli_ms{width:48%;height: 600px;float:right;}
.tab_box{width: 100%;height: 600px;background: #191919;float: left;position: absolute;overflow: hidden;}
.tab_box .hide{display:none;}
.demo4 .tab_menu{padding-left: 700px;box-sizing: border-box}





.glass3_ms_bt{color: white;margin-top: 180px;margin-left: 60px; font-size: 40px;font-family: "微软雅黑";font-weight: lighter;}
.glass3_ms_nr{width: 55%; color: #D9D9D9;margin-left: 60px;font-size: 16px;font-family: "微软雅黑";margin-top: 50px;line-height: 1.4;margin-bottom: 30px;}
.glass3_ms_know{background: #60aff6;margin-left: 60px;margin-top:20px;font-size: 18px;text-align: center;line-height: 40px;color: white;font-family:"微软雅黑";padding: 5px 20px; }
.glass3_ms_know:hover{background: #0B74D5;}
.glass4{width: 1200px;height: 550px;background:white;font-weight: normal;font-size: 16px;margin: 0 auto}
.ul>li{float: left;padding-top:50px; }
.div1{width:400px;height: 400px;}
.div2{width:800px;height: 400px;}
.div2>img{position: absolute;}


.dov{width: 1200px;height: 760px;margin: 0 auto;}
#demo{width:800px;;height:700px; overflow:hidden;position: relative;}
/* - - - - - - - - - - */
.color{margin: 0;text-align: left;float: left;line-height: 45px;color: #666666}
.slide{width: 800px;float: left;}
.slide .pane{text-align:center;z-index:1;overflow:hidden;position: absolute;bottom: 0px;width: 100%;padding-left: 20%;}
.slide.slide3 .icons{height:50px;text-align:center;width:auto;overflow: hidden;box-sizing: border-box;padding-top: 6px;}
.icontxt{float: left;color: #333;font-size: 14px;margin-left: 4px;padding-top: 6px;}
.icon{width: 24px;height: 24px;background: pink;border-radius: 50%;margin: 3px auto;box-sizing: content-box}
.icon_out{width: 30px;height: 30px;border-radius: 50%;border: 2px #E8E8E8 solid;float: left;margin-left: 20px;}
.icon_this{border: 2px #999 solid;}
.slide.slide3 .arrowcontainer{position:relative;}
.slide.slide3 .arrow{color:#FFFFFF;font-size:150%;left:160px;position:absolute;top:-90px;width:130px;font-weight:bold;}
.slide.slide3 .arrow img{float:right;}
.slide.slide3 .icons img{cursor:pointer;display:block;float:left;margin:0;padding:10px;}
.slide.slide3 .content2,.slide.slide3 .content3,.slide.slide3 .content4,.slide.slide3 .content5{display:none}
.slide{background-position: left;background-repeat: no-repeat;}
.slide.slide3.s1{background-image:url(../image/filmwhite.jpg);}
.selected{background: red;}
.slide.slide3.s2{background-image:url(../image/filmblack.jpg);}
.slide.slide3.s3{background-image:url(../image/filmblue.jpg);}
.slide.slide3.s4{background-image:url(../image/filmgreen.jpg);}
.slide.slide3.s5{background-image:url(../image/filmyellow.jpg);}
.slide.slide3.s6{background-image:url(../image/filmgray.jpg);}
.slide.slide3.s7{background-image:url(../image/filmred.jpg);}
/**玻璃**/
.slide.slide3.g1{background-image:url(../image/colorwhite.jpg);}
.selected{background: red;}
.slide.slide3.g2{background-image:url(../image/colorblack.jpg);}
.slide.slide3.g3{background-image:url(../image/colorblue.jpg);}
.slide.slide3.g4{background-image:url(../image/colorgreen.jpg);}
.slide.slide3.g5{background-image:url(../image/coloryellow.jpg);}
.slide.slide3.g6{background-image:url(../image/colorgray.jpg);}
.slide.slide3.g7{background-image:url(../image/colorred.jpg);}




.tec1{width: 100%; height:472px;background-image:url(../image/yuanli1.gif);background-position:center top;background-repeat:no-repeat}
.tec2{width: 100%; height:579px;background-image:url(../image/yuanli2.jpg);background-position:center top;background-repeat:no-repeat}
.tec3{width: 100%; height:422px;background-image:url(../image/yuanli4.jpg);background-position:center top;background-repeat:no-repeat}
.tec4{width: 100%; height:538px;background-image:url(../image/mocanshu.jpg);background-position:center top;background-repeat:no-repeat}
.dov1{float: left;width: 400px;padding-top: 100px;box-sizing: border-box;padding-left: 40px;}
.dov1 h2{font-weight: normal;text-align: left;font-size: 28px;}
.dov1>p{ margin-top:4px;font-size: 15px;color: #424242}
.dov1>p>.class{width: 80px;height: 20px;display: inline-block;padding-top:4px; }
#DOV2{width: 1200px;height: 200px;margin: 0 auto;text-align: center;padding-top: 90px;font-size: 20px;box-sizing: border-box}
#DOV2:hover{color: #00C3F5}
#DOV3{width: 100%;height:579px;background: black;}
#DOV3-1{width: 1200px;height:579px;margin: 0 auto;}
#DOV3-1>li{float: left;}
#DOV3-1>.li{width: 800px;height: 579px;}
#DOV3-1>.li1{width: 400px;height: 579px;background: black;}
#DOV4{width: 100%;height:472px;background: #2c2c38;}
.DOV4_left{width: 1200px;height:472px;margin: 0 auto;}
.DOV4_left1{width: 500px;height:472px;float: left;color: white;font-weight: normal}
.DOV4_left1 h2{font-size: 40px;font-weight: normal;margin-top: 150px;}
.DOV4_left1 p{font-size: 20px;margin-top: 20px;}
.DOV4_left2{width: 700px;height:472px;float: left;}


.DOV3_left{width: 1200px;height:579px;margin: 0 auto;overflow: hidden;}
.DOV3_left1{width: 400px;height:auto;float: left;color: white;font-weight: normal}
.DOV3_left1 h2{font-size: 40px;font-weight: normal;margin-top: 150px;}
.DOV3_left1 p{font-size: 20px;margin-top: 20px;}
.DOV3_left2{width: 800px;height:auto;float: left;}