@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, th, td {padding:0; margin: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(../images/bz5.png) 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(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#75b40a;}
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;}

a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #fff; display:block; width:45%; height:70px; text-align:center; font-weight:bold; background:#75b40a; border-radius:15px 0px 15px 0px;  box-shadow: 5px 5px 2px #c6c6c6;}
a.dh3:visited {font-style: normal; color: #fff; text-decoration: none;}
a.dh3:hover { color:#fff; text-decoration: none; background:#ff6600;}
a.dh3:active { color: #ffffff; background:#1F63E9;}



.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(../images/bb2.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: 25%;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('../fonts/EUCLIDCIRCULARA-MEDIUM_0.TTF'); }

.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;}

.footerbq{display:none;}
.mbfor{display:none;}
.mbdh{ display:none;}
#mccp{ display:none;}
#kai{ display:none;}

.cpz{width:65%;}
.cpr{width:30%; padding-top:30px;}

.xwk{width:100%; padding-top:70px; height:580px; background:#f2f3f5;}
.xwbt{color:#212121; font-size:38px; line-height:38px; text-align:center; font-weight:bold; font-family: Tahoma, Geneva, sans-serif;}
.xwbt01{color:#555; padding-top:20px; padding-bottom:50px; font-size:16px; text-align:center; width:700px; margin:auto; line-height:22px;}



.dfooter4{ display:none;}

.cpzxz{width:850px; padding-top:40px;}
.sycpbt{font-size:40px; color:#212121; font-weight:bold;}
.sycpbt01{font-size:16px; padding-top:10px; color:#666;}

@media all and (max-width:768px){
	
.mbfor{display:block!important;}
.mbdh{ display:block!important;}
#mccp{ display:block;}
#kai{ display:block;}
	
.syxwlb{ display:none;}
.syxwimg{ display:none;}
.syxwz{width:100%; padding-right:0px; height: auto; position:relative; padding-top:25px; padding-bottom:0px; border-right:1px solid #e5e5e5;}
.syxwz02{font-size: 80px; color: #f5f5f5;  z-index: 1; color: rgba(0,0,0,0.06);   line-height: 1; font-family: Arial; font-weight: bold;   position: absolute;   top:30px;  left: 50px;}
.cpbt h2 span{ display:block; color:#4fadeb; font-size:35px;}
.syxwz01{font-size:30px; color:#212121; height:40px; line-height:80px; margin-bottom:50px;}

.syxwr{width:100%; padding-left:0px;}

.a1sssa{ width:100%; margin:0 auto; height: auto; }
 .a1sssa dl{width: 49%;float: left;text-align: center;height:100pxm;position: relative;margin-bottom: 50px;}
.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 dd{width: 100%;}
 .a1sssa dl dd h5{font-size: 46px;color: #333;height:64px;line-height: 64px;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:40px; 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;  }



.sygsjj03{color:#4fadeb; font-size:18px; line-height:24px;}
	

.sygsjj04{color:#212121; font-size:20px; 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: 40px;line-height: 40px; font-size: 18px;  color: #aaaaaa;padding-right: 0px; font-weight: normal; padding-bottom:10px; font-family: Arial, Helvetica, sans-serif;}

	
.sygsjj01{width:100%; display:none; height: auto; background:url(../images/bb2.jpg) center center no-repeat; background-size:cover;}
.sygsjj02{width:94%; padding-left:3%; padding-right:3%; margin-right:0%; padding-bottom:0%;}
	
a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #fff; display:block; width:100%; height:70px; text-align:center; font-weight:bold; background:#1d9ff5; border-radius:15px 0px 15px 0px;  box-shadow: 5px 5px 2px #c6c6c6; margin-bottom:20px;}

.sygdcp{ margin:auto; width:100%!important;  padding-top:0px; padding-bottom:55px;}

.xbwz{text-align:center; padding-top:23%; color:#FFF; line-height:40px; font-size:24px; text-transform:uppercase; font-weight:bold;}
.xbwz01{font-size:16px; padding:20px; color:#FFF;  line-height:24px; text-align:center;}


.sycpz{ display:none;}
.sycpr{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}

	
.cbnxwbt{font-size:36px!important; color:#212121; font-weight:bold;}
.cbnxwbt01{font-size:14px; padding-top:10px; color:#666;}

.sycpbt{font-size:30px; color:#212121; font-weight:bold;}
.sycpbt01{font-size:16px; padding-top:10px; color:#666;}


.cpkuainr{ width:94%; padding-left:3%; padding-right:3%; margin:auto; padding-top:50px; padding-bottom:70px;  z-index:1; font-size:15px; line-height:26px; color:#414141; display: flex; flex-wrap: wrap; justify-content: space-between;}

.cppro{ width:100%; height:  280px; overflow:hidden; margin-bottom:25px; border-radius:30px; clear:both;}
.cppronr03 ul li{width: auto; padding-right:10px; float:left; color:#FFF; line-height:38px; }
.cppronr{height:  280px; }

.cppronr03{width:100%; height:120px; padding-top:20px; padding-left:20px; padding-right:20px;}


.cpzxz{width:100%; padding-top:40px;display: flex; flex-wrap: wrap; justify-content: space-between;}

.cpz{width:100%;}
.cpr{ display:none;}

.cpk{width:100%; height: auto; padding-top:60px; padding-bottom:60px; margin-top:70px; background:url(../images/cpbj.jpg) top left no-repeat; background-size:cover;}

.cpkbt{color:#16b1f1; font-size:28px; line-height:34px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif;}
.cpkbt01{color:#212121; font-size:20px; line-height:34px; font-weight:bold;}

.Habout{ height: 420px!important; width:90%; padding-left:5%; padding-right:5%;}
.Haban{width:45%; padding-left:90px; height:60px; font-size:18px; line-height:30px; color:#212121; float:left; margin-right:20px;}

.cplb a{font-size:14px; height:46px; line-height:46px; width:100%; display:block; color:#fff; text-align:center; float:none;  margin-bottom:15px; background:#0081cc; border-radius:5px;}
.cplb a:hover{ color:#fff; background:#ff6600}

.cplb01 a{font-size:14px; width:100%; display:block; height:50px; line-height:50px; color:#fff; text-align:center; margin:auto; margin-bottom:25px; margin-right:20px; float:left; background:#ff6600; border-radius:5px;}

.about_txt{ display:none;}
.about_nr { background:#fff;-ms-flex: 0 0 50%; flex: 0 0 100%; max-width: 100%; padding:3% 4%; margin-top:50px; margin-bottom:50px; -webkit-box-shadow: #ccc 0px 0px 20px; 
   -moz-box-shadow: #ccc 0px 0px 20px; 
   box-shadow: #ccc 0px 0px 20px;  padding-bottom:50px; }
.about_nr h2{ text-align:center; text-transform:uppercase; font-size:30px; padding-top:30px;color:#1d9ff5; font-weight:bold;}
.abms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:10;/*显示行数*/ -webkit-box-orient:vertical; line-height:30px; font-size:15.5px; overflow:hidden; margin-top:20px; }


.aline{ background:#d8d8d8; height:1px; width:100%; margin-top:25px;}
.about_nr ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_nr ul li{ display: flex; flex-direction: column; width:30%; margin-top:30px;}
.about_nr ul > li > div:first-child {font-size: 20px; color: #ff6600; font-weight:bold}
.about_nr ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.about_nr ul li div:nth-child(2){font-size:14px;}
.about_nr ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}

.dbtiao{ display:none;}
.top_nav{ display:none;}	
.pro_item_pic img{height: auto; width:90%; object-fit: cover;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.cen01{ width:94%; padding-left:3%; padding-right:3%;}



.footerbq{display:block;}
.mbfor{display:block;}
.mbdh{ display:block;}
#mccp{ display:block;}	
#content{ display:none!important;}	
#wu{ display:none!important;}
.indexBanner .bd li .cont .tit{ font-size:30px;}
.indexBanner .bd li .cont .title{ font-size:16px;}


.bg1{background: url(../images/2.jpg) center center no-repeat; background-size:cover;}
.bg2{background: url(../images/1.jpg) center center no-repeat; background-size:cover;}
.bg3{background: url(../images/3.jpg) center center no-repeat; background-size:cover;}
.indexBanner{width: 100%;position: relative;height:250px;overflow: hidden;}
.indexBanner .bd li{width: 100% !important;height:250px;overflow: hidden; background-size: cover !important;}

.Habout{ height: 700px; width:90%; padding-left:5%; padding-right:5%;}
.Habout01{width:100%; color:#626262; position:absolute; font-size:15px; line-height:30px; left:0px; padding-top:40px; text-align:justify;}
.Habout02bt{font-size:24px; line-height:30px; font-weight:bold; color:#212121; margin-bottom:20px; margin-top:25px;}
.Haboutimg{ display:none;}

.Hqyb{height: auto; width:100%; background:url(../images/bj2.jpg) center center no-repeat fixed;}
.Hqybq{ width:96%; padding-left:2%; padding-right:2%; margin:auto; height:auto; padding-top:80px; padding-bottom:80px; background: none;}
.HqybqK{text-align:center; width:45%;}
.Hyingy{ display:none;}
.Hwznr{ display:none;}
.cpsou{ display:none;}

.Hnew{ width:100%; height:auto; margin:auto;padding-top:110px; padding-bottom:40px; position:relative;}
.Hnewk{ width:96%; padding-left:2%; padding-right:2%; height:auto; }
.Hnewnr{width:100%; height: auto;}
.Hnewimg{ display:none;}
.Hnewnr01{font-size:14px; line-height:24px; font-weight:bold; color:#212121; padding-left:30px; padding-right:20px; margin-top:15px;  margin-bottom:15px;}
.Hfooterk{ display:none;}

.Hfooterbq{width:90%;}


.syxw{width:100%; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:30px;  height: auto; background:#FFF; border: #e9e9e9 solid 1px; box-shadow: 5px 5px 2px #e9e9e9; margin-bottom:20px;}
.syxwbt{border-bottom: #CCCCCC solid 1px; line-height: 40px; margin-bottom:10px; font-size: 15px; color: #000;}
.syxwbt a{color: #000; font-weight:bold;}
.syxwnr{line-height: 26px; font-size: 14px;  color: #666; margin-top:20px;}
.syxwsj{color:#d6d6d6; font-size: 14px;margin-top:10px;}


.footerbq{
	width: 90%; padding:7% 5% 18% 5%;
	text-align: center;
	background-color: #616161;
	color:#FFF;
	font-size:14px; 
	line-height:24px;
}
.footerbq a{color:#FFF;
}

.syxwlbbt a{font-size:16px; line-height:24px; color:#212121; padding-bottom:20px;}
.syxwlbbt a:hover{color:#77b500;}
.syxwlbsm{font-size:13px; color:#808080; line-height:22px; padding-bottom:20px; height:50px; text-align:justify;}


}