/* CSS Document */
/*************************************导航css*******************************************/
.header1{ height:90px;}
.header{width:100%; border-bottom:1px solid #e5e5e5; height:90px; background:#fff; position:fixed; z-index:99999;}
.header .container{max-width:89%;}
.header .container .row{ height:90px;display:flex; align-items:center; justify-content:space-between;}
.header .logo img{max-width:85px;}

.header .menubar_menu{display:flex; justify-content:flex-end;}
.header .menubar_menu li{margin:0 1.5%; position: relative;}
.header .menubar_menu li:last-child{margin:0 0 0 1.5%;}
.header .menubar_menu li h3{font-size:18px; font-weight:bold;}
.header .menubar_menu a{display:inline-block; position:relative; overflow:hidden; line-height:35px; padding:0 15px;}
.header .menubar_menu a:hover{background:#009f41; border-radius:4px; color:#fff;}
.header .menubar_menu li .items{display:none; position:absolute; background:#f9f9f9; width:100%;}
.header .menubar_menu li .items a{width:100%; display: block; text-align:center; font-size:16px; border-bottom:1px #ccc solid;}
.header .menubar_menu li:hover .items {display:block;}
.header .menubar_menu li:hover .items a:hover{border-radius:0;}


#navToggle{display:none;}
.mobile_header{display: none;}


/*网站语言版本切换css*/
.language{height:35px; position:relative;}
.language i{font-size:13px; margin-left:5px;}
.current_lang{cursor:pointer; overflow:hidden; position:absolute; z-index:99; left:0px; top:-3px; background:#009f41; line-height:35px; color:#fff; border-radius:4px;}
.lang{padding:0 0px; width:110px;}
.lang_f{display: flex; align-items: center; justify-content:center;}
.lang.selected{display:none;}
.more_lang{transform:translateY(-20px);opacity:0;cursor:pointer;display:none; position:relative; z-index:100000; left:0px; top:35px;-webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
-ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);}
.translate_wrapper.active .more_lang{display:block; }
.more_lang.active{opacity:1;transform:translateY(-0px);}
.more_lang .lang{text-align:center; width:110px; line-height:2.4; background:#f7f7f7; border-bottom:1px #ccc solid;}
.more_lang .lang:hover{background:#009f41;}
.more_lang .lang a{color:#333;}
.more_lang .lang:hover a{color:#fff;}
.translate_wrapper:hover,.translate_wrapper.active,.content a:hover{position:absolute; z-index:100000; left:0px; top:0px;}
.translate_wrapper.active .lang-last{border-bottom:none;}

@media screen and (max-width:1200px){

}
/* 
@media screen and (max-width: 1024px){
    .header .menu,.header .language,.header .search,.header1{display: none;}
    .header .menubar_menu li a{font-size:1em;}
    .header{border-bottom:1px solid #e5e5e5;}
    .header #navToggle {display:block; right:15px; top:50%;width:25px; height: 25px; position: absolute; z-index:999;}
    .header #navToggle span {position:relative; width:25px; height:2px;}
    .header #navToggle span:before,.header #navToggle span:after {content:''; position:relative; width:100%; height:2px; left:0;}
    .header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;transition: 0.3s;display: block;background:#009f41;}
    .header #navToggle span:before {top: 8px;}
    .header #navToggle span:after {bottom: 10px;}
    .header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
    .header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
    .header #navToggle.open span {background: none;}
    .header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
    
    
    /*移动端导航css*/
 /*    .mobile_header{display:block;}
    .header{width:100%; height:80px; position: relative; align-items: center; box-shadow: 2px 0px 10px rgba(0,0,0,0.2);}
    .header .container{max-width:95%;}
    .header .container .row{ height:80px;}
    .header .logo img{width:85%;}
    .header .logo{font-size:18px;}
    #nav-phone {position:fixed; top:0; right:-100%; width:100%; height: 100%; background:#fff;z-index:2000;}
    .close{font-size:30px;font-weight:normal; color:#009f41; cursor:pointer; margin:15px 15px 0 0; opacity:1;}
    .mobile_header .mobile_menu {width:92%; margin:30px auto 0; height:auto; z-index:99;}
    .mobile_header .mobile_menu li{width:100%;}
    .mobile_header .mobile_menu li a{display:block;height:100%; font-size:16px; line-height:48px; border-bottom:1px #f5f5f5 solid; color:#333;}
    .mobile_menu li h3 {width:100%;background: url(http://www.derongchemicals.com/public/assets/templates/images/icon_01.png) 98% center no-repeat; background-size:12px; position:relative;}
    .mobile_menu li.selected h3{background: url(http://www.derongchemicals.com/public/assets/templates/images/icon_02.png) 98% center no-repeat; background-size:12px;}
    .mobile_menu li .list-item {position:relative;overflow: hidden;zoom: 1;display: none;padding-bottom: 30px;}
    .mobile_menu li .list-item a{display:block; padding-left:10px; font-size:1em; color:#666; line-height:40px;}
    .mobile_menu li .list-item a:hover{color:#c3a478;}
    .open_logo{margin-top:30px; text-align:center;}
    .open_logo img{width:70%;}
    .mobile_header .mobile_menu li i{color:#009f41; margin-right:5px;}

    .mobile_menu h3:before,.mobile_menu h3:after{content: '';position: absolute; border-radius:2px; background:#7f7f7f;}
    .mobile_menu h3:before{width: 12px;height: 2px;top: 23px;right: 6px;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
    .mobile_menu h3:after{width: 2px;height: 12px;top: 18px;right: 11px;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
    .mobile_menu .selected h3{color:#000;}
    .mobile_menu .selected h3:before{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    .mobile_menu .selected h3:after{-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0;}
    .mobile_menu .list-item {position:relative; overflow:hidden;zoom: 1; display:none; padding-bottom:30px;}
    .mobile_menu .list-item a{display:block; font-size:1em; color: #7f7f7f; margin-bottom:7px;}
    .mobile_menu .list-item a:hover{color:#c3a478;}

}

@media screen and (max-width: 576px){
    .header .container{max-width:100%;}
}


/********************************************banner轮播css****************************************/
.slider_bg{display:-webkit-flex; display:flex; justify-content:center; position:relative; z-index: 1;}
.slider_bg img{width:100%;}
.pc_web{display:block;}
.m_web{display:none;}
.slider_bg .swiper-container {width: 100%;height:auto; display:flex;}
.slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; }
.slider_bg .swiper-pagination-bullet{background:#fff; width:60px; height:8px; border-radius:0; opacity:.5;}
.slider_bg .swiper-pagination-bullet-active{background:#fff;opacity:1;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;}
.slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;}
.pc_swiperimg{display:block;}
.m_swiperimg{display:none;}

@media screen and (max-width:1024px){
    .pc_web{display: none;}
    .m_web{display: block;}
    .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;}
    .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; }
    .slider_bg .swiper-pagination-bullet{width:30px; height:6px;}
    .slider_bg .swiper-pagination-bullet-active{opacity:1;}
    .slider_bg .swiper-pagination{ display:block; }
    .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; }
}

@media screen and (max-width:576px){
}

h2{text-align: center;}
h2 img{width:100%;max-width:409px;margin:20px auto 15px;}

/*************************************为什么选择我们css*********************************/
.why_choose{background:#fff; margin-top:-60px; position: relative; z-index: 999; padding:25px 0 85px; text-align:center;}
.why_choose h4{color:#009f41;}
.why_choose h6{color:#848484;}
.why_choose .row{margin-top:60px;}
.why_choose .row div{border-right:1px #e8e8e8 solid;}
.why_choose .row div:last-child{border-right:none;}
.why_choose p{font-size:22px; display: flex; align-items: center; justify-content: center;}
.why_choose p span{font-size:40px; font-weight: bold; margin-right:10px;}


@media screen and (max-width:1440px){
    .why_choose .row{margin-left:0; margin-right:0;}
}

@media screen and (max-width:996px){
    .why_choose p{font-size:18px;}
    .why_choose p span{font-size:32px;}
}

@media screen and (max-width:576px){
    .why_choose{padding:35px 0 25px; margin-top:0px; }
    .why_choose h6{padding:0 20px;}
    .why_choose .row div{ margin-bottom:40px;}
    .why_choose .row div:nth-child(even){border-right:none;}
}


/*****************************************关于德荣css***********************************/
.inabout{background:#fff; margin:85px auto 95px;}
.inabout .col-lg-6:nth-child(2){padding:0; overflow: hidden;}
.inabout img{width:100%; transition: all .5s ease-in-out;}
.inabout img:hover{transform: scale(1.1);}
.inabout h6{text-align:center; color:#009f41; margin-bottom:30px;}
.inabout p{padding:0 40px; text-indent: 2em;}
.inabout .inabout_btn{max-width:160px; display: block; padding:8px 0px; background:#009f41; border-radius:4px; color:#fff; margin:50px auto 0; text-align:center;}
.inabout .inabout_btn:hover{background:#00732f;}

@media screen and (max-width:1366px){
    .inabout{margin:65px auto 75px;}
    .inabout h2{padding:30px 0 5px 0;}
    .inabout h6{margin-bottom:20px;}
    .inabout .inabout_btn{margin:40px auto 0;}
}

@media screen and (max-width:996px){
    .inabout{margin:45px auto;}
    .inabout h2{padding:20px 0 5px 0;}
    .inabout p{padding:0 30px;}
    .inabout .inabout_btn{margin:0px auto;}
}

@media screen and (max-width:576px){
    .inabout h2{padding:30px 0 5px 0;}
    .inabout p{padding:0 0px;}
    .inabout .inabout_btn{margin:30px auto 50px;}
}


/*****************************************主营产品css***********************************/
.inproduct{background:url(../image/inproduct_bg.jpg) top center no-repeat; text-align: center; padding-top:65px;}
.inproduct h2{color:#fff;}
.inproduct h6{color:rgba(255,255,255,0.8); margin-bottom:45px;}
.inproduct .swiper-slide{background:#fff; padding:38px; margin-bottom:50px;}
.inproduct .swiper-slide img{width:100%;border-radius:100%;}
.inproduct .swiper-slide p{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:56px;
}
.inproduct .swiper-slide h5{font-weight:bold; margin:25px 0 10px;}
.inproduct .swiper-pagination-bullet {width:12px; height:12px; background:#009f41; opacity:.2;}
.inproduct .swiper-pagination-bullet-active {opacity:1; background:#009f41;}
.inproduct .swiper-container-horizontal>.swiper-pagination-bullets,.inproduct .swiper-pagination-custom,.inproduct .swiper-pagination-fraction {bottom:0px;}

@media screen and (max-width:996px){
    .inproduct .swiper-slide{padding:30px 25px;}
}

/*****************************************新闻资讯css***********************************/
.innews{text-align:center; padding-top:95px; padding-bottom:95px;}
.innews h6{color:#848484; margin-bottom:50px;}
.innews .swiper-slide{margin-bottom:40px;}
.innews .swiper-pagination-bullet {width:20px; height:20px; line-height: 20px; text-align:center; font-size:12px; color:#fff;}
.innews .swiper-pagination-bullet-active {opacity:1; background:#009f41;}
.innews .swiper-container-horizontal>.swiper-pagination-bullets,.innews .swiper-pagination-custom,.innews .swiper-pagination-fraction {bottom: 0px;}
.innews .innews_img{overflow: hidden;}
.innews .innews_img img{width:100%; transition:all .5s ease-in-out;}
.innews .swiper-slide:hover .innews_img img{transform: scale(1.1);}
.innews .innews_text{width:100%; height:90px; position: absolute; bottom:0; left:0; background:rgba(0,159,65,.95); text-align:left; color:#fff;}
.innews .innews_text p{padding:15px 20px 5px; font-size:18px;}
.innews .innews_text span{font-size:13px; padding-left:20px; display: flex; align-items: center;}
.innews .innews_text span i{font-size:17px; margin-right:3px;}
.innews .innews_text a{color:#fff;}
.innews .innews_text a:hover{ text-decoration: underline; }

.innews_list{width:100%; background:#fff; display: flex;  align-items:center; padding:3% 25px 3% 10px; margin-bottom:22px;}
.innews_list:hover{box-shadow: 0 0 10px rgba(0,159,65,.15);}
.innews_list p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size:14px; color:#848484;text-align:left;}
.innews_list a{font-weight:bold; margin-bottom:5px; display: block; text-align: left; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.innews_list .innews_time{flex:0 0 110px; max-width:110px; text-align:center; display: flex; flex-direction: column; align-items: center; font-family: "Arial"; font-size:14px; color:#848484;}
.innews_list .innews_time span{font-size:44px; line-height: 1.2; margin-bottom:0; color:#333;}
.innews a.innews_more{max-width:180px; display: block; padding:10px 0px; background:#009f41; border-radius:4px; color:#fff; margin:50px auto 0; text-align:center;}
.innews a.innews_more:hover{background:#00732f;}
.inmessage_info a.innews_more{max-width:180px; display: block; padding:10px 0px; background:#009f41; border-radius:4px; color:#fff; margin:50px auto 0; text-align:center;}
.innews a.innews_more:hover{background:#00732f;}

@media screen and (max-width:1366px){
    .innews_list{padding:3.1% 25px 3.1% 10px;}
    .innews_list p{-webkit-line-clamp:3;}
}

@media screen and (max-width:1280px){
    .innews_list{padding:3.5% 25px 3.5% 10px;}
    .innews_list p{-webkit-line-clamp:2;}
}

@media screen and (max-width:996px){
    .innews{padding-bottom:55px; padding-top:55px;}
    .innews_list{ padding:12px 20px 12px 10px; margin-bottom:20px;}
}

@media screen and (max-width:576px){
    .innews_list{padding:3.5% 25px 3.5% 10px;}
    .swiper-container{margin-bottom:20px;}
    .innews a.innews_more{margin:30px auto 0;}
    .innews .innews_text{height:auto;}
    .innews .innews_text p{padding:5px 10px 5px; font-size:16px;}
    .innews .innews_text span{display:none;}
    .innews_list .innews_time{flex:0 0 70px; max-width:70px;}
    .innews_list .innews_time span{font-size:20px;}
}


/*****************************************应用领域css***********************************/
.application{max-width:98%; padding-bottom:95px; text-align: center}
.application h6{color:#848484; margin-bottom:50px;}
.application_box{display: flex; justify-content: space-between;}
.application_img1{-ms-flex:0 0 40%;flex:0 0 40%; max-width:33%; padding:0 15px;}
.application_img2{-ms-flex:0 0 40%;flex:0 0 40%; max-width:40%; padding:0 0px;}
.application_img2 .application_img:nth-child(1){margin-bottom:26px;}
.application_img5{-ms-flex:0 0 20%;flex:0 0 20%; max-width:20%; padding:0 15px;}
.application .pre{ position: relative;}
.application .application_img{overflow: hidden;}
.application .application_img img{width:100%;transition: all .5s ease-in-out;}
.application .pre:hover .application_img img{transform: scale(1.1);}
.application .application_text{position: absolute; z-index: 2; color:#fff; bottom:50px; left:50px; text-align:left;}
.application .pre .application_text p{padding-right:50px; display:none; transition:all .5s ease-in-out; opacity: 0; color:rgba(255,255,255,.8);}
.application .pre:hover .application_text p{display: block; opacity: 1;bottom:0; }
@media screen and (max-width:1366px){
    .application{max-width:100%;}
    .application_img1 img{height:435px;}
    .application_img5 img{height:435px;}
    .application .application_text{bottom:30px; left:30px;}
    .application .application_text h3{font-size:1.25em;}
    .application .pre .application_text p{padding-right:30px; font-size:14px; line-height: 1.5;}
}

@media screen and (max-width:1280px){
    .application_img1 img{height:405px;}
    .application_img5 img{height:405px;}
}

@media screen and (max-width:996px){
    .application{max-width:100%; padding-bottom:55px;}
    .application_img1{-ms-flex:0 0 50%;flex:0 0 50%; max-width:50%; padding:0;}
    .application_img2{-ms-flex:0 0 50%;flex:0 0 50%; max-width:50%; padding:0;}
    .application_img5{display: none;}
    .application_img1 img{height:390px;}
}

@media screen and (max-width:576px){
    .application_box{display: flex; flex-direction: column; justify-content:center;}
    .application_img1{-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; margin-bottom:25px;}
    .application_img2{-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; margin:0;}
    .application_img2 div{padding:0;}
    .application_img5{-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding:0; display: block}
    .application_img1 img{height:auto;}
    .application_img5 img{height:auto;}
    .application .application_text{left:20px;}
    .application .pre .application_text p{padding-right:10px;}
}


/*****************************************在线留言css***********************************/
.inmessage{background:#fff; padding:50px 0; text-align:center;}
.inmessage h6{color:#848484; margin-bottom:50px;}
.inmessage h6 a{color:#009f41; font-weight: bold; padding-bottom:2px; border-bottom:2px #009f41 solid;}
.inmessage h6 a:hover{color:#00732f; border-bottom:2px #00732f solid;}

.inmessage_info{width:90%; margin:0 auto;}
.inmessage_info li{width:100%; display:flex; line-height:52px; background:#f9f9f9; margin-bottom:18px; border-radius:3px;}
.inmessage_info li span{ padding-left:15px;}
.inmessage_info li input{width:85%; line-height: 50px; background: none; border: none; margin-left:15px;}
.inmessage_info li textarea{width:92%; line-height:30px; background: none; border: none;  margin-left:15px;}
.inmessage_info .yzm{display:flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.inmessage_info .yzm li{width:84%; margin-bottom:0;}
.inmessage_info li.submit{border:none; justify-content: center; margin-top:30px; background:none;}
.inmessage_info li.submit input{width:220px;font-size:1.375em; line-height:2.6; background:#009f41; color: #fff; border-radius:3px; transition: all .5s ease-in-out;}
.inmessage_info li.submit:hover input{background:#00732f;}

@media screen and (max-width:1440px){
    .inmessage_info li textarea{width:90%;}
    .inmessage_info li input{width:82%;}
}

@media screen and (max-width:1366px){
    .inmessage_info li textarea{width:90%;}
    .inmessage_info li input{width:82%;}
}

@media screen and (max-width:1024px){
    .inmessage_info{width:100%; margin:0 auto;}
    .inmessage_info li{line-height:40px; margin-bottom:20px;}
    .inmessage_info li span{font-size:1em; line-height: 40px;}
}


@media screen and (max-width: 576px){
    .inmessage h6 a{display:inline-block; margin-top:5px;}
    .inmessage_info li textarea{width:72%;}
    .inmessage_info .yzm li{width:70%; margin-bottom:0;}
    .inmessage_info li input{width:60%;}
    .inmessage_info li.submit input{width:60%;font-size:1.125em; line-height:2.8;}
}


/****************************************底部信息css***********************************/
footer{background:#f9f9f9; padding:40px 0 30px; border-top:1px #ececec solid;}
footer .row div i{margin-right:8px; font-size:30px; color:#009f41; line-height: 35px;}
footer .row div i.iconfont1{font-size:36px;}
footer h5{margin-bottom:15px; font-weight:bold;}
footer p{line-height:2;}
footer a{color:#555;}
footer .footer_oa{display: flex; justify-content:space-around; }
footer .footer_oa a{display: flex; flex-direction: column; justify-content: center; align-items: center; color:#009f41;}
footer .footer_oa a i{width:80px; height:80px; line-height:80px; border-radius:100%; background:#009f41; color:#fff; text-align:center; margin-bottom:5px; margin-right:0;}
footer .footer_oa a i.iconfont2{background:#4bb175; font-size:30px;}
footer .erweima{text-align:center; display: flex; justify-content:center;}
footer .erweima img{max-width:140px;}
footer a img{margin:0 8px 2px 0;}


/*内页底部版权信息css*/
.copyright {width:100%; background:#ececec; line-height:65px; color:#666; font-size:14px;}
.copyright .container{border-top:1px #ededed solid; display: flex; justify-content: space-between;}
.copyright a{color:#666; margin:0 15px;}
.copyright a:hover{color:#009f41;}
.copyright img{margin:0 6px 2px 0;}

/*右侧浮动按钮css*/
.go_top{width:40px; position: fixed; z-index:9999; right:10px; bottom:2%;}
a.top{display:inline-block; color:#009f41; font-size:34px;}
a:hover.top{color:#00732f;}


@media screen and (max-width:996px){
    .copyright .container{flex-direction: column; line-height:24px; padding:15px 0;}
    .copyright span:nth-child(1){ display: block;}
    .copyright a{margin:0 20px 0 0px;}  
    .go_top{right:10px; bottom:10%;}

}

@media screen and (max-width:576px){
    footer .col-sm-12 p br{display: none;}
    footer .footer_oa{margin-top:30px;}
    .copyright .container{padding:15px;}
    .copyright span{display: block;}
    .copyright a{display: block; margin:0;}  
    .go_top{right:10px; bottom:3%;}
    
}


/*关于德荣css*/
.about_banner img{width:100%;}
.about{padding-top:40px;padding-bottom:70px;}
.about h2{padding-bottom:25px;}
.about p{padding:5px 0;}
.about_img img{width:100%; border:6px #fff solid; box-shadow:0 10px 20px rgba(0,0,0,0.08);}
/*图片滚动*/
#gdt{clear:both; width:100%; float:left; padding:50px 0 10px;}
.scroll_div{width:100%; margin:0 auto; overflow: hidden; white-space:nowrap;}
#scroll_begin, #scroll_end, #scroll_begin .about_img, #scroll_end .about_img, #scroll_begin .about_img img, #scroll_end .about_img img { display:inline; }
#scroll_begin .about_img,#scroll_end .about_img{display:inline-block; text-align:center; padding-top:5px;}

.concept{ padding:0px 0 80px; text-align:center;}
.concept1{background:rgba(0,159,65,.08); text-align:left;}
.concept2{background:rgba(0,159,65,.12); text-align:left;}
.concept3{background:rgba(0,159,65,.08); text-align:left;}
.concept_info{padding:30px;}
.concept_info h4{font-weight:500; margin:25px 0 5px;}


.service{background:#fff; padding:70px 0 90px; text-align:center;}
.service h2 {margin-bottom:30px;}
.service_info{background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.08); padding:30px; min-height:280px; text-align:left;}
.service_info h4{font-weight:500; margin:15px 0;}
.service_info i{width:80px; height:80px; line-height:80px; background:#009f41; border-radius:50%; display:block; text-align:center; color:#fff; font-size:40px; margin:0 auto;}

/*文化历程css*/
.course{padding-top:70px;padding-bottom:70px; text-align: center;}


@media screen and (max-width:1200px){
    .service_info{padding:30px 20px;}
}

@media screen and (max-width:996px){
    .about{padding-top:40px;padding-bottom:40px;}
    .service{padding:40px 0;}
    .service_info{min-height:300px;}
}

@media screen and (max-width:576px){
    .service_info{min-height:auto; margin-bottom:25px;}
    .concept{ padding:0px 15px 40px;}
    .concept .row{margin:0;}
}




/*产品服务css*/
.product{padding-top:50px;padding-bottom:70px;/* text-align: center;*/}
.product_class{display: flex; justify-content:space-between; align-items: center; margin-bottom:30px;}
.product_class a{padding:8px 30px; background:#009f41; color:#fff; border-radius:4px; margin:0 10px; font-size:18px;}
.product_class a:hover{background:#00732f;}
.product_class2 h3{ margin:25px 0 10px; font-weight:bold; padding:10px 30px; background:#009f41; color:#fff; border-radius:4px; margin:0 10px; font-size:18px;  background:#00732f;}

.product_class2 a{padding:0px 5px; background:#009f41; color:#fff; border-radius:4px; margin:10px 10px; font-size:18px;}
.product_class2 a:hover{background:#00732f;}

.product_class1{display: flex; justify-content:space-between; align-items: center; margin-bottom:30px;}
.product_class1 a{padding:8px 30px; background: #009933 ; color:#fff; border-radius:4px; margin:0 10px; font-size:18px;}
.product_class1 a:hover{background: #006600;}
.product_class1 a.active{background: #006600;}

.product_info{background:#fff; padding:32px; margin-bottom:30px; text-align: center;}
.product_info:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.08);}
.product_info_img{overflow: hidden;}
.product_info_img img{width:100%;border-radius:100%; transition: all .5s ease-in-out;}
.product_info_img:hover img{transform: scale(1.1); border-radius:30%; }
.product_info h5{margin:25px 0 10px; font-weight:bold;}
.product_info p{font-size:0.9375em;}

.productview_info{background:#fff; padding:30px 30px; margin-bottom:30px; display: flex;}
.productview_info img{margin-right:60px;max-height:200px;}
.productview_info h3{font-weight:bold; margin:15px 0;}
.productview_info span{display: flex;}
.productview_info span a{width:140px; line-height:44px; display:flex; align-items: center; justify-content: center; background:#009f41; color:#fff; border-radius:3px; margin:40px 20px 0 0;}
.productview_info span a:hover{background:#00732f;}
.productview_info span a.price i{ font-size:30px; margin-right:5px;}
.productview_info span a.email i{ font-size:22px; margin-right:8px;}

.productview_info1{background:#fff; padding:50px 30px 50px 30px; margin-bottom:30px;}
.productview_info1 .row{ text-align:center; margin-top:30px; margin-bottom:20px;}
.productview_info1 img{width:100%;}
.productview_info1 .row p{font-size:18px; padding:10px 0; background:#e7e7e7; margin-bottom:30px;}
.productview_info1 table{border:1px #000 solid; margin:30px 0; width:100%;}
.productview_info1 table tr:nth-child(1){font-weight:bold; background: #00732f; color:#fff;}
.productview_info1 table td{border:1px #000 solid; line-height: 35px; text-align:center;}


@media screen and (max-width:996px){
    .product{padding-top:40px;padding-bottom:40px;}
}

@media screen and (max-width:576px){
    .productview_info{ flex-direction: column;}
    .productview_info img{width:100%;margin-right:0px;}
    .productview_info span a{margin:30px 20px 20px 0;}
    .productview_info1{ margin-bottom:0px;}
    
    .product_class{display: flex; justify-content:flex-start; flex-direction:column; align-items: center; margin-bottom:30px;}
    .product_class h2{margin-bottom:20px;}
}


/*技术支持css*/
.technical{padding-top:40px;padding-bottom:70px; text-align:center;}
.technical h2{margin-bottom:30px;}
.technical .row{text-align:left;}


/*项目合作css*/
.cooperation{padding-top:40px;padding-bottom:70px; text-align:center;}
.cooperation h2{margin-bottom:30px;}



/*加入德荣css*/
.join{padding-top:40px;padding-bottom:70px; text-align:center;}
.join #list1 ul{background:#fff;display:flex; line-height:50px; padding-left:30px; text-align: center; border-bottom:1px #f4f4f4 solid;}
.join #list1 ul.first{line-height: 50px; background: #ededed; font-size:16px; font-weight: bold;}
.join #list1 ul li{width:15%;}
.join #list1 ul li.one{width:20%; text-align: left;}
.join #list1 ul li.six{width:5%;}

#list1 .join_jobs .title {cursor: pointer;}
#list1 .join_jobs.selected {border-bottom:1px #d9efe2 solid; background:#f0f4ff;}
#list1 .join_jobs.selected .title .six{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.position-detail{padding:0px 0px 50px 30px; background:#f6fffa; overflow:hidden;zoom: 1; display:none;}
.position-detail .row{ align-items: center; justify-content: space-between;}
.position-detail h6{font-weight:bold; padding:30px 0 5px; color: #009f41;}
.position-detail p{display: flex; flex-wrap: wrap;}
.position-detail p span{padding:6px 15px; margin:0 10px 15px 0; background:#d9efe2; font-size:14px;}
.position-detail .jobs_app{width:160px; line-height: 45px; text-align:center; background:#009f41; border-radius:2px; margin:0 auto;}
.position-detail .jobs_app .iconfont{font-size:28px; padding-right:5px;}
.position-detail .jobs_app a{ display:flex; align-items: center; justify-content: center; color: #fff; }
.position-detail .jobs_app a:hover{background:#00732f;border-radius:2px;}

.joinview{padding-top:70px;padding-bottom:70px;}
.joinview h1{text-align:center;margin-bottom:50px;}
.joinview h1 span{font-weight: bold; border-bottom:2px #009f41 solid; color:#009f41; padding-bottom:5px; margin:0 5px;}
.joinview li{width:100%; display:flex; align-items: center; line-height:52px; background:#fff; border:1px #e0e0e0 solid; margin-bottom:25px; border-radius:3px; position: relative;}
.joinview li.nr{align-items: flex-start;}
.joinview li span{ flex:0 0 100px; max-width:100px; text-align:center; padding-left:5px;}
.joinview li input{width:85%; line-height: 50px; background: none; border: none; margin-left:15px;}
.joinview li textarea{width:92%; line-height:30px; background: none; border: none;  margin-left:15px;}
.joinview .yzm{display:flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.joinview .yzm li{width:84%; margin-bottom:0;}
.joinview li.submit{border:none; justify-content: center; margin-top:30px; background:none;}
.joinview li.submit input{width:220px;font-size:1.375em; line-height:2.6; background:#009f41; color: #fff; border-radius:3px; transition: all .5s ease-in-out;}
.joinview li.submit:hover input{background:#00732f;}

/*时间插件宽度css*/
.layui-laydate{width:324px !important;}
.education_select {width:75%;height:48px; line-height:48px; overflow:hidden; background:url(../image/select_icon.png) right no-repeat; border:none; background-size:15px;} 
.education_select select option{line-height: 40px;} 

@media screen and (max-width:1366px){
    .joinview li textarea{width:90%;}
    .joinview li input{width:82%;}
}

@media screen and (max-width:1280px){
    .position-detail p span{padding:6px 12px; margin:0 5px 10px 0; }
    .education_select {width:68%;} 
}

@media screen and (max-width:996px){
    .join{padding-top:40px;padding-bottom:40px;}
    .joinview{padding-top:40px;padding-bottom:40px;}
    .join #list1 ul{padding-left:0px;}
    .join #list1 ul.first{line-height: 50px; font-size:14px;}
    .join #list1 ul li.one{width:20%; text-align:center;}
    .position-detail .jobs_app{ margin:20px auto;}

    .joinview li{line-height:40px; margin-bottom:20px;}
    .joinview li span{font-size:1em; line-height: 40px;}
    .education_select {width:60%;} 
}

@media screen and (max-width:576px){
    .join .two,.join .three,.join .five{ display: none;}
    .join_jobs{font-size:14px;}
    .join #list1 ul li.six{font-size:13px;}
    .join #list1 ul li{width:26%; font-size:13px;}
    .join #list1 ul li.one{width:40%;}
    .join #list1 ul li.six{width:5%;}
    .position-detail{padding:0px 10px 30px 20px;}

    .joinview li textarea{width:72%;}
    .joinview .yzm li{width:70%; margin-bottom:0;}
    .joinview li input{width:60%;}
    .joinview li.submit input{width:60%;font-size:1.125em; line-height:2.8;}
    .education_select {width:75%;} 
}



/*精彩活动css*/
.activity{width:100%; position: relative; height:90vh; overflow:hidden; background:url(../image/activity_bg.jpg) top center no-repeat;}
.fullscreen {width:100%;/*height:60%; */overflow:hidden; margin:0; padding:0;}
figure{width: 200px; position: absolute;padding: 10px;margin: 0 auto;text-align: center;background-color: white;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;cursor: pointer;}
figure img {height: auto;max-width: 100%;margin: 0 auto;margin-bottom: 15px;}
figure figcaption {font-family: Comic Sans, Comic Sans MS, cursive;color: #8F8476;}
.navbar {position:absolute; bottom:0; left:0;width: 100%;padding:5px 0; text-align:center; background:#36ad1f;z-index:999;}
button {background-color: transparent;padding:5px 24px;color: #fff;border: 2px solid #136d02;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;transition: 0.4s;}
button:hover {background: #136d02;color:#fff;}






/*联系我们css*/
.contact{padding-top:40px;padding-bottom:90px;}
.contact .row{align-items: left;}
.contact h3{font-weight:bold; margin-bottom:30px;}
.contact p{padding:15px 0; font-size:20px; display: flex; align-items: left;}
.contact p i{width:50px; height:50px; line-height:50px; text-align:center; color:#fff; background:#009f41; border-radius:50%; display: inline-block; font-size:28px; margin-right:20px;flex-shrink:0; float:left;}
.contact i.iconfont{font-size:28px;}
.contact p span{line-height: 1.5; color:#888; float:left;}
.contact p span b{display: block; color:#333;}
.contact a{display: block; color:#888;}
.contact a:hover{color:#009f41;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media screen and (max-width:996px){
    .contact{padding-top:40px;padding-bottom:40px;}
    .contact p{font-size:18px;}
    .map{margin-top:30px;}
}

@media screen and (max-width:576px){
    .contact p{font-size:15px;}
}


/*新闻资讯css*/
.news{padding-top:40px;padding-bottom:70px; text-align:center;}
.news h2{margin-bottom:30px;}
.news_info{background:#fff;}
.news_info:hover{box-shadow: 0 10px 20px rgba(0,0,0,.08);}
.news .news_img{width:100%; overflow:hidden;}
.news .news_img img{width:100%; transition: all .5s ease-in-out;}
.news .news_img img:hover{transform: scale(1.1);}
.news .news_text{background:#fff; padding:30px 30px 50px 30px; text-align:left; margin-bottom:40px;}
.news .news_text h5{font-weight:bold; line-height:1.6; margin:0px 0 5px 0; min-height:64px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_text p{overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_text span{font-size:14px; color:#009f41; margin-bottom:5px; display:flex; align-items: center;}
.news .news_text span i{font-size:18px; margin-right:5px;}
.news .news_text a:hover{color:#009f41;}


.notice{padding-top:40px;padding-bottom:70px; text-align:center;}
.notice h2{margin-bottom:30px;}
.notice_info{background:#fff;display: flex; margin-bottom:40px; padding:0;}
.notice_info:hover{box-shadow: 0 10px 20px rgba(0,0,0,.08);}
.notice .notice_img{flex:0 0 20%; max-width:20%; overflow:hidden;}
.notice .notice_img img{width:100%; transition: all .5s ease-in-out;}
.notice .notice_img img:hover{transform: scale(1.1);}
.notice .notice_text{background:#fff; padding:30px 30px 0px 30px; text-align:left;}
.notice .notice_text h5{font-weight:bold; line-height:1.6; margin:0px 0 5px 0; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notice .notice_text p{overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notice .notice_text span{font-size:14px; color:#009f41; margin-bottom:5px; display:flex; align-items: center;}
.notice .notice_text span i{font-size:18px; margin-right:5px;}
.notice .notice_text a:hover{color:#009f41;}






.newsview{max-width:1200px; padding-top:70px;padding-bottom:70px;}
.newsview h2{font-weight:bold; padding-bottom:20px; text-align:center;}
.newsview h6{font-size:15px; padding:20px 0; border-bottom:1px #ececec solid; display: flex; align-items: center; justify-content: center;}
.newsview h6 span{padding:0 20px; display: flex; align-items: center;}
.newsview h6 i{font-size:18px; margin-right:6px;}
.newsview_info{ margin-top:30px;}
.newsview_info p{color:#666; margin:15px 0;}
.newsview_info img{width:100%; margin:10px 0;}

.newsview .prev_next1{display: flex; flex-direction: column; margin:40px 0 20px; padding:20px 0; border-top:1px #ececec solid; border-bottom:1px #ececec solid;}
.newsview .prev_next1 a{padding:8px 0;}
.newsview .prev_next1 a:hover{color:#009f41;}

@media screen and (max-width: 576px){
    .news{padding-top:40px;padding-bottom:40px;}
    .newsview{ padding-top:40px;padding-bottom:40px;}
}



.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1; background:#FFFFFF; height: auto; padding-bottom:25px; padding-top:15px; width:200px; text-align:left; line-height:2; padding-left:25px;  


}
.dropdown:hover .dropdown-content {
display: block;
}

/*********************分页css************************/
/* .pagination-wrap {margin:40px auto 0px;}
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:14px}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:#fff}
.pagination li a,.pagination li span {display:inline-block;min-width:38px;padding:6px; font-size:16px; line-height:1.5; letter-spacing:.075em; color:#333; background:#d9d9d9;border-radius:100%;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:#fff; background:#009f41 !important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:#fff;}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{background:#e9e9e9 !important;}

.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin:40px 0 20px; }
.prev_next a{ display: inline-block; position: relative;}
.prev_next a:after{content: ""; width:100%; height: 1px; background:#333; position: absolute; bottom:0; left: 0; transition:all .5s ease-in-out;}
.prev_next a:hover:after{background:#009f41;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto 0px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:10px 0;}
    .prev_next span{padding:5px 0;}
}