html，body{overfow-x:hidden;}
body {
margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family:"微软雅黑","Microsoft YaHei UI","Microsoft YaHei";
    color:#333333;
    font-size:15px;
    

}
* {
　　　　　　box-sizing: content-box;
　　　　　　-moz-box-sizing: inherit;
　　　　　　-webkit-box-sizing: inherit;
　　　　　}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{
    margin:0;
    padding:0;
    BORDER:none;
    LIST-STYLE-TYPE:none;}
{
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: '宋体'
}

a{color:#333333; text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#0a702f;text-decoration: none;}

UL {
    LIST-STYLE-TYPE: none
}

/* Clearfix */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after,
.wprt-container:before,
.wprt-container:after { clear: both; display: table; line-height: 0; content: ""; }

.clearfix:after,
.wprt-container:after { clear: both; }

#thediv{
  background-color:green;
  height:200px;
  width:200px;
  display:none;
}


/* -- mainNav -- */
#mainNav {
margin-left:182px;
 margin-bottom: 0px;
 height:100px;
 font-size: 16px;
 width:700px;
}
/* LEVEL ONE */
#mainNav ul.wrap {
 position: relative;
 z-index: 1000;
}
#mainNav ul li {
 float: left;
 zoom: 1;
 position:relative;
}
#mainNav ul li:before{width: 1px;}
#mainNav ul li a {
 display: block;
 width: 100px;
 text-align: center;
 height:94px;
 line-height: 111px;
 color: #333;
 text-decoration: none;
 /* background: url(../images/menu_a_bg.png) no-repeat;*/
}


#mainNav ul span a {
 display: block;
 width:94px;
 text-align: center;
 height: 36px;
 line-height: 36px;
 color: #FFFFFF;
 text-decoration: none;
 background:#FF9E3B;
 border-top:1px dashed #ECECEC;
}
#mainNav ul li.hover span a {
 display: block;
 width:94px;
 text-align: center;
 height: 36px;
 line-height:36px;
 color: #FFFFFF;
 text-decoration: none;
 background:#F1F1F1;
 font-size:15px;
}
#mainNav ul li.hover span a:hover{ font-size:15px; background:#E0E0E0;}

#mainNav ul li.hover, #mainNav ul li.cur {
 background: none;
 position: relative;
 /* background: url(../images/heng.png) no-repeat center; */
 color: #FFFFFF;
 background: none;
}
#mainNav ul li.hover a, #mainNav ul li.cur a {
 color: #9b231c;
 background: none;
}
#mainNav ul li .first {

}
#mainNav ul li.hover .first, #mainNav ul li.cur .first {
 
}
#mainNav ul li .last {

background: url(../images/menu_a_bg_last.png) no-repeat;
}
#mainNav ul li.hover .last, #mainNav ul li.cur .last {

}
/* LEVEL TWO */
#mainNav ul ul {
 min-width: 125px;
 _width: 125px;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 background:none;
}
#mainNav ul ul li {
 font-weight: normal;
 float: none;
}
#mainNav ul li.hover ul li a {
 background: none;
 color: #333333;
 border-right: none;
 display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
 color: #4a0000;
 background:none;
 text-decoration: none;
}
#mainNav ul li.hover ul a.parent {
}
/* LEVEL THREE */
#mainNav ul ul ul {
 left: 100%;
 top: 0;
 border-top: 0;
 _border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
 color: #24313C;
 background: none;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
 color: #333333;
 background: none;
}
#mainNav ul li .news_menu_box{position: absolute;
    top: 100%;
    left: -100px;
    z-index: 99;
    overflow: hidden;
    background-color: rgba(171,124,3,1);
    width:375px; height:148px;
    display:none;
    }
#mainNav ul ul.list {
 min-width: 125px;
 _width: 125px;
 display: none;
 float:left;
 position:relative;
 top:0;
}
#mainNav ul ul.list li.m_title{ border-bottom:1px solid #E0C81A;}
#mainNav ul ul.list li.m_title a img{ padding:0 5px; margin-left:-20px; vertical-align:sub;}
#mainNav ul ul.list li a{background:none;}

