@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700";
body{padding-top:150px;color:#555;font-family:'Open Sans',Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif}
ol,ul {list-style-type:none}
a{color:#555;text-decoration:none}
a:hover{color:#005EB8}
.clearfix {*zoom:1}
.clearfix:after {content:'';clear:both;display:block;height:0}
.wrapper{width:1160px;margin:0 auto}
.no-info{clear:both;width:100%;text-align:center}

.headerContainer{position:fixed;top:0;left:0;width:100%;height:150px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);z-index:89}
.topbar{height:40px;line-height:40px;background:#f5f5f5;color:#999}
.topbar a{margin:0 10px;color:#999}
.topbar a:hover{color:#005EB8}
.topbar a:last-child{margin-right:0}
.topbar .mail{display:inline-block;background:#e5e5e5;padding:0 10px}
.header{height:110px;line-height:110px;align-items:center;position:relative}
.logo{float:left;font-size:0;}
.logo img{max-height:70px}
.nav-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:800;background-color:rgba(0,0,0,.5)}
.nav{float:right;margin-right:20px;z-index:900}
.nav dl{float:left;margin-right:45px;position:relative}
.nav dt{font-size:18px;font-weight:normal;display:flex;align-items:center;justify-content:space-between}
.nav dt i{color:#999;cursor:pointer;display:none;transition:all 0.5s}
.nav dt>a{position:relative;display:inline-block;text-transform:uppercase;transition:0s}
.nav dl:hover dt>a,.nav dt.active>a{color:#005EB8}
.nav dt.active>a::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:4px;border-radius:2px;background:#005EB8}
.nav dd{position:absolute;top:100%;left:0;transform:translate3d(0,10px,0);transition:all .25s;opacity:0;visibility:hidden}
.nav dd ul{min-width:150px;box-shadow:0 5px 10px rgba(0,0,0,.15);background:#fff}
.nav dd li{position:relative}
.nav dd li a{display:block;padding:0 25px;line-height:50px;white-space:nowrap;border-top:1px solid rgba(0,0,0,.05)}
.nav dd li a.active{color:#005EB8}
.nav dl dd li ul{position:absolute;top:0;left:100%;transform:translate3d(0,10px,0);transition:all .25s;opacity:0;visibility:hidden}
.nav dl:hover dd,.nav dl dd li:hover ul{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.nav dd li:hover{background:#f7f9fc}
.btn-search{position:absolute;right:0}
.btn-search i{font-size:26px}
.btn-search:hover i{color:#005EB8;}
.ui-search {width:100%;position:absolute;top:150px;background:#005EB8;display:none}
.ui-search form{margin:0}
.ui-search .ui-form-group{max-width:50%;margin:40px auto}
.ui-search .ui-input-group .after{min-width:70px;}
.btn-menu{position:absolute;right:0;display:none}
.btn-menu i{font-size:26px}
.header.open-nav .nav{transform:translateX(0)}
.header.open-nav .nav-mask{display:block}

.banner-item{height:600px}
.banner-item .wrapper{height:100%;position:relative;display:flex;align-items:center}
.banner-item .text{max-width:75%;margin-left:25%;text-align:right}
.banner-item .text h3{font-size:54px;color:#1461AA}
.banner-item .text p{margin-top:35px;color:#fff}
.banner-item .text .link{margin-top:55px}
.banner-item .text .link a{border-radius:5px;background:#005EB8;padding:12px 65px;color:#fff}
.banner-item .text .link a:hover{background:#0054A5}
.banner-pic-item{width:100%;height:600px;display:block;}
.ui-carousel .ui-carousel-page li{height:12px;width:12px;border-radius:12px}
.ui-carousel .ui-carousel-page li.active{width:50px}

.subject{padding:40px 0;text-align:center}
.subject h3{font-size:28px;color:#005EB8;position:relative;height:45px;line-height:45px;font-weight:700}
.subject h3:after{content:'';width:60px;height:1px;position:absolute;top:50%;left:37.5%;background:#d5d5d5}
.subject h3:before{content:'';width:60px;height:1px;position:absolute;top:50%;right:37.5%;background:#d5d5d5}
.subject h4{font-size:18px}
.subject p{font-size:14px;line-height:25px;color:#999}

.about-wrap{display:flex;flex-wrap:wrap}
.about-wrap .image{flex:0 0 60%;max-width:60%;padding-right:50px}
.about-wrap .image img{max-width:100%;max-height:400px;vertical-align:middle}
.about-wrap .info{flex:0 0 40%;max-width:40%}
.about-wrap .info .name{font-size:24px;color:#005EB8}
.about-wrap .info .desc{margin-top:15px;line-height:2}
.about-wrap .info .cound{width:100%;margin-top:25px}
.about-wrap .info .cound li{float:left;width:33.33%;text-align:center}
.about-wrap .info .cound li p{line-height:1.25}
.about-wrap .info .cound li span{font-family:Impact;font-size:36px}
.about-wrap .info .more{margin:35px auto 0;display:block;text-align:center;border:1px solid #005EB8;background:#fff;color:#005EB8;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);padding:10px;border-radius:40px;transition:all .25s}
.about-wrap .info .more:hover{background:#005EB8;border-color:#005EB8;color:#fff}

.home-product{padding-bottom:25px;background:url("../images/bg-product.png") center/cover}
.product-wrap{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.product-item{position:relative;width:30.33%;height:235px;margin:0 0 3% 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px;overflow:hidden}
.product-item .image{position:relative;overflow:hidden;padding-bottom:100%}
.product-item .image img{width:100%;position:absolute;transition:all .75s}
.product-item .info{position:absolute;bottom:0;width:100%;padding:3%;background:rgba(0,95,185,.75);color:#fff;transition:all .25s}
.product-item:hover .info{background:rgba(130,210,30,.75)}
.product-item:hover .image img{transform:scale(1.15)}

.home-classis{height:240px;background:url("../images/bg-classis.jpg") center/cover}
.home-classis .wrapper{height:100%;display:flex;align-items:center}
.home-classis .text{max-width:75%;flex:0 0 75%;color:#fff}
.home-classis .text h3{font-size:32px}
.home-classis .text p{margin-top:20px}
.home-classis .link{max-width:20%;flex:0 0 20%;margin-left:5%}
.home-classis .more{display:block;text-align:center;border:1px solid #005EB8;background:#fff;color:#005EB8;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);padding:10px;border-radius:40px;transition:all .25s}
.home-classis .more:hover{background:#005EB8;border-color:#005EB8;color:#fff}

.home-news{background:linear-gradient(to bottom,#f5f5f5 0%,#f5f5f5 50%,#fff 50%,#fff 100%)}
.news-wrap{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.news-item{width:30.33%;margin:0 0 0 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px}
.news-item .image{position:relative;overflow:hidden;padding-bottom:65%}
.news-item .image img{width:100%;position:absolute;transition:all .75s}
.news-item .image .date{position:absolute;bottom:0;color:#fff;padding:5px 15px;background:rgba(255,135,0,.75)}
.news-item .info{padding:5%}
.news-item .info .name{color:#333;font-size:18px}
.news-item .info .desc{margin-top:10px;color:#999;font-size:14px}
.news-item .info .view{margin-top:10px;font-weight:bold;line-height:25px;color:#005EB8}
.news-item:hover .info .name{color:#005EB8}
.news-item:hover .image img{transform:scale(1.15)}
.home-news .more{margin:48px auto 0;width:240px;display:block;text-align:center;border:1px solid #999;background:#fff;color:#999;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);padding:12px;border-radius:40px;transition:all .25s}
.home-news .more:hover{background:#005EB8;border-color:#005EB8;color:#fff}

.inner-banner{position:relative;height:280px;display:flex;align-items:center;background:#f5f9ff url("../images/bg-subbanner.jpg") center/cover}
.inner-banner h3{font-size:36px;color:#333;font-weight:700}
.inner-banner h3:after{content:'';display:block;background:#005EB8;width:60px;height:6px;border-radius:3px;margin-top:15px}
.inner-banner p{line-height:30px;color:#999}
.inner-banner .postion{position:absolute;bottom:0;font-size:14px;height:50px;line-height:50px;color:#999}

.inner-nav{padding:10px 0;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center}
.inner-nav a{display:inline-block;padding:20px;position:relative}
.inner-nav a.active{color:#005EB8;font-weight:700}
.inner-nav a.active:after{content:'';display:block;background:#005EB8;width:50px;height:4px;border-radius:4px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

.inner-wrap{background:#fff;padding:50px 0}
.inner-wrap .show{display:flex;flex-wrap:wrap}
.inner-wrap .show .ui-title{flex:0 0 80%;max-width:80%}
.inner-wrap .show .ui-other{flex:0 0 20%;max-width:20%;text-align:right}
.inner-wrap .info{text-align:left;padding:20px 0;margin-bottom:35px;border-bottom:1px solid #e5e5e5;color:#999}
.inner-wrap .info span{color:#005EB8}
.inner-wrap .infolist{text-align:left;padding:10px 0;margin-bottom:35px;border-bottom:1px solid #e5e5e5;color:#999}
.inner-wrap .infolist li{width:25%;float:left}
.inner-wrap .infolist li p{margin-top:10px}
.inner-wrap .infolist li span{margin:0;color:#333}
.inner-wrap .intro{margin:20px 0;color:#999}
.inner-wrap .content p{font-size:16px;line-height:2;margin-bottom:20px}
.inner-wrap .content p img{max-width:100%}
.inner-wrap .digs{margin-top:25px;text-align:center}
.inner-wrap .digs a{display:inline-block;margin:0 15px;border:1px solid #e5e5e5;border-radius:4px;padding:5px 15px;transition:all .25s}
.inner-wrap .digs a:hover{border-color:#005EB8;color:#005EB8}
.inner-wrap .taglist a{display:inline-block;margin:15px 15px 0 0;border:1px solid #e5e5e5;border-radius:4px;padding:5px 15px;transition:all .25s}
.inner-wrap .taglist a:hover{border-color:#005EB8;color:#005EB8}
.inner-wrap .title{font-size:28px;padding:20px 0;margin:20px 0;border-bottom:1px solid #e5e5e5;position:relative}
.inner-wrap .title:after{content:'';display:block;background:#005EB8;width:50px;height:4px;border-radius:4px;position:absolute;bottom:0;left:0}
.inner-wrap .other{margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5}
.inner-wrap .other p{margin-top:15px}
.inner-wrap .show-wrap{display:flex;flex-wrap:wrap}
.inner-wrap .show-wrap .show-pic{flex:0 0 50%;max-width:50%;padding-right:50px}
.inner-wrap .show-wrap .show-pic img{max-width:100%;vertical-align:middle}
.inner-wrap .show-wrap .show-info{flex:0 0 50%;max-width:50%}
.inner-wrap .ui-form{max-width:60%;margin:0 auto}
.inner-wrap .ui-form .ui-form-group{margin-bottom:15px}
.inner-wrap .ui-form .ui-form-text{margin-bottom:25px}
.inner-wrap .ui-form .ui-form-text span{font-size:18px;color:#005EB8;font-weight:700}
.inner-wrap .sitemap-item{text-align:left;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e5e5e5}
.inner-wrap .sitemap-item dt{margin:0;font-size:24px}
.inner-wrap .sitemap-item dd{float:left;width:25%;height:auto;margin:15px 0 0 0;font-size:18px}
.inner-wrap .sitemap-item ul{max-width:80%;background:#f5f5f5;margin-top:15px;padding:10px}
.inner-wrap .sitemap-item ul li{padding:5px;font-size:16px}

.art-list{margin-top:-35px}
.art-list-item{display:flex;flex-wrap:wrap;align-items:center;padding:35px 0px;border-bottom:1px solid #e5e5e5;overflow:hidden}
.art-list-item .image{flex:0 0 30%;max-width:30%;height:200px;position:relative;border-radius:3px;overflow:hidden}
.art-list-item .image img{width:100%;transition:all .75s}
.art-list-item .image .date{position:absolute;bottom:0;color:#fff;padding:5px 15px;background:rgba(255,135,0,.75)}
.art-list-item .desc{flex:0 0 70%;max-width:70%;padding-left:5%}
.art-list-item .desc h3{font-size:24px;color:#333}
.art-list-item .desc p{margin-top:10px;color:#999}
.art-list-item .desc .tags{margin-top:10px;color:#005EB8}
.art-list-item .desc .tags a{margin-right:10px;color:#005EB8}
.art-list-item:hover .desc h3{color:#005EB8}
.art-list-item:hover .image img{transform:scale(1.15)}

.pro-list{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.pro-list-item{position:relative;width:30.33%;height:30.33%;margin:0 0 3% 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px;overflow:hidden}
.pro-list-item .image{position:relative;overflow:hidden;padding-bottom:100%}
.pro-list-item .image img{width:100%;position:absolute;transition:all .75s}
.pro-list-item .desc{position:absolute;width:100%;bottom:0;padding:5%;background:rgba(0,95,185,.75);color:#fff;transition:all .25s}
.pro-list-item:hover .desc{background:rgba(130,210,30,.75)}
.pro-list-item:hover .image img{transform:scale(1.15)}

.photo-list{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.photo-list-item{position:relative;width:30.33%;height:50%;margin:0 0 3% 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px;overflow:hidden}
.photo-list-item .image{position:relative;overflow:hidden;padding-bottom:100%}
.photo-list-item .image img{width:100%;position:absolute;transition:all .75s}
.photo-list-item:hover .desc{background:rgba(130,210,30,.75)}
.photo-list-item:hover .image img{transform:scale(1.15)}

.job-list{margin-top:-35px}
.job-list-item{display:flex;flex-wrap:wrap;align-items:center;padding:35px 0px;border-bottom:1px solid #e5e5e5;overflow:hidden}
.job-list-item .desc{flex:0 0 60%;max-width:60%;}
.job-list-item .desc h3{font-size:24px;color:#333}
.job-list-item .desc p:first-child{color:#999}
.job-list-item .desc p:first-child{margin-top:10px}
.job-list-item .desc .tags{margin-top:10px;color:#005EB8}
.job-list-item .desc .tags a{margin-right:10px;color:#005EB8}
.job-list-item .address,.job-list-item .money{flex:0 0 20%;max-width:20%;border-left:1px solid #e5e5e5}
.job-list-item .address span,.job-list-item .money span{display:block;font-weight:700}

.footer{background:#505863;min-height:250px;padding:60px 0}
	.footer dl{float:left;width:200px}
	.footer dt{font-size:18px;line-height:3;font-weight:normal;color:#fff;display:flex;align-items:center;justify-content:space-between}
	.footer dt i{color:#999;cursor:pointer;display:none;transition:all 0.5s}
	.footer dd{margin:0;line-height:2.5;font-size:14px;color:#acafb6}
	.footer dd i{margin-right:8px;font-size:12px}
	.footer dd a{color:#acafb6;transition:all .25s}
	.footer dd a:hover{color:#fff}
	.footer .first{width:280px;margin-right:80px}
	.footer .first dt{margin-bottom:35px}
	.footer .first dd{margin-top:15px;line-height:2}
	.footer .first dd span{font-size:18px;color:#fff}
	.footer .first i{float:left;width:35px;font-size:32px;color:#005EB8}
.copyright{padding:25px;color:#7a8089;background:#3c434c;text-align:center}

.site-bar{position:fixed;right:1%;bottom:100px;z-index:999}
.site-bar li{margin:2px 0 0 0;text-align:center;position:relative}
.site-bar li a{display:block;width:60px;height:60px;line-height:60px;background:rgba(0,0,0,.25)}
.site-bar li a i{font-size:36px;color:#fff}
.site-bar li a:hover{background:rgba(0,0,0,.5)}
.site-bar .popup-box{width:150px;height:150px;padding:4px;border:1px solid rgba(0,0,0,.1);position:absolute;top:0;left:-160px;background:#fff;display:none}
.site-bar .popup-box img{display:block;width:100%;height:100%}
.site-bar li:hover div{display:block}
@keyframes zoomOut{50%{transform:scale(0,0);opacity:0}
100%{transform:scale(1,1);opacity:1}
}@keyframes scale-up-right{0%{transform:scale(0.2);transform-origin:90% 20%;border-bottom-left-radius:400px;border-bottom-right-radius:400px;border-top-right-radius:400px;border-top-left-radius:400px}
100%{transform:scale(1);transform-origin:90% 20%;border-radius:0px}
}@media only screen and (max-width:1440px){
}@media screen and (max-width:1024px){
body{padding-top:130px}
.wrapper{max-width:90%}
.headerContainer{height:130px}
.header{height:90px;line-height:90px}
.logo img{max-height:40px}
.nav{position:fixed;top:0;right:0;bottom:0;margin:0;padding:20px;width:300px;background:#fff;overflow-y:auto;overflow-x:hidden;transform:translateX(100%);transition:all .25s}
.nav dl{float:none;margin:0;border-bottom:1px solid #edeff2}
.nav dt>a::after{display:none !important}
.nav dt i{display:block}
.nav dd{position:static;width:100%}
.nav dd li{float:none;padding:0;width:100%}
.nav dl.open dd{display:block}
.nav dt.open i{transform:rotate(90deg)}
.nav dd{display:none;transform:translate(0,0);opacity:1;visibility:initial;background-color:transparent;box-shadow:none;transition:0s}
.nav dl:hover dd{transform:translate(0,0)}
.nav dd ul{box-shadow:none}
.nav dd li,.nav dd ul{display:block;text-align:left;transform:translate(0,0);overflow:hidden}
.nav dd li a.active{color:#005EB8}
.btn-search{right:50px}
.btn-menu{display:block}
.ui-search {top:130px}
.banner-item,.banner-pic-item{height:400px}
.banner-item .text{line-height:1.5}
.banner-item .text h3{font-size:36px}
.banner-item .text p{margin-top:15px}
.banner-item .text .link{margin-top:25px}
.ui-carousel .ui-carousel-page{bottom:15px}
.ui-carousel .ui-carousel-page li.active{width:12px}
.product-wrap,.news-wrap{margin:-5% 0 0 -5%}
.product-item,.news-item{width:45%;margin:5% 0 0 5%;box-shadow:0 0 5px rgba(0,0,0,.1)}
.inner-wrap .infolist li{width:50%}
.side-bar{display:none}
}@media screen and (max-width:768px){
body{padding-top:80px}
.wrapper{max-width:90%}
.headerContainer{height:80px}
.header{height:80px;line-height:80px}
.topbar{display:none}
.logo img{max-height:30px}
.ui-search {top:80px}
.ui-search .ui-form-group{max-width:90%}
.banner-item,.banner-pic-item{height:300px}
.banner-item .wrapper{height:100%;position:relative;display:flex;align-items:center}
.banner-item .text{max-width:100%;margin-left:0;line-height:1.5;text-align:center}
.banner-item .text h3{font-size:28px}
.banner-item .text p{margin-top:15px}
.banner-item .text .link a{padding:8px 32px}
.subject{padding:20px 0}
.subject h3{font-size:24px}
.about-wrap .image,.about-wrap .info{flex:0 0 100%;max-width:100%}
.about-wrap .image{margin-top:32px}
.about-wrap .image img{width:100%}
.about-wrap .info .welcome{font-size:24px}
.about-wrap .info .vision{font-size:24px}
.about-wrap .more{margin-top:15px;}
.home-classis{display:none}
.home-product{background:#f5f5f5}
.home-news{background:#fff}
.product-wrap,.news-wrap{margin:-5% 0 0 -5%}
.product-item,.news-item{width:45%;margin:5% 0 0 5%;box-shadow:0 0 5px rgba(0,0,0,.1)}
.inner-banner{height:220px}
.inner-banner .postion{display:none}
.inner-nav a{padding:15px}
.inner-wrap .ui-form{max-width:100%;margin:0 auto}
.inner-wrap .show .ui-title{flex:0 0 100%;max-width:100%}
.inner-wrap .show .ui-other{flex:0 0 100%;max-width:100%;margin-top:15px;text-align:center}
.inner-wrap .show .ui-other .ui-btn{width:100%}
.art-list{display:flex;flex-wrap:wrap;margin-left:-5%}
.art-list-item{width:45%;margin-left:5%}
.art-list-item .image,.art-list-item .desc{flex:0 0 100%;max-width:100%}
.art-list-item .desc{padding:15px 0 0 0}
.art-list-item .desc h3{font-size:18px}
.pro-list{margin:0 0 0 -5%}
.pro-list-item{width:45%;height:45%;margin:0 0 5% 5%}
.inner-wrap .show-wrap .show-pic{flex:0 0 100%;max-width:100%;padding:0}
.inner-wrap .show-wrap .show-info{flex:0 0 100%;max-width:100%;margin:7.5% 0 0 0}
.footer dl{width:100%;float:none;margin:0;border-bottom:1px solid #edeff2}
.footer dt i{display:block}
.footer dl dd{position:static;width:100%}
.footer dl.open dd{display:block}
.footer dt.open i{transform:rotate(90deg)}
.footer dd{display:none;transform:translate(0,0);opacity:1;visibility:initial;background-color:transparent;box-shadow:none;transition:0s}
.footer dl:hover dd{transform:translate(0,0)}
.copyright{padding:15px}
.site-bar li a{width:40px;height:40px;line-height:40px}
.site-bar li a i{font-size:20px}
}@media screen and (max-width:640px){
body{padding-top:60px}
.wrapper{max-width:90%}
.headerContainer{height:60px}
.header{height:60px;line-height:60px}
.ui-search {top:60px}
.art-list{display:flex;flex-wrap:wrap;margin:0;padding:0}
.art-list-item{width:100%;margin:0}
.pro-list{margin:-7.5% 0 0 0}
.pro-list-item{width:100%;margin:7.5% 0 0 0}
.job-list-item .desc{flex:0 0 100%;max-width:100%}
.job-list-item .address,.job-list-item .money{display:none}
.inner-wrap .infolist li{width:100%}
}