<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* eyoucms.com æ˜“ä¼˜CMS -- å¥½ç”¨,å…è´¹,å®‰å…¨ */
/*********************************ç½‘é¡µå…¬å…±éƒ¨åˆ†************************************/
@charset "utf-8";
html{font-size: 14px;font-family:'Microsoft Yahei';}
body{padding-top: 80px;}
*{
	margin: 0;
	padding: 0;
	border:medium none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
a:hover{color: #333;}
li {list-style-type: none;}
.left{float: left;}
.right{float: right;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}
.text-center{text-align: center;}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/*@media (min-width:1600px) {
    .container {
        width: 1470px
    }
}*/

.row {
  margin-right: -15px;
  margin-left: -15px;
}




/*æ»šåŠ¨æ¡æ&nbsp;·å¼*/
::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #eee;  
}  
  
/*å®šä¹‰æ»šåŠ¨æ¡è½¨é“ å†…é˜´å½±+åœ†è§’*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    background-color: #eee;  
}  
  
/*å®šä¹‰æ»‘å— å†…é˜´å½±+åœ†è§’*/  
::-webkit-scrollbar-thumb  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);  
    background-color: #235ca4;  
}  




/***********************************banner***************************************/
.swiper-container1{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}
.swiper-container2{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}
.swiper-container3{margin-left: auto; margin-right: auto; position: relative;overflow: hidden; z-index: 1;}

.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner .swiper-slide{position: relative; background-size: 240px;}



