* {margin: 0;padding: 0;text-decoration: none;list-style: none;}

body { margin: 0;padding: 0;font-family: "Microsoft YaHei";overflow-x: hidden;}

img {border: 0px;}

ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5 {font-weight: 100;padding: 0;margin: 0;}

.clear {clear: both;}

.content {width: 1400px;margin:0 auto;}

a{color: white;font-size: 16px;}

.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.pointer{

    cursor: pointer;

}

/*头部导航栏*/

.index_nav {

    height: 100px;

    background-color: #2855b1;

    width: 100%;

/*    position: fixed;*/

    z-index: 999; position: sticky;top:0;

}

.play {

    position: absolute;

    bottom: -0px;

    right: -0px;

}

.close {

    position: absolute;

    top: -0px;

    right: -0px;

    display: none;

}

.play i{

    font-size: 30px;

    color: #2955b1;

}

.close i{

    font-size: 30px;

    color: #2955b1;

}

.vvideo{

    position: absolute;

    display: block;

    width: 90%;

    height: 100%;

    top: 0px;

    left: 0px;

    display: none;

}

#logo{float: left;margin-top: 21px;}

#nav {float: right;}

#lange{float: right;width:40px;height: 40px;text-align: center;line-height: 40px;
    border-radius: 50%;border:1px #fff solid;margin:27px 0 0 40px;}

#nav {left: 279px;height: 95px;margin-top: 5px;position: relative;z-index: 1}

#nav>li {text-align: center;width: 107px;float: left;position: relative;line-height: 90px;}

#nav>li:nth-child(2){

    margin-left: 29px;

}

#nav>li:nth-child(3){

    margin-left: 21px;

}

#nav>li:nth-child(4){

    margin-left: 16px;

}

#nav>li:nth-child(5){

    margin-left: 18px;

}

#nav>li:nth-child(6){

    margin-left: 20px;

}

#nav>li:nth-child(7){

    margin-left: 20px;

}

#nav a {    

    transition: none ease-out .3s;

    transition-property: color, background, text-indent, opacity;

}

#nav li.navitem.active>a {color: rgb(87, 244, 154);}

#nav .navitem ul.subnav{position: relative;}

#nav li.navitem:hover>a{color: rgb(87, 244, 154);}

#nav li.navitem:before{

    width: 0%;

    content: '';

    display: block;

    height: 5px;

    background: #57f598;

    position: absolute;

    top: -6px;

    background: -moz-linear-gradient(left,  #57f598 0%, #57c8f4 100%, #2989d8 100%, #57c8f4 100%);

    background: -webkit-linear-gradient(left,  #57f598 0%,#57c8f4 100%,#2989d8 100%,#57c8f4 100%);

    background: linear-gradient(to right,  #57f598 0%,#57c8f4 100%,#2989d8 100%,#57c8f4 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57f598', endColorstr='#57c8f4',GradientType=1 );

    transition: width 0.5s;

    -moz-transition: width 0.5s; 

    -webkit-transition: width 0.5s;

    -o-transition: width 0.5s;

    /*z-index: 999;*/

}

#nav li.navitem.active:before{

    width: 100%;

}

#nav li.navitem:hover:before{

    width: 100%;

}

#nav .fa {margin-left: 5px;font-size: 18px;}

#nav .subnav{

    width: 159px;

    background-color: #090909;

    margin-top: 18px;

    border-radius: 10px;

    font-size: 14px;

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    line-height: normal;

    padding-bottom: 10px;

    opacity: 0;

    transition: opacity 0.6s;

    -moz-transition: opacity 0.6s; 

    -webkit-transition: opacity 0.6s;

    -o-transition: opacity 0.6s;

}

#nav .subnav li a{

    display: block;

    width: 135px;

    margin: 0 auto;

    padding:16px 0;

}

#nav .subnav li a:hover{

    color: rgb(87, 244, 154);

}

#nav .subnav li:not(:last-child) a{

    border-bottom: 1px solid #343333;

}

#nav li.navitem:hover .subnav{

    opacity: 0.8;

}

#nav .subnav img{

    position: relative;

    top: -8px;

}

#slideBox {

    /*height: 802px;*/

    position: relative;

    z-index: 1;

}

#slideBox img{

    width: 100%;

    /*height: 802px;*/

}

.slideBox .prev, .slideBox .next {

    position: absolute;

    left: 3%;

    top: 50%;

    margin-top: -25px;

    display: block;

    width: 32px;

    height: 40px;

    background: url(../../images/front/slider-arrow.png) -110px 5px no-repeat;

    filter: alpha(opacity=50);

    opacity: 0.5;

}

.slideBox .next {

    left: auto;

    right: 3%;

    background-position: 8px 5px;

}

#search-bar{

    height: 77px;

    background-color: #faf9f9;

}

#search-bar .content{

    height: 77px;

}

#search-bar .latest,.search{

    float: left;

}

#search-bar .latest .icon,.news{

    margin-top: 27px;

    float: left;

}

#search-bar .latest .icon img{

    vertical-align: middle;

}

#search-bar .latest .icon span{

  font-size: 14px;

  color: rgb(40, 85, 177);

  font-weight: bold;

  text-transform: uppercase;

  margin-left: 5px;

}



#search-bar .news ul{

    margin-left: 8px;

}

#search-bar .news ul li{

    max-width: 277px;

    display: inline-block;

    line-height: 25px;

    background-image: url(../../images/front/latest_li.png);

    background-repeat: no-repeat;

    background-position: left;

    padding-left: 18px;

    padding-right: 40px;

}

#search-bar .news ul li a{

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(104, 104, 104);

}

#search-bar .search {

    position: relative;

    float: right;

}

#search-bar .search input{

    outline: none;

    margin-top: 21px;

    height: 37px;

    width: 321px;

    border: 1px solid #d7d6d6;

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(161, 158, 158);

    padding-left: 22px;

    position: relative;

    z-index: -1px;

}

#search-bar .search div.line{

    position: absolute;

    border-left: 1px solid #d7d6d6;

    height: 14px;

    top: 34px;

    z-index: 999;

    left: 12px;

}

#search-bar div.btn{

    width: 40px;

    height: 40px;

    text-align: center;

    background-color: #2855b1;

    background-image: url(../../images/front/search_button.png);

    background-size: 22px 22px;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    top: 20px;

    left: 331px;

}

#four-icon {

    margin-top: 44px;

    height: 241px;

    font-size: 20px;

    color: #626262;

}

#four-icon li.item{

    width: 232px;

    height: 232px;

    background-size: cover;

    float: left;

    text-align: center;

    position: relative;

}



#four-icon li.item:nth-child(3) p.icon{

    left: 102px;

}

#four-icon li.item:nth-child(4) p.icon{

    left: 100px;

}

/*#four-icon li.item p:nth-child(1){

    margin-top: 114px;

}

#four-icon li.item p:nth-child(2){

    font-size: 14px;

    font-family: Arial;

}*/

#four-icon li.item .tt{

    margin-top: 114px;

}

#four-icon li.item .elglish{

    font-size: 14px;

    font-family: Arial;

}

#four-icon li.item .icon{

    left: 97px;

    top: 66px;

}

#four-icon li.item:hover{

    width: 232px;

    height: 232px;

    background-size: cover;

    float: left;

    color: #ffffff;

}

#four-icon ul .imgg{

    background-image: url(../../images/front/8jiao_active.png);

    background-size: cover;

    width: 232px;

    height: 232px;

    top: 0px;

}

#four-icon ul .icon,.imgg{

    visibility: hidden;

    position: absolute;

    z-index: -2;

    transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -webkit-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -moz-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -o-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

}

#four-icon ul .icon{

    position: absolute;

    z-index: -1;

}

#four-icon li.item:nth-child(1){

    background-image: url(../../images/front/product.png);

}

#four-icon li.item:nth-child(2){

    background-image: url(../../images/front/solutions.png);

}

#four-icon li.item:nth-child(3){

    background-image: url(../../images/front/case.png);

}

#four-icon li.item:nth-child(4){

    background-image: url(../../images/front/news.png);

}

#four-icon li.item:nth-child(1):hover{

    background-size: cover;

    background-image: none;

}

#four-icon li.item:nth-child(2):hover{

    background-size: cover;

    background-image: none;

}

#four-icon li.item:nth-child(3):hover{

    background-size: cover;

    background-image: none;

}

#four-icon li.item:nth-child(4):hover{

    background-size: cover;

    background-image: none;

}

#four-icon li.item:nth-child(1):hover .imgg,#four-icon li.item:nth-child(1):hover  .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(2):hover .imgg,#four-icon li.item:nth-child(2):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(3):hover .imgg,#four-icon li.item:nth-child(3):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(4):hover .imgg,#four-icon li.item:nth-child(4):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(1):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}

#four-icon li.item:nth-child(2):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}#four-icon li.item:nth-child(3):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}#four-icon li.item:nth-child(4):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}

/*#four-icon li.item:nth-child(1):hover{

    background-image: url(../../images/front/product_hover.png);

}

#four-icon li.item:nth-child(2):hover{

    background-image: url(../../images/front/solutions_hover.png);

}

#four-icon li.item:nth-child(3):hover{

    background-image: url(../../images/front/case_hover.png);

}

#four-icon li.item:nth-child(4):hover{

    background-image: url(../../images/front/news_hover.png);

}*/





#four-icon li.item:nth-child(2){

    margin-left: 154px;

    margin-right: 154px;

}

#four-icon li.item:nth-child(3){

    margin-right: 154px;

}

#solutions {

    margin-top: 73px;

}

#solutions .content{

    text-align: center;

}

#solutions .title{

    background-image: url(../../images/front/bg.png);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 40px 71px;

    height: 115px;

    padding-top: 112px;

    border-bottom: 1px solid #eeeef0;

    text-align: center;

}

#solutions .title .p1{

    font-size: 32px;

    color: rgb(65, 68, 70);



}

#solutions .title .p2{

    font-size: 16px;

    color: rgb(192, 195, 202);

    margin-top: 4px;

}

#solutions .title .p3{

    font-size: 26px;

    color: rgb(192, 195, 202);

    margin-top: 7px;

}

#solutions .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#solutions .cont{

    height: 398px;

    position: relative;

    background-color: #2955b1;

    margin-top: 32px;

}

#solutions .cont .left-img{

    position: relative;

    width: 50%;

    float: left;

}

#solutions .cont .right-img{

    position: relative;

    float: left;

    padding-left: 27px;

    padding-top: 68px;

    height: 330px;

    width: 47%;

}

#solutions .cont ul li i{

    position: absolute;

    z-index: 999;

}

