﻿/*竖*/
.ccbox_v {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
/*横*/
.ccbox_h {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

/*copyright_works*/
section.works_1 {height:690px;
}
.cr_w_type {
    margin-bottom:27px;
}
.cr_w_type li{
    width:280px; height:150px; box-sizing:border-box;
    border:1px solid #D2D2D2;margin-right:27px;
    background: no-repeat center 30%;
    font-size:22px; color:#D2D2D2; padding-top:90px;
}
.cr_w_type li:last-child{margin-right:0px;
}

    .cr_w_type.ro1 li:nth-child(1) {
        background-image:url(../images/c1.png);
    }
    .cr_w_type.ro1 li:nth-child(2) {
        background-image:url(../images/c2.png);
    }
    .cr_w_type.ro1 li:nth-child(3) {
        background-image:url(../images/c3.png);
    }
    .cr_w_type.ro1 li:nth-child(4) {
        background-image:url(../images/c4.png);
    }

    .cr_w_type.ro2 li:nth-child(1) {
        background-image:url(../images/c5.png);
    }
    .cr_w_type.ro2 li:nth-child(2) {
        background-image:url(../images/c6.png);
    }
    .cr_w_type.ro2 li:nth-child(3) {
        background-image:url(../images/c7.png);
    }

    .cr_w_type li:hover {
        background-color:#246FD5; color:#fff; border:0px;
    }
    .cr_w_type.ro1 li:nth-child(1):hover {
        background-image:url(../images/c1_on.png);
    }
    .cr_w_type.ro1 li:nth-child(2):hover {
        background-image:url(../images/c2_on.png);
    }
    .cr_w_type.ro1 li:nth-child(3):hover {
        background-image:url(../images/c3_on.png);
    }
    .cr_w_type.ro1 li:nth-child(4):hover {
        background-image:url(../images/c4_on.png);
    }

    .cr_w_type.ro2 li:nth-child(1):hover {
        background-image:url(../images/c5_on.png);
    }
    .cr_w_type.ro2 li:nth-child(2):hover {
        background-image:url(../images/c6_on.png);
    }
    .cr_w_type.ro2 li:nth-child(3):hover {
        background-image:url(../images/c7_on.png);
    }



/*科技小巨人*/
section.T-proportion.kjxjr{height:427px;
}
section.currency.kjxjr > div > h1 {
    padding: 65px 0px 40px;
}
ul.T-condition-list.kjxjr {
    height: 145px;
}

section.whykjxjr {
    height: 418px;
    background-color: #FFF;
}
.whykjxjr ul{
    margin:0px auto 39px;height:110px;width:900px;
}
.whykjxjr ul li{
    float:left;width:450px;text-align:left; position:relative;
    border-right:1px solid #C9C9C9;height:110px; box-sizing:border-box;
    padding-left:160px;font-size:18px; color:#7E7E7E;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: start;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: start;
}
    .whykjxjr ul li div {
        width:82px; height:82px; left:40px; top:18px; position:absolute; background-color:#246FD5;background-repeat:no-repeat; background-position:center center; border-radius:50%;
    }
    .whykjxjr ul.b li::after {
        position:absolute;border-top:1px solid #C9C9C9;height:0px; width:430px; left:0px;bottom:-20px; content:" ";
    }
    .whykjxjr ul.b li:last-child::after {
        left:auto;right:0px;
    }
.whykjxjr ul li:last-child{
    border-right:0px;text-align:right; padding-left :0px; padding-right :160px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: end;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: end;
}

    .whykjxjr ul li:last-child div {
        left:auto; right:40px;
    }
.whykjxjr .img1 {
    background-image:url(../images/x1.png);
}
.whykjxjr .img2 {
    background-image:url(../images/x2.png);
}
.whykjxjr .img3 {
    background-image:url(../images/x3.png);
}
.whykjxjr .img4 {
    background-image:url(../images/x4.png);
}

/*贯标*/
section.gbv1 {
    height:466px;text-align:left;
}
section.gbv1 > div > h1 {
    padding-top:62px;
}
    section.gbv1 .con {
        padding-left:35px;padding-bottom:10px;
    }
    section.gbv1 .con h2{
        font-size:24px; color:#3F86D7; margin-bottom:5px; position:relative;
        line-height:52px;
    }
    section.gbv1 .con h2:after{
        position:absolute;border-top:2px solid #3F86D7;width:34px;
        bottom:0px; left:0px;height:0px; overflow:hidden; content:" ";
    }
    section.gbv1 .con p{
        font-size:16px;line-height:28px; color:#394B50;
    }
    section.gbv1 .con .p2{
        line-height:30px;color:#7D8587; 
    }

    section.gbv1 .con h3{
        margin-top:10px;
        font-size:16px; color:#7D8587;  position:relative;
        line-height:30px;
    }

.zscqtype li {
    width:200px; height:310px; border:2px solid transparent;  box-sizing:border-box;
    margin-right:110px;
}
.zscqtype li.on {
    border:2px solid #fff;
}
.zscqtype li:last-child {
    margin-right:0px;
}
.zscqtype li>div{
     height:196px; font-size:16px; color:#fff;
}
.zscqtype li>div>div{
     width:113px; height:113px; box-sizing:border-box;
     border:1px solid #fff;border-radius:50%;
     margin-bottom:20px;
}
.zscqtype li p {
    background:#fff; height:110px; font-size:14px;
    padding:10px; color:#535D6A;opacity:0;
}
.zscqtype li.on p {
    opacity:1;
}
.zscqtype .img1 {
    background:url(../images/gb2.png) no-repeat center center;
}
.zscqtype .img2 {
    background:url(../images/gb3.png) no-repeat center center;
}
.zscqtype .img3 {
    background:url(../images/gb4.png) no-repeat center center;
}

section.zscqywlx {
    height:482px;background:#2F445A url(../images/gb9.png);
}
    section.zscqywlx > div > h1 {
        color:#fff;
    }

section.gbfwlc {
    height:836px;
    background:url(../images/gb8.png) no-repeat center center;
}
.gbfwlc .inner {
    height: 580px; position:relative;
}
.gbfwlc .rtxt {
    position:absolute; left:728px; padding-left:30px;text-align:left;cursor:pointer;
}
.gbfwlc .rtxt:after {
    position:absolute; content:" "; width:18px; height:18px;
    background:url(../images/gb6.png);
    left:-136.5px; top:1px;
}
.gbfwlc .ltxt {
    position:absolute; right:728px; padding-right:30px;text-align:right;cursor:pointer;
}
.gbfwlc .ltxt:after {
    position:absolute; content:" "; width:18px; height:18px;
    background:url(../images/gb6.png);
    right:-136.5px; top:1px;
}
.gbfwlc .inner > div:after{
    transition: all 0.7s;
    -moz-transition: all 0.7s;	/* Firefox 4 */
    -webkit-transition: all 0.7s;	/* Safari 和 Chrome */
    -o-transition: all 0.7s;
}
.gbfwlc .inner > div:hover:after {
    transform:scale(1.3,1.3);
}

.gbfwlc .inner>div>h1 {
    font-size:19px; color:#3F86D7; line-height:1em;
}
.gbfwlc .inner>div>p {
    font-size:17px; color:#727272; line-height:30px; margin-top:5px;
}
.gbfwlc .txt1 {
    background:url(../images/gb5.png) no-repeat left top; top:2px;
}
.gbfwlc .txt2 {
    background:url(../images/gb51.png) no-repeat right top; top:76px;
}
.gbfwlc .txt3 {
    background:url(../images/gb52.png) no-repeat left top; top:148px;
}
.gbfwlc .txt4 {
    background:url(../images/gb53.png) no-repeat right top; top:220px;
}
.gbfwlc .txt5 {
    background:url(../images/gb54.png) no-repeat left top; top:294px;
}
.gbfwlc .txt6 {
    background:url(../images/gb55.png) no-repeat right top; top:365px;
}
.gbfwlc .txt7 {
    background:url(../images/gb56.png) no-repeat left top; top:438px;
}
.gbfwlc .txt8 {
    background:url(../images/gb57.png) no-repeat right top; top:503px;
}

.iso ul.expert-list {
    width: 1440px;
    margin-left: -120px;
}

/**/
.inteds.why {
    background-image:url('../images/why_2.png');
}

section.inteds.why > div > div:nth-of-type(1) {
    top:75px;width:auto; left:auto; right:719px;
}
section.inteds.why > div > div:nth-of-type(2) {
    top:75px;width:auto;left:718px; right:auto;
}
section.inteds.why > div > div:nth-of-type(5) {
    top:336px;width:auto;left:auto; right:920px;
}


/* 和协对比其它品牌开始 */
section.contrast {
	height:100%;
	background-color: #f8f8f8;
	overflow: hidden;
}
	div.contrast-title {
		width: 1105px;
		height: 65px;
		margin: 0 auto;
		line-height: 65px;
		color: #FFF;
		text-align: center;
		font-size: 0;
		background-image: url('../images/contrast-title-bak.png');
		background-repeat: no-repeat;
	}
		div.contrast-title > span:nth-child(2n+1){
			display: inline-block;
			width: 40%;
			font-size: 32px;
		}
		div.contrast-title > span:nth-child(2){
			display: inline-block;
			width: 20%;
			font-size: 45px;
			font-weight: bold;
			vertical-align: top;
		}

	div.contrast-con {
		height: 100%;
		width: 1105px;
		margin: 0 auto;
		border: 1px solid #5cbfff;
		border-top: none;
		padding: 30px 120px;
		text-align: center;
	}
		ul.contrast-list > li {
			height: 110px;
/*			border: 1px solid #5cbfff;*/
			margin-bottom: 15px;
			padding: 0px 30px;
			text-align: left;
			background-repeat: no-repeat;
			background-image: url('../images/contrast-list-bak.png');
		}
		ul.contrast-list > li:last-child{
			margin-bottom: 0px;
		}
			ul.contrast-list > li > div{
				width: 50%;
				float: left;
				position: relative;
			}
				ul.contrast-list > li > div > div {
					height: 27px;
					width: 88px;
					position: absolute;
					top: 40px;
					right: -44px;
					color: #fff;
					text-align: center;
					font-size: 17px;
					line-height: 25px;
					background-image: url('../images/contrast-vs.png');
				}
					ul.contrast-list > li > div > span {
						display: inline-block;
						width: 270px;
						padding-left: 13px;
						line-height: 25px;
					}
				ul.contrast-list > li > div:first-child {
					color: #595959;
				}
					ul.contrast-list > li > div:first-child > img {
						width: 50px;
						height: 50px;
						margin-top: 30px;
						vertical-align: bottom;
						display: inline-block;
					}
				ul.contrast-list > li > div:last-child {
					color: #6f7070;
				}
					ul.contrast-list > li > div:last-child > img {
						width: 50px;
						height: 50px;
						margin-top: 30px;
						margin-left: 70px;
						vertical-align: bottom;
						display: inline-block;
					}
					img.contrast-my-3 { margin-bottom: 20px; }
					span.contrast-to-3 { padding-bottom: 15px; }