/*banner start*/
body{ background: #fff;}
.slid{ width: 100%; height: auto; float: left; overflow: hidden;}
.slidmain{width:100%;  height:auto; display: block; margin:0 auto; }
.slideBox{position:relative; min-height:546px;overflow:hidden;background: #f7f7f8; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10%; bottom:10%; z-index:1; }
.slideBox .hd ul{  zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:6px;  width:8px; height:8px; border-radius:8px; border: 1px solid #ffffff; cursor:pointer;
    -moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;
}
.slideBox .hd ul li.on{ background:#d2d1d2; border: 2px solid #d2d1d2; }

.slideBox .bd{ position:relative; height:auto; z-index:0; overflow:hidden;}
.slideBox .bd li{ zoom:1;vertical-align:middle; }
.slideBox .bd img{ width:100%;height:auto; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .next,.slideBox .prev{ position:absolute; left:10%; top:45%; overflow:hidden;display:none; width:57px; height:57px; background:url("../images/awarrL.png") no-repeat;}
.slideBox .next{ left:auto; right:10%;background:url("../images/awarrR.png") no-repeat;  }
.slideBox .prev:hover,
.slideBox .next:hover{}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.cont{ width: 100%; height: 113px; float: left; background: #f7f7f8;}
.cont-main{ width: 1130px; height: 113px; margin: 0 auto; display: block; }
.con-let{ width:480px; height:113px; float: left; overflow:hidden;background: url("../images/call_06.png") no-repeat 22px 15px;}
.con-let-u{ width: 100%; height: 20px; padding-top: 13px; margin-left:42px;}
.con-let-u ul{ width:184px; height:20px;  line-height:20px;position:relative;}
.con-let-u ul li{ float: left; font-family:"微软雅黑";font-size: 13px; width:92px; text-align: center; cursor: pointer; color: #767675; }
.con-let-u ul i{ width:54px; height: 2px; position: absolute; background: #cc0903; left:18px; bottom:-2px;}
.con-let-u ul li.on i{ display: block;}
.con-let-u ul li.s1{background: url("../images/con-let-u-li.png") right no-repeat;}
.con-let-u ul li.s2{ width:80px;}

.topLoop{ overflow:hidden; position:relative; width:480px; top:0px;  height:80px; overflow: visible;}
.topLoop .bd{ padding:2px; font-size:12px;}
.topLoop .bd ul{ overflow:hidden; zoom:1; width:480px; height:80px; }
.topLoop .bd ul li{ width:100%; height: auto; float: left; }
.topLoop .bd ul li dl{font-family: "微软雅黑",sans-serif; }
.topLoop .bd ul li dt{ width: 60px; height:70px; line-height: 30px; font-size: 16px; font-family: 微软雅黑,sans-serif;color: #000000; float: left; font-weight: bold;float: left; overflow: hidden;}
.topLoop .bd ul li dt i{ font-size: 23px; width: 100%; font-style: normal; color: #939292; float: left; padding-top:10px;text-align: center; display: block;}
.topLoop .bd ul li dt em{ font-size: 10px;width: 100%; font-style: normal;color: #939292; line-height: 13px;float: left;text-align: center;display: block;}
.topLoop .bd ul li dd{ width:410px; height:auto;float: left;line-height:25px;}
.topLoop .bd ul li dd h3{ width: 100%; height:28px; line-height:35px;  font-size: 15px; overflow:hidden;color: #626161; font-family: "微软雅黑",sans-serif;}
.topLoop .bd ul li dd P{float: left; width: 95%; font-size: 12	px;color: #939292; line-height:15px;font-family: "微软雅黑",sans-serif;}
.topLoop .hd{ width: 10px; height:auto; overflow:hidden; position:absolute; right:0%; top:0%; z-index:1; padding-top: 30px; }
.topLoop .hd ul{ overflow:hidden; zoom:1; float:left;  }
.topLoop .hd ul li{ float:left; margin-right:6px;  width:8px; height:8px; margin-bottom:5px; background: url("../images/dot2.png") no-repeat center; cursor: pointer;}
.topLoop .hd ul li.on{background: url("../images/dot.png") no-repeat center; }


.con-right{ width:605px; height:97px; float: right;padding-top:16px; }
.con-right ul{float: right;}
.con-right ul li{ width:136px; height: 79px; margin-right:5px;float: left; position:relative; cursor: pointer; }
.con-right ul li div{background: #d2d1d2; width: 100%; height:79px; box-sizing: border-box; overflow:hidden; position:absolute; left:0; top:0;}
.con-right ul li div img{width: 100%; height:100%;}
.con-right ul li.on div{ background:none;z-index:2;}
.cvL{-webkit-animation:fadeFromLeft 0.5s ease both;}
.cvR{-webkit-animation:fadeFromRight 0.5s ease both;}
@-webkit-keyframes fadeFromLeft {
    0% {-webkit-transform: translate3d(-1000px, 0, 0);opacity: 0; }
    100% {-webkit-transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes fadeFromRight {
    0% { -webkit-transform: translate3d(1000px, 0, 0); opacity: 0; }
    100% { -webkit-transform: translate3d(0, 0, 0);opacity: 1; }
}
@-webkit-keyframes FromLeft {
    0% {-webkit-transform: translate3d(-10px, 0, 0);  opacity: 0; }
    100% {-webkit-transform: translate3d(0, 0, 0); opacity: 1; }
}