/* CSS Document */
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('/webfont/futuram-webfont.eot');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alt';
    src: url('/webfont/alt-webfont.eot');
    src: url('/webfont/alt-webfont.eot?') format('embedded-opentype'),
         url('/webfont/alt-webfont.woff2') format('woff2'),
         url('/webfont/alt-webfont.woff') format('woff'),
         url('/webfont/alt-webfont.ttf') format('truetype'),
         url('/webfont/alt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { margin:0 auto; font-size:13px; color:#333; font-family:微锟斤拷锟脚猴拷,锟斤拷锟斤拷,锟斤拷锟斤拷; line-height:1.5; width: 100%;  *cursor: default;
height:100%; text-align:left; background:#FFF;-webkit-text-size-adjust:none;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px;}
.clearBoth{border-bottom:0;border-left:0;line-height:0;list-style-type:none;width:100%;height:0;clear:both;font-size:0;overflow:hidden;border-top:0;list-style-image:none;border-right:0; width:0px; height:0px;}
a, a:link, a:active{ color:#333; text-decoration:none;}
a *, a:link *, a:active{ color:#333; text-decoration:none;}
a:hover { color:#006be9; text-decoration:none;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}

.bj{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

#inxbody{overflow-y: hidden;}
/* styled just for clear visual division of each areas 
.op-section{ background-color:#FFF;}
#bannerdiv{ background-image:url(../images/banner.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}*/

#radioWrap{ 
	width:20px;
	height:180px;
	position:absolute;
	right:2%;
	top:50%;
	margin-top: -90px;}

#radio{width:100%; height:100%; overflow: hidden;}

#radio li{
	width:12px;
	height:12px;
	background-color: rgba(0,168,255, 0.5);
	text-indent: -10000px;
	border-radius: 50%;
	margin-top: 12px;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.6);}
#radio li:first-child{margin-top:0;}

/* 
	set position to absolute(essential).
	use margin to adjust gaps between LIs because ApplikeOnePage.js uses .outerHeight(true) method
	to measure the interval gap to which each radio buttons are placed.
*/
#radioOn{
	width:12px;
	height:12px;
	margin-bottom:12px;
	position: absolute;
	top:0; left:0;
	background-color: #22a1c4;
	border-radius: 50%;}
	
	
.top{ height:75px; z-index:9999; width:100%; position:absolute;}
.logo{ margin-left:15px; display:inline-block;}
.topbj{ width:100%; height:75px; position:absolute; z-index:-1; /*background-color:rgba(0,0,0,0.5);*/ top:0px; display:block; background:url(/images/topbj.png) top center repeat-y;}

/*.top .dropdown-menu{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.open .dropdown-menu{progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}*/

/*锟斤拷锟斤拷锟洁级*/
.dropdown-submenu {
            position: relative;
        }
        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
			background-color:rgba(0,0,0,0.7);
			z-index:-9999;
        }
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
			progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;
			-webkit-transform: translateY(0%);
			-moz-transform: translateY(0%);
			-ms-transform: translateY(0%);
			-o-transform: translateY(0%);
			transform: translateY(0%);
			z-index:9999;
        }
        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            margin-top: 5px;
            margin-right: -10px;
        }
        .dropdown-submenu:hover > a:after {
            border-left-color: !important;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }
		
