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

/*头部+导航*/
.topbox{width:100%; overflow:hidden; background:#dcdbdb; line-height:36px; font-size:14px; color:#202020;}
.topbox a{color:#202020; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{color:#0066d9; text-decoration:underline!important;}

.header{width:100%; background:#fff;}
.logo{padding:23px 0;}
.header_right{width:256px; margin-top:23px;}
.header_dianhua{line-height:26px; font-size:14px; color:#000;}
.header_dianhua>span{float:right; font-size:24px; color:#0264cf; font-weight:bold;}
.search{float:left; margin-top:5px;}
.search_inp1{width:192px; float:left; height:30px; line-height:28px; border:1px solid #0264cf; font-size:14px; color:#000; padding:0 10px;}
.search_btn{width:64px; float:left; height:30px; border:none; outline:none; background:#0264cf; cursor:pointer; font-size:14px; color:#fff;}

nav{background:#0066d9; position:relative; left:0; top:0; z-index:9999999;}
.nav{width:100%;}
.nav>li{width:14.28%; float:left; position:relative; background:url(../images/shutiao.jpg) no-repeat right center;}
.nav>li:last-child{background:none;}
.nav>li>a{width:100%; float:left; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff;}
.nav>li:hover>a{background:#fd9500; color:#fff;}
.nav>li>a.on{background:#fd9500; color:#fff;}

.nav_dl{display:none; width:100%; float:left; background:rgba(0,102,217,0.9); 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:42px; line-height:42px; text-align:center; font-size:16px; color:#fff;}
.nav_dl>dd>a:hover{background:#fd9500; 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*/

/*首页内容*/
.cpzs{width:100%; overflow:hidden; padding:50px 0; background:url(../images/cpzs_bj.jpg) no-repeat center center; background-size:cover;}
.main_left{width:230px; float:left;}
.about{width:100%; float:left;}
.about_title{display:block; overflow:hidden; background:#027ff3; padding:6px 0; color:#fff; text-align:center;}
.about_p{line-height:50px; font-size:34px;}
.about_sp{line-height:26px; font-size:18px; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden; border:1px solid #f2f2f2; background:#fff;}
.about_ul>li{display:block; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.about_ul>li>a{display:block; overflow:hidden; height:48px; line-height:48px; padding:0 20px; font-size:16px; color:#555555; text-overflow:ellipsis; white-space: nowrap;}
.about_ul>li>a>span{float:right; width:20px; height:20px; border-radius:50%; line-height:20px; text-align:center; font-family:SimSun; font-size:14px; font-weight:bold; color:#fff; background:#bdbdbd; margin-top:14px;}
.about_ul>li:hover>a{background:#027ff3; color:#fff;}
.about_ul>li.about_on>a{background:#027ff3; color:#fff;}

.about_dl{display:none;}
.about_dl>dd{display:block; overflow:hidden; border-top:1px dashed #f2f2f2;}
.about_dl>dd>a{display:block; overflow:hidden; height:36px; line-height:36px; padding:0 20px 0 40px; font-size:14px; color:#555555;}
.about_dl>dd>a:hover{background:#027ff3; color:#fff;}
.about_dl>dd>a.on{background:#027ff3; color:#fff;}

.main_right{width:956px; float:right;}
.cpzs_ul{display:block; overflow:hidden; width:972px;}
.cpzs_ul li{width:308px; float:left; margin:0 16px 16px 0;}
.cpzs_ul li .cpzs_B{width:100%; overflow:hidden; border:1px solid #e5e5e5;}
.cpzs_ul li .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain;}
.cpzs_ul li .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:86.04%;}
.cpzs_ul li .cpzs_txt{display:block; overflow:hidden; padding:12px 15px; background:#e0e0e0; line-height:26px; text-overflow:ellipsis; white-space: nowrap; font-size:16px; color:#131313;}
.cpzs_ul li .cpzs_txt>span{float:right; width:72px; height:26px; line-height:26px; text-align:center; background:#3497f5; border-radius:13px; font-size:14px; color:#fff; text-transform:uppercase;}
.cpzs_ul li:hover .cpzs_txt{background:#027ff3; color:#fff;}
.cpzs_ul li:hover .cpzs_txt>span{background:#fff; color:#027ff3;}

.gsjj{width:100%; overflow:hidden;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.gsjj_left{width:53.90625%; float:left; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:90px 0;}
.gsjj_B{width:100%; max-width:675px; float:right; padding-right:55px;}
.gsjj_title{display:block; overflow:hidden;}
.gsjj_p{line-height:50px; font-size:48px; color:#fff; font-weight:bold; opacity:0.7; text-transform:uppercase;}
.gsjj_sp{line-height:40px; font-size:30px; color:#fff;}
.gsjj_heng{display:block; overflow:hidden; width:68px; height:2px; background:#bcd9f9; margin-top:15px;}
.gsjj_txt{display:block; overflow:hidden; font-size:16px; color:#fff; line-height:36px; margin-top:30px;}
.gsjj_more{display:block; overflow:hidden; padding-top:30px;}
.gsjj_more>a{display:block; width:154px; height:44px; line-height:40px; border:2px solid #fff; background:#fff; text-align:center; font-size:16px; color:#0264cf;}
.gsjj_more>a:hover{background:#0264cf; color:#fff;}
.gsjj_right{width:46.09375%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}

.case{width:100%; overflow:hidden; padding:55px 0;}
.case_title{display:block; overflow:hidden; text-align:center;}
.case_p{line-height:70px; text-transform:uppercase; font-size:72px; color:#e7e7e9; font-weight:bold;}
.case_sp{line-height:40px; font-size:30px; color:#027ff3; font-weight:bold; margin-top:-34px; position:relative; z-index:2;}
.case_spp{line-height:28px; margin-top:15px; font-size:18px; color:#666;}
.case_contect{position:relative; margin-top:40px;}
.case-imgbox .swiper-slide .case_B{width:100%; overflow:hidden; border:3px solid #d6d6d6; transition:all 0.4s;}
.case-imgbox .swiper-slide .case_B .case_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain;}
.case-imgbox .swiper-slide .case_B .case_img::before{content:""; display:block; padding-top:83.4%;}
.case-imgbox .swiper-slide .case_txt{display:block; overflow:hidden; padding-top:25px; text-align:center; line-height:30px; font-size:16px; color:#131313; text-decoration:underline!important;}
.case-imgbox .swiper-slide:hover .case_B{border-color:#027ff3;}
.case-imgbox .swiper-slide:hover .case_B .case_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.case-prev,.case-next{left:-60px; top:50%; transform:translateY(-50%); position:absolute; width:40px; float:left; height:40px; line-height:40px; text-align:center; font-family:SimSun; font-size:30px; font-weight:bold; color:#818080; outline:none; cursor:pointer;}
.case-next{left:initial; right:-60px;}

.news{width:100%; overflow:hidden; overflow:hidden; padding:40px 0; background:url(../images/news_bj.jpg) no-repeat center center; background-size:cover;}
.news .case_p{color:#fff; opacity:0.1;}
.news .case_sp{color:#fff;}
.news .case_spp{color:#fff;}
.news_ul{display:block; overflow:hidden; padding-top:30px; width:1216px;}
.news_ul li{width:350px; float:left; margin:0 50px 20px 0;}
.news_ul li .news_B{width:100%; overflow:hidden; border:3px solid #dcdcdc; border-radius:5px 5px 0 0;}
.news_ul li .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul li .news_B .news_img::before{content:""; display:block; padding-top:72.69504%;}
.news_ul li .news_txtB{width:100%; overflow:hidden; background:#fff; border-bottom:3px solid #dcdcdc; padding:20px 25px;}
.news_ul li .news_txtB .news_p{display:block; overflow:hidden; line-height:34px; font-size:18px; color:#292929; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li .news_txtB .news_txt{display:block; overflow:hidden; line-height:24px; height:72px; font-size:14px; color:#696969; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:5px;}
.news_ul li .news_txtB .news_more{display:block; overflow:hidden; padding-top:25px;}
.news_ul li .news_txtB .news_more>span{display:block; width:126px; height:36px; line-height:34px; border:1px solid #dcdcdc; border-radius:18px; text-align:center; margin:0 auto; font-size:14px; color:#292929; font-weight:bold; transition:all 0.4s;}
.news_ul li:hover .news_B .news_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news_ul li:hover .news_txtB .news_more>span{border-color:#027ff3; background:#027ff3; color:#fff;}
/*End-首页内容*/

/*底部*/
footer{background:url(../images/footer_bj.jpg) no-repeat center center; background-size:cover;}
.footer{width:100%; overflow:hidden; padding:30px 0;border-bottom:1px solid #ccc; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;}
.footer_nav{width:450px; float:left;}
.footer_p{display:block; overflow:hidden; line-height:30px; text-decoration:underline!important; font-size:18px; color:#173e87; font-weight:bold; margin-bottom:20px;}
.footer_ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;}
.footer_ul li{width:calc(50% - 20px); float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d2d3d7;}
.footer_ul li a{display:block; overflow:hidden; line-height:26px; font-size:16px; color:#131313;}
.footer_ul li a:hover{color:#173e87; font-weight:bold;}

.footer_lx{width:275px; float:left;}
.footer_txt{width:100%; overflow:hidden;  font-size:16px; color:#131313; line-height:42px;}

.footer_us{width:320px; float:left;}
.footer_wxB{display:block; overflow:hidden;}
.footer_wx{width:calc(50% - 10px); float:left;}
.footer_wx img{display:block; max-width:100%; height:auto; margin:0 auto;}
.footer_wx span{display:block; overflow:hidden; line-height:24px; text-align:center; margin-top:10px;}

.copyright{width:100%; overflow:hidden; text-align:center; font-size:14px; color:#131313; line-height:20px; padding:35px 0;}
.copyright a{ color:#222;}
/*End-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.about_title1{height:50px; line-height:50px; background:#027ff3; text-align:center; margin-top:10px; font-size:24px; color:#fff; font-weight:bold;}
.about_B{display:block; overflow:hidden; border:1px solid #f6f6f6; padding:10px; font-size:14px; line-height:30px; color:#555;}
.about_B img{width:100%; display:block; height:auto;}

.dqwz_title{width:100%; float:left; line-height:48px; border-bottom:1px solid #e8e8e8;}
.dqwz_p{float:left; font-size:28px; font-weight:bold; color:#027ff3;}
.dqwz_nav{float:right; font-size:14px; color:#000;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
/*END-关于我们*/

/*产品展示*/
.cpzs_ul1{display:block; overflow:hidden; width:972px;}
.cpzs_ul1 li{width:308px; float:left; margin:0 16px 16px 0;}
.cpzs_ul1 li .cpzs_B{width:100%; overflow:hidden; border:1px solid #e5e5e5;}
.cpzs_ul1 li .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain;}
.cpzs_ul1 li .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:86.04%;}
.cpzs_ul1 li .cpzs_txt{display:block; overflow:hidden; padding:12px 15px; background:#e0e0e0; line-height:26px; text-overflow:ellipsis; white-space: nowrap; font-size:16px; color:#131313;}
.cpzs_ul1 li .cpzs_txt>span{float:right; width:72px; height:26px; line-height:26px; text-align:center; background:#3497f5; border-radius:13px; font-size:14px; color:#fff; text-transform:uppercase;}
.cpzs_ul1 li:hover .cpzs_txt{background:#027ff3; color:#fff;}
.cpzs_ul1 li:hover .cpzs_txt>span{background:#fff; color:#027ff3;}

.cpxq{display:block; overflow:hidden;}
.cpxq img{display:block; max-width:100%; height:auto; margin:0 auto;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:40px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.cpxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#000; line-height:30px;}
.cpxq_txt img{ max-width:100% !important; height:auto !important}
.cpxq_txt table{ width:100% !important; height:auto !important}
.cpxq_txt table tr td{ width:auto !important; height:auto !important}
/*END-产品展示*/

/*新闻资讯*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li>a{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li>a .news_B{width:226px; float:left; overflow:hidden; border:1px solid #027ff3; padding:2px; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li>a .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li>a .news_B .news_img::before{content:""; display:block; padding-top:74.5455%;}
.xw_ul li>a .news_R{width:calc(100% - 226px); float:left; padding-left:20px;}
.xw_ul li>a .news_R .news_p{display:block; overflow:hidden; line-height:34px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li>a .news_R .news_txt{display:block; overflow:hidden; height:90px; line-height:30px; font-size:14px; color:#000; opacity:0.5; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; margin-top:5px;}
.xw_ul li>a .news_R .news_more{display:block; overflow:hidden; width:118px; height:34px; line-height:30px; text-align:center; border:2px solid #027ff3; background:#027ff3; color:#fff; margin-top:5px;}
.xw_ul li>a:hover .news_B .news_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.xw_ul li>a:hover .news_R .news_p{color:#027ff3;}
.xw_ul li>a:hover .news_R .news_more{background:#fff; color:#027ff3;}

.news_ul1{display:block; overflow:hidden;}
.news_ul1 li{display:block; overflow:hidden; border-bottom:1px dotted #a3a3a3; margin-bottom:10px;}
.news_ul1 li a{display:block; overflow:hidden; height:50px; line-height:50px; font-size:16px; color:#737373; text-overflow:ellipsis; white-space: nowrap; padding-left:30px; position:relative;}
.news_ul1 li a>span{float:right; font-size:12px; color:#797979;}
.news_ul1 li a::before{content:""; width:20px; float:left; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%); border:5px solid #bababa; border-radius:50%; transition:all 0.4s;}
.news_ul1 li a:hover{color:#027ff3;}
.news_ul1 li a:hover::before{border-color:#027ff3;}

.xwxq{display:block; overflow:hidden;}
.xwxq img{display:block; max-width:100%; height:auto; margin:0 auto;}
.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;}
.xwxq_txt img{ max-width:100% !important; height:auto !important}
.xwxq_txt table{ width:100% !important; height:auto !important}
.xwxq_txt table tr td{ width:auto !important; height:auto !important}
/*END-新闻资讯*/

/*联系我们*/
.contact_txt{width:100%; float:left; font-size:14px; color:#111; line-height:30px;}
.contact_txt>span{color:#20478f; font-weight:bold;}
.contact_map{width:100%; float:left; border:1px solid #ccc; 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;}

.company img{ max-width:100% !important; height:auto !important}
.company table{width:100% !important; height:auto !important}
.company table td{width:auto !important; height:auto !important}

.cpxq_txt img{ max-width:100% !important; height:auto !important}
.cpxq_txt table{width:100% !important; height:auto !important}
.cpxq_txt table td{width:auto !important; height:auto !important}

.xwxq_txt img{ max-width:100% !important; height:auto !important}
.xwxq_txt table{width:100% !important; height:auto !important}
.xwxq_txt table td{width:auto !important; height:auto !important}









/*END-浮动QQ*/