/* wrap ********************************************************/
	.wrap1200 .wrap, .wrap { width:1200px; margin:0 auto}
	.wrap980 .wrap { width:980px; margin:0 auto}
	.wrap980 body { font-size:14px}


/* header ******************************************************/
	.header { position:fixed; left:0; top:0; width:100%; height:80px; line-height:80px; background:rgba(0,0,0,.3); overflow:hidden; z-index:10}
	.header .logo { margin-top:18px}
	.header .menu { margin-left:100px}
	.header .menu li { float:left; margin-left:40px; text-align:center}
	.header .menu li a { display:block; font-size:16px; line-height:78px; color:#e4e4e4; display:block; zoom:1}
	.header .menu li a:hover, .header .menu li.on a { color:#ff9b1a; border-bottom:2px solid #f19814}
	.header .tel { float:right; margin-top:24px; padding-left:40px; font-size:26px; color:#fff; line-height:32px; letter-spacing:1.3px; background:url(../images/icon_tel.png) no-repeat left center; background-size:auto 100%}
	.header.headerFix { background:rgba(0,0,0,.8)}

	.wrap980 .header .menu { margin-left:50px}
	.wrap980 .header .menu li { margin-left:30px}
	.wrap980 .header .tel { padding-left:30px; font-size:20px; background-size:auto 80%}



/* banner ******************************************************/

	/* 首页banner */
	.banner { position:relative; height:650px; background:no-repeat center; background-size:cover; overflow:hidden}
	.home_banner .hd { position:absolute; left:0; bottom:0; width:100%; text-align:center; _background:#fff; _filter:alpha(opacity=60); z-index:9}
	.home_banner .hd ul { text-align:center}
	.home_banner .hd li { display:inline-block;  padding:15px 0; margin:0 5px; vertical-align:middle; cursor:pointer}
	.home_banner .hd li a { display:block; width:25px; height:5px; vertical-align:middle; background:#6f6f6f; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; line-height:9999px; transition:all 0.2s ease-in-out}
	.home_banner .hd li.on a { background:#fff; filter:alpha(opacity=70); -moz-opacity:7.0; opacity:7.0}
	.home_banner .bd { margin:0 auto; height:100%; overflow:hidden}
	.home_banner .bd ul { width:100% !important}
	.home_banner .bd li { width:100% !important; height:650px; text-align:center; background:no-repeat center; background-size:cover; animation:banenrbg .4s ease both; -moz-animation:banenrbg .4s ease both; -webkit-animation:banenrbg .4s ease both; -o-animation:banenrbg .4s ease both}

	.home_banner .prev, .home_banner .next { position:absolute; top:50%; width:30px; height:60px; margin-top:-30px; background:url(../images/banner_arrow.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px; filter:alpha(opacity=40); opacity:0.4; overflow:hidden; display:none; z-index:10}
	.home_banner .prev { left:60px}
	.home_banner .next { right:60px; background-position:-30px 0}
	.home_banner .prev:hover, .home_banner .next:hover { filter:alpha(opacity=100) !important; opacity:1 !important}

	.wrap980 .banner,
	.wrap980 .home_banner .bd li { height:540px}
	.wrap980 .home_banner .prev { left:30px}
	.wrap980 .home_banner .next { right:30px}

	@keyframes banenrbg { 0%{ transform:scale(1.5)}100%{ transform: scale(1)}}
	@-moz-keyframes banenrbg { 0%{ transform:scale(1.5)}100%{ transform: scale(1)}}
	@-webkit-keyframes banenrbg { 0%{ transform:scale(1.5)}100%{ transform: scale(1)}}
	@-o-keyframes banenrbg { 0%{ transform:scale(1.5)}100%{ transform: scale(1)}}


	/* 内页banner */
	.banner_solution { background-image:url(../images/banner_solution.jpg)}
	.banner_case { background-image:url(../images/banner_case.jpg)}
	.banner_news { background-image:url(../images/banner_news.jpg)}
	.banner_about { background-image:url(../images/banner_about.jpg)}
	.banner_careers { background-image:url(../images/banner_careers.jpg)}
	


/* box *********************************************************/
	.box { padding:70px 0; overflow:hidden}
	.box .title { display:block; text-align:center; overflow:hidden}
	.box .title h2 { font-size:36px; color:#000}
	.box .title h3 { font-size:18px; color:#666}
	.box .title .line { margin:20px auto 40px auto; width:80px; height:2px; background:#03a3e5}
	.wrap980 .box { padding:40px 0}
	.wrap980 .box h2 { font-size:30px}
	.wrap980 .box h3 { font-size:16px}



/* solution ****************************************************/
	.solution ul { display:inline-block; margin:0 -12px; overflow:hidden}
	.solution li { position:relative; float:left; width:33.3333333%}
	.solution .item { margin:20px 12px; color:#999; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #999; transition:all .2s linear; background:#fff no-repeat center bottom; background-size:100% auto}
	.solution li .item img { width:100%}
	.solution_cover { position:relative; padding:5px}
	.solution_cover em { position:absolute; right:20px; top:10px; font-size:34px; font-weight:bold; color:#aaa}
	.solution_title { margin:20px 10px 15px 10px; padding:0 10px 10px 10px; font-size:24px; line-height:1.4; border-bottom:2px solid #007eff}
	.solution_info { height:270px; padding:0 15px; text-align:left; line-height:1.8}
	.solution_info p:first-child { min-height:115px}
	.solution_info .line { display:inline-block; margin:6px 0 16px 0; width:52px; height:5px; background:#007eff}
	.solution li:hover .item { color:#fff; transform:translate3d(0,-5px,0); background:#007eff !important}
	.solution li:hover .item .solution_title { border-bottom-color:#7bc4ea}
	.solution li:hover .item .solution_info .line  { background:#7bc4ea}
	.solution_more { display:inline-block; margin:30px 0 10px 0; padding:10px 100px; font-size:24px; color:#666; text-align:center; border-radius:100px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); transition:all .2s linear}
	.solution_more:hover { color:#fff; background:#007eff}
	.solution_more span { margin-left:20px; font-family:"宋体"}
	
	.solution .item.item_ds { background-image:url(../images/solution/ds_bg.jpg)}
	.solution .item.item_sj { background-image:url(../images/solution/sj_bg.jpg)}
	.solution .item.item_jy { background-image:url(../images/solution/jy_bg.jpg)}
	.solution .item.item_qkldz { background-image:url(../images/solution/qkldz_bg.jpg)}
	.solution .item.item_qkljr { background-image:url(../images/solution/qkljr_bg.jpg)}
	.solution .item.item_qklzc { background-image:url(../images/solution/qklzc_bg.jpg)}
	.solution .item.item_zhtc { background-image:url(../images/solution/zhtc_bg.jpg)}
	.solution .item.item_wyc { background-image:url(../images/solution/wyc_bg.jpg)}
	.solution .item.item_zncdz { background-image:url(../images/solution/zncdz_bg.jpg)}
	.solution .item.item_zhwl { background-image:url(../images/solution/zhwl_bg.jpg)}
	.solution .item.item_jd { background-image:url(../images/solution/jd_bg.jpg)}
	.solution .item.item_znyx { background-image:url(../images/solution/znyx_bg.jpg)}

	.wrap980 .solution_title { margin-top:15px; font-size:20px}
	.wrap980 .solution_cover em { font-size:24px; color:#aaa}
	.wrap980 .solution_info { height:280px}
	.wrap980 .solution_info p:first-child { min-height:120px}
	.wrap980 .solution_more { padding:10px 60px; font-size:20px}




/* case ********************************************************/
	.case_list ul { margin:0 -18px}
	.case_list li { float:left; width:33.33333%}
	.case_list li:first-child .item { background:url(../images/case_bg.jpg) no-repeat center top; background-size:cover}
	.case_list li a { display:block}
	.case_list .item { position:relative; height:580px; margin:30px 18px; padding-bottom:30px; font-size:24px; color:#999; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:10px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); background:#fff; overflow:hidden}
	.case_list .list_cover img { width:100%; border-radius:10px 10px 0 0}
	.case_list .list_logo { padding:30px 0}
	.case_list .list_logo img { width:100px; height:100px; border-radius:20px; box-shadow:0 0 15px 0 rgba(0,0,0,.2)}

	.case_list .show { position:absolute; left:0; top:-200%; width:100%; height:100%; padding-top:70px; font-size:18px; color:#fff; text-align:left; line-height:1.8; background:#007eff; transition:all .4s linear; -moz-transition:all .4s linear; -webkit-transition:all .4s linear; -o-transition:all .4s linear}
	.case_list li a:hover .show { top:0}

	.wrap980 .case_list .item { height:500px; font-size:20px}
	.wrap980 .case_list .show { padding-top:50px; font-size:16px; line-height:1.6}


	.case_detail { margin-top:80px}
	.case_detail .item { margin-bottom:60px}
	.case_detail h3 { display:inline-block; margin-bottom:40px; padding:7px 40px; font-size:26px; color:#fff; text-align:center; background:#f19814}
	.case_detail .case_title { padding:30px 0 60px 0; margin-bottom:30px; text-align:center; background:url(../images/case_line.png) no-repeat center bottom}
	.case_detail .case_title .logo { margin:0 auto; width:160px; height:160px; border-radius:20px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); overflow:hidden}
	.case_detail .case_title .name { margin:0 auto; display:inline-block; margin:20px 0; padding:3px 50px; font-size:26px; color:#fff; text-align:center; border-radius:30px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); background:#3591d0; overflow:hidden}
	.case_detail .case_title .label em { display:inline-block; margin:0 10px; padding:3px 20px; min-width:80px; color:#666; text-align:center; border-radius:30px; border:1px solid #a7a7a7}
	.case_detail .case_intro { font-size:18px; color:#666; line-height:1.8}
	.case_detail .case_back { display:inline-block; margin-top:50px; padding:10px 130px; font-size:24px; color:#666; text-align:center; border-radius:100px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); transition:all .2s linear}
	.case_detail .case_back:hover { color:#fff; background:#007eff}

	.case_detail .show { width:100%; background:no-repeat center; background-size:100% auto}
	.case_detail .show img { display:none}

	.wrap980 .case_detail .case_title .name { font-size:20px}
	.wrap980 .case_intro, .wrap980 .case_intro .f24 { font-size:16px !important}



/* news ********************************************************/
	.news ul { margin:0 -12px; overflow:hidden}
	.news li { position:relative; float:left; width:33.3333333%}
	.news li a { display:block}
	.news li a:hover .item { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transform:translate3d(0,-3px,0); cursor:pointer}
	.news .item { margin:20px 18px; padding-bottom:20px; color:#999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:10px; box-shadow:0 0 15px 0 rgba(0,0,0,.3); background:#fff; transition:all .2s linear; overflow:hidden}
	.news .news_cover img { width:100%}
	.news .news_info { padding:0 20px; color:#666; text-align:left; line-height:1.8}
	.news .news_title { height:30px; line-height:30px; padding:0 20px; margin:10px 0; font-size:18px; font-weight:bold; color:#333}
	.animate { display:inline-block; white-space:nowrap; animation:10s wordsLoop linear infinite normal}
	@keyframes wordsLoop {
		0% { transform:translateX(200px); -webkit-transform:translateX(200px)}
		100% { transform:translateX(-100%); -webkit-transform:translateX(-100%)}
	}
 
	@-webkit-keyframes wordsLoop {
		0% { transform:translateX(200px); -webkit-transform:translateX(200px)}
		100% { transform:translateX(-100%); -webkit-transform:translateX(-100%)}
	}


	.news_detail { margin-top:100px; padding:40px 0}
	.news_detail .back { margin-bottom:30px}
	.news_detail .back a { color:#999}
	.news_detail .back span { margin-right:5px; font-family:"宋体"; font-weight:bold}
	.news_detail .title { font-size:24px; color:#2a2a2a; text-align:center}
	.news_detail .date { padding:10px 0 30px 0; font-size:16px; color:#999; text-align:center; border-bottom:1px solid #ddd}
	.news_detail .con { margin-top:30px}
	.news_detail .con p { padding:10px 0; line-height:2}
	.news_detail .con img　{ max-width:100%; text-align:center}
	.news_detail .con ul { padding-left:20px}
	.news_detail .con li { margin-left:20px; list-style:outside disc}



/* about ********************************************************/
	.about_profile { padding-bottom:0; background:#efefef}
	.about_profile dt { float:left; width:380px}
	.about_profile dt img { border-radius:10px 10px 0 0}
	.about_profile dd { margin-left:440px; padding:10px 0; font-size:26px; line-height:1.8; overflow:hidden}
	
	.about_culture { background:#fff}
	.about_culture ul { margin:10px -80px}
	.about_culture li { display:inline-block; float:left; width:33.33333%; font-size:24px; color:#333; text-align:center}
	.about_culture li .item { padding:0 80px; transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s}
	.about_culture li em { display:inline-block; margin-bottom:30px; padding-top:35px; width:180px; height:145px; font-size:38px; color:#fff; border-radius:50%; background:rgba(0,126,255,1)}
	.about_culture li .item:hover { -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-15px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px)}
	.about_culture li .item:hover em { background:rgba(0,126,255,.7)}
	
	
	.about_advantage { height:760px; background:url(../images/about_advantage_bg.jpg) no-repeat center; background-size:cover}
	.about_advantage .title h2, .about_advantage .title h3 { color:#fff}
	.about_advantage .about_advantage_main { position:relative; height:640px; background:url(../images/about_advantage.png) no-repeat center; background-size:auto 450px}
	.about_advantage .title .line { background:#fff}
	.about_advantage .txt { position:absolute; font-size:22px; color:#fff; line-height:1.6}
	.about_advantage .txt_t, .about_advantage .txt_b { left:0; width:100%; height:75px; text-align:center}
	.about_advantage .txt_t { top:0}
	.about_advantage .txt_b { bottom:0}
	.about_advantage .txt_l1, .about_advantage .txt_l2, .about_advantage .txt_r1, .about_advantage .txt_r2 { width:350px; height:140px}
	.about_advantage .txt_l1, .about_advantage .txt_l2 { left:0}
	.about_advantage .txt_r1, .about_advantage .txt_r2 { right:0}
	.about_advantage .txt_l1, .about_advantage .txt_r1 { top:150px}
	.about_advantage .txt_l2, .about_advantage .txt_r2 { bottom:110px}

	.about_contact .contact_title { margin-bottom:50px; text-align:center}
	.about_contact .contact_title span { display:inline-block; width:500px; padding:8px 80px; font-size:32px; color:#fff; text-align:center; border-radius:100px; background:#007eff}
	.about_contact .contact_txt { width:45%}
	.about_contact .contact_txt li { padding:10px 0; font-size:18px}
	.about_contact .contact_map { margin-top:20px; width:45%; height:300px; border:1px solid #ddd}

	#dituContent { overflow:hidden}
	#dituContent #mask { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0}
	#dituContent img { max-width:inherit}
	.iw_poi_title { padding-right:20px; font-size:14px; font-weight:normal; color:#fe722d; white-space:nowrap; overflow:hidden}
	.iw_poi_content { font:12px 'Microsoft YaHei', 微软雅黑; color:#333; white-space:-moz-pre-wrap; word-wrap:break-word; line-height:2; overflow:visible}


	.wrap980 .about_profile dd { font-size:22px}
	.wrap980 .about_culture li { font-size:18px}
	.wrap980 .about_culture li em { padding-top:40px; height:140px; font-size:34px}
	.wrap980 .about_advantage .about_advantage_mid { height:600px}
	.wrap980 .about_advantage .txt_t, .wrap980 .about_advantage .txt_b { height:60px}
	.wrap980 .about_advantage .txt { font-size:16px}
	.wrap980 .about_advantage .txt_l1,
	.wrap980 .about_advantage .txt_l2,
	.wrap980 .about_advantage .txt_r1,
	.wrap980 .about_advantage .txt_r2 { width:260px}
	.wrap980 .about_contact .contact_title span { font-size:24px}
	.wrap980 .about_contact .contact_txt li { font-size:16px}
	


/* careers *******************************************************/
	.careers { padding-bottom:100px; background:url(../images/careers_bg.jpg) no-repeat right top; background-size:contain}	
	.careers .tabs { background:#0086cd}
	.careers .hd { float:left; width:250px}
	.careers .hd ul { text-align:center}
	.careers .hd li { position:relative; display:inline-block; width:100%; height:127px; line-height:127px; font-size:24px; color:#fff; text-align:center; cursor:pointer; box-sizing:border-box}
	.careers .hd li i { position:absolute; right:-12px; top:10px; width:19px; height:107px; background:url(../images/careers_hd_bg.png) no-repeat center; display:none}
	.careers .hd li.on { background:#309ed7}
	.careers .hd li.on i { display:block}

	.careers .bd { padding:40px 0; color:#fff; line-height:1.8; background:#0095dd; overflow:hidden}
	.careers .bd .item { padding:0 80px}
	.careers .bd h4 { padding-bottom:20px; font-size:30px; font-weight:bold}
	.careers .bd h5 { margin-bottom:20px; font-size:24px; font-weight:bold}
	.careers .bd ol { padding-left:20px; padding-bottom:30px}
	.careers .bd ol li { padding:10px 0; font-size:18px; color:#fff; list-style-type:decimal; list-style-position:outside}
	.careers .bd .careers_line { margin:0 10px; padding:30px 70px 0 70px; font-size:18px; border-top:2px dashed #fff}

	.wrap980 .bd h4 { font-size:26px}
	.wrap980 .bd h5 { font-size:20px}
	.wrap980 .bd ol li, .wrap980 .bd .careers_line { font-size:16px}



/* footer *******************************************************/
	.footer { width:100%; padding:30px 0; color:#fff; background:#2a2a2a; overflow:hidden}
	.footer .footer_nav { width:80%; overflow:hidden}
	.footer .footer_nav p { color:#bcc1c6; line-height:2}
	.footer .footer_nav a { color:#bcc1c6}
	.footer .footer_nav img { vertical-align:middle; margin-top:-4px}
	.footer .footer_nav a:hover { color:#fff}
	.footer .footer_nav em { margin:0 15px; font-size:12px; color:#adb3b9}

	.footer_code { margin-top:10px}
	.footer_code li { float:left; width:120px; margin-left:20px; font-size:14px; color:#dedede; text-align:center}
	.footer_code img { width:100%; margin-bottom:10px}


	.copyright { width:100%; padding:20px 0; font-size:14px; color:#fff; background:#1b1b1b; overflow:hidden}
	.copyright .link { float:left; width:100%}
	.copyright .link dt { float:left; width:70px}
	.copyright .link dd { margin-left:70px}
	.copyright .link dd a { padding-right:20px; font-size:14px; color:#bfbfbf}
	.copyright .link dd a:hover { color:#fff}
	.copyright .copy { float:left; width:100%; padding:10px 0; color:#bfbfbf; text-align:center}
	.copyright .copy a { margin-left:10px; color:#bfbfbf}



/* online */
	.online { position:fixed; top:50%; right:1px; margin-top:-160px; _position:absolute}
	.online .btnHide { position:relative; width:28px; height:118px; top:100px; left:2px; background:url(../images/online_bg.png) no-repeat 0 0}
	.online .btnOpen { position:relative; width:28px; height:118px; top:100px; left:2px; background:url(../images/online_bg.png) no-repeat -30px 0}
	.online .online_l { position:relative; float:left; width:28px}
	.online .online_l a { display:block; font-size:0px; text-indent:-9999px}
	.online .online_r { float:left; width:150px; padding:5px; background:#03a3e5; overflow:hidden; display:none}
	.online .online_r ul { padding:10px 0; border-radius:5px; background:#fff; overflow:hidden}
	.online .online_r ul li { padding:10px; height:20px; line-height:20px; font-size:14px; word-wrap:break-word; word-break:normal; border-bottom:1px solid #ddd; overflow:hidden}
	.online .online_r ul li:last-child { border-bottom:none}
	.online .online_r ul li.code { height:145px !important}
	.online .online_r ul li.code .icon { width:20px; height:20px}
	.online .online_r ul li.code img { width:130px; height:130px}