/*
Theme Name:Industry
Theme Url:https://www.boke8.net/zbindustry.html
*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#fff;font:100%/1.5em sans-serif;overflow-x:hidden;}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;}
input{-webkit-appearance:none;border:1px solid #ddd;}
input:focus{outline:none;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:0.75em;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}

/*gold*/
.inner{width:1200px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.thumbnail{position:relative;}
.thumbnail a{display:block;position:relative;padding-bottom:75%;overflow:hidden;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.banner img,.footer .right img,.mainfigure img{width:100%;height:auto;display:block;}
.more,.readmore{clear:both;overflow:hidden;}
.more a{display:block;float:left;border:1px solid #3c598d;font-size:0.75em;padding:2px 20px;color:#222;}
.more a:hover{background-color:#fefefe;}
.banner{margin-bottom:30px;}
.slidebanner{width:100%;height:40px;}
.browser{width:100%;background-color:#FCEFD2;border-bottom:1px solid #F4B329;color:#333;font-weight:bold;text-align:center;padding:8px 10px;font-size:14px;}
.flex {display: flex; justify-content: space-between; align-items: center;}
/*topBar*/
#topBar{padding:0.35em;font-size:0.875em;color:#333;background-color:#f9f9f9;}

/*welcome*/
.welcome{color:#888;}
/*social*/
.social{font-size:1.125em;}
.social a{color:#fff;display:inline-block; vertical-align: middle; height:30px;width:30px;margin-left:0.5em;text-align:center;position:relative;line-height: 30px;}
.social .weibo{background-color:#e74c3c;}
.social .weixin{background-color:#87bc33;}
.social .qq{background-color:#43abec;}
.social .weixin img{display:none;width:120px;height:120px;position:absolute;right:0;top:35px;z-index:9;background-color:#f9f9f9;padding:2px;border:1px solid #eee;}
/*tel*/
.tel{position:relative;font-family:Arial;font-size:1.5em;color:#e74c3c;}
.tel .fa{font-size:0.875em;color:#333;vertical-align: middle;}
.tel .hotline{font-size:0.7em;font-style:normal;color:#333;vertical-align: middle;}
/*header*/
#header{position:relative;clear:both;padding:35px 0;}
#header .inner{display:flex;justify-content:space-between;align-items:center;}

/*logo*/
#logo{float:left;width:300px;}
#logo a{display:block;padding-bottom:20%;background:url(images/logo.png) no-repeat left center;background-size:contain;position:relative;}
#logo i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;}

/*searchForm*/
#searchForm{overflow:hidden;width:350px;}
#searchForm .input{position:relative;padding-right:50px;overflow:hidden;border-radius:5px;}
#searchForm button{position:absolute;right:0;top:0;height:100%;width:50px;cursor:pointer;border:none;background-color:#1e3988;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;}
#searchForm .s{width:100%;padding:11px 5%;height:50px;font-size:1em;line-height:28px;border:none;box-sizing:border-box;border-radius:5px 0 0 5px;border:1px solid #ddd;}

/*navBtn*/
#navBtn{display:none;}



/*nav*/
#nav{clear:both;width:100%;height:45px;background-color:#1e3988;}
#nav ul{position:relative;}
#nav li{float:left;line-height:45px;font-size:0.875em;text-align:center;background:url(images/spr.png) no-repeat right center;width:10%;}
#nav li:last-child{background:none;}
#nav li a{color:#fff;display:block;transition:background 0.3s ease 0s;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#nav li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-10px;border-bottom:5px solid rgba(188,188,188,0.7);border-left:5px solid transparent;border-right:5px solid transparent;opacity:1;transition:all 0.3s ease 0s;opacity:0;}
#nav li.current > a,#nav li.on > a{background-color:#da251e;height:48px;margin-top:-8px;padding-top:5px;}
#nav li.current > a:after,#nav li.on > a:after{opacity:1;}
#nav li ul{position:absolute;left:0;top:45px;background-color:rgba(255,255,255,0.8);border-radius:0 0 5px 5px;width:100%;z-index:9;display:none;}
#nav li li{font-size:1em;background-image:url(images/spr.jpg);}
#nav li li a{color:#000;}
#nav li li a:hover{margin-top:0;padding-top:0;height:45px;background-color:transparent;}

/*pagenav*/
.pagenav{position:relative;}
.pagenav .banner{margin-bottom:0;}

/*pagebox*/
.pagenav .inner{position:relative;margin-top:-40px;background-color:rgba(188,188,188,0.9);height:40px;z-index:8;overflow:hidden;}

/*breadcrumb*/
.breadcrumb{font-size:0.75em;color:#fefefe;line-height:40px;font-family:'simsun'}
.breadcrumb a{color:#fefefe;}
.breadcrumb i.fa-home{display:inline-block;float:left;width:40px;text-align:center;height:40px;font-size:1.75em;margin-right:10px;background-color:#1e3988;opacity:0.9;color:#fff;line-height:40px;}

/*slides*/
.slides{overflow:hidden;clear:both;}
.load{padding-bottom:34.21875%;position:relative;}
.load span{font-size:36px;text-align:center;display:block;width:100%;position:absolute;left:0;top:50%;line-height:1.125em;transform:translateY(-50%);color:#eee;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel img{width:100%;height:auto;display:block;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:43px;height:82px;position:absolute;top:50%;margin-top:-41px;border:none;}
.owl-carousel .owl-nav .owl-prev{background:url(images/carousel-arrow-left.png) no-repeat center center;left:7%;}
.owl-carousel .owl-nav .owl-next{background:url(images/carousel-arrow-right.png) no-repeat center center;right:7%;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active{opacity:1;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{
  0%{opacity:1;}
  100%{opacity:0;}
}
.owl-height{transition:height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
.owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-nav.disabled + .owl-dots{margin-top:10px;}
.owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;position:absolute;bottom:0px;width:100%;left:0;display:none;}
.owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;cursor:pointer;background:none;border:none;}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#869791;}

/*productslist*/
.productslist,.showcase,.advantage,.partners,.information{overflow:hidden;padding:30px 0;background-color:#fff;}
.leftnav .lefttitle{background-color:#23439f;border-bottom:3px #6d8de8 solid;color:#fff;padding:15px 15px 7px;}
.leftnav .lefttitle h3{font-size:1em;line-height:1em;}
.leftnav .lefttitle h3 a{color:#fff;}
.leftnav .lefttitle h4{font-weight:normal;font-size:0.75em;}
.leftnav ul{background-color:#efefef;border:1px solid #ddd;border-top:none;padding:9px 14px 9.5px;}
.leftnav ul li{font-size:0.875em;padding:5px 0;}
.leftnav ul li a{background-color:#23439f;color:#fff;display:block;padding:5px 10px;}
.leftnav ul li li{font-size:1em;}
.leftnav ul li ul{background-color:#fff;}
.leftnav ul li li a{background-color:transparent;color:#333;padding:0;}
.rightbox{overflow:hidden;}
.rightbox ul{overflow:hidden;padding:1px 0 0 1px;}
.rightbox li{width:33.333%;float:left;overflow:hidden;margin:-1px 0 0 -1px;}
.rightbox li .box{border:1px solid #eee;padding:5px;background-color:#fff;}
.rightbox .pagenavi{padding-top:25px;}
.rightbox li h2,.showcase h2,.caselist h2{font-size:0.875em;text-align:center;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rightbox li h2 a,.showcase h2 a,.caselist h2 a{color:#555;}

/*album*/
.albumlist{clear:both;background-color:#f5fbfd;padding:30px 0;}

/*profile*/
.profile{overflow:hidden;position:relative;}
.profile .thumbnail{float:left;width:250px;height:auto;}
.profile .profile-info{float:right;width:920px;}
.profile .profile-title,.widget .wtitle{float:left;border-bottom:1px solid #3c598d;padding-bottom:5px;margin-bottom:10px;}
.profile .profile-title h3,.widget .wtitle h3{font-weight:normal;font-size:1em;color:#333;line-height:1em;}
.profile .profile-title h4,.widget .wtitle h4{font-weight:normal;font-size:0.75em;color:#555;}
.profile .profile-text{clear:both;margin-bottom:15px;}
.profile .profile-text p{font-size:0.875em;color:#555;padding:5px 0;text-align:justify;}

/*showcase*/
.showcase,.advantage{position:relative;}
.showcase #showcase{overflow:hidden;padding:30px 0 40px;}
.showcase .item{padding:5px;border:1px solid #ddd;}
.showcase p{font-size:0.75em;color:#666;height:48px;overflow:hidden;background-color:#f9f9f9;padding:0 5px;}
.showcase .owl-dots{display:block;}
.showcase .owl-nav,.first .owl-nav{display:none;}

/*title*/
.titleline{width:100%;height:0;border-top:1px solid #dedede;position:absolute;left:0;top:84px;z-index:1;}
.title{text-align:center;position:relative;padding-top:54px;}
.title h3{font-size:1.5em;color:#555;width:280px;border:1px solid #dedede;border-bottom:none;margin:0 auto;overflow:hidden;background-color:#fff;padding:15px 0;position:absolute;left:50%;top:0;margin-left:-140px;z-index:2;font-weight:normal;}
.title h4{font-weight:normal;color:#888;font-size:0.875em;font-family:Arial;text-transform:uppercase;}

/*advantage*/
.advantage i.arrow{border-top:25px solid #f5fbfd;border-left:25px solid transparent;border-right:25px solid transparent;position:absolute;left:50%;top:0;margin-left:-25px;}
.advantage .ltitle{position:relative;text-align:center;padding-top:48px;z-index:2;}
.advantage .ltitle h3{position:absolute;left:50%;top:0;margin-left:-150px;line-height:1em;color:#555;font-size:1.75em;background-color:#fff;width:300px;padding:10px 0;z-index:3;font-weight:normal;}
.advantage .ltitle h4{color:#888;font-weight:normal;font-size:0.875em;}
.advantage .titleline{top:55px;background-color:#1e3988;}
.advantage .ltitle .square{position:absolute;left:-20px;top:22.5px;width:20px;height:5px;background-color:#85a1f2;z-index:2;}
.advantage .ltitle .right{left:auto;right:-20px;}
.advantage .box{overflow:hidden;padding:15px 0;margin-top:20px;}
.advantage .box h5{font-size:1.5em;line-height:1.5em;margin-bottom:15px;color:#1e3988;padding-left:60px;font-weight:normal;}
.advantage .box .boxtext{font-size:1em;color:#333;padding-left:30px;}
.advantage .box p{padding:10px 0;}
.advantage .left{width:600px;position:relative;}
.advantage .thumbwrap{float:right;width:500px;}
.advantage .thumb{border:1px dashed #ddd;padding:10px;background-color:#fff;}
.advantage .thumb img{width:100%;height:auto;display:block;}
.advantage .box.odd{background-color:#f5fbfd;padding:15px;}
.advantage .box.odd .left{float:right;}
.advantage .box.odd .thumbwrap{float:left;}
.advantage .left span{font-family:Helvetica,sans-serif,Arial;font-size:2.5em;position:absolute;left:0;top:5px;color:#777;border:1px solid #eee;}

/*partners*/
.partners{position:relative;}
.partners .title{margin-bottom:30px;}
.partners ul{overflow:hidden;}
.partners li{float:left;width:20%;height:auto;overflow:hidden;}
.partners li .partner-logo{border:1px solid #ddd;overflow:hidden;}
.partners li .pic{padding-bottom:60.416%;overflow:hidden;position:relative;}
.partners li img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}

/*blogItem*/
.blogItem{overflow:hidden;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #eee;}
.blogItem .thumbnail{width:180px;float:left;overflow:hidden;}
.blogItem .info{margin-left:200px;overflow:hidden;}
.blogItem p{margin-bottom:10px;}
.blogItem h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-weight:normal;line-height:1.5em;margin-bottom:10px;}
.blogItem h2 a{color:#333;}
.blogItem p{font-size:14px;line-height:1.75em;max-height:5.25em;overflow:hidden;color:#666;}

/*newsItem*/
.newsItem{position:relative;overflow:hidden;margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:25px;}
.newsItem .date{float:left;width:50px;}
.newsItem .date i{text-align:center;display:block;}
.newsItem .date i.day{height:55px;line-height:55px;font-size:1.75em;background-color:#f6f6f6;color:#555;border:1px solid #eee;border-bottom:4px solid #ddd;border-radius:3px;margin-bottom:5px;}
.newsItem .date i.mon{font-style:normal;color:#888;font-size:0.875em;}
.newsItem .info{margin-left:72px;}
.newsItem h2{font-size:1.25em;font-weight:normal;line-height:1.5em;margin-bottom:15px;margin-top:-5px;}
.newsItem h2 a{color:#333;}
.newsItem h2 a:hover{color:#23439f;}
.newsItem p{font-size:14px;line-height:1.75em;color:#666;text-align:justify;}

/*newslist*/
.newslist{overflow:hidden;background-color:#f9f9f9;padding:30px 0;}
.newslist .ntitle{border-bottom:1px solid #ddd;margin-bottom:30px;overflow:hidden;position:relative;}
.newslist .ntitle i.fa{color:#1e3988;margin-right:0.5em;font-size:1.25em;float:left;}
.newslist .ntitle span.left{border-bottom:2px solid #85a1f2;padding-bottom:10px;font-size:1.5em;padding-right:10px;}
.newslist .ntitle span.right{font-family:'simsun';font-size:0.75em;position:absolute;right:0;top:10px;}
.newslist .ntitle span.right a{color:#555;}
.newslist .ntitle span.right a:hover{font-weight:bold;color:#000;}
.newslist .first{float:left;width:400px;overflow:hidden;position:relative;}
.newslist .first h2{position:absolute;left:0;bottom:0;width:100%;height:35px;line-height:35px;background-color:rgba(0,0,0,.7);font-size:0.875em;font-weight:normal;}
.newslist .first h2 a{color:#fff;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.min-post{position:relative;width:770px;float:right;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}
.min-post .date,.excerpt .date{float:left;padding-right:20px;}
.min-post .date i,.excerpt .date i{text-align:center;display:block;}
.min-post .date i.day,.excerpt .date i.day{width:50px;height:55px;line-height:55px;font-size:1.75em;background-color:#f6f6f6;color:#555;border:1px solid #eee;border-bottom:4px solid #ddd;border-radius:3px;margin-bottom:5px;}
.min-post .date i.mon,.excerpt .date i.mon{font-style:normal;color:#888;font-size:0.875em;}
.min-post h2{font-size:1.125em;font-weight:normal;margin-bottom:10px;line-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.min-post h2 a{color:#222;}
.min-post p{font-size:0.75em;color:#777;line-height:1.65em;height:60px;overflow:hidden;}
.newslist .more{width:770px;float:right;padding-top:5px;clear:none;}

/*infotab*/
.infotab{margin-bottom:20px;}
.infotab ul{border-bottom:1px solid #1e3988;}
.infotab ul li{float:left;font-size:0.875em;padding:10px 20px;margin:0 5px;cursor:pointer;color:#555;}
.infotab ul li.cur{border:1px solid #1e3988;border-bottom:none;background-color:#fff;border-radius:3px 3px 0 0;margin-bottom:-1px;color:#1e3988;font-weight:bold;}
.infotab ul li a{color:#555;}
.infotab ul li.cur a{color:#1e3988;}
.tabbox{display:none;clear:both;}
.tabbox.on{display:block;}
.tabbox ul{overflow:hidden;}
.tabbox ul li{width:48%;padding:10px 0;border-bottom:1px solid #ddd;overflow:hidden;}
.tabbox .thumbnail{width:120px;overflow:hidden;float:left;border-right:1px solid #ddd;padding-right:15px;margin-right:15px;}
.tabbox .more{margin-top:20px;}
.tabbox .more a{float:none;margin:0 auto;width:60px;text-align:center;}
.tabbox h2{font-weight:normal;font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabbox h2 a{color:#111;}
.tabbox p{font-size:0.75em;overflow:hidden;color:#666;height:72px;}

/*contact*/
.contact{background:url(images/contact.jpg) no-repeat bottom center;background-size:100% 100%;background-attachment:fixed;padding:30px 0;position:relative;}
.contact .inner{background:rgba(255,255,255,0.8);overflow:hidden;padding:25px 0;}
.contact .left{width:550px;padding-left:25px;}
.contact .left img{width:100%;height:auto;display:block;}
.contact .right{width:560px;padding-right:25px;}
.contact .ctitle{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;}
.contact .ctitle p{color:#555;}
.contact h3{font-size:1.25em;font-weight:normal;color:#1e3988;line-height:1.5em;margin-bottom:8px;}

/*gbookFrm*/
#gbookFrm .item{font-size:14px;padding:8px 0;overflow:hidden;}
#gbookFrm label{display:block;float:left;width:80px;height:28px;line-height:28px;font-size:1em;color:#333;}
#gbookFrm .input{margin-left:80px;overflow:hidden;border:1px solid #aaa;position:relative;}
#gbookFrm .text{display:block;border:none;background-color:#fff;width:100%;padding:2px 3%;width:94%;height:22px;line-height:22px;}
#gbookFrm textarea.text{height:110px;resize:vertical;padding-top:5px;padding-bottom:5px;}
#gbookFrm .btn{margin-left:80px;overflow:hidden;}
#gbookFrm .submit{width:100%;display:block;cursor:pointer;height:35px;background-color:#da251e;color:#fff;border:none;}
#gbookFrm .verify .input{padding-right:80px;}
#gbookFrm .verify img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;cursor:pointer;}

/*friendlinks*/
.friendlinks{position:relative;padding-left:100px;background-color:#ddd;margin-bottom:20px;}
.friendlinks .ftitle{position:absolute;left:0;top:0;height:100%;width:100px;background-color:#999;border-right:3px #ccc solid;}
.friendlinks .fwrap{height:48px;position:absolute;left:0;top:50%;margin-top:-24px;width:100%;}
.friendlinks h3,.friendlinks h4{font-size:0.875em;text-align:center;color:#fff;}
.friendlinks h4{letter-spacing:3px;}
.friendlinks ul{border:1px solid #ddd;overflow:hidden;padding:10px;}
.friendlinks ul li{float:left;font-size:0.75em;padding:5px 10px;}
.friendlinks a{color:#555;}

/*footer*/
.footer{background-color:#222;padding:30px 0;}
.footer a{color:#ddd;}
.footer .inner{overflow:hidden;}
.footer .line{width:100%;height:0;border-top:1px solid #111;border-bottom:1px solid #333;}
.footer .left{width:60%;}
.footer .right{width:30%;}
.footer .right ul{overflow:hidden;}
.footer .right ul li{float:right;width:40%;padding:10px;text-align:center;}
.footer .right ul li p{font-size:0.75em;color:#ddd;margin-top:5px;}

/*pageslist*/
.pageslist{padding:10px 0;}
.pageslist ul{overflow:hidden;}
.pageslist ul li{float:left;font-size:0.75em;padding:5px 25px 5px 0;}
.pageslist ul li a{color:#ddd;}

/*companyinfo*/
.companyinfo{padding:10px 0;}
.companyinfo p{font-size:0.75em;color:#ddd;padding:5px 0;}
.companyinfo a{display:inline-block;}
.companyinfo img{display:inline-block;vertical-align:middle;width:auto;height:20px;margin-top:-3px;}

/*fixedwidget*/
.fixedwidget{position:fixed;right:1px;top:50%;width:55px;text-align:center;z-index:8;}
.fixedwidget a{color:#888;}
.fixedwidget ul{padding-top:1px;}
.fixedwidget ul li{height:55px;border:1px solid #ddd;color:#888;background-color:#fff;cursor:pointer;font-size:1.75em;line-height:55px;margin-top:-1px;font-weight:lighter;}
.fixedwidget ul li.backtop{line-height:50px;font-size:2.5em;}
.fixedwidget ul li.mobilephone{display:none;}

/*container*/
.container{overflow:hidden;padding:30px 0;}

/*sidebar*/
.sidebar{float:left;width:250px;}
.leftnav i{font-style:normal;float:right;}
.widget{margin-top:25px;background-color:#efefef;padding:10px;border:1px solid #ddd;border-top:2px solid #23439f;}
.widget ul{clear:both;}
.widget ul li{font-size:0.875em;}
.widget ul li a{color:#333;}
.widget .wtitle{padding-right:10px;}
.widget .contactwidget{clear:both;}
.widget .contactwidget img{width:100%;height:auto;display:block;}
.widget .contactwidget p{font-size:0.875em;padding:3px 0;color:#444;}
.widget .contactwidget p.online a{display:block;text-align:center;background-color:#da251e;color:#fff;padding:4px 0;}
.widget input[type='text']{border:1px solid #ddd;padding:5px 0;text-indent:5px;width:70%;}
.widget input[type='submit']{cursor:pointer;background-color:#23439f;color:#fff;border:none;padding:5px;}
#tbCalendar{margin-left:-8px;}

/*main*/
.main{margin-left:280px;overflow:hidden;}
.readmore a{font-size:0.75em;color:#23439f;float:left;}

/*pagenavi*/
.pagenavi{overflow:hidden;padding-top:10px;clear:both;}
.pagenavi a,.pagenavi span.now-page{display:block;float:left;background-color:#1e3988;color:#fff;padding:3px 12px;margin-right:5px;font-size:0.875em;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#da251e;}

/*caselist*/
.caselist{overflow:hidden;}
.caselist ul{margin-bottom:15px;overflow:hidden;border-bottom:1px solid #eee;}
.caselist li{float:left;width:25%;margin-bottom:-1px;border-bottom:1px solid #eee;padding-bottom:15px;margin-top:15px;}
.caselist li .thumbnail{padding:5px;border:1px solid #eee;overflow:hidden;}
.caselist li p{font-size:0.75em;color:#666;padding:0 5px;height:48px;overflow:hidden;}
.caselist .pagenavi{text-align:center;}
.caselist .pagenavi a,.caselist .pagenavi span.now-page{display:inline-block;float:none;}

/*post*/
.post h1.post-title{text-align:center;font-size:1.5em;line-height:1.5em;color:#222;}
.post .postmeta{padding:15px 0;font-size:0.75em;color:#888;text-align:center;border-bottom:1px dashed #ddd;}
.post .postmeta span{padding:0 5px;}
.post .postmeta a{color:#888;}
.post .tags{padding:15px 0;font-size:0.75em;color:#555;}
.post .tags a{color:#1e3988;margin-left:5px;}

/*entry*/
.entry{margin-top:25px;clear:both;font-size:16px;line-height:1.875em;color:#333;}
.entry * {line-height:1.875em;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2.5%;}
.entry ul,.entry ol{padding-left:1em;margin-left:2em;margin-bottom:2.5%;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry img{max-width:100%;height:auto!important;}

/*related-news*/
.related-news{border-top:1px solid #ededed;padding-top:15px;}
.related-news h3{font-weight:normal;font-size:1.125em;line-height:1.5em;margin-bottom:15px;}
.related-news ul{overflow:hidden;padding-left:2px;}
.related-news ul li{float:left;font-size:0.875em;width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0;list-style:inside disc none;}
.related-news ul li.right{float:right;}
.related-news ul li a{color:#333;}
.related-news ul li a:hover{color:#1e3988;}

/*commentslist*/
.commentslist{position:relative;margin-top:25px;}
.commentslist h3{border-bottom:1px solid #ddd;font-size:1em;font-weight:normal;padding-bottom:5px;margin-bottom:10px;}
.commentslist .cmtnum{position:absolute;right:0;top:0;font-size:0.75em;color:#555;}
.commentslist li{overflow:hidden;padding:20px 0;border-bottom:1px dashed #ddd;}
.commentslist .cmt-wrap{position:relative;padding-left:70px;}
.commentslist .gravatar{position:absolute;left:0;top:0;width:55px;height:55px;border:1px solid #dedede;padding:1px;background-color:#fff;}
.commentslist .gravatar img{width:100%;height:auto;display:block;}
.commentslist .cmt-user{line-height:1.1em;margin-bottom:2px;border-bottom:1px dotted #ddd;padding-bottom:8px;}
.commentslist .cmt-user span.username{font-weight:bold;font-size:0.875em;color:#333;}
.commentslist .cmt-user span.username a{color:#333;}
.commentslist .cmt-user span.reply{float:right;font-size:0.75em;}
.commentslist .cmt-user span.reply a{color:#666;}
.commentslist .cmt-meta{font-size:0.75em;color:#999;font-family:Arial;}
.commentslist .cmt-text{font-size:0.875em;color:#333;padding:5px 0;}
.commentslist li li{margin-top:15px;margin-left:20px;border:none;padding:0;}
.commentslist .pagenavi{margin-top:15px;}

/*comment*/
#comment{margin-top:15px;}
#comment .warning{color:#555;font-size:12px;line-height:1.5em;}
#comment .item{font-size:14px;padding:5px 0;overflow:hidden;}
#comment label{display:block;float:left;color:#333;line-height:38px;}
#comment label i{font-style:normal;color:#f00;}
#comment .input{margin-left:55px;overflow:hidden;position:relative;border:2px solid #ddd;}
#comment .text{font-size:1em;padding:5px 2%;display:block;width:96%;height:24px;line-height:24px;border:none;}
#comment textarea.text{height:120px;}
#comment .verify .input{padding-right:102px;}
#comment .input img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;cursor:pointer;}
#comment .btn{overflow:hidden;margin-left:55px;}
#comment .submit{float:right;display:block;background-color:#da251e;color:#fff;font-size:1em;width:100px;height:35px;cursor:pointer;border:none;border-radius:2px;}
#comment .submit:hover{opacity:0.8;}
#cancel-reply{font-size:12px;color:#888;line-height:1.5em;}

/*baguettebox*/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,0.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;}
#baguetteBox-overlay.visible{opacity:1;}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%;}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,0.6);font-family:sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out;}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out;}
@-webkit-keyframes bounceFromRight{
  0%{margin-left:0;}
  50%{margin-left:-30px;}
  100%{margin-left:0;}
}
@keyframes bounceFromRight{
  0%{margin-left:0;}
  50%{margin-left:-30px;}
  100%{margin-left:0;}
}
@-webkit-keyframes bounceFromLeft{
  0%{margin-left:0;}
  50%{margin-left:30px;}
  100%{margin-left:0;}
}
@keyframes bounceFromLeft{
  0%{margin-left:0;}
  50%{margin-left:30px;}
  100%{margin-left:0;}
}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px;}
.baguetteBox-button{position:absolute;cursor:pointer;outline:none;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,0.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,0.9);}
.baguetteBox-button#next-button{right:2%;}
.baguetteBox-button#previous-button{left:2%;}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px;}
.baguetteBox-button svg{position:absolute;left:0;top:0;}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out;}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s;}
@-webkit-keyframes bounce{
  0%,100%{-webkit-transform:scale(0);transform:scale(0);}
  50%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes bounce{
  0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}
  50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
}

/*mainfigure*/
.mainfigure{float:left;width:350px;}
#proInfo{margin-left:390px;overflow:hidden;}
.post-case h1.post-title{font-weight:normal;text-align:left;font-size:1.25em;}
.post-case .postmeta{text-align:left;margin-bottom:20px;}
.post-case .postmeta p{padding:2px 0;}
.post-case .online ul{overflow:hidden;}
.post-case .online ul li{width:50%;float:left;font-size:1em;}
.post-case .online ul li a{display:block;width:160px;margin:0 auto;text-align:center;color:#fff;padding:8px 0;}
.post-case .online ul li.qq a{background-color:#da251e;}
.post-case .online ul li.message a{background-color:#1e3988;}

/*protfolio*/
.protfolio{clear:both;}
.protfolio.advantage{padding:30px 0 0;}
.related-item.advantage{padding:0;}
.related-item.advantage .titleline{top:20px;}
.protfolio.advantage .ltitle,.related-item.advantage .ltitle{padding-top:38px;margin-bottom:10px;}
.protfolio.advantage .ltitle h3,.related-item.advantage h3{width:180px;margin-left:-90px;font-size:1.25em;}
.protfolio.advantage .ltitle h4,.related-item.advantage h4{color:#da251e;font-family:Arial;}
.advantage .titleline{top:50px;}
.advantage .ltitle .square{top:18px;}
.protfolio ul{background-color:#f6f6f6;overflow:hidden;padding:0.5%;}
.protfolio li{float:left;width:13.285%;padding:0.5%;}
.protfolio li .thumbnail{border:1px solid #eee;padding:1px;background-color:#fff;}
.post-case .entry{margin-top:0;}
.related-item{overflow:hidden;}
.related-item ul{overflow:hidden;width:102%;}
.related-item li{float:left;width:23%;padding:8px 2% 8px 0;}
.related-item li .thumbnail{margin-bottom:5px;}
.related-item li p{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.875em;}
.related-item li a{color:#333;}

/*notfound*/
.notfound{text-align:center;padding:50px 0 80px;overflow:hidden;}
.notfound h1{font-size:3em;color:#888;line-height:1.5em;font-weight:lighter;}
.notfound p{font-size:1em;color:#888;font-weight:lighter;padding:5px 0;}
.notfound a{background-color:#da251e;color:#fff;font-size:0.75em;padding:5px 10px;margin-left:10px;border-radius:3px;}
.notfound-title{border-bottom:1px solid #1e3988;}
.notfound-title h2{font-weight:lighter;font-size:1em;color:#fff;background-color:#1e3988;width:180px;margin:0 auto;text-align:center;padding:5px 0;}

/*screen width*/
@media only screen and (max-width:1280px){
  .inner{width:1000px;}
  .sidebar{width:200px;}
  .main{margin-left:230px;}
  .profile .profile-info{width:720px;}
  .advantage .left{width:500px;}
  .advantage .thumbwrap{width:440px;}
  .contact .left{width:450px;}
  .contact .right{width:450px;}
  .min-post,.newslist .more{width:570px;}
  #proInfo{width:350px;}
}
@media only screen and (max-width:1080px){
  .inner{width:900px;}
  .sidebar{width:181px;}
  .main{margin-left:200px;}
  .profile .profile-info{width:620px;}
  .advantage .left{width:400px;}
  .contact .left{width:420px;}
  .contact .right{width:400px;}
  .newslist .first{width:300px;}
  .mainfigure{width:300px;}
  #proInfo{margin-left:330px;}
  .related-item li p{font-size:0.75em;}

  /*1080px*/
  #gbookFrm textarea.text{height:60px;}
}
@media only screen and (max-width:960px){
  .inner{width:780px;}
  #nav li{font-size:0.75em;}
  .sidebar{display:none;}
  .main{margin-left:0;}
  .profile .profile-info{width:500px;}
  .profile .profile-text p{font-size:0.75em;}
  .advantage .left{width:350px;}
  .advantage .box h5{font-size:1.25em;margin-bottom:5px;}
  .advantage .box .boxtext{font-size:0.875em;}
  .advantage .thumbwrap{width:400px;}
  .advantage .box.odd .thumbwrap{width:360px;}
  .contact .left,.contact .right{width:86%;float:none;margin:0 auto;padding:0;}
  .min-post,.newslist .more{width:450px;}
  .min-post p{height:40px;}
  .min-post .date i.day{height:40px;line-height:40px;}
  #proInfo{width:auto;float:none;}
}
@media only screen and (max-width:800px){
  .inner{width:93.75%;}
  .welcome,.profile .thumbnail,.owl-nav,.sidebar{display:none;}
  .tabbox ul li,.footer .left,.footer .right{width:100%;float:none;clear:both;}
  .footer .right ul li{float:left;width:150px;padding:10px 10px 0 0;}
  .profile .profile-info{width:100%;float:none;clear:both;}
  .advantage .thumbwrap,.advantage .box h5{margin-bottom:15px;}
  .advantage .thumbwrap,.advantage .left,.advantage .box.odd .thumbwrap{width:100%;float:none;}
  .advantage .box .boxtext{padding-left:0;}
  .newslist .first{float:none;width:100%;margin-bottom:20px;}
  .min-post,.newslist .more{float:none;width:auto;}
  .owl-dots{display:block;}
  .pagenav .inner{width:100%;margin-top:0;height:35px;line-height:35px;}
  .breadcrumb i.fa-home{background-color:transparent;height:35px;line-height:35px;font-size:1.5em;margin-right:0;}
  

  /*800px*/
  header{box-shadow:0px 1px 3px rgba(0,0,0,.35);position:relative;border-bottom:5px solid #1e3988;}
  header:after{content:'';display:block;position:absolute;bottom:-5px;right:5%;background-color:#f00;color:#fff;width:45px;height:5px;}

  /*800*/
  #topBar .inner {display: block;}

  .social a {width: 26px; height: 26px; line-height: 26px; font-size: 14px;}

  /*800px*/
  #header{padding:1.25em 0;}

  /*800px*/
  #logo{width:150px;}

  /*800px*/
  #searchForm{width:43.75vw;}
  #searchForm .input{padding-right:30px;}
  #searchForm button{width:30px;font-size:14px}
  #searchForm .s{height:30px;font-size:14px;line-height:22px;padding:4px 5%;}

  /*800px*/
  .slidebanner{display:none;}

  /*800px*/
  #navBtn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#1e3988;color:#fff;border-radius:5px;font-size:14px;cursor:pointer;}
  #navBtn i{display:block;}

  /*800px*/
  #nav{position:fixed;left:0;top:0;height:100%;background-color:rgba(0,0,0,.35);z-index:9;display:none;cursor:pointer;}
  #nav .inner{position:fixed;left:-100%;top:0;width:230px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left 0.3s ease 0s;background-color:#000;box-shadow:2px 0px 3px rgba(0,0,0,.5);}
  #nav .inner.open{left:0;}
  #nav ul{padding:50px 0;}
  #nav li{float:none;width:auto;background-image:none;font-size:16px;text-align:left;position:relative;line-height:50px;}
  #nav li a{padding:0 50px 0 2em;}
  #nav li a:after{display:none;}
  #nav li em{display:block;position:absolute;right:0;top:0;width:50px;height:50px;cursor:pointer;z-index:2;}
  #nav li em:after{content:'';display:block;width:8px;height:8px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;}
  #nav li li{background-image:none;}
  #nav li ul{position:static;left:auto;top:auto;background-color:transparent;border-radius:0;padding:0;}
  #nav li li a{color:#fff;padding:0 0 0 3em;}
  #nav li li a:hover{height:auto;}
  #nav li.on > a,#nav li.current > a{background-color:rgba(30,57,136,0.8);padding-top:0;margin-top:0;}
}
@media only screen and (max-width:768px){
  .blogItem{padding-bottom:15px;margin-bottom:15px;}
  .blogItem .thumbnail{width:100px;}
  .blogItem .info{margin-left:115px;}
  .blogItem p,.readmore{display:none;}
  .blogItem h2{white-space:normal;font-size:16px;line-height:1.65em;height:4.95em;margin-bottom:0;}
  .protfolio li{width:19%;}
  .mainfigure{width:auto;float:none;margin-bottom:3.5%;}
  #proInfo{margin-left:0;}

  /*768px*/
  #comment label{float:none;line-height:1.5em;margin-bottom:5px;}
  #comment .input{margin-left:0;}
}
@media only screen and (max-width:700px){
  .protfolio.advantage .ltitle,.related-item.advantage .ltitle{padding-top:28px;}
  .protfolio.advantage .ltitle h3,.related-item.advantage h3{font-size:1em;padding:5px 0;}
  .advantage .ltitle h4{font-size:0.75em;}
  .advantage .titleline{top:45px;}
  .related-item.advantage .titleline{top:15px;}
  .advantage .ltitle .square{top:13px;}
}
@media only screen and (max-width:640px){
  .caselist li{width:50%;}
  .related-news ul li{float:none;width:auto;}
  .related-news ul li.right{float:none;}
  .fixedwidget{width:100%;top:auto;bottom:-2px;right:0;background-color:#fff;}
  .fixedwidget ul li{float:left;width:25%;text-align:center;box-sizing:border-box;border-left:none;}
  .fixedwidget ul li:last-child{border-right:none;}
  .fixedwidget ul li.mobilephone{display:block;}
  .fixedwidget ul li a{display:block;}
  .footer{padding-bottom:80px;}
 
}
@media only screen and (max-width:540px){
  .excerpt{padding-left:50px;}
  .excerpt .date i.day{width:35px;height:35px;line-height:35px;font-size:1.25em;font-style:normal;}
  .excerpt .date i.mon{font-size:0.75em;}
  .excerpt h2{font-size:1.125em;}
  .blog-excerpt .thumbnail{width:150px;height:122px;}
  .blog-excerpt{padding-left:165px;height:122px;}
  .blog-excerpt p,.readmore{display:none;}
  .blog-excerpt h2{white-space:normal;font-size:1em;}
}
@media only screen and (max-width:480px){
  .rightbox li{width:50%;}
  .post-case h1.post-title{font-size:1.125em;}
  .related-item li{width:48%;padding-right:2%;}
}
@media only screen and (max-width:360px){
  .tel i.hotline,.tabbox p{display:none;}
  .tabbox h2{white-space:normal;}
  .footer .right ul li{width:120px;}
  .min-post h2{font-size:1em;}
  .blog-excerpt .thumbnail{width:120px;height:97px;}
  .blog-excerpt{padding-left:135px;height:97px;}
  .post-case .online ul li a{width:100%;}
}