@charset "utf-8";
/* CSS Document */
/* ============================
          共用样式
   ============================*/


/* 最小宽度 */
.kd1400{
       min-width: 1400px;
}

/* 居中宽度 */
.jz1400{
       width: 1400px;
       margin: 0 auto;
}





  /* 顶部 */
  .dingbu_box{
         float: left;
         width: 100%;
         height: 32px;
         background: #f2f2f2;
  }
  .dingbu_zt h1{
         float: left;
         font-size: 14px;
         color: #333;
         line-height: 32px;
  }
.degnlu_box{
       float: left;
       margin-left: 48px;
       line-height: 32px;
       font-size: 14px;
       color: #438dea;
}
.degnlu_box a{
       line-height: 32px;
       font-size: 14px;
       color: #438dea;
}
.zxkf_a{
       float: right;
       line-height: 32px;
       font-size: 14px;
       color: #438dea;
       margin-right: 10px;

}
.zxkf_a a{
       display: block;
}
.zxkf_a img{
       float: left;
       height: 16px;
       height: 16px;
       margin:8px 5px;
}
.zxkf_a p{
       float: left;
       line-height: 32px;
       font-size: 14px;
       color: #438dea;
}
.youxiang{
       float: right;
       margin-right: 10px;

}
.youxiang img{
       float: left;
       width: 21px;
       height: 16px;
       margin:8px 5px;
}
.youxiang p{
       float: left;
       line-height: 32px;
       font-size: 14px;
       color: #438dea;
}
.yyb_box{
       float: right;
       padding: 0 6px;
       position: relative;

}
.yyb_dq{
       float: left;
       width: 100%;
       display: block;
       height: 32px;
}
.yyb_dq img{
       float: left;
       width: 16px;
       height: 12px;
       margin: 10px 2px;
}
.yyb_dq p{
       float: left;
       line-height: 32px;
       font-size: 14px;
       color: #333;
       margin-left: 8px;
}
.yyb_dq i{
       position: absolute;
       width: 9px;
       height: 5px;
       right: 4px;
       top: 14px;
       background: url(../img/ico7.png) no-repeat;
       transition: all 0.4s ease-in-out;
}
.yyb_box .yyb_box_ul{
       position: absolute;
       display: none;
       top: 32px;
       right: 0;
       width: 140px;
       background: #f2f2f2;
       border: 1px solid #e7e7e7;
       border-top: none;
       z-index: 999999;

}
.yyb_box_ul a{
       float: left;
       width: 100%;
       height: 32px;
}
.yyb_box_ul a img{
       float: left;
       width: 16px;
       height: 12px;
       margin: 10px 12px;
}
.yyb_box_ul a p{
       float: left;
       line-height: 32px;
       font-size: 14px;
       color: #666;
}
.yyb_box_ul a:hover p{
       color: #438dea;
}
.yyb_box:hover .yyb_box_ul{
display: block;
}
.yyb_box:hover .yyb_dq i{
       transform:rotate(180deg);
       -webkit-transform:rotate(180deg);
       -moz-transform:rotate(180deg);
       -o-transform:rotate(180deg);
       -ms-transform:rotate(180deg);
}

/* 广告图片 */
.ggw_box{
       float: left;
       width: 100%;

}
.ggw_zt{
       position: relative;
}
.ggw_zt .ggw_lj{
       display: block;
       width: 100%;

}
.ggw_zt #guanbi{
       position: absolute;
       right: 10px;
       top: 10px;
       width: 19px;
       height: 19px;
       background: url(../img/png8.png) no-repeat;
}

/* 搜索部分 */
.biaozhi_box{
       float: left;
       width: 100%;
       margin: 50px 0 40px 0;
}
.biaozhi_zt{
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
}
.biaozhi_zuo{
       width: 420px;
}
.biaozhi_zuo a{
       display: block;
       width: 420px;
}