#solutions .cont .prev{

    position: absolute;

    top: 50%;

}

#solutions .cont .next{

    position: absolute;

    top: 50%;

}

#solutions .cont h1{

    font-size: 18px;

    color: rgb(255, 255, 255);

    font-weight: bold;

}

#solutions .cont p{

    width: 87%;

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 1.5;

    margin-top: 30px;

    text-indent: 34px;

}

#solutions .cont div.btn{

    width: 182px;

    height: 48px;

    background-color: #57eea7;

    /*position: relative;*/

    position: absolute;

    /*bottom: -96px;*/

    bottom: 5px;

    /*left: 18px;*/

    left: 28px;

}

#solutions .cont div.btn>div{

    width: 134px;

    height: 44px;

    text-align: center;

    line-height: 45px;

    background-color: #2955b1;

    margin-left: 46px;

    position: relative;

    top: 2px;

    font-size: 16px;

    font-family: "SimSun";

    color: rgb(255, 255, 255);

}

#solutions .cont ul li div.right-img div.btn i.fa{

    font-size: 28px;

    color: rgb(252, 252, 253);

    position: absolute;

    top: 9px;

    left: 19px;

}

#introduction{

    margin-top: 30px;

}

#introduction .btn2{

    height: 71px;

    background-image: url(../../images/front/bg.png);

    background-position: center top;

    background-size: 40px 71px;

    background-repeat: no-repeat;

}

#introduction .wrap{

    text-align: center;

    margin-top: 18px;

    background-color: #fcfcfd;

}

#introduction .wrap .title{

    padding-top: 35px;

    border-bottom: 1px solid #eeeef0;

}

#introduction .title .p1{

    font-size: 32px;

    color: rgb(65, 68, 70);



}

#introduction .title .p2{

    font-size: 16px;

    color: rgb(192, 195, 202);

    margin-top: 4px;

}

#introduction .title .p3{

    font-size: 26px;

    color: rgb(192, 195, 202);

    margin-top: 7px;

}

#introduction .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#introduction .wrap .info{

    height: 613px;

    background-image: url(../../images/front/bg_introduction.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    position: relative;

}

#introduction .wrap .info .img-left{

    width: 702px;

    height: 447px;

    border-left: 4px solid #2955b1;

    border-bottom: 4px solid #2955b1;

    background-image: url(../../images/front/ruler_left.png);

    background-repeat: no-repeat;

    margin-top: 76px;

    float: left;

    position: relative;

}

#introduction .wrap .info .img-left img{

    position: relative;

    bottom: 26px;

}

#introduction .info .img-right{

    float: right;

    margin-top: 76px;

    width: 580px;

    position: relative;

    text-align: left;

}

#introduction .info h1{

    font-size: 26px;

    color: rgb(41, 85, 177);

}

#introduction .info p{

    width: 610px;

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 2;

    margin-top: 30px;

    text-indent: 34px;

    font-size: 14px;

    font-family: "SimSun";

    color: rgb(78, 78, 79);

}

#introduction .info div.btn{

    height: 48px;

    position: relative;;

    bottom: -55px;

    left: 18px;

}

#introduction .info div.btn .btn-left{

    width: 48px;

    height: 48px;

    float: left;

    background-color: #2955b1;

}

#introduction .info div.btn .btn-right{

    width: 135px;

    height: 44px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    font-family: "SimSun";

    color: #989899;

    float:left;

    border-top: 2px solid #2955b1;

    border-right: 2px solid #2955b1;

    border-bottom: 2px solid #2955b1;

}

#introduction .info .img-right i.fa{

    font-size: 28px;

    color: rgb(252, 252, 253);

    position: absolute;

    top: 9px;

    left: 19px;

}

#introduction .info .img-right .ruler{

    position: absolute;

    width: 352px;

    height: 328px;

    border-right: 4px solid #2955b1;

    border-top: 4px solid #2955b1;

    background-image: url(../../images/front/ruler_right.png);

    background-repeat: no-repeat;

    background-position: right;

    right: 0px;

}

#product .wrap{

    text-align: center;

}

#product .wrap .title{

    border-bottom: 1px solid #5e5f62;

    padding-top: 25px;

    height: 118px;

}

#product .title .p1{

    font-size: 32px;

    color: #fff;

}

#product .title .p2{

    font-size: 16px;

    color: #c0c3ca;

    margin-top: 4px;

}

#product .title .p3{

    font-size: 26px;

    color: #c0c3ca;

    margin-top: 7px;

}

#product .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#product{

    height: 867px;

    background-image: url(../../images/front/bg_product.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

#product .content{

    background-color: #e8e6e6;

    height: 268px;

    margin-top: 32px;

}

#product .content ul{

    border-collapse: separate;

    border-spacing:4px

}

#product .content ul li.item{

    background-color: #ffffff;

    width: 345.5px;

    height: 261px;

    margin-top: 3px;

    display: table-cell;

    vertical-align: middle;

    overflow: hidden;

}

#product .content ul li.item img{

    height: 207px;

    max-width: 345px;

}



#product .info {

    background-color: #2955b1;

    height: 320px;

}

#product .info .left{

    text-align: center;

    width: 463px;

    height: 307px;

    float: left;

    overflow: hidden;

}

#product .info .left img{

    height: 300px;

    max-width: 460px;

}

#product .info .right{

    text-align: left;

    color: #ffffff; 

    padding-top: 31px;

    line-height: 32px;

    font-size: 16px;

}

#product .info .right p:nth-child(1){

    width: 

}

#news {margin-top:13px;position:relative;}
#news .content {text-align:center;width:1425px;}
#news .content_wrapper {height:500px;margin:0 auto;margin-top:64px;}
#news .content_wrapper li.item_block {float:left;margin-bottom:65px;margin-right:42px;width:670px;height:182px;}
#news .content_list li .item_img {display:block;position:relative;width:266px;height:176px;float:left;overflow:hidden;}
#news .content_list li .item_img img {width:100%;height:100%;transition:all ease-out .3s .1s;}
#news .content_list li:hover .item_img img {transform:scale(1.1,1.1);}
#news .content_list li .item_img .item_mask {content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;opacity:0;transform-origin:50% 0;transform:scale(1,1);transition:all ease-out .3s;}
#news .content_list li:hover .item_mask {top:0;opacity:1;transform:scale(1,1);transition:all .5s cubic-bezier(.23,1,.38,1) 0s;}
#news .content_list li .item_img .item_link_icon {display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid rgb(255,255,255);border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;transform:translateY(-142px);opacity:0;transition:all 0.6s cubic-bezier(.23,1,.38,1) .2s;}
#news .content_list li:hover .item_link_icon {transform:translateY(-21px);opacity:1;}
#news .content_list li a.item_img .item_link_icon i {margin-top:8px;}
#news .content_list li .item_wrapper {margin-left:296px;margin-top:10px;text-align:left;}
#news .content_list li .item_info .title {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:"Microsoft YaHei";color:rgb(32,32,33);font-weight:bold;}
#news .content_list li .item_info .subtitle {border-bottom:1px dotted #d3d3d3;padding-bottom:10px;line-height:24px;font-size:13px;font-family:"SimSun";color:rgb(121,121,122);}
#news .content_list li .item_info .description {height:56px;overflow:hidden;margin-top:20px;font-size:12px;padding-bottom:10px;margin-top:10px;line-height:22px;font-size:13px;font-family:"SimSun";color:rgb(121,121,122);}
#news div.title {background-image:url(../../images/front/bg.png);background-position:center top;background-repeat:no-repeat;background-size:40px 71px;height:115px;padding-top:90px;border-bottom:1px solid #eeeef0;text-align:center;}
#news .title .p1 {font-size:32px;color:rgb(65,68,70);}
#news .title .p2 {font-size:16px;color:rgb(192,195,202);margin-top:4px;}
#news .title .p3 {font-size:26px;color:rgb(192,195,202);margin-top:7px;}
#news .line {height:1px;width:131px;background-image:url(../../images/front/bg2.png);background-size:131px 1px;background-position:center bottom;margin:0 auto;}


#indFqa{margin-bottom:50px;position:relative;}
#indFqa .content {text-align:center;width:1425px;}

.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{float:left; overflow:hidden; height:106px; width: 120px;text-align: left; }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:34px; height:34px; float:left; margin-right:15px; 
    margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../../images/btn5.png") no-repeat;}
.picMarquee-left .hd .next{ background:url("../../images/btn6.png") no-repeat; }
.picMarquee-left .hd .prevStop{}
.picMarquee-left .hd .nextStop{ }
.picMarquee-left .hd strong{display:block; color:#0a5cb1; font-size:20px; line-height:35px; }
.picMarquee-left .hd span{display:block; color:#9b989b; font-size:16px;text-transform:uppercase;font-weight: 700;}

.picMarquee-left .bd{ padding:0px; float:left; width:calc(100% - 150px);  }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.m_FQA_q { float:left; width:400px; _display:inline;overflow:hidden;  background: #f5f5f5; height:120px;margin:10px 8px;}
.m_FQA_q:hover{box-shadow: 0 0 5px rgba(0,0,0,.5)}
.nnr {  float: left;height:120px; width:100%;}
.m_FQA_q  .mwen {color: #1c1c1c;display: block;font-size: 16px;line-height:35px; overflow: hidden;font-weight:700;
                   padding: 15px 0 0 60px;text-overflow: ellipsis; white-space: nowrap; text-align: left;
                   background:url('../../images/mwen.png') no-repeat 20px 18px;}
.m_FQA_q  a:hover .mwen { color: #0a5cb1; text-decoration:none;}
.mda { color: #6e6d6d; float: left;height:100px; line-height: 22px; overflow: hidden;padding:8px 0 0px 60px; width: 320px;
          background:url('../../images/mda.png') no-repeat 20px 5px; font-size:12px;text-align: left;}

#footer .cont{

    height: 102px;

    background-color: #2855b1;

    text-align: center;

    line-height: 102px;

    font-size: 24px;

    color: rgb(255, 255, 255);

    position: relative;

}

#footer .fbtn{

    width: 182px;

    height: 42px;

    border: 2px solid #305fc1;

    margin: 0 auto;

    display: inline-block;

    border-radius: 30px; 

    margin-top: 10px;

    line-height: 42px;

    font-size: 16px;

    margin-left: 32px;

}

#footer .cont2{

    height: 379px;

    background-color: #2c2f3c;

}

#footer .cont2 div>div{

    margin-top: 73px;

}

#footer .cont2  span {

    font-size: 16px;

    color: #fff;

    padding-left: 18px;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    border-left: 3px solid #2855b1;

}

#footer .cont2  ul{

    padding-left: 23px;

    margin-top: 32px;

}

