.drop a:hover .blue,

    .e6 {

        background-color: #c70202

    }



    .title,

    .title2 {

        line-height: 30px

    }



    .ipubp,

    .more1,

    .pthreeli li,

    .text-center,

    .threeli li,

    .title,

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

    }



    .f2 {

        background: #f2f2f2

    }



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

    }



    .fr {

        float: right

    }



    .title {

        font-size: 30px;

        color: #333;

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/left2.png) center left no-repeat;

        left: 0

    }



    .course-list .next {

        background: url(/Public/Images/home/phpcms/zh-cn/right2.png) center left no-repeat;

        right: 0

    }



    .course-list .pre:hover {

        background: url(/Public/Images/home/phpcms/zh-cn/left2.png) center right no-repeat;

        left: 0

    }



    .course-list .next:hover {

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/jt2-1.png) center no-repeat

    }



    .picscroll span.next {

        right: 0;

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/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/zh-cn/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: 22%;

        background: url(/Public/Images/home/phpcms/zh-cn/navbg.jpg) right center no-repeat;

        -ms-flex-pack: center;

        justify-content: center;

        font-size: 16px;

        text-align: right;

        padding-right: 4%;

        color: #1b2967;

        min-height: 80px;

        line-height: 75px

    }



    .n_drop .fr {

        width: 71%

    }



    .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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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/zh-cn/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: 6%;

        padding-top: 30px

    }



    #fd dl dt {

        font-weight: 700;

        margin-bottom: 15px;

        color: #ededed;

        font-size: 14px

    }



    #fd dl dd a {

        display: block;

        max-width: 100px;

        color: #d0cfcf;

        font-size: 12px

    }



    #fd dl.fd-right {

        float: right;

        margin-right: 0;

        background-color: #585858;

        padding: 30px;

        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/zh-cn/jt0.png) no-repeat;z-index: 99;left:15%;}
	.slick-next{background:/*rgba(0,0,0,0.5)*/ url(../../../../Images/home/phpcms/zh-cn/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 {

        height: 180px;

        /*height: 240px;*/

        overflow: hidden

    }

	

    .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/zh-cn/jt2-1.png) center bottom no-repeat;

        left: 21%

    }



    .ipro .picscroll span.next {

        background: url(/Public/Images/home/phpcms/zh-cn/jt2-2.png) center bottom no-repeat;

        right: 21%

    }



    .icase {

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/hover1.png);

        width: 184px;

        height: 100%;

        text-align: center

    }



    .isol li,

    .n_bar {

        position: relative

    }



    .mask img {

        margin-top: 25%

    }



    .mask p {

        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: 50%

    }



    .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: 32%*/

    }



    .location {

        background: url(/Public/Images/home/phpcms/zh-cn/icon_11.png) left center no-repeat;

        padding-left: 25px

    }



    .page .title {

        background: url(/Public/Images/home/phpcms/zh-cn/bg2.png) center no-repeat

    }



    .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/zh-cn/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: 20%;

        margin: 0 auto

    }



    .idea_box .middle {

        padding-top: 54%

    }



    .mission_box .middle {

        padding-top: 35%

    }

    .mission_box ul li .fl {

        width: 15%;

        padding-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/zh-cn/bg3.png);

        width: 700px;

        padding: 30px

    }



    .idea_box1 .idea li {

        float: left;

        width: 50%;

        padding: 30px

    }



    .idea_box1 .idea li .fl {
		display:inline-block;
        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 p{

		font-size:16px;

	}

    .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 {
        display: inline-block;
        width: 19%;
        line-height: 50px;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		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/zh-cn/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/zh-cn/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 83%, #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 {

        width: 235px;

        margin-right: 15px;

        margin-bottom: 75px

    }



    .case_box li .imgshow {

        width: 235px;

        height: 225px;

        overflow: hidden

    }



    .inboxshadow.main_box_1 {

        background: #fff;

    }



    .inboxshadow.main_box_1 .location {

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/bg4.png) 0 8px repeat-y

    }



    .group .group-right a {

        /*padding: 0 12px;*/

        line-height: 30px;

		margin-right: 36px;

    }



    .in_showbox .tabname {

        background-color: #999;

        padding: 10px 30px 20px 30px;

        color: #fff

    }



    .in_showbox .tabname li {

        /*margin-right: 3%;

        margin: 10px;*/

		margin-right: 45px;

        cursor: pointer;

    }



    .in_showbox .tabname li h5 {

        padding-bottom: 5px;

        border-bottom: 3px solid #999999;

		padding-top:10px;

    }



    .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/zh-cn/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: 30px;

        width: 120px;

        float: left;

        text-align: right;

        padding-right: 10px;

        color: #999;

        line-height: 43px

    }



    .form-boxz .s1 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_18.png)

    }



    .form-boxz .s2 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_19.png)

    }



    .form-boxz .s3 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_20.png)

    }



    .form-boxz .s4 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_21.png)

    }



    .form-boxz .s5 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_22.png)

    }



    .form-boxz .s6 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_23.png)

    }



    .form-boxz .s7 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_24.png)

    }



    .form-boxz .s8 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/icon_25.png);

        width: 80px

    }



    .form-boxz .s9 {

        background-image: url(/Public/Images/home/phpcms/zh-cn/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: 1%;

        padding-top: 4%;

        font-size: 14px;

        padding-left: 2%

    }



    .demand .fr {

        width: 93%;

        border-left: 2px solid #c70202

    }



    .demand .inp,

    .demand .inp-box {

        background-color: #fff

    }



    .demand .inp-box {

        width: 45%

    }



    .demand label {

        width: 212px

    }



    .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/zh-cn/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: 50%

    }



    .technology .about_box .fr {

        width: 48%

    }



    .supplier .shadow,

    .technology .shadow {

        background: url(/Public/Images/home/phpcms/zh-cn/box-shadow2.png) 2px 318px no-repeat

    }



    .technology .about_box {

        padding-bottom: 30px

    }



    .red_left {

        background: url(/Public/Images/home/phpcms/zh-cn/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/zh-cn/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/zh-cn/bg1-1.png) center no-repeat;

	}

	

	.upfile ,

	.upimg {

		overflow:hidden;

		text-overflow:ellipsis;

		-o-text-overflow:ellipsis;

		white-space:nowrap;

	}

	

	

	



	/*1020*/

	.contact_info2 h6{

	    font-size:14px;

	    color:#c70202;

	}

	



    @media (max-width:1440px) {

        .ipro .picscroll span.next {

            right: 11%

        }

        .ipro .picscroll span.pre {

            left: 11%

        }

    }

	

	@media (max-width:1280px){

		.picscroll {

			position:relative;

		}

		.ipro .picscroll span {

			top:22%;

		}

		.ipro .picscroll span.next {

			right:0;

		}

		.ipro .picscroll span.pre {

			left:0;

		}

	}



    @media (max-width:999px) {
span#szgs_stat_icon_1186174914017624064 img{
width:20px;
}
.video_div .video1 {
    width: 100%;
    height:auto;
}
        #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

        }

        .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) {
.video_div .video1 {
    width: 100%;
    height: auto;
}
        #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: 140px

        }		

        .ipro .imgshow img,

        .isol .imgshow img ,

		.icasepic 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{padding-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;}
		.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) {
		.demand label{width: 195px;}
		.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,

/*        .icase .fivelist li,*/

        .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 a {
			margin:0;
        }

        .sub_nav li {
			display:inline-block;
			width:20%;
            text-align: center
        }

        .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: 100px

        }

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

        }

    }

.video1{
    width: 100%;
    height: 620px;
}
#fd{
    position: relative;
}
span#szgs_stat_icon_1186174914017624064{
position: absolute;
    bottom: 0;
    width: 50px;
}