@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700";
body{padding-top:150px;color:#555}
ol,ul {list-style-type:none}
a{color:#555;text-decoration:none}
a:hover{color:#DF1717}
::-moz-selection {color:#fff;background:#DF1717}
::selection {color:#fff;background:#DF1717}
.clearfix {*zoom:1}
.clearfix:after {content:'';clear:both;display:block;height:0}
.wrapper{width:1160px;margin:0 auto}
.no-info{width:100%;margin:25px auto;text-align:center}
.ui-table th{border-bottom:2px solid #ccc}
.ui-table td{border-bottom:1px solid #ccc}
.ui-table .ui-thead-gray th{border-color:#ccc;}
.ui-table-border,.ui-table-border th,.ui-table-border td{border:1px solid #ccc}

.header{position:fixed;top:0;left:0;width:100%;height:150px;line-height:150px;background:rgba(255,255,255,.75);box-shadow:0 0 10px rgba(0,0,0,.15);backdrop-filter:blur(50px);z-index:89}
.header:before{content:'';position:absolute;left:0;top:90px;width:100%;height:1px;background:rgba(0,0,0,.035)}
.header .wrapper{position:relative;align-items:center}
.logo{float:left;font-size:0}
.logo img{max-height:150px}
.header-right{float:left;margin-left:25px}
.header-right-start{height:90px;line-height:90px;align-items:center}
.header-right-start .company{float:left}
.header-right-start .hotline{float:right;color:#999}
.header-right-start .hotline b{font-size:18px;font-weight:700;color:#DF1717}
.header-right-end{position:relative;height:60px;line-height:60px;align-items:center}
.nav{margin-left:24px}
.nav dl{float:left;margin-right:50px;position:relative}
.nav dt{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{font-size:18px;position:relative;display:inline-block;transition:0s}
.nav dt>a:hover,.nav dl:hover dt>a,.nav dt.active>a{color:#DF1717}
.nav dt.active>a::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:4px;border-radius:2px;background:#DF1717}
.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;width:auto;padding:0 25px;line-height:45px;white-space:nowrap;border-top:1px solid rgba(0,0,0,.05)}
.nav dd li a.active{color:#DF1717}
.nav 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 dd li:hover ul{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.nav dd li:hover{background:#f8f8f8}
.btn-search{position:absolute;right:0}
.btn-search i{font-size:26px}
.btn-search:hover i{color:#DF1717;}
.ui-search {width:100%;position:absolute;top:150px;line-height:55px;background:#DF1717;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;}
.nav-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:800;background-color:rgba(0,0,0,.5)}
.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:55%;margin-left:45%;text-align:right}
.banner-item .text h3{font-size:56px;color:#DF1717}
.banner-item .text p{margin-top:48px;color:#fff}
.banner-item .text .link{margin-top:64px}
.banner-item .text .link a{border-radius:5px;background:#DF1717;padding:16px 64px;color:#fff}
.banner-item .text .link a:hover{background:#DF1717}
.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:56px 0;text-align:center}
.subject:after{content:'';display:block;margin:16px auto 0;width:50px;height:4px;border-radius:4px;background:#DF1717}
.subject h3{font-size:72px;line-height:1;color:#e5e5e5;font-weight:700}
.subject h4{margin-top:-48px;font-size:32px;font-weight:700}

.about-wrap{position:relative;display:flex;flex-wrap:wrap}
.about-wrap:before{content:'YOUXING';position:absolute;top:20%;left:-20%;font-family:Impact;font-size:96px;color:#f8f8f8;transform:rotate(-90deg)}
.about-wrap .info{flex:0 0 60%;max-width:60%;padding-right:50px}
.about-wrap .info .title{margin-top:12px}
.about-wrap .info .title span{color:#DF1717}
.about-wrap .info .name{margin-top:32px;font-size:36px;color:#333}
.about-wrap .info .desc{margin-top:32px;line-height:2;color:#999;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.about-wrap .info .more{margin-top:56px;width:200px;padding:12px;display:block;text-align:center;color:#ccc;border:1px solid #ccc;background:#fff;border-radius:4px;transition:all .25s}
.about-wrap .info .more:hover{background:#DF1717;border-color:#DF1717;color:#fff}
.about-wrap .image{flex:0 0 40%;max-width:40%;text-align:right}
.about-wrap .image img{max-width:100%;max-height:500px;vertical-align:middle}

.home-product{padding-bottom:48px;background:url("../images/bg-product.jpg") 0 0 repeat}
.home-product .wrapper{width:1280px}
.product-wrap{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.product-item{position:relative;width:22%;margin:0 0 3% 3%;background:#fff;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{width:100%;padding:8% 5%;transition:all .25s}
.product-item:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:0 0 2px 2px;background:#DF1717;opacity:.25}
.product-item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:0 0 2px 2px;transform:scale(0,1);background:#DF1717;opacity:0;transition:all .25s}
.product-item:hover .image img{transform:scale(1.15)}
.product-item:hover:after{opacity:1;transform:scale(1);transition: all 0.5s;}
.home-product .more{margin:8px auto 0;width:200px;padding:12px;display:block;text-align:center;color:#ccc;border:1px solid #ccc;background:none;border-radius:4px;transition:all .25s}
.home-product .more:hover{background:#DF1717;border-color:#DF1717;color:#fff}

.home-classis{height:280px;background:url("../images/bg-classis.jpg") center/cover;background-attachment:fixed}
.home-classis .wrapper{height:100%;display:flex;align-items:center}
.home-classis .text{max-width:65%;flex:0 0 65%;color:#fff}
.home-classis .text h3{font-size:40px;font-weight:700}
.home-classis .text p{margin-top:20px}
.home-classis .link{max-width:15%;flex:0 0 15%;margin-left:20%}
.home-classis .more{display:block;padding:12px;text-align:center;border:1px solid #fff;background:none;color:#fff;border-radius:4px;transition:all .25s}
.home-classis .more:hover{background:#DF1717;border-color:#DF1717;color:#fff}

.home-news{background:linear-gradient(to bottom,#f5f5f5 0%,#f5f5f5 50%,#fff 51%,#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(223,23,23,.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:#DF1717}
.news-item:hover .info .name{color:#DF1717}
.news-item:hover .image img{transform:scale(1.15)}
.home-news .more{margin:48px auto 0;width:200px;padding:12px;display:block;text-align:center;color:#ccc;border:1px solid #ccc;background:#fff;border-radius:4px;transition:all .25s}
.home-news .more:hover{background:#DF1717;border-color:#DF1717;color:#fff}

.home-link{padding:32px 0;background:#f5f5f5}
.link-wrap{display:flex;flex-wrap:wrap;margin:0 0 0 -3%;line-height:56px;align-items:center}
.link-wrap .link-item{width:13.66%;margin:0 0 0 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px}
.link-wrap .link-item .image{padding:5%;overflow:hidden}
.link-wrap .link-item .image img{width:100%;transition:all .75s}
.link-wrap .link-item:hover .image img{transform:scale(1.1)}

.inner-banner{position:relative;height:320px;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:#DF1717;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;line-height:60px;color:#999}
.inner-banner .postion i{margin-right:8px;font-size:14px;color:#DF1717}

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

.inner-wrap{background:#fff;padding:56px 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:24px 0;margin-bottom:40px;border-bottom:1px solid #e5e5e5;color:#999}
.inner-wrap .info span{font-size:18px;font-weight:700;color:#DF1717}
.inner-wrap .infolist{text-align:left;padding:10px 0;margin-bottom:40px;border-bottom:1px solid #e5e5e5;color:#999}
.inner-wrap .infolist li{width:25%;float:left}
.inner-wrap .infolist li p{margin-top:16px}
.inner-wrap .infolist li span{margin:0;color:#333}
.inner-wrap .intro{margin:24px 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:24px;text-align:center}
.inner-wrap .digs a{display:inline-block;margin:0 16px;border:1px solid #e5e5e5;border-radius:4px;padding:6px 16px;transition:all .25s}
.inner-wrap .digs a:hover{border-color:#DF1717;color:#DF1717}
.inner-wrap .taglist{margin-top:24px}
.inner-wrap .taglist a{display:inline-block;margin:16px 16px 0 0;border:1px solid #e5e5e5;border-radius:4px;padding:6px 16px;transition:all .25s}
.inner-wrap .taglist a:hover{border-color:#DF1717;color:#DF1717}
.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:#DF1717;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 60%;max-width:60%;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 40%;max-width:40%}
.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:#DF1717;font-weight:700}
.inner-wrap .sitemap{display:flex;flex-wrap:wrap;margin:0 0 0 -5%}
.inner-wrap .sitemap .sitemap-item{width:20%;margin:2.5% 0 0 5%}
.inner-wrap .sitemap .sitemap-item h5{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e5e5;font-size:24px}
.inner-wrap .sitemap .sitemap-item ul li{margin:10px 0;font-size:18px}
.inner-wrap .sitemap .sitemap-item ul li ul li{padding-left:15px;font-size:16px;position:relative}
.inner-wrap .sitemap .sitemap-item ul ul li:after{content:'';display:block;background:#DF1717;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}

.art-list{margin-top:-35px}
.art-list-item{display:flex;flex-wrap:wrap;align-items:center;padding:32px 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(223,23,23,.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:16px;color:#999}
.art-list-item .desc .tags{margin-top:16px;color:#999}
.art-list-item .desc .tags a{margin-right:12px}
.art-list-item:hover .desc h3{color:#DF1717}
.art-list-item:hover .image img{transform:scale(1.15)}

.tech-list{display:flex;flex-wrap:wrap;margin:0 0 0 -3%}
.tech-list-item{width:47%;margin:0 0 3% 3%;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;border-radius:3px;transition:all .5s;overflow:hidden}
.tech-list-item .desc{padding:5%}
.tech-list-item .desc h3{font-size:24px;color:#333}
.tech-list-item .desc p{margin-top:16px;color:#999}
.tech-list-item:hover{transform:translateY(-10px)}

.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{width:100%;padding:8%;transition:all .25s}
.pro-list-item:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:0 0 2px 2px;background:#DF1717;opacity:.25}
.pro-list-item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:0 0 2px 2px;transform:scale(0,1);background:#DF1717;opacity:0;transition:all .25s}
.pro-list-item:hover .image img{transform:scale(1.15)}
.pro-list-item:hover:after{opacity:1;transform:scale(1);transition: all 0.5s;}

.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:#DF1717}
.job-list-item .desc .tags a{margin-right:10px;color:#DF1717}
.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{min-height:320px;background:#999 url("../images/bg-footer.png") 50% 0 no-repeat}
.footer .footer-wrap{display:flex;flex-wrap:wrap;padding:48px 0}
.footer .footer-wrap .footer-item{width:20%;padding-right:3%}
.footer .footer-wrap .footer-item:last-child{padding-right:0}
.footer .footer-wrap .ewm{width:13%}
.footer .footer-wrap .ewm img{margin-top:16px;width:100%}
.footer .footer-wrap .contact{width:27%;padding-left:30px}
.footer-item-title{display:flex;justify-content:space-betweend;line-height:56px}
.footer-item-title a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:bold;font-size:18px;align-items:center}
.footer-item-title i{display:none;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:50px;text-align:center}
.footer-item-title.active i{transform:rotate(90deg)}
.footer-item-body{display:block}
.footer-item-body ul li{line-height:36px;transition:all .5s}
.footer-item-body ul li a{color:#fff}
.footer-item-body ul li:hover{transform:translateX(10px)}
.footer-item-body dl{list-style:none}
.footer-item-body dl dt{line-height:36px;color:#fff}
.footer-item-body dl dd{margin:0;line-height:36px;color:#fff;font-weight:normal}
.footer-item-body.show{display:block}
.footer-item-body.hide{display:none}
.copyright{padding:24px;color:#fff;border-top:1px solid rgba(255,255,255,.25);background:#999;text-align:center}
	.copyright a{color:#fff}

.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 screen and (max-width:1024px){
}@media screen and (max-width:768px){
}@media screen and (max-width:640px){
}