Code tidied up by ScrapBook */
body { font-family: "微软雅黑",arial; font-size: 14px;}
ol, ul, dl, dd, dt, li { margin: 0px; padding: 0px; list-style: outside none none;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px;}
.font-ccc { color: rgb(204, 204, 204);}
.font-slogan { color: rgb(63, 33, 14);}
.font-orange { color: rgb(245, 125, 44);}
.font-main { color: rgb(76, 76, 76);}
.font-newstop { color: rgb(88, 88, 88);}
.font-newscont { color: rgb(102, 102, 102);}
.font-less { color: rgb(153, 153, 153);}
.font-white { color: rgb(255, 255, 255);}
.fs-12 { font-size: 12px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}
.fs22 { font-size: 22px;}
.nop { padding-left: 0px; padding-right: 0px;}
.nop-all { padding-left: 0px; padding-right: 0px;}
.nop-all * { padding-left: 0px; padding-right: 0px;}
.clear { clear: both;}
.hide { display: none !important;}
.fwxm { background-color: rgb(245, 125, 44); color: rgb(255, 255, 255);}
.sgs { background-color: rgb(124, 72, 10); color: rgb(255, 255, 255);}
.carousel-indicators li { width: 20px; height: 20px; border: medium none; background-color: rgba(42, 42, 42, 0.8); margin: 0px 5px;}
.carousel-indicators li.active { width: 20px; height: 20px; margin: 0px 5px;}
nav {}
nav .topblack { height: 30px; background-color: rgb(41, 41, 41);}
nav .topblack .container { line-height: 20px;}
nav .topblack .container a { color: rgb(204, 204, 204); margin: 5px 0px; padding: 0px 10px; display: inline-block; border-right: 1px solid rgb(204, 204, 204);}
nav .topblack .container a:last-child { border: medium none;}
nav .mainnav { padding-top: 8px; padding-bottom: 15px; position: relative;}
nav .mainnav.navfixed { position: fixed; top: 0px; left: 0px; z-index: 99; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 4px rgb(230, 230, 230);}
nav .mainnav .logo { float: left;}
nav .mainnav .slogan { float: left; font-weight: bold; margin-top: 13px; margin-left: 12px;}
nav .mainnav .bignav { float: right;}
nav .mainnav .bignav li { transition: all 0.2s ease 0s; float: left; margin-top: 10px; width: 80px; margin-right: 10px; text-align: center; line-height: 26px; border-radius: 4px;}
nav .mainnav .bignav li a { color: rgb(76, 76, 76); display: block;}
nav .mainnav .bignav li.active { background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .bignav li.active a { color: rgb(255, 255, 255);}
nav .mainnav .bignav li:hover { cursor: pointer; background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .bignav li:hover a { color: rgb(255, 255, 255);}
nav .mainnav .smnav { width: 100%; position: absolute; left: 0px; top: 0px;}
nav .mainnav .smnav dt { position: absolute; right: 22px; top: 22px; font-size: 25px;}
nav .mainnav .smnav .slidebox { display: none; width: 100%; position: absolute; z-index: 99; left: 0px; top: 69px;}
nav .mainnav .smnav .slidebox dd { text-align: center; background-color: rgb(255, 255, 255); line-height: 40px; border-bottom: 1px solid rgb(204, 204, 204);}
nav .mainnav .smnav .slidebox dd a { color: rgb(76, 76, 76); display: block;}
nav .mainnav .smnav .slidebox dd.active { background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .smnav .slidebox dd.active a { color: rgb(255, 255, 255);}
.Companyprofile { /* background-image: url("../images/bg-gsjs.jpg"); background-size: cover; background-position: center center;  */padding: 50px 0px 55px;}
.Companyprofile h2 { padding-left: 12px; border-left: 4px solid rgb(245, 135, 67);}
.Companyprofile p { font-size: 16px; line-height: 1.8; margin-top: 10px; text-align: justify;}
.Companyprofile a { cursor: pointer;}
.Companyprofile a:hover { color: rgb(245, 125, 44);}
.bannerroll.mt70 { margin-top: 70px;}
.xiangmu { padding: 40px 0px 30px;}
.xiangmu .container { border: 1px solid rgb(204, 204, 204); padding-top: 50px; padding-bottom: 30px; position: relative; background-color: rgb(255, 255, 255);}
.xiangmu .container .biaoti { line-height: 34px; font-weight: bold; width: 200px; height: 34px; text-align: center; position: absolute; left: 50%; top: 0px; margin-left: -100px; margin-top: -17px;}
.xiangmu .container .wzlogo { margin-top: 30px;}
.xiangmu .container .wzdx-fs { margin-top: 8px;}
.xiangmu .container .wzdx-fs i { display: inline-block; width: 30px; height: 30px; background-image: url(../images/homeicon.jpg); background-size: cover;}
.xiangmu .container .wzdx-fs span { vertical-align: 10px;}
.xiangmu .container p { margin-top: 10px; line-height: 1.8; color: rgb(76, 76, 76);}
.homenews { padding: 40px 0px;}
.homenews h2 { font-size: 28px;}
.homenews .newslist { background-color: inherit;}
.homenews .newslist > div { margin-top: 30px;}
.homenews .newslist .newbox { transition: all 0.3s ease 0s; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); position: relative;}
@media only screen and (min-width: 1200px) {
  .homenews .newslist .newbox:hover { border: 1px solid rgb(236, 151, 31); margin-top: -4px;}
}
.homenews .newslist .newbox .nr { padding: 0px 6px 6px;}
.homenews .newslist .newbox .nr h4 { font-size: 16px; height: 47px; line-height: 20px; overflow: hidden; padding: 4px 0px; color: rgb(76, 76, 76);}
.homenews .newslist .newbox .nr p { height: 54px; line-height: 18px; overflow: hidden;}
.homenews .seemore { width: 150px; padding: 0px; line-height: 36px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); outline: medium none;}
.homenews .seemore:active { outline: medium none;}
.Cooperation { padding: 35px 0px 80px; background-image: url(../images/cooperationbg.jpg); background-size: cover; background-position: center center;}
.Cooperation .logolist > div { margin-top: 40px;}
.Cooperation .logolist > div img { border-radius: 2px;width: 164px;    height: 120px;}
footer { background-image: url(../images/footbg.jpg); padding: 20px 0px 0px;}
footer .logowhite { margin-left: 20px;}
footer .logomiaoshu { font-weight: bold; vertical-align: -12px; margin-left: 10px;}
footer .webmap { line-height: 14px; margin-top: 10px;}
footer .webmap a { color: rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); width: 70px; text-align: center; display: inline-block;}
footer .webmap a:last-child { border-right: medium none;}
footer .address { margin-top: 10px; padding-left: 20px;}
footer .ewmbox .erweima { width: 130px; height: 130px; background-color: rgb(255, 255, 255); border-radius: 4px; padding: 5px;}
footer .ewmbox .ewms { margin-top: 10px;}
footer .copyright { background-color: rgb(51, 51, 51); margin-top: 20px; padding: 8px 0px;}
.aboutus { position: relative;}
.aboutus.mt70 { margin-top: 70px;}
.aboutus .midfont { position: absolute; left: 50%; top: 50%; margin-left: -44px; margin-top: -12px; font-size: 22px;}
.aboutus .midwz { position: absolute; left: 50%; top: 50%; margin-left: -212px; margin-top: -25px;}
.aboutwh { padding-top: 30px;}
.aboutwh h3 { font-size: 28px; font-weight: 100;}
.aboutwh p { line-height: 2; margin-top: 20px; text-align: justify;}
.aboutwh .csrphoto { position: relative; margin-top: 60px;}
.aboutwh .c-name { margin-top: 10px;}
.ceocoo { margin-top: 30px; padding: 20px 0px; background-image: url(../images/aboutbg.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;}
.ceocoo h3 { font-size: 28px; font-weight: 100;}
.ceocoo .card { margin-top: 30px; padding: 0px 15px;}
.ceocoo .card > div { padding: 20px 30px; background-color: rgba(255, 255, 255, 0.85); min-height: 470px; border-radius: 2px; box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.2);}
.ceocoo .card > div .headbox { width: 170px; border-radius: 50%; border: 4px solid rgb(251, 134, 30); overflow: hidden;}
.ceocoo .card > div .namebox { width: 100px; height: 30px; background-color: rgb(251, 134, 30); color: rgb(255, 255, 255); text-align: center; line-height: 30px; border-radius: 2px; position: relative; top: -8px;}
.ceocoo .card > div p { line-height: 2; margin-top: 5px; text-align: justify;}
.about-team { margin-top: 20px;}
.about-team h3 { font-size: 28px; font-weight: 100; margin-bottom: 28px;}
.about-team .owl-carousel .text-center { margin-top: 10px;}
.honor { margin-top: 35px; margin-bottom: 80px;}
.honor h3 { font-size: 28px; font-weight: 100;}
.honor ol li { border-left: 2px solid rgb(251, 134, 30); padding: 5px 8px; font-size: 16px; color: rgb(76, 76, 76); margin-top: 20px;}
.newslist { background-color: rgb(255, 255, 255); margin-bottom: 40px; margin-top: 20px;}
.newslist ol li { border-bottom: 1px solid rgb(241, 241, 241); padding: 20px 0px;}
.newslist ol li h4 { font-weight: bold; color: rgb(88, 88, 88); font-size: 18px; overflow: hidden; text-overflow: ellipsis; height: 20px; white-space: nowrap;}
.newslist ol li p { color: rgb(102, 102, 102); line-height: 20px; height: 60px; overflow: hidden;}
.newslist ol li:hover { cursor: pointer;}
.newslist ol li:hover .monthdate { background-color: rgb(252, 140, 49);}
.newslist ol li:hover h4 { color: rgb(245, 125, 44);}
.newslist ol li:hover .newscont .rightjt { background-position: 0px 0px;}
.newslist ol li:hover p { color: rgb(76, 76, 76);}
.newslist .monthdate { width: 86px; height: 86px; background-color: rgb(255, 178, 102); padding-top: 6px; transition: all 0.3s ease 0s; text-align: center; font-size: 26px; font-weight: 100; color: rgb(255, 255, 255);}
.newslist .newscont { padding-left: 10px;}
.newslist .newscont p { margin: 8px 0px 0px;}
.newslist .newscont .rightjt { transition: all 0.2s ease 0s; width: 34px; height: 34px; background-image: url(../images/rightjt.jpg); background-size: cover; background-position: 0px -34px; margin-top: 30px;}
.zhaopin-top { margin-top: 40px;}
.zhaopin-top h3 { font-size: 28px; font-weight: 100;}
.zhaopin-top li { margin-top: 20px;}
.zhaopin-top .midicon { width: 160px; height: 110px; background-image: url(../images/zhaopinicon.jpg); background-size: cover;}
.zhaopin-top .green { background-color: rgb(29, 204, 136); border: 2px solid rgb(15, 177, 114);}
.zhaopin-top .blue { background-color: rgb(101, 176, 246); border: 2px solid rgb(68, 151, 229);}
.zhaopin-top .orange { background-color: rgb(253, 154, 105); border: 2px solid rgb(237, 134, 83);}
.zhaopin-top .pink { background-color: rgb(240, 137, 191); border: 2px solid rgb(227, 104, 169);}
.zhaopin-top .midfont { width: 80%; border-radius: 99px; line-height: 30px; color: rgb(255, 255, 255); font-size: 16px; margin-top: 14px;}
.zhaopin-bot { margin-top: 60px; margin-bottom: 80px;}
.zhaopin-bot h3 { font-size: 28px; font-weight: 100;}
.zhaopin-bot .zhaopinlist li { transition: all 0.3s ease 0s; position: relative; border: 1px solid rgb(209, 208, 207); border-radius: 4px; margin-top: 40px; padding: 10px;}
.zhaopin-bot .zhaopinlist li:hover { border: 1px solid rgb(249, 157, 76); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.2);}
.zhaopin-bot .zhaopinlist li .licon { margin-bottom: 20px;}
.zhaopin-bot .zhaopinlist li .licon > img { max-width: 60px;}
.zhaopin-bot .zhaopinlist li .zhiwei { font-weight: bold; color: rgb(76, 76, 76); font-size: 18px;}
.zhaopin-bot .zhaopinlist li .diayu { margin-left: 20px; color: rgb(76, 76, 76); font-size: 18px;}
.zhaopin-bot .zhaopinlist li .biaoqianlist li { float: left; margin-top: 10px; line-height: 24px; padding: 0px 8px; border-radius: 2px; border: medium none; background-color: rgb(251, 134, 30); margin-right: 10px; color: rgb(255, 255, 255);}
.zhaopin-bot .zhaopinlist li .miaoshu { margin-top: 20px; line-height: 1.8; padding-right: 40px; color: rgb(76, 76, 76);}
.zhaopin-bot .zhaopinlist li .toujianli { position: absolute; right: 0px; top: 0px; margin-right: 10px; margin-top: 10px; background-color: inherit; border: medium none; color: rgb(245, 125, 44); outline: medium none;}
.zhaopin-bot .zhaopinlist li .toujianli i { display: inline-block; width: 16px; height: 18px; background-image: url(../images/jianli.jpg); background-size: cover; vertical-align: -4px; margin-right: 6px;}
.contact { background-color: rgb(246, 246, 246); padding-bottom: 80px;}
.contact .pinpai { margin-top: 20px; padding: 15px;}
.contact .pinpai > div { background-color: rgb(255, 255, 255); padding: 20px 0px; border-radius: 8px; height: 110px;}
.contact .pinpai .logobox img { max-width: 68px; max-height: 68px;}
.contact .pinpai .cont h4 { font-weight: bold; margin-bottom: 5px;}
.contact .pinpai .cont > div { line-height: 24px;}
.contact .mapbigbox { padding: 0px 15px;}
.contact .mapbox { padding: 10px 10px 30px; background-color: rgb(255, 255, 255); border-radius: 8px;}
.contact .mapbox img { margin-top: 15px;}
.contact .mapright { padding: 0px 20px;}
.contact .mapright h4 { margin-top: 15px; font-weight: bold;}
.contact .mapright div { margin-top: 10px;}
@media (max-width: 770px) {
  .fs-12 { font-size: 12px;}
  .fs16 { font-size: 14px;}
  .fs18 { font-size: 16px;}
  .fs22 { font-size: 22px;}
  .news { padding-top: 20px;}
  .news h2 { font-size: 22px;}
  .news .seemore { margin-top: 20px;}
  .homenews h2 { font-size: 22px;}
  .homenews .newslist { margin-top: 0px;}
  nav .mainnav { padding-left: 15px;}
  .Companyprofile { padding-top: 20px; padding-bottom: 20px;}
  .Companyprofile h2 { text-align: center; border-left: medium none; margin-top: 10px;}
  .Companyprofile p { padding: 0px;}
  .Companyprofile .maincontain { padding: 0px;}
  .xiangmu { padding: 30px 15px;}
  .xiangmu .container { padding-left: 0px; padding-right: 0px;}
  .xiangmu p { padding-left: 0px; padding-right: 0px;}
  footer .ewmbox { margin-top: 10px;}
  .Cooperation { padding-top: 20px;}
  .Cooperation h2 { font-size: 22px;}
  .zhaopin-top { margin-top: 15px;}
  .zhaopin-top h3 { font-size: 22px; text-align: center;}
  .zhaopin-bot h3 { font-size: 22px; text-align: center;}
  .zhaopin-bot .zhaopinlist li { margin-top: 16px;}
  .zhaopin-bot .zhaopinlist li:hover { border: 1px solid rgb(209, 208, 207); box-shadow: none;}
  .zhaopin-bot .zhaopinlist li .miaoshu { padding-right: 0px;}
  .zhaopin-bot .zhaopinlist li .toujianli { position: relative; width: 60%; display: block; margin: 30px auto 0px; border: 1px solid rgb(251, 134, 30); border-radius: 4px; padding: 8px 0px;}
  .carousel-indicators li { width: 10px; height: 10px;}
  .carousel-indicators li.active { width: 10px; height: 10px;}
  .contact { padding-bottom: 20px;}
  .contact .pinpai { margin-top: 0px; padding: 10px 15px 0px;}
  .contact .pinpai > div { padding: 15px; height: auto;}
  .contact .mapbox { margin-top: 10px;}
  .aboutwh, .ceocoo { padding-top: 20px;}
  .aboutwh .card > div .namebox, .ceocoo .card > div .namebox { width: 80px; height: 26px; line-height: 26px;}
  .aboutwh h3, .ceocoo h3 { text-align: center; font-size: 22px;}
  .ceocoo { padding-top: 20px;}
  .ceocoo .card { margin-top: 15px;}
  .about-team h3 { text-align: center; font-size: 22px;}
  .honor h3 { text-align: center; font-size: 22px;}
  .newslist .newscont { margin-top: 10px;}
  .zhaopin-bot { margin-top: 30px;}
  .mapbox .mapright { padding-left: 0px;}
}