#footer .cont2  ul li a{

    font-size: 16px;

    color: #79797a;

    line-height: 30px;

}

#footer .cont2 div.item1{

    width: 90px;

    float: left;

}

#footer .cont2 div.item2{

    width: 160px;

    float: left;

    margin-left: 153px;

}

#footer .cont2 div.item3{

    width: 94px;

    float: left;

    margin-left: 90px;

}

#footer .cont2 div.item4{

    width: 92px;

    float: left;

    margin-left: 113px;

}

#footer .cont2 div.item5{

    width: 225px;

    float: left;

    margin-left: 110px;

}

#footer .cont2 div.item6{

    float: left;

    width: 170px;

    margin-left: 10px;

}

#footer .cont2 div.item6 ul{

    margin: 0;

}

#footer .cont2 div.item6 ul li{

    text-align: center;
    
    margin-bottom:20px;

    font-size: 12px;

    font-family: "SimSun";

    color: #999999;

}

#footer .cont2 div.item6 ul li img{
    max-width:100%;
}

#goback{

    position: absolute;

    right: 261px;

    width: 74px;

    height: 74px;

    top: -37px;

    background: url(../../images/front/gettop.png) no-repeat

}

#footer .cont3 {
	padding: 15px 0;
	line-height: 25px;
    background-color: #262934;

    

}

#footer .cont3 .p1{

    font-size: 12px;

    font-family: "SimSun";

    color: #CCCCCC;

}

#footer .cont3 .p2{

    float: right;

}

#footer .cont3 .p2, .p2 a{

    color: #3e4353;

    font-size: 12px;

}

#footer .cont3 .p2 a{

    padding-left: 10px;

    padding-right: 10px;

}

#left-menu{

    width: 220px;

    background-color: #2855b1;

    padding-bottom: 38px;

    border-radius: 5px;

}

#left-menu .title{

    height: 84px;

}

#left-menu .title span{

    font-size: 26px;

    color: rgb(255, 255, 255);

    font-weight: bold;

    margin-top: 40px;

    margin-left: 30px;

    display: inline-block;

}

#left-menu .sub-title{

    height: 70px;

    background-color: #264ea7;

    text-align: right;

}

#left-menu .sub-title span{

    font-size: 16px;

    font-family: "Arial";

    color: rgb(212, 210, 210);

    margin-top: 11px;

    margin-right: 35px;

    display: inline-block;

}

#left-menu div.nav ul{

    padding: 0 15px;

    margin-top: 10px;

}

#left-menu div.nav ul li{

    height: 60px;

    line-height: 60px;

    padding-left: 30px;

    border-bottom: 2px solid #3162c6;

    background-image: url(../../images/front/so_li.png);

    background-repeat: no-repeat;

    background-position: 11px center;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#left-menu div.nav ul li:hover{

    padding-left: 35px;

    background-color: #2249A0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#left-menu div.nav ul li a{

    color: #ffffff;

    font-size: 16px;

}

#left-menu div.nav ul li.active{

    background-image: url(../../images/front/so_li_active.png);

}

#left-menu div.nav ul li:hover{

    background-image: url(../../images/front/so_li_active.png);

}

#left-menu div.nav ul li.active a{

    color: #edc901;

}

#left-menu div.nav ul li:hover a{

    color: #edc901;

}

#catpos{

    height: 40px;

    background-color: #ffffff;

    border-top: 2px solid #ececec;

    border-bottom: 2px solid #ececec;

    line-height: 40px;

    background-image: url(../../images/front/home.png);

    background-repeat: no-repeat;

    background-position: 14px center;

}

#catpos .con{

    font-size: 14px;

    color: rgb(53, 50, 53);

    font-weight: bold;

    margin-left: 40px;

}

#catpos .con a{

    font-size: 14px;

    color: rgb(53, 50, 53);

    font-weight: 100;

}

#pages a{

    display: inline-block;

    padding: 4px 5px;

    border: 1px solid #dddddd;

    color: #666666;

}

#pages a:hover{

    background-color: #fb9007;

    border: 1px solid #e61636;

}

#pages a.active{

    background-color: #fb9007;

    border: 1px solid #e61636;

}

#pages span{

    background-color: #fb9007;

    border: 1px solid #e61636;

    padding: 4px 5px;

    color: #fff;

    cursor: pointer;

}

#solut,#prod,#apply,#nes-center,#down,#newss,#abot {

    position: relative;

}

.wrap-content{

    position: relative;

}

.l-menu{

    width: 220px;

    position: relative;

    top: 5px;

    float: left;

}

.r-content{

    float: left;

    width: 1149px;

    margin-top: 26px;

    margin-left: 31px;

}

.r-content .rcont{

    margin-top: 37px;

}

#solut .r-content .rcont ul li{

    position: relative;

    width: 559px;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 37px;

}

#solut .r-content .rcont ul li{

    float: left;

}

#solut .r-content .rcont ul li:nth-child(2n){

    float: right;

}

#solut .r-content .rcont ul li .mask{

    width: 287px;

    height: 227px;

    border: 1px solid #fff;

    position: absolute;

    top: 7px;

    left: 7px;

    visibility: hidden;

    transition-property: visibility;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#solut .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 302px;

    height: 241px;

}

#solut .r-content .rcont ul li .rpic{

    float: left;

    width: 237px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#solut .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    font-weight: bold;

}

#solut .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 104px;

    font-size: 13px;

    color: #352e2e;

}

#solut .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 128px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#solut .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#solut .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#solut .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#solut div.img img{

    position: relative;

}

#solut .r-content .rcont ul li:hover .mask{

    visibility: visible;

}

/**/

#prod .r-content .rcont ul li{

    position: relative;

    width: 559px;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 37px;

}

#prod .r-content .rcont ul li{

    float: left;

}

#prod .r-content .rcont ul li:nth-child(2n){

    float: right;

}

#prod .r-content .rcont ul li .mask{

    width: 287px;

    height: 227px;

    border: 1px solid #fff;

    position: absolute;

    top: 7px;

    left: 7px;

    visibility: hidden;

    transition-property: visibility;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#prod .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 302px;

    height: 241px;

}

#prod .r-content .rcont ul li .rpic{

    float: left;

    width: 237px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#prod .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    font-weight: bold;

}

#prod .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 104px;

    color: #352e2e;

    font-size: 13px;

}

#prod .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 128px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#prod .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#prod .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#prod .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#prod div.img img{

    position: relative;

}

#prod .r-content .rcont ul li:hover .mask{

    visibility: visible;

}

/**/

#prod .projectitem {

    width: 364px;

    margin: 0 15px 25px 0;

    height: 384px;

    background: none;

    display: inline-block;

    float: none;

    transition: all 0.3s ease-out 0s;

    position: relative;

}

#prod ul.content-list .projectitem:nth-child(3n){

    margin-right: 0px;

}

#prod .projectitem a {

    display: block;

    overflow: hidden;

}

#prod .projectitem a img {

    float: none;

    height: auto;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    width: 364px;

}

#prodt .projectitem a .project_info p.subtitle {

    margin-top: 16px;

    color: rgba(0,0,0,0);

    font-size: 12px;

    transition: all ease-out .3s;

}

#prod .projectitem a .project_info p {

    width: auto;

    text-align: left;

}

#prod .projectitem a .project_info {

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0);

    position: absolute;

    left: 0;

    top: 0;

    transition: all ease-out .3s;

}

#prod .projectitem a .project_info div {

    height: 91px;

    border-top: 1px solid rgba(0,0,0,.08);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    position: absolute;

    bottom: 0px;

    top: auto;

    width: 100%;

    background: #fff;

}

#prod .projectitem a .project_info .title {

    font-size: 16px;

    color: #666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 28px;

    line-height: 28px;

    margin: 0px;

    padding: 22px 70px 0px 30px;

}

#prod .projectitem a .project_info .subtitle {

    color: #999;

    display: block;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    margin: 0px;

    padding: 0px 70px 0px 30px;

    font-size: 13px;

    font-family: "Arial";

    color: rgb(134, 134, 134);

    line-height: 1.2;

}

#prod .projectitem a .project_info div:after {

    content: '';

    width: 37px;

    height: 20px;

    display: block;

    position: absolute;

    top: 50%;

    right: 30px;

    background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -30px -66px;

    transition: all 0.3s ease-out 0s;

    margin-top: -10px;

}

#prod .projectitem:hover {

    box-shadow: 0 15px 30px rgba(0,0,0,0.1);

}

#prod .projectitem a:hover img {

    transform: scale(1.1, 1.1);

}

#prod .projectitem a:hover .project_info {

    background: none;

}

#prod .projectitem:hover a .project_info div {

    padding: 10px 0;

}

#prod .projectitem a:hover .project_info p.title {

    margin-top: 0px;

    color: #fff;

    font-size: 16px;

}

#prod .projectitem a:hover .project_info p.title {

    color: #666;

}

#prod .projectitem a:hover .project_info p.subtitle {

    margin-top: 0px;

    color: #b7b7b7;

}

#prod .projectitem:hover a .project_info div:after {

    background: url(../../images/front/icon.png) no-repeat 16px -66px;

    border-left: 1px solid rgba(0,0,0,.1);

}

#apply {

    margin-bottom: 169px;

}

#apply .r-content .rcont ul{

    margin-top: 0;

}

#apply .r-content .rcont ul li{

    margin-top: 37px;

    position: relative;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#apply .r-content .rcont ul .line2{

    height: 40px;

    border-bottom: 1px dashed #e5e5e5; 

}

#apply .r-content .rcont ul li .mask{

    width: 484px;

    height: 228px;

    border: 1px solid #fff;

    position: absolute;

    top: 7px;

    left: 7px;

    transition-property: visibility;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#apply .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 504px;

    height: 241px;

}

#apply .r-content .rcont ul li .rpic{

    float: left;

    width: 625px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#apply .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    font-weight: bold;

}

#apply .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 63px;

    font-size: 13px;

    color: #352e2e;

}

#apply .r-content .rcont ul li .rpic .date{

    margin-left: 22px;

}

#apply .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 128px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#apply .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#apply .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#apply .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#apply div.img img{

    position: relative;

}

#down .serviceitem {

    width: 100%;

    height: 280px;

    margin-right: 0;

    margin-bottom: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#down .serviceitem a {

    margin-left: 0;

    text-align: left;

}

.service_img {

    display: inline;

}

#down .serviceitem a img {

    float: none;

    width: 560px;

    height: 238px;

}

#down .serviceitem:nth-child(odd) div {

    float: right;

    margin-top: 35px;

    margin-right: 110px;

}

