/*基础样式*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif; color:#333;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}
a { color:#333; cursor:pointer;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}

.top{ width:100%; position:fixed; z-index:9999; top:0; background-color:rgba(255, 255, 255, 0.8); box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.zj{ width:90%; margin:0px auto; clear:both; min-width:1440px;}
.top_t{ width:100%; height:90px; position:relative;}
.logo{ margin-top:5px;}
.logo img{ height:80px;}
.menu{ width:800px;}
.menu ul{}
.menu ul li{ width:133px; float:left; height:90px; line-height:90px; text-align:center; font-size:16px;opacity: 1; transition: opacity 1s ease-in-out;}
.menu ul li a{ display:block;}
.menu ul li a:hover{ background:#1651a0; color:#fff;}
.menu_t{opacity: 1; transition: opacity 1s ease-in-out;}
.menu_b{ width:1200px; height:280px; background:#fff; position:absolute; display:none; left:0;}
.menu_t:hover .menu_b{ display:block;}
.xiala{ height:45px; line-height:45px; display:none; position:relative;}
.xiala a{ background:#f1f1f1; color:#fff; height:45px; line-height:45px; font-size:12px; background-color: rgba(22, 81, 160, 0.8);}
.xiala a:hover{ color:#fff; background:#1c499a;}
.menu li:hover .xiala{ display:block;}
.xiala_ys{ height:45px; line-height:45px; width:210px; display:none; position: absolute; left:133px; top:0;}
.xiala_ys a{ background:#f1f1f1; color:#fff; height:45px; line-height:45px; font-size:12px; background-color: rgba(22, 81, 160, 0.8);}
.xiala_ys a:hover{ color:#fff; background:#1c499a;}
.xiala:hover .xiala_ys{ display:block;}

#banner{ width:100%; padding-top:90px;}
.swiper-container {
        width: 100%;
        height: 100%;
  background:#fff;
    }
    .swiper-slide {
        
    }
.swiper-slide img{ width:100%;}
.menu_b {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 0.5s;
}
@-webkit-keyframes fade {
  from {opacity: .5; top:100px;} 
  to {opacity: 1; top:90px;}
}
@keyframes fade {
  from {opacity: .5; top:100px;} 
  to {opacity: 1; top:90px;}
}

.pt60{ padding-top:60px;}

.about_t{ width:100%;}
.about_tz{ width:100%; font-size:32px; color:#333; text-align:center;}
.about_tp{ width:60px; background:#007EB5; height:2px; margin:20px auto 0; clear:both;}
.about_k{ width:100%; margin-top:40px;}
.about_kl{ width:56%; float:left; line-height:1.8; font-size:16px;}
.about_more{ width:150px; height:50px; text-align:center; line-height:50px; background:#333; margin-top:10px;}
.about_more a{ color:#fff; display:block;}
.about_more a:hover{ color:#fff;}
.about_s{ width:198px; margin:40px 1px 0; float:left;}
.about_st{ width:32px; height:31px; padding:5px; border:1px #7597B2 solid; border-radius:5px; margin:0px auto;}
.about_sz{ width:100%; text-align:center; margin-top:18px; font-size:48px;}
.about_sz span{ font-size:14px;}
.about_sn{ width:100%; text-align:center; margin-top:18px; font-size:16px;}
.about_kr{ width:43%; float:right;}
.about_n{ width:100%; margin-top:40px; line-height:1.9; font-size:16px;}

.youshi{ width:100%; background:#f1f1f1; margin-top:80px;}
.youshi_k{ width:100%;}
.ysnr{ width:100%; height:200px; background:url(../images/youshi.jpg) repeat-y; margin-top:20px;}
.ysnr_l{ width:210px; line-height:200px; float:left; font-size:90px; text-align:center;color:#fff; font-weight:bold;}
.ysnr_k{ width:960px; float:left;}
.ysnr_kt{ width:100%; font-size:24px; font-weight:bold; color:#fff; margin-top:20px;}
.ysnr_kn{ width:100%; margin-top:10px; line-height:1.9; font-size:12px; color:#fff;}
.ysnr_gd{ width:90px; height:35px; margin-top:15px; line-height:35px; background:#fff; text-align:center;}
.ysnr_gd a{ color:#1651a0; display:block;}
.ysnr_gd a:hover{ color:#fff; background:#1651a0;}
.ysnr_r{ width:270px; float:right; line-height:1;}
.ysnr_r img{ width:100%;}

.p60{ padding:60px 0;}

.tjcp{ width:100%; background:#fbfbfb; margin-top:60px;}
.tjcp_t{ width:100%;}
.tjcp_tz{ width:100%; font-size:32px; color:#333; text-align:center;}
.tjcp_tp{ width:60px; background:#007EB5; height:3px; margin:20px auto 0; clear:both;}
.tjcp_k{ width:100%; margin-top:30px;}
.tjcp_kl{ width:450px; float:left; margin-top:110px;}
.tjcp_klz{ width:100%; font-size:24px; margin-top:30px;}
.tjcp_kln{ width:100%; color:#666; margin-top:20px; min-height:150px; line-height:1.9;}
.tjcp_more{ width:220px; height:45px; line-height:45px; text-align:center; background:#333;}
.tjcp_more a{ color:#fff; display:block;}
.tjcp_more a:hover{ color:#fff;}
.tjcp_kr{ float:right; line-height:1;}

.container04{ padding:40px 0 0;}
.container04 .title{ margin-bottom:55px;}
.container04 .title .fl h3{font-size: 26px;color: #383939;margin-bottom: 6px; position:relative}
.container04 .title .fl h3:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container04_yuan.png) center no-repeat;width:35px;height:35px;z-index: -1;}
.container04 .title .fl h5{font-size:14px;color: #006cb7;text-transform: uppercase;}
.container04 .title .fr{ padding:5px 0 0}
.container04 .title .fr a{display:inline-block;width:125px;height:40px;line-height: 38px;font-size:14px;color:#383939;border:#eeeeee 1px solid;border-radius:20px;text-align:center;position:relative;overflow: hidden;}
.container04 .title .fr a:before{content:"";position:absolute;width:126px;height:126px;top:50%;margin-top:-63px;left:50%;margin-left:-63px;background:#283f4f; border:#283f4f 1px solid;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container04 .title .fr a span{ position:relative}

.container04 .title .fr a:hover:before{ transform:scale(1); opacity:1; color:#fff}
.container04 .title .fr a:hover span{color:#fff}

.container04 .fl01{margin-bottom: 20px;}
.container04 .fl01 ul{ font-size:0; margin:0 -7.5px;}
.container04 .fl01 ul li{padding:0 7.5px;margin-bottom:15px;width:25%;display:inline-block;margin-bottom: 30px;;box-sizing: border-box;}
.container04 .fl01 ul div li:nth-child(1),.container04 .fl01 ul div li:nth-child(2){width: 602px;padding: 0 4px;margin: 0 1px 0 3px;margin-bottom: 30px;;box-sizing: border-box;}
.container04 .fl01 ul div li:nth-child(1) .img>img,.container04 .fl01 ul div li:nth-child(2) .img>img{ width:595px; height:395px; object-fit:cover;;box-sizing: border-box;}
.container04 .fl01 ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.container04 .fl01 ul .img{overflow:hidden;position: relative;}
.container04 .fl01 ul .img>img{width:100%;height: 260px;object-fit: cover;}
.container04 .fl01 ul .bst{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.4);text-align:center;transition:0.9s ease;z-index: 100;overflow: hidden;}
.container04 .fl01 ul .bst h5{font-size: 18px;color: #2d2e2e;margin-bottom: 16px;}
.container04 .fl01 ul .bst p{font-size: 14px;color: #2d2e2e;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.container04 .fl01 ul .bst img{ display:inline-block;}
.container04 .fl01 ul .con{ background:#edf4f7; height:85px; padding:0 30px; overflow:hidden}
.container04 .fl01 ul .con .table{ text-align:left}
.container04 .fl01 ul .con h5{ font-size:18px; color:#2d2e2e; margin:12px 0; overflow:hidden; white-space:nowrap; text-transform:uppercase}
.container04 .fl01 ul .con h6{ font-size:14px; color:#8e9294; margin:12px 0}
.container04 .fl01 ul div li:nth-child(1) .con h5,.container04 .fl01 ul div li:nth-child(2) .con h5{ float:left; font-size:18px; color:#2d2e2e; margin:12px 0; max-width:50%;}
.container04 .fl01 ul div li:nth-child(1) .con h6,.container04 .fl01 ul div li:nth-child(2) .con h6{ float:right; font-size:14px; color:#8e9294; margin:12px 0; max-width:50%}

.container04 .fl02 ul{font-size:0;text-align: center;}
.container04 .fl02 ul li{width:40px !important;text-align:center;display:inline-block;float: none;margin: 0 6px;}
.container04 .fl02 ul li span{display:inline-block;width: 36px;height: 36px;line-height: 34px;border-radius:50%;font-size: 14px;color: #294957;cursor:pointer;border: #e5e5e5 1px solid;}
.container04 .fl02 ul li.miso-current span{background: #166a79;color:#fff;border: #166a79 1px solid;}

.container04 .fl01 ul li:hover .icon:after{ transform:scale(1); transition-delay:0.36s}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li:hover .icon{ background:#da251d}
.container04 .fl01 ul li:hover .icon .con01{ left:100%;}
.container04 .fl01 ul li:hover .icon .con02{ left:0;}
.container04 .fl01 ul li:hover .img .bst{ top:0;}
.container04 .fl01 ul li:hover a>h5{ transform:scale(0);}
.container04 .fl01 ul li:hover .img>img{ transform:scale(1.06);-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.fl{float:left;}
.fr{float:right;}

.news_k{ width:100%; margin-top:40px;}
.xinwen{ width:360px; float:left; margin:0px 20px;}
.xinwen_t{ width:100%;}
.xinwen_s{ width:100%;}
.xinwen_st{ width:100%; font-size:20px; margin-top:10px;}
.xinwen_sj{ width:100%; margin-top:5px; color:#999;}
.xinwen_sn{ width:100%; margin-top:10px; color:#666; line-height:1.8;}
.news_more{ width:260px; margin:40px auto 0; height:45px; line-height:45px; background:#333; text-align:center;}
.news_more a{ color:#fff; display:block;}
.news_more a:hover{ color:#fff;}

.foot{ width:100%; float:left; background:#333; padding-bottom:60px;}
.foot_l{ width:275px; height:323px; float:left; background:#1651a0; padding-top:37px;}
.ewm{ width:174px; height:174px; margin:0px auto; clear:both; border:1px #ddd solid;}
.ewm img{ width:174px; height:174px;}
.ljgz{ width:100%; float:left; text-align:center; font-size:20px; margin-top:10px; color:#fff;}
.fwrx{ width:100%; float:left; margin-top:10px; background:url(../images/fuwu.jpg) no-repeat center; text-align:center; color:#fff; font-size:20px;}
.rexian{ width:100%; float:left; text-align:center; font-size:18px; color:#fff; margin-top:10px;}
.link{ width:100%; float:left; height:65px; margin-top:10px; border-bottom:1px #9a9a9a solid;}
.link_l{ float:left; width:180px; margin-left:43px; margin-top:22px;}
.link_r{ width:680px; float:right; line-height:65px;}
.link_r a{ margin:0px 20px; color:#fff;}
.link_r a:hover{ color:#fff;}

.foot_r{ width:925px; float:right;}
.xiaodh{ width:920px; float:right; margin-top:15px;}
.xiaodh li{ width:130px; font-size:16px; text-align:center; height:35px; line-height:35px; float:left;}
.xiaodh li a{ color:#747474;}
.xiaodh li a:hover{ color:#fff;}

.contact{ width:890px; margin-top:20px; font-size:15px; float:right; line-height:1.9; color:#747474;}
.n_banner{ width:100%; margin-top:90px;}
.n_banner img{ width:100%;}
.box2{ width:100%; padding:0 0 80px 0;}
.left{ width:100%;}
.lanmu{ width:100%;}
.lanmu_t{ width:100%; height:40px; background:#df1020; line-height:40px; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.lanmu_n{ width:100%; padding:10px 10px 5px; background:#fff; box-sizing:border-box;}
.lanmu_n li{ width:120px; float:left; margin:5px; height:45px; line-height:45px; text-align:center; background:#e1e1e1;}
.lanmu_n li a{ display:block; color:#333;}
.lanmu_n li a:hover{ color:#fff; background:#df1020;}

.contact1_n{ width:265px; padding:10px; line-height:1.9; background:#f1f1f1;}

.fenlei{ width:100%; display: flex; justify-content: center; margin-bottom:30px;}
.fenlei li{ width:130px; margin:0 10px; background:#f1f1f1; height:40px; line-height:40px; text-align:center;}
.fenlei li a{ display:block; color:#333;}
.fenlei li a:hover{ color:#fff; background:#1651a0;}
.fenlei li.on a{ color:#fff; background:#1651a0;}

.fenlei1{ width:100%; display: flex; justify-content: center; margin-bottom:30px;}
.fenlei1 li{ width:220px; margin:0 10px; background:#f1f1f1; height:40px; line-height:40px; text-align:center;}
.fenlei1 li a{ display:block; color:#333;}
.fenlei1 li a:hover{ color:#fff; background:#1651a0;}
.fenlei1 li.on a{ color:#fff; background:#1651a0;}

.right{ width:100%; margin-top:60px;}
.right_t{ width:100%; height:40px; border-bottom:1px #ccc solid;}
.right_tl{ float:left; line-height:40px; font-size:22px; font-weight:bold;}
.weizhi{ float:right; line-height:40px; color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#ff0000;}
.abouter{ width:100%; margin-top:10px; line-height:2; font-size:16px;}
.abouter img{ max-width:100%;}
.abouter_img{ width:100%;}
.abouter_img li{ width:31%; margin:1%; float:left;}
.abouter_img li img{ width:100%;}
.abouter_pro{ width:100%; margin-top:10px; line-height:2; font-size:16px;}
.abouter_pro img{ max-width:31%; float:left; margin:1%;}
.biaoti{ width:100%; text-align:center; margin-top:10px; font-size:20px; font-weight:bold;}
.fabiao{ width:100%; text-align:center; margin-top:5px; color:#666; padding-bottom:10px; border-bottom:1px #ccc dashed;}
.abouter_zt{ width:100%; font-size:22px; font-weight:bold;}
.abouter_zn{ width:100%; font-size:16px; line-height:1.8;}

.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{ width:100%; height:25px; line-height:25px; color:#333;}
.fenpian_l a{ color:#333;}
.fenpian_l a:hover{ color:#ff0000;}
.producter{ width:100%; margin-top:10px;}


.fenye{ width:100%; text-align:center; margin-top:30px; line-height:30px;}
.fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#1251a0; border:1px #1251a0 solid;}

.newser{ width:100%; margin-top:10px;}
.newser li{ width:100%; height:35px; line-height:35px; text-align:right; color:#999; border-bottom:1px #ccc dashed;}
.newser li a{ float:left; color:#333;}
.newser li a:hover{ color:#ff0000;}

.cpgk{ width:100%; margin-top:20px; padding:20px; border:1px #ccc solid; box-sizing:border-box; background:#f1f1f1;}
.cpgk_t{ width:100%; font-size:22px; font-weight:bold; color:#333;}
.cpgk_n{ width:100%; margin-top:5px; line-height:1.8;}

.pro_bt{ width:100%; margin-bottom:10px; border-bottom:1px #ccc solid;}
.pro_btz{ float:left; font-size:24px; height:40px; line-height:40px; font-weight:bold;}
.pro_btr{ float:right; font-size:14px; height:40px; line-height:40px; width:80px; text-align:center; background:#1651a0;}
.pro_btr a{ color:#fff; display:block;}

.jiagong{ width:100%; border-bottom:1px #ccc dashed; padding-bottom:10px;}
.jiagong_t{ width:100%;}
.jiagong_t li{ width:23%; margin:1%; float:left;}
.jiagong_t li img{ width:100%;}
.jiagong_t1{ width:100%;}
.jiagong_t1 li{ width:23%; margin:1%; float:left;}
.jiagong_t1 li img{ width:100%;}
.jiagong_n{ width:100%; line-height:1;}
.jiagong_t2{ width:100%;}
.jiagong_t2 li{ width:23%; margin:1%; float:left;}
.jiagong_t2 li img{ width:100%;}
.jiagong_n2{ width:100%; line-height:1; margin-top:15px;}
.jiagong_l{ float:left; width:100%;}
.jiagong_r{ float:right; width:100%;}

.cpgai{ width:31%; margin:1%; float:left; box-sizing:border-box; padding:20px; background:#f1f1f1; height:220px;}
.cpgai_t{ width:100%; font-size:24px; font-weight:bold;}
.cpgai_n{ width:100%: margin-top:5px;}
.cpgai_n li{ width:100%; line-height:35px; font-size:15px;}