@charset "utf-8";
/* CSS Document */

/* all */

.sectWrp { width:1019px;height:100%;margin:0 auto;position:relative; }
.sectWrp_sp { width:1019px;height:100%;margin:0 auto; }
.logo_Ct img { width:40px;height:auto; }
li { list-style-type:none; }
a { color: inherit; }
a:hover { color: inherit;}

/* tools */

.basic_padding { 
    padding: 4.3em 1.5em;
}
.inline {
	display: inline-block;
	vertical-align: top;
}.
.marg-stand {
    margin-bottom: 20px;
}
.text-hide {
	clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    border: 0;
    overflow:ttesf hidden;
} 
.marg-stand {
    margin-bottom: 20px;
}
.marg-lg {
    margin-bottom: 35px;
}
.ftw-nor {
	font-weight: normal;
}
.ft-bold {
	font-weight: bold;
}

/* slide start */

.slide{width:100%;background:url(../img/feature/protect/sup_proSlide_Bg.jpg) no-repeat center 0;background-size: cover;}

/* pro_intro */

.pro_intro {
	background: url(../img/feature/protect/sup_proIntro_Bg.jpg) no-repeat center 0;
	background-color: #60a3ab;
	color: white;
	height: 305px;
}
.pro_intro h2 {
	font-size: 1.9em;
	line-height: 1.2;
	margin-bottom: 0.5em;
} 
.pro_intro h2 small{
    color: white;
    font-size: 85%;
}
.pro_intro p {
    font-size: 1.15em;
    line-height: 1.7 ;
}

