/* CSS Document */

@charset "utf-8";

body { margin: 0; padding: 0; font-size: 0; line-height: 0;}

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: #a0c941 !important;/*移上颜色加深#036eb8*/ 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: 69%; min-width: 1000px;  margin: 0 auto; color: #333; }

.nycontent{width: 69%; min-width: 1000px;  min-height:500px; position: relative; margin: 32px auto; padding:0; line-height: 1.8em;}

.nycontentwhite{width: 69%; min-width: 1000px; position: relative; background: #ffffff; margin: 32px auto; padding:40px 3.1% 60px; line-height: 1.8em;overflow: hidden;}

.nycontent_text{width: 69%; min-width: 1000px; position: relative; background: #ffffff;  margin: 32px auto;  padding:0;  line-height: 1.8em;}



/*客服---------------------------------------右侧侧边栏*/



.sider_right { /*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: #036eb8; 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: #036eb8; 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: #036eb8; 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: #036eb8; 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: #036eb8; 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: #036eb8; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k7_online { /* padding-left:15px; width:120px; */

    height: 50px; background: #036eb8; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }



.k2_txt { /*    padding-left:15px; width:120px; */

    height: 50px; background: #036eb8; 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: #036eb8; }



.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; */



}

.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: 6px; */

    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(56px);

    transition: .3s linear 0.3s;

    -webkit-transform: translateY(56px);

    -webkit-transition: .3s linear 0.3s;

    -moz-transform: translateY(56px);

    -moz-transition: .3s linear 0.3s;

    -ms-transform: translateY(56px);

    -ms-transition: .3s linear 0.3s;

}

.items_text4{



    opacity: 1;

    filter: alpha(opacity=100);

    transform: translateY(67px);

    transition: .3s linear 0.6s;



    -moz-transform: translateY(67px);

    -moz-transition: .3s linear 0.6s;

    -webkit-transform: translateY(67px);

    -webkit-transition: .3s linear 0.6s;

    -ms-transform: translateY(67px);

    -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: 20px; */

    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轮播结束*/
/* 新加得文字样式 */
.internalbanerBox{
    position: relative;
  }
  .swipertitleB {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  
  .swipertitle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 3;
    width: 100%;
    opacity: 0;
  
  }
  
  .swipertitle1,
  .swipertitle2,
  .swipertitle3 {
    width: 100%;
    color: #FFFFFF;
    text-align: center;
  
  }
  
  .swipertitle1 {
  
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #FFFFFF;
  
  
  }
  
  .swipertitle2 {
  
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  
  }
  
  .swipertitle3 {
  
    font-size: 24px;
    line-height: 24px;
  
  }
  
  /* 新加得文字样式 */



/*banner轮播文字*/ /*首页内页都有用到*/

.items_text_index{

    position: absolute;

    top:30%;

    width: 45%;

    left: 15.5%;

}

.items_text{

    position: absolute;

    top:30%;

    width: 100%;
    text-align: center;


    height:10px;

}

.items_text_page{top:52%;}

.items_text_index div:first-child{

    font-size: 36px;

    font-weight: 600;

    color: #fff;

}

.items_text_index div.it_txt2{

    font-size: 20px;

    color: #fff;

    word-spacing: 10px;

    line-height: 20px

}

.items_text div:first-child{font-size: 36px;  font-weight: 600;  color: #fff;line-height: 45px;}

.items_text div.it_txt2{

    font-size: 20px;

    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: 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}

}

/*内容模块向上滑动出现效果结束*/


/* 产品与服务 */