@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ max-width:1200px;  margin: 0 auto; overflow: hidden; position: relative; }
.Banner .flexslider {position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height: 0px; padding-bottom: 37%; overflow:hidden;}
.Banner .flexslider ul li .slideTxt{ display: block; position:absolute; bottom: 0; left: 0; width: 100%; height: 222px; background: url("https://www.qshwood.com/images/slideTxtbg.png") repeat-x; }
.Banner .flexslider ul li .slideTxt a{font-size: 24px;color: #fff;display: block;padding: 0 70px;position: absolute;bottom: 12px; *bottom: 23px;height: 24px;right: 0;line-height:  24px;overflow:  hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:48px; right:70px;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 8px; height:8px; display: block; background:#ae6729; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#0076ad;}



.Banner .flex-direction-nav{ display:block; margin-bottom: -14px; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:32px;height:58px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: 
	pointer;overflow: hidden; }
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.75;-moz-opacity:0.75;filter:alpha(opacity=75);opacity:0.75;}
.Banner .flex-direction-nav a.flex-prev{ background:url("https://www.qshwood.com/images/prev.png") no-repeat center #fff; left: 0; top: 50%; margin-top: -29px; border-top-right-radius: 7px;
border-bottom-right-radius: 7px;}
.Banner .flex-direction-nav a.flex-next{  background:url("https://www.qshwood.com/images/next.png") no-repeat center #fff; right: 0; top: 50%; margin-top: -29px;border-top-left-radius: 7px;
border-bottom-left-radius: 7px;}

/*flexslider start*/
.Banner2 .flex-container a:active,.Banner2 .flexslider a:active,.Banner2 .flex-container a:focus,.Banner2 .flexslider a:focus  {outline: none;}
.Banner2 .slides,.Banner2 .flex-control-nav,.Banner2 .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.Banner2 .flexslider {margin: 0; padding: 0;}
.Banner2 .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;margin-right: 8px;} 
.Banner2 .flexslider .slides img {width: 100%; display: block;}
.Banner2 .flex-pauseplay span {text-transform: capitalize;}

.Banner2 .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.Banner2 .no-js .slides > li:first-child {display: block;}

.Banner2 .flexslider {  position: relative; zoom: 1; /*! padding: 0 20px; */}
.Banner2 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; padding: 7px 10px;/*! background: #e5e5e5; */}
/* .Banner2 .flex-viewport:before{z-index: 999; content: ''; position: absolute; width: 10px; height: 60px; background: #e5e5e5; left: 0px; top: 0px; }
.Banner2 .flex-viewport:after{z-index: 999; content: ''; position: absolute; width: 10px; height: 60px; background: #e5e5e5; right: 0px; top: 0px; } */

.Banner2 .loading .flex-viewport { max-height: 300px; }
.Banner2 .flexslider .slides { zoom: 1; }
.Banner2 .carousel li { margin-right: 5px; }

.Banner2 .flex-direction-nav {*height: 0;width: 100%;}
.Banner2 .flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -8px; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  background:url("https://www.qshwood.com/images/arr.png") no-repeat; text-indent:-999em; }
.Banner2 .flex-direction-nav .flex-prev { left: -15px; width: 10px; height: 16px; background: url("https://www.qshwood.com/images/btarrow_left.png") no-repeat;  }
.Banner2 .flex-direction-nav .flex-next { right: -15px; width: 10px; height: 16px; background: url("https://www.qshwood.com/images/btarrow_right.png") no-repeat;z-index: 9999;margin: -8px 0 0 0;}
.Banner2 .flexslider:hover .flex-prev { opacity: 0.7; left: -15px;}
.Banner2 .flexslider:hover .flex-next { opacity: 0.7; right:-15px;}
.Banner2 .flexslider:hover .flex-next:hover,.Banner2 .flexslider:hover .flex-prev:hover { opacity: 1; }
.Banner2 .flex-direction-nav .flex-disabled { opacity: 1!important; filter:alpha(opacity=1); }

.Banner2 .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.Banner2 .flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.Banner2 .flex-pauseplay a:hover { opacity: 1; }
.Banner2 .flex-pauseplay a.flex-play:before { content: '\f003'; }

.Banner2 .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1000; display: none;}
.Banner2 .flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.Banner2 .flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; }
.Banner2 .flex-control-paging li a:hover { background: #000; background: rgba(0,0,0,0.7); }
.Banner2 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); }






.Banner2 .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.Banner2 .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.Banner2 .flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.Banner2 .flex-control-thumbs img:hover {opacity: 1;}
.Banner2 .flex-control-thumbs .flex-active {opacity: 1; }
.Banner2 .flex-control-nav { display: none;}
/*flexslider end*/




.Banner3 .flex-control-nav { display: none;}
.Banner3 .flex-direction-nav { display: none;}

.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:38px auto; }
.mode01 .lf{width:49%;height: 240px;float: left;/* overflow:hidden; */}
.mode01 .md{ width:475px; height: 380px; float: left;overflow:hidden; margin: 0 37px;}
.mode01 .rt{ width:49%; float: right;overflow:hidden;}

