body{font-family:Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ";color: #535353;font-size: 12px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #fff;}
body,IMG,ul,li,i,dd,ol{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}
a:link {
	font-family:Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ";
	color: #535353;
	font-size:14px;
	text-decoration: none;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ";
	font-size:14px;
	text-decoration: none;
	color: #535353;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ";
	font-size:14px;
	text-decoration: none;
	color: #da3d00;
}
a:active {
	font-family:Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ";
	font-size:14px;
	text-decoration: none;
}
/*Éè±¸ÖÐÐÄ */

section.example{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:630px;vertical-align:top;}

.hashTabber-data{ float:left;width:443px;height:auto; margin:0 0 0 0; }

.hashTabber-data li{ float:left; width:443px;height:auto;}

.hashTabber-nav{ width:171px; float:right; margin:4px 0 0 0 ;}

.hashTabber-nav li { float:right; margin:0 0 9px 0; width:171px; height:74px;}

.hashTabber-nav li a{ width:171px;float:left;}

.hashTabber-nav li a:hover{ color:#56aa03;}

ol.hashTabber-data>li{display:none}

ol.hashTabber-data>li.active{display:block}


.scroll{

	scrollbar-face-color:#BFD4EC;

    scrollbar-highlight-color:#FFFFFF;

    scrollbar-3dlight-color:#FFFFFF;

    scrollbar-darkshadow-color:#FFFFFF;

    scrollbar-shadow-color:#FFFFFF;

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-track-color:#FFFFFF;

}

#prolist{

	overflow:auto; width:520px; height:184px;

	margin-left:0px; padding-top:5px; padding-bottom:4px;

}



/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;background:#000;opacity:0.8;filter:Alpha(opacity=80); color:#fff;font:14px/54px "Î¢ÈíÑÅºÚ";overflow:hidden;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; position:absolute;top:0;right:0;}

.side ul li:hover .sidebox{position:absolute;width:130px;height:54px;top:0;right:0;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Î¢ÈíÑÅºÚ";overflow:hidden;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; }

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

.side ul li .sidebox2{width:54px;height:54px;float:left;position:relative;background:#000;opacity:0.8;filter:Alpha(opacity=80); overflow:hidden;-webkit-transition: width 0.5s; -moz-transition: width 0.5s;-o-transition: width 0.5s;transition: width 0.5s ease;color:#fff;font:14px/54px Î¢ÈíÑÅºÚ !important; text-align:right; }

.side ul li:hover .sidebox2{position:absolute;width:254px;height:200px;top:0;right:0;background: url(../images/erweima.png) top left no-repeat;color:#fff;font:14px/54px "Î¢ÈíÑÅºÚ"; background-size:200px 200px;-webkit-transition:width 0.5s ease; -moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease; }

.side ul li .sidebox3{width:54px;height:54px;float:right;position:relative;background:#000;opacity:0.8;filter:Alpha(opacity=80);}

.side ul li .sidebox3:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li .sidebox3 img{ margin:12px;}


/* top */
.main{ width:1280px; margin:auto;}
.fl{ float:left;}
.fr{ float:right;}
.xian{ height:8px; margin-top:14px;}
.xian .xian_1, .xian .xian_2{ height:3px;border-bottom:1px solid #bcd2e3;}


.header{ height:164px; position:absolute; width:100%; z-index:99;}
.header .top{height:80px; width:100%;}
.header .top .tell,.header .top .mail{ font:14px/80px Arial; color:#fff; background: url(../../images/top_tell.png) no-repeat center left; padding:5px 37px; margin-left:100px; border-right:1px solid #85aecc;}
.header .top .mail{background-image: url(../images/top_mail.jpg);}
.header .top .hy, .header .top i{font:16px/80px Î¢ÈíÑÅºÚ; color:#fff;}
.header .top i{ font-style:italic; padding-left:218px;}




.header .top .ch,.header .top .en{background: url(../images/top_ch.jpg ) no-repeat center left;padding:0 0 0 27px;margin-left:10px;margin-top:8px; font:12px/80px Arial; color:#bfbfbf;}
.header .top .en{background-image: url(../images/top_en.jpg) ;}
.header .top .ch:hover,.header .top .en:hover{ color:#199b3c}


.header .nav{ height:84px; background:url(../../images/nav_bj.png) repeat-x ;position:relative; border-radius:3px;}
.header .nav .logo{}
.header .nav ul{ height:30px;padding-top:27px; position:absolute; right:16px;}
.header .nav ul li{height:30px;float:left; margin-right:8px;}
.header .nav ul li a{height:30px; padding:0 18px; margin:0 15px; float:left;font:16px/30px Î¢ÈíÑÅºÚ; color:#000; background:url(../../images/top_tb.png) no-repeat center right;}
.header .nav ul li a:hover{color:#f00; text-decoration:underline;}


/* zhuti */


.por{ width:100%; padding-bottom:100px; position:relative; z-index:999999;}
.por .tite{ height:30px; margin-top:100px; margin-bottom:56px;}
.por .tite .xian{width:435px;}
.por .xian .xian_1, .por .xian .xian_2{width:398px;}
.por .tite .bt{ height:30px; padding-left:46px; margin-left:29px; background:url(../images/por_tubiao.jpg) bottom left no-repeat; color:#005493; font:24px/30px Î¢ÈíÑÅºÚ;}
.por .tite .bt i{color:#727272; font:24px/30px Arial, Helvetica, sans-serif;}
.por .nr{ width:100%; height:auto;}
.por .nr li{ width:245px; height:316px; margin:0 4px;border:1px solid #e0e0e0; float:left;}
.por .nr li a{ width:100%; background:#f0f0f0; float:left; height:316px; position:relative;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.por .nr li a > dd{ width:245px; background:#ccc; float:left; height:70px; position: absolute; overflow:hidden; bottom:-0; z-index:99; left:0;webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.por .nr li a:hover > dd{ bottom:0; height:160px; webkit-transition: all 0.3s ease-in-out 0s;  background: url(../images/cp_bj.png) repeat;  -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}

.por .nr li a:hover{ width:100%; float:left; height:344px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.por .nr li a .bt,.por .nr li a .bt2,.por .nr li a .bt3{ width:197px; padding:8px 24px; height:16px; font:16px/16px Arial, Helvetica, sans-serif; color:#292929; margin-top:18px; position:relative; z-index:100;}
.por .nr li a .bt3{ margin-top:10px;color:#fff; line-height:30px; font-size:14px;}
.por .nr li a:hover .bt2{color:#fff;}
.por .nr li a:hover .bt{ display:none;}
.por .nr li a i{ width:45px; margin-left:23px;height:6px; background:#005493; border-radius:3px; float:left;position:relative; z-index:100;}
.por .nr li a:hover i{background:#fff;}
.por .nr li a .more{ width:36px;height:32px; line-height:32px; text-align:center; color:#fff; font: bold 18px/32px ËÎÌå;background:#005493; border-radius:16px; float:left; position: absolute; bottom:15px; right:15px;z-index:100;}
.por .nr li a .bt3 > abbr{ width:100%;height:14px; font:14px/30px Î¢ÈíÑÅºÚ; color:#fff;}
.por .nr li a:hover .more{background:#fff;color:#005493}
.por .hytb{position:relative;widows:600px;}
.por .hypf{position:absolute;right:650px;top:-30px; z-index:9999}
.por .hytb1{position:relative;widows:505px;}
.por .hypf1{position:absolute;right:610px;top:-30px;}
.por .blk_18 .LeftBotton,.por .blk_18 .RightBotton  { BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 0px; border:1px solid #c4c4c4;FLOAT: left;  WIDTH: 23px; HEIGHT: 23px; font: bold 14px/23px ËÎÌå; color:#8c8c8c; text-align:center;}









.about_sy{ width:100%;padding-bottom:150px; background:#efefef;}
.about_sy .tite{ height:30px; margin-top:88px; margin-bottom:56px;}
.about_sy .tite .xian{width:465px;}
.about_sy .xian .xian_1, .about_sy .xian .xian_2{width:428px;}
.about_sy .tite .bt{ height:30px; padding-left:46px;margin-left:29px; background:url(../images/ico_02.jpg) bottom left no-repeat; color:#005493; font:24px/30px Î¢ÈíÑÅºÚ;}
.about_sy .tite .bt i{color:#727272; font:24px/30px Arial, Helvetica, sans-serif;}
.about_sy .nr{ width:594px; height:337px; background:#025594; color:#fff; padding:38px;}
.about_sy .nr dl{ width:594px; height:54px; font:20px/54px Arial, Helvetica, sans-serif; border-bottom:1px solid #eaeaea;}
.about_sy .nr dl i{ font-family:Î¢ÈíÑÅºÚ; border-bottom:1px solid #b5b5b5; height:54px; float:left; padding-left:25px; background:url(../images/ico_06.png) no-repeat center left;}
.about_sy .nr p{font:14px/25px Î¢ÈíÑÅºÚ;}
.about_sy .nr .more{font:12px/21px ËÎÌå; color:#5c5c5c; padding:6px 10px; padding-bottom:5px; background:#fff url(../images/ico_07.jpg) no-repeat top right; padding-right:34px;}
.about_sy .nr .more:hover{ background:#f2f2f2 url(../images/ico_07.jpg) no-repeat top right; color:#025594;}
#container { width:608px;font-size:12px; float:right;}



.sb_sy{ width:100%;padding-bottom:50px; background: url(../images/sy_yy.jpg) top center no-repeat;}
.sb_sy .tite{ height:30px; margin-top:88px; margin-bottom:56px;}
.sb_sy .tite .xian{width:338px;}
.sb_sy .xian .xian_1, .sb_sy .xian .xian_2{width:301px;}
.sb_sy .tite .bt{ height:30px; padding-left:46px;margin-left:29px;background:url(../images/ico_08.jpg) bottom left no-repeat; color:#005493; font:24px/30px Î¢ÈíÑÅºÚ;}
.sb_sy .tite .bt i{color:#727272; font:24px/30px Arial, Helvetica, sans-serif;}
.sb_sy .nr{ width:100%; height:auto;}
.sb_sy .nr .border{ border:1px solid #d7d7d8; border-radius:4px;}
.sb_sy .nr dl{ width:728px;}
.sb_sy .nr dl dd{ margin-left:23px; margin-bottom:23px;}
.sb_sy .nr .more{font:12px/21px ËÎÌå; color:#5c5c5c; padding:6px 10px; padding-bottom:5px; background:#fff url(../images/ico_07.jpg) no-repeat top right; padding-right:34px;}
.sb_sy .nr .more:hover{ background:#f2f2f2 url(../images/ico_07.jpg) no-repeat top right; color:#025594;}


.news_sy{ width:100%; padding-bottom:100px; position:relative; background:#efefef;}
.news_sy .tite{ height:30px; margin-top:100px; margin-bottom:56px;}
.news_sy .tite .xian{width:395px;}
.news_sy .xian .xian_1, .news_sy .xian .xian_2{width:358px;}
.news_sy .tite .bt{ height:30px; padding-left:46px; margin-left:79px; background:url(../images/ico_02.jpg) bottom left no-repeat; color:#005493; font:24px/30px Î¢ÈíÑÅºÚ;}
.news_sy .tite .bt i{color:#727272; font:24px/30px Arial, Helvetica, sans-serif;}
.news_sy .nr{ width:100%; height:309px; background:#005493;position:relative}
.news_sy .nr li{ width:733px; height:309px;float:left;}
.news_sy .nr li a{ width:auto;float:left; height:auto; position:relative}
.news_sy .nr li a + a,.news_sy .nr li a + a:hover{ float:right;}
.news_sy .nr li a:hover{float:left; height:auto;}
.news_sy .nr li a .bt{ width:332px;height:205px; font:12px/30px Arial, Helvetica, sans-serif; color:#ccc; margin:24px 35px;}
.news_sy .nr li a:hover .bt{color:#fff;}
.news_sy .nr li a i{float:left;color:#ccc; background:url(../images/ico_09.jpg) center left no-repeat; padding-left:17px; margin-bottom:15px; border-bottom:1px solid #ccc; width:315px; height:45px; font:16px/45px Î¢ÈíÑÅºÚ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_sy .nr li a:hover i{color:#fff; border-bottom-color:#fff; }
.news_sy .nr li a .more{ width:100px;height:32px; line-height:32px; text-align:center; color:#fff; font:12px/32px ËÎÌå;float:left; position: absolute; bottom:15px; left:15px;}
.news_sy .nr li a:hover .more{color:#fff}
.news_sy .hytb{position:relative;widows:600px;}
.news_sy .hypf{position:absolute;right:678px;top:280px; z-index:9999;}
.news_sy .hytb1{position:relative;widows:505px;}
.news_sy .hypf1{position:absolute;right:635px;top:280px;}
.news_sy .blk_18 .LeftBotton,.news_sy .blk_18 .RightBotton  { BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 0px; border:1px solid #fff;FLOAT: left;  WIDTH: 23px; HEIGHT: 23px; font: bold 14px/23px ËÎÌå; color:#fff; text-align:center;;border-radius:12px}
.news_sy .zixun{ width:531px; height:auto; padding-top:30px;}
.news_sy .zixun li{ width:531px; height:70px; float:left; background:#fff; position:relative; margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.news_sy .zixun li > i{ width:80px; background:#d0d0d0; height:50px; padding:10px 0; float:left; text-align:center ; font:14px/24px Arial;color:#353535;}
.news_sy .zixun li > i:first-line{ font: bold 24px/24px Arial; color:#005493; }
.news_sy .zixun li a{ width:413px; height:60px; float:left; padding:10px 18px; color:#292929; }
.news_sy .zixun li a > dd{font:16px/25px Î¢ÈíÑÅºÚ;width:340px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.news_sy .zixun li a > dd + dd{font:12px/25px Arial; color:#717171;}
.news_sy .zixun li a > i{ position:absolute; bottom:8px; right:18px;font:12px/30px Arial; color:#005493;}
.news_sy .zixun li:hover{background:#005493;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.news_sy .zixun li:hover a,.news_sy .zixun li:hover a > dd + dd,.news_sy .zixun li:hover a > i{ color:#fff;}

.lx_sy{ width:100%;padding-bottom:50px; background: url(../images/sy_yy.jpg) top center no-repeat;}
.lx_sy .tite{ height:30px; margin-top:88px; margin-bottom:56px;}
.lx_sy .tite .xian{width:455px;}
.lx_sy .xian .xian_1, .lx_sy .xian .xian_2{width:418px;}
.lx_sy .tite .bt{ height:30px; padding-left:46px;margin-left:29px;background:url(../images/ico_04.jpg) bottom left no-repeat; color:#005493; font:24px/30px Î¢ÈíÑÅºÚ;}
.lx_sy .tite .bt i{color:#727272; font:24px/30px Arial, Helvetica, sans-serif;}
.lx_sy .nr{ width:100%; height:auto;}
.lx_sy .nr .border{ border:1px solid #d7d7d8; border-radius:4px;}
.lx_sy .nr > dl{ width:728px;}
.lx_sy .nr > dl + dl{width:531px; background:#005493; height:308px;}
.lx_sy .nr > dl dd{ background:url(../images/ico_11.jpg) no-repeat left 10px; width:406px; padding-left:44px; color:#fff; font:14px/36px Î¢ÈíÑÅºÚ; margin:42px 0 0 40px;}
.lx_sy .nr > dl dd + dd{background-image:url(../images/ico_12.jpg); margin-top:10px;}
.lx_sy .nr > dl dd + dd + dd{background-image:url(../images/ico_13.jpg); background-position:left top; font-family:Arial, Helvetica, sans-serif;}
.lx_sy .nr > ol{width:100%; float:left; height:140px; text-align:center; font:24px/130px Î¢ÈíÑÅºÚ; color:#616161; margin-top:70px;position: relative;}
.lx_sy .nr > ol i{border-top-right-radius:70px; border-top:1px solid #959595;position:absolute;right:0px; bottom:0;width:500px; height:70px;}
.lx_sy .nr > ol i+i{border-bottom-left-radius:70px;border-top: none;border-bottom:1px solid #959595; position:absolute; left:0; top:0}



/* footer */
.footer{ width:100%; background:#005493;font:14px/26px Arial; color:#fff; float:left;border-top:#a1a1a1 solid 5px;}
.footer .wz{height:74px; padding:23px 0 0; margin:10px auto; background:#005493;}
.footer .wz i{font:14px/114px Arial; color:#fff; text-align:left;}

.footer .lx{ width:100%;background:#fff;float:left; height:264px; display:none;}
.footer .lx .left{ padding:40px 15px; float:left; color:#000;}
.footer .lx .left .bt{ color:#00953d; font:18px/24px Î¢ÈíÑÅºÚ;}
.footer .lx .left .bt i{font:12px/24px Arial, Helvetica, sans-serif;}
.footer .lx .left .nr{font:14px/31px Arial; padding:20px 30px; background:url(../images/footer_tubiao.jpg) no-repeat left 28px;}
.footer .lx .right{ padding:40px; padding-left:0; float:left; color:#000;}
.footer .lx .right .bt{ color:#00953d; font:18px/24px Î¢ÈíÑÅºÚ;}
.footer .lx .right .bt i{font:12px/24px Arial, Helvetica, sans-serif;}
.footer .lx .right .nr{padding:20px 0;}




/* slide */
.slide-main{height:auto;position:relative; width:100%;;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:45%;overflow:hidden;cursor:pointer;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px; margin-bottom:40px;margin-top:-45px;position: relative;z-index:124;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:auto; }
.slide{display:none;height:auto;position:relative;z-index:8;}
.slide-main .slide img{ width:100%;}
.banner_about{ position: relative; z-index:99;}
.banner_about .tite{ position: absolute; top:-430px; padding:36px 0 0 70px; width:479px; height:273px; background:url(../../images/banner_about.png); float:left; color:#e4e4e4; font:18px/36px Î¢ÈíÑÅºÚ}
.banner_about .tite i{ font-size:24px; padding-bottom:10px;}
.banner_about .tite a{color:#e4e4e4; font:18px/36px Î¢ÈíÑÅºÚ}
.banner_about .tite a:hover{color:#fff; text-decoration:underline;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:608px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/* ny */
.ny{ width:100%;float:left; padding-bottom:36px; position:relative; background:#f3f3f3;}
.ny_nav{ width:1280px; height:60px; float:right; position:absolute; top:-140px; z-index:9999; background:#fff; border-radius:3px;}
.ny_nav .bt{height:60px; font:24px/60px Î¢ÈíÑÅºÚ; color:#fff; padding:0 30px; background:#005493;border-radius:3px;}
.ny_nav dl{ position:absolute; top:-200px; right:0; background:url(../images/tit.png) no-repeat; width:170px; height:58px; padding:41px 19px 11px 33px; float:right; color:#fff; font: bold 24px/30px Î¢ÈíÑÅºÚ;}
.ny_nav dl i{font:bold 16px/24px Arial;}
.ny_nav ul{ width:auto; height:auto;padding:0 10px; margin-right:20px;border-top:none; float:right; border-radius:3px;border-top-left-radius:0;border-top-right-radius:0;}
.ny_nav ul li{height:60px;float:left;}
.ny_nav ul li a{height:60px; padding:0 35px; font:14px/60px Î¢ÈíÑÅºÚ;float:left;transition:all 0.3s ease;position:relative;}
.ny_nav ul li{border-left:1px solid #ccc;}
.ny_nav ul li a:hover{ background:#005493; border:none;transition:all 0.3s ease; color:#fff;}
.ny_nav ul li a i{ background:url(../images/top_tb2.png) no-repeat 25px 48px;transition:all 0.3s ease; width:100%; height:60px; float:left; position:absolute;}
.ny_nav ul li a:hover i{ background:url(../images/top_tb2.png) no-repeat 25px 48px;transition:all 0.3s ease;}
.triangle{ position:absolute; right:0; bottom:0; border-radius:3px;
    width:0;
    height:0;
    border-width:10px;
    border-style:solid;
    border-color:#FFF #005493 #005493 #FFF ;
}

.ny_nav .bt2{ width:246px; height:46px; font:bold 16px/46px Arial; color:#000; border:1px solid #ddd; border-bottom:none; padding:0 10px; margin-top:20px; background:#eee; border-top:1px solid #005493; float:left; border-radius:3px;}
.ny_nav .bt2 i{font:14px/46px Arial; color:#005493;}
.ny_nav .ny_lx{ width:246px; height:auto;border:1px solid #ddd; padding:10px;border-top:none; float:left;}
.ny_nav .ny_lx li{ width:230px; height:auto;border-bottom:1px solid #ddd; float:left; margin:0 8px 10px; font:14px/24px Arial; padding-bottom:5px;}
.ny_nav .ny_lx li i{ width:auto; float:left; padding:10px 10px 0 0;}

.ny .nr_zt{ width:100%;height:auto; float:left; line-height:24px; position:relative; margin-top:-60px; z-index:9999; background:#fff; padding:20px 0;border-radius:3px;}
.ny .nr_zt > dl{height:auto;position: absolute;font:24px/16px Î¢ÈíÑÅºÚ; top:0px;left:15px;color:#005493}
.ny .nr_zt > dl i{font:14px/16px Arial;}
.ny .nr_zt .bt{ font:12px/40px Î¢ÈíÑÅºÚ;color:#000; height:40px; width:96%; float:left; text-align:right; background:url(../images/about_img08.jpg) repeat-x bottom;margin-bottom:20px; padding:0 2%;}
.ny .nr_zt .bt a{ color:#000;font:12px/40px Î¢ÈíÑÅºÚ;}
.ny .nr_zt .nr{ width:94%;height:auto; padding-bottom:20px;padding:10px 3%;}
.ny .nr_zt .nr > dl{ width:100%;height:auto; font:14px/32px Î¢ÈíÑÅºÚ;}
.ny .nr_zt .nr > dl > p:first-letter{ padding-left:28px;}
.ny .nr_zt .nr table{ float:left;}
.ny .nr_zt .cp_nr{ width:98%; height:auto; padding:0 1%;}

.ny .nr_zt .cp_nr li{ width:280px; height:344px; margin:15px;border:1px solid #e0e0e0; float:left; overflow:hidden;}
.ny .nr_zt .cp_nr li a{ width:100%; background:#f0f0f0; float:left; height:344px; position:relative;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ny .nr_zt .cp_nr li a > dd{ width:280px; background:#ccc; float:left; height:70px; position: absolute; overflow:hidden; bottom:-0; z-index:99; left:0;webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ny .nr_zt .cp_nr li a:hover > dd{ bottom:0; height:140px; webkit-transition: all 0.3s ease-in-out 0s;  background: url(../images/cp_bj.png) repeat;  -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}

.ny .nr_zt .cp_nr li a:hover{ width:100%; float:left; height:344px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ny .nr_zt .cp_nr li a .bt3{ width:197px; padding:8px 24px; height:14px; font:14px/14px Arial, Helvetica, sans-serif; color:#292929; margin-top:18px; position:relative; z-index:100;}
.ny .nr_zt .cp_nr li a .bt3 > abbr{ width:100%;height:14px; font:14px/30px Î¢ÈíÑÅºÚ; color:#fff;}

.ny .nr_zt .cp_nr li a:hover .bt3{color:#fff;}

.ny .nr_zt .cp_nr li a i{ width:45px; margin-left:23px;height:6px; background:#005493; border-radius:3px; float:left;position:relative; z-index:100;}
.ny .nr_zt .cp_nr li a:hover i,.ny .nr_zt .cp_nr li a:hover .more{background:#fff; color:#005493}
.ny .nr_zt .cp_nr li a .more{ width:36px;height:32px; line-height:32px; text-align:center; background:#ddd; color:#005493;font: bold 18px/32px ËÎÌå;border-radius:16px; float:left; position: absolute; bottom:15px; right:15px;z-index:100;}

.ny .nr_zt .yy_nr{width:94%;height:auto; padding-bottom:20px;padding:10px 3%;}
.ny .nr_zt .yy_nr > dl{ width:60%; float:left; font:14px/30px Î¢ÈíÑÅºÚ;}
.ny .nr_zt .yy_nr > dl + dl{ width:40%; float:left;}
.ny .nr_zt .yy_nr > dl > dt{ font:18px/48px Î¢ÈíÑÅºÚ;}



.jianjie{ font:14px/36px Î¢ÈíÑÅºÚ;}
.about_lb{ display:none;}
.honor{ width:100%; height:auto; padding-bottom:150px;}
.lxfs{ width:60%; font:14px/60px Î¢ÈíÑÅºÚ; color:#000;}
.lxfs i{ font-size:24px; line-height:48px;}
.lxfs i abbr{ font-size:16px; color:#005493;}
.lxfs a{ color:#000;}
.lxfs .ico_01, .lxfs .ico_02, .lxfs .ico_03, .lxfs .ico_04, .lxfs .ico_05, .lxfs .ico_06{ width:45%; float:left; padding-left:5%; background:url(../images/nyabout06.png) no-repeat left 10px;}
.lxfs .ico_02{ background-image:url(../images/nyabout07.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_03{ background-image:url(../images/nyabout10.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_04{ background-image:url(../images/nyabout11.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_05{ background-image:url(../images/nyabout08.png); background-repeat:no-repeat; background-position:left 20px;}
.lxfs .ico_06{ background-image:url(../images/nyabout12.png); background-repeat:no-repeat; background-position:left 20px;}

.new_nr .zixun{ width:94%; height:auto; padding:30px 3%;}
.new_nr .zixun li{ width:531px; height:70px; float:left; background:#fff; position:relative; margin:0 30px 10px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s; background:#f2f2f2}
.new_nr .zixun li > i{ width:80px; background:#d0d0d0; height:50px; padding:10px 0; float:left; text-align:center ; font:14px/24px Arial;color:#353535;}
.new_nr .zixun li > i:first-line{ font: bold 24px/24px Arial; color:#005493; }
.new_nr .zixun li a{ width:413px; height:60px; float:left; padding:10px 18px; color:#292929; }
.new_nr .zixun li a > dd{font:16px/25px Î¢ÈíÑÅºÚ;width:340px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.new_nr .zixun li a > dd + dd{font:12px/25px Arial; color:#717171;}
.new_nr .zixun li a > i{ position:absolute; bottom:8px; right:18px;font:12px/30px Arial; color:#005493;}
.new_nr .zixun li:hover{background:#005493;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.new_nr .zixun li:hover a,.new_nr .zixun li:hover a > dd + dd,.new_nr .zixun li:hover a > i{ color:#fff;}


/**ÏÈ½øÉè±¸**/

.equcon {width: 1140px;margin:0 auto;position: relative;padding: 30px;height:627px;overflow: hidden;background: #ededed; border-top:15px solid #fff;}
.equcon .show {position: relative;width: 940px;height:627px;overflow: hidden;}
.equcon .show > img {width: 940px;height:627px;}
.equcon .show p {position: absolute;left: 0px;bottom: -20px;width: 940px;height: 51px;line-height: 51px;color: #fff;background: url(../images/shaw.png) repeat;font-size: 14px;text-align: center;}
.equcon .thumb {position: absolute;width: 126px;height: 507px;overflow: hidden;top: 88px;right: 50px;}
.equcon .thumb ul {position: absolute;}
.equcon .thumb li {position: relative;width: 126px;height: 94px;overflow: hidden;margin-bottom: 11px;}
.equcon .thumb li img {position: relative;z-index: 5;	}
.equcon .thumb li span {display: none;position: absolute;top: 0;left: 0;z-index: 10;border: #e1284e 4px solid;width: 118px;height: 76px;}
.equcon .thumb li.active span {display: block;}
.equcon #prev, .equcon #next {position: absolute;right: 93px;width: 43px;height: 22px;line-height: 22px;background: url(../images/equ_img02.jpg) no-repeat;overflow: hidden;cursor: pointer;text-indent: -9999px;}
.equcon #prev {top: 40px;}
.equcon #next {bottom: 42px;background-position: 0 -22px;}
.tite1{ font:14px/30px Î¢ÈíÑÅºÚ; padding-top:20px;}


/* Product Detail */
.proDt-Detailsdb{ border:1px solid #209837;}


.proDt-Details .tit1{ width:730px; height:49px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.proDt-Details .tit1 h6{ font-size:30px; font-weight:bolder; float:left; line-height:49px; color:#209837;font-family: "Î¢ÈíÑÅºÚ";}
.proDt-Details .tit1 span{ font-size:14px; float:right; line-height:49px;}
.proDt-Details .tit1 span font{ font-size:20px; font-family:Arial; font-weight:bold; color:#cc0000;}

.proDt-Details .bd{ border:1px solid #209837;}
.proDt-Details .mar28_27_10{ margin-left:28px; margin-right:27px; margin-bottom:10px;}
.proDt-Details .pd20_0{ padding:20px 0;}
.proDt-Details .fl{ float:left;}
.proDt-Details .fr{ float:right;}
.proDt-Details .txt453{ width:430px; padding-left:13px; padding-right:10px;}
.proDt-Details .txtNumb{ display:block; height:190px; color:#fff; font-weight:bold; font-size:14px; padding-top:20px;}
.proDt-Details .corBg1{background: url(../images/else/corBg1.png) no-repeat; width:140px; padding-left:32px;}
.proDt-Details .corBg2{background: url(../images/else/corBg2.png) no-repeat; width:140px; padding-left:31px;}

.proDt-Details .tit2{ width:810px; border-bottom:1px solid #209837; color:#209837; padding-left:13px; font-size:18px; font-weight:bold; height:38px; line-height:38px;font-family: "Î¢ÈíÑÅºÚ"; margin-bottom:10px;}
.proDt-Details .pd0_10_20{ padding:0px 10px 20px;}


.proDt-Details .txt420{ width:400px; padding:0 10px;}
.proDt-Details .txt395{ width:375px; padding:0 10px;}

/* Ò³Âë */
.ym{ height:40px; width:40px; background:#ccc; color:#fff; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym:hover{background:#005493;color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym2{ height:40px; width:40px; background:#005493; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;}

@media screen and (max-device-width: 1480px) {
.banner_about .tite{ position: absolute; top:-340px; padding:23px 0 0 50px; width:400px; height:230px; background:url(../../images/banner_about.png) no-repeat; background-size:100% 100%; float:left; color:#e4e4e4; font:14px/28px Î¢ÈíÑÅºÚ}
.banner_about .tite a{color:#e4e4e4; font:14px/28px Î¢ÈíÑÅºÚ}


}

