.drop a:hover .blue,
    .e6 {
        background-color: #c70202
    }

    .title,
    .title2 {
        line-height: 30px
    }

    .ipubp,
    .more1,
    .pthreeli li,
    .text-center,
    .threeli li,
    .title,
	.title_rd,
    .twoli li {
        text-align: center
    }

    .bigpic,
    .tj_bar {
        position: relative
    }

    .form-boxz li:after,
    .m-nav {
        clear: both
    }

    *,
    :after,
    :before {
        box-sizing: border-box
    }

    body {
        font-family: "微软雅黑", "Microsoft Yahei", Arial;
        color: #666;
        font-size: 12px;
        overflow-x: hidden
    }

    button,
    input[type=submit],
    input[type=reset],
    input[type=button] {
        -webkit-appearance: none
    }

    input,
    select,
    textarea {
        outline: 0
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400
    }

    u {
        text-decoration: none
    }

    #fd a:hover,
    .resume span a:hover {
        text-decoration: underline
    }

    img {
        max-width: 100%
    }

    a {
        color: #333
    }

    .drop a {
        color: #1b2967
    }

    #fd dl dd a:hover,
    .c7,
    .drop a:hover,
    .in_showbox .tabname li.on h5,
    .in_showbox .tabname li:hover h5,
    .location a:hover,
    .more1 a:hover,
    a:hover {
        color: #c70202;
        cursor: pointer
    }

    .group-right .on,
    .group-right a:hover {
        color: #1b2967;
        cursor: pointer;
		text-shadow: 5px 5px 8px #b2bcea;
		-webkit-text-shadow: 5px 5px 8px #b2bcea;
		-o-text-shadow: 5px 5px 8px #b2bcea;
		-moz-text-shadow: 5px 5px 8px #b2bcea;
		-ms-text-shadow: 5px 5px 8px #b2bcea;
    }

    .mask a {
        color: #fff
    }

    .mask a:hover {
        text-shadow: 0 0 10px #fff;
        -moz-text-shadow: 0 0 10px #fff;
        -o-text-shadow: 0 0 10px #fff;
        -ms-text-shadow: 0 0 10px #fff;
        -webkit-text-shadow: 0 0 10px #fff
    }

    h5 {
        font-size: 14px
    }

    .pc_hide ,
	.view_bf img {
        display: none;
    }

    .n_drop,
    .wp {
        width: 1000px;
        margin: 0 auto
    }

    .p_main {
        padding: 40px 0
    }

    .brdio a {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        -moz-border-radius: 20px
    }

    .icase .wp,
    .ipro .wp,
    .isol .wp {
        padding: 60px 0
    }

    .pad {
        padding: 30px
    }

    .mb6 {
        margin-bottom: 60px
    }

    .f2 {
        background: #f2f2f2
    }

    .fl {
		text-align:center;
        float: left
    }

    .fr {
        float: right
    }

    .title {
        font-size: 28px;
        color: #333;
        background: url(/Public/Images/home/phpcms/en-us/bg1.png) center no-repeat;
        margin-bottom: 40px
    }

    .title2 {
        font-size: 16px
    }

    .ipubp,
    .title3 {
        line-height: 24px
    }

    .title3 {
        font-size: 24px;
        color: #333
    }

    .ipubp {
        color: #999
    }

    .more3,
    .more4 {
        font-size: 14px;
        line-height: 28px;
        font-weight: 700
    }

    .twoli li {
        float: left;
        width: 50%
    }

    .pthreeli li {
        float: left;
        width: 33.33%
    }

    .threeli li {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .form-boxz .inp-box.mn,
    .fourlist .mn,
    .threeli .mn {
        margin-right: 0
    }

    .btn2,
    .more1 {
        margin: 0 auto
    }

    .twolist li {
        float: left;
        width: 100%
    }

    .twolist .twolistl {
        float: left;
        width: 50%;
        overflow: hidden
    }

    .twolist .twolistr {
        float: right;
        width: 50%;
        overflow: hidden
    }

    .fivelist li {
        float: left;
        width: 20%
    }

    .fourlist li {
        float: left;
        width: 25%
    }

    .more1 {
        border-bottom: 1px solid #d4d4d4;
        width: 15%;
        padding-bottom: 5px
    }

    .more3 a,
    .more4 a {
        padding: 5px 21px;
        text-align: center
    }

    .more1 a,
    .more1 input {
        border-radius: 5px;
        color: #666
    }

    .more1:hover,
    .more1:hover a {
        color: #c70202
    }

    .more1:hover {
        cursor: pointer;
        border-bottom: 1px solid #c70202
    }

    .more2 {
        border: 1px solid #8d8d8d;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        text-align: center
    }

    .more2:hover,
    .more3 a,
    .more4 a {
        border: 1px solid #c70202
    }

    .more2 a {
        color: #8d8d8d
    }

    .more3 {
        text-align: center
    }

    .more3 a {
        background-color: #fff;
        color: #c70202
    }

    .more3 a:hover,
    .more4 a {
        background-color: #c70202;
        color: #fff
    }

    .more3 a:hover {
        cursor: pointer
    }

    .more4 {
        text-align: center
    }

    .more4 a:hover {
        background-color: #fff;
        cursor: pointer;
        color: #c70202
    }

    .btn1 {
        color: #c70202
    }

    .btn1:hover {
        color: #d70011
    }

    .btn2 {
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #e8340c;
        border: 1px solid #fff
    }

    .btn2 img {
        transition: all ease-in .5s
    }

    .btn2:hover img {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }

    .parg p {
        font-size: 12px;
        line-height: 24px
    }

    .bigpic {
        min-height: 450px
    }

    .bigtitle {
        font-weight: 700;
        font-size: 30px;
        line-height: 60px;
        color: #333
    }

    .bigpic p,
    .bigtitle2 {
        color: #666
    }

    .bigtitle2 {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px
    }

    .bigpic .ff p,
    .ff {
        color: #fff
    }

    .big-left,
    .big-right {
        margin-top: 10%
    }

    .half-left {
        width: 50%;
        margin-left: 0
    }

    .half-right {
        width: 50%
    }

    .picscroll li,
    .tab .tabname li {
        float: left;
        text-align: center;
        overflow: hidden
    }

    .tj_bar {
        overflow: hidden;
        height: 349px;
        width: 100%;
        background: #fff
    }

    .tj_bar li {
        width: 1000px;
        height: 349px;
        float: left
    }

    .tj_num {
        position: absolute;
        right: 5%;
        bottom: 5%
    }

    .tj_num a {
        width: 20px;
        height: 5px;
        line-height: 12px;
        display: inline-block;
        background: #3f3a39;
        margin-left: 8px;
        cursor: pointer;
        transition: all ease-in .2s
    }

    .tj_num a.on,
    .tj_num a:hover {
        background: #c70202
    }

    .tj_content .tj_content_img {
        width: 500px;
        float: left
    }

    .tj_content .tj_content_cc {
        width: 500px;
        padding: 25px;
        float: right;
        margin-top: 7%
    }

    .tj_content .tj_content_cc .name {
        font-size: 18px;
        padding: 10px 0
    }

    .tj_content .tj_content_cc a {
        display: block;
        float: right;
        width: 80%
    }

    .tj_content .tj_content_cc a p {
        line-height: 24px;
        transition: all ease-in .2s;
        color: #999
    }

    .tj_content .tj_content_cc a .name {
        color: #3f3a39;
        display: block
    }

    .tj_content .tj_content_cc a:hover p {
        color: #999
    }

    .tj_bar .tj_title {
        position: absolute;
        left: 52%;
        top: 10%;
        width: 45%
    }

    .tj_bar .tj_title .title2 {
        float: left;
        color: #8d8d8d
    }

    .tj_bar .tj_title .more2 {
        float: right;
        padding: 4px 13px
    }

    .course-list {
        position: relative
    }

    .course-list .butn {
        display: block;
        width: 42px;
        height: 42px;
        position: absolute;
        top: 50%;
        margin-top: -21px;
        cursor: pointer
    }

    .course-list .pre {
        background: url(/Public/Images/home/phpcms/en-us/left2.png) center left no-repeat;
        left: 0
    }

    .course-list .next {
        background: url(/Public/Images/home/phpcms/en-us/right2.png) center left no-repeat;
        right: 0
    }

    .course-list .pre:hover {
        background: url(/Public/Images/home/phpcms/en-us/left2.png) center right no-repeat;
        left: 0
    }

    .course-list .next:hover {
        background: url(/Public/Images/home/phpcms/en-us/right2.png) center right no-repeat;
        right: 0
    }

    .course-list .ovh {
        width: 91%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background: url(/Public/Images/home/phpcms/en-us/bg_12.png) left center repeat-x
    }

    .course-list li {
        width: 300px;
        position: relative;
        margin-right: -93px;
        float: left
    }

    .course-list li .top {
        background: url(/Public/Images/home/phpcms/en-us/bg_10.png) left top no-repeat;
        padding-top: 45px;
        /*height:42px;*/
        line-height: 42px;
        font-family: Arial;
        font-size: 18px;
        text-align: center;
    }

    .course-list li:hover .top {
        background: url(/Public/Images/home/phpcms/en-us/bg_10.png) right top no-repeat;
        color: #fff
    }

    .course-list .main {
        padding: 17px 20px 27px;
        background-color: #fff;
        width: 300px;
        color: #777;
        min-height: 128px;
        max-height: 128px;
        overflow-y: auto
    }

    .index_icon,
    .n_drop,
/*    .picscroll,*/
    .search_box_2 {
        overflow: hidden
    }

    .course-list .main p {
        padding-left: 18px;
        background: url(/Public/Images/home/phpcms/en-us/ico_125.jpg) left 9px no-repeat
    }

    .course-list li.odd {
        margin-top: 0
    }

    .course-list li.odd .top {
        margin-top: 0;
        background: url(/Public/Images/home/phpcms/en-us/bg_11.png) left top no-repeat;
        padding-bottom: 45px;
        padding-top: 0
    }

    .course-list li.odd:hover .top {
        background: url(/Public/Images/home/phpcms/en-us/bg_11.png) right top no-repeat;
        color: #fff
    }

    .picscroll {
        padding: 10px 0
    }

    .picscroll ul {
        width: 9999999px
    }

    .picscroll li {
        margin-right: 20px;
        cursor: pointer;
        border: 1px solid #e9e9e9
    }

    .picscroll li:hover {
        border: 1px solid #c70202
    }

    .picscroll span {
        position: absolute;
        top: 35%;
        display: block;
        width: 44px;
        height: 46px;
        cursor: pointer
    }

    .blue,
    .red {
        display: block;
        height: 3px;
        /*width: 50px*/
    }

    .picscroll span:hover {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .picscroll span.pre {
        left: 0;
        background: url(/Public/Images/home/phpcms/en-us/jt2-1.png) center no-repeat
    }

    .picscroll span.next {
        right: 0;
        background: url(/Public/Images/home/phpcms/en-us/jt2-2.png) center no-repeat
    }

    .blue {
        background-color: #1b2967;
        margin: 8px auto
    }

    .cblue {
        color: #1b2967
    }

    .red {
        background-color: #c70202;
        margin: 8px 0
    }

    .inboxshadow {
        box-shadow: 0 5px 15px #e8e9f0 inset;
        -ms-box-shadow: 0 5px 15px #e8e9f0 inset;
        -o-box-shadow: 0 5px 15px #e8e9f0 inset
    }

    .fanye {
        width: 100%;
        text-align: center;
        line-height: 24px;
        color: #333;
        margin: 30px auto
    }

    .fanye a {
        display: inline-block;
        padding: 3px 10px;
        border: 1px solid #ebe7e7;
        color: #333
    }

    .fanye a.now,
    .fanye a:hover {
        color: #fff;
        background: #c70202;
        border: 1px solid #c70202;
        cursor: pointer
    }

    #hd {
        border-bottom: 2px solid #ececec
    }

    #hd .logo {
        float: left;
        padding: 26px 0;
        width: 21%
    }

    #hd .hdr {
        float: right;
        margin-top: 30px;
        line-height: 28px
    }

    #hd .hdr .tel {
        float: left;
        background: url(/Public/Images/home/phpcms/en-us/tel_icon.png) left center no-repeat;
        display: inline-block;
        padding-left: 20px;
        color: #6c7986;
        margin-right: 54px
    }

    #hd .hdr .so {
        float: left;
        margin-right: 10px
    }

    #hd .hdr .so .inp {
        float: left;
        width: 149px;
        height: 28px;
        border: 1px solid #aebbc6;
        padding: 0 10px
    }

    #hd .hdr .so .sub {
        background: url(/Public/Images/home/phpcms/en-us/so_btn.png) no-repeat;
        width: 32px;
        height: 28px;
        border: 0;
        cursor: pointer
    }

    #hd .hdr .lan {
        padding-right: 10px
    }

    #hd .hdr .lan a {
        margin-left: 28px
    }

    #hd .hdr .lan .on {
        color: #329bdd
    }

    #nav {
        height: 100px;
        float: left;
        width: 71%
    }

    #nav ul li {
        float: left;
        text-align: center;
        padding: 0 14px
    }

    #nav ul li a.a1 {
        display: block;
        text-align: center;
        line-height: 42px;
        font-size: 14px;
        padding-top: 29px
    }

    .index_icon {
        margin-top: 39px;
        height: 27px
    }

    .index_icon:hover img {
        margin-top: -39px
    }

    .menus {
        float: right;
        padding-right: 10px
    }

    .menus li .act {
        border-bottom: 3px solid #1b2967
    }

    .menus li .act:hover {
        border-bottom: 3px solid #c70202;
		transition:none;
    }

    .menus .index_icon .act,
    .menus .index_icon .act:hover {
        border-bottom: none
    }

    .drop {
        width: 100%;
        position: absolute;
        top: 102px;
        left: 0;
        background: #fff;
        line-height: 26px;
        font-size: 14px;
        display: none;
        z-index: 999;
    }

    .n_drop {
        padding: 70px 0;
        text-align: left
    }

    .n_drop .fl {
        width: 19%;
        background: url(/Public/Images/home/phpcms/en-us/navbg.jpg) right center no-repeat;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        text-align: right;
        padding-right: 3%;
        color: #1b2967;
        min-height: 80px;
        line-height: 75px
    }

    .n_drop .fr {
        width: 79%
    }

    .n_drop .fr li {
        margin-bottom: 2%
    }

    .n_drop .fr .en {
        font-family: Arial;
        font-size: 10px
    }

    .n_drop .fr .num {
        font-size: 22px
    }

    .isearch {
        float: right;
        width: 8%;
        position: relative
    }

    .search_box_1 {
        width: 30px;
        height: 100px;
        float: left
    }

    .search_box_1 .icon_search {
        background: url(/Public/Images/home/phpcms/en-us/icon_2.png) center center no-repeat;
        width: 30px;
        height: 100px;
        display: block
    }
	
	.search_box_1 .icon_search:hover {
		background: url(/Public/Images/home/phpcms/en-us/icon_2_2.png) center center no-repeat;
	}

    .search_box_2 {
        height: 80px;
        position: absolute;
        right: 70%;
        width: 650px;
        z-index: 3;
        display: none;
        background: #fff;
        border: none
    }

    .search_box_2 .sea_btn {
        background: url(/Public/Images/home/phpcms/en-us/search.png) center no-repeat #eee;
        text-indent: -9999px;
        width: 40px;
        height: 58px;
        cursor: pointer
    }

    .search_box_2 .sea_form {
        width: 590px;
        float: left;
        position: absolute;
        left: 340px;
        background: #eee;
        right: 0;
        margin-top: 21px
    }

    .search_box_2 .sea_form input {
        border: none;
        outline: 0
    }

    .search_box_2 .seac_btn {
        width: 60px;
        float: left;
        position: absolute;
        right: 0;
        margin-top: 21px;
        height: 60px
    }

    .search_box_2 .icon_sclose {
        width: 58px;
        height: 58px;
        display: block;
        background: url(/Public/Images/home/phpcms/en-us/btn_close_1.png) center center no-repeat #fff;
        border: 1px solid #e9e9e9
    }

    .search_box_2 .word_input {
        background: #eee;
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        width: 540px
    }

    .logo-m,
    .m-bar {
        height: 60px
    }

    .isearch .lag {
        float: right;
        padding-top: 52%
    }

    .isearch .lag .lagbtn {
        background: url(/Public/Images/home/phpcms/en-us/icon_4.png) right center no-repeat;
        cursor: pointer;
        width: 40px
    }

    .isearch .lag ul,
    .isearch .lag ul li,
    .m-hd,
    .m-nav a {
        background-color: #fff
    }

    .isearch .lag ul {
        display: none;
        position: absolute;
        width: 51px;
        right: 0;
        top: 66px;
        text-align: center;
        box-shadow: 0 0 10px #eee;
        -moz-box-shadow: 0 0 10px #eee;
        -o-box-shadow: 0 0 10px #eee;
        -ms-box-shadow: 0 0 10px #eee;
        -webkit-box-shadow: 0 0 10px #eee;
        z-index: 1;
        padding: 10px 0
    }

    .logo-m,
    .logo-m img {
        display: inline-block
    }

    .isearch .lag ul li {
        line-height: 26px;
        z-index: 999999;
        border-bottom: 1px dotted #eee;
        margin: 0 5px
    }

    .logo-m {
        width: 75%;
        float: left;
        margin-left: 10px;
        line-height: 60px
    }

    .m-hd,
    .m-nav,
    .m-nav a {
        width: 100%
    }

    .logo-m img {
        height: 30px;
        z-index: 60;
        vertical-align: middle
    }

    .m-hd {
        display: none;
        position: fixed;
        z-index: 1400;
        top: 0;
        left: 0;
        box-shadow: 0 0 10px #999;
        -webkit-box-shadow: 0 0 10px #999;
        -moz-box-shadow: 0 0 10px #999;
        -o-box-shadow: 0 0 10px #999;
        -ms-box-shadow: 0 0 10px #999
    }

    .m-nav,
    .share_ewm {
        position: absolute
    }

    .m-nav {
        top: 60px;
        left: 0;
        box-shadow: 0 1px 20px #fff5f5;
        -webkit-box-shadow: 0 1px 20px #fff5f5;
    }

    .m-nav a {
        display: block;
        line-height: 40px;
        text-align: left;
        border-top: 1px solid #e0e0e0;
        font-size: 15px;
        padding: 0 20px;
        color: #333
    }
	.m-lan a {
    display: inline-block;
    width: 50%;
    text-align: center;
}

    .m-nav,
    .m-show,
    .m-sub {
        display: none
    }

    .m-trigger {
        height: 60px;
        cursor: pointer;
        width: 60px;
        float: right;
        background: url(/Public/Images/home/phpcms/en-us/menu.png) center center no-repeat #c70202;
        background-size: 25px
    }

    .m-sub a {
        font-size: 14px;
        padding: 0 30px;
        background-color: #F1F1F1;
        border-top-color: #efefef
    }

    #fd {
        background-color: #5f5f5f;
        color: #d7d7d7;
        height: 340px
    }

    #fd dl {
        float: left;
        line-height: 24px;
        color: #fff;
        margin-right: 24px;
        padding-top: 30px
    }

    #fd dl dt {
        font-weight: 700;
        margin-bottom: 15px;
        color: #ededed;
        font-size: 14px
    }

    #fd dl dd a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
        display: block;
        max-width: 130px;
        color: #d0cfcf;
        font-size: 12px
    }

    #fd dl.fd-right {
        float: right;
        margin-right: 0;
        background-color: #585858;
        padding: 25px;
        height: 340px
    }

    #fd dl.fd-right .hotline {
        color: #d0d0d0;
        padding-bottom: 15px;
        border-bottom: 1px solid #878787;
        font-weight: 400;
        margin-bottom: 20px;
        padding-top: 15px
    }

    #fd dl.fd-right .hotline span {
        color: #fff;
        font-size: 50px;
        float: none;
        padding-right: 10px
    }

    #fd dl.fd-right .hotline p {
        font-size: 18px;
        color: #fff
    }

    #fd .fd-copy,
    .fd-copy a {
        color: #b2b1b1
    }

    #fd dl.fd-right dd span {
        display: inline-block;
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin-right: 7px
    }

    #fd .fd-copy {
        padding: 17px 0;
        margin-top: 20px;
        float: left;
        width: 76%
    }

    #fd .fd-copy span.r em {
        margin: 0 10px
    }

    #fd .fd-copy span {
        margin-left: 35px
    }

    .share_ewm {
        display: none;
        right: 2%
    }

    .share_ewm img {
        width: 150px;
        height: 150px;
        border: 4px solid #fff
    }

    .ipro li,
    .ipro li:hover,
    .isol li {
        border: none
    }

    .backtop {
        width: 70px;
        position: fixed;
        right: 22px;
        top: 75%;
        z-index: 5;
        display: none
    }

    .baner,
    .n_baner {
        position: relative;
        overflow: hidden
    }

    .atlas li img,
    .n_baner {
        display: block
    }

    .backtop li {
        height: 70px;
        overflow: hidden
    }

    .backtop li a:hover img {
        margin-top: -70px
    }

    .baner {
        width: 100%
    }

    .baner_box {
        width: 1000px;
        margin: 0 auto
    }

    .n_baner {
        width: 1920px;
        margin: 0 -460px
    }

    .atlas {
        width: 999999px
    }

    .atlas li {
        float: left
    }

    .n_baner span {
        position: absolute;
        cursor: pointer;
        top: 45%
    }

    .ipro,
    .ipro li {
        position: relative
    }

    .n_baner .left {
        left: 15%
    }

    .n_baner .left,
    .n_baner .right {
        right: 15%;
        height: 50px;
        overflow: hidden
    }
	
	
	
	
	.slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
	.slick-prev{background:/*rgba(0,0,0,0.5)*/ url(../../../../Images/home/phpcms/en-us/jt0.png) no-repeat;z-index: 99;left:15%;}
	.slick-next{background:/*rgba(0,0,0,0.5)*/ url(../../../../Images/home/phpcms/en-us/jt1.png) no-repeat;z-index: 99;right:15%;}
	
	
	.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}


