/*Copyright@ uveps.com*/
.banner{width:100%; clear: both; background: url(../images/bg.jpg) no-repeat center;text-align: center; height: 400px}
.bannerc{width:1200px; clear: both; background: url(../images/bg.jpg) no-repeat center;text-align: center; height: 400px; margin: 0 auto}
.bannerc img{ text-align: center}
.title{ width:1200px; clear: both; margin: 20px auto; height: 81px; background: url(../images/tt.gif) no-repeat; position: relative}
.title b{ position: absolute; top: 5px; left: 50px; font-size: 40px; color: #fff}
.title p{ position: absolute; top: 28px; left: 140px; font-size: 24px; color: #fff}
.title small{ position: absolute; top: 35px; right: 20px; font-size: 16px; color: #fff}
.title small a{color: #fff}
.title small a:hover{color: #ff0}
.consm{ width:1160px; margin: 15px auto; clear: both; position: relative}
.years{ width:460px; height: 40px; float: left; margin: 15px 60px;border-bottom: 1px solid #f64c58;text-align: center; position: relative}
.years strong{ height:40px; line-height: 40px; font-size: 24px; border-bottom: 3px solid #f64c58; display:inline-block;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;font-weight: bolder; color: #3c51c6}
.con1{ width:1180px; margin: 10px auto; clear: both}
.con1 .con1l{ width:578px; float: left; border: 1px solid #eee; position: relative; height: 480px}
.con1 .con1r{ width:580px; float: right; position: relative}
.con1 .con1r .con1rl{ width:278px; float: left;border: 1px solid #eee; height: 480px; position: relative}
.con1 .con1r .con1rr{ width:278px; float: right;border: 1px solid #eee; height: 480px; position: relative}

.con1 .con1l img{ width:100%}
.con1t{width:1200px; margin: 10px auto; clear: both; position: relative}
.con1t .conorc{ width:278px; float: left; margin: 0 10px; border: 1px solid #eee; height: 480px; position: relative}
.more{width:460px; height: 40px; float: left; margin: 10px 60px;text-align: center; position: relative}

.con1 .con1l span{ text-align: center}
.con1 .con1l span,.con1 .con1r .con1rl span,.con1 .con1r .con1rr span,.con1t .conorc span{ width:94%; line-height: 25px; font-size: 16px; display: block; padding: 10px 3%}
.con1 .con1l p,.con1 .con1r .con1rl p,.con1 .con1r .con1rr p,.con1t .conorc p{ width:94%;  line-height: 24px; font-size: 14px; display: block; padding: 0 3% 10px 3%}
.con1 .con1l a,.con1 .con1r .con1rl a,.con1 .con1r .con1rr a,.con1t .conorc a{ width:200px; line-height: 40px; font-size: 16px; display: block; height: 40px; background: #f64c58; color: #fff; text-align: center; left: 50%; margin-left: -100px; position: absolute; bottom: 20px}
.con1 .con1l a:hover,.con1 .con1r .con1rl a:hover,.con1 .con1r .con1rr a:hover,.con1t .conorc a:hover{ width:200px; line-height: 40px; font-size: 16px; display: block; height: 40px; background: #0782e1; color: #fff; text-align: center; left: 50%; margin-left: -100px; position: absolute; bottom: 20px;transition: all 0.3s linear 0s}
.wqhd{ width:640px; margin: 10px auto; clear: both}
.wqhd ul li{width:300px; float: left; margin: 0 10px}
.yearsc{ width:520px; height: 40px; float: left; margin: 15px 60px;border-bottom: 1px solid #f64c58;text-align: center; position: relative}
.yearsc strong{ height:40px; line-height: 40px; font-size: 24px; border-bottom: 3px solid #f64c58; display:inline-block;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;font-weight: bolder; color: #3c51c6}
.wqhd a{ width:520px; height: 40px; float: left; margin: 10px 60px;text-align: center; position: relative}

.gg{width:1200px; margin: 20px auto; clear: both; position: relative}

.con2,.con3{width:1200px; margin: 20px auto; clear: both; position: relative}
.con2 p,.con3 p{ font-size: 16px; line-height: 30px; padding: 15px 20px}
.con2 p b,.con3 p b{font-size: 30px; color: #f64c58}
.con2 ul{ position: relative; width:1200px; margin: 10px auto; height: 526px}
.con2 ul li.con21{ position: absolute; width:362px; height: 526px; top: 0; left: 20px}
.con2 ul li.con22{ position: absolute; width:398px; height: 240px; top: 0; left: 402px}
.con2 ul li.con24{ position: absolute; width:398px; height: 272px; top: 254px; left: 402px}
.con2 ul li.con23{ position: absolute; width:350px; height: 315px; top: 0; right: 20px}
.con2 ul li.con25{ position: absolute; width:350px; height: 197px; top: 329px; right: 20px}
.con2 ul li img{width:100%; float: left}
.con2 ul li span{width:100%; height: 55px; line-height: 25px; font-size: 16px; padding: 5px 0 0 0; color: #fff; display: block; background: #4f63d3; float: left}
.con2 ul li font{width:100%; height: 60px; line-height: 60px; font-size: 16px;color: #fff; display: block; background: #4f63d3; float: left}

.con3 ul{ position: relative; width:1200px; margin: 10px auto; float: left; clear: both; height: 240px}
.con3 ul li{ width:290px; float: left; margin: 10px 5px; position:relative}
.con3 ul li img{width:100%; float: left}
.con3 ul li span{ font-size: 16px; line-height: 40px; display: block; height: 40px; text-align: center; padding-bottom: 20px}

.con4{width:1200px; margin: 20px auto; clear: both; position: relative}
.con4 ul{ position: relative; width:1200px; margin: 10px auto; float: left; clear: both; height: 240px}
.con4 ul li{ width:33.33%; float: left;  position:relative}
.yearsd{ width:300px; height: 40px; float: left; margin: 15px 50px;border-bottom: 1px solid #f64c58;text-align: center; position: relative}
.yearsd strong{ height:40px; line-height: 40px; font-size: 24px; border-bottom: 3px solid #f64c58; display:inline-block;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;font-weight: bolder; color: #3c51c6}
.con4 ul li p{ text-align: center; line-height: 30px; padding-bottom: 20px}