@import url("public.css");

/*----------头部banner------*/
.header-banner{width: 100%; height: 630px; position: relative;}
.banner-bg01{ background: url("../image/nybanner01.jpg") top center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg02{ background: url("../image/nybanner02.jpg") top center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg03{ background: url("../image/nybanner03.jpg") top center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg04{ background: url("../image/nybanner04.jpg") top center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg05{ background: url("../image/nybanner05.jpg") top center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg06{ background: url("../img/subanner_4.jpg") center center no-repeat; width: 100%; height: 220px; background-size: cover}
.banner-bg07{ background: url("../image/nybanner07.jpg") center bottom no-repeat; width: 100%; height: 220px; background-size: cover }
.banner-bg08{ background: url("../image/nybanner08.jpg") center bottom no-repeat; width: 100%; height: 220px; background-size: cover }


.subanner-bg00{ background: url("../img/subanner_4.jpg") center bottom no-repeat; width: 100%; height: 400px; background-size: cover; margin-bottom: 2em; }
.subanner-bg1{ background: url("../img/subanner_4.jpg") center bottom no-repeat ; background-size: cover; }
.subanner-bg4{ background: url("../image/subanner_4.jpg") center bottom no-repeat;background-size: cover; }
.subanner-bg5{ background: url("../image/subanner_5.jpg") center bottom no-repeat ; background-size: cover;}
.subanner-bg10{ background: url("../image/subanner_10.jpg") center bottom no-repeat; background-size: cover;}
.subanner-bg14{ background: url("../image/subanner_14.jpg") center bottom no-repeat ; background-size: cover;}
.subanner-bg17{ background: url("../image/subanner_17.jpg") center bottom no-repeat ; background-size: cover; }
.subanner-bg18{ background: url("../image/subanner_18.jpg") center bottom no-repeat; background-size: cover;  }
.subanner-bg19{ background: url("../image/subanner_19.jpg") center bottom no-repeat ; background-size: cover; }
.subanner-bg21{ background: url("../image/subanner_21.jpg") center bottom no-repeat ; background-size: cover;  }
.subanner-bg217{ background: url("../image/subanner_217.jpg") center bottom no-repeat; background-size: cover; }
.subanner-bg238{ background: url("../image/subanner_238.jpg") center bottom no-repeat; background-size: cover;  }
.subanner-bg306{ background: url("../image/subanner_306.jpg") center bottom no-repeat ; background-size: cover; }


.head-title{/*width: 100%;*/ right: 0px;  position: absolute; top: 110px;animation: 1s fadeInLeft ease}
.head-title h2{float: right;font-size: 4rem; color: #fff; }
.head-title p{float: right;font-size: 1.9rem; color: #fff;  }


.subhead-title{width: 100%;position: relative;}
.subhead-title h2{float: right;font-size: 4rem; color: #fff;animation: 1s fadeInLeft ease; margin-top:130px; }
.subhead-title p{float: right;font-size: 1.9rem; color: #fff;  }

.sub-l-nav .list{width:790px;float: left;overflow: hidden;margin-top: 80px;}
.sub-l-nav .list li a{width: 130px; height: 38px; line-height: 38px;background: rgba(255,255,255,.9); text-align: center; border-radius: 4px; margin:8px 10px; padding: 0 5px; float: left; animation: fadeInLeft 1s 0.5s both; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub-l-nav .list li a:hover { background: #fff;}


.search-list{ width: 100%; position: relative; margin: 2em 0;}
.search-list ul{width: 100%; float: left;}
.search-list li{ float: left; padding-right: 2em; padding-bottom: .3em;}
.search-list li span{
	min-width:90px \9;
	float: left;}
.search-list li span:nth-child(n+2) {
	 margin-left: .5em;}
.search-list li label{ padding-right: .6em; padding-top: .5em; }
.search-list .radio-inline:not(:first-of-type){padding-left: 10px;}
.search-list li a{border-bottom: 1px solid #ddd; padding-bottom: .3em}
.search-list li a:hover{border:0;}


.search {
	position: absolute;
	right: 0;
    background-color: #fff;
    width:15%;
    float: left;
    border-radius: 5px;
	 border:1px solid #ddd;
}
.search1 {
    background-color: #fff;
    width:100%;
    float: left;
    border-radius: 2px;
	 border:1px solid #ddd;
	margin-bottom: 1em
}
.search .keyword,.search1 .keyword{ height:32px; width:100%;}
.search .keyword .input_text,.search1 .keyword .input_text{ width:77%;height:32px; float:left; border:0; line-height:32px; padding:0px;color:#888; font-size:14px; text-indent:.5em;	border-radius:5px;
}
.search_btn{width:20px; height:20px; border:0; background: url(../image/search.png) center center; margin:6px 12px 0 5px; float: right;}






/*-----------------------------------团队-----------------------------------*/
.team-list  { margin: 0 -10px;}
.team-list  li { width: 25%; padding: 0 9px;height: 190px; float: left; margin-bottom: 18px; }
.team-list   li a { display: block; width: 100%; height: 100%; border: 1px solid #ddd; padding: 14px 18px; transition: all .5s; }
.team-list   li a div.img { height: 100px;width: 100px; border: 1px solid #f3f3f3; display: block; float: left; margin-top: 10px;  }
.team-list   li a div.img img { width: 100%; height: 100%; object-fit: cover;border-radius: 5px;}
.team-list  li a h4, .team  li a h6 {  float: right; display: block; margin: 0px; width: 100% }
.team-list  li a .txt{ width: 59%; padding-left: 1em; ; float: left;height: 100px;}
.team-list   li a h4 { font-size: 16px; color: #333; line-height: 24px; padding-top: 14px;display: inline-block; float: left;overflow: hidden; height: 60px; }
.team-list   li a h4 i { color: #fea71e; font-size: 16px; font-family: 'Iskoola Pota',arial; }
.team-list   li a h5:before {
    font-family: 'fontello';
    content: '\e849';
    padding-right: 6px;
    color: #aaa;
}
.team-list   li a h5 { display: block;float: left; color: #bbb; font-size: 14px; padding: 0px;height: 46px; overflow: hidden;}
.team-list   li a h6 { font-size: 14px; color: #999; line-height: 22px; }
.team-list   li a p { border-top: 1px solid #f1f1f1; margin-top: 15px; width: 100%; float: left; padding-top: 10px; }
.team-list   li a p span { float: right; }
.team-list   li a p span:first-child { float: left;width: 80%;  word-break: keep-all; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.team-list   li a p span i{ padding-right:5px;}
.team-list   li a:hover { border-color: #7894d1; -webkit-box-shadow: 0px 0px 8px #7894d1; -moz-box-shadow: 0px 0px 8px #7894d1; box-shadow: 0px 0px 8px #7894d1; }
.team-list   li:hover h4 em { color: #4564a8; }


.team-wrap{width:100%; transition: .5s all ease;}
.team-wrap .leftbox{width: 30%; float: left; text-align: center;}
.team-wrap .rightbox{width: 65%; float: right;}
.team-wrap .rightbox h4{  word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-wrap .rightbox h6{  word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-wrap .fa{ padding-right:.6em;}
.team-wrap .num{ font-size: 12px; float: right; color: #999; padding-top:.6em;}
.team-wrap:hover{ transform: translate(-2px,-3px);  box-shadow: 2px 3px 7px #e6e6e6;}

.dt-img {
	margin: auto;
	margin-top: .4em;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 10%;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
}
.dt-img  img{
	width: 100%;
   	 height: 100%;
	object-fit: cover
}

.duty1 {
	font-size: 12px;
    background-color: #45649e;
    padding: 6px 16px 4px 16px;
	font-weight:500;
	float:left;
	color:#fff;
	border-radius:4px;
}
ul.area-list{ width:100%;padding:0em 0; height:45px; overflow:hidden; color:#666;}
ul.area-list li{ float:left; display:block; padding:0em 0;}


/*----------------------------------专家-----------------------------------*/
.experts-list li{
	float: left;
	  padding: 1em 1em 1em 1em;
	width: 20%;
	text-align: center;
}

.experts-list li .imageffect {
            position: relative;
            width: 100%;
        }

 .experts-list li .imageffect .imgbox {
                width: 100%;
				/* height: 230px;*/
                overflow: hidden;
                position: relative;
                text-align: center;
            }

.experts-list li .imageffect .imgbox img {
                    width: 100%;
                    height:auto;
                   /* object-fit: cover;*/
                    overflow: hidden;
                    transition: all 0.35s ease-in-out;
                    position: relative;
                }

.experts-list li .imageffect .info {
                visibility: visible;
                opacity: 1;
                background: -moz-linear-gradient(top, rgba(22,22,22,0) 70%, rgba(22,22,22,.75) 100%);
                background: -webkit-linear-gradient(top, rgba(22,22,22,0) 70%, rgba(22,22,22,.75) 100%);
                background: linear-gradient(to bottom, rgba(22,22,22,0) 70%, rgba(22,22,22,.75) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
                transition: all 0.35s ease-in-out;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                text-align: center;
                font-size: 18px;
                z-index: 0
            }

.experts-list li .imageffect .info h4 {
                    position: absolute;
                    left: 25px;
                    right: 25px;
                    bottom: 30px;
                    color: #fff;
                    font-size: 16px;
                }
.experts-list li .imageffect .info p{
                    position: absolute;
                    left: 25px;
                    right: 25px;
                    bottom: 0px;
                    color: #ddd;
                    font-size: 12px;
					word-break: keep-all;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
                }

.experts-list li .imageffect:hover .info {
                visibility:visible;
                opacity: 1;
            }
.experts-list li .imageffect:hover img{ transform: scale(1.1)}





.team-cont{width: 100%;position: relative; margin: 2em 0;}
.team-cont .left-img{width:20%; float: left; }
.team-cont .left-img .imgbox{width:100%;float: left; overflow: hidden;}
.team-cont .left-img img{width:100%; height: 100%;object-fit: cover; border-radius: 10%;border: 1px solid #ddd;}
.team-cont .left-img .list{width:100%; float: left; margin: 3em 0;}
.team-cont .left-img .list h4{  font-size: 16px; font-weight: bold; padding: 1em 0;}
.team-cont .left-img .list li { margin-bottom: 1.3em; float: left; height: 70px; overflow: hidden;}
.team-cont .left-img .list li img{ width: 38%; float: left; transition: all .4s ease; height: 100%; object-fit: cover;}
.team-cont .left-img .list li h5{  width: 58%; float: right; padding: 0 0 0 .6em; line-height: 1.45 }
.team-cont .left-img .list li :hover img{ transform:translateY(-3px);}
.team-cont .right-txt{width:68%;position: relative; float: right;}
.team-cont .right-txt h3{ font-weight: 600;}
.team-cont .right-txt .tag{width: 100%; float: left; border-bottom: 1px solid #ddd;}
.team-cont .right-txt .tag span{ line-height:3; float: left;padding-right:1em; }
.team-cont .right-txt .tag span .fa{ padding-right: .5em; color: #bbb;}
.team-cont .right-txt .cont{ width: 100%;padding:0em; margin-bottom: 2em; float: left;}
.team-cont .right-txt .cont h5{font-size: 16px;  font-weight: 600;line-height:2; margin-top: 2em;}
.team-cont .right-txt .cont .detail{width: 100%; float: left; margin-bottom: 2em;;}
.team-cont .right-txt .cont .detail a{ float: left; margin-right: 2em;  margin-bottom: .4em;   border-bottom: 1px dashed #ddd;    padding-bottom: .3em;color:#4564a8; transition: all .3s }
.team-cont .right-txt .cont .detail a:hover{border:0; transform: translateY(-1px)}





/*-----------------------产品案例------------------------------*/
.cases-list {
    width: 100%;
    float: left;
    position: relative;
}

    .cases-list li {
        width: 33%;
        float: left;
        padding: 0 2em 2em 0;
    }

        .cases-list li:nth-child(4n) {
            padding-right: 0;
        }

        .cases-list li .imageffect {
            position: relative;
            width: 100%;
        }

            .cases-list li .imageffect .imgbox {
                width: 100%;
                overflow: hidden;
                position: relative;
                text-align: center;
                height: 230px;
            }

                .cases-list li .imageffect .imgbox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    overflow: hidden;
                    transition: all 0.35s ease-in-out;
                    position: relative;
                }

            .cases-list li .imageffect .info {
                visibility: visible;
                opacity: 1;
                text-align: center;
                font-size: 18px;
                z-index: 0
            }

                .cases-list li .imageffect .info h4 {
                    color: #525252;
                    font-size: 16px;
                    white-space: nowrap;
                    word-break: keep-all;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .cases-list li .imageffect:hover .info h4{

            }
 		.cases-list li .imageffect:hover .info {
                visibility:visible;
                opacity: 1;
            }
            .cases-list li .imageffect:hover img {
                transform: scale(1.1);
            }



.cases-cont{
	width: 100%;
	margin: 2em 0;
	float: left;
	position: relative;
}
.cases-cont h3{ margin: 1em 0; text-align: center;}
.case-slide {
	width: 100%;
	margin: 0 auto;
	background: #f9f9f9;
}

.cases-cont .leftbox{
	width: 62%;
	margin: 2em 0;
	float: left;
	position: relative;
}
.cases-cont .leftbox p{  line-height: 1.8; }
.cases-cont .rightbox{
	width:36%;
	margin: 2em 0;
	float: right;
	position: relative;
}

.cases-cont .rightbox dt{
	font-weight: 200;
	color: #999;
	padding:3px 0;
}
.cases-cont .rightbox dd{  	padding: 3px 0;	}
.cases-cont .rightbox .dl-horizontal a {
    color: #4564a8;
	border-bottom: 1px solid #ddd;
	 padding-bottom: .2em;
}
.cases-cont .rightbox .dl-horizontal a:hover{
	border:0;
	color: #999;
	transform: translateX(2px);
}

.case-relate{ width: 100%; float: left; position: relative;}
.case-relate h4{ margin-bottom: 1em;}

.case-video{width: 100%; height:600px;background: #f9f9f9; border:1px solid #eee;}

.view .swiper-container {
	width:100%;
	height:600px;
}
.view .swiper-slide{ text-align: center}
.view .swiper-slide img{ width:auto; height: 100%; margin: auto;}

.view .arrow-left {
	background: url(../image/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../image/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {

	height: 82px;
	margin-left: 35px;
}

.preview .swiper-slide {

	height: 82px;
	cursor:pointer;
}
.preview .swiper-slide img {
	width: auto;
	height:100%;
	object-fit: cover;
}


.preview .arrow-left {
	background: url(../image/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../image/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px 5px;
	opacity: .6;
	transform: scale(1.03);
}

.preview .active-nav img {
	opacity: 1;
}



/*-----------------------------------项目-----------------------------------*/


.project-list-sub {
    margin: 0px 0px 0 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

.project-list-sub li {
        line-height: 1.6;
        margin: 0px;
        padding: 5px 20px 5px 0;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
		width: 50%;
		float: left;
    }
.project-list-sub li:nth-child(even) {  padding: 5px 0px 5px 0;}

.project-list-sub li > .date {
            width: 15%;
            float: left;
            text-align: center;
            color: #999;
            font-size: 95%;
            border: 1px solid #ddd;
        }

.project-list-sub li > .date a {
                color: #777
            }

.project-list-sub li > a {
            width: 73%;
            margin: 0px;
            padding: 0px 0 0 10px;
            float: left;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
 }

.project-list-sub li > .subnav {
            width: 10%;
            float: right;
			overflow: hidden;
            text-align:right;
            color: #aaa;
            font-size: 95%;
        }
.project-list-sub li > .subnav .fa{ padding-right: 5px}


.projects-list{ transition: .3s all ease; border-bottom: 1px solid #e9e9e9;position: relative;padding: .3em .8em ; margin:0  -10px 5px -10px;;}
.projects-list:hover{ transform: translateX(4px);}
.projects-list h4{ font-size: 14px;  white-space:nowrap; word-break: keep-all; overflow: hidden; text-overflow:ellipsis; font-weight: 600 ; padding: 0em 0;}
.projects-list h4 { color: #4564a8}
.projects-list h4.hot { color: #f1701b}

.projects-list span{max-width: 50%; white-space:nowrap; word-break: keep-all; overflow: hidden; text-overflow:ellipsis;padding:0em 1em .2em 0; float: left; color: #999; font-size: 12px;}
.projects-list span:last-of-type{ padding: 0px;}
.projects-list  .fa{ padding-right: .4em;}
.projects-list .panel-footer {  color: #777;}

.projects-list span.source {color: #4b62c5; }
.projects-list span.source i.fa{
            padding-right: 0;
        }
 .projects-list span.source form{
            display: inline-block;
        }
 .projects-list span.source input{
            background: none; border: none; padding: 0;text-decoration:underline;
        }
.projects-list span.source:hover{ animation: .3s fadeIn ease-in;}
.projects-list span.source:hover input{text-decoration:none;}

.projects-right{border: 1px solid #e6e6e6; border-radius: 3px;  padding: 1em 1em .5em 1em; width: 100%; margin-bottom: 1em; float: left;}
.projects-right h4{ font-size: 16px; color: #4564a8; font-weight: 600; margin-bottom: .6em;}
.projects-right li{float: left; margin: .3em 0;}
.projects-right li p{ margin-bottom: 2px;  word-break: break-all; }
.projects-right li span{  color: #999; font-size: 12px;}
.projects-right .keyword li{float: left; padding:0 1em 0em  0;}



.project-cont{ width:100%; float: left;position: relative; margin: 2em 0;}
.project-cont h3{ padding: 0px;  margin: 0; position: relative; font-weight: 600;width:90%; line-height: 1.6;}
.project-cont  .tag{width: 100%; float: left; border-bottom: 1px solid #ddd;}
.project-cont .tag span{ line-height:4; float: left;padding-right:1em; color: #777; }
.project-cont .tag span .fa{ padding-right: .5em; }
.project-cont  .tag  .date{ position: absolute; top: 10px; right: 0px; font-size: 24px; text-align: center; color: #4564a8; font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif'}
.project-cont  .tag  .fa{  color: #bbb;}
.project-cont  .cont{ width: 100%; float: left; margin: 2em 0 ;}





/*-----------------------------------资讯-----------------------------------*/

.news-btn{ float:left; width: 100%; margin: 2em 0;}
.news-btn li{ margin-right: 1em; float: left; margin:1em  1.5em 1em 0;}
.news-btn li a{ background: #f3f3f3; padding: .7em 1.6em; border-radius: 3px;}
.news-btn li a.on{ background: #4564a8; color: #fff;}

.news-wrap{width: 100%; position: relative;  margin: 2em 0;}
.news-item{width: 100%;  float: left; transition: all .5s ease;padding-bottom: 1.5em;margin-bottom: 1.5em;border-bottom: 1px solid #e6e6e6;}

.news-item .newsdate{width:14%; position: relative;float: left;}
.news-item .newsdate h2{ color: #555;font-size:32px; position: relative;z-index: 9999}
.news-item .newsdate h4{ font-size:18px; position: relative;z-index: 9999; color: #777;}
.news-item .newsdate:before{ content: ""; width: 90px; height: 1px; border-bottom: 1px solid #ddd;position: absolute; bottom: -20px;left: 0px;z-index: 1}
/*.news-item .newsdate:after{ content: ""; width: 70px; height: 150px; background: #f6f6f6; position: absolute; top: 0;left: 50px;z-index: 0}*/

.news-item .newscont{width:61%; position: relative;float: left;transition: all .5s ease}
.news-item .newscont h4{font-size:22px; padding:.5em 0; word-break: keep-all; white-space:nowrap; overflow: hidden; text-overflow:ellipsis}
.news-item .newscont p{ color: #999;  }

.news-item .newsimg{width:20%; overflow: hidden;position: relative;float: right; height: 150px; }
.news-item .newsimg img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease}

.news-item:hover .newscont{ transform:  translateX(10px);}
.news-item:hover .newsimg img{ transform: scale(1.04);}

.news-cont{ width:100%; float: left;position: relative; margin: 2em 0;}
.news-cont .leftbox{ width: 65%; float: left;}
.news-cont .rightbox{ width: 25%; float: right;}
.news-cont .leftbox h3{ position: relative; font-weight: 600;}
.news-cont  .leftbox .tag{width: 100%; float: left; border-bottom: 1px solid #ddd;}
.news-cont .leftbox .tag span{ line-height:4; float: left;padding-right:1em; color: #777; }
.news-cont  .leftbox .tag span .fa{ padding-right: .5em; }
.news-cont .leftbox  .tag  .date{ position: absolute; top: 10px; right: 0px; font-size: 24px; text-align: center; color: #4564a8; font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif'}
.news-cont .leftbox  .tag  .fa{  color: #bbb;}
.news-cont .leftbox  .cont{ width: 100%; float: left; margin: 2em 0 ;  font-size: 16px; line-height: 1.8;}
.news-cont .leftbox  img{
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
    max-width: 100%;
    height: auto;}

.news-cont .rightbox h4{float: left; font-size:16px; margin: 1.5em 0; font-weight: 600;}
.news-cont .rightbox li{ width: 100%; margin: .6em 0; float: left; list-style: square}

.news-cont .rightbox li a{ width: 100%; float: left; padding-bottom: .5em;}
.news-cont .rightbox li span{ width: 100%; float: left; text-indent:0em; color: #aaa;}


.about-nav{ width: 100%; float: left; height: 45px; line-height: 45px; background-color: #f6f6f6; font-size: 14px;}

.about-nav li{ float: left; margin-right: 2em;}
.about-nav li .active{ float: left; border-top: 3px solid #4564a8; color: #4564a8;font-weight: bold;}


.about-cont{ margin: 2em 0; position: relative; float: left;width:100%; }
.about-cont .left-img{ width: 40%; float: left; position: relative;}
/*.about-cont .left-img:before{ position: absolute; content: ""; top: -5px; left: -6px; width: 150px; height:22px; background: #222;z-index: 0 }*/
.about-cont .left-img img{ width:100%; height: auto;position: relative; object-fit:cover; border:5px solid #222  inset;}

.about-cont .right-txt{ width: 55%; float: right;}
/*.about-cont .right-txt:after{ position: absolute; content: ""; bottom: 5px; right: 0px; width: 150px; height:12px; background: #aaa;z-index: 0 }*/
.about-cont .right-txt h2{ font-weight: 600; color: #000}
.about-cont .right-txt small{ margin-left: 1em; font-size: 14px;}
.about-cont .right-txt .des{ color: #eee; font-size: 32px;  text-transform: uppercase; line-height: 1.3; font-weight:700}
.st0{fill:none;}
.st1 {fill: #FFFFFF;}


.platform{ width: 50%;float: left;margin: 1em 0;}
.platform-ico{box-sizing:border-box;margin-right: 1em;float:left;}
.platform-ico .img_box{
	float: left;
	vertical-align: middle;
	width: 4.5rem;
	height:4.5rem;
	padding: .4rem;
	border-top-left-radius: 1.2rem;
	border-bottom-right-radius:  1.2rem;
    text-align: center;
    font-weight: inherit;
	background: #d9b186;}
.platform-ico .img_box1{
	width:  4.5rem;
	height:  4.5rem;
	padding: .4rem;
	border-top-left-radius: 1.2rem;
	border-bottom-right-radius:  1.2rem;
    text-align: center;
    font-weight: inherit;
	background: #9fafd2;
    line-height: 2.5em;}
.platform-txt{
	float: left;
	padding:0 1rem;
	box-sizing:	border-box;
	width:80%;
}

.platform-txt h4{color:#215aa1; font-size: 20px; margin: 0px; font-weight: 700;}
.platform-txt h4 small{ text-transform:uppercase; margin:0 1rem;font-size:.7rem;}
.platform-txt p{ margin:.4rem 0 1rem 0; line-height: 1.6}

.platform-bg{ width: 100%; height: 600px; margin-top: 1em; background: url("../image/platform_bg.jpg")  top center no-repeat; text-align: center;}
.platform-bg img{  width: auto;height:580px;padding:2em 1em 0;}


.qualify-list{list-style:none; margin: 2em 0;}
.qualify-list h4{ text-align:center; color:#4564a8; border-bottom:1px solid #eee; line-height:2.0; background:#fcfcfc}
.qualify-list li{list-style:inside; list-style-type:circle; line-height:2.0; color:#444;}


.about-content {
	position: relative;
	float: left;
    margin: 1em 0em 2em 0;
    line-height: 1.82857143;
	font-size:15px;
}
.about-content img{  border: 1px solid #ddd; padding: 5px; border-radius: 5px;}

.about-content  li{ width: 100%; padding: .2em 0;color: #4564a8}
.about-content  li:before{ content: "\f091"; font-family: "FontAwesome"; padding-right:.5em; color: #4564a8}
.about-bottom{width: 100%; text-align: center; padding: 2em 0; background: #f6f6f6;}

.culture_cont{ line-height:30px; margin:20px 0; float: left; width: 100%;}
.culture_cont h3{ margin:.5em 0 1em  0;}
.cult-principle{ margin:1.5em 0;}
 .cult-principle li{ width:100%; float:left; margin:.6em 0; font-size:18px; }
.cult-principle div{ float:left; text-align:center; width:20%;}
 .cult-principle div p{padding:20px 0 5px 0; font-weight:600; color:#555}
 .cult-principle span{ font-size:16px; color:#666; margin:0px 15px; float:left;width:70%;}
.cult-principle span p{ padding:0px 0;}


.cult-rule{ margin:2em 0;}
.cult-rule li{ width:50%; float:left; text-align:left; text-indent:3em; margin:.5em 0; font-size:18px; }
 .cult-rule li p:before{
	font-family: 'FontAwesome';
	content:"\f05d";
	padding-right:5px;
	color:#4564a8; }


.abooutus-content {
	width:100%;
	position: relative;
	float: left;
    margin: 2em 0em;
    line-height: 1.82857143;
}
.abooutus-content  h4{ padding-bottom: 1em;}
.abooutus-content  .tel-box{ padding:1em  2em; background:#9fafd2  url("../image/contact_img.jpg") right center no-repeat; background-clip: border-box; height: 95px; margin-bottom: 1em; color: #fff;}
.abooutus-content  .tel-box .fa{ padding-right: .5em; }


.magazin-cont{ line-height:30px; margin:10px 0; float: left; width: 100%;}
.magazin-cont .imgbox{float: left; transition: all .4s;}
.magazin-cont .imgbox img{ border:1px solid #ddd; width:220px; height:280px; object-fit:cover;border-radius: 2px;}
.magazin-cont .imgbox:hover{ box-shadow: 1px 4px 12px #ddd;}
.magazin-cont .txtbox{ height:280px; width:60%; float: left; padding-left: 2em; position: relative;}
.magazin-cont .txtbox h4{ font-weight: 600; }
.magazin-cont .txtbox p{ color: #999; }
.magazin-cont .txtbox a.read{position: absolute; bottom: 2px; left:25px; border: 1px solid #4564a8; padding: 0px 10px; color: #4564a8; text-align: center; border-radius: 4px;transition: all .5s }
.magazin-cont .txtbox a.read:hover{ background: #4564a8; color: #fff;}



.result-wrap{width:100%; float:left; border:1px solid #e6e6e6; margin-bottom: 1.5em;}
.result-wrap .leftbox{ width:16%;  float: left; color:#fff; padding:1em  1.5em; text-transform: uppercase; }
.result-wrap .leftbg1{ background: #9fafd2 url("../image/about_ico01.png") 76%  90% no-repeat;height: 440px; overflow: hidden;}
.result-wrap .leftbg2{  background: #dfafaf url("../image/about_ico02.png") 76%   90% no-repeat;height: 260px;overflow-y: auto;}
.result-wrap .leftbg3{  background: #d9b186 url("../image/about_ico03.png") 76%  90% no-repeat;height: 260px}
.result-wrap .leftbg4{ background: #9fafd2 url("../image/about_ico04.png") 76%  90% no-repeat;;height: 200px;}
.result-wrap .leftbg5{  background: #dfafaf url("../image/about_ico05.png") 76%  90% no-repeat;}
.result-wrap .leftbg1 p,.result-wrap .leftbg2 p,.result-wrap .leftbg3 p,.result-wrap .leftbg4 p,.result-wrap .leftbg5 p{ opacity: .6; margin-top: 1em}
.result-wrap .leftbg6{  background: #d9b186 url("../image/about_ico06.png") 76%  90% no-repeat;min-height: 160px}

.result-wrap .rightbox{width:84%; float:right;  padding:1.2em  2em;}
.result-wrap .rightbox .height400{ height: 350px; overflow-y: auto;}
.result-wrap .rightbox .height300{ height: 220px; overflow-y: auto;}
.result-wrap .rightbox h5{ font-weight: 600;  padding-bottom: .6em; border-bottom: 1px solid #ddd;}
.result-wrap .rightbox li.color1:before{ content: "■"; color: #9fafd2; padding-right: .5em }
.result-wrap .rightbox li.color2:before{ content: "■"; color: #dfafaf; padding-right: .5em }
.result-wrap .rightbox li.color3:before{ content: "■"; color: #d9b186; padding-right: .5em }
.result-wrap .rightbox li.color2,.result-wrap .rightbox li.color3{width:50%; float: left;  padding-right: 30px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.result-wrap .rightbox li.color2:nth-child(even),.result-wrap .rightbox li.color3:nth-child(even){ padding-right: 0;}
.result-wrap .rightbox  .arrow{ width: 100%; text-align: center;  font-size: 1.5em; color: #ddd; cursor: pointer;}
.result-wrap .rightbox  .hidden-div{display:  none; position: absolute;  background: #fff;z-index: 888}

 .honor_tmtimeline
        {
            margin: 30px 0 0 0;
            padding: 0;
            list-style: none;
            position: relative;
        }

        /* The line */
        .honor_tmtimeline:before
        {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #ddd;
            left: 15%;
            margin-left: -10px;
        }

        .honor_tmtimeline > li
        {
            position: relative;
        }

        /* The date/time */
        .honor_tmtimeline > li .honor_tmtime
        {
            display: block;
            width:10%;
            position: absolute;
			top: -6px;
        }

        .honor_tmtimeline > li .honor_tmtime span
        {
            display: block;
            text-align: right;
        }

        .honor_tmtimeline > li .honor_tmtime span:first-child
        {
            font-size: 2em;
            color: #4564a8;
        }

        .honor_tmtimeline > li .honor_tmtime span:last-child
        {
            font-size: 2em;
            color: #4564a8;
        }

        .honor_tmtimeline > li:nth-child(odd) .honor_tmtime span:last-child
        {
            color: #9fafd2;
        }

        /* Right content */
        .honor_tmtimeline > li .honor_tmlabel
        {
            margin: 0 0 15px 20%;
            background: #4564a8;
            color: #fff;
            padding: 1.5em;
            font-size: 1.2em;
            font-weight: 300;
            line-height: 1.4;
            position: relative;
            border-radius: 5px;
        }

        .honor_tmtimeline > li:nth-child(odd) .honor_tmlabel
        {
            background: #9fafd2;
        }

        .honor_tmtimeline > li .honor_tmlabel h2
        {
			font-size: 16px;
            margin-top: 0px;
            padding: 0 0 10px 0;
            border-bottom: 1px solid rgba(255,255,255,0.4);
        }

        /* The triangle */
        .honor_tmtimeline > li .honor_tmlabel:after
        {
            right: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-right-color: #4564a8;
            border-width: 10px;
            top: 10px;
        }

        .honor_tmtimeline > li:nth-child(odd) .honor_tmlabel:after
        {
            border-right-color: #9fafd2;
        }

        /* The icons */
        .honor_tmtimeline > li .honor_tmicon
        {
            width: 10px;
            height: 10px;
            font-style: normal;
            font-weight: normal;
            line-height: 40px;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            color: #fff;
            background: #4564a8;
            border-radius: 50%;
            box-shadow: 0 0 0 6px #9fafd2;
            text-align: center;
            left: 15%;
            top: 15px;
            margin: 0 0 0 -14px;
        }


.client-link{ list-style:none; margin:20px 0; padding:0px 0px; display:block; float:left; width:100%; }
.client-link li{
	padding:0px 15px 15px 0;
    list-style: none;
	display: block;
	width: 20%;
	line-height: 34px;
	float:left;
}
.client-link li img{border-radius: 5px; border:1px solid #ddd; width:100%; height: auto; transition: .5s all ease; filter: grayscale(90%); opacity: .3; }
.client-link li img:hover{ box-shadow:0 0 10px #eee; opacity: 1;filter: grayscale(0%);}
.client-link li a{ color:#999}
.client-link li a:hover{ color:#4564a8}

.contact-wrap{ width: 100%; padding: 1em 1em 2em 2em; background:#9fafd2 ;height:250px; color: #fff;  margin-bottom: 2em;   position: relative;}
.contact-wrap img{ margin-top:-22px; width: 100%; object-fit: cover;}
.contact-wrap h4{ padding: 0;}
.contact-wrap .qr{width:120px; position: absolute; top: 55px; left:330px;}


/*============== 关于我们栏目切换=========================*/

		.slideTxtBox{ width:100%;  text-align:left;  }
		.slideTxtBox .hd{ height:40px; line-height:40px;  padding:0 10px 0 20px;   border-bottom:1px solid #e6e6e6;  position:relative; }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:36px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer; font-size: 14px; }
		.slideTxtBox .hd ul li.on{ height:41px; font-weight: 600;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; font-size: 16px; color: #4564a8 }

		.slideTxtBox .bd ul.client-list{ padding:15px;  zoom:1; min-height: 400px;  }
		.slideTxtBox .bd  ul.client-list li{  line-height:2; width: 33.333%; float: left; padding-right: 15px; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;}
		.slideTxtBox .bd  ul.client-list li:before{ content: "■" ; color: #4564a8; padding-right: .5em;}




.market-apyuser{ height:250px;border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;border-right:#ddd 1px solid;padding:0px 0;width:25%; float:left; margin-bottom: 2em; }
.market-apyuser:first-child{border-left:#ddd 1px solid;}
.market-apyuser .left_img{ margin-top:2em; color:#4564a8;}
.market-apyuser .title{position: relative; height: 40px; line-height: 40px; background: #9fafd2; text-align: center; color: #fff; float: left; width: 100%;}
.market-apyuser .title .fa{ padding-right: 7px }
.market-apyuser:nth-child(even) .title{background: #4564a8;}
.market-apyuser .arrow_ico{ position:relative;  left: -7px; }
.market-apyuser .arrow_ico1{ position:relative;  right: 7px;}

.market-apyuser .fa-qrcode{ cursor:pointer}
.market-apyuser .fa-qrcode .qrcode-server {
    display: none;
    width: 120px;
    position: absolute;
    z-index: 99999;
	}
.market-apyuser .fa-qrcode .qrcode-server1 {
    display: none;
    width: 150px;
    position: absolute;
    top: 20px;
    right: -155px;
    z-index: 99999; background:#f9f9f9;
	}
.market-apyuser .fa-qrcode:hover .qrcode-server,.fa-qrcode:hover .qrcode-server1{display: block;}

.market-apyuser ul.stlist,.market-apyuser ul.splist { margin:1em 0;}
.market-apyuser ul.stlist li{ line-height:36px;}
.market-apyuser ul.stlist li:before{font-family:'FontAwesome'; content:"\f046"; padding-right:10px; color:#4564a8;}
.market-apyuser ul.splist li{ line-height:30px;}
.market-apyuser ul.splist li:before{font-family:'FontAwesome'; content:"\f061"; padding-right:10px; color:#4564a8;}



.map_box{
	position: relative;
	width: 100%;
	vertical-align:top;
	float: left;
	margin-bottom: 1rem;
	border-radius: .7rem;
}
.map-wrap {
    width:100%;
    height:220px;

}

.map_box .title_box{
	position: absolute;
	top:1rem;
	text-align: center;
	line-height: 1.9;
	vertical-align: middle;
	width: 100%;
}
.map_box .title_box .txt{background:rgba(69,100,168,.7);width: 20%;border-radius:.5rem;float: right; margin-right: .5rem; color: #fff; padding:.4rem ; line-height: 1.6}
.map_box .txtbox{ width: 100%; float: left;padding:.7rem 1rem 0; background: #f6f6f6;}
.map_box .txtbox li{line-height: 2}
.map_box .txtbox li.tel:before{font-family: "FontAwesome";content: '\f095'; padding-right: .5rem; color: #4564a8;}
.map_box .txtbox li.location:before{font-family: "FontAwesome";content: '\f041'; padding-right: .5rem; color: #4564a8;}

.addr-txtbox{background: #f6f6f6; width: 31.8%; padding: 1em 1.5em; margin: 0em 0em 1em 1em; float: left; position: relative;}
.addr-txtbox:nth-child(3n){ margin-right: 0;}
.addr-txtbox h4{ margin:0px; padding: 1em 0 .4em 0;}
.addr-txtbox li{line-height: 2;}
.addr-txtbox .mapico{ position: absolute; top: 20px; right: 20px; cursor: pointer; font-size: 1.5em; color: #4564a8}
.addr-txtbox .mapico:hover{ animation: .4s tossing infinite ; }

.addr-box .panel-body{ position: relative;}
.addr-box  .mapico{ position: absolute; bottom: 5px; right:20px; cursor: pointer; font-size: 1.5em; color: #4564a8}
.addr-box .mapico:hover{ animation: .4s tossing infinite ; }
.addr-box ul{ margin: 0;}
.addr-box li { line-height: 2;}
.addr-box li.tel:before{font-family: "FontAwesome";content: '\f095'; padding-right: .5rem; color: #4564a8;}
.addr-box  li.location:before{font-family: "FontAwesome";content: '\f041'; padding-right: .5rem; color: #4564a8;}


/*-------------------申请加入------------------------------*/

.inner-box {
    margin: 5% auto;
    background: #fff;
    border-radius: 10px;
    width: 880px;
	box-shadow: 0 0 50px 1px #e3e3e3;
	animation:fadeInLeft 2s ease;
}
.inner-box  .logobox{
    border-top-left-radius: 10px;
	 border-top-right-radius: 10px;
	height: 65px;
	background: #009ea9;
}

.inner-box .logobox h3{float: right; color: #fff; margin-right:  1em; margin-left:  1em;}
.inner-box .logobox .navbar-brand{width: 20%}
.inner-box .logobox .navbar-brand img{width: 100%}
.inner-box .formbox{ padding:30px 30px;}

.inner-box .formbox .contact{width: 100%; margin:2em 1em;}
.inner-box .formbox .contact p{margin-top: .4em}
.inner-box  .formbox .fa-lg{ padding-right:14px!important;}
.inner-box  .formbox  .fa { padding-right: 4px;}

.reg-wrap {
    margin: 0px auto;
	width: 70%;
	text-align:left;
}
.reg-wrap .note{ padding: 1em 1.3em; background: #f6f6f6; margin-bottom:1.5em;}
.reg-wrap .note p{ margin-bottom: 0; }
.reg-wrap li{ margin-bottom:15px;width: 90%; float: left;}
.reg-wrap li span{ padding-right: 10px;}
.reg-wrap li  span.label-text{ width:60px; overflow: hidden;}
.reg-wrap li input.inputbox{ width:150px; }
.reg-wrap li select{ width:148px !important; }
.reg-wrap li textarea{ width:90%; border: 1px solid #ddd;padding: .5em 1em; margin-left: 4.9em;border-radius: 4px; margin-top: .5em;}
.reg-wrap li textarea.other{ width: 465px; margin-top: -30px; }
.reg-wrap li a.send{ display:inline-block; color:#555; border:1px solid #ddd; border-radius:3px; width:120px; height:44px; line-height:44px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; margin-left:10px; }
 .btn-default:active, .btn-default.active  {
    color: #fff;
    background-color: #4564a8;
    border-color: #dddddd;
}



/*//////////////////留言列表////////////////////////*/

.chat{ width: 100%; position: relative; margin: 2em 0;}
.chat .page-header{ margin:0;}
.chat .chat-history {
  padding: 20px 0 0px 0px;
  border-bottom: 2px solid white;
}
.chat .chat-history .message-data {
  margin-bottom: 14px;
}
.chat .chat-history .message-data-time {
  color: #a8aab1;
  padding-left: 6px;
}
.chat .chat-history .txt {
  color: white;
  padding: 14px 20px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 7px;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.chat .chat-history .txt:after {
  bottom: 100%;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #eee ;
  border-width: 10px;
  margin-left: -10px;
}
.chat .chat-history .my-message {
  background: #eee ;
color: #222;
}

.chat .chat-history .other-message {
  background: #9fafd2;
}
.chat .chat-history .my {
  color: #ddd;
	padding: 0 5px;
}
.chat .chat-history .other {
  color: #9fafd2 ;
	padding: 0 5px;
}
.chat .chat-history .other-message:after {
  border-bottom-color: #9fafd2;
  left: 93%;
}
.chat .chat-message {
  padding: 30px;
}



/*----------------材料与设备------------------------*/

.material-list{ width: 100%; position: relative; }
.material-list li{width: 20%; float: left; padding: 1em .5em 0 .5em ; text-align: center; }
.material-list li:hover .box{box-shadow: 0px 0px 8px #ddd;}
.material-list li .box{ border: 1px solid #ddd; width: 100%; padding: 1em 1em ; border-radius: 3px; transition: all .5s;}
.material-list li:nth-child(5n){ padding-right: 0; }
.material-list li:nth-child(5n+1){ padding-left: 0; }
.material-list li .imgbox {
                width: 100%;
				height: 140px;
                overflow: hidden;
                position: relative;
                text-align: center;
            }
.material-list li .imgbox img {
                width:80%;
				height:100%;
				object-fit: cover;
            }
.material-list li h4{ word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 16px; padding: 1em 0 0; margin: 0;}
.material-list li p{ color: #999; margin: 0;  padding: .3em 0 0; }



@media screen and (max-width: 1440px) {
	.team dl dd li a .txt{ width: 52%; margin-left: 10px; float: left;}
	.result-wrap .rightbox{width:82%;}
		.team-list li a .txt{
 		width: 52%;
	}
}
@media screen and (max-width: 1200px) {
	.team dl dd li a div.img {
    height: 80px;
    width: 80px;
}
	.search .keyword .input_text,.search1 .keyword .input_text{ width:67%
}
	.result-wrap .rightbox{width:84%;}
	.addr-txtbox{background: #f6f6f6; width: 31.8%;}

	.team-list   li a div.img { height: 80px;width: 80px;   }
	.team-list li a p {
    margin-top: 10px;
	}
	.sub-l-nav .list{width:680px;}

	.projects-list span.site{max-width: 170px }


}