#down .serviceitem:nth-child(2n) div {

    float: left;

    margin-left: 0;

    margin-right:110px;

}

#down .serviceitem:nth-child(2n) a.details {

    left: 0;

}

#down .serviceitem:nth-child(2n) div {

    float: left;

    margin-left: 0;

    margin-right: 110px;

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

}

#down .rcont a.details {

    display: block;

    height: 38px;

    line-height: 38px;

    font-size: 14px;

    color: #999;

    text-indent: 0;

    border-radius: 0;

    margin: 0;

    top: -100px;

    position: relative;

    z-index: 1;

    border-top: 1px solid rgba(0,0,0,.1);

    font-size: 18px;

    color: rgb(165, 165, 165);

    line-height: 1.278;

    background-image: url(../../images/front/d.png);

    background-position: 190px center;

    background-repeat: no-repeat;

}

#down .serviceitem div p.title {

    color: #333;

    font-size: 19px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 60px;

    text-align: left;

}



#down .serviceitem div p.description {

    width: 98%;

    height: 80px;

    color: #999;

    padding-right: 2%;

    line-height: 26px;

    font-size: 13px;

}

#down .serviceitem div {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#down .serviceitem:nth-child(odd) div {

    float: right;

    margin-top: 35px;

}

#down .serviceitem div {

    width: 40%;

}

#down .rcont a.details {

    display: block;

    width: 100px;

    height: 35px;

    line-height: 34px;

    font-size: 14px;

    color: #999;

    text-indent: 0;

    border-radius: 0;

    text-align: center;

    margin: 0;

    top: -100px;

    position: relative;

    z-index: 1;

    border: none;

    border-top: 1px solid rgba(0,0,0,.1);

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

}

#down a.more:hover, #down a.details:hover, #down .rcont a.details:hover {

    border-color: #b6b6b6;

    text-indent: 130px;

}

#down .rcont a.details:hover {

    background: #2855b1;

    text-indent: 0;

    border-top: transparent;

    color: #ffffff;

    background-image: url(../../images/front/da.png);

    background-repeat: no-repeat;

    background-position: 190px center;

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

    color: #999;

    transition: all ease-out .3s;

}

#down .serviceitem:hover div {

    margin-top: 20px;

}

#down a.details:hover {

    background: #515151;

    text-indent: 0;

    border-top: transparent;

    color: #ffff00;

}

#down a.details:hover i {

    text-indent: 12px;

}

#newss .r-content .rcont ul li{

    position: relative;

    height: 230px;

    background-color: #f0f0f0;

    padding: 20px 20px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 40px;

}

#newss .r-content .rcont ul li .mask{

    width: 422px;

    height: 229px;

    position: absolute;

    top: 20px;

    left: 20px;

    visibility: hidden;

    transition-property: visibility;

    opacity: 0.8;

    background-color: rgba(0, 0, 0, .3);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#product .info .content{

        background-color: #2955b1;

        margin-top: 0px;

    }

#newss .r-content .rcont ul li .mask div.link-icon{

    width: 49px;

    height: 49px;

    color: #fff;

    border: 2px solid rgb(255, 255, 255);

    border-radius: 50%;

    font-size: 27px;

    text-align: center;

    margin-left: 174px;

    margin-top: 86px;

}

#newss .r-content .rcont ul li .mask div.link-icon .fa{

    margin-top: 12px;

}

#newss .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 422px;

    height: 229px;

}

#newss .r-content .rcont ul li .rpic{

    float: left;

    width: 660px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#newss .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    color: rgb(53, 50, 53);

    font-weight: bold;

}

#newss .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 76px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(124, 123, 124);

    line-height: 1.692;

    color: #352e2e;

}

#newss .r-content .rcont ul li .rpic .date{

    font-size: 14px;

    color: rgb(124, 123, 124);

    line-height: 1.571;

    margin-left: 22px;

}

#newss .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 139px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#newss .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#newss .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#newss .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#newss div.img img{

    position: relative;

}

#newss .r-content .rcont ul li:hover .mask{

    visibility: visible;

}

#abot {

    margin-bottom: 166px;

}

#abot .content .header {

    padding-bottom: 50px;

    padding-top: 80px;

}

#abot .content .header p {

    text-align: center;

    color: #444;

    font-size: 26px;

}

#abot .content .header p.subtitle {

    color: #c1c1c1;

    font-size: 16px;

}

#abot .post-img {

    float: left;

    width: 587px;

}

#abot .post-content {

    float: left;

    margin-left: 24px;

    margin-bottom: 30px;

    width: 770px;

}

#abot .postbody {

    line-height: 24px;

    font-size: 13px;

    color: #6a6a6a;

}

#abot .postbody hr {

    height: 1px;

    border: none;

    border-top: 1px dotted rgb(211, 211, 211);

    margin-top: 20px;

    margin-bottom: 20px;

}

#abot .business{

    margin-top: 180px;

}

#abot .business ul{

    margin-top: 44px;

    margin-left: 54px;

}

#abot .business ul li{

    width: 150px;

    float: left;

}

#abot .business ul li:not(:last-child){

    margin-right: 130px;

}

#abot .business ul li .bgimg{

    height: 84px;

    background-position: center;

    background-repeat: no-repeat;

    padding-top: 100px;

    font-size: 18px;

    color: rgb(255, 255, 255);

    line-height: 1.2;

    text-align: center;

}

#abot .business ul li .pbody{

    margin-top: 47px;

    font-size: 18px;

    color: rgb(75, 74, 75);

    line-height: 2;

    text-align: center;

}

#abot .business ul li:nth-child(1) .bgimg{

    background-image: url(../../images/front/a1.png);

    /*margin-left: 54px;*/

    /*margin-right: 132px;*/

}

#abot .business ul li:nth-child(2) .bgimg{

    background-image: url(../../images/front/a2.png);

    /*margin-right: 133px;*/

}

#abot .business ul li:nth-child(3) .bgimg{

    background-image: url(../../images/front/a3.png);

    /*margin-right: 131px;*/

}

#abot .business ul li:nth-child(4) .bgimg{

    background-image: url(../../images/front/a4.png);

    /*margin-right: 132px;*/

}

#abot .business ul li:nth-child(5) .bgimg{

    background-image: url(../../images/front/a5.png);

}

#abot .business .english{

    font-weight: bold;

    font-size: 32px;

    color: #cccccc;

}

#abot .business .title{

    font-weight: bold;

    font-size: 32px;

    color: #4b4a4b;

}

#abot .business .description

{

    font-size: 18px;

    color: rgb(73, 78, 96);

    line-height: 1.2;

    margin-top: 30px;

}

#productshow .img{

    height: 400px;

}

#solutionshow .img img{

    height: 400px;

}

.postbody {

    margin-top: 54px;

}

.postbody .header .title {

    font-size: 22px;

    color: rgb(93, 93, 93);

    font-weight: bold;

}

.header .description {

    font-size: 14px;

    font-family: "SimSun";

    color: rgb(183, 183, 183);

    line-height: 1.857;

    margin-top: 25px;

}

.header .btnnn {

    width: 152px;

    height: 42px;

    background-color: #2955b1;

    line-height: 43px;

    text-align: center;

    font-size: 16px;

    color: rgb(255, 255, 255);

    margin-top: 40px;

}

.postbody .post-content .title{

    border-bottom: 1px dashed #e5e5e5;

}

.postbody .post-content .title span{

    width: 161px;

    height: 48px;

    background-color: #e5e5e5;

    line-height: 48px;

    text-align: center;

    margin-top: 40px;

    font-size: 18px;

    color: rgb(43, 42, 42);

    display: block;

    border-top-left-radius: 9px; 

    border-top-right-radius: 9px; 

}

.postbody .post-content .pct{

    margin-top: 18px;

    margin-bottom: 200px;

    font-size: 16px;

    color: rgb(68, 68, 68);

    text-transform: uppercase;

    line-height: 1.625;

}

#solutionshow .banner {

    background-color: #f8f8f8;

    height: 511px;

}

#solutionshow .banner-wrap{

    background-color: #fff;

    width: 982px;

    height: 511px;

    margin: 0 auto;

    text-align: center;

    margin-top: 15px;

}

#solutionshow .img-wrap img{

    max-height: 500px;

}

#solutionshow .prev{

    float: left;

    margin-top: 228px;

}

#solutionshow .next{

    float: right;

    margin-top: 228px;

}

#conta .business {

    margin-top: 68px;

}

#conta .business .title{

    font-weight: bold;

    font-size: 40px;

    color: #4b4a4b;

}

#conta .business .description

{

    font-size: 18px;

    color: rgb(73, 78, 96);

    line-height: 1.2;

    margin-top: 30px;

}

#conta .business .english{

    font-weight: bold;

    font-size: 32px;

    color: #cccccc;

}

#conta .business p{

  font-size: 14px;

  color: rgb(75, 74, 75);

  line-height: 2.429;

}

#conta {

    margin-bottom: 180px;

}

#conta .form{

  font-size: 18px;

  color: rgb(75, 74, 75);

  padding-top: 172px;

  border-top: 1px dashed #e5e5e5;

}

#conta .form div{

  height: 52px;

  line-height: 52px;

  margin-bottom: 14px;

  margin-left: 9px;

}

#conta .form div span{

  display: inline-block;

  width: 97px;

}

#conta .form input{

  height: 52px;

  width: 638px;

  border: 0;

  background-color: #f2f2f2;

}

#conta .form .xing{

  color: #fd011f;

  margin-left: 13px;

}

#conta .form .buto{

  height: 45px;

  line-height: 45px;

  width: 174px;

  text-align: center;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(255, 255, 255);

  text-transform: uppercase;

  background-color: #2855b1;

  border-radius: 23px;

  margin-left: 272px;

  margin-top: 132px;

}

.wwww {

    width: 444px;

}



