.tp_bg{height:46px;line-height: 46px;background: #222;position: relative;width: 100%;}
.tp{padding: 0 2%;box-sizing: border-box;width: 100%;}
.tp_fl p{font-size: 14px;color:#999;}
.tp_r{height: 46px;font-size: 15px; color:#fff; position: absolute; width:auto; height:55px;line-height:50px; right:0; top:0; padding-left:50px; padding-right:3%; background:url(../images/gdpolo02.png) no-repeat center left;box-sizing: border-box;}
.tp_fr .tp_tel img{float: left;margin:10px 12px 0  0;}
.tp_fr .tp_r b{font-size:24px;font-family: 'Engravers MT';}

.head_bg {width: 100%;overflow: hidden;}
.head{display: flex;align-items: center;justify-content:space-between;height: 120px;width: 100%;margin: 0 auto;padding: 0 2%;position: relative;box-sizing: border-box;}
.head_l{display: flex;align-items: center;justify-content:space-between;}
.name d{font-size: 18px;color: #666;letter-spacing: 2px;display: block;margin-top: 0px;}
.name{margin-left: 12px;}


.nav{height:100px;}
.nav>ul>li{ float: left; display:block;height:100px;z-index: 99;transition: 0.3s ease all;}
.nav>ul>li+li{margin-left:40px;}
.nav>ul>li>a{display: block; color: #666; font-size: 17px;text-align: center; z-index: 3333;position: relative;line-height: 100px;}
.nav>ul>li.navcurrent>a,.nav>ul>li:hover>a{color: #fff;}
.nav>ul>li.navcurrent>a,.nav>ul>li:hover>a{color: #24a599;}


.dropmenu{ position:absolute; width:100%; left:0; background:rgba(0,0,0,0.3); top:110%; opacity:0; visibility:hidden; -webkit-transition:all .6s ease; transition:all .6s ease; z-index:333;text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:80px; color:#fff;font-size:16px;}
.dropmenu a+a{ margin-left:60px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:inline-block;}
.dropmenu table tr+tr{ margin-left:25px;}
.nav li:hover .dropmenu{ top:100%; opacity:1; visibility:visible;}



.head_wx{background: url(../images/gdpolo03.png)no-repeat center;width: 40px;height: 55px;margin-left: 10px;transition: 0.3s ease all;cursor: pointer;position: relative;transition: 0.3s ease all;}
.head_wx p{width: 150px;height: 0px;display: block;background: #fff;position: absolute;top: 80px;z-index: 9999;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);padding: 5px;right: -35px;overflow: hidden;transition: 0.3s ease all;    visibility: hidden;    box-sizing: content-box;}
.head_wx p img{width:100%;}
.head_wx:hover p{height:150px;visibility: inherit;}
.head_search{background: url(../images/gdpolo04.png)no-repeat center;width: 40px;height: 100px;transition: 0.3s ease all;cursor: pointer;margin-left:20px;}





.iser_box,.itel_box{background:rgba(255,255,255,0.9);position:absolute;top:100px;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content:end;color: #222;}
.search_l span+span{margin-left:4px;}
.search_l a{color: #222;font-size: 14px;}
.search_r{margin-top:20px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:320px;text-align:center}
.dh_h {line-height: 36px;font-size: 22px;}
.itel_box p{color:#fff;position:relative;font-size:20px;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#feac00;margin-top:10px;}
.search_l .zya{font-size: 16px;}
.search_l span{color: #222}
.icon_pho {display: flex;align-items: center;}
.icon_pho b {font-size: 26px;color: #24a599;padding-left: 10px;}
.nav_rc{display: flex;width: 10%;justify-content: space-between;}
.nav_rc a{font-size: 18px;color: #fff;position: relative;}
.nav_rc a.on{color: 003793!important;}
.nav_rc span{color: #fff;font-size: 14px;padding-top: 3px;}

.head_search:hover .iser_box {
    transform: rotateX(0deg);
}





/*关于我们*/
.hTitle{font-size:1.625rem; height:170px; margin-bottom:40px;position: relative;color:#777e87;margin-bottom:40px;position:relative; font-weight:lighter; }
.hTitle span{display: block;font-size:1.769em;margin-bottom:8px; font-weight:normal; color:#333;  padding-top:40px;font-weight: bold;}
.hTitle span i{color: #24a599;}
.w1600{width: 100%;  max-width: 1320px; margin:auto;}
.hTitle:before { position: absolute; content: ""; width: 346px; height: 174px;  background: url(../images/gdpolo08.png) no-repeat left bottom;}


.in-cona .fl .jj {
    margin-top: 40px; 
    padding-right: 25px;
}
.in-cona .hTitle span{ }
.in-cona .hTitle{ background: url(../images/gdpolo09.png) no-repeat;}
.in-cona { overflow:hidden; background: #fff; padding-top:80px; padding-bottom:40px;}
.in-cona .fl{width: 50%;}
.in-cona .fr {
    width: 50%;
    text-align: right;
}
.con-tit span {
    font-size: 36px;
    color: #333333;
    font-weight: bold;}
.con-tit p {
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 10px;}
.in-cona .fl .jj h6 {
    font-size: 16px; font-weight:normal;
    line-height: 30px;
    color: #666666;
    margin-bottom:35px;}
.more-link {
    width: 160px;
    height: 40px;
    border-radius: 20px;
    line-height: 38px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    text-align: center;
    display: inline-block;}
.in-cona .fl .jj ul li {
    margin-right: 130px;
    display: inline-block;
}
.in-cona .fl .jj ul li p {
    font-size: 18px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: bold;}
.in-cona .fl .jj ul li img {
    display: inline-block;
    vertical-align: middle;}

.in-cona .fr a .top {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;}
.in-cona .fr a {
    width: 100%;
    height: auto;}
.in-cona .fr a .top .bf-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    transition: all .5s;}


  
  
.in-cona img {
    display: inline-block;
    vertical-align: middle;
}
.jj ul {
    margin-top: 40px;
}
.jj h6 p {
    font-size:16px; padding-bottom:10px;
    color:#304765; font-weight:lighter;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.in-cona .fl .jj ul li:last-of-type { margin-right: 0;}

.index_about_btn{}
.index_about_btn:after{content: '';display: block;clear: both;}
.index_about_btn a{
	border-radius:36px;
	font-size:17px;
	color:#333;
	width: auto;
	height: 42px;
	text-align: center;
	line-height:42px;
	background: transparent;
	overflow: hidden;
  transition: .4s all ease;
  position: relative;
	display: block;
	float: left;
	padding: 0 30px;
  border:1px solid #b7b7b7;
  margin-right:16px;
}
.index_about_btn a:hover{ background-image: linear-gradient(55deg, #23a59b 0%, #4bb052 100%);   border:1px solid #fff; box-shadow: 0px 0px 10px #37aa77;
	color: #fff;
  border: 1px solid transparent
}

.index_about_btn a .anim {
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
}



.index_about_btn a .anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.index_about_btn a .anim:after {
	content: '';
	position: absolute;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.index_about_btn a:hover .anim {
	animation: anim-out 0.75s;
}

.index_about_btn a:hover .anim:after {
	animation: anim-out-pseudo 0.75s;
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}




.picBox{position:relative;float:right; width:600px;}
.picBox .pic{width:auto;background:#fff;}
.picBox .pic img{display:block;width:auto;transition:all 0.5s; border-radius:66px 0 66px 0;}









/*特点*/
.feature { padding:21px 0 30px 0; background: url(../images/gdpolo26.jpg) no-repeat center bottom; }
.feature dl { float: left; width: 242px; margin-right:110px; }
.feature dl:last-child { margin-right: 0; }
.feature dt { width: 181px; height: 181px; background: #ffffff; border-radius: 50%; padding: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 20px; position: relative; cursor: pointer; }
.feature dt .pic { width: 153px; height: 153px; background: #f7f7f7; border-radius: 50%; overflow: hidden; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.feature dt .pic img { -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.feature dt .icon { width: 43px; height: 43px; background: #ffffff; box-shadow: 0px 3px 9px 0px rgba(3, 3, 3, 0.07); border-radius: 22px 22px 22px 4px; position: absolute; top: 34px; right: 10px; overflow: hidden; }
.feature dd { text-align: center; }
.feature dd h3 { font-size: 24px; line-height: 34px; color: #fff; margin-bottom:10px; }
.feature dd p { font-size:16px; line-height:26px; color: #fff; }
.feature dl:hover dt .pic { background: #f85811; box-shadow: 0px 11px 24px 0px rgba(241, 96, 0, 0.38); }
.feature dl:hover dt .pic img:first-child { display: none; }
.feature dl:hover dt .pic img:last-child { position: absolute; z-index: 2; left: 0; top: 0; }
.feature dl:hover dt .icon img:first-child { display: none; }
.feature dl:hover dt .icon img:last-child { position: absolute; z-index: 2; left: 0; top: 0; }






















.title{text-align: center;font-size: 42px;color: #222222;}

.title b{color: #24a599;}
.title span{display: block;font-size: 18px;font-weight: lighter; margin: 10px 0 20px 0;}
.title em{ font-size:0; display:inline-block;height: 8px;display: block;}
.title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#f85811;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:16px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#f8a911;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
.title.cl,.title.cl b{color: #fff;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}













/*产品*/
.product{ padding:80px 0; background:#f3f3f5;}
.product .title1{ position:relative; z-index:3;}
.procenter{ margin-top:50px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.proleft{ width:20%; background:#ffffff;}
.pro_t{ font-size:35px; color:#ffffff; text-align:center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; background:#24a599; height:136px;background: linear-gradient(55deg, #23a59b 0%, #4bb052 100%);}
.pro_t em{ display:block; font-size:16px; font-family:fontDin; margin-top:4px; text-transform:uppercase;}
.pro_c table,.pro_c tbody,.pro_c tr,.pro_c td{ display:block; width:100%;}
.pro_c tr{ border-bottom:1px solid #f3f3f5;}
.pro_c tr td a{ padding-left:85px; position:relative; display:block; font-size:16px; color:#666666; transition:all .3s ease; line-height:67px;}
.pro_c tr td a:after,.pro_c tr td a:before{ content:''; display:block; position:absolute; transition:all .3s ease; }
.pro_c tr td a:after{width:57px; height:100%; background:#e4e4e8; top:0; left:0;}
.pro_c tr td a:before{ z-index:1; width:19px; height:18px; background:url(../images/gdpolo27.png) no-repeat left top; top:0; bottom:0; margin:auto 0; left:20px;}
.pro_c tr td a:hover{ color:#24a599;}
.pro_c tr td a:hover:after{ background:#24a599;}
.pro_c tr td a:hover:before{ background-position-x:-19px;}
.protel{ height:159px; background:#24a599;background: linear-gradient(55deg, #23a59b 0%, #4bb052 100%);}
.protel p{ padding-top:35px; text-align:center; color:#fff;}
.protel span{ display:inline-block; width:130px; line-height:36px; border-radius:20px; font-size:16px; background:#f85811;}
.protel em{ display:block; font-size:28px; font-family:fontDin1; margin-top:10px;}




.prod_r{width: 78%;}
.prod_r .tempWrap{height:1110px !important;}
.prod_r .progdwz2021 ul{height:350px;margin-bottom: 20px;}
.prod_r .progdwz2021 ul li{display: block;float: left;width: 32%;overflow: hidden;position: relative;padding: 0px !important;margin-bottom: 20px;}
.prod_r .progdwz2021 ul li{margin-right: 2%;}
.prod_r .progdwz2021 ul li:nth-child(3),.prod_r .progdwz2021 ul li:nth-child(6),.prod_r .progdwz2021 ul li:nth-child(9),.prod_r .progdwz2021 ul li:nth-child(12),.prod_r .progdwz2021 ul li:nth-child(15),.prod_r .progdwz2021 ul li:nth-child(18){margin-right: 0;}
.prod_r .progdwz2021 ul li img{transition: all linear 0.5s;}
.prod_r .progdwz2021 ul li:hover img{transform: scale(1.12, 1.12);}
.prod_r .progdwz2021 ul li img{width:100%;height:auto;}
.prod_r .progdwz2021 ul li br{display:none;}
.prod_r .progdwz2021 ul li span{display: block;height: 62px;line-height: 62px !important;position: relative;z-index: 2;background: #fff;text-align:center;}
.prod_r .progdwz2021 ul li span a{font-size: 16px;display:block;width:100%;height:100%;line-height:62px;}































/*特性*/
.proys{ height:1100px; background:url(../images/gdpolo28.jpg) no-repeat center top; overflow:hidden;padding-top: 80px;}
.proys_t{padding-top:80px;}
.proys_t h3,.proys_t p,.proys_t b{color:#fff;}
.proys .t:after,.proys .t:before{background:#fff;}
.proys h2{ height:120px; padding-top:55px; text-align:center; font:36px "Microsoft YaHei"; color:#fff;}
.proys h2 em{ display:block; font:18px "Microsoft YaHei"; padding-top:8px;}
.proys ul{ height:650px;  position:relative;}
.proys li{ width:263px; text-align:center; font:15px "Microsoft YaHei"; line-height:24px; color:#8d8d8d;}
.proys li b{ display:block; font-size:24px; color:#333; padding-bottom:12px;}
.proys li:nth-child(3),.proys li:nth-child(4){ text-align:center;}
.proys li:nth-child(1){ position:absolute; top:541px; left:0;width: 230px;}
.proys li:nth-child(2){ position:absolute; top:150px; left:300px;}
.proys li:nth-child(3){ position:absolute; top:150px; left:740px;}
.proys li:nth-child(4){ position:absolute; top:551px; left:1074px; width:230px;}
.proys h5{ width:335px; float:right; margin-top:193px;}
.proys li p{border:10px solid #fff;border-radius: 50%;box-shadow: 0px 3px 10px 0px rgb(79 79 79 / 20%);transition: all 0.5s linear;box-sizing: border-box;}
.proys li p img{display: block;}
.proys li:nth-child(1) p{position: absolute;left:245px;}
.proys li:nth-child(1) p img{width:120px;}
.proys li:nth-child(2) p{position: absolute;    left: 107px;top: 126px;}
.proys li:nth-child(2) p img{width:120px;}
.proys li:nth-child(3) p{position: absolute;left: 20px;top: 126px;}
.proys li:nth-child(3) p img{width:120px;}
.proys li:nth-child(4) p{position: absolute;left:-164px;}
.proys li:nth-child(4) p img{width:120px;}
.proys li:hover p{    transform: rotateY(180deg);}
.proys li:hover b{color:#f85811;}

.proys h5 em a{display:block; float:left; width:124px; height:42px; background:#f85811; font:16px "Microsoft YaHei"; font-weight:bold; text-align:center; line-height:42px; color:#fff;}
.proys h5 span{ display:block; float:right; width:190px; font:16px "Microsoft YaHei"; color:#fff;}
.proys h5 span b{ display:block; font:24px Arial; font-weight:bold;}


.proys .hf-left{width:50%;float:left;padding-top:174px;}
.proys .hf-left .hf1{width:208px; float:left; margin-right:18px; }
.proys .hf-left .hf1 em{display: block; height:37px; line-height: 47px;font-size: 20px; color:#FFF;}
.proys .hf-left .hf1 span{display: block; height:47px; line-height: 47px; font-size: 29px; color:#FFF; font-weight: bold;}
.proys .hf-left .hf2{padding-top:11px;float:left;}
.proys .hf-left .hf2 em{display: block; height:32px; line-height: 32px;font-size: 12px; color:rgba(255,255,255,0.41); text-transform: uppercase;}
.proys .hf-left .hf2 span{display: block; height:45px;line-height: 35px;font-size: 26px; color:#FFF;}













/*案例*/
.case{padding: 65px 0 90px 0;width: 100%;overflow: hidden;}
.casecon .divdgweb_new_div_item{ float:left; width:410px !important; height:462px; box-sizing:border-box; margin:0 35px 37px 0; position:relative; padding:290px 15px 15px 15px; transition:all .3s ease; background:#f4f4f4;}
.casecon .news_div_item_pic { position:absolute; top:15px; overflow:hidden; left:15px; width:380px; height:245px;}
.casecenter{ margin-top:40px; position: relative;}
.casejt{cursor: pointer;width: 64px;height: 64px;left: -94px;top: 170px; position: absolute;background: url(../images/gdpolo33.png) no-repeat left top;}
.casejt.next{left: inherit;right: -94px; background: url(../images/gdpolo34.png) no-repeat left top;}
.casejt:hover{background-position-y:bottom; }
.casecon .divdgweb_new_div_item{ float:left; width:410px !important; height:502px; box-sizing:border-box; margin:0 35px 13px 0; position:relative; padding:300px 15px 15px 15px; transition:all .3s ease; background:#f3f5f5;}
.casecon .news_div_item_pic { position:absolute; top:15px; overflow:hidden; left:15px; width:380px; height:245px;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#f85811;}
.casecon .news_div_item_pic img{ width:100%;height:100%; transition:all .6s ease;}
.casecon .divdgweb_new_div_item_a{ font-size:24px; color:#333333;text-align: center;display: block;}
.casecon .divdgweb_new_div_item_body{ font-size:15px; color:#888888; font-weight:lighter; line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.casecon .divdgweb_new_div{width: 1300px;overflow: hidden;}
.casecon .divdgweb_new_div_item_content{ padding:0 15px;}
.caseadver{ transition:all .3s ease; position:absolute; left:0; right:0; margin:0 auto; bottom:-13px; width:345px; line-height:62px; font-size:26px; color:#fff; background:#24a599;text-align: center; border-radius: 35px;}
.caseadver span{padding-right: 30px;}
.casecon .divdgweb_new_div_item:hover .caseadver{ background:#f85811;}












/*选择宝乐的四大优势*/
.adv{ height:948px; background:url(../images/gdpolo35.jpg) no-repeat center top; padding-top:80px;}
.advtitle{ text-align:center; font-size:42px; color:#343434;}
.advtitle b{color: #f85811;}
.advcenter{ padding:60px 0 0 0;  margin-top:34px; position:relative;}
.advcenter:after{ content:''; display:block; position:absolute; width:100%; left:0; height:1px; background:#ebeae9; top:160px;}
.advtitle span{ display:block; font-size:20px; color:#666666; font-weight:lighter; margin-top:10px;}
.advtab{ font-size:0; position:relative; z-index:3; text-align:center; margin-bottom:50px;}
.advtab li{ display:inline-block; vertical-align:top; width:25%; cursor:pointer;}
.advtab li span{ display:block; font-size:26px; color:#32302f; margin-bottom:6px; font-weight:bold;}
.advtab li em{ display:block; font-size:18px; color:#a7a3a0; font-weight:inherit;  margin-bottom: 24px;}

.advtab li i{ display:inline-block; width:24px; height:24px; background:rgba(255,255,255,1); border-radius:50%; position:relative;}
.advtab li i:after{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:10px; height:10px; border-radius:50%; background:#f85811;}
.advtab li.on span{ font-weight:bold; color:#f85811;}
.advtab li.on .advicon{ background-position-y:-72px;}
.advtab li.on i{background:rgba(221,6,39,0.3);}
.advtab li.on i:after{ background:#f85811;}
.advcon .advright{ width:570px; margin-top:10px;}
.advtop{ font-size:0; border-bottom:1px dashed #e4e4e3; height:128px;}
.advtop p{ display:inline-block; vertical-align:middle;}
.advtop p:nth-child(1){ width:86px; line-height:86px; text-align:center; border-radius:5px; background:url(../images/gdpolo36.png) center no-repeat; font-size:45px; color:#fff; font-weight:bold;}
.advtop p+p{ margin-left:20px;}
.advtop p b{ display:block; font-size:33px; color:#343434; margin-bottom:3px;}
.advtop p em{ display:block; font-size:15px; color:#cccccc; font-weight:lighter; text-transform:uppercase;}
.advwa{ font-size:15px; color:#666; line-height:36px; margin:30px 0 45px 0;}
.advwa p+p{ margin-top:10px;}
.advwa p{ padding-left:26px; background:url(../images/gdpolo37.jpg) no-repeat left 9px;}
.adv_phone{ margin:40px 0 30px 0; padding-left:50px; background:url(../images/gdpolo38.jpg) no-repeat left center; font-size:15px; color:#999999;}
.adv_phone span{ vertical-align:sub; font-size:30px; color:#32302f; padding-left:25px;}

.advline{ position:relative; font-size:25px; color:#373737; position:relative; letter-spacing:2px;}
.advline em{ color:#f85811;}
.advline i{ display:block; width:320px; height:1px; background:#e1e1e1; position: absolute; top:15px; left:140px;}
.advline i:after{ content:''; display:block; position:absolute; width:25%; background:#f85811; height:3px; transition:all .5s ease; top:-1px; left:0;}
.advline2 i:after{ width:50%;}
.advline3 i:after{ width:75%;}
.advline4 i:after{ width:100%;}














/*宝乐 · 下单服务流程*/
.by_ls{width: 100%;background:url(../images/gdpolo43.jpg)no-repeat  center bottom; padding-top: 60px;}
.process_bg{height:360px;position: relative; margin-top:35px;}
.process_bg:after{content:""; display: block; width:100%; height: 1px; background: #eee;     position: absolute; bottom:32px; }
.process li{ float: left; width: 140px; text-align: center;}
.process li+li{margin-left:25px;}
.process_w{width: 100%; height: 190px; background: #f5f5f5; color: #222;     border-radius: 15px;font-size: 18px; line-height: 30px; padding-top:50px;position: relative;}
.process_w:before{content:""; display: block; width: 60px; height: 60px; margin:  0 auto 30px auto;    overflow: hidden; background-image:url(../images/gdpolo44.png);}
.process li:nth-child(1) .process_w:before{ background-position: 0 60px;}
.process li:nth-child(2) .process_w:before{ background-position: -60px 60px;}
.process li:nth-child(3) .process_w:before{ background-position: -120px 60px;}
.process li:nth-child(4) .process_w:before{ background-position: -180px 60px;}
.process li:nth-child(5) .process_w:before{ background-position: -240px 60px;}
.process li:nth-child(6) .process_w:before{ background-position: -300px 60px;}
.process li:nth-child(7) .process_w:before{ background-position: -360px 60px;}
.process li:nth-child(8) .process_w:before{ background-position: -420px 60px;}
.process li:nth-child(1):hover .process_w:before{ background-position: 0 0;}
.process li:nth-child(2):hover .process_w:before{ background-position: -60px 0;}
.process li:nth-child(3):hover .process_w:before{ background-position: -120px 0;}
.process li:nth-child(4):hover .process_w:before{ background-position: -180px 0;}
.process li:nth-child(5):hover .process_w:before{ background-position: -240px 0;}
.process li:nth-child(6):hover .process_w:before{ background-position: -300px 0;}
.process li:nth-child(7):hover .process_w:before{ background-position: -360px 0;}
.process li:nth-child(8):hover .process_w:before{ background-position: -420px 0;}
.process_w:after{content: "";display: block;width: 0;height: 0;border-right:14px solid transparent; border-left:14px solid transparent;border-top:14px solid #f5f5f5;position: absolute; bottom:-14px; left:42%;}
.process li:hover .process_w:after{border-top:14px solid #f85811;}
.process li:hover .process_w{background: #f85811; color:#fff;}

.process_b{ padding-bottom: 50px; text-align: center; padding-top:50px;}

.process_m{width: 68px; height: 68px; line-height: 68px; text-align: center; font-family: "Arial"; font-size: 30px; font-weight: bold; color: #333; border-radius: 100%; border:1px #eee solid; margin:50px auto 0 auto; background: #fff;position: relative;z-index: 2;}

.casebottom{font-size: 0;text-align: center;}
.casetel{font-size: 16px;color: #222222;font-weight: lighter;margin-right: 20px;}
.casetel em{font-size: 40px;color: #f85811;font-family: fontDin1;}
.casebottom p{display: inline-block;vertical-align: middle;}
.casebtn a{ display: inline-block;width: 227px;line-height: 50px;border-radius: 25px;background: #f85811;font-size: 16px;color: #fff;font-weight: lighter;transition: all .3s ease;background: linear-gradient(55deg, #23a59b 0%, #4bb052 100%);}
.casebtn a:hover{background: #f85811;color: #fff;}





















/*关于我们*/
.com_bg{position: relative;padding-top: 80px;}
.com_bg:after{content: "";display: block;  width:100%; height:194px; position: absolute; bottom:0; background: #24a599; background:linear-gradient(55deg, #23a59b 0%, #4bb052 100%);}
.com{position: relative;z-index: 2;padding-top: 45px;}
.com_l{padding: 20px; background: #fff; box-shadow: 0 0 200px rgba(0,0,0,0.15);}
.com_l img{width: 560px;}
.com_r{width: 640px;height: 580px;}
.com_rw{height:420px;}
.com_rw p{ font-size: 24px; font-weight: bold; color: #222; padding-top:40px;}
.com_rw span{ color:#999; line-height:30px;    letter-spacing: 1px;}
.com_rw dd{ font-size: 17px; line-height: 32px; padding-top:30px;text-indent:2em;}
.com_rw a{ display: block; width: 224px; height: 48px; line-height: 48px; text-align: center; border:1px #e1e1e1 solid; border-radius: 100px; font-size: 16px; color: #333; margin-top:40px;transition:0.3s all ease-in-out;  }
.com_rw a:hover{ border:1px #f85811 solid;  color:#fff; background:#f85811; width:280px;}

.com_rb li{width:170px; float: left;text-align: center;color: #fff;}
.com_rb li+li{margin-left:60px; }
.com_rb li p{font-size: 70px;font-family: 'Trump Gothic East';display: inline-block;}
.com_rb li dd{font-size: 18px;}

/*厂房车间*/
.plant{margin-top: 20px;margin-bottom: 50px;}
.biae_t{border-bottom:1px #e1e1e1 solid; position: relative;}
.biae_t a{display: block;  text-align: center; font-size: 34px; color: #222; line-height: 84px;position: relative;z-index: 2;transition:0.3s all ease-in-out; }
.biae_t:after{display: block;  content:"";  width:50px; height:4px; background:#f85811; transition:0.3s all ease-in-out;    position: absolute; bottom:0; left:48%;}
.biae_t:hover::after{width:200px; height:60px; left:42.8%; bottom:11px;}
.biae_t:hover a{color:#fff;}

#roller_left{overflow: hidden; }

#roller_left  a{  color:#333; line-height:46px; font-size:16px;}









/*新闻动态 NEWS*/
.news{padding:80px 0 0 0; background: #f5f5f5;}
.news_t{font-size: 42px;color: #333;font-weight: lighter; line-height: 35px;font-weight: bold;color: #24a599;}
.newstop{border-bottom: 1px solid #e1e6e1;}
.news_t em{font-size: 33px;}
.newtab a{padding-bottom: 30px; display: inline-block;font-size: 20px;color: #484848;font-weight: lighter; position: relative;}
.newtab a+a{margin-left: 55px;}
.newtab a:after{content: '';display: block;width: 0;height: 2px;background: #f85811;transition: all .3s ease; position: absolute; bottom: 0; left: 0;}
.newtab a.on:after{width: 100%;}
.newscon{padding: 40px 0 55px 0;position: relative;}
.newscon:after{content: '';display: block;position: absolute;height: 100%;width: 1px;background: #e1e6e1;z-index: 3;left: 750px;top: 0;}
.newsleft{width: 775px;}
.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 240px;height: 170px; overflow: hidden;}
.newsleft .news_div_item:nth-child(2){padding: 25px 0 35px 0; margin: 35px 0 25px 0;border-top: 1px solid #e1e6e1;border-bottom: 1px solid #ededed;}
.news .news_div_item_pic{overflow: hidden;    border: 1px solid #e1e6e1;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#f85811;}
.newsleft .news_div_item{height: 170px; position: relative;padding-left: 266px;padding-right: 105px;}
.newsleft .news_div_item:nth-child(2){padding-left: 266px;padding-right: 105px;}
.newsleft .news_div_item_date{position: absolute;top: 50px;right:55px;padding-top: 45px;text-align: center;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 14px;color: #9ea59e;font-weight: lighter;}
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 40px;font-weight: normal;}
.newsleft .news_div_item_content{width: 340px;padding-top: 20px;}
.newsleft .news_div_item_a{display: block;font-size: 18px;color: #222222;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative;} 
.newsleft .news_div_item:nth-child(2) .news_div_item_pic{top: 25px;}
.newsleft .news_div_item_a:after{content: '';display: block;position: absolute;width: 34px;height: 34px;background: url(../images/gdpolo47.png) no-repeat center; left: 0; top: 110px;}
.newsright{width: 525px;}
.newsright .ns_t{display: block;font-size: 36px;color: #333;background: url(../images/gdpolo48.png) no-repeat right center;margin-bottom: 35px;}
.newsright .ns_t em{display: block;font-size: 14px;text-transform: uppercase;margin-top: 3px;}
.newsright .news_div_item{position: relative;padding-top: 365px;}
.newsright .news_div_item_date{position: absolute;top: 390px;right:0px;padding-top: 45px;text-align: center;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 14px;color: #9ea59e;font-weight: lighter;}
.newsright .news_div_item_date .news_div_item_day{position:absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 40px;font-weight: normal;}
.newsright .news_div_item_content{width: 425px;}
.newsright .news_div_item_a{display: block;font-size: 18px;color: #222222;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative;} 
.newsright .news_div_item_pic{position: absolute;left: 0;top: 0;width: 525px;height: 340px; overflow: hidden;}
.news .news_div_item_body{font-size: 14px;color: #9ea59e;margin-top: 15px;line-height: 28px; font-weight: lighter;}
.newsright .news_div_item_a:after{content: '';display: block;position: absolute;width: 34px;height: 34px;background: url(../images/gdpolo49.png) no-repeat center; left: 0; top: 120px;}










.linkTagcs
   { 
   width:1050px;
height:auto;}
   .linkTagcs ul
   {margin:0px;padding:0px;list-style-type:none;}
   .linkTagcs li
   {list-style:none;margin:0px;  padding-right:10px;line-height:114px;float:left;}
   .linkTagcs li a
   {color:#7c7b79;word-break:break-all;}
   .linkTagcs li img
   {border:0px;}





/*版权*/
.b_coight{ background:#f5f5f5;}
.copyright{ background:#171614;}
.crconcat{ height:250px; background:url(../images/gdpolo50.png) no-repeat center;}
.crconcat ul{ padding-top:85px; font-size:0;}
.crconcat li{ display:inline-block; vertical-align:top; width:393px; height:116px; background:#fff; box-shadow:0 0 20px #06665d; position:relative;}

.crconcat li+li{ margin-left:60px;}
.crconcat li i{ position:absolute; display:block; height:32px; right:29px; top:0; bottom:0; margin:auto 0;}
.crconcat li p{ padding:28px; font-size:18px; color:#1e2428;}
.crconcat li em{ display:block; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:13px;}
.crconcat li span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;} 
.links{ line-height:114px; border-bottom:1px dashed #2f343a; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../images/gdpolo51.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #161c22; line-height: 30px;padding: 25px 0;}
.end,.end a{ font-size:15px; color:#7c7b79;}
.end {height: 50px;line-height: 50px;}
.end a:hover{ color:#fff;}
.crcon{ padding:50px 0; border-bottom:1px solid #262524;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 80px; position:relative;}
.kslj li:first-child{padding-left: 0;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../images/gdpolo53.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#7c7b79; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#52514f;text-align: center;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#f85811;}