@charset "utf-8";
/* CSS Document */

body          { text-align:left;font-family:Arial;color:#585858; font-size:12px;  color:#7F8583;padding:0px; margin:0; }
table,td,tr,th{font-size:12px;border-collapse:collapse;border-spacing:0;padding: 0px;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h6,p {margin: 0; padding: 0; border: 0;list-style-type:none;}
h1,h2,h3,h4	{ }
a	 { text-decoration:none; color:#555}
a:hover	 {color:#ff7200; text-decoration:none; }
.aside i { display:inline-block; background:url(../pic/n_icon.png) no-repeat;_background:url(../pic/n_icon_8.png) no-repeat}
body,html { font-family: PingFangSC-regular,Tahoma,Lucida Grande,Verdana,Microsoft Yahei,STXihei,hei; }

[v-cloak]{display:none;}
.iconfont { font-family: 'iconfont';font-style: normal; }
/* ty */
.fl			{ float:left;}
.fr			{ float:right;}
.clear		{ clear:both;}

.btop { background: #008257; height: 80px;}
.btop_w { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.btop_w .logo {color: #fff; font-size: 20px; font-weight: bold; margin-top: 15px;}
.btop_w .logo i { font-size: 40px; margin-right: 10px; font-weight: normal; vertical-align: -5px;}

.btop_w .caidan { line-height: 80px;}
.btop_w .caidan a { color: #fff; margin: 0 20px; font-size: 18px; padding-bottom: 10px; font-weight: bold;} 
.btop_w .caidan a:hover {color: #FFF3B4; border-bottom: 2px solid #FFF3B4; }
.btop_w .caidan .on {color: #FFF3B4; border-bottom: 2px solid #FFF3B4;  }
.btop_w .login {color: #fff;line-height: 80px; }
.btop_w .login span { margin: 0 5px;}
.btop_w .login a { color: #fff;}
.btop_w .login a:hover {  color: #FFF3B4;}

.bgg	{ overflow: hidden; width: 100%; position: relative; height: 300px;/* margin: -70px auto 0;*/ background-color: #f5f5f5;}
.fls	{position: relative; left: 50%;top:0; overflow: hidden; width: 1920px;  height: 300px; margin-left: -960px; }
.fls a	{position: absolute; top: 0px; left: 0px;  display: block;  z-index: 7; opacity: 1;}	
.bgg .fls .fcnr { font-size: 14px; line-height: 20px;  position: absolute; background:rgba(0,0,0,0.5); color: #fff; top:30px; left: 20%;z-index: 999;  height: 200px; border-radius: 10px; width: 400px; padding: 20px; }
.bgg .fls .fcnr h1 { margin-bottom: 20px; font-size: 20px; }
.bgg .fls .fcnr p { display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:8;
    overflow: hidden;}

.cont_w { width: 1200px; margin: 0 auto;}

.mx { margin: 0 auto; width: 1200px; line-height: 40px;}
.mx span { margin: 0 10px;}
.fft { background: #008257; margin-top: 20px;}
.fft .ftw { width: 1200px; margin: 0 auto; color: #fff; line-height: 30px; font-size: 14px; padding: 20px 0;}

.fyk {  display: flex; justify-content: space-between; line-height: 30px;margin: 20px 0px 20px 0;}
.fyk a {  display: block;}
.fyk .next {border: 1px solid #ddd;border-radius: 2px; padding: 0px 10px; color: #000; background: #fff;cursor: pointer;   }
.fyk .next i { margin: 0 5px; color: #000;}
.fyk  .smll { border:1px solid #ddd; width: 30px; height: 30px; text-align: center; margin: 0 5px; cursor: pointer;color: #000; background: #fff;}
.fyk .on { background: #FFDA20; color: #000;}
.fyk .off { cursor: auto;background: #eee; color: #999; }
.fyk .off i { cursor: auto;background: #eee; color: #999; }
.fyk .next:hover,.fyk .smll:hover { border:1px solid #FFDA20}
.fyk .off:hover { border:1px solid #ddd;}


.lyk { background: #f9f9f9; border-radius: 0 0 10px 10px; margin-top: 20px; padding: 20px; }



.lyk .subox  {   padding-left: 30px;}
.lyk .subox dl { display: flex; line-height: 30px; margin-bottom: 10px;}
.lyk .subox dl dt { color: #000; font-size: 14px; margin-right: 10px;}
.lyk .subox dl dd input { outline: none; height: 36px; width: 550px; border:0; border-bottom: 1px solid #eee;}
.lyk .subox dl dd textarea { height: 90px;  border-radius: 10px; width: 550px; border:1px solid #eee; outline: none;}
.lyk .subox .txt { line-height: 20px; }
.lyk .subox .yzm { line-height: 30px;  }
.lyk .subox .yzm dt { margin-right:20px;}
.lyk .subox .yzm input { width: 80px; margin-right: 10px; border:1px solid #eee;height: 25px;}
.lyk .subox .yzm img { vertical-align: -10px; margin: 0; width: auto;}
.lyk .subox .amore { display: inline-block;border:1px solid #FFDA20; background: #FFDA20; height: 40px; text-align: center; color: #000; padding: 0 50px; margin-top: 0px; line-height: 40px; border-radius: 5px; font-weight: bold; font-size: 14px;}
.lyk .subox .amore:hover { background: #ff7200;  color: #fff; border:1px solid #ff7200;}



/*  */

.head { height: 90px; background: #FFDA20; }
.head_wrap {  margin:0 auto; width: 1200px; line-height: 90px; display: flex; justify-content: space-between; }
.head_wrap .logo { font-size:30px; font-weight: bold; color: #000;}
.head_wrap .logo i { color: #000; font-size: 40px;  font-weight: normal; margin-right: 10px; }
.head_wrap .nav {}
.head_wrap .nav a { padding:  0 10px 20px; margin: 0 10px; font-size: 16px; font-weight: bold; color: #000;}
.head_wrap .nav a:hover { border-bottom: 5px solid #fff;}
.head_wrap .nav .on { border-bottom: 5px solid #fff;} 

.head_wrap .login_user { background: #fff; height: 30px;    margin-top: 30px; line-height: 30px; padding: 0 20px; border-radius: 50px;} 
.head_wrap .login_user a { color: #000;}
.head_wrap .login_user a:hover { color: #ff7200; }
.head_wrap .login_user span { margin: 0 10px;}


.banner	{ overflow: hidden; width: 100%; position: relative; height: 300px;/* margin: -70px auto 0;*/ background-color: #f5f5f5;}
.banner .bant	{ position: relative; left: 50%;top:0; overflow: hidden; width: 1920px;  height: 300px; margin-left: -960px; }


.content { width: 1200px; margin: 0 auto; }

.mianb { margin: 0 auto; width: 1200px; line-height: 40px;}
.mianb span { margin: 0 10px;}


.foot { background: #FFDA20; margin-top: 20px;}
.foot .fow { width: 1200px; margin: 0 auto; color: #000; line-height: 30px; font-size: 14px; padding: 20px 0;}
.foot .fow h3 { display: inline;font-size: 14px;font-weight: normal;}
.foot .fow a { color: #000;}