@media (min-width: 992px){

    .content {width: 970px;margin: 0 auto;}

    #nav {

        left: 30px;

    }

    #logo {

        margin-top: 10px;

    }

    #logo img{

        width: 100px;

    }

    #nav>li {

        width: 86px;

    }

    #sliderBox img{

        width: 100%;

    }

    #four-icon {

        height: auto;

    }

    #four-icon li.item {

        width: 150px;

        height: 150px;

    }

    #four-icon li.item:hover {

        width: 150px;

        height: 150px;

    }

    #four-icon ul .imgg {

        width: 150px;

        height: 150px;

    }

    #four-icon li.item .icon {

        left: 56px;

        top: 35px;

    }

    #four-icon li.item .tt {

        margin-top: 77px;

    }

    #four-icon {

        font-size: 14px;

    }

    #four-icon li.item .elglish {

        font-size: 11px;

    }

    #four-icon li.item:nth-child(3) p.icon {

        left: 61px;

    }

    #four-icon li.item:nth-child(4) p.icon {

        left: 56px;

    }

    #four-icon li.item:nth-child(2){

    margin-left: 123px;

    margin-right: 123px;

    }

    #four-icon li.item:nth-child(3){

        margin-right: 123px;

    }

    #solutions .left-img img{

        width: 100%;

        height: 398px;

    }

    #introduction .wrap .info .img-left {

        width: 470px;

        height: 424px;

    }

    #introduction .wrap .info .img-left img {

        bottom: 14px;

        width: 377px;

        height: 438px;

    }

    #introduction .info .img-right {

        width: 471px;

    }

    #introduction .info .img-right .ruler {

        width: 220px;

        height: 317px;

    }

    #introduction .info h1 {

        font-size: 20px;

    }

    #introduction .info p {

        width: 439px;

        font-size: 12px;

    }

    #product .content ul li.item {

        /*width: 25%;*/

    }

    #news .content_wrapper li.item_block {

        margin-right: 7px;

        width: 478px;

    }

    #goback {

        right: 10%;

    }

    #news .content {

        width: 970px;

    }
    
    #indFqa .content{
        width: 970px;
    }

    #footer .cont2 div.item2 {

        margin-left: 30px;

    }

    #footer .cont2 div.item3 {

        margin-left: 0px;

    }

    #footer .cont2 div.item4 {

        margin-left: 30px;

    }

    #footer .cont2 div.item5 {

        margin-left: 24px;

    }

    .l-menu{

        width: 195px;

    }

    #left-menu {

        width: 195px;

    }

    .r-content {

        width: 744px;

    }

    #product .content ul li.item img {

        width: 169px;

    }

    #product .info .content{

        background-color: #2955b1;

        margin-top: 0px;

    }

    #product .info .left {

        width: 338px;

    }

    #product .info .left img {

        height: 250px;

    }

    #solutionshow .banner-wrap {

        width: 862px;

    }

    #prod .projectitem {

        width: 354px;

    }

    #solut .r-content .rcont ul li {

        width:742px;

    }
    #prod .r-content .rcont ul li {

        width:742px;

    }

    #apply .r-content .rcont ul li .lpic {

        width: 293px;

    }

    #apply .r-content .rcont ul li .rpic {

        width: 445px;

    }

    #apply .r-content .rcont ul li .mask {

        width: 276px;

    }

    #newss .r-content .rcont ul li .lpic {

        width: 293px;

    }

    #newss .r-content .rcont ul li .rpic {

        width: 400px;

    }

    #newss .r-content .rcont ul li .mask {

        width: 293px;

    }

    #newss .r-content .rcont ul li .mask div.link-icon {

        margin-left: 120px;

    }

    #abot .business ul li:not(:last-child) {

        margin-right: 41px;

    }

    #abot .business ul {

        margin-left: 0px;

    }

    .mytable {

        width: 1400px;

        margin-bottom: 60px;

    }

    .wwww {

        width: 315px;

    }



}





@media (min-width: 1600px){

    .content {width: 1400px;margin:0 auto;}

/*头部导航栏*/

.index_nav {

    height: 100px;

    background-color: #2855b1;

/*    position: fixed;*/

    width: 100%;

    z-index: 999;

}

#logo img{

        width: 100px;

    }

#logo,#nav {float: left;}

#logo {margin-top: 10px;}

#nav {left: 279px;height: 95px;margin-top: 5px;position: relative;z-index: 1}

#nav>li {text-align: center;width: 107px;float: left;position: relative;line-height: 90px;}

#nav>li:nth-child(2){

    margin-left: 29px;

}

#nav>li:nth-child(3){

    margin-left: 21px;

}

#nav>li:nth-child(4){

    margin-left: 16px;

}

#nav>li:nth-child(5){

    margin-left: 18px;

}

#nav>li:nth-child(6){

    margin-left: 20px;

}

#nav>li:nth-child(7){

    margin-left: 20px;

}

#nav a {    

    transition: none ease-out .3s;

    transition-property: color, background, text-indent, opacity;

}

#nav li.navitem.active>a {color: rgb(87, 244, 154);}

#nav .navitem ul.subnav{position: relative;}

#nav li.navitem:hover>a{color: rgb(87, 244, 154);}

#nav li.navitem:before{

    width: 0%;

    content: '';

    display: block;

    height: 5px;

    background: #57f598;

    position: absolute;

    top: -6px;

    background: -moz-linear-gradient(left,  #57f598 0%, #57c8f4 100%, #2989d8 100%, #57c8f4 100%);

    background: -webkit-linear-gradient(left,  #57f598 0%,#57c8f4 100%,#2989d8 100%,#57c8f4 100%);

    background: linear-gradient(to right,  #57f598 0%,#57c8f4 100%,#2989d8 100%,#57c8f4 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57f598', endColorstr='#57c8f4',GradientType=1 );

    transition: width 0.5s;

    -moz-transition: width 0.5s; 

    -webkit-transition: width 0.5s;

    -o-transition: width 0.5s;

    /*z-index: 999;*/

}

#nav li.navitem.active:before{

    width: 100%;

}

#nav li.navitem:hover:before{

    width: 100%;

}

#nav .fa {margin-left: 5px;font-size: 18px;}

#nav .subnav{

    width: 159px;

    background-color: #090909;

    margin-top: 18px;

    border-radius: 10px;

    font-size: 14px;

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    line-height: normal;

    padding-bottom: 10px;

    opacity: 0;

    transition: opacity 0.6s;

    -moz-transition: opacity 0.6s; 

    -webkit-transition: opacity 0.6s;

    -o-transition: opacity 0.6s;

}

#solutions .left-img img{

    width: 100%;

    height: 398px;

}

#nav .subnav li a{

    display: block;

    width: 135px;

    margin: 0 auto;

    padding:16px 0;

}

#nav .subnav li a:hover{

    color: rgb(87, 244, 154);

}

#nav .subnav li:not(:last-child) a{

    border-bottom: 1px solid #343333;

}

#nav li.navitem:hover .subnav{

    opacity: 0.8;

}

#nav .subnav img{

    position: relative;

    top: -8px;

}

#slideBox {

/*    height: 802px;*/

    position: relative;

    z-index: 1;

}

#slideBox img{

    width: 100%;

    /*height: 802px;*/

}

#search-bar{

    height: 77px;

    background-color: #faf9f9;

}

#search-bar .content{

    height: 77px;

}

#search-bar .latest,.search{

    float: left;

}

#search-bar .latest .icon,.news{

    margin-top: 27px;

    float: left;

}

#search-bar .latest .icon img{

    vertical-align: middle;

}

#search-bar .latest .icon span{

  font-size: 14px;

  color: rgb(40, 85, 177);

  font-weight: bold;

  text-transform: uppercase;

  margin-left: 5px;

}

.mytable {

    width: 1400px;

    margin-bottom: 60px;

}

.wwww {

    width: 444px;

}

#search-bar .news ul{

    margin-left: 8px;

}

#search-bar .news ul li{

    max-width: 277px;

    display: inline-block;

    line-height: 25px;

    background-image: url(../../images/front/latest_li.png);

    background-repeat: no-repeat;

    background-position: left;

    padding-left: 18px;

    padding-right: 40px;

}

#search-bar .news ul li a{

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(104, 104, 104);

}

#search-bar .search {

    position: relative;

    float: right;

}

#search-bar .search input{

    outline: none;

    margin-top: 21px;

    height: 37px;

    width: 321px;

    border: 1px solid #d7d6d6;

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(161, 158, 158);

    padding-left: 22px;

    position: relative;

    z-index: -1px;

}

#search-bar .search div.line{

    position: absolute;

    border-left: 1px solid #d7d6d6;

    height: 14px;

    top: 34px;

    z-index: 999;

    left: 12px;

}

#product .content ul li.item img {

    width: auto;

}

#search-bar div.btn{

    width: 40px;

    height: 40px;

    text-align: center;

    background-color: #2855b1;

    background-image: url(../../images/front/search_button.png);

    background-size: 22px 22px;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    top: 20px;

    left: 331px;

}

#four-icon {

    margin-top: 44px;

    height: 241px;

    font-size: 20px;

    color: #626262;

}

#four-icon li.item{

    width: 232px;

    height: 232px;

    background-size: cover;

    float: left;

    text-align: center;

    position: relative;

}

/*#four-icon li.item p:nth-child(1){

    margin-top: 114px;

}

#four-icon li.item p:nth-child(2){

    font-size: 14px;

    font-family: Arial;

}*/

#four-icon li.item .tt{

    margin-top: 114px;

}

#four-icon li.item .elglish{

    font-size: 14px;

    font-family: Arial;

}

#four-icon li.item .icon{

    left: 97px;

    top: 66px;

}

#four-icon li.item:hover{

    width: 232px;

    height: 232px;

    background-size: cover;

    float: left;

    color: #ffffff;

}

#four-icon ul .imgg{

    background-image: url(../../images/front/8jiao_active.png);

    background-size: cover;

    width: 232px;

    height: 232px;

    top: 0px;

}

#four-icon ul .icon,.imgg{

    visibility: hidden;

    position: absolute;

    z-index: -2;

    transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -webkit-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -moz-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

    -o-transition: All 4s cubic-bezier(0.07, 0.4, 0, 0.96);

}

#four-icon li.item:nth-child(3) p.icon{

    left: 102px;

}

#four-icon li.item:nth-child(4) p.icon{

    left: 100px;

}

#four-icon ul .icon{

    position: absolute;

    z-index: -1;

}

#four-icon li.item:nth-child(1){

    background-image: url(../../images/front/product.png);

}

#four-icon li.item:nth-child(2){

    background-image: url(../../images/front/solutions.png);

}

#four-icon li.item:nth-child(3){

    background-image: url(../../images/front/case.png);

}

#four-icon li.item:nth-child(4){

    background-image: url(../../images/front/news.png);

}

#four-icon li.item:nth-child(1):hover{

    background-image: none;

}

#four-icon li.item:nth-child(2):hover{

    background-image: none;

}

#four-icon li.item:nth-child(3):hover{

    background-image: none;

}

#four-icon li.item:nth-child(4):hover{

    background-image: none;

}

#four-icon li.item:nth-child(1):hover .imgg,#four-icon li.item:nth-child(1):hover  .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(2):hover .imgg,#four-icon li.item:nth-child(2):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(3):hover .imgg,#four-icon li.item:nth-child(3):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(4):hover .imgg,#four-icon li.item:nth-child(4):hover .icon{

    visibility: visible;

}