#inxlog, #inxreg{ width:99px; height:75px;}
#inxlog a, #inxreg a{ width:100%; height:100%; background-color:#00a8ff; background-repeat:no-repeat; background-position:top center; display:inline-block;}
#inxlog a:hover, #inxreg a:hover{ background-color:#ffb400;}
#inxlog a{ background-image:url(/images/nav_log.png); }
#inxreg a{ background-image:url(/images/nav_reg.png); }
#inxlog{margin-left:20px;}
#inxreg{margin-right:20px;}
.tnavbtn span{ line-height:80px; color:#FFF; padding-left:45px;}
.nav #inxlog a, .nav #inxreg a{ padding:0px; margin:0px;}

#bannerCarousel, #bannerCarousel .item{ width:100%; }
#bannerCarousel .item a{ width:100%; display:block; background-repeat:no-repeat; background-position:center top; background-size:cover;}

.pm1{ background:url(../jpg/iq5134.jpg) no-repeat top center; background-size:cover; position:relative;}

.inx_bt{line-height: 135%; text-align:center; color:#0080cc; font-size:26px; position:absolute; width:100%; top:100px; z-index:92;}
.inx_bt span{ display:block; text-transform:uppercase; color:#818181; font-size:20px; font-family:'futura_md_btmedium';}

.pm1_k{ max-width:90%; margin:0px auto;}

.pm1_part{ width:24%; float:left; margin-right:3px; background-color:rgba(255,255,255,0.8); height:100%; position:relative; cursor:pointer;}
.pm1_part a{ display:block;}
.pm1_part, .pm1_part div{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.pm1_part_k{ margin:0px auto; width:83%; z-index:91; position:relative; top:50%; margin-top:100px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.pm1_p_tb{ height:46px; width:100%; background-position:top center; background-repeat:no-repeat;}
.pm1_p_bt{ font-size:27px; font-weight:bold; color:#0080cc; text-align:center; padding:25px 0px; }
.pm1_p_bt span{ display:block; font-size:15px; color:#6699cc; text-transform:uppercase; font-weight:normal; margin-top:12px;}
.pm1_p_js{ color:#6699cc; font-size:14px; line-height:26px; text-align:center; border-top:1px dotted #6699cc; padding:23px 0px; height:125px; overflow:hidden;}
.pm1_p_hx{ color:#6699cc; font-size:14px; line-height:26px; text-align:center; border-top:1px dotted #6699cc; padding:23px 0px; opacity:0; height:100px; overflow:hidden;}
.pm1_part .pm1_part_overk{ width:90%; height:82%; border:5px solid rgba(255,255,255,0.5); position:absolute; z-index:99; top:95px; left:5%; opacity:0; z-index:90;}
.pm1_part_bj{ position:absolute; top:50%; background-color:#0080cc; height:100%; width:100%; z-index:89; height:440px;opacity:0; margin-top:30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}

.pm1_part:hover{ background-color:inherit;}
.pm1_part:hover .pm1_part_k{ margin-top:30px;}
.pm1_part:hover .pm1_part_overk,.pm1_part:hover .pm1_part_bj,.pm1_part:hover .pm1_p_hx{ opacity:1; }
.pm1_part:hover .pm1_p_bt, .pm1_part:hover .pm1_p_bt span, .pm1_part:hover .pm1_p_js, .pm1_part:hover .pm1_p_hx{ color:#fff;}
.pm1_part:hover .pm1_p_js,.pm1_part:hover .pm1_p_hx{ border-top:2px dotted #fff;}
.pm1_part .pm1_p_tb{ background-position: center; background-size: auto 76px;}
#pm1_1 .pm1_p_tb{ background-image:url(../png/4vd4xh.png);}
#pm1_2 .pm1_p_tb{ background-image:url(../png/n6qszr.png);}
#pm1_3 .pm1_p_tb{ background-image:url(../png/4b2zzl.png);}
#pm1_4 .pm1_p_tb{ background-image:url(../png/iq5134.png);}
#pm1_1:hover .pm1_p_tb{ background-image:url(../png/mzoo2z.png);}
#pm1_2:hover .pm1_p_tb{ background-image:url(../png/ouwjiv.png);}
#pm1_3:hover .pm1_p_tb{ background-image:url(../png/84nrti.png);}
#pm1_4:hover .pm1_p_tb{ background-image:url(../png/5eo051.png);}
.pm2{ background:url(../jpg/mzoo2z.jpg) no-repeat top center; background-size:cover; position:relative;}
.pm2_a{width: 100%;height: 100%;position: relative;}
.pm2_a ul{width: 90%;height:350px;position: absolute;top:0;left:0;right: 0;bottom: 0;margin: auto;transform: translateY(80px);}
.pm2_a ul li{width: 19%;height: 100%;float: left;text-align: center;margin:0 0.5%;transition: all 0.2s}
.pm2_a ul li:hover{opacity: 0.5;}
.pm2_a ul li a img{border-radius:10px ;}
.pm2_a ul li a p{color: #0080cc;font-size: 24px;line-height: 2em;}
.pm3{ background:url(../jpg/ouwjiv.jpg) no-repeat top center; background-size:cover; position:relative;}

.pm3_k{ max-width:1200px; margin:0px auto; padding-top:200px;}
.pm3_kl{ width:48%; float:left; margin-left:15px;}
.pm3_kr{ width:48%; float:right; margin-right:15px;}
.pm3_kl1{ width:100%;}

.pm3_numtb{ background:url(/images/pm3_bt.png) no-repeat top center; width:65px; height:65px; margin-top:23px;float:left;}
.pm3_kl1{ width:100%;}
.pm3_num{ font-family:'alt'; font-size:150px; color:#ff9000; line-height:120px; margin-left:10px;float:left;}
.pm3_jia{ font-family:'alt'; font-size:40px; color:#ff9000; font-weight:bold; line-height:30px; float:left;}
.pm3_js{ color:#0059aa; font-size:27px; font-weight:bold; line-height:30px;float:left;}
.pm3_js span{ display:block; color:#222222; font-size:24px; font-weight:normal; margin-top:23px;}

.pm3_kl2{ width:100%; margin-top:15px; position:relative; height:305px;}
.pm3_lp{ background:url(/images/pm3_nbj.png) no-repeat; width:134px; height:155px; text-align:center; position:absolute;}
.pm3_lp1{ font-size:18px; color:#ff9000; margin:15px 0px 5px; text-transform:uppercase;font-family:'futura_md_btmedium';}
.pm3_lp2{ color:#095fad; font-size:53px;  font-family:'alt'; line-height:40px; }
.pm3_lp3{ color:#222222; font-size:17px;}

.pm3_lpline{ width:490px; height:1px; border-bottom:1px dotted #0059aa; position:absolute; top:150px;}
#pm3_p4, #pm3_p5{ background-image:url(/images/pm3_nbjd.png);}
#pm3_p4 .pm3_lp1, #pm3_p5 .pm3_lp1{ margin:42px 0px 5px;}

#pm3_p1{ top:0px; left:0px;}
#pm3_p2{ top:0px; left:177px;}
#pm3_p3{ top:0px; left:350px;}
#pm3_p4{ top:147px; left:90px;}
#pm3_p5{ top:147px; left:263px;}


/* 锟斤拷示锟皆讹拷锟斤拷 */
.stateTip, #StateTip{display:none; position:absolute; padding:0px; z-index:9999;}
.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}

.pm4{ background:url(../jpg/84nrti.jpg) no-repeat top center; background-size:cover; position:relative; position:relative;}
.pm4 .inx_bt, .pm4 .inx_bt span{ color:#FFF;}

.pm4k{ max-width:920px; margin:auto; position: absolute;top: 0;left: 0;right: 0;bottom: 0; height: 190px;}
.pm4kl{ width:331px; float:left; margin-left:15px;}
.pm4kr{ width:47%; float:right; margin-right:15px;}

.pm4_tel{ text-align:center; color:#FFF; margin-bottom:25px;}
.pm4_tel p{ background:url(/images/pm4tb.png) no-repeat top left; height:34px; line-height:34px; font-size:17px; text-align:left; padding-left:45px; width:170px; margin:15px auto 5px;}
.pm4_tel a{ color:#ffc000; font-size:42px; font-family:'futura_md_btmedium'; }

.pm4kr{ text-align:right;}
.pm4kr a{ display:block; margin-top:25px;}

footer{ width:100%;}
#inxfoot{ position:absolute; bottom:0px;}
.inx_sp a{ display:block; width:100%; height:100%; background:url(../jpg/5eo051.jpg) no-repeat top center #3a9de6; cursor:pointer; position:relative}
.inx_sp{ width:100%; height:235px;}

.footbq{ background-color:#245081; text-align:center; color:#FFF; line-height:40px; font-size:12px;}
.footbq a{ color:#fff;}


.lbox{ width:100%; height:100%; z-index:9999; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.8); display:none;}
.lbox_close{ background:url(/images/closeny.png) no-repeat; background-size:contain; width:35px; height:35px; float:right; margin:25px; background-size:100%; display:block;cursor:pointer;}
.spkk{ width:960px; height:500px; margin:0px auto;position:absolute; top:50%; left:50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); }

.lbox_map{ width:100%; height:100%; z-index:9999; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.8); display:none;}
.mapkk{ width:100%; height:auto; margin:0px auto;position:absolute; top:50%; text-align:center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.mapkk img{ width:95%; height:auto;}

.nybanner{ width:100%; height:380px; background-position:center top;  background-repeat:no-repeat; background-size:cover;}

.ny_kw{ width:100%; margin:0px auto;}
.ny_k_cn{ max-width:1200px; margin:0px auto; padding:60px 0px;}
.ny_bt{ font-size:26px; color:#0080cc; text-align:center; margin-bottom:35px;}
.ny_bt span{ display:block; color:#818181; font-family:'futura_md_btmedium'; text-transform:uppercase; font-size:19px; margin-top:5px;}
.ny_sm{ text-align:center; width:100%; font-size:16px; color:#565656; line-height:32px;}

#ny_kg{ background-color:#f3f3f3;}
.pro1list div a { display:block; text-align:center; color:#003366; font-size:18px; margin-bottom:20px; padding-top:120px; background-position:center top; background-repeat:no-repeat;
-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.pro1list div a span{ text-transform:uppercase; font-size:12px; margin-top:5px; display:block; color:#003366}

.pro1_p1{ background-image:url(/images/pro1_03.png);}
.pro1_p1:hover{ background-image:url(/images/pro1o_03.png);}
.pro1_p2{ background-image:url(/images/pro1_05.png);}
.pro1_p2:hover{ background-image:url(/images/pro1o_05.png);}
.pro1_p3{ background-image:url(/images/pro1_07.png);}
.pro1_p3:hover{ background-image:url(/images/pro1o_07.png);}
.pro1_p4{ background-image:url(/images/pro1_09.png);}
.pro1_p4:hover{ background-image:url(/images/pro1o_09.png);}
.pro1_p5{ background-image:url(/images/pro1_11.png);}
.pro1_p5:hover{ background-image:url(/images/pro1o_11.png);}
.pro1_p6{ background-image:url(/images/pro1_13.png);}
.pro1_p6:hover{ background-image:url(/images/pro1o_13.png);}


.pro2_p1{ background-image:url(/images/pro2_03.png);}
.pro2_p1:hover{ background-image:url(/images/pro2o_03.png);}
.pro2_p2{ background-image:url(/images/pro2_05.png);}
.pro2_p2:hover{ background-image:url(/images/pro2o_05.png);}
.pro2_p3{ background-image:url(/images/pro2_07.png);}
.pro2_p3:hover{ background-image:url(/images/pro2o_07.png);}
.pro2_p4{ background-image:url(/images/pro2_09.png);}
.pro2_p4:hover{ background-image:url(/images/pro2o_09.png);}
.pro2_p5{ background-image:url(/images/pro2_11.png);}
.pro2_p5:hover{ background-image:url(/images/pro2o_11.png);}
.pro2_p6{ background-image:url(/images/pro2_13.png);}
.pro2_p6:hover{ background-image:url(/images/pro2o_13.png);}


.pro3_p_bt{ width:100%; text-align:center; font-size:18px; color:#003366; background:url(/images/pro3_tb.png) no-repeat center 85px; padding:20px 0px 75px;}
.pro3_p_bt span{ display:block; font-size:12px;  text-transform:uppercase;}
.pro3_p_pic{ width:95%; margin:0px auto; margin-bottom:30px;}
.pro3_p_pic img{ width:100%; height:auto;}
.pro3_p_more{ width:94px; height:auto; margin:0px auto 30px; color:#999999; text-align:center; padding:5px 0px; border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2;}
.pro3_p_more span{ color:#d0d0d0; font-size:12px; display:block;}
.pro3_p{ padding-top:10px; cursor:pointer;}
.pro3_p, .pro3_p *{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.pro3_p:hover{ background-color:#00a8ff;}
.pro3_p:hover .pro3_p_bt,.pro3_p:hover .pro3_p_more,.pro3_p:hover .pro3_p_more span{ color:#FFF;}

.ny_cen{ margin-top:60px; width:100%; font-size:15px; line-height:30px;}
.ny_cen img{ max-width:100%; height:auto;}

.ny_bt_line{ width:100%; height:83px; background:url(/images/btline.png) no-repeat center top;}
#ny_bt_line .ny_bt{ margin-bottom:15px;}
#ny_bt_line{ width:100%; max-width:none; padding-bottom:30px;}

.pro1_pic{ width:98%; text-align:center; margin:0px auto;}
.pro1_pic img { max-width:100%; height:auto;}

.pro1_txt{ width:90%; margin:25px auto;}
.pro1_bt{ background:url(/images/btk.png) no-repeat left top; height:80px; padding:18px 0px 0px 15px; font-size:18px; color:#333333;}
.pro1_bt span{ display:block; font-size:12px; text-transform:uppercase;}

.pro1_nr{ margin-top:30px; padding-top:30px; background:url(/images/btline2.jpg) no-repeat top left; color:#585858; font-size:16px; line-height:36px;}
.pro1_nr span{ color:#ff9000;}
#ny_kg_jt{ background:url(/images/btjt.png) no-repeat center top #fff; padding-top:70px;}
#ny_kg_jt2{ background:url(/images/btjt2.png) no-repeat center top #f3f3f3; padding-top:70px;}

#ny_bt_line .ny_sm{ max-width:1200px; width:95%; margin:20px auto;}
#ny_kg_af{ background:#f0f0f0 url(/images/gbj.png) repeat-x top;}
#ny_kg_af .ny_k_cn{ padding-top:0px;}

.pro2np{ background:#fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.08); width:98%; margin:0px auto 35px; padding:8px;}
.pro2n_pic img{ width:100%; height:auto;}
.pro2n_txt{ margin:15px 0px; font-size:18px; line-height:26px; color:#0080cc; text-align:center; height:45px;}
.pro2n_js{ padding:0px 5px; font-size:15px; line-height:24px; min-height:165px;}

.pro2more{ margin-top:35px;}
.pro2more img{ max-width:100%; height:auto;}
.pro2more1{ text-align:center;}
.pro2more2{ text-align:center; padding-top:20px;}
.pro2_thr .col-sm-4{ padding-left:45px; padding-right:45px;}


/*锟斤拷确锟?/
.col-md-1-5 {

width: 20%;

float: left;

}

.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {

min-height: 1px;

padding-left: 15px;

padding-right: 15px;

position: relative;

}

#zcbannerCarousel, #zcbannerCarousel .item{ width:100%; }
#zcbannerCarousel .item a{ width:100%; display:block; background-repeat:no-repeat; background-position:center top; background-size:cover; height:460px;}

.zcpart{ text-align:center;}
.zcpart img{ display:inline-block;}
.zcpart h2{ color:#0080cc; font-size:20px; margin-top:0px;}
.zcpart p{ color:#818181; font-size:16px; line-height:32px; width:80%; margin:0px auto 25px;}

#myCarousel .carousel-control.left{ background:url(../images/zclogo.png) no-repeat; margin-left:0px; margin-top:0px;}
#myCarousel .carousel-control.right{ background:url(../images/zclogo_09.png) no-repeat; margin-right:0px; margin-top:0px;}
#myCarousel .carousel-control{ width:23px; height:45px; top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.zclogo{ width:96%; margin:10px auto 20px; text-align:center;}
.zclogo li{background:url(../images/zclogobj.png) no-repeat; width:168px; height:168px; margin:0px 15px 20px; text-align:center; display:inline-block; background-size:contain;}
.zclogo li img{ max-width:100%; height:auto; margin-top:25px;}
.zclogo li p{ font-size:14px; margin-top:3px; color:#585858; display:none;}

#usetop{ padding-top:60px;}
.useklbt{ width:100%; text-align:center; margin-bottom:70px; background:url(../images/use_02.jpg) top center; height:40px; line-height:40px; font-size:20px; color:#585858;}
.useklbt i{ color:#ff9711; font-weight:bold;}
.usetopimg{ max-width:1200px; margin:0px auto; width:97%; margin-bottom:70px; text-align:center;}
.usetopimg img{ max-width:100%; height:auto;}
#usepartk{ text-align:left;}
.usepart{ margin:0px 0px 20px; position:relative; background-repeat:no-repeat; width:384px; height:341px; overflow:hidden; display:inline-block;}
#usepart1{ background-image:url(../images/usepartbj.png);}
#usepart2{ background-image:url(../images/usepartbj_05.png);}
.useparttb{ position:absolute; top:0px; left:0px;}
.usepart h2{ font-size:20px; width:200px; margin-left:125px; margin-top:70px;}
.usepart h2 span{ font-size:14px; display:block; margin-top:8px;}
#usepart1 h2{ color:#fff;}
#usepart2 h2{ color:#0080cc;}
.usepart p{ width:275px; margin:30px 0px 0px 68px; color:#585858; font-size:14px; line-height:22px;}

.usecase .usecasep{ position:relative; padding:0px; margin:0px 0.8% 15px; width:18%;}
.usecasep_bt{ position:absolute; height:30px; line-height:30px; font-size:12px; text-align:center; color:#FFF; width:100%; background-color:rgba(0,0,0,0.6); bottom:0px; left:0px;}
.usecasep img{ width:100%; height:auto;}

#ny_center{ text-align:left;}
#ny_center img{ max-width:100%; height:auto;}
#about_cur{ background:url(../images/aboutbj.jpg) no-repeat center; background-size:cover; text-align:right;}
#about_cur img{ max-width:100%; height:auto;}
#about_cur .ny_k_cn{ padding:50px 0px 10px;}

#aboutteam .usecasep{ cursor:pointer;}
.picbigkk{ text-align:center;}
.picbigkk img{ max-width:95%; height:auto; margin-top:35px;}

.newspage{ width:100%; text-align:center; margin:50px 0px;}
.newspage span{ margin-left:3px; margin-right:3px;}
.newspage a{ padding:5px; border:1px solid #ccc; line-height:30px; }
.newspage a:hover{ color:#fff; background:#003c83;border:1px solid #003c83;}
.speedlink{ margin-bottom:20px;  height:20px; text-align:center; color:#999;}
.speedlink ul span{ width:auto; border-bottom:none; margin-left:5px; margin-right:5px; color:#666;}

#newscen{ font-size:15px; line-height:30px; margin-bottom:50px;}
#newscen img{ max-width:100%;}
#news02{ margin:35px 0px; width:100%; background-color:#f7f7f7; padding-bottom:20px;}
.newsnybt{ color:#003c83; font-size:24px; text-align:center; padding:40px 0px 20px;}
.news02li{ margin:20px auto; border-bottom:1px dotted #ccc; padding:0px 0px 20px;}
.news02li_pic img{ width:100%; height:auto;}
.news02li_bt a{ color:#003c83; font-size:20px; line-height:34px;}
.news02li_js{ font-size:16px; line-height:24px; color:#585858; padding:10px 0px;}
.news02li_more a{ color:#003c83; font-size:16px;}
.news02li_bt a:hover,.news02li_more a:hover{ color:#ff9900;}

.prenext{ margin:20px 0px 0px;}
.prenext div{ margin:10px 0px; font-size:16px;}

#newscen{ font-size:15px; line-height:30px; margin-bottom:50px;}
#newscen img{ max-width:100%; height:auto}

.conjob{ margin-bottom:70px;}

.conjobrow{ width:100%; height:50px; line-height:50px; border-bottom:1px dashed #cfd5d4; color:#585858;}
.conjobrow div{ display:inline-block; text-align:center;}
#cjrbt{ color:#fff; background-color:#0080cc; border-bottom:none;}
.conjobrow a{ color:#003c83;}
.cjgw{ width:19%}
.cjbm{ width:15%}
.cjadd{ width:15%}
.cjnum{ width:15%}
.cjtime{ width:15%}
.cjsq{ width:15%}
.conjobrow a:hover{ color:#ff9000;}

#newscen .pm4_tel{ color:#666666;}
#newscen .pm4_tel p{ background:url(../images/pm4tb1.png) no-repeat top left; margin-bottom:30px;}

#logfooter{ position:fixed; bottom:0px;}

#logban { bottom:50px;}

.log{ background:url(../images/logbj.png) no-repeat center top; width:368px; height:379px; position:fixed; z-index:999; right:10%; top:50%;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top:75px;
}

.logp{ position:absolute; top:-186px; left:45px;}

.log form{ width:300px; margin:0px auto; position:relative; padding-top:85px;}
.logtxt, .logbut, .logpsd{ display:block; height:40px; margin-bottom:20px; border:none; outline:none; width:100%;}
.logtxt{ background:url(../images/logk1.jpg) no-repeat ;  padding-left:50px; color:#333333;}
.logpsd{ background:url(../images/logk2.jpg) no-repeat ;  padding-left:50px; color:#333333;}
.logbut{ background-color:#85c226; color:#FFF; font-size:18px; line-height:40px; border-radius:5px;}
.logbut:hover{ background:#F90;}
.logyzm{ display:block; height:38px; border:1px solid #CCC; padding:0px 10px; outline:none; width:80px;}
.logyzmk{ width:100%; margin-bottom:20px;}

.checkbox{ padding-top:15px;}

.case_p1{ margin:50px auto 0px;}
.case_p1 #case_p1_part{ padding-left:0px; padding-right:0px; margin-bottom:20px;} 
#case_p1_part *{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
#case_p1_part{ cursor:pointer;}
.case_p1_part_up{ position:relative; width:185px; height:160px; overflow:hidden; margin:0px auto; display:block;}
.case_p1_k{ width:100%; height:100%; background:url(../images/casek01.png) no-repeat top center; position:absolute; top:0px; left:0px; z-index:101;}
#case_p1_part:hover .case_p1_img{-webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);}
#case_p1_part h2{ text-align:center; font-size:16px; font-weight:normal; margin:15px 0px;}
#case_p1_part:hover h2{ color:#0080cc;}
#casep2img{ display:inline-block;}

.case_p3p{ width:180px; height:180px; margin:5px 15px; display:inline-block; position:relative;}
.case_p3p *,.case_p4p *{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.case_p3_k{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:102; background:url(../images/casek031.png) no-repeat top center;}
.case_p3p:hover .case_p3_k{ background:url(../images/casek032.png) no-repeat top center;}
.case_p3, .case_p4{ width:100%; text-align:center;}


.case_p4p{ width:200px; height:174px; margin:5px 15px; display:inline-block; position:relative;}
.case_p4_k{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:103; background:url(../images/case4k1.png) no-repeat top center;}
.case_p4p:hover .case_p4_k{ background:url(../images/case4k2.png) no-repeat top center;}

#case_dl{ position:relative;}
.case_dl_cen{ text-align:center; padding:90px 0px;}
.case_dl_cen img{-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;}
.case_dl_cen h3{ font-size:22px; color:#47a6ef;}

.case_dl_p{ position:absolute; max-width:380px;-moz-box-shadow:2px 2px 9px #333333; -webkit-box-shadow:2px 2px 9px #333333; box-shadow:2px 2px 9px #333333;}
.case_dl_k{ position:relative; width:100%;}
.case_dl_bt{ width:100%; height:45px; line-height:45px; color:#fff; background-color:#7fc7ff; font-size:15px; padding:0px 10px;}
.case_dl_js{ width:100%; line-height:20px; background-color:#fff; font-size:14px; padding:10px 15px;}
.case_dl_num{ background:url(../images/casedlnum.png) no-repeat; width:57px; height:57px; text-align:center; font-size:16px; color:#0080cc; line-height:57px; position:absolute;}

#case_dl_p1{ top:0px; left:0px;}
#case_dl_p2{ top:0px; right:0px;}
#case_dl_p3{ bottom:90px; left:0px;}
#case_dl_p4{ bottom:90px; right:0px;}

#case_dl_p1 .case_dl_num{ bottom:-32px; right:-32px;}
#case_dl_p2 .case_dl_num{ bottom:-32px; left:-32px;}
#case_dl_p3 .case_dl_num{ top:-32px; right:-32px;}
#case_dl_p4 .case_dl_num{ top:-32px; left:-32px;}

/* sploading */
.spinner {
  width: 60px;
  height: 60px;
  margin: 0px auto 0px;
  background-color: #fff;
  position:absolute;
  top:135px;
  left:50%;
  margin-left:-30px;
 
  border-radius: 100%; 
  -webkit-animation: scaleout 1.5s infinite ease-in-out;
  animation: scaleout 1.5s infinite ease-in-out;
}
 
@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
 
@keyframes scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

#spinner1 {-webkit-animation: scaleout 1.5s infinite ease;
  animation: scaleout 1.5s infinite ease;}

#newscen .cont-tel{ width:49.5%; float:left;}
.cont-tel span{ font-size:25px; font-weight:bold; color:#0080cc;}
#newscen .cont-tel1{ border-right:1px dotted #999999;}

.contbs{ text-align:center; font-weight:bold; margin-top:50px; font-size:18px;}

.nygettop{ width:70px; height:100px; margin:10px auto 30px; display:block; display:none;}

#p3top{ display:block;}

.lanren{position:relative;color: #fff; text-align:center; width: 130px;height: 255px;margin:0px auto;background-color: rgba(0,128,204,0.75);position: relative;}
.lanren .left{width: 0;height: 0;position:absolute;left:-77.4px;top:0;border-right:77.4px solid rgba(0,128,204,0.75);border-top:127.5px solid transparent;border-bottom:127.5px solid transparent;}
.lanren .right{width: 0;height: 0;position:absolute;right:-77.4px;top:0;border-left:77.4px solid rgba(0,128,204,0.75);border-top:127.5px solid transparent;border-bottom:127.5px solid transparent;}
.lanren h1{ font-weight: 100;color: #fff; }
.lanren .text{position: absolute; bottom: 0;width: 100%;}
.lanren .text p{text-indent: 0px; font-size: 1.2em;}