/* slide */
.slide-main{height:490px;position:relative;box-sizing:border-box;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:220px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:15px;position:absolute;z-index:124;top:460px;left:0;text-align:center;}
.item a{display:inline-block;width:15px;height:15px;border-radius:100px;margin-right:11px;background:#fff;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=1);overflow:hidden;}
.item a.cur{background:#661B17;}
.slide-box,.slide{display:block;width:100%;height:490px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/ind1.jpg) center;}
#bgstyleb{background:url(../images/ind2.jpg) center;}
#bgstylec{background:url(../images/ind1.jpg) center;}
.slide a{display:block;width:100%;height:auto;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:50%; height:auto;top:180px;z-index:12; background:#003399; float:left;}
.obj-f{width:50%; height:auto;top:158px;background:#006600; float:left;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}

@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.pro{border-bottom:1px solid #FFFFFF; width:240px;height:40px;line-height:40px;float:left;}
.pro a{border-bottom:1px solid #FFFFFF;width:240px; padding-left:40px; height:40px;line-height:40px;float:left; color:#333333;cursor:pointer;}
.pro a:hover{border-bottom:1px solid #FFFFFF; background:#929292; width:240px;height:40px;line-height:40px;float:left; color:#FFFFFF;cursor:pointer;}
.cur a{color:#FFFFFF;cursor:pointer;background:#929292;}

.article{width:922px; height:auto; float:left;margin-top:20px; line-height:180%;}
.article img{ max-width:900px; text-align:center;}

.ziti1{color:#F6F6F6; font-size:14px;}
.ziti1 a:link {color:#F6F6F6;font-size:14px;}
.ziti1 a:visited {text-decoration:none;color:#F6F6F6;font-size:14px;text-decoration: none;}
.ziti1 a:hover {text-decoration:underline;color:#F6F6F6;font-size:14px;text-decoration: none;}
.btn1 {width:150px; height:45px;line-height:45px; margin:auto; background:#3C3C3C;border-radius:50px; margin-top:15px; text-align:center;
 color: #FFF;
 text-decoration: none;
 cursor:pointer;
 text-align:center;
}
.btn1 a{color:#FFFFFF}
.btn1:hover {width:150px; height:45px;line-height:45px; margin:auto; background:#661A1B;margin-top:15px; text-align:center;
 color: #fff;
 text-decoration: none;cursor:pointer;
 border-radius:50px;
}

.pro_01{width:280px; height:270px;border:1px solid #DFDFDF; float:left; text-align:center;overflow:hidden; line-height:150%;}
.pro_01 img {max-height:195px; max-width:275px;transition:all 1s; padding-bottom:20px;}
.pro_01:hover img{transform: scale(1.2,1.2);}

.pro_02{width:221px; height:300px; padding:5px; border:1px solid #DFDFDF; float:left; text-align:center;overflow:hidden;}
.pro_02 img {max-width:200px;transition:all 1s; padding:20px 0px;}
.pro_02:hover img{transform: scale(1.2,1.2);}





            .footerbox_min{ background: #010a2c;;}
    .footerbox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    letter-spacing:1px;
}

.foot_left {
    float: left;
    width: 560px;
    overflow: hidden;
    margin-left: -43px;
}

.footnr {
    float: left;
    padding: 0 43px;
    background: url(https://www.51yzone.com/homepage/pc/images/a16.png) no-repeat right top;
}

.footnr h2 {
    color: #FFF;
    font-weight: 200;
    padding-bottom: 25px;
}

.footnr li {
    line-height: 39px;
}

.footnr a {
    font-size: 14px;
    color: #8E9DC3;
}

.footnr a:hover {
    color: #2979EF;
}

.footer-center {
    float: left;
    padding: 0 43px;
    background: url(https://www.51yzone.com/homepage/pc/images/a16.png) no-repeat right top;
}

.footer-center h2 {
    color: #FFF;
    font-weight: 200;
    padding-bottom: 25px;
    font-size: 18px;
}

.footer-center li {
    line-height: 39px;
}

.footer-center a {
    font-size: 14px;
    color: #A0A0A0;
}

.foot_right {
    float: right;
}

.foot_right img {
    width: 100px;
    height: 100px;
}

.foot_right ul {
    overflow: hidden;
}

.foot_right li {
    float: left;
    padding-left: 46px;
}

.foot_right h2 {
    color: #FFF;
    font-weight: 200;
    padding-bottom: 25px;
    padding-left: 46px;
    font-size: 18px;
}

.foot_right p {
    font-size: 14px;
    color: #8E9DC3;
    line-height: 19px;
    padding-top: 20px;
}

.link {
    /*width: 1200px;*/
    /*margin: 0 auto;*/
    padding-left: 43px;
    margin-top: 30px;
}

.link ul {
    overflow: hidden;
    padding-bottom: 85px;
}

.link li {
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}.bqxx {
    background: #010a2c;
}

.bqxx p {
    text-align: center;
}

.bqxx p a{
    line-height: 70px;
    color: #8E9DC3;
}