@charset "utf-8";
a{ color:#666;}
a:hover{ color: #0086bd;}
.container{ overflow: inherit; clear: both;width: 1200px;
margin: 0 auto;}

.topul{ float:right;}
.topul li{ float:left;}
.topul li a{ margin:0 10px;}

.banner{background:url(../images/ldc_topbanner.png) top center no-repeat;height:70px; overflow: hidden;}
.banner-ctn{width:1200px;text-align:center;margin:0 auto; overflow: hidden;}
.banner-ctn img{float:left;}
.banner-rt{float:right;}
.banner-search{width:360px;margin:30px 0 0 0; overflow: hidden; float: left;}
.search-bg{border:#DDD solid 1px;border-right:none;width:260px;padding:0 8px;height:36px;float:left;position:relative;z-index:1;filter:Alpha(opacity=50); background-color:#fff; background:rgba(255,255,255,0.5); }
.search-bg i{ line-height: 36px; color: #bbb; float: left;}
.input-search{width:260px;border:none;color:#666;position:absolute;z-index:3;height:34px;line-height:34px;top:0;left:0px;padding:0 8px 0 30px;outline:none; background: none;}

.btn-search,.btn-search:link,.btn-search:visited,.btn-search:active{display:block;width:80px;height:36px;line-height:36px;color:#FFF;background:#00a9e1;text-align:center;float:left;}
.btn-search:hover{background:#85b243;}
.btns_login{ float:right; line-height: 40px;max-width: 280px;
padding: 0 20px;
color: #00a9e1;
height: 40px;
border: 1px #00a9e1 solid;
border-radius: 20px;
margin: 15px 0;}
.btns_login a{ color: #00a9e1; cursor: pointer; float:left;}
.btns_login a:hover{ color: #0086bd;}
.btns_login span{max-width: 180px;
overflow: hidden;
float: left;}
/* menu css */
.bg_sdwt{box-shadow: 0 2px 8px rgba(153,153,153,0.3); background: #fff;margin-bottom: 20px;border: 1px #f4f4f4 solid; }
.div_nmlpan{ width:1200px; margin: 0 auto 20px;overflow: hidden;}
.nav_m{width:100%;height:40px;margin-top: -30px;
z-index: 1;
position: absolute;}
.nav_m ul{width:1200px; height: 90px; background: #fff; margin:0 auto;}
.nav_m ul li{ width: 25%; height: 90px; float:left; font-size: 16px; display:table-cell; border-right: 1px #ddd solid;}
.nav_m ul li:last-child{ border:none;}
.nav_m ul li a,.nav_m ul li a:link,.nav_m ul li a:visited{display:block; height: 90px; padding:15px 20px;}

.nav_m ul li h4{ font-size:24px; color:#333; font-weight: bold;transition:all 0.3s ease-in 0s;}
.nav_m ul li p{ font-size:14px; color: #999; text-transform: uppercase; margin-top: 8px;}
.nav_m ul li:hover h4{ color:#0086bd;}
.nav_m ul li:hover i{ transform: rotate(360deg);}
.nav_m ul li i{ width:60px; height: 60px; float: left; border: 2px #00a9e1 solid; border-radius: 50px; padding: 10px; margin: 0 20px 0 0;}
.nav_m ul li i span{ font-size:38px; line-height: 38px; color: #00a9e1;}
.btn_nav1{ background-image: url(../images/bg_nav1.png); background-repeat: no-repeat; background-position: right;}
.btn_nav2{ background-image: url(../images/bg_nav2.png); background-repeat: no-repeat; background-position: right;}
.btn_nav3{ background-image: url(../images/bg_nav3.png); background-repeat: no-repeat; background-position: right;}
.btn_nav4{ background-image: url(../images/bg_nav4.png); background-repeat: no-repeat; background-position: right;}
.nav_m ul li:hover{background-color:#f5fcfe;}
/*--tablist--*/
.more{ position: absolute;right: 20px; font-size:14px;color:#999; line-height: 60px;}
.div_news{width:70%; float:left;overflow: hidden; position: relative;border-right: 1px #ddd solid;}
.tab_title li{ float: left;}
.tab_title{height:50px;line-height: 48px;border-bottom:#ddd solid 1px; margin-top: 5px;font-size: 18px;
font-weight: normal;
color: #0086bd;}
.tab_title li a{color:#777;font-size:18px;float:left; padding: 0 20px;border-bottom: 4px #fff solid; line-height: 45px; }
.tab_title li.active a,.tab_title li:hover a{ color: #0086bd; border-color: #00a9e1; cursor: pointer;}
h4.tab_title{ padding: 0 20px;}
.tab_ctn{overflow:hidden;}
.tab_ctn ul{margin:15px 0;overflow:hidden;}
.tab_ctn ul li{line-height:32px;overflow:hidden; font-size:16px; padding: 0 20px;}
.tab_ctn li a{display:block;padding:0 60px 0 20px; background: url(../images/list.png) 0 0 no-repeat;}
.tab_ctn li a:hover{ background-position: 0 -30px;}
.tab_ctn li a span{ position: absolute; right: 20px; color: #999; font-size: 12px;}

.title_nml{height:50px;line-height: 48px;}
.title_nml b{ line-height: 48px; font-size: 16px; color: #111; font-weight: normal;}
.ttl{background: url(../images/ico_ttl.png) 0 0 no-repeat; width: 22px; height: 26px; margin-top: 12px; display: block;float: left; margin-right: 10px;color: #fff;line-height: 26px;text-align: center;font-size: 14px; text-indent:1px;}

.foot{ background: #f7f7f7; color:#999; overflow: hidden; padding: 30px 0; font-size:14px;}
.foot p{line-height: 26px;}
.foot p a{ color:#999;}
.foot p a:hover{ color: #0086bd;}
.ft_l{ width:800px; float: left;}
.ft_r{ width:400px; float: right; text-align: right;}
.lk_qm{ overflow: hidden; margin-bottom: 15px;}
.lk_qm a{ display: inline-block; width:40px; height: 40px; background: #e7e7e7;color:#aaa; text-align: center;border-radius: 50%; margin-left: 10px;font-size:24px; line-height: 42px; }
.lk_help a{ color: #999;}
.lk_help a:hover{ color: #fff;}
.lk_qm .icon-QQ:hover { color: #4368b2;}
.lk_qm .icon-weixin:hover { color: #85b243;}
.lk_qm .icon-erweima:hover { color: #f90;}


.tab-content .tab-pane {display: none;}
.tab-content .active {display: block;}
.tab_sec{ padding: 10px 0; overflow: hidden;}
.tab_sec li a{ color:#666; margin-right: 10px; display: inline-block; height: 28px; line-height: 28px; border-radius: 14px; float: left; padding: 0 15px;}
.tab_sec li:hover a,.tab_sec li.active a{background:#85b243; color: #fff; }
.tab_thd{ overflow: hidden;}
.btns_t_thd{ width: 100px;}
.btns_t_thd li a{ display: block; background: #d7dfdf; color: #333; height: 73px; border-bottom: 1px #fff solid; text-align: center;padding: 10px 0;}
.btns_t_thd li.active a,.btns_t_thd li:hover a{background:#00a9e1; color: #fff;}
.btns_t_thd li i{ width:100%; overflow: hidden; font-size: 24px;display: block;margin-bottom: 5px;}
.tbl_t_thd{width: 1100px; overflow: hidden; display: table-cell; text-align: left;border-top: 1px #ddd solid;border-left: 1px #ddd solid; margin-bottom: 20px;}
.tbl_t_thd table{border-collapse: separate;table-layout:fixed;}
.tbl_t_thd th,.tbl_t_thd td{ padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px #ddd solid;border-right: 1px #ddd solid; overflow: hidden;}
.tbl_t_thd  tr:nth-child(odd) { background: #fff;}
.tbl_t_thd  tr:hover{ cursor:pointer; background: #f6fdec;}
.tbl_t_thd  th{ border-bottom:1px #ddd solid;background: #fff; color: #0086bd;}


.div_b_btns li{ width: 50%;  float: left; overflow: hidden; text-align: center; color: #666; font-size: 16px;}
.div_b_btns li a{ width: 90px; height: 90px; background-color:#00a9e1; display: block; line-height: 94px; text-align: center; margin: 25px auto 12px; border-radius: 50%;color: #fff; font-size: 52px; opacity: 0.8;}
.div_b_btns li a:hover{ opacity: 1;transform: rotate(30deg);font-size: 56px;}
.div_b_btns li a.clr1{ background-color: #06c898;}
.div_b_btns li a.clr2{ background-color: #f90;}
.div_b_btns li a.clr3{ background-color: #d47bc6;}

.pan_sml{ width:380px; height: 300px; overflow: hidden;}
.pans_l{ background: #fff; padding: 0 0 15px; height: 300px;}
.pan_lge{ width:800px; height: 280px; overflow: hidden;}
.pans_r_t{background: #fff; padding: 0 0 15px; height: 230px;}
.pans_r_b{background: #fff; padding: 0 0 15px; height: 370px; margin-bottom: 20px;}
.ecimg{ width:380px; height: 240px; text-align: center; margin: 0 auto; overflow: hidden;}
.tab_rsc{ margin: 4px 20px; position: relative;}
.tab_rsc ul li{ border-bottom: 1px #ddd dashed; line-height: 40px; height: 40px;}
.tab_rsc li a{background: url(../images/list2.png) 0 0 no-repeat; padding-right: 100px;}
.tab_rsc li a:hover{ background-position: 0 -40px;}

.pan_ads{ overflow: hidden; padding: 10px 0;}
.pan_ads a{ display: inline-block; float: left; width:20%;opacity: 0.8;}
.pan_ads a img{ width:100%;}
.pan_ads a:hover{ opacity: 1;}

.tbl_t_thd .active{ display: table!important;}
.location{ width:290px; padding:0 20px; overflow: hidden; color:#666; font-size: 16px;}
.location h5{ font-size: 16px; color: #f60;}
.location strong{ margin-right: 8px;}
.location hr{ border: none; height: 1px; background: #ddd; margin: 10px 0;}
.mymap{ width:440px; overflow: hidden; height:200px; background: #fff;margin-right: 20px;
margin-bottom: 20px;border: 1px #eee solid;}
.mymap img{ width:100%;}
.tab_sec li.fr a{ padding: 0 6px;}


.mainimg{ height:400px; text-align: center; overflow: hidden; position: relative;}
.mainimg img{ position: absolute; left: 50%; margin-left: -960px;}
.cooperate ul{ width:100%; margin: 0 0 40px 4px; overflow: hidden;}
.cooperate ul li{ float: left;overflow: hidden; width: 199px; height:50px;}

.cooperate ul li a{ display: block;  height: 100px; margin: 0 20px; overflow: hidden;}
.cooperate ul li img{ width:100%;}
.cooperate ul li p{ font-size:16px; text-align: center; line-height: 50px; color: #fff;background: #3d92e5; cursor: pointer;}
.cooperate ul li:hover a{ margin-top: -50px;}
.tit_index{ font-size: 18px; font-weight: 200; color: #0086bd; padding: 15px 20px;}
.tbl_rate{ margin:10px 20px; text-align: left; color: #666; font-size: 16px; line-height: 32px;}
.btns_dload{ height: 120px; text-align: center;}
.btns_dload li{ width:50%;  height: 120px; border-right: 1px #ddd solid; cursor: pointer;float: left;
display: table-cell; font-size: 18px; color:#0086bd;}
.btns_dload li:last-child{ border:none;}
.btns_dload li i{ font-size: 42px; color: #00a9e1; display: block; margin: 20px 0 10px;}
.btns_dload li:hover{ background-color: #f9f9f9;}
.btns_dload li:hover i{ color: #f90;}
.div_serve{ width:30%; position:relative;float: right;}
.banner-ctn b{ line-height: 70px; font-size: 16px; font-style: italic; margin: 0 30px 0 10px; font-weight: normal;}
.banner-ctn b i{ width:40px; height: 40px; border: 1px #f90 solid; color: #f90; border-radius: 50%; line-height: 40px; text-align: center; display: block; float: left; font-size: 24px; margin: 15px 0;}
.banner-ctn b span{ color:#f60;}

/*--2020-12-08 新增--*/
.tab_contenttable { width: 820px;}
.contenttable { float: left; width: 709px; padding: 10px;}
.tab_title2 { float: left; width: 110px; margin-top: 5px;font-size: 18px; font-weight: normal; color: #0086bd; border-right:#ddd solid 1px;}
.tab_title2 li{ width: 110px; list-style: none;}
.tab_title2 li a{ width: 110px; display: block; text-align: center; color:#777;font-size:16px;padding: 0 10px !important; line-height: 45px; background: none !important; border-bottom:#ddd solid 1px;} 
.tab_title2 li.active a,.tab_title li:hover a{ color: #0086bd; border-color: #00a9e1; cursor: pointer;}
h4.tab_title2{ padding: 0 20px;}
.btn_icon{ float: left; width: 150px; margin: 10px}
.btn_icon a{display: block; text-align: center;}
.btn_icon a img{width: 64px; height: 64px; margin: 5px auto; border-radius: 32px; background: #00a9e1; border: 1px solid #00a9e1;}
.btn_icon a p{line-height: 30px;}
.btn_icon a:hover img{background: #005fb7; border: 1px solid #005fb7; transform: rotate(20deg);}

.div_b_btns li a img{ margin: 0px auto;}
.btns_dload li:hover{ background-color: #fff !important;}
.btns_dload li img{ margin: 0 auto; background-color: #00a9e1 !important;}
.btns_dload li:hover img{ background-color: #f90 !important;}
/*--2020-12-08 --*/