/* header&foot */
.box{width: 1560px; margin: 0 auto; max-width: 100%;}
header{ width: 100%; position: relative;}

.head{ width: 100%; position: fixed; z-index: 96; left: 0; top: 0; transition: 0.3s; background-color: rgba(255,255,255,0); height: 90px; border-bottom: 1px solid #575553; box-sizing: border-box;}
.head .box{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.head.active,.head.ernav{ background-color: rgba(255,255,255,1); border-bottom:1px solid #eee;} 
.head .logo a:nth-child(2),.search form a:nth-child(2){ display: none;}
.head.active .logo a:nth-child(1),.head.active .search form a:nth-child(1),.head.ernav .search form a:nth-child(1),.head.ernav .logo a:nth-child(1){ display: none;}
.head.active .logo a:nth-child(2),.head.active .search form a:nth-child(2),.head.ernav .search form a:nth-child(2),.head.ernav .logo a:nth-child(2){ display: block;}
.head.active .first-nav a,.head.active .search form input,.head.ernav .search form input,.head.ernav .first-nav a{ color: #333;}
.head.active .search form input::-webkit-input-placeholder,.head.ernav .search form input::-webkit-input-placeholder{color: #666;}
.head.active .mBtn span i,.head.ernav .mBtn span i{ background: #004894;}
.head.ernav nav.active .first-nav a{ color: #fff;}
.head.ernav .nav-item .on a:hover{ color: #333;}


.logo{ height:50px; transition: 0.3s; margin-right: 100px;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}

nav{ height: 100%;font-weight: 400;display: flex; width: calc(100% - 450px);}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 100%;}
.nav-item{position: relative;height: 100%;transition: 0.3s; }
.mc{display: none}

.first-nav{ height: 100%; width: 100%;}
.first-nav a{ color: #fff; font-size: 15px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; font-weight: 500; padding: 0 20px;}
.first-nav a i{display: block; margin-left: 10px; transition: 0.3s; display: none;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav a em{position: absolute; width: 0; height: 2px; background: #004894; bottom: -1px; transition: 0.3s; z-index: 6;}
.second-nav{position: absolute; left: -5%; top: 90px; background: rgb(0,0,0,0.6); width: 110%;  box-sizing: border-box;  z-index: 99; transition: 0.3s; display:none}
.second-nav a{color: #fff; display: block; width: 100%;text-align: center; font-size: 13px; line-height: 3; transition: 0.3s;}
.second-nav a:hover{ color: #fff; background:#004894;  }

.second-nav .pc-nav {display:block}
.second-nav .ph-nav {display:none}

.nav-item:hover .first-nav a{ font-weight:500;}
.nav-item:hover .first-nav.on a{ color: #333;}
/* .nav-item:hover i{transform: rotate(180deg);} */
.nav-item:hover em,.first-nav.on em{width: 40%; left: 30%;}
.navs1,.navs{ position: relative;}
				        .second-nav1{position: absolute;
                            left: 100%;
                            top: 0;
                            background: rgb(0,0,0,0.6);
                            width: 110%;
                            box-sizing: border-box;
                            z-index: 109;
                      transition: 0.3s; display:none;
			
				        }
                        .second-nav2{position: absolute;
                            left: 100%;
                            top: 0;
                            background: rgb(0,0,0,0.6);
                            width: 110%;
                            box-sizing: border-box;
                         transition: 0.3s; display:none;
                        }

/*.nav-item:hover .second-nav,.nav-item:hover .second,.navs1:hover .second-nav1,.navs:hover .second-nav2{ display:block;}*/


.second{position: absolute; left:105%; top: 90px; background: rgb(0,0,0,0.6); width: 150%;  box-sizing: border-box;  z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; display:none}
.second a{color: #fff; display: block; width: 100%;text-align: center; font-size: 13px; line-height: 3; transition: 0.3s;}
.second a:hover{ color: #fff; background:#004894;  }



.search{position: relative; margin-left: 100px;}
.search form{ display: flex; border: 1px solid transparent; height: 34px; box-sizing: border-box; align-items: center; padding:0 12px 0 22px; justify-content: space-between; border-radius: 40px;  transition: 0.3s; box-sizing: border-box;}
.search form input{ border: none; width: calc(100% - 35px); background: none; color: #fff;}
.search form img{ width: 18px;}
/* .search form:hover{border: 1px solid #fff;} */
.search form input::-webkit-input-placeholder{color: #fff;}


.mBtn{ width: 40px; height: 40px; border-radius: 4px; display: none;  cursor: pointer;   box-sizing: border-box;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}
.head_right{display: flex;  align-items: center; height: 100%;  position: relative; margin-right: 20px; display: none;}

.banner{ width:100%;  height: 100vh;}
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.bn_tx{  position: absolute;  top: 150px; color: #fff; width: 92%; left: 4%; z-index: 7; text-align: center;}
.bn_tx h1{font-size: 36px;font-weight: bold; transform: translateY(100px); transition: 1s ease-in-out; color: #fff;opacity: 0;}
.bn_tx h2{ font-size: 36px; font-weight: bold; transform: translateY(100px); transition: 1s ease-in-out 0.1s;opacity: 0; }
.bn_tx p{font-size: 20px;line-height: 40px; margin-top: 40px; transform: translateY(100px); transition: 1s ease-in-out 0.2s;opacity: 0; }

.banner_swiper .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx p{transform: translateY(0);opacity: 1;}

.zuoyoubanner{width: 1560px; left: 50%; margin-left: -780px;  top: auto;  bottom: 30px; text-align:right;  position: absolute; height: 45px;}
.zuoyoubanner>div{width: 45px; height: 45px; box-sizing: border-box; border: 1px solid #4b4a49;border-radius: 50px; transition: 0.3s;}
.zuoyoubanner>div:hover{border: 1px solid #fff;}
.zuoyoubanner>div::after{ font-size: 16px; color: #fff;}
.zuoyoubanner .swiper-button-next{ right:0;}
.zuoyoubanner .swiper-button-prev{ right: 68px; left: auto;}
.banner_swiper .swiper-pagination{ width: 1560px; left: 50%; margin-left: -780px;  top: auto; height: 45px!important;  bottom: 30px; text-align: left; display: flex; align-items: center;}
.banner_swiper .swiper-pagination-bullet{ width:14px;height:14px; box-sizing: border-box; border-radius:50%;  background: none;  border: 1px #fff solid; }
.banner_swiper .swiper-pagination-bullet-active{opacity: 1;}
.banner_swiper .swiper-pagination-bullet-active::before{content: ""; display: block; width:4px;height: 4px; background: #fff; border-radius: 50%; margin:4px ;}
.bannertx{width: 1560px; left: 50%; margin-left: -780px; bottom: 120px;  position: absolute; display: flex; justify-content: space-between; color: #fff; z-index: 6;}
.bannertx span{ width: 27%; text-align: center; opacity: 0.5; transition: 0.3s;}
.bannertx h1{ font-size: 26px; font-weight: bold;}
.bannertx p{ line-height: 32px; font-size: 16px; margin-top: 20px;}
.bannertx span.txh,.bannertx span:hover{ opacity: 1; cursor: pointer;}
.shubiao{ width: 70px; left: 50%; bottom: 30px; height: 45px; display: flex; flex-direction: column; color: #fff; margin-left: -35px; z-index: 7; position: absolute; justify-content: center; text-align: center;animation: scroll1 3s linear infinite; font-size: 12px;}
.shubiao img{ width: 20px; display: block;margin: 0 auto; margin-bottom: 10px; }
@keyframes scroll1 {
            0%{transform:translateY(0px);}
            50%{transform:translateY(-20px);}
            100%{transform:translateY(0px);}
}

.tubox{ width: 100%; position: relative;}
.tubox img{ display: block; width: 100%;}
.tubox span{ display:flex; flex-direction: column; position: absolute; width: 1560px; left: 50%; margin-left: -780px; color: #fff;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;}
.tubox span h1{ text-transform: unset; font-size: 50px; font-weight: bold;background: linear-gradient(to right, #fff, rgba(255,255,255,0) 50%);-webkit-background-clip: text; color: transparent; line-height: 1;}
.tubox span h2{ font-size: 54px; display: flex; align-items: center; margin-top: 20px; margin-bottom: 15px; font-weight: bold;}
.tubox span h2 i{ width: 20px; height: 20px; border: 2px solid #004894; border-radius: 20px; margin-right: 20px;}
.tubox span p{ font-size: 26px; color: #eee; padding-left: 40px;}



footer{background-color: #fff;}
.foot{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.fttop{ width: 100%;border-bottom: 1px solid #ccc; height: 144px;}
footer .box{ display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;}
.fttop span,.fttop span a{ display: flex; align-items: center;}
.fttop span h1{ font-size: 26px; margin-left: 20px;}
.fttop span h2{ font-size: 24px; margin-left: 14px; font-weight: bold; font-style: italic;}
.fttop span.erweim{ position: relative; cursor: pointer;}
.fttop span.erweim:hover h4{ display: block;}
.fttop span.erweim h4{ position: absolute; z-index: 3; width: 100px; top: -100px; left: 50%; margin-left: -40px; display: none; transition: 0.3s;}
.fttop span.erweim h4 img{ width: 100%;}
.ftcon{ padding-top: 35px; padding-bottom: 30px;}
.ftcon span h3{ font-size: 16px; font-weight: bold;}
.ftcon span p{ display: flex; margin-top: 15px; flex-direction: column;}
.ftcon span p a{ line-height: 36px; color: #666;transition: 0.3s;}
.ftcon span p a:hover{ color: #004894;}
.ftdi{ text-align: center; color: #979797; font-size: 13px; padding: 15px 0; line-height: 1.8; border-top: 1px solid #ccc;}
.ftdi a{color: #979797; transition: 0.3s;}
.ftdi a:hover{ text-decoration: underline;}
.ftdi i{ padding:0 8px;}


section{padding: 30px 0; position: relative;}
main{width: 1560px; margin: 0 auto; max-width: 94%;}
.top30{ margin-top: 30px;}
.top50{ margin-top: 50px;}

.con1{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;position: relative; align-items: stretch; /* height: 437px; */ margin-top: 16px;}
.k1{ margin-top: 40px;}
.con1 a{ position: relative; margin-top: 34px; transition: 0.3s; overflow: hidden; margin: 0 8px;}
.k1 a:nth-child(1),.k2 a:nth-child(2){flex:2+16px;}
.k1 a:nth-child(2),.k2 a:nth-child(1){flex:1;}
.k3 a{flex:1;}
.con1 a:hover>img{transform: scale(1.2);transition: all 0.3s;}
.con1 a>img{ width: 100%; display: block; transition: 0.3s; height: 100%;}
.con1 a span{box-sizing: border-box; padding:20px;color: #fff; font-size: 16px;position: absolute; z-index: 6; left: 0; width: 100%; bottom: 0; transition: 0.3s; display: flex; flex-direction: column;transition: 0.3s;}
.con1 a span h2{ font-size: 22px; font-weight: bold; margin: 12px 0; overflow: hidden; width: 100%; height: 26px; line-height: 26px;}
.con1 a:hover span{height: 100%;align-items: center; justify-content: center;text-align:center;}
.con1 a span i{ width: 0; position: absolute; left: 0; height: 100%;background-color: rgba(0,0,0,0.6);z-index: -1; bottom: 0; transition: 0.5s;}
.con1 a:hover span i{ width: 100%;}


.title{ width: 100%; text-align: center; display: flex; flex-direction: column;}
.title h1{ font-size: 40px; color: #303030; font-weight: bold;}
.title p{ font-size: 20px; color: #747474; text-transform: uppercase; margin-top: 20px; line-height: 1.7;}

.more{ margin-top: 60px; display: flex; justify-content: center;}
.more a{ width: 180px; height: 52px; line-height: 50px; text-align: center; font-size: 16px; border: 1px solid #004894; color: #004894; transition: 0.3s; border-radius: 60px; position: relative; overflow: hidden; box-sizing: border-box;}
.more a:hover{ transform: translate(0, -4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);}

/*分页样式*/ 
.pages{margin-top: 30px;  }
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#004894;border:#004894 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#004894;border:#004894 solid 1px;color:#FFF;}


.show_title{text-align: center;  border-bottom: 1px #ddd solid; padding-bottom: 30px; margin-bottom: 30px; margin-top: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 14px;color: #999; display: flex;align-items: center; justify-content: center;}
.show_title h2 i{ margin-left: 15px;}
.show_title h2 b{ color: #666; font-weight: normal;}

.danye{color: #666; line-height: 2; text-align: justify;}
.danye img{max-width: 100%!important;height: auto!important;}

.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #004894; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}

.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}
.o-banner{width: 100%;position: relative; margin-top: 90px;}
.o-banner h1{ width: 100%; overflow: hidden;}
.o-banner img{display: block; width: 100%; transition: 0.3s;}
.o-banner:hover img{transform: scale(1.2);transition: all 0.3s;}
.o-name{position: absolute; width: 1560px; left: 50%; margin-left: -700px; top: 50%; transform: translateY(-50%);}
.o-name p{ width: 50px; height: 1px; background: #fff;}
.o-name h1{font-size:28px; text-transform: uppercase; color: #fff;}
.o-name h2{color: #fff; font-size: 16px; margin-top: 14px; text-transform: uppercase;}
.sec-nav{width: 100%; background: #f5f5f5;}
.sec-nav span{width:1560px; margin: 0 auto;display: flex; height: 100%; flex-wrap: wrap; padding: 15px 0;}
.sec-nav a{line-height: 50px; transition: 0.3s; padding: 0 30px; font-size: 16px; color: #666; position: relative;}
.sec-nav a b{position: absolute; z-index: 6; width: 1px; height: 50%; top: 25%; right: 0; background-color: #ccc;}
.sec-nav a:last-child b{ display: none;}
.sec-nav a i{ position: absolute; z-index: 6; left: 30%; bottom: 0; width: 0; transition: 0.3s;}
.sec-nav a.on,.sec-nav a:hover{ color: #28a475;}
.sec-nav a.on i,.sec-nav a:hover i{width: 40%; height: 2px; background-color: #28a475;}

.erweizhi{padding:10px 0; width: 100%; background-color: #f6f6f6; margin-bottom: 2px;}
.erweizhi p{ line-height: 30px; font-size: 15px; color: #666;}
.erweizhi p b{ padding: 0 10px; font-weight: normal;}
.erweizhi p i{color: #004894;}
.erbox{ padding-bottom: 60px;}
.falist{ display: flex; flex-wrap: wrap; margin-top: 30px;}
.falist a{ background-color: #fff; border-radius: 15px; width: calc( 33.33% - 26px); margin-right: 39px; overflow: hidden; margin-top: 30px;}
.falist a:nth-child(3n){ margin-right: 0;}
.falist a span{ display: flex; padding: 50px; flex-direction: column;}
.falist a span h1{ font-size: 28px; line-height: 32px; height: 32px; overflow: hidden; width: 100%;}
.falist a span p{ font-size: 16px; line-height: 28px; height:140px; overflow: hidden; width: 100%; color: #666; text-align: justify; margin-top: 15px;}
.erbj{ background-color: #f8f8f8;}
.falist a h3{ width: 100%; overflow: hidden;}
.falist a h3 img{display: block; width: 100%; transition: 0.3s;}
.falist a:hover h3 img,.faxqbox span img:hover{transform: scale(1.1);transition: all 0.3s;}
.falist a span h2{ width: 134px; text-align: center; height: 44px; line-height: 44px; border-radius: 50px; border: 1px solid #004894; color: #004894; margin-top: 50px;transition: 0.3s;}
.falist a span h2:hover{transform: translate(0, -4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);}

.faxqbox{ display: flex;height: 100%;zoom: 1;align-items: center; margin-top: 40px;}
.faxqbox>div{ height: 100%;width: 52%;border-radius: 10px;overflow: hidden;font-size: 0;cursor: pointer;position: relative; }
.faxqbox>div img{ width: 100%; display: block; transition: 0.3s;}

.faxqbox>div img:hover{transform: scale(1.1);transition: all 0.3s;}

.faxqbox>div:nth-child(2){ width: 53%;margin-left: -5%;height: 100%;background-color: #ffffff;box-shadow: 4px 7px 32px 6px rgba(230, 230, 230, 0.71);border-radius: 10px;z-index: 1;position: relative;padding: 60px;height: 100%;min-height: 370px; box-sizing: border-box;}
.faxqbox>div h1{line-height: 1.5;font-size: 24px;padding-bottom: 15px}
.faxqbox>div p{ font-size: 17px; color: #666; line-height: 2.2;}
.faxq{ margin-top: 20px;}
.faxq .faxqbox:nth-child(2n){flex-direction: row-reverse;}
.faxq .faxqbox:nth-child(2n)>div.fatex{ margin-right: -5%;}





.fabj{ background: url(../image/fabj.jpg) center no-repeat; background-size: cover;}
.facontop{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
/*.facontop .title{ text-align: left; width: auto;}*/
.facontop .title p{ margin-top: 15px;}
.fabj{ padding: 60px 0;}
.facontop span{ line-height: 34px; font-size: 17px; max-width: 700px; color: #666; margin: 20px 0;}
.facon{ width: 1200px; margin: 0 auto; max-width: 100%; margin-top: 20px; background-color: #fff; box-sizing: border-box; padding: 15px; border-radius: 10px;}
.facon img{ width: 100%; /*display: block;*/}
.newlist{ display: flex; justify-content: space-between; margin-top: 50px; flex-wrap: wrap;}
.newlist a{ width: calc(50% - 20px); background-color: #fff; box-sizing: border-box; padding: 40px; border-radius: 20px; margin-bottom: 30px; display: flex; justify-content: space-between;flex-wrap: wrap;}
.newlist a h1{ width: 170px; height: 170px; overflow: hidden; border-radius: 10px;}
.newlist a h1 img{ width: 100%; height: 100%;transition: 0.3s;}
.newlist a h1 img:hover{transform: scale(1.1);transition: all 0.3s;}
.newlist a span{ width: calc(100% - 210px);}
.newlist a span h2{ font-size: 20px; line-height: 1.5;margin-bottom: 10px;}
.newlist a span p{ display: flex; justify-content: space-between; height: 50px; align-items: center;font-size: 14px; width: 100%; border-top: 1px solid #eee; margin-top: 36px;}
.newlist a span p b{ font-weight: normal; color: #004894; font-size: 14px;}
.fuwubox{ display: flex; flex-wrap: wrap; margin-top: 50px; width: 100%; align-items: center; background-color: #f4f4f4; }
.fuwubox h1{ width: 50%; overflow: hidden;}
.fuwubox h1 img{ width: 100%; display: block; transition: 0.3s;}
.fuwubox h1 img:hover{transform: scale(1.1);transition: all 0.3s;}
.fwboxri{ width: 50%; padding: 50px; align-items: center; box-sizing: border-box;}
.fwboxri span{ display: flex; margin-top: 30px; flex-direction: column;}
.fwboxri span h2{ font-size: 26px; color: #004894; font-style: italic; font-weight: bold;}
.fwboxri span p{ line-height: 32px; font-size: 16px; margin-top: 10px;}

.newhd h5{ margin-top: 15px;flex-wrap: wrap;}
.newhd h5,.newhd h5 i{ display: flex; align-items: center; font-size: 16px; color: #666; }
.newhd h5 i{ margin: 10px 0; margin-right: 20px;}
.newhd h5 i:nth-child(2){ margin-right: 0;}
.newhd h5 img{ width: 16px; height: 16px; margin-right: 8px;}
.newhd a{ border-radius: 0;}

.xztop{ margin-top: 50px;}
.xztop form{ width: 835px; max-width: 100%; display: flex; justify-content: space-between; height: 58px;}
.xztop form span{ background-color: #fff; box-sizing: border-box; border: 1px solid #eee; width: calc(100% - 210px); display: flex; align-items: center; padding: 0 16px;}
.xztop form input{border: none; box-sizing: border-box; height: 100%; font-size: 18px;}
.xztop form span img{ width: 28px; margin-right: 22px;}
.xztop form span input{ width: calc(100% - 50px); font-size: 16px;} 
.xztop form input.ssan{ background-color: #004894; height: 100%; color: #fff; width: 190px; transition: 0.3s;}
.xztop form input.ssan:hover{ background-color: #9abd36; cursor: pointer;}

.xzbox{ width: 100%; margin-top: 30px;}
.xzbox table{ width: 100%;font-size: 18px; color: #666;}
.xzbox table tr th{ background-color: #004894; color: #fff;  font-weight: normal; text-align: center; height: 62px;border: 2px solid #f8f8f8;}
.xzbox table tr td{ padding: 30px 20px; background-color: #fff; border: 2px solid #f8f8f8;}
.xzbox table tr td:nth-child(3) img:nth-child(2),.xzbox table tr td:nth-child(3) a:hover img:nth-child(1){ display: none;}
.xzbox table tr td:nth-child(3) a:hover img:nth-child(2){ display: inline-block;}
.xzbox table tr td img{ vertical-align: middle; margin-right: 20px;}
.xzbox table tr td:nth-child(1){ width: 40%;}
.xzbox table tr td:nth-child(2){ width: 30%;text-align: center;}
.xzbox table tr td:nth-child(3){text-align: center;}

.shzptop{ margin-top: 30px; display: flex; justify-content: space-between;}
.shzptop span{ display: flex; flex-direction: column; width: calc(25% - 30px); margin-top: 20px;}
.shzptop span h1{ font-size: 22px; margin-top: 26px;}
.shzptop span h2{width: 100%; height: 3px; margin: 26px 0;}
.shzptop span:nth-child(1) h2{  background-color: #00a9ce;}
.shzptop span:nth-child(2) h2{  background-color: #79c000;}
.shzptop span:nth-child(3) h2{  background-color: #9b26b6;}
.shzptop span:nth-child(4) h2{  background-color: #ff671f;}
.shzptop span p{ font-size: 16px; line-height: 30px;}
.shzptop span img{ width:70px;transition: 2s all;-webkit-transition: 2s all;}
.shzptop span h2 b{ width: 0; height: 100%; background-color: #0053da; transition: 0.3s; display: block;}
.shzptop span:hover h2 b{width: 100%;}
.shzptop span:hover img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.shzpbox{ display: flex; margin-top: 50px; justify-content: space-between; flex-wrap: wrap;}
.shzpbox a{ box-sizing: border-box; background-color: #fff; border-radius: 20px; margin-bottom: 30px; width: calc(50% - 24px); padding: 40px; transition: 0.3s;}
.shzpbox a span{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.shzpbox a span img{ width: 36px;}
.shzpbox a span h1{ font-size: 22px; font-weight:bold;}
.shzpbox a p{ font-size: 16px; color: #0062c9;display: flex; align-items: center; margin-top: 45px;width: 100%;}
.shzpbox a p img{ width: 12px; margin-left: 10px;}
.shzpbox a:hover{transform: translateY(-4px);box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.10);}
.shzpmore{ margin-top: 15px;}
.shzpmore a{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 2px 0 #d8d8d8\0;-webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);text-align: center;line-height: 48px;height: 48px;width: 210px; display: block; margin: 0 auto; background-color: #fff; color: #0062c9;}
.shzpmore a:hover{transform: translate(0, -4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);}

.xyzptop{ display: flex; margin-top: 30px; flex-wrap: wrap; justify-content: center;}
.xyzptop a{background-color: #fff; border-radius: 10px; padding: 40px; box-sizing: border-box; margin: 0 20px; margin-top: 20px; width: 436px;transition: 0.3s; max-width:calc(50% - 40px); position: relative; z-index: 1;}
.xyzptop a img{ width: 30%; position: absolute; z-index: -1; right: 35px; top: 40px; transition: 0.3s;}
.xyzptop a h1{ font-size: 32px;}
.xyzptop a h2{ font-size: 20px; margin-top: 40px;}
.xyzptop a p{ font-size: 16px; margin-top: 22px; display: flex; flex-wrap: wrap; line-height:2;}
.xyzptop a h3{ width: 134px; text-align: center; height: 44px; line-height: 44px; border-radius: 50px; border: 1px solid #004894; color: #004894; margin-top: 50px;transition: 0.3s; font-size: 18px;}
.xyzptop a:hover{transform: translate(0, -4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10); background-color: #0062c9; color: #fff;}
.xyzptop a:hover h3{border: 1px solid #fff; color: #fff;background-color: #0062c9;}
.xyzptop a h3:hover{ background-color: #004894;}
.xyzptop a:hover img{ opacity: 0.1;}
.xyzpbox{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px;}
.xyzpbox span{background-color: #fff; border-radius: 10px; padding: 40px; box-sizing: border-box; margin-top: 40px; transition: 0.3s; width: calc(33.3% - 30px); display: flex; flex-direction: column;}
.xyzpbox span h1{ font-size: 32px; margin-top: 32px;}
.xyzpbox span p{ font-size: 20px; line-height: 36px; margin-top: 20px;}
.xyzpbox span img{ width: 138px; margin: 0 auto; display: block; transition: 0.3s;}
.xyzpbox span:hover img{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1); transform:scaleX(-1);}
.zpxqlist{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.zpxqlist span{ display: flex; flex-direction: column; padding: 40px; border-radius: 10px; background-color: #fff; margin-bottom: 30px; width: calc(50% - 20px); box-sizing: border-box; transition: 0.3s;}
.zpxqlist span h1{ font-size: 20px;}
.zpxqlist span h2{ font-size: 16px; color: #666; margin-top: 15px;}
.zpxqlist span p{ font-size: 14px; color: #666; margin-top: 25px;}
.zpxqlist span:hover{transform: translate(0, -4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);}
.abouttex{ text-align: center; margin-top: 50px;}
.abouttex h1{ font-size: 18px; margin-bottom: 20px;}
.abouttex p{ font-size: 16px; line-height: 36px;}
.abouttex.two p{ line-height: 32px;}
.abouttex.two h2{ font-size: 20px;}

.aboutlist{ display: flex; justify-content: space-between; margin-top: 50px;}
.aboutlist>div{ width: calc(33.3% - 5px); background-color: #4a4a4a; transition: 0.3s;}
.aboutbox h1{ width: 100%; overflow: hidden;}
.aboutbox h1 img{ width: 100%; transition: 0.3s; display: block;}
.aboutbox:hover img{transform: scale(1.1);transition: all 0.3s;}
.aboutbox span{ display: flex; position: relative; flex-direction: column; box-sizing: border-box; padding: 40px; text-align: center; color: #fff;}
.aboutbox span h2{ background-color: #fff; width: 140px; height: 140px; border-radius: 50%; position: absolute;  z-index: 4; left: 50%; margin-left: -70px; display: flex; align-items: center; justify-content: center; top: -70px;}
.aboutbox span h2 img{ width: 60%; max-width: 90px; transition: 0.3s;}
.aboutbox span h3{ width: 100%; font-size: 20px; font-weight: bold; margin-top: 80px;}
.aboutbox span b{ width: 30px; margin: 0 auto; height: 2px; background-color: #fff; margin-top: 22px; margin-bottom: 30px;}
.aboutbox span p{ display: flex; width: 100%; flex-direction: column; line-height: 34px; font-size:16px;}
.aboutbox:hover{ background-color: #004894;}
.cpbox main{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.erboxle{ width: 240px;}
.erboxle h1{ font-size: 36px; padding-bottom: 26px; border-bottom: 2px solid #004894;}
.erboxle span{ display: flex; flex-direction: column; width: 100%; box-sizing: border-box; border-left: 2px solid #ececec; padding-top: 6px; margin-top: 56px;}
.erboxle span a{ width: 100%; margin-bottom: 52px; padding-left: 20px; box-sizing: border-box; line-height: 24px; position: relative; font-size: 20px; color: #666; transition: 0.3s;}
.erboxle span a i{ display: none; width: 2px; height: 100%; background-color: #004894; position: absolute; z-index: 4; left: -2px; top: 0;}
.erboxle span a.on i{ display: block;}
.erboxle span a:hover{color: #004894;}
.erboxri{ width: calc(100% - 270px);}
.cptop{ background-color: #f8f8f8; border: 1px solid #bdbdbd;}
.cptop h1{ font-size: 19px; padding:20px 25px;border-bottom: 1px solid #bdbdbd;}
.cpti{ padding-left: 30px; font-size: 20px; line-height: 60px; margin-top: 15px;}
.cpxz{ display: flex; flex-wrap: wrap;padding:20px 5px;border-bottom: 1px solid #bdbdbd;}
.cpxz select{ margin:10px 15px; width: calc(16.66% - 30px); box-sizing: border-box; border: 1px solid #bdbdbd; padding: 0 20px; height: 50px; border-radius: 10px; font-size: 15px; color: #666; background: url(../image/cp1.png) right 18px center no-repeat #fff; background-size:14px; box-sizing: border-box;}
.cpxz select::-ms-expand { display: none;} 
.cpxz select{appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.cpjg{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 25px; box-sizing: border-box;font-size: 15px;}
.cpjg h2{ color: #666; padding-top:5px;line-height: 36px;}
.cpjg span{ width: calc(100% - 65px); display: flex; flex-wrap: wrap;}
.cpjg span p{ border-radius: 20px; margin: 5px 10px;  height: 36px; display: flex; align-items: center; line-height: 36px; background-color: #004894; color: #fff; padding-left: 22px;  padding-right: 15px; transition: 0.3s;}
.cpjg span p:hover{ background-color: #cb0b11;}
.cpjg span p img{ width:11px; margin-left: 15px;}
.cplist{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cplist a{ width: calc(50% - 15px); background-color: #f8f8f8; border: 1px solid #bdbdbd; border-radius: 15px; padding:35px 40px; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.3s; margin-bottom: 20px;}
.cplist a h1{ width: 170px; height: 170px; overflow: hidden; border-radius: 10px;}
.cplist a h1 img{ width: 100%;height: 100%;transition: 0.3s;}
.cplist a h1 img:hover{transform: scale(1.1);transition: all 0.3s;}
.cplist a span{ width: calc(100% - 200px);}
.cplist a span h2{ font-size: 20px; line-height: 44px; height: 44px; overflow: hidden;}
.cplist a span p{ font-size: 15px; line-height: 28px; height:84px; overflow: hidden; margin-top: 8px;}
.cplist a span h3{ font-size: 14px; text-align: right; color: #004894; margin-top: 12px;}
.cplist a:hover{border: 1px solid #004894;}

.cpxqtop{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.cpxqtop span{ width:calc(90% - 400px) ;font-size: 18px; line-height: 2; }
.cpxqtop span h2{ font-size: 34px; line-height: 1.5; margin-bottom:30px}
.cpxqtop span p{ font-size: 18px; line-height: 2; }
.cpxqtop h1{ background-color: #fff; padding: 30px; width: 400px;height: 400px; overflow: hidden; box-sizing: border-box;display: flex;
    align-items: center;}
.cpxqtop h1 img{ width: 100%; /*height: 100%;*/transition: 0.3s; display: block;}
.cpxqtop h1 img:hover{transform: scale(1.1);transition: all 0.3s;}

.yyui_tab > .yyui_tab_content{display:none;}
.yyui_tab > .yyui_tab_content_this{ display: flex;}
.cpxqboxnav{ display: flex; margin-top: 40px; justify-content: center;}
.cpxqboxnav li{ margin: 0 60px; position: relative;line-height: 60px;font-size: 26px; cursor: pointer;}
.cpxqboxnav li i{ width: 34px; height: 3px; background-color:#004894; position: absolute; left: 50%; margin-left: -17px; bottom:0; display: none; }
.cpxqboxnav li.yyui_tab_title_this i{ display: block;}
.cpxqbox{ margin-top: 50px;}
.cpxqbox .xzbox{ width: 100%; margin-top: 0;}
.cpxqk1 table tr td:nth-child(1){ width: 30%; text-align:center;}
.cpxqk1 table tr td:nth-child(2){ width: 70%; text-align:left;}
.cpxqk1 table tr td{ color: #333;}
.cpxqk1 table tr td{ background-color: #aaa8a8;}
.cpxqk1 table tr:nth-child(2) td{ background-color: #fff;}
.cpxqk1 table tr:nth-child(3) td{ background-color: #f6f6f6;}
.cpxqk1 table tr:nth-child(4) td{ background-color: #f0f0f0;}
.cpxqk1 table tr:nth-child(5) td{ background-color: #e9e9e9;}
.cpxqk1 table tr:nth-child(6) td{ background-color: #e1e1e1;}
.cpxqk1 table tr:nth-child(7) td{ background-color: #dadada;}
.cpxqk1 table tr:nth-child(8) td{ background-color: #d0d0d0;}
.cpxqk1 table tr:nth-child(9) td{ background-color: #c8c7c7;}
.cpxqk1 table tr:nth-child(10) td{ background-color: #c2c2c2;}
.cpxqk1 table tr:nth-child(11) td{ background-color: #b6b6b6;}

.clients{ display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 20px;}
.clients a{display:flex; box-sizing: border-box; border: 1px #ddd solid; width: calc(25% - 24px); margin-right: 32px; margin-top: 30px; transition: 0.3s; background-color: #fff; padding: 20px; align-items: auto; justify-content: center;}
.clients a:nth-child(4n){margin-right: 0;}
.clients a img{display: block; max-width: 100%; max-height: 100%;}
.clients a:hover{  box-shadow: 0 0 10px rgba(0,0,0,.2);}

.biaodan{ display: flex;width: 360px; align-items:center; height:50px;margin: 28px auto;justify-content: space-between; max-width:100%;}
.biaodan input{ border-radius:5px; border:1px solid #999; height:100%;box-sizing: border-box; padding: 10px;width: calc(100% - 42px);}
    .tkceng{ position: fixed; width: 100%; height: 100%; z-index: 9995; left: 0; top: 0; background: rgba(0,0,0,0.7); display: none;}
.tkbox{ position: fixed; width: 500px; height: 300px; z-index: 9996; left: 50%;top:50%;transform: translate(-50%,-50%);  border-radius: 15px; background-color: #fff;max-width:70%; box-sizing: border-box; padding: 30px;display: none; overflow: hidden;}
.tkbox h1{ position: absolute; right: -10px; top: -60px; z-index: 9997; color: #fff; font-size: 40px; cursor: pointer; width: 30px; height: 30px;transform: rotate(45deg);}
.tkbox span{ display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px;}
.tkbox span h3{ width: 50%; height: 100%; display: flex; align-items:center; color: #fff; font-size: 16px; text-align: center; justify-content: center; transition: 0.3s;}
.tkbox span h3:nth-child(1){ background-color: #999;}
.tkbox span h3:nth-child(2){ background-color: #004894;}
.tkbox span h3:hover{ cursor: pointer;}
.tkbox span h3:nth-child(2):hover{background-color:#276db7;}
.tkbox span h3:nth-child(1):hover{background-color:#777;}

.xglist span{ width:calc(33.33% - 20px); margin-right:30px;}
.xglist span:nth-child(3n){ margin-right:0;}
.fatex span { text-wrap:wrap!important;}