@charset "utf-8";
/*--------------------------head-wrapper---------------------------*/

.head-wrapper { position:relative; width:100%; z-index:10000 ;background-color: #fff;}
.head-social, .head-social li, .language, .head-search-wrap, .head-search, .head-search-wrap .search-title, .nav-bar .nav { position:relative; display:inline-block;  *display:inline;
 *zoom:1;
vertical-align:top; text-align:left; }
.topbar { position:relative; background:#222222; text-align:right; }
.head-social { float:left; }
.head-social li { margin:0 6px 0 0; line-height:45px; }
.head-social li img { max-width:22px; opacity:.4; }
.head-social li:hover img { opacity:1; }
.language { }
.head-search-wrap { margin: 12px 0 0 30px; }
.head-search-wrap:before { content:"/"; font-size:24px; position:absolute; left:-18px; top:-6px; color:#FFF; }
.head-search-wrap .search-title { width:20px; height:20px; margin:2px 0 0; background-position:-362px 4px; cursor:pointer; }
.head-search-wrap.wrap-hide .search-title { background-position:-305px 2px; }
.head-search { width:0; height:25px; opacity:0; overflow:hidden; }
.head-search .search-ipt { position:absolute; right:0; top:0; width:265px; 95height:25px; background:none; color:#FFF; border:none; }
.head-search .search-btn { position:absolute; left:0; top:4px; width:25px; height:25px; border:none; background-color:transparent; background-position:-305px 2px; }
.logo { position:relative; float:left; }
.logo img { position:relative; max-height:60px; }
.nav-bar { height:60px; padding:33px 0; text-align:right; background:#FFF; }
.nav-bar .nav { position:relative; }
.nav-bar .nav li, .nav-bar .nav li a { position:relative; display:block; }
.nav-bar .nav > li { display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
}
.conmanginfo{font-size: 24px;
    font-weight: bold;}
.nav-bar .nav > li > a { height:60px; line-height:60px; font-family:'SourceSansProSemibold'; font-size:18px; padding:0 25px; }
.nav-bar .nav > li > a:before { content:""; position:absolute; left:25px; top:10px; width:0; height:2px; background:#275275; }
.nav-bar .nav > li:hover > a:before, .nav-bar .nav > li.nav-current > a:before { width:18px; }
.nav-bar .nav li li { display:block;  *display:block;
line-height:35px; }
.nav-bar .nav li li a { padding:0 15px; }
.nav-bar .nav ul { width:225px; position:absolute; top:60px; left:0; background:rgba(255, 255, 255, 1); text-align:left; display:none; z-index:999; border:1px solid transparent }
.nav-bar .nav ul ul { top:0; left:227px; }
.nav-bar .nav ul li:hover >a { background:#FFF; color:#e7192d; }
.nav-bar .nav li .nav-ico { position:absolute; right: 5px; top:0; height:60px; line-height:60px; font-size:12px; }
.nav-bar .nav li .nav-ico:after { content:'\f0d7'; }
.nav-bar .nav li li .nav-ico { right:10px; height:35px; line-height:35px; color:inherit; }
.nav-bar .nav li li .nav-ico:after { content:'\f0da'; }
.nav-bar .nav > li:hover >a, .nav-bar .nav > li.nav-current > a { color:#275275; }
.nav-bar .nav li:hover > .nav-ico:after, .nav-bar .nav li.nav-current .nav-ico:after { color:#275275; }
.fixed-nav { position: fixed; width:100%; top:-76px;  -webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); box-shadow: 0 2px 2px rgba(0, 0, 0, .1); z-index:10009; padding:0 }
.fixed-nav-appear { top:0; }
.fixed-nav .logo img { max-height:40px; padding:10px 0 }
/*--------------------------footer---------------------------*/	

.foot-wrapper { position:relative; width:100%; background:#222222; margin:50px 0 0; }
.foot-wrapper, .foot-wrapper a { color:#CCC; }
.foot-items { padding:35px 0 20px; }
.foot-item { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
}
.foot-item.foot-item-contact { width:355px; }
.foot-item.foot-item-inquiry { width:380px; }
.foot-item.foot-item-news { width:465px; }
.foot-item.foot-item-contact .foot-cont .foot-tit, .foot-item.foot-item-contact .foot-cont { padding:0 115px 0 0; }
.foot-item.foot-item-inquiry .foot-cont .foot-tit, .foot-item.foot-item-inquiry .foot-cont { padding:0 85px 0 0; }
.foot-item .foot-tit { color:#FFF; font-size:20px; margin:0 0 30px; }
.foot-item.foot-item-contact ul li { position:relative; line-height:28px; padding:0 0 0 30px; margin:0 0 5px; }
.foot-item.foot-item-contact ul li:before { content:""; position:absolute; left:0; top:5px; width:30px; height:20px; background-repeat:no-repeat; background-image:url(img/page-ico.png); }
.foot-item.foot-item-contact ul li.foot-addr:before { background-position:-17px -168px; }
.foot-item.foot-item-contact ul li.foot-phone:before { background-position:-17px -228px; }
.foot-item.foot-item-contact ul li.foot-email:before { background-position:-17px -260px; }
.foot-item.foot-item-contact ul li.foot-fax:before { background-position:-17px -295px; }
.foot-item.foot-item-contact ul li.foot-skype:before { background-position:-17px -328px; }
.foot-item.foot-item-inquiry .subscribe { }
.foot-item.foot-item-inquiry .subscribe p { }
.foot-item.foot-item-inquiry .subscribe-form { }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt { position:relative; width:210px; padding:0 10px; height:30px; line-height:30px; border:none; background:#FFF; color:#999; font-style:italic; margin:15px 0 10px; }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn { position:relative; padding:0 10px; height:30px; line-height:30px; border:none; border-radius:3px; }
.news-slides { padding:0 0 30px; }
.news-slides .owl-dots { text-align:right; }
.news-slides .owl-dots .owl-dot { width:11px; height:11px; margin:0 6px; }
.foot-news-item { }
.foot-news-item .item-wrap { }
.foot-news-item .news-cont-pic { position:relative; width:120px; float:left; margin:0 20px 0px 0; }
.foot-news-item .news-cont-pic img { }
.foot-news-item .news-cont-info { }
.foot-news-item .news-cont-info .news-cont-title, .foot-news-item .news-cont-info .news-cont-title a { color:#FFF; font-family:'SourceSansProSemibold'; font-size:14px; }
.foot-news-item .news-cont-info .news-cont-time { }
.foot-news-item .news-cont-info .news-cont-text { }
.footer { position:relative; text-align:center; background:#111111; padding:23px 0 40px; }
.foot-social { }
.foot-social li { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
margin:0 8px; }
.foot-social li img { max-width:25px; }
.copyright { margin:15px 0 0 }
/*--------------------------index---------------------------*/	

.index-layout { position:relative; width:100%; }
.company-synopses-wrap { position:relative; width:100%; padding:95px 0 50px; }
.company-synopses { position:relative; width:110%; padding: 0px 0px 40px 0px; }
.synopsis-item { position:relative; display:inline-block; vertical-align:middle;  *display:inline;
 *zoom:1;
text-align:center; width:374px; margin:0 39px 0 0; }
.synopsis-item .item-wrap { position:relative; overflow:hidden; border:1px solid #e8e8e8; border-radius:5px; z-index:0; }
.synopsis-item .item-ico { position:absolute; left:0; top:-49px; width:100%; z-index:1; }
.synopsis-item .item-ico img { border:10px solid #FFF; border-radius:50%; max-width:88px; max-height:88px; }
.synopsis-item .item-img { }
.synopsis-item .item-img img { }
.synopsis-item .item-info { position:relative; padding:30px; }
.synopsis-item .item-info .item-title { font-size:24px; margin:0 0 10px; }
.synopsis-item .item-info .item-detail { font-size:16px; color:#7c7770; }
.synopsis-item.current .item-wrap { box-shadow:0 0 20px rgba(0, 0, 0, .5); }
.about-us-wrap { position:relative; width:100%; height:380px; background:#e3e3e3; }
.about-us { position:relative; width:100%; }
.about-us .about-img { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:49%; z-index:0 }
.about-us .about-img:before { z-index:999; content:''; position:absolute; right:0; top:0; width:0; height:0; border-bottom:380px solid #e3e3e3; border-left:130px dashed transparent; }
.about-us .about-img:after { content:''; position:absolute; left:143px; top:0; width:41px; height:22px; background:url(img/triangle01.png) no-repeat top center; z-index:999; }
.about-us .about-img .item { }
.about-us .about-img .item img {position:relative;width:100%;/* height:380px; */}
.about-us .about-detail { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:49%; text-align:right; z-index:1; }
.about-us .about-detail:after { content:''; position:absolute; right:65px; top:0; width:41px; height:22px; background:url(img/triangle02.png) no-repeat top center; }
.about-us .about-detail .title { position:relative; font-family:'SourceSansProSemibold'; font-size:40px; color:#275275; margin:80px 0 0; }
.about-us .about-detail .text { position:relative; font-family:'SourceSansProExtraLight'; font-size:18px; padding:5px 0 40px; }
.about-us .about-detail .text p { margin:0 0 8px; }
.about-us .about-detail .read-more { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
font-family:'SourceSansProBold'; color:#275275; font-size:19px; padding:0 34px; height:58px; line-height:58px; background:#FFF; border-radius:35px; border:1px solid #FFF; }
.about-us .about-detail .read-more:hover { border-color:#275275; background:none; }
.flex-control-nav { width: 100%; position: absolute; left:-65px; bottom:5px; text-align: center; z-index:99; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
vertical-align:top; }
.flex-control-paging li a { width: 13px; height: 13px; display: block; background:rgba(0, 0, 0, .6); cursor: pointer; text-indent: -9999px; border-radius:50%; }
.flex-control-paging li a.flex-active { background:#275275 }
.index-title-bar { position:relative; width:100%; text-align:center; border-top:1px solid #d2d2d2; padding:40px 0 0; z-index:0; }
.index-title-bar .ico { position:absolute; top:-18px; left:50%; margin:0 0 0 -46px; width:92px; height:36px; background:url(img/page-ico.png) no-repeat 12px -88px; background-color:#FFF; z-index:1; }
.index-title-bar .title { font-size:36px; text-transform:uppercase; }
.main-product-wrap { margin:70px 0 0; }
.product-wrap { position:relative; width:110%; margin:25px 0 0; }
.product-item { position:relative; font-size:24px; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:296px; margin:0 26px 26px 0; text-align:center; }
.main-product-wrap .product-item { width:282px; margin:0 24px 24px 0; }
.product-item .item-wrap { position:relative; }
.product-item .pd-img { position:relative; overflow:hidden; border:2px solid #c0c0c0; border-radius:8px; background:#275275; }
.product-item .pd-img img { position:relative; width:100%; border-radius:6px; overflow:hidden; }
.product-item .pd-img .ico { position:absolute; width:40px; height:40px; left:50%; top:50%; margin:-20px 0 0 -20px; background: url(img/page-ico.png) no-repeat -204px -90px; opacity:0; visibility:hidden; }
.product-item .pd-img:hover img { opacity:.5 }
.product-item .pd-img:hover .ico { opacity:1; visibility:visible; }
.product-item .pd-info { padding:10px; }
.product-item .pd-info .pd-name { font-size:16px; }
/*----------------------------------page---------------------------------*/

.path-bar {position:relative;width:100%;line-height:33px;margin:0 0 26px;background: #ffffff;}
.path-bar li:after { content:"/"; position:absolute; display:block; overflow:hidden; right:0; top:0 }
.path-bar .path-nav { }
.path-bar li { display:inline-block; vertical-align:top; position:relative; color:#999; }
.path-bar li a { display:block; padding:0 15px 0 5px; color:#999; }
.path-bar li:hover a, .path-bar li.current a { }
.path-bar li:last-child:after { content:''; }
/*----------------------------------aside---------------------------------*/	

.aside { float:left; width:230px; }
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit { position:relative; font-size:18px; line-height:40px; padding:0 0 0 20px; font-family:'SourceSansProBold'; color:#275275; }
.side-tit-bar .side-tit:before { content:""; position:absolute; left:0; top:0; width:6px; height:100%; background:#275275; }
.side-widget { position:relative; margin:0 0 40px; }
.side-widget .side-cate { padding:0 0 0 20px; }
.side-cate ul li { position:relative; line-height:38px; }
.side-cate ul li li li { padding:0 10px; }
.side-cate ul li a { position:relative; display:block; }
.side-cate ul li li a { color:#275275; margin-left:10px; }
.side-cate ul li li a:hover { color: #e7192d; }
.side-cate ul li a:hover { color: #e7192d; }
.side-cate-menu li .side-ico { position:absolute; right:0; top:5px; color:#275275; font-size:12px; cursor: pointer; }
.side-cate ul li>ul { display:none; }
.side-cate-menu li .icon-cate-down:before { content: '\f067'; }
.side-cate-menu li .icon-cate-up:before { content: '\f068'; }
.products-scroll-list-wrap { position:relative; }
.products-scroll-list { position:relative; padding:25px 0 0; }
.products-scroll-list li { padding:0 0 15px; display:block; overflow:hidden; }
.products-scroll-list li img { width:65px; border:1px solid #e5e5e5; float:left; margin:0 12px 0 0; border-radius:2px; }
.products-scroll-btn-prev, .products-scroll-btn-next { position:relative; width:100%; height:19px; display:block; z-index:999 }
.products-scroll-btn-prev { background:url(img/icons-prev.png) no-repeat center center; margin:10px 0 0; }
.products-scroll-btn-next { background:url(img/icons-next.png) no-repeat center center; margin:-20px 0 20px; }
.side-bn { max-width:100%; margin:0 0 25px 0; }
.side-bn img { max-width:100% }
.main { position:relative; width:940px; display:block; float:right; }
.main-tit-bar { overflow:hidden; border-bottom:1px solid #ebebeb; padding:0 0 8px; margin:0 0 10px; }
.main-tit-bar .title { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
font-family:'SourceSansProSemibold'; font-size:24px; }
.main-tit-bar .share-this { display:inline; float:right; margin:0 10px 0 0; }
.main-banner { position:relative; display:block; margin:0 0 10px; }
.main-banner img { position:relative; width:100%; }
.product-list { margin:40px 0 0; }
.product-list, .certificate-list, .video-list, .download-list, .faq-list { position:relative; }
.product-list ul, .certificate-list ul, .video-list ul { position:relative; width:110%; }
.download-list ul { }
.download-list ul li { position:relative; display:block; overflow:hidden; line-height:30px; padding:30px 0 10px; border-bottom:1px solid #E9E9E9; }
.download-list ul li .download-cont { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
float:left; }
.download-list ul li .download-cont .download-pic { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:25px; height:25px; overflow:hidden; }
.download-list ul li .download-cont .download-pic img { max-width:25px; max-height:25px; }
.download-list ul li .download-cont .download-detail { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
margin:0 15px; font-size:18px; font-family:'SourceSansProSemibold'; }
.download-list ul li .download-button { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
float:right; height:30px; line-height:30px; font-size:14px; border-width:1px; border-style:solid; border-left-color:#C1C1C1; border-right-color:#C1C1C1; border-top-color:#C9C9C9; border-bottom-color:#A5A5A5; border-radius:5px;  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
background: -moz-linear-gradient(top, #F1F1F1, #DADADA); background: -o-linear-gradient(top, #F1F1F1, #DADADA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA)); }
.download-list ul li .download-button a { position:relative; display:block; padding:0 12px 0 40px; color:#0A0A0A; background-image:url(img/icons08.png); background-repeat:no-repeat; background-position: 15px 8px; }
.faq-list ul { }
.faq-list ul li { position:relative; display:block; overflow:hidden; line-height:24px; border-bottom:1px solid #E9E9E9; color:#3D3D3D; }
.faq-list ul li .faq-title { position:relative; padding:20px 0 16px 42px; height:24px; line-height:24px; cursor:pointer; }
.faq-list ul li .faq-title b { position:absolute; left:1px; top:20px; width:24px; height:24px; display:block; overflow:hidden; }
.faq-list ul li .faq-title b.faq-down { background:url(img/icons10.png) no-repeat center center; }
.faq-list ul li .faq-title b.faq-up { background:url(img/icons09.png) no-repeat center center; }
.faq-list ul li .faq-title h2 { font-weight:normal; font-size:18px; font-family:'SourceSansProSemibold'; }
.faq-list ul li .faq-cont { position:relative; padding:0 0 30px 42px; font-size:14px; }
.page-bar { position:relative; display:block; margin:20px 0; text-align:center; }
.page-bar .pages { display:inline-block; }
.pages a, .pages span { display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
border:1px solid #e5e5e5; height:33px; line-height:33px; padding:0 14px; margin:0 4px; vertical-align:middle; border-radius:5px; }
.pages span, .pages span a { text-transform:uppercase; }
.pages span { margin:0 10px; }
.page-count { }
.pages .page-prev { margin:0 10px 0 10px; }
.pages .page-next { margin:0 0 0 15px; }
.pages a.current, .pages a:hover { background:#222222; color:#FFF; }
.pages a:hover { text-decoration:none; }
.blog-list { background:#fff; padding:0 0 80px; margin:0 auto 15px; }
.blog-list .blog-item { padding:20px 0; position:relative; margin:0 auto 3px; }
.blog-list .blog-item .blog-img { float:left; width:200px; height:auto; margin:0 20px 8px 0; }
.blog-list .blog-item .blog-tit { font-size:16px; }
.blog-list .blog-item .blog-meta { display:block; color:#aaa; }
.blog-list .blog-item .blog-meta span { display:inline; padding:0 15px 0 0; }
.blog-list .blog-item .blog-summary { padding:8px 0; color:#999; }
.blog-list .blog-item .readmore { display:block; text-align:right; font-size:14px; }
.blog-list .blog-item .readmore:hover a { color:#1F5792; }
.blog-list .blog-item .readmore i { font-size:14px; }
.blog-list .blog-item:hover { background:#fafafa; }
.blog-list .blog-item:hover img { opacity:0.8; }
.blog-list .blog-item:before { content:""; height:1px; font-size:1px; overflow:hidden; border-top:1px double #275275; border-bottom:1px double #275275; ; position:absolute; left:0; right:0; bottom:-3px; }
/* product photos */

.product-intro { position:relative; display:block; }
.product-title { font-size:24px; border-bottom:1px solid #e5e5e5; padding:0 0 10px 0; margin:0 0 15px 0; font-family:'SourceSansProSemibold'; font-weight:normal; line-height:28px; color:#1a1926; }
.cloud-zoom-lens { border: 1px solid #eee; cursor:move; }
.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
.cloud-zoom-big { border:1px solid #eee; overflow:hidden; padding:0px; }
.cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; }
.product-view { position:relative; width:315px; float:left; }
.product-view .product-image { position:relative; border:1px solid #eee; }
.product-view .product-image img { position:relative; width:100%; }
.product-view .image-additional { position:relative; width:100%; margin:20px 0; }
.product-view .image-additional ul { position:relative; width:100%; }
.product-view .image-additional li { position:relative; width:100%; margin:0 23px 0 0; }
.product-view .image-additional li.single { display:none; }
.product-view .image-additional li img { position:relative; width:100%; border:1px solid #CCC; }
.product-view .image-additional li a { position:relative; display:block; padding:0 17px; }
.product-view .image-additional li.current img { border-color:#F00; }
.product-view .image-additional img.popup { display:none; }
.image-additional .owl-nav { display:inline; position:absolute; top:50%; margin:-8px 0 0; left:0; width:100%; z-index:0; }
.image-additional .owl-prev, .image-additional .owl-next { position:absolute; top:0; overflow:hidden; z-index:999; float:left; display:block; background-repeat:no-repeat; }
.image-additional .owl-prev { left:-10px; }
.image-additional .owl-next { right:-10px; }
.image-additional .owl-prev:before { content:"\f053"; }
.image-additional .owl-next:before { content:"\f054"; }
/* product summary */

.product-summary { position:relative; width:590px; float:right; }
.product-summary .product-meta { line-height:25px; }
.product-summary .product-meta h3 { font-family:'SourceSansProSemibold'; margin:0 0 10px; font-size:16px; }
.product-btn-wrap { position:relative; margin:20px 0 0; }
.product-btn-wrap .email, .product-btn-wrap .pdf { position:relative; display:inline-block;  *display:inline;
 *zoom:1;
vertical-align:top; line-height:30px; padding:0 15px; border-radius:3px; background:#275275; border:1px solid #275275; color:#FFF; margin:0 20px 0 0; }
.product-btn-wrap .email:before { content:"\f0e0"; padding:0 3px 0 0; }
.product-btn-wrap .pdf:before { content:"\f1c1"; padding:0 3px 0 0; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover { background:none; color:#275275; }
.product-summary .share-this { float:right; margin:30px 0 0; }
.product-detail { position:relative; overflow:visible; margin:50px 0 0; }
.detail-tabs { position:relative; }
.detail-tabs .title { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
font-family:'SourceSansProSemibold'; font-size:14px; padding:0 15px; line-height:26px; cursor:pointer; border-radius:3px; overflow:hidden; color:#000; font-size:16px; margin:0 10px 0 0; }
.detail-tabs .title.current { box-shadow:2px 2px 8px rgba(0, 0, 0, .3) }
.product-detail .detail-panel { padding:20px 0; display:block; overflow:hidden }
.product-detail .disabled { display:none; }
.goods-tbar { position:relative; }
.goods-tbar .title { position:relative; font-family:'SourceSansProSemibold'; font-size:18px; color:#000; }
.goods-may-like { position:relative; margin:40px 0 0; }
.goods-items-wrap { position:relative; width:100%; }
.goods-items { position:relative; width:966px; margin:25px 0 0; }
.goods-items .owl-nav { display:inline; position:absolute; top:-50px; right:15px }
.goods-items .owl-prev, .goods-items .owl-next { position:relative; top:0; overflow:hidden; z-index:999; float:left; display:block; background:none; font-size:30px; color:#666 }
.goods-items .owl-prev:before { content:"\f104"; }
.goods-items .owl-next:before { content:"\f105"; }
 @media screen and (max-width: 950px) {



/* layout */





body, .container {
width:100%;
min-width:inherit;
}
 .layout, .header, .nav-bar .nav-wrap, .banner-list, .bottom-service, .social-layout, .foot-wrapper .foot-img {
display:block;
width:100%;
margin:0 auto;
}
 .head-wrapper, .foot-wrapper, .nav-bar {
max-width:100%;
min-width:inherit;
}
 .z10000 {
position:relative;
z-index:100000;
}
 .mobile-body-mask {
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.6);
position:absolute;
position:fixed;
left:0;
top:0;
z-index:9999;
}
 .mobile-ico-close {
width:30px;
height:30px;
background:#fff url(img/mobile_close.png) center center no-repeat;
background-size:50% auto;
position:absolute;
right:-35px;
top:0;
}
 img {
max-width:100%;
}
 a:visited {
color:#333;
}
 .owl-carousel {
padding:0 0 30px;
}





/* box sizing */



* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
 .owl-carousel {
padding:0 0 30px;
}
 .sub-content {
 position:relative;
 display:block;
 right:auto;
 border-radius:0;
 border:none;
 box-shadow:none;
 z-index:99999;
}
 .scrollsidebar {
display:none;
}
 .gotop {
 display:none;
 visibility:hidden;
}



/* ===================================================



 * header 



 * --------------------------------------------------- */



 

.mobile-head-items {
 position:fixed;
 top:0;
 left:0;
 background:#161622;
 width:100%;
 height:25px;
 line-height:25px;
 text-align:left
}
 .mobile-head-item {
 float:left;
 width:45px;
}
 .mobile-head-item.mobile-head-aside {
 float:right
}
 .mobile-head-item .title {
 width:100%;
 height:25px;
 line-height:25px;
 overflow:hidden;
 text-align:center;
 color:#FFF;
}
 .mobile-head-item .title a {
 position:relative;
 display:block;
 color:#FFF;
}
 .mobile-head-item.mobile-head-home .title a:before {
content:'\f015';
}
 .mobile-head-item.mobile-head-nav .title:before {
content:'\f0c9';
}
 .mobile-head-item.mobile-head-language .title:before {
content:"\f1ab";
}
 .mobile-head-item.mobile-head-search .title:before {
content:"\f002";
}
 .mobile-head-item.mobile-head-social .title:before {
content:"\f007";
}
 .mobile-head-item.mobile-head-aside .title:before {
content:"\f060";
}
 .mobile-head-item .main-content-wrap {
 background:#FFF;
 top:0;
 display:block;
 z-index:99999;
}
 .mobile-head-item .main-content-wrap .content-wrap {
 overflow-y: scroll;
 height:100%;
 padding:15px 10px;
}
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
 overflow-y:hidden;
}
 .mobile-head-item .side-content-wrap {
 position:fixed;
 display:block;
 left:-70%;
 width:70%;
 height:100%;
}
 .mobile-head-item .middle-content-wrap {
 position:absolute;
 left:0;
 width:100%;
 height:auto;
 padding:20px 0;
 opacity:0;
 visibility:hidden;
}
 .mobile-head-item .middle-show-content-wrap {
 top:30px;
 visibility:visible;
 opacity:1;
}
 .nav-bar .nav, .topbar {
 display:none;
}
 .nav-bar {
 height:auto;
 padding: 33px 0 15px;
}
 .logo {
 float:none;
 text-align:center
}
 .logo img {
 max-height:none;
 max-width:30%;
}
 .head-search {
 width:100%;
 opacity:1;
 background:#ccc;
}
 .head-search .search-ipt {
 width:100%;
 padding:0 20px;
 border-bottom:1px solid #CCC
}
 .head-social {
 float:none;
 width:100%;
 text-align:center;
}
 .head-social li {
 padding:0 5px;
}
 .head-social li img {
 background:#000;
}

/*nav */



.nav li {
 position:relative;
 display:block;
 width:100%;
}
 .nav li ul {
 display:block;
 width:100%;
}
 .nav li ul li {
 width:auto;
 padding:0 10px;
 display:inline-block;
}
 .nav li ul img {
 display:block;
 display:none;
}
.nav > li > ul > li > a:before {
 content: '';
 display: block;
 width: 3px;
 height: 3px;
 background-color: #aaa;
 position: absolute;
 left: 0;
 top:1.35em;
}
.nav>li {
border-bottom:1px solid #eee;
line-height:2.75em;
}
.nav>li:after {
 content: '\f105';
 position: absolute;
 right: 0;
 top: 0;
 line-height: 2.75em;
}
.nav > li > ul > li > a {
 display: block;
 position: relative;
 padding-left: 1em;
 float: none;
 font-weight: bold;
}
.nav > li > ul > li {
display:block;
}
.nav>li>ul>li>ul {
margin-left:5%;
}
/* translate */



.transall {
display:block;
width:100%;
float:none;
}
 .head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body, .head-wrapper .prisna-wp-translate-dropdown-body:hover {
background:none!important;
border:0!important;
box-shadow:none!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-container, .head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body {
height:auto!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-body {
float:none!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language, .head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow {
display:none!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll {
display:block!important;
height:auto!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-languages-list p {
width:50%;
display:inline!important;;
float:left!important;
}
 .head-wrapper .prisna-wp-translate-dropdown-languages-list {
display:block!important;
}
 .transall .prisna-wp-translate-dropdown-current-language {
display:none!important;
}











/* ===================================================



 * footer 



 * --------------------------------------------------- */



 

 

.foot-items {
 width:98%;
 margin:0 auto;
}
 .foot-item.foot-item-contact, .foot-item.foot-item-inquiry, .foot-item.foot-item-news {
 width:100%;
 margin:0 0 20px;
}
 .foot-item.foot-item-contact .foot-cont .foot-tit, .foot-item.foot-item-contact .foot-cont, .foot-item.foot-item-inquiry .foot-cont .foot-tit, .foot-item.foot-item-inquiry .foot-cont {
padding:0;
}
 .foot-item.foot-item-inquiry .subscribe-form {
 position:relative;
 width:100%
}
 .foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
 width:90%;
}
 .news-slides .owl-dots {
 text-align:center;
}
 .news-slides .owl-dots .owl-dot {
 width:6px;
 height:6px;
}











/* ===================================================



 * for:homepage 



 * --------------------------------------------------- */



.company-synopses-wrap {
 position:relative;
 width:100%;
 padding:60px 0 0;
}
 .company-synopses {
 width:100%;
}
 .synopsis-item {
 width:50%;
 margin:0 0 60px;
}
 .synopsis-item .item-wrap {
 width:96%;
 margin:0 auto;
}
 .about-us-wrap {
 height:auto;
 padding:0 0 30px;
}
 .about-us .about-img {
 width:100%;
}
 .about-us .about-img:before {
display:none;
}
 .about-us .about-img:after {
 left:50%;
 margin:0 0 0 -20px;
}
 .about-us .about-detail {
 width:98%;
 text-align:left;
 margin:0 1%;
}
 .about-us .about-detail:after {
 right:50%;
 margin:0 -20px 0 0;
}
 .flex-control-nav {
left:0;
}
 .product-wrap {
 width:100%;
}
 .product-item, .main-product-wrap .product-item {
 width:33.33333333%;
 margin:0 0 20px;
}
 .goods-items .product-item {
 width:100%;
 margin:0;
}
 .product-item .item-wrap {
 width:96%;
 margin:0 auto;
}





/* ===================================================



 * for:product list 



 * --------------------------------------------------- */



.path-bar {
display:none;
}
 .promote-bar {
display:none;
}







/* aside */



.aside {
display:none;
}
 .side-head-search {
 width:100%;
}
 .side-head-search .search-ipt {
 width:100%;
}
 .side-tit-bar {
 position:relative;
}
 .side-tit-bar .side-tit {
 font-size:16px;
 line-height:30px;
}
 .side-widget {
 margin:0 0 30px;
}
 .side-cate ul li {
 line-height:30px;
}
 .products-scroll-btn-prev, .products-scroll-btn-next {
display:none;
}
 .products-scroll-list li {
 display:inline-block;
 vertical-align:top;
 width:48%;
 margin:0 1%;
}
 .products-scroll-list li img {
 width:100%;
 float:none;
 margin:0;
}





/* main */



.main {
width:98%;
float:none;
padding:0;
margin:0 auto;
}
 .main-tit-bar {
 margin:30px 0 10px;
}
 .main-tit-bar .title {
 font-size:20px;
}
 .product-list ul, .certificate-list ul, .video-list ul {
 position:relative;
 width:100%;
}
 .page-bar .pages {
display:block;
float:none;
text-align:center
}
 .pages a, .pages span {
 height:25px;
 line-height:25px;
 padding:0 10px;
 border-radius:2px;
 font-size:12px;
}





/* ===================================================



 * for:product detail 



 * --------------------------------------------------- */



/* product intro */



.product-title {
 font-size:20px;
 margin:30px 0 10px 0;
}
 .product-view {
 width:100%;
 float:none;
}
 .product-view .product-image {
 display:none
}
 .product-view .image-additional {
 width:100%;
 margin:0;
}
 .product-view .image-additional ul {
 width:100%;
}
 .product-view .image-additional li {
 width:100%;
 margin:0;
}
 .product-view .image-additional li a {
 padding:0;
}
 .product-view .image-additional li.current img {
 border-color:inherit;
}



/* product summary */

.product-summary {
position:relative;
width:100%;
float:none;
}
 .product-summary .share-this {
 float:none;
 margin:30px 0;
}

/* detail */



.tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {
display:none;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-item {
 margin:0 0 30px;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-title {
 font-family:'SourceSansProSemibold';
 margin:0 0 15px;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}



/* Customers Also Bought */



.goods-items {
 width:100%;
}





/* ===================================================



 * for:blog 



 * --------------------------------------------------- */



.blog-list .blog-item {
padding:15px;
border-bottom:1px solid #ddd;
}
 .blog-list .blog-item:last-child {
border:0;
}
 .blog-list .blog-item:hover {
background:none;
}
 .blog-list .blog-item:before {
left:15px;
right:15px;
display:none;
}
 .blog-list .blog-item .blog-img {
display:block;
max-width:100%;
float:none;
}
 .blog-list .blog-item .blog-tit {
font-size:16px;
line-height:1.3em;
padding:6px 0 0;
font-weight:normal;
}
 .blog-list .blog-item .blog-meta {
padding:6px 0 0;
}
 .blog-list .blog-item .blog-summary {
padding:0;
margin:8px 0;
height:80px;
line-height:20px;
overflow:hidden;
}
 .blog-list .blog-item .readmore {
display:none;
}
 .main .blog-article {
padding:5px 10px;
}





/*----------------inquiry-form--------------------------*/



.inquiry-form {
 padding:15px;
}
 .inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {
 width:100%;
}
 .faq-list ul li .faq-cont {
 padding:20px 0 30px 0;
 font-size:14px;
}
}
 @media screen and (max-width: 641px) {
 .about-us .about-img .item img {
 width:100%;
 height:auto;
}
 .synopsis-item {
 width:100%;
}
 .synopsis-item .item-wrap {
 width:98%;
}
 .about-us .about-img:after, .about-us .about-detail:after {
 display:none;
}
 .about-us .about-detail .title {
 margin:40px 0 10px;
}
 .product-item, .main-product-wrap .product-item {
 width:50%;
}
 .products-scroll-list li {
 display:block;
 width:100%;
 margin:0 0 20px;
}
 .products-scroll-list li img {
 max-width:65px;
 float:left;
 margin:0 15px 0 0;
}
 .download-list ul li {
 border-bottom:none;
}
 .download-list ul li .download-cont {
 display:block;
 float:none;
 margin:0 0 20px;
}
 .download-list ul li .download-button {
 float:none;
}
}
.change-language { margin:7px 0 0; }
.change-language-info .change-language-title, .change-language-info .change-language-title a, .change-language-info .change-language-title span, .change-language-info .language-icon { color:#000 !important; }
.change-language-info:hover .change-language-title, .change-language-info:hover .change-language-title a, .change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon { color:inherit !important }














/* -----------------------new index-------------------------------- */
/*-------------------------------
search  start
----------------------------------*/
.container { position: relative; min-height: 100vh; background-position: left bottom; background-repeat: no-repeat; }
.search-ipt { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
.web-search { display: flex; visibility: hidden; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.web-search .btn--search-close { position: absolute; top: 1.25em; right: 1.25em; display: inline-block; display: none; width: 45px; height: 45px; border-radius: 50%; background-color: #ccc; background-image: url(img/search_btn_close.png); background-position: center; background-size: auto 35%; background-repeat: no-repeat; font-size: 1.8em; line-height: 45px; cursor: pointer; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-background-size: auto 35%; }
.web-search .btn--search-close:hover { background-color: #0799cb; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
.js .btn--search-close { display: block; }
.web-search .search-ipt { display: inline-block; box-sizing: border-box; padding: 0.05em 0; width: 75%; border-bottom: 3px solid; color: #333; font-size: 20px; font-family: inherit; line-height: 1em; }
    .web-search .search-ipt::-webkit-input-placeholder {
    color: #333;
    font-weight: bold;
}
    .web-search .search-ipt::-moz-placeholder {
    color: #333;
    font-weight: bold;
    opacity: 1;
}
    .web-search .search-ipt:-ms-input-placeholder {
    color: #333;
    font-weight: bold;
}
    .web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
    -webkit-appearance: none;
}
    .web-search .search-ipt::-ms-clear {
    display: none;
}
.web-search .search-attr { display: block; margin: 0 auto; padding: 0.85em 0; width: 75%; color: #333; text-align: right; font-size: 90%; }
.js .container, .js .web-search .search-ipt { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
.js .container { position: relative; }
.js .main-wrap--move { min-height: 100vh; }
.js .web-search { pointer-events: none; }
.web-search { position: fixed; top: 0; left: 0; z-index: 100001; margin: auto; padding: 25px 0; width: 100%; background-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); perspective: 1200px; -ms-transform: translateY(-100%); }
.web-search .btn--search-close { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.search__suggestion, .web-search .search-attr { opacity: 0; -webkit-transition: opacity 0.8s, transform 0.8s; -moz-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; -webkit-transform: translate3d(-15%, 0, 0); -moz-transform: translate3d(-15%, 0, 0); -o-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); -ms-transform: translate3d(-15%, 0, 0); -ms-transition: opacity 0.8s, transform 0.8s; }
.web-search .search-attr { padding-bottom: 0; font-size: 20px; }
.js .web-search .search-ipt { padding: 0 0 15px; text-transform: uppercase; font-weight: bold; font-size: 60px; opacity: 0; -webkit-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; border-bottom-width: 1px; -ms-transform: scale3d(0, 1, 1); -ms-transform-origin: 0% 50%; }
.js .web-search .search-ipt, .web-search .search-attr { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.js .web-search .search-btn { display: none !important; }
.js .search--open { visibility: visible; opacity: 1; pointer-events: auto; }
.js .search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-animation: bounceInA 1s ease; -o-animation: bounceInA 1s ease; animation: bounceInA 1s ease; }
.js .search--open .search-ipt { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); }
.js .search--open .search-attr { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.js .search--open { -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.js .search--open::before { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.js .main-wrap--move { -webkit-transform: translateY(180px); -o-transform: translateY(180px); transform: translateY(180px); -ms-transform: translateY(180px); }
.main-wrap--move:after { position: fixed; top: 0; left: 0; z-index: 100000; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); content: ''; }
/*-------------------------------
            search  end
            ----------------------------------*/
/*-------------------------------
swiper-slide start
----------------------------------*/
.slider_banner { position: relative; overflow: hidden; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.swiper-button-next:before, .swiper-button-prev:before { display: inline-block; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; }
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 30px; height: 3px; vertical-align: top; }
.swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; }
.swiper-pagination-bullet:before { background-color: #fff; content: ''; }
.swiper-pagination-bullet-active:before { background-color: #0799cb; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; transition: .2s transform, .3s top; transition: .2s transform, .3s top, .3s -webkit-transform; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; transition: .2s transform, .3s left; transition: .2s transform, .3s left, .3s -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; }
.swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }
.swiper-container-horizontal { overflow: hidden; }
.swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; }
.swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; }
.swiper-lazy-preloader-white:after { }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }
@media screen and (max-width: 480px) {
.swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; }
}
/*ie*/
.swiper-container { overflow: hidden\9; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; }
.swiper-slide { float: left\9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper { width: auto; }
}
/*-------------------------------
        swiper-slide end
        ----------------------------------*/


/*------------------- head ------------------------*/
@font-face {font-family: 'Montserrat';src: url('fonts/Montserrat-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Poppins_Bold';src: url('fonts/Poppins-Bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Poppins_Regular';src: url('fonts/Poppins-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Poppins_Medium';src: url('fonts/Poppins-Medium.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Poppins_SemiBold';src: url('fonts/Poppins-SemiBold.ttf') format('truetype');font-weight: normal;font-style: normal;}

/* block_head */
.block_head{box-shadow: 0 1px 1px rgba(0, 0, 0, .16);}
.block_head .head_layout{position:relative;display:flex;-webkti-display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}
.block_head .head_layout .logo{float:unset;width:91px}
.block_head .head_layout .logo img{max-height:unset}
.block_head .head_layout .head_box{flex:1;padding-left: 35px;}
.block_head .head_layout .head_top{padding:15px 0;border-bottom:1px solid #dbdbdb;position:relative;display:flex;-webkti-display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}
.block_head .head_layout .head_contact{display:flex;-webkti-display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;flex:1;}
.block_head .head_layout .head_contact li{display:inline-block;vertical-align:middle;font-family: 'Montserrat';}
.block_head .head_layout .head_contact li:first-child{
    flex: 1;
}
.block_head .head_layout .head_contact li a{font-size:16px;color:#595959;display:inline-block}
.block_head .head_layout .head_contact li img{margin-right:15px;display:inline-block;vertical-align:middle}
.block_head .head_layout .head_contact li+li{margin-left: 40px;}
.block_head .head_layout .head_right .head-social li{margin:0 26px 0 0}
.block_head .head_layout .head_right .head-social li img{opacity:1}
.block_head .head_layout .head_bottom{position:relative;display:flex;-webkti-display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}
.block_head .head_layout .nav-bar{display:inline-block;vertical-align:middle;text-align:left;padding:0}
.block_head .head_layout .nav-bar .nav > li{margin: 0 30px;}
.block_head .head_layout .nav-bar .nav > li:first-child{margin-left: 0;}
.block_head .head_layout .nav-bar .nav > li>a{font-size:16px;color:#000000;text-transform:uppercase;font-family: 'Poppins_Medium';padding: 0;padding: 0 20px 0 0;}
.block_head .head_layout .nav-bar .nav > li > a:before{left: 0;}
.block_head .btn--search{width:17px;height:17px;cursor:pointer;display:inline-block;vertical-align:middle;position:relative}
.block_head .btn--search:after,.block_head .btn--search:before{display:inline-block;width:100%;height:100%;background-image:url(img/sousuo.png);background-position:0 0;background-repeat:no-repeat;content:'';vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.block_head .btn--search:after{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(.6) translateY(60%);-o-transform:scale(.6) translateY(60%);transform:scale(.6) translateY(60%);filter:alpha(opacity=0);-ms-transform:scale(.6) translateY(60%)}
.block_head .btn--search:hover:after{opacity:1;-webkit-transform:none;-o-transform:none;transform:none;-ms-transform:none}
.block_head .btn--search:hover:before{opacity:0;-webkit-transform:scale(.6) translateY(-60%);-o-transform:scale(.6) translateY(-60%);transform:scale(.6) translateY(-60%);-ms-transform:scale(.6) translateY(-60%)}
.block_head .layout{
    width: 1600px;
}
.index_main .layout{width:1222px}

.block_head .head-search-wraps{display: none;}
body{overflow: unset !important;}

.web_main { position: relative; z-index: 2; overflow: hidden; font-family: 'Poppins_Regular';}
.index_main img{width: 100%;max-width: 100%;}
.web_main *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;}
/* swiper */
.swiper-container-fade { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.swiper-container-fade .swiper-slide { height: auto; }
/*slider_banner*/
.slider_banner .swiper-wrapper { }
.slider_banner .swiper-slide img { width: 100%; min-height: 150px; }
.slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #0799cb; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); }
.slider_banner .swiper-pagination { bottom: 50px !important; }
.slider_banner:hover .swiper-pagination { opacity: 1; }
.slider_banner .swiper-pagination span { vertical-align: middle; }
.slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; }
.slider_banner .swiper-pagination-bullet:before { display: none; }
.slider_banner .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; margin-right: 13px; width: 12px; height: 12px; background: #fff; color: #fff; text-align: center; border-radius: 50%; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #079dca; }
.banner_button_prev, .banner_button_next { position: absolute; top: 0; display: block; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.5); vertical-align: middle; text-align: center; cursor: pointer; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_prev { left: 76px; }
.banner_button_next { right: 76px; }
.banner_button_prev:before, .banner_button_next:before { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background: url(img/web_icon.png) no-repeat; content: ""; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_next:before { background-position: -54px -60px; }
.banner_button_prev:before { background-position: 0 -60px; }
.banner_button_next:hover, .banner_button_prev:hover { background-color: #0799cb; }
.banner_button_next:hover:before { background-position: -54px -114px; }
.banner_button_prev:hover:before { background-position: 0 -114px; }


.index_hd{position: relative;text-align: center;}
.hd_title{font-size: 42px;color: #2a2a2a;font-family: 'Poppins_SemiBold';line-height: 1.2;font-weight: normal;text-transform: uppercase;}
.hd_title:after{content: "";width: 120px;height: 3px;background-color: #015a9d;display: block;margin: 17px auto 0;}

.product_slide a .item_img img,.case_slide .item_info,.case_slide .item_title,.news_slide .item_img img,.index_service_list li img,.index_feature_box .feature_pic img
{-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}


/* flex */
.align_items_center{align-items: center;-webkit-align-items: center;}
.d_flex,.page_footer_service{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}


.product_slide a,.case_slide a{display: block;position: relative;}


.product_slide .item_img,.index_feature_box .feature_pic {overflow: hidden;}


.product_slide a:hover .item_img img ,.news_slide a:hover .item_img img,.index_service_list li:hover img,.index_feature_box .feature_pic:hover img{transform: scale(1.15);-webkit-transform: scale(1.15);}


.index_company_intr .index_bd:after,.index_company_intr .company_intr_info:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.web_main,.index_company_intr .index_bd,.index_company_intr .company_intr_info{*zoom:1;}

/* index_company_intr */
.sys_text_cell .cell_title{font-size: 42px;font-weight: normal;line-height: 1.1;margin-bottom: 20px;color: #000000;font-family: 'Poppins_SemiBold';}
.sys_text_cell .cell_title:after{content: '';display: block;width: 28%;height: 3px;background-color: #015a9d;margin-top: 15px;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.sys_text_cell .cell_title:hover:after{width: 100%;}
.sys_text_cell .cell_desc{font-size: 16px;margin-bottom: 20px;color: #000000;}
.index_company_intr{padding-top: 50px;margin-bottom: 50px;}
.index_company_intr .company_intr_cont{width: 50%;float: left;}
.index_company_intr .company_intr_img{width: 48%;position: relative;overflow: hidden;float: right;}
.index_company_intr .company_intr_img img{-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.index_company_intr .company_intr_img:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.index_company_intr .company_intr_img:before{
    content: '';
    width: 34%;
    height: 130%;
    background-color: #fff;
    position: absolute;
    left: 0.5%;
    top: 0;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(18deg);
    -webkit-transform-origin: right 0;
    -moz-transform-origin: right 0;
    -ms-transform-origin: right 0;
    -o-transform-origin: right 0;
    transform-origin: right 0;
    z-index: 999999;
}
.index_company_intr .company_intr_desc{margin-bottom: 15px;}
.index_company_intr .company_intr_info{margin-bottom: 40px;}
.index_company_intr .cell_more .sys_btn{width: 135px;height: 35px;line-height: 35px;font-size: 16px;color: #ffffff;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-color: #015a9d;border: 1px solid #015a9d;display: inline-block;text-align: center;text-transform: uppercase;}
.index_company_intr .cell_more .sys_btn:hover,.index_news_main .new_more:hover,.index_inquiry_main .inquiry_btn:hover{background-color: transparent;color: #015a9d;}
.index_company_intr .info_count_item{width: 19%;padding-right:4%;padding-top: 5px;float: left;position: relative;text-align: center;line-height: 1.1;-webkit-box-sizing: content-box;box-sizing: content-box;}
.index_company_intr .info_count_item:after{content: '/';font-size: 50px;color: #8e8e8e;line-height: 1;-webkit-transform: scale(0.35, 1) skewX(-13deg);transform: scale(0.35, 1) skewX(-13deg);position: absolute;right: 0;top: 20px;font-weight: normal;}
.index_company_intr .info_count_item:first-child{padding-left: 0;}
.index_company_intr .info_count_item:last-child:after{display: none;}
.index_company_intr .info_count_item .count_item_num{display: block;color: #079dca;font-size: 20px;line-height: 1.5;}
.index_company_intr .info_count_item .count_item_label{display: block;text-transform: uppercase;font-size: 14px;margin-top: 5px;color: #000000;font-family: 'Poppins_Medium';}

/* index_product_warp */
.index_product_warp{padding: 50px 0;background-color:#81c7e7;}
.index_product_warp .hd_title{color:#015a9d}
.index_product_warp .hd_title:after{background-color:#015a9d}
.index_product_main{margin-top:50px;position: relative;}
.product_slide .item_img{
    border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.index_product_swiper .product_slide{
    overflow: unset;
}
.product_slide h2{font-size: 17px;padding:15px 4%;color:#015a9d;text-align:center;min-height: 90px;}
.index_product_main .swiper-pagination{position: relative;/* margin-top: 40px; */}
.index_product_main .swiper-pagination .swiper-pagination-bullet:before{display: none;}
.index_product_main .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background-color: #015a9d;display: inline-block;vertical-align: middle;margin: 0 8px;}
.index_product_main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #079dca;}

/* index_case_warp */
.index_case_warp{margin: 50px 0;}
.index_case_swiper{margin-top: 60px;}
.case_slide a{color:#fff;text-align:center}
.case_slide .item_info{position:absolute;top:30%;left:0;width:100%;height:100%;background-color:rgba(1,90,157,.6);display:flex;-webkti-display:flex;opacity:0;z-index:10}
.case_slide .item_info .item_slide{width:100%;margin:auto;padding:10px 12%}
.case_slide .item_info .item_slide h3{font-size:20px;font-weight:normal;font-family:'Poppins_SemiBold'}
.case_slide .item_info .item_slide p{font-size:14px;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}
.case_slide .item_info .item_slide img{width:auto}
.case_slide .item_title{padding:30px 2% 10px;position:absolute;bottom:0;left:0;width:100%;z-index:9;font-size:16px;background:linear-gradient(to top,#015a9d,rgba(1,90,157,.2))}
.case_slide a:hover .item_info{opacity: 1;top: 0;}
.case_slide a:hover .item_title{opacity: 0;}

/* index_company_warp */
.index_company_warp{padding: 50px 0;background-color:#f6f6f6}
.index_news_main{width:58%}
.index_news_list{margin-top:20px}
.news_slide{padding:20px 0}
.news_slide .item_img{width:39%;overflow: hidden;}
.news_slide .item_info{width:55%;padding:10px 0}
.news_slide .item_info h3{font-size:19px;color:#015a9d;font-weight:normal;font-family:'Poppins_SemiBold';text-transform:uppercase}
.news_slide .item_info time{font-size:14px;margin:10px 0 15px;color:#000000;font-weight:normal;display:block;opacity:.5}
.news_slide .item_info p{font-size:14px;color:#000000}
.index_news_main .new_more{width:135px;height:35px;line-height:35px;margin-top:30px;font-size:16px;color:#ffffff;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#015a9d;border:1px solid #015a9d;display:inline-block;text-align:center;text-transform:uppercase}
.index_service_main{width:36%}
.index_service_list{margin-top:30px}
.index_service_list li{width:47%;margin:10px 0;overflow:hidden}

/* index_feature_warp */
.index_feature_warp{padding: 50px 0;}
.index_feature_warp .hd_title,.index_feature_box .feature_item .sys_text_cell .cell_title{color:#fff}
.index_feature_warp .hd_title:after,.index_feature_box .feature_item .sys_text_cell .cell_title:after{background-color:#fff}
.index_feature_main .feature_img{width:30%;position: relative;overflow: hidden;}
.index_feature_main .feature_img:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.35;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index_feature_main .feature_img:hover:before {animation: shine 1.5s;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine { 100% {left: 125%;}}
.index_feature_main .feature_img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index_feature_main .feature_img:hover:after{background-color: rgba(0,0,0,0.5);-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
.index_feature_main .feature_slide{width:31%;text-align:center}
.index_feature_main .feature_slide p{font-size:16px;margin-top:20px;color:#ffffff}
.index_feature_main .feature_slide .feature_btn{width:135px;height:35px;line-height:35px;margin-top:35px;font-size:16px;color:#015a9d;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#ffffff;border:1px solid #ffffff;display:inline-block;text-align:center;text-transform:uppercase}
.index_feature_box{margin-top:110px}
.index_feature_box .feature_item{width:33%}
.index_feature_box .feature_item p{font-size:16px;margin-top:10px;color:#ffffff}
.index_feature_box .feature_item .feature_more{width:189px;height:35px;line-height:35px;margin-top:32px;font-size:16px;color:#015a9d;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#ffffff;border:1px solid #ffffff;display:inline-block;text-align:center;text-transform:uppercase}
.index_feature_box .feature_pic{width: 60%;position: relative;top: -63px;}
.index_feature_box .feature_item .feature_more:hover,.index_feature_main .feature_slide .feature_btn:hover{background-color: #089ac7;color: #ffffff;border-color: #089ac7;}

/* index_inquiry_warp */
.index_inquiry_warp{padding: 50px 0;background-color:#f3f3f3}
.index_inquiry_main{text-align:center}
.index_inquiry_main p{font-size:16px;margin-top:40px;color:#000000}
.index_inquiry_main .inquiry_btn{width:152px;height:35px;line-height:35px;margin-top:50px;font-size:16px;color:#ffffff;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#015a9d;border:1px solid #015a9d;display:inline-block;text-align:center;text-transform:uppercase}


/* .page footer  */
.page_footer_warp{position:relative;font-family:'Poppins_Regular';background-repeat:no-repeat;background-size:cover;align-items:flex-end}
.page_footer_warp .layout{width:1222px}
.page_footer_service{position:relative;padding: 50px 0 100px;}
.page_footer_service .page_foot_item .fot_tit{position:relative;text-transform:uppercase;font-size:24px;margin-bottom:30px;line-height:30px;color:#ffffff;font-weight:normal;font-family:'Poppins_SemiBold';opacity:.8}
.page_foot_item{position:relative;display:block}
.page_foot_item.page_contact_item{width:31%}
.page_foot_item.page_company_item{width:28%}
.page_foot_item.page_nav_item{width:35%}
.page_footer_warp .fot_inqquiry{font-size:14px;margin:25px 0 30px;color:#ffffff;opacity:.8;text-transform:uppercase;line-height: 30px;}
.fot_nav .fot_nav_slide{margin-bottom:30px}
.fot_nav .fot_nav_slide .item_ico{width:56px}
.fot_nav .fot_nav_slide .item_ico img{width:100%;max-width:100%}
.fot_nav .fot_nav_slide .item_info{flex:1;padding-left:8%}
.fot_nav .fot_nav_slide .item_info h3{font-size:19px;font-family:'Poppins_Medium';color:#ffffff;font-weight:normal;text-transform: capitalize;}
.fot_nav .fot_nav_slide .item_info p{font-size:14px;margin-top:5px;color:#ffffff;text-transform: capitalize;}
.fot_nav li a{font-size:14px;line-height:26px;color:#ffffff;display:block;text-transform:uppercase}
.page_foot_item.page_contact_item ul.foot_contact li{position:relative;margin-bottom:12px;padding-left:32px}
.page_foot_item.page_contact_item ul.foot_contact li:last-child,.foot_sns li:last-child{margin-bottom:0}
.page_foot_item.page_contact_item ul.foot_contact li:before{position:absolute;top:0;left:0;content:"";background-repeat:no-repeat;background-size:100%}
.page_foot_item.page_contact_item ul li.foot_address:before{width:21px;height:21px;background-image:url(img/fd_adder.png)}
.page_foot_item.page_contact_item ul li.foot_phone:before{width:18px;height:16px;top:4px;background-image:url(img/fd_phone.png)}
.page_foot_item.page_contact_item ul li.foot_email:before{width:18px;height:14px;top:7px;background-image:url(img/fd_email.png)}
.page_foot_item.page_contact_item ul li.foot_whats:before{width:19px;height:19px;top:5px;background-image:url(img/fd_whats.png)}
.page_foot_item.page_contact_item ul.foot_contact li,.page_foot_item.page_contact_item ul.foot_contact li a{font-size:14px;line-height:30px;color:rgba(255,255,255,.8)}
.page_footer_warp .page_foot_bottom{position:relative;text-align:left;padding:26px 0}
.page_footer_warp a:hover{color:#e70012 !important}
.page_foot_bottom .page_copyright{position:relative;display:block;font-size:14px;line-height:21px;color:#ffffff;text-align:center;opacity:.8}
.font_sns_list{margin-top:20px}
.font_sns_list li{margin-right:20px;display:inline-block;vertical-align:middle}
.font_sns_list li a{width:30px;height:30px;border-radius:50%;line-height:28px;display:block;background-color:#fff;text-align:center}
.font_sns_list li:hover a{transform:rotate(30deg);-webkit-transform:rotate(30deg)}
.font_sns_list li img{width:auto}
.page_footer_warp .foot_contact{padding-top:0}




@media only screen and (max-width: 1680px) {
    .conmanginfo {
    font-size: 18px;
    font-weight: bold;
}
    .block_head .head_layout .head_contact li a {
        
    font-size: 13px;
    color: #595959;
    display: inline-block;
}
.block_head .layout{
    width: 100%;padding: 0 50px;
}
}
@media only screen and (max-width: 1440px) {
.block_head .layout{padding: 0 30px;
}
}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1280px) {
      .container{
    padding: 10px !important;
}
.index_main .layout,.page_footer_warp .layout{width:98%}
body,.container{min-width: unset;/* padding: 10px; */}
.block_head .head_layout .head_box{padding-left:60px}
.block_head .head_layout .head_right .head-social li{margin:0 10px 0 0}
.block_head .head_layout .head_contact li+li{margin-left:15px}
.block_head .head_layout .nav-bar .nav > li{margin:0 10px}
.sys_text_cell .cell_title, .hd_title{font-size: 30px;}
.case_slide .item_info .item_slide{padding: 10px 5%;}
.block_head .head_layout .head_contact li,.block_head .head_layout .head_contact li a{
    font-size: 10px;
}
.block_head .head_layout .head_contact li img {
    margin-right: 10px;}

}
@media only screen and (max-width: 950px) {
  
.index_company_intr .index_bd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.index_company_intr .company_intr_cont{width: 48%;}
.index_company_intr .company_intr_img{width: 55%;margin-left: -5%;}
.block_head .head_layout .head_box{display: none;}
.logo img{max-width:100%}
.block_head .head_layout .logo{margin:auto;padding:35px 0 10px}
.sys_text_cell .cell_title, .hd_title{font-size: 24px;}
.sys_text_cell .cell_desc,.index_company_intr .info_count_item .count_item_label,.case_slide .item_info .item_slide p,.index_feature_main .feature_slide p,.index_feature_box .feature_item p{font-size:12px}
.index_company_intr .info_count_item .count_item_num{font-size:20px}
.index_company_intr .cell_more .sys_btn,.index_news_main .new_more{width:100px;font-size:12px}
.index_company_intr{padding-top:60px;margin-bottom:60px}
.index_product_warp,.index_company_warp,.index_feature_warp,.index_inquiry_warp{padding:60px 0}
.product_slide h2{font-size:18px;padding:10px 2%}
.index_case_warp{margin:60px 0}
.case_slide .item_title{padding:10px 2%;font-size:14px}
.case_slide .item_info .item_slide h3{font-size:18px}
.news_slide .item_info time,.news_slide .item_info p{font-size:12px}
.news_slide{padding:10px 0}
.index_feature_main .feature_slide p{margin-top:12px}
.index_feature_main .feature_slide .feature_btn{width:100px;margin-top:15px;font-size:12px}
.index_feature_box .feature_item .feature_more{width:140px;margin-top:15px;font-size:12px}
.index_feature_box{margin-top: 40px;}
.index_inquiry_main p{font-size:12px;margin-top:20px}
.index_inquiry_main .inquiry_btn{width:120px;margin-top:30px;font-size:12px}
.page_footer_service{padding: 30px 30px;}
.page_footer_warp .fot_inqquiry{font-size:12px;margin:10px 0;line-height:1.8}
.font_sns_list li{margin-right:10px}
.page_footer_service .page_foot_item .fot_tit{font-size:18px;margin-bottom:15px}
.page_foot_item.page_contact_item ul.foot_contact li,.page_foot_item.page_contact_item ul.foot_contact li a,.page_foot_bottom .page_copyright{font-size:12px;line-height:2}
.fot_nav .fot_nav_slide .item_ico{width:40px}
.fot_nav .fot_nav_slide .item_info{padding-left:4%}
.fot_nav .fot_nav_slide .item_info h3{font-size:16px}
.fot_nav .fot_nav_slide .item_info p{font-size:12px}
.fot_nav .fot_nav_slide{margin-bottom:15px}
.page_footer_warp .page_foot_bottom{padding:10px 0}

.fixed-nav{
    top: 0;
}.block_head .head_layout .logo img{max-height:60px;padding:0}
}
@media only screen and (max-width: 768px) {
.index_company_intr{padding-top: 60px;}
.index_company_intr,.index_product,.promote_list,.index_business{margin-bottom: 60px;}
.index_company_intr .index_bd{display: block;text-align: center;}
.index_company_intr .sys_text_cell .cell_title:after{margin: 0 auto;}
.index_company_intr .company_intr_cont,.index_company_intr .company_intr_img{display: block;width: auto;float: none;margin: 0;}
.index_company_intr .company_intr_cont{padding-bottom: 25px;}
.index_company_intr .company_intr_img:before{display: none;}
.index_company_intr .info_count_item{width: 21%;}
.sys_text_cell .cell_title, .hd_title{font-size: 20px;}
.index_news_main{width: 100%;}
.index_service_main{width: 100%;margin-top: 20px;}
.page_foot_item.page_contact_item,.page_foot_item.page_company_item,.page_foot_item.page_nav_item  {width: 100%;margin-bottom: 15px;}

}
@media only screen and (max-width: 640px) {
.index_feature_main .feature_img,.index_feature_box .feature_item{width: 100%;}
.index_feature_main .feature_slide,.index_feature_box .feature_pic{width: 100%;margin: 15px 0;}
.index_feature_box .feature_item{text-align: center;}
.index_feature_box .feature_item .sys_text_cell .cell_title:after{margin: 15px auto 0;}
}
@media only screen and (max-width: 480px) {
.index_company_intr .info_count_item .count_item_num{font-size: 16px;}
.index_company_intr .info_count_item .count_item_label{font-size: 11px;}
.news_slide .item_info,.news_slide .item_img{width:100%}




}


.block_head .head_layout .head_top {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.block_head .head_layout .head_contact {
    margin-right: 20px;
}

@media only screen and (max-width: 1680px) {
    .block_head .layout {
        width: 96%;
        padding: 0;
    }
}

.index_company_intr .company_intr_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index_company_intr .info_count_item {
    width: 23%;
    padding: 14px 12px 0 0;
}

.index_company_intr .info_count_item .count_item_num {
    display: inline-block;
    line-height: 1;
}

.index_company_intr .info_count_item sup {
    font-size: 23px;
    line-height: 1;
    vertical-align: top;
    color: #079dca;
}

@media only screen and (max-width: 1080px) {
    .index_company_intr .company_intr_info {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .index_company_intr .info_count_item {
        width: 45%;
        padding: 10px 0;
    }

    .index_company_intr .info_count_item:after {
        display: none;
    }
}

@media only screen and (max-width: 950px) {
    .index_company_intr .info_count_item sup {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .index_company_intr .info_count_item sup {
        font-size: 14px;
    }
}

.index_product_main .swiper-pagination,
.index_service_list .swiper-pagination {
    position: relative;
    /* margin-top: 40px; */
}

.index_product_main .swiper-pagination .swiper-pagination-bullet:before,
.index_service_list .swiper-pagination .swiper-pagination-bullet:before {
    display: none;
}

.index_product_main .swiper-pagination .swiper-pagination-bullet,
.index_service_list .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #015a9d;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.index_product_main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.index_service_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #079dca;
}

.index_service_list .swiper-pagination{
    margin-top: 10px;
}

.index_service_list li{
    margin-top: 10px !important;
}

@media only screen and (max-width:992px) {
    .index_service_list .swiper-pagination {
        margin-top: 26px;
    }
}