.pc-hide{ display: none !important; }
.pc-show{ display: block !important; }

/*index*/
.index-tit{ text-align: center; font-size: 24px; color: #666666; padding-top: 46px; line-height: 24px; overflow: hidden; position: relative; }
.index-tit a{ font-size: 14px; color: #1C5E96; display: block; position: absolute; right: 0; top: 46px; }

* {
    font-family:Arial;
}

.index{ padding-bottom: 65px; }
.index .index-tit{ padding-bottom: 50px; }
.index .wal{ overflow: hidden; }
.index .index_gl1{ overflow: hidden; width: 400px; }
.index .index_gl1 .box{ display: block; width: 400px; position: relative; overflow: hidden;}
.index .index_gl2{ width: 400px; } 
.index .idnex_gr2{ width: 800px;  }
.index .idnex_gr1{ width: 400px; }
.index .idnex_gr1 .txt{ position: relative; width: 100%;height: 165px; background: #1C5E96; display: block;opacity: 0.6; }
.index .idnex_gr1 .txt .h6{ color: #FFf;     opacity: 1;} 
.index .idnex_gr1 .txt .more-max{ border-color:#618fb6; color: #FFFFFF; }
.index .idnex_gr2 > a.box{ display: block; width: 400px; overflow: hidden; position: relative; }
.index .idnex_gr1 .box{ display: block; width: 400px; overflow: hidden; position: relative; }
.index a.box img{ width: 100%; transition: 1.5s; }
.index a.box:hover img{ transform: scale(1.2); }
.index .text{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.index .h6{ display: block; /*margin-top: 40px; margin-left: 29px;*/ font-size: 18px; /*color: #666666;*/ color: #fff;
    background: #1C5E96;
    padding: 10px 8px;
    opacity: 0.6;}
.index .more-max{ margin-left: 29px; margin-top: 34px; }
.index .more-max:hover{ color: #FFFFFF; background: #29a0c4; border-color: #29a0c4; }

.index_2{ background: #f3f4f6; padding-bottom: 68px; }
.index_2 .index-tit{ margin-bottom: 56px; }
.index_2 .wal{  }
.index_2ul{ }
.index_2 .wal:after{ content: ''; display: block; height: 0; visibility: hidden; clear: both; } 
.index_2ul li{ flex: left; width: 280px; height: 380px; float: left; background: #FFFFFF; border-radius: 4px; margin-right: 26px; box-shadow: 0 0 20px rgba(28,94,150,0.2); transition: 2s; }
.index_2ul li:hover{ transform: translateY(-10px); box-shadow: 0 0 20px rgba(28,94,150,0.5); }
.index_2ul li:last-of-type{ margin: 0; }
.index_2ul li a{ display: block; }
.index_2ul li img{ border-radius: 4px 4px 0 0; }
.index_2ul li .h6{ text-align: center; position: relative; font-size: 18px; color: #1C5E96; margin: 30px 20px 16px; padding-bottom: 16px; }
.index_2ul li .h6 em{ display: block; width: 40px; height: 1px; background: #1C5E96; position: absolute; left: 50%; bottom: 0; margin-left: -20px; }
.index_2ul li .p{ line-height: 26px; padding: 0 20px; color: #999999; max-height: 78px; overflow: hidden;}


.index_3{ padding: 50px 0 65px; }
.index_3 .wal{ overflow: hidden; }
.index_3 .index_left{ width: 564px;  }
.index_3 .index_left a.box{ display: block; }
.index_3 .index_left img{ width: 100%;margin-bottom: 32px; }
.index_3 .index_left .p{ color: #666; line-height: 26px; }
.index_3 .index_right{ width: 564px;  }
.index_3 .index_right a.box{ display: block; overflow: hidden; }
    .index_3 .index_right img {
        border: 2px solid #1C5E96;
        height: 165px;
        width: 201px;
    }
.index_3 .index_right .gr{ background: #f3f4f6; padding: 16px 24px 15px 24px; height: 138px; width: 311px; }
.index_3 .index_right span{ display: block; overflow: hidden; }

.index_3 .index_right span.h6{ font-size: 18px; color: #1C5E96; padding: 16px 0 0 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.index_3 .index_right .timeBox{ position: relative; }
.index_3 .timeBox{ position: relative; margin-bottom: 6px; }
.index_3 .timeBox .time{ position: absolute; left: 0; top: 0; }
.index_3 .index_right .p{ color: #666666; line-height: 26px; max-height:52px; overflow: hidden;  }

.index_3ul li .time i{ font-style:normal; position: absolute; bottom: 0; font-size: 14px; display: block; font-weight: normal; text-align: center; width: 100%;}

.index_3 .index_right .more-max{ margin-top: 6px; }

.index_3ul{ }
.index_3ul li{ height: 44px; margin-top: 6px; overflow: hidden; border-bottom: 1px solid #e0e0e0; }
.index_3ul li em{ float: left; margin: 0 16px; display: block; line-height: 44px; }
.index_3ul li .time{ color: #666666; }
.index_3 .index_3ul li .p{ float: left; line-height: 44px; width: calc(100% - 64px); overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.index_3 .index_3ul li:hover .p{ color: #1C5E96; }
.index_3ul li:hover .time{ color: #1C5E96; }

/*product*/
.product{ padding: 60px 0 100px; }
.product .wal{ overflow: hidden; }
.pro_nav .h6{ line-height: 80px; background: url(../images/left_bg.jpg) no-repeat; /*text-indent: 40px;*/ font-size: 24px; color: #FFFFFF; margin-bottom: 10px;text-align:center; }

.nav_ul{  }
.nav_ul li{ line-height: 60px; background: #f8f8f8; margin-bottom: 4px; }
.nav_ul li:last-child{ margin-bottom: 0; }
.nav_ul li a{ display: block; text-indent: 26px; cursor: pointer; font-size: 15px; color: #333333; }
.nav_ul li.nav_li , .nav_ul li:hover{ background: #1c5e96; }
.nav_ul li.nav_li a , .nav_ul li:hover a{ color: #FFFFFF; }

.pro_rg{  }
.pro_rg .pro_ul{ overflow: hidden; border-bottom:1px solid #dedede; }
.pro_rg .pro_ul li{ float: left; margin-right: 24px; font-size: 16px; line-height: 52px;border-bottom: 3px solid transparent;}
.pro_rg .pro_ul li.on , .pro_rg .pro_ul li:hover{ border-bottom: 3px solid #1c5e96; }
.pro_rg .pro_ul li a{ display: block; padding-right: 32px; cursor: pointer; color: #999999; }
.pro_rg .pro_ul li.on a , .pro_rg .pro_ul li:hover a{ color: #1C5E96; font-weight: bold; }

.pro_con{ display: none; }
.pro_con > ul{ overflow: hidden; margin: 40px 0 -34px;  }
.pro_con > ul li{ float: left; border-bottom:1px solid #dedede; width: 300px; margin: 0 20px 34px 0; padding-bottom: 34px; }
.pro_con > ul  li:nth-of-type(3n+0){ margin-right: 0; }
.pro_con > ul  li .h6{ display: block; margin: 34px 0 24px; font-size: 24px; padding: 0 3px; color: #333333;    height: 54px;
overflow: hidden; }
.pro_con > ul  li .p{ padding: 0 3px; line-height: 24px; color: #999999; height: 48px; overflow: hidden; }
.pro_con > ul  li:hover .h6{ color: #1C5E96; }
.pro_con > ul  li img{ width: 100%; transition: 0.5s; }
.pro_con > ul  li:hover img{ transform: scale(1.2); }
.pro_con > ul  li .img{ display: block; overflow: hidden; width: 300px; height: 175px;}
.nav_ul_hide .imgDiv{ display: block; } 

/*productshow*/
.productshow{ padding: 60px 0 90px; }
.productshow .wal{ overflow: hidden; }
.pros_rg .top .gl{ width: 459px; }
.pros-img .slick-slide{ height: auto; }
.pros-img{ position: relative; }
.pros-img .slick-dots{ position: absolute; left: 0; width: 100%; bottom: 20px; display: flex; justify-content: center; }
.pros-img .slick-dots li{ background: #FFFFFF; border-radius: 50%; width: 12px; height: 12px; margin: 0 5px;    border: 1px solid #dbdbdb;}
.pros-img .slick-dots li.slick-active{ background: #1C5E96; }
.pros_rg .top{  }
.pros_rg .top .gr{ width: 421px; padding: 24px 30px 24px 30px; height: 222px; background: #f8f8f8; }
.pros_rg .top .h6{ font-size: 24px; color: #333333; margin-bottom: 22px; }
.pros_rg .top .p{ line-height: 30px; }
.pros_rg .top .btn{ margin-top: 38px; display: flex; justify-content: flex-end; }
.pros_rg .top .btn a{ display: block; width: 140px; height: 38px; background: #29a0c4; text-align: center; line-height: 38px; float: left; color: #FFFFFF; margin-left: 10px; }
.pros_rg .top .btn a:nth-of-type(1){ margin-left: 0; }
.pros_rg .top .btn a:hover{ background: #1C5E96; }
.productshow .nav_ul li a{ text-indent: 40px; }
.pro-tit{ background: url(../images/bor.jpg) repeat no-repeat center; line-height: 24px; text-align: center; }
.pro-tit span{ display: block; width: 240px; height: 22px; background: #FFFFFF url(../images/tit2.png) no-repeat center; margin: 0 auto; font-size: 24px; color: #1C5E96; }
.productshow .to-pros{ margin-top: 50px; }
.pros-img2{ padding: 0 40px; margin: 30px -5px 0; position: relative; }
.pros-img2 .slick-slide{ height: auto; }
.pros-img2 .slick{ margin: 0 5px; }
.pros-img2 .slick .img{ overflow: hidden; }
.pros-img2 .slick img{ width: 100%; transition: .5s; }
.pros-img2 .slick:hover img{ transform: scale(1.2);}
.pros-img2 .slick:hover span{ color: #1C5E96; }
.pros-img2 .slick span{ display: block; line-height: 60px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #333; background: #f8f8f8; }
.pros-img2 .slick-next , .pros-img2 .slick-prev{ width: 12px; height: 21px; background: url(../images/prosico-on.png) no-repeat; display: block; position: absolute; top: 50%; margin-top: -10.5px; z-index: 9; }
.pros-img2 .slick-next:hover , .pros-img2 .slick-prev:hover{ background: url(../images/prosico-off.png) no-repeat; }
.pros-img2 .slick-prev{ left: 5px; }
.pros-img2 .slick-next{ right: 5px; transform: rotate(180deg); }
.pros-box .slick-slide{ height: auto; }


/*history*/
.history{ padding: 60px 0 86px; }
.history .wal{ overflow: hidden; }
.history_rg > .box{ height: 400px; background: url(../images/hi2.jpg) no-repeat; background-size: cover; }
.history{ padding-bottom: 50px; }
.history .txtDiv{ text-align: center; color: #333; font-size: 24px; padding-bottom: 70px;}
.history .txtDiv .txt1{ text-transform: uppercase; }
.historyList{ height:64px; padding:102px 24px 0; background: url(../images/bor2.jpg) left 100px repeat-x; position: relative; margin-top: -40px; }
.historyList .slick-slide{text-align:center;color: #fff;width: 100px;line-height: 50px;height:64px;font-size:24px;cursor:pointer;background:url(../images/hi4.png) center 2px no-repeat; padding-top: 18px; }
.historyList .slick-current{ background:url(../images/hi5.png) center top no-repeat;}
.historyBox .slick-prev{position:absolute; z-index:10; left:0px; top:0px; display:block; background:#5da7c8 url(../images/btn-on.png) center no-repeat; width:42px; height:42px;}
.historyBox .slick-next{position:absolute; z-index:10; right:0px; top:0px; display:block; background:#5da7c8 url(../images/btn-on.png) center no-repeat; width:42px; height:42px; transform: rotate(180deg);}
.historyBox .slick-prev:hover{ background: #1C5E96 url(../images/btn-off.png) no-repeat center; transform: rotate(180deg); }
.historyBox .slick-next:hover{background: #1C5E96 url(../images/btn-off.png) no-repeat center; transform: rotate(0deg);}
.historyBox .box{ padding-top: 90px; height: auto; }
.historyBox .year2{ font-size: 60px; color: #fff; height: 90px; position: relative; text-align: center;}
.historyBox .content{ font-size: 14px; line-height: 30px; text-align: center; color: #FFFFFF; padding: 0 50px; }
.historyList .slick-list{ margin-top: -9px; }

/*about*/
.about{ padding: 60px 0 74px; }
.about .wal{ overflow: hidden; }
.about_top{ overflow: hidden; }
.about_top .gr{  width: 430px; }
.about_top .h6{ font-size: 24px; background: url(../images/about-i1.jpg) no-repeat left center; padding: 0 0 0 36px; color: #333333; } 
.about_rg .p{ margin-top: 40px; line-height: 30px; }


/*mission*/
.mission{ padding: 60px 0 86px; }
.mission .wal{ overflow: hidden; }
.mission_con .img img{ width: 100%; }


/*tram*/
.tram{ padding: 60px 0 80px; }
.tram .wal{ overflow: hidden; }
.tram .p{ margin-bottom: 34px; line-height: 30px; color: #999999; }
.tram_con .box{ overflow: hidden; }
.tram_con .box .gr{ line-height: 30px; width: 400px; padding: 44px 50px 5px; background: #f7f7f7; }

/*honor*/
.honor{ padding: 60px 0 68px; }
.honor .wal{ overflow: hidden; }
.honor_con ul{ overflow: hidden; margin-bottom: -20px; }
.honor_con li{overflow: hidden; width: 298px; height: 298px; border: 1px solid #f0f0f0; display: flex; align-items: center; margin: 0 20px 20px 0; float: left; position: relative; border-radius:2px;}
.honor_con li:nth-of-type(3n+0){ margin-right: 0; }
.honor_con li img{ vertical-align: middle; margin: 0 auto; display: block; }
.honor_con li .p{ width: 100%; height: 100%; display: block; display: flex; justify-content: center; align-items: center; border-radius:2px; position: absolute; left: 0; top: 0; background: #1C5E96; border-radius: 2px; opacity: 0; }
.honor_con li .p:hover{ animation: b 0.5s linear forwards; }
@keyframes b{
	to{ opacity: 0.95; }
}
.honor_con li .p em{ color: #FFFFFF; font-size: 24px; } 
.honor .number{ margin-top: 40px; }

/*cooperation*/
.cooperation{ padding: 60px 0 68px; }
.cooperation .wal{ overflow: hidden; }
.cooperation_con ul{ }
.cooperation_con li{ padding: 44px 50px 50px; border-bottom: 1px solid #f0f0f0; }
.cooperation_con li .timer{ font-size: 24px;margin-bottom: 26px; }
.cooperation_con li .h6{ font-size: 24px; color: #1C5E96; margin-bottom: 42px; } 
.cooperation_con li .p{ line-height: 30px; color: #999999; height: 60px; overflow: hidden; }
.cooperation_con li .more{ margin-top: 24px; width: 98px; height: 32px; border: 1px solid #f0f0f0; border-radius: 4px; }
.cooperation_con li .more a{ display: block; text-align: center; line-height: 32px; color: #999; }
.cooperation_con li:hover{ animation: c 0.5s linear forwards; }
@keyframes c{
	0%{background: #1C5E96;opacity: 0;}
	100%{background: #1C5E96;opacity: 1;}
}
.cooperation_con li:hover .timer{ color: #FFFFFF; }
.cooperation_con li:hover .h6{ color: #FFFFFF; }
.cooperation_con li:hover .p{ color: #FFFFFF; }
.cooperation_con li:hover .more{  }
.cooperation_con li:hover .more a{ color: #1C5E96; background: #FFFFFF; }
.cooperation .number{ margin-top: 40px; }


/*cooperationshow*/
.cooperationshow{ padding: 60px 0 80px; }
.cooperationshow_con{ background: #f7f7f7; padding:46px 50px 0; }
.cooperationshow_con .h6{ font-size: 24px; color: #333333; }
.cooperationshow_con .content{ margin-top: 56px; overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 46px; }
.cooperationshow_con .content ul{padding-left: 16px;}
.cooperationshow_con .content ul li{list-style-type: unset;}
.cooperationshow_con .img{ width: 100%; margin-bottom: 46px; }
.cooperationshow_con .img img{ width: 100%; }
.cooperationshow_con .content .p{ line-height: 30px; text-indent: 2em; }



/*exhibition*/
.exhibition{ padding: 60px 0 100px; }
.exhibition_con .box{ margin-bottom: 46px; }
.exhibition_con .box:last-child{ margin-bottom: 0; }
.exhibition_con ul{ overflow: hidden; margin-bottom: -20px; }
.exhibition_con li{ width: 300px; float: left; margin: 0 20px 20px 0; }
.exhibition_con li:nth-of-type(3n+0){ margin-right: 0; }
.exhibition_con li img{ width: 100%; transition: 0.5s; }
.exhibition_con li:hover img{ transform: scale(1.2); }
.exhibition_con li .img{ overflow: hidden; }
.exhibition_con li .text{ padding: 24px 30px 26px; background: #f7f7f7; line-height: 30px; }
.exhibition_con li .tim{ font-size: 14px; color: #999999; }
.exhibition_con li .h6{ font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*welfare*/
.whlfare{ padding: 60px 0 80px;  }
.whlfare_con{ overflow: hidden; }
.whlfare_con .left{ width: 470px; }
.whlfare_con .left .h6{ font-size: 24px; color: #1C5E96; margin-bottom: 22px; }
.whlfare_con .left .h4{ font-size: 18px; color: #333; margin: 18px 0 6px; }
.whlfare_con .p{ line-height: 30px; }

.whlfare_con .right{ width: 420px; }
.whlfare_con .img{ margin-bottom: 30px; }
.whlfare_con .img:last-of-type{ margin-bottom: 0; }
.whlfare_con .img img{ width: 100%; }


/*job*/
.job{ padding: 60px 0 80px; }
.job_con ul{ overflow: hidden; margin-bottom: -20px; }
.job_con li{ width: 300px; float: left; margin: 0 20px 20px 0; float: left;}
.job_con li:nth-of-type(3n+0){ margin-right: 0; }
.job_con li a{ display: block;padding: 46px 30px 54px; }
.job_con .h6{ font-size: 24px; color: #1C5E96; text-align: center; margin-bottom: 42px; }
.job_con .h5{ text-align: center; color: #333; font-size: 24px;margin-bottom: 20px; }
.job_con .h4{ text-align: center; color: #1C5E96; font-size: 24px; margin-bottom: 44px; }
.job_con .p{ text-align: center; line-height: 30px; max-height: 120px; color: #999999; }
.job_con .btn{ width: 37px; height: 37px; background: url(../images/job-on.png) no-repeat; margin: 20px auto; }
.job_con .btn:hover{ background: url(../images/job-off.png) no-repeat; }
.job_con li:hover{ background: #f7f7f7; }

/*jobshow*/
.jobshow{ padding: 60px 0 80px; }
.jobshow_con{ background: #f7f7f7; padding:42px 0 50px; overflow: hidden; }
.jobshow_con .h6{ font-size: 24px; color: #1C5E96;  padding: 0 50px; margin-bottom: 40px; }
.jobshow_con ul{ overflow: hidden; padding: 0 50px 34px; border-bottom: 1px solid #dedede; }
.jobshow_con li{ float: left; width: 33.33%; margin-bottom: 24px; }
.jobshow_con li em{ color: #999999; }
.jobshow_con .content{ padding: 0px 50px; overflow: hidden; }
.jobshow_con .content .h5{ margin: 42px 0 14px; font-size: 18px; }
.jobshow_con .content .p{ line-height: 36px; color: #999999; }
.jobshow_con .content .span{ line-height: 30px; background: url(../images/mailbox.png) no-repeat left center; padding-left: 48px; margin-bottom: 17px; }
.jobshow_con .content .pspan{background: url(../images/phone.png) no-repeat left center;}
.jobshow_con .content .btn{ padding:33px 0 0; overflow: hidden; }
.jobshow_con .content .btn a{ display: block; width: 150px; height: 50px; float: left; text-align: center; line-height: 50px; border-radius: 8px; background:#dedede; margin-right: 30px; }
.jobshow_con .content .btn a:hover , .jobshow_con .content .btn a.on{ background: #1C5E96; color: #FFFFFF; }
.jobshow_con .content .h4{ margin-bottom: 24px; }
.jobshow_con .content .btn a:last-child{ margin-right: 0; }

/*contact*/
.contact{ padding: 60px 0 80px; }
.contact_con{  }
.contact_con .box{ background: #f7f7f7; overflow: hidden; margin-bottom: 30px; }
.contact_con .box .left{ width: 340px; padding: 50px 50px; }
.contact_con .box .h6{ font-size: 24px; color: #333333; margin-bottom: 14px; }
.contact_con .box .em{ color: #333333; }
.contact_con .box ul{ margin-top: 36px; }
.contact_con .box li{ overflow: hidden; position: relative; margin-bottom: 18px; }
.contact_con .box li:last-child{ margin-bottom: 0; }
.contact_con .box li .ti{ position: absolute; left: 0;top: 0; line-height: 30px;  } 
.contact_con .box li .span{ display: block; float: left; padding-left: 42px; line-height: 30px; }
.contact_con .box li p{ text-transform: uppercase; }
.contact_con .box:last-child{ margin-bottom: 0; }
.contact_con .h2{ font-size: 24px; margin: 44px 0 26px; color: #333333; }
.contact_con .mes{  } 
.contact_con .mes ul{ overflow: hidden; margin-bottom: 20px; }
.contact_con .mes li{ margin-right: 20px; float: left; }
.contact_con .mes li:last-child{ margin-right: 0px; }
.contact_con .mes li input{ width: 300px; height: 48px; border: 1px solid #EEEEEE;background: #fafafa; padding: 0 20px; color: #333; font-size: 14px; }
.contact_con .mes li input::-webkit-input-placeholder{ color: #999999; }
.contact_con .mes li input::-moz-input-placeholder{ color: #999999; }
.contact_con .mes li input::-ms-input-placeholder{ color: #999999; }
.contact_con .mes .textarea{ width: 100%; padding: 16px 18px; background: #FAFAFA; resize: none; height: 240px; border: 1px solid #EEEEEE; font-size: 14px; }
.contact_con .mes .textarea::-webkit-input-placeholder{ color: #999999; }
.contact_con .mes .textarea::-moz-input-placeholder{ color: #999999; }
.contact_con .mes .textarea::-ms-input-placeholder{ color: #999999; }
.contact_con .mes .btn{ margin-top: 30px; justify-content: center; display: flex; }
.contact_con .mes .btn a{ width: 160px; line-height: 48px; background: #eeeeee; text-align: center; margin: 0 10px; }
.contact_con .mes .btn a.on , .contact_con .mes .btn a:hover{ background: #1C5E96; color: #FFFFFF; }


/*bazaar*/
.bazaar{ padding: 60px 0 36px; }
.bazaar_con{ }
.bazaar_con ul{ overflow: hidden; }
.bazaar_con li{ width: 460px; margin-right: 19px; float: left; }
.bazaar_con li .img{ overflow: hidden; }
.bazaar_con li .img img{ transition: .5s; }
.bazaar_con li:hover img{ transform: scale(1.2); }
.bazaar_con li:hover .h6{ color: #1C5E96; }
.bazaar_con li:nth-of-type(2n+0){ margin-right: 0; }
.bazaar_con li .h6{ font-size: 24px; color: #333333; margin: 3px 0 20px; }
.bazaar_con li .p{ line-height: 30px; height: 60px; overflow: hidden; color: #999999; }

/*2020.5.18*/
.imgList ul{ margin-right:-24px;}
.imgList li{ float:left; width:33.33%; margin-bottom:25px;}
.imgList li .box{ margin-right:24px; position:relative;}
.imgList li .limg img{ width:100%;}
.imgList li .lname{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; color:#fff; font-size:14px;}
.imgList li .lname em{ padding:0 20px; display:block; height:40px; line-height:40px; overflow:hidden;}


.backBtn{ padding-top:50px;}
.backBtn a{ display:block; height:36px; line-height:36px; width:120px; background:#1c5e96; border-radius:24px; color:#fff; text-align:center;}
.backBtn a:hover{ color:#fff;}