@charset "utf-8";
@import ;
@import ;
html,body{font-family:微软雅黑;height:100%}
a{background:transparent;text-decoration:none;color:#000}
a:active,a:hover{outline:0}
a:hover{text-decoration:none;color:#396ec3}
.wrapper{overflow:hidden;width:1200px;margin:0 auto;text-align:left}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pz{position:relative;z-index:0}
.pa{position:absolute;z-index:999}
.bz{box-sizing:border-box}
.b{font-weight:bold}
.i{font-style:italic}
.crp{cursor:pointer}
.muato{margin:0 auto}
.hidden{display:none!important}
.xz360:hover{transform:rotate(360deg)}
.xzy360:hover{transform:rotatey(360deg)}
.op0{opacity:0;-webkit-opacity:0;-khtml-opacity:0;-o-opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.transition1s{transition-property:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.hde{display:none}
.vs{overflow:visible!important}
.text-right{text-align:right}

/*header*/
header{width:100%;height:59px;background:#ffd900}
.fixpng{max-height:59px;}

/*nav*/
nav.pc{overflow:visible;z-index:10000;width:auto;max-width:1100px}
nav.pc .wrapper{overflow:visible!important;text-align:right}
nav.pc li{z-index:999;height:59px;margin:0 5px;font-size:0}
nav.pc li .a{height:59px;line-height:59px;padding:0 10px;font-size:14px;color:#000}
nav.pc li i{top:20px;margin-left:5px}
nav.pc li .a:hover,nav.pc li .a.active{background-color:#007cc2;color:#fff}
nav.pc li .a.hsons{padding-right:25px}
@keyframes slidedown{
  0%{opacity:0}
  to{opacity:1}
}
@-webkit-keyframes slidedown{
  0%{opacity:0}
  to{opacity:1}
}
nav.pc .dl{overflow:hidden;display:none;position:absolute;z-index:999;top:59px;left:0;width:100%;background:#007cc2;padding:5px 0;text-align:center;-webkit-animation:slidedown 0.3s 1;-khtml-animation:slidedown 0.3s 1;animation-direction:alternate}
nav.pc dt{overflow:hidden;width:100%;height:32px}
nav.pc dt a{overflow:hidden;display:block;width:100%;height:32px;text-align:center;line-height:32px}
nav.pc dt a:link,nav.pc dt a:visited{font-size:14px;color:#fff}
nav.pc dt a:hover{background-color:#666;text-decoration:none}

/*footer*/
footer{background:#272727;padding-top:10px;}
footer .l{width:467px;min-height:100px}
footer .l h2{line-height:38px;font-size:28px;color:#f4d020}
footer .l h3{margin-bottom:20px;line-height:20px;font-size:12px;color:#fff;}
footer .l h4.ft1{line-height:20px;font-size:12px;color:#fff}
footer .l h4.ft2{line-height:27px;font-size:18px;letter-spacing:4px;color:#fff}
footer .l h4.ft3{margin-top:18px;line-height:21px;font-size:12px;color:#fff}
footer .l h4.ft4{line-height:26px;font-size:18px;letter-spacing:2px;color:#fff}
footer .l p{margin:38px 0 0 0;line-height:32px;font-size:12px;color:#808080}
footer .l .links{margin-top:29px;font-size:0}
footer .l .links a{margin-right:25px;font-size:32px;color:#75787b}
footer .l .links a:hover{color:#fff}
footer .t{padding:41px 0}
footer .t dl.fl{width:110px}
footer .t dl.fl.dl2{width:172px}
footer .t dl.fl.dl3{width:172px}
footer .t dl.fl.dl4{width:109px}
footer .t dl.fl.dl5{width:70px}
footer .t dl.fl dt{margin-bottom:6px;line-height:21px;font-size:14px;color:#ffffff;}
footer .t dl.fl dd{line-height:31px}
footer .t dl.fl dd a{font-size:14px;color:#808080}
footer .t dl.fl dd a:hover{color:#ffd900}
footer .copyright{padding:27px 0;background:#272727;border-top:1px solid #808080;line-height:23px;font-size:14px;color:#fff;}
footer .copyright *,footer .copyright a,footer .contact *,footer .contact a{color:#fff}

/*topsliders*/
.topsliders{width:100%;height:500px}
.sliders-swiper-container{width:100%;height:600px}
.sliders-swiper-container .swiper-slide{width:100%;height:600px}
.sliders-swiper-container .swiper-wrapper .img{width:100%;height:600px;background-repeat:no-repeat;background-position:center top}
.topsliders .swiper-pagination{bottom:313px!important}
.topsliders .swiper-pagination-bullet{background:#fff;opacity:1!important;width:12px;height:12px}
.topsliders .swiper-pagination-bullet-active{background:#007dc3}
.swiper-pagination-bullet{display:none!important}

/*index*/
.itop h2{line-height:48px;font-size:28px;color:#010101}
.itop h3{line-height:29px;font-size:12px;color:#2a333c}
.itop .line{width:20px;height:2px;background:#000}
.iproducts{background:#e6e6e6;padding:39px 0 50px 0}
.iproducts .tabs{margin:31px 0 49px 0;font-size:0}
.iproducts .tabs a{padding:0 25px;line-height:40px;font-size:16px;color:#333}
.iproducts .tabs a.active{background:#ffd900;border-radius:3px 3px 0 0}
.iproducts .productslist span.title{background:#fff}
.iabout{background:#fff;padding:39px 0}
.iabout .c{margin-top:30px}
.iabout .c div.fl{width:738px}
.iabout .c div.fl .companyname{margin-bottom:15px;line-height:36px;font-size:14px;color:#2a333c}
.iabout .c .body{line-height:160%;font-size:12px}
.iabout .c img.fr{width:360px}
.iabout .c .more{width:96px;height:31px;margin-top:20px;border:3px solid #ffd900;border-radius:8px;line-height:31px;font-size:12px}
.iabout .c .more:hover{background:#ffd900;color:#fff}
.inews{background:#e6e6e6;padding:39px 0 50px 0}
.inews .c{margin-top:9px;background:url(/uploads/image/sdimages/bg_inews_line.gif) no-repeat center 35px}
.inews .c .block{width:48%;margin-right:2%}
.inews .c .block.block2{margin-right:0;margin-left:2%}
.inews .c .block h2{line-height:37px;font-size:16px;color:#000;letter-spacing:2px}
.inews .c .newslist .text{width:430px}
.inews .more{width:85px;margin-top:33px;background:#ffd900;line-height:35px;font-size:12px}

/*sidebar*/
.sidebar{min-height:77px;border-bottom:1px solid #eee}
.sidebar h2{line-height:77px;font-size:32px;color:#a7a8aa}
.sidebar div{height:77px;font-size:0}
.sidebar div a{margin:0 5px;padding:0 10px;height:77px;line-height:77px;font-size:14px;color:#a7a8aa}
.sidebar div a.active,.sidebar div a:hover{background:#ffd900;color:#333}

/*other*/
.mains{}
.othermain{margin:10px auto;min-height:200px}
.positions{line-height:30px;background:#212121;font-size:14px;color:#75797c}
.positions i{font-size:14px;color:#75797c;margin:0 8px}
.positions i.fa-home{margin-right:10px}
.positions a{letter-spacing:2px;font-size:14px;color:#75797c}
.positions a:hover{color:#ffd900}
.positions span.ib{padding:0 5px;font-size:14px;color:#75797c}
.positions span.sons{border:1px solid #eaeaea;cursor:pointer}
.positions span.sons .absons{display:none;top:33px;left:-1px;background:#fff;border:1px solid #eaeaea;width:100%;border-top:0}
.positions span.sons .absons a:hover{background:#ffd900;color:#fff}
.positions span.sons:hover .absons{display:block}
.banner{width:100%;margin:40px 0 20px 0}
.banner img{display:block;width:100%;margin:0 auto}

/*main content*/
.maincontent{width:700px}
.maincontent .classname{line-height:220%;border-bottom:1px solid #f0f0f0;letter-spacing:7px;font-size:30px;color:#000}
.introduction{padding:20px;text-align:justify;line-height:35px;font-size:14px;color:#2e2e2c}
.introduction.nmt{margin-top:0;padding-top:20px}
.introduction div,.introduction p{font-size:14px;color:#2e2e2c}
.introduction img{max-width:100%}
.introduction .none{width:100%!important}
.introduction .none,.introduction .none tr,.introduction .none td{border:0!important}
.articleimg{width:100%;margin:45px 0 0 0;text-align:center}
.articleimg img{display:block;max-width:100%;margin:0 auto}
.articleimg2{width:100%;margin:0 0 22px 0;text-align:center}
.articleimg2 img{display:block;max-width:100%;margin:0 auto}
.aimg{width:100%;text-align:center}
.aimg img{display:block;max-width:100%;margin:0 auto}
.articlebody{width:400px;margin:20px 0}
.articletitle{overflow:hidden;width:100%;padding:15px 0;text-align:center;line-height:40px;font-size:24px;color:#151515}
.atitle{overflow:hidden;width:100%;margin-top:35px;text-align:center;line-height:40px;font-size:18px;font-weight:bold;color:#396ec3}
.articletime{width:100%;border-bottom:1px solid #d2d2d2;text-align:center;line-height:38px;font-size:12px;color:#969797}
.articledes{text-align:center;line-height:28px;font-size:14px;color:#42403f}
.articlepages{margin-top:20px;line-height:200%;font-size:12px;color:#151515}
.articlepages div{font-size:12px;color:#151515}
.articlepages a{font-size:12px;color:#151515}
.articlepages a:hover{color:#396ec3}

/*图片列表*/
.picslist{margin:30px 20px;width:960px}
.picslist li{width:240px;height:234px}
.picslist .img,.picslist img{width:220px;height:180px}
.picslist .title{width:210px;height:45px;line-height:45px;font-size:16px}
.picslist a:hover .title{color:#396ec3}

/*产品列表*/
.productslist{width:1220px;margin-top:15px}
.productslist li{width:305px;height:340px}
.productslist a{width:285px;height:320px;border:1px solid #fff}
.productslist a:hover{border-color:#f4d020}
.productslist .img,.productslist img{width:285px;height:260px}
.productslist .title{width:285px;height:60px;background:#e6e6e6;line-height:60px;font-size:16px;color:#333}
.productslist .bg{z-index:1;width:285px;height:260px;left:0;top:0;background:rgba(0,0,0,.35)}
.productslist .more{z-index:999;width:85px;background:rgba(255,217,0,.8);border-radius:17px;line-height:35px;font-size:12px;color:#000;top:113px;left:100px}
.productslist a:hover .more,.productslist a:hover .bg{opacity:1;-webkit-opacity:1;-khtml-opacity:1;-o-opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}

/*新闻列表*/
.newslist{margin-top:15px}
.newslist li{width:100%;margin-bottom:15px}
.newslist li:last-child{margin-bottom:0}
.newslist li .img,.newslist li img{width:130px;height:90px}
.newslist li .text{width:1050px}
.newslist .title{line-height:28px;font-size:15px;color:#737373}
.newslist .title span{font-size:16px;color:#0f7ffd}
.newslist .addtime{line-height:18px;font-size:14px;color:#999}
.newslist .body{line-height:18px;padding:3px 0;font-size:12px;color:#8c8c8c}
.newslist a:hover .title,.newslist a:hover .addtime,.newslist a:hover .body{color:#0f7ffd}
.openhtml{overflow:hidden;width:798px;height:533px;background-color:#fff}
.openhtml .h1{position:relative;z-index:0;width:100%;height:46px;border-bottom:1px solid #eee;line-height:46px;text-indent:25px;font-size:14px;font-family:"microsoft yahei";color:#333}
.openhtml .close{position:absolute;z-index:999;top:14px;right:17px;display:block;width:13px;height:11px;background: no-repeat}
.openhtml .htmlcontent{overflow:scroll;overflow-x:hidden;overflow-y:auto;width:753px;height:420px;padding:10px 0 0 25px;padding-right:10px;border-bottom:1px solid #ddd;line-height:28px;font-size:14px;font-family:"microsoft yahei";color:#333}
.openhtml .closeblock{position:relative;z-index:0;width:100%;height:54px;margin-top:1px;background-color:#f5f5f5}
.openhtml .close2{position:absolute;z-index:999;top:13px;left:15px;display:block;width:82px;height:30px;background:#2384ef;background:linear-gradient(to bottom,#0080eb,#0565b2);text-align:center;line-height:30px;font-size:14px;font-family:"microsoft yahei";color:#fff}

/*分页*/
.pages{overflow:hidden;width:100%;padding:30px 0 0;text-align:center;line-height:32px;font-size:14px;color:#666}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:32px;margin-right:10px;padding:0 10px;border:1px solid #c8c8c8;line-height:32px;border-radius:4px}
.pages span.active{background-color:#396ec3;color:#fff}

/*up*/
.up{color:#fff;text-align:center;position:fixed;width:40px;height:40px;line-height:40px;background:rgba(0,0,0,0.81);border:1px solid #ccc;bottom:20px;right:10px;cursor:pointer}
.up:hover{background:#ffd900}
.up i{font-size:20px}
.up:hover i{color:#fff}
.hidden-pc{display:none!important}

/*网站地图*/
.sitemap{width:95%;margin:19px 2.5%}
.sitemap dl{background: left bottom repeat-x}
.sitemap dt{width:100%;line-height:180%}
.sitemap dt a:link,.sitemap dt a:visited{font-size:14px;font-weight:bold;color:#0e1b25}
.sitemap dt a:hover{font-size:14px;font-weight:bold;color:#3e77b3}
.sitemap dd{width:100%;padding:0 0 15px 0;line-height:30px;font-size:13px;color:#0e1b25}
.sitemap dd a{margin-right:10px}
.sitemap dd a:link,.sitemap dd a:visited{font-size:13px;color:#0e1b25}
.sitemap dd a:hover{text-decoration:none;font-size:13px;color:#3e77b3}
@media only screen and (max-width:999px){
  *{box-sizing:border-box}
  .wrapper{width:100%;padding:0 5%!important}
  .hidden-m{display:none!important}
  .hidden-pc{display:block!important}
  .fixpng{width:300px}
  header.vs{padding:10px 0;height:auto;overflow:hidden!important}
  header .logo{width:100%;line-height:200%;font-size:24px}
  .fixpng{margin-top:0px;}
  header h2.fr{width:100%;line-height:200%;font-size:18px}
  .mnav{right:10px;top:15px;width:35px;line-height:35px;font-size:38px;color:#396ec3!important;text-align:right;}
  nav.pc .search{margin-top:36px}
  .topsliders{height:220px}
  .sliders-swiper-container,.sliders-swiper-container .swiper-slide,.sliders-swiper-container .swiper-wrapper .img{height:220px;background-size:auto 220px}

  /*home*/
  .itop h2{line-height:180%;font-size:18px}
  .itop h3{line-height:150%;font-size:14px}
  .iproducts,.iabout,.inews{padding:20px 0}
  .iproducts .tabs{margin:15px 0}
  .iproducts .tabs a{padding:0 4px;font-size:14px;margin:0 5px}
  .iabout .c{margin-top:15px}
  .iabout .c img.fr{margin-top:15px;max-width:100%}
  .inews .c{background:none!important}
  .inews .c .block{width:100%;margin:0 0 15px 0!important}
  .inews .c .block.block1{padding-bottom:15px;border-bottom:1px dashed #ccc}

  /*others*/
  .banner{margin:10px 0;width:100%}
  .newslist{width:100%}
  .newslist li{position:relative;z-index:0;width:100%;/* padding-left:115px */}
  .newslist li .img,.newslist li img{width:100%;height:auto}
  .newslist li .img{width:100px;position:absolute;z-index:999;left:0;top:5px}
  .newslist li .text{width:100%!important}
  .newslist li .body{max-height:36px}
  .introduction.nmt{margin-top:0!important;padding-top:0}
  .articleimg{margin:10px 0}
  .productslist{width:100%;margin:15px 0 0}
  .productslist li{overflow:hidden;width:48%!important;height:auto!important;margin:0 0 10px 0!important}
  .productslist a{width:100%;height:auto}
  .productslist li:nth-child(2n 1){clear:both}
  .productslist li:nth-child(2n 2){margin-left:4%!important}
  .productslist img{width:100%;height:auto}
  .productslist .img,.productslist img{width:100%;height:auto}
  .productslist .title{width:100%}
  .productslist .bg,.productslist .more{display:none!important}
  .maincontent{width:100%}
  .up{width:35px;height:35px;line-height:35px;bottom:75px;right:10px;}
  .maincontent .classname{line-height:200%;font-size:20px}
  .introduction{padding:10px 0;line-height:180%;font-size:13px}
  .othermain{min-height:100px}
  .newslist a span.title{width:70%;font-size:12px}
  .newslist a span.addtime{width:30%;font-size:12px}
  .atitle{margin-top:20px;line-height:180%;font-size:16px}
  .guestbook{width:100%;margin:20px 0}
  .guestbook .wz{width:100%}
  .guestbook .wbk,.guestbook .wby{width:100%}
  .guestbook .btnsubmit{margin-left:0}
  .othermain{margin-bottom:10px}
  footer .contact,footer .copyright{padding:10px 0;line-height:160%;font-size:14px}
  .indexabout{display:none;}
  .newslayout{display:none;}
}
@media only screen and (max-width:350px){
  header{padding-bottom:10px}
  header img.ib.i1{clear:both}
}
.fenxiang a{font-size:32px;color:#75787b;margin-right:10px;}
@media only screen and (min-width:768px){
  .newslayout{width:1200px;margin:50px auto;overflow:hidden;}
  .newslayout a{color:#343434;}
  .newslayout .time-vertical{width:700px;float:left;position:relative;}
  .newslayout  h3{border-bottom:1px solid #c7c7c7;line-height:37px;font-weight:500;}
  .newslayout  h3 .title{background:#0175e4;padding:8px 10px;color:#fff;font-size:18px;}
  .newslayout  h3 .more{float:right;font-size:14px;}
  .newslayout .time-vertical .top{position:relative;padding-left:65px;margin-left:10px;}
  .newslayout .time-vertical .top .badge{background:#fe0000;padding:3px 10px;position:absolute;left:-10px;color:#fff;top:10px;}
  .newslayout .time-vertical .top .content .title{font-size:18px;line-height:45px}
  .newslayout .time-vertical .top .content .desc{color:#9a9a9a;line-height:30px;}
  .newslayout .time-vertical ul{border-left:1px solid #bfbfbf;padding:0px;margin-left:10px;}
  .newslayout .time-vertical ul li{line-height:40px;position:relative;padding-left:30px;background: no-repeat bottom right;}
  .newslayout .time-vertical ul li a{display:inline-block;margin-left:20px;margin-top:6px;}
  .newslayout .time-vertical ul li b:before{content:'';position:absolute;top:20px;left:-8px;width:11px;height:11px;border:2px solid #bfbfbf;border-radius:10px;background:#bfbfbf;}
  .newslayout .time-vertical ul li:hover b:before{border:2px solid red;background:red;}
  .newslayout .time-vertical ul li:hover a,.newslayout .time-vertical ul li:hover span,.newslayout .time-vertical .top a:hover{color:red}
  .newslayout .time-vertical ul li  span{position:absolute;right:5px;}
  .newslayout .cjwt{float:right;width:441px;}
  .newslayout .cjwt h3{border-bottom:none;}
  .newslayout .cjwt ul li{line-height:34px;position:relative;}
  .newslayout .cjwt ul li span{color:#fff;position:absolute;left:-3px;display:inline-block;width:18px;height:20px;padding:2px;line-height:20px;margin-top:8px;text-align:center;}
  .newslayout .cjwt ul li .wen span{background:#0075e3;}
  .newslayout .cjwt ul li .da span{background:#ff0101;}
  .newslayout .cjwt ul li div{padding-left:30px;}
  .indexabout{width:100%;background: no-repeat center center;}
  .indexabout .indexabouttext{color:rgba(0,0,0,1);line-height:38px;font-size:18px;}
  .footinfo{margin-left:235px;}
  footer .t dl.fl{margin-right:65px;}
  .footinfo p{border-bottom:2px solid #fff;padding-bottom:5px;}
}
.footinfo{color:#dadada;font-size:14px;padding-bottom:10px;}
.footinfo div{text-align:center;}
.footinfo div img{margin-top:10px;width:150px;height:150px;}
.titlelayout{width:100%;text-align:center;padding:20px 0;}
.titlelayout h2 a{font-size:28px;color:#333;}
.titlelayout .borderb{width:50px;border:1px solid #333;margin:0 auto;}
.indexys{text-align:center;padding:20px 0 50px;}
.indexys p img{max-width:100%;}