* {margin:0; padding:0; font-family:'微软雅黑'; font-size:14px; color:#333333; border:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.conter {width: 1200px; height: auto; margin: 0 auto;}
.desc {width: 100%; float: left; margin-top: 50px;}
.eb3_title {width: 100%; height: 77px; float: left;}
.eb3_title img {display: block; margin: 0 auto;}
.desc_box {width: 100%; float: left; margin-top: 80px;}
.desc_l {width: 575px; float: left; height: auto; background: #f4f4f4; border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08)}
.desc_l_t {width: 100%; height: 450px; float: left;}
.desc_l_b {width: 100%; height: 90px; float: left; line-height: 90px; color: #5a5a5a; text-align: center;}
.desc_r {width: 550px; float: right; height: auto;}
.desc_r b {width: 100%; float: left; font-size: 18px; margin-top: 30px;}
.desc_r b:nth-child(1) {margin-top: 0px;}
.desc_r p {width: 100%; float: left; color: #666666; line-height: 30px; margin-top: 20px;}
.desc_r strong {color: #ff2534;}
.desc_r ul {width: 100%; float: left; padding-left: 20px; margin-top: 20px;}
.desc_r ul li {width: 100%; float: left; line-height: 30px;}

.gz {width: 100%; float: left; margin-top: 80px;}
.rollphotos {width: 1200px; position: relative; float: left; margin-top: 60px;}
.rollphotos .LeftBotton {width: 40px; height: 300px; cursor: pointer; background: url(left.png) no-repeat; position: absolute; top: 0px; left: 0px;}
.rollphotos .RightBotton {width: 40px; height: 300px; cursor: pointer; background: url(right.png) no-repeat; position: absolute; top: 0px; right: 0px;}
.rollphotos .Cont {float: none; margin: 0 auto;}
.rollphotos .box {width: 240px !important; height: 300px; float: left; margin: 0 17.5px; position: relative; overflow: hidden;}
.rollphotos .box img {width: 240px; height: 250px; position: absolute; top: 0px; left: 0px; z-index: 2;}
.rollphotos .box span {width: 240px; height: 50px; position: absolute; bottom: 0; left: 0;  background: #f4f4f4; font-size: 16px; text-align: center; line-height: 50px;}
.rollphotos .box i {width: 50px; height: 30px; position: absolute; top: 0px; right: 0px; z-index: 9; font-style: normal !important; background: #ff0000; color: #FFFFFF; text-align: center; line-height: 30px;}
.box_yc {width: 240px !important; height: 300px; display: none; padding-left: 30px; background: url("bg.png") repeat; position: absolute; top: 0; left: 0; z-index: 8;}
.box_yc b {float: left; width: 100%; margin-top: 80px; color: #FFF; margin-bottom: 20px;}
.box_yc p {float: left; width: 100%; color: #FFF; line-height: 25px;}
.box_yc a {width: 180px; margin-top: 30px; height: 30px; font-size: 16px; background: #FFF; float: left; line-height: 30px; text-decoration: none; text-align: center; border-radius: 5px;}
.box_yc a:hover {background: #347efe; color: #FFFFFF;}
.rollphotos .box:hover .Cont_img {width: 288px; height: 300px; left: -22px;}
.rollphotos .box:hover .box_yc {display: block;}

.case {width: 100%; height: auto; float: left; margin: 80px 0;}
.case_box {width: 220px; height: auto; float: left; padding-bottom: 15px; margin-left: 20px; overflow: hidden; border-radius: 10px; border: 1px solid #e5e5e5; margin-top: 60px;}
.case_box:hover .case_box_img {width: 230px; height: 152px; margin-left: -5px; margin-top: -3.5px;}
.case_box:nth-child(1) {margin-left: 0;}
.case_box_t {width: 100%; height: 145px; float: left; overflow: hidden;}
.case_box_t img {width: 100%; height: 145px; float: left;}
.case_box_c {width: 100%; height: auto; float: left; padding: 0 15px;}
.case_box_c b {width: 100%; font-size: 16px; float: left; line-height: 50px;}
.case_box_c p {width: 100%;  float: left; line-height: 25px;}
.case_box_b {width: 100%; float: left; margin-top: 10px;}
.case_box_b a {width: 200px; height: 30px; display: block; margin: 0 auto; text-align: center; text-decoration: none; background: #347efe; line-height: 30px; color: #FFFFFF; border-radius: 8px;}
.case_box_b a:hover {background: #006cb8;}