.banner{position:relative;min-height:546px;background:#4176f2;padding-top:220px;overflow:hidden;}
.banner .banner-people{cursor:pointer;position:relative;width:150px;height:150px;margin:0px auto;}
.banner .banner-people .people-bg{transition-duration: .3s;-webkit-transition-duration:.3s; position:absolute;top:0px;left:0px;width:150px;height:150px;border-radius:150px;-webkit-border-radius:150px;background:#fff; opacity:0.15;}
.banner .banner-people .people-bg2{transition-duration: .3s;-webkit-transition-duration:.3s; position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:118px;height:118px;border-radius:118px;-webkit-border-radius:118px;background:#fff;margin:auto;}
.banner .banner-people .people-bg2 .people1{transition-duration: .3s;-webkit-transition-duration:.3s; position:absolute;width:50px;height:56px;top:26px;margin:0 auto;left:0px;right:0px;background:no-repeat center center;background-image:url('../images/about/people1.png');}
.banner .banner-people .people-bg2 .people2{transition-duration: .3s;-webkit-transition-duration:.3s; position:absolute;width:94px;height:46px;bottom:0px;margin:0 auto;left:0px;right:0px;background:no-repeat center center;background-image:url('../images/about/people2.png');}
.banner .banner-people:hover .people-bg{ opacity:1;}
.banner .banner-people:hover .people-bg2{ background:#d8d6ff;}
.banner .banner-people:hover .people-bg2 .people1{background-image:url('../images/about/people1_1.png');}
.banner .banner-people:hover .people-bg2 .people2{background-image:url('../images/about/people2_1.png');}

.banner .banner-content{margin-top:84px;text-align:center;color:#fff;font-family:'微软雅黑','Microsoft YaHei', 'avantgardeitcbybt';}
.banner .banner-content .title1{position:relative;z-index:1;line-height:66px;font-size:64px;}
.banner .banner-content .title2{position:relative;z-index:1;line-height:36px;font-size:30px;padding-top:10px;}
.banner .banner-designer{display:none;width:100%;margin:100px auto 16px auto;position:relative;z-index:1;padding-bottom:60px;}
.banner .banner-designer p{color:#fff;font-family:'Microsoft YaHei','微软雅黑','avantgardeitcbybt',Arial, Helvetica, sans-serif;height:30px;line-height:30px;}
#designer{text-align:center;}
#designer p{padding-top:6px;font-size:15px;letter-spacing:1.5px;height:30px;line-height:30px;}
#designer .first{padding-top:6px;font-size:48px;padding-bottom:50px;}

.banner .banner-designer:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.banner .banner-designer .banner-designer-head{width:1200px;margin:0 auto;transition-duration: 1s;-webkit-transition-duration:1s;}
.banner .banner-designer .banner-designer-head:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.banner .banner-designer-btn{cursor:pointer;display:none;padding-bottom:260px;position:relative;height:58px;line-height:58px;text-align:center;width:207px;margin:0 auto;z-index:1;}
.banner .banner-designer-btn .title{position:relative;z-index:1;color:#fff;font-size:18px;font-family:Arial, Helvetica, sans-serif;transition-duration: .3s;-webkit-transition-duration:.3s;}
.banner .banner-designer-btn .kuang{position:absolute;width:209px;height:67px;bottom:260px;left:0px;background:no-repeat center bottom;background-image:url('../images/about/btn_kuang.png');transition-duration: .3s;-webkit-transition-duration:.3s;}
.banner .banner-designer-btn:hover .title{color:#425edf;}
.banner .banner-designer-btn:hover .kuang{background-image:url('../images/about/btn_kuang_on.png');}
.banner .banner-designer-info{transition-duration: 1s;-webkit-transition-duration:1s;}
.banner .banner-designer-info{position:absolute;top:0px;left:0px;right:0px;margin:0 auto;z-index:1; transform:translateX(200%);-webkit-transform:translateX(200%);}
.banner .banner-designer-info .return{position:absolute;top:240px;cursor:pointer;width:158px;height:120px;left:10px;z-index:1;}
.banner .banner-designer-info .return .pointer{transition-duration: .3s;-webkit-transition-duration:.3s;position:absolute;top:0px;bottom:0px;margin:auto 0;left:0px;}
.banner .banner-designer-info .return .titles{transition-duration: .3s;-webkit-transition-duration:.3s;position:absolute;top:0px;bottom:0px;margin:auto 0;left:62px;right:0px;overflow:hidden;}
.banner .banner-designer-info .return .titles .title{position:absolute;top:0px;bottom:0px;margin:auto 0;left:0px;line-height:32px;height:32px;color:#fff;font-size:22px;font-family:Arial, Helvetica, sans-serif;}
.banner .banner-designer-info .return:hover .titles{ transform:translateX(20px);-webkit-transform:translateX(20px);}
.banner .banner-designer-info .child-content{width:1200px;margin:0 auto;position:relative;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.09);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.09);}
.banner .banner-designer-info .child-content .head{position:relative;height:60px;line-height:60px;border-bottom:1px solid #e8e8e8;}
.banner .banner-designer-info .child-content .head .btns{position:absolute;height:11px;top:0px;bottom:0px;margin:auto 0;left:25px;}
.banner .banner-designer-info .child-content .head .btns:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.banner .banner-designer-info .child-content .head .btns .btns-child{width:11px;height:11px;border-radius:11px;-webkit-border-radius:11px;margin-right:4px;float:left;background:#e7ecee;}
.banner .banner-designer-info .child-content .head .link{transition-duration: .3s;-webkit-transition-duration:.3s;position:absolute;top:0px;bottom:0px;left:0px;right:0px;height:26px;line-height:26px;width:400px;text-align:center;background:#f5f8f9;border-radius:3px;-webkit-border-radius:3px;margin:auto;color:#6d859a;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.banner .banner-designer-info .child-content .head .link a{color:#6d859a;transition-duration: .3s;-webkit-transition-duration:.3s;}
.banner .banner-designer-info .child-content .head .link:hover{background:#4176f2;}
.banner .banner-designer-info .child-content .head .link:hover a{color:#fff;}
.banner .banner-designer-info .child-content .head .close{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0px;bottom:0px;right:18px;margin:auto 0;}
.banner .banner-designer-info .child-content .head .close:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);}

.banner .banner-designer-info .child-content .content{padding:30px;overflow:hidden;}
.banner .banner-designer-info .child-content .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.banner .banner-designer-info .child-content .content .img{width:337px;float:left;}
.banner .banner-designer-info .child-content .content .img img{max-width:100%;}
.banner .banner-designer-info .child-content .content .infos{float:right;width:726px;}
.banner .banner-designer-info .child-content .content .infos .username{padding:6px 0 12px 0;}
.banner .banner-designer-info .child-content .content .infos .title{line-height:30px;font-size:20px;color:#ffaaaa;}
.banner .banner-designer-info .child-content .content .infos .info{padding:12px 0 20px 0;line-height:22px;color:#000000;font-size:13px;border-bottom:1px solid #f1f1f1;}
.banner .banner-designer-info .child-content .content .infos .list{padding-top:32px;}
.banner .banner-designer-info .child-content .content .infos .list li{line-height:30px;color:#000;font-size:12px;}
.banner .banner-designer-info .child-content .content .infos .list li a{color:#ff614c;}
.banner .banner-designer-info .child-content .content .infos .list p{line-height:30px;color:#000;font-size:12px;}
.banner .banner-designer-info .child-content .content .infos .list p a{color:#ff614c;}



.banner .banner-langs{position:absolute;bottom:0px;left:0px;right:0px;margin:0 auto;height:355px;overflow:hidden;}
.banner .banner-langs .lang{position:absolute;background:no-repeat;}
.banner .banner-langs .lang1{position:absolute;bottom:0px;left:0px;right:0px;height:355px;background:repeat-x center bottom;background-image:url('../images/about/lang4.png');}
.banner .banner-langs .lang2{position:absolute;bottom:0px;left:0px;right:0px;height:98px;background:no-repeat center bottom;background-image:url('../images/about/lang3.png');}
.banner .banner-langs .lang3{position:absolute;bottom:0px;left:0px;right:0px;height:133px;background:no-repeat center bottom;background-image:url('../images/about/lang2.png');}
.banner .banner-langs .lang4{position:absolute;bottom:-1px;left:50%;width:2034px;margin-left:-1017px;height:86px;background:no-repeat center bottom;background-image:url('../images/about/lang1.png');}

.service{position:relative;padding-top:38px;background:#fff;overflow:hidden;z-index:2;}
.service .titles{text-align:center;font-family: 'avantgardeitcbybt';color:#039;}
.service .titles .title1{line-height:80px;font-size:80px;}
.service .titles .title2{line-height:28px;padding-top:8px;font-size:24px;letter-spacing:1px;font-family: "Microsoft Yahei","微软雅黑"}
.service .contents{margin:0 auto;padding:86px 0;width:992px;}
.service .contents .head{position:relative;border:1px solid #e8e8e8;height:42px;background:#f8f8f8;border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;}
.service .contents .head .btns{position:absolute;left:18px;top:0px;bottom:0px;margin:auto 0;height:10px;}
.service .contents .head .btns:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.service .contents .head .btns .btn{float:left;width:10px;height:10px;border-radius:10px;-webkit-border-radius:10px;margin-right:4px;}
.service .contents .head .btns .btn.red{background:#ff6868;}
.service .contents .head .btns .btn.yellow{background:#ffb541;}
.service .contents .head .btns .btn.green{background:#5ccf2e;}
.service .contents .links{position:relative;border:1px solid #e8e8e8;border-top:0px;height:55px;line-height:55px;background:#fff;}
.service .contents .links .search-icon{position:absolute;top:0px;bottom:0px;left:14px;margin:auto 0;}
.service .contents .links .link{position:absolute;top:0px;bottom:0px;margin:auto 0;left:56px;line-height:24px;height:24px;color:#bdc6d1;font-size:16px;}
.service .contents .links .icon{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0px;bottom:0px;margin:auto 0;background:no-repeat center center;background-size:22px 22px;height:22px;width:22px;}
.service .contents .links .icon1{right:53px;background-image:url('../images/about/i5.png');}
.service .contents .links .icon2{right:20px;background-image:url('../images/about/i6.png');}
.service .contents .links .icon1:hover{right:53px;background-image:url('../images/about/i7.png');}
.service .contents .links .icon2:hover{right:20px;background-image:url('../images/about/i8.png');}
.service .contents .content{position:relative;height:810px;border:1px solid #e8e8e8;border-top:0px;border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px ;}
.service .contents .content .child{cursor:pointer;position:absolute;cursor:pointer;transition-duration: .3s;-webkit-transition-duration:.3s;}

.service .contents .content .child .bg{position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
.service .contents .content .child .img{position:absolute;}
.service .contents .content .child .sub{transition-delay:.2s;-webkit-transition-delay:.2s; transition-duration: .6s;-webkit-transition-duration:.6s;opacity:0;position:absolute;background:#000; /*opacity:0.35;*/}
.service .contents .content .child .sub-x{width:140px;height:3px;}
.service .contents .content .child .sub-y{height:140px;width:3px;}
.service .contents .content .child .msg{transition-duration: .6s;-webkit-transition-duration:.6s;opacity:0;position:absolute;background:#fff;width:310px;padding:16px 20px;box-shadow:0 1px 5px rgba(0,0,0,0.17);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.17);border-radius:3px;-webkit-border-radius:3px;}
.service .contents .content .child .msg .icon{position:absolute;top:18px;left:20px;}
.service .contents .content .child .msg .msg-content{position:relative;margin-left:60px;}
.service .contents .content .child .msg .msg-content .title{line-height:24px;color:#000;font-size:16px;}
.service .contents .content .child .msg .msg-content .info{padding:6px 0;line-height:24px;font-size:14px;color:#adadad;}
.service .contents .content .child1{left:33px;top:36px;height:505px;width:282px;}
.service .contents .content .child1 .img1{left:0px;right:0px;bottom:0px;margin:0 auto;}
.service .contents .content .child1 .msg{ top:208px;right:226px; transform:translateX(100%);-webkit-transform:translateX(100%); opacity:0;}
.service .contents .content .child1 .sub{ top:270px;right:142px; transform:translateX(100%);-webkit-transform:translateX(100%); opacity:0;}
.service .contents .content .child1:hover .msg{opacity:1; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child1:hover .sub{opacity:0.35; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child2{left:352px;top:36px;height:215px;width:282px;}
.service .contents .content .child2 .bg{background:#ffa02b;}
.service .contents .content .child2 .img1{left:0px;right:0px;bottom:0px;top:0px;margin:auto;}
.service .contents .content .child2 .msg{bottom:280px;left:50%;margin-left:-155px;transform:translateY(100%);-webkit-transform:translateY(100%); opacity:0;}
.service .contents .content .child2 .sub{bottom:180px;right:0px;left:0px;margin:0 auto;transform:translateY(100%);-webkit-transform:translateY(100%); opacity:0;}
.service .contents .content .child2:hover .msg{opacity:1; transform:translateY(0%);-webkit-transform:translateY(0%);}
.service .contents .content .child2:hover .sub{opacity:0.35; transform:translateY(0%);-webkit-transform:translateY(0%);}
.service .contents .content .child3{left:352px;top:290px;height:170px;width:282px;}
.service .contents .content .child3 .bg{background:#6996ff;}
.service .contents .content .child3 .img1{left:0px;right:0px;bottom:0px;top:0px;margin:auto;}
.service .contents .content .child4{left:671px;top:36px;height:504px;width:282px;}
.service .contents .content .child4 .img3{left:0px;right:0px;bottom:0px;margin:0 auto;}
.service .contents .content .child4 .img1{left:0px;right:0px;top:84px;margin:0 auto;}
.service .contents .content .child4 .img2{left:0px;right:0px;top:135px;margin:0 auto;}
.service .contents .content .child4 .msg{top:128px;left:255px;transform:translateX(-100%);-webkit-transform:translateX(-100%); opacity:0;}
.service .contents .content .child4 .sub{top:185px;left:156px;translateX(-100%);-webkit-transform:translateX(-100%); opacity:0;}
.service .contents .content .child4:hover .msg{opacity:1; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child4:hover .sub{opacity:0.35; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child5{left:33px;top:574px;height:172px;width:282px;}
.service .contents .content .child5 .bg{background:#9665f1;}
.service .contents .content .child5 .img1{top:20px;right:20px;}
.service .contents .content .child5 .img2{bottom:0px;left:42px;}
.service .contents .content .child5 .msg{top:35px;right:226px; transform:translateX(100%);-webkit-transform:translateX(100%); opacity:0;}
.service .contents .content .child5 .sub{top:96px;right:142px;transform:translateX(100%);-webkit-transform:translateX(100%); opacity:0;}
.service .contents .content .child5:hover .msg{opacity:1; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child5:hover .sub{opacity:0.35; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child6{left:352px;top:496px;height:250px;width:282px;}
.service .contents .content .child6 .bg{background:#f2f2f2;}
.service .contents .content .child6 .img1{bottom:47px;left:0px;right:0px;margin:0 auto;}
.service .contents .content .child6 .msg{top:280px;left:50%;margin-left:-155px;transform:translateY(-100%);-webkit-transform:translateY(-100%); opacity:0;}
.service .contents .content .child6 .sub{top:180px;right:0px;left:0px;margin:0 auto;transform:translateY(-100%);-webkit-transform:translateY(-100%); opacity:0;}
.service .contents .content .child6:hover .msg{opacity:1; transform:translateY(0%);-webkit-transform:translateY(0%);}
.service .contents .content .child6:hover .sub{opacity:0.35; transform:translateY(0%);-webkit-transform:translateY(0%);}
.service .contents .content .child7{left:671px;top:574px;height:172px;width:282px;}
.service .contents .content .child7 .bg{background:#9be5e8;}
.service .contents .content .child7 .img1{top:0px;bottom:0px;left:0px;right:0px;margin:0 auto;}
.service .contents .content .child7 .msg{top:35px;left:255px;transform:translateX(-100%);-webkit-transform:translateX(-100%); opacity:0;}
.service .contents .content .child7 .sub{top:96px;left:156px;translateX(-100%);-webkit-transform:translateX(-100%); opacity:0;}
.service .contents .content .child7:hover .msg{opacity:1; transform:translateX(0%);-webkit-transform:translateX(0%);}
.service .contents .content .child7:hover .sub{opacity:0.35; transform:translateX(0%);-webkit-transform:translateX(0%);}


.ability{position:relative;z-index:1;background:#fff;padding-bottom:60px;box-shadow:0px 2px 8px rgba(0,0,0,0.1);}
.ability .ability-title{position:relative;line-height:38px;height:38px;}
.ability .ability-title .sub{position:absolute;top:0px;bottom:0px;height:1px;left:0px;right:0px;background:#e5e5e5;margin:auto 0;}
.ability .ability-title .title{position:absolute;left:0px;right:0px;width:134px;height:38px;line-height:38px;text-align:center;font-family: 'avantgardeitcbybt';margin:auto;background:#fff;font-size:26px;color:#a6a6a6;}
.ability .ability-contents{position:relative;width:1100px;margin:56px auto 10px auto;height:432px;}
.ability .ability-contents .content1{position:absolute;height:432px;left:0px;top:0px;width:100%;}
.ability .ability-contents .content1 .child{cursor:pointer;position:relative;float:left;height:150px;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child-left{width:45%}
.ability .ability-contents .content1 .child-right{width:55%}
.ability .ability-contents .content1 .child .child-image{position:absolute;top:0px;bottom:0px;margin:auto 0;left:38px;width:86px;height:86px;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child .child-image img{width:100%;height:100%;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child .child-content{position:absolute;left:140px;top:34px;right:20px;overflow:hidden;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child .child-content .title{line-height:32px;padding:6px 0;color:#1e1e29;font-size:26px;font-family:'Microsoft','微软雅黑',Arial, Helvetica, sans-serif;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child .child-content .info{line-height:24px;color:#1e1e29;font-size:14px;font-family:"微软雅黑",'Microsoft YaHei',Arial, Helvetica, sans-serif;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content1 .child .child-content.child-content-cn .title{ opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%);font-family:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.ability .ability-contents .content1 .child .child-content.child-content-cn .info{ opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%);font-family:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

 .content1 .child:hover .child-image img{ transform:translateX(-10px);-webkit-transform:translateX(-10px);}
.content1 .child:hover .child-content{ transform:translateX(20px);-webkit-transform:translateX(20px);}
.content1 .child:hover .child-content-cn .title{transform:translateY(0%);-webkit-transform:translateY(0%); opacity:1;}
.ability .ability-contents .content1 .child:hover .child-content-cn .info{transform:translateY(0%);-webkit-transform:translateY(0%); opacity:1;}


.ability .ability-contents .content2{display:none;position:absolute;height:240px;left:0px;top:100px;width:100%;}
.ability .ability-contents .content2:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.ability .ability-contents .content2 .child{float:left;width:20%;height:132px;text-align:center;transition-duration: .3s;-webkit-transition-duration:.3s;}
.ability .ability-contents .content2 .child img{ vertical-align:middle;}
.child_down{
    color:#999;
    height:12px;
    line-height:12px;
    font-size:10px;
    letter-spacing:1.2px;
    padding:5px;

}



.ability .ability-navs{height:30px;line-height:30px;text-align:center;}
.ability .ability-navs .child{transition-duration: .3s;-webkit-transition-duration:.3s;  vertical-align:middle;width:5px;height:5px;border:1px solid #c2c2c2;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;
 display:inline-block;*display:inline;*zoom:1;margin:0 2px;}
.ability .ability-navs .child.on{background:#c2c2c2;}
.ability .ability-navs .child:hover{background:#c2c2c2;}
.ability .ability-btn{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;width:206px;height:56px;line-height:56px;text-align:center;border:1px solid #d9d9d9;border-radius:56px;-webkit-border-radius:56px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#a6a6a6;margin:0 auto;}
.ability .ability-btn:hover{background:#6d74ff;color:#fff;border:1px solid #6d74ff;}
#product_2{display: none;font-size:20px;letter-spacing: 3px;font-family: 'Arial','Microsoft YaHei','微软雅黑'}
.abouts{position:relative;background:#f6f6f6;height:700px;overflow:hidden;}
.abouts .about-contents{position:absolute;top:0px;bottom:0px;right:0px;left:0px;}
.abouts .about-contents .content{position:absolute;top:0px;bottom:0px;left:0px;width:100%;text-align:center;}
.abouts .about-contents .content img{position:absolute;top:0px;bottom:0px;right:0px;left:0px;margin:auto;}
.abouts .about-navs{position:absolute;bottom:20px;left:0px;right:0px;height:30px;line-height:30px;text-align:center;}
.abouts .about-navs .child{transition-duration: .3s;-webkit-transition-duration:.3s;  vertical-align:middle;width:5px;height:5px;border:1px solid #c2c2c2;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;
    display:inline-block;*display:inline;*zoom:1;margin:0 2px;}
.abouts .about-navs .child.on{background:#c2c2c2;}
.abouts .about-navs .child:hover{background:#c2c2c2;}