div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,b{font-family: "Microsoft YaHei"; padding:0; margin:0; color: #333;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
ul{padding-left: 0; margin:0;}
a:hover,a:link{text-decoration: none;}
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
@media screen and (min-width: 1200px){
  .container{width: 1100px;}
}
/*头图*/
.banner{background: url(banner.jpg) no-repeat center 0; height: 948px;}
.ptbig{ padding-top: 515px;}
.banner p{font-size: 18px; line-height: 40px; color: #fff; text-align: center;}
.banner img{display: block; margin:0 auto; margin-top: 40px;}
.banner-img{display: block; width: 100%;}
.hide-txt{padding-top: 15px;}
.hide-txt p{font-size: 18px; line-height: 28px; padding:0 15px;}

.tit{color: #000; font-size: 36px; text-align: center; padding:59px 0 50px; line-height: 36px;}
.name-bkimg{width: 100%; height: auto; position: relative; margin-bottom: 35px;}
.name-bkimg img{display: block; width: 100%;}
.data-txt{position: absolute; left: 0; top: 0; width:100%; height: 100%;}
.data-txt-h6{text-align: center;}
.data-txt h6{color: #fff; font-size: 20px; line-height: 26px; padding:10% 5% 10% 20%; font-weight: 600;}
.data-txt{padding-top: 105px;}
.data-txt p{color: #fff; font-size: 16px; padding:0 20px 0 10px; line-height: 24px; 
  background: url(pli.png) no-repeat left 12px; margin-left: 20px}
.data-txt p.pt{background:none!important; font-weight: 600;}
.h6-1{padding-bottom: 5%!important;}
.h6-2{padding: 8% 0 5% 40%!important;}
.pt2{padding-top: 30px!important;}

.mt-30{margin-top: 30px;}
.back1{background: url(back1.jpg) no-repeat center 0; background-size: cover; padding-bottom: 30px;
min-height: 625px;}
.list1{position: relative; height: auto; width: 100%; margin-bottom: 30px;}
.list1 img{display: block; width: 100%;}
.list1 p{color: #ffd200; font-size: 18px; text-align: center; 
position: absolute;left: 0; top: 46%; width: 100%; font-weight: 600; padding:0 20px;}

.cover-img{display: block; width: 100%;}
.video-cover-img{position: relative; width: 100%; height: auto; cursor: pointer;}
.video-cover-img .video-play{position: absolute; left: 50%; top: 50%; margin:-32px 0 0 -32px;}
.jwlogo{display: none;}
.solve{display: none;}
.act1{display: block!important;}
.solve h5{padding:0 0 7px;}
.solve h5 a{font-size: 20px; line-height: 26px; color: #0066b3;}
.solve p{font-size: 14px; line-height: 22px; padding-bottom: 10px;}
.btn1{width: 100%; text-align: right; position: absolute; bottom: 0; right: 10px;}
.btn1 span{display: inline-block; margin:0 5px; width: 16px; height: 16px; background: #a8a8a8; border-radius: 10px;
cursor: pointer;}
.btn1 span.act1-1{background: #0066b3;}
.num3-l{position: relative; min-height: 355px;}



.mt-50{margin-top: 50px;}
.back2{background: #eaeaea; padding-bottom: 40px;}
#owl-demo1 .item{margin:0 15px;}
.items{margin-bottom: 30px; overflow: hidden;}
.items-l{width: 34%; float: left;}
.items-l img{display: block; width: 100%;}
.items-r{float: left; background: #fff; width: 66%; min-height: 177px;}
.items-r h5{padding:18px 24px 10px;}
.items-r a{font-size: 16px; line-height: 24px; color: #0066b3;}
.items-r p{font-size: 14px; line-height: 22px; padding:0 24px; color: #666;}
#owl-demo1 .owl-controls{margin:0;}
#owl-demo1 .owl-controls span{background: #a8a8a8; width: 16px; height: 16px; opacity: 1; filter: alpha(opacity=100);}
#owl-demo1 .owl-controls .active span{background: #0066b3;}

#owl-demo2 .item img{display: block; width: 100%;}
#owl-demo2 .owl-prev{width: 34px; height: 72px; position: absolute; top: 44%; left: -50px;}
#owl-demo2 .owl-next{width: 34px; height: 72px; position: absolute; top: 44%; right: -50px;}
#owl-demo2 .owl-prev img{width: 100%;}
#owl-demo2 .owl-next img{width: 100%;}
#owl-demo2 .owl-controls{margin-top: 0;}
.num5{margin-bottom: 50px;}
@media screen and (max-width: 1205px){
  #owl-demo2 .owl-prev{width: 34px; height: 72px; position: absolute; top: 44%; left: -0px;}
  #owl-demo2 .owl-next{width: 34px; height: 72px; position: absolute; top: 44%; right: 0px;}
}
/*底部*/
.foot{background:#787878; width:100%; min-height:120px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto;padding-top:30px}
.foot-1 p{font-size:16px;color:#fff;line-height:28px; margin-bottom: 0;}
.foot-1 img{display: block; padding:5px 0 0 30px; margin-right:30px; width: 20%; float: left;}
/*底部-移动*/
.foot2{background: #787878; width:100%; max-height:166px; margin:0 auto; padding-bottom: 3%;}
.foot2-1{overflow: hidden; clear:both;}
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 100%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}
/*视频弹出层*/
.video_area{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 100001;}
.video_area_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; 
  cursor: pointer; background: #000; filter: alpha(opacity=60);}
.video_box{position:relative; width: 60%; /*min-height: 800px;*/ margin:90px auto 0 auto;}
.video_box img.center-block{width: 100%;}
a.js_video_player:link{color: #666; text-decoration: none;}
.video_close_icon{position: absolute; width: auto; right: 17.8%; top: 90px; display: block;
 cursor: pointer; z-index:100001; }
@media screen and (max-width: 1199px) and (min-width: 992px){
  .data-txt{padding-top: 70px;}
}
@media screen and (max-width: 991px){
  .num3-l{position: static; min-height: auto;}
  .btn1{width: 100%; text-align: right; position: static; bottom: 0; right: 0;}
}
@media screen and (max-width: 768px){
  .tit{font-size: 30px; padding:30px 0 20px;}
  .mt-30{margin-top: 0;}
  .mt-50{margin-top: 20px;}
  .list1{margin-bottom: 15px;}
  #owl-demo2 .owl-prev{width: 20px; }
  #owl-demo2 .owl-next{width: 20px; }
  .num5{margin-bottom: 30px;}
  .items-l{width: 100%; float: none;}
  .items-r{width: 100%; float: none;}
  .back2{padding-bottom: 20px;}
  .items-r p{padding-bottom: 10px;}
  .data-txt{padding-top: 45px;}
  .pt2{padding-top: 0;}
}
@media screen and (max-width: 768px) and (min-width: 375px){
  .data-txt h6{padding: 10% 0 8% 35%; font-size: 14px;}
  .data-txt p{font-size: 12px; line-height: 20px;}
  .h6-1{padding: 8% 0 6% 39%!important;}
  .h6-2{padding: 4% 0 1% 39%!important;}
}
@media screen and (max-width: 374px){
  .h6-2{padding: 6% 0 3% 35%!important;}
  .data-txt h6{font-size: 14px; padding: 5% 0 7% 35%;}
  .data-txt p{font-size: 12px; line-height: 16px;}
  .h6-1{padding: 3% 0 1% 39%!important; line-height: 20px!important;}
  .h6-2{padding: 4% 0 1% 33%!important; line-height: 20px!important;}

}