/*color:#e2b852*/
html, body, div,ul, li, a, p, img,br,h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
html,body{width:100%;height:100%;}
body { font-family: "微软雅黑"; font-size: 14px; color: #000000; word-wrap: break-word; behavior: url("csshover.htc");-webkit-font-smoothing:antialiased;}
ul, li { list-style: none;  }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { border: none; border: 0; vertical-align: middle; }
a,a:hover,a:active,a:focus { text-decoration:none;outline: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1}
.ddw { position: absolute; left: 0; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.ddw2 { position: absolute; left: 20px; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.num_box { position: relative; bottom: 0;}
.num { color: #fff; width: 100%; text-align: center; position: relative; overflow: hidden;}
.mask{background: rgba(0,0,0,0.5);width:100%;height:100%}
/*#num_0 { background: url(../img/libg2.jpg) no-repeat center #000; background-size: cover; }*/
#num_1 { background: url(../img/02-bg.png) no-repeat center; background-size: cover; }
#num_2 { background: url(../img/03-bg.png) no-repeat center #000; background-size: cover; }
#num_3 { background: url(../img/04-bg.png) no-repeat center #000; background-size: cover; }

/*第一屏*/
/*banner*/
#controls {padding: 20px; bottom: 10px;}
#controls span {font: 11px Montserrat; text-transform: uppercase;background: rgba(0, 100, 0, 0.7); color: white;padding: 5px 10px; border-radius: 5px;cursor: pointer;}
#controls span.active {background: rgb(0, 75, 0);}
.slideBox{ width:100%; height:100%;overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; bottom:2%; z-index:1; width:100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  text-align: center;width:100%;}
.slideBox .hd ul li{cursor: pointer; width:12px; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40);  margin:0 .5em; display: inline-block;border-radius: 6px;transition:width .5s ease;}
.slideBox .hd ul li.on{background: #ecb333 !important;width: 40px;}
.slideBox .bd{ height:100%; width: 100%; z-index:0;}
.slideBox .bd ul{height:100%;width:100%;}
.slideBox .bd ul li{overflow: hidden;width: 100%;position: relative;height:100%;}
.tempWrap{height:100%;}
.slideBox .bd ul li:nth-of-type(2){background: url(../img/01-banner.jpg) no-repeat center/cover;}
.slideBox .bd ul li:nth-of-type(3){background: url(../img/05-banner.jpg) no-repeat center/cover;height:100%;}
.slideBox .bd ul li:nth-of-type(4){background: url(../img/07-bj.jpg) no-repeat center/cover;}
.banner4{background: url(../img/banner4.jpg) no-repeat center/cover;}
.index_bottm{position: absolute;bottom: 4%;left:50%;margin-left:-28px;width:56px;height:56px;animation:indexbottom 1s linear infinite both;background: url(../img/01-down.png) no-repeat center/cover;cursor:pointer;}
.index_bottm:hover{position: absolute;bottom: 4%;left:50%;margin-left:-28px;width:56px;height:56px;animation:indexbottom 1s linear infinite both;background: url(../img/01-down.png) no-repeat center/cover;cursor:pointer;}
@keyframes indexbottom{
	0%{transform:scale(.9);}
	50%{transform:scale(1.1);}
	100%{transform:scale(.9);}
}
/*第二屏*/
.ymr_indexTitle,.ymr_indexTitle_hover{text-align: center;color:#333;position: relative;margin: 10% 0 5%;font-size: 22px;font-weight: bold;}
.ymr_indexTitle h1,.ymr_indexTitle_hover h1{color: #e2b852;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 10px;position: relative;}
.ymr_indexTitle p,.ymr_indexTitle_hover p{position: relative;font-size: 24px;font-weight: 400;}
.server{height:100%;color: #333; }
/*.server ul{text-align: center;}
.server ul li{height:100%;color:#fff;display: inline-flex;text-align: center;min-width: 110px;box-sizing: border-box;padding:0 2% 5%;color:#555;position: relative;margin: 0 2%;}
.server_mask{position: absolute;width:100%;left:0;bottom:18px;background: rgb(226, 184, 82);z-index: -1;}
.server_mask_div{position: relative;width:100%;height:100%;overflow: hidden;}
.server ul li>img{position: absolute;left: 0;right:0;margin:auto;width:80%;bottom:0;transition: bottom 1s .2s;}
.server ul li:hover>img{bottom:0;}
.server ul li.active,.server ul li:hover{color:#fff;transition:color 1s;}
.server ul li.active .server_img,.server ul li:hover .server_img{border-color: #fff;top:0px;}
.server ul li:hover .server_cont>p{top:-0px;color: #fff;}
.server ul li:hover .server_cont .server_intro{opacity: 1;bottom:0px;}*/
/*.server_cont{position: relative;top: 40%;}
.server_cont .server_img{border-radius:100%; width:130px;height:130px;margin:0 auto;position: relative;top:0;transition:border-color 1s,top .5s;}
.server_cont .server_img img{position: relative;}
.server_cont .server_img .sho{width:120px;height:120px;}
.server_cont .server_img .hid1{width:60px;height:55px;}
.server_cont .server_img .hid2{width:75px;height:55px;}
.server_cont .server_img .hid3{width:60px;height:55px;}
.server_cont>p{color: #555; padding: 15px 0 25px 0;font-size: 16px;transition: top .5s;position: relative;top:0;}
.server_cont .server_intro{line-height: 24px;transition: all .8s .2s;opacity: 0;color:#fff;position: relative;bottom:-150px;}
.server ul li .hid{display: none}
.server ul li:hover .sho{display: none}
.server ul li:hover .hid{display: inline-block;animation:plays 1s .5s linear infinite both;position: relative;margin-top: 50px;}
@keyframes plays{0%{bottom:-10px;}60%{bottom:0px;}100%{bottom: -10px;}}
.server_ul li:nth-of-type(1){transform:translate(-400px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul li:nth-of-type(2){transform:translate(-200px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul li:nth-of-type(3){transform:translate(400px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.ymr_indexTitle h1{transform:translateY(-200px);transition:transform .5s ease;opacity: 0;opacity 1.5s ease;}
.ymr_indexTitle p{transform:translate(200px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(1){transform:translate(0,0);opacity: 1;transition: transform 1s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(2){transform:translate(0,0);opacity: 1;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(3){transform:translate(0,0);opacity: 1;transition: transform 1s ease,opacity 1.5s ease;}
.ymr_indexTitle_hover h1{transform:translateY(0px);transition:transform 1s ease;opacity: 1;opacity 1.5s ease;}
.ymr_indexTitle_hover p{transform:translate(0,0);opacity: 1;transition: transform .5s ease,opacity 1.5s ease;}
*/
.server_mask{position: absolute;width:100%;left:0;bottom:18px;background: rgb(226, 184, 82);z-index: -1;}
.server_mask_div{position: relative;width:100%;height:100%;overflow: hidden;}
.server_ul li:nth-of-type(1){transform:translate(-400px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul li:nth-of-type(2){transform:translate(-200px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul li:nth-of-type(3){transform:translate(400px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.ymr_indexTitle h1{transform:translateY(-200px);transition:transform .5s ease;opacity: 0;opacity 1.5s ease;}
.ymr_indexTitle p{transform:translate(200px,0px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(1){transform:translate(0,0);opacity: 1;transition: transform 1s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(2){transform:translate(0,0);opacity: 1;transition: transform .5s ease,opacity 1.5s ease;}
.server_ul_hover li:nth-of-type(3){transform:translate(0,0);opacity: 1;transition: transform 1s ease,opacity 1.5s ease;}
.server_ul_hover,.server_ul{margin: 0 auto;}
.server_ul_hover li,.server_ul li{width: 200px;height: 313px;margin: 0 3%;overflow: hidden;padding: 0 5px;display: inline-block;}
.server_ul_hover li i,.server_ul li i{display:block;position:relative;margin:0 auto;margin-top:43px;height:78px;width:88px;}
.server_ul_hover li.ciwawaItem i,.server_ul li.ciwawaItem i{background:url(../img/pro1.png) no-repeat center center;}
.server_ul_hover li.artItem i,.server_ul li.artItem i{background:url(../img/pro2.png) no-repeat center center;}
.server_ul_hover li.scItem i,.server_ul li.scItem i{background:url(../img/pro3.png) no-repeat center center;}
.server_ul_hover li u,.server_ul li u{border:4px solid #e2b852;border-radius: 50%; display:block;position:absolute;width:156px;height:156px;margin-left:15px;webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.server_ul_hover li:hover u.cl,.server_ul li:hover u.cr{opacity:0;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.server_ul_hover li a strong,.server_ul li a strong{color: #333;display:block;margin-top:70px;font-size:16px;font-weight:normal;text-align:center;}
.server_ul_hover li p,.server_ul li p{position:relative;top:200px;color:#fff;font-family:Arial,"宋体";font-size:12px;line-height:20px;text-align:center;}
.server_ul_hover li:hover{-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
.server_ul_hover li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.server_ul_hover li.ciwawaItem:hover i{background:url(../img/pro1-w.png) no-repeat center center;}
.server_ul_hover li.artItem:hover i{background:url(../img/pro2-w.png) no-repeat center center;}
.server_ul_hover li.scItem:hover i{background:url(../img/pro3-w.png) no-repeat center center;}
.server_ul_hover li:hover strong{color:#fff;
	-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;
	-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.server_ul_hover li:hover p{top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}






/*第三屏*/
.case{text-align: center;height: 100%;}
/*.case-top{text-align: right;}*/
/*.case-top-left{display: inline-block;}
.case-top-left-top{font-size: 42px;}
.case-top-left-middle{font-size: 14px;}
.case-top-left-bottom{font-size: 32px;}
.case-top-right{display: inline-block;font-size: 160px;color:#337eeb;}
.case-top-right sup{position: relative;top: -30px}*/
.case_ul_wrap{position: absolute;width:100%;left:0;}
.case ul{display: inline-block;perspective: 1000px;max-width: none;margin:0 1%;min-width: 200px;}
.case ul li{display: inline-block;text-align: left;background: #fff;width:100%;}
.case ul.case_ul li{transform:translateY(200px) translateZ(-500px) rotateX(90deg);opacity: 0;transition: transform 1s ease,opacity 1.5s ease;}
.case ul.case_ul_hover li{perspective:100px;transform:translateY(0px) translateZ(0px) rotateX(0deg);opacity: 1;transition: transform 1s ease,opacity 1.5s ease;}
.case ul li a{position: relative;display: block;overflow: hidden;width:300px;margin:0;}
.case ul li a div.show{transition:all .3s ease-in-out;width:100%;height:200px;text-align: center;background: rgba(0,0,0,0.5);position: absolute;left: 0;top:0;margin-top:-100%;}
.case ul li a>img{width:300px;height:180px;}
.case ul li:hover div.show{margin-top:0;}
.case ul li:hover div.show img{margin:78px auto 0;}
.case ul li:hover div.auto div.auto_mask{margin-top:0;}
.case ul li:hover div.auto h4{color: #fff;}
.case ul li:hover div.auto span{color: #fff;}
.case ul li:hover div.auto .line{background-color: #fff;}
.case ul li div.auto .line{position: absolute;top: 16px;width: 46px;height: 1px;margin: 0px auto;padding: 0px;overflow: hidden;background-color: #b8b8b8;}
.case ul li div.auto{padding:20px 10px 13px;position: relative; border-bottom: 2px solid #e2b852;font-size: 12px;}
.case ul li div.auto div.auto_mask{transition:all .3s ease-in-out;width: 100%;height:100%;background: #e2b852;margin-top:100%;position: absolute;left:0;top:0;z-index: 1}
.case ul li div.auto h4{transition:all .3s ease-in-out;font-weight: normal;font-size: 16px;color:#000;line-height: 26px;position: relative;z-index: 2}
.case ul li div.auto span{color: #999;transition:all .3s ease-in-out;position: relative;z-index: 2}
.ymr_indexHint1,.ymr_indexHint2{/*position: absolute;bottom: 15%;*/font-size: 24px;font-weight:300;color: #888;width: 100%;}
.ymr_indexHint2{
	margin-top: 390px;
}
.ymr_indexHint1{
	margin-top: 20px;
}
.engHint{transform:translateY(200px);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.engHint_hover{transform:translateY(0);opacity: 1;transition: transform .5s ease,opacity 1.5s ease;}
.title{padding:3% 0;text-align: left;}

/*第四屏*/
#num_3 .ymr_qr{margin-bottom: 7%;}
#num_3 .ymr_qr img{width: 150px;}
#num_3 .ymr_indexHint3,#num_3 .ymr_indexHint3 a{font-size: 14px;color: #333;}
#num_3 .ymr_indexHint3 a{margin: 0 5px;}
.indexQr{transform:scale(0.1) rotate(0deg);opacity: 0;transition: transform .5s ease,opacity 1.5s ease;}
.indexQr_hover{transform:scale(1) rotate(360deg);opacity: 1;transition: transform .5s ease,opacity 1.5s ease;}
@-webkit-keyframes qrrotate{0%{-webkit-transform:scale(0.1)  ;}100%{-webkit-transform:scale(1) rotate(-360deg) ;}}
@-moz-keyframes qrrotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-360deg);}}
@-ms-keyframes qrrotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(-360deg);}}
/*联系侧边栏*/
.rel { position: relative; }
.abs { position: absolute; }
.index_right{width:55px;height:255px;position: fixed;top:50%;right:10px;margin-top: -127px;z-index:11111;}
.ymr_top_k{height:54px;cursor:pointer;}
.ymr_topknrr{width:130px;height:46px;left:66px;top:50%;margin-top: -23px;background:rgba(0, 0, 0, 0.5);}
.ymrtb{width:60%;height: 60%;top:50%;left:50%;margin-top:-13px;margin-left:-15px;filter:alpha(opacity=50);}
.ymr_top_k_nr{width:165px;height:46px;top:4px;}
.ymr_topknrl{top:50%;margin-top: -13px;left:10px;}
.ymr_nr2{left: 64px;line-height: 46px;}
.ymr_nr3{width:120px;height:120px;margin-top: -60px;background:rgba(0, 0, 0, 0.5);}
.ymr_topknrr span{display: block;width: 0;height: 0;border-width: 5px 0 5px 5px;border-style: solid;border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);position: absolute;right: -5px;top: 50%;}
.ymr_ewm{top: 50%;left: 50%;margin-top: -48px;margin-left: -48px;}
/*@media screen and (max-width: 1200px){
	.case-top-right{font-size: 150px;}
	.case-top-left-top{font-size: 38px;}
	.case-top-left-bottom{font-size: 28px;}
	.casecont-wrap>div{width:100%;}
}*/
@media (max-height: 620px){
    .case ul li div.auto{display: none}
}