body { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:14px;; overflow-x:hidden;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; margin: 0 auto;max-width:1100px; position: relative; }

img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
 
.img{overflow:hidden;position:relative;}
.img:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{ top:10px;left:10px;right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5);}
.img:hover img{ transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}

.owl-theme .owl-controls .owl-nav [class*=owl-]{position:absolute; margin:0 !important; padding:0 !important;}
.owl-theme .owl-controls{ bottom:50% !important; height:0;margin-bottom:50px; }
.owl-theme .owl-controls .owl-nav{ height:0;position:relative;}
.owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
.owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}

*{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
img{ max-width:100%;}
.img_w img{ max-width:inherit;}
/*----------header----------*/
.header { position: absolute; border-bottom:1px solid rgba(255,255,255,0.2); top: 0; left: 0; width: 100%; z-index: 1000; line-height: 100px; }
.header.on { background: #042b72; }
.header.on  .line{ display:none;} 
.header .logo {line-height:100px; margin-left: 20px;transition:all 0s }
.header .logo img{vertical-align:middle;transition:all 0s;}
.header .line { position: absolute; left: 0;right: 0; height: 1px; background: rgba(255,255,255,0.2); } 
.header.fixed{ position:fixed;background:rgba(0,0,0,0.8);line-height:70px;height:70px;}
.header.fixed .wrap{ max-width:1200px;}
.header.fixed .menu ul li a{ line-height:70px;}
.header.fixed .logo{line-height:70px;}
.menu ul li { float: left; margin-left:70px; }
.menu ul li a { display: block; line-height: 100px; color: #fff; font-size: 16px; }

.menu ul li label { display: block; width: 0; height: 2px; background: #fff; margin: 0 auto; } 
.menu ul li.on label, .menu ul li a:hover label { width: 100%; }




.banner .item{ position:relative;}
.banner .item img{ display:block; width:100%;}
.banner .item .text{ position:absolute; left:0; top:50%; margin-top:-120px; line-height:80px; text-align:center;width:100%;color:#fff; font-size:18px; text-transform:uppercase;}
.banner .item .text .p1{ display:inline-block; margin:0 auto; border:1px solid #fff;line-height:68px;padding:0 40px;}
.banner .item .text h2{ font-size:66px;font-weight:normal;}

.page1{padding:50px 0;}

.page_tit{ text-align:center;color:#0875c3; text-transform:uppercase;line-height:40px;padding:20px 0;}
.page_tit h3{ font-size:26px;font-weight:normal;}
.page_tit p{ max-width:77%; margin:0 auto;line-height:28px;}
.page_tit p.p1{ color:#666;margin-top:10px;}
.page1_list ul li{width:50%; float:left;}
.page1_list ul li .text,.page1_list ul li .img{ width:50%; overflow:hidden; display:table-cell; vertical-align:middle;}
.page1_list ul li a{ display:table;table-layout:fixed; text-align:center; background:#f6f6f6}
.page1_list ul li img{ vertical-align:middle;}
.page1_list ul li .text p{ text-align:center;margin:0 auto;line-height:24px;color:#666;max-width:80%;}
.page1_list ul li .text h3{font-size:22px; font-weight:normal; color:#222;margin-bottom:15px;}
.page1_list ul li .text .next{ font-size:30px; font-weight:bold;color:#999;margin-top:20px;}
.page1_list ul li a:hover{ background:#0875c3}
.page1_list ul li a:hover *{color:#fff !important; }

.page2{ background:#0875c3;position:relative;}
.page2 .page2_text{color:#fff;}

.img_w{ position:absolute; top:0; right:0; bottom:0;  width:50%;z-index:100}
.img_w img{display:block; width:100%;}
.page2_text{  width:48%;padding:60px 0;line-height:26px;}
.page2_text .tit h3{ font-size:26px; font-weight:normal;}
.page2_text .tit label{ display:block;width:60px; height:3px;background:#fff; margin:20px 0;}
.page2_text .tit p{ font-size:16px;}
.page2_text .text{height:78px; overflow:hidden;margin-top:10px;}
.page3 .img_w{ left:0; /*width:48.5%;*/ right:auto;}
.page3 .page2_text{ float:right; color:#0875c3;}
.page3 .page2_text label{ background:#0875c3}
.page3 .page2_text .tit p{color:#222;}
.page3 .page2_text .text{ color:#666}
.page3{position:relative;}

.page4{background:url("../img/index_17.jpg") no-repeat center center; background-size:cover;padding:40px 0;}
.page4 .text{width:50%;  padding-left:60px; background:url("../img/icon1.png") no-repeat 40px 12px;color:#fff;}
.page4 .text h3{ font-size:26px;line-height:30px;margin-bottom:10px; font-weight:normal;}
.page4 .text h4{ font-size:14px; font-weight:normal;}
.page4 .text p{ font-size:10px;text-transform:uppercase;max-width:390px;margin-top:20px;line-height:14px;color:#e9eef2;}
.page4 .link{position:absolute; right:0; top:50%; margin-top:-19px;line-height:38px;color:#fff; font-size:18px;}
.page4 .link a{ display:inline-block; width:114px; background:url("../img/icon2.png") no-repeat center center #fff;height:38px;vertical-align:middle; margin-left:20px;}
.page4 .link a:hover{background-color:rgba(255,255,255,0.5)}

.index_news ul { margin:0 -.5%; overflow:hidden;}
.index_news ul li{width:49%;  margin:5px .5%; float:left;}
.index_news ul li img{display:block;}
.index_news ul li a{ display:block; background:#000; position:relative;}
.index_news ul li .img img{opacity:0.5}
.index_news ul li .text{position:absolute;width:100%; left:0; top:50%;margin-top:-72px; text-align:center;color:#fff;}
.index_news ul li .text h3{margin-bottom:10px; font-size:26px; font-weight:normal; line-height:30px;}
.index_news ul li .text p{width:90%;margin:0 auto; line-height:24px;}
.index_news ul li .text .btn{margin-top:20px;}
.index_news ul li .text .btn span{display:inline-block;line-height:35px; padding:0 30px; border:1px solid #fff;color:#fff;}
/*----------mainer----------*/
.mainer { }










/*----------footer----------*/
.footer {background:#26272b;padding:45px 0; }
.foot_rt{ float:right;color:#fff;}
.foot_rt .item{margin-left:60px; float:left; border-left:1px solid #4e4f52;padding-left:30px; font-size:12px;}
.foot_rt .item .ewm{width:177px;}
.foot_rt .item .tit{ font-size:16px; color:#fff;margin-bottom:35px;}
.foot_rt .item ul{ min-width:280px;margin-top:20px;}
.foot_rt .item ul li{ line-height:45px;}
.foot_rt .item ul li p{ padding-left:40px;}
.foot_rt .item ul li p.p1{ background:url("../img/f_icon_14.png") no-repeat left center;}
.foot_rt .item ul li p.p2{ background:url("../img/f_icon_17.png") no-repeat left center;}
.foot_rt .item ul li p.p3{ background:url("../img/f_icon_19.png") no-repeat left center;}
.foot_rt .item  .share a{margin-right:10px; display:inline-block;width:28px; height:28px; border-radius:28px;background-color:#0875c3; background-position:center center; background-repeat:no-repeat;}
.foot_rt .item  .share a.a_wx{background-image:url("../img/f_icon_07.png")/*tpa=http://www.28jw.cn/www/22demo111/img/f_icon_07.png*/;}
.foot_rt .item  .share a.a_qq{background-image:url("../img/f_icon_09.png")/*tpa=http://www.28jw.cn/www/22demo111/img/f_icon_09.png*/;}
.foot_text{width:30%; overflow:hidden;float:left;}
.foot_text .text{ line-height:28px;color:#fff; font-size:12px;margin-top:30px;}


/*----------custom----------*/

@media only screen and (max-width: 1100px){
    .wrap{ width:95%;}
    .banner.owl-theme .owl-controls .owl-nav [class*=owl-]{ width:30px;}
    .banner .item .text h2{ font-size:50px;}
    .banner .item .text{line-height:50px; margin-top:-50px;}
    .menu ul li a,.header{ line-height:80px;}
    .banner .item .text .p1{line-height:50px;}
    .page1{padding:35px 0;}
    .page_banner{ padding-top:80px;}
}
.about_m{ margin-bottom:30px;}
.about_m img{cursor:pointer;}
@media only screen and (max-width: 1024px) {
    .menu ul li{margin-left:40px;}
    .banner .item .text h2{ font-size:40px;}
    .wrap{ width:98%;}
    .page1_list ul li .text{ padding:0 15px;}
    .page1_list ul li .text h3{ font-size:20px;}
    .page1_list ul li .text p{  line-height:20px;display:inline}
    .index_news ul li .text{ padding:0 10px;width:auto;margin-top:-80px; right:0;}
    .index_news ul li .text .btn{margin-top:10px;} 
    .index_news ul li .text p{ display:inline}
    .foot_rt .item{margin-left:30px;}
    .page1_list ul li .text .next{margin-top:10px;}
    .page2 .wrap,.page3 .wrap{width:100%;}
    .page2 .page2_text{ margin:0 10px;padding:15px 0;}
    .page3 .page2_text{margin:0 10px;padding:15px 0;} 
    .foot_rt .item ul{ min-width:inherit;}
    .contact_lxfs{ padding:20px;}
    .ly_textarea textarea{ height:73px;}
    .banner .img1{width:130%;}
    .owl-theme .owl-controls{ margin-bottom:20px;}
    .contact_l{width:280px;} 
}

@media only screen and (max-width: 800px) {
.foot_rt,.foot_text{width:100%;float:none;}
.foot_rt { margin-top:30px;}
.foot_rt .item ul li p{ padding-left:25px;line-height:25px;}
.foot_rt .item{margin-left:0;width:50%; box-sizing:border-box; border-left:0;padding-left:0}

}

@media only screen and (max-width: 750px) {
    .foot_rt .item ul{margin-top:0;}
    .page4 .link span{display:none;}
    .header{position:fixed;border-bottom:0; top:0;left:0;width:100%; background:rgba(0,0,0,0.5)}
    .header .wrap{width:100%;}
    .menu{display:none;position:absolute; top:100%;left:0;width:100%;background:rgba(0,0,0,0.5);padding-bottom:50px;}
    .menu.on{display:block;}
    .wap_menu{ position:absolute; top:50%; margin-top:-25px; right:0px;width:50px; height:50px;background:url("../img/menu.png") no-repeat center center; background-size:auto 20px;}
    .banner.owl-theme .owl-controls .owl-nav [class*=owl-]{width:20px;}
    .menu ul li{ float:none;margin:0 15px; text-align:center; }
    .menu ul li a, .header{ line-height:50px;} 
    .page_banner{ padding-top:50px;}
    .banner .item .text h2{ font-size:20px;}
    .banner .item .text *{ line-height:30px;}
    .banner .item .text{ font-size:14px;margin-top:-30px;}
    .banner .item .text .p1{ line-height:30px;}
    .banner  .img1{ width:150%;}
    .banner.owl-theme .owl-controls .owl-nav {display:none;}
    .page1{padding-top:0}
    .page1_list ul li{width:100%;margin-bottom:10px;}
    .page2_text{width:95%;}
    .img_w{position:inherit;width:100%; left:auto; right:auto;top:auto; bottom:auto;}
    .img_w img{width:100%;}
    .page3 .img_w{width:100%; top:auto; right:auto; left:auto;}
    .page3 .page2_text,.page2 .page2_text{margin:0 auto; float:none;padding:30px 0;}  
    .page4 .text{width:auto;margin-left:-30px; margin-right:10px;}
    .page4 .link{ position:inherit; top:auto; left:auto; right:auto; bottom:auto;margin-top:0; text-align:right;margin-top:20px;}
    .index_news ul{ margin:0 auto;}
    .index_news ul li{width:100%;margin:5px 0;}
      
     .footer{ padding-left:20px;padding-right:20px;}
    .foot_rt .item .ewm{width:100%;}
    .foot_rt .item{width:30%;}
    .foot_rt .item:first-child{width:70%;} 
    .foot_rt .item .tit{margin-bottom:20px;} 
    .page_banner .web,.page_banner{ height:200px;}
    .page_banner .web h2{ font-size:28px;}
    .page_banner .web p{ font-size:14px;}
    #dowebok li{ width:50%;} 
    .about_contact{background: url("../img/bg5.jpg") no-repeat center center;background-size:cover;}
    .about_contact .web{ padding-left:10px;}
    .page_tit p{width:95%;max-width:initial;}
    .service_list ul li .web .cell{width:100%; display:block;}
    .service_list ul li .img_box{width:100%; bottom:0;}
    .service_list ul li .img_box img{ height:100%;}
    .page.page5{ padding-bottom:0;}
    .service_list ul li .web{ display:block; padding:20px;}
    .service_list ul li .web .cell.t_cell{ padding-right:0}
    .service_list ul li .web .cell.i_cell{ padding:0;margin-top:20px;}
    .service_list ul li.li2 .web .cell.i_cell{margin-top:0;} 
    .service_list ul li.li2 .web .cell.t_cell{ padding-left:0;margin-top:20px;}
    .case_list ul li{width:48%; margin:5px 1%;}
    .news_list ul li{width:48%;}
    .news_list ul li .web{padding-right:5px}
    .page.page6{padding:10px 0;}
    .contact_l{width:100%; float:none;background-size:cover;}
    .contact_r{width:100%; float:none;}
    .contact_lxfs{ padding:15px;}
    .contact_lxfs .tit h3 a{margin-right:0}
    .contact_l .web{padding-bottom:50px; height:auto;}
    .contact_address ul li{display:flex; width:100%; float:none;line-height:50px;}
    .contact_address ul li:after{ clear:both; content:''; display:block;}
    .contact_address ul li span{ height:50px; float:left;width:50px;}
    .contact_address ul li h4{ float:left;}
    .contact_address ul li .text{overflow:hidden;margin-top:0;height:50px;flex:1; text-align:right; max-width:100%;  width:auto;}
    .contact_address ul li .text .cell{  }
    .page_article{margin:0 10px;}
    .page5 .wrap{width:100%;}
    .about_m .web{ margin:0 10px;}
    
    .page4 .link{ text-align:center;}
    .page4 .link a{margin-left:0;}
    .about_contact .btn{ padding:0; text-align:center; float:none; margin-top:20px;}
    .about_contact .web{ float:none;}
    .about_contact .btn span{display:none;}
    .about_contact .btn a{margin-left:0}
    .header .logo{ line-height:50px;}
    .header.fixed .menu ul li a{ line-height:50px;}
}
.service_list ul li{ overflow:hidden;}
.page.page5{padding-bottom:0}
.service_list ul li .web .cell.t_cell{padding-left:20px;}