@font-face {
    font-family: 'avantgardeitcbybt';
    src: url('../css/fonts/avantgardeitcbybt-book-webfont.eot');
    src: url('../css/fonts/avantgardeitcbybt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/avantgardeitcbybt-book-webfont.woff2') format('woff2'),
         url('../css/fonts/avantgardeitcbybt-book-webfont.woff') format('woff'),
         url('../css/fonts/avantgardeitcbybt-book-webfont.ttf') format('truetype'),
         url('../css/fonts/avantgardeitcbybt-book-webfont.svg#avantgardeitcbybt') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{background:#f6f6f6;}
.container{width:1200px;}
.header{transition-duration: .3s;-webkit-transition-duration:.3s; box-shadow:0 1px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);}
.header .logo{background:url('../images/logo_b_150_37.png') no-repeat center center;border:0px; width: 150px;height: 37px;}
.header .header-bg{transition-duration: .6s;-webkit-transition-duration:.6s;height:100%;background:#fff; opacity:1;}
.header .nav li{color:#454545;transition-duration: .3s;-webkit-transition-duration:.3s;}

.header .nav .nav-bg{ border:1px solid #402dff;filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 35px; }

.header .blog{ color:#fff;background:#6d74ff;}
.header .blog:hover{background:#5259F3;color:#fff;}
.header .share .wechat .btn:hover{background:#5259F3;color:#fff;}
.header.header-out{top:-70px;box-shadow:0 1px 4px rgba(0,0,0,0);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0);overflow:hidden;}

.cooperate{height:100px;text-align:center;background:#fff;margin:0 auto;padding-left:200px;padding-right:200px;padding-top:40px;}

.cooperate_sprites{float:left;width:20%;text-align:center;}
.cooperate_sprites div{display:inline-block;float:left;}
.cooperate span{font-size:16px;color:#999;font-family:'Microsoft YaHei','微软雅黑';padding-left:3px;height:52px;line-height:52px;float:left;margin-left:5px;}
.cooperate_sprites_1{ padding-bottom:3px;margin:0 auto;width:45px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  0 0;}
.cooperate_sprites_2{ padding-bottom:3px;margin:0 auto;width:39px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -171px 0;}
.cooperate_sprites_3{ padding-bottom:3px;margin:0 auto;width:39px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -339px 0;}
.cooperate_sprites_4{ padding-bottom:3px;margin:0 auto;width:45px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -505px 0;}
.cooperate_sprites_5{ padding-bottom:3px;margin:0 auto;width:43px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -669px 0;}
.cooperate_sprites:hover .cooperate_sprites_1{ padding-bottom:3px;margin:0 auto;width:45px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  0 -52px;}
.cooperate_sprites:hover .cooperate_sprites_2{ padding-bottom:3px;margin:0 auto;width:39px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -171px -52px;}
.cooperate_sprites:hover .cooperate_sprites_3{ padding-bottom:3px;margin:0 auto;width:39px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)   -339px -52px;}
.cooperate_sprites:hover .cooperate_sprites_4{ padding-bottom:3px;margin:0 auto;width:45px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png) -505px -52px;}
.cooperate_sprites:hover .cooperate_sprites_5{ padding-bottom:3px;margin:0 auto;width:43px;height:45px;background-size:765px 102px;background:url(../images/bottom_icons.png)  -669px -52px;}
.cooperate_sprites:hover span{color:#039;}
.cooperate.in a:nth-child(1) img{animation:cooperate .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.cooperate.in a:nth-child(2) img{animation:cooperate .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.cooperate.in a:nth-child(3) img{animation:cooperate .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.cooperate.in a:nth-child(4) img{animation:cooperate .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.cooperate.in a:nth-child(5) img{animation:cooperate .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
@keyframes cooperate{
0%{ transform:translateY(100%); opacity:0;}
100%{transform:translateY(0); opacity:1;}
}

.footer{background:repeat-x center center;background-size:auto 100%;}
.footer .head{padding:48px 0;color:#fff;border-bottom:1px solid #577bff;overflow:hidden;}
.footer .head .container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .head .head-title{line-height:30px;font-family: 'avantgardeitcbybt';font-size:24px;color:#fff;}
.footer .head .content{padding-top:30px;}
.footer .head .logo{width:66px;float:left;height:190px;line-height:190px;text-align:left;}
.footer .head .logo img{ vertical-align:middle;}
.footer .head .logo .pointer{margin-left:6px;}
.footer .head .about{float:left;padding:0 72px 0 100px;width:250px;}
.footer .head .about .title-en{line-height:20px;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
.footer .head .about .title{line-height:22px;font-size:12px;padding:12px 0;}
.footer .head .message{float:left;padding:0 42px 0 22px;width:318px;}
.footer .head .message .content img{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;height:41px;}
.footer .head .message .content img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.footer .head .message .more{text-align:right;padding:14px 6px 14px 0;}
.footer .head .message .more:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .head .message .more .pointer{transition-duration: .3s;-webkit-transition-duration:.3s;margin:0 2px;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;background:#fff;float:right;}
.footer .head .message .more .pointer:hover{background:#6d74ff;}
.footer .head .contact{padding-left:20px;width:280px;float:left;}
.footer .head .contact .title{line-height:18px;padding-bottom:12px;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
.footer .head .sub{position:absolute;top:0px;}
.footer .head .sub1{left:145px;}
.footer .head .sub2{left:480px;}
.footer .head .sub3{left:860px;}
.footer .foot{padding:36px 0;text-align:center;line-height:22px;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
.footer .foot a{color:#fff;}
.footer.in .head .logo{animation:foot-left 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.footer.in .head .about{animation:cooperate 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.footer.in .head .message{animation:cooperate 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.footer.in .head .contact{animation:cooperate 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.footer.in .foot .copyright{animation:cooperate 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
@keyframes foot-left{
0%{ transform:translateX(-100%); opacity:0;}
100%{transform:translateX(0); opacity:1;}
}


.fixed{display:none;position:fixed;top:0px;bottom:0px;right:18px;z-index:8;margin:auto 0;width:72px;height:292px;background:#ffffff;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);}
.fixed .child{position:relative;cursor:pointer;margin:0 auto;width:30px;height:58px;line-height:57px;text-align:center;width:30px;border-bottom:1px solid #e8e8e8;}
.fixed .child{transition-duration: .3s;-webkit-transition-duration: .3s;}
.fixed .child .msg{ visibility:hidden;position:absolute;top:0px;bottom:0px;margin:auto 0;right:88px;min-height:58px;text-align:center;background:#fff; box-shadow:0px 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1);}
.fixed .child .msg .pointer{position:absolute;top:0px;bottom:0px;margin:auto 0;width:11px;right:-11px;}
.fixed .child .msg p{padding:16px;color:#cacaca;font-size:15px;font-family:Arial, Helvetica, sans-serif;line-height:28px;}
.fixed .child .msg p span{color:#6d74ff;}
.fixed .child .msg1{width:214px;}
.fixed .child .msg2{width:150px;height:150px;line-height:150px;}
.fixed .child .center{transition-duration: .3s;-webkit-transition-duration: .3s;}
.fixed .child .img{transition-duration: .3s;-webkit-transition-duration:.3s; height:100%;background:no-repeat center center; vertical-align:middle;}
.fixed .child1 .img{background-image:url(../images/f2.png);}
.fixed .child2 .img{background-image:url(../images/f3.png);}
.fixed .child3 .img{background-image:url(../images/f4.png);}
.fixed .child4 .img{background-image:url(../images/f5.png);}
.fixed .child.no{border-bottom:0px;}
.fixed .child.no .center{border-bottom:0px;}
.fixed .child-top{cursor:pointer;height:57px;line-height:57px;background:#7b7a7a;text-align:center;transition-duration: .3s;-webkit-transition-duration:.3s;}
.fixed .child-top:hover{background:#6d74ff;}
.fixed .child-top .img{height:100%;background:url(../images/f1.png) no-repeat center center;}

.fixed .child:hover .msg{ visibility:visible;}
.fixed .child1:hover .img{background-image:url(../images/f2_on.png);}
.fixed .child2:hover .img{background-image:url(../images/f3_on.png);}
.fixed .child3:hover .img{background-image:url(../images/f4_on.png);}
.fixed .child4:hover .img{background-image:url(../images/f5_on.png);}