/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#666; background:#FFF;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#666; text-decoration:none;}
a:hover,a:active{ color:#ed7020; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.ft_en{ font-family:Arial;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.hid_x{ overflow-x:hidden;}
/*css3*/
.c3_tst1{ transition:all 0.5s ease;}
.c3_tst2{ transition:all 0.5s ease-out;}
.c3_tst3{ transition:all 0.8s ease;}
.c3_tst_dy1{ transition-delay:0.5s;}
/*fullpage*/
.bkg_ld{ background:url(../images/loading_1.gif) center center no-repeat;}
.box_bkg{ position:absolute;}
.in_box{ overflow:hidden;}
.po_re{ position:relative;}
.po_ab{ position:absolute; width:100%;}
.w-f{ width:100%;}
.h-f{ height:100%;}
.hid{ overflow:hidden; }


/*index*/
/*==左侧、头部导航==*/
.in_nav_1{ position:fixed; top:30px; left:-500px; z-index:10000; color:#FFF; font-size:16px; overflow:hidden;}
.in_nav_1 a{ color:#FFF;}
.in_nav_1 a:hover,.in_nav_1 a:active{ color:#FFF;}
.in_nav_1 .lg{ float:left; width:53px; height:44px;}
.in_nav_1 .lg a{ display:block; width:53px; height:44px; background:url(../images/logo_02.png) no-repeat;}
.in_nav_1 ul{ float:left; height:44px; line-height:44px; padding:0 15px 0 17px; overflow:hidden;}
.in_nav_1 ul li{ float:left; padding-right:20px;}
.in_nav_1 ul li a{ cursor:pointer;}
.in_nav_1 ul li a:hover{ font-weight:bold;}
.in_nav_1 ul li a.cur{ font-weight:bold;}
.in_nav_1 .show{ float:left; width:29px; height:22px; margin-top:11px; background:url(../images/index_01.png) no-repeat; cursor:pointer;}
.in_nav_1_css2{ color:#EE772D;}
.in_nav_1_css2 a{ color:#EE772D;}
.in_nav_1_css2 a:hover,.in_nav_1_css2 a:active{ color:#EE772D;}
.in_nav_1_css2 .lg a{ background:url(../images/logo_03.png) no-repeat;}
.in_nav_1_css2 .show{ background:url(../images/index_02.png) no-repeat;}
.in_left_box{ width:260px; position:fixed; top:0px; left:-260px; z-index:10000;}
.in_left{ float:left; width:220px; text-align:center; background:#FFF;}
.in_left .lg{ padding:28px 0 0 0;}
.in_left .sm{ padding-top:18px; font-size:10px; color:#737373;}
.in_left .tel{ padding-top:7px; font-size:15px; font-weight:bold; color:#ed7020}
.in_left ul{ padding-top:25px;}
.in_left li{ height:53px; line-height:53px; font-size:16px; padding-bottom:2px; position:relative;}
.in_left li a{ display:block; width:100%; height:53px; cursor:pointer;}
.in_left li a:hover{ background:#F6F6F6; color:#ed7020; font-weight:bold; width:217px; border-right:3px solid #ED7020;}
.in_left li a.cur{ background:#F6F6F6; color:#ed7020; font-weight:bold; width:217px; border-right:3px solid #ED7020;}
.in_left .wx{ padding-top:100px; font-size:13px; line-height:19px; padding-bottom:20px;}
.in_left .wx p{ padding-top:8px;}
.in_left_box .in_close{ float:left; width:30px; height:30px; background:url(../images/close1.png) no-repeat; margin:35px 0 0 10px; cursor:pointer;}
.in_left_box .in_close:hover{ transform:rotateZ(180deg);}
.in_left_box_css2 .in_close{ background:url(../images/close2.png) no-repeat;}
.in_left li .nav{ position:absolute; top:0px; right:0px; height:100%; width:0px; z-index:10001; background:url(../images/index_09_01.png) repeat; display:none;}
.in_left li .nav p{ width:140px; height:39px; line-height:39px; opacity:0; filter:alpha(opacity=0); position:relative;}
.in_left li .nav p a{ display:inline; color:#FFF; opacity:0.7; filter:alpha(opacity=70);}
.in_left li .nav p a:hover{ background:none; color:#FFF; opacity:1; filter:alpha(opacity=100); font-weight:normal; width:140px; border-right:0;}
.in_left li .nav p .hx{ position:absolute; left:0px; bottom:1px; width:100%; height:1px; background:#ED7020; display:none;}
.in_left li .nav .load{ 
	opacity:0; filter:alpha(opacity=0); transform:translateY(20px);
	animation:left_nav_load_css 0.2s linear 1s forwards;
}
@keyframes left_nav_load_css{
	100%{ opacity:1; filter:alpha(opacity=100); transform:translateY(0px);}
}
.in_left li .nav .out0{animation-delay:0.6s;}
.in_left li .nav .out1{animation-delay:0.7s;}
.in_left li .nav .out2{animation-delay:0.8s;}
.in_left li .nav .out3{animation-delay:0.9s;}
.in_left li .nav .out4{animation-delay:1.0s;}
.in_left li .nav .out5{animation-delay:1.1s;}
.in_left li .nav .out6{animation-delay:1.2s;}
.in_left li .nav .out7{animation-delay:1.3s;}
.in_left li .nav .out8{animation-delay:1.4s;}
.in_left li .nav .out9{animation-delay:1.5s;}
.in_left li .nav .out10{animation-delay:1.6s;}

/*==Banner==*/
.ban_box{ width:100%; height:100%; position:relative;}
.ban_imglist{ width:100%; height:100%; overflow:hidden;}
.ban_imglist ul{ width:999999px; height:100%; overflow:hidden; position:relative;}
.ban_imglist li{ width:100%; height:100%; text-align:center; float:left; position:relative; cursor:pointer; background-repeat:no-repeat; background-position:center center;}
.ban_imglist li .ban_0_01{ position:absolute; top:347px; left:50%; margin-left:-70px; width:636px; height:61px; background:url(../images/ban_0_01.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_0_02{ position:absolute; top:417px; left:50%; margin-left:178px; width:387px; height:52px; background:url(../images/ban_0_02.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_0_03{ position:absolute; top:486px; left:50%; margin-left:92px; width:466px; height:65px; background:url(../images/ban_0_03.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_0_04{ position:absolute; top:575px; left:50%; margin-left:467px; width:80px; height:4px; background:#FF680A; z-index:20;}
.ban_imglist li .ban_1_01{ position:absolute; top:135px; left:50%; margin-left:-363px; width:726px; height:102px; background:url(../images/ban_1_01.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_1_02{ position:absolute; top:245px; left:50%; margin-left:-136px; width:131px; height:31px; background:url(../images/ban_1_02.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_1_03{ position:absolute; top:245px; left:50%; margin-left:5px; width:156px; height:32px; background:url(../images/ban_1_03.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_1_04{ position:absolute; top:292px; left:50%; margin-left:-363px; width:347px; height:31px; padding-top:15px; text-align:center; overflow:hidden; background:url(../images/ban_1_04.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_1_06{ position:absolute; top:292px; left:50%; margin-left:-6px; width:292px; height:47px; background:url(../images/ban_1_06.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_1_07{ position:absolute; bottom:155px; left:50%; margin-left:-95px; width:190px; height:190px; background:url(../images/ban_1_07.png) center center no-repeat; z-index:20; transition:all 0.5s ease;}
/*.ban_imglist li .ban_1_07:hover{ transform:rotate(180deg);}*/
.ban_imglist li .ban_1_08{ position:absolute; bottom:300px; left:50%; margin-left:-250px; width:125px; height:125px; background:url(../images/ban_1_08.png) center center no-repeat; z-index:20; background-size:100%;}
.ban_imglist li .ban_1_09{ position:absolute; bottom:70px; left:50%; margin-left:83px; width:115px; height:115px; background:url(../images/ban_1_09.png) center center no-repeat; z-index:20; background-size:100%;}
.ban_imglist li .ban_1_10{ position:absolute; bottom:270px; left:50%; margin-left:415px; width:130px; height:130px; background:url(../images/ban_1_10.png) center center no-repeat; z-index:20; background-size:100%;}
.ban_imglist li .ban_1_11{ position:absolute; bottom:0px; left:50%; margin-left:-727px; width:557px; height:459px; background:url(../images/ban_1_11.png) bottom center no-repeat; z-index:10;}
.ban_imglist li .ban_1_12{ position:absolute; bottom:0px; left:50%; margin-left:170px; width:433px; height:410px; background:url(../images/ban_1_12.png) bottom center no-repeat; z-index:10;}
.ban_imglist li .ban_1_13{ position:absolute; bottom:0px; left:0px; width:100%; height:93px; background:url(../images/ban_1_13.png) bottom center no-repeat; z-index:20}
.ban_imglist li .ban_2_01{ position:absolute; top:375px; left:200px; width:418px; height:63px; background:url(../images/ban_2_01.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_2_02{ position:absolute; top:465px; left:200px; width:628px; height:50px; background:url(../images/ban_2_02.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_2_03{ position:absolute; top:530px; left:200px; width:437px; height:29px; background:url(../images/ban_2_03.png) center center no-repeat; z-index:20;}
/*.ban_imglist li .ban_3_01{ position:absolute; top:180px; left:50%; margin-left:-410px; width:820px; height:285px; background:url(../images/ban_3_01.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_3_02{ position:absolute; top:480px; left:50%; margin-left:-360px; width:278px; height:46px; background:url(../images/ban_3_02.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_3_03{ position:absolute; top:465px; left:50%; margin-left:-88px; width:440px; height:70px; background:url(../images/ban_3_03.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_3_05{ position:absolute; top:0px; left:50%; z-index:20;}*/
.ban_imglist li .ban_4_01{ position:absolute; top:360px; left:50%; margin-left:-455px; width:909px; height:57px; background:url(../images/ban_4_01.png) center center no-repeat; z-index:20;}
.ban_imglist li .ban_4_02{ position:absolute; top:440px; left:50%; margin-left:-455px; width:909px; z-index:20; font-size:17px; line-height:33px; color:#FFF;}
.ban_imglist li .yb_1{ animation:ban_3_05_load_css_1 1.2s linear infinite;}
@keyframes ban_3_05_load_css_1
{
	0% { opacity:0.7; transform:translateY(20px);}
	25% { opacity:1; transform:translateY(175px);}
	50% { opacity:1; transform:translateY(350px);}
	75% { opacity:0.7; transform:translateY(525px);}
	100%{ opacity:0; transform:translateY(700px);}
}
.ban_imglist li .yb_2{ animation:ban_3_05_load_css_2 1.4s linear infinite; margin-left:125px; top:80px;}
@keyframes ban_3_05_load_css_2
{
	0% { opacity:0.7; transform:translateY(10px) scale(0.7) rotate(-20deg);}
	25% { opacity:1; transform:translateY(137px) scale(0.7) rotate(-20deg);}
	50% { opacity:1; transform:translateY(275px) scale(0.7) rotate(-20deg);}
	75% { opacity:0.7; transform:translateY(412px) scale(0.7) rotate(-20deg);}
	100%{ opacity:0; transform:translateY(550px) scale(0.7) rotate(-20deg);}
}
.ban_imglist li .yb_3{ animation:ban_3_05_load_css_3 1.8s linear infinite; margin-left:-260px; top:100px;}
@keyframes ban_3_05_load_css_3
{
	0% { opacity:0.7; transform:translateY(50px) scale(0.5) rotate(30deg);}
	25% { opacity:1; transform:translateY(120px) scale(0.5) rotate(30deg);}
	50% { opacity:1; transform:translateY(240px) scale(0.5) rotate(30deg);}
	75% { opacity:0.7; transform:translateY(360px) scale(0.5) rotate(30deg);}
	100%{ opacity:0; transform:translateY(480px) scale(0.5) rotate(30deg);}
}
.ban_imglist li .yb_4{ animation:ban_3_05_load_css_1 1s linear infinite; margin-left:-765px; top:30px;}
.ban_imglist li .yb_5{ animation:ban_3_05_load_css_2 1.8s linear infinite; margin-left:-635px; top:50px;}
.ban_imglist li .yb_6{ animation:ban_3_05_load_css_3 1.5s linear infinite; margin-left:-5980px; top:80px;}
.ban_imglist li .yb_7{ animation:ban_3_05_load_css_1 1.1s linear infinite; margin-left:-358px; top:65px;}
.ban_imglist li .yb_8{ animation:ban_3_05_load_css_2 1.3s linear infinite; margin-left:-298px; top:92px;}
.ban_imglist li .yb_9{ animation:ban_3_05_load_css_3 1.7s linear infinite; margin-left:-467px; top:125px;}
.ban_imglist li .yb_10{ animation:ban_3_05_load_css_1 1.8s linear infinite; margin-left:765px; top:15px;}
.ban_imglist li .yb_11{ animation:ban_3_05_load_css_2 2s linear infinite; margin-left:635px; top:82px;}
.ban_imglist li .yb_12{ animation:ban_3_05_load_css_3 1.9s linear infinite; margin-left:594px; top:26px;}
.ban_imglist li .yb_13{ animation:ban_3_05_load_css_1 0.8s linear infinite; margin-left:458px; top:66px;}
.ban_imglist li .yb_14{ animation:ban_3_05_load_css_2 1s linear infinite; margin-left:333px; top:96px;}
.ban_imglist li .yb_15{ animation:ban_3_05_load_css_3 1.2s linear infinite; margin-left:205px; top:16px;}
.ban_imglist li .yb_16{ animation:ban_3_05_load_css_1 0.9s linear infinite; margin-left:60px; top:124px;}
.ban_imglist li .yb_17{ animation:ban_3_05_load_css_2 1.5s linear infinite; margin-left:-65px; top:38px;}
.ban_imglist li .yb_18{ animation:ban_3_05_load_css_3 1.6s linear infinite; margin-left:22px; top:154px;}

/*.ban_btnlist{ position:absolute; left:50%; bottom:0px; height:40px; z-index:100; display:none;}
.ban_btnlist li{ float:left; width:40px; height:18px; margin:22px 5px 0 0; background:#1F2227; cursor:pointer;}
.ban_btnlist li.cur{ background:#CA192B; height:40px; margin-top:0px;}*/
.ban_btnlist{ position:absolute; left:50px; bottom:40px; height:15px; z-index:100;}
.ban_btnlist li{ float:left; width:15px; height:15px; margin:0px 8px 0 0; background:#373737; border-radius:50%;}
.ban_btnlist li.cur{ background:#ED7020;}

/*==产品与服务==*/
.in_probox{ width:100%; height:100%; background:url(../images/index_bkg_02.jpg) center center no-repeat; clear:both; position:relative;}
.in_probox .titbox{ text-align:center; padding:85px 0 0 0; font-size:15px;}
.in_probox .titbox .tit{ color:#2F2F2F; font-size:39px; font-weight:bold;}
.in_probox .titbox .ft{ line-height:26px; color:#A0A0A0; padding-top:10px;}
.in_pro{ width:1386px; margin:0px auto; padding-top:80px;}
.in_pro ul{ overflow:hidden; height:416px;}
.in_pro li{ float:left; width:400px; height:152px; padding:0 93px 92px 0;}
.in_pro li.none{ padding-right:0px;}
.in_pro li a{ display:block; width:219px; height:152px; padding:0 0 0 181px; color:#999; background:url(../images/index_06.png) 0px 0px no-repeat;}
.in_pro li a:hover,.in_pro li a:active{ background:url(../images/index_07.png) 0px 0px no-repeat;}
.in_pro li .bkg_1{ background-position:0px 0px;}
.in_pro li a.bkg_1:hover,.in_pro li a.bkg_1:active{ background-position:0px 0px;}
.in_pro li .bkg_2{ background-position:-493px 0px;}
.in_pro li a.bkg_2:hover,.in_pro li a.bkg_2:active{ background-position:-493px 0px;}
.in_pro li .bkg_3{ background-position:-985px 0px;}
.in_pro li a.bkg_3:hover,.in_pro li a.bkg_3:active{ background-position:-985px 0px;}
.in_pro li .bkg_4{ background-position:0px -244px;}
.in_pro li a.bkg_4:hover,.in_pro li a.bkg_4:active{ background-position:0px -244px;}
.in_pro li .bkg_5{ background-position:-493px -244px;}
.in_pro li a.bkg_5:hover,.in_pro li a.bkg_5:active{ background-position:-493px -244px;}
.in_pro li .bkg_6{ background-position:-985px -244px;}
.in_pro li a.bkg_6:hover,.in_pro li a.bkg_6:active{ background-position:-985px -244px;}
.in_pro li .tit{ font-size:21px; padding-top:34px;}
.in_pro li .info{ line-height:24px; height:72px; overflow:hidden; padding-top:5px;}
.in_pro li .btn{ width:79px; height:24px; background:url(../images/index_04.png) no-repeat; margin:8px 0 0 15px; opacity:0; filter:alpha(opacity=0);}
.in_pro li a:hover .tit,.in_pro li a:active .tit{ color:#f18415; padding-top:11px;}
.in_pro li a:hover .btn,.in_pro li a:active .btn{ margin-left:0px; opacity:1; filter:alpha(opacity=100);}
.in_probox .more{ clear:both; text-align:center; padding-top:65px;}
.in_probox .more a{ display:block; width:168px; height:40px; line-height:40px; text-align:center; color:#f4f4f4; margin:0px auto; background:url(../images/index_05.png) top center no-repeat;}
.in_probox .more a:hover,.in_probox .more a:active{ background:url(../images/index_05.png) 0px -40px no-repeat;}
/*==经典案例==*/
.in_casebox{ width:100%; background:#1F1F1F; color:#f4f4f4; clear:both; position:relative;}
.in_casebox .titbox{ text-align:center; padding:85px 0 0 0; font-size:15px;}
.in_casebox .titbox .tit{ font-size:39px; font-weight:bold;}
.in_casebox .titbox .ft{ line-height:26px; color:#525252; text-transform:uppercase; padding-top:10px;}
.in_casebox .more{ clear:both; padding-top:37px; position:relative; float:left; left:50%;}
.in_casebox .more ul{ position:relative; float:left; left:-50%;}
.in_casebox .more li{ float:left; padding-right:20px;}
.in_casebox .more a{ display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#A1A1A1; margin:0px auto; background:url(../images/index_05_1.png) 0px 0px no-repeat;}
.in_casebox .more a:hover,.in_casebox .more a:active{ background:url(../images/index_05_1.png) 0px -40px no-repeat; color:#f4f4f4;}
.in_case{ width:100%; position:absolute; bottom:0px; left:0px;}
.in_case ul{ width:100%; overflow:hidden;}
.in_case li{ float:left; width:25%; height:277px; overflow:hidden;}
.in_case li a{ display:block; width:100%; height:100%; text-align:center; overflow:hidden; position:relative; background-size:auto 100%}
/*.in_case li a img{ width:480px; height:277px;}*/
.in_case li .mb{ width:100%; height:277px; background:url(../images/index_09.png) repeat; position:absolute; top:-277px; left:0px; opacity:0; filter:alpha(opacity=0);}
.in_case li .tit{ font-size:26px; line-height:26px; height:28px; overflow:hidden; color:#FFF; text-align:center; padding-top:75px;}
.in_case li .info{ font-size:15px; color:#a6a6a6; line-height:21px; width:75%; height:42px; overflow:hidden;  margin:20px auto 0px auto;}
.in_case li .btn{ width:39px; height:41px; margin:35px auto 0px auto; background:url(../images/index_10.png) no-repeat; background-size:100%}
.in_case li .tit{ opacity:0; filter:alpha(opacity=0); transition-delay:0.3s; transform:translateY(-30px);}
.in_case li .info{ opacity:0; filter:alpha(opacity=0); transition-delay:0.4s; transform:translateY(-25px);}
.in_case li .btn{ opacity:0; filter:alpha(opacity=0); transition-delay:0.5s;}
.in_case li .tit, .in_case li .info, .in_case li .btn{ transition-property:transform, opacity; transition-duration:0.6s; transition-timing-function:cubic-bezier(0, .97, .36, 1);}
.in_case li:hover .mb{ top:0px; opacity:1; filter:alpha(opacity=100);}
.in_case li:hover .tit, .in_case li:hover .info{ opacity:1; filter:alpha(opacity=100); transform:translateY(0px);}
.in_case li:hover .btn{ opacity:1; filter:alpha(opacity=100);}
/*==新闻资讯==*/
.in_newsbox{ width:100%; background:#EDEDED; clear:both; position:relative;}
.in_newsbox .titbox{ text-align:center; padding:75px 0 0 0; font-size:15px;}
.in_newsbox .titbox .tit{ font-size:39px; font-weight:bold; color:#222222;}
.in_newsbox .titbox .ft{ line-height:26px; color:#525252; padding-top:10px;}
.in_newsbox .ctg{ padding-top:40px; overflow:hidden;}
.in_newsbox .ctg .box{ position:relative; float:left; left:50%;}
.in_newsbox .ctg ul{ position:relative; float:left; left:-50%}
.in_newsbox .ctg li{ float:left; width:168px; height:40px; padding-right:29px;}
.in_newsbox .ctg li.none{ padding-right:0px;}
.in_newsbox .ctg li a{ display:block; width:168px; height:40px; line-height:40px; text-align:center; color:#f4f4f4; background:url(../images/index_05.png) 0px 0px no-repeat;}
.in_newsbox .ctg li a:hover,.in_newsbox .ctg li a:active{ background:url(../images/index_05.png) 0px -40px no-repeat;}
.in_news{ clear:both; width:100%; padding:100px 0 0 0;}
.in_news ul{ overflow:hidden;}
.in_news li{ float:left; width:50%; height:187px; background:#FFF; position:relative; z-index:2}
.in_news li .mb{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#ED7020; z-index:1; display:none; opacity:0; filter:alpha(opacity=0);}
.in_news li .box{ display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:box; width:100%; height:186px; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED; position:relative; z-index:10}
.in_news li .box.none{ border-right:0px;}
.in_news li .lt{ width:198px; margin:18px 0 0 22px;}
.in_news li .lt .bd{ border:1px solid #dcdcdc; width:196px; height:149px; overflow:hidden;}
.in_news li .rt{ -moz-box-flex:1; -webkit-box-flex:1; -ms-flex:1; box-flex:1;}
.in_news li .rt .cont{ line-height:25px; padding:0 50px 0 30px; text-align:left;}
.in_news li .rt .tit{ font-size:18px; line-height:22px; height:22px; color:#222222; padding-top:25px; overflow:hidden;}
.in_news li .rt .tit a{ color:#222222;}
.in_news li .rt .info{ font-size:13px; color:#878787; line-height:25px; height:75px; padding:10px 0 5px 0; overflow:hidden;}
.in_news li .rt .info a{ color:#0760b4;}
.in_news li .rt .tm{ display:block; margin-top:5px; color:#878787; font-size:13px; line-height:18px; padding:0 0 0 25px; background:url(../images/index_12.png) 0px -60px no-repeat;}
.in_news li .lt .bd:hover img{ width:216px; height:169px; margin:-10px 0 0 -10px;}
.in_news li.over .rt .tit a{ color:#FFF;}
.in_news li.over .rt .info{ color:#FFF;}
.in_news li.over .rt .info a{ color:#FFF;}
.in_news li.over .rt .tm{ color:#FFF; background:url(../images/index_12.png) 0px -30px no-repeat;}
.in_newsbox .mk_1{ position:absolute; left:0px; top:230px; width:130px; height:107px; background:url(../images/index_20-1.png) no-repeat;}
.in_newsbox .mk_2{ position:absolute; left:50%; bottom:0px; margin-left:-270px; width:249px; height:123px; background:url(../images/index_20-2.png) no-repeat;}
.in_newsbox .mk_3{ position:absolute; left:50%; bottom:0px; margin-left:200px; width:127px; height:63px; background:url(../images/index_20-3.png) no-repeat;}
.in_newsbox .mk_4{ position:absolute; right:0px; top:0px; width:293px; height:218px; background:url(../images/index_20-4.png) no-repeat;}
/*==关于联科==*/
.in_abbox{ width:100%; height:100%; background:url(../images/index_bkg_03.jpg) center center no-repeat; color:#f2f2f2; clear:both; position:relative;}
.in_abbox .titbox{ text-align:center; padding:75px 0 0 0; font-size:15px;}
.in_abbox .titbox .tit{ font-size:39px; font-weight:bold; color:#ededed;}
.in_abbox .titbox .ft{ line-height:35px; padding-top:20px;}
.in_abbox .more{ clear:both; text-align:center; padding-top:45px;}
.in_abbox .more a{ display:block; width:168px; height:40px; line-height:40px; text-align:center; color:#ededed; margin:0px auto; background:url(../images/index_05.png) 0px -160px no-repeat;}
.in_abbox .more a:hover,.in_casebox .more a:active{ background:url(../images/index_05.png) 0px -200px no-repeat; color:#ededed;}
.in_ab{ width:880px; margin:0px auto; padding-top:107px; overflow:hidden;}
.in_ab .lt{ float:left; width:389px;}
.in_ab .lt div{ width:389px; height:154px; background:url(../images/index_13.png) 0px 0px no-repeat;}
.in_ab .lt p{ text-align:center; font-size:16px; padding-top:10px;}
.in_ab .rt{ float:right; width:389px;}
.in_ab .rt div{ width:389px; height:154px; background:url(../images/index_13.png) 0px -154px no-repeat;}
.in_ab .rt p{ text-align:center; font-size:16px; padding-top:10px;}
.in_ablist{ width:1320px; height:100px; margin:110px auto 0px auto; position:relative;}
.in_ablist .lt{ position:absolute; left:-49px; top:27px; z-index:10001}
.in_ablist .rt{ position:absolute; right:-49px; top:27px; z-index:10001}
.in_ablist .lt a,.in_ablist .rt a{ display:block; width:20px; height:42px; background:url(../images/index_14.png) 0px 0px no-repeat;}
.in_ablist .lt .prev{ background-position:-40px 0px;}
.in_ablist .lt .prev:hover,.in_ablist .lt .prev:active{ background-position:-60px 0px;}
.in_ablist .rt .next{ background-position:0px 0px;}
.in_ablist .rt .next:hover,.in_ablist .rt .next:active{ background-position:-20px 0px;}
.in_ablist .box{ width:100%; height:96px; overflow:hidden;}
.in_ablist .box div{ overflow:hidden;}
.in_ablist .box ul{ height:96px; overflow:hidden; float:left;}
.in_ablist .box li{ float:left; padding-right:35px;}
.in_ablist .box li.none{ padding-right:0;}
.in_ablist .box li img{ opacity:0.4; filter:alpha(opacity=40);}
/*.in_ablist .box li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.in_ablist .box li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }*/
/*==联科分站==*/
.in_subbox{ width:100%; height:100%; background:url(../images/index_bkg_04.jpg) top center no-repeat; clear:both; position:relative;}
.in_subbox .titbox{ text-align:center; padding:90px 0 0 0; font-size:15px;}
.in_subbox .titbox .tit{ font-size:39px; font-weight:bold; color:#222222;}
.in_subbox .titbox .ft{ line-height:35px; padding-top:20px; color:#9B9B9B;}
.in_sub{ width:1180px; height:230px; margin:0px auto; padding-top:130px;}
.in_sub ul{ height:229px; position:relative;}
.in_sub ul li{ position:absolute; left:0px; top:0px; width:229px; height:229px; text-align:center; color:#FFF; font-size:29px;}
.in_sub ul li a{ display:block; width:229px; height:139px; padding:90px 0 0 0; color:#FFF; border-radius:50%; transition:all 0.5s ease;}
.in_sub ul li p{ width:52px; height:1px; margin:8px auto 0px auto; background:#FFF; opacity:0.5; filter:alpha(opacity=50);}
.in_sub ul li.bkg_1{ left:0px; z-index:6}
.in_sub ul li.bkg_1 a{ background:url(../images/index_16_01.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li.bkg_2{ left:190px; z-index:5}
.in_sub ul li.bkg_2 a{ background:url(../images/index_16_02.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li.bkg_3{ left:380px; z-index:4}
.in_sub ul li.bkg_3 a{ background:url(../images/index_16_03.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li.bkg_4{ left:570px; z-index:3}
.in_sub ul li.bkg_4 a{ background:url(../images/index_16_04.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li.bkg_5{ left:760px; z-index:2}
.in_sub ul li.bkg_5 a{ background:url(../images/index_16_05.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li.bkg_6{ left:950px; z-index:1}
.in_sub ul li.bkg_6 a{ background:url(../images/index_16_06.png) 0px 0px no-repeat; background-size:100% 100%;}
.in_sub ul li:hover{ z-index:10}
.in_sub ul li.bkg_1:hover a,.in_sub ul li.bkg_2:hover a,.in_sub ul li.bkg_3:hover a,.in_sub ul li.bkg_4:hover a,.in_sub ul li.bkg_5:hover a,.in_sub ul li.bkg_6:hover a{ transform:scale(1.15); }
.in_subbox .more{ height:341px; position:relative; margin-top:50px;}
.in_subbox .more .bkg{ position:absolute; top:10px; left:50%; margin-left:-115px; width:482px; height:311px; background:url(../images/index_17.png) top center no-repeat;}
.in_subbox .more .bkg a{ display:block; width:229px; height:139px; padding:90px 0 0 0; text-align:center; color:#FFF; font-size:29px; border-radius:50%;}
.in_subbox .more .bkg a p{ width:52px; height:1px; margin:8px auto 0px auto; background:#FFF; opacity:0.5; filter:alpha(opacity=50);}
/*==联系我们，百度地图==*/
.in_cntbox{ width:100%;  height:100%; background:#212121; clear:both; position:relative;}
.in_cntbox #allmap{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:0;}
.in_cnt{ position:absolute; top:140px; left:50%; margin-left:-480px; width:515px; height:403px; padding:42px 0 0 0; background:#FFF;}
.in_cnt .ctg{ height:35px; padding:0 0 0 51px;}
.in_cnt .ctg li{ float:left; width:132px; height:35px; line-height:35px; text-align:center; color:#FFF; font-size:15px; margin-right:12px; position:relative; overflow:hidden;}
.in_cnt .ctg li span{ position:absolute; left:0px; top:0px; width:132px; height:35px; z-index:1}
.in_cnt .ctg li p{ position:absolute; left:0px; top:0px; width:132px; height:70px; background:url(../images/index_18.png) 0px 0px no-repeat; z-index:0}
.in_cnt .ctg li p.cur{ top:-35px;}
.in_cnt .info{ padding-top:40px; border-bottom:1px solid #E9E9E9; width:100%; overflow:hidden;}
.in_cnt .info ul{ width:1545px;}
.in_cnt .info li{ float:left; width:515px;}
.in_cnt .info p{ height:56px; line-height:56px; padding:0 0 0 62px; color:#303030;}
.in_cnt .info p font{ color:#676767; font-size:13px;}
.in_cnt .info p.bkg_1{ background:#F3F3F3 url(../images/index_19.png) 24px 17px no-repeat;;}
.in_cnt .info p.bkg_2{ background:#FFF url(../images/index_19.png) 24px -39px no-repeat;;}
.in_cnt .info p.bkg_3{ background:#F3F3F3 url(../images/index_19.png) 24px -94px no-repeat;;}
.in_cnt .info p.bkg_4{ background:#FFF url(../images/index_19.png) 24px -150px no-repeat;;}
.in_cnt .info a{ color:#ed7020;}
.in_cnt .qqlist{ padding-top:36px;}
.in_cnt .qqlist li{ float:left; padding:0 0 0 60px; font-size:12px;}
.in_cnt .qqlist li a{ display:block; height:27px; line-height:27px; padding-right:40px; background:url(../images/index_21.png) right center no-repeat;}
.in_cnt .qqlist li a:hover{ background:url(../images/index_21_1.png) right center no-repeat;}
/*==友情链接==*/
.in_linkbox{ width:100%; height:61px; line-height:61px; background:#303030; clear:both;}
.in_link{ padding-left:60px; color:#FFF;}
.in_link b{ font-size:16px;}
.in_link a{ color:#FFF; margin-right:16px;}
.in_btmbox{ width:100%; padding:40px 0; background:#1F1F1F; clear:both;}
.in_btm{ padding:0 74px 0 70px; color:#767676; overflow:hidden;}
.in_btm .lt{ float:left; line-height:31px;}
.in_btm .lt img{ margin:0 13px;}
.in_btm .lt .nav a{ color:#767676;}
.in_btm .lt .nav a:hover,.in_btm .lt .nav a:active{ color:#FFF;}
.in_btm .lt .cpy{ font-size:13px; text-transform:uppercase;}
.in_btm .lt .cpy a{ color:#767676;}
.in_btm .lt .cpy a:hover,.in_btm .lt .cpy a:active{ color:#FFF;}
.in_btm .rt{ float:right; padding-top:10px;}
.in_link_pz{ position:absolute; bottom:162px; left:0px;}
.in_btm_pz{ position:absolute; bottom:0px; left:0px;}

/*about*/
.ab_mg{ width:100%; height:68px;}
.ab_nav{ position:fixed; top:0px; left:0px; width:100%; height:67px; background:#FFF; border-bottom:1px solid #EDEDED; z-index:1000}
.ab_nav .lt{ float:left; padding:10px 0 0 24px;}
.ab_nav .ct{ float:left; padding:17px 0 0 23px; font-size:12px;}
.ab_nav .ct .tel{ padding-top:2px; font-size:15px; font-weight:bold; color:#ed7020}
.ab_nav .rt{ float:right; padding:0 48px 0 0; font-size:16px; line-height:67px;}
.ab_nav .rt li{ float:left; padding:0 20px; height:68px; text-align:center; position:relative;}
.ab_nav .rt li a{ display:block; padding:0 3px; height:65px; line-height:65px; border-top:3px solid #FFF;}
.ab_nav .rt li a:hover{ border-top:3px solid #ED7020;}
.ab_nav .rt li.close{ padding:0px; width:60px; height:47px; padding-top:21px; background:#ED7020; text-align:center; line-height:normal;}
.ab_nav .rt li.close img{ cursor:pointer;}
.ab_nav .rt li.close:hover img{ transform:rotateZ(180deg);}
.ab_nav_css2{ position:fixed; top:30px; right:-29px; z-index:1001; display:none;}
.ab_nav_css2 img{ cursor:pointer;}
.ab_nav .rt li .nav{ position:absolute; top:68px; left:0px; height:0px; width:100%; z-index:10001; background:url(../images/index_09_01.png) repeat; display:none;}
.ab_nav .rt li .nav .box{ float:right}
.ab_nav .rt li .nav p{ float:left; height:68px; line-height:68px; opacity:0; filter:alpha(opacity=0); position:relative; padding:0 20px;}
.ab_nav .rt li .nav p a{ display:inline; color:#FFF; opacity:0.7; filter:alpha(opacity=70); padding:0px; border:0px;}
.ab_nav .rt li .nav p a:hover{ background:none; color:#FFF; opacity:1; filter:alpha(opacity=100); font-weight:normal; width:140px; border-right:0;}
.ab_nav .rt li .nav p .hx{ position:absolute; left:20px; bottom:15px; width:100%; height:1px; background:#ED7020; display:none;}
.ab_nav .rt li .nav .load{ 
	opacity:0; filter:alpha(opacity=0); transform:translateY(20px);
	animation:top_nav_load_css 0.1s linear 1s forwards;
}
@keyframes top_nav_load_css{
	100%{ opacity:1; filter:alpha(opacity=100); transform:translateY(0px);}
}
.ab_nav .rt li .nav .out0{animation-delay:0.6s;}
.ab_nav .rt li .nav .out1{animation-delay:0.7s;}
.ab_nav .rt li .nav .out2{animation-delay:0.8s;}
.ab_nav .rt li .nav .out3{animation-delay:0.9s;}
.ab_nav .rt li .nav .out4{animation-delay:1.0s;}
.ab_nav .rt li .nav .out5{animation-delay:1.1s;}
.ab_nav .rt li .nav .out6{animation-delay:1.2s;}
.ab_nav .rt li .nav .out7{animation-delay:1.3s;}
.ab_nav .rt li .nav .out8{animation-delay:1.4s;}
.ab_nav .rt li .nav .out9{animation-delay:1.5s;}
.ab_nav .rt li .nav .out10{animation-delay:1.6s;}
/*==公司简介==*/
.ab_contbox{ width:100%; height:100%; background:url(../images/about_bkg_01.jpg) top center no-repeat; margin-top:68px;}
.ab_cont{ width:1090px; margin:0px auto; color:#FFF;}
.ab_cont .titbox{ padding:80px 0 30px 0; text-align:center;}
.ab_cont .titbox .p_1{ font-size:29px; font-family:Arial; text-transform:uppercase;}
.ab_cont .titbox .p_2{ font-size:30px; font-weight:bold;}
.ab_cont .titbox .p_3{ width:56px; height:1px; background:#FFF; margin:15px auto 30px auto;}
.ab_cont_0{ width:1090px; height:520px; line-height:30px; font-size:15px; padding-bottom:20px; overflow:hidden;}
/*==企业环境==*/
.ab_hjbox{ width:100%; height:100%; background:url(../images/about_bkg_02.jpg) center center no-repeat;}
.ab_hjbox .titbox{ padding:80px 0 0 0; text-align:center;}
.ab_hjbox .titbox .p_1{ font-size:29px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}
.ab_hjbox .titbox .p_2{ font-size:30px; color:#ed7020; font-weight:bold;}
.ab_hjbox .titbox .p_3{ width:56px; height:1px; background:#DFDFDF; margin:15px auto 0px auto;}
.ab_hj{ width:1100px; height:484px; overflow:hidden; margin:65px auto 0px auto; position:relative;}
.ab_hj li{ float:left; width:275px; height:242px; overflow:hidden; position:relative;}
.ab_magicwall-grid{ width:100%; position:relative;}
.ab_magicwall-grid li{ width:275; height:242px; z-index:1;}
.ab_magicwall-grid li .ab_magicwall-wrap{ width:100%; height:100%; position:relative; overflow:hidden;}
.ab_magicwall-grid li .ab_magicwall-wrap .ab_magicwall-thumb{ transition:all 0.5s ease; }
.ab_magicwall-grid .hover_cont{ width:100%; height:102px; padding:140px 0 0 0; background:url(../images/about_09_1.png) no-repeat; font-size:21px; font-weight:bold; color:#FFF; text-align:center; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; transition:all 0.3s ease; opacity:0; filter:alpha(opacity=0); }
.ab_magicwall-grid li .ab_magicwall-wrap:hover .hover_cont:hover{ opacity:0; filter:alpha(opacity=0); }
.ab_magicwall-grid li .ab_magicwall-wrap:hover .ab_magicwall-thumb{ transform:scale(1.1); }
.ab_hj .box{ width:10000px; height:484px;}
.ab_hj .box #box_1,.ab_hj .box #box_2{ float:left;}
.ab_hj_list{ width:1100px; float:left;}
.ab_hj_list li{ float:left; width:275px; height:242px; overflow:hidden; position:relative;}
.ab_hj_list li img{ transition:all 0.3s ease;}
.ab_hj_list li .mb{ width:100%; height:102px; padding:140px 0 0 0; background:url(../images/about_09_1.png) no-repeat; font-size:21px; font-weight:bold; color:#FFF; text-align:center; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; transition:all 0.3s ease; opacity:0; filter:alpha(opacity=0); }
.ab_hj_list li:hover img{ transform:scale(1.1); }
.ab_hj_list li:hover .mb{ opacity:0; filter:alpha(opacity=0); }
.ab_hjbtn_box{ width:100%; height:21px; overflow:hidden; margin-top:45px;}
.ab_hjbtn{ position:relative; float:left; left:50%;}
.ab_hjbtn ul{ overflow:hidden; position:relative; float:left; left:-50%;}
.ab_hjbtn li{ float:left; width:21px; height:21px; margin:0 5px; background:url(../images/about_08.png) -33px 0px no-repeat; cursor:pointer}
.ab_hjbtn li.cur{ background-position:0px 0px;}
/*==企业荣誉==*/
.ab_honorbox{ width:100%; height:100%; background:url(../images/about_bkg_03.jpg) center center no-repeat;}
.ab_honorbox .titbox{ padding:80px 0 0 0; text-align:center; color:#FFF;}
.ab_honorbox .titbox .p_1{ font-size:29px; font-family:Arial; text-transform:uppercase;}
.ab_honorbox .titbox .p_2{ font-size:30px; font-weight:bold;}
.ab_honorbox .titbox .p_3{ width:56px; height:1px; background:#FFF; margin:15px auto 0px auto;}
.ab_honor{ width:952px; margin:195px auto 0px auto;}
/*==发展历程==*/
.ab_lcbox{ width:100%; height:100%; background:#F0F0F0 url(../images/about_bkg_04.jpg) bottom center no-repeat; position:relative;}
.ab_lcbox .titbox{ padding:80px 0 0 0; text-align:center;}
.ab_lcbox .titbox .p_1{ font-size:29px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}
.ab_lcbox .titbox .p_2{ font-size:30px; color:#ed7020; font-weight:bold;}
.ab_lcbox .titbox .p_3{ width:56px; height:1px; background:#959595; margin:15px auto 0px auto;}
.ab_lc{ width:1075px; overflow:hidden; position:absolute; bottom:0px; left:50%; margin-left:-538px;}
.ab_lc .lt{ float:left; width:585px; height:415px;}
.ab_lc_cont{ width:585px; height:432px; overflow:auto; position:absolute;}
.ab_lc .lt li{ width:487px; padding:0 20px 0 35px; border-bottom:1px solid #E2E2E2;}
.ab_lc .lt li .sw{ width:100%; height:47px; line-height:47px; color:#848484; overflow:hidden; cursor:pointer;}
.ab_lc .lt li .sw b{ font-size:15px; color:#444444; margin-right:18px;}
.ab_lc .lt li .sw i{ font-style:normal; color:#EEB088;}
.ab_lc .lt li .hd{ width:100%; line-height:28px; color:#444444; overflow:hidden; padding:8px 0; display:none;}
.ab_lc .lt li .hd .tm{ color:#ec6c1f; font-size:18px; font-weight:bold;}
.ab_lc .lt li .hd .info{}
.ab_lc .rt{ float:right; width:447px; height:582px; background:url(../images/about_12.png) bottom center no-repeat; position:relative;}
.ab_lc .rt p{ position:absolute; text-align:center; color:#FFF; font-weight:bold; font-family:Arial; cursor:pointer; line-height:100%;}
.ab_lc .rt .op{ opacity:0.5; filter:alpha(opacity=50);}
.ab_lc .rt .ap_bkg1{ width:60px; height:69px; background:url(../images/about_12_01.png) no-repeat;}
.ab_lc .rt .ap_bkg2{ width:55px; height:63px; background:url(../images/about_12_02.png) no-repeat;}
.ab_lc .rt .ap_bkg3{ width:54px; height:60px; background:url(../images/about_12_03.png) no-repeat;}
.ab_lc .rt .ap_bkg4{ width:48px; height:54px; background:url(../images/about_12_04.png) no-repeat;}
.ab_lc .rt .ap_bkg5{ width:41px; height:47px; background:url(../images/about_12_05.png) no-repeat;}
.ab_lc .rt .ap_ft21{ font-size:21px;}
.ab_lc .rt .ap_ft20{ font-size:20px;}
.ab_lc .rt .ap_ft18{ font-size:18px;}
.ab_lc .rt .ap_ft17{ font-size:17px;}
.ab_lc .rt .ap_ft16{ font-size:16px;}
.ab_lc .rt .ap_lh1_1{ padding-top:30px; height:39px;}
.ab_lc .rt .ap_lh2_1{ padding-top:29px; height:34px;}
.ab_lc .rt .ap_lh3_1{ padding-top:27px; height:33px;}
.ab_lc .rt .ap_lh4_1{ padding-top:25px; height:29px;}
.ab_lc .rt .ap_lh5_1{ padding-top:20px; height:27px;}
.ab_lc .rt .ap_2002{ left:160px; top:218px;}
.ab_lc .rt .ap_2003{ left:280px; top:324px;}
.ab_lc .rt .ap_2004{ left:330px; top:98px;}
.ab_lc .rt .ap_2005{ left:265px; top:48px;}
.ab_lc .rt .ap_2006{ left:354px; top:231px;}
.ab_lc .rt .ap_2007{ left:155px; top:146px;}
.ab_lc .rt .ap_2008{ left:60px; top:114px;}
.ab_lc .rt .ap_2009{ left:72px; top:275px;}
.ab_lc .rt .ap_2010{ left:280px; top:252px;}
.ab_lc .rt .ap_2011{ left:316px; top:168px;}
.ab_lc .rt .ap_2012{ left:256px; top:111px;}
.ab_lc .rt .ap_2013{ left:124px; top:72px;}
.ab_lc .rt .ap_2014{ left:89px; top:189px;}
.ab_lc .rt .ap_2015{ left:0px; top:180px;}
.ab_lc .rt .ap_2016{ left:180px; top:0px;}
/*==加入联科==*/
.ab_joinhox{ width:100%; height:100%; background:#005BAC url(../images/about_bkg_05.jpg) center center no-repeat;}
.ab_joinhox .titbox{ padding:93px 0 0 0; text-align:center; color:#FFF;}
.ab_joinhox .titbox .p_1{ font-size:30px; font-weight:bold;}
.ab_joinhox .titbox .p_2{ font-size:15px; line-height:27px; padding-top:11px; text-transform:uppercase;}
.ab_joinhox .titbox .p_2 a{ color:#ed7020;}
.ab_joinhox .titbox .p_3{ width:174px; height:41px; line-height:41px; text-align:center; font-size:15px; color:#f0f0f0; background:#ED7020; cursor:pointer; margin:25px auto 0px auto; border-radius:41px;}
.ab_join{ width:1082px; min-height:297px; margin:67px auto 0px auto; background:#005BAC url(../images/about_14.png) center 21px no-repeat;}
.ab_join ul{ padding:0 0 0 122px;}
.ab_join ul.ul_2{ padding:0 84px 0 0;}
.ab_join ul.ul_2 li{ float:right;}
.ab_join li{ float:left; width:292px; text-align:center; padding:0 0 72px 0;}
.ab_join li .pt{ width:98px; height:98px; margin:0px auto; border-radius:50%; position:relative;}
.ab_join li .pt img{ border:4px solid #00447E; border-radius:50%; cursor:pointer; position:relative; z-index:12}
.ab_join li .pt .yy{ position:absolute; top:0px; left:0px; background:#ED7020; width:98px; height:98px; border-radius:50%; z-index:11;}
.ab_join li .info{ color:#FFF; padding-top:5px; opacity:0.5; filter:alpha(opacity=50);}
.ab_join li .more{ width:73px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#FFF; background:#00447E; cursor:pointer; margin:5px auto 0px auto; border-radius:20px;}
.ab_join li .more em{ font-style:normal; font-weight:normal; opacity:0.4; filter:alpha(opacity=40);}
.ab_join li:hover .pt img{ border:4px solid #ED7020;}
.ab_join li:hover .info{ opacity:1; filter:alpha(opacity=100);}
.ab_join li:hover .more{ background:#ED7020;}
.ab_join li:hover .more em{ opacity:1; filter:alpha(opacity=100);}
.ab_join .trans0{ animation:T0 0.5s ease forwards; }
@keyframes T0{
	100%{ opacity:0; filter:alpha(opacity=0); transform:scale(1.5);}
}
.ab_jn_mbbkg{ position:absolute; left:0px; top:0px; z-index:10001; background:url(../images/about_16.png) repeat; opacity:0; filter:alpha(opacity=0); display:none;}
.ab_jn_mbbkg .close{ width:51px; height:51px; background:url(../images/about_17.png) 0px -60px no-repeat; cursor:pointer; margin:240px auto 0 auto;}
.ab_jn_mbbkg .close:hover{ transform:rotateZ(180deg);}
.ab_jn_mbbkg .ab_jn_mb{ width:1100px; margin:28px auto 0px auto; position:relative;}
.ab_jn_mbbkg .ab_jn_mb .prev{ position:absolute; left:-50px; top:69px; width:25px; height:51px; background:url(../images/about_17.png) 0px 0px no-repeat;}
.ab_jn_mbbkg .ab_jn_mb .next{ position:absolute; right:-50px; top:69px; width:25px; height:51px; background:url(../images/about_17.png) -50px 0px no-repeat;}
.ab_jn_mbbkg .ab_jn_box{ width:1100px; height:189px; overflow:hidden;}
.ab_jn_mbbkg #ab_jn_box_1{ overflow:hidden;}
.ab_jn_mbbkg .ab_jn_mb ul{ float:left; width:1100px;}
.ab_jn_mbbkg .ab_jn_mb li{ float:left; width:549px; height:62px; line-height:62px; color:#FFF; margin:0 1px 1px 0; position:relative;}
.ab_jn_mbbkg .ab_jn_mb li b{ font-size:16px; position:absolute; left:36px; top:0px; z-index:10003}
.ab_jn_mbbkg .ab_jn_mb li a{  font-size:13px; color:#FFF; text-decoration:underline; position:absolute; right:20px; top:0px; z-index:10003; opacity:0.5; filter:alpha(opacity=50);}
.ab_jn_mbbkg .ab_jn_mb li .mb{ position:absolute; left:0px; top:0px; width:100%; height:62px; background:#3490e7; z-index:10002; opacity:0.5; filter:alpha(opacity=50);}
.ab_jn_mbbkg .ab_jn_mb li:hover .mb{ opacity:0.7; filter:alpha(opacity=70);}
.ab_jn_mbbkg .ab_jn_mb li:hover a{ opacity:1; filter:alpha(opacity=100);}
.ab_jn_mbbkg .ab_jn_mb_2{ width:913px; height:342px; overflow:hidden; padding:43px 37px 0 50px; margin:28px auto 0px auto; position:relative;}
.ab_jn_mbbkg .ab_jn_mb_2 .bkg{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#005BAC; opacity:0.7; filter:alpha(opacity=70); z-index:10001}
.ab_jn_mbbkg .ab_jn_mb_2 ul{ position:relative;}
.ab_jn_mbbkg .ab_jn_mb_2 ul li{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10002}
.ab_jn_mbbkg .ab_jn_mb_2 .lt{ float:left; width:290px;}
.ab_jn_mbbkg .ab_jn_mb_2 .lt img{ border:3px solid #ed7020;}
.ab_jn_mbbkg .ab_jn_mb_2 .rt{ float:right; width:590px; color:#FFF;}
.ab_jn_mbbkg .ab_jn_mb_2 .rt .tit{ font-size:16px; font-weight:bold; margin-top:20px;}
.ab_jn_mbbkg .ab_jn_mb_2 .rt .note{ width:100%; height:54px; line-height:54px; border-bottom:1px solid #03396A;}
.ab_jn_mbbkg .ab_jn_mb_2 .rt .info{ width:100%; line-height:27px; margin-top:20px;}
/*==联科团队==*/
.ab_teambox{ width:100%; height:100%; background:#ED7020;}
.ab_teambox .titbox{ padding:110px 0 0 0; text-align:center; color:#FFF;}
.ab_teambox .titbox .p_1{ font-size:30px; font-weight:bold;}
.ab_teambox .titbox .p_2{ font-size:15px; padding-top:11px; text-transform:uppercase;}
.ab_teambox .departbox{ width:100%; height:34px; padding:34px 0 86px 0; overflow:hidden;}
.ab_teambox .depart{ position:relative; float:left; left:50%; height:34px;}
.ab_teambox .depart ul{ position:relative; float:left; left:-50%}
.ab_teambox .depart li{ float:left; width:115px; height:34px; line-height:34px; text-align:center; color:#FFF; margin:0 7px; cursor:pointer; border-radius:34px; position:relative; overflow:hidden; /*transition:all 0.5s ease;*/}
.ab_teambox .depart li i{ font-style:normal; position:relative; z-index:12;}
.ab_teambox .depart li div{ position:absolute; top:0px; left:0px; width:115px; height:68px; z-index:11;}
.ab_teambox .depart li div p{ width:115px; height:34px; border-radius:34px; background:#0055A3; }
.ab_teambox .depart li div p:first-child{ background:#BE5816;}
.ab_teambox .depart li div.cur1{ top:-34px;}
.ab_team{ width:100%; height:365px; padding:59px 0 0 0; background:url(../images/about_21.png) 0px 49px repeat-x; position:relative; overflow:hidden;}
.ab_team ul{ height:193px; background:#20120A; position:absolute; left:0px; top:60px;}
.ab_team ul li{ float:left; width:193px; height:193px; padding-right:0px; position:relative;}
.ab_team ul li.none{ padding-right:0px;}
.ab_team ul li .box{ position:absolute; left:0px; top:0px; height:0px; width:193px; height:193px; z-index:10}
.ab_team ul li .box .photo{ width:100%; height:100%;}
.ab_team ul li .box .info{ position:relative; display:none;}
.ab_team ul li .box .info .bkg{ position:absolute; left:0px; bottom:0px; width:100%; height:48px; background:#06549D; opacity:0; filter:alpha(opacity=0); z-index:13}
.ab_team ul li .box .info .tit{ position:absolute; left:25px; bottom:0px; height:48px; line-height:48px; color:#FFF; font-size:17px; z-index:14; cursor:pointer;}
.ab_team ul li .box .info .more{ position:absolute; right:20px; bottom:0px; height:35px; padding-top:13px; z-index:14;}
.ab_team ul li .box .info .more img{ cursor:pointer; width:19px; height:23px;}
.ab_team ul li .box .info a{ color:#FFF;}
.ab_team ul li .mb{ position:absolute; left:0px; height:0px; width:193px; height:193px; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:11}
/*.ab_team ul li:hover .mb{ opacity:0; filter:alpha(opacity=0);}
.ab_team ul li:hover .box{ left:-49px; top:-49px; width:286px; height:286px; border:2px solid #06549D; z-index:22;}
.ab_team ul li:hover .info{ display:block;}
.ab_team ul li:hover .box .info .bkg{ opacity:0.8; filter:alpha(opacity=80);}*/
.ab_team_scollbox{ width:100%; height:1px; border-top:1px dashed #F3A06C; position:relative;}
.ab_team_scollbox .mouse{ position:absolute; top:-14px; left:0; text-align:center; color:#FFF;}
.ab_team_scollbox .mouse img{ cursor:pointer;}
.ab_team_scollbox .mouse .ft{ padding-top:10px;}
.ab_team_list{ display:none;}
.ab_jn_mbbkg .ab_jn_mb_3 .bkg{ background:#ED7020;}
.ab_jn_mbbkg .ab_jn_mb_3 .lt img{ border:3px solid #005BAC;}
.ab_jn_mbbkg .ab_jn_mb_3 .rt .note{ border-bottom:1px solid #C57B4D;}
/*==联科梦==*/
.ab_dreambox{ width:100%; height:100%; background:url(../images/about_bkg_06.jpg) top center no-repeat;}
.ab_dreambox .titbox{ padding:97px 0 0 0; text-align:center; color:#FFF;}
.ab_dreambox .titbox .p_1{ font-size:30px; font-weight:bold;}
.ab_dreambox .titbox .p_2{ font-size:15px; padding-top:11px; text-transform:uppercase;}
.ab_dream{ width:470px; height:470px; margin:87px auto 0 auto; position:relative;}
.ab_dream .rad{ border-radius:50%;}
.ab_dream .bkg_1{ width:468px; height:468px; position:absolute; left:0px; top:0px; border:1px solid #ed7020; opacity:0.4; filter:alpha(opacity=40); z-index:11}
.ab_dream .bkg_2{ width:404px; height:404px; position:absolute; left:22px; top:22px; border:11px solid #ed7020; opacity:0.3; filter:alpha(opacity=30); z-index:12}
.ab_dream .cont{ width:404px; height:404px; position:absolute; left:33px; top:33px; background:#ED7020; color:#FFF; text-align:center; overflow:hidden; z-index:13}
.ab_dream .cont .box{ width:404px; height:404px; overflow:hidden;}
.ab_dream .cont .tit{ font-size:26px; font-weight:bold; padding-top:80px;}
.ab_dream .cont .line_1{ font-weight:bold; font-size:16px; padding-top:15px;}
.ab_dream .cont .info{ line-height:30px; padding:0 28px;}
.ab_dream .sm_pz{ width:174px; height:121px; position:absolute; background:url(../images/about_24.png) no-repeat; z-index:12; color:#FFF; font-size:16px; font-weight:bold; cursor:pointer;}
.ab_dream .sm_pz .box{ width:109px; height:109px; position:relative;}
.ab_dream .sm_pz p{ width:109px; text-align:center; border-radius:50%;}
.ab_dream .bg_1{ background-position:left top; left:-140px; top:20px;}
.ab_dream .bg_2{ background-position:right top; right:-140px; top:20px;}
.ab_dream .bg_3{ background-position:right bottom; right:-140px; bottom:20px;}
.ab_dream .bg_4{ background-position:left bottom; left:-140px; bottom:20px;}
.ab_dream .sm_bkg_cl{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#ED7020; border-radius:50%; transition:transform 0.5s ease;}
.ab_dream .box:hover .sm_bkg_cl{ transform:rotateY(180deg);}
.ab_dream .bg_1 .sm_bkg_cl{ background:#ED7020;}
.ab_dream .bg_2 .sm_bkg_cl{ background:#0054A3; left:65px;}
.ab_dream .bg_3 .sm_bkg_cl{ background:#069581; left:65px;}
.ab_dream .bg_4 .sm_bkg_cl{ background:#CC3A2D; }
.ab_dream .p_1{ height:109px; line-height:109px; position:relative;}
.ab_dream .p_2{ height:76px; padding-top:33px; line-height:22px; margin-left:65px; position:relative;}
.ab_dream .p_3{ height:76px; padding-top:33px; line-height:22px; margin:12px 0 0 65px; position:relative;}
.ab_dream .p_4{ height:76px; padding-top:33px; line-height:22px; margin:12px 0 0 0; position:relative;}
/*==联科之歌==*/
.ab_songbox{ width:100%; height:100%; background:url(../images/about_bkg_07.jpg) center center no-repeat;}
.ab_song{ width:1100px; margin:0px auto; padding-top:157px; color:#FFF;}
.ab_song .lt{ float:left; width:515px; height:515px; background:url(../images/about_26.jpg) no-repeat;}
.ab_song .lt .titbox{ padding:0 45px 0 54px; height:150px; overflow:hidden;}
.ab_song .lt .titbox .tit{ float:left; padding-top:70px;}
.ab_song .lt .titbox .tit b{ font-size:22px;}
.ab_song .lt .titbox .tit p{ font-size:12px;}
.ab_song .lt .titbox .st{ float:right; padding-top:42px;}
.ab_song .lt .disk{ clear:both; height:242px; padding:28px 0 0 152px; overflow:hidden; position:relative;}
.ab_song .lt .disk .point{ position:absolute; left:235px; top:193px;}
.ab_song .lt .disk .point img{ transform:rotateZ(-20deg); transform-origin:90% 50%;}
.ab_song .lt .now{ clear:both; height:95px; width:100%; overflow:hidden;}
.ab_song .rt{ float:left; width:465px; height:375px; padding:70px 60px; background:url(../images/about_25.png) repeat;}
.ab_song_cont{ width:465px; height:375px; overflow:auto; position:absolute; line-height:27px; font-size:15px; text-align:center;}
.ab_song .lt .disk .point .pl{ transform:rotateZ(0deg)}
.ab_song .animate0{
	transform:rotateZ(-20deg); 	
	animation: Rotate_ab_song0 0.4s ease forwards;
}
@keyframes Rotate_ab_song0{
	100%{  transform:rotate(0deg); }
}
.ab_song .animate1{
	transform:rotateZ(0deg); 	
	animation: Rotate_ab_song1 0.4s ease forwards;
}
@keyframes Rotate_ab_song1{
	100%{  transform:rotate(-20deg); }
}
/*==合作共赢==*/
.ab_hezuobox{ width:100%; height:100%; background:url(../images/about_bkg_08.jpg) center center no-repeat;}
.ab_hezuo{ width:924px; margin:0px auto; padding:200px 0 0 0;}
.ab_hezuo .lt{ float:left; width:427px; height:430px; position:relative;}
.ab_hezuo .lt .ft_pz{ position:absolute; left:332px; top:24px; width:300px; z-index:20}
.ab_hezuo .lt .ft_pz .rad{ position:absolute; left:0px; top:19px; width:22px; height:22px; background:#ED7020; border:3px solid #FFF; border-radius:50%; z-index:20}
.ab_hezuo .lt .ft_pz b{ font-size:22px; font-weight:bold; color:#ED7020; border-bottom:1px solid #ED7020; padding:0 0 3px 40px;}
.ab_hezuo .lt .cnt{ position:absolute; left:168px; top:168px;}
.ab_hezuo .lt .bkg{ width:427px; height:430px; background:url(../images/about_31.png) no-repeat; z-index:10; position:relative;}
.ab_hezuo .lt .bkg p{ position:absolute; background:url(../images/about_32.png) no-repeat; width:80px; height:80px;}
.ab_hezuo .lt .bkg .pic_1{ background-position:-180px -9px; left:180px; top:9px;}
.ab_hezuo .lt .bkg .pic_2{ background-position:-337px -174px; left:337px; top:174px; }
.ab_hezuo .lt .bkg .pic_3{ background-position:-174px -341px; left:174px; bottom:9px;}
.ab_hezuo .lt .bkg .pic_4{ background-position:-9px -174px; left:9px; top:174px; }
.ab_hezuo .lt .box{ position:absolute; z-index:11; cursor:pointer; }
.ab_hezuo .lt .box_1{ left:133px; top:0px; width:162px; height:125px;}
.ab_hezuo .lt .box_2{ left:300px; top:133px; width:125px; height:162px;}
.ab_hezuo .lt .box_3{ left:133px; bottom:0px; width:162px; height:125px;}
.ab_hezuo .lt .box_4{ left:0px; top:133px; width:125px; height:162px;}
.ab_hezuo .rt{ float:right; width:436px; height:69px; padding:80px 0 0 54px; background:url(../images/about_29.png) no-repeat; margin-top:113px; color:#FFF; line-height:26px;}
/*==右侧漂浮导航==*/
.ab_rtnav{ position:fixed; top:50%; right:30px; z-index:10010; width:122px;}
.ab_rtnav .mouse{ width:25px; height:44px; background:url(../images/about_05.png) left top no-repeat;}
.ab_rtnav .list{ padding-bottom:10px;}
.ab_rtnav a{ display:block; height:24px; color:#FFF;}
.ab_rtnav a .lt{ float:left; width:26px; height:24px; position:relative; cursor:pointer;}
.ab_rtnav a .lt .rad{ position:absolute; left:8px; top:7px; width:10px; height:10px; background:#FFF; border-radius:50%; opacity:0.6; filter:alpha(opacity=60);}
.ab_rtnav a .lt .l{ position:absolute; left:3px; top:7px; width:4px; height:9px; background:url(../images/about_06.png) left top no-repeat; opacity:0; filter:alpha(opacity=0);}
.ab_rtnav a .lt .r{ position:absolute; right:3px; top:7px; width:4px; height:9px; background:url(../images/about_06.png) right top no-repeat; opacity:0; filter:alpha(opacity=0);}
.ab_rtnav a .rt{ float:left; height:24px; line-height:24px; padding-left:19px; display:none; opacity:0; filter:alpha(opacity=0);}
.ab_rtnav a:hover .rad{ opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a:hover .l{ left:0px; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a:hover .r{ right:0px; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a:hover .rt{ display:block; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a.cur .rad{ opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a.cur .l{ left:0px; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a.cur .r{ right:0px; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav a.cur .rt{ display:block; opacity:1; filter:alpha(opacity=100);}
.ab_rtnav_2 .mouse{ background:url(../images/about_05.png) right top no-repeat;}
.ab_rtnav_2 a .lt .rad{ background:#ED7020;}
.ab_rtnav_2 a .lt .l{ background:url(../images/about_06.png) left bottom no-repeat;}
.ab_rtnav_2 a .lt .r{ background:url(../images/about_06.png) right bottom no-repeat;}
.ab_rtnav_2 a .rt{ color:#ED7020;}

/*service*/
@font-face
 {
  font-family:'fzcch';
  src:url('../fonts/fzcch_GBK.ttf');
  font-weight:normal;
  font-style:normal;
}
.op_0{ opacity:0; filter:alpha(opacity=0);}
.sv_main_cont{ width:100%; height:824px; overflow:hidden;}
.sv_main_cont ul{ width:100%; height:824px; overflow:hidden;}
.sv_main_cont li{ float:left; height:824px; width:25%; text-align:center; overflow:hidden;}
.sv_main_cont .bkg_1{ background:#ED7020 url(../images/service_01.jpg) top center no-repeat; color:#ED7020;}
.sv_main_cont .bkg_2{ background:#069581 url(../images/service_02.jpg) top center no-repeat; color:#069581;}
.sv_main_cont .bkg_3{ background:#0054a3 url(../images/service_03.jpg) top center no-repeat; color:#0054a3;}
.sv_main_cont .bkg_4{ background:#cb392c url(../images/service_04.jpg) top center no-repeat; color:#cb392c;}
.sv_main_cont li .rd_1{ width:310px; height:310px; background:#FFF; border-radius:50%; margin:230px auto 0 auto; font-weight:bold;}
.sv_main_cont li .rd_1 .t1{ font-size:49px; line-height:49px; padding-top:119px;}
.sv_main_cont li .rd_1 .t2{ font-size:19px; line-height:19px; text-transform:Uppercase; padding-top:10px;}
.sv_main_cont li .rd_1 .t3{ width:132px; height:1px; margin:20px auto 0px auto; background:#ED7020}
.sv_main_cont li .rd_1 .t3.cl_1{ background:#ED7020}
.sv_main_cont li .rd_1 .t3.cl_2{ background:#069581}
.sv_main_cont li .rd_1 .t3.cl_3{ background:#0054a3}
.sv_main_cont li .rd_1 .t3.cl_4{ background:#cb392c}
.sv_main_cont li .info{ display:block; width:100%; color:#FFF; padding-top:200px; visibility:hidden;}
.sv_main_cont li .info .tit{ font-size:45px; font-weight:bold; position:relative; top:-20px;}
.sv_main_cont li .info .hx{ width:0px; height:1px; background:#FFF; opacity:0.2; filter:alpha(opacity=20); position:relative; top:20px; left:50%;}
.sv_main_cont li .info .list{ width:282px; height:268px; margin:0px auto; position:relative; top:30px;}
.sv_main_cont li .info .list p{ padding:11px 0; font-size:18px; font-weight:bold; opacity:0; filter:alpha(opacity=0);}
.sv_main_cont li .info .list p a{ display:block; width:282px; height:45px; line-height:45px; text-align:center; color:#FFF;}
.sv_main_cont li .info .list p a:hover{ background:url(../images/service_05.png) center center no-repeat; color:#ED7020;}
.sv_main_cont li .info .c_1 p a:hover{color:#ED7020;}
.sv_main_cont li .info .c_2 p a:hover{color:#069581;}
.sv_main_cont li .info .c_3 p a:hover{color:#0054a3;}
.sv_main_cont li .info .c_4 p a:hover{color:#cb392c;}
.sv_main_cont li .info .list p:nth-child(odd){ margin-left:-30px;}
.sv_main_cont li .info .list p:nth-child(even){ margin-left:30px;}
.sv_main_cont li .info .cont{ width:80%; height:268px; margin:0px auto; position:relative; top:60px; line-height:31px; font-size:16px; text-indent:2em; text-align:left;}
.sv_main_cont li .info .more{ display:block; width:50px; height:50px; border-radius:50%; background:#CC3E30 url(../images/service_06.png) 16px center no-repeat; background-size:49%; margin-left:-25px; left:50%; position:relative; top:147px}
.sv_main_cont li .info .more.cl_1{ background-color:#0055A3;}
.sv_main_cont li .info .more.cl_2{ background-color:#CB3C2E;}
.sv_main_cont li .info .more.cl_3{ background-color:#E45D06;}
.sv_main_cont li .info .more.cl_4{ background-color:#069683;}

/*service list*/
.sv_list_box{ width:100%; height:820px;}
.sv_bkg1{ background:url(../images/service_07-1.jpg) top center no-repeat;}
.sv_bkg2{ background:url(../images/service_07-2.jpg) top center no-repeat;}
.sv_bkg3{ background:url(../images/service_07-3.jpg) top center no-repeat;}
.sv_bkg4{ background:url(../images/service_07-4.jpg) top center no-repeat;}
.sv_list_box .titbox{ text-align:center; color:#FFF; padding-top:80px;}
.sv_list_box .titbox .p_1{ font-size:29px; line-height:29px; text-transform:Uppercase; font-weight:bold;}
.sv_list_box .titbox .p_2{ font-size:30px; line-height:30px; font-weight:bold; padding-top:15px;}
.sv_list_box .titbox .p_3{ width:56px; height:1px; margin:20px auto 0px auto; background:#FFF}
.sv_list_box .cont{ width:1099px; margin:0px auto; padding-top:63px; position:relative;}
.sv_list_box .cont .box{ width:1099px; height:394px; overflow:hidden;}
.sv_list_box .cont .list ul{ width:1140px; height:394px; overflow:hidden; float:left;}
.sv_list_box .cont .list li{ float:left; width:244px; height:394px; padding-right:41px;}
.sv_list_box .cont .list li .bkg{ display:block; width:244px; height:350px; padding:44px 0 0 0; text-align:center; background:url(../images/service_12.png) no-repeat; border-radius:26px;}
.sv_list_box .cont .list li .bkg .pic{ width:150px; height:150px; margin:0px auto;}
.sv_list_box .cont .list li .bkg .pic img{ border:1px solid #d5d5d5; border-radius:50%;}
.sv_list_box .cont .list li .bkg .p_1{ font-size:21px; line-height:30px; height:31px; overflow:hidden; font-weight:bold; color:#616161; margin:31px auto 0px auto; width:90%;}
.sv_list_box .cont .list li .bkg .p_2{ width:45px; height:1px; margin:13px auto 0px auto; background:#A0A0A0}
.sv_list_box .cont .list li .bkg .p_3{ color:#868686; line-height:25px; padding-top:15px; height:75px; overflow:hidden; font-size:13px; margin:0px auto; width:90%;}
.sv_list_box .cont .btnbox{ position:relative; left:50%; top:100px; float:left;}
.sv_list_box .cont .btnbox ul{ position:relative; left:-50%; float:left;}
.sv_list_box .cont .btnbox ul li{ float:left; width:21px; height:21px; background:url(../images/service_11.png) -31px 0px no-repeat; margin:0 5px; cursor:pointer;}
.sv_list_box .cont .btnbox ul li.cur{ background-position:0px 0px;}
.sv_bkg2 .cont .btnbox ul li{ background:url(../images/service_11.png) -31px -50px no-repeat;}
.sv_bkg2 .cont .btnbox ul li.cur{ background-position:0px -50px;}
.sv_bkg3 .cont .btnbox ul li{ background:url(../images/service_11.png) -31px -100px no-repeat;}
.sv_bkg3 .cont .btnbox ul li.cur{ background-position:0px -100px;}
.sv_bkg4 .cont .btnbox ul li{ background:url(../images/service_11.png) -31px -150px no-repeat;}
.sv_bkg4 .cont .btnbox ul li.cur{ background-position:0px -150px;}
.sv_list_box .list li .bkg:hover{ background:#0055A3;}
.sv_list_box .list li .bkg:hover .p_1{ color:#FFF;}
.sv_list_box .list li .bkg:hover .p_2{ background:#FFF;}
.sv_list_box .list li .bkg:hover .p_3{ color:#FFF; font-weight:bold;}
.sv_bkg2 .list li .bkg:hover{ background:#CB3C2E;}
.sv_bkg3 .list li .bkg:hover{ background:#E45D06;}
.sv_bkg4 .list li .bkg:hover{ background:#069683;}
.sv_rtnav{ width:135px;}

/*service show*/
.svs_cont{ clear:both; width:100%; min-height:500px}

/*news list*/
.ns_bkg{ background:#EDEDED;}
.ns_tit{ width:100%; text-align:center; padding:77px 0 90px 0;}
.ns_tit .p_1{ font-size:39px; line-height:39px; font-weight:bold; color:#232323;}
.ns_tit .p_2{ font-size:15px; line-height:25px; color:#808080; padding-top:17px;}
.ns_tit .ctg_box{ padding-top:40px; height:40px; }
.ns_tit .ctg_box div{ position:relative; left:50%; float:left;}
.ns_tit .ctg_box ul{ position:relative; left:-50%; float:left;}
.ns_tit .ctg_box li{ float:left; width:168px; height:40px; padding:0 15px;}
.ns_tit .ctg_box li a{ display:block; width:168px; height:40px; line-height:40px; text-align:center; color:#f4f4f4; background:url(../images/index_05.png) 0px 0px no-repeat;}
.ns_tit .ctg_box li a:hover,.ns_tit .ctg_box li a:active{ background:url(../images/index_05.png) 0px -40px no-repeat;}
.ns_tit .ctg_box li a.cur{ background:url(../images/index_05.png) 0px -40px no-repeat;}
.ns_cont{ clear:both; min-height:270px; padding:0 0 50px 0;}
.ns_cont ul{ overflow:hidden;}
.ns_cont li{ float:left; width:50%; height:187px; background:#FFF; position:relative;}
.ns_cont li .mb{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#ED7020; z-index:1; display:none; opacity:0; filter:alpha(opacity=0);}
.ns_cont li .box{ display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:box; width:100%; height:186px; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED; position:relative; z-index:10}
.ns_cont li .box.none{ border-right:0px;}
.ns_cont li .lt{ width:198px; margin:18px 0 0 22px;}
.ns_cont li .lt .bd{ border:1px solid #dcdcdc; width:196px; height:149px; overflow:hidden;}
.ns_cont li .rt{ -moz-box-flex:1; -webkit-box-flex:1; -ms-flex:1; box-flex:1;}
.ns_cont li .rt .cont{ line-height:25px; padding:0 50px 0 30px; text-align:left;}
.ns_cont li .rt .tit{ font-size:18px; line-height:22px; height:22px; color:#222222; padding-top:25px; overflow:hidden;}
.ns_cont li .rt .tit a{ color:#222222;}
.ns_cont li .rt .info{ font-size:13px; color:#878787; line-height:25px; height:75px; padding:10px 0 5px 0; overflow:hidden;}
.ns_cont li .rt .info a{ color:#0760b4;}
.ns_cont li .rt .tm{ display:block; margin-top:5px; color:#878787; font-size:13px; line-height:18px; padding:0 0 0 25px; background:url(../images/index_12.png) 0px -60px no-repeat;}
.ns_cont li .lt .bd:hover img{ width:216px; height:169px; margin:-10px 0 0 -10px;}
.ns_cont li.over .rt .tit a{ color:#FFF;}
.ns_cont li.over .rt .info{ color:#FFF;}
.ns_cont li.over .rt .info a{ color:#FFF;}
.ns_cont li.over .rt .tm{ color:#FFF; background:url(../images/index_12.png) 0px -30px no-repeat;}
.ns_page{ clear:both; padding:76px 0 151px 0; text-align:center;}
.ns_cont .p_no,.cs_cont .p_no{ text-align:center;}


/*news list*/
.nss_contbox{ width:100%; background:#FFF;}
.nss_cont{ clear:both; width:1100px; margin:0px auto;}
.nss_cont .tit{ text-align:center; font-size:32px; line-height:32px; font-weight:bold; color:#ed7020; padding-top:60px;}
.nss_cont .clk{ color:#747474; line-height:14px; text-align:center; border-bottom:1px solid #E9E9E9; padding:42px 0 15px 0;}
.nss_cont .bshare-custom{ padding-top:15px;}
.nss_cont .cont{ clear:both; padding:30px 0; line-height:28px; color:#747474;}
.nss_cont .pn{ clear:both; border-top:1px solid #E9E9E9; overflow:hidden; padding-bottom:30px;}
.nss_cont .pn .lt{ float:left; padding:20px 0 0 0; font-size:17px; font-weight:bold; line-height:30px; color:#565656;}
.nss_cont .pn .lt a{ color:#565656;}
.nss_cont .pn .lt a:hover,.nss_cont .pn .lt a:active{ color:#020202;}
.nss_cont .pn .rt{ float:right; padding:30px 4px 0 0;}
.nss_cont .pn .rt .btn_totop{ width:87px; height:40px; padding:0 0 0 30px; line-height:40px; cursor:pointer; color:#FFF; background:#ED7020; border-radius:40px; position:relative;}
.nss_cont .pn .rt .btn_totop .jt{ position:absolute; right:20px; top:15px; width:9px; height:18px; background:url(../images/newsshow_05.png) no-repeat;}
.nss_cont .nss_rotate0{
	animation: nss_Rotate0 1s ease-out infinite;
}
@keyframes nss_Rotate0{
	100%{ top:3px; opacity:0; filter:alpha(opacity=0);}
}
/*.nss_cont .btn_totop:hover .nss_rotate0{
	animation-play-state:paused;
}*/
.nss_xgtit{ text-align:center; color:#303030; font-size:32px; font-weight:bold; padding:80px 0;}
.nss_xgnews{  padding:0 0 100px 0;}


/*case list*/
.cs_bkg{ background:#242424;}
.cs_tit{ width:100%; text-align:center; padding:100px 0 265px 0; position:relative;}
.cs_tit .p_1{ font-size:39px; line-height:39px; font-weight:bold; color:#FFF;}
.cs_tit .p_2{ font-size:15px; line-height:25px; color:#525252; padding-top:17px; text-transform:Uppercase;}
.cs_tit .p_3{ width:100%; height:1px; background:#2C2C2C; position:absolute; left:0px; bottom:156px;}
.cs_tit .ctgbox{ width:100%; height:208px; overflow:hidden; position:absolute; bottom:52px; z-index:1}
.cs_tit .ctgbox div{ position:relative; left:50%; float:left; top:52px;}
.cs_tit .ctgbox ul{ position:relative; left:-50%; float:left;}
.cs_tit .ctgbox li{ float:left; width:104px; height:104px; padding:0 9px; text-align:center; font-size:15px; color:#FFF; border-radius:50%; position:absolute; top:0px; left:0px; opacity:0.5; filter:alpha(opacity=50); transform:rotateX(270deg);}
.cs_tit .ctgbox .pz_1{ left:9px;}
.cs_tit .ctgbox .pz_2{ left:131px;}
.cs_tit .ctgbox .pz_3{ left:253px;}
.cs_tit .ctgbox .pz_4{ left:375px;}
.cs_tit .ctgbox .pz_5{ left:495px;}
.cs_tit .ctgbox .pz_6{ left:619px;}
.cs_tit .ctgbox .pz_7{ left:741px;}
.cs_tit .ctgbox .pz_8{ left:863px;}
.cs_tit .ctgbox li a{ display:block; width:103px; height:44px; padding:60px 0 0 0; border:1px solid #464646; border-radius:50%; color:#FFF; background:#242424 url(../images/case_03.png) 0px 0px no-repeat; transition:all .4s linear; position:relative; z-index:12}
.cs_tit .ctgbox li .a_0{ background-position:40px 24px;}
.cs_tit .ctgbox li .a_1{ background-position:-82px 24px;}
.cs_tit .ctgbox li .a_2{ background-position:-207px 24px;}
.cs_tit .ctgbox li .a_3{ background-position:-329px 24px;}
.cs_tit .ctgbox li .a_4{ background-position:-452px 24px;}
.cs_tit .ctgbox li .a_5{ background-position:-574px 24px;}
.cs_tit .ctgbox li .a_6{ background-position:-698px 24px;}
.cs_tit .ctgbox li .a_7{ background-position:-821px 24px;}
.cs_tit .ctgbox li .a_8{ background-position:-946px 24px;}
.cs_tit .ctgbox li.cur a{ background-color:#E36C20; border:1px solid #E36C20;}
.cs_tit .ctgbox li:hover a{ background-color:#E36C20; border:1px solid #E36C20; transform:rotateX(360deg);}
.cs_tit .ctgbox li.cur:hover a{ transform:none;}
.cs_tit .ctgbox .rtate0{ animation:cs_ctg_rotate0 0.5s ease forwards;} 
@keyframes cs_ctg_rotate0{
	100%{ opacity:1; filter:alpha(opacity=1); transform:rotateX(0deg);}
}
.cs_cont{ clear:both; width:100%;}
.magicwall{ height:554px; }
.magicwall-grid{ width:100%; position:relative;}
.magicwall-grid li{ width:25%; height:277px; color:#FFF; z-index:1;}
.magicwall-grid li a{ color:#FFF;}
.magicwall-grid li a:hover{ color:#FFF;}
.magicwall-grid li .magicwall-wrap{ width:100%; height:100%; position:relative;}
.magicwall-grid .hover_cont{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; background:rgba(0, 0, 0, 0.55); transition:opacity .2s linear; opacity:0; filter:alpha(opacity=0);}
.magicwall-grid .hover_cont .info{ width:100%; height:109px; background:rgba(0, 0, 0, 0.6); position:absolute; bottom:0px; left:0px;}
.magicwall-grid .hover_cont .pz{ display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:box;}
.magicwall-grid .hover_cont .lt{ padding:22px 75px 0 33px; -moz-box-flex:1; -webkit-box-flex:1; -ms-flex:1; box-flex:1;}
.magicwall-grid .hover_cont .p_1{ font-size:22px; font-weight:bold; line-height:25px; height:25px; overflow:hidden; opacity:0; filter:alpha(opacity=0); transition-delay:0.2s; transform:translateY(20px);}
.magicwall-grid .hover_cont .p_2{ font-size:13px; line-height:19px; height:40px; overflow:hidden; padding-top:7px; opacity:0; filter:alpha(opacity=0); transition-delay:0.3s; transform:translateY(25px);}
.magicwall-grid .hover_cont .p_1,.magicwall-grid .hover_cont .p_2{ transition-property:transform, opacity; transition-duration:0.6s; transition-timing-function:cubic-bezier(0, .97, .36, 1);}
.magicwall-grid .hover_cont .rt{ width:39px; height:41px; margin:34px 33px 0 0; background:url(../images/case_05.png) no-repeat; opacity:0; filter:alpha(opacity=0); transform:scale(0.7);}
.magicwall-grid .hover_cont .rt{ transition-property:transform, opacity; transition-duration:0.6s; transition-timing-function:cubic-bezier(0, .97, .36, 1);}
.magicwall-grid .magicwall-thumb{ width:100%; height:100%; }
.magicwall-grid .hover_cont:hover{ opacity:1;}
.magicwall-grid .hover_cont:hover .p_1{ opacity:1; transform:translateY(0px);}
.magicwall-grid .hover_cont:hover .p_2{ opacity:1; transform:translateY(0px);}
.magicwall-grid .hover_cont:hover .rt{ opacity:1; transform:scale(1);}
.cs_cont .list{ width:100%; overflow:hidden;}
.cs_cont .list li{ float:left; width:25%; height:277px; color:#FFF; z-index:1;}
.cs_cont .list li a{ color:#FFF;}
.cs_cont .list li a:hover{ color:#FFF;}
.cs_cont .list li .box{ width:100%; height:100%; position:relative;}
.cs_cont .list .hover_cont{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; overflow:hidden; background:rgba(0, 0, 0, 0.55); transition:opacity .2s linear; opacity:0; filter:alpha(opacity=0);}
.cs_cont .list .hover_cont .info{ width:100%; height:109px; background:rgba(0, 0, 0, 0.6); position:absolute; bottom:0px; left:0px;}
.cs_cont .list .hover_cont .pz{ display:-moz-box; display:-webkit-box; display:-ms-flexbox; display:box;}
.cs_cont .list .hover_cont .lt{ padding:22px 75px 0 33px; -moz-box-flex:1; -webkit-box-flex:1; -ms-flex:1; box-flex:1;}
.cs_cont .list .hover_cont .p_1{ font-size:22px; font-weight:bold; line-height:25px; height:25px; overflow:hidden; opacity:0; filter:alpha(opacity=0); transition-delay:0.2s; transform:translateY(20px);}
.cs_cont .list .hover_cont .p_2{ font-size:13px; line-height:19px; height:40px; overflow:hidden; padding-top:7px; opacity:0; filter:alpha(opacity=0); transition-delay:0.3s; transform:translateY(25px);}
.cs_cont .list .hover_cont .p_1,.list .hover_cont .p_2{ transition-property:transform, opacity; transition-duration:0.6s; transition-timing-function:cubic-bezier(0, .97, .36, 1);}
.cs_cont .list .hover_cont .rt{ width:39px; height:41px; margin:34px 33px 0 0; background:url(../images/case_05.png) no-repeat; opacity:0; filter:alpha(opacity=0); transform:scale(0.7);}
.cs_cont .list .hover_cont .rt{ transition-property:transform, opacity; transition-duration:0.6s; transition-timing-function:cubic-bezier(0, .97, .36, 1);}
.cs_cont .list .magicwall-thumb{ width:100%; height:100%; }
.cs_cont .list .hover_cont:hover{ opacity:1;}
.cs_cont .list .hover_cont:hover .p_1{ opacity:1; transform:translateY(0px);}
.cs_cont .list .hover_cont:hover .p_2{ opacity:1; transform:translateY(0px);}
.cs_cont .list .hover_cont:hover .rt{ opacity:1; transform:scale(1);}
.cs_cont .list .load_css{ opacity:0; filter:alpha(opacity=0); margin-top:20px;}
.cs_cont .list .load_css_rt{
    margin:0; transform:translateY(20px);
    animation:load_css_Rotate 0.3s linear forwards;
}
@keyframes load_css_Rotate{
	100%{  opacity:1; filter:alpha(opacity=100); transform:translateY(0px);}
}
.cs_more{ clear:both; padding:50px 0 50px 0;}
.cs_more .load{ width:58px; height:58px; margin:0px auto; background:url(../images/case_06.png) no-repeat; opacity:0; filter:alpha(opacity=0); }
.cs_more .cs_rotate0{ 	
	animation: Cs_Rotate0 0.8s linear infinite;
}
@keyframes Cs_Rotate0{
	0%{ transform:rotate(0deg);}
　　50%{ transform:rotate(180deg);}
	100%{ transform:rotate(360deg);}
}
.cs_more .more{ width:160px; height:40px; line-height:40px; text-align:center; color:#e66d20; border:1px solid #573923; cursor:pointer; margin:30px auto 0 auto;}

/*caseShow*/
.css_cont{ width:100%; min-height:670px;}
.css_cont .css_text{ float:left; width:35%; position:fixed; top:68px; left:0px; padding:45px 0;}
.css_cont .css_text .box{ padding:0 47px;}
.css_cont .css_text .tit{ color:#232323; font-size:24px; font-weight:bold;}
.css_cont .css_text .p_2{ height:2px; width:95px; background:#EE762B; margin-top:8px;}
.css_cont .css_text .info{ color:#787878; line-height:29px; padding:18px 0 15px 0;}
.css_cont .css_text .out{ padding-bottom:10px; color:#005BAC;}
.css_cont .css_text .out a{color:#005BAC;}
.css_cont .css_text .sup{ color:#313131;}
.css_cont .css_text .sup span{ color:#ed7020;}
.css_cont .css_text .yq{ clear:both; padding-top:30px;}
.css_cont .css_text .back{ float:left; background:#242424; width:70px; height:70px; line-height:70px; text-align:center; color:#FFF; border-radius:50%; font-weight:bold; cursor:pointer; position:relative;}
.css_cont .css_text .back p{ background:#242424; width:70px; height:70px; border-radius:50%; position:relative; z-index:12}
.css_cont .css_text .xg{ position:absolute; top:0px; left:0px; width:70px; height:70px; border-radius:50%; background:#242424;  z-index:11;  opacity:0.8; filter:alpha(opacity=80); transition:all 0.5s ease;}
.css_cont .css_text .back:hover .xg{ opacity:0; filter:alpha(opacity=0); transform:scale(1.5);}
.css_cont .css_text .wxbox{ float:left; margin-left:25px;}
.css_cont .css_text .wxbox .mr{ width:70px; height:55px; padding-top:15px; background:#ED7020; border-radius:50%; color:#FFF; font-size:12px; text-align:center; line-height:18px; }
.css_cont .css_text .wxbox .show{ display:none;}
.css_cont .css_text .wxbox .sh_1{ float:left; width:70px; height:70px; border-radius:50%; background:#ED7020 url(../images/caseShow_05.jpg) center center no-repeat;}
.css_cont .css_text .wxbox .img_1{ float:left; padding:0 0 0 30px;}
.css_cont .css_text .wxbox .ft_1{ float:left; padding:19px 0 0 18px; line-height:18px; color:#666;}
.css_cont .css_text .wxbox:hover .mr{ display:none;}
.css_cont .css_text .wxbox:hover .show{ display:block;}

.css_cont .css_imgs{ float:right; width:65%; background:#F2F2F2; padding:60px 0; text-align:center;}
.css_cont .css_imgs .box{ padding:0 55px; min-height:555px;}
.css_cont .css_imgs .box img{ width:100%;}
.css_cont .css_imgs .box .more{ display:block; margin:20px auto 0 auto; width:220px; height:47px; line-height:47px; text-align:center; background:url(../images/caseShow_09.jpg) top center repeat-x; color:#111; border:1px solid #BDBDBD; border-radius:4px; cursor:pointer;}
.css_bimg_bkg{ position:fixed; left:0px; top:0px; z-index:8888; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); display:none;}
.css_bimg_box{ position:fixed; left:0px; top:0px; z-index:9999; width:100%; height:100%; overflow-y:scroll; text-align:center; display:none;}
.css_bimg_box .close{ position:fixed; top:0px; right:0px; width:40px; height:40px; background:url(../images/close2.png) center center no-repeat; cursor:pointer;}
.css_bimg_box img{ width:auto; max-width:100%;}

.css_over{ }
.css_over li{ float:left; width:222px; padding:0 35px 50px 0; text-align:center; font-size:16px; background:url(../images/t1.jpg) top left no-repeat;}
.css_over li.none{ padding-right:0px;}
.css_over li .box{ width:186px; height:281px; margin:54px 0 0 18px; position:relative;}
.css_over li .p_1{ font-weight:bold; font-size:16px; padding-top:80px;}
.css_over li .box .mb{ width:100%; height:215px; padding-top:66px; background:url(../images/t3.png) no-repeat; position:absolute; left:0px; top:0px; cursor:pointer; visibility:hidden;}
.css_over li .box:hover .mb{ visibility:visible;}