html, body, div,ol, ul, li{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
ol, ul {list-style: none;}
#slider {width:100%;margin:0px auto;margin-bottom:60px !important;}
/*position controls*/
.controls li {top: 50%;margin-top: -30px}
.controls li:nth-child(1) {left: 0;}
.controls li:nth-child(2) {right: 0;}
/*style pagination*/
.pagination li {background-color: #ddd;}
.pagination li.active {background-color: #000;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}

.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1170px; margin:0 auto;}

.c1_l{float:left;width:520px;margin-top:150px;}
.c1_l ul{-webkit-padding-start:0px;}
.c1_l ul li{margin-right: 10px;margin-bottom: 10px;float: left;width: 255px;list-style:none;padding:0;overflow: hidden;}
.c1_l ul li img{display: block;width: 100%;cursor: pointer;transition: all 0.6s;}
.c1_l ul li img:hover{transform: scale(1.2);}
.c1_l ul li:nth-child(2n){margin-right:0px;}
.c1_r{width:560px;float:right;}
.c1_r span{display: block;text-indent: 2em;color: #747a87;font-size: 18px;line-height: 30px;margin-top:30px;padding-bottom: 10px;}
.biaoti h2{height: 70px;line-height: 70px;margin-bottom: 20px;font-size: 60px;color:#000;}
.biaoti h2 a{display: inline-block;float: right;width: 120px;height:42px;line-height: 42px;color:#fff;background: #2176ff;font-size: 14px;text-align: center;border-radius: 20px;font-weight: normal; margin-top: 12px}
.biaoti span{height: 30px;line-height: 30px;}
.biaoti span img{display: block;height: 100%;}

.biaoti1 h2{height: 70px;line-height: 70px;margin-bottom: 20px;font-size: 60px;color:#fff;text-align: center;}
.biaoti1 span{height: 30px;line-height: 30px;}
.biaoti1 span img{display: block;margin: 0 auto;}

.pic_listbg{background-color: rgba(255, 255, 255, 0); padding: 0px 50px 50px;position: relative; overflow: hidden; z-index: 1;}
.pic_li{max-width: 1170px;width: 100%;margin: 0 auto;}
.pic_lcon{margin-top:130px;margin-bottom:60px;min-height: 63px; height: auto;}
.pic_lcon span{font-family:  ; color: #ffffff; font-size: 50px;display: block;font-weight: bold;}

.con2 ul{-webkit-padding-start:0px;}
.con2 ul li{float:left;width:275px;margin-right: 20px;list-style: none;padding: 0;position: relative;margin-bottom: 20px;}
.con2 ul li:hover .fu_div{display: block;background:#2176ff;
/*善解人意的分割线*/
transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}
.con2 ul li:nth-child(4n){margin-right: 0px;}
.con2 ul li a{display: block;}
    .con2 ul li img {
        display: block;
        margin: 0 auto;
        height: 300px;
        object-fit: contain;
    }
.fu_div{color:#fff;padding:30px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;
/*善解人意的分割线*/
transition:width 2s, height 2s, background 2s, transform 2s; 
-moz-transition:width 2s, height 2s, background 2s, -moz-transform 2s; 
-webkit-transition:width 2s, height 2s, background 2s, -webkit-transform 2s; 
-o-transition:width 2s, height 2s, line-height 2s, background 2s, -o-transform 2s;
}
.fu_div img{display: block;margin-top:35px !important;}
.fu_div span{display: block;font-weight: 800;font-size: 30px;line-height: 38px;margin-top: 10px;color:#fff;text-align: center;}


#con3{background-color: #303745;padding: 150px 0px;}
.float_time{position: absolute;top: -18%;left: 45.6%;}
.float_time span{width:100px;height:32px;line-height:32px;text-align:center;font-size:15px;background:#fff;color:#666;display:block;}
#con3::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.con3{background: url(../images/we.png) top center no-repeat;}
.more01{text-align: center;margin-top:50px;}
.more01 a{display:inline-block;width: 120px;height: 42px;line-height: 42px;color: #666; background: #fff;font-size: 14px;text-align: center;border-radius: 20px;font-weight: normal;}
.more01 a:hover{color: #fff; background: #2176ff;}

.con4_bg{padding: 0px 50px; position: relative; overflow: hidden; z-index: 1;}
.con4{width: 100%;max-width: 1170px;margin: 0 auto;}
.c4_con{padding:20% 0px;min-height: 245px; height: auto;}
.c4_con img{display: block;margin: 0 auto;}
.c4_con h2{text-align: center;font-size: 84px;line-height: 117px;color:#fff;}
.c4_con span{font-weight: 300; text-align: center; color: #fff; letter-spacing: 2px; font-size: 30px;display: block;font-weight: bold;}
.foot_bg{border-top: 1px solid #4b4c4d;background: #282a2b;}
.foot{margin:0px auto;padding:17px 100px;height:30px line-height:30px;color:#bfbfbf;font-size: 13px;}
.foot a{color: #fff;}
#topcontrol{z-index: 999;}


#product .biaoti{margin:30px opx;}
#product .biaoti span{margin:50px 0px;}
.product_menu {height:auto;line-height:36px;margin: 30px auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.product_menu dl{-webkit-margin-before: 0em;-webkit-margin-after:0em;}
.product_menu dl dd{display: inline-block;font-size:18px ;color: #2176ff;margin-right: 15px;width: auto !important;-webkit-margin-start:0px;}
.product_menu dl dd.on{border-top:2px solid #2176FF;}

.pro_list ul{-webkit-padding-start:0px;}
.pro_list ul li{float:left;width:375px;margin-right: 20px;list-style: none;padding: 0;position: relative;margin-bottom: 20px;}
.pro_list ul li:hover .fu_div{display: block;background:#2176ff;
/*善解人意的分割线*/
transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}
.pro_list ul li:nth-child(3n){margin-right: 0px;}
.pro_list ul li a{display: block;}
    .pro_list ul li img {
        display: block;
        margin: 0 auto;
        height: 450px;
        object-fit: contain;
    }
.fu_div img {
 height:auto !important;
}