#four-icon li.item:nth-child(1):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}

#four-icon li.item:nth-child(2):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}#four-icon li.item:nth-child(3):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}#four-icon li.item:nth-child(4):hover .imgg{

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

}

/*#four-icon li.item:nth-child(1):hover{

    background-image: url(../../images/front/product_hover.png);

}

#four-icon li.item:nth-child(2):hover{

    background-image: url(../../images/front/solutions_hover.png);

}

#four-icon li.item:nth-child(3):hover{

    background-image: url(../../images/front/case_hover.png);

}

#four-icon li.item:nth-child(4):hover{

    background-image: url(../../images/front/news_hover.png);

}*/





#four-icon li.item:nth-child(2){

    margin-left: 154px;

    margin-right: 154px;

}

#four-icon li.item:nth-child(3){

    margin-right: 154px;

}

#solutions {

    margin-top: 73px;

}

#solutions .content{

    text-align: center;

}

#solutions .title{

    background-image: url(../../images/front/bg.png);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 40px 71px;

    height: 115px;

    padding-top: 112px;

    border-bottom: 1px solid #eeeef0;

    text-align: center;

}

#solutions .title .p1{

    font-size: 32px;

    color: rgb(65, 68, 70);



}

#solutions .title .p2{

    font-size: 16px;

    color: rgb(192, 195, 202);

    margin-top: 4px;

}

#solutions .title .p3{

    font-size: 26px;

    color: rgb(192, 195, 202);

    margin-top: 7px;

}

#solutions .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#solutions .cont{

    height: 398px;

    position: relative;

    background-color: #2955b1;

    margin-top: 32px;

}

#solutions .cont .left-img{

    position: relative;

    width: 50%;

    float: left;

}

#solutions .cont .right-img{

    position: relative;

    float: left;

    padding-left: 27px;

    padding-top: 68px;

    height: 330px;

    width: 47%;

}

#solutions .cont ul li i{

    position: absolute;

    z-index: 999;

}

#solutions .cont .prev{

    position: absolute;

    top: 50%;

    left: 3%;

}

#solutions .cont .next{

    position: absolute;

    right: 3%;

    top:50%;

}

#solutions .cont h1{

    font-size: 18px;

    color: rgb(255, 255, 255);

    font-weight: bold;

}

#solutions .cont p{

    width: 88%;

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 1.5;

    margin-top: 30px;

    text-indent: 34px;

}

#solutions .cont div.btn{

    width: 182px;

    height: 48px;

    background-color: #57eea7;

    /*position: relative;;

    bottom: -96px;

    left: 18px;*/

    position: absolute;

    left: 28px;

    bottom: 5px;

}

#solutions .cont div.btn>div{

    width: 134px;

    height: 44px;

    text-align: center;

    line-height: 45px;

    background-color: #2955b1;

    margin-left: 46px;

    position: relative;

    top: 2px;

    font-size: 16px;

    font-family: "SimSun";

    color: rgb(255, 255, 255);

}

#solutions .cont ul li div.right-img div.btn i.fa{

    font-size: 28px;

    color: rgb(252, 252, 253);

    position: absolute;

    top: 9px;

    left: 19px;

}

#introduction{

    margin-top: 30px;

}

#introduction .btn2{

    height: 71px;

    background-image: url(../../images/front/bg.png);

    background-position: center top;

    background-size: 40px 71px;

    background-repeat: no-repeat;

}

#introduction .wrap{

    text-align: center;

    margin-top: 18px;

    background-color: #fcfcfd;

}

#introduction .wrap .title{

    padding-top: 35px;

    border-bottom: 1px solid #eeeef0;

}

#introduction .title .p1{

    font-size: 32px;

    color: rgb(65, 68, 70);



}

#introduction .title .p2{

    font-size: 16px;

    color: rgb(192, 195, 202);

    margin-top: 4px;

}

#introduction .title .p3{

    font-size: 26px;

    color: rgb(192, 195, 202);

    margin-top: 7px;

}

#introduction .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#introduction .wrap .info{

    height: 613px;

    background-image: url(../../images/front/bg_introduction.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    position: relative;

}

#introduction .wrap .info .img-left{

    width: 702px;

    height: 447px;

    border-left: 4px solid #2955b1;

    border-bottom: 4px solid #2955b1;

    background-image: url(../../images/front/ruler_left.png);

    background-repeat: no-repeat;

    margin-top: 76px;

    float: left;

    position: relative;

}

#introduction .wrap .info .img-left img{

    position: relative;

    bottom: 26px;

    width: auto;

    bottom: -9px;

}

#introduction .info .img-right{

    float: right;

    margin-top: 76px;

    width: 580px;

    position: relative;

    text-align: left;

}

#introduction .info h1{

    font-size: 26px;

    color: rgb(41, 85, 177);

}

#introduction .info p{

    width: 610px;

    font-size: 16px;

    color: rgb(255, 255, 255);

    line-height: 2;

    margin-top: 30px;

    text-indent: 34px;

    font-size: 14px;

    font-family: "SimSun";

    color: rgb(78, 78, 79);

}

#introduction .info div.btn{

    height: 48px;

    position: relative;;

    bottom: -55px;

    left: 18px;

}

#introduction .info div.btn .btn-left{

    width: 48px;

    height: 48px;

    float: left;

    background-color: #2955b1;

}

#introduction .info div.btn .btn-right{

    width: 135px;

    height: 44px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    font-family: "SimSun";

    color: #989899;

    float:left;

    border-top: 2px solid #2955b1;

    border-right: 2px solid #2955b1;

    border-bottom: 2px solid #2955b1;

}

#introduction .info .img-right i.fa{

    font-size: 28px;

    color: rgb(252, 252, 253);

    position: absolute;

    top: 9px;

    left: 19px;

}

#introduction .info .img-right .ruler{

    position: absolute;

    width: 352px;

    height: 328px;

    border-right: 4px solid #2955b1;

    border-top: 4px solid #2955b1;

    background-image: url(../../images/front/ruler_right.png);

    background-repeat: no-repeat;

    background-position: right;

    right: 0px;

}

#product .wrap{

    text-align: center;

}

#product .wrap .title{

    border-bottom: 1px solid #5e5f62;

    padding-top: 25px;

    height: 118px;

}

#product .title .p1{

    font-size: 32px;

    color: #fff;

}

#product .title .p2{

    font-size: 16px;

    color: #c0c3ca;

    margin-top: 4px;

}

#product .title .p3{

    font-size: 26px;

    color: #c0c3ca;

    margin-top: 7px;

}

#product .line{

    height: 1px;

    width: 131px;

    background-image: url(../../images/front/bg2.png);

    background-size: 131px 1px;

    background-position: center bottom;

    margin: 0 auto;

}

#product{

    height: 867px;

    background-image: url(../../images/front/bg_product.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

#product .content{

    background-color: #e8e6e6;

    height: 268px;

    margin-top: 32px;

}

#product .content ul{

    border-collapse: separate;

    border-spacing:4px

}

#product .content ul li.item{

    background-color: #ffffff;

    width: 345.5px;

    height: 261px;

    margin-top: 3px;

    display: table-cell;

    vertical-align: middle;

}

#product .info {

    background-color: #2955b1;

    height: 320px;

}

#product .info .left{

    text-align: center;

    width: 463px;

    height: 307px;

    float: left;

}

#product .info .right{

    text-align: left;

    color: #ffffff; 

    padding-top: 31px;

    line-height: 32px;

    font-size: 16px;

}

#news {margin-top:13px;position:relative;}
#news .content {text-align:center;width:1425px;}
#news .content_wrapper {height:500px;margin:0 auto;margin-top:64px;}
#news .content_wrapper li.item_block {float:left;margin-bottom:65px;margin-right:42px;width:670px;height:182px;}
#news .content_list li .item_img {display:block;position:relative;width:266px;height:176px;float:left;overflow:hidden;}
#news .content_list li .item_img img {width:100%;height:100%;transition:all ease-out .3s .1s;}
#news .content_list li:hover .item_img img {transform:scale(1.1,1.1);}
#news .content_list li .item_img .item_mask {content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;opacity:0;transform-origin:50% 0;transform:scale(1,1);transition:all ease-out .3s;}
#news .content_list li:hover .item_mask {top:0;opacity:1;transform:scale(1,1);transition:all .5s cubic-bezier(.23,1,.38,1) 0s;}
#news .content_list li .item_img .item_link_icon {display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;border:2px solid rgb(255,255,255);border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-21px;transform:translateY(-142px);opacity:0;transition:all 0.6s cubic-bezier(.23,1,.38,1) .2s;}
#news .content_list li:hover .item_link_icon {transform:translateY(-21px);opacity:1;}
#news .content_list li a.item_img .item_link_icon i {margin-top:8px;}
#news .content_list li .item_wrapper {margin-left:296px;margin-top:10px;text-align:left;}
#news .content_list li .item_info .title {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:"Microsoft YaHei";color:rgb(32,32,33);font-weight:bold;}
#news .content_list li .item_info .subtitle {border-bottom:1px dotted #d3d3d3;padding-bottom:10px;line-height:24px;font-size:13px;font-family:"SimSun";color:rgb(121,121,122);}
#news .content_list li .item_info .description {height:56px;overflow:hidden;margin-top:20px;font-size:12px;padding-bottom:10px;margin-top:10px;line-height:22px;font-size:13px;font-family:"SimSun";color:rgb(121,121,122);}
#news div.title {background-image:url(../../images/front/bg.png);background-position:center top;background-repeat:no-repeat;background-size:40px 71px;height:115px;padding-top:90px;border-bottom:1px solid #eeeef0;text-align:center;}
#news .title .p1 {font-size:32px;color:rgb(65,68,70);}
#news .title .p2 {font-size:16px;color:rgb(192,195,202);margin-top:4px;}
#news .title .p3 {font-size:26px;color:rgb(192,195,202);margin-top:7px;}
#news .line {height:1px;width:131px;background-image:url(../../images/front/bg2.png);background-size:131px 1px;background-position:center bottom;margin:0 auto;}


#indFqa{margin-bottom:50px;position:relative;}
#indFqa .content {text-align:center;width:1425px;}

#footer .cont{

    height: 102px;

    background-color: #2855b1;

    text-align: center;

    line-height: 102px;

    font-size: 24px;

    color: rgb(255, 255, 255);

    position: relative;

}

#footer .fbtn{

    width: 182px;

    height: 42px;

    border: 2px solid #305fc1;

    margin: 0 auto;

    display: inline-block;

    border-radius: 30px; 

    margin-top: 10px;

    line-height: 42px;

    font-size: 16px;

    margin-left: 32px;

}

