@charset "utf-8";
/* CSS Document */
@media screen and (min-width:0px) and (max-width:479px){
	.top-left span{display:block;}
	.logo{float:none !important;}
	.navbar-toggle{margin-top:0;}
	.navbar-collapse{float:none !important; overflow:hidden;}
	.navbar-default .navbar-nav > li > a{padding:15px !important;}
	.navbar-default .navbar-nav > li{margin-left:0 !important;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background-color:#fff;}
	.product .col-sm-4{margin-bottom:20px;}
	.main-news-box{margin-bottom:20px;}
	.news-info{min-height:inherit !important;}
	.main-more{position:relative!important; bottom:auto !important; left:auto !important;}
	.brands .col-sm-2 img,.footer .col-sm-3 img{margin:0 auto;}
	.footer .container > .row > .col-sm-5,.footer .container > .row > .col-sm-4{margin-top:30px; border-top:1px dashed #fff; padding-top:20px;}
	.footer form{width:100% !important;}
	.w1,.w2,.w3,.w4,.w5,.w6,.w7{width: 100% !important;}
	.news .row .col-sm-4{padding: 0 !important; width: 100% !important;}
	.news .row .col-sm-8{padding: 0 15px !important; width: 100% !important;}
	.news-detail .col-sm-4 .row .col-sm-4,.news-detail .col-sm-4 .row .col-sm-8{padding: 0 15px !important;}
	.news-detail > .row > .col-sm-4{padding-left: 15px !important; margin-top: 30px;}
	.news-detail .col-sm-4 .row{margin: 0 -15px !important;}
	.news-detail h5{margin-top: 20px !important; font-size: 15px;}
}


@media screen and (min-width:480px) and (max-width:767px){
	.navbar-toggle{margin-top:40px;}
	.navbar-collapse{float:none !important; overflow:hidden; margin-top:15px;}
	.navbar-default .navbar-nav > li > a{padding:15px !important;}
	.navbar-default .navbar-nav > li{margin-left:0 !important;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background-color:#fff;}
	.product .col-sm-4{margin-bottom:20px;}
	.product-box img,.main-news-box img{width:100%;}
	.main-news-box{margin-bottom:20px;}
	.news-info{min-height:inherit !important;}
	.main-more{position:relative!important; bottom:auto !important; left:auto !important;}
	.brands .col-sm-2 img,.footer .col-sm-3 img{margin:0 auto;}
	.footer .container > .row > .col-sm-5,.footer .container > .row > .col-sm-4{margin-top:30px; border-top:1px dashed #fff; padding-top:20px;}
	.footer form{width:100% !important;}
	.w1{width: 30% !important;}
	.w2{width: 20% !important;}
	.w3{width: 20% !important;}
	.w4{width: 30% !important;}
	.w5{width: 30% !important;}
	.w6{width: 35% !important;}
	.w7{width: 35% !important;}
	.news .row .col-sm-4{padding: 0 !important; width: 100% !important;}
	.news .row .col-sm-8{padding: 0 15px !important; width: 100% !important;}
	.news-detail .col-sm-4 .row .col-sm-4,.news-detail .col-sm-4 .row .col-sm-8{padding: 0 15px !important;}
	.news-detail > .row > .col-sm-4{padding-left: 15px !important; margin-top: 30px;}
	.news-detail .col-sm-4 .row{margin: 0 -15px !important;}
	.news-detail h5{margin-top: 20px !important; font-size: 15px;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.navbar-default .navbar-nav > li:hover > .dropdown-menu,.navbar-default .navbar-nav > li > .dropdown-menu > li  ul > li:hover .dropdown-menu{display:block;}
	.navbar-header{width:22%;}
	.logo{margin-top:25px !important;}
	.navbar-default .navbar-nav > li{margin-left:0px !important;}
	.navbar-default .navbar-nav > li > a{font-size:16px !important;}
	.news-info{min-height:228px !important;}
	.footer form{width:85% !important;}
	.slider-text{top:15px !important; left:50px; font-size:13px;}
	.big-title{float:left;}
	.big-title .f40{font-size:18px !important;}
	.big-title .f58{font-size:24px !important;}
	.slider-text p{width:40% !important;}
	.slider-text span{line-height:20px !important;}
	.slider-text p,.slider-text .btn-more{margin-top:10px !important; margin-bottom:0;}
}

@media screen and (min-width:992px) and (max-width:1023px){
	.navbar-default .navbar-nav > li:hover > .dropdown-menu,.navbar-default .navbar-nav > li > .dropdown-menu > li  ul > li:hover .dropdown-menu{display:block;}
	.navbar-header{width:22%;}
	.navbar-default .navbar-nav > li{margin-left:10px !important;}
	.logo{margin-top:15px !important;}
	.news-info{min-height:170px !important;}
	.slider-text{top:15px !important; left:50px;}
	.big-title .f40{font-size:24px !important;}
	.big-title .f58{font-size:36px !important;}
	.slider-text p{width:30% !important;}
	.slider-text span{line-height:34px !important;}
	.slider-text p,.slider-text .btn-more{margin-top:6px !important; margin-bottom:0;}
}

@media screen and (min-width:1024px) and (max-width:1199px){
	.navbar-default .navbar-nav > li:hover > .dropdown-menu,.navbar-default .navbar-nav > li > .dropdown-menu > li  ul > li:hover .dropdown-menu{display:block;}
	.navbar-header{width:22%;}
	.navbar-default .navbar-nav > li{margin-left:10px !important;}
	.logo{margin-top:15px !important;}
	.news-info{min-height:170px !important;}
	.slider-text{top:15px !important; left:50px;}
	.big-title .f40{font-size:30px !important;}
	.big-title .f58{font-size:42px !important;}
	.slider-text p{width:30% !important;}
	.slider-text span{line-height:42px !important;}
	.slider-text p,.slider-text .btn-more{margin-top:8px !important; margin-bottom:0;}
}

@media screen and (min-width:1200px){
	.navbar-default .navbar-nav > li:hover > .dropdown-menu,.navbar-default .navbar-nav > li > .dropdown-menu > li  ul > li:hover .dropdown-menu{display:block;}
	
}

*{margin:0; padding:0;}
html{position:relative; min-height:100%;}
body{font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color:#5b5b5b; font-size: 15px;}
h1,h2,h3,h4,h5,h6{font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
a,a:hover,a:focus,img{color:inherit; text-decoration:none; outline:none;}
.clear{clear:both;}
:focus{outline:none;}
.c1{color:#0075c1;}
.f40{font-size:40px;}
.f58{font-size:58px;}



/*======home pages=====*/

.header{background-color:#404040;color:#fff; padding:3px 0;} 
.top-left{float:left;}
.top-left span{margin-right:15px;}
.top-right{float:right; }
.language{float:right;}
.language .active,.language a:hover{color:#f3c80c;}
/* nav */
.mynav{background-color:#fff; border-bottom: 1px solid #eee;}
.logo{padding-top:10px; float:left;}
.navbar{margin-bottom:0;}
.navbar-header .img-responsive{width: 100%;}
.navbar-collapse{padding:0; float:right;}
.navbar-default{background-color:transparent; border:none;}
.navbar-default .navbar-nav ul{margin-bottom:0;}
.navbar-default .navbar-nav > li{font-size:18px;text-align:center; font-weight:bold; text-transform:uppercase;margin-left:28px;}
.navbar-default .navbar-nav > li > a{ padding:50px 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li:hover{background-color:transparent; color:#f2c126;}
/*二级菜单*/
.navbar-default .navbar-nav > li > .dropdown-menu{border-radius:0; border:none;box-shadow:none; background-color:#f3c80c;color:#333; left:-20%; min-width:150px;}
.navbar-default .navbar-nav > li > .dropdown-menu > li{ font-size:15px; text-transform:none;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a{color:#fff; padding:8px 0;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .dropdown-menu > li > a:hover{background-color:#fff; color:#333;}

/*slider*/
#full-width-slider{width:100%;}
.slider-text{position:absolute; top:35px; width:100%;}
.slider-text span{font-weight:bold; margin-right:10px; line-height:58px;}
.slider-text p{width:25%; margin-top:20px;}
.slider-text .btn-more{display:inline-block;  border:1px solid #fff; color:#fff; margin-top:15px;}
.slider-text .btn-more a{display:block;padding:5px 10px;}
.slider-text .btn-more:hover{background-color:#f3c80c; border:1px solid #f3c80c;}
.main-title{font-size:30px; color:#5b5b5b; font-weight:bold; text-align:center; margin-bottom:0; padding-bottom:10px; text-transform:uppercase;}
.line-orange{height:1px; width:70px; margin:0 auto; background-color:#f3c80c;}

/*product*/
.product{text-align:center; padding:50px 0;}
.product-box{text-align:center; background-color:#404040; position:relative; color:#fff; text-align:left; padding-top:10px;}
.product-box:hover{ background-color:#f3c80c;}
.product-box h4{font-size:16px; font-weight:bold; margin:0; padding:15px 0 15px 15px;}
.product-box p{position:absolute; bottom:10px; right:10px; margin-bottom:0;}

/*main-news*/
.main-news{padding:20px 0 80px; background-color:#f2f2f2; color:#5b5b5b;}
.main-news .row{margin-top:30px;}
.main-news-box{background-color:#fff; padding-top:10px; box-shadow:0 3px 3px rgba(0,0,0,0.2);}
.news-date{color:#fff; font-weight:bold; font-size:16px; }
.news-date span{background-color:#f3c80c; display:inline-block; padding:3px 8px; float:right;margin-right:20px; letter-spacing:1px;}
.news-info{padding:5px 15px 15px; min-height:150px; position:relative;}
.main-more{color:#f3c80c; position:absolute; bottom:15px; left:15px;}

/*brands*/
.brands{ padding:20px 0;}
.brands .col-sm-2{margin-bottom:30px;}
.brands .row{margin-top:50px;}

/*footer*/
.footer{background-color:#f3c80c; padding:30px 0 5px; color:#fff; }
.footer .col-sm-4{padding-bottom:20px;}
.footer h4{ color:#fff; margin-bottom:20px; font-size:20px; font-weight:bold;}
.footer table td{vertical-align:top; padding:8px 5px; color:#fff; font-size:15px;}
.footer form{width:70%;}
.footer .form-control{background-color:transparent; border:1px solid #fff; color:#fff;}
.form-control::-moz-placeholder{color:#fff; opacity:1;}
.form-control::-webkit-input-placeholder{color:#fff; opacity:1;}
.form-control:-ms-input-placeholder{color:#fff; opacity:1;}
.footer .btn{background-color:#fff; padding:8px 25px; color:#f3c80c; font-size:16px; font-weight:bold; border:none; border-bottom:4px solid #edad05; border-radius:3px;}


/*=============== other pages ===================*/
/*about*/
.inner-nav{padding:25px 0; color: #8e8e8e;}
.inner-big-title{color: #f3c80c; text-align: center; margin: 30px 0 40px;}
.inner-big-title h3{background-color: #fff; padding: 0 20px; margin:-15px 0 0; display: inline-block;font-weight: bold;}
.inner-big-title hr{border-color: #f3c80c;  border-width: 3px; width: 30%; margin: 0 auto;}
.about-section{margin-bottom: 100px;}
.about-section li{list-style-image:url("../image/dot.jpg"); margin-bottom: 25px;}
.about-section li h4{font-size: 22px; font-weight: bold;}
.about-box img{width: 100%;}
.about-box h4{background-color: #f3c80c; text-align: center; font-weight: bold; color: #fff; margin: 0 0 20px; padding:10px 0;}
.cor-imgs{margin: 0 -10px;}
.cor-imgs a{float: left; padding: 0 10px;}
.cor-imgs a img{margin: 0 auto 15px;}
.w1{width: 15%;}
.w2{width: 10%;}
.w3{width: 10%;}
.w4{width: 15%;}
.w5{width: 14%;}
.w6{width: 18%;}
.w7{width: 18%;}

/*contact*/
.contact-table{margin: 30px 0 50px;}
.contact-table  td{font-size: 15px; padding:5px 8px; vertical-align: top;}

/*news*/
.news{margin-bottom: 50px;}
.news .news-date{letter-spacing: 1px;}
.news .row{margin:0 0 30px 0; border:1px solid #eee;}
.news .row .col-sm-4{padding: 0 15px 0 0; width: 30%;}
.news .row .col-sm-8{padding: 0 25px 0 15px; width: 70%;}
.news-pic{position: relative;}
.news-pic img{width: 100%;}
.news-pic span{position: absolute; background-color: #f3c80c; color: #fff; left: 0; top: 30px; padding: 5px 20px; display: inline-block;}
.news .row .col-sm-8 h4{border-bottom: 1px solid #eee; padding-bottom: 15px; margin: 25px 0 15px; font-weight: bold;}
.news .row .btn-default{background-color: #666; color: #fff; border:none; margin-bottom: 15px;}
.news .row .btn-default:hover{background-color: #f3c80c;}
.pagination{display: block;}
.pagination li{background-color: #eee; padding: 5px 10px; cursor: pointer; margin: 0 5px; font-weight: bold;}
.news-detail{margin: 30px 0 50px;}
.n-d-title{text-align: center;margin-bottom:30px;}
.news-date-2{border-top: 1px solid #f3c80c; padding: 5px 30px 0;  display: inline-block;}
.news-date-3{color: #999;}
.news-detail .col-sm-8 img{width: 100%; margin-bottom: 30px;}
.news-detail .col-sm-4{ padding-left: 30px;}
.news-detail .col-sm-4 .row{margin: 0; padding: 20px 0; border-bottom: 1px dashed #f3c80c;}
.news-detail .col-sm-4 .row .col-sm-4{padding: 0 8px 0 0;}
.news-detail .col-sm-4 .row .col-sm-4 img{width: 100%;}
.news-detail .col-sm-4 .row .col-sm-8{padding: 0 0 0 8px;}
.news-detail h2{margin-top: 0;}
.news-detail h4{color: #f3c80c; border-bottom: 3px solid #f3c80c; padding-bottom: 5px; font-weight: bold; margin: 0;}
.news-detail h5{margin: 0 0 5px 0; font-weight: bold;}
.news-detail .col-sm-4 .row .col-sm-8 p{font-size: 13px; margin-bottom: 5px;}
.news-detail .col-sm-4 .row .col-sm-8 a{font-size: 13px; color:#f3c80c; text-decoration: underline; }

/*job*/
.job{border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 25px;}
.job h3{float: left;color: #f3c80c; font-weight: bold; text-decoration: underline; border-left: 5px solid #f3c80c; padding-left: 10px; margin: 0;font-size: 20px;line-height: 1.5;}
.job .btn{background-color: #f3c80c; border:none; float: right;}
.job > ul{padding-left: 15px; margin:20px 0;}
