body{font-family:微软雅黑;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,section,dl,dt{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
header{ margin:0; padding:0;}
.Ari{ font-family:Arial, Helvetica, sans-serif;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1999999999;}
.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:180px;height:54px;top:0;right:0;background:#f00;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{position:absolute; top:12px; right:12px;}



/* 字体 */

@font-face {font-family:Zurich lt; src: url(../fonts/tt0178m.TTF) format("truetype"); }
@font-face {font-family:CASTLEL; src: url(../font/CASTLEL.TTF) format("truetype"); }
@font-face {font-family:汉仪特细等线简; src: url(../font/汉仪特细等线简.TTF) format("truetype"); }
@font-face {font-family:webfont; src: url("../fonts/fontawesome-webfont.TTF") format("truetype"), url('../fonts/fontawesome-webfont.eot') format('eot'),url('../fonts/fontawesome-webfont.woff') format('woff'); }


@font-face {font-family: 'YourWebFontName';src: url('YourWebFontName.eot?') format('eot');/*IE*/ src:url('YourWebFontName.woff') format('woff'), url('YourWebFontName.ttf') format('truetype');/*non-IE*/}

/* transition */
a,.s_01 article a i,.por .blk_18 .LeftBotton div.tx:after,.por .blk_18 .LeftBotton div.tx:before,.por .blk_18 .RightBotton div.tx:after,.por .blk_18 .RightBotton div.tx:before,.por .nr li,.s_01 .nr li h2,.ny_nav ul li{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}




/* top */
.main{ width:1280px; margin:auto}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}
.position_relative{ position:relative;}
.header{ height:160px; float:left; width:100%; overflow:hidden; }
.header .right{float:right;width:auto; height:auto; margin-top:41px; margin-bottom:21px;}/*left:307px;*/
.header .right a{ float:left; margin-right:14px; margin-top:4px;}
.header .right .tel{float:left;width:auto; height:40px; padding-left:40px; margin-left:14px; background:url(../images/s_tel.jpg) no-repeat left 3px;; color:#00335a; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:16px;}/*left:307px;*/
.header .logo{ float:left; margin:38px 0 0 22px;}


/* nav */
.header nav{ float:right; position:relative; z-index:4; }
.header nav ul{background:#00335a; float:left; position:relative;}
.header nav ul li{ width:auto; float:left}
.header nav ul li:hover a{ color:#ccc}
.header nav ul li a{ z-index:99; line-height:59px; padding:0 25px; color:#fff; font-size:14px;}
.header nav ul:before{background:url(../images/nav_first.jpg) no-repeat; float:left; content:""; width:37px; height:59px;}
.header nav ul:after{background:#00335a; float:left; content:""; width:1000%; right:0; margin-right:-1000%; top:0; position:absolute; height:59px;}


/* 首页能力 */
.s_01{ float:left;width:100%; position:relative; overflow:hidden; background:url(../images/s_ab_bj.jpg) no-repeat top center; height:572px;}
.s_01 .s-left{ width:630px; position:relative;float:left; margin-top:42px; margin-left:82px;}
.s_01 .s-left div.bt{ width:100%; color:#fff; font-size:40px;}
.s_01 .s-left div.bt span{ width:100%; color:#fff; font-size:24px;}
.s_01 .s-left div.bt span i{ font-family:"Zurich lt"; text-transform:uppercase; font-size:16px; padding-left:5px;}
.s_01 .s-left div.nr{ width:100%; color:#fff; font-size:14px; margin-top:20px; float:left;}
.s_01 .s-left div.nr p{ text-indent:2em; line-height:24px;}
.s_01 .s-left div.s_zs{ width:100%; float:left; margin-top:25px;}
.s_01 .s-left div.s_zs aside{ color:#fff; font-family:"Zurich lt"; font-size:14px; line-height:24px; margin-top:80px;}

.s_01 .s-right{ width:459px; position:relative;float:right; margin-top:79px; margin-right:29px;}
.s_01 .s-right li{ width:220px; height:204px; float:left; background:#fff;}
.s_01 .s-right li:nth-child(2n){ float:right;}
.s_01 .s-right li a{ width:100%; float: left; color:#555; font-size:24px; text-align:center; line-height:60px;}

.s_01 .s-right:after{ position:absolute; top:50%; left:50%; width:30px; height:30px; border-radius:25px; border:10px solid #00335a; margin-left:-25px; margin-top:-25px; background:#fff; content:"";}


/* 首页产品和优势 */
.s_02{ float:left;width:100%; position:relative; overflow:hidden; padding-top:44px; margin-bottom:65px;}
.s_02:before{ float:left; width:321px; height:719px; position:absolute; left:50%; margin-left:-960px; top:0; background:url(../images/s_02_tu01.jpg) no-repeat top left; content:""}
.s_02:after{ float:left; width:295px; height:591px; position:absolute; right:50%; margin-right:-960px; top:230px; background:url(../images/s_02_tu02.jpg) no-repeat top left; content:""}
.s_02 .bt{ width:100%; float:left; text-align:center; margin-bottom:60px;}
.s_02 .bt h3{font-size:48px; color:#00335a;font-weight:bold;position:relative; text-align:center; width:100%;}
.s_02 .bt div.tite{height: 1px; border-top: 1px solid #222; text-align: center; margin-top:30px; width:200px; position: relative; left:50%; margin-left:-100px;}
.s_02 .bt div.tite span{position: relative;top: -15px;background: #fff;padding: 0 20px; font-size:18px;}



/* 产品滚动 */
.blk_18 { margin:0 auto; width:1075px; position:relative;display:table;}
.blk_18 .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1075px; height:auto;}
.blk_18 .ScrCont {WIDTH:8000px; ZOOM: 1}
.blk_18 .ScrCont2 {WIDTH: 10000px; ZOOM: 1}
.blk_18 #List1_1,.blk_18 #List1_2,.blk_18 #List2_1,.blk_18 #List2_2 {FLOAT: left;}
.LeftBotton,.RightBotton{ float:left; width:64px; height:64px; position:absolute;right:-100px;margin-top:-32px; top:50%; text-align: center; line-height:40px; font-family:宋体;}
.LeftBotton:hover,.RightBotton:hover{ opacity:0.7}
.LeftBotton{left:-100px;}
.ScrCont li{ width:242px; height:auto; float:left; margin-right:33px;}
.ScrCont li span{ width:100%; height:auto; float:left; line-height:40px; font-size:14px; color:#70614e; text-align:center; font-family:Arial, Helvetica, sans-serif;}

/* 产品优势 */
.s_adv{ width:100%; float:left; height:780px; background:#00335a url(../images/s_adv.jpg) no-repeat top center; position:relative;}
.s_adv:after{ content:""; background:url(../images/s_advico01.jpg) no-repeat; position:absolute; width:39px; text-align:center; left:50%; bottom:-19px; margin-left:-20px; height:39px;}
.s_adv header{ float:left; width:100%; }
.s_adv h2{ width:100%; text-align:center; float:left; font-size:48px; font-weight:bold; color:#fff; margin-top:40px;}
.s_adv p{ width:100%; text-align:center; float:left; font-size:30px; color:#bac2ca; margin-top:20px;}
.s_adv .line{ width:824px; float:left; position:relative; left:50%; margin-left:-412px; height:1px; background:#809baf;}
.s_adv .line:after{ content:"\F107"; font-size:25px;font-family:"webfont"; background:#fff; color:#000; border-radius:13px; line-height:30px; text-align:center; position:absolute; width:25px; text-align:center; left:50%; top:50%; margin-left:-15px; margin-top:-13px; height:25px;}
.s_adv .nr{ width:586px; float:left; margin:73px 0 0 150px; position:relative;}
.s_adv .nr li{ width:100%; float:left; margin:0; position:absolute; top:20px;}
.s_adv .nr li+li{top:185px;}
.s_adv .nr li+li+li{top:350px;}
.s_adv .nr li h3{ width:100%; float:left; color:#fff; font-size:24px; margin:0;}
.s_adv .nr li p{ width:100%; float:left; color:#fff; text-align:left; font-size:14px; margin:0; margin-top:15px;}
.s_adv aside{ float:right; height:410px; width:477px; margin-top:80px; margin-right:30px;}
/* 首页设备 */
.flickerplate{position:relative;width:100%;height:410px;background-color:#e6e6e6;overflow:hidden}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,0.8);text-align:center}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,0.6)}
.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0%}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("../images/flickerplate/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0px 0px 0px -50%;background-image:url("../images/flickerplate/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%}

.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:left;z-index:100}
.flickerplate .dot-navigation ul{text-align:left;list-style:none;padding:0px 15px; float:right;}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0px 6px;background-color:rgba(255,255,255,0.3);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6)}
.flickerplate .dot-navigation .dot.active{background-color:#005197}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url("../images/flickerplate/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url("../images/flickerplate/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}



.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}
.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks{position:auto}


/* s_03 */
.s_03{ width:100%; float:left; margin-top:60px; position:relative;}
.s_03 h2{ width:100%; float:left; text-align:center; font-size:42px; position:relative;}
.s_03 h2:after{ border-bottom:1px solid #00335a; position:absolute; content:""; width:800px; margin-left:-400px; left:50%; top:50%; z-index:-1}
.s_03 h2 span{ background:#fff; padding: 0 50px; color:#00335a;}
/* 产品滚动 */
.s_03 .blk_18 { margin:0 auto; width:1017px; position:relative;display:table;}
.s_03 .blk_18 .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1017px; height:auto; margin-top:80px;}
.s_03 .blk_18 .ScrCont {WIDTH:20000px; ZOOM: 1}
.s_03 .blk_18 .ScrCont2 {WIDTH: 10000px; ZOOM: 1}
.s_03 .blk_18 #List1_1,.s_03 .blk_18 #List1_2,.s_03 .blk_18 #List2_1,.s_03 .blk_18 #List2_2 {FLOAT: left;}
.s_03 .LeftBotton,.s_03 .RightBotton{ float:left; width:48px; height:45px; position:absolute;left:0;margin-top:-23px; top:50%; color:#fff; font-size:18px; background:#000; text-align: center; line-height:48px; font-family:宋体;}
.s_03 .LeftBotton:hover,.s_03 .RightBotton:hover{ opacity:0.7}
.s_03 .LeftBotton{left:-48px; background:#222;}
.s_03 .ScrCont li{ width:1017px; margin:0; height:auto; float:left;}
.s_03 .more{ float:right; margin-top:60px; position:absolute; top:237px; right:50%; margin-right:-606px;}


/* 新闻 */
.s_new{ width:100%; float:left;margin-top:60px; margin-bottom:30px;}
.s_new h2{ width:100%; float:left; text-align:left; font-size:30px; color:#00335a; border-bottom:1px solid #d8d8d8; font-weight:600; margin:0; line-height:60px; margin-bottom:52px;}
.s_new h2 span{color:#222; border-bottom:1px solid #00335a; line-height:60px; margin-bottom:-1px; float:left;}
.s_new .s_news_nav{ width:221px; float:left; position: relative;}
.s_new .s_news_nav:after{float:left; content:""; height:100px; width:1px; background:#d8d8d8; position:absolute; left:22px; top:0; z-index:-1}
.s_new .s_news_nav li{ float:left; padding-left:60px; background:url(../images/s_news_ico01.jpg) no-repeat left center; height:46px; line-height:46px; margin-bottom:50px;}
.s_new .s_news_nav li a{ float:left; color:#00335a; font-size:24px;}

.s_new ul{ float:left; width:530px;}
.s_new ul li{ width:100%; float:left;}
.s_new ul li +li{ display:none;}
.s_new ul li img{ width:100%; height:392px; float:left;}
.s_new ul li dl{ width:100%; float:right; margin-top:10px;}
.s_new ul li dl dt{ width:100%; font-size:14px; color:#00335a; overflow:hidden; height:24px; line-height:24px;}
.s_new ul li dl div.sj{ display:none; width:100%; font-size:14px; color:#222; overflow:hidden; height:24px; line-height:24px;}
.s_new ul li dl dd{ width:100%; font-size:14px; color:#424242; overflow:hidden; height:auto; line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s_new ul li dl i{ width:96px; height:34px; line-height:34px; text-align:center; float:left; background:#00335a; color:#fff; margin-top:15px;}
.s_new ul li dl i:hover{ opacity:0.7}
.s_new ol{ float:right; width:395px;}
.s_new ol li{ width:100%; float:left; margin-bottom:60px;}
.s_new ol li div.sj{ float:left;font-size:12px; font-family:Arial, Helvetica, sans-serif;height:40px; padding:18px 0; background:#424242; width:44px; text-align:center; color:#fff; line-height:20px;}

.s_new ol li img{ width:125px; height:90px; float:left; margin-right:10px;}
.s_new ol li dl{ width:340px; float:right; margin-top:-5px;}
.s_new ol li dl dt{ width:100%; font-size:14px; margin-bottom:10px; color:#00335a; overflow:hidden; height:24px; line-height:24px;}
.s_new ol li dl dd{ width:100%; font-size:12px; color:#424242; height:auto; line-height:24px;}

/***********footer***************/
.footer{width: 100%;height: auto;background: #00335a;position: relative;z-index: 3; float:left; overflow:hidden;}
.footer .foot_left{ float:left; margin-top:27px;}
.footer .foot_left li{ margin-right:17px; text-align:center; float:left; line-height:25px; color:#fff; font-size:12px;}

.footer .foot_link{ float:left; margin-left:26px; margin-top:35px;width:462px;}
.footer .foot_link h2{ float:left; width:100%; line-height:32px; color:#fff; font-size:16px;}
.footer .foot_link .nr{ float:left; width:100%;}
.footer .foot_link .nr a{ line-height:24px; color:#fff; font-size:12px;}

.footer .wz{ float:right;text-align: right;font-size:14px; height:137px; padding-top:40px; color:#00335a; position:relative; line-height:28px; width:492px; background:#b8bdc0 url(../images/foot_bj.jpg) no-repeat left top}
.footer .wz:after{ background:#b8bdc0; width:1000%; position:absolute; right:0; margin-right:-1000%;height:177px; top:0; float:left; content:""}




/* slide */
.slide-main{height:auto;position:relative; width:100%; float:left;}
.prev,.next{display:block;width:60px;height:104px; font-size:36px; font-family:宋体; line-height:104px; color:#fff; text-align:center;position:absolute;z-index:222;top:45%;overflow:hidden; background:#102a50;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);_border:1px solid none;}
.prev{left:0;}
.next{right:0;}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.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-box{ z-index:2;}
.slide{display:none;position:relative;z-index:8;}
.slide-main .slide img{ width:100%;}
.banner_about{ position: relative; z-index:1;}
.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 Arial}
.banner_about .tite i{ font-size:24px; padding-bottom:10px;}
.banner_about .tite a{color:#e4e4e4; font:18px/36px Arial, Helvetica, sans-serif}
.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; position:relative; background:#f7f7f7;padding-bottom:30px; z-index:99; height:100%;}
.ny .n_location{ float:left; background:#fff; margin-bottom:30px;width:100%; color:#999; line-height:50px;font-size:12px;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1);}
.ny .n_location a{ color:#222;}
.ny .n_location a:before{ content:"\F015"; font-size:16px; padding-right:5px; color:#222;font-family:"webfont";}

.ny_nav{  width:17%; padding:15px 1.5%;height:auto; float:right; position:relative;background:#fff;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1);}
.ny_nav .bt{height:auto; font-size:16px; font-weight:bold; line-height:30px; height:30px;text-transform:uppercase; border-bottom:1px solid #ccc; padding-bottom:10px; text-align:left; color:#000;width:100%;margin-bottom:10px; float:left;position:relative; z-index:9;white-space: nowrap}
.ny_nav .bt:before{ content:"";  padding-right:4px; margin-right:10px; background:#00335a;}
.ny_nav .bt i{ font-family:Arial, Helvetica, sans-serif; display:none; font-size:14px; color:#aaa; padding-left:7px;line-height:20px;}
/* 内页通用系列 */
.ny_nav ul{height:auto; width:100%;float:left; }
.ny_nav ul li{height:36px;float:left; width:48%; margin-right:4%;text-transform:uppercase; cursor:pointer; position:relative; border-bottom:1px solid #eee;}
.ny_nav ul li a{height:36px;  width:100%;font:12px/36px 微软雅黑;float:left;transition:all 0.3s ease;position:relative;color:#aaa; transition:all 0.3s ease;}
.ny_nav ul li a:before{content:"\F0DA"; font-family:"webfont"; padding-right:2px; margin-right:10px; color:#ccc;}
.ny_nav ul li a:hover,.ny_nav ul li a:hover::before{ color:#00335a;}
.ny_nav ul li:nth-child(2n){ margin-right:0;}

.ny_nav ol{height:auto; width:100%;float:left; }
.ny_nav ol li{height:30px;float:left; width:100%;text-transform:uppercase; cursor:pointer; position:relative; border-bottom:1px dashed #eee;}
.ny_nav ol li a{height:30px;  width:100%;font:12px/30px 微软雅黑;float:left;transition:all 0.3s ease;position:relative;color:#aaa; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.ny_nav ol li a:before{content:"\F0DA"; font-family:"webfont"; padding-right:2px; margin-right:15px; color:#ccc;}
.ny_nav ol li a:hover,.ny_nav ul li a:hover::before{ color:#00335a;}





.ny .nr_zt{ width:74%; padding:2%; background:#fff;height:auto; float:left; line-height:24px; padding-top:20px;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1);}
.ny .nr_zt .bt{ font:12px/40px 微软雅黑;color:#000; height:40px; width:100%; float:left; text-align:left; border-bottom:1px solid #ccc;margin-bottom:20px;}
.ny .nr_zt .bt i{ background:#e5091c; padding:0 20px; height:40px; float:left; color:#fff; font-size:16px; display:none;}



/* 内页环境 */
.n_hj{ width:100%; float:left; min-height:440px;}
.n_hj li{ width:49%; float:left; margin-bottom:2%;}
.n_hj li img{ width:100%; float:left;}
.n_hj li:nth-child(2n){ float:right}


/* 页码 */
.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; font-weight:bold; padding:5px 12px;}