﻿/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.header{width:100%; padding:0 10px; background:url(../images/header_bj.png) repeat-x left center; background-size:35px 100%;}
.logo{padding-top:5px;}
.logo img{width:100%; max-width:332px; max-height:70px;}
.header_nav{display:block; overflow:hidden; height:26px; line-height:26px; background:url(../images/top_nav_bj.png) no-repeat center center; background-size:100%; font-size:12px; color:#000;}
.header_nav a{color:#000; margin:0 10px;}
.header_nav a:hover{color:#f00; text-decoration:underline!important;}
.header_dianhua{float:right; height:50px; line-height:50px; color:#000; font-size:28px; font-weight:bold; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:30px;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; -webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; -moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#000, strength=1);}

nav{background:url(../images/nav_bj1.png) repeat-x left center; background-size:15px 100%;}
.nav{float:right!important; background:url(../images/nav_bj2.png) repeat-x left center; background-size:20px 100%; padding:3px 0 3px 60px;position:relative;}
.nav::before{content:""; width:0; height:0; border-right:15px solid #232323; border-bottom:0 solid transparent; border-top:30px solid transparent; position:absolute;left:-15px;top:0;}
.nav>li{ position:relative; margin:0 12px;}
.nav>li>a{width:74px; height:24px; line-height:24px; font-size:14px; color:#fff; text-align:center; background:url(../images/nav_li.png) no-repeat center center; background-size:100% 100%;}
.nav>li:hover>a{background:url(../images/nav_hover.png) no-repeat center center; background-size:100% 100%; color:#fff;}

/*.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(202, 31, 24, 0.8);}
.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:#fff;}
.nav_sub>dd>a:hover{background:#fff; color:#ca1f18;}
.nav>li:hover .nav_sub{display:block;}*/

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width: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(../images/imgs/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(../images/imgs/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-头部+导航+大图*/

/*首页内容*/
.main{width:100%; overflow:hidden;background:#fff;}
.main_left{width:295px; float:left; background:#e4e5ea; padding:20px 10px 40px 15px;}
.about{width:100%; float:left; margin-bottom:40px;}
.about_title{display:block; overflow:hidden; line-height:36px; padding-bottom:10px; background:url(../images/heng1.jpg) repeat-x left bottom; color:#000; font-weight:bold;}
.about_p{float:left; font-size:16px; background:url(../images/title_logo1.jpg) no-repeat 8px center; padding-left:25px;}
.about_sp{float:left; font-size:14px; padding-left:10px; opacity:0.6; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden; padding:15px 0 0 10px; max-width:195px;}
.about_ul li{display:block; overflow:hidden; border:1px solid #ccc;}
.about_ul li a{display:flex; align-items:center; align-content:center; overflow:hidden; height:25px; line-height:25px; background:url(../images/about_li.jpg) repeat-x left center;background-size:auto 100%; padding:0 10px;text-overflow:ellipsis; white-space: nowrap; font-size:14px; color:#000;}
.about_ul li a>img{float:left; margin-right:8px;}
.about_ul li a:hover{color:#f00;}
.about_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px; padding:10px;}

.main_right{width:905px; float:right; border:2px solid #fff; background:url(../images/main-bg.jpg) no-repeat center top #fff; background-size:100% auto; padding:20px 10px 20px 30px;}
.gsjj{width:606px; float:left;}
.gsjj_contect{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#000; line-height:30px;}
.gsjj_contect img{width:154px; float:left; height:auto; margin-right:20px;}

.plan{width:218px; float:right;}
.plan_contect{display:block; overflow:hidden; padding:20px 10px 0 10px;}
.plan_contect>a{width:100%; overflow:hidden; position:relative; float:left; border:1px solid #b2b2b0; padding:1px;}
.plan_contect>a>.plan_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.plan_contect>a>.plan_img::before{content:""; display:block; padding-top:75.7576%;}

.box{width:100%; float:left; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.news{width:275px; float:left; background:url(../images/xwdt-up.jpg) no-repeat center top,url(../images/xwdt-bottom.jpg) no-repeat center bottom,url(../images/xwdt-center.jpg) repeat-x center top; background-size:100% 48px,100% 35px,100% 100%; padding:12px 23px 35px 20px;}
.news_title{display:block; overflow:hidden; line-height:36px;}
.news_p{float:left; font-size:16px; color:#000; background:url(../images/title_logo2.jpg) no-repeat left center; padding-left:18px;}
.news_more{float:right; font-size:12px; text-transform:uppercase;}
.news_more a{color:#7e818a;}
.news_more a:hover{color:#f00; text-decoration:underline!important;}
.news_ul{display:block; overflow:hidden; padding:15px 0;}
.news_ul li{display:block; overflow:hidden;}
.news_ul li a{display:block; overflow:hidden; height:30px; line-height:30px; text-overflow:ellipsis; white-space: nowrap; font-size:12px; color:#484848; background:url(../images/gsdt-tb.jpg) no-repeat left center; padding-left:10px;}
.news_ul li a:hover{color:#f00;}
.news_contect{display:block; overflow:hidden;}
.news_contect>a{display:block;overflow:hidden; padding:10px;}
.news_contect>a>img{height:180px!important;}

.cpzs{width:100%; overflow:hidden; float:left; background:#fff; padding:25px;}
.cpzs_title{display:block; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e5e5e5; line-height:30px;}
.cpzs_p{float:left; font-size:16px; color:#000; font-weight:bold;}
.cpzs_sp{float:left; font-size:14px; color:#000; font-weight:bold; opacity:0.6; text-transform:uppercase; padding-left:10px;}
.cpzs-imgbox{margin-top:30px;}
.cpzs-imgbox .swiper-slide .cpzs_B{width:100%; overflow:hidden; border:1px solid #d8d8d8; padding:2px;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:70%;}
.cpzs-imgbox .swiper-slide .cpzs_txt{display:block; overflow:hidden; line-height:34px; font-size:14px; color:#000; height:34px; text-align:center;}
.cpzs-imgbox .swiper-slide:hover .cpzs_B{border-color:#f00;}
.cpzs-imgbox .swiper-slide:hover .cpzs_B .cpzs_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzs-imgbox .swiper-slide:hover .cpzs_txt{color:#f00;}
/*END-首页内容*/

/*底部*/
.footer{width:100%; max-width:1200px; margin:0 auto; background:url(../images/footer-bg.jpg) no-repeat center center; background-size:100% 100%; font-size:14px; color:#000; line-height:24px; padding:25px 0; text-align:center;}
.footer a{color:#000; margin:0 10px;}
.footer a:hover{color:#f00; text-decoration:underline !important;}
/*END-底部*/

/*公司简介*/
.dqwz_title{display:block; overflow:hidden; line-height:36px; padding-bottom:10px; background:url(../images/heng1.jpg) repeat-x left bottom; color:#000; font-weight:bold;}
.dqwz_p{float:left; font-size:16px; background:url(../images/title_logo1.jpg) no-repeat 8px center; padding-left:25px;}
.dqwz_sp{float:left; font-size:14px; padding-left:10px; opacity:0.6; text-transform:uppercase;}
.dqwz_contect{display:block; overflow:hidden; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.company img {max-width:100%; height:auto !important;}
/*END-公司简介*/

/*政策介绍/新闻动态/下载中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden;}
.xw_ul li>a{display:block; overflow:hidden; line-height:30px; height:30px;text-overflow:ellipsis; white-space: nowrap; color:#000;}
.xw_ul li>a>span{float:right; padding-left:10px;}
.xw_ul li>a>em{float:left; font-family:SimSun; margin-right:10px;}
.xw_ul li:hover>a{color:#f00;}

.xwxq{display:block; overflow:hidden; text-align:center; line-height:26px; color:#000; font-size:12px;}
.xwxq_p{display:block; overflow:hidden; font-size:18px; font-weight:bold;}
.xwxq_sp{display:block; overflow:hidden;}
.xwxq_txt{display:block; overflow:hidden; text-align:left; font-size:14px; line-height:24px;}
/*END-政策介绍/新闻动态/下载中心*/

/*功能配套*/
.cp_up{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.cp_ul{display:block; overflow:hidden;}
.cp_ul li{width:25%; float:left; padding-right:5px;}
.cp_ul li .cp_img{width:100%; overflow:hidden; border:1px solid #ccc; position:relative;}
.cp_ul li .cp_img::before{content:""; display:block; padding-top:70.7603%;}
.cp_ul li .cp_txt{display:block; overflow:hidden; height:32px; line-height:32px; text-align:center; font-size:14px; color:#000;}
.cp_ul li .cp_sp{display:block; overflow:hidden; height:32px; line-height:32px; text-align:center; font-size:14px; color:#000;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; font-size:18px; color:#000; text-align:center; font-weight:bold; line-height:26px;}
.cpxq_sp{display:block; overflow:hidden; font-size:12px; color:#000; text-align:center; line-height:26px;}
.cpxq_img{display:block; overflow:hidden;}
/*END-功能配套*/

/*联系我们*/
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; overflow: hidden; height:500px; border:none; margin-top:20px;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
header{padding:0 1%;}
main{padding:0 1%;}
footer{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.main_left{width:30%;}
.main_right{width:70%;}
.gsjj{width:66%;}
.plan{width:32%;}
.news {width: 33%;}
/*END-首页内容*/

}

@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:#000;}

.header{padding:0;}
.logo {width:100%; padding:10px; position:relative;}
nav{background:none; position:relative; z-index:999999;}
.nav {display:none; width:150px; padding:0; position:absolute; right:10px; top:0; background:rgba(0, 0, 0, 0.8);}
.nav::before{display:none;}
.nav>li{width:100%; margin:0; background:none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}
/*.nav>li:hover>a{background:#0051ac; color:#fff;}*/
/*END-头部+导航*/

/*首页内容*/
.main_left{padding:10px;}
.about{margin-bottom:20px;}
.about_p {font-size:16px; background: url(../images/title_logo1.jpg) no-repeat left center; padding-left:15px;}
.about_sp {font-size:12px; padding-left:5px; letter-spacing:-1pt;}
.about_ul {padding:10px 10px 0 10px; max-width:100%;}
.main_right{padding:10px;}
.gsjj_contect {line-height:24px;}
.gsjj_contect img {width:35%; margin-right:10px;}
.box {margin-top:15px;}
.news{padding: 12px 12px 35px 12px;}
.news_p {padding-left: 15px;}
.cpzs {padding:15px;}
.cpzs-imgbox {margin-top:20px;}
/*END-首页内容*/

/*底部*/
.footer{padding:15px 0;}
/*END-底部*/

/*功能配套*/
.cp_ul li{width:33.33%;}
/*END-功能配套*/

}

@media (max-width:767px){
/*头部+导航*/
.logo img{width:70%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.main_left{width:100%;}
.about{margin:0;}
.main_right{width:100%;}
.gsjj {width:100%;}
.gsjj_contect {padding-top:10px;}
.gsjj_contect img {width: 32%;}
.plan {width:100%; margin-top:10px;}
.plan_contect {padding:10px 10px 0 10px;}
.box {margin-top:10px;}
.news{width:100%; padding: 12px 23px 35px 20px;}
.news_ul {padding:10px 0;}
.news_contect>a>img {height: auto!important;}
.cpzs {padding:10px;}
.cpzs_sp {font-size:12px; padding-left: 5px; letter-spacing:-1.5pt;}
.cpzs-imgbox {margin-top:10px;}
/*END-首页内容*/

/*底部*/
.footer{padding:10px; font-size:12px; line-height:20px;}
/*END-底部*/

/*公司简介*/
.mainB .main_left{padding:0;}
.about_title1{display:block; overflow:hidden; height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #000; color:#fff; font-weight:bold; font-size:18px; padding-left:20px;}
.mainB .about_ul{display:none;padding:5px;}
.dqwz_contect{padding-top:0;}
/*END-公司简介*/

/*功能配套*/
.cp_up {line-height:24px;}
.cp_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cp_ul li{width:calc(50% - 5px); padding:0;}
/*END-功能配套*/

/*联系我们*/
.contact_map{height:250px; margin-top:10px;}
/*END-联系我们*/

}
/*手机底部*/
.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:#222;}
.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:#000; 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 #000;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/

.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}