@charset "utf-8";

@import "iconfont.css";
@import "jquery.fancybox.css";

/*---------------------------------------------------*/

.index-tit{text-align:center;}
.index-tit h3{color:#111;font-size:38px;line-height:1;font-weight:bold;text-transform:uppercase;display:inline-block;position:relative;}
.index-tit h3 em{font-weight:bold;position:relative;z-index:10;}
.index-tit h3::before{content:"";background:url(../images/i1.png) no-repeat;width:45px;height:45px;position:absolute;left:-20px;top:-5px;display:block;z-index:0;}

.indexA{padding:60px 0;background:#fff;}
.indexA h3{font-size:32px;color:#2b2b2b;font-weight:700;}
.indexA .tab{margin:50px 0;text-align:center;font-size:0;font-size:16px;}
.indexA .tab ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexA .tab ul li{width:16.66%;text-align:center;cursor:pointer;}
.indexA .tab ul li p{font-size:15px;color:#666;margin-top:15px;}
.indexA .tab ul li:hover,.indexA .tab ul li.active p{color:#01458E;}

#prosdrop{padding:60px 0 0;border-top:1px solid rgba(0,0,0,.1);}

.drop{background:#fff;width:100%;display:none;}
.drop.active{display:-webkit-flex;display:flex;}

.drop-left{width:300px;-webkit-order:1;order:1;}

.drop-right{-webkit-flex:1;flex:1;margin:0 60px;-webkit-order:2;order:2;}
.drop-right h1,.drop-right h5{font-size:28px;font-weight:700;color:#01458E;}
.drop-right h2{font-family: Segoe UI,'Poppins';color:#6a6b72;font-size:16px;}
.drop-right p{font-size:14px;color:#6a6b72;max-width:550px;margin:20px 0px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:30px;letter-spacing:0.5px;}
.drop-right dl{display:inline-block;margin-right:30px; }
.drop-right dl dt{font-size:15px;color:#6a6b72;margin:10px 0 15px;font-weight:500;}
.drop-right dl dd{font-size:14px;color:#6a6b72;margin:5px 0;}

.drop-list{width:180px;-webkit-order:3;order:3;}
.drop-list h5{font-size:16px;color:#6a6b72;margin:10px 0 15px;font-weight:700;}
.drop-list dl dd{font-size:14px;color:#6a6b72;margin:5px 0px;}
.drop-list dl dd a:hover{color:#01458E;transition: all 0.35s;}
.drop-list .dropbtn{margin:30px 0 0;}
.drop-list .dropbtn a{font-size:12px;color:#fff;display:inline-block;padding:10px 20px;background-color:#131727;}
.drop-list .dropbtn a:hover{background:#01458E;color:#fff;transition: all 0.35s;}




.indexB{padding:80px 0;background:#F2F3F7;}
.indexB .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexB .tit h3{color:#2b2b2b;font-size:32px;line-height:1;font-weight:bold;}
.indexB .tit a{background-color:#131727;font-size:14px;display:inline-block;border-radius:20px;padding:12px 45px;color:#fff;}
.indexB .tit a:hover{background-color:#01458E;}

.indexB .list{margin-top:50px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.indexB .pic{display:block;overflow:hidden;width:100%;position:relative;}
.indexB .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.indexB ul{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;align-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexB ul li{width:calc(50% - 6px);cursor:pointer;position:relative;transition:all 0.3s ease 0s;}
.indexB ul li .t{position:absolute;left:0;right:0;bottom:20px;padding:0 10px;text-align:center;}
.indexB ul li .t h5{font-size:22px;color:#01458E;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.indexB ul li .t p{font-size:15px;color:#747474;line-height:18px;margin:12px 0 0;}
.indexB ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);}

.indexB .bpic{width:594px;margin-right:12px;transition:all 0.3s ease 0s;}
.indexB .bpic .t{position:absolute;z-index:12;top:40px;color:#01458E;width:100%;text-align:center;}
.indexB .bpic .t h3{font-size:36px;font-weight:500;}
.indexB .bpic .t p{font-size:17px;margin-top:12px;}
.indexB .bpic:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);}


.indexabout{padding:100px 0 80px;background:url(../images/aboutbg.jpg) no-repeat center top;}
.indexabout h3{color:#fff;font-size:32px;font-weight:700;line-height:1;}
.indexabout .txt{max-width:700px;}
.indexabout .txt em{font-size:22px;color:#2477d0;display:block;font-weight:700;}
.indexabout .txt h3{margin-top:15px;}
.indexabout .txt .t{font-size:15px;color:#fff;line-height:23px;margin-top:30px;font-weight:300;}
.indexabout .txt .bntbox{margin-top:40px;display:-webkit-flex;display:flex;}

.indexabout .txt .bntbox .v{width:50px;height:50px;border-radius:50%;cursor:pointer;display:block;position:relative;}
.indexabout .txt .bntbox .v .icon{position:absolute;left:50%;top:50%;width:18px;left:calc(50% - 9px);top:calc(50% - 11px);}
.indexabout .txt .bntbox .v .circle{animation:rotate0 2s ease infinite;}
@keyframes rotate0 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(359deg);}
}


/*.indexabout .txt .bntbox .v{width:42px;height:42px;line-height:42px;text-align:center;background:#01458E;border-radius:50%;color:#fff;display:block;}
.indexabout .txt .bntbox .v i{font-size:19px;}*/
.indexabout .txt .bntbox .more{margin-left:30px;display:inline-block;border-radius:20px;line-height:42px;height:42px;padding:0 45px;font-size:15px;color:#959595;background:#fff;}
.indexabout .txt .bntbox .more:hover{background-color:#01458E;color:#fff;}

.indexabout .txt + h3{margin-top:120px;}

.indexabout ul{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexabout ul li{width:22%;text-align:center;position:relative;transition:all 0.3s ease 0s;}
.indexabout ul li p{position:absolute;color:#fff;font-size:15px;bottom:40px;background-color:rgba(47, 108, 198, 0.8);height:auto;padding:10px 16px;left:50%;transform:translateX(-50%);width:fit-content;right:50%;width:90%;}
.indexabout ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);}

.indexC{padding:80px 0;}
.indexC h3{font-size:32px;color:#2b2b2b;line-height:1;font-weight:700;}
.indexC .list{margin:40px 0 0;position:relative;}
.indexC .swiper-slide{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexC .swiper-slide .txt{max-width:50%;}
.indexC .swiper-slide .txt h5{font-size:26px;font-weight:500;color:#01458E;}
.indexC .swiper-slide .txt p{font-size:15px;color:#6a6b72;line-height:24px;margin-top:30px;}
.indexC .swiper-slide .pic{max-width:40%;display:block;}
.indexC .swiper-slide .pic img{width:100%;display:block;}

.indexC .page{position:absolute;left:0;bottom:-20px;z-index:30;}
.indexC .swiper-button-prev,.indexC .swiper-button-next{position:static;width:32px;height:32px;color:#fff;background:rgba(21, 88, 181, 0.8);display:inline-block;border-radius:5px;margin-top:-16px;text-align:center;}
.indexC .swiper-button-next,.indexC .swiper-container-rtl .swiper-button-prev{margin-left:8px;}
.indexC .swiper-button-prev i,.indexC .swiper-button-next i{color:inherit;font-size:20px;line-height:32px;}
.indexC .swiper-button-prev:hover,.indexC .swiper-button-next:hover{background:rgba(91,155,243,0.8);}

.indexC .swiper-pagination{display:none;position:static;width:100%;margin-top:25px;}
.indexC .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #01458E;border-radius:50%;opacity:1;box-sizing:border-box;}
.indexC .swiper-pagination-bullet-active{background:#01458E;}


.indexD{padding:80px 0;background:#F2F3F7;}
.indexD .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexD .tit h3{color:#2b2b2b;font-size:32px;line-height:1;font-weight:bold;}
.indexD .tit a{background-color:#131727;font-size:14px;display:inline-block;border-radius:20px;padding:12px 45px;color:#fff;}
.indexD .tit a:hover{background-color:#01458E;}
.indexD ul{margin:40px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexD ul li{width:32.3333333%;position:relative;background:#fff;}
.indexD ul li .pic{width:100%;display:block;}
.indexD ul li .pic img{width:100%;display:block;}
.indexD ul li .txt{padding:40px;}
.indexD ul li .txt h5{font-size:18px;font-weight:500;color:#424242;}
.indexD ul li .txt h5 a:hover{color:#01458E;}
.indexD ul li .txt h5::after{content:"";background:#01458E;width:50px;height:1px;margin:15px auto 0 0;display:block;}
.indexD ul li .txt p{font-size:16px;line-height:22px;height:44px;overflow:hidden;color:#545454;margin:15px 0 0;}


.indexE{padding:80px 0;background:#fff;}
.indexE .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexE .tit h3{color:#2b2b2b;font-size:32px;line-height:1;font-weight:bold;}
.indexE .tit a{background-color:#131727;font-size:14px;display:inline-block;border-radius:20px;padding:12px 45px;color:#fff;}
.indexE .tit a:hover{background-color:#01458E;}
.indexE ul{margin:40px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexE ul li{width:291px;background:#fff;}
.indexE ul li .pic{width:100%;display:block;border:1px solid #E5E5E5;height:101px;overflow:hidden;position:relative;box-sizing:border-box;}
.indexE ul li .pic img{width:100%;display:block;position:absolute;top:-94px;transition:all 0.3s ease 0s;}

.indexE ul li:hover .pic img{top:0;}
                   
.indexF{padding:80px 0;background:#F2F3F7;}
.indexF ul {margin: 30px 0 0;display: flex;flex-wrap: wrap;}
.indexF ul li {width: 50%;padding: 10px;box-sizing:border-box;}
.indexF .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexF .tit h3{color:#2b2b2b;font-size:32px;line-height:1;font-weight:bold;}
.indexF .tit a{background-color:#131727;font-size:14px;display:inline-block;border-radius:20px;padding:12px 45px;color:#fff;}
.indexF .tit a:hover{background-color:#01458E;}           
.indexF .box{display:-webkit-flex;display:flex;background:#fff;border:2px solid #ECECEC;border-radius:8px;padding:24px;}
.indexF .time{width:90px;}
.indexF .time em{font-size:36px;color:#121212;}
.indexF .time span{font-size:18px;color:#acacac;margin:3px 0 0;}
.indexF .time hr{width:100%;height:2px;background:#acacac;margin:35px 0 0;}
.indexF .txt{-webkit-flex:1;flex:1;margin-left:50px;}
.indexF .txt h5{font-size:22px;color:#000;font-weight:500;line-height:1.1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:1;}
.indexF .txt h5 a:hover{color:var(--active-color);}
.indexF .txt p{font-size:17px;margin:13px 0;color:#7e7e7e;line-height:24px;height:48px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.indexF .txt .more{margin:5px 0 0;width:180px;height:35px;line-height:35px;background:#4479C4;text-align:center;font-size:16px;display:inline-block;text-transform:uppercase;color:#fff;}
.indexF .txt .more:hover{background:rgba(91,155,243,0.8);}                
                   
                   

/*------------------------------------------------------------*/

.sidebanner{position:relative;}

.path{padding:20px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.path p{color:#555;font-size:15px;}
.path p i{margin:0 5px 0 0;font-size:14px;color:#555;}
.path p a:hover{color:#16298C;}

.path ul{font-size:0;}
.path ul li{display:inline-block;margin:0 0 0 10px;}
.path ul li a{font-size:14px;color:#666;display:block;background:#EAEAEA;padding:0 20px;height:30px;line-height:30px;}
.path ul li.active a{background:#16298C;color:#fff;}

.main{padding-top:20px;padding-bottom:40px;}

.main-left{float:left;width:290px;}
.main-right{margin:0 0 0 330px;}

.rtit{text-align:center;margin-bottom:50px;}
.rtit h1{font-size:32px;color:#515671;font-weight:500;display:inline-block;}

/*----------------------------------------*/

.main-left{float:left;width:300px;}
.main-left h3{height:60px;line-height:60px;text-align:left;background:#1C2F8F;font-size:20px;color:#fff;font-weight:bold;text-transform:uppercase;position:relative;padding:0 0 0 15px;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{margin-top:5px;}
.sidemenu > ul > li h5{height:45px;line-height:45px;background:#F0EFEF;display:block;font-size:15px;color:#404040;cursor:pointer;position:relative;}
.sidemenu > ul > li h5 a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 0 0 15px;}
.sidemenu > ul > li h5 a:hover{color:#fff;background:#1C2F8F;}
.sidemenu > ul > li.active h5 a{color:#fff;background:#1C2F8F;}
.sidemenu > ul > li ul li{line-height:24px;background:#F9F9F9;margin-top:5px;}
.sidemenu > ul > li ul li a{position:relative;font-size:15px;display:block;color:#484848;padding:10px 10px 10px 45px;text-transform:capitalize;}
                          
.sidemenu > ul > li ul li a::before{content:"";width:6px;height:6px;border-radius:50%;background:#555;display:inline-block;position:absolute;left:30px;top:calc(50% - 3px);}
.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover{color:#fff;background:#1C2F8F;}
.sidemenu > ul > li > ul > li.active > a::before,.sidemenu > ul > li > ul > li > a:hover::before{background:#fff;}

.sidemenu > ul > li.active h5{color:#18AE4F;border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active h5 > span{background-image:url("../images/i4-1.png");}


.sidenav{margin:0 0 20px;}
.sidenav ul{}
.sidenav ul li{display:block;line-height:50px;height:50px;padding-left:20px;font-size:15px;color:#333;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.sidenav ul li a{color:#333;}
.sidenav ul li:last-child a{border-bottom:none;}
.sidenav ul li::after{color:#555;font-family:"qico";content: "\e7eb";position:absolute;right:10px;top:0;font-size:16px;font-weight:normal;line-height:49px;}

.sidenav ul li.active::after{display:block;color:#01CDCD;}
.sidenav ul li.active a,.sidenav ul li a:hover{color:#01CDCD;}


.menu-tabs{padding:30px 0 20px;text-align:center;border-bottom:1px solid #E3E3E3;}
.menu-tabs h3{display:none;font-size:18px;font-weight:bold;color:#2C353D;height:46px;line-height:46px;padding:0 0 0 20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase;position:relative;}
.menu-tabs h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.menu-tabs h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.menu-tabs ul{font-size:0;}
.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 10px 10px;width:220px;text-align:center;}
.menu-tabs ul li a{font-size:17px;color:#333;display:block;background:#EAEAEA;}
.menu-tabs ul li.active a{background:#18AC4E;color:#fff;}


/*---------news-----------*/

.newslist ul{}
.newslist ul li{overflow:hidden;padding:24px;box-shadow:0 0 20px 0 #eaeaea;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.newslist ul li+li{margin-top:20px;}
.newslist ul li .date{width:90px;text-align:center;background:#666;border-radius:4px 0 4px 0;padding:10px 0;}
.newslist ul li .date em{font-size:24px;color:#fff;font-weight:bold;display:block;}
.newslist ul li .date span{font-size:14px;color:#fff;margin-top:3px;}

.newslist ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 20px;}
.newslist ul li .t h5{font-size:17px;font-weight:bold;color:#333;}
.newslist ul li .t h5 a:hover{color:#16298C;}
.newslist ul li .t p{font-size:15px;line-height:22px;color:#999;margin:12px 0 0;}

.newslist ul li:hover .date{background:#16298C;}



.newsnr h1{font-size:26px;margin:20px 0 0;color:#000;text-align:center;}

.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;position:relative;}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:#CBCBCB;width:100px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -50px;z-index: 1;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:14px;color:#666;}
.newsnr .artInfo span.come{background:url(../images/come.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.myart{margin:15px 0;line-height:26px;font-size:16px;color:#333;}
.myart p{margin:0 0 10px;}
.myart table{width:100%;max-width:100%;margin-bottom:20px;font-size:14px;border:1px solid #D9D9D9;color:#333;}
.myart table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.myart table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;white-space: nowrap;}
.myart table tr.firstRow > td{font-weight:bold;}
.myart table tr > td *{margin:0;padding:0;}
.myart table tr > td p{margin:0;}       

.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;margin:-1px 0 0;color:#333;padding:8px 14px;border:1px solid #ddd;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize;}
.pnbar p:hover a{color:#16298C;}

/*-----about------*/

.about{padding:0 0 60px;}
.about h3,.about h1{font-size:36px;color:#000;font-weight:600;text-align:center;}
.about .box{margin-top:50px;}
.about .t{font-size:16px;line-height:30px;color:#555;}
.about .t p{text-align:justify;}
.about .t p~p{margin-top:10px;}
.about .pic{width:50%;float:left;margin:0 20px 20px 0;}
.about .pic img{width:100%;display:block;}

.about2{padding:60px 0;background:#16288B;}
.about2 ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.about2 ul li{-webkit-flex:1;flex:1;text-align:center;position:relative;}
.about2 ul li:not(:last-child)::after{content:"";position:absolute;top:15px;bottom:15px;right:-1px;width:1px;background:#DBDBDB;display:block;}
.about2 ul li img{height:100px;}
.about2 ul li h6{font-weight: bold;font-size:60px;color:#fff;line-height:1;position:relative;display:inline-block;}
.about2 ul li p{font-size:18px;color:#fff;margin:15px 0 0;}
.about2 ul li sup{font-size:8px;vertical-align:text-top;}
/*--------*/

.cert-list{padding:60px 0;background:#FAFAFA;}
.cert-list h3,.cert-list h1{font-size:30px;color:#000;text-transform:uppercase;line-height:1;font-weight:600;text-align:center;}
.cert-list h3::after,.cert-list h1::after{content:"";width:50px;height:3px;background:#000;margin:15px auto 0;display:block;}
.cert-list p{font-size:15px;color:#333;margin:15px 0 0;text-align:center;}
.cert-list .list{margin-top:50px;position:relative;}
.cert-list .list .swiper-slide{}
.cert-list .list .swiper-slide img{width:100%;display:block;border:2px solid #544A48;box-sizing:border-box;}

.cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:40px;height:40px;border-radius:0;background:none;color:#000;margin-top:-20px;text-align:center;}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:35px;line-height:40px;color:inherit;}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-50px;right:auto;}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto;}

.cert-list .swiper-button-prev:hover,.cert-list .swiper-button-next:hover{color:#5C5C5C;}

.cert-list .swiper-pagination{display:none;position:static;width:100%;margin:25px 0 0;}
.cert-list .swiper-pagination-bullet {height:10px;width:10px;margin:0 4px;background:none;border:1px solid #8EC63F;border-radius:50%;opacity:1;box-sizing:border-box;}
.cert-list .swiper-pagination-bullet-active{background:#8EC63F;}


.rd{padding:50px 0 70px;}
.rd .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.rd .txt{-webkit-flex:1;flex:1;margin-right:60px;}
.rd .txt h3,.rd .txt h1{font-size:30px;color:#000;font-weight:500;}
.rd .txt h3::after,.rd .txt h1::after{content:"";display:block;height:3px;background:#01458E;width:50px;margin:15px auto 0 0;}
.rd .txt .t{margin:25px 0 0;font-size:16px;line-height:30px;color:#424242;}
.rd .txt .t p~p{margin-top:10px;}
.rd .pic{width:555px;}
.rd .pic img{width:100%;display:block;}


.rd2{background:#F3F3F3;padding:70px 0;}
.rd2 .tit{text-align:center;}
.rd2 .tit h3{font-size:30px;color:#000;font-weight:500;}
.rd2 .tit p{margin:15px 0 0;line-height:30px;word-break:keep-all;word-wrap:break-word;text-align:justify;font-size:15px;color:#333;}

.rd2 .list{margin-top:50px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.rd2 .list p{position:absolute;bottom:0;font-size:15px;line-height:34px;background-color:rgba(91,153,243,0.8);z-index:11;width:100%;text-align:center;color:#fff;}
.rd2 .list img{width:100%;display:block;transition:all 0.3s ease 0s;}

.rd2 ul{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;align-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.rd2 ul li{width:calc(33.33333333% - 5px);position:relative;transition:all 0.3s ease 0s;}

.rd2 .bpic{width:480px;position:relative;margin-right:10px;transition:all 0.3s ease 0s;}


.rd3{background:#fff;padding:70px 0;}
.rd3 .tit{text-align:center;}
.rd3 .tit h3{font-size:30px;color:#000;font-weight:500;}
.rd3 .tit p{margin:15px 0 0;line-height:30px;font-size:15px;color:#333;}
.rd3 .tit p span{font-size:18px;color:#01458E;}
.rd3 ul{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.rd3 ul li{text-align:center;width:45%;box-shadow:0 0 72px 0 #e1dddd;}
.rd3 ul li a{width:100%;display:block;overflow:hidden;}
.rd3 ul li img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.rd3 ul li p{font-size:16px;line-height:40px;height:40px;color:#333;}
.rd3 ul li:hover{box-shadow:0 0 15px 0 rgba(50,50,50,0.14);}
.rd3 ul li:hover p{background:#172A8C;color:#fff;}
.rd3 ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

/*--------*/

.quality{}
.quality h3,.quality h1{font-size:32px;color:#000;font-weight:700;text-align:center;}

.quality .t{margin:25px 0 0;font-size:16px;line-height:30px;color:#000;text-align:center;}

.quality h6{font-size:17px;color:#01458E;margin:35px 0 25px;background-color:#dceffb;padding:15px 48px;border-radius:16px;text-align:center;line-height:32px;}

.quality .list p{position:absolute;bottom:0;height:56px;color:#fff;font-size:15px;line-height:56px;padding:0 20px;box-sizing:border-box;background-color:rgba(74,80,86,0.8);z-index:11;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.quality .list p i{font-style:normal;font-size:26px;padding-right:12px;color:#fff;}

.quality .list ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.quality .list ul li{position:relative;margin-top:18px;}

.qcbox1 ul li:nth-child(1){width:49.25%;}
.qcbox1 ul li:nth-child(2){width:49.25%;}
.qcbox1 ul li:nth-child(3),.qcbox1 ul li:nth-child(4),.qcbox1 ul li:nth-child(5){width:32.1666666%;}
.qcbox1 ul li:nth-child(6){width:49.25%;}
.qcbox1 ul li:nth-child(7){width:49.25%;}

.qcbox2 ul li:nth-child(1){width:49.25%;}
.qcbox2 ul li:nth-child(2){width:49.25%;}
.qcbox2 ul li:nth-child(3),.qcbox2 ul li:nth-child(4),.qcbox2 ul li:nth-child(5){width:32.1666666%;}
.qcbox2 ul li:nth-child(6){width:49.25%;}
.qcbox2 ul li:nth-child(7){width:49.25%;}
.qcbox2 ul li:nth-child(8){width:66%;}
.qcbox2 ul li:nth-child(9){width:32.1666666%;}
.qcbox2 ul li:nth-child(10){width:32.1666666%;}
.qcbox2 ul li:nth-child(11){width:66%;}

/*--------*/

.cert-list{padding:30px 0;}
.cert-list h3{font-size:32px;color:#000;font-weight:700;text-align:center;}
.cert-list ul{margin:20px 0 0 -2%;}
.cert-list ul li{float:left;margin:30px 0 0 2%;text-align:center;width:23%;box-shadow:0 0 72px 0 #e1dddd;}
.cert-list ul li a{width:100%;display:block;overflow:hidden;}
.cert-list ul li img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.cert-list ul li p{font-size:16px;line-height:40px;height:40px;color:#333;}
.cert-list ul li:hover{box-shadow:0 0 15px 0 rgba(50,50,50,0.14);}
.cert-list ul li:hover p{background:#172A8C;color:#fff;}
.cert-list ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}





.factory{padding:30px 0;}
.factory h3,.factory h1{font-size:32px;color:#000;font-weight:700;text-align:center;}
.factory ul{margin:20px 0 0 -2%;}
.factory ul li{float:left;margin:30px 0 0 2%;text-align:center;width:23%;box-shadow:0 0 72px 0 #e1dddd;}
.factory ul li a{width:100%;display:block;overflow:hidden;}
.factory ul li img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.factory ul li p{font-size:16px;line-height:40px;height:40px;color:#333;}
.factory ul li:hover{box-shadow:0 0 15px 0 rgba(50,50,50,0.14);}
.factory ul li:hover p{background:#172A8C;color:#fff;}
.factory ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}


.faq-list ul{}
.faq-list ul li{margin:15px 0 0;background:#F4F4F4;padding:0 15px 0 35px;position:relative;box-sizing:border-box;}
.faq-list ul li .tit{height:80px;overflow:hidden;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.faq-list ul li .tit span{display:block;width:40px;height:40px;line-height:40px;text-align:center;margin-top:2px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.faq-list ul li .tit span i{color:#787878;font-size:30px;}
.faq-list ul li .tit h4{background:url(../images/dot2.png) no-repeat left center;line-height:24px;padding:0 0 0 44px;font-size:18px;color:#010101;}

.faq-list ul li .con{display:none;font-size:16px;line-height:24px;color:#666;padding:0 0 30px;}
.faq-list ul li .con p{margin:10px 0 0 0;}

.faq-list ul li.active{}
.faq-list ul li.active .tit span{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}


/*-----products------*/
.pro-top{margin-bottom:15px;background:#F7F7F7;padding:20px;}
.pro-top h1{font-size:24px;color:#111;font-weight:600;}
.pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}
.pro-top .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}
.pro-top .t p~p{margin-top:10px;}.pro-top{margin-bottom:15px;background:#F7F7F7;padding:10px;}
.pro-top h1{font-size:20px;color:#111;font-weight:500;}
.pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:5px 0 0;}
.pro-top .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}
.pro-top .t p~p{margin-top:10px;}

.pro-list{}
.pro-list ul{margin:0 0 0 -2%;}
.pro-list ul li{float:left;width:31.33333%;text-align:center;margin:0 0 30px 2%;background:#fff;cursor:pointer;box-sizing:border-box;box-shadow: 0px 0px 72px 0px #e1dddd;}
.pro-list ul li .pic{width:100%;display:block;}
.pro-list ul li .pic img{max-width:90%;}
.pro-list ul li h6{height: 96px;color: #333;text-align: center;text-overflow: ellipsis;padding-top: 3px;}
.pro-list ul li h6 a{ font-size: 16px;line-height: 24px;}

.pro-list ul li:hover{box-shadow:0 0 15px rgba(0,0,0,0.11);}
.pro-list ul li:hover h6{background:#6F6E6E;color:#fff;}

/*-----pro-view----*/

.pro_view{display:-webkit-flex;display:flex;}

.pro_img{width:470px;}
.pro_img .view{width:100%;border:1px solid #E5E8EA;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-container img{width:100%;display:block;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}

.pro_img .preview {width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}
.pro_img .preview .swiper-container {width:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{justify-content:center;}
.pro_img .preview .swiper-slide{cursor:pointer;width:60px;padding:10px 0 0;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#16298C;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid #D9D9D9;padding:2px;box-sizing:border-box;}
.pro_img .preview .active-nav img{border-color:#16298C;}

.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}


.pro_view_inner{-webkit-flex:1;flex:1;margin-left:50px;overflow:hidden;}
.pro_view_inner h1{color:#16298c;font-size:24px;margin:5px 0 0;font-weight:bold;}
.pro_view_inner hr{border:none;height:4px;background:url(../images/line.png) repeat-x;margin:15px 0 0;}
.pro_view_inner > p{color:#333;font-size:16px;margin:30px 0 0;text-align:justify}
.pro_view_inner .pro_para{margin:25px 0 0;padding:20px 0;border-top:1px solid #ccc;}
.pro_view_inner .pro_para p{font-size:16px;color:#666;line-height:24px;background:url(../images/dot1.png) no-repeat left 9px;padding:0 0 0 15px;}
.pro_view_inner .pro_para table{margin-top:15px;width:100%;max-width:100%;color:#999;border:1px solid #dddddd;font-size:14px;}
.pro_view_inner .pro_para table tr > td{padding:5px 7px;line-height:1.42857143;vertical-align:middle;border:1px solid #dddddd;}

.pro_view_inner .tools{margin:25px 0 0;}
.pro_view_inner .tools a{vertical-align:top;}
.pro_view_inner .tools .book{line-height:42px;width:160px;text-align:center;font-size:16px;color:#fff;display:inline-block;background:#16298C;}
.pro_view_inner .tools .book:hover{background:#01458E;}
.pro_view_inner .tools .tel{margin-left:15px;height:42px;line-height:42px;padding:0 30px;color:#fff;font-size:16px;display:inline-block;background:#01458E;}

.pro-share{margin:25px 0 0;} 
.pro-share .addthis_inline_share_toolbox_ysau{clear:none !important;}

.pro_text{margin:30px 0 0;position:relative;}
.pro_text .tit{box-sizing:border-box;border-bottom:1px solid #16298c;}
.pro_text .tit h5{background:#16298c;padding:0 20px;color:#fff;height:45px;line-height:45px;display:inline-block;font-size:20px;font-weight:500;}

.pro-content{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;}
.pro-content h5{font-size:16px;color:#333;font-weight:bold;margin:0 0 10px;}
.pro-content p{margin:0 0 10px;text-align:justify}
.pro-content img{margin:15px 0;display:block;}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;}
.pro-content table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.pro-content table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}
.pro-content table tr.firstRow > td{font-weight:bold;}
.pro-content table tr > td *{margin:0;padding:0;}
.pro-content table tr > td p{margin:0;}

.pro-content table tr:nth-child(1){/*background:#16298c;*/color:#333333;}


.pro-inquiry{margin-top:30px;}
.pro-inquiry .tit{height:50px;background:#F3F3F3;padding:10px 0 0;box-sizing:border-box;}
.pro-inquiry .tit h5{border-left:3px solid #16298C;padding:0 0 0 15px;color:#333;height:30px;line-height:30px;font-size:18px;font-weight:600;}
.pro-inquiry .inquirbox{border:2px solid #F3F3F3;border-top:none;padding:20px 15px 5px;}


.related-pro{margin-top:30px;}
.related-pro .tit{box-sizing:border-box;border-bottom:1px solid #ccc;padding:0 0 10px;}
.related-pro .tit h5{border-left:3px solid #16298C;padding:0 0 0 15px;color:#111;height:30px;line-height:30px;font-size:18px;font-weight:bold;}
.related-pro ul{margin:0 0 0 -2%;}
.related-pro ul li{float:left;width:23%;margin:15px 0 0 2%;}
.related-pro ul li img{display:block;width:100%;border:1px solid #DADADA;box-sizing:border-box;}
.related-pro ul li h6{height:45px;color:#111;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.related-pro ul li h6 a{line-height:22px;font-size:16px;}
.related-pro ul li:hover a{color:#16298C;}


/*----contact----*/

.contact{}
.contact h3,.contact h1{font-size:32px;color:#000;font-weight:bold;text-align:center;margin-bottom: 30px;}
.contact p{font-size:28px;color:#222;}


/*contact*/
.contact{background:#fff;padding:40px;box-shadow:0 0 5px 3px rgba(0,0,0,0.08);margin-bottom: 30px;}
.contact-top{margin-left: 45px;}
.contact img{margin-bottom:20px;}
.contact p{font-size:20px;line-height:40px;margin: 10px 0;padding: 0 50px;color:#464646;}
.contact p a:hover{color:#16298C;}
.contact p.c1{background:url(../images/c1.png) no-repeat left center;}
.contact p.c2{background:url(../images/c2.png) no-repeat left center;}
.contact p.c3{background:url(../images/c3.png) no-repeat left center;}
.contact p.c4{background:url(../images/c4.png) no-repeat left center;}

.contact ul li{display: flex;justify-content: space-between;flex-wrap: wrap;}             
.contact ul li p{width:38%;}
.contact ul li p:first-child{width:24%;}
.contact-left{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}            
              
              
.map{margin:20px 0 0 0;}
.map img{width:100%;}

.contact-inquiry{margin:50px 0 0;}
.contact-inquiry h3{font-size:32px;color:#000;font-weight:bold;text-align:center;}
.contact-inquiry p{font-size:16px;color:#595959;line-height:24px;margin:10px 0 0;}
.contact-inquiry .inquirbox{margin:30px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:18px;}

/*------------*/