@charset "utf-8";
/* CSS Document */
/*CSS reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote{padding:0;}
li {list-style:none;}
.clear {clear:both}
a {text-decoration:none;color:#646464;}
a:hover {color:#e60012}
ul {padding:0px;margin:0px;}
h1, h2, h3, h4 {padding:0px;margin:0px;}
p {padding:0px;margin:0px;}
body {margin:0 auto;padding:0px;width:100%;font-family:Microsoft YaHei;font-size:16px!important;color:#646464;margin:0px;}
.pc_daohang {display:block;border-bottom:1px solid #eee}
.head {width:1260px;margin:0 auto;padding-top:0px;position:relative;z-index:30;}
.nav-fixed {position: fixed;top: 0;z-index: 300;background-color: white;width: 100%;}
.nav-fixed{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.head_dh{padding-top:10px; padding-bottom:10px;}

.cen{ width:1260px; margin:auto; height:auto;}

.touyy{float:right; width:160px; background:url(/html/rHMrJOcLK1WGHRVqHH4NU0WqHj.jpg) left  center no-repeat; height:26px; line-height:26px; margin-top:20px; text-align:right;}
.touyy a{ color:#77b500;}
.touyy a:hover{ color:#4fadeb;}

.nav1{width:900px; height:60px; float:left;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:61px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:150px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:40px; line-height:40px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#77b500; color:#fff; font-size:14px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid;  padding:17px 0px 26px 0px; width:150px; color:#333;  font-family:"΢ÈíÑźÚ"; font-size:17.5px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #D21E24; background:url(/html/rHMrJOcLK1WGHRVqI1kKJkkMESV.jpg) bottom repeat-x;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#4fadeb;}
ul.menu .topline {border-top:1px solid #aaa}


#an{ width:340px; height:530px; padding:10px 30px 30px 30px; float:right; background:#f0f2f7;}
#an div{background:#FFF; cursor:pointer; height:60px;color:#333; padding-top:35px; padding-right:70px; line-height:28px; font-size:18px;  border:1px solid #dfe2eb; margin-top:20px; padding-left:40px;}
#an .bs{color:#4fadeb;}
#an .bs span{ font-weight:normal; color:#38BE4F;}
.anen{ font-size:14px; color:#A4A4A4; text-transform:uppercase; font-weight:normal;}

.cpsbt{color:#212121; font-size:28px; line-height:58px; text-align:center; font-weight:bold;}


#tu{ width:400px;height:570px;  float:left;}
#tu div{display:none; text-align:center;}
#tu div img{width:400px;height:570px;border-radius:5px;}

.circle{-webkit-animation: myCircle 40s infinite; -moz-animation: myCircle 40s infinite; animation: myCircle 40s infinite; -webkit-animation-fill-mode:both; animation-fill-mode:both}
@-webkit-keyframes myCircle{
0%{-webkit-transform: rotate(0); transform: rotate(0);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes myCircle{
0%{-webkit-transform: rotate(0); transform: rotate(0);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}


#sm{ width:420px; float:left;}
#sm b{  height:470px;font-size:14px; padding-right:40px; line-height:28px; color:rgba(255,255,255,0.9); display:none; text-align:justify;}
.cpbt{ height:100px;}
.cpbt h2{ font-size:20px; font-weight:normal;color:#212121;padding-bottom:20px; position:absolute; z-index:99;}
.cpbt h2 span{ display:block; color:#4fadeb; font-size:55px; line-height:45px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;background-image: -webkit-linear-gradient(left,#4fadeb,#4fadeb,#77b500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}


.smbt{ font-size:24px; line-height:26px; line-height:40px; color:#212121;}
.index_pro05 a{text-align:center; border-radius:50px; width:156px; height:38px; display:block; margin-top:25px;  font-size:14px;  color:#212121; line-height:38px; border:1px solid rgba(255,255,255,0.5);}
.index_pro05 a:hover{background:#218ADD; color:#212121fff;}

.clear{ clear:both;}

.cplb a{font-size:16px; width:95%; padding-left:5%; display:block; height:50px; line-height:50px; color:#646464; background:#FFF url(../images/jt.png) 340px center no-repeat; margin-bottom:20px; border-radius:5px;  text-decoration:none;box-shadow:0 0 20px rgba(51,51,51,.2); font-weight: normal;}
.cplb a:hover{ color:#fff; background:#4fadeb url(../images/jt1.png) 340px center no-repeat;}

.cplb01 a{font-size:16px; width:43%; display:block; height:50px; line-height:50px; color:#fff; text-align:center; margin:auto; margin-top:5px; margin-right:20px; float:left; background:#77b500; border-radius:5px; text-decoration:none;}
.cplb01 a:hover{ color:#fff; background:#ff6600;}

.qywl{ width:1260px; margin:auto; height:auto; padding-bottom:60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.qywlan{text-align:center; width:220px;}
.qywlan:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.qywlan01{line-height:32px; padding-top:20px; font-size:24px; color:#3c9739; font-weight:bold; border-bottom:2px solid #FFF;}
.qywlan02{line-height:22px; padding-top:10px; padding-bottom:20px; font-size:16px; color:#212121;}

.aboutk{display: flex; flex-wrap: wrap; justify-content: space-between; height:550px; }
.sygsjj{ }
.sygsjj01{width:50%; height:500px; background:url(/html/rHMrJOcLK1WGHRVqHILUU1uQHj.jpg) center center no-repeat; background-size:cover;}
.sygsjj02{width:40%; margin-right:5%;}
.sygsjj03{color:#4fadeb; font-size:24px; padding-top:10px; line-height:58px; text-transform:uppercase;background-image: -webkit-linear-gradient(left,#4fadeb,#4fadeb,#77b500,#77b500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.sygsjj04{color:#212121; font-size:40px; line-height:34px; font-weight:700;}
.sygsjj05{color:#414141; font-size:16px; line-height:30px; width:100%;padding-top:30px; text-align:justify;}
.sygsjj06{display: inline-block; height: 56px;line-height: 56px; font-size: 18px;  color: #aaaaaa;padding-right: 37px; font-weight: normal; padding-bottom:10px; font-family: Arial, Helvetica, sans-serif;}

line{width: 40px; height: 30px; margin: 0 auto;display: inline-block;vertical-align: middle; margin-right: 3px;}
.sygsjj04_xx {width: 80px; height: 2px; background: #4fadeb; margin-top: 25px; margin-bottom: 0px;}

.neirong4 a{width: 230px;height: 55px;line-height: 55px;text-align: center;	font-size: 15px;display: block;color: #77b500; border:1px solid #77b500; margin-top:36px;font-weight:normal;}
.neirong4 a:hover{background: #77b500; color:#FFF;	}

.a1sssa{ width:100%; margin:0 auto; height:200px; margin-bottom:20px}
 .a1sssa dl{width: 20%;float: left;text-align: center;height:100pxm;position: relative;margin-top: 20px;}
.a1sssa dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}
 .a1sssa dl dt{width: auto;height: 98px;line-height: 1;overflow: hidden;margin: 0 auto;}
 .a1sssa dl dt img{width: 90px;height: 96px; margin:0 auto}
 .a1sssa dl:hover dt img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear ; }
 .a1sssa dl dd{width: 100%;}
 .a1sssa dl dd h5{font-size: 56px;color: #333;height:84px;line-height: 84px;overflow: hidden;font-weight: normal; font-family:EUCLID; display:inherit; display:flex;justify-content:center}
	 .a1sssa dl dd h5 em{ font-size:18px; color:#999; display:block; font-style:normal; margin-top:10px; margin-left:20px}
	 .a1sssa dl dd h5 b{font-size:60px; color:#999; display:block; background-image: -webkit-linear-gradient(left,#4fadeb,#4fadeb,#77b500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;  }
	
 .a1sssa dl dd span{font-size: 16px;color: #666;line-height:28px;padding:10px 0 0; margin-top:0px; display:block}
 .a1sssa dl dd i{display: block; font-style:normal}
 .a1sssa dl:nth-of-type(5):before{background: none;}
@font-face {
	font-family:EUCLID;
	src: url('/html/rHMrJOcKKI1NEu53Maq5rUMjsJqlM391M3NssaSkrTq!njHsMzql.jpg'); }

.sygsjj .content{ width:90%;margin:0 auto; }


.syxwz{width:540px; padding-right:89px; height: auto; position:relative; padding-top:75px; padding-bottom:85px; border-right:1px solid #e5e5e5;}
.syxwz01{font-size:30px; color:#212121; height:100px; line-height:80px; margin-bottom:50px;}
.syxwz02{font-size: 100px; color: #f5f5f5;  z-index: 1; color: rgba(0,0,0,0.06);   line-height: 1; font-family: Arial; font-weight: bold;   position: absolute;   top:70px;  left: 80px;}

.syxwlb{width:100%;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.syxwlb:hover .syxwlbsj{color:#77b500;}
.syxwlb:hover .syxwlbsj span{color:#77b500;}

.syxwlbsj{width:20%;color:#212121; font-size:26px;}
.syxwlbsj span{font-size:16px; color:#666; line-height:50px;}
.syxwlbwz{width:80%;}
.syxwlbbt{font-size:21px; color:#212121; padding-bottom:20px;}
.syxwlbbt a{color:#212121;}
.syxwlbbt a:hover{color:#77b500;}
.syxwlbsm{font-size:16px; color:#808080; line-height:28px; padding-bottom:20px; height:50px; text-align:justify;}
.syxwimg{margin-top:60px;}
.syxwimg img{ width:100%; height:350px;object-fit: cover;}

.syxwr{width:540px; padding-left:90px;}
.syxwrmore{text-align:right; height:85px; padding-top:100px;}
.syxwrmore a{color:#77b500;}
.syxwrmore a:hover{color:#212121;}
.syxwlb01{width:100%;  display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:35px; padding-bottom:35px; border-bottom:1px solid #e5e5e5;}
.syxwlb01:hover .syxwlbsj{color:#77b500;}
.syxwlb01:hover .syxwlbsj span{color:#77b500;}