@charset "utf-8";

/* CSS Document */

#banner{ position:relative; overflow:hidden;  max-width:100%; left:50%; margin-left:-50%; margin-top:105px;}

.video-dome{ position: absolute;width:100px;bottom: 70px;color:#fff;text-align: center;line-height: 30px;margin-left:50%;left:-50px;}
.video-btn{ width:100px;height:30px;border-radius:5px;background-color:deepskyblue; cursor: pointer;transition:.5s ease;box-shadow: 0 5px 10px rgba(0,0,0,.4);}
.video-dome:hover .video-btn{color:#000;}
.video-entity{position:fixed;top:0;left:50%;margin-left:-320px;margin-top:200px;z-index: 999999;display: none;}
.video-back{position:fixed;top:0;width:100vw;height:100vh;opacity: 0.7;background-color:black;z-index:99999;display: none;cursor: pointer;}


.focus{width:100%; position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-50%;}

.f426x240 li{position:absolute; left:0;top:0;}

.rslides{width:100%; position:relative;list-style:none;padding:0}

.rslides li{ width:100% !important; position:relative;}

.rslides li img{ width:100%; display:block;}



.rslides_nav{ height:85px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:272px; top:224px;z-index:999; display:block; }

.rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}

.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}

.rslides_nav.next{left:1608px;}

.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}

.rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}



.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:20%; left:385px; z-index:999; width:200px; height:14px;}

.rslides_tabs li{ float:left; margin-right:10px;}

.rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:10px; height:10px; border-radius:5px; display:block; background-color:#F4F4F4;}

