body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
@font-face { font-family: HanSansFont; src: url('/Public/home/css/HanSansCN/SourceHanSansCN-Normal.ttf'), url('/Public/home/css/HanSansCN/SourceHanSansCN-Normal.otf'), url('/Public/home/css/HanSansCN/SourceHanSansCN-Normal.eot'); /* IE9 */}
body{font-family:HanSansFont;font-size:12px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
table{border-collapse:collapse;border-spacing:0}
article,aside,div,footer,header,hgroup,menu,nav,section,ul{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a{text-decoration:none;-webkit-transition:color 218ms cubic-bezier(.42,0,.58,1);transition:color 218ms cubic-bezier(.42,0,.58,1)}
a:hover{text-decoration:none}
li{list-style:none}
input[type=search]{-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}
img{border:0;vertical-align:middle}
button,input,select,textarea{border:0 none;outline:0 none;font-family:HanSansFont}
address,em,i{font-style:normal}
textarea{resize:none}
html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}
label{cursor:pointer}
::-moz-selection{color:#fff;background:#0051ec;} /*字体选中后的颜色*/
::selection{color:#fff;background:#0051ec;}
::-webkit-selection{color:#fff;background:#0051ec;}
::-webkit-scrollbar{width:6px;height:8px;background-color:#DEE2E7}  /*右侧栏上下拉的控制条*/
::-webkit-scrollbar-track{border-radius:3px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fff}
::-webkit-scrollbar-thumb{border-radius:3px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#F3F3F3}
.clearfix,.md-time .section3 .items ul li,.md-time .wrap ul li,.section1 ul,.section3 .items,.section3 .md-time .items ul li,.wrap,.wrap2{display:block;zoom:1}
.clearfix:after,.md-time .section3 .items ul li:after,.md-time .wrap ul li:after,.section1 ul:after,.section3 .items:after,.section3 .md-time .items ul li:after,.wrap2:after,.wrap:after{content:"";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.auto{height:auto;overflow:hidden}
.left{float:left}
.right{float:right}
button,input,select,textarea{font-family:HanSansFont}
input[type=submit]{cursor:pointer}
.toe{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imgallscale .img img{width:100%;height:100%;-webkit-transition:.5s all linear;transition:.5s all linear}
.imgallscale:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.inputfocus input{-webkit-transition:.5s all;transition:.5s all}
.inputfocus input[type=text]:focus{box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(156,41,50,.3)}
*{box-sizing:border-box}
.section3 .items,.wrap{width:1200px;margin:0 auto}
.wrap2{width:1400px;margin:0 auto}
.imgsel img,.md-down .list li .img img,.md-news .list li .img img{width:100%;height:100%;-webkit-transition:.5s;transition:.5s}
.imgsel img:hover,.md-down .list li .img img:hover,.md-news .list li .img img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.phone{display:none}
.index-header{height:100px;position:fixed;top:0;left:0;right:0;z-index:999;-webkit-transition:.5s;transition:.5s;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.2)}
.index-header .logo{-webkit-transition:.5s;transition:.5s;line-height:100px;margin-left:80px;float:left}
.index-header .logo span{display:none;font-size:25px;color:#0051ec;line-height:60px}
.index-header a{display:block}
.index-header .navs{float:right}
.index-header .navs li{float:left;font-size:18px;position:relative}
.index-header .navs li a{-webkit-transition:.5s;transition:.5s;color:#fff}
.index-header .navs li>a{line-height:100px;padding:0 30px;position:relative}
.index-header .navs li>a:before{content:'【';position:absolute;left:-10px;display:inline-block;-webkit-transition:.5s;transition:.5s;opacity:0}
.index-header .navs li>a:after{content:'】';position:absolute;right:-10px;display:inline-block;-webkit-transition:.5s;transition:.5s;opacity:0}
.index-header .navs li>a:hover:before{content:'【';margin-right:5px;left:5px;opacity:1}
.index-header .navs li>a:hover:after{content:'】';margin-left:5px;right:5px;opacity:1}
.index-header .navs li .subnav{position:absolute;top:97px;left:0;right:0;background:rgba(0,0,0,.3);padding:10px 0;display:none;z-index:999}
.index-header .navs li dd{-webkit-transition:.5s;transition:.5s;line-height:50px;font-size:16px;text-align:center;border-left:3px solid transparent}
.index-header .navs li dd.active,.index-header .navs li dd:hover{border-left:3px solid #56564b;background:rgba(0,0,0,.3)}
.index-header .btn{cursor:pointer;background:url(../imgs/img57.png) center no-repeat;position:absolute;right:15px;top:8px;width:45px;height:45px}
.index-header .icon-sear{float:right;background:url(../imgs/img11.png) center no-repeat;width:55px;height:100px;-webkit-transition:.5s;transition:.5s;display:inline-block;margin-right:60px}
.index-header.active{height:80px}
.index-header.active .navs li .subnav{top:80px}
.index-header.active .logo{line-height:80px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.index-header.active .navs li>a{line-height:80px;padding:0 20px}
.index-header.active .navs li>a:hover:before{left:0}
.index-header.active .navs li>a:hover:after{right:0}
.index-header.active .icon-sear{height:78px}
.index-header.header{border-top:3px solid #56564b;background:#fff}
.index-header.header.active{background:rgba(255,255,255,.8)}
.index-header.header .navs{float:right;margin-right:30px}
.index-header.header .navs li.active>a{color:#0051ec}
.index-header.header .navs li a{color:#333}
.index-header.header .navs .subnav a{color:#fff}
.layout{max-width:1920px;margin:0 auto}
.index-layout{min-width:1300px;overflow-x:hidden;max-width:1920px;margin:0 auto}
.index-banner{position:relative}
.index-banner img{-webkit-transition:1s;transition:1s}
.index-banner .item{height:620px;background-size:cover;background-position:top center}
.index-banner .owl-item .item1{position:relative}
.index-banner .owl-item .item1 .sun{position:relative;width:1200px;margin:0 auto}
.index-banner .owl-item .item1 .sun .animated{position:absolute;left:-200px;top:-50px}
.index-banner .owl-item .item1 .sun .txt{position:absolute;top:420px;left:350px}
.index-banner .owl-item .item2{position:relative;background:url(../imgs/img1.jpg) no-repeat;background-size:cover;overflow:hidden}
.index-banner .owl-item .item2 .item-bg{position:absolute;bottom:-20px;left:-10px;right:-10px;background:url(../imgs/img3.png) no-repeat;height:760px;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;background-size:cover}
.index-banner .owl-item .item2 .item-lk{width:1189px;margin-left:-600px;margin-top:-320px;z-index:110;height:673px;position:absolute;top:50%;left:50%;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);-webkit-transition:1s 1s;transition:1s 1s;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);opacity:0}
.index-banner .owl-item .item2 .item-dp{z-index:99;-webkit-transition:3s;transition:3s;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);visibility:hidden;background:url(../imgs/img1.png) no-repeat;width:597px;height:714px;position:absolute;bottom:30%;left:50%;margin-left:-298px}
.index-banner .owl-item .item2 .icon1{opacity:.8;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:start;animation-name:start;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(../imgs/img5.png) no-repeat;width:31px;height:24px;position:absolute;top:300px;right:30%;z-index:130;display:inline-block}
.index-banner .owl-item .item2 .icon2{background:url(../imgs/img6.png) no-repeat;width:169px;height:329px;position:absolute;right:10%;top:20%;z-index:130}
.index-banner .owl-item .item2 .icon3{opacity:.5;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-name:start;animation-name:start;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(../imgs/img4.png) no-repeat;width:38px;height:32px;position:absolute;left:35%;top:15%;z-index:130}
.index-banner .owl-item .item2 .icon4{opacity:.6;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:start;animation-name:start;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(../imgs/img4.png) no-repeat;width:38px;height:32px;position:absolute;left:45%;top:45%;z-index:130}
.index-banner .owl-item .item2 .icon5{opacity:.8;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:start;animation-name:start;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(../imgs/img4.png) no-repeat;width:38px;height:32px;position:absolute;left:65%;top:35%;z-index:130}
.index-banner .owl-item .item2 .icon6{opacity:1;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-name:start;animation-name:start;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(../imgs/img4.png) no-repeat;width:38px;height:32px;position:absolute;left:55%;top:10%;z-index:130}
.index-banner .owl-item .item2 .text{-webkit-transition:1.5s;transition:1.5s;background:rgba(0,0,0,.3);color:#fff;width:1024px;height:234px;position:absolute;z-index:220;bottom:200px;left:50%;margin-left:-512px;text-align:center}
.index-banner .owl-item .item2 .text h3{font-size:72px;font-weight:700;margin-top:20px}
.index-banner .owl-item .item2 .text h4{font-size:42px}
.index-banner .owl-item .item2 .text h5{font-size:18px;text-transform:uppercase;margin-top:5px}
.index-banner .owl-item.active .item1 .sun .animated{-webkit-animation-duration:100s;animation-duration:100s;-webkit-animation-name:sun;animation-name:sun;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.index-banner .owl-item.active .item1 .sun .txt{position:absolute;top:320px;left:350px}
.index-banner .owl-item.active .item2 .item-bg{-webkit-animation-delay:2.6s;animation-delay:2.6s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.index-banner .owl-item.active .item2 .item-lk{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}
.index-banner .owl-item.active .item2 .item-dp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;bottom:10%;visibility:visible}
.index-banner .owl-item.active .item2 .text{bottom:300px}
.index-banner .owl-controls{position:absolute;bottom:60px;left:0;right:0;text-align:center}
.index-banner .owl-page{display:inline-block;margin:0 5px}
.index-banner .owl-page span{width:12px;height:12px;border-radius:50%;display:inline-block;background:#fff}
.index-banner .owl-page.active span{background:#0051ec}
.md-intro{padding-top:82px;box-sizing:content-box;padding-bottom:230px;background:#ffffff}
.md-intro .texts{margin-top:15px;font-size:16px;line-height:1.7em;color:#999}
.md-intro .img-list ul{width:105%;height:auto;overflow:hidden}
.md-intro .img-list li{width:291px;height:220px;margin-right:10px;margin-bottom:10px;float:left;overflow:hidden}
.md-intro .img-list li img{width:100%;-webkit-transition:.5s;transition:.5s;height:100%}
.md-intro .img-list li img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.md-intro .img-list .item5,.md-intro .img-list .item6,.md-intro .img-list .item7{width:392px;height:280px}
.md-intro h3{font-size:36px;color:#333;text-align:center;position:relative;padding-bottom:15px;margin-top:50px}
.md-intro h3:before{content:'';display:inline-block;width:45px;height:2px;background:#0051ec;position:absolute;bottom:0;left:50%;margin-left:-22px}
.md-intro .list{position:relative;height:295px}
.md-intro .list .item{position:absolute}
.md-intro .list .item1{top:80px;left:35px}
.md-intro .list .item2{top:170px;left:468px}
.md-intro .list .item3{top:23px;right:25px}
/*.index-container{background:url(../imgs/img2.jpg) no-repeat top center #fff;background-size:cover;padding-bottom:95px}*/
.index-container{background-color: #FFFFFF;}    /*大的背景颜色*/
.index-container .gb-title{font-size:36px;color:#ffffff;font-weight:700;text-align:center;text-transform:uppercase;margin-bottom:10px}
.index-container .gb-title a{color:#000000;font-weight:700;opacity:0.9;}
.index-container .gb-title .icon{background:url(../imgs/img7.png) no-repeat;width:33px;height:50px;display:inline-block;position:relative;top:8px;margin-right:15px}
.index-container .gb-title a:hover{color:#0051ec}
.index-container .gb-title a:hover .icon{background:url(../imgs/img7-1.png) no-repeat}
.index-container .gb-text{text-align:center;width:1000px;margin:0 auto;height:auto;padding-bottom:30px}
.index-container .gb-text h3{font-size:20px;color:#000000;margin-bottom:10px;opacity:0.9;}
.index-container .gb-text p{font-size:16px;line-height:24px;color:#000000;opacity:0.6;}
.index-container .intor{height:730px;padding-top:100px;}
.index-container .intor .wrap .gb-title {margin-bottom: 40px;}
.index-container .intor .items{margin-top:50px;height:290px;z-index:-99;background:url(../imgs/syberos-frame.png) no-repeat;background-position: center;}
.index-container .intor .items .item{float:left;width:50%;height:280px;}
.index-container .intor .items .item .hd{float:left;font-size:22px;color:#000000;margin-top:80px;}
.index-container .intor .items .item .hd1{float:right;margin-right: 18%;}
.index-container .intor .items .item .hd2{margin-left: 18%;}
.index-container .intor .items .item .hd .title{margin-top: 10px;}
.index-container .intor .items .item .hd .icon{width:88px;height:88px;display: block;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition:.5s;transition:.5s;}
.index-container .intor .items .item .hd .icon1{background: url(../imgs/syberos-cpu.png) no-repeat;}
.index-container .intor .items .item .hd .icon2{background: url(../imgs/syberos-security.png) no-repeat;}
.index-container .intor .items .item .hd:hover .icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-container .intor .items .item .bd{float:left;padding-left:5%;}
.index-container .intor .items .item .bd1 li{background: url(../imgs/syberos-point.png) no-repeat 0 18px;padding-left:18px;font-size:18px;line-height:52px;color:#333;}
.index-container .intor .items .item .bd2{width:380px;padding-left:100px;font-size:18px;line-height:26px;color:#333;text-align: left;}
.index-container .intor .items .item .bd2 li{background: url(../imgs/syberos-point.png) no-repeat 260px 46px;padding-left:18px;padding-top: 42px;padding-bottom: 40px;}
.index-container .product{padding-top:100px;height:1000px;background:url(../imgs/product_bgm.png) no-repeat;}
.index-container .product .wrap .gb-title {margin-bottom: 40px;}
.index-container .product .wrap .gb-title a{color:#ffffff;}
.index-container .product .wrap .gb-text h3{color:#ffffff;}
.index-container .product .wrap .gb-text p{color:#ffffff;}
.index-container .product .items{position:relative;height:600px;margin-top:50px;position:relative}
.index-container .product .items .owl-item{opacity:0}
.index-container .product .items .owl-item.active{opacity:1}
.index-container .product .items .owl-carousel .owl-wrapper-outer{overflow:visible}
.index-container .product .items .slide{height:600px}
.index-container .product .items .owl-next,.index-container .product .items .owl-prev{-webkit-transition:.5s;transition:.5s;margin-top:-28px;left:-60px;position:absolute;top:50%;background:url(../imgs/img24.png) no-repeat;width:33px;height:56px}
.index-container .product .items .owl-next{left:auto;background:url(../imgs/img25.png) no-repeat;right:-60px}
.index-container .product .items .owl-prev:hover{left:-70px}
.index-container .product .items .owl-next:hover{right:-70px}
.index-container .product .items .item{overflow:hidden;display:inline-block;-webkit-transition:.2s;transition:.2s;position:absolute;text-align:center;line-height:217px}
.index-container .product .items .item img{position:absolute;top:0;bottom:0;left:0;right:0}
.index-container .product .items .item .img2{z-index:98;opacity:0;}
.index-container .product .items .item .img1{z-index:99;}
/*.index-container .product .items .item:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);z-index:9999}*/   /*缩放动画*/
.index-container .product .items .item:hover .img1{z-index:98;opacity:0}
.index-container .product .items .item:hover .img2{opacity:1;z-index:99}
.index-container .product .items .item{width:300px;height:300px;}
.index-container .product .items .item img{width:300px;height:300px;}
.index-container .product .items .item1{left:0;top:0}
.index-container .product .items .item2{left:300px;top:0}
.index-container .product .items .item3{left:600px;top:0}
.index-container .product .items .item4{left:900px;top:0}
.index-container .product .items .item5{left:0;top:300px;}
.index-container .product .items .item6{left:300px;top:300px;}
.index-container .product .items .item7{left:600px;top:300px;}
.index-container .product .items .item8{left:900px;top:300px;}
.index-container .banner-text{font-family:HanSansFont;background-position:top center;font-size:36px;color:#fff;text-align:center;line-height:100px;background-image:url(../imgs/img3.jpg);background-repeat:no-repeat;height:100px}
.index-container .plan{padding-top:80px;height:830px}
.index-container .plan .items{position:relative;height:500px;margin-top:50px}
/*.index-container .plan .items:after{position:absolute;content:'';display:inline-block;background:url(../imgs/img54.png) no-repeat;width:743px;height:35px;bottom:-60px;left:50%;margin-left:-372px}*/
.index-container .plan .item{-webkit-transition:.5s;transition:.5s;width:260px;height:500px;float:left;margin:0 26px;text-align:center}
.index-container .plan .items .item{background:url(../imgs/plan-init.png) no-repeat;}
.index-container .plan .items .item:hover{background:url(../imgs/plan-hover.png) no-repeat;}
.index-container .plan .item .icon{-webkit-transition:.5s;transition:.5s;width:108px;height:92px;background-repeat:no-repeat;background-position:center;margin-top:90px;display:inline-block}
.index-container .plan .item .icon1{background-image:url(../imgs/plan-security-init.png)}
.index-container .plan .item .icon2{background-image:url(../imgs/plan-bangon-init.png)}
.index-container .plan .item .icon3{background-image:url(../imgs/plan-jinwu-init.png)}
.index-container .plan .item .icon4{background-image:url(../imgs/plan-bigdata-init.png)}
.index-container .plan .item .text{margin-top:56px}
.index-container .plan .item .text h3{font-size:28px;color:#333}
.index-container .plan .item .text p{margin-top:40px;font-size:14px;line-height:24px;color:#999}
.index-container .plan .item1{margin-left:0}
.index-container .plan .item4{margin-right:0}
.index-container .plan .item .title_line{text-align:center;margin-top:20px;width:260px;height:2px;background:url(../imgs/plan-line-init.png) no-repeat;background-position:center;}
.index-container .plan .item:hover .icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-container .plan .item:hover .icon1{background-image:url(../imgs/plan-security-hover.png)}
.index-container .plan .item:hover .icon2{background-image:url(../imgs/plan-bangon-hover.png)}
.index-container .plan .item:hover .icon3{background-image:url(../imgs/plan-jinwu-hover.png)}
.index-container .plan .item:hover .icon4{background-image:url(../imgs/plan-bigdata-hover.png)}
.index-container .plan .item:hover .text h3{color:#fff}
.index-container .plan .item:hover .text p{color:#fff}
.index-container .plan .item:hover .title_line{text-align:center;margin-top:20px;width:260px;height:2px;background:url(../imgs/plan-line-hover.png) no-repeat;background-position:center;}
.index-container .plan .item:hover .arrow{margin-top:20px;widht:30px;height:30px;background: url("../imgs/plan-arrow.png") no-repeat;background-position:center;}
.index-container .community{padding-top:100px;height:750px;background-color:#2d2f75;}
.index-container .community .items{position:relative;height:340px;margin-top:50px}
.index-container .community .wrap .gb-title {margin-bottom: 40px;}
.index-container .community .wrap .gb-title a{color:#fefeff;}
.index-container .community .wrap .gb-text h3{color:#fefeff;opacity:0.6;}
.index-container .community .wrap .gb-text p{color:#fefeff;opacity:0.6;}
.index-container .community .item{-webkit-transition:.5s;transition:.5s;width:298px;height:340px;float:left;margin:0 1px;text-align:center;background-color: #0051ec;}
.index-container .community .item .icon{-webkit-transition:.5s;transition:.5s;width:98px;height:90px;background-repeat:no-repeat;background-position:center;margin-top:90px;display:inline-block}
.index-container .community .item .icon1{background-image:url(../imgs/community.png)}
.index-container .community .item .icon2{background-image:url(../imgs/community-group.png)}
.index-container .community .item .icon3{background-image:url(../imgs/community-support.png)}
.index-container .community .item .icon4{background-image:url(../imgs/community-code.png)}
.index-container .community .item .text{margin-top:56px}
.index-container .community .item .text h3{font-size:18px;color:#ffffff}
.index-container .community .item1{margin-left:0}
.index-container .community .item4{margin-right:0}
.index-container .community .item:hover .icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-container .community .item1:hover{background-image:url(../imgs/community-hover.png)}
.index-container .community .item2:hover{background-image:url(../imgs/community-group-hover.png)}
.index-container .community .item3:hover{background-image:url(../imgs/community-support-hover.png)}
.index-container .community .item4:hover{background-image:url(../imgs/community-code-hover.png)}
.index-container .community .item:hover .text h3{color:#fff}
.index-container .community .item:hover .text p{color:#fff}
.index-container .news{padding-top:100px;height:840px}
.index-container .news .list{background:rgba(255,255,255,.5);padding-top:25px;padding-bottom:25px;margin-top:25px}
.index-container .news .list li{-webkit-transition:.5s;transition:.5s;height:150px;border-top:1px solid transparent;border-bottom:1px solid transparent}
.index-container .news .list .section3 .items,.index-container .news .list .wrap,.section3 .index-container .news .list .items{padding-left:158px;padding-top:23px;position:relative}
.index-container .news .list .date{position:absolute;left:0}
.index-container .news .list .date .mouth{font-size:30px;color:#000000}
.index-container .news .list .date .yaer{font-size:18px;color:#000000}
.index-container .news .list .line{width:20px;height:3px;background:#000000;position:absolute;left:109px;top:73px}
.index-container .news .list .img{float:left;width:160px;overflow:hidden}
.index-container .news .list .img img{width:160px;height:110px;-webkit-transition:.5s;transition:.5s}
.index-container .news .list .text{width:625px;margin-left:194px}
.index-container .news .list .text h3{font-size:18px;margin-bottom:15px}
.index-container .news .list .text h3 a{color:#000000;font-weight:700;opacity: 0.8;}
.index-container .news .list .text p{font-size:14px;line-height:24px;color:#000000;opacity: 0.8;}
.index-container .news .list .more{position:absolute;right:0;top:60px;width:120px;height:40px;padding-left:43px;background:0 0;display:inline-block;top:60px;color:#000000;opacity: 0.8;line-height:40px;background:url(../imgs/detail_more.png) no-repeat 80px 50%;-webkit-transition:.5s;transition:.5s}
/*.index-container .news .list li:hover{border-top:1px solid #0051ec;border-bottom:1px solid #0051ec;background:rgba(255,255,255,.5)}*/ /*去掉边框*/
.index-container .news .list li:hover .more{padding-left:33px;background:#0051ec url(../imgs/detail-more-hover.png) no-repeat 85px 50%;color:#fff}
.index-container .news .list li:hover .text h3 a{color:#0051ec;opacity: 1;}
.index-container .news .list li:hover .text p{color:#0051ec;opacity: 1;}
.index-container .news .list li:hover .img img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.index-pager{text-align:center;height: 100px;}
/*.index-pager .more{-webkit-transition:.5s;transition:.5s;width:45px;height:40px;display:inline-block;background:url(../imgs/more.png) no-repeat center}*/
.index-pager .more:hover{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);background-color: #0051ec;color:#ffffff;}
.index-pager .more{-webkit-transition:.5s;transition:.5s;width:160px;height:40px;margin-top:40px;line-height:35px;display:inline-block;font-size:18px;color:#0051ec;border:1px solid #0051ec;}
.gb-pager{text-align:center;padding:55px 0}
.gb-pager a{margin:0 3px;border:1px solid #e6e6e6;font-size:14px;color:#666;line-height:46px;display:inline-block;background:#fff;width:46px;height:46px}
.gb-pager .next,.gb-pager .prev{width:100px}
.gb-pager a.active,.gb-pager a:hover{color:#fff;background:#0051ec}
.footer{border-top:5px solid #ffffff;background:#212121}
.footer a{-webkit-transition:.5s;transition:.5s}
.footer a:hover{text-decoration:underline}
.footer .top-text{padding-top:68px;height:320px;overflow:hidden}
.footer dl{width:170px;float:left}
.footer dl dt{font-size:18px;color:#ddd;margin-bottom:15px;font-weight:700}
.footer dl dd{line-height:30px}
.footer dl a{font-size:14px;display:block;color:#777}
.footer dl a:hover{color:#ffffff}
.footer .right .wx{height:auto;overflow:hidden;margin-right:15px}
.footer .right .wx .img{float:left;width:103px;height:103px;margin-right:38px}
.footer .right .wx .img img{width:100%;height:100%}
.footer .right .text{margin-top:32px}
.footer .right .text li{font-size:14px;color:#666;line-height:24px}
.footer .bar{color:#fff;height:50px;background:#101010;line-height:50px;overflow:hidden}
.footer .bar a{color:#fff}
.footer .bar a:hover{color:#ff221d}
.gb-banner{overflow:hidden;height:650px;background-position:top center;background-size:cover;background-repeat:no-repeat}
.gb-banner .text{text-align:center;margin-top:238px;position:relative;padding-bottom:40px}
.gb-banner .text:after{-webkit-transition:all 1s 1s ease;transition:all 1s 1s ease;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:0;width:100px;content:'';display:inline-block;height:3px;background:#fff;position:absolute;left:50%;margin-left:-50px;bottom:0}
.gb-banner .text h3{-webkit-transition:all .8s .2s ease;transition:all .8s .2s ease;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:0;font-size:48px;color:#fff;margin-bottom:10px}
.gb-banner .text h4{-webkit-transition:all .8s .4s ease;transition:all .8s .4s ease;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:0;font-size:18px;color:#fff;text-transform:uppercase;position:relative}
.gb-banner .text h4:after,.gb-banner .text h4:before{width:86px;height:1px;top:50%;background:#fff;content:'';display:inline-block;position:absolute}
.gb-banner .text h4:before{left:50%;margin-left:-190px}
.gb-banner .text h4:after{right:50%;margin-right:-190px}
.gb-banner .text h5{letter-spacing:3px;-webkit-transition:all .8s .6s ease;transition:all .8s .6s ease;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:0;font-size:24px;color:#fff;margin-top:18px}
.gb-banner.active .text h3,.gb-banner.active .text h4,.gb-banner.active .text h5{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.gb-banner.active .text:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.gb-nav{height:80px;background:#f5f5f5;border-bottom:1px solid #ddd;overflow:hidden}
.gb-nav .tit{float:left;line-height:80px;font-size:16px;color:#333}
.gb-nav .back{float:right;line-height:80px;color:#0051ec;font-size:16px;-webkit-transition:.5s;transition:.5s}
.gb-nav .back:hover{text-decoration:underline}
.gb-nav ul{text-align:center}
.gb-nav li{display:inline-block;width:150px;line-height:78px;margin-left:-4px}
.gb-nav li a{display:block;font-size:16px;color:#333}
.gb-nav li.line{width:auto;color:#ddd}
.gb-nav li.active,.gb-nav li:hover{background:#fff;border-bottom:1px solid #0051ec}
.gb-nav li.active a,.gb-nav li:hover a{color:#0051ec}
.md-post{background:#fff;padding-top:95px}
.md-post .head{text-align:center;margin-bottom:30px}
.md-post .head h1{font-size:30px;color:#333;font-weight:700;margin-bottom:15px}
.md-post .head .time{font-size:14px;color:#999;font-family:HanSansFont;line-height:20px;padding-left:25px;background:url(../imgs/img28.png) no-repeat left center}
.md-post .body{padding-bottom:50px;font-size:14px;color:#333;line-height:1.7em}
.md-jionus{background:#fff;padding-top:60px;padding-bottom:30px}
.md-jionus .tab-hd{line-height:50px;margin-bottom:10px}
.md-jionus .tab-hd ul{height:auto;overflow:hidden}
.md-jionus .tab-hd .col2 li{width:50%}
.md-jionus .tab-hd .col3 li{width:33.333%}
.md-jionus .tab-hd .col4 li{width:25%}
.md-jionus .tab-hd .col5 li{width:20%}
.md-jionus .tab-hd li{margin-bottom:10px;float:left;background:#ddd;text-align:center;font-size:16px;color:#333;cursor:pointer}
.md-jionus .tab-hd li.active{background:#0051ec;color:#fff}
.md-jionus .tab-bd .table{width:100%;font-size:16px;display:none}
.md-jionus .tab-bd .table table{width:100%}
.md-jionus .tab-bd .table thead th{font-weight:400;font-size:16px;color:#fff;height:50px;background:#ccc}
.md-jionus .tab-bd .table tbody a{color:#000}
.md-jionus .tab-bd .table tbody a:hover{text-decoration:underline;color:#0051ec}
.md-jionus .tab-bd .table tbody td{height:50px;text-align:center;-webkit-transition:.3s;transition:.3s}
.md-jionus .tab-bd .table tbody tr:nth-child(2n+1) td{background:#fff}
.md-jionus .tab-bd .table tbody tr:nth-child(2n) td{background:#f5f5f5}
.md-jionus .tab-bd .table tbody tr:hover td{background:#eaeaea}
.md-plan{background:#fff;padding-bottom:45px;padding-top:62px}
.md-plan .item{width:25%;float:left;display:block;position:relative;height:390px;overflow:hidden}
.md-plan .item:before{z-index:9;-webkit-transition:.5s;transition:.5s;background:rgba(0,0,0,.6);content:'';display:inline-block;position:absolute;left:0;top:0;bottom:0;right:0}
.md-plan .item .img{position:absolute;top:0;bottom:0;left:0;right:0;background-position:top center;background-repeat:no-repeat;background-size:cover}
.md-plan .item .img img{width:100%;height:100%;-webkit-transition:.5s;transition:.5s}
.md-plan .item .text{position:absolute;top:100px;text-align:center;left:0;right:0;z-index:99}
.md-plan .item .icon{height:90px;position:relative}
.md-plan .item .icon img{-webkit-transition:.5s;transition:.5s}
.md-plan .item .icon:after{-webkit-transition:.5s;transition:.5s;content:'';width:28px;position:absolute;bottom:0;left:50%;margin-left:-14px;height:1px;background:#fff}
.md-plan .item h3{font-size:18px;color:#fff;margin-top:16px}
.md-plan .item:hover:before{background:rgba(0,81,236,.8)}
.md-plan .item:hover .icon:after{width:48px;margin-left:-24px}
.md-plan .item:hover .icon img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.md-shouhou{background:#fff;padding-bottom:55px;padding-top:65px}
.md-shouhou .tit{padding-bottom:10px;font-size:30px;color:#333;border-bottom:1px solid #ddd;position:relative}
.md-shouhou .tit:before{width:122px;position:absolute;display:inline-block;background:#0051ec;content:'';left:0;bottom:0;height:2px}
.md-shouhou .tit.tit2:before{width:156px}
.md-shouhou .down-list dd{padding-top:33px;position:relative;height:135px;border-bottom:1px solid #ddd;padding-left:40px}
.md-shouhou .down-list dd .num{position:absolute;top:33px;left:0;width:24px;height:24px;border-radius:3px;background:#999;font-size:14px;color:#fff;text-align:center;line-height:24px}
.md-shouhou .down-list dd .text{width:760px}
.md-shouhou .down-list dd .text h3{margin-bottom:10px}
.md-shouhou .down-list dd .text a{font-size:16px;color:#333}
.md-shouhou .down-list dd .text a:hover{color:#0051ec}
.md-shouhou .down-list dd .text p{font-size:14px;line-height:24px;color:#999}
.md-shouhou .down-list dd .down{width:70px;-webkit-transition:.5s;transition:.5s;height:34px;background:#3eb140;border-radius:5px;display:inline-block;position:absolute;right:0;top:33px;text-align:center;position:absolute;line-height:34px;font-size:14px;color:#fff}
.md-shouhou .down-list dd .down:hover{background:#39a039}
.md-shouhou .listbook .bookbox{margin-top:50px;position:relative;margin-bottom:55px;height:170px;border:1px solid #c9c9c9;background:#fff}
.md-shouhou .listbook .bookbox .txt{height:120px;width:96%;padding:1%}
.md-shouhou .listbook .bookbox .btn{position:absolute;width:100px;height:30px;background:#0051ec;line-height:30px;font-size:14px;color:#fff;border-radius:5px;bottom:5px;right:5px}
.md-shouhou .kefu li{float:left}
.md-shouhou .kefu .kf{width:336px;border-right:1px dotted #454141}
.md-shouhou .kefu .tel{width:270px;padding-left:40px}
.md-shouhou .kefu .email{width:345px;border-right:1px dotted #454141}
.md-shouhou .kefu .email h3,.md-shouhou .kefu .tel h3{font-size:24px;color:#0051ec;font-weight:700;margin-bottom:8px}
.md-shouhou .kefu .email h4,.md-shouhou .kefu .tel h4{font-size:25px;font-weight:700;color:#333}
.md-shouhou .kefu .wx{width:230px;text-align:center;float:right}
.md-shouhou .kefu .wx>div{float:left;margin-left:20px}
.md-shouhou .kefu .wx>div .img{width:90px;height:90px;padding:10px;background:#fff;margin-bottom:10px}
.md-shouhou .kefu .wx>div .img img{width:100%;height:auto}
.gb-post{background:#fff;}
.gb-post .title{padding-bottom:16px;padding-top:50px;position:relative;font-size:36px;color:#333;font-weight:700;text-align:center;border-bottom:1px solid #ddd}
.gb-post .title:before{position:absolute;left:50%;-webkit-transition:.5s;transition:.5s;margin-left:-20px;bottom:-1px;width:40px;height:1px;background:#0051ec;content:'';display:inline-block}
.gb-post .title:hover:before{width:60px;margin-left:-30px}
.gb-post .post{padding-top:40px;font-size:14px;color:#333;line-height:1.7em;padding-bottom:40px}
.gb-post .list{padding-bottom:30px;height:auto;overflow:hidden}
.gb-post .list ul{width:105%;overflow:hidden}
.gb-post .list li{float:left;width:230px;height:180px;margin:10px 6px;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.gb-post .list li img{width:100%;height:100%;border-radius:5px}
.gb-post .list li:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.gb-post .list2 ul{width:105%;height:auto;overflow:hidden}
.gb-post .list2 ul li{width:390px;height:250px}
.gb-post .list2 .more{margin-top:10px;font-size:14px;-webkit-transition:.5s;transition:.5s;color:#333;height:50px;line-height:50px;background:#f5f5f5;border-radius:5px;text-align:center;display:block}
.gb-post .list2 .more:hover{background:#e8e8e8}
.md-down{background:#fff;}
.md-down .title{padding-bottom:16px;padding-top:50px;position:relative;font-size:36px;color:#333;font-weight:700;text-align:center;border-bottom:1px solid #ddd}
.md-down .title:before{position:absolute;left:50%;-webkit-transition:.5s;transition:.5s;margin-left:-20px;bottom:-1px;width:40px;height:1px;background:#0051ec;content:'';display:inline-block}
.md-down .title:hover:before{width:60px;margin-left:-30px}
.md-down .text{padding-top:12px;font-size:14px;color:#333;line-height:25px}
.md-down .list{border-top:1px solid #ececed;margin-top:35px}
.md-down .list li{padding-top:18px;padding-bottom:20px;border-bottom:1px solid #ececed}
.md-down .list li .top{height:auto;overflow:hidden}
.md-down .list li .top .text{width:815px}
.md-down .list li .top a{color:#333;font-size:14px;line-height:1.6em;display:block;margin-bottom:10px}
.md-down .list li .top a:hover{color:#0051ec;text-decoration:underline}
.md-down .list li .img{float:left;width:250px;height:160px;overflow:hidden}
.md-down .list li .text{margin-left:300px}
.md-down .list li .bot{text-align:right;font-size:14px}
.md-down .list li .bot a{color:#e60012;text-decoration:underline}
.md-case{background:#fff;}
.md-case .section3 .items,.md-case .wrap,.section3 .md-case .items{padding-top:60px;padding-bottom:50px}
.md-case .item{display:block;-webkit-transition:.2s;transition:.2s;margin:8px 10px;width:386px;float:left;border:1px solid #d2d2d2;height:175px}
.md-case .item:hover{background:#fff;border:1px solid #0051ec}
.md-case .item:hover .text h3{color:#0051ec}
.md-case .item:hover .text p{color:#0051ec}
.md-case .item:hover .img .img1{display:none}
.md-case .item:hover .img .img2{display:inline}
.md-case .item.item1{margin-left:0}
.md-case .item.item3{margin-right:0}
.md-case .item .img{width:120px;text-align:center;float:left;margin-top:40px;height:90px;line-height:90px;margin-left:15px}
.md-case .item .img img{max-height:100%}
.md-case .item .img .img2{display:none}
.md-case .item .text{padding-top:32px;padding-left:30px;width:234px;float:left}
.md-case .item .text h3{font-size:18px;color:#333;margin-bottom:12px}
.md-case .item .text p{font-size:12px;color:#999;line-height:1.7em}
.md-news{background:#fff;overflow:hidden;padding-top:60px;background-size:cover}
.md-news .link{margin-bottom:35px}
.md-news .link ul{height:auto;overflow:hidden}
.md-news .link li{text-align:center;width:33.333%;line-height:50px;height:50px;background:#ddd;float:left}
.md-news .link a{font-size:16px;color:#333;display:block;line-height:50px}
.md-news .link li.active a,.md-news .link li:hover a{background:#0051ec;color:#fff}
.md-news .title{padding-bottom:16px;position:relative;font-size:36px;color:#333;font-weight:700;text-align:center;border-bottom:1px solid #ddd}
.md-news .title:before{position:absolute;left:50%;-webkit-transition:.5s;transition:.5s;margin-left:-20px;bottom:-1px;width:40px;height:1px;background:#0051ec;content:'';display:inline-block}
.md-news .title:hover:before{width:60px;margin-left:-30px}
.md-news .top .text{font-size:14px;color:#333;line-height:1.7em;padding-bottom:20px}
.md-news .top .owl-next,.md-news .top .owl-prev{-webkit-transition:.5s;transition:.5s;margin-top:-28px;left:-40px;position:absolute;top:50%;background:url(../imgs/img24.png) no-repeat;width:33px;height:56px}
.md-news .top .owl-next{left:auto;background:url(../imgs/img25.png) no-repeat;right:-40px}
.md-news .top .owl-prev:hover{left:-45px}
.md-news .top .owl-next:hover{right:-45px}
.md-news .top .slide{margin-bottom:30px;height:auto;overflow:hidden}
.md-news .top .slide .item{float:left;width:190px;height:270px;margin:5px 5px;display:block;border:1px solid #ccc;background:#fff;text-align:center;padding-top:16px}
.md-news .top .slide .item img{width:169px;height:238px}
.md-news .list li{height:270px;overflow:hidden;padding-top:20px;padding-bottom:34px;border-bottom:1px dotted #ececed}
.md-news .list li .text{margin-left:370px}
.md-news .list li .text h3{font-size:30px;margin-bottom:10px}
.md-news .list li .text h3 a{color:#333;font-weight:700}
.md-news .list li .text h3 .more{font-weight:400;width:30px;-webkit-transition:.5s;transition:.5s;height:30px;background:#ccc;display:inline-block;float:right;text-align:center;color:#fff;line-height:30px}
.md-news .list li .text h3:hover a{color:#0051ec}
.md-news .list li .text h3:hover .more{background:#0051ec;color:#fff}
.md-news .list li .text .time{margin-bottom:30px;display:inline-block;background:url(../imgs/img28.png) no-repeat left center;line-height:20px;font-size:14px;color:#999;padding-left:20px}
.md-news .list li .text p{font-size:14px;color:#333;line-height:1.6em}
.md-news .list li .img{width:320px;height:218px;overflow:hidden;float:left}
.section1{background:#ffffff;height:416px;overflow:hidden}
.section1 ul{padding-top:100px}
.section1 li{float:left;text-align:center}
.section1 li .ico{height:95px}
.section1 li p{text-align:left;font-size:16px;line-height:24px;color:#78787b}
.section1 li h3{font-size:30px;color:#000;font-weight:700;margin-bottom:25px}
.section1 .item1{-webkit-transition:.8s;transition:.8s;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;width:452px;padding-left:176px;padding-right:96px}
.section1 .item2{-webkit-transition:.8s .5s;transition:.8s .5s;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;width:315px;padding-left:68px;padding-right:80px;border-left:1px solid #eee;border-right:1px solid #eee}
.section1 .item3{-webkit-transition:.8s 1s;transition:.8s 1s;padding-right:50px;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;padding-left:80px;width:320px}
.section1.active .item1{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.section1.active .item2{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.section1.active .item3{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.section2{background:#ffffff;height:542px;overflow:hidden}
.section2 .con{width:700px;margin:0 auto;position:relative}
.section2 .con .img{text-align:center;width:481px;height:481px;margin:0 auto;margin-top:52px}
.section2 .con .img img{opacity:0;-webkit-transition:2s;transition:2s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:scale(0,0) rotate(360deg);-ms-transform:scale(0,0) rotate(360deg);transform:scale(0,0) rotate(360deg)}
.section2 .con h3{font-size:30px;font-weight:700;color:#333;margin-bottom:10px;display:none}
.section2 .con li{line-height:24px;width:320px;font-size:16px;color:#666565;background:url(../imgs/img45.png) no-repeat left center;padding-left:15px}
.section2 .con .txt1{position:absolute;left:487px;top:60px;opacity:0;-webkit-transition:.5s 2.3s;transition:.5s 2.3s}
.section2 .con .txt2{position:absolute;left:620px;top:302px;opacity:0;-webkit-transition:.5s 2.6s;transition:.5s 2.6s}
.section2 .con .txt3{position:absolute;right:610px;top:290px;opacity:0;-webkit-transition:.5s 2.9s;transition:.5s 2.9s}
.section2 .con .txt3 li{background:url(../imgs/img45.png) no-repeat right center;text-align:right;padding-right:15px}
.section2.active .img img{opacity:1;-webkit-transform:scale(1,1) rotate(0);-ms-transform:scale(1,1) rotate(0);transform:scale(1,1) rotate(0)}
.section2.active .txt1{opacity:1}
.section2.active .txt2{opacity:1}
.section2.active .txt3{opacity:1}
.section3{background:url(../imgs/img41.jpg) no-repeat top center;height:950px;overflow:hidden;padding-top:106px}
.section3 .title{font-size:60px;color:#fff;text-align:center}
.section3 .title h3{position:relative;padding-bottom:10px}
.section3 .title h3:before{width:85px;height:1px;background:#fff;content:'';display:inline-block;position:absolute;left:50%;margin-left:-42px;bottom:0}
.section3 .title p{margin-top:10px;margin-bottom:60px;font-size:18px;color:rgba(255,255,255,.5)}
.section3 .items{text-align:center;margin:0 auto;height:255px}
.section3 .items .item{width:400px;padding:0 56px;float:left}
.section3 .items .item h3{margin-bottom:24px;font-size:30px;color:#fff;text-align:center}
.section3 .items .item p{text-align:left;font-size:14px;line-height:24px;color:rgba(255,255,255,.5)}
.section3 .items .item2{border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}
.section3 .img{text-align:center;-webkit-transform:rotateX(65deg);transform:rotateX(65deg);opacity:0;-webkit-transition:.5s 1s;transition:.5s 1s}
.section3.active .img{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}
.section4{height:auto;position:relative;overflow:hidden}
.section4>div{width:50%}
.section4 .left img{max-width:100%}
.section4 .right{background:#fff;height:100%;position:absolute;top:0;right:0;bottom:0;padding-left:6%}
.section4 .right .text1{margin-top:5%}
.section4 .right .text h3{font-size:40px;color:#000;margin-bottom:20px}
.section4 .right .text p{line-height:26px;font-size:14px;color:#000}
.section4 .right .list{margin-top:60px}
.section4 .right .list li{float:left;margin:0 3%;text-align:center}
.section4 .right .list .ico{background-repeat:no-repeat;background-position:center;background-color:#fff;-webkit-transition:.5s;transition:.5s;width:73px;height:73px;border-radius:50%;border:1px solid #a5b6c8;display:inline-block;text-align:center;line-height:72px}
.section4 .right .list .ico:hover{background-color:#7ea1fd}
.section4 .right .list .ico1{background-image:url(../imgs/img47.png)}
.section4 .right .list .ico2{background-image:url(../imgs/img48.png)}
.section4 .right .list .ico3{background-image:url(../imgs/img49.png)}
.section4 .right .list .ico4{background-image:url(../imgs/img50.png)}
.section4 .right .list .ico5{background-image:url(../imgs/img51.png)}
.section4 .right .list .ico1:hover{background-image:url(../imgs/img47-1.png)}
.section4 .right .list .ico2:hover{background-image:url(../imgs/img48-1.png)}
.section4 .right .list .ico3:hover{background-image:url(../imgs/img49-1.png)}
.section4 .right .list .ico4:hover{background-image:url(../imgs/img50-1.png)}
.section4 .right .list .ico5:hover{background-image:url(../imgs/img51-1.png)}
.section4 .right .list h3{font-size:14px;color:#667686;margin-top:30px}
.md-product{background:#fff;padding-bottom:70px}
.md-product .title{padding-bottom:16px;padding-top:60px;position:relative;font-size:36px;color:#333;font-weight:700;text-align:center;border-bottom:1px solid #ddd}
.md-product .title:before{position:absolute;left:50%;-webkit-transition:.5s;transition:.5s;margin-left:-20px;bottom:-1px;width:40px;height:1px;background:#0051ec;content:'';display:inline-block}
.md-product .title:hover:before{width:60px;margin-left:-30px}
.md-product .text{padding-top:55px;font-size:14px;color:#333;line-height:25px}
.md-product .slides{margin-top:25px;position:relative}
.md-product .slides .item{display:block;margin:0 8px;overflow:hidden}
.md-product .slides .item img{max-width:100%;max-height:100%;min-width:100%}
.md-product .slides .owl-wrapper-outer{overflow:hidden}
.md-product .slides .owl-next,.md-product .slides .owl-prev{-webkit-transition:.5s;transition:.5s;margin-top:-28px;left:-40px;position:absolute;top:50%;background:url(../imgs/img24.png) no-repeat;width:33px;height:56px}
.md-product .slides .owl-next{left:auto;background:url(../imgs/img25.png) no-repeat;right:-40px}
.md-product .slides .owl-prev:hover{left:-45px}
.md-product .slides .owl-next:hover{right:-45px}
.md-time{background:#fff;}
.md-time .section3 .items,.md-time .wrap,.section3 .md-time .items{background:rgba(255,255,255,.5)}
.md-time .section3 .items ul,.md-time .wrap ul,.section3 .md-time .items ul{position:relative;padding:60px 48px 50px 185px;background:url(../imgs/img26.png) repeat-y 153px 0}
.md-time .section3 .items ul li,.md-time .wrap ul li,.section3 .md-time .items ul li{position:relative;margin-top:35px;clear:both}
.md-time .section3 .items ul li .yaer,.md-time .wrap ul li .yaer,.section3 .md-time .items ul li .yaer{position:absolute;left:-160px;top:-40px;-webkit-transition:.5s;transition:.5s;background:url(../imgs/img37-1.png) no-repeat;width:100px;height:44px;padding-top:5px;text-align:center;color:#333;font-size:18px}
.md-time .section3 .items ul li .moth,.md-time .wrap ul li .moth,.section3 .md-time .items ul li .moth{margin-bottom:10px;line-height:20px;float:left;height:20px;background:#ddd;border-radius:5px;padding:0 5px}
.md-time .section3 .items ul li .con,.md-time .wrap ul li .con,.section3 .md-time .items ul li .con{border-bottom:1px dotted #e3e3e3;height:157px;overflow:hidden;clear:both}
.md-time .section3 .items ul li:before,.md-time .wrap ul li:before,.section3 .md-time .items ul li:before{content:'';border-radius:20%;position:absolute;top:0;left:-40px;background:url(../imgs/img27-1.png) no-repeat;width:20px;height:20px;display:inline-block;position:absolute}
.md-time .section3 .items ul li .text,.md-time .wrap ul li .text,.section3 .md-time .items ul li .text{float:left;width:690px}
.md-time .section3 .items ul li .text h3,.md-time .wrap ul li .text h3,.section3 .md-time .items ul li .text h3{font-size:16px;font-weight:700;margin-bottom:10px}
.md-time .section3 .items ul li .text h3 a,.md-time .wrap ul li .text h3 a,.section3 .md-time .items ul li .text h3 a{color:#333}
.md-time .section3 .items ul li .text h3 a:hover,.md-time .wrap ul li .text h3 a:hover,.section3 .md-time .items ul li .text h3 a:hover{color:#0051ec}
.md-time .section3 .items ul li .text p,.md-time .wrap ul li .text p,.section3 .md-time .items ul li .text p{font-size:14px;color:#999;line-height:26px}
.md-time .section3 .items ul li .img,.md-time .wrap ul li .img,.section3 .md-time .items ul li .img{float:right;width:230px;height:140px;overflow:hidden}
.md-time .section3 .items ul li .img img,.md-time .wrap ul li .img img,.section3 .md-time .items ul li .img img{width:100%;height:100%;-webkit-transition:.5s;transition:.5s}
.md-time .section3 .items ul li .img img:hover,.md-time .wrap ul li .img img:hover,.section3 .md-time .items ul li .img img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.md-time .section3 .items ul li:hover .yaer,.md-time .wrap ul li:hover .yaer,.section3 .md-time .items ul li:hover .yaer{top:-50px;background:url(../imgs/img37.png) no-repeat;color:#fff}
.md-time .section3 .items ul li:hover:before,.md-time .wrap ul li:hover:before,.section3 .md-time .items ul li:hover:before{background:url(../imgs/img27.png) no-repeat}
@-webkit-keyframes shake{10%{-webkit-transform:translate(.5px,2.5px) rotate(.2deg);transform:translate(.5px,2.5px) rotate(.2deg)}
    20%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-.1deg);transform:translate(-2.5px,-2.5px) rotate(-.1deg)}
    30%{-webkit-transform:translate(2.5px,1.5px) rotate(.1deg);transform:translate(2.5px,1.5px) rotate(.1deg)}
    40%{-webkit-transform:translate(-1.5px,-.5px) rotate(-.1deg);transform:translate(-1.5px,-.5px) rotate(-.1deg)}
    0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
@keyframes shake{10%{-webkit-transform:translate(.5px,2.5px) rotate(.2deg);transform:translate(.5px,2.5px) rotate(.2deg)}
    20%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-.1deg);transform:translate(-2.5px,-2.5px) rotate(-.1deg)}
    30%{-webkit-transform:translate(2.5px,1.5px) rotate(.1deg);transform:translate(2.5px,1.5px) rotate(.1deg)}
    40%{-webkit-transform:translate(-1.5px,-.5px) rotate(-.1deg);transform:translate(-1.5px,-.5px) rotate(-.1deg)}
    0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
@-webkit-keyframes start{0%{opacity:.6;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.5s;transition:.5s}
    50%{opacity:.5;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s;transition:.5s}
    100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.5s;transition:.5s}
}
@keyframes start{0%{opacity:.6;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.5s;transition:.5s}
    50%{opacity:.5;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s;transition:.5s}
    100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.5s;transition:.5s}
}
@-webkit-keyframes sun{0%{opacity:.9;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:1s;transition:1s}
    50%{opacity:.8;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:1s;transition:1s}
    100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:1s;transition:1s}
}
@keyframes sun{0%{opacity:.9;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:1s;transition:1s}
    50%{opacity:.8;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:1s;transition:1s}
    100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:1s;transition:1s}
}
.mask{background:rgba(0,0,0,.5);top:0;left:0;right:0;bottom:0;position:fixed;z-index:999;display:none;z-index:9999}
.layout{-webkit-transition:.5s;transition:.5s;padding-top:100px;z-index:999;position:relative;background:#f5f5f5;overflow:hidden}
body.on{position:relative;background:#ccc}
body.on .layout{-webkit-transform:translateX(-180px);-ms-transform:translateX(-180px);transform:translateX(-180px);background:#fff}
body>.navs{background:#ccc;position:fixed;right:0;width:180px;top:0;bottom:0;overflow-y:auto}
.section3 body>.navs .items,body>.navs .section3 .items,body>.navs .wrap{width:100%}
body>.navs li{border-bottom:1px solid #ddd;line-height:45px;position:relative}
body>.navs li a{color:#fff;padding:0 10px;display:block}
body>.navs .add{width:45px;height:45px;background:#0051ec;cursor:pointer;position:absolute;display:inline-block;right:0;top:0;z-index:99}
body>.navs .add:after,body>.navs .add:before{-webkit-transition:.5s;transition:.5s;top:22px;left:15px;width:15px;height:2px;background:#fff;content:'';position:absolute}
body>.navs .add:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
body>.navs .add.active:after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
body>.navs .subnav{border-top:1px solid #fff;display:none}
body>.navs .subnav a{padding:0 20px;line-height:35px}
body>.navs .subnav dd.active{background:#0051ec;color:#fff}
body>.navs .subnav dd.active a{color:#fff}
body>.navs li.active{border-bottom:1px solid #fff}
body>.navs li.active>a{color:#0051ec}
.theme-mask2{background:#000 none repeat scroll 0 0;display:none;height:100%;left:0;opacity:.7;position:fixed;top:0;width:100%;z-index:10000}
.popover2{background:#000 none repeat scroll 0 0;box-shadow:1px 1px 6px 3px rgba(0,0,0,.2);display:none;height:455px;left:50%;margin-left:-40%;position:fixed;text-align:center;top:20%;width:80%;z-index:100001}
.popover2 a{background:#000 none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;font-size:14px;height:25px;position:absolute;right:0;width:25px;z-index:2147483647}
#videostr{height:100%;width:100%}
@media (max-width:1441px){.index-banner .item{height:640px}
}
.md-post .body{font-size:16px;line-height:28px}
.index-container .news .list .date .mouth{font-size:22px}
.md-intro .list .item1{left:-65px}
.md-intro .list .item2{left:368px}
.md-intro .list .item3{right:135px}
.gb-banner{height:400px}
.gb-banner .text{margin-top:125px}
.section2 .con{margin:40px;width:auto}
.section2{-webkit-background-size:cover;background-size:cover;height:auto}
.section4 .right{padding:15px}
.section3 .items .item{width:300px}
.section3 .items .item3{border-right:1px solid rgba(255,255,255,.3)}
.section2 .con{width:1200px;margin:20px auto}
.section2{height:auto;background-size:cover}
.footer .right .text li{color:#fff}
.index-container .plan .item .text p{padding:0 10px}
.gb-post .list li{position:relative}
.gb-post .list li h3{position:absolute;left:0;right:0;height:45px;line-height:45px;font-size:14px;color:#fff;text-align:center;bottom:0;z-index:88;background:rgba(0,0,0,.5)}
.gb-post .list li:hover{transform:none}
.goTop{display:inline-block;width:60px;height:60px;position:fixed;right:20px;bottom:50px;z-index:999;background:url(../imgs/xz.png) no-repeat}
.body p,.body p span,.body p span span {
    font-family:HanSansFont!important;
}