body{margin: 0;padding: 0;font-size: 16px;}
a{text-decoration: none;}
ul{list-style: none;padding: 0;}
.fl{float: left;}
.fr{float: right;}
.clear{float: none;}
.disarea{width: 100%;max-width: 1200px;margin: 0 auto;}
.no{display: none;}
.show{display: block;}

/*导航*/
header{padding: 30px 0 15px;width: 100%;float: left;}
header .topinfo{width: 100%;}
header .topinfo a{display: block;}
header .topinfo a .logo{max-height: 100%;max-width: 100%;}
header .topinfo a:nth-child(2){margin-top: 20px;}
header .topinfo a p{font-size: 113%;width: calc(100% - 44px);display: inline-block;}
header .topinfo a p b{font-size: 150%;}
.banner img{width: 100%;}
.nav{width: 100%;background-image: url(../images/nav_bg.jpg);background-size: 100% 100%;}
.nav ul{padding: 0;}
.nav ul li{width: 10.5%;float: left;background-color: #fff;border-right:0;}
.nav ul li a{display: inline-block;width: 100%;line-height: 58px;border:1px solid #e9e9e9;text-align: center;font-size: 113%;color: #000;}
.nav ul li:last-child{border-right: 1px solid #e9e9e9;}
.nav ul li a:hover{color: #fff;background-color: #1b63d2;border-color: #1b63d2;}
.nav_bt{display: inline-block;height: 100%;margin-top: 5%;}
.nav_bt {line-height: 75%;float: right;width: 25px;}
.nav_bt span{display: inline-block;width: 100%;height: 4px;border-radius: 2px;background-color: #0341a6;}
.m_nav{position: fixed;width: 60%;height: 100%;background-color: #000;opacity: 0.8;z-index: 999;top: 0;left: 0;}
.m_nav ul{width: 100%;float: left;padding: 40px 0;}
.m_nav ul li{width: calc(80% - 10%);margin: 0 10%;line-height: 30px;}
.m_nav ul li a{color: #fff;}
.m_nav span{font-size: 24px;font-weight: bold;color: #fff;position: absolute;right: 15px;top: 5px;}


/*banner*/
.banner{width: 100%;}
.banner ul{width: 100%;display: inline-block;}
.banner ul li{display: inline-block;}
.banner ul li a{display: inline-block;width: 100%;}
.banner ul li a img{width: 100%;}

/**/
.top-info{width: 100%;background-color: #fbfbfb;padding: 20px;}
.bar1{width: 9%;display: inline-block;background-color: #000;height: 2px;margin: 20px 0;}
.top-info ul li:nth-child(2){border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.top-info ul li ul li{text-align: center;}
.top-info ul li ul li img{margin-bottom: 10px;}
.top-info ul li:nth-child(2) b{width: 100%;display: inline-block;font-size: 187.5%;text-indent: 30px;background-image: url(../images/tel2.png);background-position: left;background-repeat: no-repeat;background-size: auto 75%;color: #0341a6;}
.top-info ul li:nth-child(3) b{width: 100%;display: inline-block;color: #0341a6;font-size: 113%;}

.column div:nth-child(1){background-color: #eeeff4;display: inline-block;width: 100%;color: #fff;}
.column div:nth-child(1) strong{display: inline-block;padding: 0 30px;line-height: 65px;background-color: #0341a6;margin: 0;font-weight: bold;}
.column div:nth-child(1) strong span{font-size: 100%;line-height: 0;}
.column div:nth-child(1) a{display: inline-block;line-height: 65px;color: #727272;font-size: 113%;padding-right: 4%;}
/*服务项目*/
.service_li{display: inline-block;padding-top: 30px;width: 100%;}
.bar2{display: inline-block;width: 16%;height: 4px;background-color: #0341a6;}
.service_li li a{display: inline-block;width: 100%;font-size: 113%;padding: 25px 0;}
.service_li li p{display: inline-block;width: 100%;font-size: 87.5%;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.service_li li span{display: inline-block;width: 100%;font-size: 87.5%;color: #666;padding: 20px 0;}

/*现场案例*/
.field{margin: 20px 0 40px;width: 100%;float: left;background-position: -10px 1px;}
.field img{width: calc(100% - 20px);}
.field strong{font-weight: bold;border-left: 5px solid #1b63d2;text-indent: 10px;font-size: 150%;display: inline-block;width: 100%;}
.field p{color: #666;font-size: 100%;margin-bottom: 20px;text-indent: 15px;}
.field ul li{margin-bottom: 17px;padding: 0 10px;}
.field ul li a{display: inline-block;background-size: 100% 100%;width: 100%;position: relative;}
.field ul li a img{width: 100%;}
.field ul li a b{display: inline-block;width: 100%;position: absolute;bottom: 0;left: 0;line-height: 300%;color: #fff;text-align: center;}
.field ul~a{display: inline-block;padding: 0 40px;line-height: 45px;background-color: #276bd4;color: #fff;margin-top: 10px;}

/*优势*/
.advantage{width: 100%;float: left;}
.advantage img{width: calc(100% - 20px);}
.advantage strong{font-weight: bold;text-indent: 10px;font-size: 225%;}
.advantage strong b{font-size: 300%;color: #276bd4;}
.advantage p{font-size: 87.5%;color: #b4b4b4;text-indent: 10px;}
.advantage h5{color: #000;font-size: 100%;margin:20px 0 10px;text-indent: 10px;font-weight: bold;font-size: 113%;}
.advantage ul{margin-top: 30px;}
.advantage ul li{float: left;width: calc(50% - 10px);margin-bottom: 17px;padding: 0 10px;line-height: 100px;background-color: #276bd4;border-radius: 10px;}
.advantage ul li a{display: inline-block;background-size: 100% 100%;width: 100%;position: relative;font-size: 100%;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.advantage ul li:nth-child(2n+1){margin-right: 10px;}
.advantage ul li:nth-child(2n){margin-left: 10px;}
.advantage ul li img{width: auto;height: 44%;vertical-align: middle;}

/*表单*/
.message strong{color: #fff;text-indent: 0;display: inline-block;width: calc(100% - 7%);margin-left: 7%;font-family: "Mongolian Baiti";padding-top: 20px;font-size: 250%;font-weight: 400;}
.message strong~p{color: #fff;text-indent: 0;display: inline-block;width: calc(100% - 7%);margin-left: 7%;border-bottom: 1px solid #5795e2;margin-bottom: 0px;padding-bottom: 20px;}
.message .form_i{width: 33.333333%;margin-top: 13%;}
.message .form_i img{width: 22%;margin-left: 23%;}
.message .form_i p{color: #fff;text-indent: 0;display: inline-block;width: calc(100% - 21%);margin-left: 21%;margin-top: 5%;}
.message .form{width: 66.666667%;margin-top: 6%;}
.message .form form{width: 100%;background-color: #fff;padding: 3% 0;float: left;}
.message .form form .form-tr{width: 90%;margin: 0 5%;border-bottom: 1px solid #e2e2e2;padding: 10px 0;float: left;}
.message .form form .form-tr input{width: 100%;border: none;outline: none;padding: 0;}
.message .form form .form-tr textarea{width: 100%;border: none;outline: none;padding: 0;}
.message .form form .form-tr .code input{width: 50%;float: left;height: 50px;}
.message .form form .form-tr .code .verify{width: 50%;float: left;}
#verifyImg{width: 100%;}
.message .form form .re-bt{border: 0;width: 30%;height: 30px;line-height: 30px;background-color: #276bd4;text-align: center;border-radius: 5px;padding: 0;float: right;}
.message .form form .re-bt a{color: #fff;display: inline-block;width: 100%;height: 100%;float: left;}

/*我们*/
.about{width: 100%;background: url(../images/ab_bg.jpg) no-repeat;color: #fff;float: left;padding-top: 50px;margin-top: 50px;text-align: center;}
.about strong{font-weight: bold;font-size: 225%;display: inline-block;width: 100%;text-align: center;}
.about strong~p{font-size: 125%;text-align: center;display: inline-block;width: 100%;margin: 10px 0 20px;}
.about p~a{font-size: 125%;text-align: center;display: inline-block;width: 210px;line-height: 40px;border: 2px solid #fff;border-radius: 20px;color: #fff;margin-bottom: 40px;}
.ab-info{width: 100%;background-color: #fff;float: left;padding: 40px 50px 40px 0;margin-bottom: 3%;}
.ab-info .ab-l{padding: 0 40px;}
.ab-info .ab-l img{width: calc(100%);}
.ab-info .ab-r{padding-top: 30px;text-align: left;}
.ab-info .ab-r p:nth-child(1){font-size: 113%;color: #666;margin-top: 25px;}
.ab-info .ab-r strong{font-weight: bold;font-size: 187.5%;color: #1b63d2;text-align: left;margin: 0;}
.ab-info .ab-r p:nth-child(3){font-size: 87.5%;color: #666;text-align: left;line-height: 25px;margin-top: 35px;}
.ab-info .ab-r .c-info{width: 100%;float: left;font-size: 113%;color: #666;}
.ab-info .ab-r .c-info a{width: 33.333333%;display: inline-block;float: left;font-size: 87.5%;color: #1b63d2;float: left;}
.ab-info .ab-r .c-info a b{font-size: 300%;}
.ab-info .ab-r .c-info a span{font-size: 87.5%;color: #666;display: inline-block;width: 100%;float: left;}

/*新闻*/
.news{width: 100%;float: left;margin-top: 20px;}
.news .bar4{width: 30%;float: left;background-color: #c1c1c1;height: 1px;line-height: 100%;margin-top: 5%;}
.news strong{width: 40%;display: inline-block;float: left;text-align: center;font-weight: bold;font-size: 187.5%;}
.news strong p{font-size: 60%!important;font-family: "Mongolian Baiti";display: inline-block;width: 100%;text-align: center;font-weight: lighter;color: #666;}
.news strong b{color: #1b63d2;}
.news-info{width: 100%;margin-top: 20px;}
.news-info .ni-l .img-t-li{width: 100%;}
.news-info .ni-l .img-t-li a{display: inline-block;width: 100%;}
.news-info .ni-l .img-t-li .n-img{width: 140px;float: left;background-size: 100% 100%;}
.news-info .ni-l .img-t-li .n-img img{width: 100%;}
.news-info .ni-l .img-t-li .n-info{width: calc(90%);float: left;padding: 0 20px;}
.news-info .ni-l .img-t-li .n-info p:nth-child(1){font-size: 113%;line-height: 40px;margin: 0;color: #333;}
.news-info .ni-l .img-t-li .n-info p:nth-child(2){font-size: 87.5%;color: #666;}
.news-info .ni-l .img-li{float: left;}
.news-info .ni-l .img-li:nth-child(2n){width: calc(50% - 15px);margin-right: 15px;}
.news-info .ni-l .img-li:nth-child(2n+1){width: calc(50% - 15px);margin-left: 15px;}
.news-info .ni-l .img-li a{display: inline-block;width: 100%;line-height: 50px;border-top: 1px dashed #d9d8d8;}
.bar5{display: inline-block;width: 10px;height: 3px;background-color: #1b63d2;float: left;margin-top: 23px;line-height: 0px;}
.news-info .ni-l .img-li a p:nth-child(2){display: inline-block;float: left;text-indent: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-info .ni-l .img-li a p:nth-child(3){display: inline-block;float: right;color: #999;}
.news-info .ni-r ul{width: 100%;float: left;}
.news-info .ni-r ul li{margin-bottom: 10px;line-height: 50px;border-radius: 25px;background-color: #eeeeec;color: #4a4848;float: left;text-align: center;}
.news-info .ni-r ul li:hover{background-color: #1b63d2;color: #fff;}

/* 友链 */
.f-link{width: 100%;float: left;background-color: #f8f8f8;}
.f-link ul{width: 100%;float: left;padding: 25px 0;margin: 0;}
.f-link ul li{display: inline-block;padding: 0 20px;line-height: 30px;font-size: 87.5%;color: #7a7a7a;}
.f-link ul li:nth-child(1){color: #1b63d2;padding-left: 0;}

/* 底导航 */
.f-nav{width: 100%;float: left;background-color: #1b63d2;}
.f-nav ul{width: 100%;float: left;padding: 20px 0;margin: 0;}
.f-nav ul li{display: inline-block;line-height: 25px;font-size: 87.5%;float: left;width: 12.5%;}
.f-nav ul li a{color: #fff;display: inline-block;width: 100%;text-align: center;}
.f-nav ul li a:hover{background-color: #fff;color: #1b63d2;}

/* 底部 */
footer{background-color: #303338;float: left;width: 100%;padding: 40px 0;}
footer img{max-width: 100%;}
footer>div:nth-child(1){width: 100%;}
footer div:nth-child(1) strong{font-weight: bold;font-size: 113%;display: inline-block;width: 100%;color: #fff;padding: 10px 0;}
footer div:nth-child(1) p{font-size: 87.5%;display: inline-block;width: 100%;color: #fff;}

.crumbs{margin: 0;text-align: right;font-size: 87.5%;}

/* 产品栏目 */
.article{width: 100%;float: left;margin-top: 20px;}
.article strong{font-size: 187.5%;font-weight: bold;background-image: url(../images/p_i1.png);background-position: left 50%;background-size: auto 100%;background-repeat: no-repeat;text-indent: 6%;display: inline-block;width: 100%;color: #276bd4;margin: 5% 0 1%;}
.article hr{height: 1px;color: #d0d0d0;margin: 1% 0 2%;}
.art_li{width: 100%;}
.art_li ul{width: 100%;}
.art_li ul li a{display: inline-block;width: 100%;background-size: 100% 100%;}
.art_li ul li a .n-img{background-size: 100% 100%;background-position: center;}
.art_li ul li a .n-img img{width: 100%;}
.art_li ul li a .n-img .title{color: #fff;background-color: #1b63d2;text-align: center;line-height: 200%;}
.art_li .img-t-li a div:nth-child(2) p:nth-child(1){font-size: 120%;font-weight: bold;}
.art_li .img-t-li .n-time{width: 75px;float: left;border: 1px solid #1b63d2;}
.art_li .img-t-li .n-time p{margin: 0;display: inline-block;width: 100%;text-align: center;}
.art_li .img-t-li .n-time p:nth-child(1){color: #fff;background-color: #1b63d2;font-weight: bold;padding: 7% 0;font-size: 150%;}
.art_li .img-t-li .n-time p:nth-child(2){color: #1b63d2;}
.art_li .img-t-li .n-time~.n-info{width: calc(100% - 75px);float: left;}
.art_li .img-t-li .n-time~.n-info p{text-indent: 5%;}
.art_li .img-t-li .n-time~.n-info p:nth-child(2){font-size: 87.5%;}
.article .n-content {font-size: 16px;line-height: 35px;}

.art_info{background-color: #f6f6f6;width: 100%;}
.art_img{width: 100%;background-size: auto 100%;background-position: center center;}
.art_img img{width: 100%;}
.art_info div:nth-child(2) strong{font-size: 187.5%;background-image: url('/');color: #000;text-indent: 0;}
.art_info div:nth-child(2) p{margin-bottom: 5%;}
.art_info div:nth-child(2) span:nth-child(3){line-height: 200%;border-radius: 25px;font-weight: bold;font-size: 150%;color: #fff;background-color: #ff9a0a;display: inline-block;padding: 0 5%;}
.art_info div:nth-child(2) span:nth-child(4){line-height: 200%;border-radius: 25px;font-weight: bold;font-size: 150%;color: #fff;background-color: #265daf;display: inline-block;padding: 0 5%;}
.art_c{width: 100%;margin-top: 5%;background-color: #dbdbdb;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.art_c strong{padding: 1% 3%;background-color: #265daf;font-size: 150%;color: #fff;background-image: url('/');text-indent: 0;width: auto;margin: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.article .content{padding: 4% 0;}

.re_case{width: 100%;background-image: url(../images/xg_bg.jpg);background-size: 100% auto;margin-bottom: 5%;background-repeat: no-repeat;}
.case{width: 100%;margin: 4% 0 3%;border-bottom: 2px solid #fff;}
.case strong{padding: 1% 3%;background-color: #fff;font-size: 150%;color: #265daf;background-image: url('/');text-indent: 0;width: auto;margin: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.case_li{width: 100%;overflow: hidden;}
.case_li div a{display: inline-block;width: 100%;background-size: 100% 100%;}
.case_li div a img{width: calc(100%);border: 1px solid #dedede;}
.c_ti {width: 100%;float: left;color: #fff;text-align: center;line-height: 250%;background-color: #276bd4;z-index: 999999;}

/* 关于我们 */
.about_c{width: 100%;}
.about_c .ab-info{width: 100%;float: left;margin-bottom: 0;}
.about_c .ab-info .ai_l img{width: 100%;}
.about_c .ab-info .ab-r strong{display: inline-block;width: 100%;}
.about_c .ab-info .ab-r p:nth-child(3){width: 18%;height: 5px;background-color: #b0b0b0;margin: 3% 0 5%;}
.about_c .ab-info .ab-r div:nth-child(5){background-color: #ff9a0a;font-weight: bold;font-size: 187.5%;color: #fff;text-align: center;padding: 4% 18%;margin-top: 5%;}
.about_c .ab-info .ab-r div:nth-child(5) b{font-size: 47%;font-family: "Mongolian Baiti";font-weight: lighter;}
.about_content{font-size: 87.5%;margin-top: 3%;}

/* 招聘 */
.job-li{width: 100%;}
.job-li li{width: 100%;}
.job-li li>p:nth-child(1){display: inline-block;width: 100%;line-height: 200%;margin: 0;margin-top: 1%;padding: 1% 5%;font-size: 113%;box-shadow: 0 0 5px 2px #DCDFE6;}
.job-li li>p:nth-child(1) b{display: inline-block;font-size: 65%;font-weight: lighter;color: #999;}
.job-li li .job-c{display: inline-block;width: 100%;padding: 2% 5%;font-size: 87.5%;color: #999;display: none;}

/* 联系我们 */
.contact{margin: 5% 0;}
.contact strong{display: inline-block;width: 100%;}
.contact ul li{width: calc(100%);border-radius: 0;background-color: #eeeeee;padding: 6% 5% 6% 18%;line-height: 200%;}
.contact ul li:nth-child(2n){margin-left: 0;}

.contact ul li:nth-child(1){background-image: url(../images/c1.png);background-size: auto 30%;background-position: 10% center;background-repeat: no-repeat;}
.contact ul li:nth-child(2){background-image: url(../images/c2.png);background-size: auto 30%;background-position: 10%  center;background-repeat: no-repeat;}
.contact ul li:nth-child(3){background-image: url(../images/c3.png);background-size: auto 30%;background-position: 10%  center;background-repeat: no-repeat;}
.contact ul li:nth-child(4){background-image: url(../images/c4.png);background-size: auto 30%;background-position: 10%  center;background-repeat: no-repeat;}

.T-title{width: 100%;float: left;}
.T-title strong{font-size: 150%;font-weight: bold;background-image: url(../images/p_i1.png);background-position: left 50%;background-size: auto 100%;background-repeat: no-repeat;text-indent: 3%;display: inline-block;width: 100%;color: #fff;margin: 5% 0 1%;}
.T-title hr{height: 1px;color: #fff;width: 100%;margin: 0;}


/* 侧导航 */
.sider{margin-bottom: 2%;}
.sider strong{background-color: #276bd4;text-indent: 0;background-image: url(/);color: #fff;padding: 12px 0 12px 5%;margin: 0;font-size: 150%;}
.pro-sider{width: 100%;}
.pro-sider ul{width: 100%;float: left;background-color: #f5f5f5;padding-bottom: 15px;margin: 0;}
.pro-sider ul li{float: left;width: calc(100% - 16%);margin: 0 8%;border-bottom: 1px dashed #cfcfcf;padding: 12px 0;text-indent: 10%;}
.inner-contact{width: 100%;float: left;background-color: #276bd4;color: #fff;padding: 5% 0;}
.inner-contact .title{font-weight: bold;}
.inner-contact .title strong{font-size: 150%;}
.inner-contact .title strong em{font-size: 65%;}
.inner-contact .contact-box{float: left;width: calc(100%);padding: 0 10%;}
.inner-contact .contact-box li{font-size: 87.5%;}

/* 单页 */
.info-c b:nth-child(1){font-size:22px;display: inline-block;width: 100%;float: left;text-align: center;line-height: 200%;}
.info-c b:nth-child(1)~p{font-size: 87.5%;display: inline-block;width: 100%;text-align: center;color: #999;margin-bottom: 2%;border-bottom: 1px solid #eee;}
.c-img{width: 100%;float: left;text-align: center;}
.c-img img{max-width: 100%;padding-bottom: 3%;}

/* 下一篇 */
.newsPage{border-top: 1px solid #eee;width: 100%;padding: 2% 0;}
.newsPage .page-a:nth-child(1){float: left;}
.newsPage .page-a:nth-child(2){float: right;}

@media screen and (max-width: 970px){
    .field img,.advantage img{width: 100%;}
}
@media screen and (max-width: 768px){
	.topinfo .no{display: block;}
	.topinfo a:nth-child(2){display: none;}
	header{position: fixed;background-color: #fff;z-index: 998;top: 0;padding: 15px 0;}
	.ab-info{padding: 20px 25px;}
	.f-nav ul li{width: 25%;}
	.nav{display: none;}
	.sider{display: none;}
}
@media screen and (max-width: 500px){
	.T-title strong{background-image: url(/);}
}
@media screen and (min-width: 768px){
	.m_nav{display: none;}
}