@import url(font.css);
@import url(default.css);
@import url(layout.css);
@import url(slick.css);

.mgt {margin-top:15px;}
.fs {font-size:14px;}

ol {margin-top:20px;}
ol:after{content:""; display:block; clear:both;}
ol li {margin-bottom:10px;}
ol li em {display:inline-block; margin-right:5px; width:15px; height:15px; line-height:15px; vertical-align:middle; text-align:center; font-family:Arial; font-size:11px; border-radius:50px; color:#fff; background:#2e5b7a;}

ol.type2 {margin-top:10px;}
ol.type2 li {font-size:17px; margin-bottom:5px;}

ol.type3 {margin-top:10px;}
ol.type3 li {float:left; font-size:17px; width:24%; margin:0 1% 5% 0;}
ol.type3 li em {margin-top:-3px;}
ol.type3 li p {margin-top:10px; border:1px solid #ccc;}

.prdImg {margin:50px 0;}
.prdImg:after{content:""; display:block; clear:both;}
.prdImg span {display:block; float:left; width:50%;}
.prdImg.prdImgB span {width:24%; margin-right:1%;}
.prdImg.prdImgC span.thum1 {width:46%; margin-right:1%; border:1px solid #ccc;}
.prdImg.prdImgC span.thum2 {width:38%; border:1px solid #ccc;}
.prdImg.prdImgD span {width:32%; margin-right:1%; border:1px solid #ccc;}
.prdImg p {margin-bottom:20px; border:1px solid #ccc; text-align:center;}

.cont2 {margin-top:30px;}
.cont2 ol {margin-top:10px;}
.cont2 .prdImg {margin:20px 0 50px;}

/* company */
.introduce .subtxt2 {font-size:20px; margin:50px 0 0;}
.introduce .ar {font-size:24px; margin-top:20px;}
#map {margin-top:50px;}

/* main */
#mainCont .visual {position:relative; padding:0 50px; margin:0 auto; text-align:center; z-index:2;}
#mainCont .slideArea {}
#mainCont .slideArea .mainText {position:absolute; top:37%; left:0; width:100%; z-index:15;}
#mainCont .slideArea .mainText .subtxt {color:#fff; font-size:35px; margin-bottom:20px;}
#mainCont .slideArea .mainText h3 {color:#fff; font-size:60px; line-height:60px; letter-spacing:-1px;}
#mainCont .slideArea .bg {position:relative; width:100%; height:690px; background:center center no-repeat; background-size:cover;}
#mainCont .slideArea .slick-next {position:absolute; top:50%; right:5%; width:44px; height:44px; border:0; cursor:pointer; text-indent:-99px; overflow:hidden; background:url(/images/btn_next.png) 0 0 no-repeat; z-index:10;}
#mainCont .slideArea .slick-prev {position:absolute; top:50%; left:5%; width:44px; height:44px; border:0; cursor:pointer; text-indent:-99px; overflow:hidden; background:url(/images/btn_prev.png) 0 0 no-repeat; z-index:10;}
#mainCont .visual .slick-dots {position:absolute; bottom:5%; left:0; width:100%; z-index:9; text-align:center;}
#mainCont .visual .slick-dots li {display:inline-block; margin:0 5px;}
#mainCont .visual .slick-dots li button {display:inline-block; width:50px; height:3px; border:0; overflow:hidden; cursor:pointer; text-indent:-999em; border-radius:0; background:#fff; opacity:.5}
#mainCont .visual .slick-dots li.slick-active button {opacity:1;}

.mainPrd {max-width:1180px; margin:45px auto;}
.mainPrd:after{content:""; display:block; clear:both;}
.mainPrd a {display:block; position:relative; float:left; margin-right:13px; overflow:hidden;}
.mainPrd a:last-child {margin-right:0;}
.mainPrd a em {display:block; position:absolute; top:45%; left:0; width:100%; font-size:20px; color:#fff; text-align:center; z-index:2;}
.mainPrd a img {-webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out;}
.mainPrd a:hover img {-webkit-transform:scale(1.1); transform:scale(1.1); }

.mainNotice {padding:30px 0; background:#e0d9d1;}
.mainNotice .mainNtc {max-width:1180px; margin:0 auto;}
.mainNotice .mainNtc:after{content:""; display:block; clear:both;}
.mainNotice .mainData {float:left; width:49%; margin-right:2%; background:#fff;}
.mainNotice .mainData .cont {padding:34px 0; text-align:center;}
.mainNotice .mainData .cont a {display:inline-block; margin:0 1%; width:27%; vertical-align:top;}
.mainNotice .mainData .cont a span {display:block; padding-top:80px; font-size:16px; line-height:20px; background:center 0 no-repeat;}
.mainNotice .mainData .cont a.ico1 span {background-image:url(/images/ico_data01.png);}
.mainNotice .mainData .cont a.ico2 span {background-image:url(/images/ico_data02.png);}
.mainNotice .mainData .cont a.ico3 span {background-image:url(/images/ico_data03.png);}
.mainNotice .mainCase {float:left; width:49%; background:#fff;}
.mainNotice .mainCase li {padding:15px; border-bottom:1px solid #f7f5f3;}
.mainNotice .mainCase li a {display:block;}
.mainNotice .mainCase li a:after{content:""; display:block; clear:both;}
.mainNotice .mainCase li span {display:block; float:left; width:80%; font-size:17px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mainNotice .mainCase li em {display:block; float:right; width:20%; text-align:right; font-size:15px; color:#999;}
.mainNotice .tit {position:relative; padding:25px 20px; text-align:center; border-bottom:1px solid #f7f5f3;}
.mainNotice .tit b {display:inline-block; font-size:26px; color:#2e5b7a;}
.mainNotice .tit .btn {display:block; position:absolute; top:28px; right:20px;}

.mainIcon {max-width:1100px; margin:50px auto; text-align:center;}
.mainIcon a {display:inline-block; width:24%;}
.mainIcon a b {display:block; padding-top:80px; font-size:16px; color:#4c5359; padding-top:80px; background:center 0 no-repeat;}
.mainIcon a.ico1 b {background-image:url(/images/ico_tan01.png);} 
.mainIcon a.ico2 b {background-image:url(/images/ico_tan02.png);} 
.mainIcon a.ico3 b {background-image:url(/images/ico_tan03.png);} 
.mainIcon a.ico4 b {background-image:url(/images/ico_tan04.png);} 

.method_li ul li {float:left; box-sizing:border-box; width:25%; padding:10px; }
.method_li ul li img {border:1px solid #e6e6e6;}
.method_li ul {margin-top:30px;}
.method_li ul:after {content:""; clear:both; display:block;}
.outline {text-align:center; margin-top:30px;}

.patentWrap ul {margin-top:30px;}
.patentWrap ul li {float:left; border:1px solid #e6e6e6; margin-right:30px; box-shadow:11px 7px 14px 0px #dbdbdb;}
.patentWrap ul:after {content:""; clear:both; display:block;}

.examWrap {text-align:center; margin-top:50px;}
ol.construction li {font-size:15px;}

.wayWrap ul:after {content:""; display:block; clear:both;}
.wayWrap ul {margin-top:20px;}
.wayWrap ul li {float:left; box-sizing:border-box; width:50%;}
.wayWrap ul li p {text-align:center; font-size:18px; margin-top:15px;}

@media (max-width: 1200px) {
#mainCont .visual {padding:0;}
#mainCont .slideArea .bg {height:400px;}
#mainCont .visual .mainText .subtxt {font-size:22px; margin-bottom:10px;}
#mainCont .visual .mainText h3 {font-size:45px;}

.mainPrd a em {font-size:16px;}

.mainNotice .mainData .cont {padding:24px 0;}
.mainNotice .mainCase li {padding:13px;}
.mainNotice .mainCase li span {font-size:15px;}
.mainNotice .mainCase li em {font-size:13px;}
.mainNotice .mainData .cont a span {font-size:15px;}
.mainNotice .tit b {font-size:20px;}

.mainPrd a {width:24%; margin-right:1%;}
}

@media (max-width: 1000px) {
.introduce .subtxt2 {font-size:17px;}
.introduce .ar {font-size:22px;}

.prdImg span {display:block; float:none; width:100%; text-align:center;}
.prdImg span.mg {position:relative; margin-top:-30%; z-index:-1;}

.prdImg.prdImgB span {float:left;}
.prdImg.prdImgC span.thum1 {float:left; width:53%;}
.prdImg.prdImgC span.thum2 {float:left; width:45%;}
.prdImg.prdImgD span {float:left; width:48%; margin:0 1% 1% 0;}

ol.type3 li {font-size:15px; width:32%; margin:0 1% 4% 0;}

#mainCont .slideArea .slick-prev {left:2%;}
#mainCont .slideArea .slick-next {right:2%;}	
.mainNotice .mainData .cont	{padding:20px 0;}
.mainNotice .mainData .cont a span {line-height:17px; padding-top:73px; background-size:68px;}

.mainIcon a b {font-size:14px; padding-top:73px; background-size:68px;}

.method_li ul li {width:50%;}
.method_li ul li img {width:100%;}
}

@media (max-width: 600px) {

.prdImg.prdImgB span {width:48%; margin:1%;}	
.prdImg.prdImgC span.thum1 {width:100%; margin:0 0 2%;}
.prdImg.prdImgC span.thum2 {width:100%; margin:0;}
.prdImg.prdImgD span {width:100%; margin:0 0 2%;}
.prdW img, .prdImg.prdImgC span img, .prdImg.prdImgD span img {width:100%;}

ol.type2 li {font-size:15px;}
ol.type3 li {width:48%; margin:0 1% 3% 0;}

#mainCont .visual .mainText .subtxt {font-size:20px; margin-bottom:5px;}
#mainCont .visual .mainText h3 {font-size:40px;}

.mainPrd {margin:30px auto;}
.mainPrd a {width:48%; margin:1%;}
.mainPrd a img {width:100%;}

.mainNotice {padding:30px 10px;}
.mainNotice .mainData {float:none; width:100%; margin-bottom:10px;}
.mainNotice .mainCase {float:none; width:100%;}
.mainNotice .tit {padding:15px;}
.mainNotice .tit .btn {top:20px;}

.wayWrap ul li {padding:0 3px;}
.wayWrap ul li p {font-size:15px; margin-top:10px;}
}	


@media (max-width: 414px) {
.fs {font-size:13px;}

.introduce .subtxt2 {font-size:15px; margin:30px 0 0;}
.introduce .ar {font-size:18px;}

#mainCont .slideArea .slick-prev, #mainCont .slideArea .slick-next {display:none;}	
.mainNotice .mainData .cont a span {padding-top:63px; background-size:58px;}
.mainPrd {margin:10px auto;}
.mainIcon {margin:30px auto; padding:0 10px;}
.mainIcon a b {font-size:13px; padding-top:62px; background-size:60px;}

.patentWrap ul li {width:60%; float:none; margin:35px auto;}

ol.construction li {width:100%; margin:5px 0;}
ol.construction li img {width:100%;}
}


@media (max-width: 320px) {

}