/*外部公共样式*/
@import url("iconfont.css");
@import url("bootstrap.min.css");
@import url("../swiper/css/swiper.min.css");
/*头部+导航+大图*/
.header{width:100%; display: block;padding: 10px 0;position: relative;top: 0;left: 0;z-index: 99999;background-color: #FFFFFF;background-image: url(../img/images/top_bg_01.png);background-position: top center;background-repeat: no-repeat;}
.header_m{position: relative;}
.header_img img{width: 100%;}
.logo a{display: block;}
.logo img{width:100%; max-width:130px; max-height:100px;}
a{color:#222;}
a:hover{color:#FF0000}
.header_R{position: relative;}
.dianhua_t{background-image: url(../img/images/dianhua_07.png);background-repeat: no-repeat;background-position: left center;line-height: 100px;padding-left: 36px;font-size: 24px;font-family: arial;}

nav{margin-left:100px; top:0; z-index:999999;width: 60%;}
.nav{width:100%;}
.nav>li{width: 14.2%;}
.nav>li>a{width:100%; font-size:18px; color:#131313; text-align:center;line-height: 100px;position: relative;}
.nav>li>a::after{border-top: 10px solid #265DA9;border-left: 8px solid transparent;border-right: 8px solid transparent;display: block;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;display: none;z-index: 9999;}
.nav>li>a:hover{color: #265da9;}
.nav>li>a:hover::after{display: block;}
.nav>li>a.on{color: #265da9;}
.nav>li>a.on::after{display: block;}


.nav_sub{display:none; width:120%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999;background-color: #f2f2f2; left:-10%;}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#000000;}
.nav_sub>dd>a:hover{color: #265da9;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;height: 100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-头部+导航+大图*/

/*首页内容*/
.about{display: block;overflow: hidden;width: 100%;padding: 140px 10px 160px;background-image: url(../img/images/about_bg_11.png);background-size: cover;}
.about_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.about_l{width: calc(100% - 500px);}
.about_t2{font-size: 20px;color: #ffffff;position: relative;padding-left: 20px;line-height: 20px;margin-top: 25px;}
.about_t2::after{display: block;content: "/";position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-size: 20px;font-family: "宋体";font-weight: bold;}
.about_xq{background-color: #FFFFFF;padding: 50px 20px 30px 40px;margin-top: 88px;}
.about_p{font-size: 16px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 120px;}
.about_do{margin-top: 30px;}
.about_r{width: 500px;padding: 35px;background-color: #f8f8f8;position: relative;}
.about_fivimg{position: absolute;top: 0;left: -15px;}
.about_img{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 62%;}
.about_rxq{margin-top: 60px;}
.about_rt2{font-size: 30px;color: #22304f;}

.cpzs{display: block;overflow: hidden;width: 100%;padding: 60px 10px 75px;background-color: #ececec;}
.cpzs_tit{position: relative;padding-left: 15px;}
.cpzs_tit::after{display: block;content: "";background-image: url(../img/images/dottod_27.png);background-repeat: no-repeat;position: absolute;top: -10px;left: 370px;width: 160px;height: 63px;}
.cpzs_t2{font-size: 20px;color: #4c4c4c;position: relative;padding-left: 20px;line-height: 36px;margin-top: 25px;}
.cpzs_t2::after{display: block;content: "/";position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-size: 20px;font-family: "宋体";font-weight: bold;}
.cpzs_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
.cpzs_ul li{width: 380px;}
.cpzs_B{overflow: hidden;position: relative;}
.cpzs_imgbg{background-repeat: no-repeat;background-size: cover;background-position: center;padding-top: 71%;}
.cpzs_p{background-color: #dca900;padding: 35px;margin-bottom: 10px;}
.cpzs_p1{font-size: 28px;font-weight: bold;color: #ffffff;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cpzs_p2{font-size: 16px;color: #ffffff;text-transform: uppercase;margin-top: 10px;}
.cpzs_hover{width:100%; float:left; height:0; overflow:hidden; position:absolute; left:0;top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.4);}
.cpzs_ss{width:100%; overflow:hidden; position:absolute; right:-100%; top:30%;}
.cpzs_ss>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.cpzs_ul li:hover .cpzs_hover{height:100%;}
.cpzs_ul li:hover .cpzs_ss{right:0;}
.cpzs_ul li:nth-child(2) .cpzs_p{margin-bottom: 0;margin-top: 10px;background-color: #265da9;}
.cpzs_ul li:nth-child(3) .cpzs_p{background-color: #62b5a4;} 

.news{display: block;overflow: hidden;width: 100%;padding: 75px 10px 10px;background-image: url(../img/images/news_bg_02.png);background-size: cover;}
.news .cpzs_tit{padding-left: 0;}
.news .cpzs_tit::after{left: 190px;}

.news_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_l{width: 280px;}
.news_img{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 140%;}
.news_r{width: calc(100% - 305px);}
.news_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_ul li{margin-bottom: 30px;border: 2px solid #ececec;padding: 40px 30px;width: 425px;background-color: #ffffff;}
.news_t{font-size: 20px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_p{font-size: 14px;color: #999999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 28px;height: 56px;margin-top: 16px;}
.news_ul li:hover{background-color: #22304f;}
.news_ul li:hover .news_t{color: #FFFFFF;}
.news_ul li:hover .news_p{color: #FFFFFF;}


.footer{display: block;overflow: hidden;width: 100%;padding: 60px 10px 60px;background-color: #22304f;background-image: url(../img/images/top_bg_01.png);background-repeat: no-repeat;background-position: bottom left;}
.f_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.f1{margin-top: 30px;}
.f1_one{line-height: 30px;font-size: 16px;color: #ffffff;padding-left: 40px;background-position: left top;background-repeat: no-repeat;}
.f1_two{line-height: 30px;font-size: 16px;color: #ffffff;padding-left: 40px;background-position: left top;background-repeat: no-repeat;margin-top: 40px;}

.f2{width: 130px;margin-top: 30px;}
.f2_tit{font-size: 16px;color: #FFFFFF;}
.f2_ul{width: 100%;margin-top: 35px;}
.f2_ul li{font-size: 14px;line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 20px;}
.f2_ul li a{color: #FFFFFF;}

.f3{width: 430px;}
.f3_top{padding: 35px 0;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.f3_tit{font-size: 16px;color: #FFFFFF;}

.f3_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.f3_ul li{text-align: center;}
.f_p{font-size: 14px;color: #677699;}
.f3_bo{font-size: 14px;color: #677699;line-height: 50px;}
/* 产品服务 */
.proner{display: block;overflow: hidden;width: 100%;padding: 0 10px 10px;}
/* .proner_top{width: 100%;padding: 35px 10px 80px;background-color: #FFFFFF;} */
.proner_sh{display: none;width: 100%;position: absolute;top: 90px;left: 0;}
.proner_topul{width:100%; max-width:1200px;list-style-type:none;float:left;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;box-shadow: 0 4px 10px 0 #CCCCCC;padding: 20px 10px;background-color: #FFFFFF;}
.proner_topul li{width: 32%;}
.proner_topul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.proner_topl{width: 206px;}
.proner_topimg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 77%;}
.proner_topr{width: calc(100% - 206px);text-align: center;font-size: 16px;font-weight: bold;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.proner_bo{padding: 50px 10px 70px;background-color: #f7f7f7;display: block;overflow: hidden;width: 100%;}
.proner_tit{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;line-height: 45px;border-bottom: 1px solid #CCCCCC;}
.proner_tl{font-size: 16px;color: #333333;position: relative;padding-left: 20px;}
.proner_tl::after{width: 6px;height: 6px;display: block;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #dca900;}
.search_form{width:200px; float:left;background-color: #f7f7f7;}
.search_inp1{width:calc(100% - 46px); float:left; height:45px; line-height:45px; font-family:SimSun; font-size:14px; color:#333333; padding:0 8px;background-color: #f7f7f7;}
.search_inp1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#333333;} 
.search_inp1:-moz-placeholder, textarea:-moz-placeholder {color:#FFFFFF;} 
.search_btn{width:46px; float:left; height:25px; background:url(../img/images/shouuso_07.png) no-repeat center center;margin: 10px 0;background-color: #f7f7f7;}

.proner_ul{width: 100%;margin-top: 30px;}
.proner_ul li{width: 100%;margin-bottom: 30px;}
.proner_ul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.proner_l{width: 390px;}
.proner_img{background-position:center;background-repeat: no-repeat;background-size: cover;padding-top: 69%;}
.proner_r{width: calc(100% - 400px);border: 1px solid #CCCCCC;background-color: #ffffff;padding: 40px;position: relative;}
.proner_p1{font-size: 20px;font-weight: bold;color: #333333;line-height: 20px;}
.proner_p2{font-size: 16px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 90px;margin-top: 20px;}
.proner_btn{width: 50px;height: 50px;text-align: center;line-height: 50px;background-color: #dca900;font-size: 25px;font-family: "宋体";color: #ffffff;position: absolute;bottom: 25px;right: 40px;}
.proner_ul li:hover .proner_p1{color: #DCA900;}
/* 关于我们 */
.abner{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.abner_xq{background-color: #FFFFFF; padding: 40px;}
.abner_topul{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.abner_topul li{margin-right: 30px;}
.abner_topul li a{font-size: 20px;font-weight: bold;color: #333333;}
.abner_topul li:hover a{color: #265da9;}
.abner_topul li a.on{color: #265da9;}

.abner_main{margin-top: 50px;}
.abner_p{font-size: 16px;color: #333333;margin-top: 10px;line-height: 30px;}
.abner_p img{ max-width:100% !important; height:auto !important}

/* 企业动态 */
.newsner{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.newsner_xq{background-color: #FFFFFF;min-height: 750px;padding: 40px 50px 40px;}
.newsner_topul{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.newsner_topul li{margin-right: 30px;}
.newsner_topul li a{font-size: 20px;font-weight: bold;color: #333333;}
.newsner_topul li:hover a{color: #265da9;}
.newsner_topul li a.on{color: #265da9;}

.newsner_main{margin-top: 50px;}
.newsner_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.newsner_ul li{margin-bottom: 30px;border: 2px solid #ececec;padding: 40px 30px;width: 48%;background-color: #ffffff;}
.newsner_t{font-size: 20px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsner_p{font-size: 14px;color: #999999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 28px;height: 56px;margin-top: 16px;}
.newsner_ul li:hover{background-color: #22304f;}
.newsner_ul li:hover .newsner_t{color: #FFFFFF;}
.newsner_ul li:hover .newsner_p{color: #FFFFFF;}
/* 联系我们 */
.conner{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.conner_xq{background-color: #FFFFFF;padding: 40px 50px 40px;}
.conner_p{font-size: 16px;color: #333333;line-height: 30px;}
.map{width: 100%;height: 400px;margin-top: 20px;}
.map iframe{width: 100%;height: 100%;}
/* 技术研发 */
.serner{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.serner_xq{background-color: #FFFFFF;min-height: 750px;padding: 40px 50px 40px;}
.serner_topul{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.serner_topul li{margin-right: 30px;}
.serner_topul li a{font-size: 20px;font-weight: bold;color: #333333;}
.serner_topul li:hover a{color: #265da9;}
.serner_main{margin-top: 50px;}
.serner_img img{max-width: 100%;}
.serner_p{font-size: 16px;color: #333333;margin-top: 30px;line-height: 30px;}
/* 人力资源 */
.hrner{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.hrner_xq{background-color: #FFFFFF;min-height: 750px;padding: 40px 50px 40px;}
.hrner_img img{max-width: 100%;}
.hrner_p{font-size: 16px;color: #333333;margin-top: 30px;line-height: 30px;}
/* 产品详情 */
.cpxq{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.cpxq_xq{background-color: #FFFFFF;min-height: 750px;padding: 40px 50px 40px;}
.cpxq_tit{font-size: 20px;font-weight: bold;color: #333333;}
.cpxq_img{margin-top: 35px;}
.cpxq_img img{max-width: 100%;}
.cpxq_main{margin-top: 60px;}
.cpxq_tab {clear:both;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.cpxq_tab li{width: 145px;height: 45px;text-align: center;line-height: 42px;border-right: 1px solid #CCCCCC;color: #333333;font-size: 20px;box-shadow: 0 4px 10px 0 #CCCCCC;border-top: 3px solid transparent;}
.cpxq_tab li:hover{background:#c3d5dc;border-top: 3px solid #265DA9;}
.cpxq_p{font-size: 16px;color: #333333;line-height: 26px;margin-top: 30px;}
.cpxq_p img{ max-width:100% !Important; height:auto !important}
.cpxq_p table{width:100% !Important; height:auto !important}
.cpxq_p table tr td{width:auto !Important; height:auto !important; padding:2px !important; font-size:14px !important;}


/* 新闻详情 */
.xwxq{display: block;overflow: hidden;width: 100%;padding: 10px 10px 30px;background-color: #f7f7f7;}
.xwxq_xq{background-color: #FFFFFF;min-height: 750px;padding: 40px 50px 40px;}
.xwxq_tit{font-size: 20px;font-weight: bold;color: #333333; text-align:center; line-height:30px; margin-top:20px;}
.xwxq_img{margin-top: 10px; margin-bottom:10px; text-align:center}
.xwxq_img img{max-width: 100%;}
.xwxq_main{margin-top: 10px;}
.xwxq_main img{ max-width:100% !important; height:auto !important}


@media (max-width:1220px) {
/*头部+导航*/
.header{padding:10px 1%;}
nav{left: 60px;width: 58%;}
/*END-头部+导航*/
.cpzs_ul li{width: 32%;}

.news_ul li{width: 48%;}
/* 产品服务 */
.proner_topul li{width: 33%;}
}

@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.icon-menu span{width:100%; height:6px; float:left;  background:#22304f;}
.header{padding:0;position:relative; left:0; top:0; z-index:999999;background-image: none;}
.logo{width:100%; padding:10px 10px;position: relative;}
nav{position: relative;left: 0;top: 0;width: 100%;margin-left: 0;}
.nav {display:none; width:150px;position:absolute; right:10px; top:0; background:#FFFFFF;}
.nav>li{width:100%; border-bottom:1px solid #CCCCCC; margin:0; background:none;border: none;text-align: center;position: relative;}
.nav>li>a{width:100%; text-align:center; height:50px; line-height:50px;}
.nav>li>a::after{display: none;}
.nav>li>a:hover::after{display: none;}
.nav>li>a.on::after{display: none;}
/*END-头部+导航*/

/*首页内容*/
.about_l{width: calc(100% - 300px);}
.about_r{width: 300px;}

}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.logo img{width:80%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.about{padding: 10px;}
.about_l{width: 100%;}
.about_t2{text-align: center;padding-left: 0;margin-top: 0;font-size: 18px;}
.about_t2::after{display: none;}
.about_xq{margin-top: 10px;padding: 10px 10px 0;}
.about_r{width: 100%;padding: 10px 10px 10px;}
.about_rxq{margin-top: 10px;}
.about_rt2{font-size: 18px;}


.cpzs{padding: 10px 10px 0;}
.cpzs_t2{padding-left: 0;margin-top: 0;text-align: center;}
.cpzs_t2::after{display: none;}
.cpzs_ul{margin-top: 10px;}
.cpzs_ul li{width: 100%;margin-bottom: 10px;}
.cpzs_p{margin-top: 10px;margin-bottom: 0;padding: 10px;}
.cpzs_p1{font-size: 18px;line-height: 18px;}
.cpzs_p2{font-size: 14px;margin-top: 10px;line-height: 14px;}

.news{padding: 10px 10px 0;}
.news_l{width: 100%;margin-top: 10px;}
.cpzs_tit::after{display: none;}
.news_r{width: 100%;margin-top: 10px;}
.news_ul li{width: 100%;margin-bottom: 10px;padding: 10px;}
.news_t{font-size: 18px;}
.news_p{margin-top: 10px;}

.footer{padding: 0px 10px;background-image: none;}
.f3_bo{line-height: 24px; text-align:center; margin-top:10px; margin-bottom:10px;}
/* 产品服务 */
.proner_top{padding: 0px 0 0px;}
.proner_topul li{width: 100%;margin-bottom: 10px;}

.proner_bo{padding: 0px 10px 10px;}
.proner_ul{margin-top: 10px;}
.proner_ul li{margin-bottom: 10px;}
.proner_l{width: 100%;}
.proner_tl{padding-left: 10px;}
.proner_r{width: 100%;padding: 10px;}
.proner_p1{font-size: 18px;line-height: 18px;}
.proner_p2{margin-top: 10px;line-height: 22px;height: 44px;}
.proner_tl{width: 186px;}
.proner_tr{width: calc(100% - 186px);}
/* 关于我们 */
.abner{min-height: 800px;}
.abner_xq{padding: 10px;}
.abner_topul li{margin-right: 0;width: 33%;text-align: center;margin-bottom: 10px;}
.abner_topul li a{font-size: 18px;}
.abner_main{margin-top: 0px;}
.abner_p{margin-top: 5px;}
/* 企业动态 */
.newsner_xq{padding: 10px;}
.newsner_topul li{margin-right: 0;width: 33%;text-align: center;margin-bottom: 10px;}
.newsner_topul li a{font-size: 18px;}

.newsner_main{margin-top: 0px;}
.newsner_ul li{width: 100%;margin-bottom: 10px;padding: 10px;}
.newsner_t{font-size: 18px;}
.newsner_p{margin-top: 10px;}
/* 联系我们 */
.conner{padding-bottom: 30px;}
.conner_xq{padding: 10px;}
.map{margin-top: 10px;height: 340px;}
/* 技术研发 */
.serner_xq{padding: 10px;}
.serner_topul li{margin-right: 0;width: 33%;text-align: center;margin-bottom: 10px;}
.serner_topul li a{font-size: 18px;}
.serner_main{margin-top: 0px;}
.serner_p{margin-top: 0px;}
/* 人力资源 */
.hrner_xq{padding: 10px;}
.hrner_p{margin-top: 0px;}
/* 产品详情 */
.cpxq_xq{padding: 10px;}
.cpxq_tit{font-size: 18px;}
.cpxq_img{margin-top: 10px;}
.cpxq_main{margin-top: 0px;}
.cpxq_tab li{width: 30%;font-size: 14px;}
.cpxq_p{margin-top: 10px;}
/* 新闻详情 */
.xwxq_xq{padding: 10px;}
.xwxq_tit{font-size: 16px; margin-top:15px;}
.xwxq_img{margin-top: 10px;}
.xwxq_main{margin-top: 0px;}
.xwxq_main table{ width:100% !important; height:auto !important}
.xwxq_main table tr td{ width:auto !important; height:auto !important}
}
/*手机底部*/
.root_kong{width:100%; height:62px; float:left; background:#fff;}
.root{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#192847;}
.root a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:1px solid #fff; font-size:12px; font-weight:normal;}
.root a>div{width:100%; float:left;}
.root a>div:first-child span{ font-size:20px;}
.root a:last-child{border:none;}
.root a:hover{background:#389e2e; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none; text-align:center;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #389e2e;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/