/*外部公共样式*/
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航*/
.topbox{width:100%; overflow:hidden; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; line-height:34px; color:#797979; font-size:14px;}
.top_nav{background:#32465a; font-size:14px;color:#fff;}
.top_nav a{color:#fff; margin:0 10px;}
.top_nav a:hover{color:#fff; text-decoration:underline!important;}

.header{width:100%;padding:35px 0; border-bottom:1px solid #cfcfcf;}
.logo img{width:100%; max-width:400px; max-height:64px; display:block;}
.logo_txt img{width:100%; max-width:308px; max-height:64px; display:block;}
.header_dianhua{font-family:Impact; font-size:24px; color:#ffc107; line-height:24px; padding-left:70px; background:url(../images/header_dianhua.png) no-repeat left center; margin-top:8px;}

nav{ border-bottom:1px solid #cfcfcf;}
nav ul{width:100%; border-left:1px solid #cfcfcf;}
nav ul li{width:20%; float:left; border-right:1px solid #cfcfcf;}
nav ul li>a{display:block; text-align:center; color:#4b4b4b; transition:all 0.4s; padding:10px 0;}
nav ul li>a>span{display:block; overflow:hidden;}
nav ul li>a>.nav_p{line-height:20px; font-size:16px;}
nav ul li>a>.nav_sp{line-height:18px; font-size:14px; text-transform:uppercase; font-family:Arial;}
nav ul li:hover>a{color:#364858; background:#ffc107;}
nav ul li.on>a{color:#364858; background:#ffc107;}
/*END-头部+导航*/

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:50%;}
.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:#364858; opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#ffc107;}
.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-banner*/

/*内容*/
.cpzx{width:100%; overflow:hidden; padding:50px 0;}
.cpzx_title{display:block; overflow:hidden; text-align:center;}
.cpzx_p{display:block; overflow:hidden; line-height:30px; font-family:Arial; font-size:30px; color:#b4b4b4; font-weight:bold; text-transform:uppercase;}
.cpzx_sp{display:block; overflow:hidden; line-height:44px; font-size:36px; color:#32465a; font-weight:bold;}
.cpzx_sp span{position:relative; padding:0 20px;}
.cpzx_sp span::before{content:""; display:block; width:100px; height:3px; background:#ffc107; position:absolute; right:100%; top:50%;transform: translateY(-50%);}
.cpzx_sp span::after{content:""; display:block; width:100px; height:3px; background:#ffc107; position:absolute; left:100%; top:50%;transform: translateY(-50%);}
.cpzx_ul{display:block; overflow:hidden; width:1232px; padding-top:35px;}
.cpzx_ul li{width:276px; float:left; margin:0 32px 35px 0;}
.cpzx_ul li a{display:block; overflow:hidden; border:1px solid #a1a1a1; padding:1px; transition:all 0.4s;}
.cpzx_ul li a .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cpzx_ul li a .cpzx_img::before{content:""; display:block; padding-top:81.54982%;}
.cpzx_ul li a .cpzx_img .cpzx_txt{width:100%; overflow:hidden; height:38px;display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; font-size:14px; color:#fff; background-color:rgba(50,70,90,0.8); position:absolute; left:0; bottom:0;}
.cpzx_ul li a:hover .cpzx_img .cpzx_txt{height:100%;  background-color:rgba(255,193,7,0.8);}
.cpzx_more{display:block; overflow:hidden;}
.cpzx_more a{width:154px; height:44px; line-height:40px; text-align:center; display:block; margin:0 auto; border:2px solid #ffc107; background:#ffc107; font-size:16px; color:#fff;}
.cpzx_more a:hover{background:#364858; color:#ffc107;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center top; background-size:100% 365px; padding:50px 0 20px 0;}
.gsjj .cpzx_p{color:#fff;}
.gsjj .cpzx_sp{color:#fff;}
.gsjj .cpzx_sp span::before{background:#fff;}
.gsjj .cpzx_sp span::after{background:#fff;}
.gsjj_contect{display:flex; overflow:hidden; margin-top:30px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.gsjj_img{width:484px; float:left; display:flex; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_img::before{content:""; width:calc(100% - 30px); float:left; height:calc(100% - 30px); border:2px solid rgba(255,255,255,0.5); position:absolute; left:15px; top:15px;}
.gsjj_R{width:calc(100% - 484px); float:left; padding:30px 20px;}
.gsjj_p{display:block; overflow:hidden; line-height:20px; font-size:12px; color:#000; text-transform:uppercase;}
.gsjj_p span{display:block; overflow:hidden; line-height:28px; font-size:18px; font-weight:bold;}
.gsjj_txt{display:block; overflow:hidden; font-size:14px; color:#5f5f5f; line-height:30px; margin-top:25px;}
.gsjj_more{display:block; overflow:hidden; padding-top:20px;}
.gsjj_more a{width:94px; display:block; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; background:#ffc107;}
.gsjj_more a:hover{background:#364858; color:#ffc107;}

.service{width:100%; overflow:hidden; padding:50px 0;}
.service_ul{display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; padding-top:30px;}
.service_ul li{width:189px; float:left;}
.service_ul li img{display:block; width:100%; height:auto;}
/*End-内容*/

/*底部*/
footer{background:#32465a; line-height:24px; padding:10px 0; text-align:center; color:#fff; font-size:14px;}
footer a{color:#fff; margin:0 35px;}
footer a:hover{color:#fff; text-decoration:underline !important;}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:265px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; background:url(../images/about_title_bj.jpg) repeat center center; background-size:cover; color:#fff; text-align:center; font-size:18px; font-weight:bold;}
.about_ul{display:block; overflow:hidden; padding-top:6px;}
.about_ul li{display:block; overflow:hidden; margin-top:4px;}
.about_ul li a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:left; text-indent:36px; font-size:14px; color:#646464; transition:all 0.4s; background:#efefef; font-size:16px;}
.about_ul li a:hover{background:#32465a; color:#fff;}
.about_ul li.about_on a{background:#32465a; color:#fff;}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; background-position: 94% 50%; padding-left:48px;}
.about_ul dl dd a{  text-align:left; line-height:36px; font-size:14px; color:#000000;}
.about_ul dl dd a:hover{ color:#f00;}




.about_img{display:block; overflow:hidden; padding-top:10px;}
.about_img img{display:block; width:100%; height:auto;}
.about_txt{display:block; overflow:hidden; font-size:14px; color:#111; line-height:30px; background:#f2f2f2; padding:10px;}
.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #cfcfcf;}
.dqwz_p{font-size:18px; color:#ffc107; font-weight:bold;}
.dqwz_nav{color:#8a8a8a; font-size:14px;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:14px; color:#1c1c1c; line-height:30px;}
.company img{ max-width: 100% !important; height: auto !important;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1{display:block; overflow:hidden; width:928px;}
.cpzx_ul1 li{width:276px; float:left; margin:0 33px 35px 0;}
.cpzx_ul1 li a{display:block; overflow:hidden; border:1px solid #a1a1a1; padding:1px; transition:all 0.4s;}
.cpzx_ul1 li a .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cpzx_ul1 li a .cpzx_img::before{content:""; display:block; padding-top:81.54982%;}
.cpzx_ul1 li a .cpzx_img .cpzx_txt{width:100%; overflow:hidden; height:38px;display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; font-size:14px; color:#fff; background-color:rgba(50,70,90,0.8); position:absolute; left:0; bottom:0;}
.cpzx_ul1 li a:hover .cpzx_img .cpzx_txt{height:100%;  background-color:rgba(255,193,7,0.8);}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:18px; line-height:30px; color:#151515; font-weight:bold;}
.cpxq_img{ width:100%; text-align:center}
.cpxq_img img{display:block; overflow:hidden; margin:10px auto;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:30px;}
/*END-产品中心*/

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{width:100%; float:left; font-size:14px; color:#1c1c1c; line-height:30px; margin-top:20px;}
.contact_map{width:100%; float:left;}
#dituContentmap{width:100%; overflow:hidden; height:340px;}
.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;}
/*END-联系我们*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; border-bottom:1px dashed #ddd; line-height:40px;}
.xw_ul li span{float:right; font-size:14px; color:#888;}
.xw_ul li a{display:block; overflow:hidden; height:40px; color:#000; font-size:14px;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a em{ font-family:SimSun; font-weight:bold; padding:0 5px; font-size:16px;}
.xw_ul li a:hover{color:#ffc107;}

.xwxq{display:block; overflow:hidden;}
.xwxq_T{display:block; overflow:hidden; text-align:center; font-size:18px; line-height:30px; color:#000; padding-bottom:10px; border-bottom:1px dashed #b6b6b6;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:14px; color:#7a7a7a; padding:10px 0;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
/*END-闻中心*/

/*浮动QQ*/
.open{width:31px; height:110px; background:url(../images/qq/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:150px;z-index:9999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../images/qq/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:140px;z-index:9999; cursor:pointer;}
.fix_qq { display:none;position: fixed;right: 0px;top: 150px;width: 93px;height: 122px;z-index:9999;background: url(../images/qq/qq_01.png) no-repeat;}
.fix_qq_top {height: 122px;background: url(../images/qq/qq_01.png) no-repeat;}
.fix_qq_center {background: url(../images/qq/qq_02.png) repeat-y;text-align: center;}
.fix_qq_foot {height: 4px;background: url(../images/qq/qq_04.png) no-repeat;}
/*END-浮动QQ*/