#footer .cont2{

    height: 379px;

    background-color: #2c2f3c;

}

#footer .cont2 div>div{

    margin-top: 73px;

}

#footer .cont2  span {

    font-size: 16px;

    color: #fff;

    padding-left: 18px;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    border-left: 3px solid #2855b1;

}

#footer .cont2  ul{

    padding-left: 23px;

    margin-top: 32px;

}

#footer .cont2  ul li a{

    font-size: 16px;

    color: #79797a;

    line-height: 30px;

}

#footer .cont2 div.item1{

    width: 103px;

    float: left;

}

#footer .cont2 div.item2{

    width: 160px;

    float: left;

    margin-left: 110px;

}

#footer .cont2 div.item3{

    width: 94px;

    float: left;

    margin-left: 50px;

}

#footer .cont2 div.item4{

    width: 92px;

    float: left;

    margin-left: 113px;

}

#footer .cont2 div.item5{

    width: 340px;

    float: left;

    margin-left: 110px;

}

#footer .cont2 div.item6{

    float: left;

    width: 170px;

    margin-left: 10px;

}

#footer .cont2 div.item6 ul{

    margin: 0;

}

#footer .cont2 div.item6 ul li{

    text-align: center;
    
    margin-bottom:20px;

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(73, 78, 96);

}

#goback{

    position: absolute;

    right: 261px;

    width: 74px;

    height: 74px;

    top: -37px;

    background: url(../../images/front/gettop.png) no-repeat

}

#footer .cont3 {

    height: 58px;

    background-color: #262934;

    line-height: 58px;

}

#footer .cont3 .p1{

    font-size: 12px;

    font-family: "SimSun";

    color: rgb(62, 67, 83);

}

#footer .cont3 .p2{

    float: right;

}

#footer .cont3 .p2, .p2 a{

    color: #3e4353;

    font-size: 12px;

}

#footer .cont3 .p2 a{

    padding-left: 10px;

    padding-right: 10px;

}

#left-menu{

    width: 220px;

    background-color: #2855b1;

    padding-bottom: 38px;

    border-radius: 5px;

}

#left-menu .title{

    height: 84px;

}

#left-menu .title span{

    font-size: 26px;

    color: rgb(255, 255, 255);

    font-weight: bold;

    margin-top: 40px;

    margin-left: 30px;

    display: inline-block;

}

#left-menu .sub-title{

    height: 70px;

    background-color: #264ea7;

    text-align: right;

}

#left-menu .sub-title span{

    font-size: 16px;

    font-family: "Arial";

    color: rgb(212, 210, 210);

    margin-top: 11px;

    margin-right: 35px;

    display: inline-block;

}

#left-menu div.nav ul{

    padding: 0 15px;

    margin-top: 10px;

}

#left-menu div.nav ul li{

    height: 60px;

    line-height: 60px;

    padding-left: 30px;

    border-bottom: 2px solid #3162c6;

    background-image: url(../../images/front/so_li.png);

    background-repeat: no-repeat;

    background-position: 11px center;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#left-menu div.nav ul li:hover{

    padding-left: 35px;

    background-color: #2249A0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#left-menu div.nav ul li a{

    color: #ffffff;

    font-size: 16px;

}

#left-menu div.nav ul li.active{

    background-image: url(../../images/front/so_li_active.png);

}

#left-menu div.nav ul li:hover{

    background-image: url(../../images/front/so_li_active.png);

}

#left-menu div.nav ul li.active a{

    color: #edc901;

}

#left-menu div.nav ul li:hover a{

    color: #edc901;

}

#catpos{

    height: 40px;

    background-color: #ffffff;

    border-top: 2px solid #ececec;

    border-bottom: 2px solid #ececec;

    line-height: 40px;

    background-image: url(../../images/front/home.png);

    background-repeat: no-repeat;

    background-position: 14px center;

}

#catpos .con{

    font-size: 14px;

    color: rgb(53, 50, 53);

    font-weight: bold;

    margin-left: 40px;

}

#catpos .con a{

    font-size: 14px;

    color: rgb(53, 50, 53);

    font-weight: 100;

}

#pages a{

    display: inline-block;

    padding: 4px 5px;

    border: 1px solid #dddddd;

    color: #666666;

}

#pages a:hover{

    background-color: #fb9007;

    border: 1px solid #e61636;

}

#pages a.active{

    background-color: #fb9007;

    border: 1px solid #e61636;

}

#pages span{

    background-color: #fb9007;

    border: 1px solid #e61636;

    padding: 4px 5px;

    color: #fff;

    cursor: pointer;

}

#solut,#prod,#apply,#nes-center,#down,#newss,#abot {

    position: relative;

}

.wrap-content{

    position: relative;

}

.l-menu{

    width: 220px;

    position: relative;

    top: 5px;

    float: left;

}

.r-content{

    float: left;

    width: 1149px;

    margin-top: 26px;

    margin-left: 31px;

}

.r-content .rcont{

    margin-top: 37px;

}

#solut .r-content .rcont ul li{

    position: relative;

    width: 559px;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 37px;

}

#solut .r-content .rcont ul li{

    float: left;

}

#solut .r-content .rcont ul li:nth-child(2n){

    float: right;

}

#solut .r-content .rcont ul li .mask{

    width: 287px;

    height: 227px;

    border: 1px solid #fff;

    position: absolute;

    top: 7px;

    left: 7px;

    visibility: hidden;

    transition-property: visibility;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#solut .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 302px;

    height: 241px;

}

#solut .r-content .rcont ul li .rpic{

    float: left;

    width: 237px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#solut .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    font-weight: bold;

}

#solut .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 104px;

    font-size: 13px;

    color: #352e2e;

}

#solut .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 128px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#solut .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#solut .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#solut .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#solut div.img img{

    position: relative;

}

#solut .r-content .rcont ul li:hover .mask{

    visibility: visible;

}


#prod .r-content .rcont ul li{

    position: relative;

    width: 559px;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 37px;

}


#prod .projectitem {

    width: 364px;

    margin: 0 15px 25px 0;

    height: 384px;

    background: none;

    display: inline-block;

    float: none;

    transition: all 0.3s ease-out 0s;

    position: relative;

}

#prod ul.content-list .projectitem:nth-child(3n){

    margin-right: 0px;

}

#prod .projectitem a {

    display: block;

    overflow: hidden;

}

#prod .projectitem a img {

    float: none;

    height: auto;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    width: 364px;

}

#prodt .projectitem a .project_info p.subtitle {

    margin-top: 16px;

    color: rgba(0,0,0,0);

    font-size: 12px;

    transition: all ease-out .3s;

}

#prod .projectitem a .project_info p {

    width: auto;

    text-align: left;

}

#prod .projectitem a .project_info {

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0);

    position: absolute;

    left: 0;

    top: 0;

    transition: all ease-out .3s;

}

#prod .projectitem a .project_info div {

    height: 91px;

    border-top: 1px solid rgba(0,0,0,.08);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    position: absolute;

    bottom: 0px;

    top: auto;

    width: 100%;

    background: #fff;

}

#prod .projectitem a .project_info .title {

    font-size: 16px;

    color: #666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 28px;

    line-height: 28px;

    margin: 0px;

    padding: 22px 70px 0px 30px;

}

#prod .projectitem a .project_info .subtitle {

    color: #999;

    display: block;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    margin: 0px;

    padding: 0px 70px 0px 30px;

    font-size: 13px;

    font-family: "Arial";

    color: rgb(134, 134, 134);

    line-height: 1.2;

}

#prod .projectitem a .project_info div:after {

    content: '';

    width: 37px;

    height: 20px;

    display: block;

    position: absolute;

    top: 50%;

    right: 30px;

    background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -30px -66px;

    transition: all 0.3s ease-out 0s;

    margin-top: -10px;

}

#prod .projectitem:hover {

    box-shadow: 0 15px 30px rgba(0,0,0,0.1);

}

#prod .projectitem a:hover img {

    transform: scale(1.1, 1.1);

}

#prod .projectitem a:hover .project_info {

    background: none;

}

#prod .projectitem:hover a .project_info div {

    padding: 10px 0;

}

#prod .projectitem a:hover .project_info p.title {

    margin-top: 0px;

    color: #fff;

    font-size: 16px;

}

#prod .projectitem a:hover .project_info p.title {

    color: #666;

}

#prod .projectitem a:hover .project_info p.subtitle {

    margin-top: 0px;

    color: #b7b7b7;

}

#prod .projectitem:hover a .project_info div:after {

    background: url(../../images/front/icon.png) no-repeat 16px -66px;

    border-left: 1px solid rgba(0,0,0,.1);

}

#apply {

    margin-bottom: 169px;

}

#apply .r-content .rcont ul{

    margin-top: 0;

}

#apply .r-content .rcont ul li{

    margin-top: 37px;

    position: relative;

    height: 241px;

    box-shadow: 2px 0px 20px #dedede;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#apply .r-content .rcont ul .line2{

    height: 40px;

    border-bottom: 1px dashed #e5e5e5; 

}

#apply .r-content .rcont ul li .mask{

    width: 484px;

    height: 228px;

    border: 1px solid #fff;

    position: absolute;

    top: 7px;

    left: 7px;

    transition-property: visibility;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#apply .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 504px;

    height: 241px;

}

#apply .r-content .rcont ul li .rpic{

    float: left;

    width: 625px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#apply .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    font-weight: bold;

}

#apply .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 63px;

    font-size: 13px;

    color: #352e2e;

}

#apply .r-content .rcont ul li .rpic .date{

    margin-left: 22px;

}

#apply .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 128px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#apply .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#apply .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#apply .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#apply div.img img{

    position: relative;

}

#down .serviceitem {

    width: 100%;

    height: 280px;

    margin-right: 0;

    margin-bottom: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#down .serviceitem a {

    margin-left: 0;

    text-align: left;

}

.service_img {

    display: inline;

}

#down .serviceitem a img {

    float: none;

    width: 560px;

    height: 238px;

}

#down .serviceitem:nth-child(odd) div {

    float: right;

    margin-top: 35px;

    margin-right: 110px;

}

#down .serviceitem:nth-child(2n) div {

    float: left;

    margin-left: 0;

    margin-right:110px;

}

#down .serviceitem:nth-child(2n) a.details {

    left: 0;

}

#down .serviceitem:nth-child(2n) div {

    float: left;

    margin-left: 0;

    margin-right: 110px;

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

}

