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

/* CSS Document © 2021 Digimax.co.uk */


.header-wrapp-n, .banner-wrapp-n, .canver-wrapp-n, .detier-wrapp-n, .enquer-wrapp-n, .facier-wrapp-n, .gester-wrapp-n, .honoer-wrapp-n, .impoer-wrapp-n, .judger-wrapp-n, .knower-wrapp-n, .laboer-wrapp-n, .marker-wrapp-n, .nucler-wrapp-n, .offers-wrapp-n, .footer-wrapp-n-n { width:100%; float:left;}
.margin { width:100%; max-width:1250px; margin:auto;}

/*header-wrapp*/
.header-wrapp-n { background:none; padding:12px 0 12px; position:absolute; top:0; right:0; left:0; z-index:99;}
.header-wrapp-n p { float:left; font-size:15px; color:#ffffff; letter-spacing:0; line-height:28px; margin:0 0 0;}
.header-wrapp-n p a { color:#ffffff;}
.header-wrapp-n p span { display:inline; margin:0 0 0 8px;}
.header-wrapp-n p strong { font-weight:700;}
.header-wrapp-n .header-col1 { width:258px; float:left; margin:0 0 0;}
.header-wrapp-n .header-col1 img { width:100%; display:block;}
.header-wrapp-n .header-col1 .header-row1 { width:100%; float:left;}
.header-wrapp-n .header-col2 { width:auto; float:right; margin:28px 0 0;}
.header-wrapp-n .header-col2 img { width:100%; display:block;}
.header-wrapp-n .header-col2 .header-row2 { width:100%; float:left;}
.header-wrapp-n .header-col2 .header-row2 a { width:auto; float:left; margin:0 0 0 16px;}
.header-wrapp-n .header-col2 .header-row2 a img { transition:transform 0.8s ease-in-out 0s;}
.header-wrapp-n .header-col2 .header-row2 a:hover img { transform:rotate(360deg);}

/*banner-wrapp*/
.banner-wrapp-n { width:72%; float:none; text-align:center; background:url(../../img/banner-bg1.jpg) no-repeat center / cover; margin:0 auto 0; padding:118px 0 58px; padding-top: 10px; padding-bottom: 10px; position:absolute; right:0; bottom:0; left:0;}
.banner-wrapp-n p { float:none; font-size:18px; color:#252525; letter-spacing:-0.20px; line-height:30px; margin:0 0 26px;}
.banner-wrapp-n p a { color:#252525;}
.banner-wrapp-n p span { display:block;}
.banner-wrapp-n p strong { font-weight:700;}
.banner-wrapp-n h2 { font-size:48px; font-weight:400; color:#00acf0; letter-spacing:-0.20px; line-height:61px; margin:0 0 26px;}
.banner-wrapp-n h2 a { color:#696969;}
.banner-wrapp-n h2 span { display:block;}
.banner-wrapp-n h3 { font-size:21px; font-weight:400; color:#252525; letter-spacing:-0.20px; line-height:34px; margin:0 0 4px;}
.banner-wrapp-n h3 a { color:#252525;}
.banner-wrapp-n h3 span { display:block;}
.banner-wrapp-n h4 { font-size:24px; font-weight:400; color:#00aeef; letter-spacing:-0.20px; line-height:37px; margin:0 0 0;}
.banner-wrapp-n h4 a { color:#00aeef;}
.banner-wrapp-n h4 span { display:block;}
.banner-wrapp-n h5 { font-size:21px; font-weight:400; color:#00aeef; letter-spacing:-0.20px; line-height:34px; margin:0 0 0;}
.banner-wrapp-n h5 a { color:#00aeef;}
.banner-wrapp-n h5 span { display:block;}
.banner-wrapp-n .banner-col1 { width:80.8%; float:none; overflow:auto; margin:0 auto 0;}
.banner-wrapp-n .banner-col1 img { width:100%; display:block;}
.banner-wrapp-n .banner-col1 .banner-row1 { width:53px; float:none; margin:0 auto 10px; position:relative;}
.banner-wrapp-n .banner-col2 { width:32%; float:left; margin:0 2% 0 0;}
.banner-wrapp-n .banner-col2 img { width:100%; display:block;}
.banner-wrapp-n .banner-col2:last-child { margin-right:0;}
.banner-wrapp-n .banner-col2 .banner-row2 { width:100%; float:left;}
.banner-wrapp-n .banner-btn1 { float:none; color:#ffffff; margin:10px 0 0; padding:8px 31px 9px 31px;}
.banner-wrapp-n h2, .banner-wrapp-n h2 span, .banner-wrapp-n h3, .banner-wrapp-n h3 span { font-family: 'Poppins', sans-serif; font-weight: 800;}
.banner-wrapp-n h4, .banner-wrapp-n h4 span, .banner-wrapp-n h5, .banner-wrapp-n h5 span { font-family: 'Poppins', sans-serif; font-weight: 700;}

/*canver-wrapp*/
.canver-wrapp-n { width:82%; float:none; background:#00aeef url(../../img/canver-bg1.jpg) no-repeat center / cover; margin:0 auto 0; padding:432px 0 110px; text-align:center;}
.canver-wrapp-n p { float:left; font-size:20px; color:#58595b; letter-spacing:0.4px; line-height:32px; margin:11px 20px 0 0;}
.canver-wrapp-n p a { color:#58595b;}
.canver-wrapp-n p span { display:block;}
.canver-wrapp-n p strong { font-weight:700;}
.canver-wrapp-n h2 { font-size:36px; font-weight:400; color:#ffffff; line-height:46px; margin:0 0 30px;}
.canver-wrapp-n h2 a { color:#ffffff;}
.canver-wrapp-n h2 span { display:block;}
.canver-wrapp-n .canver-col1 { width:718px; float:none; margin:0 auto 0; position:relative;}
.canver-wrapp-n .canver-col1 img { width:100%; display:block;}
.canver-wrapp-n .canver-col1 .canver-row1 { width:100%; float:none;}
.canver-wrapp-n .canver-col1 .canver-row2 { width:100%; float:left; position:relative; transform:none !important; top:inherit !important;}
.canver-wrapp-n h2, .canver-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*detier-wrapp*/
.detier-wrapp-n { background:#02afef url(../../img/detier-bg1.jpg) no-repeat center / cover; margin:-200px 0 0; padding:286px 0 172px;}
.detier-wrapp-n p { float:none; font-size:16px; color:#ffffff; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.detier-wrapp-n p a { color:#ffffff;}
.detier-wrapp-n p span { display:block;}
.detier-wrapp-n p strong { font-weight:700;}
.detier-wrapp-n h2 { font-size:48px; font-weight:400; color:#ffffff; letter-spacing:-0.20px; line-height:58px; margin:0 0 30px;}
.detier-wrapp-n h2 a { color:#ffffff;}
.detier-wrapp-n h2 span { display:block;}
.detier-wrapp-n .detier-col1 { width:42.8%; float:left; margin:0 0 0;}
.detier-wrapp-n .detier-col1 img { width:100%; display:block;}
.detier-wrapp-n .detier-col1 .detier-row1 { width:100%; float:left;}
.detier-wrapp-n h2, .detier-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*enquer-wrapp*/
.enquer-wrapp-n { background:#ffffff; padding:4px 0 4px;}
.enquer-wrapp-n p { float:none; font-size:16px; color:#fffcfc; letter-spacing:0; line-height:29px; margin:0 0 26px;}
.enquer-wrapp-n p a { color:#fffcfc;}
.enquer-wrapp-n p span { display:block;}
.enquer-wrapp-n p strong { font-weight:700;}
.enquer-wrapp-n .enquer-col1 { width:100%; float:left; margin:0 0 0;}
.enquer-wrapp-n .enquer-col1 img { width:100%; display:block;}
.enquer-wrapp-n .enquer-col1 .enquer-row1 { width:100%; float:left;}

/*facier-wrapp*/
.facier-wrapp-n { background:#ffffff; padding:170px 0 0; position:relative;}
.facier-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.facier-wrapp-n p a { color:#252525;}
.facier-wrapp-n p span { display:block;}
.facier-wrapp-n p strong { font-weight:700;}
.facier-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.facier-wrapp-n h2 a { color:#02afef;}
.facier-wrapp-n h2 span { display:block;}
.facier-wrapp-n .facier-col1 { width:1250px; float:right; transform:translateY(-50%); margin:0 auto 0; position:absolute; top:50%; right:0; left:0; z-index:99;}
.facier-wrapp-n .facier-col1 img { width:100%; display:block;}
.facier-wrapp-n .facier-col1 .facier-row1 { width:43.2%; float:right;}
.facier-wrapp-n h2, .facier-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*gester-wrapp*/
.gester-wrapp-n { background:#ffffff; padding:0 0 88px; position:relative;}
.gester-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.gester-wrapp-n p a { color:#252525;}
.gester-wrapp-n p span { display:block;}
.gester-wrapp-n p strong { font-weight:700;}
.gester-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.gester-wrapp-n h2 a { color:#02afef;}
.gester-wrapp-n h2 span { display:block;}
.gester-wrapp-n .gester-col1 { width:1250px; float:left; transform:translateY(-50%); margin:0 auto 0; position:absolute; top:46%; right:0; left:0; z-index:99;}
.gester-wrapp-n .gester-col1 img { width:100%; display:block;}
.gester-wrapp-n .gester-col1 .gester-row1 { width:46.4%; float:left;}
.gester-wrapp-n h2, .gester-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*honoer-wrapp*/
.honoer-wrapp-n { text-align:center; background:none; padding:0 0 128px;}
.honoer-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.honoer-wrapp-n p a { color:#252525;}
.honoer-wrapp-n p span { display:block;}
.honoer-wrapp-n p strong { font-weight:700;}
.honoer-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.honoer-wrapp-n h2 a { color:#02afef;}
.honoer-wrapp-n h2 span { display:block;}
.honoer-wrapp-n .honoer-col1 { width:47.6%; float:none; overflow:auto; margin:0 auto 38px;}
.honoer-wrapp-n .honoer-col1 img { width:100%; display:block;}
.honoer-wrapp-n .honoer-col1 .honoer-row1 { width:100%; float:none;}
.honoer-wrapp-n .honoer-col2 { width:100%; float:left; margin:0 0 0;}
.honoer-wrapp-n .honoer-col2 img { width:100%; display:block;}
.honoer-wrapp-n .honoer-col2 .honoer-row2 { width:100%; float:left;}
.honoer-wrapp-n h2, .honoer-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*impoer-wrapp*/
.impoer-wrapp-n { background:url(../../img/impoer-bg1.jpg) no-repeat center / cover; padding:134px 0 152px; position:relative;}
.impoer-wrapp-n p { float:none; font-size:16px; color:#ffffff; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.impoer-wrapp-n p a { color:#ffffff;}
.impoer-wrapp-n p span { display:block;}
.impoer-wrapp-n p strong { font-weight:700;}
.impoer-wrapp-n h2 { font-size:48px; font-weight:400; color:#ffffff; letter-spacing:-0.20px; line-height:58px; margin:0 0 20px;}
.impoer-wrapp-n h2 a { color:#ffffff;}
.impoer-wrapp-n h2 span { display:block;}
.impoer-wrapp-n .impoer-col1 { width:36.9%; float:left; margin:0 0 0;}
.impoer-wrapp-n .impoer-col1 img { width:100%; display:block;}
.impoer-wrapp-n .impoer-col1 .impoer-row1 { width:100%; float:left;}
.impoer-wrapp-n .impoer-col2 { width:1250px; float:right; transform:translateY(-50%); margin:0 auto 0; position:absolute; top:51%; right:0; left:0; z-index:99;}
.impoer-wrapp-n .impoer-col2 img { width:100%; display:block;}
.impoer-wrapp-n .impoer-col2 .impoer-row2 { width:42.7%; float:right; border-radius:6px; overflow:hidden;}
.impoer-wrapp-n h2, .impoer-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*judger-wrapp*/
.judger-wrapp-n { background:#ffffff; padding:184px 0 0; position:relative;}
.judger-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.judger-wrapp-n p a { color:#252525;}
.judger-wrapp-n p span { display:block;}
.judger-wrapp-n p strong { font-weight:700;}
.judger-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.judger-wrapp-n h2 a { color:#02afef;}
.judger-wrapp-n h2 span { display:block;}
.judger-wrapp-n .judger-col1 { width:1250px; float:right; transform:translateY(-50%); margin:0 auto 0; position:absolute; top:50%; right:0; left:0; z-index:99;}
.judger-wrapp-n .judger-col1 img { width:100%; display:block;}
.judger-wrapp-n .judger-col1 .judger-row1 { width:48.46%; float:right;}
.judger-wrapp-n h2, .judger-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*knower-wrapp*/
.knower-wrapp-n { background:none; padding:0 0 10px; position:relative;}
.knower-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.knower-wrapp-n p a { color:#252525;}
.knower-wrapp-n p span { display:block;}
.knower-wrapp-n p strong { font-weight:700;}
.knower-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.knower-wrapp-n h2 a { color:#02afef;}
.knower-wrapp-n h2 span { display:block;}
.knower-wrapp-n .knower-col1 { width:1250px; float:left; transform:translateY(-50%); margin:0 auto 0; position:absolute; top:50%; right:0; left:0; z-index:99;}
.knower-wrapp-n .knower-col1 img { width:100%; display:block;}
.knower-wrapp-n .knower-col1 .knower-row1 { width:46.4%; float:left;}
.knower-wrapp-n h2, .knower-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*laboer-wrapp*/
.laboer-wrapp-n { text-align:center; background:none; padding:10px 0 74px; position:relative;}
.laboer-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.laboer-wrapp-n p a { color:#252525;}
.laboer-wrapp-n p span { display:block;}
.laboer-wrapp-n p strong { font-weight:700;}
.laboer-wrapp-n h2 { font-size:48px; font-weight:400; color:#02afef; letter-spacing:-0.20px; line-height:58px; margin:0 0 36px;}
.laboer-wrapp-n h2 a { color:#02afef;}
.laboer-wrapp-n h2 span { display:block;}
.laboer-wrapp-n .laboer-col1 { width:100%; float:right; text-align:left; margin:0 0 78px; position:relative; z-index:99;}
.laboer-wrapp-n .laboer-col1 img { width:100%; display:block;}
.laboer-wrapp-n .laboer-col1 .laboer-row1 { width:42.82%; float:right; transform:translateY(-50%); position:absolute; top:46%; right:0;}
.laboer-wrapp-n .laboer-col2 { width:50.6%; float:left; margin:0 0 0;}
.laboer-wrapp-n .laboer-col2 img { width:100%; display:block;}
.laboer-wrapp-n .laboer-col2 .laboer-row2 { width:100%; float:left; border-radius:6px; overflow:hidden;}
.laboer-wrapp-n .laboer-btn1 { float:none; color:#ffffff; margin:0 0 0; padding:8px 31px 9px 31px;}
.laboer-wrapp-n h2, .laboer-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*marker-wrapp*/
.marker-wrapp-n { background: /*url(../../img/marker-bg1.jpg)*/ no-repeat center / cover; padding:90px 0 22px;}
.marker-wrapp-n p { float:none; font-size:21px; color:#363636; letter-spacing:0; line-height:26px; margin:0 0 30px;}
.marker-wrapp-n p a { color:#363636;}
.marker-wrapp-n p span { display:block;}
.marker-wrapp-n p strong { font-weight:700;}
.marker-wrapp-n h2 { font-size:21px; font-weight:400; color:#00aeef; letter-spacing:0; line-height:37px; margin:0 0 0;}
.marker-wrapp-n h2 a { color:#00aeef;}
.marker-wrapp-n h2 span { display:block;}
.marker-wrapp-n .marker-col1 { width:11.2%; float:right; margin:0 0 0;}
.marker-wrapp-n .marker-col1 img { width:100%; display:block;}
.marker-wrapp-n .marker-col1 .marker-row1 { width:100%; float:right;}
.marker-wrapp-n .marker-col2 { width:24%; float:left; margin:0 0 0;}
.marker-wrapp-n .marker-col2 img { width:100%; display:block;}
.marker-wrapp-n .marker-col2 .marker-row2 { width:100%; float:left;}
.marker-wrapp-n h2, .marker-wrapp-n h2 span { font-family: 'Poppins', sans-serif; font-weight: 800;}

/*footer-wrapp*/
.footer-wrapp-n { text-align:center; background:#ffffff; padding:22px 0 174px;}
.footer-wrapp-n p { float:none; font-size:16px; color:#252525; letter-spacing:0; line-height:24px; margin:0 0 26px;}
.footer-wrapp-n p a { color:#252525;}
.footer-wrapp-n p span { display:block;}
.footer-wrapp-n p strong { font-weight:700;}
.footer-wrapp-n .footer-col1 { width:100%; float:left; margin:0 0 2px;}
.footer-wrapp-n .footer-col1 img { width:100%; display:block;}
.footer-wrapp-n .footer-col1 .footer-row1 { width:100%; float:left;}
.footer-wrapp-n .footer-col1 .footer-row1 li { float:none; display:inline-block; margin:0 0 0;}
.footer-wrapp-n .footer-col1 .footer-row1 li span { color:#000000; font-family: 'Poppins', sans-serif; font-weight: 700;}
.footer-wrapp-n .footer-col1 .footer-row1 li a:hover { color:#ce5327;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:18px; color:#363636; letter-spacing:0; line-height:31px;}

/*shape-css*/
.facier-shape1 { width:486px; float:left; margin:0 0 0; position:relative; z-index:9;}
.facier-shape1 img { width:100%; display:block;}
.facier-shape2 { width:153px; float:left; margin:0 0 0; position:absolute; top:-112px; right:-210px; z-index:-9;}
.facier-shape2 img { width:100%; display:block;}
.gester-shape1 { width:579px; float:left; margin:0 0 0; position:absolute; bottom:-92px; left:-138px; z-index:-9;}
.gester-shape1 img { width:100%; display:block;}
.gester-shape2 { width:94px; float:left; margin:0 0 0; position:absolute; top:-14px; left:30px; z-index:-9;}
.gester-shape2 img { width:100%; display:block;}
.judger-shape1 { width:455px; float:left; margin:0 0 0; position:relative; z-index:9;}
.judger-shape1 img { width:100%; display:block;}
.judger-shape2 { width:94px; float:left; margin:0 0 0; position:absolute; top:-112px; right:-256px; z-index:-9;}
.judger-shape2 img { width:100%; display:block;}
.knower-shape1 { width:227px; float:left; margin:0 0 0; position:absolute; top:-9px; left:-158px; z-index:9;}
.knower-shape1 img { width:100%; display:block;}
.knower-shape2 { width:329px; float:left; margin:0 0 0; position:absolute; right:-266px; bottom:4px; z-index:9;}
.knower-shape2 img { width:100%; display:block;}
.laboer-shape1 { width:100%; float:left; margin:0 0 0; position:absolute; top:-10.6%; right:0; left:0; z-index:-9;}
.laboer-shape1 img { width:100%; display:block;}

/*common-css*/
.banner-box1 { width:auto; float:left; margin:0 0 0; position:absolute; bottom:0; left:-20px;}
.banner-thm1 { width:20px; float:none; margin:0 auto 20px; position:relative;}
.banner-thm1:after { width:1560%; height:2px; background:#00aeef; margin:0 0 0; left:-1590%;}
.banner-thm1:before { width:1560%; height:2px; background:#00aeef; margin:0 0 0; right:-1590%;}
.banner-thm1:after, .banner-thm1:before { content:""; display:none; position:absolute; top:50%;}
.banner-col2:nth-child(2n) .banner-thm1:after, .banner-col2:nth-child(2n) .banner-thm1:before { display:block;}
.facier-thm1 { width:585px; float:left; margin:0 0 0; position:absolute; top:80px; left:100px; z-index:9;}
.facier-thm1 img { width:100%; display:block;}
.gester-thm1 { width:838px; float:right; margin:0 0 0; position:relative; z-index:9;}
.gester-thm1 img { width:100%; display:block;}
.impoer-thm1 { width:29.5%; float:right; margin:0 0 0; position:absolute; right:33.92%; bottom:-36.8%; z-index:9;}
.impoer-thm1 img { width:100%; display:block;}
.judger-thm1 { width:541px; float:left; margin:0 0 0; position:absolute; top:-80px; left:126px; z-index:9;}
.judger-thm1 img { width:100%; display:block;}
.knower-thm1 { width:284px; float:right; margin:0 355px 0 0; position:relative; z-index:9;}
.knower-thm1 img { width:100%; display:block;}
.banner-btn1, .laboer-btn1 { text-align:center; font-size:16px; letter-spacing:0; border:1px solid; border-radius:40px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative;}


#curve11 { width:142%; height:707px; float:none; background:#ffffff; border-radius:50%; overflow:hidden; transform:translate(-50%, 0); margin:-344px 0 0; position:relative; left:50%; top:0; z-index:9;}
#curve22 { width:128%; background:#00aeef; border-radius:50%; overflow:hidden; display:inline-block; transform:translate(-50%, 0%); margin:-360px 0 0; position:relative; left:50%; top:0; z-index:inherit;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve22 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:481px) and (max-width:600px) {
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve22 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:601px) and (max-width:767px) {
#curve11 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
#curve22 { width:100%; height:inherit; border-radius:inherit; transform:none; margin:0 0 0; position:relative; left:inherit;}
}

@media screen and (min-width:768px) and (max-width:900px) {
#curve11 { width:162%; margin:-428px 0 0;}
#curve22 { width:143%; margin:-360px 0 0;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
#curve11 { width:152%; margin:-374px 0 0;}
#curve22 { width:133%; margin:-360px 0 0;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
#curve11 { margin:-324px 0 0;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {

}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.margin { width:90%;}

.header-wrapp-n .header-col1 { width:168px; margin:0 0 0;}
.header-wrapp-n .header-col1 .header-row1 { width:100%;}
.header-wrapp-n .header-col2 { width:auto; margin:13px 0 0;}
.header-wrapp-n .header-col2 .header-row2 { width:100%;}
.header-wrapp-n .header-col2 .header-row2 a { margin:0 0 0 10px;}

.banner-wrapp-n { width:100%; text-align:center; position:relative; padding:44px 0 40px;}
.banner-wrapp-n p { font-size:14px; line-height:26px; margin:0 0 20px;}
.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 12px;}
.banner-wrapp-n h3 { font-size:17px; line-height:30px; margin:0 0 24px;}
.banner-wrapp-n h5 { font-size:17px; line-height:30px; margin:0 0 4px;}
.banner-wrapp-n .banner-col1 { width:100%; margin:0 0 0;}
.banner-wrapp-n .banner-col1 .banner-row1 { width:53px; margin:0 auto 20px;}
.banner-wrapp-n .banner-col2 { width:100%; margin:0 0 2px;}
.banner-wrapp-n .banner-col2 .banner-row2 { width:100%;} 
.banner-wrapp-n .banner-btn1 { margin:0 0 0;}

.canver-wrapp-n { width:100%; text-align:center; position:relative; padding:100px 0 100px;}
.canver-wrapp-n h2 { font-size:33px;} 
.canver-wrapp-n .canver-col1 { width:100%; margin:0 auto 0;}
.canver-wrapp-n .canver-col1 .canver-row1 { width:100%;}

.detier-wrapp-n { text-align:center; background:#02afef url(../../img/detier-bg2.png) no-repeat center / cover!important; margin:0 0 0; padding:30px 0 16px;}
.detier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.detier-wrapp-n p span { display:inline;}
.detier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.detier-wrapp-n h2 span { display:inline;}
.detier-wrapp-n .detier-col1 { width:100%; margin:0 0 0;}
.detier-wrapp-n .detier-col1 .detier-row1 { width:100%;}

.facier-wrapp-n { text-align:center; padding:26px 0 15px;}
.facier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.facier-wrapp-n h2 span { display:inline;}
.facier-wrapp-n .facier-col1 { width:90%; transform:none; margin:0 5% 40px; position:relative; top:inherit;}
.facier-wrapp-n .facier-col1 .facier-row1 { width:100%;}

.gester-wrapp-n { text-align:center; padding:15px 0 40px;}
.gester-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.gester-wrapp-n h2 span { display:inline;}
.gester-wrapp-n .gester-col1 { width:90%; transform:none; margin:0 5% 20px; position:relative; top:inherit;}
.gester-wrapp-n .gester-col1 .gester-row1 { width:100%;}

.honoer-wrapp-n { text-align:center; padding:20px 0 78px;}
.honoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.honoer-wrapp-n h2 span { display:inline;}
.honoer-wrapp-n .honoer-col1 { width:90%; margin:0 5% 6px;}
.honoer-wrapp-n .honoer-col1 .honoer-row1 { width:100%;}

.impoer-wrapp-n { text-align:center; padding:30px 0 5%;}
.impoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.impoer-wrapp-n h2 span { display:inline;}
.impoer-wrapp-n .impoer-col1 { width:100%; margin:0 0 6px;}
.impoer-wrapp-n .impoer-col1 .impoer-row1 { width:100%;}
.impoer-wrapp-n .impoer-col2 { width:100%; transform:none; margin:0 0 0; position:relative; top:inherit;}
.impoer-wrapp-n .impoer-col2 .impoer-row2 { width:100%;}

.judger-wrapp-n { text-align:center; padding:30px 0 15px;}
.judger-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.judger-wrapp-n h2 span { display:inline;}
.judger-wrapp-n .judger-col1 { width:90%; transform:none; margin:0 5% 60px; position:relative; top:inherit;}
.judger-wrapp-n .judger-col1 .judger-row1 { width:100%;}

.knower-wrapp-n { text-align:center; padding:15px 0 15px;}
.knower-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.knower-wrapp-n h2 span { display:inline;}
.knower-wrapp-n .knower-col1 { width:90%; transform:none; margin:0 5% 12px; position:relative; top:inherit;}
.knower-wrapp-n .knower-col1 .knower-row1 { width:100%;}

.laboer-wrapp-n { text-align:center; padding:15px 0 20px;}
.laboer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.laboer-wrapp-n h2 span { display:inline;}
.laboer-wrapp-n .laboer-col1 { width:100%; text-align:center; margin:0 0 0;}
.laboer-wrapp-n .laboer-col1 .laboer-row1 { width:100%; transform:none; position:relative; top:inherit;}
.laboer-wrapp-n .laboer-col2 { width:100%; margin:6px 0 30px;}
.laboer-wrapp-n .laboer-col2 .laboer-row2 { width:100%;}

.marker-wrapp-n { text-align:center; padding:20px 0 12px;}
.marker-wrapp-n p { font-size:17px; line-height:22px; margin:0 0 16px;}
.marker-wrapp-n p span { display:inline; margin:0 2px 0;}
.marker-wrapp-n h2 { font-size:17px; line-height:33px; margin:0 0 0;}
.marker-wrapp-n h2 span { display:block;}
.marker-wrapp-n .marker-col1 { width:100px; float:none; overflow:auto; margin:0 auto 26px;}
.marker-wrapp-n .marker-col1 .marker-row1 { width:100%;}
.marker-wrapp-n .marker-col2 { width:100%; margin:0 0 0;}
.marker-wrapp-n .marker-col2 .marker-row2 { width:100%;}

.footer-wrapp-n { text-align:center; padding:12px 0 74px;}
.footer-wrapp-n .footer-col1 { width:100%; margin:0 0 0;}
.footer-wrapp-n .footer-col1 .footer-row1 { width:100%;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:14px; line-height:24px;}

/*shape-css*/
.facier-shape1 { width:66%; margin:0 0 0;}
.facier-shape2 { width:27.4%; margin:0 0 0; top:-15.6%; right:-37.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:60.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1 { width:20px; margin:0 auto 22px; display:none;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:82.1%; margin:0 0 0;}
.impoer-thm1 { width:29.5%; display:none; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:44.02%; margin:0 26.3% 0 0;}
.banner-col2:nth-child(2n) .banner-thm1:after, .banner-col2:nth-child(2n) .banner-thm1:before { display:none;}
.banner-btn1, .laboer-btn1 { font-size:14px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.margin { width:90%;}

.header-wrapp-n .header-col1 { width:168px; margin:0 0 0;}
.header-wrapp-n .header-col1 .header-row1 { width:100%;}
.header-wrapp-n .header-col2 { width:auto; margin:13px 0 0;}
.header-wrapp-n .header-col2 .header-row2 { width:100%;}
.header-wrapp-n .header-col2 .header-row2 a { margin:0 0 0 10px;}

.banner-wrapp-n { width:100%; text-align:center; position:relative; padding:84px 0 40px;}
.banner-wrapp-n p { font-size:14px; line-height:26px; margin:0 0 20px;}
.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 12px;}
.banner-wrapp-n h3 { font-size:17px; line-height:30px; margin:0 0 24px;}
.banner-wrapp-n h5 { font-size:17px; line-height:30px; margin:0 0 4px;}
.banner-wrapp-n .banner-col1 { width:100%; margin:0 0 0;}
.banner-wrapp-n .banner-col1 .banner-row1 { width:53px; margin:0 auto 20px;}
.banner-wrapp-n .banner-col2 { width:100%; margin:0 0 2px;}
.banner-wrapp-n .banner-col2 .banner-row2 { width:100%;} 
.banner-wrapp-n .banner-btn1 { margin:0 0 0;}

.canver-wrapp-n { width:100%; text-align:center; position:relative; padding:100px 0 100px;}
.canver-wrapp-n .canver-col1 { width:100%; margin:0 auto 0;}
.canver-wrapp-n .canver-col1 .canver-row1 { width:100%;}

.detier-wrapp-n { text-align:center; background:#02afef url(../../img/detier-bg2.png) no-repeat center / cover!important; margin:0 0 0; padding:30px 0 16px;}
.detier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.detier-wrapp-n p span { display:inline;}
.detier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.detier-wrapp-n h2 span { display:inline;}
.detier-wrapp-n .detier-col1 { width:100%; margin:0 0 0;}
.detier-wrapp-n .detier-col1 .detier-row1 { width:100%;}

.facier-wrapp-n { text-align:center; padding:26px 0 15px;}
.facier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.facier-wrapp-n h2 span { display:inline;}
.facier-wrapp-n .facier-col1 { width:90%; transform:none; margin:0 5% 40px; position:relative; top:inherit;}
.facier-wrapp-n .facier-col1 .facier-row1 { width:100%;}

.gester-wrapp-n { text-align:center; padding:15px 0 40px;}
.gester-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.gester-wrapp-n h2 span { display:inline;}
.gester-wrapp-n .gester-col1 { width:90%; transform:none; margin:0 5% 20px; position:relative; top:inherit;}
.gester-wrapp-n .gester-col1 .gester-row1 { width:100%;}

.honoer-wrapp-n { text-align:center; padding:20px 0 78px;}
.honoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.honoer-wrapp-n h2 span { display:inline;}
.honoer-wrapp-n .honoer-col1 { width:90%; margin:0 5% 6px;}
.honoer-wrapp-n .honoer-col1 .honoer-row1 { width:100%;}

.impoer-wrapp-n { text-align:center; padding:30px 0 5%;}
.impoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.impoer-wrapp-n h2 span { display:inline;}
.impoer-wrapp-n .impoer-col1 { width:100%; margin:0 0 6px;}
.impoer-wrapp-n .impoer-col1 .impoer-row1 { width:100%;}
.impoer-wrapp-n .impoer-col2 { width:100%; transform:none; margin:0 0 0; position:relative; top:inherit;}
.impoer-wrapp-n .impoer-col2 .impoer-row2 { width:100%;}

.judger-wrapp-n { text-align:center; padding:30px 0 15px;}
.judger-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.judger-wrapp-n h2 span { display:inline;}
.judger-wrapp-n .judger-col1 { width:90%; transform:none; margin:0 5% 60px; position:relative; top:inherit;}
.judger-wrapp-n .judger-col1 .judger-row1 { width:100%;}

.knower-wrapp-n { text-align:center; padding:15px 0 15px;}
.knower-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.knower-wrapp-n h2 span { display:inline;}
.knower-wrapp-n .knower-col1 { width:90%; transform:none; margin:0 5% 12px; position:relative; top:inherit;}
.knower-wrapp-n .knower-col1 .knower-row1 { width:100%;}

.laboer-wrapp-n { text-align:center; padding:15px 0 20px;}
.laboer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.laboer-wrapp-n h2 span { display:inline;}
.laboer-wrapp-n .laboer-col1 { width:100%; text-align:center; margin:0 0 0;}
.laboer-wrapp-n .laboer-col1 .laboer-row1 { width:100%; transform:none; position:relative; top:inherit;}
.laboer-wrapp-n .laboer-col2 { width:100%; margin:6px 0 30px;}
.laboer-wrapp-n .laboer-col2 .laboer-row2 { width:100%;}

.marker-wrapp-n { text-align:center; padding:20px 0 12px;}
.marker-wrapp-n p { font-size:17px; line-height:22px; margin:0 0 16px;}
.marker-wrapp-n p span { display:inline; margin:0 2px 0;}
.marker-wrapp-n h2 { font-size:17px; line-height:33px; margin:0 0 0;}
.marker-wrapp-n h2 span { display:block;}
.marker-wrapp-n .marker-col1 { width:100px; float:none; overflow:auto; margin:0 auto 26px;}
.marker-wrapp-n .marker-col1 .marker-row1 { width:100%;}
.marker-wrapp-n .marker-col2 { width:100%; margin:0 0 0;}
.marker-wrapp-n .marker-col2 .marker-row2 { width:100%;}

.footer-wrapp-n { text-align:center; padding:12px 0 74px;}
.footer-wrapp-n .footer-col1 { width:100%; margin:0 0 0;}
.footer-wrapp-n .footer-col1 .footer-row1 { width:100%;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:14px; line-height:24px;}

/*shape-css*/
.facier-shape1 { width:66%; margin:0 0 0;}
.facier-shape2 { width:23.4%; margin:0 0 0; top:-9.6%; right:-31.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:60.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1 { width:20px; margin:0 auto 22px; display:none;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:82.1%; margin:0 0 0;}
.impoer-thm1 { width:29.5%; display:none; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:44.02%; margin:0 26.3% 0 0;}
.banner-col2:nth-child(2n) .banner-thm1:after, .banner-col2:nth-child(2n) .banner-thm1:before { display:none;}
.banner-btn1, .laboer-btn1 { font-size:14px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.margin { width:90%;}

.header-wrapp-n .header-col1 { width:168px; margin:0 0 0;}
.header-wrapp-n .header-col1 .header-row1 { width:100%;}
.header-wrapp-n .header-col2 { width:auto; margin:13px 0 0;}
.header-wrapp-n .header-col2 .header-row2 { width:100%;}
.header-wrapp-n .header-col2 .header-row2 a { margin:0 0 0 10px;}

.banner-wrapp-n { width:100%; text-align:center; position:relative; padding:84px 0 40px;}
.banner-wrapp-n p { font-size:14px; line-height:26px; margin:0 0 20px;}
.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 12px;}
.banner-wrapp-n h3 { font-size:17px; line-height:30px; margin:0 0 24px;}
.banner-wrapp-n h5 { font-size:17px; line-height:30px; margin:0 0 4px;}
.banner-wrapp-n .banner-col1 { width:100%; margin:0 0 0;}
.banner-wrapp-n .banner-col1 .banner-row1 { width:53px; margin:0 auto 20px;}
.banner-wrapp-n .banner-col2 { width:48%; min-height:270px; margin:0 0 2px;}
.banner-wrapp-n .banner-col2:nth-child(2n) { float:right;}
.banner-wrapp-n .banner-col2:last-child { float:none; display:inline-block;}
.banner-wrapp-n .banner-col2 .banner-row2 { width:100%;} 
.banner-wrapp-n .banner-btn1 { margin:0 0 0;}

.canver-wrapp-n { width:100%; text-align:center; position:relative; padding:100px 0 100px;}
.canver-wrapp-n .canver-col1 { width:100%; margin:0 auto 0;}
.canver-wrapp-n .canver-col1 .canver-row1 { width:100%;}

.detier-wrapp-n { text-align:center; background:#02afef url(../../img/detier-bg2.png) no-repeat center / cover!important; margin:0 0 0; padding:30px 0 16px;}
.detier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.detier-wrapp-n p span { display:inline;}
.detier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.detier-wrapp-n h2 span { display:inline;}
.detier-wrapp-n .detier-col1 { width:100%; margin:0 0 0;}
.detier-wrapp-n .detier-col1 .detier-row1 { width:100%;}

.facier-wrapp-n { text-align:center; padding:26px 0 15px;}
.facier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.facier-wrapp-n h2 span { display:inline;}
.facier-wrapp-n .facier-col1 { width:90%; transform:none; margin:0 5% 40px; position:relative; top:inherit;}
.facier-wrapp-n .facier-col1 .facier-row1 { width:100%;}

.gester-wrapp-n { text-align:center; padding:15px 0 40px;}
.gester-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.gester-wrapp-n h2 span { display:inline;}
.gester-wrapp-n .gester-col1 { width:90%; transform:none; margin:0 5% 20px; position:relative; top:inherit;}
.gester-wrapp-n .gester-col1 .gester-row1 { width:100%;}

.honoer-wrapp-n { text-align:center; padding:20px 0 78px;}
.honoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.honoer-wrapp-n h2 span { display:inline;}
.honoer-wrapp-n .honoer-col1 { width:90%; margin:0 5% 6px;}
.honoer-wrapp-n .honoer-col1 .honoer-row1 { width:100%;}

.impoer-wrapp-n { text-align:center; padding:30px 0 5%;}
.impoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.impoer-wrapp-n h2 span { display:inline;}
.impoer-wrapp-n .impoer-col1 { width:100%; margin:0 0 6px;}
.impoer-wrapp-n .impoer-col1 .impoer-row1 { width:100%;}
.impoer-wrapp-n .impoer-col2 { width:100%; transform:none; margin:0 0 0; position:relative; top:inherit;}
.impoer-wrapp-n .impoer-col2 .impoer-row2 { width:100%;}

.judger-wrapp-n { text-align:center; padding:30px 0 15px;}
.judger-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.judger-wrapp-n h2 span { display:inline;}
.judger-wrapp-n .judger-col1 { width:90%; transform:none; margin:0 5% 60px; position:relative; top:inherit;}
.judger-wrapp-n .judger-col1 .judger-row1 { width:100%;}

.knower-wrapp-n { text-align:center; padding:15px 0 15px;}
.knower-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.knower-wrapp-n h2 span { display:inline;}
.knower-wrapp-n .knower-col1 { width:90%; transform:none; margin:0 5% 12px; position:relative; top:inherit;}
.knower-wrapp-n .knower-col1 .knower-row1 { width:100%;}

.laboer-wrapp-n { text-align:center; padding:15px 0 20px;}
.laboer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 18px;}
.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:30px; line-height:40px; margin:0 0 16px;}
.laboer-wrapp-n h2 span { display:inline;}
.laboer-wrapp-n .laboer-col1 { width:100%; text-align:center; margin:0 0 0;}
.laboer-wrapp-n .laboer-col1 .laboer-row1 { width:100%; transform:none; position:relative; top:inherit;}
.laboer-wrapp-n .laboer-col2 { width:100%; margin:6px 0 30px;}
.laboer-wrapp-n .laboer-col2 .laboer-row2 { width:100%;}

.marker-wrapp-n { text-align:center; padding:20px 0 12px;}
.marker-wrapp-n p { font-size:17px; line-height:22px; margin:0 0 16px;}
.marker-wrapp-n p span { display:inline; margin:0 2px 0;}
.marker-wrapp-n h2 { font-size:17px; line-height:33px; margin:0 0 0;}
.marker-wrapp-n h2 span { display:block;}
.marker-wrapp-n .marker-col1 { width:100px; float:none; overflow:auto; margin:0 auto 26px;}
.marker-wrapp-n .marker-col1 .marker-row1 { width:100%;}
.marker-wrapp-n .marker-col2 { width:100%; margin:0 0 0;}
.marker-wrapp-n .marker-col2 .marker-row2 { width:100%;}

.footer-wrapp-n { text-align:center; padding:12px 0 74px;}
.footer-wrapp-n .footer-col1 { width:100%; margin:0 0 0;}
.footer-wrapp-n .footer-col1 .footer-row1 { width:100%;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:14px; line-height:24px;}

/*shape-css*/
.facier-shape1 { width:66%; margin:0 0 0;}
.facier-shape2 { width:23.4%; margin:0 0 0; top:-9.6%; right:-31.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:60.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1 { width:20px; margin:0 auto 22px; display:none;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:82.1%; margin:0 0 0;}
.impoer-thm1 { width:29.5%; display:none; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:44.02%; margin:0 26.3% 0 0;}
.banner-col2:nth-child(2n) .banner-thm1:after, .banner-col2:nth-child(2n) .banner-thm1:before { display:none;}
.banner-btn1, .laboer-btn1 { font-size:14px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.margin { width:94%;}

.header-wrapp-n .header-col1 { width:20.7%;}
.header-wrapp-n .header-col2 { margin:2.2% 0 0;}
.header-wrapp-n .header-col2 .header-row2 a { margin:0 0 0 10px;}

.banner-wrapp-n { width:62%; padding:78px 0 58px;}
.banner-wrapp-n p { font-size:14px; line-height:26px; margin:0 0 20px;}
.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:28px; line-height:41px; margin:0 0 20px;}
.banner-wrapp-n h3 { font-size:17px; line-height:30px; margin:0 0 4px;}
.banner-wrapp-n h5 { font-size:17px; line-height:30px; margin:0 0 0;}
.banner-wrapp-n .banner-btn1 { margin:4px 0 0;}

.canver-wrapp-n { width:70%; padding:466px 0 104px;}
.canver-wrapp-n .canver-col1 { width:70%;}

.detier-wrapp-n { padding:226px 0 112px;}
.detier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.detier-wrapp-n p span { display:inline;}
.detier-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 24px;}

.facier-wrapp-n { padding:130px 0 0;}
.facier-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.facier-wrapp-n .facier-col1 { width:94%;}

.gester-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.gester-wrapp-n .gester-col1 { width:94%;}

.honoer-wrapp-n { padding:0 0 88px;}
.honoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.honoer-wrapp-n .honoer-col1 { margin:0 auto 18px;}

.impoer-wrapp-n { padding:74px 0 92px;}
.impoer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 14px;}
.impoer-wrapp-n .impoer-col2 { width:94%;}

.judger-wrapp-n { padding:124px 0 0;}
.judger-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.judger-wrapp-n .judger-col1 { width:94%;}

.knower-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.knower-wrapp-n .knower-col1 { width:94%;}

.laboer-wrapp-n { padding:10px 0 44px;}
.laboer-wrapp-n p { font-size:14px; line-height:22px; margin:0 0 20px;}
.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:28px; line-height:38px; margin:0 0 26px;}
.laboer-wrapp-n .laboer-col1 { margin:0 0 58px;}

.marker-wrapp-n { padding:60px 0 22px;}
.marker-wrapp-n p { font-size:17px; line-height:22px; margin:0 0 24px;}
.marker-wrapp-n h2 { font-size:17px; line-height:33px; margin:0 0 0;}

.footer-wrapp-n { padding:22px 0 114px;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:14px; line-height:27px;}

/*shape-css*/
.facier-shape1 { width:36%; margin:0 0 0;}
.facier-shape2 { width:31.5%; margin:0 0 0; top:-21.5%; right:-43.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:33.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1 { width:20px; margin:0 auto 14px;}
.banner-thm1:after { width:840%; left:-870%;}
.banner-thm1:before { width:840%; right:-870%;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:62.1%; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:21.02%; margin:0 26.34% 0 0;}
.banner-btn1, .laboer-btn1 { font-size:14px;}

.gester-wrapp-n .gester-col1 .gester-row1 { width:40%;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.margin { width:94%;}

.header-wrapp-n .header-col1 { width:20.7%;}
.header-wrapp-n .header-col2 { margin:2.2% 0 0;}
.header-wrapp-n .header-col2 .header-row2 a { margin:0 0 0 13px;}

.banner-wrapp-n { width:68%; padding:98px 0 58px;}
.banner-wrapp-n p { font-size:16px; line-height:28px; margin:0 0 23px;}
.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:38px; line-height:51px; margin:0 0 23px;}
.banner-wrapp-n h3 { font-size:19px; line-height:32px; margin:0 0 4px;}
.banner-wrapp-n h5 { font-size:19px; line-height:32px; margin:0 0 0;}
.banner-wrapp-n .banner-btn1 { margin:7px 0 0;}

.canver-wrapp-n { width:76%; padding:516px 0 154px;}
.canver-wrapp-n .canver-col1 { width:70%;}

.detier-wrapp-n { padding:256px 0 142px;}
.detier-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.detier-wrapp-n p span { display:inline;}
.detier-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 27px;}

.facier-wrapp-n { padding:150px 0 0;}
.facier-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.facier-wrapp-n .facier-col1 { width:94%;}

.gester-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.gester-wrapp-n .gester-col1 { width:94%;}

.honoer-wrapp-n { padding:0 0 108px;}
.honoer-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.honoer-wrapp-n .honoer-col1 { margin:0 auto 28px;}

.impoer-wrapp-n { padding:104px 0 122px;}
.impoer-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 17px;}
.impoer-wrapp-n .impoer-col2 { width:94%;}

.judger-wrapp-n { padding:154px 0 0;}
.judger-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.judger-wrapp-n .judger-col1 { width:94%;}

.knower-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.knower-wrapp-n .knower-col1 { width:94%;}

.laboer-wrapp-n { padding:75px 0 59px;}
.laboer-wrapp-n p { font-size:15px; line-height:23px; margin:0 0 23px;}
.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:38px; line-height:48px; margin:0 0 31px;}
.laboer-wrapp-n .laboer-col1 { margin:0 0 68px;}

.marker-wrapp-n { padding:75px 0 22px;}
.marker-wrapp-n p { font-size:19px; line-height:24px; margin:0 0 27px;}
.marker-wrapp-n h2 { font-size:19px; line-height:35px; margin:0 0 0;}

.footer-wrapp-n { padding:22px 0 144px;}
.footer-row1 li, .footer-row1 li a, .footer-row1 li span { font-size:16px; line-height:29px;}

/*shape-css*/
.facier-shape1 { width:36%; margin:0 0 0;}
.facier-shape2 { width:31.5%; margin:0 0 0; top:-21.5%; right:-43.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:33.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1 { width:20px; margin:0 auto 17px;}
.banner-thm1:after { width:1040%; left:-1070%;}
.banner-thm1:before { width:1040%; right:-1070%;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:62.1%; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:21.02%; margin:0 26.34% 0 0;}
.banner-btn1, .laboer-btn1 { font-size:14px;}

.gester-wrapp-n .gester-col1 .gester-row1 { width:42.4%;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.margin { width:94%;}

.header-wrapp-n .header-col1 { width:20.7%;}
.header-wrapp-n .header-col2 { margin:2.2% 0 0;}

.banner-wrapp-n p span { display:inline;}
.banner-wrapp-n h2 { font-size:38px; line-height:51px;}

.detier-wrapp-n h2 { font-size:38px; line-height:48px;}

.facier-wrapp-n p span { display:inline;}
.facier-wrapp-n h2 { font-size:38px; line-height:48px;}
.facier-wrapp-n .facier-col1 { width:94%;}

.gester-wrapp-n p span { display:inline;}
.gester-wrapp-n h2 { font-size:38px; line-height:48px;}
.gester-wrapp-n .gester-col1 { width:94%;}

.honoer-wrapp-n p span { display:inline;}
.honoer-wrapp-n h2 { font-size:38px; line-height:48px;}

.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n h2 { font-size:38px; line-height:48px;}
.impoer-wrapp-n .impoer-col2 { width:94%;}

.judger-wrapp-n p span { display:inline;}
.judger-wrapp-n h2 { font-size:38px; line-height:48px;}
.judger-wrapp-n .judger-col1 { width:94%;}

.knower-wrapp-n p span { display:inline;}
.knower-wrapp-n h2 { font-size:38px; line-height:48px;}
.knower-wrapp-n .knower-col1 { width:94%;}

.laboer-wrapp-n p span { display:inline;}
.laboer-wrapp-n h2 { font-size:38px; line-height:48px;}

/*shape-css*/
.facier-shape1 { width:36%; margin:0 0 0;}
.facier-shape2 { width:31.5%; margin:0 0 0; top:-21.5%; right:-43.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:33.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1:after { width:1200%; left:-1225%;}
.banner-thm1:before { width:1200%; right:-1225%;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:62.1%; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:21.02%; margin:0 26.34% 0 0;}

.gester-wrapp-n .gester-col1 .gester-row1 { width:42.4%;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}

.facier-wrapp-n .facier-col1 { width:94%;}

.gester-wrapp-n .gester-col1 { width:94%;}

.honoer-wrapp-n p span { display:inline;}

.impoer-wrapp-n p span { display:inline;}
.impoer-wrapp-n .impoer-col2 { width:94%;}

.judger-wrapp-n .judger-col1 { width:94%;}

.knower-wrapp-n .knower-col1 { width:94%;}

/*shape-css*/
.facier-shape1 { width:36%; margin:0 0 0;}
.facier-shape2 { width:31.5%; margin:0 0 0; top:-21.5%; right:-43.4%;}
.gester-shape1 { width:69.1%; margin:0 0 0; bottom:-15.1%; left:-16.5%;}
.gester-shape2 { width:11.2%; margin:0 0 0; top:-2.2%; left:3.6%;}
.judger-shape1 { width:33.7%; margin:0 0 0;}
.judger-shape2 { width:20.5%; margin:0 0 0; top:-24.5%; right:-56.2%;}
.knower-shape1 { width:80%; margin:0 0 0; top:-1.6%; left:-55.4%;}
.knower-shape2 { width:76%; margin:0 0 0; right:-53.6%; bottom:1%;}

/*common-css*/
.banner-thm1:after { width:1470%; left:-1505%;}
.banner-thm1:before { width:1470%; right:-1505%;}
.facier-thm1 { width:120.4%; margin:0 0 0; top:15.5%; left:20.6%;}
.gester-thm1 { width:62.1%; margin:0 0 0;}
.judger-thm1 { width:119%; margin:0 0 0; top:-17.7%; left:27.7%;}
.knower-thm1 { width:21.02%; margin:0 26.34% 0 0;}
}