/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 183650 */
  src: url('https://at.alicdn.com/t/c/font_183650_qsivitnbrq.woff2?t=1678948721015') format('woff2'),
       url('https://at.alicdn.com/t/c/font_183650_qsivitnbrq.woff?t=1678948721015') format('woff'),
       url('https://at.alicdn.com/t/c/font_183650_qsivitnbrq.ttf?t=1678948721015') format('truetype');
}
  .iconfont {
	font-family:"iconfont" !important;
	font-size:22px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
  }



html, body {
  
  background: #5471B9;
	margin: 0px; padding:0;font-family: "微软雅黑"; font-size: 12px; color: #222; background: #0d3882; }
* { margin:0; padding:0; }

img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
        li{ list-style:none;}
        a{ text-decoration:none;}

        .s1{ background: url("img/s1.jpg") center; }
        .s1 img{ position:absolute; top: 50%; left: 50%; margin-left: -545px; margin-top: -240px; opacity: 0; transition: 0.8s 0.8s; }
        .s1.active img{ opacity: 1 }

        /*手机导航*/
        .sp_header{height:60px;overflow:hidden;background:#16489f;position:fixed;z-index:10;width:100%;}
        .sp_logo{padding:10px;float:left;height:40px}
        .sp_logo img{margin:auto;max-height:40px;}
        .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
        .sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
        .sp_nav span:nth-of-type(1){top:0px}
        .sp_nav span:nth-of-type(2){top:10px}
        .sp_nav span:nth-of-type(3){top:20px}
        .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
        .sp_nav_se span:nth-of-type(2){width:0}
        .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
        .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
        .nav_show{top:60px}
        .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
        .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 80px)}
        .sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:30px;margin-top:5px}
        .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
        .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:40px;padding:0px 7px 0 7px;}
        .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
        .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
        .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
        .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
        .sjj_nav ul li ul{display:none}
        .sjj_nav ul li a{color:#666;width:80%}
        .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
        .sjj_nav ul li i svg{width:20px;height:40px;fill:#555;}
        .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
        .sjj_nav ul li ul li>ul{margin-left:10px}

        /*公共*/
        .section{ overflow: hidden  }
        .section .left{ position: absolute; top: 50%; margin-top: -200px; left: 5%; z-index: 2}
        .section .left li{ float: left; margin-right: 20px; transition: 0.8s; }
        .section .left li p{ margin: 20px 0; font-size: 18px; color:#333 }
        .section .left li a{ width:98px; height:36px; background:url(img/buy.jpg); display:block;}
        .section .right{ position: absolute; right: 5%;border-right:2px solid #000000; padding-right: 10px; text-align: right; top: 15%;z-index: 3; transition: 0.8s }
        .section .right h1{ font-size:34px; color:#333; font-weight:100;}
        .section .right p{ font-size:18px; color:#333; line-height:1.5em;margin-top:20px; margin-bottom:10px; }
        .section .right a{ color:#333;  text-decoration:underline; cursor: pointer }
        .section .right a:hover{ text-decoration:none;}
        .section .bg{ position: absolute; bottom: 0; right: 0; z-index: 1 }

        .s2{ background: url("../img/aboutbg.jpg") center; position: relative; }
		.s2 .centerbg{position: absolute; left: 250px; top: 100px; width: 70%; z-index: 3;}
		.s2 .about_l{ font-size: 80px; font-family: Cambria; color: #fff; text-shadow:10px 10px 5px #2c5583;width: 40%; float: left;-webkit-transform: translateX(-200px); transform: translateX(-200px);  transition: 1s;}
		.s2 .about_r{ width: 60%; float: left; color: #fff;-webkit-transform: translateY(-200px); transform: translateY(-200px);  transition: 1.5s; opacity: 0;}
		.s2 .about_t{ font-size: 30px; margin-top: 40px; margin-bottom: 30px; font-weight: 300;}
		.s2 .about_desc{ font-size: 16px; margin-bottom: 40px; line-height: 180%;}
		.s2 .about_ul{ list-style: none; display: flex; margin-bottom: 50px;}
		.s2 .about_ul li{ width: 25%; position: relative;}
		.s2 .about_ul li::before{ display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: rgba(242,60,73,.8); position: absolute; left: -10px; top: 5px;content:"";}
		.s2 .about_ul_t{ font-size: 46px; font-weight: 600; position: relative;}
		.s2 .about_ul_t span{ font-size: 16px;}
		.s2 .about_more{ text-align: center; transition: 0.3s; width: 140px; line-height: 40px;background: #f23c49; font-size: 14px; color: #fff; display: block;}
		.s2 .about_more i{ font-size: 14px;}
		.s2 .about_more:hover{width: 160px; font-size: 16px; background: #ff6e78;}
		
        .s2 .rbg{ position: absolute; right: 0; top: 0; width: 70%; height:70%; background: rgba(0,0,0,.6); border-radius: 0 0 0 50px;-webkit-transform: translateX(500px); transform: translateX(500px);  transition: 0.8s; z-index: 1; opacity: 0;}
		.s2.active .rbg{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
		.s2.active .about_l{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
		.s2.active .about_r{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}

        .s3{ background: url("../img/probg.jpg") center; position: relative; }
        .s3 .left li{ transition-delay: 0.8s }
        .s3 .left li:nth-child(2){ -webkit-transform: translateX(-279px); transform: translateX(-279px) }
        .s3 .left li:nth-child(3){ -webkit-transform: translateX(-558px); transform: translateX(-558px) }
        .s3.active .left li{ -webkit-transform: translateX(0); transform: translateX(0) }
        .s3 .right{ -webkit-transform: translateX(500px); transform: translateX(500px); transition-delay: 1.2s}
        .s3.active .right{ -webkit-transform: translateX(0); transform: translateX(0); }


		.s3 .categorycon{position: absolute; left: 250px; top: 100px; width: 70%; z-index: 3;}
		.s3 .categoryTop{ position: relative; margin-bottom: 50px;-webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0;}
		.s3.active .categoryTop{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;transition: 1s; transition-delay: 0.5s; color:#fff;}
		.s3 .categortyTop_t{ font-size: 48px; color: #fff;font-family: Cambria; margin-bottom: 10px; position:relative; z-index:1}
        .s3 .categortyTop_t:before{ position:absolute; left:0; bottom:10px; height:10px; background:#f23c49;  content:""; width:200px; z-index:-1}
		.s3 .categortyTop_n{ font-size: 18px; color: #fff;font-family: Cambria; font-weight:normal}
		.s3 .categortyTop_desc{ font-size: 16px; color: #fff;font-family: Cambria; font-weight:normal}

		.s3 .categorty_ul{  list-style: none;position:relative; -webkit-transform: translateY(-300px); transform: translateY(-300px); opacity:0;}
		.s3.active .categorty_ul{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;transition: 1s; transition-delay: 1.5s; color:#fff;}

        .s3  .myCategory {width: 100%;        height: 100%; overflow:hidden; }
        .s3  .myCategory .swiper-slide {text-align: center;  display: -webkit-box;
        display: -ms-flexbox;        display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
        .s3 .categorty_ul .swiper-button-next{ right:-50px;}
        .s3 .categorty_ul .swiper-button-prev{ left:-50px;}
        .s3 .categorylist{ position:relative; width:100%;}
        .s3 .categorylist_img{ position:absolute; left:0; top:0; width:95%; height:200px; overflow:hidden; z-index:33}
        .s3 .categorylist_img img{ width:100%;}
        .s3 .categorylist_con{padding-top:50px; }
        .s3 .categorylist_in{ background:#fff;padding:160px 20px 20px 40px; text-align:left;}
        .s3 .categorylist_in_t:before{position:absolute; left:-20px; top:0; height:30px; background:#0d3882; border-radius:2px;  content:""; width:5px; z-index:0; }
        .categorylist_in_t{ font-size:18px; font-weight:normal; height:40px; position:relative;}
        .categorylist_in_t_f14{ font-size:14px; }
        .categorylist_in_desc{ font-size:12px; height:80px; overflow:hidden; color:#666}
		.s3 .categorylist_in_more{ text-align: center; transition: 0.3s; width: 100px; line-height: 25px; border:2px solid #000;  font-size: 14px; color: #000; display: block;}
		.s3 .categorylist_in_more i{ font-size: 14px;}

        .category_lk{ transition:0.3s; display:block; color:#000;}
        .category_lk:hover .categorylist_in{ background:#f23c49; color:#fff;transition:0.3s;}
        .category_lk:hover .categorylist_in_t:before{ background:#fff; }
        .category_lk:hover .categorylist_in_desc{ color:#fff; }
        .category_lk:hover .categorylist_in_more{  border:2px solid #fff;color:#fff; }

        .s3 .bbg{ position: absolute; left: 0; bottom: 135px; width: 100%; height:50%; background: rgba(13,56,130,1); border-radius: 80px 80px 0 0;-webkit-transform: translateY(1000px); transform: translateY(1000px);  transition: 0.8s; z-index: 1; opacity: 0;}
		.s3.active .bbg{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}


/*新闻中心*/
        .s4{background: url("../img/newsbg.jpg") center; position: relative; }
		.s4 .newslbg{width: 180px; border-radius: 0 0 50px 0; height: 70%; background: #144599; -webkit-transform: translateX(-200px); transform: translateX(-200px);  transition: 1s; position: absolute; left: 0; top: 0;}
		.s4.active .newslbg{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}
		.s4 .newsrbg{width: 300px; border-radius: 150px 0 0  0; height: 100%; background: rgba(20,69,153,.4); -webkit-transform: translateX(200px); transform: translateX(200px);  transition: 1.5s; position: absolute; right: 0; top: 0;}
		.s4.active .newsrbg{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}
		
		.s4 .newscon{position: absolute; left: 250px; top: 50px; width: 70%; z-index: 3;}
		.s4 .newsTop{ position: relative; margin-bottom: 60px;-webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0;}
		.s4.active .newsTop{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;transition: 1s; transition-delay: 0.5s;}
		.s4 .newsTop_t{ font-size: 72px; color: #144599;font-family: Cambria; margin-bottom: 10px;}
		.s4 .newsTop_t2{ font-size: 36px; font-weight: 300;}
		.s4 .newsTop_ul{ position: absolute; right: 0; bottom: 0; list-style: none; display: flex;}
		.s4 .newsTop_ul li{ padding: 0 10px;}
		.s4 .newsTop_ul li a{ padding:5px 30px; display: block; border-radius: 20px; border: 1px solid #333; color: #333; font-size: 16px;}
		.s4 .newsTop_ul li a:hover{ background: #0d3882; color: #fff;}
		.s4 .newsTop_ul li.on a{background: #0d3882; color: #fff;}
 
		.s4 .inews{ display: flex;justify-content: space-between;-webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0;}
		.s4.active .inews{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;transition: 1s; transition-delay: 1s;}
		.s4 .inewslist{ width: 28%; background: #fff; padding: 20px; border-radius: 0 20px 0 20px; box-shadow: 0 0 10px #ccc; transition: 0.3s;}
		.s4 .inewslist:hover{ box-shadow: 0 0 20px #777;}
		.s4 .inews_time{ margin-bottom: 10px;}
		.s4 .inews_time_day{ font-size: 18px; font-weight: 600;}
		.s4 .inews_time_year{ font-size: 14px; color: #777;}
		.s4 .inews_t{ font-size: 18px;  height: 60px; font-weight: 400; color: #000; margin-bottom: 10px;}
		.s4 .inews_desc{ height: 100px; font-size: 12px; color: #777;}
		.s4 .inews_bot{border-top: 1px solid #eee; padding: 10px 0; display: flex; justify-content: space-between;}
		.s4 .inews_bot_icon{ font-size: 12px;}
		.s4 .inews_link{display:block; color: #333;}
		.s4 .inews_more{ width: 200px; height: 40px; line-height: 40px; border-radius: 20px; background: #e75c00; color: #fff; font-size: 16px; display: block; margin: 0 auto; margin-top: 40px; transition: 0.3s;-webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}
		.s4 .inews_more:hover{ background: #f60; font-size: 18px;}
		.s4.active .inews_more{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;transition: 1s; transition-delay: 1.3s;}
		


        .s5{background: url("../img/applybg.jpg") center; position: relative; }
		.s5 .applylbg{width: 180px; border-radius: 0 0 50px 0; height: 70%; background: #144599; -webkit-transform: translateX(-200px); transform: translateX(-200px);  transition: 1s; position: absolute; left: 0; top: 0;}
		.s5.active .applylbg{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}

        .s5 .advan_t{-webkit-transform: translateY(-200px); transform: translateY(-200px);  transition: 1s; opacity:0;}
		.s5.active .advan_t{ opacity: 1;-webkit-transform: translateY(0); transform: translateY(0); opacity:1; text-align:center; margin-bottom:30px;}
		.s5 .advan_t1{ font-size: 48px; font-weight:normal; color: #000;font-family: Cambria; margin-bottom: 10px;}
		.s5 .advan_t2{ font-size: 36px; font-weight: 300; color:#e56401;}

        .s5 .left{right: 230px; left:auto; top:40%; z-index: 2; width:550px;}
        .s5 .left ul{ display:flex;flex-wrap: wrap;align-content: center;}
        .s5 .left li{ -webkit-transform: translate3d(100px,500px,800px) rotateX(145deg); transform: translate3d(100px,500px,800px) rotateX(145deg); width:250px; margin-bottom:10px; }
        .s5.active .left li:nth-child(1){ -webkit-transform: translate3d(0,0,0) rotateX(0deg); transform: translate3d(0,0,0) rotateX(0deg); transition-delay: 0.8s }
        .s5.active .left li:nth-child(2){ -webkit-transform: translate3d(0,0,0) rotateX(0deg); transform: translate3d(0,0,0) rotateX(0deg); transition-delay: 1s }
        .s5.active .left li:nth-child(3){ -webkit-transform: translate3d(0,0,0) rotateX(0deg); transform: translate3d(0,0,0) rotateX(0deg); transition-delay: 1.2s }
        .s5.active .left li:nth-child(4){ -webkit-transform: translate3d(0,0,0) rotateX(0deg); transform: translate3d(0,0,0) rotateX(0deg); transition-delay: 1.4s }

        .advan_list{ padding:10px; position:relative;}
        .advan_list_t{ position:absolute; left:50%; margin-left:-70px; top:-5px; width:140px; height:30px; line-height:30px; background:#78c000; border-radius:20px; color:#fff; font-size:16px; text-align:center; }
        .advan_list_t_en{ position:absolute; left:50%; margin-left:-70px; top:-5px; width:140px; height:30px; line-height:30px; background:#78c000; border-radius:20px; color:#fff; font-size:12px; text-align:center; }
        .advan_list_desc{ padding:30px 20px 20px 20px; border:1px solid #78c000; font-size:14px; border-radius:8px; height:90px;}
        .advan_list_desc_en{ padding:30px 20px 20px 20px; border:1px solid #78c000; font-size:12px; border-radius:8px; height:90px; overflow:hidden}

        .s5 .applyright{-webkit-transform: translateX(200px); transform: translateX(200px);  transition: 1s; position: absolute; right: 0; top: 20%; width:200px;}
		.s5.active .applyright{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0); transition-delay: 1.4s}



		/*联系我们*/
        .s6{background: url("../img/contactbg.jpg") center; position: relative; }
        .s6 .contact_t{ font-size: 48px; color: #fff;font-family: Cambria; margin-bottom: 10px; position:relative; z-index:1; margin-bottom:30px;}
        .s6 .contact_t:before{ position:absolute; left:0; bottom:10px; height:10px; background:#f23c49;  content:""; width:230px; z-index:-1}
        .s6.active .contact_t{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}
        .contact_info{ font-size:14px; line-height:180%;}
		.s6 .contact_n{ font-size: 18px; color: #fff;font-family: Cambria; font-weight:normal}

		.s6 .contact_l{ position: absolute; left: 300px; top: 20%; width: 30%; color: #fff;z-index: 11;opacity: 0;-webkit-transform: translateX(-200px); transform: translateX(-200px); transition:1s;}
		.s6.active .contact_l{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0); }
		.s6 .contact_r{ position: absolute; right: 50px; top: 140px; width: 30%; color: #fff;z-index: 11;-webkit-transform: translateX(200px); transform: translateX(200px);transition:1s; opacity:0;}
        .s6.active .contact_r{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0); transition-delay:1s;}

        .s6 .feed_t{ font-size:30px; color:#000; margin-bottom:20px; position:relative;}
        .s6 .feed_t:before{ position:absolute; left:0; bottom:0; height:10px; background:#b5cbf2;  content:""; width:270px; z-index:-1}
        .s6 .feed_d{ font-size:14px; color:#000;margin-bottom:30px; }
        .s6 .contact_form_input{ display:flex; margin-bottom:10px;}
        .s6 .feed_input{ width:160px; border:1px solid #ccc; height:35px; line-height:35px; margin-right:20px; text-indent:10px}
        .s6 .contact_form_demo{ margin-bottom:20px;}
        .s6 .feed_demo{ width:340px;border:1px solid #ccc; height:100px; padding:10px}
        .s6 .feed_btn{ height:35px; line-height:35px; background:#16489f; color:#fff; width:100px; border:none; border-radius:4px; font-size:16px;}


        .s6 .contact_bot{ height:100px; background:rgba(0,0,0,.6); position:absolute; left:0; bottom:135px; width:100%; z-index:99;opacity: 0;-webkit-transform: translateY(100px); transform: translateY(100px); transition:0.5s; }
        .s6.active .contact_bot{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0); transition-delay:1.2s;}
        .s6 .contact_bot_in{ position:relative; padding:0 150px; }
        .s6 .contact_bot_tel{ display:flex; color:#fff;}
        .s6 .contact_bot_weixin{ position:absolute; left:50px; top:-30px;}
        .s6 .contact_bot_info{ font-size:18px; padding:10px 0 0 0 ;}
        .s6 .contact_bot_mobile{ font-size:24px; font-weight:bold;}
        .s6 .contact_bot_mobile i{ font-weight:normal}
        .s6 .contact_bot_back{position:absolute; right:50px; top:25px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50px; background:rgba(231,42,70,.8); color:#fff; }
		.s6 .contactrbg{position: absolute; right: 0; top: 0; width: 602px; height: 100%; background: url(../img/contactrbg.png) no-repeat; background-size:cover; z-index: 1; -webkit-transform: translateX(200px); transform: translateX(200px); opacity:0; transition:1.2s;}
		.s6.active .contactrbg{ opacity: 1;-webkit-transform: translateX(0); transform: translateX(0); transition-delay: 0.8s}

        /*头部导航*/
        .header{ position: fixed;  left: 30px;  z-index: 100;    top: 10%;    opacity: 1;width: 150px;  }
        .inner{  }
        .logo{ text-decoration: none; padding: 16px 0;}
        .inner nav{ margin-top:20px;}
        .inner nav .menu li{ position: relative;}
		.inner nav .menu li a .radio{ width: 10px; height: 10px; border-radius: 10px; border: 1px solid #fff; display:inline-block;}
        .inner nav .menu li a{ transition: 0.3s; display: block;  padding: 0 20px; height: 60px; cursor:pointer; color: #ffffff; font-size: 16px;}
        .inner nav .menu li a::before{transition: 0.3s;content: '';position: absolute; left: 0; top: 5px; width: 10px; height: 10px; border-radius: 10px; border: 1px solid #fff; }
		.inner nav .menu li a::after{transition: 0.3s;content: '';position: absolute; left: 5px; top: 16px; height: 50px; width: 1px; background: rgba(255,255,255,.5); }
		.inner nav .menu .menu_ten{ font-size: 12px; color: #ccc;}
		.inner nav .menu li a:hover,.inner nav .menu li.active a{ color: #ffea00; font-size: 18px;}
		.inner nav .menu li a:hover::before{background: #ffea00; border:1px solid #ffea00; transform: scale(1.2);}
		.inner nav .menu li a:hover .menu_ten{color: #fff;}
		.inner nav .menu li.active a::before{ background: #ffea00; border:1px solid #ffea00;}
		
		.inner nav .menu li.active .menu_ten{color: #fff;}
		
		.nobefor::after{ display: none;}


        .header_in{position:absolute; left:0; top: 0;  z-index: 100; width:100%; }
        .header_in_con{ width:1200px; margin:0 auto; position:relative; height:400px;}
        .logo_in{ width:500px; display:block; margin-top:20px;}
        .login_in img{ width:100%;}
        .header_in_r{ position:absolute; right:0; top:20px; width:30px; height:30px; background:#16489f; z-index:3; text-align:center; color:#fff; font-weight:bold; line-height:30px;}
        .header_in_r a{ color:#fff; font-size:18px;}

        .navcon{ position:absolute; left:0; bottom:20px; width:100%; background:#fff; display:flex; justify-content:space-between; box-shadow:0 0 2px #ccc;}
        .navconfix{ position:fixed; left:50%; width:1200px; margin-left:-600px; top:0; height:70px; overflow:hidden; z-index:99}
        .nav{ }
        .nav ul{height:70px; }
        .nav li{list-style:none;height:70px;float:left;position:relative;}
        .nav li .a{display:block;height:70px;line-height:70px; padding: 0 40px; color:#000;text-align:center;text-decoration:none;font-family:"";font-size:18px;}
         .nav li .aen{display:block;height:70px;line-height:70px; padding: 0 30px; color:#000;text-align:center;text-decoration:none;font-family:"";font-size:18px;}
        .nav li a.on{ color:#fff !important;}
        

        /*search*/
        .lan{ position: fixed; top: 30px; right: 30px; display: flex; flex-direction: row; align-items: center; z-index: 999;}
        .search{ width: 120px; padding: 0 10px; height: 25px; line-height: 25px; border-radius: 20px; border: 1px solid #fff; position: relative;}
        .search_input{ border: none; width: 100%; background: none;outline:none; color: #fff; }
        .search_input::-webkit-input-placeholder {   color: #fff; } 
        .search_icon{ position: absolute; right: 10px; top: 0; color: #fff;}
        .search_icon i{ font-size: 16px;}
        .lanlink{ font-size: 18px; color: #fff; font-weight: 600; width: 50px; margin-left: 10px;}

        .search_in{ width: 240px; padding:0 20px; height: 70px;  position: relative; background:#16489f; display:flex;align-items:center;}
        .search_in_icon{  color: #fff;}
        .search_in_icon i{ font-size: 16px;}

        .headcategory{ width:400px;}
        .headcategory li{float:left;}

        .xmzs0{background:rgba(7, 49, 134, 0.9);display:none;position:absolute;left:0;top:70px;padding:10px; border-radius:0 0 4px 4px;}
        .xmzs0 ul{ margin:0; padding:0; list-style:none; text-align:left; }
        .xmzs0 ul li{ height:30px; line-height:30px; font-size:14px; padding-left:20px; width:120px;}
        .xmzs0 ul li a{ color:#fff; display:block;}
        .xmzs0 ul li a:hover{ color:#fff; text-decoration: underline;}


        @-webkit-keyframes move1 {
             0%{ -webkit-transform: translate(330px,-1000px); transform: translate(330px,-1000px) }
             20%{ -webkit-transform: translate(330px,0); transform: translate(330px,0) }
             40%{ -webkit-transform: translate(330px,-50px); transform: translate(330px,-50px) }
             60%{ -webkit-transform: translate(330px,0px); transform: translate(330px,0px) }
             100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
         }
        @-webkit-keyframes move2 {
            0%{ -webkit-transform: translate(0,-1000px); transform: translate(0,-1000px) }
            20%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
            40%{ -webkit-transform: translate(0,-50px); transform: translate(0,-50px) }
            60%{ -webkit-transform: translate(0,0px); transform: translate(0,0px) }
            100%{ -webkit-transform: translate(0,0) ; transform: translate(0,0)}
        }
        @-webkit-keyframes move3 {
            0%{ -webkit-transform: translate(-330px,-1000px); transform: translate(-330px,-1000px) }
            20%{ -webkit-transform: translate(-330px,0); transform: translate(-330px,0) }
            40%{ -webkit-transform: translate(-330px,-50px); transform: translate(-330px,-50px) }
            60%{ -webkit-transform: translate(-330px,0px); transform: translate(-330px,0px) }
            100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
        }
        @keyframes move1 {
            0%{ transform: translate(330px,-1000px) }
            20%{ transform: translate(330px,0) }
            40%{ transform: translate(330px,-50px) }
            60%{ transform: translate(330px,0px) }
            100%{ transform: translate(0,0) }
        }
        @keyframes move2 {
            0%{ transform: translate(0,-1000px) }
            20%{ transform: translate(0,0) }
            40%{ transform: translate(0,-50px) }
            60%{ transform: translate(0,0px) }
            100%{ transform: translate(0,0) }
        }
        @keyframes move3 {
            0%{ transform: translate(-330px,-1000px) }
            20%{ transform: translate(-330px,0) }
            40%{ transform: translate(-330px,-50px) }
            60%{ transform: translate(-330px,0px) }
            100%{ transform: translate(0,0) }
        }
/*底部导航*/
.footer{height: 135px; overflow: hidden; width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(22,72,159,.8); z-index: 999;}
.footer_con{ display: flex; flex-direction: row; justify-content: space-between;}
.footer_logo{ margin-left: 30px;}

.footer_num{display: flex; flex-direction: row;height: 135px;}
.footer_num_1{ background: #fff; color: #16489f; width: 100px;border-right: 1px solid #eee; padding-top: 40px;}
.footer_num_1 a{ display: block; text-align: center; height: 30px; font-size: 18px; color: #888;}
.footer_num_1 a:hover{ color: #0d3882;}
.footer_num_2{ line-height: 135px; background: #fff; color: #16489f; width: 200px; text-align: center;}
.footer_num_2 .pageNum{ font-size: 36px; color: #16489f; font-weight: 600;}
.footer_num_2 .pageTotal{ font-size: 16px; color: #888; font-weight: 300;}
.footer_num_3{width: 300px; background: #16489f; color: #fff; font-size: 24px; text-align: center; line-height: 135px;}




/*banner*/
.banner{ width: 100%; height: 100%; }
.banner img{ width: 100%; display: block;}

.mySwiper{ position: relative; height: 100%;}


.mySwiper .swiper-pagination-bullet-active {    border-color: #ffeb0d;}
.mySwiper .swiper-pagination-bullet{    width: 20px;    height: 20px;    border-radius: 100%;    border: 2px solid transparent;
    display: inline-block;    *display: inline;    zoom: 1;    position: relative;    background-color: transparent;
    margin: 0 .10px;    box-sizing: border-box;    transition: all .3s; opacity: .8;}

.mySwiper .swiper-pagination-bullet:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 1;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    transition: all .3s;
}
.mySwiper .swiper-pagination-bullet-active{
    border-color: #ffeb0d;
}
.mySwiper .swiper-pagination-bullet-active:before{
    opacity: 1;
    width: 6px;
    height: 6px;
}
.mySwiper .swiper-button-prev{ left: 50px; }
.mySwiper .swiper-button-next{ right: 50px; }

.banner-txt{ position: absolute; left: 10%; top: 35%;}
.banner-t{ font-size: 90px; color: #fff; margin-bottom: 20px; font-weight: bold; text-shadow:2px 2px 25px #333; letter-spacing: 3px;}
.banner-t2{ font-size: 36px; color: #fff; margin-bottom: 10px;text-shadow:2px 2px 5px #333}
.banner-t3{ font-size: 20px; color: #fff; margin-bottom: 50px;text-shadow:2px 2px 5px #333}
.banner-et{font-size: 36px; color: #ffeb0d; margin-bottom: 10px;text-shadow:2px 2px 5px #333; text-decoration: underline; line-height: 200%;;}
/*banner*/
.swiper-pagination-banner{ text-align:center; bottom:160px !important; position:absolute; z-index:999;}

.swiper-button-prev {color:#fff !important; }
 .swiper-button-next { color:#fff !important;  }


/*产品中心*/
.category{ width:1200px; margin:0; margin:0 auto; position:relative; z-index:22; background:#fff}
.category_in{ width:220px; float:left; position:relative;}
.category_t{ height:50px; line-height:50px; background:rgba(32,81,192,.8);  font-size:24px; color:#fff; width:200px; padding-left:20px; border-radius:0 10px 0 0;}
.category_t span{ font-size:14px;}
.category_ul{ list-style:none; display:flex; flex-wrap:wrap; padding:10px;background:#fff; box-shadow:0 0 15px #ccc; border-radius:0 0 10px 10px;}
.category_ul li{ width:20%; margin-bottom:5px; }
.category_ul li a{ display:block; text-align:center; padding:8px 0; margin:0 8px; font-size:14px; color:#666;}
.category_ul li a:hover{ background:#16489f; color:#fff; border-radius:28px;}
.category_ul li a.on{ background:#16489f; color:#fff; border-radius:28px;}

.category_ul_in{ list-style:none; padding:10px;background:#fff; box-shadow:0 0 15px #ccc; border-radius:0 0 10px 10px;}
.category_ul_in li{ border-bottom:1px solid #eee;}
.category_ul_in li a{ display:block; text-align:center; padding:10px 0; font-size:14px; color:#666; text-align:left; display:flex; align-items:center; justify-content:space-between;}
.category_ul_in li a i{ font-size:14px; }
.category_ul_in li a:hover{ color:#16489f; font-weight:bold;}
.category_ul_in li a.on{ color:#16489f; font-weight:bold;}

.prolist{ width:1200px; margin:0; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content:flex-start }
.prorp{ width:23%; margin:1%; background:#fff; text-align:center;}
.prop_in{ padding:10px;box-shadow:0 0 15px #ccc; transition:0.3s;}
.prop_in:hover{box-shadow:0 0 25px #777;}
.prorp_img{ margin-bottom:10px;}
.prorp_img img{ width:100%;}
.prorp_t{ font-size:16px; font-weight:300; height:40px;}

.searchdh{  margin:20px auto; font-size:16px}
.searchdh i{ font-size:14px;}

.plistcon{ margin:30px auto;}
.n-right{ width:950px; float:right;}

.plist_t{ position:relative; padding:50px 0; font-size:24px;}
.plist_l{ width:500px; float:left;}
.plist_l img{ width:100%;}
.plist_r{ width:350px; float:right}
.pronumber{ font-size:24px; font-weight:300; color:#f23c49}
.prodesc{padding: 10px 0; line-height: 200%; font-size: 14px; color: #888;}
.typeintro{ font-size:16px; font-weight:300; color:#666; padding:20px 0;}
.pro_detail_Img{
	text-align:center;
}
.pro_detail_caption{
	margin:10px 0;
	font-size:16px;
	height:30px;
	line-height:30px;
    padding:10px;
    color:#16489f;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    font-weight:normal;
}

.inbanner{ position:relative; height:400px; z-index:1 }
.inbanner_out{ position:absolute; left:0; top:0; text-align:center; z-index:999; width:100%;}
.inbanner_con{width:1200px; margin:0 auto; padding-top:200px;}
.inbanner_t{  text-align:left; font-size:34px; font-weight:700; color:#fff;  width:100%;}
.inbanner_t1{ text-align:left;   font-size:18px; font-weight:300; color:#fff;  width:100%;}



.back{ width:200px; margin:30px auto; border:1px solid #ccc; line-height:35px; font-size:16px; text-align:center; display:block; border-radius:4px; color:#777;}
.back i{ font-size:16px;}
.back:hover{ background:#16489f; color:#fff;}

/*产品上下*/
.proNP1{ margin:0; padding:10px; list-style:none; position:absolute; right:10px; top:10px;}
.proNP1 li{ width:120px; float:left; margin-left:10px;}
.proNP1 li a{ height:40px; line-height:40px; text-align:center; font-size:16px; display:block; color:#666; border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out;border-radius:5px;}
.proNP1 li a:hover{ background:#4a5199; text-decoration:none; color:#fff;}
.nopro{ border:1px solid #eee; color:#777;}

figure.snip1321 {
  position: relative;
  overflow: hidden;

  width: 100%;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
figure.snip1321 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
figure.snip1321 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1321 figcaption {
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
figure.snip1321 h2,
figure.snip1321 h4 {
  margin: 0;
}
figure.snip1321 h2 {
  font-weight: 600;
  color:#fff;
  font-size:18px;

}
figure.snip1321 h4 {
  font-weight: 400;
  text-transform: uppercase;
  color:#fff;
  font-size:18px;
    margin-top:20px;
}
figure.snip1321 i {
  font-size: 32px;
  color:#fff;

}
figure.snip1321:after {
  background-color: #16489f;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
figure.snip1321 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1321:hover:after,
figure.snip1321.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}

/*新闻中心*/

.newstype{ display:flex; width:500px; align-items:center; justify-content:space-between; flex-wrap:nowrap; margin:50px auto;}
.newstype li{ width:30%; margin:0 1%;}
.newstype li a{ font-size:18px; padding:10px; display:block; color:#000; position:relative;}
.newstype li a:hover{}
.newstype li a.on{ font-size:18px; padding:10px; display:block; color:#f23c49;}
.newstype li a::before {content: "";position: absolute;left: 0;bottom: 0; width: 90px;height: 2px;background: #ccc; z-index:0	}
.newstype li a::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 12;width: 0;height: 2px;background: #f23c49;    z-index:0; transition: all .5s;}
.newstype li a:hover::after {width: 90px;}

.newstype li .on::after {width: 90px;background: #f23c49; }


.schoolnews{ padding: 30px 0 0 0;}
.schoolnewsList{ width: 33.3%; float: left; margin-bottom: 20px;}
.schoolnewsList a{ padding: 18px 20px 35px; transition: 0.3s; }
.schoolnewsOut:hover { transition: 0.3s;box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75); background:#fff}
 
.schoolnewsOut{margin: 0 20px; position: relative;}
.schoolnewsOut::before {content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 1px;background: #ccc;	}
.schoolnewsOut::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 12;width: 0;height: 2px;background: #16489f;    transition: all .5s;}
.schoolnewsOut:hover::after {width: 100%;}
 
.schoolnewsList_tit{line-height: 30px; height: 60px;overflow: hidden; font-size: 18px; margin-bottom: 30px; color:#000}
.schoolnewsList_tit_en{line-height: 30px; height: 60px;overflow: hidden; font-size: 16px; margin-bottom: 30px;color:#000}
.schoolnewsList_time {font-size:16px; color:#999;}
.schoolnewsList_time i{font-size:16px; color:#999;}

.schoolnewsList a:hover .schoolnewsList_time i{ color:#0583c9;}

/*新闻内页*/
.detailtop{ background:rgba(0,0,0,.7); height:70px; position:fixed; top:0; left:0; z-index:12; width:100%;}
.newsinTop{padding: 50px 0 52px;    background: #f7f8fa;}
.newsinTopCon{ width: 900px; margin: 0 auto; text-align: left;}
.newsinTit{    font-size: 32px;margin-bottom: 48px;}
.newsinTime{    font-size: 24px; font-weight: 400; color: #666;}
.newsContent{    padding: 60px 0 100px 0;width: 900px; font-size:16px; margin:0 auto; line-height:200%}
.newsContent p{ text-indent:2em;}

.newsin_bot{padding: 35px 0;background: #f7f8fa;border-top: 1px solid #e5e5e5;}
.newsin_bot_list{ width: 900px; margin: 0 auto; text-align: left; font-size: 16px;}
.newsin_bot_list a{ color:#666;}
.newsin_bot_prev{ width: 50%; float: left;}
.newsin_bot_next{ width: 50%; float: right;}
.newsin_bot_pagi{ display: block;}
.newsin_bot_list a:hover{ color: #16489f;}

/*关于我们*/
.aboutinbg{background:url(../img/aboutinbg.jpg) no-repeat center top; height:758px;}
.aboutinbgen{background:url(../img/aboutinbg.jpg) no-repeat center center; height:1100px;}
.aboutcon{ padding-right:550px; height:600px;}
.about_l{ font-size:14px; line-height:180%; margin-bottom:30px;}
.about_l_t{ font-size:36px; margin:60px auto; position:relative; z-index:1}
.about_l_t::before{ display: inline-block; width: 470px; height: 8px;background: rgba(22,75,159,.8); position: absolute; left:0; bottom: 0;content:""; z-index:0}
.about_ul_in{ list-style: none; display: flex; margin-bottom: 50px;}
.about_ul_in li{ width: 25%; position: relative;}
.about_ul_in li::before{ display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: rgba(242,60,73,.8); position: absolute; left: -10px; top: 5px;content:"";}
.about_ul_in_t{ font-size: 36px; font-weight: 600; position: relative; color:#16489f;}
.about_ul_in_t span{ font-size: 16px;}

.equipment_t{ font-size:36px; padding:30px; text-align:center; position:relative; z-index:1; color:#fff;}
.equipment_t::before{ display: inline-block; width: 30px; height: 3px;background: rgba(253,206,0,.8); position: absolute; left:50%; margin-left:-15px; bottom: 10px;content:""; z-index:0}

.honor_t{ width: 1200px;  margin: 0 auto;}

.honor_t{ font-size:36px; padding:30px 0; position:relative; z-index:1; color:#666;}
.honor_t::before{ display: inline-block; width: 30px; height: 3px;background:#16489f; position: absolute; left:0;  bottom: 10px;content:""; z-index:0}


.honorcon{ margin-bottom:80px;}
.honorlist{ width:1200px; margin:0 auto;}
.honor_ul{ list-style:none; display:flex; align-items:center; align-content:center; justify-content:center;}
.honor_ul li{ width:33.3%; text-align:center}
.honor_ul li a{ color:#000}

.honor_pic{width:240px; padding:10px; border:1px solid #ccc; margin:0 auto;}
.honor_pic img{ width:100%; }
.honor_ul_t{ font-size:18px; font-weight:300; padding:10px 0; text-align:center;}

/*生产能力*/
.equipment{ background:#4995e9 url(../img/equipbg.jpg) no-repeat center bottom; width:100%;}
#persons {
  position: relative;
  width: 1200px;  height:700px;
  margin: 0 auto;
}

#persons .swiper-container {
  padding-bottom: 60px;
}

#persons .swiper-slide {
      padding-top: 60px;
  width: 540px;
  height: 340px;
}
#persons .swiper-slide img{ width:100%; display:block;}



#persons .swiper-slide h2 {
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight:400;
  background:#fff;
  border:1px solid #eee;
  border-top:none;
}


#persons .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #f23c49;
}

#persons .swiper-button-prev {
  left: -30px;
  top: 50%;
  width: 45px;
  height: 45px;
  outline:none;
}

#persons .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#persons .swiper-button-next {
  right: -30px;
  top: 50%;
  width: 45px;
  height: 45px;
  outline:none;
}


/*footer*/
#footer_in{	color:#333;	width:100%;	margin:0px auto;line-height:150%;text-align:center;	background:#000;overflow:hidden;  font-size:12px;  padding: 20px 0; }
#footer_in a{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.copyright_con{width:100%;	margin:0px auto; background:#0d3882}

.footer_weixin{	position:absolute;	right:0;  top:0;  width: 76px;}
.footer_weixin img{ width: 100%;}

.footer_txt select{color:#222;}

.footer_link{width:1200px; margin: 0 auto;padding:10px 0;border-bottom:1px solid #fff; color: #fff;	text-align:left;}

.footer_link a{ font-size:12px; margin-right:10px; color: #fff;}
.footer_link a:hover{ text-decoration:underline;}


.footer_tel{ width: 300px; float:left; font-size:14px; margin-right: 50px; text-align:left}
.footer_tel dt{ height: 50px; line-height: 50px; font-weight: 600; font-size: 24px;color:#fff;}
.footer_tel dt span{ font-size:18px; color:#fff;font-weight:normal;}
.footer_tel dt i{ color:#fff; font-weight:normal; font-size:24px;}
.footer_tel dd{font-weight: 400; font-size: 14px; color: #fff;}
.footer_tel_phone{ padding: 10px 0; font-size: 24px; font-weight: 600;color:#fff; margin-bottom: 20px;}

.footer_tel1{ width: 100px; float: left; font-size: 14px;}
.footer_tel1 dt{ height: 30px; line-height: 30px; font-weight: 600; font-size: 16px; color: #fff;}
.footer_tel1 dd{font-size: 14px; padding:5px 0;}
.footer_tel1 dd a{ color: #FFF; }

.footer_tel2{ width: 500px; float: left; margin-left:20px;}
.footer_tel2 dt{ height: 30px; line-height: 30px; font-weight: 600; font-size: 16px; color: #fff; text-align:left;}
.footer_tel2 dd{font-size: 14px; float: left; width: 160px; text-align:left;}
.footer_tel2 dd a{ color: #FFF; height: 30px; line-height: 30px; text-align:left;}
.footer_tel2 dd a:hover{ text-decoration: none; color: #f60;}

.foota a{ font-size:16px; margin-right:10px;}

.copyright{padding:10px 0; width:1200px; text-align:left; margin: 0 auto; color: #fff;}


/*弹窗留言*/

#feedbackFix{width: 100%; padding: 20px 0; background:#000 url(../img/feedbg.jpg) no-repeat center top; background-size: cover;}

.ftitle{ font-size: 30px; color: #fff; text-align: center; font-weight: 400; margin-bottom: 10px;}
.title2{ font-size: 16px; font-weight: 400; padding-left: 10px; text-align: center;}
.fdiv{ padding:20px;  text-align: center; }
.finput{ border:1px solid #ccc; display: inline-block;}
.finput1{ height:30px; line-height:30px; border:1px solid #ccc; border-radius: 4px; margin-bottom: 10px; font-size: 16px; color: #999; margin: 0 20px; text-indent:10px}
.fbtn{background: #ffc000;
    border-radius: 4px;
    height:30px; line-height:30px;
    text-align: center;
    color: #fff;
    position: relative;
	border:none; font-size:16px; width: 100px;}


.channel {width: 1200px;    margin: 0 auto; background:#fff;}
.channel_in {width: 1200px;    margin: 0 auto; position:relative}
          
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */
#msg{ font-size:30px;}
#page {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
    margin-bottom:80px;
}
#page a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	border-radius:4px;
	text-align: center;
	color: #666;
	font-size: 15px;
	background:#fff;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #eee;
}
#page a:hover {
	background:#16489f;
	color: #ffffff;
	text-decoration:none;
}
#page .current {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff !important;
	font-size: 15px;
	background:#54c917;
	margin: 0px 3px 0px 3px;
}
#page font{
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	border-radius:4px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background:#fff;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #f60;
}
#page .prve {
	font-family:"宋体";
}
#page .prve:hover {
}
#page .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#page .next {
	font-family:"宋体";
}
#page .next:hover {
}
#page .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}