html,body{width:100%;height:100%;}
/* body {font-size: 14px;font-family: "΢���ź�","Heiti SC";color: #5B5B5B;}
input, textarea, select {font-family: "΢���ź�","Heiti SC";color: #5B5B5B;font-size: 14px;} */
a {color: #333;}
a:hover {color: #0088cb;}
div,input{
    -webkit-transition: all .3s ease-in-out 0s;
       -moz-transition: all .3s ease-in-out 0s;
         -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
}


/*ҳ�����ʱ������*/
#fadeBlack {position: fixed;width: 100%;background: #fff;height: 100%;min-height: 100%;left: 0px;top: 0px;z-index: 9999999999;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

.fixedbox{position: fixed;right: 0;top: 100%;margin-top: -220px;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
    cursor: pointer;z-index: 9999999999;
    box-shadow: 0 0 8px rgba(0,0,0,.05);
}
.fixedbox ul{border-top: 1px solid #0088cb;border-right:none;}
.fixedbox li{position:relative;border-left: 1px solid #0088cb;border-bottom:1px solid #0088cb;cursor: pointer;}
.fixedbox li:last-of-type{border-bottom-color:#0088cb;}
.fixedbox li>a{display: block;width: 60px;height: 60px;text-align: center;padding-top: 7px;box-sizing: border-box;font-size: 16px}
.zhanwei{width: 25%;height: 60px;position: absolute;right: 100%;top: 0;display: none}
.feedback > a{background:#fff;color:#767e84;}
.feedback:hover > a{background: #0088cb;color: #fff}
.feedback:hover .win_feedback,.feedback:hover .zhanwei{display: block;}
.phone > a{background:#fff url("../img/phone_1.png") no-repeat center center;}


.phone:hover > a{background: #0088cb url("../img/phone_2.png") no-repeat center center;}
.phone:hover > div.win_phone,.phone:hover > .zhanwei{display: block;}


.backtotop > a{background:#fff url("../img/backtotop_1.png") no-repeat center center;}
.backtotop:hover > a{background: #0088cb url("../img/backtotop_2.png") no-repeat center center;}
.win_phone{position:absolute;top:5%;right:124%;padding: 30%;background-color: #0088cb;border-radius: 4px;color: #fff;white-space: nowrap;display: none;}
.win_phone:before{position:absolute;top:50%;left:100%;margin-top:-5px;display: block;content: '';width: 0;height: 0;border: 6px solid transparent;border-left-color:#0088cb;}
.win_feedback{position: absolute;right:125%;bottom:0%;border: 1px solid #afbbc5;padding: 10px 18px 18px;width: 300px;background-color: #fff;display: none;z-index: 10;}
.win_feedback h4{font-size: 17px;color: #0d2f48;line-height: 1.8;margin-bottom: 6px;}
.win_feedback .closeform{position:absolute;top:12px;right:18px;display: block;width: 25px;height: 25px;background: url("../img/icon_close.gif") no-repeat;}
.win_feedback p{line-height: 1.4;color: #767e84;margin-bottom: 10px;}
.win_feedback textarea{margin-top: 12px;height: 68px;}
.win_feedback .col-1{width: 95%;float: left;}
.win_feedback .col-2{width: 95%;float: right;}

.m_checkbox{display: block;cursor: pointer;}
.m_checkbox input[type='checkbox'] { filter:alpha(opacity=0);opacity: 0;display: none;}
.m_checkbox label {cursor: pointer;line-height: 28px; min-height: 28px; padding-left: 22px; background-repeat: no-repeat; margin-bottom: 0; font-weight: normal; display: block; }
.m_checkbox label { background: url("../img/check_1.gif") no-repeat 0 7px; }
.m_checkbox input[type='checkbox']:checked + label { background: url("../img/check_2.gif") no-repeat 0 7px !important; }
.form_group{overflow:hidden;margin-bottom: 16px;}
.form_group .form_control{display: block;}
.form_control{padding: 4px 6px;box-sizing: border-box;width: 100%;line-height: 1.4;}
.form_control:focus{outline: none;}
textarea.form_control{resize: none;}
.btn_submit{width: 100%;height: 30px;line-height: 30px;background-color: #0088cb;font-size: 14px;color: #fff;border: none;cursor: pointer;}
.btn_submit:focus{outline: none;}
.error{color: red;line-height: 30px;}
/*����*/
.nav .content{width: 1387px;margin: 0 auto;height: 100px;position: relative;}
.nav .logo {width: 131px;height: 32px;float: left;margin-top: 33px;}
.nav .logo a{display: block;}
.nav .logo img {max-width: 100%;vertical-align: top;}
.nav .nav_m {width: 900px;height: 100%;float: right;text-align: right;position: relative;}
.nav .navbar {width: 100%;text-align: right;display: block;}
.nav .navbar li {display: inline-block;*display: inline;zoom: 1;margin-right: 30px;position: relative;}
.nav .navbar li.last{margin-right: 0;}

.nav .navbar li a {font-size: 17px;color: #fff;display: block;*display: inline;zoom: 1;height: 100px;line-height: 100px;}
.nav .navbar li.nav_line span{display: inline-block;background: #fff;width: 1px;height: 43px;position: absolute;top: -25px;left: 0;}
.nav .navbar li.zhiying a{width: 85px;height: 29px;border: 1px solid #fff;border-radius: 5px;font-size: 17px;text-align: center;line-height: 29px;margin-top: -7px;}
.nav .navbar li div.btn-button{width: 30px;height:30px;margin-bottom:-6px;cursor: pointer;background: url("../img/head-phone-h.png") no-repeat center center;background-size: 100% auto;}
/*.nav .navbar li.btn div.btn-button span{width: 18px;height: 2px;background: #fff;margin-top: 3px;float: left;}*/
.nav .navbar li.now a, .nav .navbar li:hover a {color: #46afe3;  }
.nav_m .n_icon {display: inline-block;*display: inline;zoom: 1;width: 22px;height: 21px;border-radius: 50%;padding-left: 8px;padding-top: 9px;background: #d4d8de;position: absolute;right: 10px;top: 30px;z-index: 9999;cursor: pointer;display: none;}
.nav_m .n_icon span{ display: block;width: 14px;height: 3px; background: #000;margin-bottom: 2px;}
.nav_m .show{display: block;}
.nav_m .hide{display: none;}
.nav_m .nav_more{position: fixed;top:0;background: #fff;
    /*display: none;*/
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}
.nav_m .nav_more ul{padding-left: 30px;padding-top: 70px;}
.nav_m .nav_more li{text-align: left;padding: 20px 0;border-top: 1px solid #ccc;}
.nav_m .nav_more li div{height: 40px;line-height: 40px;font-size: 16px;}
.nav_m .nav_more li div.nav_more_weixin,
.nav_m .nav_more li div.nav_more_weibo{cursor: pointer;}
.nav_m .nav_more li i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/weibo.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;
    vertical-align: bottom;
    margin-right: 16px;
}
.nav_m .nav_more li div.nav_more_weixin i{
    background-image: url("../img/weixin.jpg");
}
.nav_m .nav_more li div.nav_more_weixin:hover i{
    background-image: url("../img/weixin-h.jpg");
}
.nav_m .nav_more li div.nav_more_weibo:hover i{
    background-image: url("../img/weibo-h.jpg");
}
.nav_m .nav_more li div.nav_more_weixin:hover,
.nav_m .nav_more li div.nav_more_weibo:hover{
    color: #0088cb;
}

.nav_m .nav_more li .nav_more_sitemap{
    font-size: 16px;
}

.slide-down{
    position: fixed;
    top: -70px;
    margin-top: 0;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px #aaa;
       -moz-box-shadow: 0 1px 10px #aaa;
         -o-box-shadow: 0 1px 10px #aaa;
            box-shadow: 0 1px 10px #aaa;

}
.slide-up{
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px #aaa;
       -moz-box-shadow: 0 1px 10px #aaa;
         -o-box-shadow: 0 1px 10px #aaa;
            box-shadow: 0 1px 10px #aaa;
}

.nav-left-move{
    left: -280px;
}
@keyframes slide-down {
    0%{
        top: -70px;
    }
    100%{
        top: 0;
    }
}
@-webkit-keyframes slide-down {
    0%{
        top: -70px;
    }
    100%{
        top: 0;
    }
}
@-moz-keyframes slide-down {
    0%{
        top: -70px;
    }
    100%{
        top: 0;
    }
}
@-o-keyframes slide-down {
    0%{
        top: -70px;
    }
    100%{
        top: 0;
    }
}


/*��������*/

.slide-down .content,
.slide-up .content{
    height: 70px;
}
.slide-down .logo,
.slide-up .logo{
    margin-top: 20px;
}

.slide-down .navbar li a,
.slide-up .navbar li a {
    color: #000;
    height: 70px;
    line-height: 70px;
}
.slide-down .navbar li.nav_line span,
.slide-ip .navbar li.nav_line span{
    background: #000;
}
.slide-down .navbar li.zhiying a,
.slide-up .navbar li.zhiying a{
    width: 85px;
    height: 29px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 17px;
    text-align: center;
    line-height: 29px;
    margin-top: -7px;
}
.slide-down .navbar li.btn div.btn-button span,
.slide-up .navbar li.btn div.btn-button{
    background: url("../img/head-phone.png") no-repeat center center;
    background-size: 100% auto;
}
.slide-down .navbar li.now a, .slide-down .navbar li:hover a,
.slide-up .navbar li.now a, .slide-up .navbar li:hover a {
    color: #46afe3;
}
.nav .logo_s {
    display: none;
    width: 131px;
    height: 32px;
    float: left;
    margin-top: 33px;
}

.nav .logo_s img {
    max-width: 100%;
    vertical-align: top;
}
.slide-down .logo_s,
.slide-up .logo_s{
    margin-top: 20px;
}

.nav_m .n_icon {
    top: 16px;
}



/*ͷ��*/
.header {
    width: 100%;
    margin: 0 auto;
    height: 790px;
    background: url("s1_bg.jpg") no-repeat;
    background-size: cover;
    position: relative;
}
.h_img{
    position:relative;
    width:100%;
    height:100%;
    overflow: hidden;
}
.bg{
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    z-index: 11;
}
.head{
    width: 100%;
    height: 790px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 33;
}
.header:before{
    content: '';
    display: table;
}

.cont_text{
    text-align: center;
    margin-top: 30px;
}
.cont_text .p_text1{
    font-family: 'webfont';
    font-size: 48px;
    color: #fff;
    margin-bottom: 30px;
}
.cont_text .p_text1 a{
    font-family: 'webfont';
}

.cont_text .phone-number{color: #0088cb; font-weight: bold; font-size: 20px;}

.cont_text .p_text2{
    font-size: 18px;
    color: #fff;
    line-height: 1.6em;
    text-align: center;
}
.cont_text .home-p-text2{
    margin: 0 auto;
    max-width: 540px;
}
.cont_text .home-p-text2 img{
    width: 100%;
    display: block;
}
.cont_phone_text{
    text-align: center;
    margin-top: 30px;
    display: none;
}

.cont_phone_text .phone-number{color: #0088cb; font-weight: bold; font-size: 14px;}

.cont_phone_text .phone_text1{
    font-family: 'webfont';
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
}
.cont_phone_text .phone_text2{
    font-size: 12px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 22px;
}
.cont_phone_text .phone_text2 img{
    width: 60%;
}
.button{
    display: block;
    width: 200px;
    height: 45px;
    line-height:45px;
    background: #0088cb;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 100px auto 0;
    cursor: pointer;
}
.button:hover{
    background: #ee6c78;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.height{
    height: 254px;
}

.home-header{
    width: 100%;
    height: 100%;
    min-height: 600px;
}
.home-head{
    width: 100%;
    height: 280px;
    top: 50%;
    margin-top: -140px;

}

.home-head .head_arrow{
    width: 40px;
    margin: 100px auto 0;
    animation: headarrow 1s linear infinite;
    -webkit-animation: headarrow 1s linear infinite;
    -moz-animation: headarrow 1s linear infinite;
    -o-animation: headarrow 1s linear infinite;
    cursor: pointer;
}
.home-head .head_arrow img{
    display: block;
    width: 100%;
}
@-webkit-keyframes headarrow {
    0%{opacity: 1}
    100%{opacity: 0.5;-webkit-transform: translateY(15px);}
}
@-moz-keyframes headarrow {
    0%{opacity: 1}
    100%{opacity: 0.5;-moz-transform: translateY(15px);}
}
@-o-keyframes headarrow {
    0%{opacity: 1}
    100%{opacity: 0.5;-o-transform: translateY(15px);}
}
@keyframes headarrow {
    0%{opacity: 1}
    100%{opacity: 0.5;transform: translateY(15px);}
}

/*section-1*/
.section-1{
    background: #fff;
    padding: 100px 0;
}

.tu_name {
    width: 100%;
    text-align: center;
    font-size:16px;
}

.tu_name .tu {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    padding-bottom: 20px;
}
.tu_name .tu_text{
    color: #bfbfbf;
    font-size: 18px;
}
.tu_name .en {
    width: 100%;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 48px;
    color: #929292;
}

.tu_name .des {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #A1A1A1;
}
.s1_list{
    width: 100%;
    text-align: left;
    margin: 100px auto 0;
}
.s1_list ul{
    width: 1154px;
    margin: 0 auto;
}

.s1_list li {
    width: 562px;
    /*height: 170px;*/
    float: left;
    margin-bottom: 20px;
    transition: 0.7s;
    -moz-transition: 0.7s;
    -webkit-transition: 0.7s;
    margin-right: 30px;
}
.s1_list li:after{
    content: '';
    display: table;
    clear: both;
}
.s1_list li.last{
    margin-right: 0;
}

.s1_list div.icon{
    width: 122px;
    float:left;
    position: relative;
    overflow: hidden;
}
.s1_list div.icon img{
    width: 70%;
}
.s1_list div.icon .i-l{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}
.s1_list div.icon .i-r{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}
.s1_list div.icon .i-c{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.s1_list li:hover div.icon-1 .i-l{
    -webkit-animation: icon1-l 1s linear infinite alternate;
    -moz-animation: icon1-l 1s linear infinite alternate;
    -o-animation: icon1-l 1s linear infinite alternate;
    animation: icon1-l 1s linear infinite alternate;
}
.s1_list li:hover div.icon-1 .i-r{
    -webkit-animation: icon1-r 1s linear infinite alternate;
    -moz-animation: icon1-r 1s linear infinite alternate;
    -o-animation: icon1-r 1s linear infinite alternate;
    animation: icon1-r 1s linear infinite alternate;
}
.s1_list li:hover div.icon-2 .i-l{
    -webkit-animation: icon2-l 0.6s linear infinite alternate;
    -moz-animation: icon2-l 0.6s linear infinite alternate;
    -o-animation: icon2-l 0.6s linear infinite alternate;
    animation: icon2-l 0.6s linear infinite alternate;
}
.s1_list li:hover div.icon-3 .i-l{
    -webkit-animation: icon3-l 1s linear infinite alternate;
    -moz-animation: icon3-l 1s linear infinite alternate;
    -o-animation: icon3-l 1s linear infinite alternate;
    animation: icon3-l 1s linear infinite alternate;
}

.s1_list div.icon-4 .i-r{
    z-index: 3;
    left: -100%
}
.s1_list div.icon-4 .i-c{
    z-index: 4
}

.s1_list li:hover div.icon-4 .i-r{
    -webkit-animation: icon4-l 2s linear infinite;
    -moz-animation: icon4-l 2s linear infinite;
    -o-animation: icon4-l 2s linear infinite;
    animation: icon4-l 2s linear infinite;
}



@-webkit-keyframes icon1-l{
    0%{-webkit-transform: translateX(0px);}
    100%{-webkit-transform: translate(-5px);}
}
@-moz-keyframes icon1-l{
    0%{-moz-transform: translateX(0px);}
    100%{-moz-transform: translate(-5px);}
}
@-o-keyframes icon1-l{
    0%{-o-transform: translateX(0px);}
    100%{-o-transform: translate(-5px);}
}
@keyframes icon1-l{
    0%{transform: translateX(0px);}
    100%{transform: translate(-5px);}
}
@-webkit-keyframes icon1-r{
    0%{-webkit-transform: translateX(0px);}
    100%{-webkit-transform: translate(5px);}
}
@-moz-keyframes icon1-r{
    0%{-moz-transform: translateX(0px);}
    100%{-moz-transform: translate(5px);}
}
@-o-keyframes icon1-r{
    0%{-o-transform: translateX(0px);}
    100%{-o-transform: translate(5px);}
}
@keyframes icon1-r{
    0%{transform: translateX(0px);}
    100%{transform: translate(5px);}
}

@-webkit-keyframes icon2-l{
    0%{-webkit-transform: scale(1);}
    100%{-webkit-transform: scale(1.1);}
}
@-moz-keyframes icon2-l{
    0%{-moz-transform: scale(1);}
    100%{-moz-transform: scale(1.1);}
}
@-o-keyframes icon2-l{
    0%{-o-transform: scale(1);}
    100%{-o-transform: scale(1.1);}
}
@keyframes icon2-l{
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}

@-webkit-keyframes icon3-l{
    0%{-webkit-transform: rotateX(0deg);}
    100%{-webkit-transform: rotateX(360deg);}
}
@-moz-keyframes icon3-l{
    0%{-moz-transform: rotateX(0deg);}
    100%{-moz-transform: rotateX(360deg);}
}
@-o-keyframes icon3-l{
    0%{-o-transform: rotateX(0deg);}
    100%{-o-transform: rotateX(360deg);}
}
@keyframes icon3-l{
    0%{transform: rotateX(0deg);}
    100%{transform: rotateX(360deg);}
}

@-webkit-keyframes icon4-l{
    0%{left: 0}
    100%{left: 100%}
}
@-moz-keyframes icon4-l{
    0%{left: 0}
    100%{left: 100%}
}
@-o-keyframes icon4-l{
    0%{left: 0}
    100%{left: 100%}
}
@keyframes icon4-l{
    0%{left: 0}
    100%{left: 100%}
}

.s1_list dl{
    float: left;
    width: 440px;
    /*padding-left: 122px;*/
    padding-bottom: 30px;
}
/*.s1_list div.icon-1{
    background: url("../img/s1_list_1.png") no-repeat left top;
    background-size: 80px 80px;
}
.s1_list div.icon-2{
    background: url("../img/s1_list_2.png") no-repeat left top;
    background-size: 80px 80px;
}
.s1_list div.icon-3{
    background: url("../img/s1_list_3.png") no-repeat left top;
    background-size: 80px 80px;
}
.s1_list div.icon-4{
    background: url("../img/s1_list_4.png") no-repeat left top;
    background-size: 80px 80px;
}*/
.s1_list .last{
    margin-right: 0;
}
.s1_list dl dt{
    height: 18px;
    font-size: 20px;
    margin-bottom: 28px;
    font-weight: bold;
}
.s1_list dl dd{
    font-size: 16px;
    color: #939393;
    line-height: 1.6em;
}
/*section-1����*/

/*section-2*/
.section-2{
    background: #f1f5f7;
    padding: 80px 0 20px;
}
.s2_list{width:1387px;margin: 100px auto 0;}
.s2_list ul{
    width: 1266px;
    margin: 0 auto;
}
.s2_list li{float: left;margin-right: 150px}
.s2_list dl{
    width: 204px;
    padding-left: 118px;
}
.s2_list dl.list-1{
    background: url("../img/s2_list_1.png") no-repeat left top;
    background-size: 80px 80px;
}
.s2_list dl.list-2{
    background: url("../img/s2_list_2.png") no-repeat left top;
    background-size: 80px 80px;
}
.s2_list dl.list-3{
    background: url("../img/s2_list_3.png") no-repeat left top;
    background-size: 80px 80px;
}
.s2_list li.last{
    margin-right: 0;
}
.s2_list dt{
    height: 20px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.s2_list dd{
    font-size: 16px;
    line-height: 1.6em;
    color: #9fa0a0;
    position: relative;
}
.s2_list dd:before{
    content: ' ';
    width: 2px;
    height: 2px;
    background: #9fa0a0;
    position: absolute;
    left: -12px;
    top: 12px;
}
.circle_img{
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
    display: none;
}
.circle_img img{
    max-width: 100%;
}
.circle{
    width: 900px;
    height: 700px;
    margin: 0px auto;
}
.circle ul{
    width: 100%;
    height: 100%;
    position: relative;
}

.circle li{
    position: absolute;
    z-index: 10;
}
.circle li a{
    display: block;
    border-radius: 50%;
    border: 10px solid #e4eaed;
    text-align: center;
    color: #1168a6;
    font-size: 22px;
}
.circle li.c_1{left: 57px;top: 72px;}
.circle li.c_2{left: -20px;top: 337px;}
.circle li.c_3{left: 332px;bottom: 0;}
.circle li.c_4{right: 0;bottom: 135px;}
.circle li.c_5{top: 0;right: 150px;}
.circle li.c_6{left: 54%;top: 140px;}

.circle .c_1_a{
    -webkit-animation:  yun1 3s ease-in 0.2s both;
    -moz-animation:  yun1 3s ease-in 0.2s both;
    -o-animation:  yun1 3s ease-in 0.2s both;
    animation:  yun1 3s ease-in 0.2s both;
}
@keyframes yun1 {
    0% {
        left: 57px;
        top: 72px;
    }
    100% {
        left: 416px;
        top: 271px;
    }
}
@-webkit-keyframes yun1 {
    0% {
        left: 57px;
        top: 72px;
    }
    100% {
        left: 416px;
        top: 271px;
    }
}

@-moz-keyframes yun1 {
    0% {
        left: 57px;
        top: 72px;
    }
    100% {
        left: 416px;
        top: 271px;
    }
}

@-o-keyframes yun1 {
    0% {
        left: 57px;
        top: 72px;
    }
    100% {
        left: 416px;
        top: 271px;
    }
}
.circle .c_2_a{
    -webkit-animation:  yun2 3s ease-in 0.2s both;
    -moz-animation:  yun2 3s ease-in 0.2s both;
    -o-animation:  yun2 3s ease-in 0.2s both;
    animation:  yun2 3s ease-in 0.2s both;
}
@keyframes yun2 {
    0% {
        left: 0;
        top: 357px;
    }
    100% {
        left: 350px;
        top: 255px;
    }
}
@-webkit-keyframes yun2 {
    0% {
        left: 0;
        top: 357px;
    }
    100% {
        left: 400px;
        top: 255px;
    }
}
@-moz-keyframes yun2 {
    0% {
        left: 0;
        top: 357px;
    }
    100% {
        left: 400px;
        top: 255px;
    }
}
@-o-keyframes yun2 {
    0% {
        left: 0;
        top: 357px;
    }
    100% {
        left: 400px;
        top: 255px;
    }
}
.circle .c_3_a{
    -webkit-animation:  yun3 3s ease-in 0.2s both;
    -moz-animation:  yun3 3s ease-in 0.2s both;
    -o-animation:  yun3 3s ease-in 0.2s both;
    animation:  yun3 3s ease-in 0.2s both;
}
@keyframes yun3 {
    0% {
        left: 332px;
        bottom: 0;
    }
    100% {
        left: 416px;
        bottom: 345px;
    }
}
@-webkit-keyframes yun3 {
    0% {
        left: 332px;
        bottom: 0;
    }
    100% {
        left: 416px;
        bottom: 345px;
    }
}
@-moz-keyframes yun3 {
    0% {
        left: 332px;
        bottom: 0;
    }
    100% {
        left: 416px;
        bottom: 345px;
    }
}
@-o-keyframes yun3 {
    0% {
        left: 332px;
        bottom: 0;
    }
    100% {
        left: 416px;
        bottom: 345px;
    }
}
.circle .c_4_a{
    -webkit-animation:  yun4 3s ease-in 0.2s both;
    -moz-animation:  yun4 3s ease-in 0.2s both;
    -o-animation:  yun4 3s ease-in 0.2s both;
    animation:  yun4 3s ease-in 0.2s both;
}
@keyframes yun4 {
    0% {
        right: 0;
        bottom: 135px;
    }
    100% {
        right: 390px;
        bottom: 340px;
    }
}
@-webkit-keyframes yun4 {
    0% {
        right: 0;
        bottom: 135px;
    }
    100% {
        right: 390px;
        bottom: 340px;
    }
}
@-moz-keyframes yun4 {
    0% {
        right: 0;
        bottom: 135px;
    }
    100% {
        right: 390px;
        bottom: 340px;
    }
}
@-o-keyframes yun4 {
    0% {
        right: 0;
        bottom: 135px;
    }
    100% {
        right: 390px;
        bottom: 340px;
    }
}
.circle .c_5_a{
    -webkit-animation:  yun5 3s ease-in 0.2s both;
    -moz-animation:  yun5 3s ease-in 0.2s both;
    -o-animation:  yun5 3s ease-in 0.2s both;
    animation:  yun5 3s ease-in 0.2s both;
}
@keyframes yun5 {
    0% {
        right: 150px;
        top: 0;
    }
    100% {
        right: 410px;
        top: 290px;
    }
}
@-webkit-keyframes yun5 {
    0% {
        right: 150px;
        top: 0;
    }
    100% {
        right: 410px;
        top: 290px;
    }
}
@-moz-keyframes yun5 {
    0% {
        right: 150px;
        top: 0;
    }
    100% {
        right: 410px;
        top: 290px;
    }
}
@-o-keyframes yun5 {
    0% {
        right: 150px;
        top: 0;
    }
    100% {
        right: 410px;
        top: 290px;
    }
}



.circle li.c_1 a{
    width: 148px;
    height: 148px;
    line-height: 148px;
}
.circle li.c_2 a{
    width: 180px;
    height: 180px;
    line-height: 180px;
}
.circle li.c_3 a{
    width: 148px;
    height: 148px;
    line-height: 148px;
}
.circle li.c_4 a{
    width: 188px;
    height: 188px;
    line-height: 188px;
}
.circle li.c_5 a{
    width: 110px;
    height: 110px;
    line-height: 110px;
}
.circle li.c_6 a{
    width: 350px;
    height: 350px;
    border: none;
    box-shadow:  0 0 30px #bbb;
    margin-left: -205px;
    font-size: 41px;
    text-align: left;
    z-index: 20;
    background: #fff;
}
.circle li.c_6 a:before{
    content: '';
    display: table;
}
.circle li.c_6 a img{
    display: block;
    width: 80%;
    margin:90px auto 0;
}


/*section-3*/
.section-3{
    background: #333 url("s3_bg.jpg") repeat-x;
    padding: 100px 0 450px;
}
.s3_list_img{
    display: none;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
}
.s3_list_img img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.s3_list_img a{
    display: block;
    position: absolute;
    bottom: 40%;
    left: 40%;
    width: 20%;
    height: 8%;
}
.s3_list{
    width: 514px;
    height: 592px;
    margin: 100px auto 0;
    position: relative;
    text-align:left;
}
.s3_list a.learn-more{
    display: block;
    position: absolute;
    bottom: 215px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 30px;
    z-index: 9;
}
.s3_list img{
    max-width: 100%;
    display: block;
}
.s3_list .left{
    position: absolute;
    left: -202px;
    top: -202px;
    opacity: 0;
    z-index: -1;
}
.s3_list .right{
    position: absolute;
    left: 202px;
    top: -202px;
    opacity: 0;
    z-index: -1;
}
.s3_list .bottom{
    position: absolute;
    left: 0px;
    top: 202px;
    opacity: 0;
}
.s3_list .list-1,
.s3_list .list-2,
.s3_list .list-3 {
    width: 350px;
    position: absolute;
    opacity: 0;
}
.s3_list h3{
    font-size: 20px;
    color: #fff;
    height: 40px;
}
.s3_list p{
    font-size: 16px;
    color: #dcdcdc;
    line-height: 1.6em;
}
.s3_list ul{
    margin-top: 30px;
}
.s3_list li{
    font-size: 14px;
    line-height: 1.8em;
    color: #fff;
    padding-left: 10px;
    position: relative;
}
.s3_list li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
}
.s3_list .list-1{
    left: -390px;
    top: 130px;
    border-top: 1px solid #fff;
    padding-top: 39px;
}
.s3_list .list-2{
    left: 554px;
    top: 130px;
    border-top: 1px solid #fff;
    padding-top: 39px;

}
.s3_list .list-3{
    left: 50%;
    top: 630px;
    border-left: 1px solid #fff;
    padding-left: 39px;
}

.s3_list .left-a{
    -webkit-animation:  left-d 2s linear 0.2s forwards;
       -moz-animation:  left-d 2s linear 0.2s forwards;
         -o-animation:  left-d 2s linear 0.2s forwards;
            animation:  left-d 2s linear 0.2s forwards;
}
@keyframes left-d {
    0% {
        left: -405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-webkit-keyframes left-d {
    0% {
        left: -405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-moz-keyframes left-d {
    0% {
        left: -405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-o-keyframes left-d {
    0% {
        left: -405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
.s3_list .right-a{
    -webkit-animation:  right-d 2s linear 0.2s forwards;
       -moz-animation:  right-d 2s linear 0.2s forwards;
         -o-animation:  right-d 2s linear 0.2s forwards;
            animation:  right-d 2s linear 0.2s forwards;
}
@keyframes right-d {
    0% {
        left: 405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-webkit-keyframes right-d {
    0% {
        left: 405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-moz-keyframes right-d {
    0% {
        left: 405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
@-o-keyframes right-d {
    0% {
        left: 405px;
        top: -405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
        z-index: 1;
    }
}
.s3_list .bottom-a{
    -webkit-animation:  bottom-d 2s linear 0.2s forwards;
       -moz-animation:  bottom-d 2s linear 0.2s forwards;
         -o-animation:  bottom-d 2s linear 0.2s forwards;
            animation:  bottom-d 2s linear 0.2s forwards;
}
@keyframes bottom-d {
    0% {
        left: 0px;
        top: 405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}
@-webkit-keyframes bottom-d {
    0% {
        left: 0px;
        top: 405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}
@-moz-keyframes bottom-d {
    0% {
        left: 0px;
        top: 405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}
@-o-keyframes bottom-d {
    0% {
        left: 0px;
        top: 405px;
    }
    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

.s3_list .list-1-a{
    -webkit-animation:  list-in 0.5s linear 2.5s forwards;
       -moz-animation:  list-in 0.5s linear 2.5s forwards;
         -o-animation:  list-in 0.5s linear 2.5s forwards;
            animation:  list-in 0.5s linear 2.5s forwards;
}
.s3_list .list-2-a{
    -webkit-animation:  list-in 0.5s linear 3s forwards;
       -moz-animation:  list-in 0.5s linear 3s forwards;
         -o-animation:  list-in 0.5s linear 3s forwards;
            animation:  list-in 0.5s linear 3s forwards;
}
.s3_list .list-3-a{
    -webkit-animation:  list-in 0.5s linear 3.5s forwards;
       -moz-animation:  list-in 0.5s linear 3.5s forwards;
         -o-animation:  list-in 0.5s linear 3.5s forwards;
            animation:  list-in 0.5s linear 3.5s forwards;
}

@keyframes list-in {0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes list-in {0%{opacity: 0;}100%{opacity: 1;}}
@-moz-keyframes list-in {0%{opacity: 0;}100%{opacity: 1;}}
@-o-keyframes list-in {0%{opacity: 0;}100%{opacity: 1;}}

/*section-4*/
.section-4{background: #fff;padding: 60px 0 0px;}
/*.s4_list{margin: 100px auto 0;}*/
.s4_list ul{width: 1380px;margin:0 auto;}
.s4_list li{float: left;margin-right: 90px;position: relative;}
.s4_list .list-1,
.s4_list .list-2,
.s4_list .list-3{width: 400px;text-align: center;}
.s4_list li.last{margin-right: 0;}
.s4_list .list-1 img,
.s4_list .list-2 img,
.s4_list .list-3 img{max-width: 100%;margin-bottom: 20px;}
.s4_list h3{height: 30px;font-size: 16px;color: #595757;text-align: left;font-weight: normal;}
.s4_list p{font-size: 16px;line-height: 1.6em;color: #9fa0a0;text-align: left;margin-top: 15px;text-align:justify}
.s4_list .btn{text-align: center;display: block;width: 64px;height: 18px;border: 1px dotted #d8d8d8;border-radius: 5px;margin: 30px auto 0;position: absolute;bottom: 0;left: 0;right: 0;padding-top: 12px;padding-left: 30px;}
.s4_list .btn span{width: 6px;height: 6px;border: 1px solid #d2d2d2;border-radius: 50%;display: block;float: left;margin-right: 4px;}

/*section-5*/
.section-5{background: #f6f6f6;padding: 100px 0}
.s5_list{margin: 100px auto 0;}
.s5_list ul{width: 1380px;margin:0 auto;}
.s5_list li{float: left;margin-right: 30px;}
.s5_list .list-1,
.s5_list .list-2,
.s5_list .list-3{width: 440px;height: 610px;background: #fff;}
.s5_list li.last{margin-right: 0;}
.s5_list .list-title{height: 80px;line-height: 80px;padding-left: 35px;font-size: 16px;}
.s5_list .list-title span{margin-left: 18px;color: #bfbfbf;}
.s5_list a.s5_list_img{display: block;height: 250px;margin-bottom: 40px;max-width: 100%;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.s5_list h3{padding: 0 35px;line-height: 1.6em;font-size: 16px;color: #595757;text-align: left;font-weight: normal;}
.s5_list p{padding: 0 35px;font-size: 16px;line-height: 1.6em;color: #9fa0a0;text-align: left;margin-top: 15px;}

.footer{background: #f0f4f7;padding: 100px 0 0;}
.footer-list{
    width: 1151px;
    margin: 0 auto; 
}
.footer-list:after{
    content: " ";
    display: block;
    clear: both;
}
.footer-list div.left,
.footer-list div.right{
    float: left;
}
.footer-list div.left:after,
.footer-list div.right:after{
    content: " ";
    display: block;
    clear: both
}

.footer-list div.left>div,
.footer-list div.right>div{
    float: left;
    margin-right:60px 
}


.footer-list div.left>div h3,
.footer-list div.right>div h3{
    margin-bottom: 25px;
    font-size: 17px;
    color: #1c3c54;
    font-weight: 600;
}
.footer-list div.left>div li{
    margin-bottom: 15px;
    font-size: 15px
}
.vertical-line{
    height: 187px;
    width: 2px;
    background: #d1d3d5;
    float: left;
    margin: 0 70px
}
.footer-list div.right>div .f-email{
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 30px;
    margin-top: 15px;
    line-height: 30px;
    text-align: center;
}
.footer-list div.right>div .f-email span{
    display: inline-block;
    padding-left: 30px;
    background: url("../img/f-email.jpg") no-repeat left center;
    background-size: 20px 14px;
}


.down_btn,.up_btn{width: 30px;height: 20px;margin: 30px auto;cursor: pointer}
.down_btn img,.up_btn img{display: block;width: 100%;}
.down_btn:hover, .up_btn:hover{transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5);}
.up_btn{display: none}
.form{max-width: 1150px;margin: 60px auto 0;display: none;}
.form .form_l{float: left;width: 48%;}
.form .form_r{float: right;width: 48%;}
.form input[type='text']{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 25px;margin-bottom: 30px;height: 38px;border:1px solid #dcdcdc;outline: none;background: #fcfcfc;}
.form>div>div{position: relative;margin-bottom: 30px;}
.form>div>div>label{display: block;height: 38px;position: relative;}
.form>div>div>label span{position: absolute;left: 25px;top: 10px;font-size: 12px;}
.form>div>div span.error{position: absolute;left: 25px;top: 42px;font-size: 12px;color: #ee6c78;}
.form .form_area{width: 100%;padding: 15px 0;border: 1px solid #dcdcdc;background: #fcfcfc;}
.form .form_area .form_area_t,
.form .form_area .form_area_c{margin-left: 25px;}
.form .form_area .form_area_t{margin-bottom: 15px;}
.form .form_area .form_area_c>label{display: block;height: 20px;margin-bottom: 8px;color: #939393;}
.form .form_s{width: 100%;margin-top: 25px;}
.form .form_s input{width: 177px;height: 45px;background: #0088cb;color: #fff;outline: none;border: none;font-size: 17px;border-radius: 5px;cursor: pointer;}
.form .form_s input:hover{background: #ee6c78;}
.form_area_c input[type='checkbox']{vertical-align:middle;margin-top:0;}
.foot_logo img{display: block;max-width: 25%;margin: 60px auto 60px;}

.foot_line{margin: 0 auto;border-top: 1px solid #dcdcdc;overflow: hidden;color: #a0a0a0;text-align: center;font-size: 12px;background: #0d2f48;line-height: 40px;color: #5a6771}
/*.foot_line .left,.foot_line .right{float: left;height: 56px;line-height: 56px;font-size: 12px;}*/
/*.foot_line .right{float: right;font-size: 12px;}*/


/*newsInfo(���Ŷ�̬) by ����ΰ in 160509*/
.header.newsInfo{background-image: url(../img/newsInfo/newsInfo-banner.jpg); height: 493px;}
.newsInfo .height{height: 175px;}
.newsInfo .cont_text .p_text1{margin-bottom: 20px; line-height: 1.3em;}
.newsInfo .cont_text .p_text2{font-size: 20px; line-height: normal;}
.newsInfo .button{display: none;}
.newsInfo-navs{width: 973px; margin: 0 auto; padding-top: 24px;}
.newsInfo-navs li{cursor:pointer; width:30.668%; height: 80px; background-color: #afc0c8; font-size: 21px; color: #fff; line-height: 80px; text-align: center; float: left; margin-right: 3.998%;}
.newsInfo-navs li.now{height: 77px;border-bottom: 3px solid #ee6c78}
.newsInfo-navs .newsInfo-navs-industryNews{background-color: #527487;}
.newsInfo-navs .newsInfo-navs-techBlog{margin-right: 0; background-color: #0d2f48;}
.newsInfo-news{width: 1151px; margin: 0 auto; padding-bottom: 80px;}
.newsInfo-news ul{margin-bottom: 70px;}
.newsInfo-news li{position: relative; padding-top: 90px; min-height: 118px;}
.newsInfo-news li:after{content: " ";display: block;clear: both}

.newsInfo-news-time{width: 360px;height:200px;margin-right:20px;overflow: hidden;float: left}
.newsInfo-news-time img{width: 100%;height:100%;display: block;}
.newsInfo-news-time span{display: block; width: 100%; position: absolute; top: 50%; height: 1em; line-height: 1em; font-size: 16px; margin-top: -.5em; text-align: center; color: #fff;}

.newsInfo-news-textInfo{float: left; color: #0d2f48;width: 771px;height: 200px;position: relative;}
.newsInfo-news-textInfo .newsInfo-news-title{font-size: 30px;margin-bottom: 15px}
.newsInfo-news-textInfo p{font-size: 14px; line-height: 1.8em;text-align: justify;}
.newsInfo-news-textInfo div.newsInfo-news-label{position: absolute;bottom: 0;left: 0}
.newsInfo-news-textInfo div.newsInfo-news-label span.s-1{padding-left: 20px;background: url("../img/newsInfo/time.jpg") no-repeat left center;display: inline-block;margin-right: 20px;color:#bbc5cd;}
.newsInfo-news-textInfo div.newsInfo-news-label span.s-2{padding-left: 20px;background: url("../img/newsInfo/label.jpg") no-repeat left center;display: inline-block;color:#bbc5cd;}



.newsInfo-news-load-more{cursor: pointer; width: 203px; margin: 0 auto; text-align: center; height: 45px; line-height: 45px; font-size: 18px; background-color: #0088cb; color: #fff;border-radius: 5px}
.newsInfo-news-load-more:hover{background: #ee6c78;}
/*END*/
/* ��������*/
.newsdetails:before{content: '';display: table}
.newsdetails{width: 960px; margin: 0 auto; padding-bottom: 80px;}
.newsdetails .newsdetails-head{position: relative; margin-top: 79px; min-height: 118px;}
.newsdetails .newsdetails-time{position: absolute; left: -200px; top: 0;width: 118px;height:118px;border-radius: 50%;overflow: hidden}
.newsdetails .newsdetails-time img{width: 100%;height:100%;padding:4px;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.newsdetails .newsdetails-time .newsdetails-time-bg{width: 118px; position: absolute; left: 0; top: 0; height: 118px; background: url(../img/newsInfo/newsInfo-news-2n_1.jpg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; opacity: .8;}
.newsdetails .newsdetails-time span{display: block; width: 100%; position: absolute; top: 50%; height: 1em; line-height: 1em; font-size: 17px; margin-top: -.5em; text-align: center; color: #fff;}
.newsdetails .newsdetails-text{color: #0d2f48;}
.newsdetails .newsdetails-text .newsdetails-title{font-size: 30px;margin-bottom: 20px;}
.newsdetails .newsdetails-text .newsdetails-daoyu{font-size: 20px;color: #999;margin-bottom: 10px}
.newsdetails .newsdetails-text p{font-size: 14px; line-height: 1.8em;color: #999}
.newsdetails .newdetails-cont,
.newsdetails .newdetails-cont .newdetails-cont-title{font-size: 20px;color: #333;margin-bottom: 20px;}
.newsdetails .newdetails-cont .newdetails-cont-text{font-size: 14px;color: #333;line-height: 1.8em}
.newsdetails .newdetails-cont .newdetails-cont-img{width:720px;margin: 20px 0;}
.newsdetails .newdetails-cont .newdetails-cont-img img{width:100%; display: block}
.newsdetails-foot{width: 100%;border-top: 1px solid #dcdcdc;padding-top:20px}
.newsdetails-foot .newsdetails-foot-caption{width: 960px; margin: 0 auto; overflow: hidden}
.newsdetails-foot .newsdetails-foot-caption .newsdetails-foot-caption-left{float: left}
.newsdetails-foot .newsdetails-foot-caption .newsdetails-foot-caption-right{float: right}
.newsdetails-foot .newsdetails-foot-caption a{display: block;margin-bottom: 6px}
.newsdetails-foot .newsdetails-foot-caption .newsdetails-foot-caption-right a{font-size: 16px;color: #999;}
.newsdetails-foot .newsdetails-foot-caption .newsdetails-foot-caption-right a:hover{color:#0088cb}



/*solution(�������) by ����ΰ in 160511*/
.header.solution{background-image: url(../img/solution/solution-banner.jpg); height: 493px;}
.solution .height{height: 180px;}
.solution .cont_text .p_text1{margin-bottom: 20px; line-height: 1.3em;}
.solution .cont_text .p_text2{font-size: 20px; line-height: normal;}
.solution-icon{width: 45px; margin: 45px auto 0;}
.solution-icon img{display: block; width: 100%;}
.solution-main{width: 100%; margin: 0 auto;padding: 100px 0;}
.solution-main.last{padding-bottom:0}
/*.solution-section{padding-top: 12px; padding-bottom: 100px;}*/
.solution-section5{padding:0}
.solution-section-title{width: 913px; margin: 0 auto; text-align: center;}
.solution-section-title div:first-of-type{font-size: 18px; color: #bfbfbf; line-height: 1.6em;}
.solution-section-title div:nth-of-type(2){font-size: 40px; color: #000;margin: 0.5em 0}
.solution-section-title div:last-of-type{font-size: 18px; color: #707070; line-height: 1.6em; text-align: left;}
.solution-section-body{margin-top: 35px;}
.solution-section-body .swiper-wrapper{height: 510px;}
.solution-section-body .swiper-slide{height: 510px;}
.swiper-pagination{position: absolute; height: 60px; z-index: 20; bottom: 0; width: 100%; text-align: center; padding-top: 22px; -moz-box-sizing: border-box; box-sizing: border-box;}
.swiper-pagination-switch{display: inline-block; width: 15px; height: 15px; border-radius: 100%; background: #fff; margin: 0 9px; border: 1px solid #eee; cursor: pointer;}
.swiper-active-switch{background: #6d92b0;}
.swiper-btn{position: absolute; z-index: 20; top: 42%; background: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 16px; height: 37px; cursor: pointer;}
.swiper-prev{left: 0; background-image: url(../img/solution/swiper-prev.png);}
.swiper-next{right: 0; background-image: url(../img/solution/swiper-next.png);}
.solution-section-con{width: 913px; margin: 0 auto; position: relative;}
.solution-section-con-text{height: 450px; width: 321px; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: table;}
.solution-section-con-text > div{display: table-cell; vertical-align: middle;}
.solution-section-con-text .solution-section-con-title{font-size: 20px; color: #0088cb; line-height: 1.5em; padding: .5em 0;}
.solution-section-con-text p{color: #707070; font-size: 14px; line-height: 1.4em; text-align: justify;}
.solution-section-con-text .solution-section-con-btn{display: block;width: 204px; height: 45px; line-height: 45px; color: #fff; background-color: #0088cb; margin-top: 20px; text-align: center; font-size: 17px;border-radius:5px;transition: all 0.3s ease }
.solution-section-con-text .solution-section-con-btn:hover{background-color: #ee6c78}

.solution-section-con-img{position: absolute; right: 0; top: 0; width: 558px; height: 450px; display: table;}
.solution-section-con-img div{display: table-cell; vertical-align: middle;}
.solution-section-con-img img{display: block; width: 100%; max-height: 100%;}
.solution-section2 .solution-section-con-text, .solution-section4 .solution-section-con-text{float: right;}
.solution-section2 .solution-section-con-img, .solution-section4 .solution-section-con-img{left: 0; right: auto;}
.solution-section2 .solution-section-con-title, .solution-section4 .solution-section-con-title{text-align: right;}
.solution-section2 .solution-section-con-btn, .solution-section4 .solution-section-con-btn{float: right;}
/*END*/
/*solutiondetails(�����������)*/
.solutiondetails{width:913px;margin: 0 auto;padding: 50px 0 0;}
.solutiondetails-title{width:100%;text-align: center;}
.solutiondetails-title>div{font-size: 18px;color:#bfbfbf;line-height: 1.6em}
.solutiondetails-title>h1{font-size: 40px;font-weight: normal;margin: 0.5em 0;}
.solutiondetails-caption{margin-bottom: 50px}
.solutiondetails-caption p{font-size:18px;color:#000;line-height: 1.6em;color:#707070}


.solutiondetails-cont {overflow: hidden;margin-bottom: 40px}
.solutiondetails-cont.last{margin-bottom: 0;}
.solutiondetails-cont:before{content: ' ';display: table}
.solutiondetails-cont p {color:#000;line-height: 1.6em;font-size: 16px}

.solutiondetails-cont .solutiondetails-cont-text{width:40%}

.solutiondetails-cont .o2o_text1{padding-top: 120px;}
.solutiondetails-cont .o2o_text2{padding-top: 50px;text-align: right}
.solutiondetails-cont .o2o_text3{padding-top: 100px;}

.solutiondetails-cont .weixin-text1{padding-top: 40px;}
.solutiondetails-cont .weixin-text2{padding-top: 90px;text-align: right}
.solutiondetails-cont .weixin-text3{padding-top: 140px;}

.solutiondetails-cont .scrm-text1{padding-top: 100px;}
.solutiondetails-cont .scrm-text2{padding-top: 100px;text-align: right}
.solutiondetails-cont .scrm-text3{padding-top: 130px;}

.solutiondetails-cont .all-text1{padding-top: 100px;}
.solutiondetails-cont .all-text2{padding-top: 130px;text-align: right}
.solutiondetails-cont .all-text3{padding-top: 100px;}

.solutiondetails-cont .serve-text1{padding-top: 100px;}
.solutiondetails-cont .serve-text2{padding-top: 40px;text-align: right}
.solutiondetails-cont .serve-text3{padding-top: 60px;}

.solutiondetails-cont .solutiondetails-cont-text>h3{color:#0088cb;font-size: 20px;font-weight: 400;margin-bottom: 25px;}
.solutiondetails-cont .solutiondetails-cont-img{width:50%;}
.solutiondetails-cont .solutiondetails-cont-img>img{display: block;width:100%}

.solutiondetails-cont .fl{float: left}
.solutiondetails-cont .fr{float: right}


/* service �ͻ����� by ������ in 160510 */
.service_header{background-image: url("../img/service/case_banner.jpg");height: 493px;}
.service_header .height{height: 170px;}
.service_header .cont_text .p_text1{margin-bottom: 20px;}
.service_header .cont_text .p_text2{font-size: 20px; line-height: normal;}
.service_header .button{margin-top: 60px;}
.p_text1_sm{text-align: center;font-size: 19px;color:#fff;line-height: 1.8;}
.case_box{padding-top: 4.15%;background-color: #f1f5f7;}
.case_box .tu{padding-bottom: .8%;}
.case_box .tu_text{font-size: 17px;}
.img_title{display: block;margin:1% auto;width: 579px;margin-bottom: 60px }


.tab_nav{width: 100%;}
.tab_nav ul{width: 976px;margin:40px auto 80px;}
.tab_nav ul:after{content:' ';display: table;clear: both}
.tab_nav li{position:relative;cursor:pointer;float:left;width: 19%;border-radius: 50%;background-color: #fff;margin-right: 8%;font-size: 18px;text-align: center;}
.tab_nav li.last{margin-right: 0;}
.tab_nav li>div.tn-icon{
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    width: 45%;position: absolute;margin: auto; left: 0;top:0;right:0;bottom:0;-webkit-transition:all 0.2s;transition:all 0.2s;opacity: 0.3;
}
.tab_nav li>div.tn-icon>img{width: 100%;display:block;position: absolute;margin: auto; left: 0;top:0;right:0;bottom:0;}
.tab_nav li>p{width: 100%;position: absolute;bottom: -40px;text-align: center; -webkit-transition:all 0.3s;transition:all 0.3s;opacity: 0.5;color:#707070;}
.tab_nav li:hover>div.tn-icon{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.tab_nav li:hover>p{opacity: 1}
.tab_nav li.active>div.tn-icon{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1}
.tab_nav li.active p{opacity: 1}




.tab_nav li div.anli-bottom{display: none;width:36px;height:18px;position: absolute;bottom: -97px;z-index: 99;left: 0;right:0;margin: 0 auto;-webkit-transition:all 0.3s;transition:all 0.3s;}
.tab_nav li div.anli-bottom img{display: block;width:100%}
.tab_nav li.active div.anli-bottom{display: block}

.tab_nav li .first{background-color: #f6f7f9;border-color: #f6f7f9;color: #0d2f48;}
.tab_nav li .second{background-color: #afc0c8;border-color: #a5bdc8;}
.tab_nav li .third{background-color: #527487;border-color: #4d697d;}
.tab_nav li .fourth{background-color: #0d2f48;border-color: #05243b;}
.tab_nav .active a{border: 3px solid #efefef;border-top: none;padding-top: 25px;margin-top: -24px; background-color: #f6f7f9;color:#0d2f48;}

.tab_content{width: 100%;position: relative;overflow: hidden;}
.case_list{width: 100%;}
.case_list li{overflow: hidden;position: relative}
.case_list li img{display: block;width: 100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-transition:all 0.6s;filter:grayscale(100%);transition:all 0.6s;filter: gray;}
.case_list li:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);transform: scale(1.2);filter: none;}
.case_list li div.case_list_cont{width: 80%;position: absolute;left: 0;right:0;top:50%;margin:auto;}
.case_list li div.case_list_cont div.title{color:#fff;font-size: 28px;margin-bottom: 15px}
.case_list li div.case_list_cont div.subtitle{color:#fff;font-size: 18px}

.case_list:after{content: "";display: table;clear: both}
.case_list.active{}
.case_list_2 li{float: left;width: 50%;background: #000;}
.case_list_3 li{float: left;width: 33.333%;background: #000}
.case{width: 84%;height: auto;margin-left:auto;margin-right: auto;position: relative; }
.case img{display: block;width: 100%;height: auto;}
.case p{text-align: center;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto;width:80%;height:70px;line-height:1.5;font-size: 20px;color: #fff;}


.case3_list{width: 1065px;margin:60px auto 0;overflow: hidden;}
.case3_list li{width: 25%;float: left;margin-bottom: 6%; }
.case3_list a{display:block;width: 90%;margin-left: auto;margin-right: auto;text-align: center;vertical-align: middle;}
.case3_list img{display: inline-block;max-width: 100%;max-height: 100%;}


/*END*/

/*��������*/
.servicedetails{width: 1151px;margin: 0 auto;padding: 70px 0;}
.servicedetails-caption-cont{width: 1151px;margin: 0 auto;}

.servicedetails-head .servicedetails-head-img{width: 240px;margin: 0 auto 50px;}
.servicedetails-head .servicedetails-head-img img{width:100%;display: block}
.servicedetails-head .servicedetails-head-title{font-size: 30px;text-align: center;margin-bottom: 50px;}
.servicedetails-head .servicedetails-head-caption{font-size: 16px;line-height: 1.6em;color: #707070;text-align:Justify;text-justify:inter-ideograph;}
.servicedetails-caption{width: 100%;height: 200px;color: #fff}
.huitong{background: url("../img/servicedetails/servicedetails-caption-huitong.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.dell{background: url("../img/servicedetails/servicedetails-caption-dell.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.daduhui{background: url("../img/servicedetails/servicedetails-caption-daduhui.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.hds{background: url("../img/servicedetails/servicedetails-caption-hds.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.xingye{background: url("../img/servicedetails/servicedetails-caption-xingye.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.yingfu{background: url("../img/servicedetails/servicedetails-caption-yingfu.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.jiaguwen{background: url("../img/servicedetails/servicedetails-caption-jiaguwen.jpg") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.servicedetails-caption:before{content: ' ';display: table;}
.servicedetails-caption p{font-size: 16px;line-height: 1.6em;text-align: left;text-align:Justify;text-justify:inter-ideograph;margin-top: 50px;}
.servicedetails-caption>div{font-size: 16px;text-align: right;}

.servicedetails-content .servicedetails-cont-title{font-size: 20px;padding-left: 10px;border-left: 4px solid #0088cb}
.servicedetails-content .line{width:100%;height: 15px;}
.servicedetails-content .servicedetails-cont-text{font-size: 16px;line-height: 1.6em;}
.servicedetails-content .servicedetails-cont-img{max-width: 80%;margin: 30px auto;}
.servicedetails-content .servicedetails-cont-img img{width: 100%;display: block}
.servicedetails-foot{width: 100%;border-top: 1px solid #dcdcdc;padding-top:20px}
.servicedetails-foot .servicedetails-foot-caption{width: 1151px; margin: 0 auto; overflow: hidden}
.servicedetails-foot .servicedetails-foot-caption .servicedetails-foot-caption-left{float: left}
.servicedetails-foot .servicedetails-foot-caption .servicedetails-foot-caption-right{float: right}
.servicedetails-foot .servicedetails-foot-caption a{display: block;margin-bottom: 6px}
.servicedetails-foot .servicedetails-foot-caption .servicedetails-foot-caption-right a{font-size: 16px;color: #999;}
.servicedetails-foot .servicedetails-foot-caption .servicedetails-foot-caption-right a:hover{color:#0088cb}




/*��˾���*/
.timeline {width: 1087px;height: 640px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;}
.t_line {width: 960px;height: 640px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;overflow: hidden;}
.t_line ul {width: 940px;height: 20px;padding: 10px;margin: 0 auto;position: absolute;right: 0;bottom: 200px;}
.t_line li {width: 8px;height: 8px;border-radius: 50%;margin-right: 25px;border: 1px solid #fff;float: left;position: relative;}
.t_line li.last {margin-right: 0;}
.t_line li.solid {background: #fff;cursor: pointer;}
.t_line li.solid > div {-webkit-transition: normal;-moz-transition: normal;-o-transition: normal;transition: normal;}
.t_line li .cont {width: 380px;height: 300px;border-right: 1px solid #899bad;padding:0 10px;text-align: right;position: absolute;bottom: 30px;right: 3px;color: #fff;z-index: 199;display: none;}
.t_line li .cont_title {font-size: 28px;margin-bottom: 20px;}
.t_line li .cont_content {font-size: 14px;line-height: 22px;}
.t_line li .cl {width: 16px;height: 16px;border: 3px solid #fff;border-radius: 50%;position: absolute;bottom: -7px;left: -7px;display: none;}
.t_line li .year {position: absolute;left: -25px;top: 45px;width: 60px;color: #fff;transform: rotate(90deg);display: block;}
.timeline .l_btn {position: absolute;left: -28px;bottom: 105px;cursor: pointer;display: none;}
.timeline .r_btn {position: absolute;right: -28px;bottom: 105px;cursor: pointer;display: none;}

@media (min-width: 770px) {
    .t_line li.active .cont,
    .t_line li.active .cl {
        display: block;
        -webkit-animation: showD 1.5s ease-in-out;
        -moz-animation: showD 1.5s ease-in-out;
        -o-animation: showD 1.5s ease-in-out;
        animation: showD 1.5s ease-in-out;

        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes showD {
        0% {opacity: 0}
        100% {opacity: 1}
    }
    @-moz-keyframes showD {
        0% {opacity: 0}
        100% {opacity: 1}
    }
    @-o-keyframes showD {
        0% {opacity: 0}
        100% {opacity: 1}
    }
    @keyframes showD {
        0% {opacity: 0}
        100% {opacity: 1}
    }

}

.t_line .phone_cont .active .cont,
.t_line li.active .cl {
    display: block;
    -webkit-animation: showD 1.5s ease-in-out;
    -moz-animation: showD 1.5s ease-in-out;
    -o-animation: showD 1.5s ease-in-out;
    animation: showD 1.5s ease-in-out;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes showD {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-moz-keyframes showD {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-o-keyframes showD {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes showD {
    0% {opacity: 0}
    100% {opacity: 1}
}
.t_line .phone_cont {width: 100%;height: 180px;position: absolute;left: 0;top: 35px;display: none;z-index: 9999;}
.t_line .phone_cont .cont {width: 100%;height: 100%;padding: 0;text-align: center;border-right: none;color: #fff;z-index: 199;display: none;}
.t_line .phone_cont .cont_title {font-size: 18px;margin-bottom: 20px;}
.t_line .phone_cont .active .cont_content {font-size: 12px;line-height: 22px;}
.t_line .phone_cont .active .cont {display: block;}

.t_line li.y_2005 .cont,
.t_line li.y_2006 .cont,
.t_line li.y_2007 .cont,
.t_line li.y_2008 .cont,
.t_line li.y_2009 .cont,
.t_line li.y_2010 .cont,
.t_line li.y_2011 .cont {
    border-left: 1px solid #899bad;
    border-right: none;
    text-align: left;
    left: 3px;
}



.company-1 { background-color: #f1f5f7;text-align:Justify;text-justify:inter-ideograph}
.tu_name_about {padding-top:68px;}
.tu_name_about .tu {padding-bottom:16px;}
.company_txt {width:973px;margin:28px auto 95px;line-height:1.6em;font-size:16px;color:#004472;}
.company-list {width:100%;}
.company-list ul {width:973px;margin:0 auto;padding-bottom:106px; }
.company-list li { float: left;width: 250px;height: 90px;padding-top:160px;border:#eeeeee 4px solid;border-radius:50%; background-color:#fff;margin-right: 99px; transition: 0.7s;-moz-transition: 0.7s;-webkit-transition: 0.7s; color:#004097;text-align: center;}
.company-list li p{font-size:20px;}
.company-list li.company-li-1 { background:#fff url(../img/about/company-list-1.png) 0 0 no-repeat; background-size: 100% 100%;}
.company-list li.company-li-2 { background:#fff url(../img/about/company-list-2.png) 0 0 no-repeat; background-size: 100% 100%;}
.company-list li.company-li-3 { background:#fff url(../img/about/company-list-3.png) 0 0 no-repeat; background-size: 100% 100%;}
.company-list li.c_last {margin-right:0;}
.tu_text_blue { color:#004472;font-size:18px;}

.company-2{background-color: #f1f5f7; text-align: left;padding-bottom:100px;}
.p_text1.c-black { color:#000000;}
.p_text2_join {line-height: 30px;font-size:18px;color:#a0a0a0;text-align: left; }
.company-con {width:930px;margin:0 auto;overflow: hidden;}

.position-ul {width:100%;padding-top:30px;}
.position-ul li {line-height:1.6em;display: inline-block;margin-right:48px;font-size:16px;color:#707070;}
.position-ul li.now a{color: #0088cb;}
.position-ul-list>div{display: none;}
.position-ul-list>div.now-li{display: block;}

.tu_name_join {padding-top:100px;margin-bottom: 20px}
.tu_name_join .tu {padding-bottom:0;}
.cont_text_join { margin-top:10px;text-align: center;}
.p_text1_join {font-size: 48px;margin-bottom: 30px;color:#000;}
.job-ul{width:100%;padding-top:30px;}
.job_name {line-height:26px;font-size:24px;color:#0088cb;font-weight:bold;margin-bottom: 15px;}
.job_name span {font-size:14px;color:#707070;font-weight:normal;}
.job-dl{width:680px;font-size:14px;}
.job-dl dt {width:100%;font-weight:bold;line-height:2em;}
.job-dl dd {width:100%;line-height:1.8em;}

.job-ul li p{-webkit-margin-before: 0 !important;-webkit-margin-after: 0 !important;line-height: 1.8em !important;}
.job-ul li p span{line-height:1.8em !important;font-size: 14px!important;font-family: '΢���ź�',"Heiti SC" !important;}

.company-3 {  background-color: #fff;margin:0 auto;padding: 50px 0;width: 960px;height: 350px}
.company-3:after{content: "";display: block;clear: both}
.company-3>img.img-1{
    display: block;
    width: auto;
    height: 100%;
    float: left;
}
.company-3>img.img-2{
    display: block;
    width: auto;
    height: 100%;
    float: right;
}
/*.contact-list {width:100%;padding:74px 0 76px;overflow: hidden;margin: 0 auto}

.map {float:left;width:440px;}
.map img {width:100%; display: block;}
.contact-dl {float:right;width:250px;position: relative;height: 248px;padding-top: 30px}
.contact-dl dt {width:100%;display: block;}
.contact-dl dd {width:100%;line-height:1.6em;}
.contact-dl dd p {width:250px;padding-top:34px;font-size:14px;}
.contact-dl dd p span {font-size:18px;margin-bottom: 10px;display: block;}*/
.c-lightblue {color:#0088cb;}
.c-navyblue {color:#00396d;}

.company-4{background-color: #fff;margin:0 auto 100px;}
.company-4 .company-con{width: 600px;}
.company-4 .company-4-ul{margin-top: 30px;}
.company-4 .company-4-ul li{float: left;width: 30%;margin-right: 5%}
.company-4 .company-4-ul li.last{margin-right: 0}
.company-4 .company-4-ul li img{width: 100%;margin-bottom: 20px}

/* ��վ����ҳ */
.sitemap{width:1151px; margin: 120px auto 50px;}
.sitemap ul{overflow: hidden}
.sitemap li{margin-right: 63px; width:240px;float:left;}
.sitemap li.last{margin-right: 0px;}
.sitemap .sitemap-title{border-bottom: 1px solid #dcdcdc;padding-bottom:15px;margin-bottom:30px;}
.sitemap a{display:block;}
.sitemap .sitemap-title>a{font-size:24px;margin-bottom:10px}
.sitemap .sitemap-title>div{font-size:20px;margin-bottom:10px;color:#c9caca}
.sitemap .sitemap-cont>a{margin-bottom:10px;}

.newscontent{color: #000;}
.newscontent p,.newscontent section{text-align:Justify !important;text-justify:inter-ideograph !important;}
.newscontent img{max-width: 100%;display: block;margin: 0 auto;}
.submitPop{display: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.submitPop .submitpop-cont{width: 30%;position: fixed;left: 35%;top: 20%;background: #fdfdfd;z-index: 999999999;padding: 20px;border-radius: 5px;text-align: center;border: 1px solid #eaeaea;}
.submitPop .submitpop-cont .title{width: 100%;color: #b8b8b8;font-size: 18px;margin-bottom: 40px;}
.submitPop .submitpop-cont p{width: 100%;font-size: 18px;color: #7c7c7c;margin-bottom: 40px;line-height: 1.6em;}
.submitPop .submitpop-cont .submit-btn{width: 150px;height: 40px;line-height: 40px;margin: 0 auto;background: #0088cb;border-radius: 5px;text-align: center;color: #fff;font-size: 18px;cursor: pointer;}
.submitPop .submitpop-cont .submit-btn:hover{background: #ee6c78;}
.submitPop .submitpop-mask{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #aaa;opacity: 0.9;z-index: 99999999}
.weixin-pop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #fff;z-index: 999999999;display: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.weixin-pop img{width: 70%;display: block;margin: 100px auto 0;}
.weixin-pop .close{width: 20px;height: 20px;position: absolute;right: 20px;top: 20px;background: url('../img/close.png') no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}