@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;overflow-x: hidden;}
img{border:none;}
a{color:#333333;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#0A377D;text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;outline:none;}
.clear{clear:both;}
.center{margin:0px auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}
.sbj2{margin-top:30px;margin-bottom: 30px;}
.fl{ float: left;}
.fr{ float: right;}
i,em{font-style: inherit;} 
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;justify-content: space-between;}
.vimg{transition: 1s;width: 100%;height: 100%;object-fit: cover;}
.vimg:hover{transform: scale(1.1);}
.indentbox{text-indent: 32px;}
.paddingbox{width: 96%;margin: 0 auto;}
.logo{font-size: 16px;padding: 20px 0px;}
.logo p{font-size: 29px;font-weight: bold;}
.tel{padding-left: 34px;background: url(../images/tel.png) no-repeat left center;font-size: 16px;color: #888;background-size: 26px;margin-top: 32px;}
.tel b{font-size: 27px;color: #333;display: block;}
.nav li{position: relative; float: left;text-align: center;width: 150px;}
.nav li>a{display: block;color: #333;font-size: 16px;position: relative;z-index: 2;line-height: 100px;height: 100px;overflow: hidden;}
.nav li>a .front{transform: translateZ(50px);transition: .2s;}
.nav li>a .behind{background: #053889;color: #fff;transition: .2s;}
.nav li:hover>a .front{transform: translateY(-100px);}
.nav li:hover>a .behind{transform: translateY(-100px);}
.nav li dl{position: absolute;left: 0;top: 100%;z-index: 9999;width: 200px;display: none;}
.nav li dl dt{background: #053889;}
.nav li dl dt a{line-height: 45px;font-size: 14px;color: #fff;}
.nav li dl dt:hover{background: #032e6d;}
.advertisement{padding:80px 0;}
.adLeft{width: 48%;}
.adRight{width: 48%;text-align: center;}
.adRight span{font-size: 16px;text-transform: uppercase;color: #999;line-height: 60px;}
.adRight .cu{font-size: 40px;font-weight: bold;}
.adRight .line{width: 40px;height: 4px;background: #053889;margin: 40px auto;}
.adRight p{font-size: 16px;color: #666;line-height: 32px;}
.adRight a{display: block;width: 160px;line-height: 45px;text-align: center;font-size: 16px;margin: 40px auto 0;border: 1px solid #053889;transition: .5s;background-color: #053889;color: #fff;}
.adRight a:hover{width: 200px;background: #333;color: #fff;}
.aboutLeft{width: 50%;background: #f6f6f5;}
.aboutRight{width: 50%;height: 603px;overflow: hidden;}
.aboutRight img{width: 100%;height: 100%;object-fit: cover;}
.aboutLeft .atop{text-align: center;padding: 60px 8% 60px;}
.aboutLeft .atop .topic{font-size: 28px;font-weight: bold;margin-top: -20px;}
.aboutLeft .atop .line{width: 40px;height: 4px;background: #053889;margin: 20px auto;}
.aboutLeft .atop p{font-size: 14px;color: #666;line-height: 2;text-indent:28px;text-align: left;}
.aboutLeft .atop a{display: block;width: 160px;line-height: 45px;text-align: center;font-size: 16px;margin: 40px auto 0;border: 1px solid #053889;transition: .5s;background-color: #053889;color: #fff;}
.aboutLeft .atop a:hover{width: 200px;background: #333;color: #fff;}
.abottom{padding: 40px 8% 40px;background: #fff;}
.abottom ul li{width: 24%;background: url(../images/f_shu.png) no-repeat left top;padding-left: 20px;}
.abottom ul li strong{font-size:32px;font-family: "impact";font-weight: normal;}
.abottom ul li strong span{font-size:14px;}
.abottom ul li p{font-size:16px;line-height: 50px;color: #666;}
.productt{background: #053889;}
.proLeft{width: 25%;text-align: center;background: url(../images/picture.png) no-repeat center center;padding: 100px 0;background-size: cover;}
.proRight{width: 75%;color: #fff;}
.pcontent{width: 90%;margin: 0 auto;}
.proLeft .protitle{font-size: 32px;font-weight: bold;color: #fff;margin-bottom: 40px;}
.proLeft .protitle p{font-size: 16px;text-transform: uppercase;color: #fff;line-height: 30px;}
.proLeft ul li{line-height: 60px;position: relative;z-index: 2;}
.proLeft ul li:first-child{border-top: 1px solid #fff;}
.proLeft ul li a{font-size: 18px;color: #fff;}
.proLeft ul li::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #032e6d;z-index: -1;transition: .5s;transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.proLeft ul li:hover::after{width: 100%;}
.proRight{padding: 100px 0;}
.proRight .abc{font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #999;}
.proRight li{width: 24%;text-align: center;background: #fff;}
.proRight li:nth-child(n+5){margin-top: 20px;}
.proRight li .aimg{overflow: hidden;}
.proRight li p{font-size: 14px;line-height: 45px;background: #f1f1f1;}
.proRight li:hover p{color: #053889;}
.new-s{padding: 100px 0;background: url(../images/newsbg.jpg) no-repeat center center;}
.title{margin-bottom: 60px;text-align: center;}
.title span{font-size: 16px;text-transform: uppercase;}
.title p{font-size: 32px;font-weight: bold;}
.title .line{width: 40px;height: 4px;background: #053889;margin: 20px auto 0;}
.newsContent .text{padding: 20px;position: relative;z-index: 2;}
.newsContent .text::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #053889;z-index: -1;transition: .5s;}
.newsContent .text .ti{font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsContent .text .time{font-size: 14px;color: #777;line-height: 40px;}
.newsContent .text .des{font-size: 16px;color: #555;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsContent .text:hover::after{height: 100%;}
.newsContent .text:hover{color: #fff;}
.newsContent .text:hover .time{color: #fff;}
.newsContent .text:hover .des{color: #fff;}
.newsContent{position: relative;}
.newsContent .swiper-pagination{top:230px;}
.newsContent .swiper-pagination-bullet{width: 15px;height: 15px;background: #053889;opacity: 1;border-radius: inherit;transition: .5s;}
.newsContent .swiper-pagination-bullet-active{background: #fb8b13;transform: rotate(180deg);}
.bottombox{padding:70px 0;background: url(../images/bottombg.jpg) no-repeat center bottom;text-align: center;}
.bottombox span{font-size: 25px;}
.bottombox i{display: block;font-size: 16px;text-transform: uppercase;}
.bottombox .main{font-size: 28px;font-weight: bold;}
.bottombox .line{width: 40px;height: 4px;background: #053889;margin: 10px auto 30px;}
.footer{color:rgba(255,255,255,0.6);padding:60px 0px 20px 0px;background: url(../images/bottom.jpg) no-repeat center bottom;}
.footm{width:250px;}
.footm dl{line-height: 21px; font-size:18px;color: #fff; margin-bottom: 20px;font-weight: bold;}
.footm dl::after{content: "";display: block;position: absolute;left: 0;width: 50px;height: 2px;background: #fff;margin-top: 10px;}
.footm dt{line-height: 36px; font-size: 15px; color: #fff;}
.footm dt a{ color:rgba(255,255,255,0.6); font-size: 15px;}
.footm dt a:hover{color: #0A377D;}
.footc{ width:150px;}
.footl dl{line-height: 21px; font-size: 18px;color: #fff; margin-bottom: 20px;font-weight: bold;}
.footl dl::after{content: "";display: block;position: absolute;left: 0;width: 50px;height: 2px;background: #fff;margin-top: 10px;}
.footl dt{line-height: 36px; font-size: 15px; color: #fff;width: 50%;float: left;}
.footl dt a{ color:rgba(255,255,255,0.6); font-size: 15px;}
.footl dt a:hover{color: #0A377D;}
.footc dl{font-size: 14px;margin-top: 15px;text-align: center;}
.footc dt{line-height:36px;font-size:14px;color:#999;}
.footr{width:390px;}
.footr dl{line-height: 21px; font-size: 18px;color: #fff; margin-bottom: 20px;font-weight: bold;}
.footr dl::after{content: "";display: block;position: absolute;left: 0;width: 50px;height: 2px;background: #fff;margin-top: 10px;}
.footr ol{margin-top:15px;line-height:33px;font-size: 15px;}
.banquan{ width: 100%;color: #999;text-align: center;font-size: 14px;line-height: 32px;}
.banquan a{color: #999;}
.banquan a:hover{color:#0A377D;}
.yqlj{background:#333;width:100%;line-height:36px;text-align:center;color:#fff;border-top:1px solid #505050;}
.yqlj a{color:#999;font-size:12px;padding-right:5px;}
.yqlj a:hover{color: #0A377D;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #0A377D;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width:100%;background-color:rgba(242, 242, 242, 1);padding-top:15px;padding-bottom:15px;font-size:14px;color: #6c757d;display: inline-block;}
.mup a{color: #6c757d;}
.mup a:hover{color: #0A377D;}
.mup b{font-weight: normal;margin-right: 5px;}
.mup b a{font-size: 14px;display: inline-block;background-color: #FFFFFF;width: 136px;height: 43px;line-height: 43px;text-align: center;margin-right: 10px;}
.mup b a:hover{background-color: #0A377D;color: #fff;}
.md{background-color: #0A377D!important;color: #fff!important;}
.mup img{margin-right: 5px;}
.mup span{float:right;color: #6c757d;line-height: 43px;}
.mup span a{font-size: 14px;color: #6c757d;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #0A377D;}
.nyxw2{width:49%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:2%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #0A377D;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #0A377D;border: 1px solid #0A377D;}
.page li:hover a{color: #fff;}
.current{background-color: #0A377D!important;border: 1px solid #0A377D!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #0A377D;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #0A377D;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:46px;line-height:46px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:14px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#0b3e8d;}
.cpfl li:hover a{color:#fff;}
.cpfl ol{height:46px;line-height:46px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:30px;}
.cpfl ol a{font-size:14px;}
.cpfl ol:hover{transition:all .2s ease; text-indent:40px;background-color:#0b3e8d;}
.cpfl ol:hover a{color:#fff;}
.cpfl dl{background-color: #0A377D;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;}
.cpfl dt{padding: 0px 0px 0px 8px;line-height:36px;font-size:14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #0A377D; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:50px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #0A377D;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #0A377D;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height:28px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #0A377D;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}
.proRight li .aimg{height: 250px;}
.footl{width:460px;}
.footr{margin-right: 100px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #0A377D;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #0A377D;}
.cp_r{ width:690px;}
}
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
.nav li{width: 100px!important;}
.proRight li .aimg{height:145px;}
.footl{width:360px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #0A377D;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #0A377D;}
.cp_r{ width:490px;}
}
.fz_gjcb{ display: flex; justify-content: left; flex-wrap: wrap;}
.fz_gjcb li{ background: #F7F7F7; padding: 0px 25px; font-size: 16px; border-radius:10px; line-height:40px; margin: 10px}