﻿

#logo { height:110px; width:100%;  }
#logo .logo{ width:1200px; margin:0 auto; text-align:center; padding:20px 0; position: relative;}
.logo a { float:left;}
.logo > h3 { right: 0; top: 10px; position: absolute;  color: #999;   }
.logo > h3 a { color: #999; }
.logo > h3 a:hover { text-decoration: underline; }
.logo a img { width: 250px; }
.logo form { margin-top:40px; float:right; }
.ejss { outline:none; 
width:360px; height:38px;  border:1px solid #00bf6b; padding-left:10px; line-height:32px;  font-size: 14px!important; position: absolute; top: 50px; right: 480px;    }

.ejnn  { outline:none; display:inline; width:80px; height:38px; background-color:#00bf6b; color:#FFF; border: none; cursor:pointer; position: absolute;  right:400px; top:50px; border-radius: 0 10px 10px 0;  }

.jtss { outline:none; 
width:260px; height:38px;  border:1px solid #fcad06; padding-left:10px; line-height:32px;  font-size: 16px; position: absolute; top: 10px; right: 70px;    }
.jtnn  { outline:none; display:inline; width:60px; height:38px; background-color:#fcad06; color:#FFF; border: none; cursor:pointer; position: absolute;  right:10px; top:10px; border-radius: 0 10px 10px 0;  }
.ejnn:active { background-color:#00c187;}
.ejnn:hover {filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6 }

.sdlx { width: 220px; height: 110px; position: absolute; right: 0;top: 0px;  background: url(../image/bbg.png) 0 0 no-repeat;  text-align: center; background-size: 100% 100%;  }
.sdlx h3 { color: #9b5312; margin-top: 30px;  }

#ytdl { width: 100%; height: 40px; background-color:#f2f2f2;  }
.ytdl { width: 1200px; margin: 0 auto; height: 40px; }
.ytdl > h2 { line-height: 40px; font-size: 14px; color: #bcbcbc; float: left;}
.ydtl > h2 > a {  }
.ytdl > ul { float: right; padding-top: 0px; }
.ytdl > ul > li { float: left; line-height: 40px; text-align: center; width: 110px; height: 40px;  font-size: 14px;}
/*.ytdl > ul > li:nth-child(3) { border-right: 0!important; }*/
.ytdl > ul > li > a { color: #a2a2a2; height:25px;line-height: 24px; border-right: 1px dashed #a2a2a2; width: 100%; display: block; margin-top: 8px; }
.ytdl > ul > li a img { width: 10px; float: right; margin-right: 20px; position: relative; top: 4px; }
.xztc { position: relative; }
.xztc span { float:left; 
    margin-top: 18px;
    z-index: 10;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #999;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    position:absolute; left:90px; top: -5px;}

.xztc:hover span { float:left; 
    margin-top: 18px;
    z-index: 10;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #999;
    -webkit-transform: rotateZ(225deg);
    -moz-transform: rotateZ(225deg);
    transform: rotateZ(225deg);
    position:absolute; left:90px; top: 0px;}

.xztcy { position: relative; z-index: 1000; background-color: #fff; box-shadow: 0px 5px 5px #888888; }
.tcdl { display: none; position: absolute; top: 40px; left: 0; width: 160px; height: 140px; background-color: #fff;z-index: 99; box-shadow: 0px 5px 5px #888888;}
.tcdl h1 { width: 35px; height: 35px;  border-radius: 50%; overflow: hidden; border: 1px solid #666; margin: 10px 0 10px 20px; float: left;}
.tcdl h1 img { width: 100%; }
.tcdl h2 { font-size: 12px; margin-top: 10px; }
.tcdl h2 a { color: #00a0ff; }
.tcdl ul li { float: left; margin-left: 15px; }
.tcdl ul li a:hover { color: #28bd95!important; }
.ytdl > ul > li > a:hover {  color: #28bd95!important;  }
.dlys { color: #28bd95!important; }
.ssbt {
    width: 300px;
    height: 26px;
    position: absolute;
    right: 540px;
    top: 25px;
    text-align: center;}

.ssbt ul {
    width: 370px;
    margin: 0 auto;
}
.ssbt ul li {
    float: left;
    width: 60px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
}
.sslx {
    color: #00bf6b;
}

.sslxc {
    color: #fff;
    background-color: #00bf6b;
}

.ssbt ul li:hover { color: #fff;  background-color: #038772; }



.sltc { width: 1200px; margin: 0 auto; position: relative; }




/*menu新式*/
.wrapermenu{width:100%; height:50px;background:#00bf6b;}
.nav-all{ width:1200px; margin:0 auto; height:50px; }

.nav{position:relative; width:1200px; height:50px;  margin:0 auto;}
.nav-item{position:relative;float:left; width:140px;height:50px;line-height:48px;text-align:center;z-index:1; }
.nav-item a{display:block;height:50px;color:#fff;font-size:18px; border-right:1px solid #1e9776; line-height: 50px; margin-top: 0px; }
.nav-item a:nth-child(6) { border-right: none!important; }
.qmx { border: none!important; }
.nav-item a:hover{}
.move-bg{display:none;position:absolute; left:0px; width:140px;height:70px; background:url(../image/navh.jpg) 0px 0 no-repeat;z-index:0}
.nav .active{ background:url(../image/navh.jpg) 0 0 no-repeat;}
.nav li > ul li:hover > a { color:#dab213; background:none; font-size:16px; }
.nav li > ul li,.nav li > ul li:hover{background:none; }
.nav li:hover > ul { filter:alpha(opacity=80); -moz-opacity:80;-khtml-opacity:80;opacity: 0.8; }

.nav li:hover > ul li {
	height: 30px; overflow:visible;
	
	padding: 0;
}
.nav ul li:hover ul { display:block;}

.nav ul li ul{ overflow:hidden;     display:none;
	
	position: absolute;
	z-index:999999;
	top: 60px;
	left: 0;
	width:120px;
	opacity: 0;
	filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0;
	background:#2d4a07;

	padding:0px 0;
}
.nav ul li ul li {
	height: 30px;
	overflow: hidden;
	padding:0;
	width:120px; margin:0;
	
}
.nav ul li ul li a { font-size:15px; height:30px; line-height:30px;}
.dl { height: 30px; float: right; width: 282px;  margin-top: 6px;}
.dl ul li { width: 120px; float: left; line-height: 34px; text-align: center;  background-color: #2be0af; margin-right: 20px; border-radius: 10px; }
.dl ul li a { color: #168a6a;  font-size: 18px;}
.dl ul li:hover { filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8 } 
.dl ul li:active { background-color:#00c187; }



#footer { width:100%; height:auto; background-color:#484848;  position: relative; }
#footer .footer{ width:1200px; height:280px; margin:0 auto; position:relative}

#footer .footer > h3{ display:block;width:1100px; position:absolute; bottom:70px; text-align:center;color:#fff; left:0;}
.fnav { float: left; }
.fnav  ul {padding-top:50px; font-size:16px; }
.fnav  ul li { width:120px; line-height:2em; margin-right:50px; color:#fff; float: left; font-size: 14px;font-weight:500;}
.fnav  ul li a { color:#fff;  }
.cr { font-size: 14px; color: #fff!important; }
.fnav  ul li ul { margin:0; padding-top:0px;}
.fnav ul li ul li { font-size:13px; }
.fnav  ul li ul li a { color:#fff; font-weight:400; }
.fnav ul li ul li a:hover {text-decoration:underline;}


.flx { padding-top:50px; width: 300px; height: 100px; float: left; }
.flx h2 { font-size: 16px; margin-bottom: 10px; }
.flx img { float: left; margin-right: 10px; }
.flx ul li { height: 20px; margin-bottom: 10px; font-size: 14px; color: #fff; }
.lxys { color:#fff;  }
.flx2 { padding-top:50px; width: 300px; height: 100px; position: absolute; left: 0px; top: 100px;  }
.flx2 h2 { font-size: 16px; margin-bottom: 10px; }
.flx2 img { float: left; margin-right: 10px; }
.flx2 ul li { height: 20px; margin-bottom: 10px; font-size: 16px; color: #fff; margin-top: 10px; }
.flx2 ul li a { color: #fff; }



#footer2 { width:100%; height:280px; background-color:#e7e6e6;  position: relative; }
#footer2 .footer{ width:1200px; height:280px; margin:0 auto; position:relative}
.fnav2 { float: left; }
.fnav2  ul {padding-top:50px; font-size:16px; }
.fnav2  ul li { width:100px; line-height:2em; margin-right:50px; color:#fff; float: left; font-size: 16px;font-weight:500;}
.fnav2  ul li a { color:#000;  }
.cr { font-size: 14px; color: #fff!important; }
.fnav2  ul li ul { margin:0; padding-top:0px;}
.fnav2 ul li ul li { font-size:14px; }
.fnav2  ul li ul li a { color:#333; font-weight:400; }
.fnav2 ul li ul li a:hover {text-decoration:underline;}

.flx3 { padding-top:50px; width: 300px; height: 100px; float: left; }
.flx3 h2 { font-size: 16px; margin-bottom: 10px; }
.flx3 img { float: left; margin-right: 10px; }
.flx3 ul li { height: 20px; margin-bottom: 10px; font-size: 16px; color: #333; }
.lxys { color:#333;  }
.flx4 { padding-top:50px; width: 300px; height: 100px; position: absolute; left: 0px; top: 100px;  }
.flx4 h2 { font-size: 16px; margin-bottom: 10px; }
.flx4 img { float: left; margin-right: 10px; }
.flx4 ul li { height: 20px; margin-bottom: 10px; font-size: 16px; color: #333; margin-top: 10px; }

.gly { margin-top: 80px; font-size: 16px; color: #0ec9ab; }
.gly a {  color: #0ec9ab;  }
.gly a:hover { text-decoration: underline; }


.ejfooter {  height:200px; position:absolute; right:0px; top:30px;}
.ejfooter > h2 { height:30px;   color: #fff; margin-top: 0px; font-size: 14px; margin-bottom: 10px;}
.ejfooter h2 span { font-size:18px; margin-left:10px; color:#3a6109; }
.ejfooter ul li { float: left; margin-right: 20px; }
.ejfooter ul li h3 { text-align: center; margin-top: 10px; color: #fff; }
.ejfooter ul li h2 { width: 110px; }
.ejfooter ul li h2 img { width: 100%; }


.ejfooter2 {  height:200px; position:absolute; right:0px; top:50px;}
.ejfooter2 > h2 { height:30px;   color: #333; margin-top: 0px; font-size: 14px; margin-bottom: 10px;}
.ejfooter2 h2 span { font-size:18px; margin-left:10px; color:#3a6109; }
.ejfooter2 ul li { float: left; margin-right: 20px; }
.ejfooter2 ul li h3 { text-align: center; margin-top: 10px; color: #333; }


.dfooter { width: 100%; height: 60px; background-color: #383838; text-align: center; position: relative;  }
.dfooter h2 { /*padding-top: 10px; margin-bottom: 10px; */}
.dfooter ul { width: 1200px; margin: 0 auto; }
.dfooter ul li { color: #cfcfcf;  margin-right: 30px; float: left; line-height: 60px; }
.gjl { width: 50px; height: 215px; position: absolute; right: 0; bottom: 0; background-color: #383838; padding-top: 15px; text-align: center; }
.gjl ul li { margin-bottom: 15px; }
.gjl ul li h3 { color: #ffa03b; }
#footerd { height:35px; background-color:#000000; color:#FFFFFF; padding:20px 0; text-align:center; font-size:28px;}
/*    2     */





.zcqr {  height:50px; line-height:50px; margin:30px auto; background-color:#f18e00; text-align:center; color:#fff;  font-size:16px;}
.zcqr a { color:#fff; width:580px; height:40px; display: block;}
.zcqr2 { width:580px; height:50px; line-height:50px; margin:30px auto; background-color:#f18e00; text-align:center; color:#fff;  font-size:16px;}
.zcqr2 a { color:#fff; width:580px; height:40px; display: block; margin-top: 80px;}