/*
Theme Name: jyast.net
Author: Aben
Description: Description
Version: 1.0.0
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* pub公共 */
* *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height: 100%;;font-family:arial;}
body{height: 100%;color: #666;position: relative;margin-left: auto;margin-right: auto;overflow-x: hidden;}
img{max-width: 100%;height: auto;}
h1,h2,h3,h4,ol,ul,li,p,dd,dl,dt{list-style: none;padding: 0;margin: 0;font-weight: normal;}
h1{font-size: 36px;}
a{text-decoration: none;color: #388cf3;}
a:hover,a:active,a:focus{text-decoration: none;color: #388cf3;}
.fl{float: left;}
.fr{float: right;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.clearfix { zoom:1; }
.container{max-width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.clearfix:after,
.clearfix:before,
.container:before,
.container:after{clear:both;display:table;content:""}
.ptb50{padding-top: 50px;padding-bottom: 50px;}
.put-tit{text-align: center;margin-bottom: 50px;}
.put-tit h2{font-size: 33px;color: #282828;line-height: 2;text-transform: uppercase;}
.put-tit p{font-size: 14px;color: #282828;}




/* header */
.header .top{height: 145px; text-align: center;background:url(img/topbg.jpg);padding: 15px 0;font-size: 28px;color: #ead4c0;font-weight: bold;text-transform: uppercase;}
.header .top-nav{position: absolute;top: 5px;right: 15px;}
.header .top-nav li{display: inline-block;padding: 5px 10px;font-size: 12px;}
.header .site-logo img{height: 70px;padding-top: 10px;}
.nav-bg{background-color: #333;text-align: center;z-index: 9999;position: relative;}
.nav{float: left;}
.nav li{float: left;position: relative;}
.nav li a{height: 45px;line-height: 45px;color: #fff;display: block;padding: 0 20px;overflow: hidden;}
.nav li a:hover{background-color: #1f1f1f;}
.nav li.menu-item-has-children{position: relative;}
.nav li.current-menu-item>a{background-color: #1f1f1f;}
.nav .sub-menu{display: none;position: absolute;background-color: #324361;width: 240px;}
.nav .sub-menu li{float: none;text-align: left;}
.nav .sub-menu li a{padding: 0 15px;line-height: 30px;height: 30px}
.nav .sub-menu li.bold{font-weight: bold;}


.header .searchform{padding: 8px 0;float: right;position: relative;}
.header .search-keyword{border: 2px solid #fff;padding: 0 10px;line-height: 25px;font-size: 12px;}
.header .search-submit{position: absolute;right: 0;top: 13px;background: none;border: 0;}
.banner{float: left;}
.box-bar{background-color: #242225;}
.box-bar ul{padding: 25px 0;}
.box-bar li a{color: #fff;display: block;width: 100%;}
.box-bar li{float: left;width: 9%;text-align: center;}
.box-bar li h3{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;}

/* home-product */
.home-product{margin-left: -12px;margin-right: -12px;}
.home-product .left{float: left;width:66.66666%;padding:0 12px}
.home-product .right{float: right;width: 33.33333%;padding: 0 12px;height: 520px}
.home-product .top{width: 100%;height: 265px;text-align: left;}
.home-product .top h3{text-align: left;}
.home-product .one{width: 100%;text-align: right;height: 265px;width: 57.3%;float: left;padding-left: 12px;padding-right: 12px;overflow: hidden;}
.home-product .two{color: #fff;text-align: center;height: 265px;width: 42.7%;float: left;padding-left: 12px;}
.home-product .two a{background-size: cover;background-position: center;}
.home-product .one img{float: right;}
.home-product .bottom{width: 100%;padding: 24px 0 12px 12px ;height: 265px;}
.home-product h3{font-size: 28px;color: #bf9f7c;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;}
.home-product a{background-color: #f6f6f6;display: block;height: 100%;padding: 40px;}
.home-product span{color: #bf9f7c;float: right;border: 1px solid #bf9f7c;padding: 8px 15px;margin-top: 20px;}
.home-product img{max-width: 100%;max-height: 100%;}
.home-prolst{text-align: center;}
.pub-tit{text-align: center;padding: 0 25px;}
.pub-tit .line{height: 1px;background: #a98d6e;margin-bottom: -10px;}
.pub-tit .line-box{border: 1px solid #a98d6e;padding: 5px 8px;color: #a98d6e;margin-top: -20px;display: inline-block;background-color: #fff;}
.pub-tit h2{font-size: 48px;color: #000;font-weight: bold;margin-bottom: 40px;}
.home-prolst ul{border:1px solid #959595;border-bottom: 0;margin-top: 40px;}
.home-prolst li{border-right: 1px solid #959595;border-bottom: 1px solid #959595;float: left;width: 25%;padding: 20px;}
.home-prolst li img{height: 200px;width: 200px;display: inline-block;}
.home-prolst li:nth-of-type(4n){border-right: none;}
.home-prolst h3{font-size: 14px;line-height: 15px;height: 30px;overflow: hidden;color: #383838;margin-top: 8px;}
.home-prolst a{display: block;}
.home-about{background-color: #c09f7c;margin-top: 40px;}
.home-about .left{width: calc(100% - 400px);float: left;}
.home-about .left video{max-width: 100%;height: auto;}
.home-about .right{float: right;width: 400px;padding: 30px;color: #f7e6d4;}
.home-about .right h3{font-weight: bold;font-size: 47px;}
.home-about .right p{font-size: 32px;line-height: 1.3;}
.home-honor ul{margin: 25px 0;}
.home-honor li{width: 25%;float: left;padding: 13px;}

.flexslider {position: relative;}
.flexslider img{max-width: 100%;}
.flexslider .slides{padding: 0;margin: 0;height: 100%;}
.flexslider .slides li{height: 100%;width: 100%;}
.flex-control-nav{width: 100%;text-align: center;position: absolute;bottom: 20px;z-index: 2}
.flex-control-nav li{display: inline-block;margin: 0 5px;}
.flex-control-nav a{display: inline-block;width: 15px;height: 15px;background-color: #fff;border-radius: 10px;text-indent: -9999px;}

.flex-control-nav a.flex-active{background-color: #ffa802;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {width: 34px;height: 34px;margin: -15px 0 0;position: absolute;top: 50%;z-index: 10;opacity: 0;cursor: pointer;border: 2px solid #eee;color: #fff;font-family: cursive;text-align: center;line-height: 30px;}

.sidebar{width: 270px;padding: 30px 0;float: left;}
.sidebar .wid li{position: relative;}
.sidebar .wid .open{position:absolute;top:0;right:0;color:#fff;height:49px;width:49px;text-align:center;line-height:49px;cursor: pointer;}
.sidebar .wid>div>ul{border: 1px solid #dce4ef;}
.sidebar .wid a{padding: 15px 20px;display: block;line-height: 18px;color: #2f2f2f;}
.sidebar .wid ul.sub-menu{display: none;}
.sidebar .wid .current-menu-item{position: relative}
.sidebar .wid .current-menu-item>a{background-color: #f2f3f7;color: #fc0000;text-decoration: underline;}
.sidebar .wid .current-menu-item .sub-menu{display: block;}
.sidebar .wid .current-menu-ancestor .sub-menu{display: block;}
.sidebar .wid>div>ul>li>a{background-color: #f2f3f7;color: #484848;border-bottom: 1px solid #dce4ef;text-decoration: underline;}
.sidebar .wid li li a{border-bottom: 1px dotted #eee;}
.sidebar .wid li li.current-menu-item a{color: #e4322b;}
.sidebar .wid-tit{background-color: #e9eff5;color: #484848;text-align: center;font-size: 20px;line-height: 60px;}
.sidebar .wid-slider{margin-top: 20px;border: 1px solid #dce4f0;padding: 10px;position: relative;}
.sidebar-swiper .swiper-wrapper{height: 500px;overflow: hidden;}
.swiper-box{display: block;}
.swiper-box img{float: left;width: 70px;height: 70px;}
.swiper-box p{display: block;float: left;height: 70px;line-height: 20px;width: calc(100% - 80px);color: #555;font-size: 14px;overflow: hidden;/* line-height: 2; */padding: 5px 10px;}

.button-box{border: 1px solid #dce4f0;position: absolute;bottom: -30px;left: 0;width: 100%;border-top: 0px;}
.button-box>div{width: 50%;float: left;text-align: center;height: 30px;line-height: 30px;outline: none;}

.main{width: calc(100% - 270px);padding: 30px 15px 30px 30px;float: left;}

.page-header{border-bottom: 1px solid #666;margin-bottom: 15px;}
.page-header h1{font-size: 22px;float: left;display: block;float: left;line-height: 40px;}
.page-header .back{font-size: 14px;color: #000;float: right;line-height: 40px;}
.art-porduct-body{margin-left: -15px;margin-right: -15px;}
.art-porduct{width: 25%;padding: 0 15px;margin-bottom: 15px;float: left;}
.art-porduct a{display: block;width: 100%;padding-top: 50%;padding-bottom: 50%;}
.art-porduct .img{background-repeat: no-repeat;background-size: cover;background-position: center;border: 1px solid #ddd;}
.art-porduct h2{font-size: 13px;color: #505050;}
.art-porduct h3{font-size: 13px;color: #5b5b5b;height: 40px;overflow: hidden;line-height: 20px;margin: 10px 0;}


.pro-price{color: #333;margin-bottom: 15px;}
.pro-price span{color: #c64d1f;font-size: 14px;}
.pro-gallery-wrap{width: 48%;float: left;}
.pro-con{float: left;width: 52%;padding: 15px;position: relative;padding-left: 100px;}
.pro-con h1{color: #000;font-size: 16px;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
#pro-gallery{border: 1px solid #ded6c7;}
#pro-gallery img{max-width: 100%;height: auto;}
#pro-gallery .slides li{display: none;}
#pro-carousel .flex-control-nav a{height: 12px;width: 12px;border-radius: 50%;background: #eee;}
#pro-carousel .flex-control-nav a.flex-active{background: #ff7d00;}
#pro-carousel{margin-left: 25px;margin-right: 25px;margin-top: 20px;position: relative;}
#pro-carousel .flex-direction-nav a{width: 17px;height: 60px;display: block;position: absolute;top: 50%;margin-top: -30px;line-height: 60px;text-align: center;font-family: cursive;border: 1px solid #dbdbdb;background: #f7f7f7;color: #b4b4b4;outline: none;}
#pro-carousel .flex-next{right: -20px;}
#pro-carousel .flex-prev{left: -20px;}
.pro-detail{padding: 12px 15px;color: #fff;background-color: #f00303;font-size: 18px;margin-bottom: 25px;}
#target{position:absolute;left:10px;top:0;height:500px;width:500px;border:1px solid #666;visibility: hidden;}

.pro-meta{line-height: 2;margin-top: 15px;padding-left: 15px;}
.pro-meta{font-size: 14px;line-height: 1.6;}
.pro-meta p{color: #282828;padding: 20px 0;font-size: 14px;line-height: 1.6}
.pro-meta ol li{list-style-type: decimal;}
.pro-meta ul li{list-style-type: disc;}


.post-head{margin-bottom: 20px;}
.page-body{padding: 30px 0;font-size: 12px;}
.post-body .table-responsive{overflow-x: auto;width: 100%;text-align: center;}
.post-body img{max-width: 100%!important;height: auto!important;}
.post-body h1{margin-bottom: 50px;text-align: center;font-size: 24px;font-weight: bold;}
.post-body h2{font-size: 20px;margin-bottom: 15px;  }
.post-body p{margin-bottom: 15px;line-height: 1.8;font-size: 12px;}
.post-body ul{margin:0 0 15px 2em;}
.post-body ul li{list-style-type: disc;}
.post-body ol{margin:0 0 15px 2em;}
.post-body ol li{list-style-type: decimal;}
.post-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.post-body tr, .post-body th,.post-body td{white-space: nowrap;border:1px solid #c4c4c4;padding: 5px;}
.post-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.post-body blockquote p{text-indent: 0 !important;}
.contact-header{text-align: center;color: #333;font-size: 16px; }
.contact-header a{margin-top: 15px;display: inline-block;}
.contact-header img{border-radius: 50%;}
.contact-header h3{font-size: 20px;margin-top: 15px;margin-bottom: 15px;}
.contact-header p{font-size: 16px;margin-bottom: 0;}
.contact-box{max-width: 600px;margin:30px auto;font-size: 16px;line-height: 2;}
.contact-box dt{color: #999;text-align: right;width: 200px;float: left;}
.contact-box dd{color: #000;padding-left: 20px;float: left;width:calc(100% - 210px )}
.contact-box .btn-group{text-align:center;}
.contact-box .btn-group a{margin: 15px;border-radius: 5px;width: 200px;text-align: center;}
.contact-box .mail{background-color: #ff6a00;color: #fff;display: inline-block;}
.contact-box .order{border: 1px solid #ff6a00;background-color: #fff0e6;color: #ff6a00;display: inline-block;}

.company-box{max-width: 760px;margin:30px auto;font-size: 16px;line-height: 2;border: 1px solid #dbe3ef;border-top: 1px solid #000;padding-bottom: 30px;}
.company-box h3{line-height: 60px;font-size: 24px;color:#000;border-bottom: 1px solid #dbe3ef;padding-left: 20px;margin-bottom: 20px;}
.company-box dt{color: #999;text-align: right;width: 300px;font-weight: bold;float: left;}
.company-box dt i{color: #ff6a00;padding-right: 5px;}
.company-box dd{color: #000;padding-left: 20px;float: left;width: calc(100% - 300px );}
.send-form{border: 1px solid #dbe3ef;padding: 30px;max-width: 760px;margin:30px auto;}
.form-group{margin-bottom: 15px;position: relative;}
.send-form h3{text-align: center;color: #000;font-size: 24px;line-height: 2;margin-bottom: 20px;}
.send-form input:disabled {border: none;background-color: #fff!important;}
.send-form label {float: left;width: 100px;text-align: right;padding-right:25px;}
.send-form textarea {width: calc(100% - 100px);resize:none}
.send-form .button{color: #fff;background-color: #ff6a00;padding: 3px 15px;border-radius: 3px;border: none;outline: none;margin-left: 100px;}
.send-form .check{margin-left: 100px;font-size: 12px;}
.send-form .limit{position: absolute;bottom: 2px;right: 2px;}
.send-form #msg{padding-left: 100px;color: red;}

body.page{background-color: #f8f8fa;}
.page-about{max-width: 800px;background-color: #fff;}
.page-about li{list-style: none!important;position: relative;padding: 0 15px;}
.page-about li p{margin-bottom: 0;font-size: 15px;}
.page-about span{color: #c00405;}
.page-about ul{margin:30px -15px;}
.page-about .num{background-color: #000;color: #fff;font-weight: bold;border-radius: 50%;height: 15px;width: 15px;overflow: hidden;text-align: center;position: absolute;top: -25px;left: 15px;}
.pub-h3{color: #fff;font-weight: bold;background-color: #c00405;display: inline-block;padding: 4px 15px;border-radius: 10px;margin-bottom: 20px;}
.about-weare{margin: 45px;position: relative;}


.about-weare li{float: left;width: 33.333%;padding:0 15px;border-right: 1px solid #000;position: relative;height: 100px;}
.about-weare li:nth-of-type(3){border: 0;}
.about-wehave{margin: 45px;}
.about-wehave ul{margin-left: -15px;margin-right: -15px;}
.about-wehave li{float: left;width: 50%;height: 90px;}
.about-wehave li:nth-of-type(1),
.about-wehave li:nth-of-type(3){border-right: 1px solid #000;}
.about-ourbrand{margin: 45px;}
.about-ourbrand ul{margin-left: -15px;margin-right: -15px;}
.about-ourbrand li{width: 25%;float: left;padding: 15px;}
.about-ourbrand li img{}
.about-ourteam h3{margin: 45px;}
.about-ourteam .bg{background-color: #e4e4e4}

.footer{background-color: #323232;color: #e5e5e5;line-height: 2;font-size: 14px;padding-top:30px;}
.footer .wid{width: 14%;float: left;padding-right:10px;}
.footer .wid-tit{margin-bottom: 10px;}
.footer a{color: #d4d4d4;}
.footer li ul{display: none;}
.copyright{font-size: 12px;color: #eee;line-height: 30px;height: 30px;padding-bottom: 15px;border-top: 1px solid #eee;}




/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.pagination{padding: 15px 0;margin: 40px 0;text-align: center;}
.pagination h2{display: none;}
.pagination a,.pagination span{padding:5px 10px;margin:0 5px;background-color: #323232;color: #fff;display: inline-block;border-radius: 3px;}
.pagination .current{background-color:#e4312a;color:#fff;}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:15px;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}