@charset "UTF-8";
@import url('reset.css');
@import url('https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css');
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:#3065c8}
.fixpng{margin-top:6px;}

/*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: #fff;}
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:#3065c8}
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:500px}
.sliders-swiper-container .swiper-slide{width:100%;height:500px}
.sliders-swiper-container .swiper-wrapper .img{width:100%;height:500px;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:#3065c8;border-radius:3px 3px 0 0;color: #fff;}
.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 #3065c8;border-radius:8px;line-height:31px;font-size:12px}
.iAbout .c .more:hover{background:#3065c8;color:#fff}
.iNews{background:#e6e6e6;padding:39px 0 50px 0}
.iNews .c{margin-top:9px;background:url(../images/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;color: #333;}

/*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:#3065c8;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:#3065c8}
.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:#3065c8;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:url(../images/close.gif) 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:#3065c8}
.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:url(../images/line.gif) 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: 110px;background-size: 100%;}

  /*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:150px}
  .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;}
}
@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){

  /* .indexabout{width:100%;height:648px;background:url('../images/about.jpg') no-repeat center center;}
  .indexabout .abouttext{width:550px;height:550px;background:#fff;margin:50px 0 0 0;padding:135px 40px 120px;box-sizing:border-box;}
  .indexabout .abouttext .xs{width:50px;height:5px;background:#e25a0f;}
  .indexabout .abouttext .titleen{color:#e25a0f;font-size:18px;}
  .indexabout .abouttext .titlezh{font-size:18px;}
  .indexabout .abouttext .content{line-height:30px;font-size:16px;}
  .indexabout .ys{width:560px;height:460px;margin:100px 0 0 70px;font-size:18px;color:#fff;}
  .indexabout .ys ul li{height:86px;line-height:86px;vertical-align:top;}
  .indexabout .ys ul li p{display:inline;float:left}
  .indexabout .ys ul li span{color:#e25a0f;font-size:32px;padding:0 20px;float:left} */
  .iProductslayout{position: relative;width: 1300px;margin: 0 auto;display: block;}
  .indexabout>.aboutcontent{width:1200px;height:530px;margin:0 auto;padding:40px 0;}
.indexabout>.aboutcontent .abouttitle{text-align:center;}
.indexabout>.aboutcontent .abouttitle p{line-height:40px;}
.indexabout>.aboutcontent .abouttitle p.title{text-align:center;font-size:28px;line-height:50px;color:#232323;}
.indexabout>.aboutcontent .abouttitle p.border{width:120px;border:2px solid #333;margin:0 auto;}
.indexabout>.aboutcontent .abouttitle p.sub{font-size:14px;}
.indexabout>.aboutcontent .contenttext{margin-top:20px;}
.indexabout>.aboutcontent .contenttext .textleft{width:380px;float:left;background:url('../images/aboutbg.jpg') no-repeat;padding:20px;}
.indexabout>.aboutcontent .contenttext .textleft h3{font-size:20px;color:#0078ff;font-weight:600;line-height:40px;}
.indexabout>.aboutcontent .contenttext .textleft h4{color:#515050;font-size:12px;font-weight:600;line-height:30px}
.indexabout>.aboutcontent .contenttext .textleft .border{width:55px;border:2px solid #0078ff;}
.indexabout>.aboutcontent .contenttext .textleft .text{line-height:30px;padding-right: 20px;}
.indexabout>.aboutcontent .contenttext .textleft p{text-align:right;}
.indexabout>.aboutcontent .contenttext .textleft .more{color:#0078ff;text-decoration:none;}
.indexabout>.aboutcontent .contenttext .proright{width:780px;float:right;}
.indexabout>.aboutcontent .contenttext .proright ul li{display:inline-block;padding:5px;}
.indexabout>.aboutcontent .contenttext .proright ul li img{width:245px;height:167px;}
  .footinfo{/* margin-left:250px; */}
  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;}