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

.section1{background: url(s1_01_bg.jpg) center center no-repeat;background-size: cover;padding: 53px 0 142px;}
.s1_t{text-align: center;}
.s1_tt{font-size: 36px;color: #444;}
.s1_tc{width: 97px;height: 3px;background: #3767c8;margin: 18px auto 0;}
.s1_tf{font-size: 16px;color: #707070;margin-top: 10px;}
.s1_c{margin-top: 73px;}
.s1_cl{float: left;margin-left: 8px;width: 600px;}
.s1_cl .s1_clt{font-size: 18px;color: #434343;margin-top: 5px;}
.s1_cl .s1_clc{font-size: 14px;color: #707070;line-height: 30px;margin-top: 10px;width: 555px;}
.s1_cl .s1_clf{margin-top: 28px;}
.s1_cl .s1_clf .s1_clfa{width: 33.33%;text-align: center;float: left;}
.s1_cl .s1_clf .s1_clfa .s1_clfat{font-size: 18px;color: #000000;}
.s1_cl .s1_clf .s1_clfa .s1_clfat span{font-size: 48px;margin-right: 12px;}
.s1_cl .s1_clf .s1_clfa .s1_clfac{font-size: 16px;color: #7d7d7d;margin-top: 7px;}
.s1_cl .s1_clf .s1_clfa .s1_clfaf{margin: 10px auto 0;width: 23px;height: 2px;background: #359bea;}
.s1_cr{margin-left: 92px;float: left;}

.section2{background: url(s2_01_bg.jpg) center center no-repeat;background-size: cover;padding: 48px 0 59px;}
.s1_t{text-align: center;}
.s1_t .s2_tt{font-size: 30px;color: #fffefe;}
.s1_t .s2_tc{width: 97px;height: 3px;margin: 17px auto 0;background: #fff;}
.s1_t .s2_tf{margin-top: 10px;font-size: 18px;color: #fff;}
.s2_c{margin-top: 19px;}
.s2_c .parHd ul{text-align: center;}
.s2_c .parHd ul li{display: inline-block;width: 160px;height: 42px;line-height: 42px;margin: 0 55px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;border-radius: 5px;}
.s2_c .parHd ul li.on {background: #3767c8; border: 1px solid #3767c8;}
.s2_c .parBd{margin-top: 43px;}
.s2_c .parBd .slideBox{position: relative;}
.s2_c .parBd .slideBox ul li{width: 368px;padding: 10px;overflow: hidden;background: #fff;margin-right: 14px;text-align: center;}
.s2_c .parBd .slideBox ul li .pic{width: 368px;height: 275px;overflow: hidden;}
.s2_c .parBd .slideBox ul li .pic img{-moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; -o-transition: transform 0.6s;transition: transform 0.6s;max-width: 100%;}
.s2_c .parBd .slideBox ul li:hover .pic img{-ms-transform:scale(1.1);--webkit-transform:scale(1.1);-moz-transform: scale(1.1);transform:scale(1.1);}
.s2_c .parBd .slideBox ul li .title{font-size: 18px;color: #000000;font-weight: bold;margin-top: 26px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.s2_c .parBd .slideBox ul li .title_c{margin-top: 5px; min-height:36px}
.s2_c .parBd .slideBox ul li .title_c p{line-height: 30px;font-size: 14px;color: #898989;}
.s2_c .parBd .slideBox ul li .title_c p:first-child{color: #359bea;}
.s2_c .parBd .slideBox ul li .title_f{margin: 23px 0;}
.s2_c .parBd .slideBox ul li .title_f .title_fa{display: inline-block;width: 130px;height: 36px;line-height: 36px;font-size: 14px;background: #ecf1f4;margin: 0 8px;border-radius: 5px;}
.s2_c .parBd .slideBox ul li .title_f .title_fa a{color: #626262;display: block;}
.s2_c .parBd .slideBox ul li .title_f .title_fb{background: #d3ecff;}
.s2_c .parBd .slideBox ul li .title_f .title_fb a{color: #1787dd;}
.s2_c .parBd .slideBox .sNext{position: absolute;right: -63px;top: 268px;background: url(s2_01_next.png) center center no-repeat;width: 31px;height: 51px;}
.s2_c .parBd .slideBox .sPrev{position: absolute;left: -63px;top: 268px;background: url(s2_01_prev.png) center center no-repeat;width: 31px;height: 51px;}

.section3{background: url(s3_01_bg.jpg) center center no-repeat;background-size: cover;padding: 68px 0 67px;}
.s1_t .s2_tta{color: #000000;}
.s1_t .s2_tca{background: #3767c8;}
.s1_t .s2_tfa{color: #a0b4c7;}
.s3_c{margin-top: 38px;}
.s3_c .bd{float: left;width: 598px;height: 590px;}
.s3_c .bd ul li{position: relative;}
.s3_c .bd .bd_i{width: 598px;height: 590px;overflow: hidden;}
.s3_c .bd .bd_f{position: absolute;bottom: 0;width: 542px;height: 85px;background: rgba(0,0,0,0.5);line-height: 30px;padding: 20px 28px 0;font-size: 14px;color: #fff;}
.s3_c .hd{float: left;width: 594px;margin-left: 5px;}
.s3_c .hd ul li{float: left;width: 294px;height: 294px;margin-right: 3px;margin-bottom: 3px;background: #f5f8fa;}
.s3_c .hd ul li .hd_t{font-size: 30px;color: #707070;margin-top: 20px;margin-left: 26px;}
.s3_c .hd ul li .hd_c{width: 115px;height: 115px;overflow: hidden;margin: 22px auto 0;}
.s3_c .hd ul li .hd_ca{display: none;width: 115px;height: 115px;overflow: hidden;margin: 22px auto 0;}
.s3_c .hd ul li .hd_f{margin-top: 19px;text-align: center;font-size: 18px;color: #313131;}
.s3_c .hd ul li.on{background: #3767c8;}
.s3_c .hd ul li.on .hd_t{color: #fff;}
.s3_c .hd ul li.on .hd_c{display: none;}
.s3_c .hd ul li.on .hd_ca{display: block;}
.s3_c .hd ul li.on .hd_f{color: #fff;}

.section4{background: url(s4_01_bg.jpg) center center no-repeat;background-size: cover;padding: 58px 0 87px; position:relative}
.section4 .s2_tf{margin-top: 14px;}
.section4 .s2_tc{margin-top: 28px;}
.section4 .s1_t{ position:relative; z-index:9}
.s4_c{margin-top: 64px;}
.s4_c .hd{float: left;width: 200px;border-left: 1px solid #a6b6de; position:relative; z-index:9}
.s4_c .hd ul li{font-size: 18px;color: #fff;line-height: 38px;margin: 32px 0 32px -2px;padding-left: 32px;}
.s4_c .hd ul li:first-child{margin-top: 2px;}
.s4_c .hd ul li:last-child{margin-bottom: 2px;}
.s4_c .hd ul li.on{font-weight: bold;border-left: 3px solid #fff;}
.s4_c .prev{position: absolute;top: 220px;left:50%; margin-left:-609px;background: url(s4_01_prev.png) center center no-repeat;width: 20px;height: 11px;z-index: 9999;}
.s4_c .next{position: absolute;top: 570px;left:50%; margin-left:-609px;background: url(s4_01_next.png) center center no-repeat;width: 20px;height: 11px;z-index: 9999;}
.s4_c .bd{float: left;margin-top: 29px;}
.s4_c .bd .pt{ position:relative; z-index:9}
.s4_c .bd .pic{ position:absolute; left:50%; margin-left:-960px; top:0; z-index:2}
.s4_c .bd .bd_t{font-size: 30px;color: #fff;}
.s4_c .bd .bd_c{font-size: 14px;color: #fff;line-height: 30px;margin-top: 13px;}
.s4_c .bd .bd_f{margin-top: 45px;width: 171px;height: 38px;border: 1px solid #fff;text-align: center;}
.s4_c .bd .bd_f a{display: block;line-height: 38px;font-size: 14px;color: #fff;}

.section5{padding: 91px 0 33px;}
.section5 .s2_tf{font-size: 14px;color: #535353;}
.s5_c{margin-top: 47px;width: 1200px;}
.s5_c .bd ul{padding-bottom: 10px !important;}
.s5_c .bd ul li{width: 380px;margin-right: 25px;box-shadow: 4px 7px 7px rgba(0,0,0,0.13);}
.s5_c .bd ul li .s5_ci{width: 380px;overflow: hidden;}
.s5_c .bd ul li .s5_cf{padding:  20px 17px 26px 24px;opacity: 1;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.s5_c .bd ul li .s5_cf .s5_cft{font-size: 14px;color: #000000;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.s5_c .bd ul li .s5_cf .s5_cfc{font-size: 12px;color: #626262;line-height: 24px;margin-top: 4px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.s5_c .bd ul li .s5_ci img{-moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; -o-transition: transform 0.6s;transition: transform 0.6s;max-width: 100%;}
.s5_c .bd ul li:hover .s5_ci img{-ms-transform:scale(1.1);--webkit-transform:scale(1.1);-moz-transform: scale(1.1);transform:scale(1.1);}
.s5_c .bd ul li:hover .s5_cf{background: #3767c8;opacity: 1;}
.s5_c .bd ul li:hover .s5_cf .s5_cft{color: #fff;}
.s5_c .bd ul li:hover .s5_cf .s5_cfc{color: #eceff9;}
.s5_f{margin: 35px auto 0;width: 171px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #a0a0a0;}
.s5_f a{display: block;font-size: 14px;color: #a0a0a0;}