/*全局样式*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:16px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#0878BF; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
/* Clear Fix */ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
/* Hide from IE Mac */ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
/* end of clearfix */ 
.left{ float:left; }
.right{ float:right; }
.container{width: 1300px; margin: 0 auto; }
.mt30{margin-top: 30px;}
.mt40{margin-top: 30px;}
.pt40{ padding-top: 40px; }
.w855{ width:855px; }

/*页码容器*/
.page-box{ margin: 40px 0; color:#999; font-size:14px; }

/*页面布局*/
body{ background:#fff; position: relative;}

.header-box{background-color: #fff;}
.header{ width: 1300px; height: 160px; margin:0 auto; /*background-image: url(../images/head.jpg?v=2);*/}
.header a{ /*display:block; width: 100%; height: 100%;*/ }
.banner{ width: 100%; /*height: 614px;*/ position: relative; }
.category-image{ height:350px; background-position: center center; background-size: cover;}
.nav{ width: 100%; background-color: #0878BF; box-shadow: 0px 1px 6px 0px #6f6f6f; position: absolute; z-index: 2; }
.nav>ul{ width: 1200px; margin: 0 auto; }
.nav>ul>li{ float: left; width: 133px; height: 50px; /*position:relative;*/ }
.nav>ul>li>a{ display: inline-block; width: 133px; height: 50px; text-align: center; color: #fff; line-height: 50px; font-size: 16px; transition:all 0.3s ease;}
.nav>ul>li>a:hover{ font-size: 17px; font-weight: bold; color: #fff;transform: translateY(2px); }
.nav.style2{background-color: #26A16D;}
.nav.style3{background-color: #26A16D;}
.nav.fixed{position: fixed; top: 0; }
ul.subMenu{ position: absolute;left: 0;top: 48px;background-color: #0a7cc5; padding: 30px 0; display:none; transition:all 0.3s ease; width: 100%; text-align: center;}
ul.subMenu li{position:relative; /*background-repeat: no-repeat; background-image: url(../images/fuhao3.png);background-position: 35px 10px;*/display: inline-block;line-height: 11px;padding: 0;border-left: 1px solid #fff;}
.x2{/*background-position: 35px 10px;*/}
.x3{/*background-position: 50px 10px;*/}
ul.subMenu li.x2 a{/*padding-left: 35px;*/ font-weight: bold; line-height: 16px; padding: 0 20px;}
ul.subMenu li.x2 i {display: none; left: 34px;}
ul.subMenu li.x3 a{padding-left: 50px;/*padding-left: 62px;*/}
ul.subMenu li.x3 i{display: block; left: 38px; transition:all 0.3s ease;/*left: 50px;*/}
ul.subMenu li i{position: absolute; display:none; left:15px; top:13px; color:#fff; font-size: 12px;}
ul.subMenu li a{display: inline-block; width: max-content; text-align: center; color: #fff; line-height: 18px; font-size: 16px; padding: 10px 34px; transition:all 0.3s ease;}
ul.subMenu li a:hover{ color: #ffdd78; /*text-shadow: 2px 2px 5px #fff;*/ /*font-size: 17px; font-weight: bold; */ }
ul.subMenu li:hover i{ color: #ffdd78;}
.nav>ul>li:hover .subMenu{display: block; }
ul.subMenu li.x3:hover i{display: block; left:40px;}
ul.subMenu li.x3 a:before{}
ul.subMenu li:first-child{border-left-width: 0;}

.xuehuidongtai{}
.xuehuidongtai ul{margin-top: 15px;}
.xuehuidongtai li{line-height: 40px;font-size: 18px; border-bottom: 1px dashed #C4B6A2;}
.xuehuidongtai a{color: #565656; background-image: url(../image/li_ico.jpg); background-repeat: no-repeat; background-position: 7px 7px; padding-left: 22px;}
.xuehuidongtai a:hover{font-weight: bold; color: #0878BF;background-position: 6px 7px;  }
.xuehuidongtai li span{float: right; color: #aaa;}
/*.xuehuidongtai li i{ margin-right: 5px;}*/

.news1{float: left; width: 380px; height:450px; padding: 0 14px;}
.news1 ul{margin-top: 15px;}
.news1 li.style1{ border-bottom: 1px dashed #E3E3E3; padding-bottom: 20px; }
.news1 li.style1 .img-box{display: inline-block; background-color: #aaa; width: 158px; height: 103px; text-align: center; line-height: 103px; font-size: 20px;color: #fff; float: left; margin-right: 10px; overflow: hidden;}
.news1 li.style1 .img-box img{width: 158px; height: 103px; transition: all 0.5s ease 0s;}
.news1 li.style1 .title{}
.news1 li.style1 .title:hover{ font-weight: bold; }
.news1 li.style1 .img-box:hover img{ transform: scale(1.05);}
.news1 li.style2{line-height: 40px;font-size: 14px;}
.news1 li.style2 a{color: #565656; position:relative; padding-left: 12px;}
.news1 li.style2 a:hover{font-weight: bold; color: #009053; }
.news1 li.style2 a:before {
  content: '';
  height: 4px;
  width: 4px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 50%;
}
.news1 li.style2 a:hover:before{background: #009053;}
.news1 li.style2 span{float: right; color: #aaa; margin-right: 10px; }
.news1 li.style2 i{ display: inline-block; width: 5px; height: 5px; margin-right: 8px; background-color: #b0b0b0; vertical-align: middle; }
.news2{}
.news3{}

.adv1:hover{ opacity: 0.9;}
.adv2:hover{opacity: 0.9;}

.footer{height: 230px; background-color: #0878BF; color: #fff; font-size: 16px; margin-top: 30px; padding-top: 50px; }
.footer i{border-radius: 100%; border: 3px solid #fff; width: 40px; height: 40px; text-align: center; font-size: 22px; line-height: 40px; }
.footer .small-logo{float: left; width: 170px;}
.footer .banquan{float: left; width: 590px; line-height: 30px;}
.footer .link{float: left; width: 192px; font-size: 44px;}
.footer .link a{color: #fff; }
.footer .link a i{transition: all 0.3s ease;}
.footer .link a:hover i{ color: #fff; border-color: #0081d3; background-color: #008ce5; }
.footer .qrcode{float: left; width: 190px;text-align: center;}
.footer .qrcode img{border: 5px solid #fff; /*display: block;*/ width:109px; height:109px; cursor:pointer; transition: all 0.3s ease;}
.footer .qrcode img:hover{ border-color: #009cff;}
.footer .title{ line-height: 40px;}
.index-page .footer .banquan{width: 690px;}

a.tech{text-decoration: underline; color: #fff;}

.full-link{ display:block; width:100%; height:100%; cursor:pointer; }
.swiper-container-banner .swiper-pagination-bullet{width: 40px; height: 4px; border-radius: 0; }
.swiper-container-banner > .swiper-pagination-bullets {bottom: 20px;}
.swiper-container-banner .swiper-button-next{ display: none;}
.swiper-container-banner .swiper-button-prev{ display: none;}
.swiper-container-banner .swiper-slide{ height: 614px; background-position: center center; background-size: cover;}

.swiper-container .swiper-pagination{text-align: right;}
.swiper-container .swiper-container-horizontal > .swiper-pagination-bullets{ width: auto;  right: 15px;}
.swiper-container{width: 100%; height: 100%;overflow: hidden;}
.swiper-container img{width: 100%; height: 100%;}
.swiper-container .swiper-slide{   }
.swiper-container .swiper-slide a{position: relative; display:block; width: 100%; height: 100%;}
.swiper-container .swiper-slide .title{ position: absolute; bottom: 0; left: 0; right:0; height: 40px; line-height: 40px; color: #fff; background-color: #000000bd; padding-left: 15px; font-size:16px;}

.sideleft,.sideright{box-shadow: 5px 5px 10px #f1f1f1;}
.sideleft{background: #fff;width: 265px;padding-bottom: 100px;}
.sideleft .column{position: relative;width: 200px;height:55px;margin-bottom: 20px;padding:30px 20px; }
.sideleft .column h3{font-size:26px;color: #333;}
.sideleft .column em{color:#626262;font-family: "arial";text-transform: uppercase;font-style: normal;}
.sideleft .column span{ position: absolute; left: 20px; bottom: 0px; background-color: #F8BC2A; width: 20px; height: 4px; display: inline-block; }
.sideleft a{display: block;height: 50px;line-height: 50px;text-indent: 80px;color: #333;margin-top:10px; }
.sideleft a:hover{background-color: #0878bf; color: #fff;}
.sideleft li.active a{ background-color: #0878bf; color: #fff;}
.sideleft li.active i{ color: #fff;}
.sideright{width: 855px;padding: 30px;border-right: 1px solid #eee;background: #fff;}
.sideright .tit{ margin-bottom: 20px; border-bottom: 2px solid #EBEBEB; height: 40px;}
.sideright .tit b{font-size: 18px; font-weight: normal;border-bottom: 2px solid #0878bf;display: inline-block;line-height: 20px; padding-bottom: 20px; }
.sideright .tit,.sideright .tit a{color:#383838;}
.sideright .tit i{color:#333; padding-left: 22px;font-style: normal;}
.sideright .tit em{font-family: "宋体";font-style: normal;}
.sideright .tit a:hover{text-decoration: underline;}
.sideright .tit ul li{color:#989898;}
.sideleft ul li:after{}
.sideleft ul li{ position: relative;}
.sideleft ul li i{ position: absolute; right: 20px; top: 20px; color: transparent; font-size: 12px;}
.sideright .text .article-title{font-size: 24px;color:#383838;text-align: center;line-height: 46px;}
.sideright .text .article-author{text-align: center;border-bottom: 1px solid #e3e3e3;padding-bottom: 20px;margin-bottom: 30px;color:#989898;}
.sideright .text .article-content p{line-height: 32px; margin: 10px 0;}
.sideright .text .article-content img{max-width: 855px;}


/*新闻-行业*/
.actiLlist {border-bottom:1px solid #e3e3e3;padding: 20px 0;}
.actiLlist .actiPic,.actiLlist .actiPic img{width:250px;height:150px; }
.actiLlist .actiCont{width: 585px;}
.actiLlist .actiCont h3 a{color:#383838;line-height:22px;font-size: 20px;padding-bottom: 15px;display: block;}
.actiLlist .actiCont h3 a:hover{color: #0878bf;}
.actiLlist .actiCont span em{color:#989898;line-height: 36px;}
.actiLlist .actiCont p{color:#686868;line-height: 24px;padding-bottom: 10px; }
.actiLlist .actiCont a.more{width:130px;height:44px;line-height:44px;text-align:center;color:#989898;display: block;border: 1px solid #f1f1f1;margin-top: 35px;border-radius: 8px;}
.actiLlist .actiCont a.more:hover{color:#fff;background: #fc433e;border:none; }
.actiLlist .actiCont span{border: 1px solid #e3e3e3;display: block;width: 210px;text-align: center;margin-top: 15px;color:#686868;}

.vlightbox1,.vlightbox1 img{width: 377px;height: 250px;display: block;background: #e3e3e3;}
.vlightbox1{float: left;position: relative;margin-right:15px;margin-bottom:30px;background: #f2f3f6;padding: 10px;height: 280px;}
.vlightbox1 p{height: 40px;line-height: 40px;display: block;width: 100%;color: #333;text-align: center;}
#vlightbox1{background: #fff;padding: 15px;}
.article-pic-list{}
.article-pic-list .item{float: left;position: relative;margin-right:15px;margin-bottom:30px;background: #f2f3f6;padding: 10px;height: 280px;}
.article-pic-list .item a{display: block;}
.article-pic-list .item img{width: 377px;height: 250px;display: block;background: #e3e3e3;}
.article-pic-list .item p{height: 40px;line-height: 40px;display: block;width: 100%;color: #333;text-align: center;}

.actiLlist .actiCont.w855{ width:855px; }

.wuyou-waiter{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 50px;  z-index: 999; font-size:14px; line-height:14px;}
.waiter-ul li{position: relative; height: 50px; line-height: 50px;margin-bottom: 1px ;}
.waiter-ul li>a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 50px; height: 40px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;line-height: 15px;padding-top: 10px;}
.waiter-title{position: absolute; left: 0px; bottom: 0; color: #fff; width: 150px; height: 30px;padding:10px 10px 10px 20px; line-height: 30px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; z-index: 199999; opacity: 0;}
.waiter-ul li:hover .waiter-title{left: -130px; opacity: 1;}
.wuyou-contact2>a{background:url(../image/s3.png) center center no-repeat #fff;border: #e3e3e3 1px solid;}
.waiter-ul li.wuyou-contact2 .waiter-title,.wuyou-contact2 a:hover{background: #4481d1; }
.waiter-ul li.wuyou-shop>a{background:url(../image/s2.png) center center no-repeat #fff;border: #e3e3e3 1px solid;}
.waiter-ul li.wuyou-shop .waiter-title,.waiter-ul li.wuyou-shop a:hover{background: #4481d1; }
.waiter-ul li.wuyou-contact>a{background:url(../image/s4.png) center center no-repeat #fff;border: #e3e3e3 1px solid;}
.waiter-ul li.wuyou-contact .waiter-title,.waiter-ul li.wuyou-contact a:hover{background:url(../image/s4.png) center center no-repeat #4481d1; }
.waiter-ul li.wuyou-contact .waiter-title{height: 100px;left: -120px;width: 100px;padding: 10px;}
.waiter-ul li.wuyou-contact .waiter-title img{width: 100px;}
.waiter-ul li.wuyou-top>a{background:url(../image/s5.png) center center no-repeat  #fff;border: #e3e3e3 1px solid;}
.waiter-ul li.wuyou-top .waiter-title,.waiter-ul li.wuyou-top a:hover{background: #4481d1; }
.waiter-ul li.wuyou-top .waiter-title{width: 30px;height: 30px;padding: 10px;left: 0px;}
.waiter-ul li.wuyou-top .waiter-title a{color:#fff;}
.wuyou-waiter .waiter-title em{line-height: 14px;}

.fr {float: right;}

.owl-carousel-box{padding:0 55px;}
.owl-carousel{ }
.owl-carousel .item{ width:282px;}



#JingPinGongCheng .owl-carousel .item a{ display:block; width:282px;}
.owl-carousel .item .new-pic-box{ width:282px; height:188px; overflow:hidden;}
.owl-carousel .item .new-pic-box img{ width:282px; height:188px;transition:all 0.5s;}
.owl-carousel .item .new-title{text-align: center; font-size: 16px; line-height: 24px; padding: 15px 0;}

#JingPinGongCheng .owl-carousel .item a:hover{ font-weight:bold;}
#JingPinGongCheng .owl-carousel .item a:hover img{transform: scale(1.2);}
/*<div class="item">
<a href="<%#linkurl("article_show", Eval("id"))%>" title="<%#Eval("title")%>">
    <div class="new-pic-box">
        <img class="new-pic" src="<%= dt1.Rows[i]["img_url"].ToString()%>" />
    </div>
    <div class="new-title"><%#Utils.SubStrAddSuffix(Eval("title").ToString(), 10, "...")%></div>
</a>
</div>*/

#JingPinGongCheng .owl-nav button.owl-prev{
    position: absolute;
    left:-55px;
    top: 0;
    width: 55px;
    height: 188px;
    background-image: url(../image/left_ico.jpg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;
    font-size: 0;
     background-color:#F8F9FB;
}
#JingPinGongCheng .owl-nav button.owl-prev:hover{ opacity:0.8;}

#JingPinGongCheng .owl-nav button.owl-next{
    position: absolute;
    right:-55px;
    top: 0;
    width: 55px;
    height: 188px;
    background-image: url(../image/right_ico.jpg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;font-size: 0;
     background-color:#F8F9FB;
}
#JingPinGongCheng .owl-nav button.owl-next:hover{ opacity:0.8;}

/*.job-title:after{  content:"."; display:block; height:0; clear:both; visibility:hidden;}
.job-title{ display:inline-block; } */

.job-head{font-weight:bold; }
.job-list-column-1,.job-list-column-2,.job-list-column-3,.job-list-column-4,.job-list-column-5,.job-list-column-6{ display:inline-block; width:110px; line-height:50px;  text-align:center;}
.job-list-column-1{width:273px;}
.job-list-column-2{}
.job-list-column-3{}
.job-list-column-4{}
.job-list-column-5{}
.job-list-column-6{width:118px;}
.job-item{background-color:#EBEFF3;  border-bottom: 1px solid #dfdfdf;}
.job-content{padding: 20px; display: none;}
.job-content .column{width: 390px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-bottom: 20px;
    color: #666;
    }
.job-content .column:nth-child(2n) {
    width: 400px;margin-left: 20px;
}
.job-item .job-title{cursor:pointer;}
.job-item.show{ /*margin-bottom:20px;*/}
.job-item.show .job-title{ }
.job-item.show .job-title{background-color:#0878BF; color:#fff;}
.job-item.show .job-content{display:block;}