a,#subNav_box,#subNav_box .item,.header .h_seek_btn,.id_index1 #banner .baner_btn,.i_news .par_hd li,.i_join img,.i_charity img,.i_join img,.i_charity img,.about3 .vdo_wr1 .le img,.video_list .pic img,.about3 .vdo_wr1 .shade .btn,.video_list .pic .shade .btn,.video_list .txt p,.about5 .w_left .hd li,.news_strong .pic img,.news_list .pic img,.news_strong .pic .shade,.news_list .pic .shade,.news_strong a *,.news_list .ul a *,.news_list .ul a:after,.newrelated .strong .shade,.newrelated .strong img,.newrelated .txt .title,.news4_list .ul .til,.news4 .dl_wr dd .til,.strategy-c .part1 .item .txt,.strategy-c .part1 .item .hid,.strategy-c .part2 .ul img,.strategy .w_lump2 li .txt,.strategy4 .slide2 .bd a:after,.st4_tab .bd li .pic:after,.st4_tab .bd li .txt,.social2 .w_lump1 .txt .cn,.social2 .w_lump1 .pic, .news_list .ul a.not .txt:after,.c_more:before,.c_more:after,.strategy_d .w_lump2 .box * {-webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;} .i_join:hover img,.i_charity:hover img,.about3 .vdo_wr1 .le:hover img,.news_strong a:hover .pic img,.news_list .ul a:hover .pic img,.newrelated .strong a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s;} /*鐗规晥*/ @keyframes mymove{from {transform: translateX(0);}to {transform: translateX(100px);}} @-webkit-keyframes mymove{from {transform: translateX(0);}to {transform: translateX(100px);}} video{max-width: 100%;} .full{width: 100% !important;} p{font-size:14px; color:#808080; line-height: 24px;} .inline{display: inline;} /*header*/ #header{position:relative; height: 80px; top:0; width:100%;background:#ffffff;z-index:3; min-width: 1200px;} .fixed{position: fixed !important;} .wk{width:100%;background:#ffffff;position:relative;z-index:30;} .start #header{box-shadow: 0 0 10px rgba(0,0,0,.1);} .header{position:relative; z-index: 30; height: 80px; background:#fff; width:1200px; margin:0 auto;} .header .header_logo{position:absolute;left:0;padding-top:12px;} .header .h_right{float:right;} .header .h_seek_btn{float:left; width:80px; height:80px; background: url("../image/sousu.png") no-repeat center;} .header .h_seek_btn:hover{background: url("../image/sousua.png") no-repeat center;} .header .h_seek_btn.on{background-image: url("../image/icon_seek-on.png");} #subNav_box .g-wrap {position: relative; height: 100%; margin: 0 auto;} .seek_popup_wr{display:none; position:fixed; z-index: 25; left:0; top:0; width:100%; height:100%; -webkit-animation-duration: 1s; animation-duration: 1s;} .seek_popup_wr .bg{position:absolute; left:0; top:80px; width:100%; height:100%; background:#000; opacity: .8; filter:alpha(opacity=80);} .seek_popup_wr .ipt_box{position:absolute; left:50%; margin-left: -600px; top:50%; margin-top: -100px; width:1200px; height:100px; border-bottom: 2px solid #fff;} .seek_popup_wr .ipt_box input{font-size: 18px; line-height: 98px; color:#fff; display:block; width:100%; padding-right: 50px;} .seek_popup_wr .ipt_box input::-webkit-input-placeholder{color:#fff;} .seek_popup_wr .ipt_box .btn{position:absolute; right:0; top:0; width:26px; height:98px; background:url("../image/sch2.png") no-repeat center; background-size: 26px;} .seek_popup_wr .ipt_box .btn:hover{background-size: 20px;} .seek_popup_wr.on{display:block; -webkit-animation-name: bigToLittle; animation-name: bigToLittle;} /* 閫氱敤澶撮儴*/ .nav{ margin-top:20px; float:left; } .nav li{ float:left; padding:0px 18px; line-height:38px; position:relative; } .nav li a{ font-size:14px; font-weight:bold; display:block; color:#666666; } .nav li .sub-nav{ position: absolute; background:#0084ce; border-radius: 2px; display: none; } .nav li .sub-nav .arrow{ width: 9px; height: 5px; position: absolute; left: 24px; top: -5px; background: url('../image/navarrow.png') center top no-repeat; } .nav li .sub-nav li a{ color:#ffffff!important; line-height:32px; display:block; text-align:left; width:140px; padding:4px 0; } .nav li .sub-nav li:hover{ background:#c5d60b!important; } /*footer*/ .footer{width: 100%;height:auto;overflow:visible;background:url('../../images/di.jpg') bottom center no-repeat;border-top: 1px solid #EAEAEA;} .footer a{display: inline-block;} .footer .footer-top{height:auto;overflow:visible;clear: both;padding: 30px 0 55px;width:1200px;margin:0 auto;} .footer .footer-top-fl{height:auto;overflow:hidden;} .footer .footer-top dl{height:auto;overflow:hidden;width:254px;float: left;display: inline-block;color: #0084ce;} .footer .footer-top dl img{margin-left: 0;} .footer .footer-top dl.fr{float: right; width: 160px;} .footer .footer-top dl.fr img{margin: auto;} .footer .footer-top dl dt{font-size: 16px;margin-bottom: 12px;} .footer .footer-top dl dt a{display: block;font-size: 16px;color: #0084CE;} .footer .footer-top dl dt em{display: block;overflow: hidden;width: 17px;height: 2px;background-color: #eaeaea;} .footer .footer-top dl dd span{font-size: 13px;display: block;margin-bottom: 9px;padding-top: 7px;} .footer .footer-top dl dd div{font-size: 13px;margin-bottom: 24px; color: #FFFFFF;} .footer .footer-top dl dd p{font-size: 13px;margin-bottom: 24px; color: #FFFFFF;} .footer .footer-top dl dd p em{font-size: 25px;color: #FF6633;} .footer .footer-top dl dd a{display: block;font-size: 13px;color: #FFFFFF;padding: 7px 0;} .footer .footer-top dl dd p a{padding: 0;} .footer .footer-top dl dd span{text-align: center;} .footer .footer-top dl a:hover{color: #c6c6c6;} .footer .footer-top-fr{height:auto;overflow:visible;*width:122px;} .footer .footer-top-fr .ewm img{display: block;margin: 0 auto;} .footer .footer-top-fr ul{padding-top: 27px;} .footer .footer-top-fr ul li{float: left;margin-left: 10px;text-align: center;position: relative;z-index: 1;} .footer .footer-top-fr ul li:first-child{margin-left: 0;} .footer .footer-top-fr ul li i{font-size: 34px;position: relative;color: #87888d;} .footer .footer-top-fr ul li .ewm-box{background: url(../image/ewm-box.png) top no-repeat;width: 114px;height: 150px;position: absolute;bottom:-160px;left: -38px;opacity: 0;filter:alpha(opacity=0);display: none;z-index: 2;} .footer .footer-top-fr ul li .ewm-box img{width: 90px;height: 90px;display: block;margin: 30px auto 6px;} .footer .footer-top-fr ul li .ewm-box p{font-size: 12px;color: #666;text-align: center;clear: both;} .footer .footer-top-fr ul li.phone .ewm-box{background: url(../image/ewm-box.png) top no-repeat;} .footer .footer-bottom{height:30px;overflow:visible; font-size: 13px;} .footer .footer-bottom p{color: #E3E3E3;height: 60px;line-height:60px;text-align:center;} .footer .footer-bottom p a{display:inline-block; color: #F2F2F2;} /*index*/ .index{min-width: 1200px; position:relative;} #banner{height:560px;position:relative;} #banner .bd ul li,#banner .bd ul .li_bg{height:560px; background:center; overflow:hidden;} #banner .baner_btn a{opacity:0; filter:alpha(opacity=0); position:absolute; top:50%;width:50px; height:50px;} #banner:hover .baner_btn a{opacity:1; filter:alpha(opacity=100);} #banner .prev{left:80px; background:url(../image/prev.png) no-repeat center;border-radius:50%;background-color: rgba(0,0,0,.3);} #banner .next{right:80px; background:url(../image/next.png) no-repeat center;border-radius:50%;background-color: rgba(0,0,0,.3);} #banner .hd{position:absolute;width:100%;bottom:25px;} #banner .hd ul{width:1200px;margin:0 auto;text-align:center;} #banner .hd ul li{cursor:pointer;display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:50%;box-sizing:border-box;border:2px solid #fff;} #banner .hd ul li.on{width:28px;background:#fff;border-radius:10px;} .i_news .hd{overflow:hidden;margin-bottom:34px; margin-top:46px;} .i_news .hd li{float:left; font-size: 14px; color:#666666; line-height: 38px; border-bottom: 0 solid #0084ce; margin-right: 36px; cursor:pointer;font-weight:bold;} .i_news .hd li.on{color:#0084ce; border-width: 3px;} .i_news .hd li:hover{color:#0084ce;} .i_news .bd .strong{padding-left: 0; position:relative; height:90px;} .i_news .bd .strong .pic{position:absolute; left:0; top:0; width:94px; height:90px; background:url("../images/i_news_bg.png") no-repeat center;} .i_news .bd .strong .til{font-size: 18px; color:#333333; line-height: 24px; margin-top: -3px; margin-bottom:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .i_news .bd .strong p{font-size: 14px; color:#999999; line-height: 20px; margin:0;} .i_news .bd .strong:hover .til{color:#0084ce;} .i_news .bd .related{padding:24px 0 0 0;} .i_news .bd .related a em{color:#928476;} .i_news .bd .related li{line-height:28px;} .i_news .bd .related a{font-size: 14px; color:#999999; white-space: nowrap;text-overflow: ellipsis;width:336px;display:inline-block;overflow:hidden;} .i_news .bd .related span{float:right;color:#999999;} .i_news .bd .related a:hover,.i_news .bd .related a:hover em{color:#0084ce;} .indDc{width:583px;height:328px;overflow:hidden;float:left;position:relative;margin-left:30px;margin-top:46px;} .indDc .swiper-slide{ width:100%;height:100%;overflow:hidden} .indDc .swiper-slide a{display:block; width:583px; height:328px; position:relative} .indDc .swiper-slide a img{width:100%; height:100%;transition:transform 0.8s;} .indDc .swiper-slide a i{ position:absolute; left:15px; bottom:0; font-size:17px; color:#fff; line-height:50px; z-index:2;} .indDc .swiper-slide a span{ width:583px; height:50px; background:#000; opacity:0.5; position:absolute; left:0; bottom:0; z-index:1} .indDc .swiper-slide a:hover img{transform:scale(1.15);} .indDc .swiper-button-prev{margin-top:65px;width:30px; height:50px; background:url(../image/btnLeft1.png) center no-repeat;opacity:0.6;left:524px;top:214px;} .indDc .swiper-button-prev:hover{opacity:1.0;background:url(../image/btnLeft1.png) center no-repeat; background-color:#0084ce;} .indDc .swiper-button-next{margin-top:65px;width:30px; height:50px; background:url(../image/btnRight1.png) center no-repeat;opacity:0.6;left:554px;top:214px;} .indDc .swiper-button-next:hover{opacity:1.0;background:url(../image/btnRight1.png) center no-repeat; background-color:#0084ce;} .index_new{background:#f5f5f5;overflow:hidden;padding-bottom:46px;} .new_content{width: 1200px;margin: 0 auto;overflow:hidden;} .i_news{float:left; width:584px;position:relative; overflow:hidden;} .i_news .par_hd{position:absolute; left:113px; top:10px;} .i_news .par_hd ul{overflow:hidden;} .i_news .par_hd li{float:left; font-size: 14px; color:#b2b2b2; line-height: 34px; height:34px; margin-right:14px; cursor:pointer;} .i_news .par_hd li.on{color:#076ebe;} .i_news .par_bd{margin-top:50px;} .i_news .par_bd .item{height:150px; overflow:hidden;} .i_news .par_bd .bd li{padding:0 30px 0 113px; overflow:hidden; position:relative; height:100%;} .bd .time{position:absolute; left:0; top:0;} .bd .time .month{font-size:30px; color:#0084ce; line-height: 38px; font-family: "MONTSERRAT-REGULAR"; text-align: right; letter-spacing: -1px;} .bd .time .year{font-size:18px; color:#0084ce; line-height: 24px; font-family: "MONTSERRAT-REGULAR"; text-align: right; letter-spacing: -1px;} .i_news .par_bd .til{font-size:18px; color:#4c4c4c; line-height: 26px; padding: 10px 0;} .i_news .par_bd .hd{position:absolute; left:113px; bottom:24px; height:11px;} .i_news .par_bd .hd ul{overflow:hidden;} .i_news .par_bd .hd li{float:left; width:11px; height:11px; border:2px solid #d8dfe6; border-radius:50%; margin-right: 11px; cursor:pointer;} .i_news .par_bd .hd li.on{border-color:#076ebe;} .index .index_bk{width:1200px;margin:0 auto;overflow:hidden;padding:46px 0;} .magazine{ margin:0 auto;width:235px;position:relative;float: left;margin-left:20px;} .magazine .btn-down{background:url(../image/btn-down.png) no-repeat;width:32px;height:33px; display:block;position: absolute;right: -46px;bottom:10px;transition: all .3s linear;} .magazine .btn-up{background:url(../image/btn-up.png) no-repeat;width:32px;height:33px;display:block;position: absolute;right: -46px;bottom:56px;transition: all .3s linear;} .magazine .magazine-con{width:239px;height:335px;overflow:hidden;border: 1px solid #eaeaea;} .magazine .magazine-con ul{overflow:hidden;zoom:1;} .magazine .magazine-con ul li{ text-align:center; zoom:1;width:235px;height:339px;} .magazine .magazine-con ul li img{ width:235px; height:339px; display:block;transition: all .3s linear;} .magazine .magazine-con ul li img:hover {transform: scale(1.05,1.05);} /*鍏叡鍙宠竟*/ .xn_c_down_8_wrap{ width:300px; font-size: 12px; box-sizing: border-box;position:relative; height:390px; overflow:hidden;} .xn_c_down_8_box{ position:absolute; top:0; left:0; overflow:hidden;} .xn_c_down_8_cswbox1{ float: left;} .xn_c_down_8_csimg{width:300px;height:390px;} .xn_c_down_8_csimg img{width:300px;height:390px;} .xn_c_down_8_cscont{float:left;width:500px;height:250px; display:none;} .xn_c_down_8_csneirong{width:500px;height:140px;line-height:20px;overflow:hidden;} .xn_c_down_8_left,.xn_c_down_8_right{ width:26px; height:26px; background:#0084ce url(https://1.rc.xiniu.com/rc/Contents/25352/images/dm_zuo.png?d=20161018183713627) center no-repeat; position:absolute; bottom:10px; left:10px; cursor:pointer; -webkit-transition: background 300ms;transition: background 300ms;} .xn_c_down_8_right{ background:#0084ce url(https://1.rc.xiniu.com/rc/Contents/25352/images/dm_you.png?d=20161018183713627) center no-repeat; left:46px;} .xn_c_down_8_left:hover{background:#fff url(https://1.rc.xiniu.com/rc/Contents/25352/images/dm_zuo_h.png?d=20161018183713627) center no-repeat;} .xn_c_down_8_right:hover{background:#fff url(https://1.rc.xiniu.com/rc/Contents/25352/images/dm_you_h.png?d=20161018183713627) center no-repeat;} /*end_xn_c_down_8_wrap*/ /*xn_c_5_wrap*/ .xn_c_5_wrap{width: 100%; font-size: 12px;box-sizing: border-box; margin-bottom: 25px;z-index:10;} .xn_c_5_wbox{width:100%;} .xn_c_5_top{width: 100%; line-height: 16px; padding: 28px 0 18px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;} .xn_c_5_top h1{font-size:18px;border-left:3px solid #0084ce;font-weight:bold;color:#0084ce;padding-left:14px;} .xn_c_5_eWrap{font-size: 16px; font-weight: bold; color: #0952A1; padding-left: 10px; border-left: 3px solid #0952A1; margin-bottom: 10px;} .xn_c_5_dashw, .xn_c_5_cWrap, .xn_c_5_cocntrit_Click, .xn_c_5_cocntrit_cont, .xn_c_5_cocntrit_more{ display:none;} .xn_c_5_cocnt{width:100%;} .xn_c_5_cocnt_box{ height:96px; overflow:hidden;} .xn_c_5_cocntlft{float: left; width: 80px;} .xn_c_5_cocntlft img{width:80px;height:100px;display: none;} .xn_c_5_cocntrit{width: 100%; height: 24px; position: relative;} .xn_c_5_cocntrit_name{line-height: 24px; color: #666; position: absolute; left:0; width:300px;white-space: nowrap; text-overflow:ellipsis; /*婧㈠嚭鐪佺暐鍙凤紝鏀寔ie銆乻afari锛坵ebkit锛?/ -o-text-overflow:ellipsis; /*婧㈠嚭鐪佺暐鍙凤紝鏀寔opera*/ overflow:hidden;/*婧㈠嚭闅愯棌*/ -moz-binding:url('ellipsis.xml#ellipsis');/*婧㈠嚭鐪佺暐鍙凤紝鏀寔firefox*/} .xn_c_5_cocntrit_name a{ font-size: 13px;color: #666666;white-space: nowrap;text-overflow: ellipsis;width: 174px;display: inline-block;overflow: hidden;float:left;} .xn_c_5_cocntrit_name span{float:left;padding-left:30px;} .xn_c_5_cocntrit_name a:hover{ color:#0084ce; -webkit-transition: color 300ms; transition: color 300ms;} .xn_c_5_cocntrit_time{line-height: 24px; position: absolute; right: 0;} .xn_c_5_cocntrit_Click{width:140px;} .xn_c_5_cocntrit_cont{width:140px;height:40px;line-height:20px;overflow:hidden;} .xn_c_5_cocntrit_more{width:140px;} .n_content_right{position:relative; width:325px; height: auto; float:right;} .contant_box_img{ width:300px;background:#0084ce;padding:10px; box-sizing: border-box;} .contant_box_img p{ color:#fff; font-size:18px; line-height:24px; font-weight: bold;} .contant_box_img>span{ line-height:24px; color:#fff; font-size:12px;} .photo_number{ font-size:18px; color:#fff; line-height: 28px; background:url(https://1.rc.xiniu.com/rc/Contents/25352/images/photo.png?d=20161018183713627) left center no-repeat; padding-left:30px;} .photo_number a{ width:83px; height:22px; background:url(https://1.rc.xiniu.com/rc/Contents/25352/images/di.png?d=20161018183713627) no-repeat; float: right; cursor:pointer;margin-right: 20px;} .i_video{ height: 334px; width: 590px; position: relative; overflow: hidden; } .i_video img{ width:100%; height:100%; transition:transform 0.8s; } .i_video:hover img{ transform:scale(1.15); } .i_video .txt, .i_charity .txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; padding:124px 0 0 240px; } .i_video .txt .icon{ background:url(../image/video_tb.png) no-repeat; height: 65px; margin-left:18px; } .i_video .txt .cn{ font-size:24px; color:#ffffff; padding-top:20px; } .i_culture{ height:334px; width:285px; position: relative; overflow: hidden; margin-left:20px; } .i_culture img{ width:100%; height:100%; _transition:transform 0.8s; } .i_culture:hover img{ _transform:scale(1.15); } .i_culture .txt, .i_charity .txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; padding:124px 0 0 92px; } .i_culture .txt .icon{ background:url(../image/culture_tb.png) no-repeat; height: 65px; margin-left:18px; } .i_culture .txt .cn{ font-size:24px; color:#ffffff; padding-top:20px; } .index_jion{ width:1200px; margin:0 auto; overflow:hidden; } .index_jion h1{ font-size: 22px; line-height: 22px; color: #0084ce; padding-bottom: 20px; } .index_jion h1 a{ display:inline-block; font-size:12px; color:#999999; } .container{ width:806px; } .container .jionBox{ width:387px; float:left; margin-right:10px; margin-bottom:10px; } .container .jionBox:hover{ background:#0084ce; transition: all .3s linear; } .container .jionBox:hover .textBox p,.container .jionBox:hover .textBox p span{ color:#ffffff; transition: all .3s linear; } .container .jionBox a{ border: 2px solid #f0f0f0; padding:20px 30px; } .container .jionBox a .textBox p{ font-size:16px; color:#656577; font-weight:bold; margin-bottom:10px; } .container .jionBox a .textBox p span{ font-size:14px; color:#656577; font-weight:normal; } .eye{ display: inline-block; color: #d6d6db; font-size: 13px; margin-right: 12px; line-height: 22px; } .eye .homeIcon{ background-image: url(../image/eye.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; width:20px; height: 12px; margin-right:10px; } .index_jion .i_responsibility{ width:380px; height:306px; background:#54d753; /* position:relative;*/ } .index_jion .i_responsibility .pic{ width:384px; /*height:197px; position:relative;*/ } .index_jion .i_responsibility .pic .wzz{ padding:30px 24px; } .index_jion .txt{ padding:32px; } .index_jion .wzz h1{ font-size:20px; color:#ffffff; font-weight:bold; margin-bottom:-10px; } .index_jion .wzz h2{ font-size:22px; color:#ececec; font-family:"MONTSERRAT-REGULAR"; } .index_jion .wzz p{ font-size:14px; color:#f0f0f0; line-height:24px; margin-bottom:16px; margin-top:24px; } .index_jion .wzz .i_more{ border: 2px solid #fff; height: 30px; width: 84px; background: url(../image/i_more.png) center no-repeat; display: inline-block; border-radius: 22px; margin-top:12px; } .index_jion .wzz .i_more:hover{ background: url(../image/i_more.png) center no-repeat #c5d60b; border: 2px solid #c5d60b; } .business{ width: 100%; _height:423px; overflow: hidden; background: url(../image/hot-bg.jpg) center no-repeat; background-size: cover; text-align: center; padding: 50px 0; position: relative; z-index: 0; margin-top:26px; } .business .cloud { width: 100%; height: 404px; background: url(../image/cloud.png) left repeat; position: absolute; left: 0; top: 20px; z-index: 1; animation: mymove 7s linear infinite alternate; -webkit-animation: mymove 7s linear infinite alternate; } .business_con{ width:1200px; margin:0 auto; } .business_con h1{ font-size:22px; color:#0084ce; text-align:left; } .business_con .subSlider { width: 100%; overflow: hidden; } .business_con .subSlider .bd ul{ height:192px; } .business_con .subSlider .bd ul li{ background:#ffffff; margin-right:20px; } .business_con .subSlider .bd ul li h1{ text-align:center; } .contact{ width:1200px; margin:0 auto; padding:46px 0; overflow:hidden; } .contact .contact_l{ width:502px; } .contact .contact_l .con_top{ overflow:hidden; margin-bottom:50px; height:50px; line-height:50px; } .contact .contact_l h1{ font-size:22px; color:#0084ce; display:inline-block; float:left; } .contact_l .tel { float: left; font-size: 18px; font-weight:bold; color: #1b4145; font-family: 'Rubik-Regular'; opacity: 1; filter: alpha(opacity=100); } .contact_l .tel span{ font-size:34px; } .contact_l .tel img { display: inline-block; vertical-align: middle; margin-left:30px; margin-top:-10px; margin-right:16px; } .contact .loca{ margin-bottom:30px; } .contact .loca h2{ font-size:18px; color:#484848; font-weight:bold; margin-bottom:26px; } .contact .loca p{ margin-bottom:0px; font-size:14px; color:#999999; } .contact .contact_more{ font-size:18px; color:#333333; font-weight:bold; margin-top:54px; } .swiper-slide h1{ font-size:18px; font-weight:bold; color:#484848; margin-bottom:32px; } .swiper-slide p{ font-size:14px; color:#999999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /*about*/ #c_top_wr .t_ban { height: 187px; width: 100%; min-width: 1200px; } #c_top_wr .t_ban .w1200 { padding: 50px 0 0; } #c_top_wr .w1200 { position: relative; } .w1200 { width: 1200px; margin: 0 auto; overflow:hidden; } #c_top_wr .t_ban .h1 { float: left; text-align: left; font-size: 24px; line-height: 20px; color: #fff; opacity: .3; filter: alpha(opacity=30); text-align: right; letter-spacing: 9px; margin-bottom: 20px; margin-left:58px; } #c_top_wr .t_ban .h2 { float: left; text-align: left; font-size: 14px; line-height: 20px; color: #fff; opacity: .3; filter: alpha(opacity=30); text-align: right; margin-bottom: 20px; margin-left:58px; } #c_top_wr .n_nav { height: 77px; border-bottom: 1px solid #eaeaea; } .i_g-wrap { position: relative; margin: 0 auto; width: 1200px; height: 100%; } #c_top_wr .n_nav .i_g-wrap .crumbs { float: left; padding-left: 13px; height: 100%; background: url(../image/crm-icon.png) no-repeat 0 32px; } #c_top_wr .n_nav .i_g-wrap .crumbs a.on { background: url(../image/crm-arr-icon.png) no-repeat 0 36px; } #c_top_wr .n_nav .i_g-wrap .crumbs a { float: left; padding: 0 12px; line-height: 77px; color: #726f6b; font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; } #c_top_wr .n_nav .i_g-wrap .columns { float: right; height: 100%; } #c_top_wr .n_nav .i_g-wrap .columns a { position: relative; float: left; margin-left: 30px; line-height: 77px; color: #726f6b; font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; } #c_top_wr .n_nav .i_g-wrap .columns a.on span { /* left: 15%; */ width: 100%; } #c_top_wr .n_nav .i_g-wrap .columns a span { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #0084ce; border-radius: 4px; -webkit-transition: width 300ms; transition: width 300ms; } .about .w_left { float:left; width:830px; padding-right: 50px; padding-top:42px; } .about .w_right { float:left; } .about .w_right { float: left; width: 325px; border-left: 1px solid #e1e7ed; padding-left: 49px; padding-bottom: 55px; padding-top:42px; z-index:10; } .w_left .dl_wr dl { float: left; width: 240px; margin-right: 30px; } .w_left .dl_wr dl:nth-child(3n){ margin-right:0px; } .w_left .dl_wr dd { padding: 24px 30px 0; height: 134px; background: #f2f2f2; } .w_left .dl_wr dt { padding: 20px 30px; height: 108px; background: #0084ce url(../image/news4_icon1.png) no-repeat 158px center; background-size:24%; } .w_left .dl_wr dt .month { font-size: 32px; color: #fff; line-height: 36px; font-family: "MONTSERRAT-REGULAR"; margin-bottom: 4px; } .w_left .dl_wr dt .year { font-size: 18px; color: #eeeeee; line-height: 24px; } .w_left .dl_wr dd .til { font-size: 16px; color: #808080; line-height:26px; } .w_left .dl_wr dd .til:hover{ color:#0084ce; } .c_more { font-size: 0; width: 180px; height: 60px; background: #f2f2f2; position: relative; margin: 40px auto 0; overflow: hidden; } .c_more:before { display: block; content: "MORE"; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; font-size: 16px; color: #808080; font-family: "MONTSERRAT-REGULAR"; line-height: 60px; padding-left: 40px; background: url(../images/icon_more.png) no-repeat 108px center; } .c_more:after { display: block; content: " "; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background: #076ebe; } /*news*/ .new_con{ width:396px; float:left; } .new_pic{ float:right; } #content .w_left .headline .date { display: block; margin-bottom: 15px; font: bold 27px/27px 'novecento' !important; color: #0084ce; } #content .w_left .headline h1 { line-height: 30px; font-weight: bold; font-size: 18px; line-height: 18px; color: #474545; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; } #content .w_left .headline p { color: #777; overflow:hidden; height:98px; margin-top:20px; } #content .w_left .headline img { float: right; width: 362px; height: 218px; } #content .w_left .headline .more { width: 396px; } input.more { display: block; width: 100%; height: 54px; background: #e1dede url(../image/btn_more_on.png) no-repeat center 15px; cursor: pointer; -webkit-transition: background 400ms; transition: background 400ms; } input.more:hover{ display: block; width: 100%; height: 54px; background: #0084ce url(../image/btn_more_ona.png) no-repeat center 15px; cursor: pointer; -webkit-transition: background 400ms; transition: background 400ms; } .new_more{ display:inline-block; margin-top:-58px; } .link-block { border-top: 1px dotted #ccc; } .link-block a { display: block; padding: 28px 28px 28px 0; border-bottom:1px solid #e8e6e6; -webkit-transition: background-color 400ms; transition: background-color 400ms; overflow:hidden; } .link-block a:hover{ background:#e1e1e1; } .date-block { float: left; padding: 0 10px; width:94px; height:88px; font: 14px/15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color: #444; background-color: #e1e1e1; } .date-block .day { display: block; margin: 10px 0 3px 0; font: bold 36px/36px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color: #0084ce; } .link-block a .summary { float: left; margin-left: 18px; width: 640px; height: 100%; line-height: 18px; color: #746969; } .link-block a h1 { margin-bottom: 8px; line-height: 26px; font-weight: bold; font-size: 18px; line-height: 18px; color: #474545; } .link-block a h3 { margin: -4px 0; color: #746969; } .link-block a p { margin-top: 8px; height: 36px; line-height: 18px; color: #746969; overflow: hidden; font-size:13px; } .headline{ overflow:hidden; padding-bottom:34px; } .news-editor h1{ font-weight: bold; font-size: 18px; line-height: 18px; color: #474545; } .news-editor h3{ font-weight: normal; font-size: 13px; color: #746969; margin: 14px 0 20px 0; } .w_left .news-editor .bshare-custom { margin-bottom: 10px; height: 20px; overflow: hidden; } .n_con{ float:left; width:660px; margin-left:20px; } .w_left .news-editor .bshare-custom .bshare-weixin { background-position: -54px 0; } .w_left .news-editor .bshare-custom a { float: left; padding: 0; margin-right: 5px; width: 20px; height: 20px; background: url(../image/share.jpg) no-repeat 0 0; overflow: hidden; } .w_left .news-editor .bshare-custom .bshare-sinaminiblog { background-position: -79px 0; } .w_left .news-editor .bshare-custom a { float: left; padding: 0; margin-right: 5px; width: 20px; height: 20px; background: url(../image/share.jpg) no-repeat 0 0; overflow: hidden; } .w_left .news-editor .bshare-custom .bshare-qzone { background-position: -129px 0; } .w_left .news-editor .bshare-custom a { float: left; padding: 0; margin-right: 5px; width: 20px; height: 20px; background: url(../image/share.jpg) no-repeat 0 0; overflow: hidden; } .w_left .news-editor .bshare-custom .bshare-qqim { background-position: -154px 0; } .w_left .news-editor .bshare-custom a { float: left; padding: 0; margin-right: 5px; width: 20px; height: 20px; background: url(../image/share.jpg) no-repeat 0 0; overflow: hidden; } .content .main_con { padding: 50px 65px; background: #fff; border-bottom: 2px solid #f5ede7; } .main_con { position: relative; } .job_search { height: 72px; } .job_search .flol { margin-right: 20px; } .arrow_down { background: url(../imgicon/arrow_down.png) no-repeat 290px center; cursor: pointer; position: relative; } .arrow_down ul { position: absolute; left: -1px; width: 100%; border: 1px solid #ccc; box-sizing: initial; background: #fff; display: none; z-index: 999; height: 400px; overflow-y: scroll; } .arrow_down ul li { padding-left: 20px; border-top: 1px solid #f1f1f1; } .flol::after, .flor::after { content: ""; display: block; clear: both; } .job_search .ipt_box { width: 520px; } .job_search .flol { margin-right: 20px; } .job_search .sameh { width: 320px; border: 1px solid #ccc; box-sizing: border-box; height: 72px; font-size: 16px; color: #adb0b2; line-height: 70px; padding-left: 20px; } .job_key_in { border: none; width: 100%; margin: 0; padding: 0; font-size: 16px; color: #adb0b2; } .job_search .job_search_btn { padding-left: 0; } .job_search .sameh { width:246px; border: 1px solid #ccc; box-sizing: border-box; height: 72px; font-size: 16px; color: #adb0b2; line-height: 70px; padding-left: 20px; float:left; } .job_search_btn { border: 1px solid #0084ce!important; background: #0084ce; text-align: center; color: #fff!important; cursor: pointer; } .job_search_btn img { display: inline-block; vertical-align: middle; } .job_list li { margin: 20px 0; } .job_list li.on .job_title { background: url(../image/talk.png) no-repeat 700px center; } .job_title { background: url(../image/talk_grey.png) no-repeat 700px center; height: 72px; line-height: 70px; padding: 0 20px; cursor: pointer; } .job_title { border: 1px solid #ccc; } .job_title h1 { font-size: 18px; color: #0084ce; margin-right: 20px; display:inline-block; } .job_title span { color: #9a9a9a; } .job_con { padding: 20px; display: none; } .job_con h2 { font-size: 16px; color: #6e6e6e; margin-bottom: 20px; } .job_con p { font-size: 14px; color: #898989; margin-bottom: 16px; line-height: 1.8; } .Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; } .Validform_right{ color:#71b83d; padding-left:20px; background:url(/images/right.png) no-repeat left center; } .Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(/images/error.png) no-repeat left center; } .Validform_loading{ padding-left:20px; background:url(/images/onLoad.gif) no-repeat left center; } .Validform_error{ background-color:#ffe7e7; } .w_left .formBox .inputBox .input1 { background-image: url(../image/contactHead.png); } .w_left .formBox .inputBox .input2 { background-image: url(../image/contactHome.png); } .w_left .formBox .inputBox .input3 { background-image: url(../image/contactMail.png); } .w_left .formBox .inputBox .input4 { background-image: url(../image/contactPhone.png); } .w_left .formBox .inputBox input { width: 100%; outline: none; border: 1px solid #dddacd; line-height: 50px; height: 50px; padding-left: 55px; padding-right: 15px; background-color: #fff; background-position: 20px center; background-repeat: no-repeat; font-size: 13px; color: #898989; } .w_left .formBox .inputBox { width: 380px; display: inline-block; margin-bottom: 10px; } .w_left .formBox .textareaBox { width: 100%; } .w_left .formBox .textareaBox textarea { height: 300px; margin-bottom: 10px; padding: 15px 20px; font-size: 13px; color: #898989; line-height: 24px; resize: none; background-color: #fff; outline: none; border: 1px solid #dddacd; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .w_left .formBox > input { float: left; width: 120px; background: #0084ce; text-align: center; font-size: 16px; color: #fff; line-height: 50px; height: 50px; outline: none; border: none; cursor: pointer; } .w_left .rightBox h1 { font-size: 36px; color: #0084ce; padding-bottom: 5px; } .w_left .rightBox h2 { font-size: 13px; color: #898989; padding-bottom: 15px; } #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);} #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;} #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');} #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;} #Validform_msg a.Validform_close:hover{color:#ccc;} #Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;} .campus_topbox{margin-bottom: 30px;} .campus_recruit{background: #f4f2ef;} .campus_recruit_content{padding: 10px 0 0 0;text-align: center;position: relative;} .campus_recruit_content img{display: inline-block;} .campus_recruit_content p{line-height:1.6;font-size: 14px;color: #90908f;text-align: left;} .campus_recruit_content p.fullscreen img{margin-left: -21px;} .upload_profile{font-size: 14px;padding: 16px;border: 2px solid #d9d3ce;color: #0084ce;cursor: pointer;transition: all 200ms linear;position: relative;width:120px;text-align:center;} .upload_profile input{opacity: 0;position: absolute;top: 0;left: 0;display: inline-block;height: 100%;width: 100%;} .upload_profile:hover{font-size: 14px;padding: 16px;border: 2px solid #0084ce;color: #fff;background: #0084ce;transition: all 200ms linear;} /*鍏煎ie10*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .projects_wrap .box3 .sum_box em{color: #e16a03; background: no-repeat;} .projects_wrap .box3 .sum_box em i{display:none;} .about_box .ri .cnt em{color: #e16a03; background: no-repeat;} } .fulls{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);display: none;z-index:100;} .scenter{width: 600px;height: 300px;margin: 0 auto;background: #fff;border-radius: 6px;padding: 50px;z-index:100;} .scenter input{background:#0084ce;} .upfilebox{position: relative;background: #0084ce;color: #fff;padding: 15px;text-align: center;} .upfilebox input[type=file]{position: absolute;width: 100%;height: 100%;top: 0;left:0;opacity: 0;-ms-filter: 'alpha(opacity=0)';} .scenter .tc{margin: 10px 0;} .uploadBtn{text-align: center;padding: 15px;background: #0084ce;margin-top: 40px;color: #ffffff;cursor: pointer;border: none;width: 100%;display: block;} .tip{height: 30px;} .re_content{padding: 20px;} .pg1 .pg1_con{padding-left: 260px;} .pg1 .pg1_con p{width: 480px;} .pg1 .pg1_con .ul{width: 480px;text-align: left;margin-top: 30px;} .pg1 .pg1_con .ul p em{color: #eb6701;padding: 0 5px;font-weight: bold;vertical-align: text-bottom;} .pg4{text-align: left;padding-bottom: 40px;} .pg4>img{display: inline-block;margin: 30px 0 20px 0;} .pg4>p{text-indent: 20px;} .pg6,.pg7{text-align: left;} .pg6 h1{color: #ec6a02;font-size: 16px;} .pg6 p{margin-top: 20px;} .pg6 p em{display: inline-block; vertical-align: middle;margin-right: 10px;} .pg6 p i{display: inline-block;vertical-align: middle;margin-right: 16px;} .pg7 h1{color: #ec6a02;font-size: 16px;} .dl_wr{overflow:hidden;} .news4{padding:80px 0;} .news4_list .ul{padding:30px 0;} .news4 .dl_wr{overflow:hidden; width:1230px;} .news4 .dl_wr dl{float:left; width:380px; margin-right: 30px;} .news4 .dl_wr dt{padding:20px 30px; height:108px; background:#076ebe url("../images/news/news4_icon1.png") no-repeat 284px center;} .news4 .dl_wr dt .month{font-size: 36px; color:#fff; line-height: 36px; font-family: "MONTSERRAT-REGULAR"; margin-bottom: 4px;} .news4 .dl_wr dt .year{font-size: 18px; color:#054f87; line-height: 24px;} .news4 .dl_wr dd{padding:40px 30px 0; height:170px; background:#f2f2f2;} .news4 .dl_wr dd .til{font-size: 18px; color:#808080; line-height: 30px;} .news4_list .ul a{padding:20px 0; overflow:hidden; border-bottom: 2px dashed #dae0e6;} .news4_list .ul .time{float:left; width:110px; font-size: 18px; color:#b2b2b2; font-family: "MONTSERRAT-REGULAR"; letter-spacing: -1px; line-height: 36px;} .news4_list .ul a img{float:right; position:relative; top:-4px;} .news4_list .ul .til{float:left;font-size: 16px; color:#808080; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; line-height: 36px;} .news4_list .ul a:hover .til,.news4 .dl_wr dl:hover .til{color:#076ebe;} .news4_list .ul a:hover{padding:20px 30px;} .video_list .ul{overflow:hidden;} .video_list .ul li{float:left;width:380px;margin-right:20px;margin-bottom:20px;} .video_list .ul li:nth-child(2n){margin-right:0px;} .video_list .ul a:hover p{color:#076ebe;} .video_list .pic{height:217px;width:380px;} .video_list .txt{height:72px; line-height: 72px;background:#e6ecf2; font-size: 0;padding: 0 30px;} .video_list .txt p{display:inline-block; vertical-align: middle; font-size: 16px; line-height: 20px; color:#4c4c4c; margin:0;} #c_shade{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 999999999;} #c_shade .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity: .8; filter: alpha(opacity=80);} #c_shade .cnt{position:absolute; left:50%; top:50%; width:1200px; height:600px; margin:-300px 0 0 -600px;} .w_left .pro_con ul{ overflow:hidden; } .w_left .pro_con ul li { width:380px; float:left; margin-right:20px; margin-bottom:20px; } .w_left .pro_con ul li:nth-child(2n){ margin-right:0px; } .w_left .pro_con ul li .address { height:167px; padding:30px; background: #f5f5f5; } .w_left .pro_con ul li .address:hover { background: #0084ce; transition: all .3s linear; } .w_left .pro_con ul li .address:hover h3,.w_left .pro_con ul li .address:hover p{ color:#ffffff; } .w_left .pro_con ul li .address h3{ font-size:18px; color: #484848; font-weight:bold; margin-bottom: 10px; } .fy, .pagination { padding-top: 54px; text-align: center; height: 180px; } .fy a, .pagination li { display:inline-block; padding: 3px 10px; color: #666666; border: 1px solid #e5e5e5; margin-left: 4px; font-size: 13px; } .fy a:hover, .fy a.syy, .pagination li.active { border: 1px solid #0084ce; background: #0084ce; color: #ffffff; } .case_show li { width: 380px; overflow: hidden; float: left; position: relative; margin-right: 20px; margin-bottom: 20px; } .case_show li:nth-child(2n){ margin-right:0px; } .project_photo { width: 100%; height:240px; overflow: hidden; position:relative; } .project_photo img { width:380px; min-height: 240px; } .project_text { position: absolute; width: 100%; height: 240px; background: #0084ce; bottom: -240px; left: 0; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .case_show li:hover .project_text{ bottom: 0; } .project_text h1 { font-size: 18px; font-weight: bold; color: #ffffff; line-height: 50px; padding-top: 20px; text-align:center; } .project_text p { text-align: justify; font-size: 14px; color: #eeeeee; line-height: 24px; margin-bottom: 28px; padding: 0 24px; } .project_text a { display: block; width: 110px; border: 2px solid #ffffff; border-radius:24px; text-align: center; margin: 0 auto; line-height: 40px; color: #fff; font-size: 14px; } .project_text a:hover{ border:2px solid #c5d60b; background:#c5d60b; } .case_show { width: 100%; overflow: hidden; } #bsWXBox{ height:auto!important; } .bsTop{ width:auto!important; } .w_left h1{font-size: 24px; line-height: 36px; color: #666;}