#down .rcont a.details {

    display: block;

    height: 38px;

    line-height: 38px;

    font-size: 14px;

    color: #999;

    text-indent: 0;

    border-radius: 0;

    margin: 0;

    top: -100px;

    position: relative;

    z-index: 1;

    border-top: 1px solid rgba(0,0,0,.1);

    font-size: 18px;

    color: rgb(165, 165, 165);

    line-height: 1.278;

    background-image: url(../../images/front/d.png);

    background-position: 190px center;

    background-repeat: no-repeat;

}

#down .serviceitem div p.title {

    color: #333;

    font-size: 19px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 60px;

    text-align: left;

}



#down .serviceitem div p.description {

    width: 98%;

    height: 80px;

    color: #999;

    padding-right: 2%;

    line-height: 26px;

    font-size: 13px;

}

#down .serviceitem div {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#down .serviceitem:nth-child(odd) div {

    float: right;

    margin-top: 35px;

}

#down .serviceitem div {

    width: 40%;

}

#down .rcont a.details {

    display: block;

    width: 100px;

    height: 35px;

    line-height: 34px;

    font-size: 14px;

    color: #999;

    text-indent: 0;

    border-radius: 0;

    text-align: center;

    margin: 0;

    top: -100px;

    position: relative;

    z-index: 1;

    border: none;

    border-top: 1px solid rgba(0,0,0,.1);

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

}

#down a.more:hover, #down a.details:hover, #down .rcont a.details:hover {

    border-color: #b6b6b6;

    text-indent: 130px;

}

#down .rcont a.details:hover {

    background: #2855b1;

    text-indent: 0;

    border-top: transparent;

    color: #ffffff;

    background-image: url(../../images/front/da.png);

    background-repeat: no-repeat;

    background-position: 190px center;

}

#down .rcont a.details {

    top: -37px;

    margin: 0;

    text-align: center;

    width: 490px;

    left: 50%;

    border-top: none;

    border-top: 1px solid rgba(0,0,0,.08);

    color: #999;

    transition: all ease-out .3s;

}

#down .serviceitem:hover div {

    margin-top: 20px;

}

#down a.details:hover {

    background: #515151;

    text-indent: 0;

    border-top: transparent;

    color: #ffff00;

}

#down a.details:hover i {

    text-indent: 12px;

}

#newss .r-content .rcont ul li{

    position: relative;

    height: 230px;

    background-color: #f0f0f0;

    padding: 20px 20px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-bottom: 40px;

}

#newss .r-content .rcont ul li .mask{

    width: 422px;

    height: 229px;

    position: absolute;

    top: 20px;

    left: 20px;

    visibility: hidden;

    transition-property: visibility;

    opacity: 0.8;

    background-color: rgba(0, 0, 0, .3);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#newss .r-content .rcont ul li .mask div.link-icon{

    width: 49px;

    height: 49px;

    color: #fff;

    border: 2px solid rgb(255, 255, 255);

    border-radius: 50%;

    font-size: 27px;

    text-align: center;

    margin-left: 174px;

    margin-top: 86px;

}

#newss .r-content .rcont ul li .mask div.link-icon .fa{

    margin-top: 12px;

}

#newss .r-content .rcont ul li .lpic{

    float: left;

    overflow: hidden;

    width: 422px;

    height: 229px;

}

#newss .r-content .rcont ul li .rpic{

    float: left;

    width: 660px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(143, 143, 143);

    line-height: 1.538;

}

#newss .r-content .rcont ul li .rpic .title{

    font-size: 16px;

    font-family: "Microsoft YaHei";

    color: rgb(53, 50, 53);

    line-height: 1.625;

    margin-top: 21px;

    margin-bottom: 21px;

    margin-left: 22px;

    color: rgb(53, 50, 53);

    font-weight: bold;

}

#newss .r-content .rcont ul li .rpic .description{

    margin-left: 22px;

    height: 76px;

    font-size: 13px;

    font-family: "SimSun";

    color: rgb(124, 123, 124);

    line-height: 1.692;

    color: #352e2e;

}

#newss .r-content .rcont ul li .rpic .date{

    font-size: 14px;

    color: rgb(124, 123, 124);

    line-height: 1.571;

    margin-left: 22px;

}

#newss .r-content .rcont ul li .rpic .btnn a{

    font-size: 14px;

    font-family: "SimSun";

    color: #7b7b7b;

    text-transform: uppercase;

    line-height: 1.571;

    margin-left: 22px;

    display: block;

    background-color: #fff;

    width: 139px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    border: 1px solid #7b7b7b;

    margin-top: 15px;

    transition: all ease-out .3s .1s;

}

#newss .r-content .rcont ul li .lpic img{

    width: 100%;

    height: 100%;

    transition: all ease-out .3s .1s;

}

#newss .r-content .rcont ul li:hover .lpic img{

    transform: scale(1.1, 1.1);

}

#newss .r-content .rcont ul li:hover .rpic .btnn a{

    background-color: #2855b1;

    color: #fff;

}

#newss div.img img{

    position: relative;

}

#newss .r-content .rcont ul li:hover .mask{

    visibility: visible;

}

#abot {

    margin-bottom: 166px;

}

#abot .content .header {

    padding-bottom: 50px;

    padding-top: 80px;

}

#abot .content .header p {

    text-align: center;

    color: #444;

    font-size: 26px;

}

#abot .content .header p.subtitle {

    color: #c1c1c1;

    font-size: 16px;

}

#abot .post-img {

    float: left;

    width: 587px;

}

#abot .post-content {

    float: left;

    margin-left: 24px;

    margin-bottom: 30px;

    width: 770px;

}

#abot .postbody {

    line-height: 24px;

    font-size: 13px;

    color: #6a6a6a;

}

#abot .postbody hr {

    height: 1px;

    border: none;

    border-top: 1px dotted rgb(211, 211, 211);

    margin-top: 20px;

    margin-bottom: 20px;

}

#abot .business{

    margin-top: 180px;

}

#abot .business ul{

    margin-top: 44px;

    margin-left: 54px;

}

#abot .business ul li{

    width: 150px;

    float: left;

}

#abot .business ul li:not(:last-child){

    margin-right: 130px;

}

#abot .business ul li .bgimg{

    height: 84px;

    background-position: center;

    background-repeat: no-repeat;

    padding-top: 100px;

    font-size: 18px;

    color: rgb(255, 255, 255);

    line-height: 1.2;

    text-align: center;

}

#abot .business ul li .pbody{

    margin-top: 47px;

    font-size: 18px;

    color: rgb(75, 74, 75);

    line-height: 2;

    text-align: center;

}

#abot .business ul li:nth-child(1) .bgimg{

    background-image: url(../../images/front/a1.png);

    /*margin-left: 54px;*/

    /*margin-right: 132px;*/

}

#abot .business ul li:nth-child(2) .bgimg{

    background-image: url(../../images/front/a2.png);

    /*margin-right: 133px;*/

}

#abot .business ul li:nth-child(3) .bgimg{

    background-image: url(../../images/front/a3.png);

    /*margin-right: 131px;*/

}

#abot .business ul li:nth-child(4) .bgimg{

    background-image: url(../../images/front/a4.png);

    /*margin-right: 132px;*/

}

#abot .business ul li:nth-child(5) .bgimg{

    background-image: url(../../images/front/a5.png);

}

#abot .business .english{

    font-weight: bold;

    font-size: 32px;

    color: #cccccc;

}

#abot .business .title{

    font-weight: bold;

    font-size: 32px;

    color: #4b4a4b;

}

#abot .business .description

{

    font-size: 18px;

    color: rgb(73, 78, 96);

    line-height: 1.2;

    margin-top: 30px;

}

#productshow .img{

    height: 400px;

}

.postbody {

    margin-top: 54px;

}

.postbody .header .title {

    font-size: 22px;

    color: rgb(93, 93, 93);

    font-weight: bold;

}

.header .description {

    font-size: 14px;

    font-family: "SimSun";

    color: rgb(183, 183, 183);

    line-height: 1.857;

    margin-top: 25px;

}

.header .btnnn {

    width: 152px;

    height: 42px;

    background-color: #2955b1;

    line-height: 43px;

    text-align: center;

    font-size: 16px;

    color: rgb(255, 255, 255);

    margin-top: 40px;

}

.postbody .post-content .title{

    border-bottom: 1px dashed #e5e5e5;

}

.postbody .post-content .title span{

    width: 161px;

    height: 48px;

    background-color: #e5e5e5;

    line-height: 48px;

    text-align: center;

    margin-top: 40px;

    font-size: 18px;

    color: rgb(43, 42, 42);

    display: block;

    border-top-left-radius: 9px; 

    border-top-right-radius: 9px; 

}

.postbody .post-content .pct{

    margin-top: 18px;

    margin-bottom: 200px;

    font-size: 16px;

    color: rgb(68, 68, 68);

    text-transform: uppercase;

    line-height: 1.625;

}

#solutionshow .banner {

    background-color: #f8f8f8;

    height: 511px;

}

#solutionshow .banner-wrap{

    background-color: #fff;

    width: 982px;

    height: 511px;

    margin: 0 auto;

    text-align: center;

    margin-top: 15px;

}

#solutionshow .img-wrap img{

    max-height: 500px;

}

#solutionshow .prev{

    float: left;

    margin-top: 228px;

}

#solutionshow .next{

    float: right;

    margin-top: 228px;

}

#conta .business {

    margin-top: 68px;

}

#conta .business .title{

    font-weight: bold;

    font-size: 40px;

    color: #4b4a4b;

}

#conta .business .description

{

    font-size: 18px;

    color: rgb(73, 78, 96);

    line-height: 1.2;

    margin-top: 30px;

}

#conta .business .english{

    font-weight: bold;

    font-size: 32px;

    color: #cccccc;

}

#conta .business p{

  font-size: 14px;

  color: rgb(75, 74, 75);

  line-height: 2.429;

}

#conta {

    margin-bottom: 180px;

}

#conta .form{

  font-size: 18px;

  color: rgb(75, 74, 75);

  padding-top: 172px;

  border-top: 1px dashed #e5e5e5;

}

#conta .form div{

  height: 52px;

  line-height: 52px;

  margin-bottom: 14px;

  margin-left: 9px;

}

#conta .form div span{

  display: inline-block;

  width: 97px;

}

#conta .form input{

  height: 52px;

  width: 638px;

  border: 0;

  background-color: #f2f2f2;

}

#conta .form .xing{

  color: #fd011f;

  margin-left: 13px;

}

#conta .form .buto{

  height: 45px;

  line-height: 45px;

  width: 174px;

  text-align: center;

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: rgb(255, 255, 255);

  text-transform: uppercase;

  background-color: #2855b1;

  border-radius: 23px;

  margin-left: 272px;

  margin-top: 132px;

}

}