.biaozhi_zhong{
       margin-top: 16px;
       width: 512px;

}
.zhong_ss1{
       float: left;
       width: 510px;
       height: 36px;
       border: 1px solid #4487f3;
}
.zhong_ss1 .ssk{
       float: left;
       width: 308px;
       height: 36px;
       border: none;
       padding: 0 10px;
       font-size: 14px;
       line-height: 36px;
       color: #999;
}
.zhong_ss1 .anniu{
       float: right;
       width: 75px;
       height: 36px;
       background: #438dea;
       border: none;
       cursor: pointer;
}
.anniu i{
       float: left;
       width: 25px;
       height: 25px;
       margin-left: 25px;
       margin-top: 4px;
       background: url(../img/png10.png) no-repeat;
       border: none;
}

.biaozhi_zhong .zhong_ss2{
       float: left;
       width: 100%;
}
.zhong_ss2 p{
       float: left;
       width: 100%;
       height: 20px;
       margin-top: 14px;
}
.zhong_ss2 p a{
       float: left;
       font-size: 14px;
       color: #666;
       line-height: 20px;
}
.zhong_ss2 p a:hover{
       color: #438dea;
}

.zhong_ss2 p i{
       float: left;
       width: 2px;
       height: 14px;
       margin: 3px 5px;
       background: #999;
}
.xuanze{
       float: left;
       margin-left: 3px;
       width: 104px;
       height: 36px;
}
.xuanze .xuanze1{
       float: left;
       width: 100%;
       height: 36px;
       background: #f1f1f1;
       position: relative;
}
.xuanze1 span{
       float: left;
       font-size: 14px;
       line-height: 38px;
       color: #666;
       padding-left: 8px;
       cursor: pointer;
}
.xuanze1 i{
       float: right;
       width: 13px;
       height: 10px;
       margin-top: 14px;
       margin-right: 6px;
       background: url(../img/png11.png) no-repeat;
}
.xuanze1 .xuanze_ul{
       position: absolute;
       left: 0;
       display: none;
       width: 102px;
       top: 36px;
       border: 1px solid #e9e8e8;
       background: #f1f1f1;
       border-top: none;
}
.xuanze .xuanze1:hover .xuanze_ul{
       display: block;
}
.xuanze_ul li{
       float: left;
       width: 102px;
       height: 32px;
}
.xuanze_ul li a{
       display: block;
       float: left;
       width: 102px;
       text-align: left;
       text-indent: 6px;
       line-height: 32px;
       font-size: 14px;
       color: #666;
}
.xuanze_ul li a:hover{
       background: #438dea;
       color: #fff;
       width: 102px;
}
.biaozhi_you{
       width: 236px;
       margin-top: 21px;
       height: 38px;
       display: flex;
       justify-content: center;
       align-items: center;
       border: 1px solid #e4e4e4;
}
.biaozhi_you:hover{
       border: 1px solid #438dea;
}
.biaozhi_you img{
       width: 16px;
       height: 17px;
       margin-right: 10px;
}
.biaozhi_you p{
       font-size: 14px;
       color: #438dea;
}

