/*处理浏览器缩小横向滚动条拉动右边空白，跟着版心的值变动*/
body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }


.main-box{ width: 1200px;  margin: 0 auto ;  }


/*侧边菜单*/
.menu-right{ width:50px; position:fixed; right:15px; top:35%;z-index:200;background:#fff; border-radius: 3px;  box-shadow: 0 0 5px #cccccc;  }

.menu-phone,.menu-qq,.menu-time, .menu-ewm,.menu-top{ position:relative; width:50px; height: 50px;  text-align: center; }
.menu-phone i,.menu-qq i,.menu-time i, .menu-ewm i,.menu-top i{ font-size:18px;  color:#999; cursor:pointer; display:inline-block; line-height:50px;    }
.menu-time i{ font-size: 14px;  }
.menu-top{ border-bottom: 0px solid #ddd !important;  }
.menu-tc{ width: 180px; text-align: left; border-bottom: 1px solid #fff; background:#fff;   position: absolute; left: -181px; top: 0; z-index: 99999; box-sizing: border-box; padding:10px 10px;box-shadow: 0 0 5px #cccccc; border-radius:3px;   }
.menu-tc h5,.menu-tc h5 a{ color: #282828; line-height:20px; font-size: 14px; display: block;  }
.menu-tc img{ width: 120px; height: 120px; margin:0px auto 0;  }

.menu-ewm-tc{ width: 140px!important; left: -141px;  }
.menu-ewm-tc h5{ text-align: center; }



/*快捷通道*/
.top-cont{ width: 100%; height: 50px; position: fixed; left: 0px; top: 0px; z-index: 999; line-height: 50px; background: #202329;  }
.top-logo{ float: left; height: 50px; line-height: 50px; font-size: 26px; color: #fff200; cursor: pointer; margin-right: 120px;    }
.top-nav { float: left;  }
.top-nav a{  height: 50px; line-height: 50px; font-size: 15px; color: #fff; margin-right: 30px; position: relative;   }
.top-nav a.on{  color: #fff200;  }
.top-nav a img{ width: 22px; height: 10px; position: absolute; right:-25px; top: -5px;   }

.top-r{ color: #fff;height: 50px;  font-size: 15px; line-height: 50px;  float: right; }
.top-r a{ line-height:50px;  color:#fff; display: inline-block; margin:0 4px; }


.db-zw{ width: 100%; height: 50px;  }

.ssl{ width: 100%; height: 120px; background: #fff200; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);  }
.ssl-l{ float: left; padding-left: 170px; width: 410px; box-sizing: border-box; position: relative;  padding-top: 30px;  }
.ssl-l img{ width: 168px; height: 102px; position: absolute; left: 0px; top: 9px;  }
.ssl-l h5{ font-size: 24px; height: 24px; line-height: 24px;  color: #282828;  font-weight: bold; margin-bottom: 14px;   }
.ssl-l p{ font-size:14px; color: #282828; }

.ssl-c{ float: left; width: 790px; position: relative;  padding-top: 30px; box-sizing: border-box;  }
.ssl-ipt{ width: 100%; height: 40px;  position: relative;  }
.ssl-box{ width:500px; height: 40px; background: #fff; position: relative; padding-right: 80px;  padding-left: 140px; line-height: 40px; box-sizing: border-box;   }
.ss-fdj{ width: 16px; height: 15px; position: absolute; left: 110px; top: 12.5px; display: block;  cursor: pointer; }
.ssl-box input { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color:#333; }
.ssl-box a{ width: 80px; height: 40px; line-height: 40px; font-size: 15px; color: #282828; position: absolute; right: 0px; top: 0px; background: linear-gradient(to right, #ffd100 , #ffd100); text-align: center;   }

.ss-xlxz{ width: 100px;background: rgba(0, 0, 0, 0.02);   position: absolute; left: 0px; top: 0px; height: 40px;cursor: pointer;  }
.ss-xl-show{ display: none;  position: absolute; width: 100px; height: 80px; background: #fff; left: 0px; top: 40px; z-index: 8888;  }
.ss-xl-show i{ display: block; width: 100%; text-align: center; font-size: 12px; color: #656565; line-height: 40px; height: 40px;  }
.ss-xl-show i.on{ background: linear-gradient(to right, #ffd100 , #ffd100); color: #fff;  }


.ss-xlxz h2{ width: 100%; height: 40px; line-height: 40px; position:relative; text-align: center; }
.ss-xlxz h2 span{ font-size: 13px; color: #656565;  }
.ss-xlxz h2 div{ position: absolute; right: 5px; top:2px; line-height: 40px; font-size: 12px; color: #333; display: block; transition: all .3s;  }
.ss-xlxz h2.on div{ transition: all .3s; transform: rotate(180deg);  }



.btn-fbxq{ width: 98px; height: 40px; line-height: 40px; position: absolute; right: 118px; color:#282828; top: 0; font-size: 14px; text-align: center; background: #ffd100;   }
.btn-fbzp{ width: 98px; height: 40px; line-height: 40px; position: absolute; right:0px; color:#282828; top: 0;font-size: 14px; text-align: center; background: #ffd100;   }
.ssl-c h5{ margin-top: 8px; font-size: 13px; color: #282828; cursor: pointer;  }

.h-bg{ padding-top:20px; box-sizing: border-box;  width: 100%; height: auto; background: #f4f4f4;  }
.type{   position: relative; height: auto; margin-bottom: 20px;   }
.type-left{ float: left; width:240px; height: 600px; background: #fff;   }
.type-left h5{ height: 30px; line-height: 30px; font-size: 14px; background: #fff200; color: #282828; text-align: center;  }
.type-left-nav{ width: 100%; padding: 0 30px; box-sizing: border-box;  }
.type-left-nav a{ height: 45px; line-height: 45px; border-bottom: 1px solid #eee; font-size: 14px; color: #656565; text-align: center; display: block; }
.type-left p a{ height: 60px; line-height: 60px;  font-size: 14px; color: #656565; text-align: center; display: block; }

.type-left-nav a:hover,.type-left p a:hover{ color: #fba347;  }

.type-zj{ margin: 0 20px; box-sizing: border-box; width: 690px; height: 600px; float: left;  }
.type-zj .flexslider{ height: 340px; background: none!important; border-radius: 0px!important;   }

.type-zj-x{ margin-top: 20px;  width: 100%; height: 240px; background: #fff; padding: 25px 5px 0 ; box-sizing: border-box;  } 
.type-zj-x li{ float: left; width:220px; margin: 0 3px; box-sizing: border-box;  }
.type-zj-x li h5{ font-size: 14px; color: #111; height: 20px; line-height: 20px; margin-bottom: 10px;  }
.type-zj-x li p{ font-size: 13px; color: #888; height: 70px; line-height: 21px; margin-bottom: 10px; overflow:hidden; width: 100%; padding-right: 20px; box-sizing: border-box;  }
.type-zj-x li a{ width: 100%; height: auto; display: block;  }
.type-zj-x li a img{ width: 100%; height:  94px; display: block;  }

.type-right{ width: 230px; float: right;  height: 600px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(3,0,0,0.05); padding: 40px 20px 0; box-sizing: border-box; position: relative;   }
.type-r-logo{ width: 60px; height: 60px; margin: 0 auto; display:block;  }
.type-r-logo img{ width: 60px; height: 60px; margin: 0 auto; display: block; border-radius: 90px;  }
.type-r-sm{ font-size: 14px; color: #444; text-align: center; line-height: 30px; margin: 10px 0;  }
.type-r-dlzc{ width: 100%; height: 30px; line-height: 30px;margin-bottom: 20px;  }
.type-r-dlzc a{ width: 45%; float: left; height: 30px; line-height: 28px; background: #fff200; color: #282828; text-align: center; border-radius:4px; margin-right: 5%;  border: 1px solid #fff200; box-sizing: border-box;  }
.type-r-dlzc a:last-child{  background: #fff; color:  #666; float: right; margin-left: 5%; margin-right: 0px;  }

.type-r-grzx{ width: 100%; height: 30px; margin-bottom: 20px;  }
.type-r-grzx a{ width: 100%; height: 30px; line-height: 28px; background: #fff200; color: #282828; text-align: center; border-radius: 4px;   border: 1px solid #fff200; box-sizing: border-box; display: block; }

.type-r-tz{ width: 100%; height: auto;  }
.type-r-tz h5{ line-height: 40px; height: 40px; color: #333; }
.type-r-tz a{ width: 100%; height: 28px; color: #888; line-height: 28px; padding-left: 25px;  position: relative; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  display: block; box-sizing: border-box; }
.type-r-tz a img{ width: 20px; height: 21px; display: block; position: absolute; left: 0px; top: 3.5px;  }

.type-r-db{ width: 100%; height: auto; position: absolute; left: 0px; bottom: 10px;  }
.type-r-db h5{ height: 30px; line-height: 30px;  }
.type-r-db h5 a{ float: left; width: 50%; text-align: center; line-height: 30px; height: 30px; font-size: 13px; color: #61687c;  }
.type-r-db-item{ width: 100%; height: auto; margin-top: 15px;   }
.type-r-db-item a{margin-top: 10px; float: left; width: 50%; display: block; text-align: center;  }
.type-r-db-item a img{ width: 18px; height: 18px;  margin: 0 auto; display: block;  }
.type-r-db-item a h3{ color:#61687c; line-height: 25px; font-size: 13px;   }

.dtnr{  margin: 20px auto; background: #fff; height: 45px; position: relative;    }
.dtnr-item{ width: 50%; height: 45px; background: #fff; padding: 0 20px 0 150px; box-sizing: border-box; position: relative; float: left;  }
.dtnr-item img{ width: 66px; height: 15px; top: 15px; position: absolute; left: 50px;  }
.dtnr-nr{ height: 45px; line-height: 45px; width: 100%; font-size: 12px; color: ##586062;   }
.dtnr-nr span em{ color: #fba347; margin-left: 5px;  }
.dtnr-nr span{ margin: 0 10px;  }
.dtnr-line{ width: 1px; height: 37px; background: #eee; position: absolute; left: 50%;  top: 4px; z-index: 99; }

.gzzp{ padding-top: 1px;  }
.ty-title{ width: 100%; margin-top: 25px; margin-bottom: 15px; color: #333; font-size: 24px; height: 30px; line-height: 30px;  position: relative;   }
.ty-title img{ width: 20px; height: 20px; vertical-align: middle; display: inline-block; margin-right:5px;  }
.ty-title a{ font-size: 14px; color: #333; position: absolute; right: 0px; top: 0px; height: 30px; line-height: 30px;  }

.ty-title span{ vertical-align: middle; display: inline-block;  }

.gzzp-nr{ width: 100%; height: 470px; padding: 70px 700px 0 60px;  box-sizing: border-box; border-radius: 5px; background: #f8f8f8; box-shadow: 0 0 4px 0 #dcdcdc; position: relative; margin-bottom: 20px;    }

.gzzp-nr-l{ width: 100%; height: auto;   }
.gzzp-nr-l h5{ color:#404040; font-size: 30px; font-weight: bold; line-height: 30px;  }
.gzzp-nr-l h4{ margin: 10px 0;  color:#666; font-size: 12px; line-height:12px;  }

.gzzp-l-list{ padding: 40px 20px 0; box-sizing: border-box; width: 400px; height: 268px; background: url(../images/gzzp-bg.png) no-repeat; position: relative; background-size: 400px 268px;  }
.gzzp-l-list p{ margin-bottom: 15px;  font-size: 15px;color: #61687c;   }
.gzzp-l-list p img{ margin-right: 10px;  }

.gzzp-dtt{ position: absolute; right: 40px; top: 70px ; width: 657px; height: 352px; background: url(../images/dn-bg.png) no-repeat top center;  }
.gzzp-dtt img{ position: absolute; left: 95px; top: 19px; width: 470px; height: 280px; display: block;  }

.sjs-list{ width: 100%; height: auto;  }
.sjs-list dd{ float: left; width: 292px; height: 116px; border-radius: 5px; box-shadow: 0 0 4px 0 #dcdcdc; margin-right: 10px;  background: #fff; transition: all 0.2s; box-sizing: border-box;  margin-bottom: 10px;   }
.sjs-list dd a{ display: block; width: 100%; box-sizing: border-box; padding-left: 75px; box-sizing: border-box; padding-top: 15px; padding-right: 15px;   height:100%; position: relative;   }
.sjs-tx{  width: 50px; height: 50px; position: absolute; left: 15px; top: 33px; border-radius: 50%;  box-sizing: border-box;  }
.sjs-list dd h5{ width: 100%; padding-right: 75px; box-sizing: border-box; height: 25px; line-height: 25px; position: relative;  }
.sjs-list dd h5 span{ color: #333; font-size: 18px; width: 100%; overflow:hidden; display: block; white-space: nowrap; text-overflow: ellipsis;  }
.sjs-list dd h5 em{ font-size: 14px; color:#FD6161 ; line-height: 25px; height: 25px; position: absolute; right: 0px; top: 0px; text-align: right;  }
.sjs-list dd h5 em i{  color: #999; }
.sjs-list dd h4{ margin: 5px 0 8px;  color: #999; font-size: 13px; height: 20px; line-height: 20px;  }
.sjs-list dd p{ width: 100%; display: block; height: 26px; overflow:hidden;   }
.sjs-list dd p i{float: left; width: 60px; height: 26px; border: 1px solid #d5d5d5; background: #fff; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; border-radius: 3px; margin-right: 5px;  white-space: nowrap; font-size: 13px; color:#312d2d; line-height: 25px; box-sizing: border-box; padding: 0 5px; box-sizing: border-box;  }

.sjs-list dd:nth-child(4n){margin-right: 0px;}
.sjs-list dd:hover{box-shadow: 0px 0px 6px 0px #a6a6a6;transform: scale(1.02);}

.sy-hfgg{  height: auto; margin: 25px auto;   }
.sy-hfgg a{ display: block; width: 100%; height: auto;  }
.sy-hfgg a img{ border-radius: 5px;  display: block; width: 100%; height: auto;  }


.zp-list{ width: 100%; height: auto;  }
.zp-list dd{ width: 288px;
	height: 325px;
	float: left;
	border-radius: 5px;
	box-shadow: 0 0 4px #dcdcdc;
	background-color: #fff;
	margin-right: 16px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.2s; box-sizing: border-box; }

.zp-list dd:nth-of-type(4n){ margin-right: 0px;  }
.zp-list dd:hover{ transform: scale(1.02); }


.zp-show{ margin-bottom: 15px;  width: 100%; height: 216px; border-radius: 5px 5px 0 0; display: block; } 
.zp-show img{ width: 100% ; display: block; height: 216px;  }

.zp-bt a{ width: 100%; display: block; padding: 0 15px; box-sizing: border-box; height:15px; line-height: 15px; font-size: 14px; color: #696969; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;   }

.zp-info{ width: 100%; padding: 0 60px 0 60px; box-sizing: border-box; position: relative; height: 40px;   }
.zp-info>img{ width:40px; height: 40px; border-radius: 50%; left: 15px; position: absolute; top: 0px;  }
.zp-info span{ width: 100%; line-height: 40px; height: 40px; font-size: 14px; color: #696969; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
.zp-info span img{ width:43px; margin-left:5px; }

.zp-info em{ cursor: pointer; position: absolute; right: 15px; top: 11px;  padding:0 5px;height:18px;border:1px solid #fff200; color:#fff200; font-size: 13px; line-height: 18px; }

.f8-bg{ width: 100%; padding: 1px 0 0;  height: auto; background: #f8f8f8;  }


.qzz-step {
	width: 100%;
	height: 103px;
	border-radius: 5px;
	background-color: #f8f8f8;
	box-shadow: 0 0px 4px 0 #dcdcdc;
	margin-bottom: 20px;
}

.qzz-step-item{ float: left; margin-top: 12px; text-align: center;   }
.qzz-step-item img { width: 30px; height: 30px;  }
.qzz-step-item p:nth-of-type(1){ font-size: 14px; color: #333; margin-top: 5px;   }
.qzz-step-item p:nth-of-type(2){ font-size: 12px; color: #999;   }

.qzz-step-line{ float: left; width: 58px; height: 10px; margin:47px 39px 27px 38px;  }
.qzz-step-line img{ width: 100%; height: 100%; }

.zj-gg{ width: 422px; height: 384px; border-radius: 5px; background: #fff; box-shadow: 0 0 4px #dcdcdc; float: left;  }
.zj-gg h5{ height: 54px; border-bottom: 1px solid #f6f6f6; color: #333; padding: 0 15px; box-sizing: border-box; font-size: 20px; line-height: 55px; position:relative;  }
.zj-gg h5 a{ position:absolute; right:10px; top:0px; height:54px; line-height:54px; color:#656565; font-size:13px;  }

.zj-gg-list{ width: 100%; height: 330px; overflow: hidden; padding: 10px 0; box-sizing: border-box;   }
.zj-gg-list a{ padding-right: 15px; box-sizing: border-box; width: 100%; height: 35px; color: #888; line-height:35px; padding-left: 45px;  position: relative; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  display: block; box-sizing: border-box; }
.zj-gg-list a img{ width: 20px; height: 21px; display: block; position: absolute; left: 15px; top:7px;  }

.ysr-cont{ float: right; width: 762px; height: 384px; border-radius: 5px; background: #fff; box-shadow: 0 0 4px #dcdcdc;   }
.ysr-cont h5{ height: 54px; border-bottom: 1px solid #f6f6f6; color: #333; padding: 0 15px; box-sizing: border-box; font-size: 20px; line-height: 55px;  }
.gghysr{ margin-bottom: 30px;  }

.ysr-list{ width: 100%; padding: 15px; box-sizing: border-box; height: auto }
.ysr-list li{ width: 100%; height: auto; height: 48px; line-height: 48px; font-size: 14px; color: #fff;  }
.ysr-dyh{ background: -webkit-linear-gradient(120deg, #fff200, #fff200) !important;  }
.ysr-list li span{ float: left; width: 20%; text-align: center;  }
.ysr-dyh{ border-radius: 5px 5px 0 0;  }

.ysr-hsh{ background: #fafef4; }
.ysr-hsh span{ color: #666;  }
.ysr-hsh span img{ width: 18px; height: auto; vertical-align: middle; }

.ysr-bsh{ background: #fff; }
.ysr-bsh span{ color: #666;  }
.ysr-bsh span img{ width: 18px; height: auto; vertical-align: middle; }

.qzzq-ad{ width: 100%; height: auto;  }
.qzzq-ad a{ display: block;  }
.qzzq-ad a img{ width: 100%; height: auto; display: block; }

.gzpj-list{  width: 100%; height: auto; padding-top: 60px; box-sizing: border-box;  margin-bottom: 20px;  }
.gzpj-list dd{ margin-right: 12px;  padding: 55px 10px 10px 10px;  float: left; width: 229px; height: 240px; background: #fff; border-radius: 5px; box-shadow: 0 0 4px #dcdcdc; position: relative; box-sizing: border-box;  }
.gzpj-list dd:nth-of-type(5){ margin-right: 0px;  }
.gzpj-list dd img{ position: absolute; left: 50%; margin-left: -48px; width: 96px; height: 96px; top: -48px; box-shadow: 0 0 4px #dcdcdc;  border-radius: 50%; display: block;  }
.gzpj-list dd h5{ text-align: center; font-size: 14px; color: #333; line-height: 15px; height: 15px; margin-bottom: 8px;    }
.gzpj-list dd p{ height: 150px; overflow: hidden; font-size: 12px; color: #666; line-height: 25px;    }

.hnyy{ padding: 20px 0 0;  box-sizing: border-box; }
.hnyy h5{text-align: center; font-size: 22px; color: #333; line-height: 30px; height:30px; }
.hnyy p{text-align: center; font-size:12px; color: #666; line-height:30px; height:30px; }

.logowall{ width: 100%; height: auto; margin-top: 40px;  }
.logowall ul{ height: 100px;  }
.logowall ul li{ height: 90px; width: 200px; float: left; }
.photowall{ background: url(../images/logowall.png); display: block; opacity: 0.5; -webkit-filter:grayscale(100%); }
.photowall:hover{ filter:grayscale(0%); opacity: 1;   }
.m-5{ margin-top: -5px;  }
.m-20{ margin-top: -20px;  }
.m-25{ margin-top: -25px;  }
.m-15{ margin-top: -15px;  }


.yy-1{ width: 110px; height: 45px; background-position: 0px 0px;  }
.yy-2{ width: 98px; height: 69px; background-position: -180px -0px;  }
.yy-3{ width: 97px; height: 32px; background-position: -0px -45px;  }
.yy-4{ width: 115px; height: 28px; background-position: -280px -0px;  }
.yy-5{ width: 100px; height: 35px; background-position: -280px -30px;  }
.yy-6{  width: 66px; height: 74px; background-position: -110px -0px;  }

.photowall2{ background: url(../images/hire2.png); display: block; opacity: 0.5; -webkit-filter:grayscale(100%); }
.photowall2:hover{ filter:grayscale(0%); opacity: 1;   }
.yy2-1{ width: 126px; height: 39px; background-position:-0px -65px;  }
.yy2-2{ width: 69px; height: 63px; background-position: -0px -0px;  }
.yy2-3{ width: 106px; height: 33px; background-position: -280px -5px;  }
.yy2-4{ width: 94px; height: 32px; background-position: -75px -10px;  }
.yy2-5{ width: 130px; height: 49px; background-position: -135px -60px;  }
.yy2-6{  width: 104px; height: 55px; background-position:-175px -0px;  }

.photowall3{ background: url(../images/hire3.png); display: block; opacity: 0.5; -webkit-filter:grayscale(100%); }
.photowall3:hover{ filter:grayscale(0%); opacity: 1;   }
.yy3-1{ width: 98px; height: 33px; background-position:-5px -55px;  }
.yy3-2{ width: 110px; height: 48px; background-position: -0px -0px;  }
.yy3-3{ width: 142px; height: 24px; background-position: -225px -35px;  }
.yy3-4{ width: 102px; height: 36px; background-position: -115px -30px;  }
.yy3-5{ width: 97px; height: 27px; background-position: -110px -0px;  }

.photowall4 {
    background: url("../images/pinduoduo.png") no-repeat !important;
    background-position: 0px 0px !important;
    width: 126px !important;
    height: 44px !important;
}
.photowall4:hover{
    background-position: -129px 0px !important;
}


.wdbz{ width: 100%; height: auto;  margin-top: 20px;  }
.wdbz-item { width:20%; float: left;text-align: center;  }
.wdbz-item  img{ width: 69px;  height: 80px; margin: 0 auto 10px;  }
.wdbz-item  h4{ font-size: 18px; color: #333; margin-top: 5px;  }
.wdbz-item  p{ font-size: 16px; color: #888; margin-top: 5px;   }






/*脚部*/

.links{ line-height:30px;  margin-bottom: 10px;   color: #bfbfbf; font-size: 14px;  }
.links a{ color: #bfbfbf; margin-right: 15px;   }
.footer{ width:100%; background:#666;}
.foot-cont{ width:1200px; margin:0 auto; position: relative;   padding:30px 0; box-sizing:border-box;}
.foot-cont-l{ float:left; width:100%; }
.foot-cont-l dl{ width:110px; float:left; margin-right:100px; padding-right: 20px; box-sizing: border-box;  }
.foot-cont-l dl:last-child{ width: auto; margin-right: 0px;   }
.foot-cont-l dt a{ cursor:default; font-size:13px; font-weight: bold; color:#fff; margin-bottom:5px; display: block; line-height: 35px; }
.foot-cont-l dd a{ font-size:12px; line-height:30px;  color:#fff; }
.foot-cont-l dd a:hover{ text-decoration:underline;  font-size:12px;  color:#fff; }
.ewm{ width: 100px; height: 100px; position: absolute; right:0px; top: 30px;  }
.ewm img{ width: 100px; height: 100px;  }
.foot-bottom{ width:100%;  height: 60px; line-height: 60px;  background: #1f1f1f; text-align: center;  }
.foot-bottom h2{ font-size:13px; color: #bfbfbf;text-align: center;   }
.foot-bottom h2 a{ margin-left: 50px; font-size: 13px; color: #bfbfbf;  }



/*用户登录*/

.login-cont{ width:950px; margin:50px auto 0;}
.cont-l{ width:520px; height:340px; margin-top:0px; float: left; }
.cont-l img{ width:520px; height:340px;}

.cont-r{ width:400px; margin-left:30px;   float: left; }
.cont-ipt{ width:400px; height: 340px; box-sizing: border-box; padding:20px 20px 10px; box-sizing:border-box;border:1px solid #f0f0f0; border-radius: 3px; }
.client-main { width:300px; margin:0 auto;  }
.client-main h3 { font-size: 24px; line-height: 40px; color:#666; text-align:center; margin-bottom:25px; }
.client-main .txt-a {  border-radius: 3px;  width:100%; height:40px; margin: 0 0 10px;  position:relative;  box-sizing:border-box; border-bottom:1px solid #f0f0f0; line-height: 40px;    }
.client-main .txt-a input{ width: 100%;font-size: 14px; line-height: 40px;  color: #666; background: none; }

.client-main .btn { cursor: pointer; width:100%; height: 40px;  margin: 10px 0px 10px 0px;font-size: 16px; line-height: 40px;  color:#282828; text-align: center;background:#fff200; border-radius: 3px;  }
.client-main .txt-d{ width:300px; height:35px; }
.client-main .txt-d p{font-size: 12px; line-height: 22px;  color:#666;}
.client-main .txt-d input{ vertical-align:middle; margin:-1px 5px 0 0 ;}
.client-main .txt-d a{font-size: 12px; line-height: 22px;  color:#666;}

.myzh{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #999;  }
.myzh a{ color:#fba347;   }

.reg-bg{ padding: 50px 0 ; box-sizing: border-box; }
.reg-show{ width: 880px; height: 450px; margin: 0 auto;  background: #fff; border-radius: 5px; position: relative;   }

.reg-tab{ width: 100%; height: 450px;  }
.reg-nr{ width: 100%; height: 450px;display: none;    }

.reg-nr-left{ float: left; width: 440px; }
.reg-nr-left h5{ font-size: 24px; color: #666; height: 24px; margin-bottom: 14px;  line-height: 24px;    }
.reg-nr-left h4{ margin-bottom: 30px;  font-size: 14px; color: #666; height: 14px; line-height: 14px;    }
.reg-nr-left img{   width: 220px; height: 170px; margin: 0 auto 45px; display: block;  }
.reg-nr-left span{ font-size: 14px; color:#fba347; cursor: pointer;   }
.reg-nr-bd{ width: 440px; padding-left: 40px;  float: left; height: 450px; padding-top:45px; box-sizing: border-box;  }
.reg-nr-bd .client-main{ margin: initial!important; }

.reg-nr-item{ width: 100%;  text-align: center; padding-top:60px; box-sizing: border-box; }
.yzmtp{ width: 100px; height: 34px; position: absolute; right: 0px; top:0px;   }

.reg-item{ width: 50%; height: 450px; text-align: center; padding-top:60px; box-sizing: border-box; float: left; }
.reg-item h5{ font-size: 24px; color: #666; height: 24px; margin-bottom: 14px;  line-height: 24px;    }
.reg-item h4{ margin-bottom: 30px;  font-size: 14px; color: #666; height: 14px; line-height: 14px;    }
.reg-item img{   width: 220px; height: 170px; margin: 0 auto 45px; display: block;  }
.reg-item a{ width: 165px; height: 40px; line-height: 40px; background: #fff200; border-radius: 5px; text-align: center; font-size: 14px; color: #282828; display: block; margin: 0 auto;  }

.reg-tips{ width: 100%;  margin-top: 20px;   text-align: center; }
.reg-tips h4{ font-size: 13px; color: #999; }
.reg-tips p{ font-size: 13px; color: #666; line-height: 30px;  }
.reg-tips p a{ color: #fba347;  }

.lg-qx,.lg-xs,.lg-zk{ cursor: pointer; width: 20px; height: 20px; position: absolute; right: 5px; top: 10px;  }
.mm-xy.on .lg-xs{ display: none;  }
.mm-xy.on .lg-zk{ display: block;  }
.lg-xs{ display: block;  }
.lg-zk{ display: none;  }


.dxyzm{ font-size: 13px; color: #fba347; position: absolute; right: 0px; top:0px; cursor: pointer;  }
.reg-show-s{ padding-top: 50px; box-sizing: border-box; }

.page-cont{ width: 100%; background: #f4f4f4; padding:20px 0 40px; box-sizing: border-box; }

.cate-search{  border:1px solid #eee; background: #fff;     }
.cate-p{ height: 40px; line-height: 40px; font-size: 16px; color: #444; padding: 0 15px; box-sizing: border-box;  border-bottom: 1px solid #eee;   }
.cate-search dl{ width: 100%;height: auto;  }
.cate-search dd{ padding-left:120px; border-bottom:1px solid #eee; box-sizing:border-box; width:100%; min-height:44px; position:relative;   }
.cate-search dd:last-child{ border-bottom:0px solid #ccc; }
.cate-search dd label{ position:absolute; left:0px; width:120px; top:0px; line-height:44px; padding-left:20px; box-sizing:border-box; font-size: 14px; color: #888; font-weight: bold;  }
.cate-list{ width:100%; padding:9px 5px 0 0px; box-sizing:border-box; background:#fff;   }
.cate-list a{ font-size: 14px;  line-height:25px; padding:0 6px; margin:0 5px 10px; display:inline-block; white-space:nowrap; color:#666;  }
.cate-list a.on{ background:#fba347; color:#fff; border-radius:3px;  }

.cate-px{  height: 50px; box-sizing: border-box; border: 1px solid #eee; background: #fff; margin: 15px auto!important;   }
.cate-px span{ line-height: 47px; font-size: 14px; color: #666;  text-align: center;  float: left; padding: 0 20px; cursor: pointer;  border-right: 1px solid #eee; border-bottom: 2px solid #fff;    }
.cate-px span img{ vertical-align: middle; margin-left: 5px;   }
.cate-px span.on{ color:#fba347;  border-bottom: 2px solid #fba347;  }

.main-box-1000{ width: 1000px; margin: 0 auto;  }

.design-list{ height: auto;  }
.design-list dl{ width: 100%; height: auto; background: #fff;  }
.design-list dd{ margin-bottom: 20px; border: 1px solid #e5e5e5;  background: #fff; width: 100%; height: 290px; box-sizing: border-box;  }

.design-list dd:hover{ box-shadow: 0 0 10px 0 rgba(56, 81, 76, 0.12);   transform: translateY(0px); }
.design-info{ width: 100%; padding: 40px 390px 0 200px; box-sizing: border-box;  position: relative; }
.design-tx{ position: absolute; left: 0px; top: 40px; width: 200px; text-align: center;  }
.design-tx a{ width: 120px; height: 120px; display: block; margin: 0 auto 15px;  }
.design-tx a img{ width: 120px; height: 120px; border-radius: 50%; display: block;  }
.design-tx p{ height: 20px; line-height: 20px; text-align: center;  }
.design-tx p span{ color: #FD6161; font-size: 14px;  }
.design-tx p em{ color: #FD6161; font-size: 18px;  }
.design-tx p i{ color: #666; font-size: 14px;  }

.design-xx{ width: 100%; height: auto;  }
.design-xx h5{ margin-bottom:8px;  }
.design-xx h5 span{ vertical-align: middle; display: inline-block; margin-right: 2px;  }
.design-xx h5 span a{ font-size: 18px; color: #666; }
.design-xx h4{ margin-bottom: 8px;   }
.design-xx h4 span{ color: #666; font-size: 14px; margin-right: 20px;  }
.design-xx h3{ width: 100%; color: #666; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 8px;   }
.design-jn{ width: 100%; height:40px; margin-bottom: 10px;   }
.design-jn img{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 5px; filter:grayscale(100%);  }
.design-jn img.on{ filter:grayscale(0%);}
.design-btn{ width: 100%; height:33px;   }
.design-btn a{ width: 100px; float: left; height: 33px; background: #fff200; border: 1px solid #fff200; color: #282828; font-size: 16px; margin-right: 20px; display: block; border-radius: 5px; text-align: center; line-height: 33px;  }
.design-btn a:last-child{  background: #fff; color: #282828;  }

.design-zp{ width:360px; position: absolute; right:20px; top: 40px;height: 120px;  }
.design-zp p{ float: left; width: 160px; height: 120px; margin-right: 12px; border-radius: 5px; position: relative;  }
.design-zp p img{ width: 160px; height: 120px; border-radius: 5px; display: block;   }
.design-zp a{ display: none;   position: absolute; width: 100%; height: 120px; background: rgba(0,0,0,0.4); border-radius: 5px; left: 0px; top: 0px; text-align: center; line-height: 120px; font-size: 15px; color: #fff; transition: all .3s;    }
.design-zp p:hover a{ display: block;transition: all .3s;   }

.ds-zwjs{ width: 100%; padding:25px 60px 0 200px; box-sizing: border-box; height: 30px; line-height: 30px; position: relative;  }
.ds-zwjs span{ position: absolute; text-align: center;  left: 0px;  width: 200px; height: 30px; line-height: 30px; top: 25px; font-size: 14px; color: #fba347;  }
.ds-zwjs p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.page-number{ width: 100%; margin:40px auto 0; text-align: center;  }
.page-number li{ cursor: pointer; display: inline-block; height: 30px; border: 1px solid #ddd; border-radius: 3px; color: #666; background: #fff; padding: 0 10px; font-size: 13px; line-height: 30px; margin: 0 2px;   } 
.page-number li.on , .page-number li:hover{ background: #fff200; border-color: #fff200;  color: #fff;   }   
.page-number li.disabled{ opacity: .5;  cursor: default; }



.case-list dd{ width: 288px;
	height: 325px;
	float: left;
	border-radius: 5px;
	box-shadow: 0 0 4px #dcdcdc;
	background-color: #fff;
	margin-right: 16px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.2s; box-sizing: border-box; }

.case-list dd:nth-of-type(4n){ margin-right: 0px;  }
.case-list dd:hover{ transform: scale(1.02); }


.zp-shows{ margin-bottom: 15px;  width: 100%; height: 216px; border-radius: 5px 5px 0 0; display: block; } 
.zp-shows img{ width: 100% ; display: block; height: 216px;  }

.zp-bts a{ width: 100%; display: block; padding: 0 15px; box-sizing: border-box; height:15px; line-height: 15px; font-size: 14px; color: #696969; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;   }
.zp-zbts{ font-size: 14px; color: #9A9A9A; line-height: 20px; height: 20px;  padding: 0 15px; box-sizing: border-box; width: 100%;  }

.zp-infos{ width: 100%; margin-top: 10px;  padding:0 80px 0 55px; box-sizing: border-box; position: relative; height: 30px;   }
.zp-infos>img{ width:30px; height: 30px; border-radius: 50%; left: 15px; position: absolute; top: 0px;  }
.zp-infos span{ width: 100%; line-height: 30px; height: 30px; font-size: 14px; color: #696969; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
.zp-infos span img{ width: 43px; margin-left: 5px; }

.zp-infos em{ cursor: pointer; position: absolute; right: 15px; top:6px;  padding:0 5px;height:18px;border:1px solid #fff200; color:#282828; font-size: 12px; line-height: 17px; }

.fb-banner{ width: 100%;height: auto;  }
.fb-banner img{ width: 100%; height: auto; display: block; }

.fb-bg{ width: 100%; height: auto; background: linear-gradient(57deg,#ffc11b,#ff5a00); padding:40px 0; }
.fb-nr{ width: 800px; margin:0px auto; display: block;  }
.fb-nr-title{ width: 100%; text-align: center; font-size: 22px; color: #fff; line-height: 40px; height: 40px; margin-bottom: 20px;   }
.xq-item{width: 100%;  margin-bottom: 15px; padding-left: 120px; box-sizing: border-box;  position: relative; }
.xq-item span{ width: 120px; position: absolute; left: 0px; top: 0px; font-size: 16px; line-height: 50px; height: 50px; color: #fff;  }
.xq-nr-cont{ width: 100%; min-height: 50px;  }
.xq-nr-cont input{ border-radius: 5px;   width: 100%; height: 50px; line-height: 50px; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #333; display: block; }
.xq-nr-cont textarea{ border-radius: 5px;   width: 100%; height: 80px; line-height:25px; padding:10px 10px; box-sizing: border-box; font-size: 14px; color: #333; display: block;  resize: none;}
.xq-item-ts{ font-size: 14px; color: #fff; text-align: center; margin: 20px 0;  }

.xq-item-btn{ cursor: pointer; width: 250px; height: 50px; margin: 0 auto; background: #fff; border-radius: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #ff5a00; display: block; }


.xqzx{ font-size: 22px; line-height: 40px; height: 40px; margin-bottom: 10px;   }
.xqzx-list,.xqzx-list-tab { width: 100%; height: auto; }
.xqzx-list-tab{ height: 40px; line-height: 40px; background:#f5f5f5; border: 1px solid #dbdbdb; box-sizing: border-box;   }
.xqzx-list-tab span:nth-of-type(1){ float: left; width: 300px; text-align: center; border-right: 1px solid #dbdbdb; font-size: 16px; color: #37404a; box-sizing: border-box;   }
.xqzx-list-tab span:nth-of-type(2){ float: left; width:700px; text-align: center; border-right: 1px solid #dbdbdb; font-size: 16px; color: #37404a; box-sizing: border-box;   }
.xqzx-list-tab span:nth-of-type(3){ float: left; width:198px; text-align: center; font-size: 16px; color: #37404a; box-sizing: border-box;   }

.xqzx-bg{ background: #fafafa!important; padding-bottom: 40px;   }

.xqzx-list-table{ height: 40px; line-height: 40px; border-bottom: 1px dashed #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; box-sizing: border-box; display: block; width: 100%;   }
.xqzx-list-table:hover{ background:#f5f5f5;  }
.xqzx-list-table:last-child{ border-bottom: 1px solid #dbdbdb;  }
.xqzx-list-table span:nth-of-type(1){ float: left; width: 300px; text-align: center; border-right: 1px solid #dbdbdb; font-size: 14px; color: #37404a; box-sizing: border-box; padding: 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   }
.xqzx-list-table span:nth-of-type(2){ float: left; width:700px; text-align: left; border-right: 1px solid #dbdbdb; font-size: 14px; color: #37404a; box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  padding: 0 10px;  }
.xqzx-list-table span:nth-of-type(3){ float: left; width:198px; text-align: center; font-size: 14px; color: #37404a; box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  padding: 0 10px;  }


.gz-info{ width: 100%; height: auto; padding: 20px 30px 20px 30px; box-sizing: border-box; background: #fff; box-shadow: 0 0 4px #dcdcdc; margin-bottom: 30px;  border-radius: 5px;  }
.gz-info h5{ line-height: 40px; font-size: 16px; color: #666;  height: 40px; border-bottom: 1px solid #eee;  }
.gz-info h5 a{ color: #fff200; }
.gz-info-xx{ width: 100%; padding-top: 20px; box-sizing: border-box; line-height: 25px; color: #a3a3a3; font-size: 14px;   }
.gz-info-xx span{  margin-right:500px;  }

.greentips{ width: 100%; background: #FEFBE3; border: 1px solid #fff200; box-sizing: border-box; padding: 20px; box-sizing: border-box;  }

.greentips h4{ font-size: 13px; color: #333;  }

.greentips p{ color:#999; font-size: 13px;  }

.g-banner{ width: 100%; height: auto; display: block; }
.g-banner img{  width: 100%; height: auto; display: block;  }

.guide-tab{ width: 1200px ; position: relative; z-index: 99; margin:-60px auto 20px; height: 120px; background: #fff; box-shadow: 0 0 5px #ccc; border-radius: 5px;   }

.guide-box{ margin-bottom: 20px;  }

.guide-box-item{background: #fff; padding:20px 40px ; box-sizing: border-box; box-shadow: 0 0 5px #ccc;border-radius: 5px; width: 100%; height: auto;    }

.guide-tab h5{ cursor: pointer; width: 25%; height: 120px; float: left;   text-align: center; position: relative; line-height: 120px;   }
.guide-tab img{ width: 60px; height: 60px; display: inline-block;vertical-align: middle; margin-right: 5px; line-height: 120px;    }
.guide-tab span{  line-height: 120px; font-size: 26px; color: #666;  display: inline-block;vertical-align: middle;  line-height: 120px;    }
.guide-tab em{ width: 100%; height: 5px; background: #fba347; position: absolute; left: 0px; bottom: 0px; display: none;  }
.guide-tab h5.on span{ color: #fba347;  }
.guide-tab h5.on em{ display: block;  }

.sjs-h-bg{ width: 100%; height: auto; background: #fafafa; padding: 40px 0; box-sizing: border-box; }

.sjs-db{   box-shadow:0 0 4px #dcdcdc; margin-bottom: 20px;  }
.sjs-db-fm{ width: 100%; height: auto; border-radius: 4px;  }
.sjs-db-fm img{ width: 100%; height: 450px; border-radius: 4px 4px 0 0 ;  display: block; }

.sjs-db-xx{ width: 100%; height: 190px; background: #fff; border-radius: 0 0 4px 4px; position: relative; padding:30px 330px 0 230px; box-sizing: border-box;  }

.sjs-db-tx{ width: 230px; position: absolute; left: 0px; top: 0px; padding-top: 25px; box-sizing: border-box;  }
.sjs-db-tx-pic{ border-radius: 50%; width: 100px; height: 100px; margin: 0 auto 10px;  display: block;   }
.sjs-db-tx h5 { text-align: center; width: 100%;  }
.sjs-db-tx h5 a{ display: inline-block; width: 72px; height: 34px; line-height: 34px; box-sizing: border-box; border: 1px solid #fff200; color: #282828; cursor: pointer; font-size: 14px; text-align: center;  margin: 0 2px; border-radius: 4px;  }
.sjs-db-tx h5 a img{ margin: -3px 5px 0 0 ;  vertical-align: middle; display: inline-block;  }

.sjs-db-nr{ width: 100%; height: auto;  }
.sjs-db-nr h5{ width: 100%;  height: 30px; line-height: 30px;  }
.sjs-db-nr h5 span{ font-size: 24px; color: #333; line-height: 30px; display: inline-block;  vertical-align: middle; }
.sjs-db-nr h5 img{ margin: 0 5px;  vertical-align: middle;display: inline-block; }
.sjs-db-nr h5 em{ font-size: 16px; color: #999; line-height: 30px; display: inline-block; vertical-align: middle;  }
.sjs-db-nr h4 span{ font-size:14px; color: #666; line-height: 30px; margin-right: 40px;  }
.sjs-db-nr h4{ margin: 15px 0;  }
.sjs-db-bs span{font-size:14px; color: #666;  margin-right: 50px; height: 20px; line-height: 20px;   }
.sjs-db-bs span img{ vertical-align: middle; display: inline-block; }
.sjs-db-bs span em{ vertical-align: middle; display: inline-block; margin:0 5px;  }
.sjs-db-bs span i{ color: #fba347;  }
.rztb{ width: 130px; height: 130px; position: absolute; right: 330px; top: 0px; display: block; }

.sjs-db-fs{ width: 330px; height: 190px; position: absolute; right: 0px; top: 0px; text-align: center; padding-top: 35px; box-sizing: border-box;  }
.sjs-db-jg { font-size: 14px; color: #666; line-height: 20px; height: 20px; text-align: center;   }
.sjs-db-jg em{ color: #ff0000;  }
.sjs-db-jg span{ font-size: 24px; color: #ff0000; margin: 0 2px;   }
.sjs-db-fs a{  margin: 10px auto; box-sizing: border-box; width: 185px; height: 40px; line-height: 40px; font-size: 16px; color: #282828; background: #fff200; text-align: center; border-radius: 4px; display: block;   }
.sjs-db-fs p{ color: #666;  font-size: 14px; line-height: 24px;  height: 24px;   }
.sjs-db-fs p img{ width: 24px; height: 24px; display: inline-block; margin: 0 3px; vertical-align: middle;   }
.l-line{ position: absolute; left: 0px; top: 25px; height: 140px; background: #eee;width: 1px;  }

.sjs-grxx{ height: auto;  box-shadow:0 0 4px #dcdcdc; border-radius: 4px;  margin-bottom: 20px; background: #fff; padding:15px 30px 20px; box-sizing: border-box;    }
.sjs-xx-title{ width: 100%; height:60px; line-height: 60px; border-bottom: 1px solid #eee;  }
.sjs-xx-title em{ display: inline-block; vertical-align: middle; background: url(../images/jlt.png) no-repeat; }
.jlt-grxx{ width: 26px; height: 28px;  background-position: 0 -333px!important;  }
.sjs-xx-title span{ font-size: 18px;  color: #666;display: inline-block; vertical-align: middle; margin-left: 5px;   }
.sjs-grxx-cont{ width: 100%; padding-top: 15px; box-sizing: border-box; font-size: 14px; color: #a3a3a3; line-height: 40px;  }
.sjs-grxx-cont h5{  font-size: 14px; color: #a3a3a3; line-height: 40px; height: 40px;  }
.sjs-grxx-cont h5 span{ margin-right: 300px;  }
.sjs-grxx-cont h5 span:last-child{ margin-right: 0px;  }
.sjs-grxx-cont h4{  font-size: 14px; color: #a3a3a3; line-height: 40px; }
.h-line{ width: 100%; height: 1px; background: #eee; margin: 10px 0;  }
.jlt-grjs{ width: 24px; height: 28px;  background-position: 0 -250px!important;  }
.jlt-grjn{ width: 26px; height: 28px;  background-position: 0 -305px!important;  }
.jlt-grzp{ width: 28px; height: 28px;  background-position: 0 -389px!important;  }

.n-btm{ border-bottom: 0px solid #ddd!important;  }
.sjs-grxx-conts{ width: 100%; box-sizing: border-box; font-size: 14px; color: #a3a3a3; line-height: 40px;  }
.sjs-grxx-cont{ width: 100%; height: auto;  }
.sjs-grxx-cont dd{ float: left; width: 20%; text-align: center;  }
.sjs-grxx-cont dd img{ width: 180px; height: 180px; margin: 0 auto; display: block;  filter:grayscale(100%);  }
.sjs-grxx-cont dd p{ text-align: center; font-size: 14px; color: #666; line-height: 30px; height: 30px;  }
.sjs-grxx-cont dd.on img{   filter:grayscale(0%);}



.ds-zp-list{ width: 100%; height: auto;  margin-top: 30px;  }

.ds-zp-list dd{ width: 350px;
	height: 360px;
	float: left;
	padding: 5px; box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 0 4px #dcdcdc;
	background-color: #fff;
	margin: 0 15px 15px; 
	overflow: hidden;
	transition: all 0.2s; box-sizing: border-box; }
.ds-zp-list dd:hover{ box-shadow: 0 0 20px #dcdcdc;  }

.ds-zp-shows{ margin-bottom: 15px;  width: 100%; height: 260px; border-radius: 5px 5px 0 0; display: block; } 
.ds-zp-shows img{ width: 100% ; display: block; height: 260px; border-radius: 5px 5px 0 0; }

.ds-zp-bts a{ width: 100%; display: block;  box-sizing: border-box; height:20px; line-height: 20px; font-size: 16px; color: #696969; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;   }
.ds-zp-zbts{ font-size: 14px; color: #9A9A9A; line-height: 20px; height: 20px;  box-sizing: border-box; width: 100%;  }


.cd-tb{ background: #fff;box-shadow: 0 0 4px #dcdcdc; border-radius: 4px; margin-bottom: 20px; padding: 25px 460px 0 20px; box-sizing: border-box;  min-height: 150px;  position: relative; box-sizing: border-box;    }
.cd-tb-bt{ width: 100%; position: relative;   }
.cd-tb-bt h5{ font-size: 18px; color: #666; line-height: 40px; height: 40px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;  }
.cd-tb-bt h4{ height:20px; line-height: 20px; margin-bottom:15px;  font-size: 14px; color: #666;  }
.cd-tb-bt h4 span{ display: inline-block; vertical-align: middle;  }
.cd-tb-bt h4 a {   font-size: 14px; color: #666; display: inline-block; vertical-align: middle; margin-left: 20px; }
.cd-tb-bt h3{  width: 100%; height: auto;  }
.cd-tb-bt h3 i{ font-size: 12px; color: #999; border: 1px solid #f0f0f0; border-radius: 5px; padding: 0 8px; margin-bottom: 5px; margin-right: 8px; line-height: 20px; height: 22px; box-sizing: border-box; display: inline-block; }

.cd-lll{ position: absolute; right: 10px; top: 10px;  }
.cd-lll span{ display: inline-block; color: #666; font-size: 12px; line-height: 20px; height: 20px; vertical-align: middle; margin: 0 5px;   }
.cd-lll i{ background: url(../images/dz-jlt.png) no-repeat; width: 14px; height: 9px; background-position: 0 -34px;  display:inline-block; vertical-align: middle; margin-right: 5px;    }
.cd-lll span:last-child i{  width: 12px; height: 11px; background-position: 0 -11px;  }

.cd-tb-grxx{ position: absolute; right: 0px; top: 20px; width: 460px; padding:0 0px 0 180px; box-sizing: border-box; }
.cd-sjs-tx{ position: absolute; left: 50px; top: 0px; width: 110px; height: 110px; border-radius: 50%;  }
.cd-tb-grxx h5{ margin-bottom: 10px;  line-height: 30px; height: 30px; font-size: 14px; color: #666;  }
.cd-tb-grxx h5 span{ vertical-align: middle; display: inline-block;  }
.cd-tb-grxx h5 img{ vertical-align: middle; display: inline-block; margin-left: 5px;  }
.cd-tb-grxx h4{ margin-bottom: 15px;  font-size: 14px; color: #666; line-height: 20px; height: 20px;  }
.cd-tb-grxx h4 span{ color: #f00; font-size: 18px;  }
.cd-tb-grxx h3{ width: 100%; height: 32px;  }
.cd-tb-grxx h3 a{ width: 100px; font-size: 14px; color: #282828; height: 32px; line-height: 31px; border: 1px solid #fff200; text-align: center; border-radius: 5px; background: #fff200; display: inline-block; margin-right:10px;  }
.cd-tb-grxx h3 a:last-child{ color: #282828; background: #fff;  }
.cd-tb-grxx em{ width: 1px; height: 100px; position: absolute; left: 0px; top:5px; background: #eee;  }

.cd-max-pic{ margin-bottom: 20px; height: auto; padding: 20px 20px; box-sizing: border-box; box-shadow: 0 0 5px #dcdcdc; border-radius: 5px; background: #fff; text-align: center;  }
.cd-max-pic img{ margin: 0 auto; display: block; max-width: 100%;  }
.cd-max-pic a{ width: 100px; height: 40px; line-height: 40px; color: #282828; background: #fff200; border-radius: 5px; margin: 20px auto 0; font-size: 14px; display: inline-block; }

.cd-other{  height: auto; padding:0px 20px; box-sizing: border-box; box-shadow: 0 0 5px #dcdcdc; border-radius: 5px; background: #fff;  }
.cd-other h5{ width: 100%; height: 50px; border-bottom: 1px solid #eee; line-height: 50px; font-size: 14px; color: #666; margin-bottom: 15px;  }
.cd-other-list{ width: 100%; height: auto;  }
.cd-other-list dd{ width: 275px; height: 206px; border-radius: 5px; float: left; margin-right: 20px; position: relative;  margin-bottom: 20px;   }
.cd-other-list dd:nth-of-type(4n){ margin-right: 0px;  }
.cd-other-list dd img{  border-radius: 5px;  width: 100%; height: 100%; display: block;  }
.cd-other-list dd a{  border-radius: 5px;display: none;  transition: all .3s;   width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; line-height: 206px; text-align: center; font-size: 15px; color: #fff; background: rgba(0,0,0,0.5);  }
.cd-other-list dd:hover a{ display: block; transition: all .3s;  }

.my-bg{ width: 100%; height: auto; background: #fafafa; padding: 30px 0; box-sizing: border-box;  }

.my-menu{ width: 230px; height: auto; float: left;  }

.my-right{ width: 950px; float: right;  }


.my-tx{ width: 100%; height: auto; background: #fff; padding:30px 30px; box-sizing: border-box; border-radius: 5px; }
.my-tx img{border:1px solid #ddd; padding: 2px;  width: 140px; border-radius: 50%; margin: 0 auto;  height: 140px; display: block;  }
.my-tx h4{ text-align: center; font-size: 24px; color: #666; line-height: 24px; height: 24px; margin: 15px 0;  }
.my-tx p{text-align: center; font-size: 14px; color: #888; line-height: 14px; height: 14px;  }

.my-menu-nav{ width: 100%; height: auto; background: #fff; border-radius: 5px;margin-top: 20px; text-align: center; padding: 10px 0;   }
.my-menu-nav a {  display:  block; width: 100%; height: 40px; line-height: 40px; color: #666; font-size: 14px;text-align: center;  }
.my-menu-nav a:hover,.my-menu-nav a.on{ color: #fba347;  }

.my-right-box{ width: 100%;  border-radius: 5px; background: #fff; margin-bottom: 20px;  }
.my-right-box-title{border-radius: 5px 5px 0 0; width: 100%; height: 40px; line-height: 40px;  padding: 0 20px; box-sizing: border-box; background: #f0f0f0; font-size: 14px; color: #333; }


.my-right-cont{ padding: 20px; box-sizing:  border-box; width: 100%;  }

.per-info dd { margin-bottom:20px;}
.per-info dd label{ float:left; margin-right:20px; text-align:right;  width:100px; font-size: 14px; line-height: 30px;  color:#333;}
.info-ipt{ width:200px; height:30px; border:1px solid #f0f0f0; font-size: 14px; line-height: 30px; color:#666; padding:0 10px; border-radius: 3px; }
.btn-baocun{display:block; width:100px; height:30px; font-size: 13px; line-height: 30px; color:#282828; background:#fff200; text-align:center; border-radius: 3px;}

.per-r{ float: left;  }
.per-r img{border:1px solid #ddd; padding: 2px;  width: 100px; border-radius: 50%; margin: 0 auto;  height: 100px; display: block; box-sizing: border-box; float:left;    }
.per-r p{ float: left;  }
.bj-tx{ border-radius: 3px; display:block; width:100px; height:30px; font-size: 13px; line-height: 30px;  color:#282828; background:#fff200; position:relative; text-align:center; margin-top:35px; margin-left: 20px;  }
.bj-tx input{ position:absolute; left:0; top:0; width:100px; height:30px; background:none; opacity:0; cursor:pointer;}

.my-dd-show{ display: flex; }
.my-dd-show a:first-child{ border-left: 0px solid #ddd;  }
.my-dd-show a{ border-left: 1px solid #eee;  flex: 1; position: relative; padding-left: 140px; box-sizing: border-box; width: 100%; line-height: 80px; height: 80px; display: block;  }
.my-dd-show a img{ width: 80px; height: 80px; position: absolute; left: 25px; top: 0px;  }
.my-dd-show a span{ line-height: 80px; color: #333; font-size:30px;  }
.my-dd-show a span:hover { color: #fff200;  }

.my-right-sc{ min-height: 434px;  }

.case-list dd{ width: 288px;
	height: 325px;
	float: left;
	border-radius: 5px;
	box-shadow: 0 0 4px #dcdcdc;
	background-color: #fff;
	margin-right: 16px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.2s; box-sizing: border-box; }

.my-right-cont .case-list dd:nth-of-type(3n){ margin-right: 0px;  }
.my-right-cont .case-list dd:nth-of-type(4n){ margin-right: 16px;  }
.my-right-cont .case-list dd:hover{ transform:inherit; }
.my-right-cont .zp-infos em{ line-height:19px;  }

.order-search{ width: 100%;  height: auto; margin-bottom: 20px;   }
.od-ss-item{ float: left; height: 35px; line-height: 35px;  }
.od-ss-item input{ border-radius: 5px; width: 200px; height: 35px; box-sizing: border-box; line-height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #f0f0f0; font-size: 14px; color: #333; margin-right: 10px;display: inline-block;   }
.od-ss-item span{ cursor: pointer; width:80px; height: 35px; background: #fff200; font-size: 14px; color: #282828; text-align: center; border-radius: 3px; display: inline-block;  }


.list-list{ width:100%;  }
.list-list table{ width:100%;border:1px solid #e8e8e8;    }
.list-list table th{ text-align:center; height:40px; line-height: 30px; font-size: 13px; font-weight: bold; color:#333; vertical-align:middle; background:#f5f5f5; border-bottom: 1px solid #f0f0f0;  }
.list-list table td{text-align:center;  font-size: 13px;  color:#333; vertical-align:middle; padding:5px 5px; border-right:1px solid #f0f0f0;border-collapse:collapse;border-bottom:1px solid #f0f0f0; }

.sjs-list-list .or-sjs h5{ padding-top: 10px;  }

.or-sjs{  min-height: 60px;  text-align: left!important;  width: 100%; padding-left:50px; box-sizing: border-box; position: relative;  }
.or-sjs img{ width: 40px; height: 40px; display: block; border-radius: 50%;  position: absolute; left: 2px; top: 10px;  }
.or-sjs h5{ font-weight: bold; }
.or-sjs h5 em{ float: right; font-weight: 500; color: #f00;  font-size: 12px;  }

.or-btn{ width: 100%; height: auto; text-align: center;  }
.or-btn a{ display: inline-block; box-sizing: border-box; border:1px solid #f00;  border-radius: 3px;  margin: 0 2px; height: 25px; background:#f00; padding: 0 5px; color: #282828; font-size: 12px; line-height: 24px;  }
.bg-ls{ background: #fff200!important; border-color: #fff200!important;   }
.bg-hs{ background: none!important; border-color: #999!important; color: #999!important;    }



.box-tc{ width: 100%; height: 100%; position: fixed;left: 0px; top: 0px; background: rgba(0,0,0,0.5);z-index: 99999;  }
.box-main{ width:300px; height:auto; background: #fff;  position: absolute; z-index: 99999; left: 50%; top: 200px; margin-left: -150px;  border-radius:5px; padding: 0px 0 20px;  }
.box-tc-title{ width: 100%; height:50px; line-height:50px; text-align: center; font-size: 14px; color: #333;  }

.box-tc-tips{ line-height: 30px; height: 30px; text-align: center; font-size: 13px; color: #999;  }

.box-btn{ width: 100%;  margin-top:20px; padding: 0 20px; box-sizing: border-box; }
.box-btn a{ width: 45%; float:left; height: 30px; background: #fff200; line-height: 30px; font-size: 13px; color: #fff; border-radius:5px; text-align: center; display: block; }
.box-btn a.btn-qx{ float: right; background: #f1f1f1; color: #999;  }



.qdxq-main{ width:1000px; height:auto; background: #fff;  position: absolute; z-index: 99999; left: 50%; top:150px; margin-left: -500px;  border-radius:5px; padding:20px; box-sizing: border-box;  }
.icon-xxxx{ width: 20px; height: 20px; background: url(../images/icon-xxxx.png) no-repeat; position: absolute; right: 20px; top: 20px; cursor: pointer; }

.qdxq-tj{ width: 100%; height:auto; margin-bottom: 10px;   }
.qdxq-tj span{ display: inline-block; margin-right: 100px;   line-height: 30px; height: 30px; font-size: 14px; color: #333;  }
.qdxq-main .list-list{ width: 100% ; max-height: 200px;  }

.wtg-cl{ color: #f00;  }
.cxtj{ height: 20px; line-height: 20px; display: inline-block; background: #fff200; border-radius: 3px; color: #fff; padding: 0 5px; margin-left: 8px;  font-size: 13px;   }


.mrqd-main{ width:500px; height:auto; background: #fff;  position: absolute; z-index: 99999; left: 50%; top:150px; margin-left: -250px;  border-radius:5px; padding:40px 20px 20px; box-sizing: border-box;  }

.mrqd-item{ width: 100%; margin-bottom: 20px; padding-left: 70px; box-sizing: border-box; position: relative;   }
.mrqd-item span{ font-size: 14px; color: #333;  position: absolute; left: 0px; top: 0px; line-height: 40px; height: 40px;  }
.mrqd-nr{ width: 100%;  height: auto;   }
.mrqd-nr input{ border: 1px solid #f0f0f0; border-radius: 3px; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #333; height: 40px; line-height: 40px;  width: 200px; }

.mrqd-nr textarea{ width:380px; height:180px; border: 1px solid #f0f0f0; border-radius: 3px; line-height: 24px; font-size: 14px; color: #333; resize:none; display: block; padding: 10px 10px; box-sizing: border-box; }

.mrqd-tj{ width: 100%; height: 40px; margin:30px auto 0 ;display: block; background: #fff200; text-align: center; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 5px; cursor: pointer;  }
.mrqd-tj a{ color: #282828; display: block; }

#ljgy-tc .mrqd-item{ padding-left: 120px;  }


.zfxq-bg{ width: 100%; height: auto; background: #fafafa; padding: 30px 0;  }
.zfxq-title{  width: 100%; height: 40px; line-height: 40px; border-radius: 5px 5px 0 0;  padding: 0 10px; box-sizing: border-box;  background: #f0f0f0; }
.zfxq-nr{ border-radius: 5px; width: 800px; margin:0 auto; background: #fff; border-radius: 5px;  }

.zfxq-info{ width: 100%; padding: 30px; box-sizing: border-box;  }
.zfxq-info h5{ font-size: 14px; color: #777; line-height: 25px;  }
.zfxq-info h4{ margin-bottom: 25px;  font-size: 14px; color: #999; margin-top: 10px;  line-height: 25px;  }

.zf-xz-item{ cursor: pointer; width:100%; height: 80px; border: 1px solid #f0f0f0; border-radius: 5px; position: relative;margin-bottom: 15px; }
.zf-xz-item img{ width: 60px; height: 60px; position: absolute; left:90px; top: 10px;  }
.zf-xz-item span{ position: absolute; left: 180px; top: 0px;  line-height: 80px; color: #666; font-size: 18px;  }


.zf-xz-item input{ cursor: pointer; position: absolute; left:35px; top:29px;width:22px; height:22px; border:1px solid #cdcdcd;border-radius:22px;-webkit-appearance:none; background: #fff;  }
.zf-xz-item.on input{ border:none;background:url(../images/dg.png) no-repeat;}
.zf-xz-item.on{ border-color: #ff2f4e;  }



.qrzf{ float: right; width: 200px; height: 40px; line-height: 40px; color: #282828; text-align: center; border-radius: 5px; font-size: 16px; display: inline-block; background: #fff200; margin: 30px 0;  }

.zfxq-info p{ width: 300px; height: 300px; margin: 20px auto;  padding: 10px; border:1px solid #dcdcdc; box-sizing: border-box;  }
.zfxq-info p img{ width: 100%; height: 100%; display: block;  }


.nt-sm{ width: 100%; height: auto; }
.nt-sm img{ width: 100%; height: auto; display: block;  }
.nt-nr{ height: auto; margin-top: -100px; position: relative; z-index: 9;  }
.nt-nr-tb{ width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 15px;  }
.nt-nr-tb img{ width:14px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -3px;   }
.nt-nr-tb span{ margin-right: 10px;  }
.nt-nr-tb a{ color: #fff;  }

.nt-nr-box{ width: 100%; height: auto; padding: 20px ; box-sizing: border-box; background: #fff; border-radius:8px;  }

.nt-title{ width: 100%; text-align: center; font-size: 22px; line-height: 30px; }
.nt-h6{ text-align: center; padding:10px 0 10px; height: 20px; line-height: 20px; font-size: 12px; color: #999; border-bottom: 1px dashed #eee; }
.nt-h6 span{  margin: 0 20px;  }
.nt-edit{ width: 100%; padding: 20px 0; box-sizing: border-box; font-size: 13px; color: #666; line-height: 25px;  }
.nt-h-bg{ padding-bottom: 20px;  }
.nt-edit img{ max-width: 100%; display: block; margin:5px auto;  }


.xwlb-list{ width: 100%; height: 180px;  padding: 30px 0 30px 220px; position: relative;  box-sizing: border-box; border-bottom: 1px dashed #eee;  display: block;  }
.xwlb-list img{ width: 190px; height: 120px; box-sizing: border-box; position: absolute; left: 0px; top: 30px; border-radius: 5px;   }
.xwlb-bt{ font-size: 22px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 40px; color: #333;  }
.xwlb-ms{font-size: 12px; line-height: 30px;  width: 100%; height: 30px; color: #999;  }
.xwlb-ms span{ margin-right: 30px;  }
.xwlb-nr{ font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 25px; height: 50px;  }

.fhan a{ 
    width:120px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #fff200;
	color:#282828;
	background: #ffffff;
	margin: 20px auto;
	display: block;
	border-radius: 5px;
	font-size: 14px;
}

.n-sjs-dj img{ margin-left: 5px;  vertical-align: middle; width: 43px; height: auto; display: inline-block;  }



/*7-5*/
.n-zwz{ width: 100%; height: 50px;  }
.n-zwzs{ height: 80px;width: 100%;  }
.n-n-title{ width: 100%; text-align: center; height: 120px; line-height: 120px; font-size: 35px; color: #333;  }
.n-zbys-item{ width:300px; height: auto; float: left; padding: 0 30px; box-sizing: border-box;  }
.n-zbys-item img{ width: 239px; height: 220px; margin: 0 auto;  }
.n-zbys-item h5{ font-size: 20px; color: #333; text-align: center; width: 100%; line-height: 40px; height: 40px;  }

.n-zbys-item p{ font-size: 14px; color: #333; line-height: 24px;  }

.n-hzlc{ margin-top: 30px;  }
.n-hzlc-item{ position: relative;  float: left; width: 385px; height: 160px; margin-right:22.5px; box-shadow: 1px 1px 10px #ddd; border-radius: 10px;  margin-bottom: 22.5px; padding: 30px 0 0 80px; box-sizing: border-box;  }
.n-hzlc-item:nth-of-type(3n){ margin-right: 0px!important; }

.n-hzlc-item h5{ color: #8b69fa; font-size: 20px; height: 20px; line-height: 20px; margin-bottom: 15px;  }
.n-hzlc-item p{ color: #8b69fa; font-size: 16px;  line-height: 28px;  }

.n-hz-jb{ position: absolute; right: -3px; bottom:-3px;  }
.n-hz-tb{ position: absolute; left: 20px; top: 20px;  }

.n-hzlc-item:nth-of-type(2) h5{ color: #fa648d!important;   }
.n-hzlc-item:nth-of-type(2) p{ color: #fa648d!important;   }

.n-hzlc-item:nth-of-type(3) h5{ color: #7b9cf8!important;  }
.n-hzlc-item:nth-of-type(3) p{ color: #7b9cf8!important;  }

.n-hzlc-item:nth-of-type(4) h5{ color: #63d2bb!important;   }
.n-hzlc-item:nth-of-type(4) p{ color: #63d2bb!important;   }

.n-hzlc-item:nth-of-type(5) h5{ color: #f39a3c!important;   }
.n-hzlc-item:nth-of-type(5) p{ color: #f39a3c!important;   }


.dbjy-tb{ width: 100%; height: 88px; background: #fff200; margin-bottom: 30px;   }
.dbjy-tb a{ float: left; width: 300px; height: 88px; line-height: 88px; font-size: 26px; color: #282828; text-align: center; cursor: pointer;  }
.dbjy-tb a.on{ background: #ffd100;  }

.n-db-box{ width: 1200px; margin: 0 auto; display: block; height: auto;  }
.n-db-box-tb{ width: 100%; height: 70px; background:#fff200; position: relative; padding-left: 370px; box-sizing: border-box;     }
.n-db-box-tb span{ width: 280px; height: 70px; text-align: center; position: absolute; left: 0px; top: 0px; line-height: 70px; font-size: 26px; color: #282828;  }
.n-db-box-tb em{ position: absolute; left: 280px; top:15px; height: 40px; background: #fff; width: 1px; display: block;  }
.n-db-box-tb p{ width: 100%; height: 70px; line-height: 70px; font-size: 18px; color: #282828;  }

.stsy-nr{ width: 100%; padding: 65px 0 ; border-top: 0px solid #ddd!important;  box-sizing: border-box; border: 1px solid #666; box-sizing: border-box;  }
.stsy-item{ width: 50%; float: left; padding: 0 95px; box-sizing: border-box; position: relative;   }
.stsy-item h5{ margin-bottom: 28px; height: 50px; line-height: 50px; font-size: 28px; font-weight: bold;  color: #fff200;    }
.stsy-item em{ width: 1px; height: 200px; background: #666; right: 0px; position: absolute; top: 0px; }
.stsy-item p{ line-height: 26px; font-size: 14px; color: #333;  }

.ptdb-bt{ height: 28px; line-height: 28px; width: 100%; padding: 0 70px; box-sizing: border-box;  }
.ptdb-bt span{ float: left; font-size: 28px; color:#fff200; font-weight: bold;   }
.ptdb-bt em{ float: left;  width: 40px; height: 2px; background: #333; margin:13px 4px 0;   }
.ptdb-bt i{ float: left; font-size: 20px; color:#333; font-weight: bold;   }

.ptdb-tp{  width: 100%; padding: 0 70px; box-sizing: border-box; }
.ptdb-tp img{ max-width: 100%; height: auto; display: block;  }



.lxwm-nr{ width: 100%; padding:30px 30px 70px; box-sizing: border-box;   }
.lxwm-title{ width: 100%; height: 70px; line-height: 70px; margin-bottom: 20px;   }
.lxwm-title span{ font-size: 30px; color: #333;  }
.lxwm-title em{ font-size: 18px; color: #666; margin-left: 20px;   }

.lxwm-box{ width: 100%; height: auto;  }
.lxwm-item{ float: left; width: 25%;  position: relative; text-align: center;  }
.lxwm-txt{ height: 140px; width: 100%; text-align: center;  }
.lxwm-txt p{ line-height: 140px; font-size: 18px; color: #333;  }
.lxwm-item h4{ font-size: 14px; color: #666;  }
.lxwm-txt a{ width: 108px; height: 32px; display:inline-block; background: url(../images/n-icon-qqhz.png) no-repeat;  }
.lxwm-txt img{ width: 110px; height: 110px; display: inline-block; }
.n-fgx{ width: 1px; height: 195px; background:rgb(221, 221, 221); position: absolute; right: 0px; top: 10px;  }