.slider  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
	
	.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
	

	
	
	

    .n_baner .left:hover img,
    .n_baner .right:hover img {
        margin-top: -50px
    }

    .ipro .picscroll,
    .isolbox {
        margin-bottom: 20px
    }

    .ipro li {
        text-align: left;
        width: 235px
    }

    .ipro .imgshow,
    .isol .imgshow {
        height: 240px;
        overflow: hidden
    }

    .case_box .title2,
    .ipro .title2,
    .isol .title2 {
        padding: 30px 10px 0 10px;
    }

    .case_box .parg,
    .ipro .parg,
    .isol .parg {
        padding: 0px 10px 30px 10px;
    	min-height: 75px;
    	max-height: 75px;
    }

    .ipro .picscroll span {
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 87px;
        margin: 0 auto;
        cursor: pointer;
        top: 37%;
        z-index: 1
    }

    .ipro .picscroll span.pre {
        background: url(/Public/Images/home/phpcms/en-us/jt2-1.png) center bottom no-repeat;
        left: 21%
    }

    .ipro .picscroll span.next {
        background: url(/Public/Images/home/phpcms/en-us/jt2-2.png) center bottom no-repeat;
        right: 21%
    }

    .icase {
        background: url(/Public/Images/home/phpcms/en-us/bg_icase.jpg) center bottom no-repeat #ededed
    }

    .icasebox {
        margin-bottom: 75px;
        overflow: hidden
    }

    .icase .fivelist li {
        position: relative
    }

    .mask {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        background: url(/Public/Images/home/phpcms/en-us/hover1.png);
        width: 184px;
        height: 100%;
        text-align: center
    }

    .isol li,
    .n_bar {
        position: relative
    }

    .mask img {
        margin-top: 35%
    }

    .mask p {
        width: 125px;
        margin: 0 auto
    }

    .icase li:hover .mask {
        top: 0;
        display: block
    }

    .icasepic {
        width: 184px;
        overflow: hidden
    }

    .isol li {
        text-align: left;
        width: 311px
    }

    #main1 {
        background: #f1f1f1;
        padding: 40px 0
    }

    .n_bar {
        max-height: 400px;
        overflow: hidden;
        font-size: 0;
    }

    .n_bar .wp {
        position: absolute;
        left: 0;
        right: 0
    }

    .n_bar img {
    	max-width: none;
    }

    .main_box {
        width: 100%;
        padding: 0
    }

    .main_box_1 {
        height: 98px;
        background: #f7f7f7
    }

    .com_pub {
        display: block
    }

    .com_pub_box {
        width: 1000px;
        margin: 0 auto
    }

    .sub_nav {
        float: right;
        width: 65%
    }

    .sub_nav li a {
        float: right;
        line-height: 50px;
        font-size: 14px;
        /*padding: 24px 10px 0;*/
        margin: 24px 10px 0;
    }

    .sub_nav li a.on,
    .sub_nav li a:hover {
        border-bottom: 3px solid #c70202
    }
	
	.public_mobile{display:none;}
	
	

    .com_pub_box .location,
    .com_pub_box .vmore {
        line-height: 98px;
        float: left;
        width: 35%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
    }

    .location {
        background: url(/Public/Images/home/phpcms/en-us/icon_11.png) left center no-repeat;
        padding-left: 25px
    }

    .page .title {
        background: url(/Public/Images/home/phpcms/en-us/bg2_2.png) center no-repeat
    }
	.page .title_rd {
        background: url(/Public/Images/home/phpcms/en-us/bg2_3.png) center no-repeat
    }
	.title_rd {
        font-size: 28px;
        color: #333;
        background: url(/Public/Images/home/phpcms/en-us/bg1.png) center no-repeat;
        margin-bottom: 40px
    }

    .about_box .fl {
        width: 40%
    }

    .about_box .fr {
        width: 58%
    }

    .about_box .fl img,
    .supplier .about_box .fr img,
    .technology .about_box .fr img {
        padding: 5px;
        border: 1px solid #f0f0f0;
        margin-bottom: 3%
    }

    .shadow {
        background: url(/Public/Images/home/phpcms/en-us/box-shadow.png) -6px 318px no-repeat
    }

    .idea_box .fl,
    .mission_box .fl {
        width: 30%
    }

    .idea_box .fl .blue,
    .mission_box .fl .blue {
        margin-left: 0
    }

    .idea_box .fr,
    .mission_box .fr {
        width: 70%
    }

    .idea_box1 {
        position: relative
    }

    .middle {
        width: 33%;
        margin: 0 auto
    }

    .idea_box .middle {
        padding-top: 54%
    }

    .mission_box .middle {
        padding-top: 35%
    }
	
	.mission_box ul li .fl {
        width: 15%;
        margin-left: 50px;        
       /* padding-top: 10px;*/

    }
	

    .idea_box,
    .mission_box {
        background-color: #d4d4d4
    }
	
	.mission_box .fr{		
		height:252px;		
	}

    .idea_bg {
        overflow: hidden
    }

    .idea_box1 .idea {
        position: absolute;
        top: 17%;
        left: 0;
        background: url(/Public/Images/home/phpcms/en-us/bg3.png);
        width: 580px;
        padding: 30px
    }

    .idea_box1 .idea li {
        float: left;
        width: 50%;
        padding: 30px 15px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }

    .idea_box1 .idea li .fl {
        width: 18%
    }

    .mission_box .fr ul {
        background-color: #fff
    }

    .mission_box .fr li {
        padding: 30px 0;
        margin: 0 15px;
       /* border-bottom: 1px solid #d4d4d4*/
    }

    .mission_box .fr li.none {
        border-bottom: none;
        margin-bottom: 0
    }

    .mission_box .fr li .title3 {
        width: 30px;
		float:left;
        font-weight: 700
    }

    .contact_info2 li {
        border-left: 4px solid #c70202;
        text-align: left;
        padding-left: 10px
    }

    .close_btn,
    .work_list .work_list_tit,
    .work_list h6,
    .work_list li span {
        text-align: center
    }

    .work_list .work_list_tit {
        background-color: #999;
        color: #fff
    }

    .work_list li {
        border-bottom: 1px solid #d4d4d4
    }

    .work_list li span {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow:hidden;
        display: inline-block;
        width: 19%;
        line-height: 50px;
		overflow:hidden;
    }
	
	.work_list li.workdescribe span{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}

    .sub,
    .view,
    .work_list_cont .view a {
        cursor: pointer;
        color: #fff
    }

    .sub,
    .view .view_bf {
        width: 80px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto
    }

    .window,
    .work_list_cont .view {
        width: 100%
    }

    .c7 .view:hover .view_bf,
    .c7:hover input,
    .sub:hover,
    .view .view_bf,
    .work_list_cont .view:hover .view_bf {
        background-color: #1b2967
    }

    .c7 .view_bf,
    .c7 input,
    .sub,
    .view:hover .view_bf,
    .work_list_cont .view .view_bf {
        background-color: #c70202
    }
	
	.work_list h6{
		font-size:12px;
	}

    .work_list_cont {
        display: none;
        border-top: 1px solid #d4d4d4;
        padding: 30px 0
    }

    .work_list_cont h5 {
        border-left: 2px solid #c70202;
        text-indent: 1em
    }

    .work_list_cont p {
        padding-left: 1em
    }

    .work_list_cont .view .view_bf {
        margin-right: 74px
    }

    .window {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        background: url(/Public/Images/home/phpcms/en-us/bg.png);
        z-index: 99;
        display: none
    }

    .apply_window .apply_reg_window {
        width: 870px;
        height: 470px;
        margin-top: -165px;
        position: absolute;
        left: 40.5%;
        background: #FFF;
        margin-left: -250px;
        top: 35%;
        border-top: 6px solid #1b2967;
        padding: 35px 40px
    }

    .close_btn {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 99;
        background-color: #999;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        line-height: 26px
    }

    .applyform li {
        margin-bottom: 3%;
        padding-left: 5em
    }

    .applyform span {
        width: 140px;
        display: inline-block;
        float: left;
        color: #333;
        font-size: 14px;
        line-height: 34px
    }

    .applyform .inp-box {
        width: 214px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #333;
        overflow: hidden;
        position: relative
    }

    .applyform .tips {
        position: absolute;
        top: 0;
        right: 0;
        color: #c70202;
        /*width: 80px;*/
		width: 125px;
    }

    .applyform .inp {
        border: 0;
        height: 32px;
        width: 92%;
        padding-left: 5px
    }

    .applyform span.upfile {
        float: none;
        position: absolute;
        height: 34px;
        background: url(/Public/Images/home/phpcms/en-us/icon_17.png) center no-repeat #fff;
        width: 78px
    }

    .resume {
        background-color: #d4d4d4;
        border: 2px solid #d4d4d4;
        margin-top: 20px;
        height: 56px
    }

    .resume .title2 {
        line-height: 52px;
        color: #666;
        background-color: #fff;
        padding-left: 30px;
        background: linear-gradient(307deg, transparent 71%, #fff 20px)
    }

    .resume span {
        line-height: 40px;
        border-left: 2px solid #fff;
        padding-left: 15px;
        margin-left: 80px;
        color: #fff
    }

    .resume span a {
        color: #fff
    }

    .case_box li {
		height: 375px;
        width: 235px;
        margin-right: 15px;
        margin-bottom: 75px
    }

    .case_box li .imgshow {
        width: 235px;
        height: 240px;
        overflow: hidden
    }

    .inboxshadow.main_box_1 {
        background: #fff;
    }

    .inboxshadow.main_box_1 .location {
        background: url(/Public/Images/home/phpcms/en-us/icon_11_2.png) left center no-repeat
    }

    .insideshow {
        background-color: #ededed;
    }

    .depart {
        padding: 10px 0
    }

    .group .group-left {
        float: left;
        text-align: right;
        width: 9%
    }

    .group .group-left h5 {
        font-weight: 700;
        font-size: 14px;
        padding: 20px 20px 20px 0
    }

    .group .group-right {
        float: right;
        width: 91%;
        padding: 16px 20px 0;
        font-size: 14px;
        background: url(/Public/Images/home/phpcms/en-us/bg4.png) 0 8px repeat-y
    }

    .group .group-right a {
        /*padding: 0 12px;*/
        line-height: 30px;
		margin-right: 25px;
    }

    .in_showbox .tabname {
        background-color: #999;
        padding: 20px 30px 10px;
        color: #fff
    }

    .in_showbox .tabname li {
        /*margin-right: 3%;
        margin: 10px;*/
		margin-bottom:18px;
		margin-right: 29px;
        cursor: pointer;
    }

    .in_showbox .tabname li h5 {
        padding-bottom: 5px;
        border-bottom: 3px solid #999999;
    }

    .download .in_showbox .tabname li h5 {
        padding-bottom: 5px;
        border-bottom: 3px solid #f7f7f7;
    }

    .in_showbox .tabname li.on h5,
    .in_showbox .tabname li:hover h5 {
        border-bottom: 3px solid #c70202
    }

    .in_showbox .tabcont .list table {
        /*line-height:40px;
	text-indent:2em;
	*/
        width: 1000px;
    }

    .in_showbox .tabcont .list table td,
    .in_showbox .tabcont .list table tr {
        border: 1px solid #d0d0d0;
        padding: 1em 2em;
    }

    .c7 .view_bf {
        width: auto;
        height: auto
    }

    .c7 .view_bf a,
    .c7 input {
        display: block;
        color: #fff;
        width: 180px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer
    }

    .form-boxz .inp,
    .form-boxz select {
        height: 43px;
        color: #999;
        border: none
    }

    .blue_line .title {
        background: url(/Public/Images/home/phpcms/en-us/bg1.png) center no-repeat
    }

    .form-boxz .inp,
    .form-boxz .inp-box,
    .form-boxz select,
    .textarea-wrap,
    .textarea-wrap textarea {
        background-color: #ededed
    }

    .diy_bar img {
        box-shadow: 5px 5px 25px #ddd;
        -webkit-box-shadow: 5px 5px 25px #ddd;
        -moz-box-shadow: 5px 5px 25px #ddd;
        -ms-box-shadow: 5px 5px 25px #ddd;
        -o-box-shadow: 5px 5px 25px #ddd
    }

    .form-boxz .inp-box {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .form-boxz label {
        font-size: 14px;
        background-repeat: no-repeat;
        background-position: 20px center;
        display: inline-block;
        padding-left: 45px;
        /*width: 171px;*/
        float: left;
        text-align: right;
        padding-right: 10px;
        color: #999;
        line-height: 43px
    }

    .form-boxz .s1 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_18.png)
    }

    .form-boxz .s2 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_19.png)
    }

    .form-boxz .s3 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_20.png)
    }

    .form-boxz .s4 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_21.png)
    }

    .form-boxz .s5 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_22.png)
    }

    .form-boxz .s6 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_23.png)
    }

    .form-boxz .s7 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_24.png)
    }

    .form-boxz .s8 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_25.png);
        width: 80px
    }

    .form-boxz .s9 {
        background-image: url(/Public/Images/home/phpcms/en-us/icon_26.png);
        width: 100%;
		text-align: left;
		text-indent: 1em;
    }

    .form-boxz .inp-pad {
        overflow: hidden;
        position: relative
    }

    .form-boxz .inp {
        width: 100%;
        padding: 0 20px
    }

    .form-boxz select {
        padding: 0 10px;
        width: 185px;
        line-height: 43px
    }

    .form-boxz li:after,
    .form-boxz li:before {
        content: '.';
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }

    .form-boxz li {
        zoom: 1;
        margin-bottom: 20px
    }

    .form-boxz .r2 .inp-box {
        position: relative
    }

    .form-boxz .r2 img {
        position: absolute;
        right: -34px;
        top: 0
    }

    .form-boxz b {
        color: #d90000;
        position: relative;
        left: 5px
    }

    .textarea-wrap label {
        float: none
    }

    .textarea-wrap textarea {
        width: 100%;
        display: block;
        padding: 16px;
        border: none;
        color: #999;
        font-family: "微软雅黑", "Microsoft Yahei";
        height: 120px
    }

    .demand .inp,
    .technology .about_box {
        border-bottom: 1px solid #d4d4d4
    }

    .inp-file {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .file-label {
        width: 200px!important;
        height: 43px!important;
        line-height: 43px;
        display: inline-block;
        cursor: pointer;
        padding-left: 0!important;
        text-align: left!important
    }

    .form-boxz .c7 {
        width: 180px;
        margin: 0 auto
    }

    .form-boxz .tips {
        position: absolute;
        right: 0;
        top: 14px;
        text-align: right;
        padding-right: 2em;
        color: #c70202
    }

    .demand .fl,
    .demand .fr {
        text-align: center;
        vertical-align: middle
    }

    .demand {
        line-height: 24px
    }

    .demand .fl {
        width: 8%;
        padding-top: 8%;
        font-size: 14px;
        padding-left: 2%
    }

    .demand .fr {
        width: 88%;
        border-left: 2px solid #c70202
    }

    .demand .inp,
    .demand .inp-box {
        background-color: #fff
    }

    .demand .inp-box {
        width: 42%
    }

/*    .demand label {
        width: 170px;
    }*/

    .colortg .about_box .fl {
        width: 45%
    }

    .colortg .about_box .fr {
        width: 55%;
        border-left: 1px solid #d4d4d4
    }

    .colortg .about_box .fr .parg {
        margin-left: 30px
    }

    .ad,
    .supplier_form {
        background-color: #f6f6f7
    }

    .ad,
    .ad .title {
        background-image: none
    }

    .ad .title,
    .sser .title {
        background: url(/Public/Images/home/phpcms/en-us/bg5.jpg) bottom center no-repeat;
        margin-bottom: 30px;
        padding-bottom: 15px
    }

    .sser_three .threeli li img {
        vertical-align: bottom
    }

    .technology .about_box .fl {
        width: 52%
    }

    .technology .about_box .fr {
        width: 47%
    }

    .supplier .shadow,
    .technology .shadow {
        background: url(/Public/Images/home/phpcms/en-us/box-shadow2.png) 2px 318px no-repeat
    }

    .technology .about_box {
        padding-bottom: 30px
    }

    .red_left {
        background: url(/Public/Images/home/phpcms/en-us/bg6.jpg) 0 4px no-repeat;
        padding-left: 10px
    }

    .ad_fourlist .ad_fourlist_cont {
        background-color: #fff;
        width: 80%;
        padding: 20px 0;
        margin: 0 auto
    }

    .ad_fourlist .ad_fourlist_cont dt {
        background-color: #eaeaea;
        width: 40%;
        padding: 8px 15px
    }

    .ad_fourlist .ad_fourlist_cont dd {
        padding: 30px;
        min-height: 204px;
        overflow: hidden
    }

    .supplier_form .title {
        background: url(/Public/Images/home/phpcms/en-us/bg1.png) center no-repeat
    }

    .download {
        padding-top: 10px
    }

    .download .in_showbox .tabname {
        background-color: #f7f7f7;
        color: #333
    }

    .download .list {
        min-height: 300px
    }

    .download .list li {
        float: left;
        width: 25%;
        margin-bottom: 2%
    }

    .download .list .icon_down p {
        line-height: 26px
    }

    .download .list .icon_down {
        display: inline-block;
        width: 21px;
        height: 26px;
        overflow: hidden;
        vertical-align: middle;
        margin-right: 1em
    }

    .download .list li:hover .icon_down img {
        margin-top: -54px
    }

    #four {
        background: #fff;
        border-radius: 4px;
        padding: 25px 15px;
        width: 30%
    }
	
	/*10-14*/
	/*.add .view_bf {
		position:relative;
	}
	.view_bf img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		margin: 10% auto;
	}
	
	.upfile a {
		overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	}*/
	.work_list .view .view_bf {
		line-height: 30px;
		height: 30px;
		margin-bottom: 10px;
	}
	
	.isol .title {
		background: url(/Public/Images/home/phpcms/en-us/bg1-1.png) 51% center no-repeat;
	}
	.ipro .title {
		background: url(/Public/Images/home/phpcms/en-us/bg1-1.png) 51% center no-repeat;
	}
	.icase .title {
		background: url(/Public/Images/home/phpcms/en-us/bg1-1.png) 51% center no-repeat;
	}
	
	.upfile ,
	.upimg {
		overflow:hidden;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	

    @media (max-width:1440px) {
        .ipro .picscroll span.next {
            right: 11%
        }
        .ipro .picscroll span.pre {
            left: 11%
        }
    }

    @media (max-width:999px) {
        #fd dl,
        .m_hide {
            display: none
        }
        .mask {
            display: block
        }
        .n_baner img {
            margin: 0;
            padding: 0
        }
        #fd .fd-copy,
        .ad .parg .widtimg img,
        .apply_window .apply_reg_window,
        .atlas li img,
        .baner_box,
        .case_box li .imgshow,
        .com_pub_box,
        .diy_bar img {
            width: 100%
        }
        .mb6 {
            margin-bottom: 4%
        }
        #fd {
            height: auto
        }
        #fd .fd-copy {
            float: none;
            text-align: center
        }
        .icase .wp,
        .ipro .wp,
        .isol .wp,
        .wp {
            margin: 0 2%;
            width: auto
        }
        .ipro .picscroll,
        .isolbox,
        .title {
            margin-bottom: 5%
        }
        .n_baner {
            margin: 0 auto;
            padding: 0
        }
        .baner,
        .inboxshadow.main_box_1,
        .n_bar {
            margin-top: 60px
        }
        .ipro .picscroll span.pre {
            left: 2%
        }
        .ipro .picscroll span.next {
            right: 2%
        }
        .isol li {
            width: 32%
        }
        .location {
            margin-left: 2%
        }
        .sub_nav {
            margin-right: 2%
        }
        .apply_window .apply_reg_window {
            left: 0;
            right: 0;
            margin: 0;
            top: 15%
        }
        .about_box .fl,
        .about_box_c .fl {
            width: 45%
        }
        .about_box .fr,
        .about_box_c .fr {
            width: 55%
        }
        .case_box li {
            width: 23.8%;
            margin-bottom: 2%
        }
        .supplier .about_box_c .fr,
        .technology .about_box_c .fr {
            width: 50%
        }
        .supplier .about_box_c .fl,
        .technology .about_box_c .fl {
            width: 48%
        }
    }

    @media (min-width:768px)and (max-width:999px) {
        #hd {
            display: none
        }
        .m-hd {
            display: block
        }
    }

    @media (max-width:780px) {
        .form-boxz .inp-box {
            width: 100%;
            margin-bottom: 2%
        }
        .ipro .imgshow,
        .isol .imgshow {
            height: 200px
        }		
        .ipro .imgshow img,
        .isol .imgshow img{
            height: 100%;
            max-width:none;
        }
        .about_box .fl,
        .about_box .fr,
        .ad_fourlist .ad_fourlist_cont,
        .ad_fourlist li,
        .colortg .about_box .fl,
        .colortg .about_box .fr,
        .icasepic,
        .mask,
        .supplier .about_box_c .fl,
        .supplier .about_box_c .fr,
        .technology .about_box .fl,
        .technology .about_box .fr,
        .technology .about_box_c .fl,
        .technology .about_box_c .fr {
            float: none;
            width: 100%;
            border: none
        }
        .about_box .fl img,
        .supplier .about_box_c .fr img,
        .technology .about_box .fr img {
            width: 100%;
            height: auto
        }
        .work_list_cont .view .view_bf {
            margin-right: 5.6%
        }
        .resume .title2 {
            background: linear-gradient(307deg, transparent 76%, #fff 20px)
        }
        .case_box li {
            width: 31.8%
        }
        .colortg .about_box .fr .parg {
            margin: 0
        }
        .ad_fourlist li {
            margin-bottom: 2%
        }
        .ad_fourlist .ad_fourlist_cont dd {
            min-height: inherit
        }
        .group .group-left {
            width: 12%
        }
        .group .group-right {
            width: 88%
        }
        .m-search {
        	background-color: #fff;
    		padding: 15px 20px;
        }
    }

    @media (max-width:767px) {
        #hd {
            display: none
        }
        .m-hd {
            display: block
        }
        #fd dl,
        .m_hide {
            display: none
        }
				
		
		.middle{
			height:100px;			
		}
		
		.mission_box .middle{		
			padding-top: 8%;
		}
		.mission_box .fr li{padding: 20px 0;}
		.idea_box .middle{padding-top: 8%;}
		
		.mission_box ul li .fl{margin-left: 0;}
		
		.parg{display:inline-block;}
		
		/*.fr.parg{background:#fff;}*/
		.mission_box .fr{height:175px;}
		.mission_box .fr li .title3{font-size:18px;}
		
		.icase .wp, .ipro .wp, .isol .wp{padding: 20px 0;}
		.fivelist li:last-child{display:none;}
		.fivelist li{width:50%;}
		.baner_box .slick-prev,.slick-next{display:none;}
		.c7 .view_bf{width: 180px;height: auto;margin-top: 20px;}
		.fr{float: none;}
		.form-boxz .inp{height: 30px;}	
		
		.public_mobile {
		display: block;
		position: relative;
		background: #dadada;
		height: 40px;
		margin-bottom: 10px;
		}
		
		.public_mobile_tit {
		padding-left: 35px;
		width: 90%;
		display: inline-block;
		line-height: 40px;
		font-size: 16px;
		background: url(../../../../Images/home/phpcms/zh-cn/icon_mobile.png) no-repeat center right;
		margin-bottom: 10px;
		}
		.sub_nav{display:none;}	
		
		.public_mobile_hide {
		position: absolute;
		width: 100%;
		z-index: 2;
		top: 40px;
		display: none;
		}
		
		.public_mobile ul li a{font-size:16px;line-height:30px;padding-left: 35px;}
		.public_mobile ul li{width:100%;background:#dadada;}
		
    }

    @media (max-width:479px) {
		
		
		.group .group-right a{margin-right:16px;}
		.fivelist li{width:50%;}
		.icasebox{margin-bottom: 25px;}
		
		
        .location {
            display: none
        }
        .ipro .picscroll span {
            top: 33%
        }
        #four,
        .case_box li,
        .case_box li img,
        .contact_info2 li,
        .demand .fl,
        .demand .fr,
        .download .list li,
        .group .group-left,
        .group .group-right,       
        .icasepic,
        .icasepic img,
        .idea_bg img,
        .idea_box .fl,
        .idea_box .fr,
        .idea_box1 .idea,
        .idea_box1 .idea li,
        .in_showbox .tabname li,
        .ipro .imgshow img,
        .isol .imgshow img,
        .isol li,
        .mask p,
        .mission_box .fl,
        .mission_box .fr,
        .sser_three .threeli li,
        .sub_nav,
        .sub_nav li a,
        .twolist .twolistl,
        .twolist .twolistr {
            width: 100%
        }
        .icase {
            background: 0 0
        }
        .apply_window .apply_reg_window,
        .case_box li .imgshow,
        .case_box li img,
        .idea_bg img,
        .isol .imgshow,
        .main_box_1,
        .resume {
            height: auto
        }
        .case_box li,
        .contact_info2 li,
        .group .group-left,
        .group .group-right,
        /*.idea_box .fl,*/
        /*.idea_box .fr,*/
        /*.idea_box1 .idea li,*/
        .mission_box .fl,
        .mission_box .fr,
        .sser_three .threeli li,
        .sub_nav li a {
            float: none
        }
        .sub_nav li {
			display:inline-block;
			width:20%;
            text-align: center;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow:hidden;
        }
        .group .group-left h5,
        .group .group-right h5,
        .sser_three .threeli li {
            text-align: left
        }
/*        .idea_box .middle {
            padding: 2%
        }*/
        .idea_box1 .idea {
            position: static;
            padding: 0
        }
        .contact_info2 li,
        .download .list li,
        .in_showbox .tabname li,
        .red_left,
        .sser_three .threeli li {
            margin-bottom: 3%
        }
        .group .group-left {
            border-bottom: 1px dotted #0b1d61
        }
        .group .group-right {
            background-image: none;
            padding: 21px 0 0
        }
        .show_table {
            overflow-x: scroll
        }
        .demand .fl {
			font-size: 16px;
            border-bottom: 2px solid #c70202
        }
        .demand .fr {
            border: none
        }
        .ipro li {
            width: 189px
        }
        .ipro .imgshow {
            /*height: 160px*/
        }
        .resume .title2 {
            background: linear-gradient(331deg, transparent 75%, #fff 20px)
        }
        .resume span {
            display: block;
            width: 100%;
            border: none;
            padding: 0;
            margin: 0
        }
        .mask {
            height: 100%
        }
    }

    @media (max-width:375px) {
        .ipro li {
            width: 170px
        }
        .ipro .imgshow {
            height: 130px
        }
        .more1 {
            width: 23%
        }
        .mask {
            height: 100%
        }
        .view .view_bf {
            width: 60px
        }
        .list .view.fr{
        	float: none;
        }
        .tabcont .view.fr .view_bf ,
        .tabcont .c7 .view_bf a ,
        .form-boxz .view_bf ,
        .form-boxz .view_bf a {
        	width: 100%;
        }
        .tabcont .view.fr .view_bf {
        	margin-top: 3%;
        }
    }

    @media (max-width:320px) {
        .ipro li {
            width: 144px
        }
        .work_list li span {
            width: 33%
        }
        .work_list li .view {
            padding-bottom: 3%
        }
        .applyform li {
            padding-left: 0
        }
        .apply_window .apply_reg_window {
            padding: 3%;
            height: 380px;
            overflow: scroll;
        }
    }