@charset "utf-8";
body { font-family: "微软雅黑", Arial; background: #fff }

.scale_img dl img, .scale_img li img {
  -o-transition: all 1s linear 0s;
  transition: all 1s linear 0s; }
.scale_img dl:hover 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 { text-align: center }
h2.main_title a { display: block; font-size: 38px; color: #161616; line-height: 100%; font-weight: 700; letter-spacing: 1px }
h2.main_title a:hover { color: #161616 }
h2.main_title strong { color: #0499a0 }
h2.main_title span { display: block; font-size: 30px; color: #333; line-height: 100%; font-weight: 400 }
h2.blueline a { letter-spacing: 2px }
h2.blueline span { margin-top: 12px; position: relative; padding-bottom: 26px }
h2.blueline span:before { position: absolute; content: ""; width: 42px; height: 3px; background: #0499a0; left: 50%; bottom: 0; margin-left: -21px; z-index: 2 }
h2.blueline span:after { position: absolute; z-index: 1; content: ""; width: 458px; height: 1px; background: rgba(149, 149, 149, .3); left: 50%; bottom: 1px; margin-left: -229px }

.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .tempWrap { margin: 0 auto }
.fullSlide .con { 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: 50px; width: 595px; right: 50%; height: 18px; cursor: pointer; z-index: 2 }
.fullSlide .hd li { position: relative; display: inline-block; width: 6px; height: 6px; margin-right: 20px; opacity: 1; border-radius: 50%; background: #fff; font-size: 0 }
.fullSlide .hd li:before { position: absolute; content: ""; width: 14px; height: 14px; border: 1px solid #fff; top: -5px; left: -5px; border-radius: 50%; opacity: 0; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on:before { opacity: 1 }
.fullSlide p { position: absolute; top: 50%; width: 80px; height: 80px; z-index: 9; opacity: 1; text-align: center; margin-top: -39px;display:none; }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% }

.seabox { height: 61px; border-bottom: 1px solid #E5E5E5; }
.seabox .k_word { font-size: 14px; line-height: 61px; color: #999; }
.seabox .k_word a { color: #999; display: inline-block; margin-right: 22px; font-weight: normal; -o-transition: all .3s ease; transition: all .3s ease; }
.seabox .k_word a:hover { color: #333; }
.seabox .sea_inp { width: 268px; margin-top: 15px; height: 32px; position: relative; background: #F1F1F1; border-radius: 16px; overflow: hidden; }
.seabox .sea_inp input { display: block; outline: none; line-height: 32px; }
.seabox .sea_inp .search { float: left; width: 190px; height: 32px; border: none; color: #999; background: #F1F1F1; padding-left: 20px; }
.seabox .sea_inp .sub { float: right; width: 47px; height: 32px; background: #1E5AA4 url(../images/s_btn.png) no-repeat center; border: none; border-radius: 16px; }

.intro { padding-top: 68px; padding-bottom: 90px }
.intro h2 { padding-bottom: 20px; margin-bottom: 36px; background: url(../images/intro_tbg.png) no-repeat center bottom }
.intro h2 span { margin-bottom: 12px }
.intro ul { overflow: hidden }
.intro ul li { width: 16.66%; float: left; text-align: center }
.intro ul div { width: 158px; height: 185px; position: relative; margin: 0 auto 17px; overflow: hidden }
.intro ul div img:first-child { position: absolute; bottom: 0; left: 25px; -o-transition: all .5s ease; transition: all .5s ease }
.intro ul div img:last-child {position: absolute; bottom: 0; left: 0; opacity: 0; -o-transition: all .5s ease; transition: all .5s ease }
.intro ul h3 { font-size: 16px; color: #333; line-height: 100%; font-weight: 400 }
.intro ul li:hover div img:first-child { opacity: 0 }
.intro ul li:hover div img:last-child { opacity: 1 }
.intro ul li:hover h3 { font-weight: 700 }

.choose { background: url(../images/choose_bg.jpg) no-repeat center top; padding-bottom: 90px }
.choose h2 { width: 934px; height: 218px; background: #EDF3FA; border-radius: 0 0 80px 80px; margin: 0 auto 70px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 40px }
.choose h2 a { display: block; font-size: 54px; color: #242424; line-height: 100%; letter-spacing: 8px; margin-bottom: 20px }
.choose h2 a img { display: inline-block; vertical-align: sub; margin-left: 12px }
.choose h2 span { display: inline-block; font-size: 30px; color: #333; line-height: 39px; font-weight: 400; margin: 0 25px }
.choose h2 i { display: inline-block; font-size: 20px; color: #fff; line-height: 39px; height: 54px; width: 39px; background: url(../images/choose_tbg.png) no-repeat center top; margin-right: 10px; vertical-align: top }
.choose_con { overflow: hidden; width: 1364px; margin: 0 auto }
.choose_con dl { float: left; margin-bottom: 9px; width: 660px; height: 421px; position: relative }
.choose_con dl dt { width: 410px; height: 421px }
.choose_con dl dd { position: absolute; width: 313px; height: 375px; background: #fff url(../images/01.png) no-repeat left bottom; right: 0; top: 24px; z-index: 2; box-shadow: 0 0 36px 2px rgba(0, 0, 0, .06); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 58px 24px 0 20px }
.choose_con dl h3 { font-size: 25px; color: #333; line-height: 100%; white-space: nowrap }
.choose_con dl h3 i { color: #0499a0 }
.choose_con dl h3 span { display: block; font-family: Arial; font-weight: 400; color: rgba(0, 0, 0, .2); font-size: 12px }
.choose_con dl p { font-size: 14px; color: #4d4d4d; line-height: 24px; text-align: justify; margin-top: 17px; height: 142px }
.choose_con dl a.more { display: block; width: 125px; height: 36px; border: 1px solid #D7D7D7; border-radius: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/more.png) no-repeat center; -o-transition: all .3s ease; transition: all .3s ease }
.choose_con dl a.more:hover { border-color: #0499a0; background-image: url(../images/more1.png) }
.choose_con dl:nth-child(even) { float: right }
.choose_con dl:nth-child(even) dt { float: right }
.choose_con dl:nth-child(even) dd { left: 0; right: auto; padding: 58px 22px 0 25px }
.choose_con dl:nth-child(2) dd{background-image: url(../images/02.png);}
.choose_con dl:nth-child(3) dd{background-image: url(../images/03.png);}
.choose_con dl:nth-child(4) dd{background-image: url(../images/04.png);}
.choose_con dl:nth-child(5) dd{background-image: url(../images/05.png);}
.choose_con dl:nth-child(6) dd{background-image: url(../images/06.png);}

.custom { background: rgba(238, 238, 238, .8); padding-top: 69px; overflow: hidden; padding-bottom: 48px }
.custom h2 { margin-bottom: 40px }
.custom_nav { width: 512px; height: 588px; background: #0499a0; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 42px 21px 0 22px }
.custom_nav .scale_img { line-height: 0; display: block; width: 469px; height: 264px; overflow: hidden }
.custom_nav .scale_img img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.custom_nav .scale_img: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) }
.custom_nav h3 a { display: block; font-size: 30px; color: #fff; line-height: 100%; letter-spacing: 1px; position: relative; font-weight: 400;  margin-bottom: 25px }
.custom_nav h3 a:before { position: absolute; content: ""; width: 5px; height: 30px; background: #d7342f; left: -23px; top: 0 }
.custom_nav ul { width: 469px; height: 186px; border: 1px solid rgba(255, 255, 255, .2); margin-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0 }
.custom_nav ul li { float: left; width: 50% ;padding-top:6px;}
.custom_nav ul li a { display: block; position: relative; font-size: 16px; color: rgba(255, 255, 255, .8); line-height: 36px; padding-left: 14px; -o-transition: all .3s ease; transition: all .3s ease }
.custom_nav ul li a:before { position: absolute; content: ""; width: 5px; height: 5px; background: rgba(255, 255, 255, .8); border-radius: 50%; left: 0; top: 15px }
.custom_nav ul li:nth-child(even) { width: 50% }
.custom_nav ul li:hover a { color: #fff }
.custom_con { width: 688px; float: right }
.custom_con dl { width: 328px; height: 185px; margin-bottom: 16px; margin-left: 16px; position: relative; float: left; overflow: hidden }
.custom_con dl dt { width: 328px; height: 185px; overflow: hidden }
.custom_con dl dt img { width: 328px }
.custom_con dl dd { width: 328px; height: 40px; background: rgba(0, 0, 0, .5); text-align: center; left: 0; bottom: 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease; transition: all .3s ease }
.custom_con dl dd h4 { font-size: 16px; color: #fff; line-height: 40px; font-weight: 400 }
.custom_con dl dd p { font-size: 14px; color: rgba(255, 255, 255, .8); line-height: 26px; margin-top: 5px; text-align:left; }
.custom_con dl:hover dd { height: 185px; padding: 40px 17px }
.custom_con dl:hover dd a{ display:block;}
.custom_con dl:hover dd h4 { font-size: 18px }
.custom_con dl:hover dd a:after { position: absolute; content: ""; width: 307px; height: 163px; border: 1px solid rgba(255, 255, 255, .5); left: 9px; top: 10px }

.ask { background: url(../images/ask_bg.jpg) no-repeat center top; height: 153px; padding-top: 38px }
.ask h2 { font-size: 26px; color: #fff; line-height: 100%; float: left; padding-top: 17px }
.ask h2 span { display: block; font-weight: 400; letter-spacing: 1px }
.ask h2 span:last-child { font-size: 32px; color: #fff; line-height: 100%; margin-top: 20px }
.ask h2 span:last-child strong { padding-left: 24px }
.ask .a_tel { float: right; background: url(../images/a_tel.png) no-repeat left top; padding-left: 40px }
.ask .a_tel p { font-size: 21px; color: #fff; line-height: 30px }
.ask .a_tel p strong { display: inline-block; font-size: 28px; color: #fff; line-height: 100%; vertical-align: text-bottom }
.ask .a_tel p:nth-child(2) { text-align: right; margin: 10px 0 }
.ask .a_tel a.consult { float: right; display: block; width: 125px; height: 36px; background: #d7342f; border-radius: 5px; font-size: 18px; color: #fff; line-height: 36px; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.ask .a_tel a.consult:hover { width: 135px }

.case { padding-top: 93px; padding-bottom: 96px; background: #F2F2F2 }
.case h2.blueline a { font-weight: 400 }
.case h2.blueline a strong { color: #161616; margin-left: 10px; display: inline-block }
.case h2.blueline span { font-size: 24px; margin-top: 17px }
.case_nav { overflow: hidden; margin: 51px 0 24px }
.case_nav h3 { float: left; border: 4px solid transparent }
.case_nav h3 a { display: block; font-size: 16px; color: #333; line-height: 46px; padding: 0 31px }
.case_nav h3.cur, .case_nav li:hover { border: 4px solid rgba(36, 98, 174, .2); border-radius: 27px }
.case_nav h3.cur a, .case_nav li:hover a { background: #0499a0; border-radius: 22px; color: #fff }
.case_con .pk { height: 86px; background: #333; position: relative }
.case_con .pk p { float: left; width: 50%; text-align: center; font-size: 24px; color: #fff; line-height: 86px }
.case_con .pk p:nth-child(2) { text-indent: 82px; background: url(../images/pk_bg.png) no-repeat 179px -6px }
.case_con .pk div { position: absolute; width: 112px; height: 112px; background: #0499a0; border-radius: 50%; left: 50%; margin-left: -56px; top: -12px;z-index:99; }
.case_con dt a { display: block; line-height: 0; overflow: hidden }
.case_con dt img { width: 1200px }
.case_con dd { background: #0499a0; height: 128px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 80px 0 70px }
.case_con dd h4 { font-size: 26px; color: #fff; line-height: 100%; margin-bottom: 18px; position: relative }
.case_con dd h4:before { position: absolute; content: ""; width: 6px; height: 30px; background: #d7342f; top: -3px; left: -72px }
.case_con dd p { font-size: 14px; color: rgba(255, 255, 255, .7); line-height: 18px; width: 796px; float: left }
.case_con dd span { float: right; display: block; margin-top: 22px; width: 110px; height: 35px; background: #d7342f; border-radius: 17px; font-size: 16px; color: #fff; line-height: 35px; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.case_con dd span:hover { width: 120px }

.metal { padding-top: 84px; padding-bottom: 40px }
.metal h2 { margin-bottom: 32px }
.metal h2 span { margin-top: 20px }
.metal h2 span img { display: inline-block; margin-left: .55rem; vertical-align: bottom }
.metal ul { overflow: hidden }
.metal li { float: left; width: 370px; margin-right: 45px; margin-bottom: 40px }
.metal li>a { display: block; width: 370px; height: 278px; overflow: hidden; line-height: 0 }
.metal li>a img { width: 370px;height: 100%;}
.metal li h4 a { display: block; position: relative; font-size: 18px; color: #666; line-height: 52px; padding-left: 28px; font-weight: 400; border-bottom: 2px solid #D6D8D7 }
.metal li h4 a:after { position: absolute; content: ""; width: 25px; height: 25px; background: #0499a0 url(../images/metal_more.png) no-repeat center; border-radius: 50%; top: 14px; right: 37px; -o-transition: all .3s ease; transition: all .3s ease }
.metal li:nth-child(3n) { margin-right: 0 }
.metal li:hover h4 a:after { background-color: #E41F28 }

.partner { background: url(../images/partner_bg.jpg) no-repeat center top; height: 415px }
.partner h2 a { display: block; font-size: 36px; color: #fff; line-height: 100%; letter-spacing: 1.5px; font-weight: 400 }
.partner .fl { margin-top: 106px }
.partner .fl p { background: url(../images/p_tel.png) no-repeat left center; font-size: 18px; color: rgba(255, 255, 255, .8); line-height: 100%; padding-left: 58px; margin: 58px 0 35px }
.partner .fl p strong { display: block; font-size: 24px; color: #fff; line-height: 100%; margin-top: 8px }
.partner .fl a.ask1 { display: block; font-size: 18px; color: #fff; line-height: 36px; text-indent: 49px; width: 148px; height: 36px; border: 1px solid #fff; -o-transition: all .3s ease; transition: all .3s ease }
.partner .fl a.ask1:hover { width: 158px; background-position-x: 27px; text-indent: 54px }
.partner .fr { width: 818px; margin-top: 74px }
.partner .fr>div { height: 136px }
.partner .fr>div:last-child h3 { padding-top: 21px }
.partner .fr>div:last-child .brand { border-top: 6px solid #F8F6F7; height: 142px }
.partner .fr h3 { float: left; width: 34px; height: 115px; background: #e41f28; border-radius: 10px 0 0 10px; text-align: center; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 7px 0; margin-top: 11px }
.partner .fr h3 a { display: block; font-size: 18px; color: #fff; line-height: 100%; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl }
.partner .fr .brand { width: 784px; height: 136px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 17px; background: #EFEFEF; float: right }
.partner .fr ul li { width: 182px; height: 102px; overflow: hidden; float: left; margin-right: 8px }
.partner .fr ul li img { width: 182px }

.process { background: #f5f5f5; padding-top: 80px; padding-bottom: 23px }
.process h2 a { display: block; font-size: 36px; color: #333; line-height: 100%; text-align: center; position: relative; padding-bottom: 31px }
.process h2 a:before { position: absolute; content: ""; width: 74px; height: 3px; background: #D7342F; left: 50%; bottom: -1px; margin-left: -37px; z-index: 2 }
.process h2 a:after { position: absolute; content: ""; width: 1200px; height: 1px; background: #DFDCDF; left: 50%; bottom: 0; margin-left: -600px }
.process ul { margin-top: 50px; background: url(../images/process_bg.png) no-repeat 155px 47px; overflow: hidden }
.process ul li { margin-right: 91px; width: 124px; height: 124px; background: #fff; border: 3px solid #959595; border-radius: 50%; float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 47px; text-align: center }
.process ul li i { display: block; width: 38px; height: 37px; position: relative; overflow: hidden; margin: 12px auto 13px }
.process ul li h4 { font-size: 14px; color: #666; line-height: 100%; font-weight: 400 }
.process ul li span { display: block; font-size: 20px; color: #fff; line-height: 38px; margin: 8px auto 0; font-family: Arial; font-weight: 700; width: 86px; height: 86px; background: #959595; border-radius: 43px }
.process ul li.fr { float: right !important }
.process ul li:nth-child(6), .process ul li:nth-child(7) { margin-right: 0 }
.process ul li:hover { border-color: #0499a0 }
.process ul li:hover i img { position: absolute; left: 0; bottom: 0 }
.process ul li:hover span { background: #0499a0 }
.process ul .pro_tel { margin-right: 0; border: 0; width: 160px; border-radius: 0; background: 0 0; font-size: 16px; color: #333; line-height: 100%; text-align: left; white-space: nowrap; padding-top: 49px }
.process ul .pro_tel strong { display: block; font-size: 21px; color: #d7342f; line-height: 100%; font-weight: 400; margin-top: 8px }

.service { padding-top: 80px; padding-bottom: 40px; background: url(../images/service_bg.jpg) no-repeat center bottom }
.service h2 a { display: block; font-size: 38px; color: #161616; line-height: 100%; padding-bottom: 20px; margin-bottom: 36px; position: relative; text-align: center }
.service h2 a:before { position: absolute; content: ""; width: 42px; height: 3px; background: #E41F28; z-index: 2; left: 50%; margin-left: -21px; bottom: 0 }
.service h2 a:after { position: absolute; content: ""; width: 458px; height: 1px; background: rgba(51, 51, 51, .1); left: 50%; bottom: 1px; margin-left: -229px }
.service h2 span { display: block; font-size: 29px; color: #333; line-height: 100%; margin-bottom: 18px; font-weight: 400 }
.ser_con { width: 1083px; overflow: hidden; margin: 0 auto }
.ser_con dl { width: 536px; height: 252px; margin-bottom: 12px; float: left; margin-right: 11px; position: relative }
.ser_con dt { width: 252px; height: 252px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0 }
.ser_con dd { width: 320px; height: 175px; background: #F2F2F2; margin-top: 39px; float: right; font-size: 18px; color: #333; line-height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 47px 0 0 76px }
.ser_con dd span { display: block }
.ser_con dd strong { display: block; color: #0499a0 }
.ser_con dd i { color: #0499a0; font-weight: 700 }
.ser_con dl:nth-child(even) { margin-right: 0 }
.ser_con dl:nth-child(even) dt { right: 0; left: auto }
.ser_con dl:nth-child(even) dd { float: left; padding-left: 70px }

.faq { background: url(../images/faq_bg.jpg) no-repeat center top; padding-top: 93px; height: 562px }
.faq .content { position: relative }
.faq_list { float: left; width: 396px; padding-left: 20px }
.faq_list h3 a { display: block; font-size: 22px; color: #333; line-height: 100%; position: relative; margin-bottom: 5px }
.faq_list h3 a:before { position: absolute; content: ""; width: 5px; height: 24px; background: #D7342F; left: -21px; top: 0 }
.faq_list li { height: 72px; border-bottom: 1px dashed #D2D2D2 }
.faq_list li a { display: block; font-size: 16px; color: #666; line-height: 72px; padding-left: 60px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.faq_list li a:before { position: absolute; content: ""; width: 47px; height: 47px; background: #0499a0 url(../images/faq.png) no-repeat center; border-radius: 50%; left: 0; top: 13px }
.faq_list li:last-child { border-bottom: 0 }
.faq_list li:hover a { color: #0499a0 }
.faq_ewm { width: 369px; height: 476px; background: url(../images/faq_ewm.png) no-repeat center top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 41px; padding-right: 124px; left: 431px; top: 0; position: absolute; z-index: 2; text-align: center }
.faq_ewm p:nth-child(1) { margin-bottom: 42px }
.faq_ewm p:nth-child(1) img { width: 133px; height: 133px; display: block; margin: 62px 0 30px 37px; border: 1px solid #934F4D }
.faq_ewm p:nth-child(1) span { display: block; font-size: 18px; color: #1a1a1a; line-height: 100%; font-weight: 700; margin-bottom: 8px }
.faq_ewm p:nth-child(2) span { display: block; font-size: 16px; color: #4d4d4d; line-height: 100%; font-weight: 700 }
.faq_ewm p:nth-child(2) span i { color: #D7342F }
.faq_ewm p:nth-child(2) strong { display: block; font-size: 24px; color: #0499a0; line-height: 100%; margin: 9px 0 19px }
.faq_ewm p:nth-child(2) a { display: block; width: 127px; height: 36px; background: #D7342F; font-size: 16px; color: #fff; line-height: 36px; margin: 0 auto; -o-transition: all .3s ease; transition: all .3s ease }
.faq_ewm p:nth-child(2) a:hover { width: 136px }
.change { width: 414px; float: right; margin-top: 2px; margin-right: 23px }
.change li { width: 205px; float: left; margin-left: 2px; margin-bottom: 2px; line-height: 0 }
.change li img { width: 205px; height: 174px }
.change li h4 { font-size: 16px; color: #fff; line-height: 56px; text-align: center; background: #333; -o-transition: all .3s ease; transition: all .3s ease }
.change li:hover h4 { background: #0499a0 }

.news { padding: 60px 0 50px }
.news h2 a { display: block; font-size: 38px; color: #161616; line-height: 100%; position: relative; text-align: center; margin-bottom: 32px; padding-bottom: 27px }
.news h2 a:before { position: absolute; content: ""; width: 42px; height: 3px; background: #0499a0; left: 50%; margin-left: -21px; bottom: 0; z-index: 2 }
.news h2 a:after { position: absolute; content: ""; width: 458px; height: 1px; left: 50%; bottom: 1px; margin-left: -229px; background: #EAEAEC }
.news h3 a { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 400; margin-bottom: 40px }
.news h3 span { display: inline-block; font-size: 20px; color: #aaa; line-height: 100%; font-weight: 100; text-transform: uppercase; vertical-align: middle; margin-left: 10px }
.news h3 img { display: inline-block; vertical-align: bottom; margin-right: 9px }
.news_con { width: 572px; float: left }
.news_con li { height: 112px; border: 1px solid #EBEBEB; padding: 26px 42px 26px 143px; position: relative; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.news_con li h4 { font-size: 18px; color: #333; line-height: 22px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news_con li p { font-size: 14px; color: #666; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news_con li span { display: block; position: absolute; left: -1px; top: -1px; width: 112px; height: 112px; background: #333; text-align: center; font-family: arial; font-size: 14px; color: #fff; line-height: 100%; font-weight: 400; padding-top: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease; transition: all .3s ease }
.news_con li span i { display: block; font-size: 48px; color: #fff; line-height: 100%; font-weight: 700 }
.news_con li:hover span { background: #0499a0 }
.news_list { width: 500px; float: right }
.news_bd li {margin: 20px 0 25px }
.news_bd li h4 { font-size: 18px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 14px }
.news_bd li p { font-size: 14px; color: #888; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news_nav { margin-top: 4px; text-align: right }
.news_nav li { display: inline-block; width: 12px; height: 12px; background: #333; border-radius: 50%; margin-left: 10px; cursor: pointer }
.news_nav li.on { background: #D7342F }

.about { overflow: hidden; padding-top: 62px; background: url(../images/about_bg.jpg) no-repeat center top; height: 905px }
.about h2 a { display: block; font-size: 38px; color: #333; line-height: 100%; text-align: center; padding-bottom: 27px; position: relative; margin-bottom: 40px }
.about h2 a:before { position: absolute; content: ""; width: 42px; height: 3px; background: #D7342F; left: 50%; margin-left: -21px; bottom: 0; z-index: 2 }
.about h2 a:after { position: absolute; content: ""; width: 458px; height: 1px; background: #EFEEF1; left: 50%; margin-left: -229px; bottom: 1px }
.about .pic { width: 628px; height: 367px; float: left; background: url(../images/gywm.jpg) no-repeat center top; position: relative; margin-left: -57px; margin-bottom: 54px;background-size: 100% 100%;}
.about .pic img { width: 481px; height: 298px; position: absolute; top: 22px; left: 73px }
.about_con { width: 590px; float: right }
.about_con ul { overflow: hidden; margin: 53px 0 46px }
.about_con li { float: left }
.about_con li em { display: block; font-size: 60px; color: #0499a0; line-height: 100% }
.about_con li em i { font-size: 24px; vertical-align: text-bottom }
.about_con li span { display: block; font-size: 16px; color: #333; line-height: 100% }
.about_con li:nth-child(2) { position: relative; padding: 0 43px; margin: 0 43px }
.about_con li:nth-child(2):before, .about_con li:nth-child(2):after { position: absolute; content: ""; width: 1px; height: 63px; background: rgba(49, 49, 49, .2); top: 17px }
.about_con li:nth-child(2):before { left: 0 }
.about_con li:nth-child(2):after { right: 0 }
.about_con p { font-size: 14px; color: #333; line-height: 30px }
.about_con p a { color: #DA2720 }
.album { clear: both }
.album h3 a { display: block; font-size: 30px; color: #0499a0; line-height: 100%; text-align: center; background: url(../images/album_bg.png) no-repeat center; margin-bottom: 32px }
.album li { width: 283px; overflow: hidden; float: left; margin-right: 23px }
.album li>a {display:block; width: 283px; height: 213px; overflow: hidden; }
.album li img { width: 283px; height: 213px }
.album li h4 a { display: block; font-size: 16px; color: #666; line-height: 46px; text-align: center; font-weight: 400 }

body { position: relative }
.links { position: absolute; left: 50%; bottom: 0; margin-left: 258px; width: 407px; height: 137px; padding-left: 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.links strong { display: block; font-size: 14px; color: rgba(255, 255, 255, .73); line-height: 22px; font-weight: 700; margin-bottom: 15px }
.links a { display: block; float: left; font-size: 14px; color: rgba(255, 255, 255, .73); line-height: 24px; margin-right: 65px; margin-bottom: 8px; -o-transition:all .3s ease; transition:all .3s ease; }
.links a:hover {color:#fff;}

@-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(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 fadeInRight2 {
    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 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .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% { left: 0; top: 0 }
    25% { left: 0; top: 10px }
    50% { left: 0; top: 0 }
    100% { left: 0; top: 0 }
}
@-moz-keyframes myfirst {
    0% { left: 0; top: 0 }
    25% { left: 0; top: 10px }
    50% { left: 0; top: 0 }
    100% { left: 0; top: 0 }
}
@-webkit-keyframes myfirst {
    0% { left: 0; top: 0 }
    25% { left: 0; top: 10px }
    50% { left: 0; top: 0 }
    100% { left: 0; top: 0 }
}
@-o-keyframes myfirst {
    0% { left: 0; top: 0 }
    25% { left: 0; top: 10px }
    50% { left: 0; top: 0 }
    100% { left: 0; top: 0 }
}

/* 新增样式
首页新闻版块常见问答增加时间添加样式 */
.cjwttt{display: flex;justify-content: space-between;}
.cjwttt h4{width: 80%;}
.cjwttt span{color: #a0a0a0;line-height:24px;}