/* reset */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size: 16px}
body{font:14px/1.5 "arial","Microsoft YaHei",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif; color: #999; }
html, body{ min-width: 1000px; }
img,button{border:none;}
img{display: block;width: 100%;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:24px; color: #333; font-weight: normal;}
h4, h5, h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;outline:none;border:none;}/* 使得表单元素在 ie 下能继承字体大小 */
textarea{resize:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
a{color:#999;text-decoration:none;}
a:hover{/*color:#ff8d17;*/text-decoration:none;}

/*common*/
@keyframes spin {
    to{ transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@keyframes r-spin {
    to{ transform: rotate(-360deg); -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); }
}
@keyframes test{
    0%{ transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8); opacity: 1; }
    25%{ transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); opacity: 0.8; }
    100%{ transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8); opacity: 1; }
}
.left{ display: inline; float: left; }
.right{ display: inline; float: right; }
.clearFix{ zoom: 1; }
.clearFix:after{ display: block; content: ""; clear: both; }
.main{ width: 980px; margin: auto; }

/*header*/
header{ z-index: 4; position: fixed; width: 100%; height: 132px; transition-duration: .2s; transition-timing-function:linear; }
header .nav_li{ margin-top: 55px; transition-duration: .3s; }
header .logo img{ height: 72px; width: 229px; transition-duration: .3s; }
header .logo a{ position: relative; display: block; width: 256px; /*height: 80px;*/ margin-top: 30px; overflow: hidden; transition-duration: .3s; }
header.active{ /*position: fixed; left: 0; top: 0;*/ z-index: 1000; width: 100%; height: 80px; background: #ffffff; }
header.active .nav_li{ margin-top: 28px; }
header.active .nav_li li a{ font-size: 14px; }
header.active .logo a{ margin-top: 13px; }
header.active .logo img{ height: 52px; width: 162px; }
header .nav_li li{ display: inline; margin-left: 32px; font-size: 16px; }
header .logo .alt-logo{ position: absolute; z-index: -1; top: 0; left: 0; font-size: 25px; opacity: 0; filter: alpha(opacity=0); }
header .header-shadow{ position: absolute; z-index: 1000; bottom: -16px; left: 0; width: 100%; height: 16px; background: url("../images/header_shadow_bg.png") repeat-x; }
.nav_li li a{ font-size: 16px;
    /*padding: 0 2px 5px; */
    transition: all .2s ease; }
.nav_li li a.active{ color: #e58016; }
.menu-btn, .mask{ display: none; }
.header-block{ /*position: absolute;top:0; width: 100%;transition: .3s height;*/ height: 132px; transition: .3s height linear; }
.header-block.active{ height: 80px; }

/*footer*/
footer{ border-top: 1px solid #e5e5e5; font-size: 12px; color: #999; font-family: "Microsoft YaHei"; padding: 24px; text-align: center; }
footer p{ line-height: 32px; }
footer a{ color: #999; font-family: "Microsoft YaHei"; }

/*pagenation*/
.pagenation{ text-align: center; }
.pagenation li{ display: inline-block; margin: 15px 5px; border: 1px solid #b0b0b0; border-radius: 3px; }
.pagenation li:hover{ border: 1px solid #f5a100; }
.pagenation li a{ padding: 3px 10px; display: block; }
.pagenation li.page-more{ border: none; margin: 0; }
.pagenation li.page-more:hover a{ color: #999; }
.pagenation li.active{ background: #f5a100; border: 1px solid #f5a100; }
.pagenation li.active a{ color: #fff; }




/*观点资讯*/
.content-news{ background: #f7f7f7; }
.content-news .content-wrap{ width: 950px; margin: auto; }
.cont-box{ background: #f7f7f7; width: 750px; overflow: hidden; }
.cont-list, .cont-des{ padding: 0 62px; margin-bottom: -1px; }
.cont-list{ margin-left: 30px; padding: 0; }
.cont-list li{ padding: 32px 0 44px; border-bottom: 1px solid #e2e2e2; }
.cont-list li:hover .title{ text-decoration: underline; }
.cont-list h3{ line-height: 68px; }
.cont-list .title{ width: 520px; height: 68px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cont-list .date{ font-size: 14px; color: #999; }
.cont-list .cont-brief{ font-size: 14px; line-height: 26px; color: #666; }
.cont-none{ text-align: center; position: absolute; top: 50%; transform: translateY(-50%); right: 400px; }

/*左侧菜单*/
.menu-asd{ width: 100%; margin-right: -750px; background: #f7f7f7; }
.menu-ul{ padding-right: 750px; margin-top: 38px; }
.menu-asd .menu-cur{ color: #fff; }
.menu-asd .menu-chid{ font-size: 14px; }
.menu-chid li{ height: 44px; line-height: 44px; margin-top: 0px; color: #666666; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.menu-chid li a{ margin-left: -30px; }
.menu-chid .triangle{ display: inline-block; margin-left: 5px; width: 0; height: 0; border-width: 5px 0 5px 4px; border-style: solid; border-color: transparent; }
.menu-chid li.active{ background: #f4742e; border: none; }
.menu-chid li.active a{ color: #ffffff; }
.menu-chid li.active .triangle{ border-color: transparent transparent transparent #f5a100; }

/*文章详情*/
.cont-art{ line-height: 28px; color: #666; padding: 22px 0 52px; }
.cont-des-box{ width: 100%; }
.cont-des h3{ padding: 24px 0 28px; line-height: 60px; border-bottom: 1px solid #e2e2e2; color: #555555; }
.cont-des .cont-title{ color: #555555; }
.cont-des .date{ font-size: 14px; line-height: 16px; color: #999; }
.cont-art img{ display: inline-block; }
.cont-art table{border-right:1px solid #747474;border-bottom:1px solid #747474
}
.cont-art table td{border-left:1px solid #747474;border-top:1px solid #747474}
/*关于我们*/
.content-about .banner{ height: 530px; background: #6B6B6A url("../images/aboutus_bg.jpg") no-repeat; background-position: 50% 0; }
.content-about .banner-letter{ width: 778px; text-align: center; color: #ffffff; margin: auto; padding-top: 100px; }
.content-about h3{ line-height: 60px; font-size: 40px; color: #555555; }
.content-about .en{ position: relative; font-size: 12px; }
.content-about .en .line{ position: absolute; left: 50%; margin-left: -15px; bottom: -14px; width: 30px; height: 2px; background: #ffa343; }
.banner-letter h2{ font-size: 62px; font-weight: normal; letter-spacing: 1px; }
.banner-letter .letter1{ font-size: 12px; line-height: 24px; padding: 29px 0 22px; }
.banner-letter .letter2{ font-size: 26px; letter-spacing: 2px; }
.banner-letter .btn-det{ display: inline-block; width: 158px; height: 50px; margin-top: 24px; line-height: 48px; background: #ea5404; color: #ffffff; font-size: 20px; border-radius: 3px; }
.banner-letter .btn-det:hover{ background: #cb4b07; }
.culture-title{ text-align: center; margin-top: 54px; }
.culture-title .culture-img{ margin: 30px auto 70px; }
.culture-ul{ zoom: 1; margin-right: -52px; margin-bottom: 84px; }
.culture-ul:after{ content: ""; clear: both; display: block; }
.culture-ul li{ width: 292px; display: inline; float: left; margin-right: 52px; }
.culture-ul li img{ width: 100%; display: block; }
.culture-ul li p{ text-align: center; font-size: 14px; line-height: 24px; color: #999999; margin-top: 20px; }
.joyful { height: 672px; text-align: center; background: #ececec; }
.joyful .joyful-title{ padding: 78px 0 86px; }
.joyful .joyful-box{ width: 1104px; height: 359px; margin: 0 auto 75px; background: url("../images/about_joyful.jpg") no-repeat; background-size: contain; }
.joyful .joyful-hover{ height: 100%; }
.joyful .joyful-hover li{ position: relative; display: inline; float: left; height: 100%; cursor: pointer; }
.joyful .joyful-hover .person{ display: none; position: absolute; /*right: -319px;top: -242px;display: none;*/left: 90px; bottom: -71px; width: 318px; height: 673px; }
/*.joyful .joyful-hover .person.show{ width: 319px; display: block; }*/
.joyful .joyful-hover .photo{ position: absolute; width: 318px; height: 100%; }
.joyful .joyful-hover .introduction{ position: absolute; bottom: 0; left: 0; right: 0; height: 196px; width: 275px; padding: 28px 22px 0; background: rgba(234,84,4,0.8); color: #ffffff; text-align: left; font-size: 12px; }
.joyful .introduction em{ font-size: 32px; }
.joyful .introduction .resume{ line-height: 20px; margin-top: 28px; }
.joyful .person .link{ position: absolute; left: -60px; bottom: 68px; }
.partner .partner-title{ text-align: center; padding: 80px 0 85px; }
.partner .partner-ul{ zoom: 1; position: relative; background: #f4f4f4; }
.partner .partner-ul:after{ display: block; content: ""; clear: both; }
.partner .partner-ul li{ display: inline; float: left; position: relative; width: 378px; height: 240px; padding-right: 30px; background: #f4f4f4; }
.partner .partner-ul .li-wrap{ position: absolute; width: 378px; box-shadow: 0 2px 12px 3px #e3e3e3; background: #ffffff; }
.partner .partner-ul img{ width: 100%; height: 167px; }
.partner .partner-ul p{ font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; color: #999999; margin: 14px 14px 20px; }
.partner .partner-all{ margin: 36px auto 70px; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #ea5404; font-size: 12px; }
.partner .swiper-container{ height: 250px; padding-left: 142px; padding-right: 30px; }
.partner .partner-narrow{ position: absolute; left: 68px; top: 82px; }
.contact { background: #ececec; }
.contact .contact-title{ text-align: center; padding: 76px 0 60px; }
.contact .contact-box{ zoom: 1; }
.contact .contact-box:after{ display: block; content: ""; clear: both; }
.contact .contact-l{ display: inline; float: left; width: 460px; padding: 16px 70px 0; margin-right: 14px; font-size: 14px; }
.contact .contact-r{ display: inline; float: left; width: 276px; height: 372px; padding: 34px 36px; border: 1px solid #dbdbdb; border-bottom: none; background: #eeeeee; }
.contact .contact-r p{ margin-bottom: 10px; }
.contact .contact-r input, .contact .contact-r textarea{ width: 258px; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #dddddd; padding: 11px 8px; margin-bottom: 20px; color: #666666; }
.contact .contact-r input::-webkit-input-placeholder, .contact .contact-r input:-moz-placeholder, .contact .contact-r input::-moz-placeholder, .contact .contact-r input:-ms-input-placeholder,
.contact .contact-r textarea::-webkit-input-placeholder, .contact .contact-r textarea:-moz-placeholder, .contact .contact-r textarea::-moz-placeholder, .contact .contact-r textarea:-ms-input-placeholder{ color: #cccccc; }
.contact .contact-r input{ height: 18px; }
.contact .contact-r textarea{ height: 120px; }
.contact .contact-r .send{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #ea5404; color: #ffffff; cursor: pointer; }
.contact .contact-add{ padding: 0 0 15px 25px; width: 366px; margin-bottom: 28px; background: url("../images/about_address.png") no-repeat; border-bottom: 1px solid #dbdbdb; }
.contact dl{ padding-top: 22px; }
.contact dt, .contact dd{ line-height: 24px; }
.contact .contact-way{ margin: 60px 0 66px; }
.contact .contact-way a{ margin-right: 24px; }
.contact .contact-way img{ display: inline-block; }
.contact .contact-way .wx-box{ position: relative; float: left; width: 43px; height: 43px; margin-right: 26px; cursor: pointer; }
.contact .contact-way .wx-qr{ width: 128px; display: none; z-index: 10; position: absolute; left: -42px; top: 52px; }
.author{ height: 103px; background: url("../images/about_author_bg.jpg") repeat-x; overflow: hidden; }
.author-a{ display: block; }
.author .author-box{ overflow: hidden; position: relative; height: 100%; width: 850px; margin: auto; color: #ffffff; }
.author .author-wrap{ margin: 0 3px 0 20px; }
.author .author-enter{ font-size: 40px; line-height: 42px; font-weight: bold; margin-top: 22px; }
.author .author-slogan{ font-size: 16px; line-height: 18px; margin-top: 8px; }
.author .author-narrow{ margin-top: 32px; }
.send-msg{ display: none; position: fixed; left: 50%; top: 50%; background: gray; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); padding: 15px 20px; color: #ffffff; font-size: 16px; }
/*.author .author-box img{ position: absolute; left: 0; bottom: 0; }*/
.register{background-color:#009ee5;margin-left:5px}
.nav-btn .login:hover{background-color:#68b41c}
.nav-btn .register:hover {
    background-color: #008fcf;
}
.nav-btn a {
    display: block;
    width: 68px;
    height: 30px;
    line-height: 30px;
    float: right;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-align:center;
}
.nav-btn .login {
    background-color: #74c920;
}
.create .m-create-p,
.m-det-p, .m-share-icon,
.m-letter1, .m-swiper, .m-author-a, .m-joyful-box, .news-fixed-narrow,
footer .m-footer-wrap
{ display: none; }

/*移动端*/
@media screen and (max-width:767px){
    /*common*/
    html, body{ min-width: inherit; font-size: 100px; }
    .wrap-footer,.wrap-index-apply,.wrap-index-feature{display: none}
    .header-block{
        height: 80px;
    }

    .main, .cont-box, .cont-list .title{ width: auto; }
    .content{ background: #ffffff; }


    .index .det-p, .create .ball, .youth .youth-video, .blf .blf-ul .blf-left1, .blf .blf-ul .blf-right1, .share .icon-box,
    .banner-letter .letter1, .joyful .joyful-box, .content-about .en .line, .partner .swiper-container, .ip-wrap .model-title,
    .author-a, .model-title, .ip-ul li .ip-det,
    footer .footer-wrap
    { display: none; }

    /*header*/
    header{ position: fixed; top: 0; left: 0; height: 64px; /*box-shadow: 0 2px 4px 0px #E7E7E7;*/ border-bottom: none; background: #ffffff; }
    header.active{ position: fixed; top: 0; left: 0; height: 64px; /*box-shadow: 0 2px 4px 0px #E7E7E7;*/ border-bottom: none; }
    header.active .logo img{ width: 100%; height: 100%; }
    header.active .nav_li{ margin-top: 16px; }
    header .menu-btn{ display: block; float: right; cursor: pointer; margin-top: 22px; margin-right: 10px; }
    header .menu-btn li{ width: 24px; height: 2px; background: #E95505; margin-bottom: 5px; transition-duration: .2s; }
    header .menu-btn.active li{ transition-timing-function: ease-out; }
    header .menu-btn.active li:nth-child(1){ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 3px 5px; -ms-transform-origin: 3px 5px; -o-transform-origin: 3px 5px; transform-origin: 3px 5px; }
    header .menu-btn.active li:nth-child(2){ background: transparent; }
    header .menu-btn.active li:nth-child(3){ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 4px -2px; -ms-transform-origin: 4px -2px; -o-transform-origin: 4px -2px; transform-origin: 4px -2px; }
    header .nav_li{ display: none; position: absolute; top: 48px; left: 0; z-index: 3; background: #ffffff; width: 100%; margin-top: 16px; }
    header .nav_li li{ margin-left: 0; display: block; border-bottom: 1px solid #DDDDDD; }
    header .nav_li li:last-child{ border-bottom: none; }
    header .logo a{ width: 133px; height: 42px; margin-top: 13px; margin-left: 15px; }
    header .logo img{ width: 100%; height: 100%; }
    header.active .nav_li li a{ font-size: .16rem; }
    .nav_li li a{ display: block; height: 46px; line-height: 46px; border-left: 3px solid transparent; padding: 0; padding-left: 12px; color: #666666; }
    .nav_li li a.active{ color: #E95505; border-bottom: none; border-left: 3px solid #E95505; }
    .mask{ position: fixed; left: 0; top: 64px; right: 0; bottom: 0; background: #000000; opacity: .7; filter: alpha(opacity=70); z-index: 1; }
    .content, .cont-box{ padding-top: 64px; }

    /*footer*/
    footer{ background: #F5F5F5; color: #9B9B9B; font-size: .12rem; line-height: .18rem; }
    footer .m-footer-wrap{ display: block; }

    /*pagenation*/
    .pagenation ul{ float: left; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
    .pagenation li{ float: left; }
    .pagenation li a{ font-size: .13rem; }

    /*news fixed*/
    .news-fixed-narrow, .menu-ul{ z-index: 10; display: block; height: 34px; line-height: 34px; border: 1px solid #D5D5D5; position: fixed; bottom: 32px; right: -1px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #ffffff; }
    .news-fixed-narrow{ width: 25px; }
    .news-fixed-narrow .narrow{ width: 10px; margin: 8px auto 0; }
    .menu-ul{ width: auto; padding: 0; margin: 0; right: -100%; }
    .menu-ul .menu-cur, .menu-chid .triangle{ display: none; }
    .menu-ul .menu-chid{ margin-right: -1px; }
    .menu-chid li{ float: left; color: #555555; height: 14px; line-height: 14px; border: none; margin: 10px 0 10px 15px; padding-right: 15px; border-right: 1px solid #D5D5D5; }
    .menu-chid li:last-child{ border-right: none; }
    .menu-chid li a{ margin: 0; }
    .menu-chid li.active{ background: none; border-right: 1px solid #D5D5D5; }
    .menu-chid li.active a{ color: #FC8109; }


    /*观点资讯*/
    .content-news .content-wrap{ width: 100%; }
    .cont-list{ padding: 0; margin-left: 0; }
    .cont-list li{ padding: 15px 10px 25px; border-bottom: 1px solid #DEDEDE; }
    .cont-list li a{ display: block; position: relative; }
    .cont-list .title{ white-space: normal; height: auto; overflow: auto; }
    .cont-list h3, .cont-des h3{ font-size: .17rem; line-height: .23rem; color: #555555; border-bottom: none; }
    .cont-list .cont-brief{ font-size: 13px; height: 26px; color: #999999; overflow: hidden; text-overflow: ellipsis; }
    .cont-list .date{ position: absolute; bottom: -13px; left: 0; font-size: .12rem; line-height: .12rem; }
    .cont-box{ background: #F4F4F4; }

    /*文章详情*/
    .cont-des{ padding: 0 20px; }
    .cont-des h3{ padding: 10px 0 0; font-size: .18rem; line-height: .28rem; }
    .cont-des .date{ font-size: 12px; }
    .cont-art{ padding: 12px 0 20px; font-size: .15rem; line-height: .25rem; color: #555555; word-break: break-all; }
    .cont-art img{ width: 100%; }
    .cont-art p{ word-break: normal; }
    .cont-des-box{ width: 100%; }



    /*关于我们*/
    .content-about .banner{ height: 504px; background: #6F7170 url("../images/m_about_banner.jpg") no-repeat top center; background-size: cover; }
    .content-about .banner-letter{ width: 100%; padding-top: 61px; }
    .content-about h3{ color: #727272; font-size: .3rem; line-height: .3rem; font-weight: bold; }
    .content-about .en{ color: #A3A3A3; margin-top: 8px; }
    .banner-letter h2{ font-size: .3rem; line-height: .3rem; font-weight: bold; }
    .banner-letter .letter2{ position: relative; font-size: .18rem; line-height: .18rem; margin: 36px 0 50px; }
    .banner-letter .letter2:before, .banner-letter .letter2:after{ position: absolute; content: ''; width: 50px; height: 1px; background: #979797; top: 50%; left: 50%; margin-left: -151px; }
    .banner-letter .letter2:after{ margin-left: 99px; }
    .banner-letter .m-letter1{ display: block; font-size: .15rem; line-height: .28rem; color: #BBBBBB; }
    .banner-letter .btn-det{ display: block; margin: 50px auto 0; width: 174px; height: 52px; line-height: 52px; }
    .culture-ul li img{ width: 200px; margin: auto; }
    .culture-ul li p{ font-size: .13rem; line-height: .19rem; color: #777777; margin-top: 16px; }
    /*.culture-title .m-culture{ display: block; font-size: .25rem; line-height: .25rem; margin: 24px 0 54px; color: #C8C8C8; }*/
    .culture-ul{ margin-right: 0; }
    .culture-ul li{ width: 100%; display: block; margin: auto; float: none; margin-bottom: 48px; }
    .culture-title .culture-img{ margin: 24px auto 54px; }
    .joyful{ height: auto; }
    .joyful .joyful-title{ padding: 61px 0 48px; }
    .m-joyful-box{ display: block; overflow: hidden; }
    .m-joyful-box li{ float: left; width: 50%; background: #B1AFAF; }
    .m-joyful-box li .m-img-box{ position: relative; }
    .m-joyful-box li .m-photo{ width: 100%; }
    .m-joyful-box li .m-open, .m-joyful-box li .m-close{ position: absolute; right: 4px; bottom: 4px; width: 16px; }
    .m-joyful-box li .m-photo-mask{ display: none; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(39,35,33,0.9); font-size: .12rem; line-height: .2rem; font-weight: bold; color: #ffffff; }
    .m-joyful-box li .m-photo-mask p{ padding: 25px 15px; text-align: left; }
    .m-joyful-box li .m-team{ height: 129px; color: #ffffff; text-align: left; padding-left: 15px; }
    .m-joyful-box li .m-team:nth-child(2n){ text-align: right; padding-right: 15px; }
    .m-joyful-box .team1 img, .m-joyful-box .team3 img{ float: right; }
    .m-joyful-box .team2 .m-name{ color: #555555; }
    .m-joyful-box .team2 .m-title{ color: #636363; }
    .m-joyful-box .team4 img{ transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -webkit-transform:rotateZ(180deg); -o-transform:rotateZ(180deg); }
    .m-joyful-box li .team1{ background: #B1AFAF; }
    .m-joyful-box li .team2{ background: #DFDFDF; }
    .m-joyful-box li .team3{ background: #8F8B8B; }
    .m-joyful-box li .team4{ background: #A3A3A3; }
    .m-joyful-box li .m-team img{ width: 20px; }
    .m-joyful-box li .m-name{ font-size: .18rem; line-height: .18rem; padding: 25px 0 8px; }
    .m-joyful-box li .m-title{ font-size: .1rem; line-height: .1rem; margin-bottom: 25px; }
    .partner{ background: #F4F4F4; padding-bottom: 30px; }
    .partner .partner-title{ padding: 46px 0 36px; }
    .partner .m-swiper{ display: block; margin: 0 18px; }
    .partner .m-slide{ width: 100%; position: relative; width: 100%; padding-bottom: 44.2%; height: 0; top: 0; margin-bottom: 20px; box-shadow: 0 0 4px 0 #828282; -moz-box-shadow: 0 0 4px 0 #828282; -webkit-box-shadow: 0 0 4px 0 #828282; }
    .partner .m-slide img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
    .partner .partner-all{ display: none; width: 100%; background: #F4F4F4; font-size: .15rem; line-height: .15rem; height: auto; margin: auto; padding: 11px 0 35px; }
    .contact{ background: #EEEEEE; }
    .contact .contact-box{ margin: 0 17px; }
    .contact .contact-title{ padding: 48px 0 40px; }
    .contact .contact-l{ width: auto; margin-right: 0; padding: 0; text-align: center; float: none; }
    .contact .contact-add{ position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: 244px; border-bottom: none; font-size: .13rem; color: #6E6E6E; padding: 0; margin-bottom: 18px; }
    .contact .contact-way{ width: 135px; margin: 40px auto; }
    .contact .contact-way:after{ clear: both; content: ""; display: block; }
    .contact .contact-way a{ margin-right: 0; float: right; }
    .contact .contact-r{ width: 100%; height: auto; margin: 0; padding: 0; border: none; }
    .contact .contact-r p{ position: relative; font-size: .15rem; line-height: .15rem; color: #777777; font-weight: bold; margin-bottom: 24px; }
    .contact .contact-r .msg-title{ background: #eeeeee; position: relative; z-index: 2; padding-right: 11px; }
    .contact .contact-r p:after{ z-index: 1; content: ""; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background: #D1D1D1; }
    .contact .contact-r .send{ display: block; font-size: .18rem; margin-bottom: 20px; }
    .contact .contact-r input, .contact .contact-r textarea{ display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: .14rem; line-height: 35px; height: 35px; border: none; border: 1px solid #DFDFDF; -webkit-appearance: none; border-radius: 0; }
    .contact .contact-r textarea{ height: 150px; line-height: 20px; }
    .contact dl, .contact dd a{ color: #666666; }
}

/*-- 2014.8.19 New --*/
.ag-content-customer-wrap {
    width:100%;
    height:470px;
    background:#f1f1f1;
    transition:background-color .5s;
    -moz-transition:background-color .5s;
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
}
.ag-content-customer {
    display: inline-block;
}
.ag-content-customer-ele {
    width:167px;
    height:470px;
    float:left;
    margin:0px;
    padding:0px;
    font-size:18px;
    position:relative;
    overflow:hidden;
}
.ag-content-customer-ele:hover {
    cursor:pointer;
}
.ag-content-customer-ele .ag-content-customer-ele-shadow {
    width:167px;
    height:470px;
    background:#469acb;
    position:absolute;
    top:-470px;
    left:0px;
}
.ag-content-customer-ele span {
    display:block;
    width:18px;
    position:absolute;
    top:170px;
    left:20px;
    transition:color .3s;
    -moz-transition:color .3s;
    -webkit-transition:color .3s;
    -o-transition:color .3s;
}
.ag-content-customer-ele img {
    display:block;
    width:300px;
    height:400px;
    position:absolute;
    top:17px;
    left:85px;
}
.ag-content-customer-ele-detail {
    width:0px;
    height:470px;
    position:relative;
    float:left;
    background:#469acb;
    overflow:hidden;
}
.ag-content-customer-ele-detail ul {
    width:70px;
    float:left;
    margin-top:10px;
}
.ag-content-customer-ele-detail ul li {
    width:70px;
    height:70px;
    line-height:24px;
    font-size:16px;
    color:#333;
    margin-bottom:6px;
    padding:11px 0;
    cursor:pointer;
    background-image:url(../images/ag-customer-icon_ac6e25a.png);
    background-repeat:no-repeat;

    transition:background-position-y .2s;
    -moz-transition:background-position-y .2s;
    -webkit-transition:background-position-y .2s;
    -o-transition:background-position-y .2s;

}
.ag-content-customer-ele-detail ul li.acced-li-1 {
    background-position:0px top;
}
.ag-content-customer-ele-detail ul li.acced-li-1:hover,
.ag-content-customer-ele-detail ul li.acced-li-1.current {
    background-position:0px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-2 {
    background-position:-70px top;
}
.ag-content-customer-ele-detail ul li.acced-li-2:hover,
.ag-content-customer-ele-detail ul li.acced-li-2.current {
    background-position:-70px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-3 {
    background-position:-140px top;
}
.ag-content-customer-ele-detail ul li.acced-li-3:hover,
.ag-content-customer-ele-detail ul li.acced-li-3.current {
    background-position:-140px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-4 {
    background-position:-210px top;
}
.ag-content-customer-ele-detail ul li.acced-li-4:hover,
.ag-content-customer-ele-detail ul li.acced-li-4.current {
    background-position:-210px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-5 {
    background-position:-280px top;
}
.ag-content-customer-ele-detail ul li.acced-li-5:hover,
.ag-content-customer-ele-detail ul li.acced-li-5.current {
    background-position:-280px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-6 {
    background-position:-350px top;
}
.ag-content-customer-ele-detail ul li.acced-li-6:hover,
.ag-content-customer-ele-detail ul li.acced-li-6.current {
    background-position:-350px bottom;
}
@-webkit-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-moz-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-o-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-webkit-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-moz-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-o-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
.ag-content-customer-ele-detail-display {
    display:none;
    width:932px;
    height:470px;
    float:left;
    position:relative;
}
.ag-content-customer-ele-detail-display-left {
    width:300px;
    height:400px;
    position:absolute;
    top:20px;
    left:0px;
    opacity:0;
    animation:mymove 1s both;
    -moz-animation:mymove 1s both;
    -webkit-animation:mymove 1s both;
    -o-animation:mymove 1s both;
}
.ag-content-customer-ele-detail-display-right {
    width:480px;
    height:420px;
    position:absolute;
    top:50px;
    right:-120px;
    opacity:0;
    filter:alpha(opacity=0);
    animation:remove 1.5s both;
    -moz-animation:remove 1.5s both;
    -webkit-animation:remove 1.5s both;
    -o-animation:remove 1.5s both;
}
.ag-content-customer-ele-detail-display-right span {
    display:block;
    line-height:40px;
    font-family: 微软雅黑;
    font-size:30px;
    color:#fff;
    text-align:center;
    position:absolute;
}
.ag-content-customer-ele-detail-display-right span.point {
    font-family:'SimSun';
}
.ag-content-customer-ele-detail-display-right a {
    display:block;
    width:134px;
    height:140px;
    text-align:left;
    text-indent:-9999px;
    background-image:url('../images/ag-link-icon_87d8dbf.png');
    background-repeat:no-repeat;
    cursor:pointer;
    position:absolute;
    overflow:hidden;
}
.ag-content-customer-ele-detail-display-right a.agwyx:link {
    background-position:0px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:hover {
    background-position:-134px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:active {
    background-position:-268px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwm:link {
    background-position:0px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:hover {
    background-position:-134px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:active {
    background-position:-268px -140px;
}
.ag-content-customer-ele-detail-display-right a.aggg:link {
    background-position:0px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:hover {
    background-position:-134px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:active {
    background-position:-268px -280px;
}
.ag-content-customer-ele-detail-display-right a.agxt:link {
    background-position:0px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:hover {
    background-position:-134px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:active {
    background-position:-268px -420px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:link {
    background-position:0px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:hover {
    background-position:-134px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:active {
    background-position:-268px -560px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:link {
    background-position:0px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:hover {
    background-position:-134px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:active {
    background-position:-268px -700px;
}
.ag-content-customer-ele-detail-display-right a.ag360:link {
    background-position:0px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:hover {
    background-position:-134px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:active {
    background-position:-268px -840px;
}
.ag-content-customer-ele-detail-return {
    width:90px;
    height:40px;
    line-height:40px;
    font-size:15px;
    color:#fff;
    text-align:center;
    position:absolute;
    bottom:5px;
    left:50%;
    margin-left:-45px;
    cursor:pointer;
}
.ag-content-customer-ele-detail-return span {
    float:left;
    font-family:"SimSun";
    font-size:30px;
}
.ag-content-customer-prompt {
    width:100%;
    height:52px;
    background:#f1f1f1;
    text-align:center;
}
.ag-content-app-wytgg-wrap {
    width:100%;
    background:#fff;
    position:relative;
}
.ag-content-app-wytgg {
    width:1002px;
    height:590px;
    margin:0 auto;
    position:relative;
}
.ag-content-app-wytgg-left {
    width:300px;
    height:400px;
    position:absolute;
    top:100px;
    left:0px;
}
.ag-content-app-wytgg-left > img {
    display:block;
    float:left;
    margin-bottom:75px;
}
.ag-content-app-wytgg-left a {
    display:block;
    width:129px;
    height:47px;
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:0px;
    position:absolute;
}
.ag-content-app-wytgg-left a:hover {
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:-129px;
}
.ag-content-app-wytgg-left a:active {
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:-258px;
}
.ag-content-app-wytgg-left a.iosLink {
    top:343px;
    left:-2px;
}
.ag-content-app-wytgg-left a.androidLink{
    top:343px;
    left:155px;
    background-image:url('../images/ag-download-android-1_aeb8851.png');
}
.ag-content-app-wytgg-right {
    width:570px;
    height:380px;
    position:absolute;
    top:95px;
    right:0px;
    border:8px solid #787878;
    border-radius:8px;
}
.ag-content-app-tgrb-wrap {
    width:100%;
    background:#f1f1f1;
    border-top:1px solid #d4d4d4;
    position:relative;
}
.ag-content-app-tgrb {
    width:1002px;
    height:590px;
    margin:0 auto;
    position:relative;
}
.ag-content-app-tgrb-left {
    width:463px;
    height:431px;
    position:absolute;
    top:80px;
    left:0px;
}
.ag-content-app-tgrb-right {
    width:308px;
    height:230px;
    position:absolute;
    top:120px;
    right:0px;
}
/*modify by chonggao with date 2015/02/05 for new image description*/
.ag-content-app-tgrb-right > img {
    position:relative;
    right:180px;
}
.ag-content-app-tgrb-right a {
    display:block;
    width:129px;
    height:47px;
    background:url('../images/ag-tgrb-btn-1_3b967d3.png') no-repeat;
    margin:24px 0 0 207px;
}
.ag-content-app-tgrb-right a:link {
    background-position:0px 0px;
}
.ag-content-app-tgrb-right a:hover {
    background-position:-129px 0px;
}
.ag-content-app-tgrb-right a:active {
    background-position:-258px 0px;
}
.ag-content-partners-parnter-wrap {
    width:100%;
    background:#fff;
    position:relative;
}
.ag-content-partners-parnter {
    width:1002px;
    margin:0 auto;
    padding:30px 0 42px 0;
    position:relative;
    text-align:center;
}
.ag-content-partners-parnter img {
    margin-top:24px;
}
.ag-content-partners-customer-wrap {
    width:100%;
    background:#707070;
    position:relative;
}
.ag-content-partners-customer {
    width:1002px;
    margin:0 auto;
    padding:20px 0 42px 0;
    position:relative;
    text-align:center;
}
.ag-content-partners-customer img {
    margin-top:30px;
}

/*-- 2014/12/25 --*/
#floatAdv {
    display:none;
    width:283px;
    height:57px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:999999999;
}
#floatAdv img {
    width:283px;
    height:57px;
}
#floatAdv span {
    display:none;
    border:1px solid #d2d2d2;
    background-color:#f2f2f2;
    font-size:12px;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
#floatAdv:hover span {
    display:block;
}


.features-hero{
    background-color: #fff;
    padding: 5em 0;
}
@media screen and (max-width: 768px) {
    .features-hero{
        padding: 2em 0;
    }
}

.features-hero .text-lead {
    font-size: 36px;
    font-weight: 300;
    color: #484c50;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .features-hero .text-lead {
        font-size: 26px;
    }
}
.features-hero .text-sub-lead {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
}
.features-hero .feature {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .features-hero .feature {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.features-hero .feature .feature-icon {
    width: 112px;
    height: 112px;
    display: table;
    margin: 0 auto 30px auto;
    background: #e7f2ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.features-hero .feature .feature-icon i {
    position: relative;
    top: -1px;
    display: table-cell;
    vertical-align: middle;
    font-size: 50px;
    color: #489BFC;
}
.features-hero .feature h3 {
    font-size: 20px;
    margin-bottom: 10px;
}


.features .text-lead {
    font-size: 36px;
    font-weight: 300;
    color: #484c50;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .features .text-lead {
        font-size: 26px;
    }
}
.features .feature {
    clear: both;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.features .feature .feature-icon {
    float: left;
    width: 10%;
}
.features .feature .feature-icon i {
    font-size: 40px;
    color: #489BFC;
}
@media screen and (max-width: 768px) {
    .features .feature .feature-icon i {
        font-size: 30px;
    }
}

.features .feature h3 {
    font-size: 24px;
    color: #484c50;
    margin-bottom: 10px;
    font-weight: 300;
}

.wrap-footer {
    background-color: #2a2c32
}

.wrap-footer .footer-menu {
    min-width: 1180px;
    margin: 0 auto;
    margin-top: 72px;
    height: 210px;
    background: url(../images/footer-menu-bottom.png) 0 bottom no-repeat
}

.wrap-footer .footer-menu .left {
    padding: 0;
    width: 800px;
    float: left
}

.wrap-footer .footer-menu .left dl {
    height: 151px;
    width: 100%;
    float: left;
    background: url(../images/footer-menu-border.png) right 0 no-repeat
}

.wrap-footer .footer-menu .left dl dd {
    font-size: 12px;
    margin-bottom: 12px
}

.wrap-footer .footer-menu .left dl dd a {
    color: #999999
}

.wrap-footer .footer-menu .left dl dd a:hover {
    color: #fff
}

.wrap-footer .footer-menu .left dl dt {
    font-size: 16px;
    margin-bottom: 18px;
    color: #fff
}

.wrap-footer .footer-menu .left .first {
    width: 200px;
    float: left
}

.wrap-footer .footer-menu .left .center {
    width: 200px;
    float: left;
    padding-left: 60px
}

.wrap-footer .footer-menu .right {
    color: #999999;
    font-size: 12px;
    height: 150px;
    float: left;
    width: 344px
}

.wrap-footer .footer-menu .right ul {
    display: block;
    padding-left: 60px
}

.wrap-footer .footer-menu .right ul li {
    margin-bottom: 12px
}

.wrap-footer .footer-menu .right .img {
    width: 100%;
    position: relative
}

.wrap-footer .footer-menu .right .img .qq {
    display: inline-block;
    width: 92px;
    height: 35px;
    background: url(../images/qq.png) center center no-repeat;
    text-indent: -9999em;
    margin-right: 15px
}

.wrap-footer .footer-menu .right .img .transform {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    width: 36px;
    height: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    text-indent: -9999em
}

.wrap-footer .footer-menu .right .img .transform a {
    display: block
}

.wrap-footer .footer-menu .right .img .transform:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.wrap-footer .footer-menu .right .img .weibo {
    display: inline-block;
    background: #2a2c32 url(../images/footer-sina.png) center center no-repeat;
    margin-right: 15px
}

.wrap-footer .footer-menu .right .img .weixin {
    display: inline-block;
    background: #2a2c32 url(../images/footer-weixin.png) center center no-repeat
}

.wrap-footer .footer-menu .right .img .qrcode {
    position: absolute;
    right: -110px;
    top: -130%;
    display: block;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 9999
}

.wrap-footer .frend-link {
    width: 1174px;
    margin: 0 auto;
    margin-top: 15px
}

.wrap-footer .frend-link .title {
    width: 100px;
    font-size: 12px;
    color: #fff;
    float: left
}

.wrap-footer .frend-link .link {
    width: 1074px;
    font-size: 12px;
    padding: 0;
    float: left
}

.wrap-footer .frend-link .link a {
    display: inline-block;
    color: #999999;
    margin-right: 20px;
    margin-bottom: 20px
}

.wrap-footer .copyright {
    width: 1174px;
    text-align: center;
    height: 40px
}

.wrap-footer .copyright .text {
    font-size: 12px;
    color: #777777;
    height: 40px;
    line-height: 40px
}
.wrap-index .wrap-index-feature {

    background-color: #fff;
    width: 100%
}

.wrap-index .wrap-index-feature .feature {
    clear: both;
    height: 725px;
    background-color: #fff;
    width: 100%
}

.wrap-index .wrap-index-feature .feature .title {
    display: block;
    color: #505455;
    font-size: 36px;
    height: 125px;
    line-height: 125px;
    text-align: center;
    margin: 45px
}

.wrap-index .wrap-index-feature .feature .good {
    height: 185px;
    width: 100%;
    margin: 0 auto;
    clear: both
}

.wrap-index .wrap-index-feature .feature .good .col-md-1 {
    width: 67px
}

.wrap-index .wrap-index-feature .feature .good .left {
    text-align: right
}

.wrap-index .wrap-index-feature .feature .good .right {
    text-align: left
}

.wrap-index .wrap-index-feature .feature .good .text {
    padding-top: 35px;
    width: 322px;
    float: left
}

.wrap-index .wrap-index-feature .feature .good .text dl dt {
    font-size: 22px;
    color: #333333;
    line-height: 32px
}

.wrap-index .wrap-index-feature .feature .good .text dl dd {
    font-size: 15px;
    color: #999999;
    line-height: 25px
}

.wrap-index .wrap-index-feature .feature .good .img {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    line-height: 150px;
    float: left
}

.wrap-index .wrap-index-feature .feature .good .img-1 {
    background: #009ee5 url(../images/feature-1.png) center center no-repeat
}

.wrap-index .wrap-index-feature .feature .good .img-2 {
    background: #009ee5 url(../images/feature-2.png) center center no-repeat
}

.wrap-index .wrap-index-feature .feature .good .img-3 {
    background: #009ee5 url(../images/feature-3.png) center center no-repeat
}

.wrap-index .wrap-index-feature .feature .good .img-4 {
    background: #009ee5 url(../images/feature-4.png) center center no-repeat
}

.view-more a {
    display: block;
    width: 190px;
    line-height: 40px;
    color: #1f8dd6;
    font-size: 18px;
    border: #1f8dd6 solid 1px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.view-more a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1f8dd6
}
.o-btn11 {
    width: 176px;
    padding: 0!important;
    height: 55px;
    line-height: 50px!important;
    display: block;
    border: 1px solid #ef8532!important;
    background: #ee7e20;
    color: #fff!important;
    font-weight: 400!important;
    font-size: 18px!important;
}

.wrap-index .wrap-index-feature .feature .view-more a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1f8dd6
}
.wrap-index .wrap-index-apply {
    background-color: #f1f1f1;
    width: 100%
}

.wrap-index .wrap-index-apply .apply .title {
    color: #505455;
    font-size: 36px;
    line-height: 180px;
    height: 180px;
    text-align: center;
    background: #f1f1f1
}

.wrap-index .wrap-index-apply .apply .user-info {
    width: 100%;
    height: 470px;
    background: #f1f1f1;
    margin: 0;
    padding: 0;
    text-align: center
}
.panel-less {
    border-color: #ddd
}

.panel-less > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}