.website{ width:340px; height:260px; margin:20px auto;}
.websitein { width:84px; height:50px; background:rgb(245, 125, 44); position:relative; margin-top:26px; float:left; font-size:18px; color:#FFF; text-align:center; font-weight:bolder; line-height:50px;}
.websitein:after,.websitein:before { content: ""; position:absolute; left:0; width:0; height:0; border-left:42px solid transparent; border-right:42px solid transparent;}
.websitein:before { top:-25px; border-bottom:26px solid rgb(245, 125, 44);}
.websitein:after { bottom:-25px; border-top:26px solid rgb(245, 125, 44);}
.websitein>a { text-decoration:none; color:#FFF;}
.websitein>a:hover { color:rgb(35, 82, 124);}

.articleType { color:rgb(0, 0, 0); text-align:center; font-weight:700; font-size:32px; opacity:0.7; border-bottom:1px solid rgb(217, 217, 217); padding:15px 0px;}
.articleDate { text-align: center; padding: 10px 0px; border:1px solid rgb(255, 204, 0);}
.fontsizes,.fontsize,.fontsizes span.fontsize span { font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,Verdana,"Lucida Grande",Lucida; font-size: 16px !important;}
.fontsize tr td { border: 1px solid rgb(246, 246, 246); text-align:center; width:50%;}
.fontsizes tr td { border: 1px solid rgb(246, 246, 246); text-align:center; width:33%;}



.listtop>span { font-size:18px; color:rgb(75,75,75);}
.listtop>span>a { font-size:18px; color:rgb(75,75,75); text-decoration:underline;}
.listtop>span>a:hover { color:rgb(245, 125, 44); text-decoration:none;}

.a1 {
  float:left; display:block; width:76px; height:28px; line-height:28px; font-size:16px; text-align:center; text-decoration:none; color:black;
  background-color:rgb(255, 178, 102); margin:0 5px;}
.a1:hover { color:white;}
.listpage>a {
  float:left; display:block; width:76px; height:28px; line-height:28px; font-size:16px; text-align:center; text-decoration:none; color:white;
  background-color:rgb(255, 178, 102); margin:0 5px;}
.listpage a:hover { background-color:rgb(252, 140, 49);}
.listpage span { float:left; display:block; width:46px; height:28px; margin:0 5px; line-height:28px; font-size:16px; text-align:center; color:rgb(75,75,75);}

.showpage { line-height:28px; font-size:16px;}
.showpage>a { line-height:28px; font-size:16px; text-decoration:none; color:black;}
.showpage>a:hover { color:orange; text-decoration:underline;}

.title { text-align:center; padding:20px 0;}
.title h1 { font-size:32px; color:rgb(75,75,75);}
.title p { margin:10px auto; font-size:18px;}