/* pro_advantage */
.pro_advantage {
	background-image: url(../img/feature/protect/sup_proAdvantage_Bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.pro_advantage h2 {
	font-size: 2.57em;
	text-align: center;
}
.pro_advantage h2 big {
	font-size: 150%;
}
.pro_advantage ol {
	position: relative;
}
.pro_advantage ol li {
	width: 238px;
	position: relative;
	vertical-align: top;
}
.pro_advantage ol .plus {
	margin: 0 2.5em;
	position: relative;
	top: 8.3em;
}
.pro_advantage ol li h3 {
	border: 1px solid #f58220;
	border-radius: 5px;
	font-size: 1.15em;
	width: 14.875em;
	height: 4.4375em;
    padding: 0.7em 0 0.7em 5em;
    line-height: 1.5;
    color: #f58220;
    font-weight: bold;
}
.pro_advantage ol li:nth-child(3) h3 {
    padding-top: 1.5em; 
}
.pro_advantage ol li span {
	font-size: 3.15em;
	color: #f58220;
	position: absolute;
	top: 0;
	left: 0.75em;
	top: 0.15em;
}
.pro_advantage ol li p {
	font-size: 1em;
	line-height: 1.8;
}

/* deco-line */

.deco-line {
	background: url(../img/feature/protect/deco-line_Bg.jpg) repeat-x center;
	height: 23px;
}

/* pro_feature */
.pro_feature .container{
	position: relative;
}
.pro_feature h2 {
	color: #d6030b;
	font-size: 2.64em;
	line-height: 2;
	font-weight: bold;
}
.pro_feature .feature_intro {
	font-size: 1.15em;
	line-height: 1.8;
	border-bottom: 1px dotted #aeaead;
	width: 40em;
	padding-bottom: 3em;
	margin-bottom: 4.5em;
}
.pro_feature .feature_protrait {
	position: absolute;
	top: -80px;
	right: 50px;
}

/* pro_feature-five */

.pro_feature .feature-five {
	margin-bottom: 5.5em;
}
.pro_feature .feature-five .left {
	width: 28em;
}
.pro_feature .feature-five .five-logo {
	position: relative;
	left: -1.5em;
}
.pro_feature .feature-five .five-icon {
    display: table;
    padding-left: 150px;
}
.pro_feature .feature-five .five-icon li {
    display: table-cell;
    padding: 8px;
}
.pro_feature .feature-five ol {
    margin-left: 4.5em;
    width: 36em;
    height: 26.64em;
}
.pro_feature .feature-five ol li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 2em;
    padding-left: 4.5em;
    position: relative;
}
.pro_feature .feature-five ol li:nth-child(1),.pro_feature .feature-five ol li:nth-child(3),.pro_feature .feature-five ol li:nth-child(5) {
    /*border-right: 1px solid #d6d6d6;*/
}
.pro_feature .feature-five ol li:nth-child(3),.pro_feature .feature-five ol li:nth-child(4),.pro_feature .feature-five ol li:nth-child(5) {
    padding-top: 1.3em;
}
.pro_feature .feature-five ol li:nth-child(2),.pro_feature .feature-five ol li:nth-child(4) {
    /*padding-left: 6em;*/
    padding-top: 1.3em;
}
.pro_feature .feature-five ol li:nth-child(5) {
    border-bottom: none;
}
.pro_feature .feature-five ol li h4 {
	position: relative;
	font-size: 1.6em;
    width: 4em;
    line-height: 1.8;
    font-weight: bold;
}
.pro_feature .feature-five ol li h4 span {
	font-size: 0.65em;
	line-height: 2;
	position: absolute;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	background-color: #98012e;
	text-align: center;
	color: white; 
	left: -3.5em;
	top: 0.3em;
}
.pro_feature .feature-five ol li p {
	font-size: 1.15em;
	line-height: 1.5;
}

/* pro_feature-tech */

.pro_feature .feature-tech {
	position: relative;
}
.pro_feature .feature-tech .left {
    font-size: 1.15em;
	width: 26.5em;
	line-height: 1.8;
	font-weight: bold;
}
.pro_feature .feature-tech .right {
    vertical-align: top;
    position: absolute;
    right: -40px;
}

/* pro_test */

.pro_test {
	background-color: #f7f7f7;
	position: relative;
}

/* pro_test-method */

.pro_test .test-method {
	background-color: #f7941e;
	border-top: 5px solid #f77a1e;
	color: white;
	padding: 0 1.5em;
	height: 13em;
}
.pro_test .test-method ul {
	display: table;
}
.pro_test .test-method ul li {
	display: table-cell;
	text-align: center;
	padding: 2em 3.43em; 
	vertical-align: middle;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.pro_test .test-method ul li:nth-child(1) img {
	position: relative;
	top: 0.5em;
	left: -2em;
}
.pro_test .test-method ul li:nth-child(1),.pro_test .test-method ul li:nth-child(4) {
	border-right: none;
}
.pro_test .test-method ul li img {
	margin-bottom: 1em;
}
.pro_test .test-method ul li a {
	transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}
.pro_test .test-method ul li a:hover {
    opacity: 0.6;
}

/* pro_test-conclude */

.pro_test .test-conclude {
	text-align: center;
}
.pro_test .test-conclude h3 {
	font-size: 1.43em;
	line-height: 0.8;
	vertical-align: top;
	position: relative;
	display: inline-block;
	margin: 0 auto 40px;
	font-weight: bold;
}
.pro_test .test-conclude h3 img {
	margin-right: 1em;
}
.pro_test .test-conclude h3 span {
	font-size: 0.8em;
	line-height: 1;
	position: absolute;
	bottom: -2px;
	left: 3.8em;
}
.pro_test .test-conclude h3:nth-child(5) span {
	bottom: -8px;
	left: 5.9em;
}
.pro_test .test-conclude .conclude-table {
	display: table;
	margin-bottom: 4em;
}
.pro_test .test-conclude .conclude-table img, .pro_test .test-conclude .conclude-table .text {
	display: table-cell;
	float: left;  
	margin-bottom: 30px;
}
.pro_test .test-conclude .conclude-table img:nth-child(2) {
	margin: 0 2.85em;
}
.pro_test .test-conclude .conclude-table .text {
	color: #f7941e;
	font-size: 1.4em;
	margin: 5em 1.23em;
}
.pro_test .test-conclude .fltlft {
	float: left;
	margin-left: 10px;
	font-size: 1.43em;
}
.pro_test .test-conclude .fltlft span {
	color: #f77a1e;
	font-weight: bold;
}
.pro_test .test-conclude .fltrt {
	float: right;
	margin-right: 10px;
	font-size: 1.43em;
}

/* pro_test-feature */

.pro_test .test-feature {
	background-color: white;
	background: url(../img/feature/protect/sup_proConclude_Bg.jpg) no-repeat center;
	background-size: cover;
}
.pro_test .test-feature h3 {
	font-size: 2.64em;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}
.pro_test .test-feature p {
    font-size: 1.428em;
    text-align: center;
    margin-bottom: 3em;
}
.pro_test .test-feature .inline img {
	margin: 0 0 2em;
}
.pro_test .test-feature .inline.right {
	margin-left: 2.64em;
}
.pro_test .test-feature .inline p {
	text-align: left;
	font-size: 1.285em;
}
.pro_test .test-feature h4 {
	font-size: 1.428em;
	font-weight: bold;
	line-height: 1.7;
}
.pro_test .test-feature .inline.right h4 {
	color: #d02c32;
}

/* pro_items */

.pro_items {
    text-align: center;
    padding: 4.3em 0;
}
.pro_items .items_title {
	margin-bottom: 4em;
}
.pro_items .inline {
    width: 27.5714em;
    margin: 0 4em;
} 
.pro_items .inline .items_subTitle {
    border-bottom: 3px solid #d02c32;
    
}
.pro_items .inline ul {
	list-style-image: url(../img/feature/protect/list-style-type.jpg);
	list-style-position: inside;
	padding: 2em 0;
	background-color: #fcfcfc;
}
.pro_items .inline ul li {
	float: left;
	line-height: 2;
	width: 33.3%;
	text-align: left;
	text-indent: 2em;
}
.pro_items .inline a {
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	background-color: #fcfcfc;
}
.pro_items .inline a:first-of-type {
	padding-bottom: 2px;
	border-bottom: 1px solid #ebebeb;
}
.pro_items .inline a:last-of-type {
	padding-top: 2px;
	border-bottom: 1px solid #ebebeb;
}
.pro_items .inline a:hover {
	opacity: 0.6;
}