body{filter: gray; color:#000;font-size:14px;font-family:"Microsoft Yahei";width:100%;overflow-x:hidden;  background-repeat:no-repeat; background-position:center top; padding-top:0px; }
img{border-radius:4px;}
.inner-banner img{width:100%}
@media only screen and (max-width:768px){.padding-big{padding:10px}
.margin-big{margin:10px}
.padding{padding:5px}
.margin{margin:5px}
.padding-big-top{padding-top:10px}
.padding-big-bottom{padding-bottom:10px}
.padding-big-left{padding-left:10px}
.padding-big-right{padding-right:10px}
.margin-big-top{margin-top:10px}
.margin-big-bottom{margin-bottom:10px}
.margin-big-left{margin-left:10px}
.margin-big-right{margin-right:10px}
}
a:hover{color:#016abd}
.text-red,a.text-red:link,a.text-red:visited{color:#22b7fc}
.bg-main,.border-main .button.active,.nav-main.border-main .nav-head,.nav-pills.border-main .active a,.pagination.border-main .active,.pointer.border-main .active{background-color:#22b7fc}
.border-main,.border-main .button,.border-main .tab-body,.border-main .tab-nav li a,.button.bg-main,.nav-main.border-main .nav-head,.nav-main.border-main a,.nav.border-main .active a,.nav.nav-tabs.border-main,.pager.border-main a,.pagination.border-main li,.pointer.border-main li,.selected.border-main{border-color:#22b7fc}
.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.button.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.pager-next.border-main,.pager-prev.border-main,.pager.border-main a,.text-main,a.text-main:link,a.text-main:visited,blockquote.border-main strong{color:#bb262a}
.pagination.border-main li{margin:0 5px}
.button.bg-sub{border:solid 1px #bb262a}
.bg-nav{background:#1d1d1d}
.bg-gray{background-color:#f5f5f5}
.bg-black2{background-color:#f63}
.bg-sub{background-color:#000;color:#666}
.bg-footnav{background:#111}
.bg-footnav p{border-bottom:dotted 1px #111;}
.bg-footnav a{ margin-right:10px;}
.nav .active a{font-weight:400}
.bg-inverse .nav.nav-pills .active a,.bg-inverse .nav.nav-pills.nav-inline a:hover{background-color:#552618;font-size:16px;color:#fff}
.bg-inverse .nav.nav-pills a,.bg-inverse .nav.nav-pills.nav-inline a{font-size:16px}
.nav-menu li{padding:16px 12px;margin-right:0;margin-left:0;}
.nav-menu li:hover{box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
@media only screen and (max-width:1200px){.nav-menu li{padding:15px 10px}
.wrap-header .container{width:100%;}
}
@media only screen and (max-width:1000px){.nav-menu li{padding:5px 0}
.bg-nav .container{width:100%}
.nav-navicon{margin-top:10px}
.nav-inline li a{padding:5px 10px; font-size:15px;}
}
.header-adv{width:100%;}
.header-adv img{width:100%;}
h3{font-size:16px}
.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.button.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.pager-next.border-main,.pager-prev.border-main,.pager.border-main a,.text-main,a.text-main:link,a.text-main:visited,blockquote.border-main strong{color:#016abd}
.nav-navicon .input-group .input{width:auto;float:right}
.nav-menu li.active,.nav-menu li:hover{background-color:#fff;}
.nav-menu li.active a{color:#0090FF}
.nav-pills .active a,.nav-pills a:hover{color:#000;background:0 0}
.nav-menu li .drop-menu{padding:0}
.nav-menu li .drop-menu li{margin-right:0;margin-left:0;border-bottom:dotted 1px #eee}
.nav-menu li .drop-menu li a{margin:0;padding:12px 14px}
.nav-menu li .drop-menu li ul{padding:0;margin-top:5px}
.nav-inline.nav-menu ul a:hover{color:#fff}
.nav-menu li:hover .drop-menu a{color:#222}
.nav-menu li:hover .drop-menu li{padding:0}
.button.bg-main{background-color:#552618;border-color:#552618}
.button.border-main{border-color:#e80303;color:#e80303}
.pointer.border-main li{border-color:#552618}
.pointer.border-main li.active{background-color:#552618}
.border-main{border-color:#e80303}
.nav a{color:#333;text-align:left;font-size:16px}
.nav-menu li:hover drop-menu a{background-color:#f0f0f0;color:#333}
.w100{width:150px}
.icon-navicon{position:absolute;right:10px;top:20px}
.nav-navicon .input-group .input{width:auto;float:right}
.nav a{color:#000;text-align:left;font-size:14px}
.nav-menu li:hover drop-menu a{background-color:#111;color:#fff}
.wrap-top{padding:3px 0;}
.wrap-header{ z-index:999; width:100%; height:0px; background-color:#3B68AB;}
.header-mark{width:100%;}
.border-sub,.button.border-sub{border-color:#016abd;color:#016abd}
.about-box .border-sub{border-color:#fff;color:#fff}
.button.border-sub:hover{border-color:#016abd;background-color:#016abd;color:#fff}
.solution{background:url(../images/solution.jpg) center no-repeat}
.solution div div a.button{display:block;line-height:34px;height:34px;overflow:hidden;padding:0 15px}
.sico{width:100%;border-radius:0;display:block;border:solid 3px #09f}
.solution h1{font-size:24px;color:#000}
.solution h2{font-size:16px;color:#000}
.solution h2 span{border-top:solid 1px #016abd}
.remen{padding-left:10px;line-height:34px}
.index-proclass h1{line-height:40px;background-color:#0090ff;color:#fff;font-size:16px;padding:10px 10px;text-align:center}
.index-proclass ul{margin:0;padding:0;border:solid 1px #ddd;border-bottom:0}
.index-proclass li{line-height:45px;border-bottom:solid 1px #ddd;background-color:#fff;list-style:none;margin:0;text-align:center}
.index-proclass li.on,.index-proclass li:hover{background-color:#0090ff}
.index-proclass li a{color:#333}
.index-proclass li.on a,.index-proclass li:hover a{color:#fff}
.ss{padding:3px 6px;height:30px;border:solid 1px #0090ff}
.ss-btn{padding:3px 6px;height:30px}
.fengge{font-size:14px;color:#555;float:right}
.about-bg{background:url(../images/brand.jpg) center center no-repeat}
.about-box{padding:60px;color:#fff;background:url(../images/black-bg.png);margin:80px 0}
.about-box h2{font-size:18px;color:#fff}
.about2{background:url(../images/abg.jpg) center center no-repeat;color:#fff}
.about2 h1{font-size:24px;color:#fff}
.about2 h2{font-size:16px;color:#fff}
.about2 h2 span{border-top:solid 1px #016abd}
.dgd{ background-color:#fff;}
.dgd h1{font-size:24px;color:#000}
.dgd h2{font-size:16px;color:#000}
.button-ab{border:solid 1px #fff;background:0 0;padding:10px 30px;color:#fff}
.service{background-color:#f5f5f5}
.service .serico{font-size:40px;color:#fff;padding-right:10px}
.service h2{font-size:18px;color:#016abd;padding-top:20px}
.service p{font-size:14px;color:#333}
.youshi{background:#ddd}
.youshi .ysico{font-size:100px;display:block;color:#333;text-align:right}
.youshi h2{font-size:24px;color:#0090ff;display:block;font-weight:600}
.youshi p{font-size:14px;color:#fff}
.youshi2{background:url(../images/ysbg.jpg) center no-repeat}
.youshi2 h1{font-size:24px;color:#fff}
.youshi2 .ysitem{margin:10px;background-color:#22b7fc;padding:20px}
.youshi2 .ysitem2{margin:10px;background-color:#000;padding:20px}
.youshi2 h2{font-size:18px;color:#fff;display:block;padding:0;margin:0;padding-bottom:10px;font-weight:700}
.youshi2 .ysitem p{font-size:14px;color:#fff;padding:0;margin:0}
.youshi2 .ysitem2 p{font-size:14px;color:#fff;padding:0;margin:0}
.bb{border-bottom:solid 1px #0090ff;font-size:24px;color:#016abd}
.bb2{border-bottom:solid 1px #ddd}
.prolist h3{text-align:center;background-color:#eee;padding:10px 10px;color:#333}
.typelist{padding-bottom:30px;padding-left:20px;font-size:20px}
.typelist a{color:#f90}
.pro h1{font-size:24px;color:#333}
.pro h2{font-size:16px;color:#333}
.pro h2 span{border-top:solid 1px #016abd}
.proitem{padding:10px;overflow:hidden;margin-bottom:10px;background-color:#fff}
.proitem img{padding:10px;width:100%;transition:all .3s;border:solid 0 #333}
.proitem img:hover{transform:scale(1.1)}
.proitem .protext{background-color:#eee;padding:0 10px;text-align:center;line-height:34px;height:34px;overflow:hidden;color:#333}
.case{background:#f6f6f6}
.caselist h3{padding:0 10px;text-align:center;line-height:34px;height:40px;overflow:hidden}
.casebox{padding:10px;overflow:hidden}
.caseitem{box-shadow:0 4px 6px rgba(0,0,0,.05); }
.caseitem img{padding:10px;width:100%;transition:all .3s; border-radius:4px;}
.caseitem img:hover{transform:scale(1.05)}
.newsitem .news-date{text-align:center;display:inline-block;float:left;width:5rem;height:5rem;background:#f2f2f2}
.newsitem li{border-bottom:dotted 1px #ddd; padding:10px 0px;}
.newsitem .news-date1{text-align:center;color:#666;font-size:1.5625rem; margin-top:10px;}
.newsitem .news-date2{text-align:center;color:#999;font-size:.8rem}
.newsitem .news-bodys{padding:0 .875rem;overflow:hidden;zoom:1}
.newsitem .news-bodys h3{word-wrap:break-word;overflow:hidden}
.newsitem .news-bodys p{word-wrap:break-word;overflow:hidden;line-height:1.15rem;font-size:.75rem;color:#999;margin-top:10px}
.news-span1{width:16.66666667%}
.news-span2{width:83.33333333%}
.news-item2{position:relative;overflow:hidden;padding:0;margin:0px}
.news-item2 .news-time{padding:6px 0;border-right:1px solid #eee;text-align:center;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.news-action{padding:0 6px 0 40px;box-sizing:border-box}
.news-item2 .news-time .news-time-date{font-size:22px}
.news-item2 .news-title{position:relative;font-size:18px;color:#666;line-height:20px;padding-bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-item2 .news-desc{font-size:12px;color:#999;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.news-item2 .news-tit{position:relative;z-index:10}
.news-item2:after{content:"";background-color:#0090ff;position:absolute;top:0;left:0;width:0;height:100%;z-index:0;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.news-item2:hover:after{width:100%}
.news-item2:hover .news-desc,.news-item2:hover .news-time,.news-item2:hover .news-title{color:#fff}
@media only screen and (max-width:768px){.news-span1{width:31.4%}
.news-span2{width:68.6%}
.news-action{padding:0 12px 0 20px;box-sizing:border-box}
.news-item2 .news-time .news-time-date{font-size:18px}
.news-item2 .news-title{padding-bottom:6px}
.news-item2 .news-title{font-size:16px}
}
.jobsitem ul{padding:0}
.jobsitem li{border:solid 1px #ddd;background-color:#f9f9f9;margin-bottom:10px}
.jobsitem li h3{padding:10px 15px}
.jobsitem li .jobs-info{padding:10px 10px}
.jobs-info div{border-bottom:dashed 1px #ddd;padding:5px}
.jobsitem li .jobs-bodys{padding:10px 15px}
.nav.nav-sitemap a{color:#fff}
.nav-sitemap ul a{padding-left:0;color:#fff}
.foot-weixin{width:140px}
.qq{width:20px;height:20px;background:url(../images/qq.png);display:inline-block;margin:-2px 2px 0}
.product-about li{line-height:3rem;border-bottom:dashed 1px #aaa}
.news-line{text-align:center;border:dashed 1px #aaa;margin-bottom:40px}
.news-body{margin:20px auto}
.order-tip{color:#fff;padding-left:25px}
.order-tip .con{border:dashed 1px #aaa;line-height:2.5rem}
.bread{margin:8px 0;font-size:13px;color:#555}
.bglx{background:url(../images/lxbg.jpg) top center no-repeat}
.lxico{font-size:80px;display:block;color:#0090ff;text-align:center}


/*分页样式*/
.pagelist{ width:100%; text-align:center; height: 40px; margin-top:15px;}
.pagelist a,.pageCont font{ padding: 6px 14px; color:#000; font-size:14px; text-align:center; border:1px solid #eee; cursor:pointer;margin:0px 3px; display: inline-block; background-color: #fff; border-radius: 4px;}
.pagelist a.on,.pageCont a:hover{ color:#fff; background-color:#FF7200; border:1px solid #FF7200;}


.post-slide{margin:0 15px}
.post-slide .post-img{overflow:hidden}
.post-slide .post-img img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s}
.post-slide:hover .post-img img{transform:scale(1.08)}
.post-slide .post-content{background:#fff;padding:20px}
.post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize}
.post-slide .post-title a{display:inline-block;color:grey;transition:all .3s ease 0s}
.post-slide .post-title a:hover{color:#3d3030;text-decoration:none}
.post-slide .post-description{font-size:15px;color:#676767;line-height:24px;margin-bottom:14px}
.post-slide .post-bar{padding:0;margin-bottom:15px;list-style:none}
.post-slide .post-bar li{color:#676767;padding:2px 0}
.post-slide .post-bar li i{margin-right:5px}
.post-slide .post-bar li a{display:inline-block;font-size:12px;color:grey;transition:all .3s ease 0s}
.post-slide .post-bar li a:after{content:","}
.post-slide .post-bar li a:last-child:after{content:""}
.post-slide .post-bar li a:hover{color:#3d3030;text-decoration:none}
.post-slide .read-more{display:inline-block;padding:10px 15px;font-size:14px;font-weight:700;color:#fff;background:#e7989a;border-bottom-right-radius:10px;text-transform:capitalize;transition:all .3s linear}
.post-slide .read-more:hover{background:#333;text-decoration:none}