@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}






/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{min-width: 1200px;width: 100%;margin: 0 auto;overflow-x: hidden;}

.bantest {min-width: 1200px;width: 100%;margin: 0 auto;position: relative;overflow: hidden;}  
/*.bantest:before{ content:""; position:absolute; bottom:0; right:0; width:440px; height:80px; background:#00439c; z-index:1;}
.bantest:after{ content:""; position:absolute; bottom:30px; right:220px; width:2px; height:24px; background:#3369b0; z-index:1;} 
*/
.banner p{ width:100%; overflow:hidden;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow {position: absolute;font-size: 0; top:45%;z-index: 9; width:39px; height: 39px; margin-top: 0;border: 0; outline: none;overflow:hidden;}
.banner .slick-prev { left:4%; display: none; background:url(../images/ban_l.png) no-repeat 10px;width: 60px;
    height: 60px;border: 1px solid #fff;text-align: center;border-radius: 50%;}
.banner .slick-next {right:4%; display: none;background:url(../images/ban_r.png) no-repeat 10px;width: 60px;
    height: 60px;border: 1px solid #fff;text-align: center;border-radius: 50%;}   
.small{ width:30px; height:27.5rem; position:absolute; top:10%; right:3%; font:18px Arial, Helvetica, sans-serif; color:#666;}
.small i{ display:block; position:absolute; bottom:0;}
.slick-dots {display:none !important; position: absolute; right:4%;font-size:0; top:15%;width: 1px; height:21.875rem;text-align: center;margin-left:0;z-index: 11;background:#bebebe;}
.slick-dots li {display: inline-block;margin: 0; width:1px; height:33.33%;background:#bebebe; }
.slick-dots li button {display: block;background:#bebebe;width: 1px;height:100%;border-radius: 0;border:0; box-shadow:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background:#999999;border:0; width:2px;} 


.tit{ font:50px "Microsoft YaHei UI"; text-align:center; color:#434b58; height:140px; font-weight:bold;}
.tit a{ color:#434b58;}
.tit em{ display:block; font-size:20px; margin-top:10px;font-weight:normal;}

/**/
.guide{ height:auto; overflow:hidden; background:url(../images/guide_bg.jpg) no-repeat center top; padding-top:87px;background-size: 100% 100%;}
.guide .content{ width:1400px; margin:0 auto; position:relative;}
.guide2{ width:762px; height:762px; position:absolute; top:0; left:343px;}
.guide2:before{ content:""; position:absolute; top:0; left:0; width:762px; height:762px; z-index:0; background:url(../images/guide_bg1.png) no-repeat center top;-webkit-animation: spinAround 10s linear infinite;animation: spinAround 10s linear infinite;}
.guide2 h3{content:""; position:absolute; top:0; left:0; width:762px; height:762px; z-index:1; background:url(../images/guide_bg2.png) no-repeat center top;}
.guide2 .h4{ width:435px; height:436px; position:absolute; top:162px; left:140px;}
/*.guide2 h4 em{ display:block;width:435px; height:436px; position:absolute; top:0; background:url(../images/guide_v.png) no-repeat center center;}*/
.guide dl{ width:390px; margin-top:70px; float:left;}
.guide dt{ font:96px Arial, Helvetica, sans-serif; color:#f0f1f2;}
.guide dt em{ display:block; font:50px "Microsoft YaHei UI"; font-weight:bold; color:#00439c; letter-spacing:6px; position:relative; margin-top:-60px;}
.guide dd p{ width:310px; margin:60px 0 135px;margin-top:-80px; font:14px "Microsoft YaHei UI"; line-height:26px; color:#666666;}
.guide dd em{ display:block; font:16px "Microsoft YaHei UI"; color:#434b58; height:47px; background:url(../images/guide_q.png) no-repeat 75px center; line-height:47px;}
.guide1{ width:400px; float:right; text-align:right; margin-top:75px; position:relative; z-index:44;}
.guide1 h2{ font:48px "Microsoft YaHei UI"; font-weight:bold; color:#434b58; margin-bottom:65px;}
.guide1 h2 em{ display:block; color:#00439c; margin-top:8px;}
.guide1 p{ height:60px; margin-bottom:30px; font:18px "Microsoft YaHei UI"; color:#666; line-height:60px;}
.guide1 p em{ display:block; width:60px; height:60px; float:right; border:1px solid #afafaf; box-sizing:border-box; border-radius:5rem; font:22px Arial, Helvetica, sans-serif; color:#2d3341; text-align:center; line-height:58px; color:#2d3341; text-transform:uppercase; margin-left:2%;}
.guide1 h5{ margin-top:100px; font:16px "Microsoft YaHei UI"; color:#999;}
.guide1 h5 em{ display:block; font:42px Arial, Helvetica, sans-serif; color:#00439c;}

/**/
.pro{padding-top:145px; height:auto; background:url(../images/pro_bg.jpg) no-repeat center top; overflow:hidden;background-size:100%;}
.pro .content{ width:1400px;}
.pro .tit{ text-align:left;}
.pro .tit a{ color:#fff;}
.pro .tit em{ padding-left:20px; position:relative;}
.pro .tit em:before{ content:""; position:absolute; top:5px; left:0; width:6px; height:19px; background:#fff;}
.pro1{ background:#f3f3f3; margin-top:166px;}

.prot{ height:256px;position:relative;}
.prot dl{ width:25%; height:253px; float:left;}
.prot dt{ font:26px "Microsoft YaHei UI"; text-align:center;color:#fff; height:140px; background:#434b58;}
.prot dt a{ display:block; color:#fff;padding-top:25px;}
.prot dt em{ display:block; width:46px; height:43px; margin:0 auto 12px; overflow:hidden;}
.prot dt em img{transition: .5s; display:block;}

.prot dd{ display:none; width:1200px; height:75px; position:absolute; top:140px; left:100px; border-bottom:1px solid #cbced1;}
.prot dd a{ display:block; float:left; font:18px "Microsoft YaHei UI"; line-height:75px; color:#6a747e; padding:0 64px 0 23px; position:relative;}
.prot dd a:before{ content:""; position:absolute; top:33px; left:0; width:5px; height:5px; border-radius:5px; border:2px solid #6a747e;}
.prot dd a:last-child{ padding-right:0;}
.prot dd a:hover{ font-weight:bold; color:#00439c; text-decoration:underline;}
.prot dd a:hover:before{ border:2px solid #00439c;}
.prot .cur dt{ position:relative; background:#f3f3f3;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.prot .cur dt:before{ content:""; position:absolute; top:-9px; left:0; width:100%; height:9px; background:#00439c;}
.prot .cur dt em img{ margin-top:-43px;}
.prot .cur dt a{ color:#333;}
.prot .cur dd{ display:block;}

.pro2{ width:1200px; height:480px; overflow:hidden; margin:0 auto; position:relative;}
.pro2 dl{ height:450px; overflow:hidden;}
.pro2 dt{ width:600px; height:450px; float:left; overflow:hidden;}
.pro2 dt img{ display:block;width:600px; height:450px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 dt:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro2 dd{ width:520px; float:left; padding:0 0 0 45px;}
.pro2 dd h3 a{ display:block; height:90px; margin-top:25px; border-bottom:2px solid #6a747e; font:36px "Microsoft YaHei UI"; font-weight:bold; color:#434b58; line-height:90px; background:url(../images/pro_arr.png) no-repeat right center;}
.pro2 .prodd{ height:210px;overflow:hidden;}
.pro2 dd h5{ height:100px;}
.pro2 dd h5 p{ display:block; width:100%; float:left; font:16px "Microsoft YaHei UI"; line-height:49px; border-bottom:1px solid #dadcde;}
.pro2 dd p.s-tit{ font:16px "Microsoft YaHei UI"; line-height:25px; color:#666; margin-top:10px;}
.pro2 dd .h4{ width:200px; height:47px; font:16px "Microsoft YaHei UI"; background:#00439c url(../images/pro_btn.png) no-repeat 128px center; border-radius:5rem; line-height:47px;}
.pro2 dd .h4 a{ display:block; color:#fff; padding-left:52px;}
.prot2{ width:600px; height:10px; position:absolute; bottom:55px; text-align:center;}
.prot2 a{ display:inline-block; width:8px; height:8px; border-radius:8px; margin:0 5px; background:#00439c;}
.prot2 .cur{ width:22px; border-radius:12px;}

.pro4{ width:1200px; margin:0 auto; height:745px; overflow:hidden;}
.pro4 li{ width:379px; float:left; overflow:hidden; margin-right:31px;}
.pro4 li img{ display:block; width:379px; height:284px;}
.pro4 li em{ display:block; height:44px; margin-bottom:23px; font:16px "Microsoft YaHei UI"; line-height:44px; text-align:center; overflow:hidden;}
.pro4 li:nth-child(3n){ margin-right:0;}
.pro4 li:hover img{ border:2px solid #00439c; width:375px; height:280px;}
.pro4 li:hover em{ font-weight:bold; color:#00439c;}





/**/
.super{ background:#f3f3f3; height:auto; padding-top:88px;}
.super2{ height:816px; background:url(../images/super_bg.png) no-repeat center top;}
.super1{ position:relative; height:816px;}

.supert{ width:700px; padding-left:700px; position:absolute; top:25px; left:50%; margin-left:-600px; height:140px;}
.supert h3{ width:25%; float:left; height:82px; border-right:1px solid #cacdd0; box-sizing:border-box; font:24px "Microsoft YaHei UI"; text-align:center; color:#313946;}
.supert h3 em{ display:block; width:44px; height:44px; overflow:hidden; margin:0 auto 12px;}
.supert h3 em img{transition: .5s; display:block;}
.supert h3:last-child{ border:0;}
.supert .cur{ font-weight:bold; color:#00439c;}
.supert .cur em img{ margin-top:-44px;}
.arr{ width:440px; height:80px; background:#00439c; position:absolute; bottom:0; right:0;}
.pageState{ width:150px; height:80px; text-align:right; font:20px Arial, Helvetica, sans-serif; color:#95a6cb; line-height:80px; font-weight:bold; letter-spacing:8px; float:left;}
.pageState span{ font-size:36px; color:#fff;}
.arr2{ width:120px; height:80px; float:left; margin-left:70px; position:relative;}
.arr2 a{ display:inline-block; background:url(../images/super_l.png) no-repeat center center; width:30px; height:80px;}
.arr2 a.super_r{background:url(../images/super_r.png) no-repeat center center;}
.arr2:before{ content:""; position:absolute; top:30px; left:50%; width:2px; height:20px; background:#3369b0;}
.super11{ height:816px;}
.super1 dl{ width:1400px; margin:0 auto;}
.super2 dt{ height:653px; width:1102px; float:right; margin:163px -260px 0 0;}
.super2 dt img{ display:block;height:653px; width:1102px;}
.super2 dd{ width:32.85%; float:left; margin-top:165px;}
.super2 dd h3{font:72px Arial, Helvetica, sans-serif;color:#fff; font-weight:bold; margin-bottom:30px;}
.super2 dd h3 span{ display:block; font:48px "Microsoft Yahei";font-weight:bold; margin-top:30px;}
.super2 dd h3 em{ display:block;}
.super2 dd p{ font:14px "Microsoft Yahei"; line-height:27px; color:#fff; margin-bottom:20px;}
.super2 dd h5 a{ display:block; width:115px; height:48px; font:16px "Microsoft YaHei UI"; line-height:48px; color:#fff; border-radius:50px; background:#00439c url(../images/super_btn.png) no-repeat 48px center; padding-left:80px; margin-top:30px;}


/**/
.case{ height:1010px; padding-top:90px; overflow:hidden;}
.case .content{ width:1400px; margin:0 auto;}
.caset{ width:1125px; margin:0 auto; height:100px;}
.caset h3{ width:225px; float:left; font:20px "Microsoft YaHei UI"; line-height:46px; height:46px; position:relative;}
.caset h3 a{ display:block; color:#373e4a; border-radius:50px; }
.caset h3 em{ display:block; width:26px; height:28px; overflow:hidden; margin:9px 5px 0 65px; float:left;}
.caset h3:nth-child(2) em{ margin:9px 5px 0 38px;}
.caset h3 em img{transition: .5s; display:block;}
.caset h3:hover em img{ margin-top:-28px;}
.caset h3:hover a{ color:#fff; background:#00439c;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case1 dl{ width:48.07%; float:left; margin-right:53px; height:665px; border-bottom:4px solid #e3e3e3; position:relative;}
.case1 dt{ position:relative; overflow:hidden;}
.case1 dt img{ display:block; width:100%;}
.case1 dd h3{ font:24px "Microsoft YaHei UI"; font-weight:bold; color:#373e4a; margin:40px 0 12px;}
.case1 dd h3 a{ display:block; color:#373e4a;}
.case1 dd h3 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666; margin-top:16px;}
.case1 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666; height:48px;}
.case1 dd h5 a{ display:block; margin-top:33px; background:url(../images/case_arr.png) no-repeat left top; height:40px;}
.case1 dl:hover:before{ content:""; position:absolute; bottom:-4px; left:0; width:50%; height:4px; background:#00439c;}
.case1 dl:hover dd h3 a{ color:#00439c;}
.case1 dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.case1 dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }

/**/
.news{ height:870px; background:#f3f3f3; overflow:hidden; padding-top:75px;}
.news .content{ width:1400px;}
.dy{ width:57.14%; float:left; overflow:hidden;}
.tit1{ height:54px; border-bottom:1px solid #ccc; margin-bottom:32px; font:20px "Microsoft YaHei UI"; font-weight:bold; line-height:54px;}
.tit1 span{ display:inline-block; width:104px; background:url(../images/dy_icon.png) no-repeat left center; padding-left:38px; color:#444444; height:52px; border-bottom:2px solid #00439c;}
.tit1 em{ float:right; font:14px "Microsoft YaHei UI"; line-height:54px; color:#333;}
.dyt{ width:29.5%; float:left; overflow:hidden;}
.dyt h3{width:100%; height:auto; margin-bottom:17px;}
.dyt h3 img{ display:block; width:100%;}
.dyt .cur{ width:100%; border:3px solid #00439c; box-sizing:border-box;}
.dy1{ width:68.75%; float:right;}
.dy1 dl{ background:#fff; height:562px; box-shadow:0 0 0.5rem #ccc; padding:0 8.75%;}
.dy1 dt{ margin-top:72px; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#00439c; position:relative;}
.dy1 dt em{ float:right; font:14px "Microsoft YaHei UI"; color:#333333;}
.dy1 dt:before{ content:""; position:absolute; top:50%; left:107px; width:190px; height:1px; background:#ccc;}
.dy1 dd h3 a{ display:block; margin:80px 0 25px; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.dy1 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666; margin-bottom:105px;}
.dy1 dd span a{ display:block; width:120px; height:40px; background:#00439c url(../images/new_arr.png) no-repeat 96px center; padding-left:30px; font:14px "Microsoft YaHei UI"; line-height:40px; color:#fff; border-radius:30px;}
.dy1 dl:hover dd h3 a:hover{ color:#31a64b;}

.faq{ width:37.857%; float:right; overflow:hidden;}
.faq .tit1 span{ display:inline-block; width:104px; background:url(../images/faq_icon.png) no-repeat left center; padding-left:38px; color:#444444; height:52px; border-bottom:2px solid #00439c;}
.faq dl{ margin-bottom:30px;}
.faq dt{ height:38px; background:#e3e3e3; border-radius:30px; font:16px "Microsoft YaHei UI"; font-weight:bold; line-height:38px; margin-bottom:8px;}
.faq dt a{ display:block; color:#333;}
.faq dt em{ display:block; float:left; width:38px; height:38px; background:#00439c; text-align:center; line-height:38px; color:#fff; border-radius:40px; margin-right:20px;}
.faq dd{ height:73px; background:url(../images/faq_bg.png) no-repeat center top; background-size:100% auto; font:14px "Microsoft YaHei UI"; line-height:24px; color:#666; padding:34px 20px 5px;}
.faq dl:hover dt a{ color:#00439c;}





.about{ position:relative; min-width:1280px; width:100%; margin:0 auto;}
.about h2 img{ display:block;width:100%;}
.about1{ height:150px; background:rgba(55,62,74,0.85); position:absolute; bottom:0; width:100%;}
.about dl{ width:1400px; margin:0 auto; height:150px;}
.about dt{ width:21.42%; height:360px; background:#00439c; float:left; position:relative; margin-top:-210px;}
.about dt a{ display:block; background:#fff; height:120px; font:44px "Microsoft YaHei UI"; font-weight:bold; line-height:120px; position:relative; text-align:center; color:#373e4a;}
.about dt a:before{ content:""; position:absolute; top:120px; left:15%; width:0; height:0; border-top:12px solid #fff; border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);}
.about dt span{ display:block; font:20px "Microsoft YaHei UI"; line-height:34px; color:#fff; padding:50px 0 0 15%;}
.about dt em{ display:block; font:26px Arial, Helvetica, sans-serif; color:#fff; margin-top:30px; padding-left:15%;}
.about dd{ width:72.85%; float:right; margin-top:35px; font:14px "Microsoft YaHei UI"; line-height:26px; color:#fff;}





.pic .content{ width:1400px; margin:0 auto;}
.pict{ width:573px; height:78px; margin:60px auto 40px; overflow:hidden;}
.pict h3{ font:20px "Microsoft YaHei UI"; height:72px; width:190px;border-right:1px solid #d4d4d4; float:left; text-align:center; box-sizing:border-box;}
.pict h3:last-child{ border:0;}
.pict h3 a{ display:block; color:#333;}
.pict h3 em{ display:block; width:46px; height:42px; margin:0 auto 8px; overflow:hidden;}
.pict h3 em img{transition: .5s; display:block;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#00439c;}
.pict h3:hover img,.pict .cur img{ margin-top:-42px;}
.pic2{ height:360px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:22.9285%; float:left; margin-right:38px; overflow:hidden; position:relative;}
.pic1 li img{ display:block; width:100%; }
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #666; text-align:center; height:50px; overflow:hidden;}
.pic1 li:hover em{ background:#00439c; color:#fff;}
.pic_l{ width:34px; height:34px; opacity:0.5; position:absolute; top:100px; left:-60px;}
.pic_r{ width:34px; height:34px; opacity:0.5; position:absolute; top:100px; right:-60px;}
.pic_l:hover,.pic_r:hover{ opacity:1;}

.link{ background:#034764; height:74px; font:20px "Microsoft YaHei UI"; color:#acadaf;}
.link .content{ width:1400px;}
.link a{ display: inline-block;padding:0 30px; font:14px "Microsoft YaHei"; color:#acadaf;line-height:74px; height:74px;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#fff;}
.link a:last-child{ padding-right:0;}

@media (min-width: 1200px) and (max-width: 1680px) {
	.guide .content,.super1 dl,.case .content,.news .content,.about dl,.pic .content,.link .content{ width:1200px;}
	.pro .content{ width:1280px;}
	.guide2{ left:243px;}
	.prot dd{ left:40px; }
	.supert{ width:600px; padding-left:600px;}
	.super2 dt{ width:920px; margin-right:-80px; margin-top:190px;}
	.super2 dt img{ display:block; width:100%; height:auto;}
	.super2 dd{ width:29.85%; margin-left:-20px;}
	.super2 dd h3{ font-size:66px;}
	.super2 dd h3 span{ font-size:42px;}
	.case{ height:960px;}
	.case1 dl{ height:620px;}
	.news{ height:810px;}
	.dy1 dl{ height:490px;}
	.faq dl{ margin-bottom:4px;}
	.pic2{ height:310px;}
}


@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
}
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

#video-media{width:100%;height:680px;margin:80px auto;}


@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes spinAround1 {
	from {
		-webkit-transform: rotate(360deg)
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes spinAround1 {
	from {
		transform: rotate(360deg)
	}
	to {
		transform: rotate(0deg);
	}
}


.lsi{ margin-top:13px; height: auto; padding-top: 13px;margin-bottom:20px;}
.lsi ul{ overflow: hidden; border-top: 1px solid #cecece;}
.lsi ul li{ overflow: hidden; height: 54px; border-bottom: 1px solid #cecece; line-height: 54px;border-right: 1px solid #cecece; font-size: 16px;}
.lsi ul li span{ display: inline-block; float: right; padding-right: 29px;}
.lsi ul li span a{ font-family: Arial; font-size: 12px; color: #666;}
.lsi ul li i{ display:inline-block; padding-left:17px; background: #00439c; width: 119px; color: #fff; float: left;}
.lsi ul li i a{ color: #fff;}
.lsi ul li em{ display: inline-block; float: left; width: 977px;}
.lsi ul li em a{ display: inline-block; font-size: 16px; color: #666; padding: 0 34px  0 13px;}
.lsi ul li em a:hover{ color : #00439c;}
.lsi ul li span a:hover{ color : #00439c;}



/* 新增样式  */
.jy{background:url(../images/jy.jpg) no-repeat center 0; height: 650px; overflow:hidden;}
.til{ text-align: center; padding-top: 79px; font-size: 30px; color: #333; padding-bottom: 25px;line-height: 100%}
.til span{ display: block; font-weight: normal; font-family: Arial; font-size: 12px;text-transform: uppercase; color: #c0c0c0; margin-top: 18px;background:url(../images/j_h2.png) no-repeat center 0; line-height: 100%;}
.jy ul li{ float: left; width:362px;background:url(../images/j_bg.gif) no-repeat 0 161px; height: 480px;}
.jy ul li.mar{ margin: 0 57px;}
.jy ul li img{ display:block; margin: 0 auto;}
.jy ul li i{ display: block; line-height: 50px;font-size: 20px; color: #000; text-align: center; padding-bottom: 9px;}
.jy ul li span{ display: block; font-size: 14px; color: #000; margin: 0 57px; line-height: 30px; text-align: center; height: 75px;}
.jy ul li em{ display: block; width: 150px; height: 57px;background:url(../images/j_btn.png) no-repeat; float: right; margin-right: 23px;transition: all 0.3s linear 0s;}
.jy ul li em a{ display: block; line-height: 57px; padding-left: 28px; font-size: 14px; color: #fff;}
.jy ul li:hover em{transform: translateX(-10px);}


.lx{background:url(../images/tt1.jpg) no-repeat center 0; height:601px; overflow: hidden;}
.lx p{ padding:263px 0 0 777px; height: 110px;}
.lx h3{ overflow: hidden; padding: 0 0 0 780px;}
.lx h3 span{ display: inline-block; float: left; width: 149px;}
.lx h3 i{ display: inline-block; float: left; padding-top: 21px;}
.lx h3 i em{ display: block; font-weight:"MFinancePRC"; font-size: 20px; color: #fff; padding-top:4px;}

.yss{background:url(../images/ys.jpg) no-repeat center 0; height:1447px; overflow: hidden;}
.yss .content{ position:relative; height:1447px;}
.yss  .til{ padding-top: 80px;background:url(../images/ys_h2.jpg) no-repeat center 81px; font-weight: normal; font-size: 36px; line-height: 100%; height: 188px; padding-bottom: 0;}
.yss  .til span{ margin-top: 0; line-height: 100%; background: none; padding-bottom: 14px;}
.yss  .til i{ display: block; line-height: 100%; padding-top: 27px; font-size: 20px; color:#4c4c4c;}
.yss dl{ float: left; width: 550px; height: 606px;}
.yss dl.fr{ float: right;}
.yss dl dt{ font-size: 0; width: 550px; height: 316px; overflow: hidden;}
.yss dl dd{ padding:35px 0 0 60px;}
.yss dl dd h4{ font-weight: normal; color: #4aaf3d;font-size: 26px; line-height: 100%; height: 72px;}
.yss dl dd h4 i{ font-weight: bold; padding-right: 22px;}
.yss dl dd p{ color: #4c4c4c; font-size: 14px; line-height: 27px; width: 453px;}
.yss  h5{ position: absolute; left: 566px; bottom: 0; clear:both;}