@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, table, tr, td
{margin:0px;padding:0px;}
fieldset, img {border:0;}
li {list-style:none;}
body,button, input, select, textarea,img /* for ie */ {font: 78%/1.5 tahoma,Helvetica,arial, "\5b8b\4f53", sans-serif;vertical-align:middle;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd,samp { font-family: courier new, courier, monospace; }

ins {text-decoration:none;}
del {text-decoration:line-through;}
h1, h2, h3, h4, h5, h6,h7 {}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.38em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;font-style: italic;}
h88 {font-size: 12px; line-height:24PX; color:#7d7d7d; padding-top:18px;}
.box { width: 1200px; margin: 0 auto;}


.section1{padding:30px 0; background-color:#FFF;}

.s1-row{margin:30px 0 0 ;}
.s1-item{float:left;width:50%;}
.s1-item a{position:relative;display:block;text-decoration: none;}
.s1-img{width:50%;float:left;height:210px;}
.s1-text{width:50%;float:left;height:210px;position:relative;z-index:3;}


.s1-row .s1-item:nth-child(4n+3) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+3) .s1-text{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-text{float:right;}


.div-table{display:table;height:100%;width:100%;}
.div-cell{display:table-cell;vertical-align:middle;}
.div-center{text-align:center;}
.s1-text p{font-size:14px;color:#635f76;text-transform : uppercase;}
.s1-text h4{font-size:22px;color:#29213b;margin:5px 0 20px;}
.s1-text span{font-size:18px;display:inline-block;height:1px;width:2em;background:#999; margin-bottom:16px;}
.s1-bg{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;background:rgba(169,169,169,0);height:210px;}
.s1-item a:hover .s1-bg, .s2-bg {background:rgba(169,169,169,.6)}
.s1-bg:after,.s1-bg:before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:1;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;-ms-transition:opacity .35s,-ms-transform .35s;transition:opacity .35s,transform .35s}
.s1-bg:before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}
.s1-bg:after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0)}
.s1-item a:hover .s1-bg:after,.s1-item a:hover .s1-bg:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.s2-bg:after,.s2-bg:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}








.section2{}
.section2 ul{padding:0;margin:0;}


.s2-content{height:393px;background:#CCC;}
.s2-content ul li {height:393px;padding:0px 0 0 ;}
.s2-img{float:left;margin:46px 0 0 300px;width:552px;height:288px;overflow:hidden;}
.s2-img img{width:100%;height:300px;}
.s2-text{float:left;padding:40px 40px 0 248px;color:#FFF;}
.s2-text h2{font-size:60px;margin:0;line-height:1;}
.s2-text h3{font-size:34px;margin:0;line-height:1;margin:10px 0;}
.s2-text h4{font-size:20px;margin:0;line-height:1;margin:10px 0 25px;position:relative;}
.s2-text h4:after{content:"";position: absolute;bottom:-15px;left:0;display:block;height:1px;width:4em;background:rgba(255,255,255,.3);}
.s2-text p{font-size:14px;line-height:26px;height:104px;overflow:hidden;}
.s2-text a{display:inline-block;float:right;line-height:40px;padding:0 20px;border:1px solid #FFF;color:#333;background:#FFF;}
.s2-text a:hover{background:none;color:#FFF;text-decoration: none;}


.s2-nav{height:113px;background:#717171;}
.s2-nav ul{height:113px;}
.s2-nav li{float:left;width:25%;color:#FFF;height:100%;cursor: pointer;text-align:center;}
.s2-nav li.on{background:#CCC;}
.s2-nav li h2{margin:20px 0 2px;font-size:40px;}
.s2-nav li p{line-height:1.4;font-size:18px;padding:0 30px}

.s2-content ul li:nth-child(1) {background:#71b8eb;}
.s2-content ul li:nth-child(2) {background:#c280ee;}
.s2-content ul li:nth-child(3){background:#f09e3c;}
.s2-content ul li:nth-child(4) {background:#0097f0;}
.s2-content ul li:nth-child(5) {background:#8bc5c3;}
.s2-content ul li:nth-child(6) {background:#f35f53;}

.s2-nav ul li.on:nth-child(1) {background:#71b8eb;}
.s2-nav ul li.on:nth-child(2) {background:#c280ee;}
.s2-nav ul li.on:nth-child(3){background:#f09e3c;}
.s2-nav ul li.on:nth-child(4) {background:#0097f0;}
.s2-nav ul li.on:nth-child(5) {background:#8bc5c3;}
.s2-nav ul li.on:nth-child(6) {background:#f35f53;}