@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0;  font:16px/1.5 'Microsoft YaHei', 'Noto Sans SC', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  background:url("../images/bg2.jpg") center center repeat #0d1b29;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal;font-style:normal; } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#46372b; text-decoration:none; }
a:hover{ color:#b12530; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,input,textarea  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



.floatdiv { width: 95px; height: 116px; background:url(../images/pyx2.png) center center no-repeat; background-size: cover;  position: absolute;z-index: 999;}

/*input字体*/
:-moz-placeholder { color: #999999;}
::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999999;}

select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #d9d9d9; text-indent: 1em;
/*很关键：将默认的select选择框样式清除*/ 
appearance: none; color: #999999;  -moz-appearance: none;  -webkit-appearance: none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(http://www.motus.com.cn/cn/images/selectarr.png) no-repeat scroll 95% center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none;}


.header { width:100%; margin:0 auto; height:560px;  overflow:hidden; position:relative; background: url(../images/header.jpg) center top no-repeat;  background-size: cover; }
.header h1 { width:100%; float:left; text-align: center; margin:128px 0 66px 0;  }
.header h1 img { max-width: 100%;}

.header h2 { width:100%; float:left; text-align: center; }
.header h2 img { max-width: 100%;}




.warp { width: 1200px; margin: 0 auto; overflow: hidden; }

.tuwen { width:100%; float:left; margin:60px 0 40px 0;  } 
.tuwen ul { display:flex; flex-wrap:wrap; }
.tuwen ul li { width:32%; float:left;  margin:0 2% 2% 0;background: #fff;  border-radius:5px;  overflow: hidden;/*border-bottom:4px solid #2cc090;*/}
.tuwen ul li h3 { width:100%; float:left; height: 220px; overflow:hidden; }
.tuwen ul li h3 img { width:100%; height:100%; display:block;  -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.tuwen ul li:hover h3 img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.tuwen ul li h4 { width:100%; float:left;  padding:15px 25px;  }
.tuwen ul li h4 span { width:100%; float:left; color: #0d1b29; line-height:1.5em; font-size:20px;  text-align: justify; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.tuwen ul li:hover h4 span { color:#b31a00; }
.tuwen ul li:nth-child(3n) { margin-right:0; }



.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:16px; text-align: center; padding:14px 0;   background:url("../images/bg.jpg") center center repeat #0d1b29; }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }


/* 移动端适配 */
@media (max-width: 820px) {
	
.floatdiv { display: none; }
	
.header { height:48vw; }
	
.header h1 { width:100%; float:left; text-align: center; margin:11vw 0 6.5vw 0;  }
.header h1 img { max-width: 95%;}

.header h2 { width:100%; float:left; text-align: center; }
.header h2 img { max-width: 55%;} 
	
	
.warp { width:100%;  padding:0 5%; }

.tuwen { margin:5% 0 0 0;} 
.tuwen ul li { width:100%;  margin:0 0 5% 0;  }
.tuwen ul li h3 {height:50vw;}
.tuwen ul li:hover h3 img {-webkit-transform: scale(1);transform: scale(1);}
.tuwen ul li h4 { padding:2.5vw 3.5vw;  }
.tuwen ul li h4 span { line-height:1.5em; font-size:3.5vw; }
.tuwen ul li:hover h4 span { color:#0d1b29; }
.tuwen ul li:nth-child(3n) { margin-right:0; }



.footer { font-size: 3.25vw; line-height: 1.7em; padding:3.5vw 6vw; }
.footer font { margin-left: 0; width:100%; float:left; text-align:center; }
.footer strong { margin-left: 10px; }


}