/* 幻灯片部分 */
.daohang_box{
       float: left;
       width: 100%;
}
.daohang_box .daohang_nr{
       float: left;
       width: 100%;
       height: 50px;
       border-bottom: 1px solid #4487f3;
}
.daohang_zt .daohang_dlm{
       float: left;
       width: 268px;
       height: 50px;
       cursor: pointer;
       position: relative;
}
.daohang_dlm h2{
       float: left;
       width: 268px;
       height: 50px;
       background: #4487f3;
       text-align: center;
       font-size: 16px;
       color: #fff;
       line-height: 50px;
       display: flex;
       justify-content: center;
}
.daohang_dlm h2 span{
       float: left;
       margin-right: 15px;
       width: 19px;
       margin-top: 17px;
       height: 18px;
       background: url(../img/png21.png) no-repeat;
}
.daohang_dlm .shulan_box{
       position: absolute;
       left: 0;
       top: 50px;
       width: 268px;
       height: 441px;
       background: #4487f3;
       z-index: 999999;
}
.shulan_box .shulan_nr{
       float: left;
       width: 268px;
       height: 441px;
       position: relative;
}
.shulan_nr .sl_ul{
       float: left;
       width: 100%;
}
.sl_ul .sl_li_zuo{
       float: left;
       width: 268px;
       height: 40px;
       display: flex;
       justify-content: space-between;
}
.sl_li_zuo h3{
       font-size: 16px;
       width: 250px;
       word-break:keep-all;
       white-space:nowrap;
       overflow:hidden;
       text-overflow:ellipsis;
       line-height: 40px;
       color: #fff;
       margin-left: 10px;
}
.sl_li_zuo i{
       width: 8px;
       margin-top: 13px;
       margin-right: 10px;
       height: 14px;
       background: url(../img/png20.png) no-repeat;
}
.shulan_nr .sl_li_you{
       position: absolute;
       display: none;
       top: 0;
       left: 268px;
       width: 700px;
       height: 421px;
       z-index: 9999999;
       background: #f2f2f2;
       padding: 10px 10px;
}
.sl_li_you a{
       float: left;
       width: 31.33%;
       padding: 0 1%;
       text-align: center;
       font-size: 16px;
       line-height: 46px;
       color: #333;
       word-break:keep-all;
       white-space:nowrap;
       overflow:hidden;
       text-overflow:ellipsis;
}
.sl_li_you a:hover{
       background: #4487f3;
       color: #fff;
}
.sl_ul:hover .sl_li_zuo{
       background: #f2f2f2;
}
.sl_ul:hover .sl_li_zuo h3{
       color: #4487f3;
}
.sl_ul:hover .sl_li_zuo i{
       display: none;
}
.sl_ul:hover .sl_li_you{
       display: block;
}




/* 列表栏目部分 */
.daohang_dlm .shulan_box2{
       position: absolute;
       display: none;
       left: 0;
       top: 50px;
       width: 268px;
       height: 441px;
       background: #4487f3;
       z-index: 999999;
}
.shulan_box2 .shulan_nr{
       float: left;
       width: 268px;
       height: 441px;
       position: relative;
}
.daohang_dlm:hover .shulan_box2{
       display: block;
}


.daohang_nav{
       float: left;
       width: 1130px;
}
.daohang_nav .navBar{
       float: left;
       width: 100%;
}
.navBar ul{
       float: left;
       width: 100%;
}
.navBar ul .m{
       float: left;
       margin-left: 40px;
       width: 140px;
       position: relative;
}
.navBar ul li h3{
       float: left;
       width: 100%;
       height: 50px;
       display: flex;
       justify-content: center;
}
.navBar ul li h3 a{
       display: block;
       text-align: center;
       line-height: 50px;
       font-size: 16px;
       color: #333;
}
.navBar ul li h3 i{
       margin-top: 22px;
       margin-left: 6px;
       width: 9px;
       height: 5px;
       background: url(../img/ico7.png) no-repeat;
       transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
}
.navBar ul li .sub{
       display: none;
       position: absolute;
       left: 0;
       top: 50px;
       width: 140px;
       background: url(../img/png19.png);
       z-index: 999999;
       border-radius: 0 0 3px 3px;
       overflow: hidden;
}
.navBar ul .on:hover h3 i{
       transform:rotate(180deg);
       -webkit-transform:rotate(180deg);
       -moz-transform:rotate(180deg);
       -o-transform:rotate(180deg);
       -ms-transform:rotate(180deg);
}
.navBar ul li .sub li{
       float: left;
       width: 100%;
       height: 48px;
}
.navBar ul li .sub li a{
       float: left;
       width: 100%;
       text-align: center;
       line-height: 48px;
       font-size: 16px;
       color: #333;
}
.navBar ul li .sub li a:hover{
       background: #4487f3;
       color: #fff;
}
.hdp_nr{
       float: left;
       width: 100%;
       height: 440px;
}
.hdp_nr {
	min-width:1000px;
	position:relative;
       height: 440px;
	overflow:hidden;
}
.hdp_nr .bd {
	position:relative;
	z-index:0;
}
.hdp_nr .bd ul {
	width:100% !important;
}
.hdp_nr .bd li {
	width:100% !important;
       height: 440px;
}
.hdp_nr .bd li .siteWidth {
	width:1000px;
	position:relative;
	margin:0 auto;
       height: 440px;
}
.hdp_nr .bd li a {
       height: 440px;
	display:block;
}
.hdp_nr .bd .txt {
	position:absolute;
	width:415px;
	top:100px;
	left:22px;
	font:normal 18px/30px "Microsoft YaHei";
}
.hdp_nr .bd .btn {
	display:block;
	zoom:1;
	margin-top:8px;
	width:72px;
	padding-right:10px;
	height:31px;
	line-height:31px;
	text-align:center;
	color:#fff;
	font-size:12px;

}
.hdp_nr .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
	text-align:center;
}
.hdp_nr .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:40px;
	height:6px;
	margin:4px;
       background: #fff;
       overflow:hidden;
}
.hdp_nr .hd ul .on {
background: #438dea;
}