.rslides_tabs .rslides_here a{ background-color:#0D95D6;}



.rslides li article{ position:absolute; left:24%; top:25%;}

.rslides li article h3{ font-size:30px; color:#35519F; font-weight:bold; margin-bottom:30px;}

.rslides li article p{ margin-top:0; font-size:12px; line-height:1.8; color:#000000; letter-spacing:1px;}

.rslides li article h3 span{ font-size:16px; color:#fff; font-weight:300; display:block;}



.rslides li:nth-of-type(2) article h3, .rslides li:nth-of-type(2) article p{ color:#fff;}

.rslides li article h3, .rslides li article p, .rslides li article span{

  transform:translateX(-300px); -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); opacity:0; 

}



.rslides li.rslides1_on article h3, .rslides li.rslides1_on article p, .rslides li.rslides1_on article span{

  transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); opacity:1;

}



.content{ width:992px; position:relative; left:50%; margin-left:-496px; margin-top:-32px; z-index:99;}

.company-list{ width:100%; margin-bottom:20px;}

.company-list ul li{ float:left; width:230px; margin-right:21px; margin-bottom:10px; /* border:1px solid #E4E4E4;*/ box-shadow:0 3px 0 #E4E4E4; cursor:pointer;}

.company-list ul li dl{ width:100%;outline: 1px solid #e4e4e4;}

.company-list ul li dl dt{ width:100%; height:auto; overflow:hidden;}

.company-list ul li dl dd{ padding:15px;}

.company-list ul li dl dd h4 a{ font-size:14px; color:#35519F; font-weight:bold;}

.company-list ul li dl dd p{ margin-top:5px; line-height:1.6; color:#666666;}

.company-list ul li dl dd span{ display:block; margin-top:10px;}

.company-list ul li dl dd span img{ vertical-align:middle; margin-right:10px;}

.company-list ul li:hover{  box-shadow:0 3px 10px #E4E4E4;}

.company-list ul li:hover dl dt img{

	transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);	

}

.company-list ul li:hover dl dd span a{ color:#35519F;}



.company-list .img{ float:left; width:200px; padding:30px 15px; margin-right:21px; margin-bottom:10px;  border:1px solid #E4E4E4; box-shadow:0 3px 0 #E4E4E4; cursor:pointer;}

.company-list .img .txts{ float:left;}

.company-list .img .txts h3 a{ font-size:16px; color:#363636;}

.company-list .img .txts p{ text-transform:uppercase; margin-top:10px;}

.company-list .img .txts p strong{ font-family:'Arial'; font-size:15px;}

.company-list .img .imgs{ float:right;}

.company-list .img:hover{ box-shadow:0 10px #E4E4E4;}



.news-list{ float:right; width:468px;}

.news-list p{ width:97%; padding-left:3%; line-height:1.8; margin-top:5px; background:url(../img/dian.png) no-repeat left center; display:table;}

.news-list p a{ float:left; color:#666666;}

.news-list p a:hover{ color:#35519F;}

.news-list p span{ float:right; color:#666666;}

/* 移动端适配 */
@media screen and (max-width:1020px){
  .content{ width:992px; position:relative; left:50%; margin-left:-496px; margin-top:-32px; z-index:99;}

  .company-list{ width:100%; margin-bottom:20px;margin-top: 20px;}

  .company-list ul li{ float: left; width: 30%;height: 271px;margin-left:35%;;margin-bottom: 10px;box-shadow: 0 3px 0 #E4E4E4;cursor: pointer;}

  .company-list ul li dl{ width:100%;outline: 1px solid #e4e4e4;}

  .company-list ul li dl dt{ width:100%; height:auto; overflow:hidden;}
  .company-list ul li dl dt a img{width: 100%;}
  .company-list ul li dl dt .yidongduan img{width: 100%}

  .company-list ul li dl dd{ padding:15px;}

  .company-list ul li dl dd h4 a{ font-size:14px; color:#35519F; font-weight:bold;}

  .company-list ul li dl dd p{ margin-top:5px; line-height:1.6; color:#666666;}

  .company-list ul li dl dd span{ display:block; margin-top:10px;}

  .company-list ul li dl dd span img{ vertical-align:middle; margin-right:10px;}

  .company-list ul li:hover{  box-shadow:0 3px 10px #E4E4E4;}

  .company-list ul li:hover dl dt img{
    

    transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);	

  }

  .company-list ul li:hover dl dd span a{ color:#35519F;}



  .company-list .img{ float:left; width:200px; padding:30px 15px; margin-left:37%; margin-bottom:10px;  border:1px solid #E4E4E4; box-shadow:0 3px 0 #E4E4E4; cursor:pointer;}

  .company-list .img .txts{ float:left;}

  .company-list .img .txts h3 a{ font-size:16px; color:#363636;}

  .company-list .img .txts p{ text-transform:uppercase; margin-top:10px;}

  .company-list .img .txts p strong{ font-family:'Arial'; font-size:15px;}

  .company-list .img .imgs{ float:right;}

  .company-list .img:hover{ box-shadow:0 10px #E4E4E4;}


  #banner{ position:relative; overflow:hidden;  max-width:100%; left:50%; margin-left:-50%; margin-top:105px;}

  .video-dome{ z-index: 200; position: absolute;width:100px;bottom: 27px;color:#fff;text-align: center;line-height: 30px;margin-left:50%;left:-50px;}
  .video-btn{  width:100px;height:30px;border-radius:5px;background-color:deepskyblue; cursor: pointer;transition:.5s ease;box-shadow: 0 5px 10px rgba(0,0,0,.4);}
  .video-dome:hover .video-btn{color:#000;}
  .video-entity{position:fixed;top:0;left:50%;margin-left:-320px;margin-top:200px;z-index: 999999;display: none;}
  .video-back{position:fixed;top:0;width:100vw;height:100vh;opacity: 0.7;background-color:black;z-index:99999;display: none;cursor: pointer;}


  .focus{width: 100%;height: 314px;position: relative;float: left;overflow: hidden;left: 50%;top: 0;margin-left: -50%;}

  .f426x240 li{position:absolute; left:0;top:0;}

  .rslides{width:100%; position:relative;list-style:none;padding:0}

  .rslides li{ width:100% !important;    height: 315px; position:relative;}

  .rslides li img{ width: 100%;height: 100%; display:block;}



  .rslides_nav{ height:85px; width:43px;position:absolute; text-indent:-9999px;overflow:hidden; left:272px; top:224px;z-index:999; display:block; }

  .rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}

  .rslides_nav:active{ background:url(../images/l2.png) no-repeat;}

  .rslides_nav.next{left:1608px;}

  .rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}

  .rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}



  .rslides_tabs{clear:both; text-align:center; position:absolute; bottom:20%; left: 182px; z-index:999; width:200px; height:14px;}

  .rslides_tabs li{ float:left; margin-right:10px;}

  .rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:10px; height:10px; border-radius:5px; display:block; background-color:#F4F4F4;}

  .rslides_tabs .rslides_here a{ background-color:#0D95D6;}



  .rslides li article{ position:absolute; left:24%; top:25%;}

  .rslides li article h3{ font-size:30px; color:#35519F; font-weight:bold; margin-bottom:30px;}

  .rslides li article p{ margin-top:0; font-size:12px; line-height:1.8; color:#000000; letter-spacing:1px;}

  .rslides li article h3 span{ font-size:16px; color:#fff; font-weight:300; display:block;}



  .rslides li:nth-of-type(2) article h3, .rslides li:nth-of-type(2) article p{ color:#fff;}

  .rslides li article h3, .rslides li article p, .rslides li article span{

    transform:translateX(-300px); -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); opacity:0; 

  }



  .rslides li.rslides1_on article h3, .rslides li.rslides1_on article p, .rslides li.rslides1_on article span{

    transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); opacity:1;

  }

  .news-list{ float: right;width: 65%;;}

  .news-list p{ width: 42%;height: 50px;padding-left: 3%;line-height: 1.8;background: url(../img/dian.png) no-repeat left center;display: table;}

  .news-list p a{ float: left;color: #666666;display: block;width: 100%;height: 20px;}

  .news-list p a:hover{ color:#35519F;}

  .news-list p span{ float: right;color: #666666;display: block;width: 100px;height: 20px;margin-right: 63%;margin-top: 17px;}

}