/*
 * Company: seowhy.com
 * Author : fesiong
 * Time   : 2015-08-06
 */
*{padding:0px;margin:0px;font-family:"Microsoft Yahei"}
body{background: #F1F1F1;}
li{list-style:none}
a{color: #333;}
a:hover{text-decoration:none;color: #0c5cc8;}
.block{height: 20px;}
img{height: auto; width: auto\9; max-width:100%;}
/* header */
.nav{padding-left:10px;}
.navbar-right{margin-right: -5px;}
.bg-white{background: #fff;}
.topbar{padding: 5px 0;background-color: #e5e5e5;border-bottom: 1px solid #ccc;}
.welcome{color: #666;}
.toplinks a{color: #666;}
.logo{float: left;}
.logo img{margin-top: 25px;float: left;}
.logo p {font-weight: bold;font-size: 19px;color: #999999;padding: 10px 0 10px 20px;border-left: 1px solid #989898;margin-left: 25px;margin-top: 25px;}
.logo p em{display: block;font-size: 18px;margin-bottom: 5px;font-style: normal;font-weight: bold;}
.phone{padding-left: 55px;background: url(../images/phone.png) no-repeat left center;margin-top: 40px;}
.phone p {font-weight: bold;font-size: 18px;color: #999999;margin-bottom: 0;}
.phone span{font-weight: bold;font-size: 22px;color: #043b9e;font-family: Arial;}
.toplinks{color: #666;}
.four-ico{padding-bottom: 20px;}
.navbar-default{background: #0c5cc8;}
.navbar-default .navbar-nav > li > a{color: #fff;font-size: 16px;font-weight: bold;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: #fff;
border-top: 1px solid #eff4fb;color: #0851b4;font-size: 16px;font-weight: bold;}
.navbar-default .navbar-toggle .icon-bar{background: #fff;}
.menu-name{float: left; padding: 15px 10px; color: #fff;margin: 0;font-size: 16px;}
.search{}
.search .input-group-addon{padding: 0;}
.search .input-group-addon .searchbtn{ background: none;border:0; height: 100%;padding:5px;cursor: pointer;}

.header-slide{overflow:hidden;width:100%;}
.header-slide .slideBox{position:relative;height:400px;}
.header-slide .slideBox .hd{text-align:center;position:absolute;bottom: 20px;width:100%;z-index:999;}
.header-slide .slideBox .hd a{background:#eee;background:rgba(221, 221, 221, 0.7);display: inline-block;margin:5px;cursor:pointer;height: 5px;width: 25px;}
.header-slide .slideBox .hd a.on{background:#fff;}
.header-slide .slideBox .bd li{height:400px; background-position:50% 0;}
.header-slide .slideBox .bd a{display:block;width:100%;height:100%;}
.header-slide .slideBox .bd_title{position: absolute;bottom: 0px;text-align: center;width: 100%;background-color: #999;height: 40px;line-height: 40px;opacity: .7;color: #fff;}

.four-ico{}
.four-ico span{font-size: 64px;padding: 40px;background: #0C5CC8;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;border-top-right-radius: 50%;border-top-left-radius: 50%;color: #fff;}
.four-ico span:hover{background: #170684;}
.four-ico-item{text-align: center;}

.home-content{padding: 20px 0;}
.home-products-list{}
.home-products-list p{text-align: center;font-size: 16px;color: #696969;margin-bottom: 3px;text-transform: uppercase;font-family: Arial;}
.home-products-list h2{text-align: center;font-size: 26px;background: url(../images/pro_t.png) no-repeat center;margin-bottom: 30px;margin-top: 0;}
.home-products-list h2 a{color: #043b9e;font-family: "微软雅黑";}
.text-area{background: url(../images/applyBg.jpg); background-size:100% 100%; no-repeat center; padding: 20px 0; text-align: center;font-size: 22px;color: #fff;}
.text-area a{font-size: 22px;color: #fff;}
.home-newslist{background: #F1F1F1;padding: 12px 0}
.home-newslist h2{padding-left: 10px;border-left: 3px solid rgb(1, 147, 222);font-weight: normal;line-height: 16px;font-size: 16px;color: rgb(1, 147, 222);
margin: 0;}
.home-newslist h2 a{font-weight: bold;}
.home-newslist-item{padding: 10px 20px 0px 20px;}
.home-newslist ul{display: block;margin:0;margin-top: 10px;padding: 5px 0;border-top: 1px solid #999;}
.home-newslist ul li{overflow: hidden; padding: 8px 0;background:url(../images/news_03.png) no-repeat 0 50%;padding-left: 15px;}
.home-newslist ul li span{color: #999;}
.copyright{padding-bottom: 5px;color: #333;}

.caption h3{font-size: 14px;font-weight: bold;}
@media (max-width: 1280px) {
.logo{float: none;text-align:center;}
.logo img{margin-top: 15px;margin-bottom: 15px;float: none;}
.logo p{display:none;}
.navbar-nav{display:none;}
.header-slide .slideBox{position:relative;height:calc(100vw*0.354);display:none;}
.header-slide .slideBox .bd li{height:calc(100vw*0.32);background-position:50% 0;background-size:100% 100%;}
.home-newslist-item li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pull-right{display:none;}
.company-info{display:none;}
.friend-link{width:calc(100% - 0px);text-align:center;}
.friend-link li{width:calc(100% - 0px);text-align:center;}
.common-link{width:calc(100% - 0px);text-align:center;}
}

table {width: 99.5%;margin: 0 auto;font-size:12px;}
@media screen and (max-width: 1280px) {
table {width: 100%;margin: 0 0;border: 0px solid #000;font-size:12px;}
table tr {display: block;border-bottom: 1px solid #000;}
table td {display: block;border-bottom: 1px solid #000;text-align: middle;white-space: normal;}
table td:last-child {border-bottom: 1px solid #000;}
table td:before {content: attr(data-label);text-transform: uppercase;}
}

/* footer */
.page-footer{background:#31A3D1;padding:5px 10px 0px 10px;border-top:1px solid #ebebeb;color: #fff;}
.page-footer a{color: #fff}
.page-footer li{line-height:35px;}
.box-tit{font-size:16px;border-bottom: 1px solid #ebebeb;padding-bottom: 5px;margin-bottom: 10px;font-weight: bold;}
.box-tit .more{font-size:13px;padding-right:10px;font-weight:normal;padding:5px;}
.company-info i{padding-right:5px;}
.copyright{text-align:center;padding-top:10px;border-top:1px solid #097AC6;font-weight: bold;color: #999999;}
.box-content{overflow:hidden;}
.image-box{height: 0;padding-bottom: 80%;position: relative;width: 100%;overflow: hidden;border: 1px solid #ebebeb;margin-bottom: 20px; }
.product-box{padding: 10px;}
.product-content{padding:0 30px;}
.image-box img{width: auto;height: auto;position: absolute;text-align:center;}
.image-box img.more{bottom: 0;right: 0;}
.image-box a{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/pro_w.png) repeat center;
z-index: 1;text-decoration: none;}
.image-box:hover a{display: block;}
.image-box a span {display: block;text-align: center;font-size: 16px;color: #fff;margin-top: 125px;}
.image-box a em {display: block;width: 100px;height: 24px;border: 1px solid #fff;text-align: center;line-height: 24px;font-size: 14px;color: #fff;margin: 10px auto;}

.home-categroy-list a{display: block; padding: 10px;margin-bottom: 10px;background: #e4e4e4;;box-shadow: 0 1px 2px rgba(0,0,0,.075);color: #666;}
.home-categroy-list a:hover{background: #043b9e;color: #fff;}
.home-categroy-list p{font-weight: bold;}
.sub-categroy{padding: 20px 0 10px 0;}
.sub-categroy a{display: block; padding: 10px;margin-bottom: 10px;background: #e4e4e4;;box-shadow: 0 1px 2px rgba(0,0,0,.075);color: #666;}
.sub-categroy a:hover{background: #043b9e;color: #fff;}

.post-head{}
.post-head h2 {padding-left: 10px; border-left: 3px solid #0193de;font-weight: normal;line-height: 16px;font-size: 16px;color: #0193de;}
.plist-title h2{margin-left: 20px;}
.post-content{line-height:25px;clear: both;}
.post-content .product-box{margin-bottom: 20px;}
.categroy-title{border-bottom: 1px solid #dbdbdb;height: 55px;}
.breadcrump{padding-top: 15px;color: #999;padding-right: 20px;}
.breadcrump a{color: #999}

/* index */
.main-content{overflow:hidden;}
.company-description{}
.index-box{border:1px solid #ebebeb;margin-top:20px;overflow:hidden;padding-bottom:20px;}
.color-red{color:#f60;}
.color-red span{padding-left:5px;font-size:1.2em;color:#f90;}
.index-box .box-tit{border-bottom:0px;padding:15px 15px 0;}
.description{text-indent:2em;}
.index-news li{border-bottom: 1px dotted #ebebeb;margin-top: 10px;}

.product-box p{height:40px;padding-top:5px;}
.category-more{font-size:13px;font-weight:normal;padding:5px;}
.category-more a{}
.category-more a:after{content:"|";padding-left: 8px;padding-right:5px;}

.crumb{padding:0 20px;overflow: hidden;}
.crumb .breadcrumb{margin-bottom:0px;background: none;}
.crumb .breadcrumb span{margin-right: 10px;}
.post-head{}
.post-meta{color: #959595;margin: 15px 0;}
.post-meta span{margin: 0px 7px;white-space: nowrap;}
.post-footer{padding-top:20px;}
.sidebar .widget {background: #ffffff;;}
.widget .title {font-weight: normal;padding: 24px 0 23px 22px;border-bottom: 1px solid #eee;background: #0193de;margin: 0;font-size: 18px;color: #fff;font-weight: bold;}
.widget .title span{font-size: 14px; color: #eee; font-weight: normal;margin-left: 5px;}
a.related-item {height: 50px;line-height: 50px; padding-left: 25px;display: block;font-size: 14px;margin: 0 10px;text-decoration: none;background: #ececed url(../images/dpro_jt.png) no-repeat 186px 20px;margin-top: 10px;font-weight: bold;}
.widget .content{overflow:hidden;}
.widget li{line-height:30px;}
.widget .tag-cloud a {border: 1px solid #ebebeb;padding: 2px 7px;color: #959595;line-height: 1.5em;display: inline-block;margin: 0 7px 7px 0;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.widget .tag-cloud a:hover {color: #333;background: #ccc;border: 1px solid #ccc;text-decoration: none;}
.product-meta{}
.product-thumb{padding:10px;margin-bottom:10px;margin-top: 20px;}
.product-thumb img{}
.thumb-box{position:relative;height:0px;padding-bottom:90%;overflow:hidden;}
.product-info{text-align:left;}
.product-info h1{
    font-size: 16px;
    color: #414141;
    border-bottom: 1px dashed #bbbbbb;
    padding: 2px 0 10px;
    line-height: 1.6em;
}
.product-info dt,.product-info.dd{float:left;}
.product-info dl{margin-bottom:10px;}
.product-content{margin-bottom:20px;border-bottom:1px solid #ebebeb}
.article-list{overflow:hidden;}
.article-list li{line-height:30px;border-bottom:1px dotted #ebebeb;padding:10px;}
.article-list li:nth-child(odd){background-color:#f9f9f9}
.friend-link li{float:left;padding:0 5px;}

.pagination {margin: 0 0 35px;text-align: center;display: block;}
.pagination a {text-align: center;display: inline-block;color: #666;background: #fff;border-radius: 2px;border:1px solid #ebebeb;}
.pagination a:hover {background: #ebebeb;text-decoration: none;border:1px solid #ccc}
.pagination a i {width: 36px;height: 36px;line-height: 36px;}
.pagination .page-number {background: #fff;color: #666;margin: 0 3px;display: inline-block;line-height: 36px;padding: 0 14px;border-radius: 2px;border:1px solid #ebebeb;}
.thumbimg{text-align:center;}
.thumbimg img{width:50%;margin:15px auto;padding:2px;border:1px solid #999;}

.picFocus{   }
.picFocus .hdthumb{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hdthumb ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hdthumb ul li{ padding-top:5px; float:left;  text-align:center; width:20%; height:20%;margin-right: 5px;}
.picFocus .hdthumb ul li img{ width:100%; height:100%; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hdthumb ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hdthumb ul li.on img{ border-color:#f60;}
.picFocus .bdthumb{border:1px solid #ebebeb;}
.picFocus .tempWrap,.picFocus .bdthumb ul{height:100%;}
.picFocus .bdthumb li{ vertical-align:middle;height:100%;}
.picFocus .bdthumb img{ width:100%; height:100%; display:block;  }
.productthumbslide{}

.content-title{font-size: 18px;border-bottom: 1px solid #0193de;color: #0193de;padding-bottom: 20px;margin-bottom: 20px;font-weight: bold;}
.last-update-item{background: url(../images/news_list_bg.gif) no-repeat 0 5px;margin: 8px;overflow: hidden;padding-left: 5px;}
.last-update-item li{line-height: 24px;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;height: 24px;overflow: hidden;}

.article-title{text-align: center;font-size: 26px;color: #000;margin-bottom: 6px;margin-bottom: 20px;}
.attr{text-align: center;color: #7E7E7E;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;padding-top: 10px;margin-bottom: 20px;}

.contact-kefu{padding: 15px;overflow: hidden;zoom: 1;background: #f3f3f3;font-size: 14px;font-weight: bold;}
.hot-line{font-size: 22px;color: #0193de;font-weight: normal;padding-bottom: 10px;height: 60px;}
.hot-line span{color: #666;font-size: 16px;}
.qq{}
.qq a{ color: #fff;text-decoration: none;width: 83px;padding:10px 20px 10px 43px;font-size: 12px;background: url(../images/stbg2.png) no-repeat center;}

.gray-text{color: #999;}
.four-ico-item p{font-weight: bold;}