body, button, input, select, textarea {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-family: "Montserrat-lighter", Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif;
}

ul, li {
    list-style: none;
}

img {
    border: 0px;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}

article, aside, footer, header, nav, section {
    display: block;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer;
}

    a:hover {
        background-repeat: no-repeat;
        text-decoration: none;
    }

a, input[type="button"], button, label, input[type="submit"] {
    cursor: pointer;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input, textarea, select {
    outline: none;
}

    input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea, button {
        outline-style: none;
        -webkit-appearance: none;
        resize: none;
        /*border: none;*/
        -webkit-border-radius: 0;
        /*border-radius: 0;*/
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.commonweb, .headerweb, .indexweb {
    padding: 0px 15px;
}

.commonwebbox {
    margin-left: 0px;
    margin-right: 0px;
}

.commonleft {
    float: none;
}

.commonright {
    float: none;
}

.visible-sm, .visible-md, .visible-lg, .visible-lg2 {
    display: none;
}

.hidden-sm, .hidden-md, .hidden-lg {
    display: block;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (max-width: 320px) {
    body {
        min-width: 320px;
    }
}

@media (min-width: 768px) {
    .commonweb, .headerweb, .indexweb {
        padding: 0px 20px;
    }

    .commonwebbox {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .visible-sm {
        display: block;
    }

    .hidden-sm {
        display: none;
    }
}

@media (min-width: 992px) {
    .commonweb, .headerweb, .indexweb {
        padding: 0px 40px;
    }

    .commonwebbox {
        margin-left: -10px;
        margin-right: -10px;
    }

    .commonleft {
        float: left;
    }

    .commonright {
        float: right;
    }

    .visible-md {
        display: block;
    }

    .hidden-md {
        display: none;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    html {
        cursor: default;
    }

    .commonleft {
        float: left;
    }

    .commonright {
        float: right;
    }

    .visible-lg {
        display: block;
    }

    .hidden-lg {
        display: none;
    }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1260px) {
    .commonweb, .indexweb {
        margin: 0px auto;
        max-width: 1200px;
        padding: 0;
    }

    .headerweb {
        padding: 0 2.5%;
    }

    .visible-lg2 {
        display: inline-block;
    }
}

.title {
    font-size: 16px;
}

.title {
    font-size: 16px;
}

footer {
    width: 100%;
    background-color: #212123;
    padding-top: 35px;
    padding-bottom: 25px;
}

.footernav {
    width: 100%;
}

.ftlvnav {
    width: 100%;
}

    .ftlvnav .lv1 {
        width: 100%;
        line-height: 24px;
        border-bottom: 1px solid #999;
    }

        .ftlvnav .lv1 h4 {
            width: 100%;
            position: relative;
            padding: 10px 0;
        }

            .ftlvnav .lv1 h4 a {
                display: block;
                width: 100%;
                color: #aaaaaa;
                font-size: 14px;
            }

            .ftlvnav .lv1 h4 .icon {
                position: absolute;
                width: 30%;
                right: 0;
                top: 0;
                height: 100%;
            }

                .ftlvnav .lv1 h4 .icon:after {
                    content: '';
                    position: absolute;
                    border: 1px solid #6d6e8b;
                    border-left: none;
                    border-bottom: none;
                    width: 10px;
                    height: 10px;
                    right: 10px;
                    -webkit-transform: rotate(135deg);
                    -moz-transform: rotate(135deg);
                    -ms-transform: rotate(135deg);
                    -o-transform: rotate(135deg);
                    transform: rotate(135deg);
                    top: 50%;
                    margin-top: -9px;
                }

        .ftlvnav .lv1.cur h4 .icon:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -2px;
        }

.ftsub {
    width: 100%;
    padding: 0 15px 20px;
    display: none;
}

    .ftsub .lv2 {
        line-height: 22px;
        padding-bottom: 5px;
    }

        .ftsub .lv2 a {
            display: block;
            width: 100%;
            font-size: 13px;
            color: #575757;
        }

.footer-right {
    padding-top: 25px;
}

.footer-SNS .title {
    color: #0f4d96;
    font-size: 16px;
    line-height: 24px;
	text-align:center;
}


.bds_erweima:hover .img { opacity:1;visibility:visible; }
.bds_erweima .img{
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin-left: -50px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transition:all 0.3s;
	opacity:0;
	visibility:hidden;
}

.bds_erweima .img img{
	display:block;
	width:100%;
}

.bds_erweima{
		display:inline-block;
		position:relative;
		
	}


.footer-share {
    width: 100%;
    padding: 15px 0;
	text-align:center;
}

.bdsharebuttonbox{
	display:inline-block;
}

    .footer-share .bdsharebuttonbox a {
        margin: 0;
        margin-right: 10px;
        width: 37px;
        height: 37px;
        background-position: 0 0;
		display:inline-block;
		float:none;
    }

    .footer-share .bdsharebuttonbox .bds_weixin {
        background-image: url(../images/weixin.png);
    }

    .footer-share .bdsharebuttonbox .bds_tsina {
        background-image: url(../images/weibo.png);
    }

    .footer-share .bdsharebuttonbox .bds_tenxun {
        background-image: url(../images/tenxun.png);
    }

    .footer-share .bdsharebuttonbox .bds_youtube {
        background-image: url(../images/youtobe.png);
    }

.copyright {
    color: #444444;
    font-size: 13px;
    line-height: 22px;
	text-align:center;
}

    .copyright a {
        color: #444444;
    }

        .copyright a:hover {
            color: #aaa;
        }

@media (min-width: 1024px) {
    footer {
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .ftlvnav .lv1 {
        width: auto;
        border-bottom: none;
        float: left;
        padding-right: 25px;
        min-width: 19%;
    }

        .ftlvnav .lv1 h4 {
            padding: 0 0 10px;
        }

            .ftlvnav .lv1 h4 a {
                font-size: 16px;
            }

            .ftlvnav .lv1 h4 .icon {
                display: none;
            }

    .ftsub {
        padding: 0px;
        display: block;
    }

        .ftsub .lv2 a:hover {
            color: #757474;
        }

    .footer-right {
        text-align: center;
    }

    .footer-share .bdsharebuttonbox {
        display: inline-block;
        vertical-align: top;
    }

        .footer-share .bdsharebuttonbox a:hover {
            opacity: 0.8;
        }
}

@media (min-width: 1260px) {
	
	footer .commonweb {
		position: relative;
	}
	
    .footer-left {
        float: left;
		width:100%;
		min-height:186px;
    }
	
    .ftlvnav .lv1 {
        padding-right: 25px;
        min-width: 1px;
    }

        .ftlvnav .lv1 h4 {
            padding: 0 0 15px;
        }

    .footer-right {
        padding-top: 0px;
        text-align: right;
        
    }

    .footer-share .bdsharebuttonbox a {
        margin-right: 0;
        margin-left: 12px;
    }
	
	.footer-SNS .title,.footer-share,.copyright{
		text-align:right;
	}
	
	
	 
  footer .commonweb { position:relative; }
  .footer-left{ padding-right:320px; }
  .footer-right{ position:absolute;top:0;right:0;width:320px; }
	
}

.gotoTop {
    position: fixed;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/goto.png) no-repeat scroll center center;
    z-index: 188;
    bottom: 85px;
    -o-background-size: contain;
    background-size: contain;
    display: block;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media (min-width: 1024px) {
    .gotoTop {
        right: 12.1875%;
        width: 60px;
        height: 60px;
        display: none;
        bottom: 130px;
    }

        .gotoTop:hover {
            opacity: 0.9;
        }
}

@charset "UTF-8";

.title {
    font-size: 16px;
}



header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 299;
    left: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-family: "Montserrat-Regular"; 
}

.headercom {
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.header-left {
    float: left;
}

.header-right {
    float: right;
    line-height: 65px;
    font-size: 0;
}

.weblogo {
    padding: 13px 0;
}

    .weblogo a {
        display: block;
        width: 100%;
    }

        .weblogo a img {
            display: block;
            height: 40px;
        }

        .weblogo a .wlogo {
            display: none;
        }

.index-lang, .index-search {
    display: inline-block;
    vertical-align: middle;
}

.index-deng{ display:inline-block;  width:90px; color:#333; font-size:16px; float:left;}
.index-ce{ color:#333;display:inline-block;font-size:16px; text-align:center; height:60px; line-height:60px; }
.index-lang {
    padding: 5px 15px;
}

.lang-icon {
    display: block;
    width: 180px; font-size:28px; font-weight: normal;
    height: 22px; line-height:22px; color:#666; font-family:Arial, Helvetica, sans-serif;

}

.search-icon {
    display: block;
    width: 34px;
    height: 34px;
    background: url(../images/indexsearch.png) no-repeat scroll center center;
}

.index-search {
    padding-right: 15px;
}

    .index-search .search-box {
        position: absolute;
        overflow: hidden;
        top: 60px;
        width: 100%;
        left: 0;
        background-color: #fff;
        padding: 30px 15px;
        display: none;
        border-bottom: 1px solid #ddd;
    }

        .index-search .search-box input {
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }

        .index-search .search-box .search-txt {
            width: 100%;
            text-indent: 10px;
            padding-right: 65px;
            border: 1px solid #cdcdcd;
        }

            .index-search .search-box .search-txt::-webkit-input-placeholder { /* WebKit browsers */
                color: #999;
            }

            .index-search .search-box .search-txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                color: #999;
            }

            .index-search .search-box .search-txt::-moz-placeholder { /* Mozilla Firefox 19+ */
                color: #999;
            }

            .index-search .search-box .search-txt:-ms-input-placeholder { /* Internet Explorer 10+ */
                color: #999;
            }

        .index-search .search-box .search-btn {
            position: absolute;
            width: 65px;
            top: 30px;
            right: 15px;
            z-index: 2;
            color: #fff;
            font-family: "微软雅黑";
            background-color: #0f4d96;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

/*===========================*/
.mobnav-btn {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 30px;
    position: relative;
}

    .mobnav-btn span {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #999;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .mobnav-btn span:first-child {
            top: 6px;
        }

        .mobnav-btn span:nth-child(2) {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .mobnav-btn span:last-child {
            bottom: 6px;
        }

    .mobnav-btn.open span:first-child {
        top: 14px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobnav-btn.open span:nth-child(2) {
        opacity: 0;
    }

    .mobnav-btn.open span:last-child {
        bottom: 14px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/*===========================*/
nav {
    position: fixed;
    top:50px;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 80px;
    z-index: 188;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

    nav .lvnav {
        width: 100%;
    }

        nav .lvnav .lv1 {
            width: 100%;
            padding: 0 13px;
            line-height: 40px;
            border-bottom: 1px solid #ddd;
        }

            nav .lvnav .lv1 h4 {
                width: 100%;
                padding: 5px 0;
                position: relative; font-weight:normal;
            }

                nav .lvnav .lv1 h4 a {
                    display: block;
                    color: #4b4948;
                    font-size: 15px;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                    text-transform: uppercase;
                }

                nav .lvnav .lv1 h4 .icon {
                    position: absolute;
                    width: 30%;
                    right: 0;
                    top: 0;
                    height: 100%;
                }

                    nav .lvnav .lv1 h4 .icon:after {
                        content: '';
                        position: absolute;
                        border: 1px solid #6d6e8b;
                        border-left: none;
                        border-bottom: none;
                        width: 10px;
                        height: 10px;
                        right: 5px;
                        -webkit-transform: rotate(135deg);
                        -moz-transform: rotate(135deg);
                        -ms-transform: rotate(135deg);
                        -o-transform: rotate(135deg);
                        transform: rotate(135deg);
                        top: 50%;
                        margin-top: -9px;
                    }

            nav .lvnav .lv1.cur2 h4 .icon:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                margin-top: -2px;
            }

.subnav {
    width: 100%;
    padding: 0 15px 15px; border-radius:10px;
    display: none;
}

    .subnav .lv2 {
        width: 100%;
    }

        .subnav .lv2 a {
            display: block;
            width: 100%;
            color: #4b4948;
            font-size: 14px;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            text-transform: uppercase;
        }

@media (min-width: 1200px) {
  

    .headercom {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-left {
        float: none;
        padding-right: 100px;
        width: 100%;
    }

        .header-left:after {
            content: '';
            display: block;
            clear: both;
            visibility: hidden;
            height: 0;
        }

    .header-right {
        float: none;
        line-height:80px;
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 24px;
    }

    .weblogo {
        padding: 20px 0;
        float: left;
    }

    .index-lang {
        padding: 5px 10px;
        border-right: 1px solid #dbdbda;
    }

    .index-search {
        padding-left: 15px;
        padding-right: 0px;
        padding-top: 28px;
        padding-bottom: 28px;
        position: relative;
    }

        .index-search .search-box {
            top: 100%;
            width: 300px;
            left: auto;
            right: 0;
            padding: 15px 15px;
            border-bottom: 1px solid #ddd;
        }

            .index-search .search-box .search-btn {
                top: 15px;
            }

                .index-search .search-box .search-btn:hover {
                    background-color: #0f4d96;
                }

    .index-header header {
        -moz-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .index-header.scroll header {
     
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .index-header.scroll .weblogo a .wlogo {
        display: block;
    }

    .index-header.scroll .weblogo a .blogo {
        display: none;
    }

    .index-header.scroll nav .lvnav .lv1 h4 a {
        color: #fff;
    }

 .scroll .lang-icon { color:#fff;
         
    }
.scroll .index-ce{ color:#fff; }
.scroll .index-deng{ color:#fff; }
.index-deng{ display:inline-block;  width:90px; color:#333; font-size:16px; margin-top:5px; float:left;}
.index-ce{ color:#333;display:inline-block;font-size:16px; text-align:center; height:60px; line-height:60px; }
    .index-header.scroll .search-icon {
        background: url(../images/indexsearchw.png) no-repeat scroll center center;
    }

    /*===========================*/
    .mobnav-btn {
        display: none;
    }
    /*===========================*/
    nav {
        position: static;
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: inherit;
        display: block;
        float: left;
        padding-left: 8px;
    }

        nav .lvnav .lv1 {
            width: auto;
            float: left;
            border-bottom: none;
            position: relative;
        }

            nav .lvnav .lv1 h4 {
                width: 100%;
                padding: 0;
                line-height: 90px;
            }

                nav .lvnav .lv1 h4 a {
                    position: relative;
                }

                    nav .lvnav .lv1 h4 a:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 51%;
                        right: 51%;
                        height: 5px;
                        background-color: #0f4d96;
                        -webkit-transition: all 0.3s;
                        -o-transition: all 0.3s;
                        -moz-transition: all 0.3s;
                        transition: all 0.3s;
                    }

                nav .lvnav .lv1 h4 .icon {
                    display: none !important;
                }

            nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after {
                left: 0;
                right: 0;
            }

    .subnav {
        width: 220px;
        padding: 5px 15px 5px;
        display: none;
        position: absolute;
        background-color: #fff;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 100%;
        text-align: center;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

        .subnav .lv2 a {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .subnav .lv2:hover a {
            color: #0f4d96;
        }
}

@media (min-width: 1300px) {
    .headercom {
        padding-left: 50px;
        padding-right: 50px;
    }

    .weblogo {
        padding:25px 0;
    }

      
    nav {
        padding-left: 30px;
    }

        nav .lvnav .lv1 h4 a:after {
            height: 10px;
        }
}

.in-history {
    width: 100%;
    overflow: hidden;
}

.history-ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .history-ul:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: #bfbfbf;
        top: 0;
        left: 8px;
        z-index: -1;
    }

    .history-ul > li {
        width: 100%;
        margin-bottom: 10px;
    }

        .history-ul > li .con {
            padding-left: 42px;
        }

            .history-ul > li .con .title {
                font-size: 16px;
                color: #666;
                line-height: 28px;
                position: relative;
            }

                .history-ul > li .con .title:after {
                    content: '';
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    background-image: url(../images/yuanyuan.png);
                    background-repeat: no-repeat;
                    -o-background-size: cover;
                    background-size: cover;
                    background-position: center center;
                    left: -40px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                .history-ul > li .con .title:before {
                    content: '';
                    position: absolute;
                    width: 11px;
                    height: 9px;
                    background-image: url(../images/leftleft.png);
                    background-repeat: no-repeat;
                    -o-background-size: cover;
                    background-size: cover;
                    background-position: center center;
                    left: -20px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .history-ul > li .con .infp {
                color: #3e3f45;
                line-height: 18px;
                font-size: 14px;
                margin-top: 5px;
                margin-bottom: 10px;
            }

            .history-ul > li .con .imgmain {
                width: 100%;
            }

            .history-ul > li .con .img {
                margin-left: -0.9%;
                margin-right: -0.9%;
                font-size: 0;
            }

                .history-ul > li .con .img img {
                    display: inline-block;
                    vertical-align: bottom;
                    max-width: 98.2%;
                    margin-left: 0.9%;
                    margin-right: 0.9%;
                    margin-bottom: 10px;
                }

        .history-ul > li .conmain {
            width: 100%;
            position: relative;
            z-index: 2;
        }

@media (min-width: 768px) {
    .in-history ul {
        padding-top: 30px;
        padding-bottom: 60px;
        font-family: "Montserrat-Regular";
    }

    .history-ul > li .con .img img {
        max-width: 48.2%;
    }
}

@media (min-width: 1024px) {
    .in-history ul {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .history-ul:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .history-ul > li {
        margin-bottom: 20px;
    }

        .history-ul > li .con {
            padding: 0px;
        }

            .history-ul > li .con .title {
                font-size: 18px;
                line-height: 28px;
            }

            .history-ul > li .con .infp {
                font-size: 16px;
                line-height: 20px;
                margin-top: 10px;
                margin-bottom: 20px;
            }

        .history-ul > li:nth-child(odd) {
            padding-right: 50%;
        }

            .history-ul > li:nth-child(odd) .con {
                padding-right: 50px;
            }

                .history-ul > li:nth-child(odd) .con .title {
                    text-align: right;
                }

                    .history-ul > li:nth-child(odd) .con .title:after {
                        left: auto;
                        right: -57px;
                    }

                    .history-ul > li:nth-child(odd) .con .title:before {
                        left: auto;
                        right: -25px;
                        background-image: url(../images/rightright.png);
                    }

                .history-ul > li:nth-child(odd) .con .infp {
                    text-align: right;
                }

        .history-ul > li:nth-child(even) {
            padding-left: 50%;
        }

            .history-ul > li:nth-child(even) .con {
                padding-left: 50px;
            }

                .history-ul > li:nth-child(even) .con .title {
                    text-align: left;
                }

                    .history-ul > li:nth-child(even) .con .title:after {
                        right: auto;
                        left: -57px;
                    }

                    .history-ul > li:nth-child(even) .con .title:before {
                        right: auto;
                        left: -25px;
                    }

                .history-ul > li:nth-child(even) .con .infp {
                    text-align: left;
                }
}

@media (min-width: 1260px) {
    .history-ul > li .con .title {
        font-size: 24px;
        line-height: 32px;
        font-weight: normal;
    }

    .history-ul > li .con .infp {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@charset "UTF-8";

.searchcont401 {
    padding: 0;
    background-color: #ffffff;
    min-height: 60vh;
}

.searchtitle401 {
    padding: 28px 15px;
    background-color: #f2f2f2;
}

    .searchtitle401 span {
        color: #f7931c;
    }

.resultlist401 {
    font-size: 13px;
    padding: 3% 0;
}

    .resultlist401 img {
        display: block;
        width: 100%;
        margin-bottom: 2%;
    }

    .resultlist401 li {
        padding: 15px 0;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: -1px;
    }

    .resultlist401 h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 3%;
    }

        .resultlist401 h4 em {
            color: #f7931c;
            font-style: normal;
        }

        .resultlist401 h4 a {
            display: block;
        }

.resulttext401 {
    overflow: hidden;
    height: 72px;
    color: #999;
}

.resultlabel401 {
    color: #999;
    display: inline-block;
    padding-top: 30px;
}

.searchinputcont401 dt input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
    font-family: "Microsoft YaHei";
}

.searchinputcont401 dd input {
    margin-top: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #0f4d96;
    text-align: center;
    font-family: "Microsoft YaHei";
}

    .searchinputcont401 dd input:hover {
        background-color: #38aaa5;
    }

.keywords {
    color: #da251d;
}

@media (min-width: 768px) {
    .searchtitle401 {
        font-size: 24px;
    }

    .resultlist401 h4 {
        font-size: 20px;
        margin-bottom: 2%;
    }

    .searchimg401 {
        float: left;
        margin: 0 3% 0 0;
        display: block;
        width: 200px;
        height: 150px;
        overflow: hidden;
        position: relative;
    }

    .resultlist401 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        max-width: 100%;
        width: auto;
    }
}

@media (min-width: 992px) {
    .searchinputcont401 {
        width: 45%;
        margin: 0 auto;
    }

        .searchinputcont401 dt {
            float: left;
            width: 78%;
        }

        .searchinputcont401 dd {
            float: left;
            width: 22%;
        }

        .searchinputcont401 dt input {
            font-size: 16px;
        }

        .searchinputcont401 dd input {
            margin-top: 0;
        }

        .searchinputcont401 dd input {
            font-size: 16px;
            font-weight: bold;
        }
}

.loadingmore {
    display: block;
    width: 100%;
    font-size: 14px;
    background-color: #2f318b;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

    .loadingmore:hover {
        background-color: #4c4ea4;
    }

@media (min-width: 1024px) {
    .loadingmore {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}

/* 无搜索结果 */
.no-result {
    width: 100%;
    min-height: 226px;
}

    .no-result .content2 {
        padding: 90px 20px;
    }

        .no-result .content2 h2 {
            padding-right: 60px;
            font-weight: bold;
            font-size: 18px;
            padding-bottom: 27px;
            color: #322c27;
            text-align: center;
        }

            .no-result .content2 h2 img {
                vertical-align: middle;
                margin-right: 14px;
                position: static;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
                width: auto;
                display: inline-block;
                margin: 0;
                margin-right: 15px;
            }

        .no-result .content2 .cnt {
            width: 350px;
            margin: 0 auto;
        }

            .no-result .content2 .cnt p {
                padding-left: 14px;
                position: relative;
                left: 0;
                top: 0;
                color: #5d5c5b;
                font-size: 14px;
                line-height: 36px;
            }

                .no-result .content2 .cnt p span {
                    position: absolute;
                    width: 4px;
                    height: 4px;
                    background: #c4c4c4;
                    top: 17px;
                    left: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                }

@media (min-width: 767px) {
    .no-result .content2 h2 img {
        display: inline-block;
    }
}


@charset "UTF-8";

.title {
    font-size: 16px;
}

/*layout.css*/




.swiper-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
}

/* 首页 s */
.indexbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .indexbanner li {
        width: 100%;
        height: auto;
    }

        .indexbanner li .banner-img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .indexbanner li > a {
            display: block;
            width: 100%;
        }

            .indexbanner li > a img {
                display: block;
                width: 100%;
            }

            .indexbanner li > a.pcimg {
                display: none;
            }

            .indexbanner li > a.mimg {
                display: block;
            }

            .indexbanner li > a .pcimg {
                display: none;
            }

            .indexbanner li > a .mimg {
                display: block;
            }

.b-morewrap {
    display: block;
    width: 100%;
    padding-top: 20px;
}

.banner-readmore {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.indexbanner li.cur .banner-word .banner-title, .indexbanner li.cur .banner-word .banner-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); text-align:center;
}

.indexbanner li.cur .banner-word .banner-readmore {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.banner-word {
    position: absolute;
    left: 0;
    width: 100%;
    top: 40%;
}

    .banner-word .banner-title {
        -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
        color: #fff;
        line-height: 1.3;
        font-size: 35px;
        opacity: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

    .banner-word .banner-info {
        width: 100%;
        -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
        -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
        -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
        transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
        color: #fff;
        line-height: 1.2;
        font-size: 16px;
        padding-top: 5px;
        opacity: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

.mouseicon {
    width: 25px;
    height: 70px;
    position: absolute;
    bottom: 60px;
    z-index: 105;
    left: 50%;
    margin-left: -12px;
    background: url(../images/wmouse.png) center 0 no-repeat; background-size:90%;
    display: none;
}

.mouseicon p{
    color:#fff;
    font-size:14px;
    line-height:18px;
    white-space:nowrap;
    text-align:center;
    position:absolute;
    bottom:0;
    width:200px;
    left:0;
    margin-left:-86px;
}

.in-pagination-pos {
    width: 100%;
    position: absolute;
    bottom: 20px;
    z-index: 23;
}

.index-pagination {
    line-height: normal;
    font-size: 0;
    height: 6px;
    line-height: 6px; 
}

    .index-pagination span {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 6px;
        background-color: #fff;
        margin-right: 5px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;border-radius:10px;
    }

        .index-pagination span.swiper-pagination-bullet-active {
            background-color: #0f4d96;
            height: 6px;
        }

.index-panel {
    width: 100%;
    position: relative;
    z-index: 99;
}

.in-panel-module {
    position: relative;
    padding: 20px 0 0;
}

    .in-panel-module .title-fonts {
        color: #333;
        line-height: 1.42857;
        font-size: 16px;
        font-family: "Montserrat-Regular"; 
    }

    .in-panel-module .sub-fonts {
        color: #282828;
        font-size: 14px;
        line-height: 24px;
    }

    .in-panel-module .word-right {
        padding-top: 17px;
    }

    .in-panel-module .article-fonts {
        color: #adb3b9;
        font-size: 14px;
        line-height: 18px;
    }

.index-numscroll {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .index-numscroll ul {
        font-size: 0;
    }

        .index-numscroll ul li {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            text-align: left;
            margin-bottom: 20px;
        }

            .index-numscroll ul li .tp {
                line-height: 30px;
            }

            .index-numscroll ul li .num {
                color: #67A9DE;
                font-weight: bold;
                font-size: 34px;
                display: inline-block;
                vertical-align: middle;
            }

            .index-numscroll ul li .tips {
                display: inline-block;
                vertical-align: middle;
                color: #67A9DE;
                font-size: 14px;
                padding-left: 14px;
            }

            .index-numscroll ul li .bt {
                color: #282828;
                font-size: 14px;
                line-height: 16px;
                padding-top: 6px;
            }

.index-solutions {
    width: 100%;
    padding-top: 25px;
}

.g-index-title {
    text-align: center;
}

    .g-index-title .title {
        color: #282828;
        font-size: 20px;
        line-height: 1.2;
        font-family: "Montserrat-Regular";
    }

    .g-index-title .sub {
        color: #707070;
        font-size: 12px;
        line-height: 1.3;
        padding-top: 6px;
    }

.solution-wrap {
    width: 100%;
    padding-top: 20px;
}

.solution-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .solution-swiper ul li {
        height: auto;
        position: relative;
        overflow: hidden;
    }

        .solution-swiper ul li a {
            display: block;
            width: 100%;
            position: relative;
        }

        .solution-swiper ul li .image {
            width: 100%;
            overflow: hidden;
        }

            .solution-swiper ul li .image img {
                display: block;
                width: 100%;
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
            }

        .solution-swiper ul li .word {
            text-align: center;
            padding: 10px;
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .solution-swiper ul li .word .title {
                font-size: 16px;
                line-height: 1.2;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                letter-spacing: 2px;
                color: #fff;
            }

                .solution-swiper ul li .word .title sup {
                    font-size: 12px;
                }

            .solution-swiper ul li .word .info {
                line-height: 24px;
                font-size: 14px;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                color: #fff;
            }

.index-button-prev, .index-button-next {
    display: none;
}

.index-successCase {
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 25px;
    padding-bottom: 35px;
}

.suc-commonweb {
    padding-left: 15px;
    padding-right: 15px;
}

.suc-commonwebs {
}

.idx-success-wrapper {
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.idx-success {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .idx-success ul li {
        height: auto;
    }

        .idx-success ul li a {
            display: block;
            width: 100%;
        }

        .idx-success ul li .image {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

            .idx-success ul li .image img {
                display: block;
                width: 100%;
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
            }

        .idx-success ul li .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .idx-success ul li .word {
            width: 100%;
            padding-top: 10px;
            padding-right: 10px;
            padding-left: 10px;
            position: absolute;
            left: 0;
            top: 4%;
        }

            .idx-success ul li .word .sup {
                font-size: 40px;
                 font-weight:bold; margin-bottom:20px;
                color: #fff;
            }

            .idx-success ul li .word .title {
                line-height: 1.2;
                font-size: 14px;
                color: #fff;
            }

            .idx-success ul li .word .seeall {
                display: inline-block;
                vertical-align: top;
                font-size: 12px;
                color: #fff;
                line-height: 24px;
                margin-top: 5px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

.index-ad {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .index-ad .image {
        width: 100%;
        overflow: hidden;
        height: 140px;
        position: relative;
    }

        .index-ad .image img {
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
        }

    .index-ad .word {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.index-adfonts {
    color: #c7c7c7;
    font-size: 16px;
}

    .index-adfonts .mic {
        color: #0f4d96;
        font-size: 20px;
    }

    .index-adfonts .fonts {
        padding-right: 15px;
    }

.index-news {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 40px;
}

.index-newswrap {
    width: 100%;
    padding-top: 15px;
}

.index-newsul {
    margin-left: -4px;
    margin-right: -4px;
}

    .index-newsul li {
        margin-bottom: 25px;
        padding-left: 4px;
        padding-right: 4px;
    }

        .index-newsul li a {
            display: block;
            width: 100%;
        }

        .index-newsul li .image {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

            .index-newsul li .image img {
                display: block;
                width: 100%;
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
            }

        .index-newsul li .word {
            width: 100%;
            padding-top: 6px;
        }

            .index-newsul li .word .mark {
                color: #adb3b9;
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 5px;
                height: 18px;
            }

            .index-newsul li .word .title {
                font-family: "Montserrat-Regular";
                display: block;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                line-height: 20px;
                color: #282828;
                font-size: 14px;
                height: 60px;
            }

            .index-newsul li .word .line {
                width: 100%;
                height: 1px;
                background-color: #d4e1e4;
                margin: 10px 0;
                position: relative;
            }

                .index-newsul li .word .line:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 0%;
                    height: 100%;
                    background-color: #0f4d96;
                    -webkit-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

            .index-newsul li .word .time {
                color: #636363;
                font-size: 16px;
                line-height: 24px;
                display: inline-block;
                vertical-align: top;
                font-family: "Montserrat-Regular";
            }

        .index-newsul li.video .image {
            cursor: pointer;
        }

            .index-newsul li.video .image .playbtn {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 20px;
                height: 24px;
                background: url(../images/playbtn.png) no-repeat scroll center center;
            }

        .index-newsul li.video .word .title {
            font-size: 18px;
        }

            .index-newsul li.video .word .title a {
                display: block;
                width: 100%;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                color: #282828;
            }

.index-newsmore {
    text-align: center;
}

.newsmore-button {
    display: inline-block;
    vertical-align: top;
    color: #0f4d96;
    line-height: 38px;
    border: 1px solid #0f4d96;
    font-size: 14px;
    padding: 0 30px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* 首页 e */
/*Products&Solutions  s*/
.in-compound {
    width: 100%;
    background-color: #2c2c2c;
}

.compound-wrap {
    width: 100%;
}

.compound-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .compound-swiper ul li {
        height: auto;
    }

        .compound-swiper ul li .compound-img {
            display: block;
            width: 100%;
        }

            .compound-swiper ul li .compound-img img {
                display: block;
                width: 100%;
            }

.compound-pagination {
    position: absolute;
    bottom: 15px;
    width: 100%;
    line-height: normal;
    font-size: 0;
    text-align: center;
}

    .compound-pagination span {
        display: inline-block;
        vertical-align: top;
        margin: 0 3px;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
    }

        .compound-pagination span.swiper-pagination-bullet-active {
            background-color: #0f4d96;
        }

.compound-right {
    overflow: hidden;
}

.compound-module {
    padding: 30px 15px 35px;
}

    .compound-module .title {
        color: #0f4d96;
        font-size: 18px;
        line-height: 1.2;
        font-family: "Montserrat-Regular";
    }

        .compound-module .title span {
            display: inline-block;
            vertical-align: top;
            padding-bottom: 18px;
            position: relative;
        }

            .compound-module .title span:after {
                content: '';
                position: absolute;
                bottom: 0;
                width: 20px;
                height: 2px;
                background-color: #0f4d96;
                left: 0;
            }

    .compound-module .mask {
        color: #7c7f8b;
        font-size: 14px;
        margin: 15px 0;
    }

    .compound-module .info {
        color: #ffffff;
        font-size: 14px;
        line-height: 20px;
    }

.compound-tabs {
    display: none;
}

.in-hazardous {
    width: 100%;
    overflow: hidden;
}

.hazcommonweb {
    padding-left: 15px;
    padding-right: 15px;
}

.hazardous-dl {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 35px;
    position: relative;
}

    .hazardous-dl:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 10px;
        background: url(../images/dlbg.png) repeat-x scroll 0 0;
        -o-background-size: cover;
        background-size: cover;
    }

    .hazardous-dl:last-child:after {
        display: none;
    }

.hazardous-title {
    width: 100%;
    text-align: center;
}

    .hazardous-title .title {
        line-height: 1.22222;
        color: #0f4d96;
        font-size: 18px;
        font-weight: bold;
    }

    .hazardous-title .sub {
        color: #3e3f45;
        font-size: 14px;
        line-height: 22px;
        padding-top: 4px;
        font-weight: bold;
    }

    .hazardous-title .line {
        display: block;
        width: 40px;
        height: 3px;
        background: url(../images/inside-title-tips.png) no-repeat scroll center center;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

.hazardous-article {
    color: #858795;
    font-size: 14px;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center;
}

.hazardous-wrap {
    width: 100%;
    position: relative;
}

.hazardous-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hazardous-ul {
    margin-left: -10px;
    margin-right: -10px;
}

    .hazardous-ul li {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        position: relative;
    }

        .hazardous-ul li a {
            display: block;
            width: 100%;
            position: relative;
        }

        .hazardous-ul li .imgbox {
            width: 100%;
            text-align: right;
            font-size: 0;
            position: relative;
            padding: 0 20px 15px;
        }

        .hazardous-ul li .image {
            width: 100%;
            max-width: 316px;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            position: relative;
            z-index: 22;
            position: relative;
            padding-bottom: 80px;
        }

            .hazardous-ul li .image img {
                display: block;
                width: 100%;
            }

        .hazardous-ul li .bg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200px;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            background-color: rgba(238, 245, 245, 0.9);
            z-index: 11;
        }

            .hazardous-ul li .bg:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                background: url(../images/mainbg01.png) repeat-x scroll 0 0;
                -o-background-size: cover;
                background-size: cover;
                opacity: 0;
                visibility: hidden;
            }

        .hazardous-ul li .word {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 0 20px 35px;
            z-index: 22;
        }

            .hazardous-ul li .word .sup {
                color: #3e3f45;
                font-size: 14px;
                line-height: 22px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                width: 100%;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .hazardous-ul li .word .title {
                color: #3e3f45;
                font-size: 20px;
                font-weight: bold;
                line-height: 30px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                width: 100%;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.in-ad-display {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.display-poster {
    width: 100%;
    overflow: hidden;
}

    .display-poster img {
        display: block;
        width: 100%;
    }

    .display-poster .pcproimg {
        display: none;
    }

.display-position {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.display-word {
    width: 100%;
    text-align: center;
}

    .display-word .title {
        line-height: 26px;
    }

        .display-word .title img {
            max-width: 100%;
            height: 22px;
            display: inline-block;
            vertical-align: middle;
        }

    .display-word .sub {
        line-height: 24px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .display-word .sub img {
            max-width: 100%;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
        }

.display-text {
    color: #3e3f45;
    font-size: 14px;
    line-height: 18px;
}

.in-show-panel {
    width: 100%;
    padding-top: 20px;
}

.in-consept-dl {
    width: 100%;
}

    .in-consept-dl li {
        padding: 15px 0;
    }

        .in-consept-dl li .wid {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .in-consept-dl li .image {
            width: 100%;
            max-width: 445px;
            overflow: hidden;
            margin: 0 auto;
            position: relative;
        }

            .in-consept-dl li .image:before {
                content: '';
                display: block;
                width: 100%;
                padding-bottom: 56.17978%;
            }

            .in-consept-dl li .image img {
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }

        .in-consept-dl li .word {
            width: 100%;
            padding-top: 10px;
        }

            .in-consept-dl li .word .title {
                color: #3e3f45;
                font-size: 18px;
                line-height: 20px;
                width: 100%;
                font-weight: bold;
            }

            .in-consept-dl li .word .sub {
                color: #3e3f45;
                font-size: 14px;
                line-height: 16px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-weight: bold;
            }

                .in-consept-dl li .word .sub > * {
                    font-weight: bold;
                }

            .in-consept-dl li .word .info {
                color: #858795;
                font-size: 14px;
                line-height: 16px;
            }

                .in-consept-dl li .word .info > p, .in-consept-dl li .word .info > * {
                    display: block;
                    width: 100%;
                    position: relative;
                    padding-left: 15px;
                    margin-bottom: 16px;
                }

                    .in-consept-dl li .word .info > p:before, .in-consept-dl li .word .info > *:before {
                        content: '';
                        position: absolute;
                        width: 4px;
                        height: 4px;
                        background-color: #858795;
                        -webkit-border-radius: 50%;
                        border-radius: 50%;
                        left: 0;
                        top: 5px;
                    }

                    .in-consept-dl li .word .info > p:last-child, .in-consept-dl li .word .info > *:last-child {
                        margin-bottom: 0;
                    }

        .in-consept-dl li:nth-child(odd) {
            background-color: #fff;
        }

        .in-consept-dl li:nth-child(even) {
            background-color: #f5f5f6;
        }

.in-specification {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 45px;
    font-family: "Montserrat-Regular";
}

.in-specify-title {
    text-align: center;
    color: #3e3f45;
    font-size: 18px;
    line-height: 20px;
    width: 100%;
    font-weight: bold;
}

.in-specify-wrap {
    width: 100%;
    padding-top: 20px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .in-specify-wrap::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .in-specify-wrap::-webkit-scrollbar {
        height: 4px;
    }

    .in-specify-wrap::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

.specify-table {
    min-width: 520px;
    width: 100%;
    line-height: 42px;
    text-align: center;
}

    .specify-table tr th {
        color: #ffffff;
        font-size: 16px;
        background-color: #0f4d96;
        font-weight: normal;
        border-right: 1px solid #fff;
    }

        .specify-table tr th:last-child {
            border-right-color: #0f4d96;
        }

    .specify-table tr td {
        border: 1px solid #ececec;
        color: #3e3f45;
        font-size: 14px;
    }

/*Products&Solutions  e*/
/* Success%20Cases s */
.g-inside-banner {
    width: 100%;
    position: relative;
}

    .g-inside-banner .image {
        width: 100%;
        height: 140px;
        overflow: hidden;
        position: relative;
    }

        .g-inside-banner .image img {
            display: block;
            height: 100%;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.in-banner-pos {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    z-index: 22;
}

.in-banner-font {
    color: #fff;
    line-height: 1.2;
    font-size: 22px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.in-coverStory {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
}

.covcommonweb {
    padding-left: 15px;
    padding-right: 15px;
}

.coverStory-wrap {
    width: 100%;
}

.coverStory-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .coverStory-swiper ul li {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .coverStory-swiper ul li a {
            display: block;
            width: 100%;
            position: relative;
        }

        .coverStory-swiper ul li .image {
            width: 100%;
            overflow: hidden;
        }

            .coverStory-swiper ul li .image img {
                display: block;
                width: 100%;
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
            }

        .coverStory-swiper ul li .word {
            width: 100%;
        }

            .coverStory-swiper ul li .word .title {
                font-weight: bold;
                color: #3e3f44;
                font-size: 18px;
                line-height: 22px;
                width: 100%;
                display: block;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                height: 88px;
            }

            .coverStory-swiper ul li .word .morewrap {
                width: 100%;
                padding-top: 20px;
            }

            .coverStory-swiper ul li .word .more {
                color: #8a8a8b;
                font-size: 14px;
                line-height: 20px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

        .coverStory-swiper ul li .lib {
            width: 100%;
            background-color: #eef1f6;
            padding: 20px 15px 30px;
        }

.coverStory-pagination {
    width: 100%;
    padding-top: 10px;
    text-align: center;
    line-height: normal;
    font-size: 0;
}

    .coverStory-pagination span {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 4px;
        border: 1px solid #e5e5e5;
        margin: 0 4px;
        cursor: pointer;
    }

        .coverStory-pagination span.swiper-pagination-bullet-active {
            border-color: #0f4d96;
            background-color: #0f4d96;
        }

.in-ourCustomers {
    width: 100%;
    background-color: #f5f5f6;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 25px;
}

.customers-select {
    width: 100%;
    max-width: 380px;
}

.customers-ul {
    width: 100%;
    font-size: 0;
}

    .customers-ul li {
        display: inline-block;
        vertical-align: top;
        width: 33.33333%;
        border: 1px solid #eeeeee;
        border-right: none;
        background-color: #fff;
        position: relative;
    }

        .customers-ul li .title {
            line-height: 38px;
            color: #616269;
            font-size: 14px;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            position: relative;
            padding-left: 10px;
            padding-right: 20px;
        }

            .customers-ul li .title:after {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                border: 1px solid #525252;
                border-top: none;
                border-right: none;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 12px;
                top: 13px;
            }

        .customers-ul li .select {
            position: absolute;
            display: block;
            top: 0;
            width: 100%;
            left: 0;
            height: 100%;
            line-height: 100%;
            opacity: 0;
            text-align: center;
            -moz-text-align-last: center;
            text-align-last: center;
            padding: 0 10px;
            cursor: pointer;
            font-size: 12px;
            z-index: 22;
        }

        .customers-ul li:last-child {
            border-right: 1px solid #eeeeee;
        }

.customers-wrap {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.customers-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .customers-swiper ul li {
        height: auto;
        position: relative;
    }

        .customers-swiper ul li a {
            display: block;
            width: 100%;
            position: relative;
            padding: 15px 2px 10px;
        }

        .customers-swiper ul li .image {
            width: 77px;
            height: 76px;
            margin: 0 auto 16px;
            overflow: hidden;
            position: relative;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
        }

            .customers-swiper ul li .image img {
                display: block;
                max-width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .customers-swiper ul li .word {
            width: 100%;
            position: relative;
            padding-left: 5px;
            padding-right: 5px;
        }

            .customers-swiper ul li .word .title {
                color: #858795;
                font-size: 14px;
                line-height: 16px;
                text-align: center;
                width: 100%;
                display: block;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                height: 48px;
            }

        .customers-swiper ul li .item {
            padding-left: 0;
            padding-right: 0;
        }

.customers-pagination {
    width: 100%;
    text-align: center;
    line-height: normal;
    font-size: 0;
    padding-top: 22px;
}

    .customers-pagination span {
        display: inline-block;
        vertical-align: top;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #bebfc7;
        cursor: pointer;
        margin: 0 4px;
    }

        .customers-pagination span.swiper-pagination-bullet-active {
            background-color: #0f4d96;
        }

.in-practice {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.practice-wrap {
    width: 100%;
    padding-top: 10px;
}

.practice-ul {
    margin-left: -5px;
    margin-right: -5px;
}

    .practice-ul li {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .practice-ul li a {
            display: block;
            width: 100%;
            position: relative;
        }

        .practice-ul li .image {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

            .practice-ul li .image:after {
                content: '';
                display: block;
                width: 100%;
                padding-bottom: 74.87179%;
            }

            .practice-ul li .image img {
                position: absolute;
                width: 100%;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
            }

        .practice-ul li .word {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 15px 10px 10px;
            background-color: rgba(0, 0, 0, 0.4);
        }

            .practice-ul li .word .title {
                color: #fff;
                font-size: 14px;
                line-height: 16px;
                display: block;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                height: 32px;
            }

.in-case-article {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 25px;
}

.cacommonweb {
    padding-left: 15px;
    padding-right: 15px;
}

.i-article-hd {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
}

.g-article-title {
    width: 100%;
    position: relative;
    font-size: 20px;
    line-height: 1.58333;
    padding-left: 24px;
    padding-right: 24px;
}

    .g-article-title:before {
        content: '';
        position: absolute;
        left: 2px;
        top: 0;
        width: 13px;
        height: 8px;
        background: url(../images/ssicon01.png) no-repeat scroll 0 0;
        -o-background-size: contain;
        background-size: contain;
    }

    .g-article-title:after {
        content: '';
        position: absolute;
        right: 2px;
        bottom: 0;
        width: 13px;
        height: 8px;
        background: url(../images/ssicon02.png) no-repeat scroll 0 0;
        -o-background-size: contain;
        background-size: contain;
    }

.g-article-sub {
    text-align: right;
    margin-top: 15px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 26px;
}

    .g-article-sub span {
        display: inline-block;
        vertical-align: middle;
    }

    .g-article-sub .name {
        color: #3c3d42;
        font-size: 18px;
    }

    .g-article-sub .line {
        width: 34px;
        height: 1px;
        background-color: #3c3d42;
        margin-right: 15px;
    }

.i-article-bd {
    color: #adb3b9;
    font-size: 14px;
    line-height: 22px;
}

    .i-article-bd img {
        max-width: 100%;
    }

/* Success%20Cases e */
/* Quality&Services s */
.in-qualitySer {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 25px;
}

.qualitySer-cons {
    width: 100%;
}

.qualitySer-text {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #858795;
    font-size: 14px;
    line-height: 18px;
    font-family: "Montserrat-Regular";
}

.qualitySer-exam {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
}

.qualitySer-ul {
    text-align: center;
    font-size: 0;
}

    .qualitySer-ul li {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .qualitySer-ul .item {
        padding: 10px 15px;
        border: 1px solid #eaeaea;
    }

        .qualitySer-ul .item img {
            display: block;
            width: 100%;
        }

.qualitySer-info {
    text-align: center;
    color: #3e3f45;
    font-size: 16px;
    line-height: 1.77778;
}

.qualitySer-panel {
    width: 100%;
    background-color: #f9fafc;
}

    .qualitySer-panel dl dt {
        width: 100%;
        overflow: hidden;
    }

        .qualitySer-panel dl dt img {
            display: block;
            width: 100%;
        }

    .qualitySer-panel dl dd {
        overflow: hidden;
        padding: 15px;
    }

.qualitySer-word {
    width: 100%;
}

    .qualitySer-word .title {
        color: #3e3f45;
        font-size: 18px;
        line-height: 1.3;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .qualitySer-word .info {
        color: #858795;
        font-size: 14px;
        line-height: 18px;
    }

.qualitySer-num {
    padding-top: 20px;
    width: 100%;
    overflow: hidden;
}

    .qualitySer-num .subtitle {
        color: #3e3f45;
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 15px;
        font-weight: bold;
    }

    .qualitySer-num ul {
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
        font-size: 0;
    }

        .qualitySer-num ul li {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 20px;
        }

            .qualitySer-num ul li .lib {
                display: block;
                width: 100%;
            }

            .qualitySer-num ul li .num {
                color: #0f4d96;
                font-size: 30px;
                line-height: 32px;
            }

            .qualitySer-num ul li .ps {
                width: 100%;
                text-align: center;
                color: #858795;
                font-size: 14px;
                line-height: 18px;
            }

.qualitySer-dot {
    width: 100%;
    padding-top: 30px;
}

.qualitySer-dotul {
    width: 100%;
    text-align: center;
}

    .qualitySer-dotul li {
        text-align: center;
        margin-bottom: 20px;
    }

        .qualitySer-dotul li .lib {
            max-width: 270px;
            width: 100%;
            margin: 0 auto;
        }

        .qualitySer-dotul li .tp {
            border: 8px solid #fff;
            background-color: #f2f2f2;
            width: 270px;
            height: 270px;
            position: relative;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin: 0 auto;
        }

            .qualitySer-dotul li .tp:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            .qualitySer-dotul li .tp:after {
                content: '';
                position: absolute;
                top: -8px;
                left: -8px;
                right: -8px;
                bottom: -8px;
                border: 1px dashed #cfcfcf;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

            .qualitySer-dotul li .tp .iconbox {
                display: inline-block;
                vertical-align: middle;
            }

            .qualitySer-dotul li .tp .icon {
                width: 80px;
                display: block;
                margin: 0 auto;
                height: 76px;
                -webkit-transition: all 0.9s;
                -o-transition: all 0.9s;
                -moz-transition: all 0.9s;
                transition: all 0.9s;
                margin-bottom: 10px;
            }

                .qualitySer-dotul li .tp .icon img {
                    display: block;
                    width: 100%;
                }

            .qualitySer-dotul li .tp .title {
                color: #3e3f45;
                font-size: 16px;
                line-height: 24px;
                font-family: "Montserrat-Regular";
            }

        .qualitySer-dotul li .line {
            width: 20px;
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            margin-bottom: 15px;
            background-color: #0f4d96;
        }

        .qualitySer-dotul li .word {
            width: 100%;
            color: #858795;
            font-size: 14px;
            line-height: 18px;
            font-family: "Montserrat-Regular";
        }

.qualitySer-board {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 35px;
    font-family: "Montserrat-Regular";
}

    .qualitySer-board dl {
        width: 100%;
        position: relative;
    }

        .qualitySer-board dl dt {
            width: 100%;
            overflow: hidden;
        }

            .qualitySer-board dl dt img {
                display: block;
                width: 100%;
            }

        .qualitySer-board dl dd {
            padding: 20px 15px;
            background-color: #f7f9fb;
        }

            .qualitySer-board dl dd .bt {
                width: 100%;
                padding-top: 10px;
            }

.bs-qualitySer-h4 {
    width: 100%;
    color: #3e3f45;
    line-height: 1.33333;
    font-size: 20px;
}

.bs-qualitySer-text {
    width: 100%;
    color: #858795;
    font-size: 14px;
    line-height: 18px;
}

    .bs-qualitySer-text > *, .bs-qualitySer-text > p {
        display: block;
        width: 100%;
        position: relative;
        padding-left: 15px;
        margin-bottom: 8px;
    }

        .bs-qualitySer-text > *:before, .bs-qualitySer-text > p:before {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #0f4d96;
            left: 0;
            top: 6px;
        }

.qualitySer-loop {
    width: 100%;
    font-family: "Montserrat-Regular";
}

    .qualitySer-loop ul li {
        width: 100%;
        background-color: #f7f9fa;
    }

        .qualitySer-loop ul li .image {
            width: 100%;
            overflow: hidden;
        }

            .qualitySer-loop ul li .image img {
                display: block;
                width: 100%;
            }

        .qualitySer-loop ul li .word {
            width: 100%;
            padding: 20px 15px;
        }

            .qualitySer-loop ul li .word .bt {
                padding-top: 10px;
            }

.qualitySer-order {
    padding-top: 20px;
}

.quality-order-ul li {
    width: 100%;
    overflow: hidden;
}

    .quality-order-ul li .image {
        width: 100%;
        overflow: hidden;
    }

        .quality-order-ul li .image img {
            display: block;
            width: 100%;
        }

    .quality-order-ul li .word {
        width: 100%;
        position: relative;
        padding: 20px 15px;
    }

        .quality-order-ul li .word .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-repeat: no-repeat;
            -o-background-size: cover;
            background-size: cover;
            background-position: 0 0;
        }

            .quality-order-ul li .word .bg img {
                display: block;
                width: 100%;
            }

        .quality-order-ul li .word .tp, .quality-order-ul li .word .bt {
            position: relative;
            width: 100%;
            z-index: 2;
        }

        .quality-order-ul li .word .tp {
            padding-left: 50px;
        }

        .quality-order-ul li .word .bt {
            padding-top: 20px;
        }

    .quality-order-ul li:nth-child(3n) .word h4 span:after {
        background-color: #5a84aa;
    }

    .quality-order-ul li:nth-child(3n-1) .word h4 span:after {
        background-color: #5896b0;
    }

    .quality-order-ul li:nth-child(3n-2) .word h4 span:after {
        background-color: #6db089;
    }

.sq-order-title {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.25;
}

    .sq-order-title span {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding-bottom: 10px;
    }

        .sq-order-title span:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
        }

.sq-order-icon {
    position: absolute;
    width: 42px;
    height: 54px;
    background-repeat: no-repeat;
    -o-background-origin: 0 0;
    background-origin: 0 0;
    -o-background-size: contain;
    background-size: contain;
    left: 0;
    top: 0;
}

.sq-order-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

    .sq-order-text > p, .sq-order-text > * {
        display: block;
        width: 100%;
        position: relative;
        padding-left: 15px;
        margin-bottom: 8px;
    }

        .sq-order-text > p:before, .sq-order-text > *:before {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            left: 0;
            top: 6px;
        }

.qualitySer-download {
    width: 100%;
}

.sq-download-ul {
    width: 100%;
}

    .sq-download-ul li {
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        padding: 12px 0;
        line-height: 36px;
    }

        .sq-download-ul li .a {
            display: block;
            width: 100%;
        }

        .sq-download-ul li .le {
            width: 100%;
        }

            .sq-download-ul li .le .txt {
                width: 100%;
                line-height: 20px;
                color: #3e3f45;
                font-size: 16px;
                display: block;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                max-height: 40px;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                font-weight: bold;
            }

        .sq-download-ul li .rh {
            font-size: 0;
            padding-top: 10px;
            text-align: right;
        }

            .sq-download-ul li .rh span {
                display: inline-block;
                vertical-align: middle;
            }

            .sq-download-ul li .rh .time {
                color: #858795;
                font-size: 14px;
            }

            .sq-download-ul li .rh .dlow {
                display: inline-block;
                color: #3e3f45;
                font-weight: bold;
                font-size: 14px;
                border: 1px solid #eeeeee;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                padding: 0 34px 0 14px;
                position: relative;
                font-weight: bold;
            }

                .sq-download-ul li .rh .dlow:after, .sq-download-ul li .rh .dlow:before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    -o-background-size: contain;
                    background-size: contain;
                    position: absolute;
                    top: 11px;
                    right: 13px;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .sq-download-ul li .rh .dlow:after {
                    background-image: url(../images/downloads.png);
                    z-index: 2;
                    opacity: 1;
                }

                .sq-download-ul li .rh .dlow:before {
                    background-image: url(../images/downloadb.png);
                    z-index: 1;
                    opacity: 0;
                }

            .sq-download-ul li .rh .line {
                height: 14px;
                width: 1px;
                background-color: #eeeeee;
                margin: 0 24px;
            }

        .sq-download-ul li:first-child {
            border-top: none;
        }

/* Quality&Services e */

@charset "UTF-8";

@media (min-width: 768px) { /* 首页 s */
    .banner-word .banner-title {
        font-size: 20px;
    }

    .banner-word .banner-info {
        font-size: 14px;
    }

    .in-pagination-pos {
        bottom: 70px;

    }

    .in-panel-module .title-fonts {
        font-size: 20px;
    }

    .index-numscroll ul {
        margin-left: -25px;
        margin-right: -25px;
    }

        .index-numscroll ul li {
            width: 25%;
            margin-bottom: 0px;
            padding-left: 25px;
            padding-right: 25px;
            border-right: 2px solid #cbcbcb;
        }

            .index-numscroll ul li .tp {
                line-height: 40px;
            }

            .index-numscroll ul li .num {
                font-size: 40px;
            }

            .index-numscroll ul li:last-child {
                border-right: none;
            }

    .g-index-title .title {
        letter-spacing: 2px;
    }
    /*.solution-swiper ul li .word { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }*/
    .solution-swiper ul li .word .title {
        font-size: 22px;
        letter-spacing: 6px;
    }

        .solution-swiper ul li .word .title sup {
            font-size: 14px;
            margin-left: -5px;
        }

    .solution-swiper ul li .word .info { /*color: #fff;*/
    }

    .idx-success ul li .word {
       position: absolute;
        left: 0;
        top: 25%;
        padding: 0 50% 0 10%; 
    }

        .idx-success ul li .word .sup {
            color: #fff;
        }

        .idx-success ul li .word .title {
            font-size: 20px;
            color: #fff;
        }

        .idx-success ul li .word .seeall {
            margin-top: 15px;
            color: #fff;
        }

    .indexbanner li > a .pcimg {
        display: block;
    }

    .indexbanner li > a .mimg {
        display: none;
    }

    .indexbanner li > a.pcimg {
        display: block;
        height: 480px;
    }

    .indexbanner li > a.mimg {
        display: none;
    }

    .display-poster .pcproimg {
        display: block;
    }

    .display-poster .mmproimg {
        display: none;
    }

    /* 首页 e */
    /*Products&Solutions  s*/
    .hazardous-ul li .image {
        position: relative;
    }

        .hazardous-ul li .image:before {
            content: '';
            display: block;
            width: 100%;
            padding-bottom: 113.92405%;
        }

        .hazardous-ul li .image img {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .customers-swiper ul li .item {
        position: relative;
    }

    .customers-swiper ul li a {
        padding: 25px 10px 15px;
    }

        .customers-swiper ul li a:after {
            content: '';
            position: absolute;
            width: 92.66667%;
            height: 1px;
            background-color: #e3e3e4;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0;
        }

        .customers-swiper ul li a:before {
            content: '';
            position: absolute;
            width: 1px;
            height: 138px;
            right: 0;
            background-color: #e3e3e4;
            bottom: 10px;
        }

    .customers-swiper ul li .item:nth-child(2n) a:before {
        display: none;
    }

    .customers-swiper ul li .item:nth-child(12n) a:after, .customers-swiper ul li .item:nth-child(12n-1) a:after {
        display: none;
    }
    /*Products&Solutions  e*/
    .qualitySer-num ul li {
        width: auto;
    }

    .sq-download-ul li {
        position: relative;
    }

        .sq-download-ul li .a {
            padding-right: 260px;
        }

        .sq-download-ul li .le .txt {
            line-height: 36px;
            display: block;
            white-space: nowrap;
        }

        .sq-download-ul li .rh {
            padding-top: 12px;
            padding-bottom: 12px;
            position: absolute;
            top: 0;
            right: 0;
        }

    .customers-swiper ul li .word .title {
        height: 32px;
        -webkit-line-clamp: 2;
    }
}


@media (min-width: 1024px) {
    .index-newsul {
        margin-left: -6px;
        margin-right: -6px;
    }

        .index-newsul li {
            padding-left: 6px;
            padding-right: 6px;
        }

            .index-newsul li .word .title {
                font-size: 16px;
                -webkit-line-clamp: 2;
                line-height: 22px;
                height: 44px;
            }


            .index-newsul li.video .word .title {
                font-size: 20px;
            }
}

@media (min-width: 1260px) {
    .index-newsul {
        margin-left: -10px;
        margin-right: -10px;
    }

        .index-newsul li {
            padding-left: 10px;
            padding-right: 10px;
        }
}


@charset "UTF-8";

.hotnews-module {
    padding: 5px 0 36px;
}

.hotnewsTop {
    position: relative;
    background-color: #1d221c;
    overflow: hidden;
}

    .hotnewsTop ul li {
        width: 100%;
        position: relative;
        width: 100%;
        overflow: hidden;
        float: left;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        color: #fff;
    }

    .hotnewsTop ul {
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        -moz-transition-property: transform, -moz-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.hotnewslist-dl dt {
    overflow: hidden;
}

    .hotnewslist-dl dt img {
        display: block;
        width: 100%;
        transition: all .8s ease-in-out;
        -webkit-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

.hotnewslist-dl dd {
    padding: 25px;
}

    .hotnewslist-dl dd h4 {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
    }

    .hotnewslist-dl dd a {
        color: #ffffff;
    }

    .hotnewslist-dl dd .hotnewslink {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        font-size: 14px;
        position: relative;
        padding-right: 16px;
        opacity: 0.5;
    }

        .hotnewslist-dl dd .hotnewslink:after {
            position: absolute;
            z-index: 3;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 8px;
            right: 0;
            display: block;
            content: "";
            width: 8px;
            height: 8px;
            border-right: 1px solid #FFFFFF;
            border-bottom: 1px solid #FFFFFF;
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
            moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

.hotnewstext {
    margin: 7px 0;
}

.hotnewsTop ul li:hover dt img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.hotnews-module .banner-shotnewsbtn {
    text-align: center;
    padding-bottom: 20px;
}

    .hotnews-module .banner-shotnewsbtn span {
        display: inline-block;
        width: 11px;
        height: 11px;
        background-color: #ffffff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        margin-right: 5px;
        opacity: 0.5;
        cursor: pointer;
    }

        .hotnews-module .banner-shotnewsbtn span.swiper-pagination-bullet-active {
            opacity: 1;
        }

@media (min-width: 1024px) {
    .hotnews-module {
        padding: 5px 0 58px;
    }

    .hotnewslist-dl dt {
        width: 66%;
        float: left;
        overflow: hidden;
    }

    .hotnewslist-dl dd {
        width: 34%;
        padding: 25px 15px 0 15px;
        float: left;
    }

        .hotnewslist-dl dd h4 {
            height: 72px;
            line-height: 36px;
            display: -webkit-box;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-size: 24px;
        }

    .hotnews-module .banner-shotnewsbtn {
        width: 32%;
        right: 0;
        bottom: 20px;
        position: absolute;
        text-align: left;
        left: auto;
        padding-bottom: 0;
        z-index: 99;
    }

    .hotnewstext {
        height: 144px;
        margin-top: 35px;
        line-height: 24px;
        display: -webkit-box;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }
}

@media (min-width: 1199px) {
    .hotnewslist-dl dd {
        padding: 58px 25px 0;
    }

    .hotnewstext {
        margin: 15px 0 20px;
    }

    .hotnewslist-dl dd h4 {
        height: 72px;
        -webkit-line-clamp: 2;
    }

    .hotnews-module .banner-shotnewsbtn {
        bottom: 33px;
    }
}

.newslistext {
    background-color: #ffffff;
    padding: 100px 26px 60px;
    height: 100%;
    color: #666666;
    position: relative;
}

    .newslistext h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 38px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

        .newslistext h4 a {
            color: #333333;
        }

.newslist-module {
    overflow: hidden;
    position: relative;
    background-color: #f2f2f2;
    padding: 20px 0;
}

    .newslist-module ul {
        margin: 0 -12px;
        padding-bottom: 22px;
    }

        .newslist-module ul li {
            padding: 12px;
        }

.newslistcont {
    overflow: hidden;
    position: relative;
}

.newslisimg {
    height: 100%;
    background-color: #1d221c;
    position: absolute;
    left: 0;
    top: 0;
}

.nsimg-img {
    width: 100%;
}

    .nsimg-img img {
        display: block;
        width: 100%;
    }

.newslisimg h4 {
    margin: 65px 26px 0;
    font-size: 20px;
    line-height: 28px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

    .newslisimg h4 a {
        display: block;
        width: 100%;
    }

.newslisimg a {
    color: #ffffff;
}

.nstext-p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

.newsdate-time {
    width: 80px;
    height: 80px;
    background-color: #4db141;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 28px;
    text-align: center;
}

    .newsdate-time p {
        font-size: 40px;
        font-family: Arial;
        line-height: 50px;
    }

.back {
    display: none;
}

.remorebtn03 a {
    display: block;
    height: 45px !important;
    background-color: #0055a5;
    margin: 20px 0 10px !important;
    text-align: center;
    line-height: 45px !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

    .remorebtn03 a:hover {
        color: #ffffff;
    }

@media (min-width: 768px) {
    .newslistext {
        padding: 100px 26px 0;
    }

    .newslistcont {
        height: 435px;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }

    .nsimg-img {
        display: block;
        width: 100%;
        height: 213px;
        overflow: hidden;
        position: relative;
    }

        .nsimg-img img {
            display: block;
            width: 100%;
        }

    .front, .back {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        overflow: hidden;
        -webkit-transition: .6s;
        -moz-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }

    .back {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        z-index: 1;
    }

    .front {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 2;
    }

    .newslist-module ul li:hover .newslistcont {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .newslist-module ul li:hover .back {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 2;
    }

    .newslist-module ul li:hover .front {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        z-index: 1;
    }
}

@media (min-width: 1024px) {
    .newslist-module {
        padding: 44px 0 48px;
    }

    .newslistext {
        padding: 113px 26px 0;
    }
}

/* 新闻详情 s */
.in-article {
    width: 100%;
    overflow: hidden;
}

    .in-article .tp {
        padding-bottom: 10px;
    }

        .in-article .tp .time {
            color: #8e8e8e;
            font-size: 16px;
            line-height: 28px;
            padding: 10px 0;
            text-align: center;
        }

    .in-article .bt {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        padding: 25px 0;
    }

.in-article-title {
    color: #333333;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

.btShare {
    display: none;
}

.in-article-main {
    color: #888888;
    font-size: 14px;
    line-height: 24px;
}

    .in-article-main img {
        max-width: 100%;
    }

.article-tab {
    width: 100%;
    padding: 20px 0 30px;
}

.as-tabmodule {
    width: 100%;
    position: relative;
}

    .as-tabmodule .prevnext {
        line-height: 30px;
        margin-bottom: 10px;
    }

        .as-tabmodule .prevnext a {
            display: block;
            width: 100%;
            position: relative;
            color: #666666;
            font-size: 14px;
        }

            .as-tabmodule .prevnext a .for {
                position: absolute;
                left: 0;
                top: 0;
                width: 56px;
            }

            .as-tabmodule .prevnext a .txt {
                display: block;
                width: 100%;
                padding-left: 56px;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

    .as-tabmodule .shome {
        display: inline-block;
        vertical-align: top;
        color: #ffffff;
        font-size: 14px;
        background-color: #4db141;
        line-height: 36px;
        padding: 0 30px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

@media (min-width: 768px) {
    .as-tabmodule .prevnext {
        margin-bottom: 0px;
        padding-right: 120px;
    }

    .as-tabmodule .shome {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 16px;
        line-height: 48px;
    }
}

@media (min-width: 1024px) {
    .in-article .tp {
        padding-bottom: 16px;
    }

        .in-article .tp .time {
            font-size: 20px;
            padding: 14px 0;
        }

    .in-article .bt {
        padding: 60px 120px;
    }

    .in-article-title {
        font-size: 24px;
    }

    .btShare {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
    }

        .btShare .bdsharebuttonbox a {
            background-color: #e6e6e6;
        }

        .btShare .bdsharebuttonbox .bds_tsina, .btShare .bdsharebuttonbox .bds_sqq, .btShare .bdsharebuttonbox .bds_weixin {
            margin: 0;
            display: block;
            width: 50px;
            height: 50px;
            float: none;
            margin-bottom: 2px;
            background-repeat: no-repeat;
            background-position: 0 0;
            -o-background-size: cover;
            background-size: cover;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .btShare .bdsharebuttonbox .bds_tsina {
            background-image: url(../images/weibo.png);
        }

            .btShare .bdsharebuttonbox .bds_tsina:hover {
                background-image: url(../images/weibos.png);
                background-color: #4db141;
            }

        .btShare .bdsharebuttonbox .bds_sqq {
            background-image: url(../images/qq.png);
        }

            .btShare .bdsharebuttonbox .bds_sqq:hover {
                background-image: url(../images/qqs.png);
                background-color: #4db141;
            }

        .btShare .bdsharebuttonbox .bds_weixin {
            background-image: url(../images/weixin.png);
        }

            .btShare .bdsharebuttonbox .bds_weixin:hover {
                background-image: url(../images/weixins.png);
                background-color: #4db141;
            }

    .jsFixed {
        position: fixed;
        left: 40px;
        top: 120px;
    }

    .jsFixedEnd {
        position: absolute;
        bottom: 60px;
        left: 0;
        top: auto;
    }

    .article-tab {
        padding: 30px 0 50px;
    }

    .as-tabmodule .shome:hover {
        background-color: #49ac3d;
    }

    .as-tabmodule .prevnext {
        padding-right: 40%;
    }

        .as-tabmodule .prevnext a:hover .txt {
            color: #4db141;
        }
}

@media (min-width: 1260px) {
    .in-article .tp .time {
        font-size: 24px;
        padding: 18px 0;
    }

    .in-article .bt {
        padding: 80px 180px;
    }

    .btShare {
        top: 80px;
    }

        .btShare .bdsharebuttonbox .bds_tsina, .btShare .bdsharebuttonbox .bds_sqq, .btShare .bdsharebuttonbox .bds_weixin {
            width: 70px;
            height: 70px;
        }

    .jsFixed {
        left: 50%;
        margin-left: -600px;
        top: 140px;
    }

    .jsFixedEnd {
        left: 0;
        bottom: 80px;
        margin-left: 0;
        top: auto;
    }

    .article-tab {
        padding: 40px 0 70px;
    }
	
	
	
	
}

@charset "UTF-8";

@media (min-width: 1024px) { /* 首页 s */
    .banner-word .banner-title {
        font-size: 32px;
    }

    .banner-word .banner-info {
        font-size: 16px;
    }

    .b-morewrap {
        padding-top: 40px;
    }

    .banner-readmore {
        font-size: 16px;
    }

        .banner-readmore:hover {
            color: #0f4d96;
        }

    .in-pagination-pos {
        bottom: 90px;
    }

    .index-panel {
        position: relative;
        background-color: #f7f7f7;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .index-panel:after {
            content: '';
            position: absolute;
            bottom: 0;
            height: 20px;
            width: 100%;
            background-color: #fff;
            display: none;
        }

    .in-panel-module {
        top: 0px; /*background: transparent url(../images/indexpanelbg.png) no-repeat scroll 0 0;*/
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        padding: 60px 35px 45px 25px;
    }

        .in-panel-module .word-left {
            float: left;
        }

        .in-panel-module .word-right {
            padding-top: 7px;
            padding-left: 30px;
            overflow: hidden;
        }

    .index-numscroll ul {
        white-space: nowrap;
    }

        .index-numscroll ul li {
            width: auto;
            padding-left: 25px;
            padding-right: 25px;
        }

    .g-index-title .title {
        font-size: 28px;
        letter-spacing: 4px;
    }

    .g-index-title .sub {
        font-size: 14px;
    }

    .solution-wrap {
        padding-top: 40px;
    }

    .solution-swiper ul li a:hover .image img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .solution-swiper ul li .word .title {
        font-size: 28px;
        letter-spacing: 8px;
    }

        .solution-swiper ul li .word .title sup {
            font-size: 16px;
        }

    .solution-swiper ul li .word .info {
        padding-top: 4px;
        font-size: 16px;
    }

    .index-button-prev, .index-button-next {
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        -o-background-size: auto;
        background-size: auto;
        background-position: 0 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }

        .index-button-prev:hover, .index-button-next:hover {
            background-position: 0 -52px;
        }

        .index-button-prev.swiper-button-disabled {
            background-position: 0 0 !important;
            cursor: default;
        }

        .index-button-next.swiper-button-disabled {
            background-position: 0 0 !important;
            cursor: default;
        }

    .index-button-prev {
        background-image: url(../images/left-arrow.png);
    }

    .index-button-next {
        background-image: url(../images/right-arrow.png);
    }

    .solution-prev {
        left: 20px;
    }

    .solution-next {
        right: 20px;
    }

    .index-successCase {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .suc-commonweb {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1360px;
        margin: 0 auto;
    }

    .suc-commonwebs {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1360px;
        margin: 0 auto;
    }

    .idx-success-wrapper {
        margin-top: 36px;
    }

    .idx-success ul li a:hover .image img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .idx-success ul li a:hover .word .seeall {
        color: #0f4d96;
    }

    .idx-success ul li .word .title {
        font-size: 26px;
    }

    .idx-success ul li .word .seeall {
        margin-top: 35px;
    }

    .success-prev {
        left: -70px;
        background-image: url(../images/left-arrow02.png);
    }

    .success-next {
        right: -70px;
        background-image: url(../images/right-arrow02.png);
    }

    .index-ad .image {
        height: auto;
    }

        .index-ad .image img {
            width: 100%;
            height: auto;
            position: static;
        }

    .index-adfonts {
        font-size: 20px;
    }

        .index-adfonts .mic {
            font-size: 36px;
            display: inline-block;
            vertical-align: middle;
        }

        .index-adfonts .fonts {
            padding-right: 30px;
            display: inline-block;
            vertical-align: middle;
        }

    .index-news {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .index-newswrap {
        padding-top: 25px;
        padding-bottom: 35px;
    }

    .index-newsul li {
        margin-bottom: 0px;
    }

        .index-newsul li:hover .image img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

        .index-newsul li:hover .word .line:after {
            width: 100%;
        }

        .index-newsul li .word {
            padding-top: 12px;
        }

        .index-newsul li.video .word .title a:hover {
            color: #0f4d96;
        }

    .newsmore-button {
        padding: 0 70px;
    }

        .newsmore-button:hover {
            background-color: #0f4d96;
            color: #fff;
        }

    .indexbanner li > a.pcimg {
        display: block;
        height: 520px;
    }


    /* 首页 e */
    /*Products&Solutions  s*/
    .compound-left {
        float: left;
        width: 50%;
    }

    .compound-pagination {
        display: none;
    }

    .compound-module {
        padding: 5% 8% 0 6.8%;
        max-width: 700px;
    }

        .compound-module .title span {
            padding-bottom: 18px;
        }

        .compound-module .info {
            height: 180px;
            overflow-x: hidden;
            overflow-y: hidden;
        }

            .compound-module .info:hover {
                overflow-y: auto;
            }

            .compound-module .info::-webkit-scrollbar-track {
                background-color: #f5f5f5;
                -webkit-border-radius: 0px;
                border-radius: 0px;
            }

            .compound-module .info::-webkit-scrollbar {
                width: 4px;
                opacity: 0;
            }

            .compound-module .info::-webkit-scrollbar-thumb {
                background-color: rgba(0, 0, 0, 0.5);
                -webkit-border-radius: 0px;
                border-radius: 0px;
            }

    .compound-tabs {
        display: block;
        font-size: 0;
        padding-top: 10px;
    }

    .compound-prev, .compound-next {
        display: inline-block;
        vertical-align: top;
        width: 45px;
        height: 45px;
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-right: 20px;
    }

        .compound-prev:hover, .compound-next:hover {
            background-position: 0 -47px;
        }

    .compound-prev {
        background-image: url(../images/psbannerprev.png);
    }

    .compound-next {
        background-image: url(../images/psbannernext.png);
    }

    .hazcommonweb {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hazardous-prev {
        left: -60px;
        background-image: url(../images/left-arrow02.png);
    }

    .hazardous-next {
        right: -60px;
        background-image: url(../images/right-arrow02.png);
    }

    .hazardous-dl {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .hazardous-title .title {
        font-size: 26px;
    }

    .hazardous-title .sub {
        font-size: 16px;
    }

    .hazardous-title .line {
        margin-top: 18px;
    }

    .hazardous-article {
        padding-top: 24px;
        padding-bottom: 45px;
    }

    .hazardous-ul li {
        margin-bottom: 0px;
    }

        .hazardous-ul li a:hover .bg {
            -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

            .hazardous-ul li a:hover .bg:after {
                opacity: 1;
                visibility: visible;
            }

        .hazardous-ul li a:hover .word .sup {
            color: #fff;
        }

        .hazardous-ul li a:hover .word .title {
            color: #fff;
        }

        .hazardous-ul li a:hover .image {
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            transform: translateY(-10px);
        }

    .hazardous-swiper {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hazardous-ul li .image {
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        padding-bottom: 0;
    }

    .display-position {
        padding-top: 3.64583%;
    }

    .display-word .title {
        line-height: 38px;
    }

        .display-word .title img {
            height: 32px;
        }

    .display-word .sub {
        line-height: 26px;
        padding-top: 10px;
        padding-bottom: 15px;
    }

        .display-word .sub img {
            height: auto !important;
        }

    .in-consept-dl li {
        padding: 35px 0;
    }

        .in-consept-dl li .wid {
            padding-left: 40px;
            padding-right: 40px;
        }

        .in-consept-dl li .image {
            margin: 0;
        }

        .in-consept-dl li .imgbox {
            width: 50%;
        }

        .in-consept-dl li .word {
            width: 50%;
            padding-top: 0px;
        }

            .in-consept-dl li .word .title {
                font-size: 22px;
                line-height: 26px;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .in-consept-dl li .word .sub {
                font-size: 16px;
                line-height: 18px;
            }

        .in-consept-dl li:nth-child(odd) .imgbox {
            float: right;
            padding-left: 20px;
            padding-top: 4px;
        }

        .in-consept-dl li:nth-child(odd) .word {
            float: left;
            padding-right: 20px;
        }

        .in-consept-dl li:nth-child(even) .imgbox {
            float: left;
            padding-right: 20px;
            padding-top: 4px;
        }

        .in-consept-dl li:nth-child(even) .word {
            float: right;
            padding-left: 20px;
        }

    .in-specify-title {
        font-size: 22px;
        line-height: 26px;
    }

    .specify-table {
        line-height: 50px;
    }
    /*Products&Solutions  e*/
    /* Success%20Cases s */
    .g-inside-banner .image {
        height: auto;
        width: 100%;
    }

        .g-inside-banner .image img {
            width: 100%;
            position: static;
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }

    .in-banner-font {
        font-size: 30px;
    }

    .in-coverStory {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .covcommonweb {
        padding-left: 30px;
        padding-right: 30px;
    }

    .coverStory-swiper ul li {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .coverStory-swiper ul li a {
            padding-right: 50%;
        }

            .coverStory-swiper ul li a:hover .word .more {
                color: #0f4d96;
            }

            .coverStory-swiper ul li a:hover .image img {
                -webkit-transform: translate(-50%, -50%) scale(1.1);
                -moz-transform: translate(-50%, -50%) scale(1.1);
                -ms-transform: translate(-50%, -50%) scale(1.1);
                -o-transform: translate(-50%, -50%) scale(1.1);
                transform: translate(-50%, -50%) scale(1.1);
            }

        .coverStory-swiper ul li .image {
            position: absolute;
            right: 0;
            height: 280px;
            width: 50%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

            .coverStory-swiper ul li .image img {
                width: auto;
                height: 120%;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .coverStory-swiper ul li .word {
            -webkit-box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
            z-index: 3;
            position: relative;
        }

            .coverStory-swiper ul li .word:after {
                content: '';
                bottom: -20px;
                right: -20px;
                width: 0;
                height: 0;
                border: 20px solid transparent;
                border-top-color: #9ea0a3;
                position: absolute;
                z-index: 2;
            }

            .coverStory-swiper ul li .word:before {
                content: '';
                top: -20px;
                right: -20px;
                width: 0;
                height: 0;
                border: 20px solid transparent;
                border-bottom-color: #9ea0a3;
                position: absolute;
                z-index: 2;
            }

            .coverStory-swiper ul li .word .title {
                font-size: 24px;
                line-height: 28px;
                height: 112px;
            }

            .coverStory-swiper ul li .word .morewrap {
                padding-top: 30px;
            }

        .coverStory-swiper ul li .lib {
            padding: 77px 40px 77px 50px;
            position: relative;
            z-index: 3;
        }

    .coverStory-pagination {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
        text-align: right;
        padding-right: 20px;
    }

        .coverStory-pagination span {
            width: 34px;
            margin: 0 0 0 8px;
        }

    .in-ourCustomers {
        padding-top: 55px;
        padding-bottom: 35px;
    }

    .customers-ul li .title {
        font-size: 16px;
        padding-left: 14px;
    }

    .customers-ul li .select {
        padding: 0 15px;
        font-size: 14px;
    }

    .customers-swiper ul li a:hover .image {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .customers-swiper ul li .item:nth-child(2n) a:before {
        display: block;
    }

    .customers-swiper ul li .item:nth-child(3n) a:before {
        display: none;
    }

    .customers-swiper ul li .item:nth-child(12n-2) a:after {
        display: none;
    }

    .in-customers-prev {
        left: -70px;
        background-image: url(../images/left-arrow02.png);
    }

    .in-customers-next {
        right: -70px;
        background-image: url(../images/right-arrow02.png);
    }

    .in-practice {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .practice-ul li {
        margin-bottom: 0px;
    }

        .practice-ul li a:hover .image img {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            -ms-transform: translate(-50%, -50%) scale(1.1);
            -o-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .practice-ul li .word .title {
            font-size: 16px;
            line-height: 18px;
            height: 36px;
        }

    .in-case-article {
        padding-top: 65px;
        padding-bottom: 45px;
    }

    .cacommonweb {
        padding-left: 120px;
        padding-right: 120px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .i-article-hd {
        padding-bottom: 40px;
    }

    .g-article-title {
        font-size: 24px;
        padding-left: 48px;
        padding-right: 48px;
    }

        .g-article-title:before {
            left: 28px;
        }

        .g-article-title:after {
            right: 28px;
        }

    .g-article-sub {
        margin-top: 25px;
        padding-left: 48px;
        padding-right: 48px;
    }

        .g-article-sub .name {
            font-size: 20px;
        }

    .i-article-bd {
        font-size: 18px;
        line-height: 28px;
    }
    /* Success%20Cases e */
    /* Quality&Services s */
    .in-qualitySer {
        padding-top: 65px;
        padding-bottom: 55px;
    }

    .qualitySer-text {
        padding-left: 75px;
        padding-right: 75px;
        font-size: 16px;
        line-height: 20px;
    }

    .qualitySer-exam {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .qualitySer-ul li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .qualitySer-ul .item {
        padding: 20px 20px;
    }

    .qualitySer-info {
        font-size: 18px;
    }

    .qualitySer-panel dl dt {
        width: 50%;
        float: left;
        height: 320px;
        position: relative;
    }

        .qualitySer-panel dl dt img {
            width: auto;
            height: 110%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .qualitySer-panel dl dd {
        padding: 30px 15px 0 30px;
    }

    .qualitySer-word .title {
        font-size: 20px;
    }

    .qualitySer-num ul {
        text-align: left;
        white-space: nowrap;
    }

        .qualitySer-num ul li {
            display: inline-block;
            vertical-align: top;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 0px;
        }

    .qualitySer-dot {
        padding-top: 50px;
    }

    .qualitySer-dotul {
        font-size: 0;
    }

        .qualitySer-dotul li {
            display: inline-block;
            vertical-align: top;
            width: auto;
            padding-left: 20px;
            padding-right: 20px;
        }

            .qualitySer-dotul li:hover .icon {
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            .qualitySer-dotul li .tp .icon {
                margin-bottom: 24px;
            }

            .qualitySer-dotul li .tp .title {
                font-size: 18px;
            }

            .qualitySer-dotul li .line {
                margin-top: 28px;
                margin-bottom: 20px;
            }

            .qualitySer-dotul li .word {
                text-align: left;
            }

    .qualitySer-board {
        padding-top: 35px;
        padding-bottom: 45px;
    }

        .qualitySer-board dl {
            padding-right: 38.33333%;
        }

            .qualitySer-board dl dd {
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 5.83333% 5.41667% 6.66667%;
                width: 50%;
                -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
                box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
            }

                .qualitySer-board dl dd .bt {
                    padding-top: 20px;
                }

    .bs-qualitySer-h4 {
        font-size: 26px;
    }

    .bs-qualitySer-text {
        font-size: 16px;
        line-height: 20px;
    }

        .bs-qualitySer-text > *, .bs-qualitySer-text > p {
            margin-bottom: 14px;
        }

            .bs-qualitySer-text > *:before, .bs-qualitySer-text > p:before {
                top: 7px;
            }

    .qualitySer-loop ul li {
        overflow: hidden;
    }

        .qualitySer-loop ul li .image {
            width: 50%;
        }

        .qualitySer-loop ul li .word {
            width: 50%;
            padding: 3.33333% 2.5% 1.66667%;
        }

            .qualitySer-loop ul li .word .bt {
                padding-top: 20px;
            }

        .qualitySer-loop ul li:nth-child(odd) .image {
            float: right;
        }

        .qualitySer-loop ul li:nth-child(odd) .word {
            float: left;
        }

        .qualitySer-loop ul li:nth-child(even) .image {
            float: left;
        }

        .qualitySer-loop ul li:nth-child(even) .word {
            float: right;
        }

    .qualitySer-order {
        padding-top: 30px;
    }

    .quality-order-ul li {
        height: 350px;
    }

        .quality-order-ul li .image {
            width: 50%;
            height: 100%;
            position: relative;
        }

            .quality-order-ul li .image img {
                width: auto;
                height: 115%;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .quality-order-ul li .word {
            width: 50%;
            height: 100%;
            padding: 6.66667% 5% 0;
        }

            .quality-order-ul li .word .tp {
                padding-left: 72px;
            }

            .quality-order-ul li .word .bt {
                padding-top: 30px;
            }

        .quality-order-ul li:nth-child(odd) .image {
            float: left;
        }

        .quality-order-ul li:nth-child(odd) .word {
            float: right;
        }

        .quality-order-ul li:nth-child(even) .image {
            float: right;
        }

        .quality-order-ul li:nth-child(even) .word {
            float: left;
        }

    .sq-order-title {
        font-size: 24px;
    }

        .sq-order-title span {
            padding-bottom: 18px;
        }

    .sq-order-icon {
        width: 60px;
    }

    .sq-order-text {
        font-size: 16px;
        line-height: 20px;
    }

        .sq-order-text > p, .sq-order-text > * {
            margin-bottom: 14px;
        }

            .sq-order-text > p:before, .sq-order-text > *:before {
                top: 7px;
            }

    .sq-download-ul li .a:hover .le .txt {
        color: #0f4d96;
    }

    .sq-download-ul li .rh .dlow {
        cursor: pointer;
    }

        .sq-download-ul li .rh .dlow:hover {
            border-color: #0f4d96;
            color: #fff;
            background-color: #0f4d96;
        }

            .sq-download-ul li .rh .dlow:hover:after {
                opacity: 0;
            }

            .sq-download-ul li .rh .dlow:hover:before {
                background-image: url(../images/downloadb.png);
                opacity: 1;
            }
    /* Quality&Services e */
}



@-webkit-keyframes updown {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }


    100% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1;
    }
}

@-moz-keyframes updown {

    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }


    100% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1;
    }
}

@-o-keyframes updown {

    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }


    100% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1;
    }
}

@keyframes updown {

    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }



    100% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1;
    }
}

@charset "UTF-8";

@media (min-width: 1200px) { /*Products&Solutions  s*/
    .compound-module {
        padding: 7% 10% 0 7.8%;
    }

        .compound-module .mask {
            font-size: 16px;
        }

        .compound-module .info {
            height: 215px;
        }
    /*Products&Solutions  e*/
}

@media (min-width: 1260px) { /* 首页 s */
    .banner-word .banner-title {
        font-size: 48px;
    }

    .banner-word .banner-info {
        font-size: 18px;
    }

    .in-pagination-pos {
        bottom: 105px;
    }

    .in-panel-module {
        padding: 85px 70px 95px 40px;
    }

        .in-panel-module .title-fonts {
            font-size: 28px;
        }

        .in-panel-module .word-right {
            padding-left: 70px;
        }

    .index-numscroll ul li {
        padding-left: 20px;
        padding-right: 20px;
    }

        .index-numscroll ul li .num {
            font-size: 48px;
        }

    .g-index-title .title {
        font-size: 32px;
    }

    .g-index-title .sub {
        font-size: 16px;
    }

    .solution-swiper ul li .word .title {
        font-size: 32px;
        letter-spacing: 10px;
    }

        .solution-swiper ul li .word .title sup {
            font-size: 18px;
        }

    .solution-swiper ul li .word .info {
        padding-top: 8px;
    }

    .solution-prev {
        left: 30px;
    }

    .solution-next {
        right: 30px;
    }

    .index-successCase {
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .idx-success ul li .word .title {
        font-size:16px; line-height:26px;
    }

    .idx-success ul li .word .seeall {
        margin-top: 60px;
    }

    .index-adfonts {
        font-size: 24px;
    }

        .index-adfonts .mic {
            font-size: 42px;
        }

        .index-adfonts .fonts {
            padding-right: 40px;
        }

    .index-news {
        padding-top: 80px;
        padding-bottom: 95px;
    }

    .index-newswrap {
        padding-top: 35px;
        padding-bottom: 55px;
    }

    .index-newsul li .word .line {
        margin: 14px 0;
    }

    .indexbanner li > a.pcimg {
        display: block;
        height: 100vh;
    }

    .mouseicon {
        display: block;
        -webkit-animation: updown 1s infinite;
        -moz-animation: updown 1s infinite;
        -o-animation: updown 1s infinite;
        animation: updown 1s infinite;
    }
    /* 首页 e */
    /*Products&Solutions  s*/
    .compound-module .title {
        font-size: 24px;
    }

        .compound-module .title span {
            padding-bottom: 24px;
        }

    .compound-module .mask {
        font-size: 18px;
        line-height: 28px;
    }

    .compound-module .info {
        font-size: 16px;
        line-height: 22px;
        height: 210px;
    }

    .compound-tabs {
        padding-top: 20px;
    }

    .hazcommonweb {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .hazardous-prev {
        left: -70px;
    }

    .hazardous-next {
        right: -70px;
    }

    .hazardous-dl {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .hazardous-title .title {
        font-size: 30px;
    }

    .hazardous-title .line {
        margin-top: 25px;
    }

    .hazardous-ul li .word .title {
        font-size: 24px;
    }

    .display-word .title {
        line-height: 56px;
    }

        .display-word .title img {
            height: 42px;
        }

    .display-word .sub {
        padding-top: 15px;
        padding-bottom: 20px;
    }

        .display-word .sub img {
            height: 16px;
        }

    .in-consept-dl li {
        padding: 45px 0;
    }

        .in-consept-dl li .wid {
            padding-left: 0;
            padding-right: 0;
            max-width: 1200px;
            margin: 0 auto;
        }

        .in-consept-dl li .word .title {
            font-size: 30px;
            line-height: 32px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .in-consept-dl li .word .sub {
            padding-top: 15px;
            padding-bottom: 20px;
        }

        .in-consept-dl li .word .info {
            font-size: 16px;
            line-height: 18px;
        }

            .in-consept-dl li .word .info > p:before, .in-consept-dl li .word .info > *:before {
                top: 6px;
            }

        .in-consept-dl li:nth-child(odd) .imgbox {
            padding-left: 45px;
        }

        .in-consept-dl li:nth-child(odd) .word {
            padding-right: 50px;
        }

        .in-consept-dl li:nth-child(even) .imgbox {
            padding-left: 50px;
        }

        .in-consept-dl li:nth-child(even) .word {
            padding-left: 40px;
        }

    .in-specify-title {
        font-size: 30px;
        line-height: 32px;
    }

    .specify-table {
        line-height: 56px;
    }
    /*Products&Solutions  e*/
    /* Success%20Cases s */
    .in-banner-font {
        font-size: 36px;
    }

    .in-coverStory {
        padding-top: 85px;
        padding-bottom: 40px;
    }

    .covcommonweb {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1240px;
        margin: 0 auto;
    }

    .coverStory-swiper ul li .image {
        height: 350px;
    }

        .coverStory-swiper ul li .image img {
            height: 100%;
        }

    .coverStory-swiper ul li .word .title {
        font-size: 28px;
        line-height: 36px;
        height: 144px;
    }

    .coverStory-swiper ul li .word .morewrap {
        padding-top: 40px;
    }

    .coverStory-swiper ul li .lib {
        padding: 92px 75px 90px 85px;
    }

    .in-ourCustomers {
        padding-top: 70px;
        padding-bottom: 55px;
    }

    .customers-swiper ul li .item {
        width: 25%;
    }

        .customers-swiper ul li .item:nth-child(3n) a:before {
            display: block;
        }

        .customers-swiper ul li .item:nth-child(4n) a:before {
            display: none;
        }

        .customers-swiper ul li .item:nth-child(12n-3) a:after {
            display: none;
        }

    .in-case-article {
        padding-top: 85px;
        padding-bottom: 60px;
    }

    .cacommonweb {
        padding-left: 170px;
        padding-right: 170px;
    }

    .i-article-bd {
        font-size: 22px;
        line-height: 34px;
    }
    /* Success%20Cases e */
    /* Quality&Services s */
    .in-qualitySer {
        padding-top: 75px;
        padding-bottom: 65px;
    }

    .qualitySer-text {
        padding-left: 80px;
        padding-right: 80px;
    }

    .qualitySer-exam {
        padding-top: 50px;
        padding-bottom: 55px;
    }

    .qualitySer-info {
        font-size: 18px;
    }

    .qualitySer-panel dl dt {
        height: 352px;
    }

        .qualitySer-panel dl dt img {
            height: 100%;
        }

    .qualitySer-panel dl dd {
        padding: 40px 15px 0 30px;
    }

    .qualitySer-word .title {
        font-size: 24px;
    }

    .qualitySer-num {
        padding-top: 38px;
    }

        .qualitySer-num .subtitle {
            font-size: 16px;
            padding-bottom: 20px;
        }

        .qualitySer-num ul {
            margin-left: -20px;
            margin-right: -20px;
        }

            .qualitySer-num ul li {
                padding-left: 20px;
                padding-right: 20px;
            }

                .qualitySer-num ul li .num {
                    font-size: 34px;
                    line-height: 38px;
                    margin-bottom: 5px;
                }

    .qualitySer-dotul li {
        padding-left: 35px;
        padding-right: 35px;
    }

    .qualitySer-board dl dd .bt {
        padding-top: 32px;
    }

    .bs-qualitySer-h4 {
        font-size: 30px;
    }

    .qualitySer-loop ul li {
        background-color: #fff;
    }

        .qualitySer-loop ul li .word {
            padding: 5% 5.41667% 4.16667%;
            background-color: #f7f9fa;
        }

            .qualitySer-loop ul li .word .bt {
                padding-top: 30px;
            }

    .quality-order-ul li {
        height: 394px;
    }

    .banner-readmore {
        font-size: 18px;
    }

    /* Quality&Services e */
}

@media (min-width: 1440px) { /* 首页 s */
    .banner-word .banner-title {
        font-size: 52px;
    }

    .banner-word .banner-info {
        font-size: 20px;
    }

    .g-index-title .title {
        font-size: 36px;
    }

    .g-index-title .sub {
        font-size: 17px;
        padding-top: 12px;
    }

    .solution-swiper ul li .word .title {
        font-size: 36px;
    }

        .solution-swiper ul li .word .title sup {
            font-size: 20px;
        }

    .index-successCase {
        padding-top: 90px;
        padding-bottom: 120px;
    }

    .idx-success ul li .word .seeall {
        margin-top: 70px; border:1px solid #fff; display:block; padding:5px; width:150px; text-align:center;
    }
.idx-success ul li .word .seeall:hover{ background:#FFF; color:#666;}
    .success-prev {
        left: -80px;
    }

    .success-next {
        right: -80px;
    }

    .index-adfonts {
        font-size: 30px;
    }

        .index-adfonts .mic {
            font-size: 60px;
        }
    /* 首页 e */
    /*Products&Solutions  s*/
    .compound-module {
        padding: 8% 9.4% 0 7.8%;
    }

        .compound-module .title {
            font-size: 30px;
        }

            .compound-module .title span {
                padding-bottom: 26px;
            }

        .compound-module .mask {
            font-size: 22px;
        }

        .compound-module .info {
            height: 235px;
        }

    .hazardous-title .title {
        font-size: 36px;
    }

    .hazardous-title .sub {
        font-size: 18px;
    }

    .display-word .title {
        line-height: 64px;
    }

        .display-word .title img {
            height: 50px;
        }

    .display-word .sub img {
        height: 18px;
    }
    /*Products&Solutions  e*/
    /* Success%20Cases s */
    .in-banner-font {
        font-size: 42px;
    }

    .in-customers-prev {
        left: -80px;
    }

    .in-customers-next {
        right: -80px;
    }
    /* Success%20Cases e */
}

@media (min-width: 1600px) { /* 首页 s */
    .banner-word .banner-title {
        font-size: 60px; font-weight:bold; text-align:center;
    }

    .banner-word .banner-info {
        font-size: 24px;
    }
    /* 首页 e */
    /*Products&Solutions  s*/
    /*.compound-module .title { font-size: 32px; }*/
    .compound-module .title span {
        padding-bottom: 30px;
    }

    .compound-module .mask {
        font-size: 24px;
        margin: 20px 0;
    }

    .compound-module .info {
        height: 280px;
    }

    .display-word .title {
        line-height: 72px;
    }

        .display-word .title img {
            height: 54px;
        }
    /*Products&Solutions  e*/
    /* Success%20Cases s */
    .in-banner-font {
        font-size: 48px;
    }
    /* Success%20Cases e */
}

@media (min-width: 1800px) { /*Products&Solutions  s*/
    .compound-module .info {
        height: 345px;
    }

    .compound-tabs {
        padding-top: 30px;
    }
    /*Products&Solutions  e*/
}

@charset "UTF-8";
/* 视频播放*/
.recruitmentfloat {
    display: none;
    z-index: 2000;
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0px;
    top: 0px;
}

.tianjiatvwrap {
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 2.5%;
    margin-top: -125px;
}

    .tianjiatvwrap .videobox {
        height: 250px;
        position: relative;
        z-index: 1;
    }

.recclosebtn {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: -5px;
    cursor: pointer;
    z-index: 100;
    margin: -20px -20px 0 0;
    z-index: 9;
}

    .recclosebtn:before {
        content: '';
        position: absolute;
        top: 10px;
        width: 20px;
        height: 2px;
        background-color: #FFF;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .recclosebtn:after {
        content: '';
        position: absolute;
        top: 10px;
        width: 20px;
        height: 2px;
        background-color: #FFF;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

@media (min-width: 768px) { /* 视频播放*/
    .tianjiatvwrap {
        width: 660px;
        left: 50%;
        margin-left: -330px;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .tianjiatvwrap .videobox {
            height: 400px;
        }
}

@media (min-width: 1024px) { /* 视频播放*/
    .tianjiatvwrap {
        width: 700px;
        margin-left: -350px;
    }

        .tianjiatvwrap .videobox {
            height: 400px;
        }
}

@media (min-width: 1440px) { /* 视频播放*/
    .tianjiatvwrap {
        width: 1000px;
        margin-left: -500px;
    }

        .tianjiatvwrap .videobox {
            height: 600px;
        }
}

.title {
    font-size: 16px;
}

/*walayout.scss*/
em, i {
    font-style: normal;
}

.font30 {
    font-size: 18px;
}

.font24 {
    font-size: 16px;
}

.h35 {
    height: 15px;
}

@media (min-width: 1024px) {
    .font30 {
        font-size: 26px;
        line-height: 30px;
    }

    .font24 {
        font-size: 24px;
    }

    .h35 {
        height: 35px;
    }
}

@media (min-width: 1260px) {
    .font30 {
        font-size: 30px;
        line-height: 40px;
    }
}

.inside-banner {
    overflow: hidden;
}

    .inside-banner img {
        display: block;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 160px;
    }

.footer-contact {
    padding: 30px 0;
    background-image: url(../images/wqimg10.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
}

.fotcontact-list {
    padding: 20px 0 0;
}

    .fotcontact-list ul {
        text-align: center;
        font-size: 0;
    }

    .fotcontact-list li {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        padding: 0 5px 10px;
        width: 100%;
        text-align: center;
    }

        .fotcontact-list li a {
            color: #FFFFFF;
            text-transform: capitalize;
            border: 2px solid #FFFFFF;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            display: inline-block;
            padding: 5px 35px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s;
            min-width: 200px;
        }

@media (min-width: 640px) {
    .inside-banner img {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        height: auto;
    }
}

.inside-title {
    color: #3e3f45;
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
}

    .inside-title h2 {
        padding: 0 0 5px;
        font-family: "Montserrat-Regular";
        font-weight: bold;
    }

    .inside-title .incombor {
        margin: 0 auto;
    }

.incombor {
    width: 40px;
    height: 3px;
    background: url(../images/inbor.png) no-repeat center;
}

.wqinside-page {
    padding-top: 30px;
}


@media (min-width: 768px) {
    .fotcontact-list li {
        width: auto;
    }

        .fotcontact-list li a {
            min-width: inherit;
        }
}


@media (min-width: 1024px) {
    .inside-title {
        padding-bottom: 30px;
    }

        .inside-title h2 {
            padding: 0 0 23px;
        }

    .wqinside-page {
        padding-top: 52px;
    }

    .footer-contact {
        padding: 75px 0 63px;
    }

    .fotcontact-list {
        padding: 48px 0 0;
    }

        .fotcontact-list li {
            padding: 0 40px;
        }

            .fotcontact-list li a {
                min-width: 197px;
                padding: 6px 10px;
                font-size: 16px;
            }
                /*.fotcontact-list li a:hover{ background-color: #0f4d96; border-color: #59d0dc; }*/
                .fotcontact-list li a:hover {
                    background-color: #fff;
                    border-color: #fff;
                    color: #43a0a8;
                }
}

/*About Weibond*/
.inside-aboutus {
    padding-bottom: 30px;
    font-family: "Montserrat-Regular";
}

    .inside-aboutus img {
        max-width: 100%;
    }

.inabout-left {
    background: url(../images/wqimg2.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    padding: 10px;
    margin: 15px 0;
}

    .inabout-left .abtitle {
        color: #0f4d96;
        text-transform: uppercase;
        padding: 0 0 10px;
    }

    .inabout-left .picon {
        color: #858795;
        line-height: 18px;
        position: relative;
        padding: 0 0 0 15px;
    }

        .inabout-left .picon:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            background-color: #0f4d96;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 6px;
        }

    .inabout-left .about-dec {
        padding: 15px 0 0 0;
    }

.inabout-right {
    border: 1px solid #eeeeee;
    padding: 5px;
}

.full-years {
    padding: 20px 0 0 0;
    text-align: center;
}

    .full-years li {
        text-align: center;
        margin: 0 0 15px 0;
        color: #282828;
        padding: 0 10px;
    }

        .full-years li .num {
            color: #0f4d96;
            font-size: 12px;
        }

        .full-years li .yLine {
            color: #0f4d96;
            font-size: 23px;
            margin-right: 2px;
        }

        .full-years li .text {
            line-height: 16px;
            color: #666666;
            font-size: 12px;
        }

.inside-Vision {
    background-color: #f5f5f6;
    padding: 30px 0;
    font-family: "Montserrat-Regular";
}

    .inside-Vision li {
        margin: 0 0 12px;
    }

        .inside-Vision li img {
            display: block;
            width: 100%;
        }

        .inside-Vision li .invision {
            background-color: #e3e6eb;
        }

        .inside-Vision li .invis-desc {
            border-top: 5px solid #f5f5f6;
            padding: 10px 15px;
            color: #3e3f45;
        }

            .inside-Vision li .invis-desc .intitle {
                padding: 0 0 5px;
            }

            .inside-Vision li .invis-desc p {
                line-height: 18px;
            }

.inside-Concept {
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: "Montserrat-Regular";
}

    .inside-Concept li .inconcept {
        background-repeat: no-repeat;
        background-position: center;
        -o-background-size: cover;
        background-size: cover;
        color: #FFFFFF;
        padding: 0 20px 30px;
    }

    .inside-Concept li .cept-name {
        display: inline-block;
        padding: 8px 10px;
        min-width: 160px;
        background-color: #6171a2;
        text-align: center;
    }

    .inside-Concept li .dept-dedc {
        padding: 10px 0 0 0;
        text-align: left;
    }

    .inside-Concept li:nth-child(even) {
        text-align: right;
    }

    .inside-Concept li:nth-child(2) .cept-name {
        background-color: #62a2bb;
    }

    .inside-Concept li:nth-child(3) .cept-name {
        background-color: #75983c;
    }

    .inside-Concept li:nth-child(4) .cept-name {
        background-color: #d58f5d;
    }

@media (min-width: 768px) {
    .inside-aboutus {
        position: relative;
        padding: 0;
        margin: 0 0 33px 0;
    }

    .inabout-right {
        width: 45.16667%;
        float: right;
    }

    .inabout-left {
        width: 59.25%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        padding: 20px;
        margin: 0;
    }

    .inside-Vision ul {
        padding: 0 2px;
    }

    .inside-Vision li {
        float: left;
        width: 50%;
        padding: 0 6px;
    }
}

@media (min-width: 1024px) {
    .inabout-left .abtitle {
        padding: 0 0 27px 0;
    }

    .inabout-left .picon {
        font-size: 16px;
        padding: 0 0 0 30px;
    }

    .inabout-left .about-dec {
        padding: 30px 0 0;
    }

    .full-years {
        padding: 40px 0 0 0;
    }

        .full-years ul {
            margin: 0 -20px;
        }

        .full-years li {
            line-height: 26px;
            padding: 0 20px;
            max-width: 150px;
        }

            .full-years li .yLine {
                font-size: 48px;
                line-height: 48px;
            }

            .full-years li .text {
                font-size: 13px;
                padding: 5px 0 0;
            }

    .inside-Vision {
        padding: 64px 0 49px;
    }

        .inside-Vision li .invis-desc {
            padding: 30px 44px 50px;
        }

            .inside-Vision li .invis-desc .intitle {
                padding: 0 0 8px 0;
            }

    .inside-Concept {
        padding-top: 65px;
        padding-bottom: 65px;
    }

        .inside-Concept ul {
            padding-top: 20px;
        }

        .inside-Concept li .inconcept {
            padding: 0 95px 72px;
            min-height: 272px;
        }

        .inside-Concept li .cept-name {
            min-width: 300px;
            padding: 28px 20px;
        }

        .inside-Concept li .dept-dedc {
            font-size: 18px;
            padding: 45px 0 0 10px;
        }
}

@media (min-width: 1260px) {
    .inabout-left {
        padding: 7.5% 5%;
    }

    .full-years {
        padding: 70px 0 0 0;
    }
}

.title {
    font-size: 16px;
}

/*body { font-family: 'Montserrat'; }*/

.subnavlist03 {
    background-color: #f2f2f2;
}

    .subnavlist03 .commonweb {
        display: none;
        max-width: 100%;
        font-size: 0;
    }

    .subnavlist03 ul li {
        font-size: 14px;
        text-align: center;
    }

        .subnavlist03 ul li a {
            display: block;
            width: 100%;
            font-size: 14px;
            padding: 22px 0;
            text-align: center;
            line-height: 18px;
            background-color: #f2f2f2;
            color: #3e3f45;
            text-transform: uppercase;
            letter-spacing: -1px;
            font-family: "Montserrat-Regular";
        }

            .subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur {
                background-color: #0f4d96;
                color: #fff;
            }

.zsannavbtn03 {
    padding: 15px;
    color: #333333;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

    .zsannavbtn03 a:after {
        display: inline-block;
        content: "";
        width: 12px;
        height: 12px;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
        margin: 0 0 3px 6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

@media (min-width: 768px) {
    .subnavlist03 {
        border-bottom: 1px solid #d9d9d9;
    }

        .subnavlist03, .subnavlist03 ul li a {
            background-color: #fff;
        }

    .zsannavbtn03 {
        display: none;
    }

    .subnavlist03 .commonweb {
        display: block;
    }

    .subnavlist03 {
        display: block;
        text-align: center;
    }

        .subnavlist03 ul li {
            display: inline-block;
            position: relative;
            padding: 0 10px;
        }

            .subnavlist03 ul li:after {
                content: '';
                display: block;
                width: 1px;
                height: 18px;
                background-color: #eaeaea;
                position: absolute;
                right: 0;
                top: 15px;
            }

            .subnavlist03 ul li.cur a {
                background-color: #fff;
                color: #0f4d96;
            }

                .subnavlist03 ul li.cur a:after {
                    width: 100%;
                }

            .subnavlist03 ul li a {
                width: auto;
                padding: 15px;
                margin: 0;
                position: relative;
            }

                .subnavlist03 ul li a:after {
                    content: '';
                    display: block;
                    width: 0;
                    height: 3px;
                    background-color: #0f4d96;
                    position: absolute;
                    bottom: -1px;
                    left: 50%;
                    -webkit-transition: .3s;
                    -o-transition: .3s;
                    -moz-transition: .3s;
                    transition: .3s;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                .subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur {
                    background-color: #fff;
                    color: #0f4d96;
                }

                    .subnavlist03 ul li a:hover:after, .subnavlist03 ul li a.cur:after {
                        width: 100%;
                    }

            .subnavlist03 ul li:last-child:after {
                display: none;
            }
}

@media (min-width: 1024px) {
    .subnavlist03 ul li {
        padding: 0 15px;
    }

    .subnavlist03 .commonweb ul {
        white-space: nowrap;
    }
}

.hotnews07 {
    position: relative;
    background-color: #4a9d99;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .hotnews07 ul li {
        width: 100%;
        overflow: hidden;
        float: left;
        height: 100%;
        position: relative;
        color: #fff;
    }

.hotnewslist07 dt {
    overflow: hidden;
}

    .hotnewslist07 dt a {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .hotnewslist07 dt a:before {
            content: '';
            display: block;
            width: 100%;
            padding-bottom: 56.4102%;
        }

        .hotnewslist07 dt a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

    .hotnewslist07 dt img {
        display: block;
        width: 100%;
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.hotnewslist07 dd {
    padding: 20px 3% 3%;
}

    .hotnewslist07 dd h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .hotnewslist07 dd a {
        color: #fff;
    }

.hotnewstext07 {
    margin: 10px 0 15px;
    color: #fff;
    opacity: 0.8;
}

.hotnews07 ul li:hover dt img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.hotnewslist07 dd a.hotnewslink07 {
    color: #fff;
}

.hotnewsbtn07 {
    text-align: center;
    padding-bottom: 10px;
}

    .hotnewsbtn07 span {
        display: inline-block;
        width: 11px;
        height: 11px;
        background-color: #d9d9d9;
        opacity: 1;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        margin-right: 9px;
        cursor: pointer;
    }

        .hotnewsbtn07 span.swiper-pagination-bullet-active {
            background-color: #fff;
        }

@media (min-width: 768px) {
    .hotnewslist07 dd {
        padding: 25px;
    }

        .hotnewslist07 dd h4 {
            font-size: 20px;
            line-height: 24px;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
        }

    .hotnewstext07 {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        font-size: 16px;
        line-height: 20px;
    }

    .hotnews07 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .hotnewslist07 dt {
        width: 65%;
        float: left; /*height: 440px; */
        overflow: hidden;
    }

    .hotnewslist07 dd {
        width: 35%;
        padding: 55px 40px 0 35px;
        float: left;
    }

    .hotnewsbtn07 {
        width: 32% !important;
        left: auto !important;
        right: 0;
        bottom: 10px;
        line-height: normal;
        position: absolute;
        text-align: left;
        z-index: 10;
    }

    .hotnews07 {
        margin-bottom: 30px;
    }

    .hotnewstext07 {
        margin: 35px 0 50px;
    }
}

@media (min-width: 1200px) {
    .hotnewslist07 dd {
        padding-top: 85px;
    }

    .hotnewsbtn07 {
        padding-bottom: 0;
        bottom: 35px;
    }
}

.news-list {
    overflow: hidden;
    padding-bottom: 10px;
}

    .news-list img {
        display: block;
        width: 100%;
    }

    .news-list .thumb { /*border: 1px solid #dcdce5; border-top: none;*/
        padding: 15px 15px 25px;
    }

    .news-list .date {
        color: #858795;
        display: block;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .news-list li {
        margin-bottom: 20px;
    }

        .news-list li .wrap {
            display: block;
            width: 100%;
            border: 1px solid #dcdce5;
        }

    .news-list h3 {
        font-size: 16px;
        display: -webkit-box;
        max-height: 64px;
        line-height: 20px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

        .news-list h3 a {
            padding: 2px 0;
        }

    .news-list a {
        display: block;
        overflow: hidden;
        font-weight: bold;
        position: relative;
    }

    .news-list .desc {
        font-size: 14px;
        opacity: 0.6;
        margin-top: 10px;
        color: #858795;
        display: -webkit-box;
        max-height: 54px;
        line-height: 18px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .news-list li .wrap > a {
        margin: -1px -1px 0;
    }

        .news-list li .wrap > a:before {
            content: '';
            display: block;
            width: 100%;
            padding-bottom: 60.5263%;
        }

    .news-list img {
        -webkit-transition: 1s;
        -o-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
    }

@media (min-width: 768px) {
    .news-list ul {
        margin: 0 -15px;
    }

    .news-list li {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .news-list .thumb {
        padding: 20px;
    }

    .news-list h3 {
        height: 64px;
    }

    .news-list .desc {
        height: 54px;
    }
}

@media (min-width: 1024px) {
    .news-list .date {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .news-list h3 {
        font-size: 18px;
    }

        .news-list h3 a {
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
        }
}

@media (min-width: 1200px) {
    .news-list h3 {
        font-size: 20px; /*letter-spacing: -1px;*/
        max-height: 70px;
        line-height: 22px;
        height: 70px;
    }

    .news-list .date {
        padding-bottom: 20px;
        font-size: 22px;
    }

    .news-list .thumb {
        padding: 25px 30px 30px;
    }
    /*.news-list .desc{ margin-top:15px; }*/
    .news-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    /*.news-list li:hover h3 a { color: #0f4d96; }10A1A6*/
    .news-list li:hover h3 a {
        color: #10A1A6;
    }
}

.video-list {
    padding-top: 15px;
    padding-bottom: 10px;
}

    .video-list a {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .video-list a:after {
            content: '';
            display: block;
            width: 52px;
            height: 52px;
            background: url(../images/wicon01.png) no-repeat;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -26px 0 0 -26px;
        }

    .video-list h3 {
        text-align: center;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #3e3f45;
        padding: 10px 0;
        font-weight: bold;
    }

    .video-list li {
        padding-bottom: 10px;
    }

@media (min-width: 768px) {
    .video-list ul {
        margin: 0 -16px;
    }

    .video-list li {
        padding: 0 16px 20px;
    }
}

@media (min-width: 1200px) {
    .video-list {
        padding-bottom: 12px;
    }

        .video-list img {
            -webkit-transition: 1s;
            -o-transition: 1s;
            -moz-transition: 1s;
            transition: 1s;
        }

        .video-list li:hover img {
            -webkit-transform: scale(1.03, 1.03);
            -moz-transform: scale(1.03, 1.03);
            -ms-transform: scale(1.03, 1.03);
            -o-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
        }

        .video-list li:hover h3 {
            color: #0f4d96;
        }

        .video-list h3 {
            padding-top: 12px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
        }

        .video-list li {
            padding-bottom: 32px;
        }
}

.newscont11 {
    padding-bottom: 40px;
}

.detailtitle11 h1 {
    font-size: 18px;
    line-height: 26px;
    color: #3e3f45;
    margin-bottom: 10px;
    font-weight: bold;
}

.detaildate11 {
    font-size: 16px;
    color: #858795;
    font-family: Arial;
}

.detailtext11 {
    font-family: "Montserrat-Regular";
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #858795;
    letter-spacing: -0.5px;
}

    .detailtext11 img {
        display: block;
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        margin: 17px auto;
    }

.detailpage11 {
    padding-top: 20px;
    line-height: 24px;
}

    .detailpage11 dd a {
        color: #3e3f45;
    }

.detailback11 {
    display: block;
    width: 144px;
    height: 49px;
    background-color: #0f4d96;
    color: #ffffff;
    text-align: center;
    line-height: 49px;
    margin: 20px auto 0;
}

    .detailback11:hover {
        color: #ffffff;
    }

.Share11 {
    display: none;
    position: absolute;
    left: 0px;
    top: 710px;
    width: 73px;
    z-index: 179;
    padding-top: 38px;
}

#newsshare a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 1px 0;
    float: none;
    -o-background-size: cover;
    background-size: cover;
}

.twitter {
    background-image: url(../images/wicon02.png) !important;
}

.facebook {
    background-image: url(../images/wicon03.png) !important;
}

.linkedin {
    background-image: url(../images/wicon04.png) !important;
}

.twitter:hover {
    background-image: url(../images/tw02.jpg) !important;
}

.facebook:hover {
    background-image: url(../images/fb02.jpg) !important;
}

.linkedin:hover {
    background-image: url(../images/linkedin02.jpg) !important;
}

@media (min-width: 768px) {
    .detailtext11 {
        padding: 50px 12%;
        min-height: 510px;
    }

    .Share11 {
        display: block;
    }

    .detailpage11 {
        padding-top: 40px;
    }
}

@media (min-width: 992px) {
    .detailtitle11 {
        padding-right: 133px;
    }

        .detailtitle11 h1 {
            font-size: 24px;
            line-height: 26px;
        }

    .detaildate11 {
        font-size: 18px;
    }

    .detailpage11 dd {
        float: left;
    }

    .detailpage11 dt {
        float: right;
    }

    .detaildate11 {
        padding-top: 13px;
        display: block;
    }

    .detailback11 {
        margin: 0;
    }
}

@media (min-width: 1024px) {
    .newscont11 {
        padding-top: 15px;
    }

    #newsshare a {
        width: 73px;
        height: 73px;
    }

    .container.newspad {
        padding-top: 70px;
        padding-bottom: 47px;
    }

    .newscont11 {
        padding-bottom: 15px;
    }

    .detailtext11 {
        margin-top: 30px;
        padding: 75px 13% 40px 15%;
    }

    .detailpage11 {
        padding-bottom: 30px;
    }

        .detailpage11 a:hover {
            color: #0f4d96;
        }

        .detailpage11 .detailback11:hover {
            color: #fff;
        }
}

.Insights-top {
    padding-top: 15px;
}

.Insights-top-bd {
    margin-bottom: 20px;
}

    .Insights-top-bd a {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .Insights-top-bd img {
        display: block;
        width: 100%;
        -webkit-transition: 1s;
        -o-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

    .Insights-top-bd h3 {
        display: -webkit-box;
        height: 48px;
        line-height: 24px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        letter-spacing: -0.5px;
    }

    .Insights-top-bd .thumb {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 10px 20px 10px 10px;
        overflow: hidden;
    }

    .Insights-top-bd .date {
        float: right;
    }

.Insights-list a {
    display: block;
    overflow: hidden;
    font-weight: bold;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.Insights-list img {
    width: 100%;
    display: block;
    border: 2px solid #edf1f3;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.Insights-list .thumb {
    border: 2px solid #edf1f3;
    padding: 15px;
}

.Insights-list h3 {
    display: -webkit-box;
    height: 40px;
    line-height: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
}

/*.Insights-list .date { font-size: 16px; color: #0f4d96; padding: 5px 0 3px; display: block; font-weight:bold;  }#858795*/
.Insights-list .date {
    font-size: 16px;
    color: #858795;
    padding: 5px 0 3px;
    display: block;
    font-weight: bold;
}

.Insights-list .desc {
    color: #858795;
    opacity: 0.6;
    display: -webkit-box;
    height: 54px;
    line-height: 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Insights-list-wrap {
    padding: 20px 0;
}

    .Insights-list-wrap li {
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    .Insights-top-bd .thumb {
        position: absolute;
    }

    .Insights-top-bd .date {
        position: absolute;
        right: 20px;
        bottom: 10px;
    }

    .Insights-list-wrap {
        padding: 10px 0 30px;
    }

        .Insights-list-wrap ul {
            margin-left: -10px;
            margin-right: -10px;
        }
}

@media (min-width: 1024px) {
    .Insights-top-bd {
        width: 66%;
        float: left;
        overflow: hidden;
    }

    .Insights-top-hd {
        width: 34%;
        padding-left: 20px;
        float: left;
        overflow: hidden;
    }
    /*.Insights-list-wrap li:hover .thumb h3 a{ color:#0f4d96; }*/
    .Insights-list-wrap li:hover .thumb h3 a {
        color: #67A9DE;
    }

    .Insights-list-wrap li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    .Insights-list:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    .Insights-list:hover .thumb h3 a {
        color: #67A9DE;
    }

    .Insights-top-bd:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
}

@media (min-width: 1200px) {
    .Insights-top-bd h3 {
        font-size: 20px;
    }

    .Insights-top-bd .thumb {
        padding: 15px 20px 15px 10px;
    }

    .Insights-list h3 {
        font-size: 16px;
    }

    .Insights-list .thumb {
        padding: 27px 40px 27px 17px;
    }

    .Insights-list .date {
        font-size: 24px;
        padding: 15px 0 7px;
    }

    .Insights-list-wrap li .thumb {
        padding: 40px 40px 50px 17px;
    }
}

.ovhid {
    overflow: hidden;
}

.disblock {
    display: block;
}

.contact-list {
    padding-top: 20px;
    font-family: "Montserrat-Regular";
}

    .contact-list li {
        margin-bottom: 20px;
    }

    .contact-list img {
        display: block;
        margin: 0 auto;
        max-width: 90%;
    }

    .contact-list .thumb {
        border: 1px solid #eff0f6;
        overflow: hidden;
        color: #858795;
        padding: 60px 50px 30px;
        margin-top: -30px;
    }

    .contact-list h4, .contact-list h3 {
        text-transform: uppercase;
        color: #333;
    }

    .contact-list h4 {
        font-size: 18px;
    }

        .contact-list h4:after {
            content: '';
            display: block;
            width: 20px;
            height: 2px;
            background-color: #0f4d96;
            margin: 13px 0;
        }

    .contact-list h3 {
        font-size: 15px;
    }

    .contact-list .address {
        color: #0f4d96;
        text-decoration: underline;
    }

    .contact-list .linkmail {
        background-color: #0f4d96;
        color: #fff;
        text-align: center;
        display: block;
        padding: 12px 10px;
    }

    .contact-list .mail {
        text-decoration: underline;
    }

    .contact-list .text {
        padding-top: 8px;
        line-height: 16px;
    }

        .contact-list .text p {
            padding-bottom: 12px;
        }

.contactB-feedback {
    background-color: #f5f5f6;
    padding-top: 30px;
}

    .contactB-feedback .inside-title {
        margin-bottom: 20px;
    }

    .contactB-feedback .text-name {
        background-image: url(../images/wicon05.png);
    }

        .contactB-feedback .text-name:focus {
            background-image: url(../images/wicon06.png);
        }

    .contactB-feedback .text-tel {
        background-image: url(../images/wicon07.png);
    }

        .contactB-feedback .text-tel:focus {
            background-image: url(../images/wicon08.png);
        }

    .contactB-feedback .text-company {
        background-image: url(../images/wicon09.png);
    }

        .contactB-feedback .text-company:focus {
            background-image: url(../images/wicon10.png);
        }

    .contactB-feedback .text-countries {
        background-image: url(../images/wicon11.png);
    }

        .contactB-feedback .text-countries:focus {
            background-image: url(../images/wicon12.png);
        }

    .contactB-feedback .text-email {
        background-image: url(../images/wicon13.png);
    }

        .contactB-feedback .text-email:focus {
            background-image: url(../images/wicon14.png);
        }

    .contactB-feedback .text-address {
        background-image: url(../images/wicon15.png);
    }

        .contactB-feedback .text-address:focus {
            background-image: url(../images/wicon16.png);
        }

    .contactB-feedback .feedback-form input[type="text"] {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 10px;
        line-height: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: 96% center;
        -o-background-size: 22px auto;
        background-size: 22px auto;
        border: 1px solid #edeae8;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -moz-transition: .2s;
        transition: .2s;
    }

        .contactB-feedback .feedback-form input[type="text"]:focus {
            border-color: #0f4d96;
        }

    .contactB-feedback .feedback-form .thumb {
        display: none;
    }

    .contactB-feedback .feedback-form .content-item {
        padding: 0 5px;
    }

    .contactB-feedback .feedback-form textarea {
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        line-height: 24px;
        height: 116px;
        border: 1px solid #edeae8;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -moz-transition: .2s;
        transition: .2s;
        background-repeat: no-repeat;
        background-position: 96% 10px;
        -o-background-size: 22px auto;
        background-size: 22px auto;
        background-image: url(../images/wicon17.png);
        overflow: hidden;
    }

        .contactB-feedback .feedback-form textarea:focus {
            background-image: url(../images/wicon18.png);
            border-color: #0f4d96;
        }

    .contactB-feedback .feedback-form .ctrl-item {
        padding: 20px 0 30px;
        font-size: 0;
        text-align: center;
    }

        .contactB-feedback .feedback-form .ctrl-item input {
            display: inline-block;
            vertical-align: top;
            width: 42%;
            margin: 0 3%;
            font-size: 14px;
            line-height: 42px;
            color: #858795;
            height: 42px;
            border: 0;
            outline: 0;
            max-width: 192px;
            cursor: pointer;
            text-transform: uppercase;
            background-color: #fff;
        }

            .contactB-feedback .feedback-form .ctrl-item input[type="submit"] {
                background-color: #0f4d96;
                color: #fff;
            }

@media (min-width: 768px) {
    .contact-list h4 {
        font-size: 20px;
    }

    .contact-list h3 {
        font-size: 16px;
    }

    .contact-list .thumb {
        padding: 80px 20px 22px 50px;
        margin-top: -50px;
        border-width: 2px;
    }

    .contactB-feedback {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .contactB-feedback {
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .contact-list li {
        margin-bottom: 40px;
    }

    .contactB-feedback .inside-title {
        margin-bottom: 28px;
    }

    .contactB-feedback .feedback-form .content-item {
        clear: both;
        padding-top: 10px;
    }

    .contactB-feedback .feedback-form textarea {
        height: 182px;
    }

    .contactB-feedback .feedback-form .form {
        overflow: hidden;
        zoom: 1;
    }

    .contactB-feedback .feedback-form form {
        margin: 0 -5px;
    }

    .contactB-feedback .feedback-form .text-item {
        float: left;
        width: 50%;
        padding: 0 5px;
    }

    .contactB-feedback .feedback-form .thumb {
        display: block;
        float: right;
        margin-left: 20px;
    }

    .contactB-feedback .feedback-form input[type="text"] {
        padding-left: 20px;
        line-height: 54px;
        height: 54px;
        -o-background-size: auto;
        background-size: auto;
    }

    .contactB-feedback .feedback-form .ctrl-item {
        font-size: 0;
        text-align: center;
        overflow: hidden;
        zoom: 1;
    }

        .contactB-feedback .feedback-form .ctrl-item input {
            float: left;
            line-height: 54px;
            height: 54px;
            width: 192px;
            margin: 0 2px;
        }

    .contactB-feedback .feedback-form .content-item textarea {
        background-position: 98% 10px;
    }
}

@media (min-width: 1200px) {
    .contact-list ul {
        margin: 0 -42px;
    }

    .contact-list li {
        padding: 0 42px;
        margin-bottom: 60px;
    }
}

.Career-cont {
    padding-top: 20px;
}

    .Career-cont img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

.Career-cont-img {
    padding-bottom: 30px;
}

.Career-cont-text {
    color: #858795;
    line-height: 18px;
}

    .Career-cont-text h3 {
        color: #3e3f45;
        padding-left: 15px;
        padding-bottom: 10px;
        font-size: 16px;
    }

    .Career-cont-text .p1 {
        position: relative;
        padding-left: 15px;
    }

        .Career-cont-text .p1:before {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            background-color: #4a9d99;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 8px;
        }

    .Career-cont-text .Career-cont-dl {
        padding-bottom: 30px;
    }

.font26 {
    font-size: 17px;
}

.Careee-class h3 {
    letter-spacing: -0.5px;
    font-weight: bold;
}

.Careee-class a {
    display: inline-block;
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
    margin: 5px 0;
    font-size: 12px;
    margin-right: 3px;
    font-weight: bold;
}

.Careee-class .on {
    background-color: #0f4d96;
    color: #fff;
}

.Careee-class-list {
    padding-top: 5px;
    font-size: 0;
}

.Career-list {
    padding-top: 10px;
    padding-bottom: 30px;
}

    .Career-list a {
        padding: 15px 25px 15px 5px;
        display: block;
        border-bottom: 1px solid #eee;
        position: relative;
    }

        .Career-list a:after {
            content: '';
            display: block;
            width: 18px;
            height: 18px;
            border-right: 1px solid #878787;
            border-top: 1px solid #878787;
            position: absolute;
            right: 8px;
            top: 50%;
            margin-top: -2px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .Career-list h3 {
        color: #3e3f45;
        font-size: 16px;
        font-weight: bold;
    }

    .Career-list span {
        padding-left: 30px;
        display: inline-block;
        color: #858795;
        margin-right: 15px;
    }

    .Career-list .location {
        background: url(../images/wicon19.png) left center no-repeat;
    }

    .Career-list .position {
        background: url(../images/wicon20.png) left center no-repeat;
    }

    .Career-list .release {
        background: url(../images/wicon21.png) left center no-repeat;
    }

.CareerDetail {
    padding-bottom: 30px;
    padding-top: 20px;
    font-family: "Montserrat-Regular";
}

    .CareerDetail .n-tit {
        font-size: 18px;
        border-bottom: 2px solid #eee;
        padding: 10px 15px;
        color: #3e3f45;
    }

.CareerDetail-container {
    border: 1px solid #eee;
    border-top: 4px solid #44b5af;
}

.CareerDetail-wrap {
    padding: 15px 15px 25px;
}

.CareerDetail-thumb {
    color: #858795;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .CareerDetail-thumb span {
        display: block;
        padding-left: 26px;
    }

    .CareerDetail-thumb .location {
        background: url(../images/wicon19.png) left center no-repeat;
    }

    .CareerDetail-thumb .position {
        background: url(../images/wicon20.png) left center no-repeat;
    }

    .CareerDetail-thumb .release {
        background: url(../images/wicon21.png) left center no-repeat;
    }

.CareerDetail-desc {
    padding-top: 15px;
    color: #858795;
}

    .CareerDetail-desc h3 {
        color: #3e3f45;
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 5px;
    }

.CareerDetail-btn {
    padding-top: 20px;
}

    .CareerDetail-btn a {
        display: block;
        background-color: #eff0f6;
        padding: 10px;
        text-align: center;
        margin-bottom: 8px;
        color: #858795;
    }

.Career-Hot {
    display: none;
}

@media (min-width: 768px) {
    .Career-wrap {
        padding-top: 10px;
    }

    .Career-cont-img {
        width: 50%;
        float: left;
        padding-right: 5%;
        padding-bottom: 0;
    }

    .Career-cont-text {
        width: 50%;
        float: left;
    }

    .font26 {
        font-size: 18px;
    }

    .Careee-class a {
        font-size: 14px;
    }

    .Career-list a {
        padding: 20px 25px 20px 5px;
    }

        .Career-list a:after {
            margin-top: -10px;
        }

    .Career-list h3 {
        padding-bottom: 13px;
        font-size: 18px;
    }

    .Career-list span {
        margin-right: 20px;
    }

    .CareerDetail {
        padding-top: 20px;
    }

        .CareerDetail .n-tit {
            padding: 15px 30px;
        }

    .CareerDetail-wrap {
        padding: 25px 30px 30px;
    }

    .CareerDetail-btn a {
        min-width: 145px;
        display: inline-block;
        margin-right: 10px;
    }

    .CareerDetail-thumb {
        padding-bottom: 23px;
    }

        .CareerDetail-thumb span {
            display: inline-block;
            margin-right: 15px;
        }

    .CareerDetail-desc {
        padding-top: 25px;
        padding-bottom: 8px;
        line-height: 30px;
    }
}

@media (min-width: 1024px) {
    .Career-wrap {
        padding-top: 30px;
    }

    .Career-cont {
        padding-top: 0;
        font-family: "Montserrat-Regular";
    }

    .font26 {
        font-size: 20px;
    }

    .Careee-class {
        width: 30%;
        float: left;
        text-align: center;
        padding-right: 6%;
    }

        .Careee-class a {
            display: block;
            padding: 10px;
            margin: 8px 0;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
        }

            .Careee-class a:hover {
                background-color: #0f4d96;
                color: #fff;
            }

    .Career-list {
        width: 70%;
        float: right;
    }

    .CareerDetail {
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .Career-cont-text .Career-cont-dl {
        padding-bottom: 55px;
    }

    .Career-cont-img {
        padding-right: 0;
    }

    .Career-cont-text {
        padding-top: 50px;
        padding-left: 40px;
        letter-spacing: -0.5px;
    }

        .Career-cont-text h3 {
            font-size: 20px;
            line-height: 22px;
            padding-bottom: 22px;
        }

    .font26 {
        font-size: 26px;
    }

    .Careee-class {
        padding-right: 9.6%;
        padding-top: 13px;
    }

        .Careee-class a {
            padding: 16px 10px;
        }

    .Career-list {
        padding-bottom: 60px;
        padding-top: 0;
    }

        .Career-list a {
            padding-right: 80px;
            padding-left: 43px;
        }

            .Career-list a:after {
                right: 40px;
            }

            .Career-list a:hover {
                -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
                background-color: #0f4d96;
            }

                .Career-list a:hover h3 {
                    color: #fff;
                }

                .Career-list a:hover span {
                    color: #fff;
                }

                .Career-list a:hover .location {
                    background-image: url(../images/wicon22.png);
                }

                .Career-list a:hover .position {
                    background-image: url(../images/wicon23.png);
                }

                .Career-list a:hover .release {
                    background-image: url(../images/wicon24.png);
                }

                .Career-list a:hover:after {
                    border-color: #fff;
                }

    .Careee-class-list {
        padding-top: 20px;
    }

    .Career-wrap {
        padding-top: 90px;
    }

    .CareerDetail-btn a:hover {
        color: #fff;
        background-color: #44b5af;
        font-weight: bold;
    }

    .CareerDetail-container {
        width: 65%;
        float: left;
    }

    .CareerDetail .n-tit {
        padding: 15px 38px;
    }

    .CareerDetail-wrap {
        padding: 25px 38px 30px;
    }

    .Career-Hot {
        display: block;
        width: 33%;
        float: right;
        border: 1px solid #eee;
        border-top: 4px solid #44b5af;
    }

        .Career-Hot a {
            display: block;
            padding: 5px 0;
            color: #858795;
        }

            .Career-Hot a:hover {
                color: #44b5af;
            }

    .CareerDetail-thumb span {
        margin-right: 35px;
    }

        .CareerDetail-thumb span:last-child {
            margin-right: 0;
        }

    .Career-Hot-tab {
        padding: 20px 38px;
    }

    .CareerDetail {
        padding-bottom: 55px;
    }
}




#newsshare2 a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 1px 0;
    float: none;
    -o-background-size: cover;
    background-size: cover;
}

.weibolink {
    background-image: url(../images/news11xw02.jpg) !important;
}

.qqlink {
    background-image: url(../images/news11xw04.jpg) !important;
}

.weixinlink {
    background-image: url(../images/news11xw05.jpg) !important;
}

.weibolink:hover {
    background-image: url(../images/news11xw08.jpg) !important;
}

.qqlink:hover {
    background-image: url(../images/news11xw10.jpg) !important;
}

.weixinlink:hover {
    background-image: url(../images/news11xw11.jpg) !important;
}


.bd_weixin_popup {
    height: 300px !important;
}

@media (min-width: 1024px) {
    #newsshare2 a {
        width: 73px;
        height: 73px;
    }
}