@charset "utf-8";
/* CSS Document */
.top{width:100%;min-width: 1200px;margin: 0 auto;}
.head{position:absolute;top: 0;left: 0; height:112px;background: rgba(0,0,0,0.08);width:100%;z-index: 80 }
.logo{ margin-top: 30px;}
.menu{ float:right;width: 780px;margin-top:15px}
.menu li{margin-right: 56px;font-size:16px;float: left}
.menu li a{color: #fff;}
.menu li a:hover{color:#32c158;}
/*banner*/
#banner { background: #fff; float: left; height: 660px; margin:0 auto; overflow: hidden; padding: 0px; min-width:1200px; width: 100%; position: relative; z-index: 69; }
#slides { display: block; width: 100%; height: 660px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left: 50%; bottom: 40px; z-index: 9900;}
#pagination li {display: block;background-color: #fff; width: 50px; height: 10px; float: left; margin-left: 5px; margin-right: 5px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background-color: #43b461;}
/*about us*/
.about_us{ clear:both;padding-top:70px; height: 400px;width:1900px;min-width:1200px;margin: 0 auto;background-image: url("../img/qyln_background.png"); background-repeat: no-repeat; background-size: contain; /*background-position-y: -200px;*/}
.about_us .fr{  float:left;    width: 100%;}
.about_us .fr h1 {  text-align: center;}
.about_us .fr h1{ font-size: 34px; font-weight:normal;line-height: 34px}
.about_us .fr h5{ font-size: 25px; margin-top:45px;text-align: center;}
.about_us .fr .font15{ font-size: 15px; margin-top:15px;    text-align: center;}
.about_us .fr .font14{ font-size: 19px;    text-indent: 40px; margin-top:40px ;line-height: 40px; display: block;width:100%;}
/*product*/
.product{ padding-bottom: 5%;padding-top:64px; width:1900px;min-width:1200px;margin: 0 auto; background-image: url(../img/prod_bg.png);color: #fff;background-size: cover;}
.product h2{text-align: center; font-size: 30px; font-weight: normal;}
.product .font16{ font-size: 16px;text-align: center;padding-top: 20px; color: #cfcece;}
.product ul{ background-position: top center; width: 1200px; margin: 0 auto;margin-top: 80px; }
.product ul li h3{text-align: center;font-size: 20px;font-weight: normal;margin-bottom: 20px; color: #333}
.product ul li div{text-align: center; font-size: 14px;color: #666; line-height: 60px;display:flex;flex-wrap:wrap;}
.product ul li a{padding: 20px 10px;width: 250px;display: flex; flex-wrap: wrap;background-color:#fff;    margin: 10px;}
.product ul li a img{width:70px;margin-right: 10px;}
.product ul li div em{margin:0 10px;}
.product ul li span:hover{color:#32c158}
/*case*/
.case{height:550px;padding-top:64px; width:1900px;min-width:1200px;margin: 0 auto;background-image: url(../img/prod_bg.png);background-repeat: no-repeat; background-size: cover;}
.case h2{text-align: center; font-size: 30px; font-weight: normal;color:#fff;}
.case .font16{text-align: center;padding-top: 20px;color: #666;margin-bottom: 10px;color:#cfcece;}
.big_case{ background:url(../images/case_img1.jpg) no-repeat; width:300px;height: 320px; margin-right: 34px;background-size:100% 100%;}
.big_case img.icon{ width: 70px;height:70px;margin: 90px 112px 20px}
.big_case p{ text-align:center;color:#fff;line-height: 20px}
.big_case p.font20{margin-bottom: 20px}
.two_type{ width:500px; font-size: 24px;margin-bottom: 30px}
.two_type li a{color:#999; }
.two_type li{ float:left; margin-top: 30px; margin-right: 30px}
.two_type li.active a{color:#43b461; font-weight: bold;border-bottom: 5px solid #43b461;padding-bottom: 10px}
.two_type li:hover{cursor: pointer;}
.case_block{flex: 1;position: relative;margin-bottom: 25px;box-shadow: 0 0 10px #fff;border-radius: 5px;padding:10px;left: 2%;}
.case_block:nth-child(1){margin-right:80px;}
.case_block:nth-child(2){margin-right:80px;margin-left:80px;}
.case_block:nth-child(3){margin-left:80px;}
.case_block a{width:100%;display: block;height:300px;}
.case_block img{ width:100%;display: block;position: relative;left:30%;}
.sm_case{width: 100%;}
.case_block a .sm_case{ top:-2px}
.sm_case .font16{font-weight: bold;font-weight: bold; line-height: 24px;text-align: center;margin-bottom:40px;color:#fff;}
.sm_case img{width: 100px;height: 100px;margin: 20px 10px 0 10px;}
.sm_case .context{text-align: center;color:#cfcece;}
.big_ul{margin-top: 50px;width:100%;clear: both;display: flex; flex-wrap: nowrap;}
/*num*/
.num_block{ width: 1900px;height: 420px;background:url(../img/qyln_background.png) no-repeat;  margin: 60px auto 0px;color: #000;padding: 0% 0% 5% 0%;    background-size: contain;}
.num_block h2{text-align: center; font-size: 30px; font-weight: normal; padding-top: 70px}
.num_block .font16{ text-align: left; margin-bottom: 80px;color: #000;line-height: 24px}
.num_block li{float: left;text-align: center;font-size: 18px;margin: 100px 79px 0 40px}
.num_block big{font-size:50px; color:#43b461;font-weight: bold}
.num_block p{ font-size:16px;margin-top: 20px}
/*succ_case*/
/*succ_case*/
.succ_case{ width: 100%;height: 420px; margin: 65px auto 0;min-width: 1200px}
.succ_case h2{text-align: center;color:#000; font-size: 30px; font-weight: normal; }
.succ_case .font16{ text-align: center; color: #666; margin-bottom: 80px;line-height: 24px;margin-top: 20px}
.succ_case li{ width:280px;height: 260px;float: left;margin-right: 26px;position: relative}
.desc_text{ position: absolute;bottom:0;left:0;width:100%;height: 56px;background: rgba(0,0,0,.7)}
.desc_text p{ color:#fff;line-height: 56px;text-align: center; width: 100%; clear: both;}
.succ_case li a{ display: none;}
.succ_case li:hover .desc_text{ height: 260px; top: 0;}
.succ_case li:hover .desc_text p{ font-size: 24px;}
.succ_case li:hover a{ display: block;}
.desc_link{ position: absolute; width:100%;height: 100%;}
.link_icon{ width:45px;height:45px; background: url(../images/link_icon.png) no-repeat; background-size: cover; float: left;margin: 45px 20px 100px 90px;}
.search_icon{ width:45px;height:45px; background: url(../images/search_icon.png) no-repeat; background-size: cover; float: left;margin: 45px 0 100px 0;}
/*parter*/
.parter{ width: 1900px;height: 1200px; margin: 0 auto 0; /**padding-bottom: 65px;**/ min-width: 1200px;background-color: #f9f9f9}
.parter h2{text-align: center;color:#000; font-size: 30px; font-weight: normal;padding-top: 65px }
.parter .font16{ text-align: center; color: #666; margin-bottom: 45px;line-height: 24px;margin-top: 20px}
.parter li{ width:370px;height: 120px;float: left;margin-left: 26px;margin-bottom: 30px}
.parter li:nth-child(4n){margin-right:0}