/* CSS Document */
@charset "utf-8";
body { margin: 0; padding: 0; font-size: 0; line-height: 0;background: url(../images/bg2.jpg)}
div { font-size: 14px; line-height: 1.8em; margin: 0; padding: 0;}
div, h1, h2, h3, h4, h5, h6, dl, ol, ul, dt, dd, li, img, span, form, p, input,select,textarea, dl { margin: 0; padding: 0; border: 0; list-style-type: none; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { color: #004070;/*移上颜色加深#004070*/ text-decoration: none; transition: all 0.5s;}/*指鼠标经过链接*/
a:link{text-decoration:none;}   /* 指正常的未被访问过的链接*/
a:active{text-decoration:none;}/* 指正在点的链接*/
a:visited{text-decoration:none;} /*指已经访问过的链接*/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input, button, select, textarea { outline: none; font-family:"微软雅黑", "宋体", Arial;}
body{ width:100%; background:#f8f8f8; font-family:"微软雅黑", "宋体", Arial;}
.clear{ clear:both;}
.left{float: left;}
.right{float: right;}
.container{ width: 100%;}
.content { width: 1200px; /*min-width: 1000px; */ margin: 0 auto; color: #333; }
.nycontent{width: 1200px; /*min-width: 1000px; */ min-height:500px; position: relative; margin: 10px auto 32px!important; padding:0; line-height: 1.8em;}
.nycontentwhite{width: 1200px;/* min-width: 1000px; */position: relative; background: #ffffff; margin: 32px auto; padding:40px 3.1% 60px; line-height: 1.8em;}
.nycontentwhite .news .nycontentwhite{width: 100%;}
.nycontent_text{width: 1200px; /*min-width: 1000px;*/ position: relative; background: #ffffff;  margin: 32px auto;  padding:0;  line-height: 1.8em;}/*--- 9-26 ---*/.oH{overflow: hidden;}
.w_1200{width: 1200px;margin: auto;}body{background-color: #FFFFFF;}
/*客服---------------------------------------右侧侧边栏*/

.sider_right {display: none; /*width: 250px; */    position: fixed; /*height: 305px; */    right: 10px; top: 50%; margin-top: -127px; z-index: 99999; transition: width 0.3s ease 0s; }
.sider_right:hover li a span:nth-child(1) { display: block; }

sider_right:hover .social-share { display: block; }
.sider_right ul { padding-left: 0px; }
.sider_right ul li { height: 50px; background: #fff; font-size: 14px; line-height: 50px; color: #fff; margin-bottom: 1px; /* width: 250px; */
 padding-left: 10px; position: relative; }
.sider_right ul li a { color: #FFFFFF; overflow: hidden; }
.k1_bottom a,
.k3_bottom a,
.sk_bottom a { display: block; margin-bottom: 5px; }
.k1:hover .kf1 { background: url(../images/kefy_hover06.png) no-repeat 4px 7px; }

/* 旺旺开客服 */
.ww { position: absolute; right: 60px; top: -110px; display: none; }
.ww .k1_top { width: 115px; height: 128px; }
.ww .k1_bottom { width: 115px; min-height: 50px; padding: 0px 0 18px 0; background: #004070; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* qq客服 */

.qq { position: absolute; right: 60px; top: -110px; display: none; }
.qq .k3_top { width: 115px; height: 128px; }
.qq .k3_bottom { width: 115px; min-height: 50px; padding: 0 0 18px 0; background: #004070; text-align: center; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

/*新浪客服 */

.weib { position: absolute; right: 60px; top: -10px; display: none; }
.weib .k4_top { width: 115px; height: 115px; text-align: center; padding-top: 15px; background: #004070; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.weib .k4_top img{ width: 97px; height: auto;}
.weib .k4_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.weixin { position: absolute; right: 60px; top: -10px; display: none; }
.weixin .k6_top { width: 115px; height: 115px; text-align: center; padding-top: 15px; background: #004070; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.weixin .k6_top img{ width: 97px; height: auto;}
.weixin .k6_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.skype { position: absolute; right: 60px; top: -10px; background: #004070; width: 125px; padding: 20px 0px; display: none; border-radius: 4px; }
.skype .sk_bottom { width: 110px; min-height: 50px; text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 0 auto; background: #fff; border-radius: 4px; }
.k8_top { /* padding-left:15px; */
    /* width:120px; */
    height: 50px; background: #004070; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }
.k7_online { /* padding-left:15px; width:120px; */
    height: 50px; background: #004070; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k2_txt { /*    padding-left:15px; width:120px; */
    height: 50px; background: #004070; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }
.k2_txt a,
.k7_online a,
.k8_top a { display: none; }

.k2:hover .kf2 { background: url(../images/consult_hover_icon.png) no-repeat 4px 7px; }

.k3:hover .kf3 { background: url(../images/qq_hover_icon.png) no-repeat 4px 7px; }

.k4:hover .kf4 { background: url(../images/sina_hover_icon.png) no-repeat 4px 7px; }

.k5:hover .kf5 { background: url(../images/skype_hover_icon.png) no-repeat 4px 7px; }

.k6:hover .kf6 { background: url(../images/wechat_hover_icon.png) no-repeat 4px 7px; }

.k7:hover .kf7 { background: url(../images/messages_hover_icon.png) no-repeat 4px 7px; }

.k8:hover .kf8 { background: url(../images/top_hover_icon.png) no-repeat 4px 7px; }

.k1:hover,
.k2:hover,
.k3:hover,
.k4:hover,
.k5:hover,
.k6:hover,
.k7:hover,
.k8:hover { background: #004070; }

.kf1 { display: block; background: url(../images/consult_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf2 { display: block; background: url(../images/consult_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf3 { display: block; background: url(../images/qq_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf4 { display: block; background: url(../images/sina_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf5 { display: block; background: url(../images/skype_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf6 { display: block; background: url(../images/wechat_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf7 { display: block; background: url(../images/messages_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf8 { display: block; background: url(../images/top_icon.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.social-share { float: left; width: 160px; display: none; }

.k1:hover .ww { display: block; }

.k3:hover .qq { display: block; }

.k4:hover .weib { display: block; }

.k5:hover .skype { display: block; }

.k6:hover .weixin { display: block; }


/**/
.animation_fadein{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)

    }
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)
    }
}
.animation_fadeout{
    -webkit-animation:fadeOutUp 1s .2s ease both;
    -moz-animation:fadeOutUp 1s .2s ease both;}
@-webkit-keyframes fadeOutUp{
    0%{opacity:1;
        -webkit-transform:translateY(0)}
    100%{opacity:0;

        -webkit-transform:translateY(-20px);
        display: none;}
}
@-moz-keyframes fadeOutUp{
    0%{opacity:1;
        -moz-transform:translateY(0)}
    100%{opacity:0;

        -moz-transform:translateY(-20px);
        display: none;}
}

/* 过度效果使用 */
.home{

    opacity: 0;
    filter: alpha(opacity=0);
}

.animation {
    -webkit-animation: fadeInUp 1s .2s ease both;
    -ms-animation: fadeInUp 1s .2s ease both;
    -moz-animation: fadeInUp 1s .2s ease both;
}

.animation1 {
    -webkit-animation: fadeInUp 1s .6s ease both;
    -ms-animation: fadeInUp 1s .6s ease both;
    -moz-animation: fadeInUp 1s .6s ease both;
}

.animation2 {
    -webkit-animation: fadeInUp 1s .8s ease both;
    -ms-animation: fadeInUp 1s 1.0s ease both;
    -moz-animation: fadeInUp 1s 1.0s ease both;
}

.animation3 {
    -webkit-animation: fadeInUp 1s 1.0s ease both;
    -ms-animation: fadeInUp 1s 1.2s ease both;
    -moz-animation: fadeInUp 1s 1.2s ease both;
}

.animation4 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}
.animation5 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/*banner轮播*/ /*首页内页都有用到*/
.internalbanerBox{
    /* width: 100%;
    height: 656px; */
    /* background: #001869; */
	width: 100%;
	margin: auto;
}
.internalbanerBox ul li a .img-responsive{max-width:1920px;margin:0 auto;}
.slideBox{
    width: 100% !important;
    min-width: 1000px !important;
//height: 656px !important;
    margin: 0 auto;
    z-index: 999 !important;
    overflow: hidden;
}
.items_text1_index{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text2_index{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.items_text1{
    margin-top: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text2{
    margin-top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.items_text3{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;
    -webkit-transform: translateY(-50px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}
.items_text4{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-80px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}
.items_liner_index{
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_liner{
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text5{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;

    -webkit-transform: translateY(-70px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}

.items_text6{

    opacity: 1 !important;
    filter: alpha(opacity=100);
    transform: translateY(-100px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}
/*banner轮播结束*/

/*banner轮播文字*/ /*首页内页都有用到*/
.items_text_index{
    position: absolute;
    top:30%;
    width: 45%;
    left: 15.5%;
}
.items_text{
    position: absolute;
    top:30%;
    width: 45%;
    left: 5.5%;
    height:10px;
}
.items_text_page{top:15%;}
.items_text_index div:first-child{
    font-size: 45px;
    font-weight: 600;
    color: #fff;
}
.items_text_index div.it_txt2{
    font-size: 16px;
    color: #fff;
    word-spacing: 10px;
    line-height: 30px
}
.items_text div:first-child{font-size: 25px/*35px*/;  font-weight: 600;  color: #fff;}
.items_text div.it_txt2{
    font-size: 22px;
    color: #fff;
    word-spacing: 10px;
    line-height: 30px
}
.down-ico_index {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.down-ico_index i {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 8px;
    position: absolute;
    -webkit-animation: move 1s infinite linear;
    -ms-animation: move 1s infinite linear;
    -moz-animation: move 1s infinite linear;
    animation: move 1s infinite linear;
    background: url(../images/bot.png) no-repeat;
    background-size: 20px 20px;
}
.down-ico {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 15px/*25px*/;
    opacity: 0;
    filter: alpha(opacity=0);
}
.down-ico i {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 8px;
    position: absolute;
    -webkit-animation: move 1s infinite linear;
    -ms-animation: move 1s infinite linear;
    -moz-animation: move 1s infinite linear;
    animation: move 1s infinite linear;
    background: url(../images/bot.png) no-repeat;
    background-size: 20px 20px;
}

@-webkit-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-ms-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-moz-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@-o-keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}
@keyframes move {
    0% {
        top: -30px;
    }
    100% {
        top: 30px;
    }
}

.pagetop_img{
    /*margin-top: 106px;*/
}
.pagetop_img ul li{ position: relative;}
/*banner轮播文字结束*/

/*内容模块向上滑动出现效果*/ /*团队页面也有使用*/
.show1 {
    transition-duration: 0s;
    transform:translateY(-20px);
    transition: all .5s;
    -webkit-animation: show .5s linear;
    -moz-animation: show .5s linear;
    -ms-animation: show .5s linear;
    -o-animation: show .5s linear;
    opacity: 1!important;



    -webkit-opacity: 1;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 1;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 1;
    /* IE9 + etc...modern browsers */

    /* IE 4-9 */
    filter:alpha(opacity=100);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;

        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}

@-ms-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
@-moz-keyframes show {
    0% {
        opacity: 0;

        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
@-o-keyframes show {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
.show {
    -webkit-animation: fadeInUp2 1s .2s ease both;
    -ms-animation: fadeInUp2 1s .2s ease both;
    -moz-animation: fadeInUp2 1s .2s ease both;

    opacity: 1;
    filter:alpha(opacity=100) !important;
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100px);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}

@-moz-keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -moz-transform: translateY(100px);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        filter:alpha(opacity=100);
        /*This works in IE 8 & 9 too*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /*IE4-IE9*/
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
.show_img{
    transition-duration: 0s;
    animation: showimg 0.5s ease-in;
    opacity: 1!important;
    filter:alpha(opacity=100)!important;
}

@-webkit-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-moz-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-ms-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-o-keyframes showimg {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}

.show_img1{
    -webkit-animation:fadeIn 1s  ease both;
    -moz-animation:fadeIn 1s  ease both;

    opacity: 1!important;
}
@-webkit-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes fadeIn {
    0%{opacity:0}
    100%{opacity:1}
}
/*内容模块向上滑动出现效果结束*/