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

/*头部+导航*/
.header{width:100%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); position:fixed; left:0; top:0; z-index:9999999;}
.logo{width:392px; padding:30px 0;}
.logo img{width:392px; height:56px;}

.header_R{width:60%;}
.header_B{width:100%; float:left; padding-top:15px;}
.search{width:180px; border:1px solid #8f8f8f; border-radius:3px; margin-left:20px;}
.search_inp1{width:calc(100% - 30px); float:left; height:30px; padding:0 5px; font-size:14px; color:#000;}
.search_btn{width:30px; float:left; height:30px; background:url(../images/search_ss.png) no-repeat left center;}
.header_dianhua{ height:32px; line-height:32px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:42px; font-size:16px; color:#000;}
.header_dianhua>span{float:right; font-family:Impact; font-size:24px; color:#ff9c00;}

nav{padding-top:9px;}
.nav{width:100%;}
.nav>li{width:16.6666%; float:left; position:relative; padding-right:3px; background:url(../images/shutiao.jpg) no-repeat right center;}
.nav>li:last-child{padding:0; background:none;}
.nav>li>a{width:100%; float:left; overflow:hidden; height:60px; line-height:60px; text-align:center; font-size:16px; color:#000;}
.nav>li:hover>a{background:#2b97e7; color:#fff;}
.nav>li>a.on{background:#2b97e7; color:#fff;}

.nav_dl{display:none; width:calc(100% - 3px); float:left; background:rgba(0,0,0,0.75); position:absolute; left:0; top:100%; z-index:9999; padding-top:2px;}
.nav_dl>dd{display:block; overflow:hidden;}
.nav_dl>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nav_dl>dd>a:hover{background:#2b97e7; color:#fff;}
/*END-头部+导航*/

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {position: absolute; right:0; bottom:-100%; background:rgba(0,0,0,0.5); padding:10px 0; display:flex; justify-content:center; transition:all 0.4s;}
.banner .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:0.5; border-radius:50%; margin:0 4px!important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#fff;}
.banner:hover .swiper-pagination{bottom:0;} 
/*箭头*/
.banner .next,.banner .prev{right:-12%; position:absolute;top:50%; transform:translateY(-50%); width:30px; height:50px; background:url(../images/imgs/next.jpg) no-repeat center center; overflow:hidden;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{right:initial; left:-12%; background:url(../images/imgs/prev.jpg) no-repeat center center;}
.banner:hover .next{right:2%;}
.banner:hover .prev{left:2%;}
/*END-banner*/

/*首页内容*/
.picBox{width:100%; overflow:hidden; padding:60px 0;}
.pic_ul{width:100%; overflow:hidden;}
.pic_ul li{width:33.3333%; float:left; border-right:1px solid #f0f0f0;}
.pic_ul li .pic_B{width:100%; max-width:156px; border:1px solid #e0e0e0; margin:0 auto; background:#fff; border-radius:50%; position:relative; overflow:hidden;}
.pic_ul li .pic_B::before{content:""; display:block; padding-top:100%;}
.pic_ul li .pic_B .pic_img{width:78px; float:left; height:78px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url(../images/pic_icon.png); background-repeat:no-repeat; background-size:234px 156px;}
.pic_ul li .pic_p{display:block; overflow:hidden; text-align:center; line-height:38px; margin-top:15px; font-size:24px; color:#2a2a2a; font-weight:bold;}
.pic_ul li .pic_sp{display:block; overflow:hidden; text-align:center; line-height:24px; font-size:14px; color:#6c6c6c;}
.pic_ul li:nth-child(1) .pic_B .pic_img{background-position:left top;}
.pic_ul li:nth-child(2) .pic_B .pic_img{background-position:-78px top;}
.pic_ul li:nth-child(3) .pic_B .pic_img{background-position:right top;}
.pic_ul li:hover .pic_B{border-color:#2b97e7;}
.pic_ul li:hover .pic_p{color:#2b97e7;}
.pic_ul li:nth-child(1):hover .pic_B .pic_img{background-position:left bottom;}
.pic_ul li:nth-child(2):hover .pic_B .pic_img{background-position:-78px bottom;}
.pic_ul li:nth-child(3):hover .pic_B .pic_img{background-position:right bottom;}

.cpfl{width:100%; overflow:hidden; background:url(../images/cpfl_bj.jpg) no-repeat center center; background-size:cover; padding:70px 0;}
.cpfl_title{display:block; overflow:hidden; text-align:center; line-height:36px;}
.cpfl_p{font-family:Kalinga; font-size:30px; color:#404040; letter-spacing:4px; text-transform:uppercase;}
.cpfl_p>span{color:#2b97e7;}
.cpfl_sp{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.cpfl_sp>span{float:left; padding:0 25px; position:relative; font-size:24px; color:#1e1e1e;}
.cpfl_sp>span::before{content:""; width:22px; float:left; height:2px; border-top:1px solid #535454; border-bottom:1px solid #a7a7a9; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.cpfl_sp>span::after{content:""; width:22px; float:left; height:2px; border-top:1px solid #535454; border-bottom:1px solid #a7a7a9; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.cpfl_ul{display:block; overflow:hidden; width:1236px; padding-top:30px;}
.cpfl_ul li{width:276px; float:left; margin:0 32px 18px 0;}
.cpfl_ul li a{display:block; overflow:hidden; border:2px solid #f5f5f5;}
.cpfl_ul li .cpfl_B{width:100%; overflow:hidden; border-bottom:2px solid #f5f5f5;}
.cpfl_ul li .cpfl_B .cpfl_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:100%;}
.cpfl_ul li .cpfl_B .cpfl_img::before{content:""; display:block; padding-top:108.0587%;}
.cpfl_ul li .cpfl_txtB{display:block; overflow:hidden; background:#fff; padding:10px;}
.cpfl_ul li .cpfl_txtB .cpfl_T{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:16px; color:#121212;}
.cpfl_ul li .cpfl_txtB .cpfl_txt{display:block; overflow:hidden; height:48px; line-height:24px; text-align:center; font-size:14px; color:#747474; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.cpfl_ul li:hover a{border-color:#2b97e7;}
.cpfl_ul li:hover .cpfl_B{border-bottom-color:#2b97e7;}
.cpfl_ul li:hover .cpfl_B .cpfl_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpfl_ul li:hover .cpfl_txtB{background:#2b97e7;}
.cpfl_ul li:hover .cpfl_txtB .cpfl_T{color:#fff;}
.cpfl_ul li:hover .cpfl_txtB .cpfl_txt{color:#fff;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:95px 0;}
.gsjj_left{width:640px; float:left; position:relative; z-index:2;}
.gsjj_title{display:block; overflow:hidden; line-height:42px; text-align:right; padding-right:150px;}
.gsjj_p{font-size:36px; color:#fff; text-transform:uppercase;}
.gsjj_sp{font-size:30px; color:#fff;}
.gsjj_img{width:100%; overflow:hidden; margin-top:25px; background-position:center; background-repeat: no-repeat;background-size:cover;}
.gsjj_img::before{content:""; display:block; padding-top:66.875%;}
.gsjj_right{width:685px; float:left; position:absolute; right:0; top:8px; border:2px solid #fff; padding:20px 30px 30px 150px;}
.gsjj_right::before{content:""; width:96px; float:left; height:152px; background:#2b97e7; opacity:0.6; position:absolute; left:8px; top:8px; z-index:99;}
.gsjj_txt{display:block; overflow:hidden; font-size:16px; line-height:32px; color:#fff;}
.gsjj_more{display:block; overflow:hidden; padding-top:25px;}
.gsjj_more>a{width:142px; display:block; height:38px; line-height:36px; text-align:center; border:1px solid #fff; background:#fff; font-size:14px; color:#2b97e7;}
.gsjj_more>a:hover{background:#2b97e7; color:#fff;}

.case{width:100%; overflow:hidden; background:url(../images/case_bj.jpg) no-repeat center center; background-size:cover; padding:80px 0;}
.case_ul{display:block; overflow:hidden; width:1208px; padding-top:30px;}
.case_ul li{width:294px; float:left; margin:0 8px 10px 0;}
.case_ul li a{width:100%; float:left; overflow:hidden; position:relative; background-position:center; background-repeat: no-repeat; background-size:cover;}
.case_ul li a::before{content:""; display:block; padding-top:78.2313%;}
.case_ul li a .case_hover{width:100%; height:0; overflow:hidden; background:rgba(1,96,202,0.7); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.case_ul li a .case_hover::before{content:""; width:calc(100% - 14px); float:left; height:calc(100% - 14px); border:2px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.case_ul li a .case_logo{width:100%; float:left; position:absolute; left:-100%; bottom:50%; padding-bottom:15px;}
.case_ul li a .case_logo::before{content:""; width:100%; max-width:116px; height:1px; background:#fff; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.case_ul li a .case_txt{width:100%; float:left; position:absolute; right:-100%; top:50%; line-height:44px; font-size:18px; color:#fff; text-align:center;}
.case_ul li a:hover .case_hover{height:100%;}
.case_ul li a:hover .case_logo{left:0;}
.case_ul li a:hover .case_txt{right:0;}
.case_M{display:block; overflow:hidden; padding-top:30px;}
.case_M>a{width:142px; display:block; height:38px; line-height:36px; text-align:center; border:1px solid #2b97e7; background:#2b97e7; margin:0 auto; font-size:14px; color:#fff;}
.case_M>a:hover{background:#fff; color:#2b97e7;}

.news{width:100%; overflow:hidden; padding:75px 0;}
.news_contect{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:30px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.news_ul{width:calc(50% - 20px); float:left;}
.news_ul li{display:block; overflow:hidden; margin-bottom:16px;}
.news_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; border:1px solid #fff;}
.news_ul li a .news_sub{width:115px; float:left; border-right:1px solid #c0c0c0; text-align:center; padding:16px 0; line-height:38px; color:#000; font-family:Calibri; font-size:30px;}
.news_ul li a .news_sub .news_sub_p{display:block; overflow:hidden;}
.news_ul li a .news_B{width:calc(100% - 115px); float:left; padding:15px;}
.news_ul li a .news_B .news_p{display:block; overflow:hidden; height:26px; line-height:26px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li a .news_B .news_txt{display:block; overflow:hidden; height:36px; line-height:18px; font-size:14px; color:#000; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:15px;}
.news_ul li a:hover{border-color:#c0c0c0;}
.news_ul li:last-child{margin:0;}
.news_img{width:calc(50% - 20px); float:right; display:-webkit-box; display:-ms-flexbox; display:flex;}
.news_img>a{width:100%; float:left; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
/*End-首页内容*/

/*底部*/
.footer{background:#0657b2;}
.link{display:block; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2); font-size:16px; color:#fff; line-height:24px; padding:28px 0;}
.link a{color:#fff; margin:0 10px;}
.link a:hover{color:#fff; text-decoration:underline !important;}

.foot{display:block; overflow:hidden; padding:35px 0;}
.foot_L{width:62%; float:left;}
.foot_nav{display:block; overflow:hidden; color:#fff; font-size:16px; line-height:22px;}
.foot_nav a{color:#fff; margin:0 10px;}
.foot_nav a:first-child{ margin:0 10px 0 0;}
.foot_nav a:hover{color:#fff; text-decoration:underline!important;}
.foot_txt{display:block; overflow:hidden; line-height:24px; font-size:14px; color:#fff; padding-top:25px;}
.foot_R{float:right; display:flex;}
.foot_R img{width:88px; float:left; height:88px; margin-right:15px;}
.foot_B{display:block; overflow:hidden; line-height:26px; color:#fff; font-size:12px;}
.foot_B>span{display:block;}
.foot_B>span:nth-child(2){ line-height:36px; font-size:24px; font-weight:bold;}
.footer_txt{width:100%; overflow:hidden; text-align:center; background:#2b97e7; font-size:12px; color:#fff; line-height:18px; padding:10px 0;}
.footer_txt a{color:#fff; margin:0 10px;}
.footer_txt 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; text-align:center; background-image: linear-gradient(#1177c2, #2b97e7); font-size:18px; color:#fff; font-weight:bold;}
.about_ul{display:block; overflow:hidden;}
.about_ul>li{display:block; overflow:hidden; margin-top:5px;}
.about_ul>li>a{width:100%; float:left; height:40px; line-height:40px; text-align:center; background:#efefef; font-size:14px; color:#646464;}
.about_ul>li:hover>a{background:#2b97e7; color:#fff;}
.about_ul>li.about_on>a{background:#2b97e7; color:#fff;}

.about_dl{display:none; width:100%; float:left;}
.about_dl>dd{display:block; overflow:hidden; margin-top:2px;}
.about_dl>dd>a{display:block; overflow:hidden; height:34px; line-height:32px; text-align:center; font-size:14px; color:#383838; border:1px solid #cecece;}
.about_dl>dd>a:hover{background:#2b97e7;border-color:#2b97e7; color:#fff;}

.about_B{display:block; overflow:hidden; padding-top:15px;}
.about_B img{width:100%; display:block; height:auto;}
.about_B>span{display:block; overflow:hidden; background:#f2f2f2; padding:10px; font-size:14px; color:#000; line-height:30px;}

.main_right{width:898px; 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:#2b97e7;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
/*END-关于我们*/

/*产品中心*/
.case_ul1{display:block; overflow:hidden; width:906px;}
.case_ul1 li{width:294px; float:left; margin:0 8px 10px 0;}
.case_ul1 li a{width:100%; float:left; overflow:hidden; position:relative; background-position:center; background-repeat: no-repeat; background-size:100%;}
.case_ul1 li a::before{content:""; display:block; padding-top:78.2313%;}
.case_ul1 li a .case_hover{width:100%; height:0; overflow:hidden; background:rgba(1,96,202,0.7); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.case_ul1 li a .case_hover::before{content:""; width:calc(100% - 14px); float:left; height:calc(100% - 14px); border:2px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.case_ul1 li a .case_logo{width:100%; float:left; position:absolute; left:-100%; bottom:50%; padding-bottom:15px;}
.case_ul1 li a .case_logo::before{content:""; width:100%; max-width:116px; height:1px; background:#fff; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.case_ul1 li a .case_txt{width:100%; float:left; position:absolute; right:-100%; top:50%; line-height:44px; font-size:18px; color:#fff; text-align:center;}
.case_ul1 li a:hover .case_hover{height:100%;}
.case_ul1 li a:hover .case_logo{left:0;}
.case_ul1 li a:hover .case_txt{right:0;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:30px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:20px;}
.cpxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#000; line-height:30px;}
/*END-产品中心*/

/*新闻活动*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li a{display:flex; overflow:hidden; background:#efefef; border:1px solid #d7d7d7;}
.xw_ul li a .xw_img{width:284px; float:left; border-right:1px solid #efefef; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 284px); float:left; padding:20px 25px; color:#424242;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:30px; font-size:16px;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; height:120px; line-height:30px; font-size:14px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; margin-top:10px;}
.xw_ul li a .xw_R .xw_sp{display:block; overflow:hidden; line-height:14px; font-size:12px; margin-top:15px;}
.xw_ul li a:hover{background:#2b97e7;}
.xw_ul li a:hover .xw_R{color:#fff;}

.news_ul1{display:block; overflow:hidden;}
.news_ul1 li{display:block; overflow:hidden; margin-bottom:20px;}
.news_ul1 li a{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; border:1px solid #c0c0c0;}
.news_ul1 li a .news_sub{width:115px; float:left; border-right:1px solid #c0c0c0; text-align:center; padding:16px 0; line-height:38px; color:#000; font-family:Calibri; font-size:30px; transition:all 0.4s;}
.news_ul1 li a .news_sub .news_sub_p{display:block; overflow:hidden;}
.news_ul1 li a .news_B{width:calc(100% - 115px); float:left; padding:15px;}
.news_ul1 li a .news_B .news_p{display:block; overflow:hidden; height:26px; line-height:26px; font-size:16px; color:#000; font-weight:bold; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s;}
.news_ul1 li a .news_B .news_txt{display:block; overflow:hidden; height:36px; line-height:18px; font-size:14px; color:#000; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:15px;}
.news_ul1 li a:hover{border-color:#2b97e7;}
.news_ul1 li a:hover .news_sub{border-color:#2b97e7;}
.news_ul1 li a:hover .news_B .news_p{color:#2b97e7;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:30px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; line-height:16px; color:#a4a4a4; padding:5px 0; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; line-height:30px; color:#000;}
/*END-新闻活动*/

/*联系我们*/
.contact_txt{width:100%; float:left; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; float:left; border:none; height:400px; margin-top:20px;}
/*END-联系我们*/

/*浮动QQ*/
.open{width:31px; height:110px; background:url(../images/qq/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:250px;z-index:999999999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../images/qq/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:240px;z-index:999999999; cursor:pointer;}
.fix_qq { display:none;position: fixed;right: 0px;top:250px;width: 93px;height: 122px;z-index:999999999;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*/