@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:url(../images/bj.jpg); font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
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;}
.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;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header{width:100vw;height:80px;background:rgba(9,72,150,0.8);position:fixed;left:0;top:0;z-index:99999;}
.logo{ width:233px;float:left;}
.logo img{ max-width:100%; display:block;}
header .tel{background:url(../images/tel.png) no-repeat 13px center;padding-left:35px; float:right;width:145px;height:36px;line-height:32px;border-radius:20px;border:2px solid #fff;font-size:14px;color:#fff;margin-top:22px;}

/*导航下拉开始*/
.header_nav{ width:60%;float:right; }
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  position:relative; z-index:99;  display:flex;justify-content:space-between;align-items:center;}
.header_nav .nav .nLi{ position:relative; width:14.28%; text-align:center;}
.header_nav .nav .nLi h3 {position:relative; display:inline;padding:10px 0;}
.header_nav .nav .nLi h3 a{ display:inline; font-size:16px; color:#fff; line-height:77px;border-bottom:3px solid transparent;padding:10px 0;}
.header_nav .nav .nLi h3:before, .header_nav .nav .nLi h3::after{display:block;content:"";width:0;height:3px;position:absolute;bottom:0;transition:.3s;}
.header_nav .nav .nLi h3:before{left:0;}
.header_nav .nav .nLi h3::after{right:0;}

.header_nav .nav .sub{ display:none; width:100%; left:0; top:80px;  position:absolute; background:rgba(9,72,150,0.7) none repeat scroll 0 0 !important;  line-height:35px; padding:5px; z-index:999; }
.header_nav .nav .sub li{ zoom:1; margin-bottom:5px; } 
.header_nav .nav .sub a{ display:block; padding:0 10px;font-size:13px;color:#fff; border-bottom:2px solid transparent;}
.header_nav .nav .sub a:hover{  color:#fff;border-bottom:2px solid #fff;}
.header_nav .nav .nLi h3 a:hover{color:#fff;}
.header_nav .nav .nLi h3 a.cur{border-bottom:3px solid #fff;}
.header_nav .nav .nLi h3:hover:before, .header_nav .nav .nLi h3:hover::after{width:50%; background:#fff;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #fff; border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;right:2%;top:18px;}
.icon-menu .span01 { width:18px;height:3px;background:#fff;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#fff;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#fff;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjdnav{ width:115px; height:280px; position:absolute;right:0%; top:83px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#333; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban_img { width:100%; padding-top:32%;}

.porduct{margin-top:90px;}
.title{text-align:center;}
.title1{line-height:35px;font-size:36px;color:#000;font-weight:bold;letter-spacing:5px;}
.title2{width:180px;height:32px;line-height:32px;border:2px solid #dcdcdc;border-top:none;font-size:14px;color:#9b9b9b;text-transform:uppercase;margin:0 auto;}
.pro_top_ul{text-align:center;margin-top:25px;}
.pro_top_ul li{display:inline-table;}
.pro_top_ul li a{display:block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;margin:0 3px;}
.pro_top_ul li a:hover{background:#094896;color:#fff;}
.pro_main{position:relative; margin-top:50px;}
.pro_main .swiper-slide a{display:block;}
.pro_main .swiper-slide .pic{width:100%;position:relative;overflow:hidden;}
.pro_main .swiper-slide .pic .pro_img{padding-top:66%}
.pro_main .swiper-slide .pic span{display:block;width:68px;height:30px;line-height:30px;background:#094896;font-size:12px;color:#fff;position:absolute;right:0;bottom:0;text-align:center;}
.pro_main .swiper-slide .txt{padding:30px;border-bottom:1px solid #ebebeb;margin-bottom:30px;border:1px solid #fafafa;box-shadow:5px 5px 5px #cecece;}
.pro_main .swiper-slide .txt .h1{line-height:22px;font-size:16px;color:#666;}
.pro_main .swiper-slide .txt .h2{line-height:22px;font-size:12px;color:#c4061c; margin-top:20px;}
.pro_main .swiper-slide .txt .h2 b{font-size:20px;}
.pro_main .swiper-slide .txt .h3{line-height:28px;font-size:16px;color:#666; margin-top:23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pro_main .swiper-slide:hover .txt .h1{color:#094896;}
.pro_main .swiper-slide:hover .img_cover{transform:scale(1.1);}
.pro_main .swiper-button-next, .pro_main .swiper-button-prev{width:87px;height:172px; background:url(../images/jiantou.png) no-repeat center center;}
.pro_main .swiper-button-next{left:-100px;}
.pro_main .swiper-button-prev{right:-100px;transform:scale(-1,1);left:initial;}
.pro_main .swiper-button-prev:hover{right:-110px;}
.pro_main .swiper-button-next:hover{left:-110px;}

.about{background:url(../images/about_bj.jpg) no-repeat 50% 50%;background-size:cover;margin-top:80px;height:500px;}
.about .txt{width:575px;height:378px;background:rgba(255,255,255,0.7);display:flex;justify-content:center;align-items:center;margin:60px 25px 0 ;float:right;padding:0 48px;}
.about .txt b{display:block;line-height:90px;font-size:48px;color:#242525;font-weight:normal;}
.about .txt p{line-height:35px;font-size:18px;color:#666;}
.about .txt a{display:block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;margin-top:25px;transition:0.5s;}
.about .txt:hover a{transform:translateX(10px);background:#094896;color:#fff;}

.news{margin-top:80px;}
.news_ul{margin-top:50px;display:flex;flex-wrap:wrap}
.news_ul li{width:29%;margin:0 2%;padding:0 5px;}
.news_ul li .p01{line-height:30px;font-size:16px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.news_ul li .p02{line-height:36px;font-size:16px;color:#b3b3b3;background:url(../images/news_dian.png) no-repeat right center;margin:10px 0 15px 0;}
.news_ul li:hover{transform:translateY(-10px);box-shadow:5px 5px 5px #f2f2f2;}

.layout{margin-top:70px; padding:90px 0;background:#1d4a9f;}
.layout ul{display:flex;flex-wrap:wrap;margin:80px 0;}
.layout ul li{width:31%;margin:0 1%;background:#fff;padding:30px 35px;text-align:center;}
.layout ul li .layout_img{width:150px;height:150px;border-radius:50%;margin:0 auto;}
.layout ul li b{line-height:82px;font-size:22px;color:#000;}
.layout ul li .p01{line-height:26px;font-size:16px;color:#7e7e7f;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.layout ul li span{display:block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;margin:33px auto;}
.layout ul li:hover .layout_img{transform:translateY(-10px);}
.layout ul li:hover span{transform:translateY(10px);background:#094896;color:#fff;}

.resource{margin-top:80px;}
.resource ul{text-align:center;margin-top:25px;}
.resource ul li{display:inline-table;}
.resource ul li a{display:block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;margin:0 3px;}
.resource ul li a:hover{background:#094896;color:#fff;}
table{width:100%;text-align:center;line-height:55px;margin-top:65px;}
table th{text-align:center;border-bottom:2px solid #e6e6e6;font-size:18px;color:#333;}
table td{border-bottom:1px solid #e6e6e6;font-size:14px;color:#666;}
table td a{display:inline-block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;}
table td a:hover{background:#094896;color:#fff;}
table td:nth-last-child(1){width:110px;}

.link{/*margin-top:80px;*/height:423px;background:url(../images/cont_bj.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;}
.link span{display:block;font-size:24px;color:#fff;letter-spacing:5px;}
.link a{width:155px;height:34px;line-height:30px;border:2px solid #094896;border-radius:20px;text-align:center;font-size:14px;color:#094896;display:block; margin:35px auto;transition:0.5s;}
.link:hover a{transform:scale(1.1);}

footer{background:#333333;}
.foot_box{width:100%;height:470px;display:flex;justify-content:space-around;align-items:center;}
.foot_box .foot_logo{display:block;max-width:100%;}
.foot_box .lxfs{line-height:30px;font-size:14px;color:#999;}
.foot_box .lxfs b{line-height:58px;font-size:22px;color:#fff;display:block;}
.foot_box .erweima{width:110px;}
.foot_box .erweima img{display:block;width:110px;height:110px;}
.foot_box .erweima span{display:block;line-height:32px;font-size:14px;color:#fff;text-align:center;}

/*product*/
.cpzs{margin-top:90px;}
.cpzs_top_ul{text-align:center;margin-top:25px;}
.cpzs_top_ul li{display:inline-table;}
.cpzs_top_ul li a{display:block;width:108px;height:34px;line-height:32px;text-align:center;border:2px solid #094896;border-radius:20px;margin:0 3px;}
.cpzs_top_ul li a:hover{background:#094896;color:#fff;}

.cpzs_ul{display:flex;flex-wrap:wrap;margin-top:50px;}
.cpzs_ul li{width:31%;margin:1%;}
.cpzs_ul li .pic{width:100%;position:relative;overflow:hidden;}
.cpzs_ul li .pic .pro_img{padding-top:66%}
.cpzs_ul li .pic span{display:block;width:68px;height:30px;line-height:30px;background:#094896;font-size:12px;color:#fff;position:absolute;right:0;bottom:0;text-align:center;}
.cpzs_ul li .txt{padding:30px;border-bottom:1px solid #ebebeb;margin-bottom:30px;border:1px solid #fafafa;box-shadow:5px 5px 5px #cecece;}
.cpzs_ul li .txt .h1{line-height:22px;font-size:16px;color:#666;}
.cpzs_ul lie .txt .h2{line-height:22px;font-size:12px;color:#c4061c; margin-top:20px;}
.cpzs_ul li .txt .h2 b{font-size:20px;}
.cpzs_ul li .txt .h3{line-height:28px;font-size:16px;color:#666; margin-top:23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.cpzs_ul li:hover .img_cover{transform:scale(1.1);}

/*product_show*/
.product_show{margin-top:70px;}
.product_show img{display:block;max-width:100%;margin:2% auto;}
.product_show{line-height:22px;font-size:14px;color:#c4061c; margin-top:20px;text-align:center;}

/*news*/
.xw_ul{margin:35px 0 0 0;position:relative;}
.xw_ul li{  display:inline-block;border:1px solid #fff;}
.xw_ul li a{display:block;height:126px;margin:10px;}
.xw_ul li .news_B{ width:180px; height:125px; margin-right:15px; float:left;overflow:hidden;transition:all 0.5s;}
.xw_ul li .news_B .news_img{ width:100%; height:100% ;}
.xw_ul li .nb { overflow:hidden;}
.xw_ul li .nb .h1{ line-height:39px;  font-size:16px; color:#333; font-weight:bold;}
.xw_ul li .nb .xian{width:30px; height:2px; background:#238c34; overflow:hidden;}
.xw_ul li .nb .h2{ line-height:22px; font-size:14px; color:#666; margin-top:11px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.xw_ul li:hover .news_img { transform:scale(1.1,1.1);}
.xw_ul li:hover .xian { width:100%;}
.xw_ul li:hover { border:1px solid #ccc;}

/*news_show*/
.news_show { width:100%; margin-top:25px;text-align:center;}
.news_show img {  display:block; max-width:100%; margin:2% auto;}
.news_show .h1 {  display:inline-block ;line-height:42px; font-family:'Microsoft YaHei'; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #0196dc;text-align:center; margin:2% auto;}
.news_show .h2 {  display:block;line-height:35px; font-family:'Microsoft YaHei'; font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.news_show .h3 {  display:block;line-height:35px; font-family:'Microsoft YaHei'; font-size:12px; color:#636363; margin-top:2%; text-align:right;}


































/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap{ width:96%}
    .header_nav{width:54%;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    header{position:relative;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    header{position:relative;}
    .porduct{margin-top:20px;}
    .about{margin-top:20px;height:initial;padding:10px;}
    .about .txt{margin:1%;padding:10px;width:98%;float:none;height:initial;}
    .about .txt b{line-height:40px;font-size:36px;}
    .about .txt p{line-height:28px;font-size:15px;margin-top:10px;}
    .news_ul li{width:100%;margin-bottom:20px;}
    .layout{margin:20px 0 0 ;padding:20px 0;}
    .layout ul{margin:20px 0 0 0;}
    .layout ul li{width:100%;margin:0 0 20px 0;}
    .resource{margin:20px 0 0 0;}
    .resource ul li{width:23%;}
    .resource ul li a{width:100%;margin:1%;}
    table{margin-top:20px;line-height:30px;}
    .table_top{border:1px solid #333;float:left;width:33%;margin-bottom:2px;border-right:none;}
    .table_top th{border-right:1px solid #333;border-bottom:1px solid #333;font-size:12px;display:block;}
    .table_bot{float:left;border:1px solid #666;width:33%;margin-bottom:2px;border-right:none;}
    .table_bot td{border-right:1px solid #333;border-bottom:1px solid #333;font-size:12px;display:block;}
    .table_bot td a{ line-height:19px;height:22px; width:80px; margin-top:3px;}
    table td:nth-last-child(1){width:initial;}

    .foot_box{flex-wrap:wrap;height:350px;}
    .foot_box .erweima{display:none;}
    /*product*/
    .cpzs{margin-top:20px;}
    .cpzs_top_ul{margin:20px 0 0 0;}
    .cpzs_top_ul li{width:23%;}
    .cpzs_top_ul li a{width:100%;margin:1%;}
    .cpzs_ul li{width:100%;margin:1%;}
    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    }
	
/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}