.headline{text-align:center;}
.headline h3{font-size:24px;color:#1f1f1f;font-weight:normal;}
.headline .line {border-top:2px solid #067dd8;width:114px;margin:10px auto;}
.headline .word{color:#8d8d8d;}

.solution{padding:28px 0 50px 0;}
.fanlist li{width:160px;float:left;margin-left:186px;overflow:hidden;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.fanlist li:first-child { margin-left: 0; }
.fanlist li a span{display:block;position: relative;margin:24px auto;width:111px;height:111px;border:2px solid #d9d9d9;background-position: center center;background-repeat: no-repeat;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;transition: .3s;}
.fanlist li a span.icon01{background-image: url(../image/ico01.png);}
.fanlist li a span.icon02{background-image: url(../image/ico02.png);}
.fanlist li a span.icon03{background-image: url(../image/ico03.png);}
.fanlist li a span.icon04{background-image: url(../image/ico04.png);}
.fanlist li a h3{padding-bottom:10px;border-bottom:1px solid #b7b7b7;font-size:16px;color:#767575;text-align:center;margin-bottom:10px;position:relative;}
.fanlist li a h3:after {content: '';position: absolute;left:50%;bottom: 0;margin-left: -10px;width:20px;height:1px;background-color:#7d7d7d;}
.fanlist li p{font-size:12px;color:#a1a0a0;line-height:24px;}
.fanlist li a:hover span{border-color:#fff;background-color:#067dd8;transform:rotate(-15deg);-ms-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);}
.fanlist li a:hover span.icon01{background-image: url(../image/ico05.png);}
.fanlist li a:hover span.icon02{background-image: url(../image/ico06.png);}
.fanlist li a:hover span.icon03{background-image: url(../image/ico07.png);}
.fanlist li a:hover span.icon04{background-image: url(../image/ico08.png);}
.fanlist li a:hover h3:after{background-color:#067dd8;}

.product{padding:60px 0 40px 0;background:url(../image/bg.png) center top no-repeat;}

.about{padding:77px 0 38px 0;}
.video{width:486px;padding:18px 22px;float:left;background-color:#067dd8;margin-top:34px;}
.aboutxt{width:590px;padding:0 40px;float:right;height:300px;background-color:#e7e7e7;margin-top:44px;}
.heading{width:278px;height:47px;margin:35px auto;border:1px solid #b5b5b5;text-align:center;position:relative;}
.heading span{width:160px;font-size:22px;color:#549ccf;position:absolute;top:-15px;right:50%;margin-right: -80px;background-color:#e7e7e7;}
.heading h3{font-size:24px;color:#a7a7a7;font-weight:normal;margin-top:10px;}
.introduction p{color:#4c4747;line-height:28px;}

.partner{padding:30px 0;background-color:#f8f8f8;}
.partner .links ul{overflow:hidden; zoom:1;}
.partner .links ul li{width:226px;min-height:50px;float:left;margin-top:40px;margin-left:15px;overflow:hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.partner .links ul li img{border: 1px solid #cccccc;}
.partner .links ul li:nth-child(1){ margin-left: 0; }
.partner .links ul li:nth-child(6){ margin-left: 0; }
.partner .links ul li:hover { box-shadow: 0px 10px 26px rgba(0, 0, 0, .1);}