.articleTitle01{ height:35px; line-height:35px; overflow: hidden;}
.articleTitle01 .title{ font-size: 24px;  float: left; padding-left: 35px; font-weight: bold;}
.articleTitle01 .title.t01{ background: url("https://www.qshwood.com/images/t01.png") no-repeat left center; }
.articleTitle01 .title.t001 { padding: 0px;}
.articleTitle01 .title.t02{ background: url("https://www.qshwood.com/images/t02.png") no-repeat left center; }
.articleTitle01 .title.t03{ background: url("https://www.qshwood.com/images/t03.png") no-repeat left center; }
.articleTitle01 .title.t04{ background: url("https://www.qshwood.com/images/t04.png") no-repeat left center; }
.articleTitle01 .title.t05{ background: url("https://www.qshwood.com/images/t05.png") no-repeat left center; }
.articleTitle01 .more{ float: right; display: inline-block; height:22px; line-height: 22px; border-bottom: #0076ad 1px solid; margin-top: 7px; }
.articleTitle01 .more a{ font-size:12px; color: #163a1d; }


.articleList01 ul{overflow: hidden;}
.articleList01 ul li { border-bottom:#e7ebe8 1px solid; height: 56px; line-height: 56px; overflow: hidden;  }
.articleList01 ul li .date2{ display: inline-block; width:59px; height: 23px; font-size: 12px; text-align: center; line-height: 22px; background:#00b4bf;
background: -webkit-linear-gradient(left, #00b4bf,#0076ad); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #00b4bf,#0076ad); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #00b4bf,#0076ad); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #00b4bf,#0076ad); /* 标准的语法 */ color: #fff; border-radius: 3px;margin-right: 20px; }
.articleList01 ul li a{ font-size: 14px; font-weight: bold; }




.articleList02{overflow: hidden;}
.articleList02 ul li{ height:40px; overflow: hidden; border-bottom: #e7ebe8 1px solid; padding: 14px 0;}
.articleList02 ul li .rightDate{font-size: 12px; color: #0076ad; display:block; }
.articleList02 ul li .date2{display: inline-block; width:75px; height: 23px; font-size: 12px; text-align: center; line-height: 22px; background:#00b4bf;
background: -webkit-linear-gradient(left, #00b4bf,#0076ad); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #00b4bf,#0076ad); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #00b4bf,#0076ad); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #00b4bf,#0076ad); /* 标准的语法 */ color: #fff; border-radius: 3px;margin-right: 20px; }
.articleList01 ul li a{ font-size: 14px; font-weight: bold; }
.articleList02 ul li a{ /*! display: block; */ height: 25px; line-height: 25px; font-size: 14px;font-weight: bold; overflow: hidden;}

.articleList03{}
.articleList03 ul li{height: 169px; display: inline-block;  border-radius: 15px; text-align: center; margin: 0 10px 0 0;}
.articleList03 ul li span{ display: block; margin-bottom: 10px; }
.articleList03 ul li.li1{ background: #ffa200; border-bottom: #e7ebe8 1px solid; }
.articleList03 ul li.li2{ background: #0076ad; }
.articleList03 ul li a{ font-size: 18px;color: #fff;text-align: center; display: block; margin: 38px 0 0 0; }



.mode02{max-width:1200px;overflow:hidden; margin:0 auto; }

.articleList04{background: #f6f7f6;border-top: #e4e8e5 4px solid;height: auo;line-height: 50px;padding: 0 20px;overflow: hidden;}
.articleList04 h3{ background: url("https://www.qshwood.com/images/t03.png") no-repeat left center; display: inline-block; /*! float: left; */  }
.articleList04 h3 a{ font-weight: normal; font-size: 21px; padding-left: 32px; }
.articleList04 ul{margin-left: 144px;overflow:  hidden;margin: 0px;}
.articleList04 ul li {float: left;/*! padding: 0px 40px 0 0; */}
.articleList04 ul li a{font-size: 14px;display: inline-block;height: 22px;line-height: 19px;/*! border-bottom: #0076ad 1px solid; */color: #163a1d;}




@media screen and (max-width:1200px){
.Banner { width: 100%; }
.mode01 { max-width: 1000px; }
.mode01 .lf { width: 38%; }
.mode01 .md { width: 38%; margin: 0 3%; }
.mode01 .rt { width: 17%; }
.mode02 { max-width: 1000px; }
.footer { max-width: 1000px; }
}

@media screen and (max-width:1023px){
.Banner .flexslider ul li .slideTxt a { font-size: 20px; }
}

@media screen and (max-width:999px){
.mode01 { margin: 30px 15px; }	
.mode01 .lf { width:100%; float: none; height: auto; }
.mode01 .md { width: 48%; float: right; margin: 0px; }
.mode01 .rt { width: 100%; float: none; }
.articleList03 ul li { width: 48%; }
.articleList03 ul li.li1 { float: left; }
.articleList03 ul li.li2 { float: right; }
.articleList04 h3 { float: none; }
.articleList04 { height: auto; }
.articleList04 ul { margin-left: 0px; }
.articleList04 ul li { padding: 0 10px 0 0; }
.Banner .flexslider ul li .slideTxt a { font-size: 16px; }
.articleList04 h3 a { font-size: 18px; }
.articleTitle01 .title { font-size: 20px; }
}


@media screen and (max-width:640px){
.articleList04 h3 a { font-size: 16px; }
.articleTitle01 .title { font-size: 18px; }
}

@media screen and (max-width:480px){
.mode01 .lf { width: 100%; float: none; }
.mode01 .md { width: 100%; float: none; }
.mode01 .rt { float: none; }
.articleList03 ul li.li1 { float: none; width: 100%; }
.articleList03 ul li.li2 { float: none; width: 100%; }
}