@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; font-family:"Microsoft YaHei";background: #f5f5f5;}


.banne{ width:auto; height:400px; margin:0 auto; background:url(/web/img/x1.jpg) no-repeat center; position:relative; bottom:35px;}
.banne span{ width:80%; line-height:60px; font-size:56px; color:#FFF; text-align:center; font-weight:bold; position:relative; margin:0 auto; display:block; top:160px;}
.searc{ width:auto; height:60px; margin:0 auto; border-bottom:1px solid #eff0f1; background:#FFFFFF; margin-bottom:30px;}	
.searcs{ width:1300px; height:60px; line-height:60px; margin:0 auto;color:#757575; font-size:14px;}

.index_sw1 .lee{ width:230px; min-height:1370px; float:left; background:#FFF;}
.index_sw1 .lee h1{ width:auto; line-height:80px; font-size:24px; font-weight:bold; color:#FFF; background:#65ed93; text-align:center;}
.index_sw1 .lee .lee1{ width:230px; height:auto;}
.movu{ width:1300px; height:80px; line-height:80px; font-size:20px;color:#333; clear:both; margin:0 auto;}

/*news*/
.new_sow{ width:1300px; min-height:1000px; margin:0 auto;}
.new_sow .lee{ width:260px; min-height:1000px; float:right;background:#FFF;}
.new_sow .lee .nw{ width:230px; height:auto; padding:15px;}
.new_sow .lee .nw h5{ width:auto; line-height:50px; font-weight:bold; font-size:16px; border-bottom:1px solid #5956e9;}
.new_sow .lee .nw i{ width:60px;  border:1px solid #FF0000; display:block; position:relative; top:-2px;}
.new_sow .lee .nw ul{ width:auto; margin:0px;}
.new_sow .lee .nw ul li{ width:auto; line-height:30px; font-size:14px;color:#757575;}

.new_sow .ree{ width:980px; min-height:960px; float:left; margin:0 auto; padding:20px; background:#FFF;}
.new_sow .ree .tit{ width:auto; line-height:60px; font-size:30px; text-align:center; font-weight:bold;}
.new_sow .ree .time{ width:auto; height:30px; text-align:center;}
.new_sow .ree .time i{ min-width:60px; padding:0 10px 0 10px; line-height:40px; font-size:12px; font-style:normal;color:#757575;}
.new_sow .ree .cont{ width:950px; line-height:36px; font-size:16px;color:#757575; padding:15px;}
.pag{ min-width:950px; line-height:30px; font-size:14px; margin:0 auto;}
.pag dd{ width:460px; line-height:30px; float:left;}
.pag dt{ width:460px; line-height:30px; float:right;}

.index_w{ width:1270px; height:145px; margin:0 auto;background:#FFF; padding:15px;}
.index_w ul{ width:1270px; margin:0px;}
.index_w ul li{ width:610px; height:145px; float:left; position:relative; margin-left:20px;}
.index_w ul li:nth-child(2n+1){margin-left:0px;}
.index_w ul li dd{ width:200px; height:145px; float:left;}
.index_w ul li dd img{ width:200px; height:145px;}
.index_w ul li dt{ width:390px; height:auto; float:right;}
.index_w ul li dt h1{ width:100%; line-height:40px; font-size:18px;}
.index_w ul li dt p{ width:auto; line-height:20px; font-size:14px;color:#999;}

.movo{ width:1300px; height:320px; margin:0 auto; clear:both;}
.movo ul{ width:1300px; margin:0px;}
.movo ul li{ width:250px; height:260px; float:left; position:relative; margin-left:12px;-webkit-transition: all .2s linear;transition: all .2s linear; background:#FFF;}
.movo ul li:nth-child(5n+1){margin-left:0px;}
.movo ul li p{ width:250px; height:60px; line-height:60px; font-size:16px; text-align:center;color:#757575;-webkit-transition:all .3s linear; transition:all .3s linear;} 
.movo ul li:hover p{ width:250px; height:260px; line-height:60px; background:#ea0024;  position:relative; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease; color:#FFF;}
.movo ul li:hover a{color:#FFF;}
.movo ul li span{ width:250px; height:auto; float:left; overflow:hidden; position:relative; z-index:666;}
.movo ul li span img{ width:100%; height:auto;
 -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; }
.movo ul li:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s; 
     -ms-transition: all 5s;
     -o-transition: all 5s;
     transition: all 5s;
  -webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
      -o-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1); }
.leen{ width:230px; height:auto;}
.leen ul{ width:230px; margin:0px;}
.leen ul li{ width:230px; height:50px; line-height:50px; border-bottom:1px solid #eeeeee; text-align:center;}
.leen ul li a{ text-decoration:none; color:#333;}  

.pag{ min-width:950px; line-height:30px; font-size:14px; margin:0 auto;}
.pag dd{ width:460px; line-height:30px; float:left;}
.pag dt{ width:460px; line-height:30px; float:right;}
.new_list{ width:1050px; min-height:500px; overflow:hidden;}
.new_list ul{ width:1050px; margin:0 auto;}
.new_list ul li{ width:1010px; height:90px;border-bottom:0px solid #ccc; margin-bottom:10px;background:#FFF; padding:20px;position: relative;
    transition: all .5s;
    transition: all .5s; color:#757575;}
.new_list ul li:hover{ -webkit-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;}
.new_list ul li h4{ width:auto; line-height:30px; font-size:18px;}
.new_list ul li:hover h4{ text-decoration:none; color:#FF0000;}
.new_list ul li p{ width:auto; line-height:25px; font-size:14px;color:#999;}
	  
.index_sw2{ width:1300px; min-height:1000px !important; margin:0 auto; overflow:hidden;}
.index_sw2 .sow{ width:1050px; min-height:600px; float:right;  }
.index_sw2 .lee{ width:230px; min-height:1340px; float:left; background:#FFF;}
.index_sw2 .lee h1{ width:auto; line-height:80px; font-size:24px; font-weight:bold; color:#FFF; background:#5956e9; text-align:center;}
.index_sw2 .lee .lee1{ width:230px; height:auto;}
	  
.about{width: auto;height:700px;margin: 0 auto;background:#FFF;padding-top: 60px;}
.abouts {width: 1300px;height: 700px;margin: 0 auto;}
.abouts .brig{ width:600px; height:600px; float:right;}
.abouts .brig h1{ width:auto; line-height:60px; font-size:36px; font-weight:bold;}
.abouts .brig span{ width:auto; line-height:36px; font-size:16px; padding-top:30px;}

.abouts .abryu{ width:auto; height:auto; padding-top:0px;}
.abouts .abryu ul{ width:auto; margin:0px;}
.abouts .abryu ul li{ width:auto;line-height:45px; font-size:16px; text-indent:0px; background:url(/web/img/ic.jpg) no-repeat left;}
.abouts .abou {
    width: 600px;
    height: 600px;
    float: left;
    position: relative;
    border-radius: 10px;
    background: url(/web/img/about.jpg);}

/*contact*/
.contact{ width:1300px; height:600px; margin:0 auto; background:#FFF url(/web/img/ab.jpg); margin-top:30px; margin-bottom:30px;border-radius:10px;}
.contact .con{ width:460px; height:500px; float:left; padding:30px 0px 0 30px; background-color: rgba(255,255,255,1); margin:30px 0px 0 30px;}
.contact .con h1{ width:auto; line-height:50px; font-size:24px; font-weight:bold; margin-bottom:10px;}
.contact .con em{ width:auto; line-height:40px; font-size:18px; display:block;color:#757575;}
.contact .con .wx{ width:430px; height:auto; margin:20px auto;}
.contact .con .wx ul{ width:430px; margin:0px;}
.contact .con .wx ul li{ width:130px; height:120px; float:left; text-align:center;}
.contact .con .wx ul li img{ width:120px; height:auto;}
.contact .con .wx ul li p{ width:auto; line-height:30px; font-size:14px; text-align:center;}

.contact .cons{ width:600px; height:500px; float:right;}

.prod_sn{ width:1300px; min-height:60px; margin:0 auto; text-align:center;}
.prod_sn ul{ width:1300px; margin:0px;}
.prod_sn ul li{ min-width:60px; line-height:50px; font-size:16px; display:inline-table; margin:30px 5px 30px 5px; border:1px solid #e2e2e2; -webkit-transition:all 0.5s;transition:all 0.5s; background:#FFF}
.prod_sn ul li:hover{background:#5956e9;border-radius:20px; color:#FFF;}
.prod_sn ul li:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.prod_sn ul li a{min-width:60px;font-size:16px; display:block; padding:0 10px 0 10px;}
.prod_sn ul li a.active,.prod_sn ul li a:hover{min-width:60px; background:#5956e9;color:#fff; }

.join{ width:1200px; min-height:300px; margin:0 auto; background:#FFF; line-height:30px; font-size:16px; padding:50px;}

.techn{ width:1300px; min-height:600px; margin:0 auto;}
.techn ul{ width:100%; margin:0 auto;}
.techn ul li{ width:31%;*width:29.95%!important; float:left; min-height:380px; position:relative; margin-left:3.5%; margin-bottom:35px;}
.techn ul li:nth-child(3n+1){margin-left:0px;}
.techn ul li .pic{width:100%; height:auto;overflow:hidden; margin-bottom:5%;}
.techn ul li .pic img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.techn ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.techn ul li p{ width:100%; min-height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.techn ul li em{ width:100%; line-height:20px; font-size:14px; color:#666;}

.techn ul li:before {
 content: '';
    position: absolute;
    left:0;
    bottom:10px;
    width: 100%;
    height: 3px;
    background:rgba(89, 86, 233, 1);
    transform: scaleX(0);
    transform-origin: center;
    transition: all 0.36s ease; z-index:66;
}
.techn ul li:hover:before{transform: scaleX(1);}

.conten{ width:1260px; min-height:600px; margin:0 auto; background:#FFF; padding:20px; margin-bottom:30px;}
.conten h1{ width:auto; line-height:100px; font-size:36px; font-weight:bold; text-align:center;}
.conten .cont{ width:auto;line-height:35px; font-size:16px;}

.xey_jz{ width:auto; height:130px; margin:0 auto; background:#FFF;}
.xey_jz h2{width:1300px; height:auto; margin:0 auto; line-height:130px; font-size:36px; text-align:center; font-weight:bold; color:#333;}


.index_cas{ width:100%; min-height:450px; margin:0 auto; margin-bottom:0px;min-width:1300px; position:relative; display:block;overflow:hidden; background:#FFF; padding-bottom:30px;}
.swiper-container1{ width:1300px; height:450px; margin:0 auto;overflow:hidden;  }
.swiper-container1 .swiper-pagination-bullet-active{ background:#2e439c !important;}
.swiper-pagination{margin-top:30px; width:100%;margin:0 auto; position:relative; top:-60px; padding-top:30px;}
.swiper-container1 .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; margin-bottom:60px; margin:0 auto;}
.swiper-container1 .swiper-slide span{ width:auto; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container1 .swiper-slide span img{display:block; width:100%; height:auto;}
.swiper-container1 .swiper-slide h3{display:inline-block; text-align:center;width:100%;  line-height:60px;font-size:24px; background:#FFF; float:left; font-weight:bold;}
.swiper-container1 .swiper-slide p{ width:auto; line-height:30px; font-size:14px;}
.swiper-container1 .swiper-slide a:hover p{color:#333;}



.pager {
    list-style: outside none none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center; font-size:14px;
}
.pager li {
    display: inline; margin:2px;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}      
.dataTables_paginate{text-align: center;}