/*
Theme Name: yuyewang
Author: Aben
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yuyewang
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* pub */
html{height: 100%;}
body{height: 100%;color: #595959;position: relative;}
img{max-width: 100%;height: auto;}
.bg{background: #f8f8f8;}
h1,h2,h3,h4,ol,ul,li,p,dd,dl,dt{list-style: none;padding: 0;margin: 0;font-weight: normal;}
a{text-decoration: none;color: #595959;}
a:hover,a:active,a:focus{text-decoration: none;color: #595959;}
.fl{float: left;}
.fr{float: right;}
.ptb100{padding-top: 100px;padding-bottom: 100px;}
.mt20{margin-top: 20px;}
.text-right{text-align: right;}
.table-box{display: table;width: 100%;height: 100%;margin: auto;}
.table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;align-self: center;}
.text-center{text-align: center;}
.put-tit{text-align: center;margin-bottom: 50px;}
.put-tit h2{font-size: 25px;color: #2b2b2b;font-weight: normal;}
.put-tit p{color: #3e77ae;font-size: 16px;}
.plr0{padding-left: 0;padding-right: 0;}
img.hover:hover{opacity: 0.6;}


/* header1 */
.header{position: relative;height: 100px;padding-top: 10px;padding-bottom: 10px;}
.header .nav{float: right;}
.header .nav .open-this{cursor: pointer;position: absolute;width: 40px;height: 40px;right: 0;top: 0;text-align: center;color: #fff;z-index: 999;line-height: 40px;}
.header .site-logo{display: block;float: left;}
.header .fr{text-align: right;}
.header .right-top{margin-bottom: 15px;}
.header .searchform{display: inline-block;}
.header .top-nav{display: inline-block;}
.header .top-nav a{color:#2995e1;display: inline-block;padding: 0 5px;}
.header .top-nav li{display: inline-block;}
.header .top-nav li.current-menu-item a{background: #2995e1;color: #fff;}
.header .nav>ul>li{display: inline-block;margin-left: 10px;position: relative;}
.header .nav>ul>li a{line-height: 38px;height: 38px;text-align: center;display: inline-block;color: #787878;font-size: 14px;min-width: 100px}
.header .nav>ul>li.current-menu-item>a{background: #36a2e2;color: #fff;}

.nav-btn{padding: 9px 10px;position: absolute;right: 0;top: 0;}
.icon-bar{background-color: #272626;height: 3px;margin:4px 0;display:block;width: 25px;border-radius: 1px;}

/* flexslider */
.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: 0px;z-index: 2;height: 65px;left: 0;}
.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: #0d82d4;}
/* .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;}
..flex-direction-nav a:hover{background: #000;}
.flex-direction-nav .flex-direction-nav { left: -50px; }
.flex-direction-nav .flex-next { right: -50px;}
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;background-position:0 0}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;background-position:-132px 0} */
.flexslider .slider-box{position: absolute;left: 15%;top: 32%;color: #fff;text-shadow: 0 0 5px #000000;}
.flexslider .slider-box h3{font-size: 28px;font-weight: bold;line-height: 2}
.flexslider .slider-box p{font-size: 23px;}

/* home-about */
.home-product{background: #f7f7f7;padding-top: 25px;padding-bottom: 25px;}
.home-product .box{display: block;width: 100%;position: relative;text-align: center;}
.home-product .box .cover{background: radial-gradient(#4c84ba,#3f77ae);visibility: hidden;position: absolute;left: 0;top: 0;opacity: 0.3;width: 100%;height: 100%;}
.home-product .box:hover .cover{visibility: visible;}
.home-product h3{text-align: center;font-size: 14px;color: #565656;margin-top: 10px;margin-bottom: 20px;line-height: 20px;height: 20px;overflow: hidden;}
.home-about{padding-top: 70px;padding-bottom: 70px;}
.home-about-box-bg{background: #0061ae;}
.home-about .col{width: 25%;float: left;height: 293px;background: #0061ae;color: #fff;}
.home-about .col img{height: 100%;width: 100%;}
.home-about .col h3{font-size: 18px;font-weight: normal;line-height: 18px;}
.home-about .col p{display: block;margin-top: 30px;margin-bottom: 28px;}
.home-about .col a{color: #fff;float: right;display: inline-block;margin-top: 20px;}
.home-about .table-box{padding: 15px;}
.home-about .table-cell{padding: 15px;border: 2px solid #0061ae;}
.home-about .col:hover .table-cell{border: 2px solid #fff;}
/* home-news */
.home-news{background: #f7f7f7;padding-top: 45px;padding-bottom: 50px;}
.home-news .tab-tit ul{width: 100%;border-bottom: 2px solid #0061ae;}
.home-news .tab-tit li{margin-left: 20px;margin-right: 20px;position: relative;display: inline-block;cursor: pointer;line-height: 3;}
.home-news .tab-tit li.active:after{content:"";width:0;height:0;border-bottom:8px solid #0061ae;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;left: 35%;bottom: 0;}
.home-news .tab-tit a{color: #0061ae;}
.home-news .tab-con li{color: #939393;line-height: 50px;height: 50px;}
.home-news .tab-con li+li{border-top: 1px dotted #cacaca;}
.home-news .tab-con li a{color: #939393;display: inline-block;width: calc(100% - 80px);overflow: hidden;height: 50px;}
.home-news .tab-con time{float: right;}
.home-news .tab-con a:hover{color: #0061ae;}
.home-links{padding-top: 40px;padding-bottom: 40px;}
.home-links ul{width: 100%;text-align: center;}
.home-links ul li{display: inline-block;width: 55px;}
.home-links ul li img{max-width:100% ;max-height:45px; }


/* list-news */
.main-header{height: 40px;line-height: 40px;border-bottom: 2px solid #d1d1d1;margin-bottom: 30px;}
.main-header .cat-name{font-size: 20px;color: #1c98fc;border-bottom: 2px solid #1c98fc;margin-top: -1px;font-weight: normal;padding-left: 10px;padding-right: 10px;display: inline-block;}
.breadcrumbs{float: right;padding-right: 10px;}
.breadcrumbs li{display: inline-block;}
.news {margin-bottom: 40px;}
.news h2{font-size: 16px;color: #575757;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #bdbdbd;}
.news h2 time{float: right;color: #bdbdbd;font-size: 12px;}
.news p{color: #b2b2b2;line-height: 25px;height: 50px;overflow: hidden;display: inline-block;}
.news-left a{border: 1px solid #eee;display: block;overflow: hidden;padding: 2px;}
.news-left a img{max-height: 95px;width: 100%;}
.news-left .data{display: none;background: #bababa;color: #fff;text-align: center;padding: 2px;}
.news-left .data .day{font-size: 40px;border-bottom: 1px solid #fff;}
.news-left .data .year{font-size: 20px;}

/* list-product */

.product-name{display: inline;padding-left: 8px;border-left: 2px solid #1c98fc;margin-left: 10px;}
.list-pro{margin-bottom: 25px;}
.list-pro h2{color: #4a4a4a;text-align: center;border-bottom: 1px solid #dcdcdc;font-size: 14px;line-height: 28px;height: 28px;overflow: hidden;margin-top: 10px;}
.list-pro .parameter{padding-left: 10px;padding-right: 10px;height: 54px;overflow: hidden;}
.list-pro .parameter p{font-size: 12px;color: #8d8d8d;line-height: 18px;}
.list-pro img{border: 1px solid #bfbfbf;}
.list-honor h2{text-align: center;font-size: 14px;color: #4f4f4f;margin-top: 15px;margin-bottom: 20px;height: 40px;overflow: hidden
  ;line-height: 20px;}
.list-honor .img-border{padding: 5px;border: 1px solid #959595;}
.list-honor .img-border img{width: 100%;height: 187px;}

.subcat{padding-left: 15px;padding-right: 15px;text-align: center;margin-left: -2px;margin-right: -2px;margin-bottom: 30px;}
.subcat li{float: left;width: 33.3333%;padding: 2px;}
.subcat li a{background-color: #eee;color: #424242;display: block;width: 100%;line-height:40px;height: 40px;}
.subcat li a:hover,
.subcat li.current-cat a,
.subcat li.current-cat-parent a{background-color: #1b69ab;color: #fff;}
.list-down{width: 100%;}
.list-down td{border: none;padding: 0 15px;line-height: 38px;height: 38px;}
.list-down tr{width: 100%;border: none;border-bottom: 1px solid #eee;}
.list-down thead{background: #48a3f0;line-height: 38px;height:38px;color: #fff;width: 100%;}
.list-down .td1{width: 45%;}
.list-down .td2{text-align: center;}
.list-down .td3{width: 20%;text-align: center;}

/* single-product */
.pro-gallery-wrap{padding-left: 35px;padding-right: 35px;}
#pro-gallery img{max-width: 100%;height: auto;}
#pro-gallery {position: relative;border: 1px solid #eaeaea;}
#pro-gallery .slides li{display: none;}
#pro-carousel{margin-left: 25px;margin-right: 40px;margin-top: 40px;}
#pro-carousel .slides li img{border: 1px solid #eee;}
#pro-carousel .flex-direction-nav a{width: 10px;height: 45px;display: block;position: absolute;top: 50%;margin-top: -22px;text-indent: -9999px;}
#pro-carousel .flex-next{background: url(img/pro-r.gif);right: -20px;}
#pro-carousel .flex-prev{background: url(img/pro-l.gif);left: -20px;}
.pro-tit{font-size: 34px;font-weight: bold;color: #0093c8;margin-bottom: 30px;}
.pro-mate ul{margin-bottom: 20px;}
.pro-mate ul.pro_meters li{width: 50%;float: left;border-bottom: 1px dotted #696969;line-height: 45px;height: 45px;overflow: hidden;}
.pro-mate i{display: block;width: 58px;height: 58px;}
.pro-mate ul.ico-ul{padding: 0;margin: 0;width: 100%;display:flex;flex:1;align-content: space-between;justify-content: space-between;align-content: flex-start;align-items: flex-start;overflow: hidden;}
.pro-mate ul.ico-ul li{display: inline-block;justify-content: space-between;text-align: center;}
.pro-mate ul.ico-ul li img{max-width: 100%;height: auto;}
.pro-mate .ico-dc{background: url(img/dc.png);}
.pro-mate .ico-zc{background: url(img/zc.png);}
.pro-mate .ico-ct{background: url(img/ct.png);}
.pro-mate .ico-gb{background: url(img/gb.png);}
.pro-mate .ico-gs{background: url(img/gs.png);}
.pro-mate .ico-hb{background: url(img/hb.png);}
.pro-mate .ico-xh{background: url(img/xh.png);}
.pro-pack{display: black;min-height: 60px;margin-bottom: 20px;}
.pro-mete-foot{border-top:1px solid #d4d4d4;margin-top: 20px;}
.bdshare-button-style1-16{float: right;}

/* single-pub */

.post-head{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;text-align: center;margin-top: 60px;}
.post-head h1{font-size: 20px;margin-bottom: 10px;}
.post-body{margin: 25px 0;overflow-x: auto;color: #333;}
.post-body .table-responsive{overflow-x: auto;width: 100%;text-align: center;}
.post-body img{max-width: 100%;height: auto;}
.post-body h1{margin-bottom: 50px;text-align: center;font-size: 24px;font-weight: bold;}
.post-body h2,
.pro-mate h2{font-size: 15px;color: #fff;background:#2a4084;height: 25px;line-height: 25px ;display: inline-block;padding-left: 15px;padding-right: 15px;margin-bottom: 20px;}
.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 table tr:nth-of-type(2n-1){background: #e0f1fd;}
.post-body table tr:nth-of-type(2n){background: #fff;}
.post-body table tr:nth-of-type(1){ background: #26509a;color: #fff;}
.post-body tr,th,td{white-space: nowrap;border:1px solid #fff;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;}
.post-footer{margin-bottom: 40px;margin-top: 20px;}
/* page */
.conatact-box dt{border: 1px solid #ddd;min-height: 45px;}
.conatact-box dt+dt{border-top: 0;}
.conatact-box dt label{width: 100px;height: 43px;display: inline-block;padding-left: 15px;float: left;line-height: 43px;}
.conatact-box input,.conatact-box textarea{border: 1px solid #ddd;margin-top: 9px;padding-left: 5px;max-width: 100%;}
.conatact-box textarea{width: 100%;height: 160px;}
.conatact-box .wpcf7-form-control-wrap{float: left;width: calc(100% - 110px);}
.conatact-box dd{text-align: center;}
.conatact-box .wpcf7-submit{color: #fff;background: #296ca1;padding: 5px 15px;width: auto;display: inline-block;}


/* footer */


.footer {background: #242424;padding-top: 30px;padding-bottom: 30px;color: #cccccc;font-size: 12px;}
.footer-nav{margin-top: 15px;margin-bottom: 15px;}
.footer h3,
.footer h4{font-size: 16px;color: #f2f2f2;line-height: 1;font-weight: 100;margin-bottom: 6px;}
.foot-left{padding: 0;margin: 0;width: 100%;display:flex;flex:1;align-content: space-between;justify-content: space-between;align-content: flex-start;align-items: flex-start;}
.foot-left .widget{display: inline-block;justify-content: space-between;}
.foot-left .widget li{line-height: 1.9;}
.footer a{color: #cccccc;}
.footer .col-sm-1 a{display: block;margin-bottom: 20px;}
.footer span{margin-top: 10px;display: block;}
.footer .col-sm-1{padding-top: 25px;}
.footer .border-left{border-left: 1px dotted #eee;padding-top: 20px;padding-bottom: 20px;}
.footer .border-left img{max-width: 110px;height: auto;}
.copyright {margin-top: 30px;}
.copyright a{color: #fff;}

/* sidebar */

.searchform{position: relative;}
.search-keyword{width: 100%;border: 1px solid #ddd;height: 25px;padding: 0 5px;font-size: 13px;line-height: 25px;}
.search-submit{position: absolute;right: 0;top: 0;background: none;border: 0;height: 26px;background: url(img/icon4.png);width: 27px;}
.sidebar .box{position: relative;}
.sidebar .box-header{background: url(img/box-header.png) no-repeat;width: 270px;height: 117px;}
.sidebar .box-body{background: url(img/box-body.png) repeat-y;width: 270px;height: auto;}
.sidebar .box-footer{background: url(img/box-footer.png) no-repeat;width: 270px;height: 24px;}
.sidebar .cat-list li{text-align: center; }
.sidebar .cat-list li a{color: #fff;display: inline-block;width: 200px;height: 40px;line-height: 40px;overflow: hidden;}
.sidebar .cat-list li a:hover{background-color: #fff;color: #1c98fc;}
.sidebar .cat-name{width:160px;position: relative;margin-left: auto;margin-right: auto;color: #fff;background: #1c98fc;border: 8px solid #fff;font-size: 20px;padding: 30px 10px 10px 10px;text-align: center;}
.sidebar .cat-name:after{content:"";width:0;height:0;background:#fff;border-bottom:20px solid #1c98fc;border-right:142px solid transparent;position:absolute;right:0;top:0;}
.sidebar .widget{margin-bottom: 10px;margin-left: 8px;}
.sidebar .widget h3{color: #7d7d7d;border-left: 2px solid #1c98fc;padding-left: 4px;margin-top: 20px;font-size: 15px;margin-bottom: 10px;line-height: 1;}

/* single */


@media screen and (min-width: 769px){
.home-product .container{width: 1280px;}
.header .nav .sub-menu{display: none;position: absolute;z-index: 3;min-width: 210px;left: -30px;padding-top: 12px;}
.header .nav .sub-menu li{border-bottom:1px solid #cccfd5;background: #eaedf3;}
.header .nav .sub-menu li:hover{background: #36a2e2}
.header .nav .sub-menu li:hover a{color: #fff;}
.header .nav .sub-menu li:last-child{border: none;}
.header .nav .sub-menu a{font-size: 12px;color: #5a5a5a;display: inline-block;width: 100%;}
.header .nav .open-this{display: none;}


}


@media screen and (max-width: 769px){

  .header{padding-top: 7px;padding-bottom: 7px;z-index: 999;height: auto;}
  .header .nav{margin-left: -15px;margin-right: -15px;}
  .header .nav li{width: 100%;margin:0;}
  .header .nav{display: none;position: absolute;margin-top: 3px;background: #000;width: 100%;padding-bottom: 20px;}
  .header .nav ul{width: 100%;}
  .header .nav li{position: relative;}
  .header .nav ul li a{width: 100%;display: block;height: 40px;color: #b6b6b6;line-height: 40px;border-bottom: 1px solid #1c1c1c;text-align: left;padding-left: 15px;}
  .header .nav .sub-menu{padding-left:8px;display: none;}
  .header .nav .sub-menu li a:before{content: '>';padding-right: 8px;display: inline-block;font-size: 6px;font-family: monospace;}
  .header .site-logo img{max-height: 50px;width: auto;}
  .header .site-logo{float: none;}
  .header .fr{float: none;}
  .header .nav>ul>li{margin-left: 0;}
  .header .nav .open-this{display: block;}
  .header .right-top{position: absolute;top: 15px;right: 50px;}
  .home-about-box-bg .col:nth-of-type(3){float: right;}
  .home-about-box-bg .col:nth-of-type(5){float: right;}
  .home-about .col{width: 50%;height:190px;}
  .home-about .col a{margin-top: 15px;}
  .home-about .col p{font-size: 12px;margin-top: 10px;margin-bottom: 10px;}
  .home-about .col h3{font-size: 14px;}
  .home-about .table-box{padding: 10px;}
  .home-about .table-cell{padding: 10px;border: 0;}
  .home-about .col:hover .table-cell{border: 0;}
  .news-left .data{display: block;}
  .news{margin-bottom: 20px;}
  .news-con{padding-left: 7px;}
  .news-left{padding-right: 7px;}
  .list-honor .img-border img{width: 100%;height: 130px;}
  .list-honor:nth-of-type(2n-1){padding-right: 7px}
  .list-honor:nth-of-type(2n){padding-left: 7px}
  .flex-control-nav{background: none;padding-top: 0;height: auto;}
  .flex-control-nav a{width: 10px;height: 10px;}
  .pro-mate ul.pro_meters li{width: 100%;}
  .news-left .data .year{font-size: 14px;}

}

/*--------------------------------------------------------------
# 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;text-align: center;margin-bottom: 30px;}
.pagination h2{display: none;}
.pagination a,.pagination span{padding:5px 10px;margin:0 5px;background-color: #595959;border-radius: 3px;color: #fff;}
.pagination .current{background-color:#424141;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;}