div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%;}
div.intro div.contR {float:right; width:65%;}
div.intro p.txtP { padding-bottom:20px; }
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}

div.intro .cont1 ul {border:1px solid #dfdfdf;}
div.intro .cont1 ul li{width:33.333333%; float:left; text-align:center; box-sizing:border-box; border-right:1px solid #dfdfdf;
padding:60px 35px;}
div.intro .cont1 ul li:last-child {border-right:0;}
div.intro .cont1 ul li span {display:block;}
div.intro .cont1 ul li span.tit {font-size:24px; font-weight:600; }
div.intro .cont1 ul li span.img {margin:25px 0 20px 0;}
div.intro .cont1 ul li span.txt1 strong{ font-size:20px; border-top: 2px solid #00ada9; border-bottom:2px solid #00ada9; padding:0 5px; }
div.intro .cont1 ul li span.txt2 {font-size:16px; padding-top:20px; }

div.intro .floatL {width:35%; }
div.intro .floatR {width:65%; }
div.intro .floatR span {display:inline-block; padding:10px 0;}
div.intro .floatR .tit3,div.intro .floatR .txt3 {font-size:16px;  border-bottom:1px solid #dfdfdf; }
div.intro .floatR .tit3 {width:20%; margin-right:3%; padding-left:10px; color:#000; }
div.intro .floatR .txt3 {color:#676767; width:77%;}
div.intro .box {padding:55px 0;}

div.intro .cont3 ul li{width:25%; float:left; text-align:center; box-sizing:border-box; padding:30px 0}
div.intro .cont3 ul li span {display:block;}
div.intro .cont3 ul li img {vertical-align:top; box-shadow:0 0 15px #e7e7e7;}
div.intro .cont3 ul li span.tit {font-size:14px; line-height:20px; padding-top:15px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}	
div.intro .cont1 ul li{width:100%; float:none; border-right:0; border-bottom:1px solid #dfdfdf; padding:30px 15px;}
div.intro .cont1 ul li:last-child {border-bottom:0;}
div.intro .cont1 ul li img {max-width:200px !important;}
div.intro .cont1 ul li span.tit {font-size:22px;  }
div.intro .cont1 ul li span.txt1 strong{ font-size:18px;  }
div.intro .cont1 ul li span.txt2 {font-size:14px; line-height:22px;  }

div.intro .floatL {width:100%; }
div.intro .floatR {width:100%; padding-top:10px; }
div.intro .floatR span {padding:5px 0;}
div.intro .floatR .tit3,div.intro .floatR .txt3 {font-size:14px;  }
div.intro .floatR .tit3 { padding-left:0px; }
div.intro .box {padding:35px 0;}

div.intro .cont3 ul li{width:50%; float:left; text-align:center; box-sizing:border-box; padding:30px 5px 0 5px }
div.intro .cont3 ul li img { box-shadow:none;}
div.intro .cont3 ul li span.tit {font-size:14px;  padding-top:10px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