/* 浮动部分 */


/* 底部 */
.dibu_box{
       float: left;
       width: 100%;
       padding: 36px 0 36px 0;
       background: #333333;
}
.dibu_yqlj{
       float: left;
       margin-top: 20px;
       width: 100%;
}
.dibu_yqlj p{
       float: left;
       font-size: 14px;
       line-height: 22px;
       color: #999;
}
.dibu_yqlj a{
       float: left;
       font-size: 14px;
       line-height: 22px;
       color: #999;
       margin-left: 6px;
}
.dibu_yqlj a:hover{
       color: #fff;
}
.dibu_sy{
       float: left;
       margin-top: 36px;
       width: 100%;
}
.dibu_sy p{
       float: left;
       font-size: 14px;
       line-height: 24px;
       color: #999;
       margin-bottom: 8px;
}
.dibu_sy a{
       float: left;
       margin-left: 12px;
       margin-bottom: 8px;
       font-size: 14px;
       width: 23px;
       height: 23px;
       text-align: center;
       line-height: 23px;
       color: #999;
       border: 1px solid #999;
}
.dibu_sy a:hover{
       color: #fff;
       border: 1px solid #fff;
}

.dibu_nav{
       float: left;
       width: 100%;
}
.dibu_nav dl{
       float: left;
       margin-right: 60px;
       padding-right: 20px;
       border-right: 1px solid #999;
}
.dibu_nav dl dt{
       float: left;
       width: 100%;
       font-size: 18px;
       color: #fff;
       margin-bottom: 15px;
}
.dibu_nav dl dd{
       float: left;
       width: 100%;
       font-size: 14px;
       line-height: 32px;
       color: #999;
} 
.dibu_nav dl dd a{
       font-size: 14px;
       color: #999;
}
.dibu_nav dl dd a:hover{
       color: #fff;
}
.dibu_nav .dl1{
       width: 134px;
}
.dibu_nav .dl2{
       width: 166px;
}
.dibu_nav .dl3{
       width: 166px;
}
.dibu_nav .dl4{
       width: 440px;
       border-right: none;
}

.dibu_nav .gfewm{
       float: right;
       width: 148px;
       height: 177px;
       background: #fff;
}
.gfewm img{
       float: left;
       width: 140px;
       height: 140px;
       margin: 4px 4px;
}
.gfewm p{
       float: left;
       width: 100%;
       font-size: 14px;
       color: #999;
       line-height: 28px;
       text-align: center;
}



