html, body {height: 100%;width: 100%;}
html, body, a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { padding: 0; margin: 0;}
html { height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none; }
* { box-sizing: border-box;}
body { background-color: #fff; font-size: 13px; color:#666; font-family: Arial, sans-serif; line-height:1.6; min-height: 100%; position: relative; -webkit-text-size-adjust: none; }
input, button, select, textarea, a { outline: none; }
textarea { resize: none; }
img, input, button, select, textarea { vertical-align: middle; }
ul, ol { list-style: none; }
img { border: 0; width:100%;}
fieldset { border: 0; max-width:100%;}
abbr, acronym { cursor: help; border-bottom: 1px dotted black; }
table { width: 100%; border-spacing: 0; border: 0;font-family:"Microsoft YaHei","WenQuanYi Micro Hei"; }
table th, table td { border: 0; }
a.button,span.button,select,input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; text-transform: none; text-indent: 0; font-weight: bold; vertical-align: middle; line-height: 20px; display: block; height: 40px; width: 100%; padding: 10px; }
a.button,span.button { background: #4BD963; color: #fff !important; font-size: 18px; text-align: center; text-decoration: none; }
select,input[type="text"] { background: #fff; border: 1px solid #ccc; }
.mm-label.button { text-indent: 0 !important; padding: 20px 20px 40px 20px !important; }
a { text-decoration:none; color:#444;}
a:hover,a:focus{ }

pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
em{font-style: normal;}

/*icon*/
.icon{ background:url(../images/icon.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
.icon-search{ background-position:0 0;width:24px; height:24px;}

/*pic slider*/
.banner{max-width: 1450px;margin: 0 auto; overflow: hidden;}
.banner .flexslider{ top:-1px; }
.flexslider{position: relative!important; margin: 0!important; border:none!important;}
.flex-control-nav{bottom: 10px!important;}
.flex-control-paging li a{background: rgba(255,255,255,.5)!important;}
.flex-control-paging li a.flex-active{background: rgba(255,255,255,1)!important; background: #fff!important;}
.flex-direction-nav a.flex-prev:before{content: '<'; color: #fff;}
.flex-direction-nav a.flex-next:before{content: '>'!important; color: #fff;}

/*index*/
.container{ height: 100%; margin: 0 auto; padding-left:0;padding-right:0;}
.top-header{background: #fff; height: 100px;}
.top-header .logo{float:left;}
.top-header .logo a{background: url(../images/logo.png); width: 420px; height: 65px; display:inline-block; margin-top: 15px;}
.top-header .top-right{ float: right; width: 50%; }
.top-header .search{float:left; width:calc(100% - 150px); margin:30px 20px 0 0;}
.top-header .search .input-group{ display:table; width:100%;}
.top-header .search .input-group > .form-control{ display:table-cell; height:40px; vertical-align:middle;border-radius:3px 0 0 3px;}
.top-header .search .input-group > span{display:table-cell; vertical-align:middle;}
.top-header .search .input-group > span .btn{ height:40px; background:#5567b6; border:none; border-radius:0 3px 3px 0; width:100%; cursor:pointer; padding-left:10px; padding-right:10px;}
.top-header .lang-box{float: left; width:130px; margin-top: 40px;}
.top-header .lang-box li{float: left; padding: 0 8px;}
.navbar-top{ background: #264d98;  border-bottom: 1px solid #fff;}
.navbar-top .inner{height: 45px; line-height: 45px; background: #eee; }
.navbar-top .nav-list ul,
.navbar-top .nav-list li a{width: 100%; height: 100%; font-size: 15px; display: inline-block; color: #fff;}
.navbar-top .nav-list li{ width: 20%; position: relative; height: 100%; float: left; text-align: center; display: inline-block;border-right: 1px solid #DBDBDB; }
.navbar-top .nav-list li a{ color:#666; font-weight:700;text-transform:uppercase; }
.navbar-top .nav-list li a:hover,
.navbar-top .nav-list li a:focus{ background: #5567b6; color:#fff; text-decoration:none; }
.navbar-top .nav-list li.active a,
.navbar-top .nav-list li.active a:hover{ background: #5567b6;color:#fff; }



.pro-list{  overflow:hidden; background:url(../images/pro-list-bg.jpg); padding:40px 0;max-width: 1450px;  margin:0 auto ;}
.pro-list .item-box{ width:33.3%; float:left; padding:1.8%;}
.pro-list .item-box:first-child{padding-left:0;}
.pro-list .item-box:last-child{padding-right:0;}
.item-box .img-box{ background:#fff; padding:20px; overflow:hidden; position:relative; width:100%; display:inline-block;}
.item-box .img-box .img{float:right; width:110px;}
.item-box .img-box .info{ position:absolute; font-size:12px; color:#666; right:130px; left:20px; top:20px; bottom:20px;}
.item-box .img-box .info .tt{ color:#5567b6; display:block;text-transform:uppercase; margin-bottom:20px; font-size:24px; line-height:1.4;}

.filter-list{width:100%; margin-top:40px; overflow:hidden;}
.filter-list .filter-item{ width:33.3%; padding:1.8%; float:left;}
.filter-list .filter-item:first-child{padding-left:0;}
.filter-list .filter-item:last-child{padding-right:0;}
.filter-list .filter-item .filter-tt{}
.filter-list .filter-item .filter-tt h3{ font-size:22px; color:#333;text-transform:uppercase; font-weight:400;}
.filter-list .filter-item .filter-tt p{ font-size:15px; color:#da251d;text-transform:uppercase; display:block;}
.filter-list .filter-item .filter-contant{ padding-top:30px;}
.filter-list .filter-item .filter-contant .pic-img{padding-bottom:20px;}
.filter-list .filter-item .filter-contant .text{ color:#666; padding-bottom:20px; }
.filter-list .filter-item .filter-contant .btn a{ background:#5567b6; border-radius:3px; color:#fff; padding:8px 20px; font-size:14px;}



.footer{text-align:center;padding:30px 0; margin-top:30px; font-size:13px; color:#666; line-height:1.7; background:#eee; border-top:1px solid #ddd;}
.ctn-banner .img{background-position:center center; height:300px;}
.breadcrumb-box{background:#f5f5f5; padding:10px; overflow:hidden; width:100%; margin:0 auto;}
.breadcrumb-box li{ float:left;text-transform:uppercase;}
.breadcrumb-box li:first-child{text-transform : capitalize;}
.breadcrumb-box li:after{content:'>' ; padding:0 10px;}
.breadcrumb-box li:last-child:after{display:none;}

.ctn-body{margin-top:30px;}
.ctn-body .aside-menu{ float:left; width:220px; /*box-shadow:4px 5px 5px rgba(0,0,0,0.1);*/ padding-bottom:10px;}
.ctn-body .aside-menu li{display:block; width:100%; height:38px;line-height:38px; }
.ctn-body .aside-menu li a{ position:relative; padding-left:10px; border-bottom:1px solid #eee; height:38px;  font-size:13px; display:inline-block; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ctn-body .aside-menu li a:hover{color:#0268b3;}
.ctn-body .aside-menu li a:hover,
.ctn-body .aside-menu li a:focus,
.ctn-body .aside-menu li.active a{ background:#808aba; color:#fff!important;text-decoration:none!important;}
/*.ctn-body .aside-menu li a:hover span,
.ctn-body .aside-menu li a:focus span,
.ctn-body .aside-menu li.active a span{position:absolute; left:5px; top:15px; background:#9fb5ca; width:8px; height:8px; border-radius:50%; border:2px solid #fff; display:inline-block;}*/

.ctn-body .aside-menu li.tt{ font-size:18px; padding-left:10px; font-weight:400; background:#5567b6; color:#fff; height:40px; line-height:40px;}
.ctn-body .aside-menu li:last-child a{border-bottom:none;}

.ctn-body .ctn-main{overflow:hidden; min-height:600px; padding-left:50px;}
.news-list{ overflow:hidden; }
.news-list li{ border-bottom:1px dotted #ddd; padding:5px 10px; background:url(../images/list-icon.png) no-repeat left center; }
.news-list li a{ display:block; width:85%; color:#514580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li .time{ float:right; color:#999;}
.pagination-box{ margin-top:30px;}
.pagination-box a{ border:1px solid #ddd;display:inline-block; margin-right:5px; padding:0px 8px;}
.pagination-box a.active{background:#5567b6; color:#fff;}

.detail-body .title{border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:20px; text-align:center;}
.detail-body .title h4{ font-size:18px;color:#333; font-weight:700;}
.detail-body .title p{font-size:13px; color:#999; padding:5px;}
.detail-body .detail-ctn p{ padding-bottom:20px;text-indent:2em;}
.detail-body .detail-ctn p.tt{ font-weight:700;}

.products-list{ overflow:hidden;}
.products-list li{ margin:10px 10px 20px; width:160px; float:left;}
.products-list li a{width:160px; text-align:center;display:inline-block;}
.products-list li a span{width: 160px; height: 220px; display: inline-block; line-height: 220px; text-align: center; overflow: hidden; border:1px solid #ddd; padding: 5px;}
.products-list li a span img{width: auto; max-width: 100%;}
.products-list li a em{ padding-top:5px; display:inline-block; height: 40px; overflow: hidden;}


.products-detail{}
.products-detail .title h2{font-size: 22px; text-align: center;}
.products-detail img{ width: auto; max-width: 100%;}
.products-detail .img{text-align: center;}
.products-detail p{padding: 5px 0;}
.products-detail .detail-ctn{}


.contact-us p{ font-size: 14px; line-height: 2;}
.contact-us .form-horizontal{ padding: 20px; background: #f2f2f2; margin-top: 20px;}
.contact-us .form-horizontal label{ font-weight: normal; padding-right: 0; width: 130px; float: left;}
.contact-us .form-horizontal .control-text{ overflow: hidden;}
.contact-us .form-horizontal .text{padding-bottom: 10px;}
.contact-us .form-horizontal .form-control{ width: 60%;}
.contact-us .form-horizontal .form-btn{ padding:20px 0 0 130px;}


@media (max-width: 990px){
    .top-header .top-right{  width: 40%; }
    .filter-list .filter-item{width:100%; margin-bottom:30px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
    .pro-list{background:#888;}
    .pro-list .item-box{width:100%; padding-left:15px!important; padding-right:15px;}
}
@media (max-width: 768px){
    .container{ padding-left:15px; padding-right:15px;}
    .navbar-top .container{ padding:0;}
    .top-header{height:auto;}
    .top-header .top-right{width:100%; margin-bottom:20px; margin-top:10px;}
    .top-header .logo{text-align:center;float:inherit;}
    .navbar-top .nav-list li{width:100%; border-right:none; border-bottom:1px solid #ddd;}
    .navbar-top .nav-list ul, .navbar-top .nav-list li a{display:block;}
    .navbar-top .inner{height:auto;}
    .navbar-top .nav-list li a:hover{background:#e9e9e9; color:#666;}
    .ctn-body .aside-menu{width:100%;box-shadow:4px 5px 5px rgba(0,0,0,0.1); margin-bottom:30px;}

}