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

/*头部+导航*/
.topbox{width:100%; overflow:hidden; background:#007ad9; line-height:30px; color:#fff; font-size:12px;}
.top_dianhua{background:url(../images/top_dianhua.png) no-repeat left center; padding-left:30px; font-size:15px;}
.top_dianhua span{font-family:Arial;font-size:20px; font-weight:bold; font-style:oblique;}

.header{width:100%;}
.logo{padding:25px 0;}
.logo img{width:100%; max-width:266px; max-height:65px; display:block;}

nav{width:auto!important;}
nav ul li{float:left; margin-left:6px;}
nav ul li>a{display:block; height:115px; text-align:center; color:#6e6e6e; transition:all 0.4s; padding:35px 25px;}
nav ul li>a>span{display:block; overflow:hidden;}
nav ul li>a>.nav_p{line-height:25px; font-size:16px;}
nav ul li>a>.nav_sp{line-height:20px; font-size:14px; text-transform:uppercase; font-family:Arial;}
nav ul li:hover>a{color:#fff; background:#4298de;}
nav ul li.on>a{color:#fff; background:#4298de;}
/*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:#007ad9; opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#4298de;}
.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:44px; font-family:Arial; font-size:36px; color:#6c7074; font-weight:bold; text-transform:uppercase;}
.cpzx_p span{color:#007ad9;}
.cpzx_sp{display:block; overflow:hidden; line-height:46px; font-size:30px; color:#6c7074; background:url(../images/heng1.png) no-repeat center center;}
.cpzx_spp{display:block; overflow:hidden; line-height:22px; font-size:14px; color:#000; padding-top:10px;}
.cpzx_ul{display:block; overflow:hidden; width:1224px; padding-top:35px;}
.cpzx_ul li{width:282px; float:left; margin:0 24px 25px 0;}
.cpzx_ul li a{display:block; overflow:hidden; border:1px solid #adadad; padding:2px; transition:all 0.4s;}
.cpzx_ul li a .cpzx_img{width:100%; overflow:hidden; border:1px solid #eaeaea; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzx_ul li a .cpzx_img::before{content:""; display:block; padding-top:61.3139%;}
.cpzx_ul li a .cpzx_txt{display:block; overflow:hidden; height:28px; line-height:28px; text-align:center; margin-top:15px; font-size:18px; color:#393939;}
.cpzx_ul li a .cpzx_more{display:block; width:128px; overflow:hidden; height:26px; line-height:26px; text-align:center; margin:15px auto; background:#a8a8a8; font-size:12px; color:#fff; position:relative; transition:all 0.4s;}
.cpzx_ul li a .cpzx_more::before{content:""; width:calc(100% - 2px); float:left; height:calc(100% - 2px); position:absolute; left:1px; top:1px; border:1px solid #fff;}
.cpzx_ul li a:hover{border-color:#007ad9;}
.cpzx_ul li a:hover .cpzx_more{background:#007ad9;}

.gsjj{width:100%; overflow:hidden; display:flex; background:#007ad9;}
.gsjj_L{width:48%; background:url(../images/gsjj_img.jpg) no-repeat center center; background-size:cover; position:relative;}
.gsjj_L::before{content:""; width:calc(100% - 12px); float:left; height:calc(100% - 12px); position:absolute; left:6px; top:6px; border:3px solid rgba(255,255,255,0.6);}
.gsjj_L img{width:137px; float:left; height:162px; position:absolute; left:50%; top:0; z-index:9; transform: translateX(-50%);}
.gsjj_R{width:52%; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; position:relative; padding:45px 25px;}
.gsjj_box{display:block; max-width:600px;}
.gsjj_title{display:inline-block; border:1px solid #fff; font-size:36px; color:#fff; font-weight:bold; line-height:70px; padding:0 16px; background:#007ad9; position:relative; margin-left:32px;}
.gsjj_title::before{content:""; width:5px; float:left; height:5px; border:1px solid #fff; background:#007ad9; position:absolute; left:-3px; top:50%; transform: translateY(-50%);}
.gsjj_title::after{content:""; width:5px; float:left; height:5px; border:1px solid #fff; background:#007ad9; position:absolute; right:-3px; top:50%; transform: translateY(-50%);}
.gsjj_txt{display:block; width:100%; overflow:hidden; border:1px solid #fff; padding:55px 20px 35px 30px; margin-top:-36px; line-height:30px; font-size:14px; color:#fff;}
.gsjj_more{float:right;}
.gsjj_more a{float:left; height:30px; line-height:30px; border:1px solid #fff; border-bottom:none; margin:-30px 20px 0 0; color:#fff; padding:0 10px; transition:all 0.4s;}
.gsjj_more a:hover{color:#007ad9; background:#fff;}

.choose{width:100%; overflow:hidden; padding:60px 0;}
.choose_ul{display:block; overflow:hidden; width:1220px; padding-top:45px;}
.choose_ul li{width:224px; float:left; margin-right:20px; border-radius:50%; border:10px solid #ebebeb; border-radius:50%; padding:10px; cursor:pointer;}
.choose_ul li .choose_B{width:100%; overflow:hidden; border:3px solid #ebebeb; border-radius:50%; position:relative;}
.choose_ul li .choose_B::before{content:""; display:block; padding-top:100%;}
.choose_ul li .choose_img{width:96px; float:left; height:80px; position:absolute; left:50%; top:42%; transform: translate(-50%,-50%); background-image:url(../images/icon.png); background-repeat:no-repeat;}
.choose_ul li .choose_txt{width:100%; float:left; height:30px; line-height:30px; text-align:center; font-size:18px; color:#9a9a9a; position:absolute; left:0; bottom:22%; transform: translateY(50%);}
.choose_ul li:first-child .choose_img{background-position:left top;}
.choose_ul li:nth-child(2) .choose_img{background-position:-96px top;}
.choose_ul li:nth-child(3) .choose_img{background-position:-192px top;}
.choose_ul li:nth-child(4) .choose_img{background-position:-288px top;}
.choose_ul li:nth-child(5) .choose_img{background-position:right top;}
.choose_ul li:hover{border-color:#007ad9;}
.choose_ul li:hover .choose_B{border-color:#b2d7f4;}
.choose_ul li:first-child:hover .choose_img{background-position:left bottom;}
.choose_ul li:nth-child(2):hover .choose_img{background-position:-96px bottom;}
.choose_ul li:nth-child(3):hover .choose_img{background-position:-192px bottom;}
.choose_ul li:nth-child(4):hover .choose_img{background-position:-288px bottom;}
.choose_ul li:nth-child(5):hover .choose_img{background-position:right bottom;}
.choose_ul li:hover .choose_txt{color:#007ad9;}
/*End-内容*/

/*底部*/
.link{display:block; overflow:hidden; background:#f7f7f7; padding:25px 0 15px 0;}
.link_p{display:block; overflow:hidden; line-height:26px; font-size:18px; color:#2b2b2b; font-weight:bold;}
.link_txt{display:block; overflow:hidden; padding-top:10px; line-height:24px; color:#626262; font-size:14px;}
.link_txt a{color:#626262; margin:0 10px;}
.link_txt a:hover{color:#007ad9; text-decoration:underline !important;}

.footer{display:block; overflow:hidden; background:#007ad9; 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:40px;}
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; background:url(../images/about_title_bj.jpg) repeat center center; background-size:contain; 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:center; font-size:14px; color:#646464; transition:all 0.4s; background:#efefef;}
.about_ul li a:hover{background:#007ad9; color:#fff;}
.about_ul li.about_on a{background:#007ad9; color:#fff;}
.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:894px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #cfcfcf; font-size:14px; color:#8a8a8a;}
.dqwz_title span{color:#007ad9;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:14px; color:#1c1c1c; line-height:30px;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1{display:block; overflow:hidden; width:921px;}
.cpzx_ul1 li{width:280px; float:left; margin:0 27px 30px 0;}
.cpzx_ul1 li a{display:block; overflow:hidden; border:1px solid #adadad; padding:2px; transition:all 0.4s;}
.cpzx_ul1 li a .cpzx_img{width:100%; overflow:hidden; border:1px solid #eaeaea; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzx_ul1 li a .cpzx_img::before{content:""; display:block; padding-top:61.3139%;}
.cpzx_ul1 li a .cpzx_txt{display:block; overflow:hidden; height:28px; line-height:28px; text-align:center; margin-top:15px; font-size:18px; color:#393939;}
.cpzx_ul1 li a .cpzx_more{display:block; width:128px; overflow:hidden; height:26px; line-height:26px; text-align:center; margin:15px auto; background:#a8a8a8; font-size:12px; color:#fff; position:relative; transition:all 0.4s;}
.cpzx_ul1 li a .cpzx_more::before{content:""; width:calc(100% - 2px); float:left; height:calc(100% - 2px); position:absolute; left:1px; top:1px; border:1px solid #fff;}
.cpzx_ul1 li a:hover{border-color:#007ad9;}
.cpzx_ul1 li a:hover .cpzx_more{background:#007ad9;}
 

.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{display:block; overflow:hidden; padding:10px 0;}
.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:#007ad9;}

.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*/