/* 用户中心 */
.xinwe_zuo_yh{
       width: 190px;
       margin-top: 20px;
   }
   .xinwe_zuo_yh dl{
       float: left;
       width: 100%;
   }
   .xinwe_zuo_yh dl dt{
       float: left;
       width: 100%;
       height: 46px;
       border-radius: 6px 6px 0 0;
       overflow: hidden;
       background: #4487f3;
       font-size: 18px;
       color: #fff;
       line-height: 46px;
   }
   .xinwe_zuo_yh dl dt img{
       float: left;
       margin-left: 40px;
       width: 19px;
       height: 18px;
       margin-right: 10px;
       margin-top: 15px;
   }
   .xinwe_zuo_yh dl dd{
       float: left;
       width: 100%;
   }
   .xinwe_zuo_yh dl dd a{
       float: left;
       border-top: 1px solid #f4f7fa;
       display: block;
       padding: 20px 0;
       width: 100%;
       background: #fff;
       font-size: 16px;
       line-height: 18px;
       color: #333;
   }
   .xinwe_zuo_yh dl dd a img{
       float: left;
       margin-left: 15px;
       width: 18px;
       height: 18px;
       margin-right: 10px;
   }
   
   .xinwe_zuo_yh dl dd a:hover{
       color: #333;
       background: #f5f2f2;
   }

   
   .xinwe_zuo_yh dl dd .on{
       color: #fff;
       background: #4487f3;
   }
   .xinwe_zuo_yh dl dd .on i{
       background: url(../img/png24a.png) no-repeat;
   }
   
   .gywm_you .gywm_ul_neirong_yh{
       float: left;
       margin-top: 20px;
       width: 1158px;
       padding: 14px 14px;
       background: #fff;
   }
   .gywm_ul_neirong_yh .jgmk_nr_bt{
          float: left;
          width: 100%;
          height: 28px;
          padding-bottom: 10px;
          border-bottom: 1px solid #e4e4e4;
   }
   .gywm_ul_neirong_yh .jgmk_nr_bt i{
          float: left;
          width: 5px;
          height: 20px;
          margin-left: 4px;
          margin-top: 4px;
          background: #4487f3;
   }
   .gywm_ul_neirong_yh .jgmk_nr_bt h2{
          float: left;
          margin-left: 10px;
          font-size: 16px;
          line-height: 28px;
   }
   .jgmk_nr_zt1{
       float: left;
       width: 100%;    
   }
   .ggmm_xg_nr1{
       margin: 30px auto;
       width: 740px;
       display: flex;
       justify-content: space-around;
   }
   .ggmm_xg_nr1 .ggmm_zuo{
          width: 188px;
          text-align: right;
          height: 36px;
          line-height: 38px;
          color: #333;
          font-size: 14px;
   }
   .ggmm_xg_nr1 .ggmm_zuo span{
          color: #F00;
          margin: 0 4px;
   }
   .ggmm_xg_nr1 .ggmm_you{
       width: 462px;
}
.ggmm_xg_nr1 .ggmm_you input{
       width: 100%;
       padding: 0 2%;
       height: 34px;
       border: 1px solid #e5e5e5;
       border-radius: 3px;
}
.ggmm_xg_nr1 .ggmm_you p{
       float: left;
       width: 100%;
       font-size: 12px;
       line-height: 30px;
       color: #666;
}
.ggmm_xg_nr2{
       float: left;
       width: 100%;
       display: flex;
       justify-content: center;
}
.ggmm_xg_nr2 button{
       width: 220px;
       height: 48px;
       text-align: center;
       font-size: 14px;
       color: #fff;
       background: #4487f3;
       border-radius: 3px;
       border: 1px solid #fff;
       cursor: pointer;
}
.jgmk_nr_zt{
       width: 100%;
       float: left;
       margin: 15px 0;
}
.jgmk_nr_zt .xunjd_lmmc{
       width: 100%;
       height: 50px;
       background: #f5f2f2;
       display: flex;
       justify-content: space-between;
}
.xunjd_lmmc .lmmc_li{
       text-align: center;
       line-height: 50px;
       font-size: 14px;
       padding: 0 10px;
}
.kd_ul1{
       width: 200px;
}
.kd_ul1 a{
       width: 100%;
       text-align: center;
       color: #333;
}
.kd_ul1 a:hover{
       color: #4487f3;
}
.kd_ul2{
       width: 160px;
}
.kd_ul3{
       width: 160px;
}
.kd_ul4{
       width: 160px;
}
.kd_ul5{
       width: 160px;
}
.kd_ul6{
       width: 100px;
       display: flex;
       justify-content: center;
       align-items: center;
}
.kd_ul7{
       width: 100px;
       display: flex;
       justify-content: center;
       align-items: center;
}
.xunjd_nr_ul{
       width: 100%;
       height: 50px;
       display: flex;
       justify-content: space-between;  
}
.xunjdul_li{
       text-align: center;
       line-height: 50px;
       font-size: 14px;
       padding: 0 10px;   
}
.xunjd_nr_ul:hover{
       background: #f6f6f6;
}
.xunjd_nr_ul .kd_ul7 a{
 width: 80px;
 height: 36px;
 background: #f39801;
 color: #fff;
 text-align: center;
 line-height: 36px;
 font-size: 14px;
 border-radius: 3px;
}
.kd_ul6 .wcl{
       width: 80px;
       height: 36px;
       background: #4487f3;
       color: #fff;
       text-align: center;
       line-height: 36px;
       font-size: 14px;
       border-radius: 3px;
}

