/*全局样式*/
*{margin:0;padding:0;}
body{background:#fff; min-width:1240px; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:14px; line-height:24px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width:100%; max-height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{width:1200px !important; margin:0 auto;}
header{width:100%; float:left;}
main{width:100%; float:left;}
footer{width:100%; float:left;}
/*End*/

.head_top{width: 100%; overflow:hidden; background-color: #021798; line-height:40px; color: #FFFFFF; font-size:14px; }
.head_top .head_top_name{background: url("../image/tu_01.png") no-repeat left; padding-left: 25px;float: left;}
.head_top .head_top_call{background: url("../image/top_call.png") no-repeat left; padding-left: 25px; float: right;}
.head_top .head_top_call span{float:right; font-size:26px; color: #FFFFFF; font-family: "Impact";}

.header{width:100%; overflow:hidden; padding:20px 0;}
.logo{float:left;}
.logo img{display:block; width:100%; /*max-width:340px; max-height:90px;*/}
.nav{float:right; position:relative;}
.nav::before{content:""; width:1px; height:24px; float:left; background:#ddd; position:absolute; left:0; top:50%; margin-top:-12px;}
.nav li{float:left; position:relative; padding-right:1px;}
.nav li::before{content:""; width:1px; height:24px; float:left; background:#ddd; position:absolute; right:0; top:50%; margin-top:-12px;}
.nav li a{display:block; overflow:hidden; height:54px; line-height:54px; padding:0 20px; transition:all 0.4s; font-size:16px; color:#000;}
.nav li a:hover{background:#021798; color:#fff;}

.banner{width:100%; overflow:hidden;}
.banner .swiper-slide{ background-size: cover; background-position:center center; background-repeat: no-repeat;}
.banner .swiper-slide::before{content:""; display:block; padding-top:27.064167%;}

.cpzx{width:100%; overflow:hidden; padding:50px 0;}
.cpzx_title{display:flex; justify-content:center; overflow:hidden; text-align:center;line-height:30px;}
.cpzx_title a{float:left; padding:0 40px; position:relative;}
.cpzx_title a::before{content:""; width:100px; float:left; height:2px; background:#ff9c00; transition:all 1s; position:absolute; right:100%; top:50%; transform: translateY(-50%);}
.cpzx_title a::after{content:""; width:100px; float:right; height:2px; background:#ff9c00; transition:all 1s; position:absolute; left:100%; top:50%; transform: translateY(-50%);}
.cpzx_p{font-size: 24px;color: #ff9c00;}
.cpzx_sp{font-size: 18px;color: #a5a5a5; text-transform:uppercase;}
.cpzx_title a:hover:before{width:300px;}
.cpzx_title a:hover:after{width:300px;}
.cpzx_ul{display:block; overflow:hidden; padding-top:30px; width:1220px;}
.cpzx_ul li{width:285px; float:left; margin:0 20px 20px 0;}
.cpzx_ul li .imgbox{display: block; overflow: hidden; position: relative;}
.cpzx_ul li .imgbox:before{content: ""; display: block; padding-top: 72%;}
.cpzx_ul li .imgbox .prct_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; transition:all 0.4s;}
.cpzx_ul li .imgbox .mask{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(19,37,175,.8);}
.cpzx_ul li .txtbox{margin-top: 5px; height: 37px; border: 1px solid #d2d2d2; background-color: #FFFFFF; padding: 0 10px; overflow: hidden; transition:all 0.4s;}
.cpzx_ul li .txtbox h5{float: left; font-size: 14px; color: #333333; line-height: 35px; transition:all 0.4s;}
.cpzx_ul li .txtbox h6{float: right; font-size: 12px; color: #333333; line-height: 35px; transition:all 0.4s;}
.cpzx_ul li:hover .mask{top: 0;}
.cpzx_ul li:hover .mask_s{top: 0;}
.cpzx_ul li:hover .imgbox .prct_img{transform:scale(1.1);}
.cpzx_ul li:hover .txtbox{background-color: #1325af;}
.cpzx_ul li:hover .txtbox h5{color: #FFFFFF;}
.cpzx_ul li:hover .txtbox h6{color: #FFFFFF;}
.cpzx_more{display:block; overflow:hidden; padding-top:10px;}
.cpzx_more a{width:140px; display:block; margin:0 auto; height:40px; border:1px solid #1325af; line-height:38px; text-align:center; font-size:14px; color:#000; transition:all 0.4s;}
.cpzx_more a:hover{background:#1325af; color:#fff;}

.gsjjbox{width:100%; overflow:hidden; padding:50px 0; background: url("../images/gy_bg.jpg") no-repeat center center ; background-size: cover;}
.gsjj_contect{display:flex; justify-content:space-between; overflow:hidden; padding-top:30px;}
.gsjj_left{width:72%; overflow: hidden; float: left; border: 1px solid #e5e5e5; background-color: #FFFFFF; padding: 10px; display:flex;}
.gsjj_img{width:100%; display:flex; float: left; overflow: hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_B{width: calc(100% - 320px); float: left; padding-left:20px;}
.gsjj_txt{line-height:24px; color: #333333; font-size:14px;overflow: hidden;}
.gsjj_txt span{font-size:14px; color: #000; font-weight: bold;}
.gsjj_more{margin-top: 10px; width: 150px; height: 32px; border: 1px solid #ff9c00; text-align: center; font-size: 12px; color: #333333; display: inline-block; line-height: 30px; transition:all 0.4s;}
.gsjj_more:hover{color: #FFFFFF; background-color: #ff9c00;}

.lxwm{width:26%; float:right;border: 1px solid #e5e5e5; background-color: #FFFFFF; padding: 10px;}
.lxwm_title{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; background:#ff9c00; font-size:20px; color:#fff;}
.lxwm_txt{display:block; overflow:hidden; font-size:16px; line-height:30px; color:#000; padding-top:10px;}

footer{background:#333; color:#fff; font-size:14px; line-height:24px; padding:15px 0; text-align:center;}
footer a{color:#fff; margin:0 15px;}
footer a:hover{color:#fff; text-decoration:underline !important;}

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:280px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:50px; line-height:50px; overflow:hidden; background: url(../images/prct_bg.jpg) no-repeat center center; background-size: cover; font-size:14px; color:#fff; text-transform:uppercase; text-align:center;}
.about_title span{font-size:18px; padding-right:10px;}
.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:40px; line-height:40px; background:#f1f1f1; font-size:14px; color:#222; text-align:center; transition:all 0.4s;}
.about_ul li a:hover{background:#ff9c00; color:#fff;}
.about_B{display:block; overflow:hidden; padding:10px; background:#fff; border:1px solid #ccc; margin-top:10px; font-size:16px; color:#000; line-height:30px;}

.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:48px; overflow:hidden; border-bottom:2px solid #ccc;}
.dqwz_p{float:left; font-size:18px; color:#021798; font-weight:bold;}
.dqwz_nav{float:right; font-size:14px; color:#666;}
.dqwz_nav span{color:#021798;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; line-height:24px; color: #333333; font-size:14px;overflow: hidden;}
.company span{font-size:16px; color: #000;}
.company img{float:left; width:320px; margin-right:20px;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1{display:block; overflow:hidden; width:915px;}
.cpzx_ul1 li{width:285px; float:left; margin:0 20px 20px 0;}
.cpzx_ul1 li .imgbox{display: block; overflow: hidden; position: relative;}
.cpzx_ul1 li .imgbox:before{content: ""; display: block; padding-top: 72%;}
.cpzx_ul1 li .imgbox .prct_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; transition:all 0.4s;}
.cpzx_ul1 li .imgbox .mask{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(19,37,175,.8);}
.cpzx_ul1 li .txtbox{margin-top: 5px; height: 37px; border: 1px solid #d2d2d2; background-color: #FFFFFF; padding: 0 10px; overflow: hidden; transition:all 0.4s;}
.cpzx_ul1 li .txtbox h5{float: left; font-size: 14px; color: #333333; line-height: 35px; transition:all 0.4s;}
.cpzx_ul1 li .txtbox h6{float: right; font-size: 12px; color: #333333; line-height: 35px; transition:all 0.4s;}
.cpzx_ul1 li:hover .mask{top: 0;}
.cpzx_ul1 li:hover .mask_s{top: 0;}
.cpzx_ul1 li:hover .imgbox .prct_img{transform:scale(1.1);}
.cpzx_ul1 li:hover .txtbox{background-color: #1325af;}
.cpzx_ul1 li:hover .txtbox h5{color: #FFFFFF;}
.cpzx_ul1 li:hover .txtbox h6{color: #FFFFFF;}

.cpxq{display:block; overflow:hidden;}
.cpxq_img{display:block; overflow:hidden;}
.cpxq_img img{max-width:100%; display:block; height:auto; margin:0 auto;}
.cpxq_p{display:block; overflow:hidden; font-size:20px; color:#000; line-height:30px; border-bottom:1px dashed #ccc; padding:10px 0; text-align:center;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#222; line-height:30px; padding-top:15px;}
/*END-关于我们*/

/*资质证书*/
.zz_ul{display:block; overflow:hidden; width:920px;}
.zz_ul li{width:205px; float:left; margin:0 25px 25px 0;}
.zz_ul li a{display:block; overflow:hidden; position:relative; background:#fff; padding:10px; border:1px solid #ccc;}
.zz_ul li a::before{content:""; display:block; padding-top:126.25%;}
.zz_ul li a img{transition:all 1s;}
.zz_ul li a:hover{border-color:#021798;}
.zz_ul li a:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/*END-资质证书*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; line-height:40px; border-bottom:1px dashed #ddd; font-size:14px; color:#888;}
.xw_ul li span{float:right; margin-left:10px;}
.xw_ul li a{display:block; overflow:hidden; height:40px; line-height:40px; color:#000; transition:all 0.4s; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a::before{content:""; width:10px; height:10px; float:left; background:#021798; border-radius:50%; margin:15px 5px 0 5px;}
.xw_ul li a:hover{color:#021798;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; font-size:24px; color:#333; line-height:40px; text-align:center;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; line-height:24px; font-size:13px; color:#021798; padding:15px 0;}
.xwxq_txt{display:block; overflow:hidden; font-size:16px; color:#333; line-height:30px; text-align:center;}
.xwxq_txt span{ color:#021798;}
/*END*/

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

/*浮动QQ*/
.open{width:31px; height:110px; background:url(../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(../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(../qq/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../qq/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../qq/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../qq/qq_04.png) no-repeat;
}
/*END*/