�?.white { position:relative; overflow:hidden; }
.white:after { content:''; cursor:pointer; position:absolute; left:-100%; top:0; width:100%; height:100%; background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); transform:skewx(-25deg); }
.white:hover:after { left:100%; transition:1s; }
.scale_img dl dt img,.scale_img li img { transition:all 1s linear 0s; }
.scale_img dl:hover dt img,.scale_img li:hover img { transform:scale(1.05) rotate(0deg) translateY(0); }
/*header*/
.header { background:none !important; }
.header .slogan strong{color: #fff;}
.header .slogan span{color: #fff;}
.header .menu li>a{color: #fff;}
.header .h_contact span{color: #fff;}
.header .h_contact em{color: #fff;background:url(../images/h_tel2.png) no-repeat left center;}
.header .slogan:before{background: #fff;}

/* .header .logo a{display: block;filter: invert(1);}
.header .logo img{filter: brightness(0) contrast(1);} */



/*banner*/
.banner { position:relative; background:#000; margin:-121px auto 0; width:100%; clear:both; overflow:hidden; }
.banner .bd { position:relative; z-index:0; }
.banner .bd li img { width:100%; vertical-align:top; }
.banner .hd { position:absolute; bottom:40px; width:100%; height:2px; cursor:pointer; z-index:9; font-size:0; text-align:center; display: block!important;}
.banner .hd li { display:inline-block; width:12px; height:12px; background:#fff; opacity:0.3; border-radius:50%; transition:all 0.5s ease; margin:0 8px; cursor:pointer; opacity:0.5; }
.banner .hd li.on { background:#fff; opacity:1; }
.banner .prev,.banner .next { width:54px; height:54px; cursor:pointer; margin-left:10px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); background-color:rgba(0,0,0,0.1); top:50%; left:-100px; position:absolute; z-index:9; transition:all 0.5s ease; }
.banner .prev:hover,.banner .next:hover { background-color:rgba(0,0,0,0.15); }
.banner .next { left:auto; right:-100px; }
.banner:hover .prev { left:3%; }
.banner:hover .next { right:3%; }
/*search*/
.search { background:#fff; height:90px; }
.search .keyword { font-size:16px; line-height:90px; float:left; }
.search .keyword strong { color:#666; font-weight:normal; }
.search .keyword a { color:#666; display:inline-block; font-weight:normal; transition:all 0.5s ease; margin-right:10px; }
.search .keyword a:hover { color:#0D74D2; }
.search .search_input { float:right; width:332px; height:42px; margin-top:27px; position:relative; }
.search .search_input:after { position:absolute; content:""; width:100%; height:2px; background:#0D74D2; left:0; bottom:-20px; }
.search .search_input input[type="text"] { background:none; border:none; outline:none; display:block; box-sizing:border-box; float:left; width:270px; font-size:16px; line-height:42px; color:#666; }
.search .search_input .submit { border:none; outline:none; display:block; float:right; cursor:pointer; font-size:0; width:42px; height:42px; background:url(../images/s_btn.png) no-repeat right center; }
/*title*/
h2.main_title { line-height:0; position:relative; padding-bottom:29px; }
h2.main_title a { display:block; }
h2.main_title strong { display:block; font-size:36px; line-height:100%; color:#0d74d2; }
h2.main_title span { display:block; font-weight:normal; font-size:20px; line-height:100%; color:#333; margin-top:12px; }
h2.main_title:after { position:absolute; content:""; width:33px; height:2px; background:#0d74d2; left:0; bottom:0; }
h2.main_title i { display:block; float:right; width:158px; height:45px; background:#0b7be3; border-radius:22px; font-size:14px; line-height:45px; color:#fff; text-align:center; font-weight:bold; transition:all 0.5s ease; }
h2.main_title i:hover { background:#004788; }
/*intro*/
.intro { background:url(../images/intro_bg.jpg) no-repeat center top; box-sizing:border-box; padding-top:92px; height:595px; }
.intro_con { width:512px; float:left; padding-top:8px; }
.intro_con h2 { position:relative; padding-bottom:40px; }
.intro_con h2 strong { display:block; font-size:36px; line-height:100%; color:#0d74d2; }
.intro_con h2 span { display:block; font-size:20px; line-height:100%; color:#333333; font-weight:normal; margin-top:12px; }
.intro_con h2:after { position:absolute; content:""; width:33px; height:2px; background:#0d74d2; left:0; bottom:0; }
.intro_con p { font-size:16px; line-height:30px; color:#666; margin:44px 0 56px; }
.intro_con .more { display:block; width:158px; height:45px; background:#ffffff; box-shadow:0px 3px 20px 0px rgba(0,0,0,0.05); font-size:14px; line-height:45px; color:#0b7be3; text-align:center; border-radius:22px; font-weight:bold; transition:all 0.5s ease; }
.intro_con .more:hover { letter-spacing:1px; }
.open-video { width:598px; height:367px; float:right; position:relative; cursor:pointer; }
.open-video p { width:100%; height:100%; position:absolute; text-align:right; padding-top:142px; text-align:center; box-sizing:border-box; left:0; top:0; line-height:0; background:rgba(0,0,0,0.3); }
.open-video p img { display:inline-block; width:44px; margin-bottom:19px; }
.open-video p span { display:block; font-size:16px; line-height:1; color:#edf4fa; }
.video-box { position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; font-size:0; z-index:9999; background:rgba(0,0,0,0.9); display:none; }
.video-box .video { width:800px; height:640px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.video-box .video iframe { width:800px; height:640px; }
.video-box .close-video { position:absolute; top:calc(54px); right:5%; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat center; }
/*feature*/
.feature { max-width:1920px; min-width:1200px; margin:0 auto; position:relative; overflow:hidden; height:850px; }
.feature dl { float:left; width:10.928%; box-sizing:border-box; height:850px; transition:all 0.5s ease; }
.feature dt { position:absolute; left:0; top:0; width:100%; height:850px; transition:all 0.5s ease; }
.feature dt img { position:absolute; width:1920px; left:50%; margin-left:-960px; }
.feature dd { position:relative; z-index:3; width:100%; height:850px; box-sizing:border-box; line-height:0; padding-top:121px; padding-left:28.436%; padding-right:20px; border-left:1px solid rgba(255,255,255,0.3); }
.feature dd i { display:block; font-style:normal; font-size:14px; line-height:100%; color:rgba(255,255,255,0.3); }
.feature dd img { display:block; width:70px; margin-top:79px; margin-bottom:79px; transition:all 0.5s ease; }
.feature dd p { display:none; }
.feature dd p span { display:block; font-size:48px; line-height:100%; color:#fff; font-weight:bold; text-transform:uppercase; }
.feature dd h3 strong { display:block; font-size:22px; line-height:1; color:#FFFFFF; background:linear-gradient(0deg,#7C7D8F 0%,#fff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:9px; }
.feature dd h3 span { display:block; font-size:16px; line-height:24px; color:#fff; font-weight:normal; }
.feature dd:after { position:absolute; content:""; width:18px; height:18px; background:url(../images/more1.png) no-repeat center; bottom:112px; left:28.436%; }
.feature dl:first-child dd { border-left:none; }
.feature dl:nth-child(2) dd,.feature dl:nth-child(5) dd { background:rgba(18,19,37,0.3); }
.feature dl:nth-child(3) dd { background:rgba(48,56,69,0.3); }
.feature dl:nth-child(4) dd { background:rgba(58,61,78,0.3); }
.feature dl:nth-child(6) dd { background:rgba(39,42,59,0.3); }
.feature dl:nth-child(7) dd,.feature dl:nth-child(1) dd { background:rgba(73,79,95,0.3); }
.feature dl.cur { width:34.427%; }
.feature dl.cur dt { z-index:2; }
.feature dl.cur dd { background:url(../images/feature_shadow.png) no-repeat left bottom; padding-left:13.918%; }
.feature dl.cur dd img { width:86px; margin-top:75px; margin-bottom:62px; }
.feature dl.cur dd p { display:block; }
.feature dl.cur dd h3 strong { font-size:48px; margin-top:63px; margin-bottom:63px; }
.feature dl.cur dd h3 span { font-size:18px; }
.feature dl.cur dd:after { position:absolute; content:""; width:47px; height:33px; background:#0D74D2 url(../images/more.png) no-repeat center; border-radius:16px; left:13.918%; bottom:95px; }
/*suit*/
.suit { background:url(../images/suit_bg.jpg) no-repeat center top; padding-top:123px; height:951px; box-sizing:border-box; overflow:hidden; }
.suit_con { width:556px; height:689px; background:url(../images/suit_bg1.jpg) no-repeat center; float:left; box-sizing:border-box; position:relative; padding:107px 86px 0; }
.suit_con:before { position:absolute; content:""; width:40px; height:2px; background:#0d74d2; left:0; top:128px; }
.suit_con h2 { width:324px; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,0.3); }
.suit_con h2 strong { display:block; font-size:36px; line-height:49px; color:#fff; }
.suit_con h2 span { display:block; font-size:20px; line-height:40px; color:#fff; letter-spacing:1px; font-weight:normal; }
.suit_con p { margin:48px 0 69px; }
.suit_con p strong { display:block; font-size:24px; line-height:100%; color:#fff; margin-bottom:20px; }
.suit_con p span { display:block; font-size:18px; line-height:100%; color:#fff; }
.suit_con a.custom { display:block; width:179px; height:48px; background:#0b7be3; text-align:center; border-radius:24px; }
.suit_con a.custom img { display:inline-block; vertical-align:middle; width:27px; margin-right:18px; transition:all 0.5s ease; }
.suit_con a.custom span { display:inline-block; vertical-align:middle; font-size:14px; line-height:48px; color:#fff; font-weight:bold; }
.suit_con a.custom:hover img { margin-right:15px; }
.suit_list { width:531px; float:right; }
.suit_list dl { overflow:hidden; margin-bottom:52px; }
.suit_list dt { width:118px; height:118px; border-radius:50%; float:left; position:relative; }
.suit_list dt img { width:100%; }
.suit_list dt:before { position:absolute; content:""; border-style:solid; border-color:transparent transparent transparent #0D74D2; border-width:6px 10px; top:52px; right:-40px; transition:all 0.5s ease; opacity:0; }
.suit_list dd { float:right; width:308px; padding-top:10px; }
.suit_list dd h4 { font-size:24px; line-height:100%; color:#666; margin-bottom:16px; text-transform:uppercase; transition:all 0.5s ease; }
.suit_list dd p { font-size:14px; line-height:30px; color:#666; }
.suit_list dl:hover dt:before { opacity:1; }
.suit_list dl:hover dd h4 { color:#0d74d2; }
/*brand*/
.brand { background:url(../images/brand_bg.jpg) no-repeat center top; padding-top:142px; height:850px; box-sizing:border-box; text-align:center; }
.brand h2 strong { display:block; font-size:26px; line-height:100%; color:#fff; }
.brand h2 span { display:block; font-weight:normal; margin-top:20px; font-size:20px; line-height:100%; color:#fff; }
.brand ul { margin:78px 0 89px; overflow:hidden; }
.brand li { width:200px; float:left; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); border-right:none; position:relative; overflow:hidden; line-height:0; }
.brand li:before { position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; }
.brand li a { display:block; filter:invert(1); }
.brand li img { filter:brightness(0) contrast(1); width: 198px;height: 147px;}
.brand li:nth-child(1),.brand li:nth-child(2),.brand li:nth-child(3),.brand li:nth-child(4),.brand li:nth-child(5),.brand li:nth-child(6) { border-bottom:none; }
.brand li:nth-child(6n) { border-right:1px solid rgba(255,255,255,0.3); }
.brand .more { display:block; margin:0 auto; width:158px; height:45px; background:#ffffff; text-align:center; font-size:14px; line-height:45px; color:#0a84ef; font-weight:bold; transition:all 0.5s ease; border-radius:22px; }
.brand .more:hover { letter-spacing:1px; }
/*product*/
.product { padding-top:118px; padding-bottom:89px; overflow:hidden; }
.pro_nav { margin:36px 0 50px; overflow:hidden; }
.pro_nav h3 { float:left; width:139px; margin-right:12px; border-bottom:1px solid #d2d2d2; transition:all 0.5s ease; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.pro_nav h3 a { display:block; font-size:14px; line-height:100%; color:#333; position:relative; padding-bottom:11px; transition:all 0.5s ease; }
.pro_nav h3 a:after { position:absolute; content:""; width:8px; height:8px; border-bottom:1px solid #959595; border-left:1px solid #959595; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); right:3px; transition:all 0.5s ease; }
.pro_nav h3:last-child { margin-right:0; }
.pro_nav h3:hover { border-color:#0b7be3; }
.pro_nav h3:hover a { color:#0a84ef; }
.pro_nav h3:hover a:after { border-color:#0a84ef; }
.pro_list_con { overflow:hidden; }
.pro_con { position:relative; }
.pro_con dl { float:left; width:574px; position:relative; margin-right:52px; padding-bottom:42px; }
.pro_con dt { position:absolute; right:0; bottom:0; z-index:2; line-height:0; transition:all 0.5s ease; }
.pro_con dt img{width: 300px;height: auto;display: block;}
.pro_con dd { width:574px; height:397px; background:#e5e5e5 url(../images/product_bg1.jpg) no-repeat center; box-sizing:border-box; padding:58px 112px 0 72px; transition:all 0.5s ease; }
.pro_con dd h4 { font-size:24px; line-height:30px; color:#2b2b2b; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pro_con dd p { font-size:14px; line-height:28px; color:#2b2b2b; margin-top:18px; height:140px; overflow:hidden; margin-bottom:30px; }
.pro_con dd span { display:block; width:158px; height:45px; background:#ffffff; transition:all 0.5s ease; text-align:center; font-size:14px; line-height:45px; color:#0a84ef; font-weight:bold; border-radius:22px; }
.pro_con dd span:hover { letter-spacing:1px; }
.pro_con dl:nth-child(2n) dd { background-image:url(../images/product_bg2.jpg); }
.pro_con dl:hover dt { right:10px; }
.pro_con dl:hover dd { padding-top:63px; }
.pro_prev,.pro_next { cursor:pointer; width:38px; height:38px; background:#999999; border-radius:50%; position:absolute; top:176px; transition:all 0.5s ease; }
.pro_prev:hover,.pro_next:hover { background:#0d74d2; }
.pro_prev { left:-99px; }
.pro_next { right:-99px; }
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .pro_prev { left:-60px; }
  .pro_next { right:-60px; }
}
/*sm*/
.sm { background:url(../images/sm_bg.jpg) no-repeat center top; height:734px; box-sizing:border-box; padding-top:150px; }
.sm .content { position:relative; }
.sm h2 { padding-bottom:36px; }
.sm h2 strong,.sm h2 span { color:#fff; }
.sm h2 span { margin-top:25px; font-size:24px; }
.sm .ask { display:block; width:179px; height:48px; background:#0b7be3; transition:all 0.5s ease; text-align:center; border-radius:24px; margin:41px 0 71px; }
.sm .ask img { display:inline-block; vertical-align:middle; margin-right:18px; transition:all 0.5s ease; }
.sm .ask span { display:inline-block; vertical-align:middle; font-size:14px; line-height:48px; color:#fff; font-weight:bold; }
.sm .ask:hover img { margin-right:15px; }
.sm li { width:148px; height:155px; background:rgba(0,0,0,0.7); border-radius:6px; text-align:center; float:left; margin-right:3px; padding-top:23px; box-sizing:border-box; transition:all 0.5s ease; }
.sm li img { display:block; margin:0 auto 15px; }
.sm li span { display:block; font-size:16px; line-height:24px; color:#fff; }
.sm li:hover { padding-top:20px; }
.sm .pic { position:absolute; left:577px; top:0; }
/*industry*/
.industry { padding-bottom:176px; background:linear-gradient(180deg,#fff,#edf4fa); position:relative; overflow:hidden; box-sizing:border-box; height:1000px; }
.industry h2 { text-align:center; padding-bottom:35px; margin-bottom:52px; }
.industry h2 span { font-size:24px; }
.industry h2:after { left:50%; margin-left:-16.5px; }
.industry ul { overflow:hidden; margin-bottom:60px; }
.industry li { width:393px; height:307px; float:left; margin-right:10px; margin-bottom:16px; line-height:0; position:relative; overflow:hidden; }
.industry li img { width:100%; }
.industry li h4 { background:url(../images/industry_shadow.png) no-repeat center bottom; font-size:16px; line-height:24px; color:#fff; padding-top:269px; width:100%; height:100%; box-sizing:border-box; z-index:2; position:absolute; left:0; bottom:0; text-align:center; transition:all 0.5s ease; }
.industry li:nth-child(3n) { margin-right:0; }
.industry li:hover h4 { padding-top:147px; background:rgba(11,123,227,0.9); }
.industry .btn { overflow:hidden;position: relative;z-index: 99; }
.industry .btn p { float:left; font-size:24px; line-height:51px; color:#333; }
.industry .btn .ask { display:block; width:267px; height:51px; background:#0b7be3; border-radius:25px; text-align:center; float:right; }
.industry .btn .ask img { display:inline-block; vertical-align:middle; margin-right:15px; transition:all 0.5s ease; }
.industry .btn .ask span { display:inline-block; vertical-align:middle; font-size:16px; line-height:51px; color:#fff; font-weight:bold; }
.industry .btn .ask:hover img { margin-right:10px; }
.industry canvas { position:absolute; left:0; right:0; top:500px; }
/*ys*/
.ys { padding-top:99px; background:url(../images/ys_bg.jpg) no-repeat center top; overflow:hidden; }
.ys h2 { padding-bottom:0; margin-bottom:56px; text-align:center; }
.ys h2 span { font-size:24px; color:#fff; }
.ys h2:after { display:none; }
.ys_con { height:623px; position:relative; }
.ys_nav { float:left; width:303px; height:623px; overflow:hidden; }
.ys_nav h3 { height:156px; background:#0d74d2; transition:all 0.5s ease; padding-top:20px; padding-left:48px; box-sizing:border-box; border-bottom:1px solid #004788; }
.ys_nav h3 img { display:block; }
.ys_nav h3 strong { display:block; font-size:18px; line-height:100%; color:#fff; margin:15px 0 14px; }
.ys_nav h3 span { display:block; font-size:14px; line-height:100%; color:#fff; font-weight:200; text-transform:uppercase; opacity:0.4; }
.ys_nav h3:last-child { border-bottom:none; }
.ys_nav h3.on { background:#004788; }
.ys_list { width:1258px; position:absolute; left:303px; top:0; }
.ys_list dd { width:618px; height:623px; background:#ffffff; float:left; box-sizing:border-box; padding:110px 111px 0 75px; }
.ys_list dd h3 { position:relative; padding-bottom:36px; }
.ys_list dd h3 strong { display:block; font-size:40px; line-height:42px; color:#333; font-weight:normal; }
.ys_list dd h3 span { display:block; font-size:18px; line-height:100%; color:#666; margin-top:18px; font-weight:normal; opacity:0.5; }
.ys_list dd h3:after { position:absolute; content:""; width:33px; height:2px; background:#0d74d2; left:0; bottom:0; }
.ys_list dd p { font-size:16px; line-height:40px; color:#666; margin-top:30px; }
.ys_list dt { width:640px; height:623px; float:right; }
/*album*/
.album { padding-top:109px; padding-bottom:108px; }
.album_list_con { overflow:hidden; }
.album_con { position:relative; margin-top:44px; }
.album_con li { float:left; width:577px; margin-right:47px; }
.album_con li > a { display:block; width:577px; height:422px; overflow:hidden; line-height:0; }
.album_con li > a img { width:100%; }
.album_con li h4 a { display:block; font-size:16px; line-height:100%; color:#3f3f3f; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:42px; transition:all 0.5s ease; }
.album_con li:hover h4 a { color:#0D74D2; }
.album_prev,.album_next { cursor:pointer; width:38px; height:38px; background:#999999; border-radius:50%; position:absolute; top:200px; transition:all 0.5s ease; }
.album_prev:hover,.album_next:hover { background:#0d74d2; }
.album_prev { left:-99px; }
.album_next { right:-99px; }
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .album_prev { left:-60px; }
  .album_next { right:-60px; }
}
/*service*/
.service { background:url(../images/service_bg.jpg) no-repeat center top; padding-top:125px; box-sizing:border-box; height:850px; }
.service h2 { text-align:center; margin-bottom:56px; }
.service h2:after { left:50%; margin-left:-16.5px; }
.service li { width:382px; height:453px; background:#ffffff; border-radius:5px; float:left; margin-right:27px; box-sizing:border-box; padding:76px 62px 0 32px; transition:all 0.5s ease; }
.service li i { display:block; background:#ffffff; border:1px solid #0d74d2; border-radius:50%; width:74px; height:74px; padding-top:23px; box-sizing:border-box; margin-bottom:45px; }
.service li i img { display:block; margin:0 auto; }
.service li h3 { position:relative; padding-bottom:29px; }
.service li h3 strong,.service li h3 span { display:block; font-size:24px; line-height:100%; color:#000; }
.service li h3 span { font-weight:normal; margin-top:6px; }
.service li h3:after { position:absolute; content:""; width:27px; height:2px; background:#0d74d2; left:0; bottom:0; }
.service li p { font-size:16px; line-height:30px; color:#666; margin-top:21px; }
.service li:last-child { margin-right:0; }
.service li:hover { background:#0d74d2; }
.service li:hover i img { filter:brightness(0); }
.service li:hover h3 strong,.service li:hover h3 span { color:#fff; }
.service li:hover h3:after { background:#fff; }
.service li:hover p { color:#fff; opacity:0.7; }
/*message*/
.message { background:url(../images/message_bg.jpg) no-repeat center top; height:691px; box-sizing:border-box; padding-top:223px; }
.message_title { float:left; width:300px; height:253px; border-right:1px solid rgba(255,255,255,0.3); }
.message_title h2 { margin-bottom:35px; }
.message_title h2 strong { display:block; font-size:36px; line-height:48px; color:#fff; margin-bottom:19px; }
.message_title h2 span { display:block; font-size:24px; line-height:100%; color:#fff; margin-bottom:23px; }
.message_title a.ask { display:block; transition:all 0.5s ease; width:179px; height:48px; background:#FFFFFF; text-align:center; border-radius:24px; }
.message_title a.ask img { display:inline-block; vertical-align:middle; margin-right:18px; transition:all 0.5s ease; }
.message_title a.ask span { display:inline-block; vertical-align:middle; font-size:14px; line-height:48px; color:#0B7BE3; font-weight:bold; }
.message_title a.ask:hover img { margin-right:15px; }
.message_con { width:690px; float:right; padding-top:18px; }
.message_con li { width:215px; float:left; margin-left:15px; height:42px; border:1px solid rgba(255,255,255,0.3); margin-bottom:17px; box-sizing:border-box; }
.message_con li input,.message_con li select { display:block; width:100%; height:40px; box-sizing:border-box; padding-left:23px; padding-right:23px; font-size:14px; line-height:40px; color:#fff; background:none; border:none; }
.message_con li input::-webkit-input-placeholder { color:#fff; }
.message_con li input:-moz-placeholder {
  /* Firefox 18- */
  color:#fff;
}
.message_con li input::-moz-placeholder {
  /* Firefox 19+ */
  color:#fff;
}
.message_con li input:-ms-input-placeholder { color:#fff; }
.message_con li option { display:block; width:100%; color:#333; }
.message_con li.code { padding-right:8px; }
.message_con li.code input { width:50%; float:left; }
.message_con li.code img { height:24px; max-width:96px; width:auto; float:right; padding-top:8px; }
.message_con li.submit { border:none; }
.message_con li.submit button { width:215px; height:42px; background:#0D74D2; border-radius:21px; text-align:center; font-size:16px; line-height:42px; color:#fff; transition:all 0.5s ease; cursor:pointer; border:none; }
.message_con li.submit button:hover { letter-spacing:1px; }
/*news*/
.news { overflow:hidden; padding-top:110px; height:849px; box-sizing:border-box; }
.news h2 { margin-bottom:61px; padding-bottom:32px; border-bottom:1px solid rgba(212,212,212,0.5); box-sizing:border-box; text-align:center; }
.news h2:after { left:50%; margin-left:-16.5px; bottom:-1px; }
.news h3 { height:28px; margin-bottom:35px; }
.news h3 strong { display:inline-block; font-size:16px; line-height:100%; color:#2b2b2b; padding-bottom:9px; border-bottom:3px solid #0d74d2; }
.news h3 span { float:right; font-size:14px; line-height:16px; color:#666; transition:all 0.5s ease; }
.news h3 span:hover { letter-spacing:1px; }
.case { width:600px; overflow:hidden; float:left;position: relative;}
.case li { line-height:0; position:relative; }
.case li img { width:100%; }
.case li h4 { position:absolute; width:100%; height:100%; background:url(../images/news_shadow.png) no-repeat center bottom; left:0; bottom:0; box-sizing:border-box; padding-left:34px; padding-right:200px; padding-top:340px; font-size:18px; line-height:26px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.case .case_nav { position:absolute; text-align:right; right:23px; bottom:29px; height:9px; }
.case .case_nav li { display:inline-block; font-size:0; width:9px; height:9px; vertical-align:top; cursor:pointer; background:#ffffff; border-radius:50%; transition:all 0.5s ease; margin-left:10px; }
.case .case_nav li.on { background:#0b7be3; }
.news_con { width:542px; float:right; }
.news_nav { height:28px; margin-bottom:35px; }
.news_nav h3 { float:left; margin-right:40px; }
.news_nav h3 strong { color:#999; font-weight:normal; transition:all 0.5s ease; border-color:transparent; }
.news_nav h3.on strong { color:#2b2b2b; font-weight:bold; border-color:#0d74d2; }
.news_nav span { float:right; }
.news_nav span a { display:block; font-size:14px; line-height:16px; color:#666; font-weight:bold; transition:all 0.5s ease; }
.news_nav span a:hover { letter-spacing:1px; }
.news_con_list li { overflow:hidden; border-bottom:1px solid rgba(189,189,189,0.2); padding-top:18px; padding-bottom:46px; position:relative; margin-bottom:38px; }
.news_con_list li span { display:block; float:left; font-size:14px; line-height:100%; color:rgba(63,63,63,0.8); margin-right:69px; }
.news_con_list li i { display:block; font-size:30px; line-height:100%; color:#3F3F3F; font-weight:bold; margin-bottom:8px; }
.news_con_list li h4 { font-size:16px; line-height:22px; color:#2B2B2B; max-height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; float:left; width:304px; }
.news_con_list li b { display:block; transition:all 0.5s ease; width:38px; height:38px; background:#999999; border-radius:50%; float:right; cursor:pointer; }
.news_con_list li:before { position:absolute; content:""; width:1px; height:43px; background:#D3D3D3; opacity:0.5; left:113px; top:22px; }
.news_con_list li:hover b { background:#0D74D2; }
.news_con_list li:last-child { border-bottom:none; }
/*links*/
.links { height:100px; overflow:hidden; padding-top:43px; border-top:1px solid rgba(0,0,0,0.1); box-sizing:border-box; }
.links em { font-style:normal; font-size:16px; line-height:100%; color:#666; float:left; }
.links i { font-style:normal; color:#bdbdbd; }
.links a { display:block; font-size:16px; color:#666; line-height:1; margin-left:20px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#0D74D2; }