body{ margin:0px auto; padding:0px; font-size:12px; font-family:microsoft yahei; letter-spacing:1px; text-align:center;max-width: 600px;}
ul,ol,li,div,p,h1,h2,h3,h4,h5,h6{ margin:0px auto; padding:0px; font-weight:normal}
li{ list-style:none;}
a:link{ text-decoration:none; color:#fff}
a:visited{ text-decoration:none; color:#fff}
a:hover{ text-decoration:none}
a:active{ text-decoration:none; color:#fff}
.clearfix{ clear:both}
.container { width: 100%; margin: 0 auto; text-align:center}
.container2 { width: 95%; margin: 0 auto; text-align:center; padding:0 2.5%}

.pad30{ padding:30px 0px}
.pad15{ padding:15px 0px}
.padtop30{ padding-top:30px}
.padbot30{ padding-bottom:30px}
.martop30{ margin-top:30px}
.marbot30{ margin-bottom:30px}
.pad0{ margin:0px; padding:0px; clear:both}

.header{position:relative;height:80px;background:#000;}
.header .logo{display:block;padding-top:15px; width:200px; float:left; position:absolute; left:24%}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:45px;height:50px;text-indent:-9999em;background:url(https://www.jvmee.com/hz_files/56sdss.png) no-repeat center center;background-size:60%; margin-top:15px}
.header .search:hover{background-color:#000;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:0px;z-index:1000;display:block;width:45px;height:50px;text-indent:-9999em;background:url(https://www.jvmee.com/hz_files/icon-user.png) no-repeat center center;background-size:60%; margin-top:15px}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#000;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

h2{color:#353940; font-size:24px}
.txt1{color:#777175; margin-left:5px}
h6{padding-top:5px; padding-bottom:30px; font-size:12px}

.kcimg{width:100%;display:block}
/*--------------SLIDER----------------*/
#slider {width: 100%;margin:0px auto;}
.controls li {top: 50%;margin-top: -30px}
.controls li:nth-child(1) {left: 0;}
.controls li:nth-child(2) {right: 0;}
.pagination li {background-color: #000; padding:0px 15px; margin-left:-15px}
.pagination li.active {background-color: #ddd;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}

.about{background:url(../images/bg1.jpg) no-repeat; width:100%; height:auto; background-size:100%}
.about2{text-align:left; width:94%; color:#fff; text-indent:2em;padding:3%; line-height:180%; font-size:11px; letter-spacing:0px;word-break:break-all;}


.kecheng{float:left; width:25%}
.kecheng1{border:1px solid #000; width:80%;border-radius:50%; padding:15% 0}
.kecheng1 img{ width:30px}
.kecheng1:hover{box-shadow: 0px 5px 5px #888888;}
.kecheng1 p{ font-size:12px}
.fd{ padding:5px 0px; width:80px; height:20px; background:#000; margin-top:15px; line-height:20px}
.fd a{ color:#fff; font-size:10px}

.video1{width:100%; border-bottom:1px solid #ccc;padding-top:30px}
.video1 h2{text-align:left; padding-bottom:10px; font-size:14px; padding-left:10px}
.txt3{color:#c00;}
.txt2{ margin-left:5px; color:#000}

.dingzhic{width:50%; float:left; margin-bottom:15px}
.dingzhic2{width:50%; float:left; margin-bottom:15px}

.dingzhic img{max-width:95%}
.dingzhic2 img{max-width:95%}


.join1{float:left; width:35%; text-align:left; font-size:10px;}
.join1_1 img{ width:30px}
.join1_1{width:100%; height:30px; border-bottom:1px solid #333; margin-bottom:10px}
.join1_1_1{float:left; width:80%;text-align:left; height:40px}
.join1_1_2{float:left; width:20%;text-align:left; height:40px}
.join2{float:left; width:30%;}
			
.join3{float:left; width:35%; text-align:right; font-size:10px;}
.join3_1{width:100%; height:30px; border-bottom:1px solid #333; margin-bottom:10px}
.join3_1_1{float:left; width:20%;margin-right:5%; height:40px; text-align:left}
.join3_1_2{float:left; width:75%;text-align:left; height:40px}
.join3_1 img{ width:30px}
.mjoin{width:33%; float:left}
.mjoin img{ width:100%}

.footer{width:100%; height:300px; background:#333; color:#fff}
.footer2{width:100%; height:450px; background:#333; color:#fff}

.footer4{color:#fff; padding:15px 0px; background:#000; margin-top:30px}

.page a{padding:10px 20px; background:#000; color:#fff;text-align:center;}
.page span{padding:10px 20px; border:1px solid #000; text-align:center;}

.header2{width:100%; height:155px; background:#000}
.logo2{ padding-top:35px}
.navlist2{ width:100%; padding-top:30px}
.nav2{width:100%;position: relative;z-index: 111;}
.nav2 li{float: left;width: 150px;height: 50px;line-height: 50px;text-align: center;background:#000}
.nav2 li a{ color:#fff}
.nav2 li .second-nav2 li:hover{ background:#fff;}
.nav2 li .second-nav2 li:hover a{ color:#000}
.nav2 li .second-nav2 li a{ color:#fff}
.nav2 li .second-nav2 li a:hover{ color:#000}
.nav2 li .second-nav2{width: 150px;display: none;position: relative;}
.nav2 li .second-nav2 li{position: relative;width: 100%;height: 40px;line-height: 40px;background: #000;border-bottom: 1px solid #fff;opacity:0.7;}


.sabout{width:90%; margin-left:10%}
.sabout2{float:left; width:25%; background:#000; margin-right:5%}
.sabout2:hover{ background:#fff;}
.sabout2:hover a{ color:#000}
.sabout2c{padding:10px 0px; border:1px solid #000; text-align:center; width:99%;}
.sabout2c a{ color:#fff}
.sabout2c a:hover{ color:#000}
.saboutcon{line-height:200%; text-align:left}
.saboutcon p{ padding-bottom:30px; text-indent:2em}
.active{ background:#fff; color:#000}
.active a{color:#000}

.culture1{ width:100%;text-align:center}
.culture1 img{ width:80%}
.culture2{ width:80%; text-align:left; padding:0 10%;padding-top:30px;}

.dashiji1{width:100%; text-align:center}
.dashiji2{ float:left; width:25%}
.dashiji2 ul li{ text-align:right; line-height:20px; height:40px}
.dashiji3{float:left; width:75%;}
.dashiji3 ul li{width:95%; text-align:left; line-height:20px;margin-left:5%; height:40px}

.szll{ width:100%;}
.szll_l{background:url(../images/szllbg.png) no-repeat center; width:100%; height:auto; text-align:center}
.szll_l img{ width:90%}
.szll_r{text-align:left; width:90%; padding:5%}
.szll_r strong{font-size:16px;}

.jxhj{float:left; width:40%; padding-bottom:20px; margin:0px 5%}
.jxhj img{ width:100%}

.xyfc2{float:left; width:40%; padding-bottom:20px; margin:0px 5%}
.xyfc2 img{ width:100%}


.news{width:100%; padding-bottom:50px;}
.news_l{width:90%; margin:5%}
.news_l img{ max-width:100%}
.news_r{text-align:left; width:90%; margin:5%}
.news_r strong{ font-size:16px;}

.contact{background:url(../images/map.jpg) no-repeat center; width:100%; height:300px; text-align:center}
.contactlo{padding-top:50px; padding-left:50px}

.ui-tooltip, .arrow:after {background: black;border: 2px solid white;width:150px}
.ui-tooltip {padding: 10px 20px;color: white;border-radius: 20px;text-transform: uppercase;box-shadow: 0 0 7px black;}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);tranform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}


.brand a{
	display: block;
	float: left;
	width: 369px;
	height: 240px;
	text-align: center;
	position: relative;
	margin-right:45px;
	margin-bottom:25px
}
.brand img{
	width: 369px;
	height: 240px;
}
.brand .info{
	display: none;
	color: #505050;
}
.jobg1{ background:url(../images/join1.jpg); width:369px; height:240px}
.jobg2{ background:url(../images/join2.jpg); width:369px; height:240px}
.jobg3{ background:url(../images/join3.jpg); width:369px; height:240px}
.jobg4{ background:url(../images/join4.jpg); width:369px; height:240px}
.jobg5{ background:url(../images/join5.jpg); width:369px; height:240px}
.jobg6{ background:url(../images/join6.jpg); width:369px; height:240px}

.jotxt{padding:80px 50px; text-align:left; font-size:18px; line-height:25px}

.vertical .info{
	width: 0;
	height: 240px;
	margin: 0 auto;
}
.horizontal img{
	position: absolute;
	top: 0;
	left: 0;
}
.horizontal .info{
	width: 369px;
	height: 0;
	top: 120px;
	position: absolute;
	left: 0;
}

.joina{width:80px; background:#000; padding:10px; border:1px solid #000; font-size:18px}
.joina:hover{ background:#fff;}
.joina:hover a{ color:#000}

.joinn{width:100%;}
.joinn_l{width:90%; margin:5%}
.joinn_l img{ width:100%}
.joinn_r{width:90%; margin:5%}
.joinn_r strong{font-size:16px;}
.joinnc2{ width:90%; margin:5%;text-align:left; line-height:200%;}
.active2{ background:#fff; color:#000}
.active2 a{ color:#000}


@media screen and (max-width:1600px){
}
@media screen and (max-width:1366px){
.dingzhi{width:100%; height:800px; background:url(../images/dingzhibg.png) no-repeat center top; margin:50px 0px; background-size:100%}
.dingzhic{width:40%; float:left; margin-bottom:15px; padding-left:10%}
.dingzhic2{width:40%; float:left; margin-bottom:15px; padding-right:10%}
}