@charset 'utf-8';
body { font-family: '微软雅黑', Arial; background: #fff; }
.scale_img dl dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s; }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0); }

h2.main_title a { display: block; text-align: center; font-weight: normal; padding-bottom: 22px; background: url(../images/t_bg.png) no-repeat center bottom; }
h2.main_title strong { display: block; font-size: 46px; line-height: 100%; color: #333; font-weight: normal; letter-spacing: 2px; }
h2.main_title span { display: block; font-size: 20px; line-height: 100%; color: #666; margin-top: 12px; letter-spacing: 0.5px; }
h2.main_title a:hover { color: #333; }

.fullSlide { position: relative; z-index: 1; clear: both; width: 100%; }
.fullSlide .tempWrap { margin: 0 auto; }
.fullSlide .bd { position: relative; z-index: 1; overflow: hidden; margin: 0 auto; }
.fullSlide .bd .li img { display: block; width: 100%; height: auto !important; }
.fullSlide .hd { position: absolute; bottom: 100px; width: 100%; height: 18px; cursor: pointer; text-align: center; z-index: 9; font-size: 0; }
.fullSlide .hd li { display: inline-block; width: 16px; height: 16px; margin: 0 12px; opacity: 1; border-radius: 8px; background: #fff; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.fullSlide .hd li.on { background: #fff; width: 46px; }
.fullSlide .arrow { z-index: 99; cursor: pointer; position: absolute; top: 0; width: 160px; height: 100%; display: none; height:70px; top:50%; margin-top:-70px; }
.fullSlide .arrow span { position: absolute; top: 50%; left: 0; margin-top: -15px; padding: 20px 26px; border-radius: 50%; display: block;  width: 17px; height: 30px; background: rgba(23, 49, 126, 0.3) url(../images/arrows1.png) no-repeat center; }
.fullSlide .arrow-right span { background: rgba(23, 49, 126, 0.3) url(../images/arrows2.png) no-repeat center; right: 0; left: auto; }
.fullSlide .arrow-left { left: 3%; }
.fullSlide .arrow-right { right: 3%; }

.num { width: 1200px; height: 150px; background: #ffffff; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.19); margin-top: -73px !important; position: relative; z-index: 99; }
.num li { width: 300px; float: left; position: relative; text-align: center; padding-top: 35px; }
.num li em { display: block; font-size: 18px; line-height: 100%; color: #17317E; }
.num li i { display: inline-block; font-size: 48px; line-height: 100%; color: #17317E; font-weight: bold; margin-right: 5px; }
.num li b { display: inline-block; font-weight: normal; vertical-align: text-top; }
.num li span { display: block; font-size: 18px; line-height: 20px; color: #666; margin-top: 9px; }
.num li:after { position: absolute; content: ""; width: 1px; height: 95px; background: #DCDCDC; right: 0; top: 28px; }
.num li:last-child:after { display: none; }

.intro { padding-top: 100px; padding-bottom: 84px; }
.intro .intro_pic { float: right; width: 596px; height: 670px; }
.intro .intro_con { float: left; width: 554px; }
.intro .intro_con h2 a { display: block; margin-bottom: 52px; }
.intro .intro_con h2 strong { display: block; font-size: 46px; line-height: 52px; color: #333; font-weight: normal; margin-bottom: 5px; }
.intro .intro_con h2 span { display: block; font-size: 22px; line-height: 24px; color: #666; padding-top: 8px; font-weight: normal; }
.intro li { float: left; width: 262px; height: 228px; border: 1px solid #d2d2d2; margin-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 35px 32px 0; margin-bottom: 16px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro li i { display: block; width: 72px; height: 55px; position: relative; overflow: hidden; margin: 0 auto; }
.intro li i img { position: absolute; top: 0; left: 0; }
.intro li h3 { font-size: 24px; line-height: 30px; color: #333; font-weight: normal; margin-top: 22px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro li p { font-size: 16px; line-height: 24px; color: #666; margin-top: 7px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro li:hover { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); border-color: #fff; }
.intro li:hover i img { top: -55px; animation: flipInY 1.5s; }
.intro li:hover h3, .intro li:hover p { color: #17317E; }

/**/
.project { background: url(../images/product_bg.jpg) no-repeat center top; padding-top: 100px; }
.project .content { position: relative; height: 914px; }
.project_nav { margin: 49px 0 35px; overflow: hidden; }
.project_nav li { width: 25%; float: left; text-align: center; }
.project_nav li a { display: block; }
.project_nav li i { display: block; width: 61px; height: 66px; background: url(../images/pi1.png) no-repeat center; font-size: 30px; line-height: 66px; color: #fff; margin: 0 auto; font-weight: 300; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.project_nav li span { display: block; font-size: 22px; line-height: 28px; color: #111C2D; margin-top: 16px; }
.project_nav li b { display: inline-block; font-size: 18px; font-weight: normal; }
.project_nav li.on i, .project_nav li:hover i { background-image: url(../images/pi2.png); }
.project_con { position: absolute; right: 0; bottom: 0; width: 1565px; height: 620px; }
.project_con dl { height: 620px; }
.project_con dt { width: 1060px; height: 620px; float: left; overflow: hidden; }
.project_con dt img { width: 1060px; }
.project_con dd { width: 505px; height: 620px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 70px 63px 0px 73px; background: #fff; position: relative; }
.project_con h3 a { display: block; font-size: 36px; font-weight: normal; line-height: 48px; height: 48px; color: #333; overflow: hidden; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom:19px;}
.project_con h3 a:hover { letter-spacing: 1px; }
.project_con p { font-size: 16px; line-height: 34px; color: #666; }
.project_con p span { display: block; font-size: 16px; line-height: 34px; color: #666; padding-left: 22px; position: relative; }
.project_con p span:before { position: absolute; content: ""; width: 6px; height: 2px; background: #666; left: 0; top: 16px; }
.project_con .subclass { width: 505px; height: 170px; background: #F2F2F3; position: absolute; bottom: 0; left: 0; padding: 57px 20px 0 73px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.project_con .subclass strong { display: block; font-size: 20px; line-height: 100%; color: #333; font-weight: normal; margin-bottom: 13px; }
.project_con .subclass a { display: block; float: left; padding-left: 13px; background: url(../images/pi.png) no-repeat left center; font-size: 16px; line-height: 20px; color: #666; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 32px; }
.project_con .subclass a:hover { color: #17317E; }
.info {margin-top:56px;}
.info a { display: inline-block; width: 161px; height: 47px; background: #FFAF3C; border: 1px solid #FFAF3C; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: normal; line-height: 45px; height: 45px; color: #fff; overflow: hidden; }
.info a:hover { letter-spacing: 1px; }
.info a:first-child { background: #fff; border-color: #313131; color: #333; margin-right: 18px; }

/**/
.cooperate { padding-top: 100px; padding-bottom: 100px; }
.cooperate .c_title { float: left; width: 230px; }
.cooperate .c_title h2 a { display: block; margin-top: 13px; padding-bottom: 26px; position: relative; margin-bottom: 56px; }
.cooperate .c_title h2 a:after { position: absolute; content: ""; width: 35px; height: 3px; background: #333; left: 2px; bottom: 0; }
.cooperate .c_title h2 span { display: block; font-size: 42px; line-height: 48px; color: #333; font-weight: normal; }
.cooperate .c_title h2 strong { display: block; font-size: 42px; line-height: 48px; color: #333; margin-top: 6px; }
.cooperate .c_tel img { display: block; width: 36px; }
.cooperate .c_tel span { display: block; font-size: 16px; line-height: 20px; color: #333; margin: 14px 0 3px; }
.cooperate .c_tel strong { display: block; font-size: 26px; line-height: 30px; color: #333; }
.cooperate .c_tel a { display: block; margin-top: 20px; width: 180px; height: 50px; background: #FFAF3C; font-size: 18px; line-height: 50px; color: #fff; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cooperate .c_tel a:hover { width: 190px; }
.c_con { float: right; width: 912px; }
.c_con li { width: 290px; height: 386px; background: #eee url(../images/coop1.png) no-repeat left top; float: left; margin-left: 14px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 240px 36px 0; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.c_con li h3 { font-size: 26px; line-height: 32px; color: #333; font-weight: normal; }
.c_con li p { font-size: 16px; line-height: 26px; color: #666; margin-top: 8px; }
.c_con li:nth-child(2) { background-image: url(../images/coop2.png); }
.c_con li:nth-child(3) { background-image: url(../images/coop3.png); }
.c_con li:hover { background-color: #17317E; }
.c_con li:hover h3, .c_con li:hover p { color: #fff; }

/**/
.application { padding-top: 100px; background: #F2F2F3; }
.app_con { max-width: 1920px; min-width: 1200px; margin: 40px auto 0; }
.app_con dl { width: 18.9583%; float: left; margin-right: 1.3021%; position: relative; }
.app_con dt { overflow: hidden; line-height: 0; }
.app_con dt img { width: 100%; }
.app_con dd { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12.6374% 0; position: absolute; left: 0; top: 50px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.app_con dd h3 a { display: block; font-weight: normal; position: relative; }
.app_con dd h3 a:after { position: absolute; content: ""; left: 0; bottom: -90px; width: 38px; height: 38px; background: url(../images/ai.png) no-repeat center; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }
.app_con dd h3 strong { display: block; font-size: 28px; line-height: 100%; color: #fff; font-weight: normal; margin-bottom: 12px; }
.app_con dd h3 span { display: block; font-size: 20px; line-height: 100%; color: #fff; }
.app_con dd p { font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.8); margin: 30px 0 50px; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; }
.app_con dd .info1 { display: inline-block; font-size: 18px; line-height: 20px; color: #fff; padding-bottom: 8px; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; }
.app_con dd .info1:after { position: absolute; content: ""; width: 100%; height: 1px; background: #fff; left: 0; bottom: 0; }
.app_con dd .more { display: block; margin-top: 29%; width: 180px; height: 50px; background: #FFAF3C; font-size: 18px; line-height: 50px; color: #fff; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; }
.app_con dd .more:hover { width: 190px; }
.app_con dl:last-child { margin-right: 0; }
.app_con dl:hover dd { padding-top: 50px; top: 0; background: rgba(23, 49, 126, 0.9); }
.app_con dl:hover dd h3 a:after { opacity: 0; }
.app_con dl:hover dd p, .app_con dl:hover dd .info1, .app_con dl:hover dd .more { opacity: 1; }

/**/
.case { padding-top: 100px; padding-bottom: 100px; overflow: hidden; }
.case .content { position: relative; }
.case_nav { margin: 40px 0; text-align: center; font-size: 0; line-height: 0; }
.case_nav li { width: 172px; height: 46px; border: 1px solid rgba(170, 170, 170, 0.8); display: inline-block; margin: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_nav li a { display: block; }
.case_nav li i { display: inline-block; width: 28px; height: 30px; margin-top: 7px; overflow: hidden; position: relative; margin-right: 8px; }
.case_nav li i img { width: 28px; position: absolute; left: 0; top: 0; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_nav li span { display: inline-block; font-size: 18px; line-height: 44px; color: #333; vertical-align: 8px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_nav li:hover { border-color: #17317E; background: #17317E; }
.case_nav li:hover i img { top: -30px; }
.case_nav li:hover span { color: #fff; }
.case_con { overflow: hidden; }
.case_con dl { width: 380px; float: left; margin-right: 30px; }
.case_con dt { width: 380px; height: 285px; overflow: hidden; line-height: 0; }
.case_con dd { background: #F2F2F3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 23px 29px 29px; }
.case_con dd h4 { font-size: 18px; line-height: 24px; color: #333; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: normal; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_con dd p { font-size: 14px; line-height: 24px; color: #666; margin: 9px 0 23px; }
.case_con dd span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 28px; color: #333; width: 98px; height: 30px; border: 1px solid #666666; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: uppercase; }
.case_con dl:hover dd h4 { color: #17317E; }
.case_con dl:hover dd span { background: #FFAF3C; border-color: #FFAF3C; color: #fff; }
.case_switch div { width: 35px; height: 64px; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 340px; filter: grayscale(1); -webkit-filter: grayscale(1); opacity: 0.25; cursor: pointer; }
.case_switch div:hover { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }
.case_switch .case_prev { left: -96px; }
.case_switch .case_next { right: -96px; }

/**/
.power { background: #F2F2F3; padding-top: 97px; overflow: hidden; }
.power_nav { margin: 51px 0 34px; }
.power_nav li { width: 111px; float: left; text-align: center; display: block !important; margin-right: 252px; cursor: pointer; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.power_nav li:after { position: absolute; content: ""; width: 1px; height: 89px; background: #DCDCDC; right: -126px; top: 0; }
.power_nav li i { display: block; width: 111px; margin: 0 auto; height: 56px; position: relative; overflow: hidden; }
.power_nav li i img { width: 111px; position: absolute; left: 0; top: 0; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_nav li span { display: block; font-size: 24px; line-height: 42px; color: #333; font-weight: bold; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_nav li:last-child { margin-right: 0; }
.power_nav li:last-child:after { display: none; }
.power_nav li.on i img, .power_nav li:hover i img { top: -56px; }
.power_nav li.on span, .power_nav li:hover span { color: #17317E; }
.power_con { height: 680px; position: relative; }
.power_con dl { position: relative; height: 680px; }
.power_con dt { width: 960px; height: 680px; line-height: 0; overflow: hidden; position: absolute; left: 50%; bottom: 0; }
.power_con dt img { width: 960px; height: 680px; }
.power_con dd { position: absolute; right: 50%; bottom: 0; width: 960px; height: 680px; background: url(../images/ys_bg.jpg) no-repeat center top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 88px 100px 0 360px; }
.power_con dd h3 { margin-bottom: 33px; }
.power_con dd h3 strong { display: block; font-size: 40px; line-height: 52px; color: #fff; }
.power_con dd h3 span { display: block; font-size: 22px; line-height: 34px; color: #fff; }
.power_con dd p { font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 14px; }
.power_con dd p:before { content: "-"; font-weight: bold; margin-right: 7px; }
.power_con dd ul { margin-top: 57px; overflow: hidden; }
.power_con dd ul li { display: inline-block; margin-right: 94px; }
.power_con dd ul em { display: block; }
.power_con dd ul i { display: inline-block; font-size: 60px; line-height: 100%; color: #fff; }
.power_con dd ul b { display: inline-block; font-size: 18px; line-height: 100%; color: #fff; font-weight: normal; }
.power_con dd ul span { display: block; font-size: 18px; line-height: 100%; color: #fff; margin-top: 9px; }
.power_con dd ul li:first-child { position: relative; }
.power_con dd ul li:first-child:after { position: absolute; content: ""; border-left: 1px dotted rgba(255, 255, 255, 0.4); right: -47px; top: 1px; height: 82px; }
.power_switch { width: 600px; position: absolute; right: 50%; bottom: 97px; }
.power_switch div { width: 13px; height: 22px; cursor: pointer; display: inline-block; vertical-align: middle; }
.power_switch ul { text-align: center; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; margin: 0 52px; }
.power_switch ul li { display: inline-block; width: 8px; height: 8px; background: #fff; border-radius: 50%; margin: 0 4px; vertical-align: middle; cursor: pointer; }
.power_switch ul li.on { width: 7px; height: 7px; border: 3px solid #fff; border-radius: 50%; background: none; }

/**/
.process { padding-top: 120px; padding-bottom: 100px; background: url(../images/process_bg.jpg) no-repeat center top; }
.process ul { margin: 40px 0; border-bottom: 1px solid #DCDCDC; }
.process li { width: 240px; height: 218px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; float: left; text-align: center; padding: 41px 31px 0; }
.process li img { display: block; width: 43px; margin: 0 auto; position: relative; z-index: 2; }
.process li h3 { position: relative; z-index: 2; }
.process li h3 strong { display: block; font-size: 22px; line-height: 30px; color: #333; font-weight: normal; }
.process li h3 span { display: block; font-size: 12px; line-height: 18px; color: rgba(153, 153, 153, 0.6); font-family: arial; }
.process li p { font-size: 15px; line-height: 24px; color: #fff; display: none; position: relative; z-index: 2; }
.process li i { display: block; position: relative; z-index: 2; font-size: 24px; line-height: 100%; color: #ccc; font-family: arial; margin-top: 13px; }
.process li:after { content: ""; width: 261px; height: 237px; background: #17317e; position: absolute; top: 0; left: -10px; z-index: 1; opacity: 0; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.process li:nth-child(5n) { border-right: 1px solid #DCDCDC; }
.process li:nth-child(8) { padding: 41px 28px 0; }
.process li:hover img { display: none; }
.process li:hover h3 strong { color: #fff; }
.process li:hover h3 span { color: rgba(255, 255, 255, 0.2); }
.process li:hover p { display: block; margin: 10px 0 35px; }
.process li:hover i { font-size: 60px; color: rgba(255, 255, 255, 0.2); }
.process li:hover:after { top: -9px; opacity: 1; }
.process .pro_tel { text-align: center; font-size: 0; line-height: 0; }
.process .pro_tel img { display: inline-block; width: 30px; vertical-align: middle; }
.process .pro_tel span { display: inline-block; font-size: 16px; line-height: 30px; color: #333; vertical-align: middle; margin-left: 10px; }
.process .pro_tel strong { display: inline-block; font-size: 28px; line-height: 30px; color: #333; vertical-align: middle; }
.process .ask a { display: block; margin: 12px auto 0; width: 180px; height: 47px; background: #FFAF3C; font-size: 18px; line-height: 47px; color: #fff; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.process .ask a:hover { width: 190px; }

/**/
.news { padding-top: 100px; padding-bottom: 83px; }
.news h2 { margin-bottom: 39px; }
.news h3 { margin-bottom: 24px; }
.news h3 a { display: block; height: 24px; font-weight: normal; }
.news h3 strong { display: block; float: left; font-size: 24px; line-height: 100%; color: #333; font-weight: normal; }
.news h3 span { display: block; float: left; font-size: 12px; line-height: 34px; color: #999; margin-left: 9px; font-family: arial; }
.news h3 i { display: block; float: right; font-size: 14px; line-height: 24px; color: #333; text-transform: uppercase; }
.company { width: 600px; float: left; }
.company dt { width: 600px; height: 300px; overflow: hidden; line-height: 0; }
.company dt img { width: 600px; }
.company dd h4 { font-size: 18px; line-height: 20px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 34px; position: relative; font-weight: normal; margin: 24px 0 13px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company dd h4:before { position: absolute; content: ""; width: 5px; height: 5px; border-right: 1px solid #342C2A; border-bottom: 1px solid #342C2A; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); top: 7px; left: 1px; transition: ease 0.4s; -o-transition: ease 0.4s; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company dd p { font-size: 15px; line-height: 24px; color: #7C7C7C; margin-bottom: 26px; }
.company dl:hover dd h4 { color: #17317E; }
.company dl:hover dd h4:before { border-color: #17317E; }
.company li { height: 36px; }
.company li a { display: block; }
.company li h4 { font-size: 15px; font-weight: normal; line-height: 36px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 300px; padding-left: 36px; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company li h4:before { position: absolute; content: ""; width: 5px; height: 5px; border-right: 1px solid #342C2A; border-bottom: 1px solid #342C2A; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); top: 16px; left: 0; transition: ease 0.4s; -o-transition: ease 0.4s; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company li span { float: right; display: block; font-size: 12px; line-height: 36px; color: #666; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company li:hover h4 { color: #17317E; }
.company li:hover h4:before { border-color: #17317E; }
.company li:hover span { color: #17317E; }
.faq { float: right; width: 500px; }
.faq li { padding-top: 19px; }
.faq li span { display: block; float: left; font-size: 40px; line-height: 100%; color: #1D1D1D; font-weight: bold; font-family: arial; width: 124px; position: relative; }
.faq li span:after { position: absolute; content: ""; width: 67px; height: 2px; background: #17317E; left: 26px; top: 19px; z-index: 2; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.faq li h4 { float: left; font-size: 18px; font-weight: normal; line-height: 40px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 356px; padding-right: 20px; background: url(../images/ni1.png) no-repeat right center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.faq li p { font-size: 15px; line-height: 24px; color: #7C7C7C; margin-bottom: 24px; padding-top: 8px; clear: both; }
.faq li:hover span:after { background: #FFAF3C; }
.faq li:hover h4 { background-image: url(../images/ni2.png); }

/**/
.about { padding-top: 98px; background: url(../images/about_bg.jpg) no-repeat center top; overflow: hidden; }
.about h2 strong, .about h2 span { color: #fff; }
.about h2 a { background-image: url(../images/t_bg2.png); }
.about .about_con p { font-size: 16px; line-height: 30px; color: #fff; margin: 34px 0 56px; text-align: center; }
.about .about_con a.more { display: block; width: 161px; height: 47px; border: 2px solid #ffffff; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 76px; font-size: 18px; line-height: 43px; color: #fff; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.about .about_con a.more:hover { width: 170px; }
.album { width: 1316px; height: 485px; background: #fff; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 58px; }
.album_nav { height: 26px; padding-bottom: 13px; border-bottom: 1px solid #DCDCDC; position: relative; margin-bottom: 35px; }
.album_nav h3 a { display: block; }
.album_nav h3 i { display: block; float: left; width: 24px; height: 26px; overflow: hidden; position: relative; margin-right: 7px; }
.album_nav h3 i img { position: absolute; top: 0; left: 0; width: 24px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.album_nav h3 strong { display: block; float: left; font-size: 20px; line-height: 26px; color: #333; font-weight: normal; margin-right: 41px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.album_nav h3 span { display: block; float: right; font-size: 18px; line-height: 26px; color: #333; background: url(../images/aicon.png) no-repeat right center; padding-right: 33px; font-weight: normal; position: absolute; right: 0; top: 0; }
.album_nav h3:hover i img { top: -26px; }
.album_nav h3:hover strong { color: #17317E; }
.album_list { overflow: hidden; }
.album_list li { width: 288px; margin-right: 18px; float: left; }
.album_list li > a { display: block; width: 288px; height: 215px; line-height: 0; overflow: hidden; }
.album_list li > a img { width: 288px; }
.album_list li h4 a { display: block; font-size: 16px; line-height: 60px; color: #333; width: 287px; height: 60px; background: #eee; padding: 0 25px; position: relative; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.album_list li h4 a:after { position: absolute; content: ""; width: 5px; height: 5px; border-right: 1px solid #342C2A; border-bottom: 1px solid #342C2A; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); top: 27px; right: 20px; transition: ease 0.4s; -o-transition: ease 0.4s; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.f_info{ line-height: 40px !important; padding-top: 25px !important; }

.links { font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 1; background: url(../images/footer_bg.jpg) no-repeat center bottom; height: 46px; overflow: hidden; }
.links em { font-style: normal; font-size: 16px; display: block; float: left; color: rgba(255, 255, 255, 0.4); line-height: 1; position: relative; padding-right: 21px; }
.links em:after { position: absolute; content: ""; border-style: solid; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-width: 5px 9px; right: -9px; top: 3px; }
.links em span { font-size: 12px; margin-left: 9px; }
.links a { color: rgba(255, 255, 255, 0.4); line-height: 1; margin-left: 44px; transition: 0.3s ease; -o-transition: 0.3s ease; }
.links a:hover { color: rgba(255, 255, 255, 0.8); }
@-webkit-keyframes zoomIn1 {
  0% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50% { opacity: 1; }
}
@keyframes zoomIn1 {
  0% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50% { opacity: 1; }
}
.zoomIn1 { -webkit-animation-name: zoomIn1; animation-name: zoomIn1; }
@-webkit-keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1; }
@-webkit-keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2; }
@-webkit-keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1; }
@-webkit-keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2; }
@-webkit-keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; }
@-webkit-keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2; }
@-webkit-keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
@keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft; }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft; }
@-webkit-keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; }
@-webkit-keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; }
@keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-moz-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-webkit-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-o-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}