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

/*头部+导航*/
.header{width:100%;padding:14px 0; border-bottom:1px solid #ddd;}
.logo img{width:100%; /*max-width:250px; max-height:66px;*/ display:block;}
.header_dianhua{font-size:16px; color:#707070; line-height:18px; padding-left:55px; background:url(../images/header_dianhua.png) no-repeat left center; margin-top:10px;}
.header_dianhua span{display:block; line-height:28px; font-size:24px; color:#ffa200;}

nav{border-bottom:1px solid #ddd;}
nav ul{width:100%; border-left:1px solid #ddd;}
nav ul li{width:16%; float:left; border-right:1px solid #ddd;}
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:#ffc107; background:#193065;}
nav ul li.on>a{color:#ffc107; background:#193065;}
/*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:#052d83; opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#ffa200;}
.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*/

/*内容*/
.gsjj{width:100%; overflow:hidden; padding:60px 0;}
.gsjj_title{display:block; overflow:hidden; text-align:center;}
.gsjj_p{line-height:46px; font-size:36px; color:#c2c2c2; font-weight:bold; text-transform:uppercase;}
.gsjj_sp{line-height:44px; font-size:26px; color:#424242; font-weight:bold;}
.gsjj_heng{display:block; overflow:hidden; max-width:270px; height:1px; margin:20px auto 0 auto; background:#989898;}
.gsjj_heng::before{content:""; display:block; max-width:36%; height:1px; margin:0 auto; background:#ffa200;}
.gsjj_contect{display:block; overflow:hidden; padding-top:40px;}
.gsjj_contect img{width:50%; float:left; margin-right:40px;}
.gsjj_txt{display:block; overflow:hidden; font-size:16px; color:#2d2d2d; line-height:30px; margin-top:20px;}
.gsjj_more{display:block; overflow:hidden; padding-top:20px;}
.gsjj_more a{ display:block; overflow:hidden; width:120px; height:40px; line-height:40px; text-align:center; background:#ffa200; font-size:16px; color:#fff;}
.gsjj_more a:hover{background:#193065; color:#ffc107;}

.cpzx{width:100%; overflow:hidden; padding:60px 0; background:#efefef;}
.cpzx_ul{display:block; overflow:hidden; width:1215px; padding-top:50px;}
.cpzx_ul li{width:390px; float:left; margin:0 15px 15px 0;}
.cpzx_ul li a{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cpzx_ul li a::before{content:""; display:block; padding-top:66.15385%;}
.cpzx_ul li a::after{content:""; width:0; height:0; overflow:hidden; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); background:#0e357e; opacity:0.8; transition:all 0.8s;}
.cpzx_ul li a .cpzx_hover{width:140px; height:140px; float:left; position:absolute; left:50%; top:50%; z-index:9; transform: translate(-50%, -50%); display:flex; align-content: center;align-items:center; justify-content:center; background:#3e5c98; font-size:18px; color:#fff; font-weight:bold; border-radius:50%; transition:all 0.4s;}
.cpzx_ul li:hover a::after{width:100%; height:100%;}
.cpzx_ul li:hover a .cpzx_hover{background:rgba(255,255,255,0.6); color:#000;}
.cpzx_more{display:block; overflow:hidden; padding-top:35px;}
.cpzx_more a{width:174px; display:block; height:52px; border:2px solid #193065; line-height:48px; text-align:center; margin:0 auto; font-size:18px; color:#0e357e;}
.cpzx_more a:hover{background:#ffa200; border-color:#ffa200; color:#193065;}

.yy{width:100%; overflow:hidden; padding:60px 0;}
.yy_ul{display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; width:1200px; padding-top:60px;}
.yy_ul li{width:140px; float:left;}
.yy_ul li a{width:100%; float:left; overflow:hidden; position:relative; background:#eee; border:2px solid #eee; border-radius:50%;}
.yy_ul li a::before{content:""; display:block; padding-top:100%;}
.yy_ul li a .yy_hover{width:100%; height:100%; float:left; position:absolute; left:0; top:0; z-index:999; display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center;}
.yy_ul li a .yy_hover .yy_logo{width:48px; height:46px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-size:288px 92px; transition:all 0.4s;}
.yy_ul li a .yy_hover .yy_txt{width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#4a4a4a; margin-top:10px; transition:all 0.4s;}
.yy_ul li:first-child a .yy_hover .yy_logo{background-position:left top;}
.yy_ul li:nth-child(2) a .yy_hover .yy_logo{background-position:-48px top;}
.yy_ul li:nth-child(3) a .yy_hover .yy_logo{background-position:-96px top;}
.yy_ul li:nth-child(4) a .yy_hover .yy_logo{background-position:-144px top;}
.yy_ul li:nth-child(5) a .yy_hover .yy_logo{background-position:-192px top;}
.yy_ul li:last-child a .yy_hover .yy_logo{background-position:right top;}
.yy_ul li:hover a{background:#fff; border-color:#ffa200;}
.yy_ul li:first-child:hover a .yy_hover .yy_logo{background-position:left bottom;}
.yy_ul li:nth-child(2):hover a .yy_hover .yy_logo{background-position:-48px bottom;}
.yy_ul li:nth-child(3):hover a .yy_hover .yy_logo{background-position:-96px bottom;}
.yy_ul li:nth-child(4):hover a .yy_hover .yy_logo{background-position:-144px bottom;}
.yy_ul li:nth-child(5):hover a .yy_hover .yy_logo{background-position:-192px bottom;}
.yy_ul li:last-child:hover a .yy_hover .yy_logo{background-position:right bottom;}
.yy_ul li:hover a .yy_hover .yy_txt{color:#ffa200;}
/*End-内容*/

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

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:285px; float:left;}
.about{width:100%; float:left; margin-bottom:50px;}
.about_title{display:block; overflow:hidden; height:90px; line-height:90px; background:#052d83; color:#fff; text-align:center; font-size:24px; font-weight:bold;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:5px;}
.about_ul li a{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:16px; color:#222; transition:all 0.4s; background:#e2e2e2;}
.about_ul li a:hover{background:#32465a; color:#fff;}
.about_ul li.about_on a{background:#32465a; 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:#222; line-height:30px; background:#e2e2e2; padding:10px;}
.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:42px; border-bottom:3px solid #ddd;}
.dqwz_p{font-size:20px; color:#ffa200; font-weight:bold;}
.dqwz_nav{color:#2f2f2f; font-size:14px;}
.dqwz_nav span{color:#ffa200;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:16px; color:#2d2d2d; line-height:30px;}
.company img{display:block; width:100%; height:auto; margin:0 auto 10px auto;}
/*END-关于我们*/

/*产品展示*/
.cpzx_ul1{display:block; overflow:hidden; width:915px;}
.cpzx_ul1 li{width:285px; float:left; margin:0 20px 20px 0;}
.cpzx_ul1 li a{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.cpzx_ul1 li a::before{content:""; display:block; padding-top:85.15385%;}
.cpzx_ul1 li a::after{content:""; width:0; height:0; overflow:hidden; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); background:#0e357e; opacity:0.8; transition:all 0.8s;}
.cpzx_ul1 li a .cpzx_hover{width:140px; height:140px; float:left; position:absolute; left:50%; top:50%; z-index:9; transform: translate(-50%, -50%); display:flex; align-content: center;align-items:center; justify-content:center; background:#3e5c98; font-size:18px; color:#fff; font-weight:bold; border-radius:50%; transition:all 0.4s;}
.cpzx_ul1 li:hover a::after{width:100%; height:100%;}
.cpzx_ul1 li:hover a .cpzx_hover{background:rgba(255,255,255,0.6); color:#000;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:20px; line-height:30px; color:#052d83; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#4b4a4a; line-height:24px;}
/*END-产品展示*/

/*行业应用*/
.hy_ul{display:block; overflow:hidden; width:915px;}
.hy_ul li{width:285px; float:left; margin:0 20px 20px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer;}
.hy_ul li::before{content:""; display:block; padding-top:90%;}
.hy_ul li .hy_txt{width:100%; height:60px; float:left; position:absolute; left:0; bottom:0; z-index:9; display:flex; align-content:center; align-items:center; justify-content:center; font-size:18px; color:#fff; background:rgba(0,0,0,0.7); transition:all 1s;}
.hy_ul li:hover .hy_txt{height:100%;}
.hy_ul li a{color: #fff;}
/*END-行业应用*/

/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{width:100%; float:left; font-size:14px; color:#000; 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 #ccc; 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:#ffa200;}

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

.key-top{text-align: right; color: #999}
.keys a{color: #999;}
.keys a:hover{text-decoration: underline !important;}
.key-footer{color: #999;}
.key-footer a{margin: 0 3px; color: #999;}