/***********************************è¿”å›žé¡¶éƒ¨***************************************/
.gtop {
    position: fixed;
    right: -50px;
    bottom: 50px;
    background: #0a66ad;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    z-index: 200;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}

/*********************************header************************************/

/*PC-å¤´éƒ¨*/
.pc-header{width: 100%;background-color: #235ca4;position: fixed;top: 0px;z-index: 9999;}

.pc-header .logo{display: block;height: 80px;position: relative;float: left;width: 280px;margin-left: 10px;}
.pc-header .logo img{
    width: 80%;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 1%;
}
.pc-header .nav{float: left;margin-left: 10%;height: 80px;}
.pc-header .nav&gt;ul&gt;li{float: left;line-height: 80px;width: 170px;text-align: center;border-left: 1px solid #3d72b5;text-indent: 10px;position: relative;}
.pc-header .nav&gt;ul&gt;li:last-child{border-right: 1px solid #3d72b5;}
.pc-header .nav&gt;ul&gt;li&gt;a{color: #fff;display: block;font-size: 18px;}
.pc-header .nav&gt;ul&gt;li&gt;.box{
	position: absolute;
	top: 180px;
	background-color: #235ca4;
	width: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}
.pc-header .nav&gt;ul&gt;li&gt;.box&gt;a{display: block;text-align: center;line-height: 40px;text-indent: 0px;color: #fff;}
.pc-header .nav&gt;ul&gt;li:hover .box{
	visibility: visible;
	opacity: 1;
	top: 80px;
}
.pc-header .nav&gt;ul&gt;li&gt;.box&gt;a:hover{background: rgba(0,0,0,0.5);}
/*å¼¹å‡ºæœç´¢çš„æŒ‰é’®*/
.popup-button{display: block;width: 80px;height: 80px;background: url('../img/search.png')no-repeat center center;background-size: 30px;float: right;border-left: 1px solid #3d72b5;}



/*å°å±å¹•æ‰‹æœº*/
.mobile-header{position: relative;}
.mobile-header .h-nav-g{position: fixed;left:0;top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
	-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.5);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mobile-header .h-nav-g img{height: 50%;position: absolute;left: 15px;top: 50%;-webkit-transform:translateY(-50%);}
.mobile-header .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobile-header .h-nav-g .btn_i small,
.mobile-header .h-nav-g .btn_i:before,
.mobile-header .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #235ca4; border-radius: 4px; margin: 6px 0;}
.mobile-header .h-nav-g .btn_i_click small{opacity: 0;}
.mobile-header .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.mobile-header .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.mobile-header .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 100; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.mobile-header .ul-small input{width: 160px;height: 40px;line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px;}
.mobile-header .ul-small ul{margin-top: 20px;}
.mobile-header .ul-small ul li a{color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block;text-align: center;}
.mobile-header .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.mobile-header .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
.search-jieguo{display: block;padding-top: 30px;color: #244a9d;font-size: 30px;}
.search-jieguo b{color: #d1be65;}




/*********************************footer************************************/
.footer-pc{padding: 50px 0px;color: #8f8f8f;border-top: 1px solid #dcdcdc;}
.footer-pc a{color: #8f8f8f;}
.footer-pc .logo{padding-left: 220px;float: left;height: 150px;}
.footer-pc .logo p{line-height: 24px;}
.footer-pc .logo p:nth-child(1){margin-top: 20px; margin-bottom: 10px; font-size:18px;}

.footer-pc .bdsharebuttonbox{margin-top: 60px;margin-bottom: 15px;}
.footer-admin{line-height: 60px;background-color: #235ca4;color: #fff;width: 100%;height: 60px;}
.footer-admin a{color: #fff;}

/*æ‰‹æœºæ&nbsp;·å¼åº•éƒ¨*/
.footer-mobile{line-height: 50px;width: 100%;position: fixed;bottom: 0px;z-index: 111;background-color: #101010;}
.footer-mobile ul li{width: 25%;float: left;text-align: center;}
.footer-mobile ul li a{color: #979797;display: block;}


/*********************************index************************************/
.public-title small{display: block;font-size: 18px;color: #bcbcbc;}
.public-title span{display: block;font-size: 38px;color: #414141;}


.index-company{background: url('../img/company_bg.jpg')no-repeat center center;padding: 90px 0px 100px 0px;}
.index-company i{
	display: block;
	width: 23px;
	height: 14px;
	background: url('../img/01.png')no-repeat center center;
	margin: 20px auto;
}
.index-company p{color: #747474;padding: 0px 20%;font-size: 16px;line-height: 30px;}
.index-company .more{display: block;width: 180px;line-height: 48px;color: #fff;background-color: #235ca4;display: block;margin: 60px auto 0px;}
.index-company .more:hover{border-radius: 48px;}

.index-product{background-color: #f3f3f3;}
.index-product .public-title{padding: 30px 0px 30px 0px;}
.index-product ul li{width: 50%;float: left;position: relative;}
.index-product ul li a{display: block;}
.index-product ul li img{width: 100%;}
.index-product ul li .box{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(34,100,184,0.1);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-in-out;
    -webkit-transform: all 500ms ease-in-out;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-product ul li:hover .box{
    opacity: 1;
    visibility: visible;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 50%;
    background: rgba(34,100,184,0.85);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-product ul li .box span{display: block;font-size: 36px;}
.index-product ul li .box small{display: block;font-size: 16px;}
.index-product ul li .box h5{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}




.index-map{padding: 60px 200px 60px 200px;}

.index-map .map{position: relative;width: 658px;}
.index-map .map span {
    display: inline-block;
    position: absolute;
    -webkit-animation-name: 'ripple';
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    /* -webkit-animation-direction: normal; */
    opacity: 0;
}

.index-map .map span.c1 {
    background: url('../img/index_15.png') no-repeat center;
    width: 171px;
    height: 171px;
    top: 120px;
    left: 70px;
    animation-delay: 1s;
}
.index-map .map span.c2{
	background: url('../img/index_16.png') no-repeat center;
    width: 171px;
    height: 171px;
    bottom: 36px;
    left: 255px;
    animation-delay: 2s;
}

.index-map .map span.c3{
	background: url('../img/index_17.png') no-repeat center;
    width: 130px;
    height: 130px;
    top: 241px;
    left: 285px;
    background-size: 130px;
    animation-delay: 3s;
}

.index-map .map span.c4{
	background: url('../img/index_18.png') no-repeat center;
    width: 91px;
    height: 91px;
    left: 470px;
    bottom: 100px;
    animation-delay: 1.5s;
}

.index-map .map span.c5{
	background: url('../img/index_19.png') no-repeat center;
    width: 170px;
    height: 170px;
    right: 120px;
    bottom: 96px;
    animation-delay: 2.5s;
}
.index-map .map span.c6{
	background: url('../img/index_20.png') no-repeat center;
    width: 170px;
    height: 170px;
    right: 50px;
    top: 50px;
    animation-delay: 0.5s;
}

.index-map .intro{width: 40%;}
.index-map .intro span{display: block;font-size: 28px;color: #235ca4;padding: 90px 0px 30px 0px;}
.index-map .intro p{font-size: 16px;color: #747474;line-height: 34px;}
.index-map .intro a{
    width: 180px;
    line-height: 48px;
    color: #fff;
    background-color: #235ca4;
    display: block;
    margin-top: 30px;
}
.index-map .intro a:hover{border-radius: 48px;}


/*ç™½åŸŽåƒåº— é‡Œé¢çš„åœ°å›¾*/
.map-mobile{padding: 0px 15px;}
.map-mobile img{width: 100%;}


.index-news{width: 100%;background: url('../img/news_bg.jpg')no-repeat center center;overflow: hidden;}
.index-news .public-title{padding: 30px 0px 30px 0px;}
.index-news .pc{margin-bottom: 50px;font-size: 16px;}
.index-news .pc .hd{width: 50%;float: left;}
.index-news .pc .bd{width: 50%;float: right;}
.index-news .pc .bd ul li img{width: 100%;}
.index-news .pc .hd ul li a{display: block;}
.index-news .pc .hd ul li{
	background: rgba(255,255,255,0.8);
	line-height: 70px;
	margin-bottom:2px;
	cursor: pointer;
	position: relative;
}
.index-news .pc .hd ul li span{display: inline-block;background: url('../img/n1.png')no-repeat 20px center;text-indent: 45px;color: #009947;width: 120px;}
.index-news .pc .hd ul li small{display: inline-block;color: #3c3c3c;}
.index-news .pc .hd ul li:hover{background-color: #235ca4;}
.index-news .pc .hd ul li:hover span{background: url('../img/n2.png')no-repeat 20px center;color: #fff;}
.index-news .pc .hd ul li:hover small{color: #fff;}
.index-news .pc .hd ul li:after{
	display: block;
	content: " ";
	width: 56px;
	height: 71px;
	background: url('../img/n3.png')no-repeat center center #235ca4;
	position: absolute;
	right: 0px;
	top: 0px;
	visibility: hidden;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}
.index-news .pc .hd ul li:hover:after{
	right: -56px;
	visibility: visible;
	z-index: 1111;
}

.index-news .mobile .swiper-slide{position: relative;}
.index-news .mobile .swiper-slide img{width: 100%;}
.index-news .mobile .swiper-slide span{position: absolute;bottom: 0px;line-height: 50px;background: rgba(0,0,0,0.6);color: #fff;width: 100%;text-align: center;font-size: 16px;}


.index-news .more{width: 180px;line-height: 48px;color: #fff;background-color: #235ca4;display: block;margin: 0px auto 60px;}
.index-news .more:hover{border-radius: 48px;}








/*********************************å†…é¡µ************************************/




/*å…¬å¸ç®€ä»‹*/
.nei-banner{width: 100%;position: relative;z-index: 5;overflow: hidden;}
.nei-banner img{width: 100%;}


.main{padding: 50px 0px;}

/*ä¼ä¸šæ–‡åŒ–*/
.culture-info{}
.culture-info ul li{margin-top: 50px;}
.culture-info ul li:last-child{margin-bottom: 50px;}
.culture-info ul li .img-box{width: 50%;}
.culture-info ul li .img-box img{width: 100%;border-radius: 0px 20px 0px 20px;}

.culture-info ul li .intro{width: 50%;padding: 30px 50px;}
.culture-info ul li .intro b{display: block;font-size: 70px;color: #f0f0f0;font-weight: normal;}
.culture-info ul li .intro span{display: block;font-size: 26px;color: #235ca4;margin-top: -10px;}
.culture-info ul li .intro small{display: block;font-size: 16px;color: #bababa;margin-bottom: 30px;}
.culture-info ul li .intro p{font-size: 16px;color: #6a6a6a;text-align: justify;}

.culture-info ul li:nth-child(1) .img-box{float: left;}
.culture-info ul li:nth-child(1) .intro{float: right;}

.culture-info ul li:nth-child(2) .img-box{float: right;}
.culture-info ul li:nth-child(2) .intro{float: left;}


.location-idea{background: url('../img/location-idea.jpg')no-repeat center center;width: 100%;color: #fff;padding: 70px 0px;}
.location-idea .swiper-slide{padding: 18px;position: relative;background: rgba(255,255,255,0.2);}
.location-idea .swiper-slide:nth-child(1):hover{background: url('../img/q1.jpg')no-repeat center center;}
.location-idea .swiper-slide:nth-child(2):hover{background: url('../img/q2.jpg')no-repeat center center;}
.location-idea .swiper-slide:nth-child(3):hover{background: url('../img/q3.jpg')no-repeat center center;}
.location-idea .swiper-slide:nth-child(4):hover{background: url('../img/q4.jpg')no-repeat center center;}
.location-idea .swiper-slide:hover .box{visibility: hidden;}


.location-idea .swiper-slide .box-shade{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 95%;
    height: 95%;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,0.5);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
}
.location-idea .swiper-slide .box-shade h5{
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.location-idea .swiper-slide:hover .box-shade{visibility: visible;opacity: 1;}


.location-idea .swiper-slide .box{width: 100%;border:1px solid #fff;text-align: center;height: 360px;padding: 80px 45px;}
.location-idea .swiper-slide .box span{display: block;font-size: 32px;}
.location-idea .swiper-slide .box small{display: block;font-size: 18px;}
.location-idea .swiper-slide .box small:after{
	display: block;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin: 30px 0px;
}
.location-idea .swiper-slide .box p{font-size: 18px;}
.location-idea .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.location-idea .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.location-idea .swiper-slide{position: relative; background-size: 240px;}
.swiper-pagination2{text-align: center;}


/*æ‰‹æœºä¸Šå•ç‹¬æ˜¾ç¤º*/
.location-idea-mobile{background: url('../img/location-idea.jpg')no-repeat center center;width: 100%;color: #fff;padding: 70px 0px;display: none;}
.location-idea-mobile .swiper-slide{padding: 18px;background: rgba(255,255,255,.2);}
.location-idea-mobile .swiper-slide .box{width: 100%;border:1px solid #fff;text-align: center;height: 360px;padding: 80px 45px;}
.location-idea-mobile .swiper-slide .box span{display: block;font-size: 32px;}
.location-idea-mobile .swiper-slide .box small{display: block;font-size: 18px;}
.location-idea-mobile .swiper-slide .box small:after{
	display: block;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin: 30px 0px;
}
.location-idea-mobile .swiper-slide .box p{font-size: 18px;}

.location-idea-mobile .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.location-idea-mobile .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.location-idea-mobile .swiper-slide{position: relative; background-size: 240px;}
.swiper-pagination3{text-align: center;}



/*å“ç‰Œå†…æ¶µ*/
.brand-connotation{padding: 50px 0px 0px 0px;}
.brand-connotation .container{background-color: #f0f5f7;margin-top: 30px;}
.brand-connotation .img-box{width: 50%;float: left;}
.brand-connotation .img-box img{width: 100%;}
.brand-connotation .intro{width: 50%;float: right;padding: 20px;}
.brand-connotation .intro span{display: block;font-size: 26px;color: #235ca4;}
.brand-connotation .intro small{
    display: block;
    font-size: 16px;
    color: #bababa;
    margin-top: 10px;
    margin-bottom: 10px;
}
.brand-connotation .intro p{font-size: 16px;color: #6a6a6a;text-align: justify;line-height: 36px;}



.scope-map{}
.scope-map .scope-img{width: 100%;margin-top: 45px;}
.scope-map .intro{color: #6a6a6a;font-size: 16px;text-indent: 2rem;line-height: 30px;}
.scope-map .intro img{ display:inline;}
.scope-map .intro p{margin-top: 20px;text-align: justify;}



/*è”ç³»æˆ‘ä»¬*/
.contact_info_list{padding-bottom: 20px;}
.contact_info_list ul li{font-size: 14px;line-height: 35px;color: #777;text-indent: 50px;margin-bottom: 20px;}
.contact_info_list ul li:nth-child(1){background: url('../img/contact01.png')no-repeat 0px center;}
.contact_info_list ul li:nth-child(2){background: url('../img/contact03.png')no-repeat 0px center;}


.contact_info_list b{font-size:24px; margin-top: 20px; margin-bottom: 20px; font-weight: 500; display: inline-block; width: 100%;}
.info_maps{height: 300px; padding: 0;}
#allmap{height: 100%;width: 100%;}


/***********************************page***************************************/
div.page{padding:3px;margin:3px;text-align:center;margin-top: 10px;}
div.page a{border:#38322d 1px solid;padding:2px 5px;margin:2px;color:#38322d;text-decoration:none}
div.page a:hover{border:#38322d 1px solid;color:#000;}
div.page a:active{border:#38322d 1px solid;color:#000;}
div.page span.current{border:solid 1px #38322d;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#38322d;}
div.page span.disabled{border:#38322d 1px solid;padding:2px 5px;margin:2px;color:#38322d;}




.product-list{}
.product-list ul li{
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    padding: 15px;
}
.product-list ul li:hover{
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.product-list ul li a{
    padding: 10px;
    display:block;
    border: 1px solid #eee;
}
.product-list ul li b{
    display: block;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    background-color: #fff;
    color: #414141;
    text-align: center;
}
.product-list ul li:hover b{color: #fff;background-color: #235ca4;}





/*æ–°é—»ä¸­å¿ƒåˆ—è¡¨*/
.news-list{background-color: #fff;}
.news-list ul li{
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
	padding: 15px;
}
.news-list ul li:hover{
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.news-list ul li a{
	padding: 20px;
	display:block;
	border: 1px solid #eee;
}
.news-list ul li b{
	display: block;
	font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}
.news-list ul li small{
	display: block;
	font-size: 16px;
	line-height: 16px;
	padding: 20px 0px 10px 0px;
}
.news-list ul li p{min-height: 60px;line-height: 20px;}


/*æ–°é—»è¯¦æƒ…*/
.news_title{
	font-size: 38px;
    color: #333333;
    display: block;
    width: 100%;
    text-align: center;
}
.meta {border-bottom: 1px solid #ebecf1;width: 100%;margin: 30px 0;}
.meta span {display: block;float: left;color: #999999;line-height: 45px;}
.meta small {display: block;float: right;margin: 10px 0 0 0;}


.xq{max-width: 100%;font-size: 16px;line-height: 30px;text-align: justify;color: #6a6a6a;}
.xq img{max-width: 100%;display: block;margin: 5px auto;}
.xq table{border: 1px solid #808080;width: 100%;border-collapse: collapse;}
.xq table td {border: 1px solid #808080;}


.main-son {background-color: #eee;}
.main-son&gt;.container {
	padding: 50px 30px;
    background-color: #fff;
    margin-top: -100px;
    position: relative;
    z-index: 11;
}


/*ä¸Šä¸€é¡µï¼Œä¸‹ä¸€é¡µ*/
#prev_next{margin-top: 30px;}
#prev_next li{line-height:40px;text-indent: 20px;width: 100%;font-size: 14px;}
#prev_next li:nth-child(1){background: url('../img/up.png')no-repeat 0px 15px;border-top: 1px solid #CCCCCC;}
#prev_next li:nth-child(2){background: url('../img/down.png')no-repeat 0px 15px;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}


/*æ‹›è˜ä¿¡æ¯*/
.jobs-list{margin-top: 30px;}
.jobs-list ul li{padding: 10px;}

.jobs-list ul li a{
    display: block;
    padding: 20px;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-top: 5px solid #235ca4;
}
.jobs-list ul li:hover span,.jobs-list ul li:hover p{color: #fff;}
.jobs-list ul li:hover a{background: url('../img/03.jpg') center center;border-left: 1px solid #235ca4;border-right: 1px solid #235ca4;border-bottom: 1px solid #235ca4;}
.jobs-list ul li:hover i{ display: block;background: url("../img/pic-26.png") no-repeat center center;border: 1px solid #fff;}



.jobs-list ul li span{
    display: block;
    font-size: 24px;
    color: #235ca4;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.jobs-list ul li p{
    font-size: 14px;
    color: #999;
    line-height: 24px;
    min-height: 72px;
    margin-bottom: 20px;
}
.jobs-list ul li i{
    display: block;
    width: 50px;
    height: 30px;
    background: url("../img/pic-26.png") no-repeat center center #23a475;
    display: block;
}


.jobs-info{}
.jobs-info&gt;b{
    display: block;
    font-size: 30px;
    color: #235ca4;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
.jobs-info&gt;span{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    color: #235ca4;
    line-height: 24px;
}
.jobs-info .work{
    margin-top: 12px;
    line-height: 24px;
    color: #666;
}

.jobs-info .bot-email{
    display: block;
    line-height: 26px;
    margin-top: 30px;
    color: #666;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.jobs-info .link-email{
    display: block;
    width: 200px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    background-color: #235ca4;
    border-radius: 2px;
}
.jobs-info .link-email:hover{border-radius: 46px;}





/*æœç´¢-PC*/
.pc-search{display: none;}
.pc-search .pc-search-form{background: rgba(0,0,0,0.5);position: fixed;top: 80px;z-index: 9999;width: 100%;height: 100px;padding: 20px;}
.pc-search .pc-search-form input[type=text]{width: 90%;height: 100%;padding: 10px;outline: none;display: inline-block;float: left;}
.pc-search .pc-search-form input[type=submit]{width: 10%;height: 100%;display: inline-block;float: right;background-color: #235ca4;color: #fff;font-size: 20px;cursor: pointer;}


@keyframes ripple {
	0% {
		transform: scale(0);	
		opacity: 0;	
	}
	
	50% {
		transform: scale(1.5,1.5);
		opacity: 1;	
	}
	100% {
		
		opacity: 0;	
	}
}
@-webkit-keyframes ripple {
	0% {
		transform: scale(0);	
		opacity: 0;	
	}
	
	50% {
		transform: scale(1.5,1.5);
		opacity: 1;	
	}
	100% {
		
		opacity: 0;	
	}
}
@-moz-keyframes  ripple {
	0% {
		transform: scale(0);	
		opacity: 0;	
	}
	
	50% {
		transform: scale(1.5,1.5);
		opacity: 1;	
	}
	100% {
		
		opacity: 0;	
	}
}

</pre></body></html>