.kd_ul6 .ycl{
       width: 80px;
       height: 36px;
       background: #38b6f0;
       color: #fff;
       text-align: center;
       line-height: 36px;
       font-size: 14px;
       border-radius: 3px;
}
.jgmk_nr_zt2{
       width: 100%;
       float: left;
       margin: 15px 0;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;   
}
.jgmk_nr_zt2 .lxzl_nr_jgbf{
       width: 360px;
       display: flex;
       justify-content: space-between;
       margin-bottom: 15px;
}
.lxzl_nr_jgbf p{
       width: 110px;
       text-align: right;
       font-size: 14px;
       line-height: 36px;
       color: #333;
}
.lxzl_nr_jgbf input{
       width: 210px;
       padding: 0 14px;
       height: 34px;
       border: 1px solid #e5e5e5;
       border-radius: 3px;
}
.lxzl_nr_jgbf .jgbf_xadf{
       width: 240px;
       padding: 0 14px;
       height: 34px;
       border: 1px solid #e5e5e5;
       border-radius: 3px;  
}

.jgmk_nr_zt4{
       width: 100%;
       float: left;
       margin: 15px 0;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;   
}

.jgmk_nr_zt5{
       width: 100%;
       float: left;
       margin: 15px 0;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;   
}
.jgmk_lanmu5_bt{
       width: 100%;
}
.jgmk_lanmu5_bt ul{
       width: 100%;
       background: #f5f2f2;
       display: flex;
       justify-content: space-between;
}
.jgmk_lanmu5_bt ul li{
       font-size: 14px;
       padding: 0 10px;
       height: 50px;
       line-height: 50px;
}
.jgmk_lanmu5_lb{
       width: 100%;   
}
.jgmk_lanmu5_lb ul{
       width: 100%;
}
.jgmk_lanmu5_lb ul li{
       width: 100%;
       margin: 10px 0;
       display: flex;
       height: 30px;
       line-height: 30px;
       justify-content: space-between;
}
.kuangdu_jgmk_1{
       width: 330px;
       text-align: center;
}
.kuangdu_jgmk_2{
       width: 100px;
       text-align: center;
}
.kuangdu_jgmk_3{
       width: 140px;
       text-align: center;
}

.jgmk_lanmu5_lb ul li button{

    background: #4487f3;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}