@charset "utf-8";
/* CSS Document */

.box_ui_sy3{width: 250px !important;background-color: #fff;border: 1px solid #e3e4e8;} .box_ui_sy3 .cont{padding: 10px}
a:active, a:focus,a:visited { outline:none;}
 .g13{
    background-color: #9c9c9c!important;
    border:#9c9c9c!important;
}
 
.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
 
 .e1,.e2,.e4,.e5,.e6,.e7,.e8,.j5,.k4,.k11,.q10{
    -webkit-box-shadow: 0 0 5px #bbb ;
    -moz-box-shadow: 0 0 5px #bbb ;
    box-shadow: 0 0 5px #bbb ;
    float: left;
}
.e1{
    width: 970px;
    height: 580px;
    background-color: #fff;
    margin-bottom: 35px;
}
 
.e9{
    height: 50px;
}

.e9 dl dd,.e9 dl,.e9 div{
    float: left;
}

.e9 dl dd a, .e9 dl dd a:visited{
    display:block;
    text-align:center;
    text-decoration:none;
    color: #888;
    width: 36px;
    font-size: 16px;
    height: 30px;
    margin-left: 15px;
    line-height: 86px;
}
.e9 dl dd a:hover{color:#2dc1ff}
.e9 dl dd a:focus{color:#2dc1ff}
.e10{
    margin-left: 20px;
}
h2,h3,p {
	orphans:3;
	widows:3
}
h2,h3 {
	page-break-after:avoid
}
 .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-weight:400;
	line-height:1;
	color:#777
}
.h1,.h2,.h3,h1,h2,h3 {
	margin-top:20px;
	margin-bottom:10px
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
	font-size:65%
}
.h4,.h5,.h6,h4,h5,h6 {
	margin-top:10px;
	margin-bottom:10px
}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
	font-size:75%
}
.h1,h1 {
	font-size:36px
}
.h2,h2 {
	font-size:30px
}
.h3,h3 {
	font-size:24px
}
.h4,h4 {
	font-size:18px
}
 dl {
	margin-top:0;
	margin-bottom:10px
}
dd,dt {
	line-height:1.42857143
}
dt {
	font-weight:700
}
dd {
	margin-left:0
}
 .t4{position: relative;margin-left: 480px;margin-top: 32px;font-size: 16px;}
.t4 a,.t4 a:focus,.t4 a:visited,.t4 a:hover{text-decoration: none;color: #999}
.g12{width: 970px;height: 570px; padding:3px;}
 
 .g15{position: relative;top: 730px;}

 .g14{position: relative;top: -36px;}
 a:active,a:hover {
	outline:0
}
.g2:hover .g1{
    top:-29px;
    left: 158px;
    height: 70px;
    width: 70px;  } 
	
 .g2 a{text-decoration: none;}
.g2{ height: 140px;width: 234px;margin: 7px 8px 8px 8px;float: left;border-bottom: 3px solid #6699CC;box-sizing: content-box}
.g2:hover{box-shadow: 5px 5px 10px #9c9c9c;}
 .g3{height: 60px;width: 234px;background-color: #6699CC;}
 .g4{height: 80px;width: 234px;background-color: #f3f7f7;}
.g5{height: 88%;width: 88%;background-color:#000;border-radius: 5px;display: inline-block;position: relative;left: 4px;top: 4px}
.g6{width: 110px;height: 15px;position: relative;top:40px;left: 14px;font-size: 14px;color: #fff}
.g7{width: 100%;height: 100%;border-radius: 5px;}
.g8{width: 110px;height: 20px;position: relative; top:54px; font-size:14px; left:14px; color: #52b5f3;}
.g9{width: 140px;height: 20px;position: relative; top:55px; font-size: 12px;left: 14px; color: #9e9e9e;}
.g10{width: 80px;height: 30px;position: relative; top:-75px; left:0px; font-size: 14px; color: #9b9b9b;}
.g11{width: 55px;height: 10px;} 
.g1{
    height: 66px;width: 66px;position: relative;left: 154px;top: -32px;background-color: #fff;border-radius: 5px;
    transition:all 0.3s linear;
    -moz-transition:all 0.3s linear; /* Firefox 4 */
    -webkit-transition:all 0.3s linear; /* Safari and Chrome */
    -o-transition:all 0.3s linear; /* Opera */
} 
.ude1{width: 50px;height: 13px;position: relative;top:115px;left: 110px;font-size: 9px;color:#9e9e9e;}



.dg2:hover .dg1{
    top:-31px;
    left: 146px;
    height: 70px;
    width: 70px;  } 
	
 .dg2 a{text-decoration: none;}
.dg2{ height: 140px;width: 220px;margin: 7px 8px 8px 8px;float: left;border-bottom: 3px solid #99CC99;box-sizing: content-box}
.dg2:hover{box-shadow: 5px 5px 10px #99CC99;}
 .dg3{height: 60px;width: 220px;background-color: #99CC99;}

.ddg2:hover .dg1{
    top:-31px;
    left: 146px;
    height: 70px;
    width: 70px;  }  
 .ddg2{ height: 140px;width: 220px;margin: 7px 8px 8px 8px;float: left;border-bottom: 3px solid #99CCCC;box-sizing: content-box}
 .ddg2:hover{box-shadow: 5px 5px 10px #99CCCC;}
 .ddg3{height: 60px;width: 220px;background-color: #99CCCC;}
 
.dddg2{ height: 140px;width: 220px;margin: 7px 8px 8px 8px;float: left;border-bottom: 3px solid #999999;box-sizing: content-box}
 .dddg2:hover{box-shadow: 5px 5px 10px #999999;}
 .dddg3{height: 60px;width: 220px;background-color: #999999;}

 .dg4{height: 80px;width: 220px;background-color: #f3f7f7;}
.dg5{height: 87%;width: 87%;background-color:#000;border-radius: 5px;display: inline-block;position: relative;left: 4px;top: 4px}
.dg6{width: 110px;height: 15px;position: relative;top:40px;left: 14px;font-size: 14px;color: #fff}
.dg7{width: 100%;height: 100%;border-radius: 5px;}
.dg8{width: 110px;height: 20px;position: relative; top:54px; font-size:14px; left:14px; color: #52b5f3;}
.dg9{width: 140px;height: 20px;position: relative; top:55px; font-size: 12px;left: 14px; color: #9e9e9e;}
.dg10{width: 80px;height: 30px;position: relative; top:-75px; left:0px; font-size: 14px; color: #9b9b9b;}
.dg11{width: 55px;height: 10px;} 
.dg1{
    height: 67px;width: 67px;position: relative;left: 144px;top: -32px;background-color: #fff;border-radius: 5px;
    transition:all 0.3s linear;
    -moz-transition:all 0.3s linear; /* Firefox 4 */
    -webkit-transition:all 0.3s linear; /* Safari and Chrome */
    -o-transition:all 0.3s linear; /* Opera */
} 
.dude1{width: 50px;height: 13px;position: relative;top:115px;left: 158px;font-size: 9px;color:#9e9e9e;}
.ddg8{width: 110px;height: 20px;position: relative; top:54px; font-size:14px; left:14px; color: #9e9e9e;}