/*css*/
.m_banner1{ background: url(../images/a_banner1.jpg) no-repeat center center;width: 100%; height: 405px; overflow: hidden; margin: 0 auto;}
.m_bannerbox{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.m_bannerwz{ width: 480px; height: auto; float: left; margin-top: 138px;}
.m_banner_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_banner_t h2{ font-size: 48px; color: #FFFFFF; line-height: 58px; font-weight: bold;}
.m_banner_t p{ font-size: 14px; color: #FFFFFF; line-height: 19px;}
.m_banner_ico{ background: #FFFFFF; width: 55px; height: 5px; margin-top: 20px;}

/**jianjie**/
.m_jjbox{ width: 1200px; height: auto; overflow: hidden; margin: 90px auto;}
.m_jjboxleft{ width: 628px; height: auto; float: left;}
.m_jjboxright{ width: 470px; height: auto; float: left; margin-left: 70px; margin-top: 90px;}
.m_jjboxright h2{ font-size: 24px; color: #333333; line-height: 50px;}
.m_jjboxright p{ font-size: 16px; color: #666666; line-height: 30px;}
/**/
.m_xxhbox{ background: #06a0e8; width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhxbox{ width: 1200px; height: auto; overflow: hidden; margin: 75px auto;}
.m_xxhbox_title{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhbox_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhbox_t h2{ font-size: 36px; color: #ffffff; line-height: 46px; text-align: center; text-transform: uppercase;}
.m_xxhbox_w{ background: #000000; width: 170px; height: 35px; overflow: hidden; margin: 0 auto; text-align: center;}
.m_xxhbox_w p{ font-size: 24px; color: #ffffff; line-height: 34px;}
.m_xxhbox_nr{ width: 1011px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 36px;}
.m_xxhbox_nrlist{ width: 259px; height: auto; float: left;}
.m_xxhbox_nrlist2{ width: 259px; height: auto; float: left; margin-left: 117px; margin-right: 117px;}
.m_xxhbox_nrlistimg{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhbox_nrlist_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhbox_nrlist_t h2{ font-size: 24px; color: #ffffff; line-height: 34px; text-align: center;}
.m_xxhbox_nrlist_ico{ background: #ffffff; width: 42px; height: 6px; overflow: hidden; margin: 15px auto;}
.m_xxhbox_nrlist_w{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xxhbox_nrlist_w p{ font-size: 16px; color: #ffffff; line-height: 24px;}
/**/
.m_sshbox{ width: 100%; height: auto; overflow: hidden; margin: 105px auto;}
.m_sshbox_title{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_sshbox_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_sshbox_t h2{ font-size: 36px; color: #999999; line-height: 46px; text-align: center; text-transform: uppercase;}
.m_sshbox_w{ background: #000000; width: 185px; height: 35px; overflow: hidden; margin: 0 auto; text-align: center;}
.m_sshbox_w p{ font-size: 24px; color: #ffffff; line-height: 34px;}
.m_sshbox_nr{ width: 1200px; height: auto; overflow: hidden; margin: 45px auto;}
.m_sshbox_xbox_list{ background: #000000; width: 385px; height: 512px; float: left; margin-left: 3px; margin-bottom: 16px; margin-right: 16.5px; position: relative;-moz-box-shadow:0px 0px 2px #d8d8d8; -webkit-box-shadow:0px 0px 2px #d8d8d8; box-shadow:0px 0px 2px #d8d8d8;}
.m_sshbox_xbox_list2{ background: #000000; width: 385px; height: 512px; float: left; margin-right: 3px; margin-bottom: 16px; position: relative;-moz-box-shadow:0px 0px 2px #d8d8d8; -webkit-box-shadow:0px 0px 2px #d8d8d8; box-shadow:0px 0px 2px #d8d8d8;}
.m_sshbox_xbox_listbg{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; position: absolute; z-index: 2; left: 0; top: 0;}
.m_sshbox_xbox_listnr{ width: 15.5%; height: auto; overflow: hidden; margin: 0 auto; position: absolute; z-index: 3; left: 42.25%; top: 273px;}
.circle{
width: 48px;
height: 48px;
cursor:pointer;
position: relative;
border-radius: 50%;
background-color: rgba(105,217,216,.1);
}
.circle:before,
.circle:after{
position: absolute;
border-radius: 50%;
}
.circle:before{
content: "";
width: 90%;
height: 90%;
margin:5%;
background-color: rgba(105,217,216,.3);
}
.circle:after{
width: 80%;
height: 80%;
margin:10%;
content: "+";
color: #fff;
font-size: 30px;
	line-height: 35px;
font-family: ‘微软雅黑‘;
vertical-align: middle;
text-align: center;

/*镜相渐变背景*/
background-image: -webkit-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -moz-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -ms-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -o-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: radial-gradient(ellipse at left top, #33ccff,#33ccff);
}

.circle:after{
/*文字垂直居中*/
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
-o-box-align: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-ms-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
.mybtn{
animation-name: mybtn;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/*Firefox: */
-moz-animation-name: mybtn;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
/*ie: */
-ms-animation-name: mybtn;
-ms-animation-duration: 0.5s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: alternate;
-ms-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: mybtn;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: mybtn;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
-o-animation-play-state: running;
}
@keyframes mybtn{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-moz-keyframes mybtn{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-webkit-keyframes mybtn{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-o-keyframes mybtn{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

.circle2{
width: 48px;
height: 48px;
cursor:pointer;
position: relative;
border-radius: 50%;
background-color: rgba(105,217,216,.1);


}
.circle2:before,
.circle2:after{
position: absolute;
border-radius: 50%;
}

.circle2:before{
content: "";
width: 90%;
height: 90%;
margin:5%;
background-color: rgba(105,217,216,.3);
}
.circle2:after{
width: 80%;
height: 80%;
margin:10%;
content: "+";
color: #fff;
font-size: 30px;
	line-height: 35px;
font-family: ‘微软雅黑‘;
vertical-align: middle;
text-align: center;

/*镜相渐变背景*/
background-image: -webkit-radial-gradient(ellipse at left top, #5d93db,#5d93db);
background-image: -moz-radial-gradient(ellipse at left top, #5d93db,#5d93db);
background-image: -ms-radial-gradient(ellipse at left top, #5d93db,#5d93db);
background-image: -o-radial-gradient(ellipse at left top, #5d93db,#5d93db);
background-image: radial-gradient(ellipse at left top, #5d93db,#5d93db);
}

.circle2:after{
/*文字垂直居中*/
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
-o-box-align: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-ms-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
.mybtn2{
animation-name: mybtn;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/*Firefox: */
-moz-animation-name: mybtn;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
/*ie: */
-ms-animation-name: mybtn;
-ms-animation-duration: 0.5s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: alternate;
-ms-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: mybtn;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: mybtn;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
-o-animation-play-state: running;
}
@keyframes mybtn2{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-moz-keyframes mybtn2{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-webkit-keyframes mybtn2{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-o-keyframes mybtn2{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}
	
	
.circle3{
width: 48px;
height: 48px;
cursor:pointer;
position: relative;
border-radius: 50%;
background-color: rgba(105,217,216,.1);

}
.circle3:before,
.circle3:after{
position: absolute;
border-radius: 50%;
}
.circle3:before{
content: "";
width: 90%;
height: 90%;
margin:5%;
background-color: rgba(105,217,216,.3);
}
.circle3:after{
width: 80%;
height: 80%;
margin:10%;
content: "+";
color: #fff;
font-size: 30px;
	line-height: 35px;
font-family: ‘微软雅黑‘;
vertical-align: middle;
text-align: center;

/*镜相渐变背景*/
background-image: -webkit-radial-gradient(ellipse at left top, #7d66c6,#7d66c6);
background-image: -moz-radial-gradient(ellipse at left top, #7d66c6,#7d66c6);
background-image: -ms-radial-gradient(ellipse at left top, #7d66c6,#7d66c6);
background-image: -o-radial-gradient(ellipse at left top, #7d66c6,#7d66c6);
background-image: radial-gradient(ellipse at left top, #7d66c6,#7d66c6);
}

.circle3:after{
/*文字垂直居中*/
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
-o-box-align: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-ms-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
.mybtn3{
animation-name: mybtn;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/*Firefox: */
-moz-animation-name: mybtn;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
/*ie: */
-ms-animation-name: mybtn;
-ms-animation-duration: 0.5s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: alternate;
-ms-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: mybtn;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: mybtn;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
-o-animation-play-state: running;
}

 .circle:before,
.circle:after{
position: absolute;
border-radius: 50%;
}
.circle:before{
content: "";
width: 90%;
height: 90%;
margin:5%;
background-color: rgba(105,217,216,.3);
}
.circle:after{
width: 80%;
height: 80%;
margin:10%;
content: "+";
color: #fff;
font-size: 30px;
	line-height: 35px;
font-family: ‘微软雅黑‘;
vertical-align: middle;
text-align: center;

/*镜相渐变背景*/
background-image: -webkit-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -moz-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -ms-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: -o-radial-gradient(ellipse at left top, #33ccff,#33ccff);
background-image: radial-gradient(ellipse at left top, #33ccff,#33ccff);
}

.circle:after{
/*文字垂直居中*/
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
-o-box-align: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-ms-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}

@keyframes mybtn3{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-moz-keyframes mybtn3{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-webkit-keyframes mybtn3{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}

@-o-keyframes mybtn3{
from {background-color: rgba(105,217,216,.1);}
to {background-color: rgba(105,217,216,.5);}
}
.m_sshbox_xbox_listnr img{ border: 3px solid #FFFFFF; border-radius: 50%;}
.m_sshbox_xbox_listimg{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_sshbox_xbox_listwz{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_sshbox_xbox_listwz_title{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_sshbox_xbox_listwz_title h2{ font-size: 24px; color: #FFFFFF; line-height: 34px; text-align: center; margin-top: 35px;}
.m_sshbox_xbox_listwz_wznr{ width: 300px; height: auto; overflow: hidden; margin: 15px auto;}
.m_sshbox_xbox_listwz_wznr p{ font-size: 16px; color: #FFFFFF; line-height: 24px;}
/**/
.m_zyhbox{ background: #8b77d2; width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_zyhxbox{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_zyhbox_title{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 110px; margin-bottom: 36px;}
.m_zyhbox_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_zyhbox_t h2{ font-size: 36px; color: #ffffff; line-height: 46px; text-align: center; text-transform: uppercase;}
.m_zyhbox_w{ background: #000000; width: 185px; height: 35px; overflow: hidden; margin: 0 auto; text-align: center;}
.m_zyhbox_w p{ font-size: 24px; color: #ffffff; line-height: 34px;}
.m_zyhbox_nr{ width: 1210px; height: auto; overflow: hidden; margin: 0 auto;}
.m_zyhbox_nrleft{ width:603px; height: 521px; float: left;position: relative;}
.m_zyhbox_nrleft:hover .mask{display: none;}
.mask {position: absolute;top: 0;left: 0;width: 100%;height: 521px;background: rgba(0, 0, 0, 5);opacity: 0.7;}
.masktitle{ width: 380px; height: auto; overflow: hidden; float: left; margin-left: 70px; margin-top: 283px;}
.masktitle h3{ font-size: 24px; color: #FFFFFF; line-height: 36px;}
.maskzxyy{ width: 380px; height: auto; overflow: hidden;float: left; margin-left: 70px; margin-top: 30px;}
.maskzxyy p{ font-size: 16px; color: #FFFFFF; line-height: 24px;}
.m_zyhbox_nrright{ width: 607px; height: 521px; float: left;position: relative;}
.m_zyhbox_nrright:hover .mask{display: none;}

/**/
.m_jxhbox{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_jxhbox_title{ width: 100%; height: auto; overflow: hidden; margin: 85px auto;}
.m_jxhbox_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_jxhbox_t h2{ font-size: 36px; color: #CCCCCC; line-height: 46px; text-align: center; text-transform: uppercase;}
.m_jxhbox_w{ background: #000000; width: 195px; height: 35px; overflow: hidden; margin: 0 auto; text-align: center;}
.m_jxhbox_w p{ font-size: 24px; color: #ffffff; line-height: 34px;}
.m_jxhbox_nr{ width: 1040px; height: auto; overflow: hidden; margin: 0 auto;}
.m_jxhbox_nrlist{ width: 484px; height: auto; overflow: hidden; float: left; margin-right: 72px; margin-bottom: 75px;}
.m_jxhbox_nrlist2{ width: 484px; height: auto; overflow: hidden; float: left; margin-bottom: 75px;}
.m_jxhbox_nrlistleft{ width: 84px; height: auto; overflow: hidden; float: left; margin-right: 15px;}
.m_jxhbox_nrlistright{ width: 385px; height: auto; overflow: hidden; float: left;}
.m_jxhbox_nrlistright h2{ font-size: 24px; color: #333333; line-height: 34px;}
.m_jxhbox_nrlistright p{ font-size: 16px; color: #666666; line-height: 24px;}
/**/
.m_xshhbox{ background: #569ce4; width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xshhxbox{ width: 1200px; height: auto; overflow: hidden; margin: 70px auto;}
.m_xshhbox_title{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xshhbox_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xshhbox_t h2{ font-size: 36px; color: #ffffff; line-height: 46px; text-align: center; text-transform: uppercase;}
.m_xshhbox_w{ background: #000000; width: 315px; height: 35px; overflow: hidden; margin: 0 auto; text-align: center;}
.m_xshhbox_w p{ font-size: 24px; color: #ffffff; line-height: 34px;}
.m_xshhbox_nr{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 55px;}
.m_xshhbox_nrlist{ background: #FFFFFF; width: 263px; height: 430px; overflow: hidden; float: left; margin-right: 49.3px;}
.m_xshhbox_nrlist:last-child{ margin-right: 0;}
.m_xshhbox_nrlistimg{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.m_xshhbox_nrlist_t{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 35px;}
.m_xshhbox_nrlist_t h2{ font-size: 24px; color: #000000; line-height: 34px; text-align: center;}
.m_xshhbox_nrlist_w{ width: 220px; height: auto; overflow: hidden; margin: 10px auto;}
.m_xshhbox_nrlist_w p{ font-size: 16px; color: #000000; line-height: 24px;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.lulxdfdgsdgbo{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}