/*
Theme Name: xinfa
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: xinfa
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 */

@font-face {
  font-family: 'iconfont';  /* project id 666072 */
  src: url('//at.alicdn.com/t/font_666072_h63a9e180hxpf1or.eot');
  src: url('//at.alicdn.com/t/font_666072_h63a9e180hxpf1or.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_666072_h63a9e180hxpf1or.woff') format('woff'),
  url('//at.alicdn.com/t/font_666072_h63a9e180hxpf1or.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_666072_h63a9e180hxpf1or.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

html{height: 100%;width: 100%;}
body{height: 100%;color: #595959;font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;width: 100%;}

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;}
input{outline: none;}
input:focus{outline: none;}
.fl{float: left;}
.fr{float: right;}
.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;}




/* header1 */
.header .top{position: relative;background: #fff100;}
.header .top-nav{float: right;}
.header .top-nav li{float: left;}
.header .top-nav li a{color: #fff;background: #000;display: block;width: 25px;display: block;text-align: center;}
.header .top-nav li.current-menu-item a{background: none;color: #000;}
.header .nav-bg{width: 100%;background: #000;}
.header .nav .open-this{cursor: pointer;position: absolute;width: 40px;height: 40px;right: 0;top: 0;text-align: center;color: #003628;z-index: 999;line-height: 40px;}



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

.searchform{position: relative;margin-top: 10px;}
.search-keyword{width: 100%;height: 24px;padding: 0 5px;font-size: 13px;line-height: 24px;border-radius: 2px;border: 0;}
.search-submit{position: absolute;right: 0;top: 0;border: 0;height: 24px;font-family: 'iconfont';background: none;}

/* 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: 10px;z-index: 2;height: 4px;left: 0;}
.flex-control-nav li{display: inline-block;margin: 0 5px;}
.flex-control-nav a{display: inline-block;width: 40px;height: 4px;background-color: #4b4b4b;text-indent: -9999px;}
.flex-control-nav a.flex-active{background-color: #ff7d00;}


/* list-product */
.page-head{padding-top: 40px;border-bottom: 3px solid #7e7e7e;position: relative;margin-bottom: 40px;}
.page-tit{text-align: center;color: #000;font-size: 22px;}
.page-head .back{position: absolute;bottom: 4px;right:0;}
#breadcrumbs{margin-bottom: 5px;}
.breadcrumbs li{display: inline-block;}
.breadcrumbs li.separator{padding-left: 3px;padding-right: 3px;font-family: monospace;}
.breadcrumbs li.item-home{margin-right: 5px;}
.cat-banner{margin-bottom: 20px;margin-top: 5px;}
.cat-tit{font-size: 16px;color: #fff;font-weight: bold;height: 40px;line-height: 40px;background: #000;padding: 0 20px;}
.box{background: #efefef;padding: 30px;}
.box h3{text-align: center;height: 45px;line-height: 45px;overflow: hidden;display: block;}
.pro-nav li{width: 33.3333%;float: left;}
.pro-nav li a{display: block;background-color: #adadad;height: 40px;line-height: 40px;text-align: center;margin: 5px;color: #fff;overflow: hidden;}
.pro-nav li.current-menu-item a{background-color: #000;color: #fff100;}



/* single-pub */

#pro-gallery img{max-width: 100%;height: auto;}
#pro-gallery .slides li{display: none;}
#pro-gallery .flex-control-nav a{height: 12px;width: 12px;border-radius: 50%;background: #eee;}
#pro-gallery .flex-control-nav a.flex-active{background: #ff7d00;}
#pro-carousel{margin-left: 25px;margin-right: 40px;margin-top: 40px;}
#pro-carousel .slides li{float: left;}
#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;}
/* .post-box{margin-top: 10px;} */
.post-head{height: 35px;line-height: 35px;border-bottom: 3px solid #c8c8c8;color: #494949;text-align: center;font-size: 18px;}
.post-header{text-align: center;}
.post-header h1{font-weight: bold;font-size: 20px;}
.post-body{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 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 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;}
.pro-tit{font-size: 20px;color: #000;line-height: 2;margin-top: 15px;}
.pro-line{width: 100%;height: 2px;background: #e5e5e5;margin-top: 15px;margin-bottom: 15px;}
.pro-mate{color: #595757;font-size: 16px;line-height: 1.8;margin-bottom: 20px;}

/* list */
.art-news li{line-height: 60px;height: 60px;border-bottom: 1px dotted #595757}
.art-news li span{float: right;}

/* footer */
.footer {background: #f8f8f8;padding-bottom: 10px;color: #000;font-size: 12px;border-top: 3px solid #fff100;line-height: 2;font-size: 12px;}
.footer-addr{padding-top: 25px;}
.footer-logo{}

/* mobile */
.mhome{height: 100%;width: 100%;background: url(img/mbg.jpg) no-repeat;background-size: cover;text-align: center;}
.mhome .logo{margin-top: 40%;max-width: 40%;display: inline-block;}
.mhome ul{margin-top: 20px;width: 100%;text-align: center;}
.mhome ul li{display: inline-block;margin: 30px 15px;width: 30%;}
.mhome ul li a{color: #fff100;display: block;font-size: 20px;border: 1px solid #fff100;height: 40px;line-height: 40px;}
.mhome footer{position: absolute;width: 100%;padding: 15px;bottom: 0;left: 0;color: #fff;}
.mhome footer span{font-size: 12px;}
.mbox [class*="col"]{padding: 0 4px;}
.mbox .row{margin-left: -4px;margin-right: -4px;}
.full{width: 100%;color: #fff;display: block;text-align: center;display: flex;align-items: center;justify-content: center;}
.full i{font-size: 28px;padding-right: 6px}
.c1{background-color: #feb101;height: 222px;display: table !important;line-height: auto;}
.c1 span{display: block;}
.c1 img{display: inline-block;}
.c2{background-color: #27c04c;margin-bottom: 4px;line-height: 107px;height: 107px}
.c3{background-color: #d65156;margin-top: 4px;margin-bottom: 4px;line-height: 107px;height: 107px}
.c4{background-color: #939393;margin-top: 4px;margin-bottom: 4px;line-height: 107px;height: 107px}
.c5{background-color: #003d8f;margin-top: 4px;margin-bottom: 4px;line-height: 107px;height: 107px}
.c6{background-color: #78d1e1;margin-top: 4px;margin-bottom: 4px;line-height: 107px;height: 107px}

/* list */

.widget-tit {font-weight: bold;position: relative;color: #000;margin-bottom: 5px}
.widget li a{position: relative;}
.widget>div>ul>li>a:after{content:"";width:0;height:0;border-top:4px solid transparent;border-left:4px solid #000;border-bottom:4px solid transparent;position:absolute;top:21px;margin-left: 10px;}
.widget li a:hover:after{border-left-color: #e3ce33;}
.widget li {border-bottom: 1px dotted #eee;font-weight: bold;}
.widget li li{font-weight: normal;}
.widget a{color: #000;line-height: 50px;display: block;}
.widget a:hover{color: #e3ce33;}

.phone-nav{display: none;background-color: #000;width: 100%;position: fixed;bottom: 0;left: 0;right: 0;}
.phone-nav li{float: left;border-right: 1px solid #eee;width: 25%;text-align: center;color: #fff;}
.phone-nav li i{font-size: 20px;display: block;color: #fff;}
.phone-nav li a{color: #fff;display: block;width: 100%;padding-top: 6px;}
.phone-nav li img{max-width: 20px;height: auto;}
@media screen and (min-width: 760px){
  .main{width: 76%;float: right;padding-left: 15px;padding-right: 15px}
  .sidebar{width: 23%;float: left;padding-left: 15px;padding-right: 15px}
  .header .nav>ul{position: relative;width: 100%;padding-top: 15px;padding-bottom: 15px;}
  .header .nav>ul>li{float: left;position: relative;border-right: 1px solid #b5b5b5;text-align: center;border-right: 1px solid #fff;line-height: 17px;height: 16px;padding-left: 25px;padding-right: 25px;}
  .header .nav>ul>li:last-child{border-right: 0;}
  .header .nav>ul>li a{text-align: center;display: inline-block;color: #fff;font-size: 16px;overflow: hidden;}
  .header .nav li.current-menu-item a{color: #fff100;}
  .header .nav .sub-menu{display: none;position: absolute;z-index: 3;font-size: 13px;padding-top: 12px;width: 160px;background: #2a2a2a;}
  .header .nav .sub-menu li{background: #2a2a2a;}
  .header .nav .sub-menu .sub-menu{background: #3c3c3c;}

  .header .nav .sub-menu li{padding-left: 7px;padding-right: 7px;width: 100%;height: 34px;line-height: 34px;background: #2a2a2a;}
  .header .nav .sub-menu a{font-size: 12px;display: block;position: relative;width: 100%;text-align: left;}

  .header .nav .sub-menu li.menu-item-has-children>a:after{content:"";width:0;height:0;border-top:4px solid transparent;border-left:4px solid #fff;border-bottom:4px solid transparent;position:absolute;right:12px;top:12px;}
/*   .header .nav .sub-menu li.menu-item-has-children a:hover:after{border-left: 4px solid #fff100;} */
  .header .nav .sub-menu li:hover{background: #efe309;}
  .header .nav .sub-menu li:hover>a{color: #000;}
  .header .nav .sub-menu li.menu-item-has-children:hover>a:after{border-left-color:#000;}
  .header .nav .sub-menu .sub-menu{margin-left: 160px;top: 0;left: 0;}
  .header .nav .sub-menu .sub-menu li{background: #3c3c3c;}
  .header .nav .sub-menu .sub-menu li:hover a{color: #f0e30a;}
  .header .nav .open-this{display: none;}
  .post-body{padding-left: 30px;padding-right: 30px;}
  .post-body a{color: #2192d9;}
  .pro-gallery-wrap{padding-left: 35px;padding-right: 35px;}
  .header .site-logo{margin-top: 15px;margin-bottom:   20px;}
  .copyright{margin-top: 10px;margin-bottom: 15px;}
  .header .site-logo{display: block;float: left;}
  .header .site-logo img{max-height: 60px;width: auto;}
}

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

}
@media screen and (max-width: 760px){
  .header{z-index: 999;text-align: center;height: auto;}
  .header .nav{display: none;position: absolute;margin-top: 7px;background: #eaeaea;width: 100%;padding-bottom: 20px;margin-left: -15px;margin-right: -15px;z-index: 999;}
  .header .nav ul{width: 100%;}
  .header .nav ul li{position: relative;width: 100%;margin:0;}
  .header .nav ul li a{width: 100%;display: block;color: #787878;border-bottom: 1px solid #b5b5b5;text-align: left;padding-left: 15px;line-height: 40px;height: 40px;}
  .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 .fr{float: none;}
  .header .nav>ul>li{margin-left: 0;}
  .header .nav .open-this{display: block;}
  .post-body{padding-left: 8px;padding-right: 8px;}
  .box{background: none;padding: 15px 0;}
  .pro-img{border: 1px solid #d7d7d7;}
  .flexslider{padding-top: 5px;padding-bottom: 5px;}
  .page-head{margin-bottom: 15px;}
  .phone-nav{display: block;}
  .footer{margin-bottom: 60px;}



}
.wp-zan.zaned{border:1px solid #d1d1d1;border-radius: 3px;padding:5px 20px;background: #f4f4f4;}
/* bgcolor */
.bgcolor1{background: #04a8ec!important;}
.bgcolor2{background: #fc0000!important;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: inline; 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;}