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

/* =============================== 공통 =============================== */
/* sub_top_area */
.sub_top_area {position:relative;/* height:480px */}
.sub_top_area .in { height:100%;}
/* .sub_top_area.quality,
.sub_top_area.service {height:720px} */
.sub_top_area p { text-align:center;font-size:44px; text-shadow: 2px 2px 4px black; line-height:1.381em;color:#fff; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.sub_top_area .sub_icon {position:absolute;bottom:-35px;left:0;right:0;width:21px;height:68px;margin:auto;text-align:center;z-index:9}
.sub_top_area.news {background:url(/image/sub_news.jpg) center top no-repeat;background-size:cover}
.sub_top_area.news {height:320px}
.sub_top_area.news p { text-align:center;font-size:1.25rem;line-height:170%;color:#fff}
.sub_top_area.gallery {background:url(/image/sub_gallery.jpg) center top no-repeat;background-size:cover}
.sub_top_area.gallery {height:320px}
.sub_top_area.gallery p {text-align:center;font-size:1.25rem;line-height:170%;color:#fff}


/* page */
.page_area {position:relative;width:1400px;margin:auto;padding-top:120px;}
.sub_top_area {background-size:cover !important}
.list_area {position:relative;width:1195px;margin:auto;padding:5% 0}
.view_area {position:relative;width:1060px;margin:auto;padding:5% 0}

/* paging */
.paging {overflow:hidden;margin-top:3%;padding:1% 0}
.paging {text-align:center; clear:both;}
.paging li { display:inline-block;margin:0 0.2%;}
.paging a {width:38px;height:38px;line-height:38px !important;text-align:center;font-size:0.7rem;box-sizing:border-box;border:1px solid #d2ae50;color:#d2ae50;line-height:100%;transition:ease-out .2s; display:block;}
.paging li.on a {background:#d2ae50;color:#fff}
.paging a:hover {background:#d2ae50;color:#fff}
.paging a.prev, .paging a.next {border:none;vertical-align:-webkit-baseline-middle}
.paging a.prev {margin-right:1.5%}
.paging a.next {margin-left:1.5%}

/* About */
.page_area.about {margin-bottom:10%}
/* .sub_top_area.about {background:url(/image/sub_01.jpg) center top no-repeat} */
.sub_top_area.about .in{height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 200; }
.about .text_area {position:relative;background:url(/image/about_bg2.jpg) right bottom no-repeat;background-size:contain}
.about .text_area p.eng_s {margin:0 0 3% 5%;font-size:20px;color:#d2ae50}
.about .text_area p.eng_b {margin:0 0 3% 5%;line-height:1.333em;font-size:30px; color:#174195}
.about .text_area p.eng_box {width:75%;padding:5% 15% 5% 5%;font-size:15px;line-height:1.933em;letter-spacing:-0.01rem;background-color:#174195;color:#fff}
.about .text_area p.eng_box:before {content:'';position:absolute;bottom:-90px;right:0;width:661px;height:666px;background:url(/image/about_bg1.png) bottom right no-repeat;background-size:contain}

/* =============================== Product =============================== */
.product_sub_top_area {position:relative;overflow:hidden;width:100%;background: #f1f2f6 url(/image/sub_product.jpg) top right no-repeat;z-index:2}
.product_sub_top_area2 {position:relative;overflow:hidden;width:100%;background:url(/image/sub_product2.jpg) top right no-repeat;z-index:2}
.product_sub_top_area3 {position:relative;overflow:hidden;width:100%;background:url(/image/sub_product3.jpg) top right no-repeat;z-index:2}
.product_sub_top_area4 {position:relative;overflow:hidden;width:100%;background:url(/image/sub_product4.jpg) top right no-repeat #f1f2f6 ;z-index:2}
.product_sub_top_area:before {content:'';position:absolute;top:0;left:0;width:320px;height:100%;background:#3a67c1;z-index:-1}
.product_tit_wrap {float:left;width:320px;height:311px;padding:3%;box-sizing:border-box;background:#3a67c1;color:#fff;z-index:0}
.product_tit_wrap span {font-size:0.5rem}
.product_tit_wrap p {padding-top:25%;font-size:1rem;line-height:130%}
.product_txt_wrap {position:relative;float:left;width:1230px;height:311px;padding:5% 0 5% 3%;box-sizing:border-box}
.page_name span.eng_s {display:block;margin-bottom:2%;font-size:0.5rem;color:#d2ae50}
.page_name span.eng_b {font-size:1.7rem;color:#174195; line-height:130%; }
.page_s {position:absolute;bottom:5%;right:0;width:100%;font-size:0.55rem;color:#757171;text-align:right}
.page_s span {color:#174195}
.page_s span.home {display:inline-block;padding:0.2% 0.4%;border-radius:3px;background:#c0c6d1;color:#fff}
/* product page content */
.product_area {position:relative;overflow:hidden;font-size:0.8rem;clear:both}
.product_area:before {content:'';position:absolute;top:0;left:0;width:320px;height:100%;background:#4f5056}
.sub_menu_wrap {float:left;width:320px;padding:3% 0 3% 3%;box-sizing:border-box;background:#4f5056;color:#fff}
.sub_menu_wrap p.sub_tit {position:relative;margin-bottom:7%;padding-bottom:7%}
.sub_menu_wrap p.sub_tit:before {content:'';position:absolute;bottom:0;left:0%;width:100%;height:1px;background:#72747a}
.sub_menu_wrap p.sub_tit.last {margin-top:20%}
.sub_menu_wrap ul {overflow:hidden;margin-right:20%}
.sub_menu_wrap ul li a {display:inline-block;position:relative;padding-left:5%;line-height:200%;font-size:0.6rem;color:#fff}
.sub_menu_wrap ul li a.on {color:#d2ae50}
.sub_menu_wrap ul li a:before {content:'-';position:absolute;top:0;left:0;font-size:0.6rem;color:#fff}


/* pgwSlider */
.pgwSlider {width:100%;color:#fff}
.pgwSlider a{display:block;text-decoration:none;color:#fff}
.pgwSlider .ps-current {float:left;width:74%;overflow:hidden;height:inherit;position:relative;font-size:1rem}
.pgwSlider.listOnTheLeft .ps-current {float:right}
.pgwSlider .ps-current ul {width:100%}
.pgwSlider .ps-current li {width:100%;z-index:1;opacity:0;display:none}
.pgwSlider .ps-current img {max-width:100%;min-width:100%;height:auto;display:block;transition:margin-top 250ms linear}
.pgwSlider .ps-caption {position:absolute;width:100%;padding:12px;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);left:0;bottom:0;display:none;z-index:3}
ul.pgwSlider,.pgwSlider  ul {float:right;width:25%;padding:0;list-style:none;margin:0}
ul.pgwSlider.listOnTheLeft,.pgwSlider.listOnTheLeft > ul {float:left}
ul.pgwSlider > li,.pgwSlider > .ps-list > li {height:50px;margin-bottom:6px;overflow:hidden;position:relative;opacity:0.6;filter:alpha(opacity=60);font-size:0.8rem;transition:opacity 200ms linear}
ul.pgwSlider > li:last-child,.pgwSlider > ul > li:last-child {margin-bottom:0}
ul.pgwSlider > li span,.pgwSlider > .ps-list > li span {display:block;width:100%;position:absolute;bottom:0;padding:5px;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.pgwSlider > li img,.pgwSlider > ul > li img {width:100%;min-height:100%;display:block;transition:margin-top 250ms linear}
.pgwSlider .ps-prevIcon {border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block}
.pgwSlider .ps-nextIcon {border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block}
.pgwSlider .ps-current .ps-prev {background:rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;padding:20px 20px 20px 17px;left:0;top:45%;cursor:pointer}
.pgwSlider .ps-current .ps-next {background:rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;padding:20px 17px 20px 20px;right:0;top:45%;cursor:pointer}

ul.pgwSlider.wide > li,.pgwSlider.wide > ul > li {width:100% !important}
.pgwSlider.narrow .ps-current {margin-bottom:6px;font-size:0.8rem}
.pgwSlider.narrow .ps-current img {width:100%;min-height:inherit}
.pgwSlider.narrow .ps-current,ul.pgwSlider.narrow,.pgwSlider.narrow > ul {width:100%}
ul.pgwSlider.narrow > li,.pgwSlider.narrow > .ps-list > li {float:left;width:25% !important;min-height:50px;max-height:70px;min-width:15%;font-size:0.7rem;margin-bottom:0}
ul.pgwSlider.narrow.listOnTheLeft > li,.pgwSlider.narrow.listOnTheLeft > ul > li {float:right}
.pgwSlider.narrow .ps-caption {padding:8px}
.pgwSlider.narrow .ps-current .ps-prev {padding:15px 15px 15px 12px;top:40%}
.pgwSlider.narrow .ps-current .ps-next {padding:15px 12px 15px 15px;top:40%}





/* page (tab) */
.tab {overflow:hidden}
.tab button {background-color:inherit;float:left;border:none;outline:none;cursor:pointer; margin-right:1px;margin-bottom:1px;padding:1.8% 3.5%;transition:0.3s;box-sizing:border-box;font-size:0.6rem;background:#f7f7f7;color:#174195;border:1px solid #e2e2e2;font-family:'Montserrat'; font-size:14px; }
.tab button:last-child { margin:0;}
.tab.all button {}
.tab button:hover {background-color:#ddd}
.tab button.active {background-color:#3a67c1;color:#fff;border:1px solid #3a67c1}
.tabcontent {display:none;overflow:hidden;padding:5% 0;font-size:15px;line-height:170%;color:#767676}

.sub_page_wrap {float:left;width:1230px;padding:3% 0 10% 3%;box-sizing:border-box}
.pro_text {float:left;width:65%;padding-right:10%;box-sizing:border-box; /* font-size:15px; */}
.pro_text.all {width:100%;padding-right:0}
.pro_text .eng_b {padding-bottom:5%;font-size:1.2rem;color:#000}
.pro_text .eng_s {padding:5% 0 2%;font-size:0.9rem;color:#174195;font-family:'Montserrat', Sans-serif !important;}
.pro_img {float:right;width:35%}
.pro_img.all {width:100%;margin-bottom:5%}
.page_sub_menu_wrap {width:0;height:0;opacity:0;visibility:hidden;transition:ease-out .2s}
/* product img */
.sp_wrap img {width:100%}
.sp-thumbs {display:inline-block;width:100%;margin-top:10px}
.sp-thumbs a {overflow:hidden;display:inline-block;width:24%;height:80px;margin-bottom:1%;margin-right:1%;background-size:cover;background-position:center;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;transition:ease-out .2s}
.sp-thumbs a:last-child {margin-right:0}
.sp-thumbs a img {width:100%}
.sp-thumbs a:hover,
.sp-thumbs a:active,
.sp-current {border:1px solid #446fc4;box-sizing:border-box}



/* sub_menu */
.cssmenu {margin-top:2%}
.cssmenu a {line-height:180%}
.cssmenu > ul > li {float:left;position:relative;width:100%;border:1px solid #eee;background:#fff;border-radius:3px}
.cssmenu > ul > li.has-sub {background:url(/image/menu_icon_m.png) right 3% center no-repeat #fff;font-weight:normal;font-size:1rem}
.cssmenu > ul > li.has-sub.active {background:url(/image/menu_icon_m_active.png) right 3% center no-repeat #fff}
.cssmenu > ul > li.mobile {display:none}
.cssmenu > ul > li > a {display:inline-block;width:100%;display:block;color:#333;border:1px solid #eee;border-bottom:none}
.cssmenu > ul > li > a > span {display:block;padding:6px 10px;color:#d2ae50}
.cssmenu > ul > li > a:hover {text-decoration:none}
.cssmenu ul ul {overflow-y:scroll;height:280px;background:#fff;border:1px solid #eee;border-top:none;padding:5px 12px;display:none;position:absolute;top:100%;left:0;width:100%;z-index:1}
.cssmenu ul ul li {padding:3px 0}
.cssmenu ul ul li.sub_tit {margin-top:1%;font-weight:bold;font-size:1rem}
.cssmenu ul ul li.page_name {font-size:0.9rem;font-weight:bold;color:#174195}
.cssmenu ul ul a {position:relative;color:#999;display:block;padding-left:2%;font-size:1rem;color:#4d5461}
.cssmenu ul ul a:before {content:'-';position:absolute;top:0;left:0;}
.color_g a {color:#d3af51}

/* image */
.pignose-gallery {width:100%;height:360px}
.pignose-gallery .ribbon {position:absolute !important;top:1em;left:auto !important;right:-6em !important;z-index:50}
.pignose-gallery {position:relative;border-radius:3px}
.pignose-gallery .pignose-gallery-item {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:none;opacity:0;overflow:hidden}
.pignose-gallery .pignose-gallery-item img {width:100%}
.pignose-gallery .pignose-gallery-item.anim-start {display:block;transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease}
.pignose-gallery .pignose-gallery-item.active {opacity:1}
.pignose-gallery .pignose-gallery-thumbnails {position:absolute;left:0;bottom:-10%;width:100%;z-index:10}
.pignose-gallery .pignose-gallery-thumbnails a {display:inline-block;*display:inline;*zoom:1;padding:0;font-size:0;position:relative;vertical-align:middle}
.pignose-gallery .pignose-gallery-thumbnails a .pignose-gallery-border {position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:border-color .3s ease;-o-transition:border-color .3s ease;-moz-transition:border-color .3s ease;-webkit-transition:border-color .3s ease}
.pignose-gallery .pignose-gallery-thumbnails a .pignose-gallery-border.active {border:1px solid #446fc4}
.pignose-gallery .pignose-gallery-thumbnails a img {max-height:60px;vertical-align:middle}

/* =============================== News =============================== */
.tit_a {overflow:hidden;margin-bottom:1.5%;padding-bottom:10px;border-bottom:1px solid #c9d0de;font-size:20px;}
.top_area {overflow:hidden;padding-bottom:1.5%}
.top_area .tit {float:left;color:#d2ae50;line-height:35px}
.top_area .search {float:right}
.top_area .search input {display:inline-block;float:left;height:35px;padding:5px;box-sizing:border-box;border:1px solid #e2e2e2;font-size:0.5rem}
.top_area .search button {display:inline-block;float:left;height:35px;margin-left:5px;padding:3px 25px;box-sizing:border-box;border:none;background:#174195;color:#fff;font-size:14px;font-family:'Junge'}
.top_area .search button img {display:inline-block;margin-left:5px;vertical-align:sub}
.total_num {float:right;font-size:14px; color:#174195;font-family:'Junge';letter-spacin:0.02rem}
.list {overflow:hidden;margin:0 -3%}
.list .latest_rolling {float:left;width:33.3%}
.latest {overflow:hidden}
.latest .latest_rolling {padding:0 3% 5%;box-sizing:border-box;background:#fff;border-radius:3px}
.latest .latest_rolling .img { overflow:hidden;  }
.latest .latest_rolling .img img { width:100%; }
.latest .latest_rolling .img { }
.latest .latest_rolling .img a {width:100%; padding-bottom:72.35890014472%;  display:block; position:relative; overflow:hidden;}
.latest .latest_rolling .img img { position: absolute; top: -9999px; 	right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; width:100%;}
.latest .slick-slide {margin:0px 20px}
.latest .slick-slide img {width:100%}
.latest .slick-prev:before,.slick-next:before {color:black}
.latest .slick-slide {transition:all ease-in-out .3s}
.latest .slick-dots {display:none !important}
.latest .slick-prev, .latest .slick-next {width:40px;height:40px;left:auto;right:19px;top:112%;bottom:0;z-index:99;background:#fff !important}
.latest .slick-prev:hover, .latest .slick-next:hover {background:#fff !important}
.latest .slick-prev:before, .slick-next:before {color:#000 !important}
.latest .slick-prev:before {content:url('/image/btn_p_b.png')}
.latest .slick-next:before {content:url('/image/btn_n_b.png')}
.latest .slick-prev {right:68px; }
#news .latest .latest_text_wrap {font-size:19px; padding:0;}
.latest .latest_text_wrap .date {font-size:13px; color:#ffffff;font-family:'Junge'}
.latest .latest_text_wrap .tit {line-height:1.450em;color:#174195;letter-spacing:-0.02rem; height:80px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; margin:24px 0 15px;}
.view_latest_news_area .latest .latest_text_wrap .tit { height:auto; padding:0 !important;}
.latest .latest_text_wrap .more {padding-top:7%;border-top:1px solid #eee;font-size:0.6rem;font-weight:bold;color:#193366}
.latest .latest_text_wrap .more:hover {background:none}
.latest .latest_text_wrap .more:after {display:none}
.latest_btn_wrap {width:1160px;margin:auto}
.latest_menu_more {display:inline-block;margin-top:1.5%;font-weight:bold;font-size:0.75rem;color:#193366}
.latest_menu_more:after {display:none}
.latest_menu_more:hover {color:#193366}
.latest_menu_more span {color:#1858d8}
.latest_menu_more img {margin:-2px 0 0 10px}
.latest .img {transition:ease-out .2s}
.latest .img a {display:inline-block;position:relative;width:100%;/* height:100% */}
.latest .img a:after {content:url('/image/more_l.png');position:absolute;top:0;right:0;width:100%;height:100%;opacity:1;padding-top:32%;text-align:center;transition:ease-out.5s;background-color:rgba(27, 79, 184, 0.8);transform:translateY(68%)}
/*.latest .latest_rolling:hover a:after {transform:translateY(0);}*/
.latest .latest_rolling:hover .img {box-shadow:5px 5px 10px rgba(0,0,0,.5);}
/* =============================== News view =============================== */
.view_area .text_area {margin-bottom:3%;padding-bottom:1%;line-height:140%;letter-spacing:-0.02rem;border-bottom:1px solid #dcdee2}
.view_area .text_area .eng_b {width:90%;font-size:30px;line-height:1.333em;color:#174195}
.view_area .text_area .date {margin:1% 0;font-size:13px;color:#d2ae50;font-family:'Junge'}
.view_area .text_area .date a {margin-left:25px;font-size:13px;color:#d2ae50;font-family:'Montserrat'}
.view_area .text_area .date a img {margin-right:5px}
.view_area .view_img_area p {font-size:13px;line-height:2.231em;color:#565867}
/*.view_area .view_img_area p {margin:5% 0;font-size:0.55rem;line-height:200%;color:#565867}*/
.notice_table th,
.notice_table td { line-height:1.4 !important; font-size:14px;}
.view_latest_news_area {overflow:hidden;padding:5% 0;background:#f2f5f8}
.view_latest_news_area .list {width:1195px;margin:auto}
.view_latest_news_area .list .latest_tit {font-size:0.7rem;color:#d2ae50}
.latest_news .latest .latest_rolling {background:none}
.view_latest_news_area .list .latest_tit {margin-bottom:2.5%}
.view_latest_news_area .list .latest_rolling {width:50%}
.view_latest_news_area .latest {margin:0 -1%}
.view_latest_news_area .latest .latest_rolling {padding:1%}
.view_latest_news_area .latest .img {float:left;width:35%}
.view_latest_news_area .latest .img img {width:100%}
.view_latest_news_area .latest .latest_text_wrap {float:left;width:65%;padding:0 0 0 5%;box-sizing:border-box;}
.view_latest_news_area .latest .img a:after {padding-top:30%}
.view_img {position:relative}
.view_img .img {text-align:center; margin-bottom:60px;}
.view_img .img img { width:auto !important; max-width:100%;}
.view_img .view_a {position:absolute;top:50%;width:100%}
.view_img .view_a a {display:inline-block;position:absolute;font-size:13px;color:#174195}
.view_img .view_a a.prev {left:-10%}
.view_img .view_a a.next {right:-7%}
.view_img .slick-dots { bottom:-30px; z-index:10;}

.download_butten a {width:100%; height:50px; font-size:16px; line-height:50px; display:block;}
.download_butten span {height:50px; width:100px; display:block; background:#444;line-height:50px; color:#fff; float:left; text-align:center; margin-right:20px;  font-size:0.55rem;}
/* =============================== Gallery =============================== */
.gallery .list {margin:0 -2% !important;padding:0 1%}
.gallery .tit_a {padding:0;border-bottom:none}
.gallery {overflow:hidden}
.gallery .gallery_tab{ margin-bottom:30px; }
.gallery .gallery_tab ul:after{ content:''; display:block; clear:both; }
.gallery .gallery_tab ul li{ float:left; width:calc(33.33% - 1.35%); text-align:center; margin:0 1%; }
.gallery .gallery_tab ul li:first-child{ margin-left:0; }
.gallery .gallery_tab ul li:last-child{ margin-right:0; }
.gallery .gallery_tab ul li a{ display:block; color:rgba(93,137,198,.5); padding-bottom:10px; border-bottom:6px solid rgba(93,137,198,.5); }
.gallery .gallery_tab ul li.on a{ color:rgba(93,137,198,1); border-color:rgba(93,137,198,1); }

.gallery .gallery_rolling {float:left;width:31%;margin:0 1% 4%;padding:1.5%;border:1px solid #eee;box-sizing:border-box;background:#fff;border-radius:3px;transition:ease-out .2s}
.gallery .gallery_rolling:hover {box-shadow:5px 5px 20px rgba(0,0,0,.2)}
.gallery .gallery_rolling .img {width:100%; padding-bottom:70%;  display:block; position:relative; overflow:hidden;}
.gallery .slick-slide {margin:0px 20px}
.gallery .slick-slide img {width:100%}
.gallery .slick-prev:before,.slick-next:before {color:black}
.gallery .slick-slide {transition:all ease-in-out .3s}
.gallery .slick-dots {display:none !important}
.gallery .slick-prev, .gallery .slick-next {width:40px;height:40px;left:auto;right:19px;top:112%;bottom:0;z-index:99;background:#fff !important}
.gallery .slick-prev:hover, .gallery .slick-next:hover {background:#fff !important}
.gallery .slick-prev:before, .slick-next:before {color:#000 !important}
.gallery .slick-prev:before {content:url('/image/btn_p_b.png')}
.gallery .slick-next:before {content:url('/image/btn_n_b.png')}
.gallery .slick-prev {right:68px}
.gallery .gallery_text_wrap {margin-top:5%;border-top:1px solid #eee;font-size:0.8rem}
.gallery .gallery_text_wrap .date {font-size:0.5rem;color:#d2ae50;font-family:'Junge'}
.gallery .gallery_text_wrap .tit {padding:2% 0 5%;line-height:140%;font-size:14px;color:#174195;letter-spacing:-0.02rem; height:60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery .gallery_text_wrap .more {padding-top:7%;border-top:1px solid #eee;font-size:0.6rem;font-weight:bold;color:#193366}
.gallery .gallery_text_wrap .more:hover {background:none}
.gallery .gallery_text_wrap .more:after {display:none}
.gallery_btn_wrap {width:1160px;margin:auto}
.gallery_menu_more {display:inline-block;margin-top:1.5%;font-weight:bold;font-size:0.75rem;color:#193366}
.gallery_menu_more:after {display:none}
.gallery_menu_more:hover {color:#193366}
.gallery_menu_more span {color:#1858d8}
.gallery_menu_more img {margin:-2px 0 0 10px}
.gallery .img {transition:ease-out .2s}
/* .gallery .img img {width:100%}
.gallery .img a {display:inline-block;position:relative;width:100%;height:100%} */
/* .gallery .img a { width:100%; padding-bottom:100%;  display:block; position:relative; overflow:hidden;} */
.gallery_rolling { position:relative;}
.gallery_rolling img {position: absolute; left:50%; top:50%; /* top: -9999px; right: -9999px;	bottom: -9999px;	left: -9999px;	 */margin: auto;	max-height: 100%; width:auto; max-width:100%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
.gallery_rolling a  { display:block; position:relative;}
.gallery_rolling a .img:after {content:url('/image/more_p.png');position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;padding-top:45%;text-align:center;transition:ease-out.5s;background-color:rgb(27, 79, 184,.8); box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box;}
/*.gallery_rolling:hover a .img:after {opacity:1}*/
.gallery .more_view {font-size:14px;color:#d2ae50;font-family:'Montserrat';border:none;background:none;/* cursor:pointer */position:relative; }
.gallery .more_view img {margin-left:15px; position:static; display:inline-block; vertical-align:sub;}


@media all and (max-width:1600px) {
.product_tit_wrap, .sub_menu_wrap {width:25%;height:auto}
.product_txt_wrap, .sub_page_wrap {width:75%;padding:3%}
.product_area:before, .product_sub_top_area:before {width:25%}
.page_s {right:3%}
.pignose-gallery .pignose-gallery-thumbnails {bottom:-5%}
}
@media all and (max-width:1500px) {
.page_area {width:100%;padding:10% 3%;box-sizing:border-box}
.about .text_area p.eng_box:before {width:40%}
.about .text_area p.eng_box {font-size:14px;line-height:150%}
.pignose-gallery .pignose-gallery-thumbnails {bottom:0}
.pignose-gallery .pignose-gallery-thumbnails {bottom:5%}
.view_area, .view_latest_news_area .list {width:100% !important;padding:3%;box-sizing:border-box}
.latest .latest_text_wrap .tit {font-size:0.7rem}
.view_img .img {width:80%;margin:auto}
.view_img .img img {width:100%}
.view_img .view_a a.prev {left:0}
.view_img .view_a a.next {right:0}
}
@media all and (max-width:1200px) {
.pignose-gallery .pignose-gallery-thumbnails {bottom:15%}
.list_area {width:100%;box-sizing:border-box;padding:5% 3%}
.latest .img a:after {padding-top:35%}
.about .text_area p.eng_box br {}
.view_area .view_img_area p { margin-top:30px;}
.tab button { width:49%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:2%; padding:7px;}
.gallery .gallery_tab ul li a p strong{ font-size:2vw; }
}
@media all and (max-width:1140px) {
.sub_top_area.news {height:200px}
.sub_top_area.gallery{height: 200px; }
.sub_top_area.news p {font-size:0.8rem}
.sub_top_area.gallery p {font-size:0.8rem}
.product_tit_wrap p {padding-top:21%;font-size:0.7rem}
.page_name span.eng_b {font-size:1rem}
.pro_text {width:100%;padding-right:0}
.pro_img {width:100%;margin-bottom:5%}
.product_txt_wrap, .sub_page_wrap {height:auto}
.pignose-gallery {width:300px;margin:auto}
.latest .img a:after {padding-top:38%}
.latest .latest_text_wrap .date,
.latest .latest_text_wrap .tit {font-size:14px;}
.view_img .img {width:70%}
}
@media all and (max-width:860px) {
.page_area { padding:50px 3%; margin-top:10%;}
/* .sub_top_area {height:220px} */
/* .sub_top_area.quality, .sub_top_area.service { height:450px;} */
.sub_top_area .in { height:100%;}
.sub_top_area p {  font-size:1.3rem; padding:0 15px !important; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

.about .text_area {background-size:70%}
.about .text_area p.eng_box:before {width:30%}
.about .text_area p.eng_box {width:100%;padding:5% 15% 5% 5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.latest .img a:after {padding-top:43%}
}
@media all and (max-width:768px) {
.list .latest_rolling {width:50%}
.list .gallery_rolling {width:48%}
/* .sub_top_area.news {height:180px} */
.sub_top_area.news p {padding-top:75px;font-size:0.8rem}
.sub_top_area.gallery p{padding-top:75px;font-size:0.8rem}
.imageview .hide {width:60px !important;height:60px !important}
.gallery .gallery_tab ul li a p strong{ font-size:20px; }
}
@media all and (max-width:670px) {
.product_tit_wrap {display:none}
.product_tit_wrap, .sub_menu_wrap, .product_area:before {display:none}
.product_txt_wrap {width:100%;background:#f1f2f6}
.product_txt_wrap, .sub_page_wrap {width:100%}
.pro_text {padding-right:0}
.page_s {display:none}
.page_sub_menu_wrap {position:relative;width:100%;height:auto;opacity:1;visibility:visible}
.product_sub_top_area {overflow:inherit}
.paging a {width:28px;height:28px;margin:0;line-height:28px !important}
.paging a.next {margin-left:0}
.paging a.prev {margin-right:0}
.paging a.next img, .paging a.prev img {width:30%}
.view_img .img {width:100%}
.view_img .view_a {position:relative;top:auto;overflow:hidden;margin:4% 0 3%}
.view_img .view_a a {position:relative}
.view_img .view_a a.prev {float:left}
.view_img .view_a a.next {float:right}
}
@media all and (max-width:560px) {
/* .sub_top_area {height:180px} */
.about .text_area {background:none}
.about .text_area p.eng_box:before {width:35%;bottom:-60px;right:0}
.about .text_area p.eng_box span {display:inline-block;width:80%}
.product_txt_wrap {padding:5%}
.page_name span.eng_s {font-size:1rem}
.page_name span.eng_b {font-size:1.5rem}
/* .all_menu {width:70% !important;font-size:1rem} */
.list .latest_rolling {float:none;width:100%;text-align:center}
.latest .img {width:360px;margin:auto}
.latest .img a:after {padding-top:30%}
.latest .latest_rolling {padding:0 3% 10%}
.latest .latest_text_wrap .tit {padding:3% 0 1%}
.latest .latest_text_wrap {margin:0 5%}
.view_latest_news_area .list .latest_rolling {overflow:hidden;width:100%}
.view_latest_news_area .latest .img {width:40%}
.view_latest_news_area .latest .latest_text_wrap {float:left;width:60%;margin:0;text-align:left}
.view_latest_news_area .latest .latest_text_wrap .tit {font-size:0.9rem}
.view_latest_news_area .latest .img a:after {padding-top:25%}
.list .gallery_rolling {float:none;width:100%;margin:auto;margin-bottom:4%}
.gallery .gallery_text_wrap { padding:15px;}
.gallery .gallery_text_wrap .tit { height:auto;     font-size: 1rem; padding:0 0 20px;}
.gallery .more_view { font-size:13px;}
}
@media all and (max-width:460px) {
/* .sub_top_area {height:150px} */
.about .text_area p.eng_box:before {width:40%;bottom:-40px}
.page_name {text-align:center}
.cssmenu ul ul li.page_name {text-align:left}
.sub_top_area.news {height:150px}
.sub_top_area.news p {padding-top:60px;font-size:0.8rem}
.sub_top_area.gallery {height:150px}
.sub_top_area.gallery p {padding-top:60px;font-size:0.8rem}
}
@media all and (max-width:400px) {
.latest .img {width:300px;margin:auto}
.latest .img a:after {padding-top:36%}
.paging a {width:25px;height:25px;margin:0;line-height:25px !important}
}