@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { padding:0; margin: 0;list-style:none;}
body { font: 16px/24px 'Ubuntu','Helvetica',"Microsoft YaHei",Tahoma,Arial,Helvetica,sans-serif; color:#767676; }
#main_out { }
#imain_out {  }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
img { border:none; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
.highlight { color:#fff; background:red; padding:1px; }
a { color:#3bb9ee; text-decoration:none; -o-transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s; }
a:hover { text-decoration:none; color:#3bb9ee; }
p { line-height:26px; }
/* 顶部 */
#top_menu { height:40px; padding:0 0 2px; width:100%; background:#3bb9ee; color:#fff; line-height:40px; font-size:14px; box-shadow:0 0px 5px rgba(0,0,0,0.8); }
#top_menu a { color:#fff; }
.top_left { float:left; margin:0 0 0 100px; }
.top_right { float:right; margin:0 200px 0 0; }
#header { height:50px; overflow:hidden; padding:15px 0; }
#top { width:auto; margin:0 100px; height:50px; color:#333; }
.logo { float:left; width:50px;padding-left: 3%; }
.logo img { width:140px; height:50px; }
.top_add { float:left; margin:0 0 0 100px; line-height:60px; font-size:28px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.top_search { float:right; margin:9px 0; height:32px; width:204px; box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:0 12px 12px 0; }
#top_text_search { border:1px solid #3bb9ee; height:30px; line-height:38px; padding:0 5px; width:160px; position:absolute; float:left; }
#top_submit_search { width:32px; height:32px; border:1px solid #3bb9ee; background:#3bb9ee; position:relative; float:right; color:#fff; border-radius:0 12px 12px 0; }
/* 导航 */
#navigation_main { height:50px; z-index:1000; width:100%; left:0; background:-webkit-gradient(linear, 0 0, 0 100%, from(#3bb9ee), to(#008be2)); background:-moz-linear-gradient(top, #3bb9ee,#008be2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3bb9ee,endColorstr=#008be2,grandientType=1); box-shadow:0 0px 5px rgba(0,0,0,0.8); overflow:hidden; }
#navigation { height:40px; margin:0 100px; }
#navigation ul li { width:12.5%; }
#navigation ul #navigation_home { float:left; line-height:40px; text-align:center; }
#navigation ul .main_nav { float:left; line-height:40px; text-align:center; }
#navigation ul li a { width:100%; display:block; color:#fff; }
#navigation ul li h1 { height:40px; line-height:40x; font-size:16px; }
#navigation ul li h2 { height:28px; line-height:28px; font-size:16px; font-family:"微软雅黑"; font-weight:normal; margin:6px 0; border-radius:5px; }
#navigation ul li a:hover h2 { background:#333;  -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; box-shadow:0 0px 10px rgba(255,255,255,0.8); }
#navigation ul li a:hover h1 { margin:-40px 0 0; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; }
#navigation ul .current_navigation h2 { background:#333; box-shadow:0 0px 10px rgba(255,255,255,0.8); }
#navigation ul .current_navigation h1 { margin:-40px 0 0; }
/*首页CSS*/
#iabout { width:100%; background:#eaf1f1; border-bottom:1px solid #d2d8d8; margin:-7px 0 20px }
.iabout { padding:20px 100px; font-size:14px; color:#333;  }
.iabout h1 { line-height:50px; height:50px; font-size:28px; font-weight:normal; padding:10px 0 0; font-family:"微软雅黑"; text-shadow:1px 2px 3px rgba(0,0,0,0.5); }
.iabout img { float:left; padding:10px 20px 0 0; }

#ipro {	width: 1300px; margin: 0 auto;}
.ipro li {float:left; width:240px; height:270px; text-align:center; margin-top: 0; margin-right: 10px; margin-bottom: 18px;	margin-left: 0;}
.ipro li.li1 { margin:0 0 18px 0; }
.ipro li div { width:232px; height:232px; border:8px solid #eaeaea; border-radius:119px; overflow:hidden; }
.ipro li h1 { width:232px; height:232px; }
.ipro li h1 img { width:232px; height:232px; border-radius:119px; }
.ipro li h2 { height:232px; line-height:232px; font-size:14px; font-weight:normal; }
.ipro li h2 a { color:#fff; display:block; }
.ipro li h3 { width:240px; height:26px; margin:13px auto 0; background:#3bb9ee; border-radius:8px; line-height:26px; }
.ipro li h3 a { color:#fff; font-size:14px; }
.ipro li:hover div { -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; background:#3bb9ee; border:8px solid #e1f4fc; -moz-box-shadow:0 0 10px #333 inset; -webkit-box-shadow:0 0 10px #333 inset; box-shadow:0 0 10px #333 inset; -o-box-shadow:0 0 10px #333 inset; -ms-box-shadow:0 0 10px #333 inset; }
.ipro li:hover h1 { margin:-222px 0 0; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); }
.ipro li:hover h3 { -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; background:#333; box-shadow:0 0px 10px rgba(0,0,0,0.5); }

.ice { width:1300px; margin:0 auto; height:470px; overflow:hidden; }
.ice li { float:left; width:220px; height:400px; margin:0 40px 0 0; overflow:hidden; border-radius:12px; background:#fff; }
.ice li a { float:left; width:220px; height:400px; }
.ice li h1 { height:220px; }
.ice li h1 img { width:220px; height:400px; }
.ice li h2 { height:400px; display:none; line-height:400px; text-align:center; font-size:22px; }
.ice li a:hover { float:left; width:220px; height:400px; border-radius:12px; background:#3bb9ee; color:#fff; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
.ice li a:hover h1 { display:none; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
.ice li a:hover h2 { display:block; }
.ice li.li1 { margin:0; }

#imore { margin:20px auto 0; width:1300px; color:#fff; }
#imore a { color:#fff; }
.imorel {float:left; width:530px; height:236px;	background:#3bb9ee;	padding:10px; border:1px solid #3bb9ee;	border-radius:12px;	margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 25px; }
.imorem { float:left; width:320px; height:236px; background:#3bb9ee; padding:10px; border:1px solid #3bb9ee; border-radius:12px; }
.imorer { float:right; width:330px; height:236px; background:#3bb9ee; padding:0 0 0 30px; border:1px solid #3bb9ee; border-radius:12px;padding-bottom: 10px;padding-top: 10px; } 
#imore h1 { line-height:40px; font-size:22px; font-weight:normal; padding-left: 30px;}
.imorel li { line-height:25px; height:25px; overflow:hidden; border-bottom:1px dotted #fff; padding-left: 30px;}
#imore p { font-size:14px; }
.imorem li { height:25px; padding:0 0 9px; border-bottom:1px dotted #fff; }
#imore h2 { float:left; width:60px; height:60px; margin:8px 10px 0 0; }
#imore h2 img { width:60px; height:60px; }
#imore h3 { line-height:20px; height:20px; font-size:12px; font-weight:normal; overflow:hidden; }
#imore h4 { height:48px; font-size:12px; font-weight:normal; overflow:hidden; }
#imore h4 p { line-height:16px; font-size:12px; }
/*网站底部*/
#footer {
	width:100%;
	border-top:3px solid #3bb9ee;
	background:#eaf1f1;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.copy { margin:0 auto; width:1300px; color:#333; font-size:14px; text-align:center; padding:4px 0 0; }
.copy a { color:#333; }
/* 幻灯 */
#banner { width:100%; margin:0 auto; }
#banner img { width:100%; }
/* 当前位置 */
.current_location { width:1300px; margin:5px auto 11px; height:36px; line-height:36px; color:#3bb9ee; background:#f5f5f5; border-radius:6px; }
.current_location h1 { font-size:16px; font-weight:normal; padding:0 0 0 12px; }
.current_location a { color:#3bb9ee; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.current_location:hover { color:#fff; background:#3bb9ee; border-radius:6px; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.current_location:hover a { color:#fff; }
/* 主体 */
#content { width:1300px; margin:0 auto 50px; border-top:1px solid #3bb9ee; }
/*通用内页*/
#common { background:#f5f5f5; padding:20px; border-radius:12px; font-size:16px; color:#3bb9ee; }
#common:hover { background:#3bb9ee; color:#fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#common p { line-height:30px; }
#common img { float:left; margin:0 20px 0 0; }
/*团队展示*/
.team { margin:10px 0 0; height:500px; }
.team li { float:left; width:220px; height:220px; overflow:hidden; margin:10px; }
.team h1 { width:220px; height:220px; }
.team h1 img { width:220px; height:220px; border-radius:12px; }
.team li a { flaot:left; width:220px; height:220px; }
.team li a:hover { flaot:left; width:220px; height:220px; }
/*产品展示*/
#pro { margin:20px 0 0; }
#pro li { float:left; width:220px; margin:15px; height:220px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.8); border-radius:12px; }
#pro li div { width:220px; height:220px; overflow:hidden; }
#pro li a { float:left; width:220px; height:220px; background:#fff; border-radius:12px; }
#pro li img { width:220px; height:220px; border-radius:6px; }
#pro li a:hover { float:left; width:220px; height:220px; background:#3bb9ee; -o-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; transition:all .5s; }
#pro li a h2 { line-height:22px; padding:9px 0; font-size:18px; }
#pro li a:hover h2 { position:relative; margin:-223px 0 0; -o-transition:all .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; transition:all .8s; background:#000; }
#bd { margin:20px 0 0; background:#fff; padding:20px; border-radius:12px; font-size:16px; }
#bd:hover { background:#767676; color:#fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#bd img { float:left; margin:0 20px 0 0; }
/*产品列表*/
#prod { margin:20px 0 0; }
.common_title { height:24px; border-bottom:3px solid #3bb9ee; position:relative; margin:0 0 24px; }
.common_title h4 { line-height:48px; height:48px; font-size:18px; font-weight:normal; text-align:center; color:#fff; background:#3bb9ee; width:380px; margin:0 auto; overflow:hidden; border-radius:8px; }
#prod ul { padding:10px; }
#prod li { width:380px; padding:9px; border:1px solid #3bb9ee; border-radius:12px; float:left; height:150px; margin:10px; overflow:hidden; background:#fff; }
#prod h1 { float:right; width:150px; margin:0 0 0 20px; }
#prod img { height:150px; width:150px; }
#prod h2 { line-height:36px; height:36px; border-bottom:1px solid #3bb9ee; font-size:16px; font-weight:normal; width:280px; }
#prod h2 a { color:#3bb9ee; }
#prod h3 { color:#3bb9ee; font-size:14px; font-weight:normal; padding:8px 0 0; }
#prod h3 p { line-height:28px; }
#prod li:hover { background:#3bb9ee; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; box-shadow:0 0 10px rgba(0,0,0,0.8); }
#prod li:hover img { border-radius:100%; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.8); }
#prod li:hover h2 { border-bottom:1px solid #fff; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
#prod li:hover h2 a { color:#fff; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
#prod li:hover h3 { color:#fff; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; }
/*解决方案*/
#solution { margin:20px 0 0; }
#solution li { float:left; height:220px; margin:15px; width:220px; text-align:center; overflow:hidden; transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
#solution li h3 { width:220px; height:220px; margin:0 auto; overflow:hidden; }
#solution li h3 img { width:220px; height:220px; transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); }
#solution li h4 { width:220px; height:220px; line-height:220px; font-size:14px; margin:0 auto; border-radius:50px; transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); }
#solution li h4 a { color:#fff; display:block; }
#solution li h4 a:hover { color:#fff; }
#solution li:hover h3 { margin:-220px 0 0; -o-transition:all 1.5s; -moz-transition:all 1.5s; -webkit-transition:all 1.5s; -ms-transition:all 1.5s; transition:all 1.5s; transform:rotate(-180deg); -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); }
#solution li:hover h4 { background:#3bb9ee; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s;  }
/*认证*/
.picture { margin:10px 0 0; }
.picture li { float:left; width:220px; height:400px; overflow:hidden; margin:15px; }
.picture h1 { width:220px; height:400px; }
.picture h1 img { width:220px; height:400px; border-radius:12px; }
.picture h2 { height:400px; line-height:400px; text-align:center; font-size:18px; font-weight:normal; position:relative; background:rgba(59,185,238,0.9) no-repeat; margin:-400px 0 0; border-radius:12px; }
.picture li a h2 { color:#fff; }
.picture li a { float:left; width:220px; height:400px; }
.picture li a:hover { float:left; width:220px; height:400px; }
.picture li a:hover h2 { margin:0 0 -400px; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
/*新闻列表*/
#news {  }
#news li { line-height:32px; border-bottom:1px dotted #767676; font-size:15px; padding:0 5px; }
#news li:hover { background:#3bb9ee; color:#fff; -o-transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s; }
#news li:hover a { color:#fff; }

.news {  }
.news li { width:300px; height:430px; background:#f5f5f5; color:#3bb9ee; margin:0 16px 20px 17px; overflow:hidden; float:left; }
.news h1 { height:260px; margin:20px 20px 10px; }
.news img { height:260px; width:260px; }
.news h2 { line-height:26px; font-size:14px; font-weight:normal; margin:0 20px; }
.news h2 span { float:right; font-size:13px; }
.news h3 { margin:2px 20px 0; font-size:12px; font-weight:normal; }
.news a { color:#3bb9ee; }
.news li:hover { background:#3bb9ee; color:#fff; -o-transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s; }
.news li:hover a { color:#fff; -o-transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s; }
/*下载列表*/
.dlist_detail { margin:20px 0 0; }
.dlist_detail_title { font-size:14px; line-height:26px; font-weight:bold; }
.dlist_detail_intro { color:#666; border-top:1px dashed #999; margin-bottom:10px; line-height:28px; height:28px; background:#f5f5f5; padding:0 5px; }
.dlist_detail_intro a { color:#666; }
/*分类列表 - 递推一级分类*/
#cate12 { margin:20px 0 0; }
#cate12 li { width:29%; margin:0 2% 20px 2% ; }
#cate12 li.li4, #cate12 li.li8,  #cate12 li.li12 { margin:0 0 20px 0; }
#cate12 li a { font-size:16px; }

#cate3 { margin:20px 0 0; }
#cate3 li { width:30%; margin:0 0 20px; }
#cate3 li.li2 { margin:0 5% 20px; }
#cate3 li a { font-size:22px; }

.channel_list_recursion { }
.channel_list_recursion li { line-height:40px;float:left; }
.channel_list_recursion li a { display:block; text-align:center; line-height:40px; color:#3bb9ee; background:#f5f5f5; border-radius:6px; }
.channel_list_recursion li a:hover { background:#3bb9ee; text-decoration:none; color:#FFF; }
.channel_list_recursion #current_channel_recursion a { background:#3bb9ee; color:#FFF; }
.channel_list_recursion .c_c { background:#3bb9ee; color:#FFF; }
/*信息详情页*/
.case { margin:20px 0 0; }
#info { background:#f5f5f5; padding:20px; border-radius:12px; margin:20px 0 0; }
#info:hover { background:#3bb9ee; color:#fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#info:hover a { color:#fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#info:hover #info_intro { border-bottom:1px solid #fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#info:hover #info_around { border:1px solid #fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#info:hover #info_pb h1 { border-bottom:1px solid #fff; -o-transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -ms-transition:all 2s; transition:all 2s; }
#info_name { font-size:22px; font-weight:normal; text-align:center; line-height:40px; }
#info_intro { text-align:center; border-bottom:1px solid #333; line-height:30px; font-size:14px; }
#info_scontent { padding:10px 4px; font-size:14px; }
#info_content { padding:10px 4px 20px; font-size:14px; }
#info_pwcontent { padding:10px 4px 20px; font-size:14px; }
#info_pwcontent img { padding:6px 0 0 20px; width:400px; height:400px; float:right; }
#info_dcontent { padding:20px 4px; font-size:14px; }
.download_intro { font-size:18px; font-weight:bold; color:#ff0000; }
.download_intro a { color:#ff0000; }
#info:hover .download_intro a { color:#ff0000; }
#info_scontent { padding:10px 4px 20px; font-size:14px; }
#info_bpic { padding:10px; text-align:center; }
#info_bpic img { max-width:50%; }
#info_around { padding:5px; border:1px solid #333; font-size:14px; border-radius:12px; clear:both; }

#info_pt {  }
.info_pl { float:left; width:250px; padding-left: 150px;}
.info_pl img { width:250px; height:250px; }
.info_pr { float:right; width:680px; font-size:16px; padding-right: 80px;}
.info_pr h1 { font-size:22px; font-weight:normal; line-height:40px; }
#info_pb { margin:20px 0; font-size:16px; }
#info_pb h1 { line-height:40px; height:40px; padding:0 0 0 10px; border-bottom:1px solid #333; font-size:22px; font-weight:normal; margin:0 0 10px; }

.frpr { float:right; width:324px; padding:30px 0 0; }
.frpr img { width:100%; height:auto; margin:0 0 10px; }
.frpl { float:left; width:580px; }
#info h2 { line-height:40px; font-size:24px; padding:20px 0 0; }
#info h2 span { font-size:18px; }

.sspvr { float:right; width:324px; padding:380px 0 0; }
.sspvr img { width:100%; height:auto; margin:0 0 380px; }
.sspvl { float:left; width:580px; }

.hsp { padding:30px 0 0; }
.hsp li { float:left; text-align:center; margin:10px 0; height:280px; }
.hsp li img { max-height:280px; }
.hsp li.li1 { width:33%; }
.hsp li.li2 { width:33%; }
.hsp li.li3 { width:34%; }
.hsp li.li4 { width:50%; }
.hsp li.li5 { width:50%; }

#info h3 { line-height:30px; padding:10px 0 0; }
.mfcl { float:left; width:400px; }
.mfcr { float:right; width:520px; }
.mfcr img { width:100%; margin:40px 0; }
/*表单相关*/
input { font-family:"arial"; font-size:12px; }
.form_text { font-size:12px; border:1px solid #CCC; height:26px; line-height:26px; padding:0 5px; width:400px; }
.form_text_verifycode { font-size:12px; border:1px solid #CCC; height:26px; line-height:26px; padding:0 5px; width:50px; }
#form_text_search { border:1px solid #CCC; height:24px; line-height:24px; padding:0 5px; width:120px; }
#form_submit_search { width:60px; height:26px; border:1px solid #CCCCCC; background:#FFF; }
.form_select { font-size:12px; border:1px solid #CCC; }
.form_textarea { font-size:12px; width:400px; height:80px; padding:5px; border:1px solid #CCC; }
.form_checkbox { }
.form_submit { background:url(../images/submit_button.jpg) no-repeat; width:79px; height:31px; border:none; color:#FFF; font-weight:bold; }
.form_file { font-size:12px; padding:3px 5px; border:1px solid #CCC; background:#FFF; }
.common_form { }
.common_form li { padding:10px 0; overflow: auto; zoom:1; border-bottom:1px dashed #CCCCCC; }
.common_form label { float:left; text-align:right; padding-right:10px; width:100px; display:block; height:28px; line-height:28px; font-size:14px; }
/*表格*/
.layout_table { border-collapse:collapse; width:100%; }
.common_table { border-collapse:collapse; width:100%; margin:10px 0 0; }
.common_table td { padding:5px; border:1px solid #DBDBDB; }
.common_table th { text-align:center; border:1px solid #DBDBDB; }
/*分页样式*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; color:#3bb9ee; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #3bb9ee; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; color:#3bb9ee; }
.page_turner a:hover, .page_turner a.c { background:#3bb9ee; color:#FFF; }
#total { color:red; }
.ititle { } 
#menu-icon { display:none; }
.sf-menu-phone { display:none; }
#aapp { display:none; }
#ice { display:none; }
#topcontrol img { height:50px; width:50px; }


/*响应式开始*/
@media screen and (max-width:1500px){

.top_left { margin:0 0 0 50px; }
.top_right { margin:0 50px 0 0; }
#top { margin:0 50px; }
.top_add { margin:0 0 0 50px; }
#navigation { margin:0 50px; }
.iabout { padding:20px 50px; }

}

@media screen and (max-width:1400px){

.top_add { font-size:24px; }

}

@media screen and (max-width:1300px){

.top_add { font-size:22px; margin:0 0 0 30px; }

}

@media screen and (max-width:1200px){

.top_left { margin:0 0 0 20px; }
.top_right { margin:0 20px 0 0; }
#top { margin:0 20px; }
.top_add { margin:0 0 0 20px; }
#navigation { margin:0 20px; }
.iabout { padding:20px; }

}

@media screen and (max-width:1100px){

.top_left { margin:0 0 0 10px; }
.top_right { margin:0 10px 0 0; }
#top { margin:0 10px; }
.top_add { margin:0 0 0 10px; font-size:18px; }
#navigation { margin:0; }
#navigation ul li h1 { font-size:14px; }
#navigation ul li h2 { font-size:14px; }
.iabout { padding:20px 10px; }

#solution { width:100%; overflow:hidden; }  

}

@media screen and (max-width:1000px){

.ititle,.common_title { display:block; height:30px; border-bottom:2px solid #3bb9ee; }
.ititle h6,.common_title h4 { text-align:center; width:160px; margin:0 auto; background:#3bb9ee; border-radius:12px 12px 0 0; text-shadow:1px 2px 3px rgba(0,0,0,0.5); font-size:18px; font-weight:normal; color:#fff; line-height:32px; }
.common_title h4 { width:280px; height:32px; }

p { line-height:22px; }

#ipro { width:100%; }
.ipro { padding:10px 0 0; }
.ipro li { width:22.5%; margin:0 0 10px 2%; height:auto; }
.ipro li.li1 { margin:0 0 10px 2%; }
.ipro li div { width:180px; height:180px; border:5px solid #eaeaea; border-radius:100%; margin:0 auto; }
.ipro li h1 { width:180px; height:180px; }
.ipro li h1 img { width:180px; height:180px; border-radius:100%; }
.ipro li h2 { height:180px; line-height:180px; font-size:12px; }
.ipro li h3 { margin:10px auto 0; }
.ipro li:hover div { border:5px solid #e1f4fc; }
.ipro li:hover h1 { margin:-180px 0 0; }

#aapp { display:block; padding:10px 0 0; }
#iapp { display:none; }
#aapp ul {  }
#aapp li { float:left; width:25%; }
#aapp li img { width:100%; height:auto; border-radius:100%; }

#ice { display:block; }
.ice { width:100%; height:auto; }
.ice li { width:38%; text-align:center; height:auto; margin:0 0 0 8%; text-align:center; }
.ice li h1 { height:auto; }
.ice li a { width:100%; height:auto; }
.ice li h1 img { max-width:100%; height:auto; }
.ice li a:hover { float:left; width:100%; height:auto; background:none; }
.ice li a:hover h1 { display:block; }

#imore { margin:0 10px; width:auto; color:#333; }
#imore a { color:#333; }
.imorel { width:38%; margin:0 2%; background:none; padding:10px 1%; border:none; box-shadow:0 0 5px rgba(0,0,0,0.8); }
.imorem { width:30%; background:none; padding:10px 1%; border:none; box-shadow:0 0 5px rgba(0,0,0,0.8); }
.imorer { width:22%; background:none; padding:10px 1%; border:none; box-shadow:0 0 5px rgba(0,0,0,0.8); } 
.imorel li { border-bottom:1px dotted #333; }
.imorem li { border-bottom:1px dotted #333; }

#footer { margin:20px 0 0; padding:10px; width:auto; }
.copy { width:auto; padding:0; }

#banner img { box-shadow:0 0 10px rgba(0,0,0,0.8); }

.current_location { width:auto; margin:10px; color:#333; background:none; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.8); }
.current_location a { color:#333; }

#content { width:auto; margin:0 10px; border-top:2px solid #333; }

.channel_list_recursion li a { color:#333; background:noen; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.8); }

#common { background:none; color:#333; box-shadow:0 0 10px rgba(0,0,0,0.7); }

.team { height:460px; }
.team li { width:22%; height:auto; margin:10px 1.5%; }
.team h1 { width:100%; height:auto; }
.team h1 img { width:100%; height:auto; }
.team li a { width:100%; height:auto; }
.team li a:hover { width:100%; height:auto; }

#pro li { width:22%; margin:10px 1.5%; height:180px; border-radius:0; }
#pro li div { width:180px; height:180px; margin:0 auto; }
#pro li h1 { width:180px; height:180px; }
#pro li h1 img { width:180px; height:180px; border-radius:0; }
#pro li a { width:100%; height:auto; }
#pro li a:hover { width:100%; height:auto; }
#pro li a:hover h2 { margin:-180px 0 0; }

#prod li { width:42%; padding:9px 2%; border:none; margin:10px 2%; box-shadow:0 0 5px rgba(0,0,0,0.5); }
#prod h2 { line-height:20px; height:auto; border:none; font-size:16px; width:auto; padding:4px 0; }
#prod li:hover h2 { border:none; }
#prod h3 p { line-height:20px; }

#solution li { height:auto; margin:10px 1.5%; width:22%; }
#solution li h3 { height:auto; width:100%; }
#solution li h3 img { height:auto; width:100%; }
#solution li h4 { display:none; }
#solution li:hover h3 { margin:0; transform:rotate(720deg); -o-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -ms-transform:rotate(720deg); }

.picture li { width:22%; height:auto; margin:0 1.5%; }
.picture h1 { width:100%; height:auto; }
.picture h1 img { width:100%; height:auto; }
.picture h2 { display:none; }
.picture li a:hover { width:100%; height:auto; }
.picture li a { width:100%; height:auto; }

.news li { width:30.3%; background:none; margin:0 1.5% 20px; box-shadow:0 0 10px rgba(0,0,0,0.8); border-radius:12px; }
.news h1 { height:auto; }
.news img { height:auto; width:100%; }
.news a { display:block; }
.news h2 span { display:none; }
.news h2 { line-height:18px; padding:4px 0; }
.news li:hover img { border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,0.8); -o-transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s; }

#info { background:none; box-shadow:0 0 10px rgba(0,0,0,0.8); }
.info_pl { margin:0 20px 0 0; }
.info_pl img { border-radius:22px; box-shadow:0 0 5px rgba(0,0,0,0.5); background:#fff; }
.info_pr { float:none; width:auto; }
.info_pr h1 { line-height:26px; padding:7px 0; color:#3bb9ee; }

.frpr { float:none; width:100%; padding:0; }
.frpr img { width:22%; height:auto; margin:0 1.5% 10px; border-radius:12px; box-shadow:0 0 5px rgba(0,0,0,0.5); }
.frpl { float:none; width:100%; }

.sspvr { float:none; width:100%; padding:0; }
.sspvr img { width:22%; height:auto; margin:0 1.5% 10px; border-radius:12px; box-shadow:0 0 5px rgba(0,0,0,0.5); }
.sspvl { float:none; width:100%; }

#info h2 { line-height:22px; padding:20px 0 4px; }
.sspvr1 { display:none; }

img { max-width:100%; }

.mfcl { float:none; width:100%; }
.mfcr { float:none; width:100%; text-align:center; }
.mfcr img { max-width:100%; margin:0; width:auto; margin:10px 0 0; border-radius:12px; box-shadow:0 0 5px rgba(0,0,0,0.5); }

h2,h3,h4,h5,h6 { color:#3bb9ee; }
#info:hover { background:none; color:#767676; }
#info:hover a { color:#767676; }
#info:hover #info_intro { border-bottom:1px solid #333; }
#info:hover #info_around { border:1px solid #333; }
#info:hover #info_pb h1 { border-bottom:1px solid #333; }
#info_pb h1 { color:#3bb9ee; }

}


@media screen and (max-width:980px){

#header { height:90px; overflow:visible; }
#top { height:auto; }
.top_add { float:right; margin:0; }
.top_search { float:none; margin:0 auto 15px; clear:both; }

#cate12 li { width:32%; margin:0 2% 20px 0; }
#cate12 li.li4, #cate12 li.li8 { margin:0 2% 20px 0; }
#cate12 li.li3, #cate12 li.li6,  #cate12 li.li9  { margin:0 0 20px 0; }

}


@media screen and (max-width:880px){

.ipro { padding:20px 0 0; }
.ipro li div { width:140px; height:140px; }
.ipro li h1 { width:140px; height:140px; }
.ipro li h1 img { width:140px; height:140px; }
.ipro li h2 { display:none; }
.ipro li:hover div { box-shadow:0 0 10px rgba(0,0,0,0.8); }
.ipro li:hover h1 { margin:0; }

.team { height:400px; }

}

@media screen and (max-width:840px){

#navigation ul li h1 { font-size:12px; }
#navigation ul li h2 { font-size:12px; }

.iabout h1 { line-height:32px; height:auto; font-size:22px; }

.imorel { width:30%; }
.imorer { width:30%; } 

#pro li { width:30.3%; }

#prod li { height:308px; }
#prod li h1 { height:150px; margin:0 auto; float:none; }
#prod li h2 { margin:5px 0 0; border-bottom:1px solid #3bb9ee; text-align:center; }
#prod li:hover h2 { border-bottom:1px solid #fff; }

#info_intro { display:none; }
#info_name { font-size:18px; line-height:20px; padding:5px 0; border-bottom:1px solid #3bb9ee; color:#3bb9ee; }

}

@media screen and (max-width:760px){

#top_menu { height:26px; line-height:26px; padding:0; }
.top_left { float:none; text-align:center; }

#header { height:auto; }
.logo { float:none; margin:0; width:auto; text-align:center; }
.top_add { float:none; margin:0; text-align:center; line-height:30px; }
.top_search { margin:10px auto 0; }

#navigation ul li h1 { font-size:10px; }
#navigation ul li h2 { font-size:10px; }

.team { height:360px; }

}

@media screen and (max-width:720px){

#navigation_main { display:none; }
#menu-icon { height:40px; display:block; background:#3bb9ee; cursor:pointer; text-transform:uppercase; text-align:center; }
#menu-icon img { height:40px }
.sf-menu-phone { display:none; }
.sf-menu-phone li {  position:relative; line-height:36px; text-align:center; height:36px; padding:2px 0 0; background:url(../images/anav_li.png) left top repeat-x #3bb9ee; }
.sf-menu-phone li a { display:block; color:#FFF; }
.sf-menu-phone ul { width:auto; padding:0; display:none; }
.sf-menu-phone ul li a:hover { background:#014a8a; }

.iabout h1 { line-height:22px; font-size:18px; padding:10px 0 4px; }

.ipro li { width:30%; margin:0 0 10px 2.5%; }
.ipro li.li1 { margin:0 0 10px 2.5%; }

.imorel { width:46%; margin:0 0 10px; float:right; }
.imorem { width:46%; margin:0 0 10px; }
.imorer { width:98%; clear:both; float:none; height:auto; text-align:center; } 

#topcontrol img { height:20px; width:20px; }

}

@media screen and (max-width:680px){

#cate3 li a { font-size:16px; line-height:30px; height:30px; }

.team { height:300px; }

#cate12 li a { font-size:12px; line-height:26px; height:26px; }
#cate12 li { margin:0 2% 10px 0; }
#cate12 li.li4, #cate12 li.li8 { margin:0 2% 10px 0; }
#cate12 li.li3, #cate12 li.li6,  #cate12 li.li9  { margin:0 0 10px 0; }

}

@media screen and (max-width:660px){

.iabout h1 { line-height:18px; font-size:16px; }
.iabout img { width:40%; }

#aapp ul { padding:5px 0 0; }

#pro li { width:47%; }

}

@media screen and (max-width:620px){

#info h2 { line-height:20px; font-size:18px; padding:10px 0 4px; font-weight:normal; }
#info h2 span { font-size:16px; }

}

@media screen and (max-width:600px){

#cate12 { height:180px; box-shadow:0 0 10px rgba(0,0,0,0.8); margin:10px 0; }
#cate12 li a { font-size:14px; border-radius:0; margin:0; -moz-box-shadow:0 0 5px #333 inset; -webkit-box-shadow:0 0 5px #333 inset; -o-box-shadow:0 0 5px #333 inset; -ms-box-shadow:0 0 5px #333 inset; box-shadow:0 0 5px #333 inset; line-height:30px; height:30px; }
#cate12 li { margin:0; width:50%; }
#cate12 li.li4, #cate12 li.li8 { margin:0; }
#cate12 li.li3, #cate12 li.li6,  #cate12 li.li9  { margin:0; }

.info_pl { margin:0; float:none; height:auto; width:100%; }
.info_pl img { width:60%; height:auto; margin:0 20%; }
.info_pr h1 { text-align:center; padding:15px 0; }

}

@media screen and (max-width:560px){

.current_location { height:auto; line-height:18px; padding:8px 0; }
.current_location h1 { padding:0 12px; }

#news li { line-height:18px; font-size:14px; padding:0 5px; padding:4px 0; }

.news li { width:47%; }

.common_table { font-size:12px; }
.common_table td { padding:2px; }

}

@media screen and (max-width:520px){

.iabout img { width:30%; padding:10px 10px 0 0; }

.ipro { padding:20px 0 0; }
.ipro li div { width:100px; height:100px; border:2px solid #eaeaea; }
.ipro li h1 { width:100px; height:100px; }
.ipro li h1 img { width:100px; height:100px; }
.ipro li:hover div { box-shadow:0 0 5px rgba(0,0,0,0.5); border:2px solid #3bb9ee; }
.ipro li { width:22.5%; margin:0 0 10px 2%; }
.ipro li.li1 { margin:0 0 10px 2%; }
.ipro li h3 { width:60px; height:20px; border-radius:5px; line-height:20px; }
.ipro li h3 a { font-size:12px; }

#cate3 li a { font-size:14px; line-height:26px; height:26px; }

.team { height:240px; }

.picture li { width:47%; }

.dlist_detail .float_left { display:none; }
}

@media screen and (max-width:460px){

.ipro li { width:30%; margin:0 0 10px 2.5%; }
.ipro li.li1 { margin:0 0 10px 2.5%; }

#ice { padding:5px 0 0; }

#common p { line-height:22px; }

#cate12 li a { font-size:12px; }

}

@media screen and (max-width:440px){

.logo img { max-width:100%; height:auto; }
.top_add { line-height:22px; padding:4px 0; }

.iabout img { width:60%; padding:10px 20%; }
.iabout h1 { text-align:center; }

.imorel { width:98%; }
.imorem { width:98%; }
#imore h1 { text-align:center; }

#cate3 { height:26px; box-shadow:0 0 5px rgba(0,0,0,0.8); margin:10px 0; }
#cate3 li { width:33%; margin:0; }
#cate3 li.li2 { margin:0; width:34%; }
#cate3 li a { border-radius:0; -moz-box-shadow:0 0 5px #333 inset; -webkit-box-shadow:0 0 5px #333 inset; -o-box-shadow:0 0 5px #333 inset; -ms-box-shadow:0 0 5px #333 inset; box-shadow:0 0 5px #333 inset; }

.team { height:420px; }
.team li { width:30.3%; }

}

@media screen and (max-width:420px){

#footer { padding:10px 0; }
.copy { font-size:12px; }

#pro li { height:140px; }
#pro li div { width:140px; height:140px; }
#pro li h1 { width:140px; height:140px; }
#pro li h1 img { width:140px; height:140px; }
#pro li a:hover h2 { margin:-140px 0 0; }
#pro li a h2 { line-height:20px; font-size:16px; padding:6px; }

#prod li { height:auto; width:90%; padding:10px 3%; }

#solution li { margin:10px 1.5% 0; width:47%; }

.dlist_detail_title { font-size:14px; line-height:18px; padding:4px 0; }

#info_pb h1 { padding:0; text-align:center; }
#info_pb h1 span { display:none; }

.frpr img { width:47%; }
.sspvr img { width:47%; }

}

@media screen and (max-width:380px){

#cate3 { height:52px; }
#cate3 li { width:50%; }
#cate3 li.li2 { width:50%; }
#cate3 li.li3 { width:100%; }

.team { height:360px; }

#cate12 { height:auto; margin:10px 0; }
#cate12 li a { line-height:18px; font-size:14px; padding:6px 0; height:auto; }

.common_title h4 { font-size:14px; line-height:26px; }
.common_title h4 { width:220px; height:26px; }
.common_title { height:26px; }

.news li { height:240px; }
.news h1 { margin:8px; }
.news h2 { margin:0 8px; }
.news h3 { display:none; }

.common_table { font-size:10px; }

}

@media screen and (max-width:360px){

.top_left { margin:0; }

.ipro { padding:10px 0 0; }
.ipro li div { width:80px; height:80px; }
.ipro li h1 { width:80px; height:80px; }
.ipro li h1 img { width:80px; height:80px; }

.info_pl img { width:80%; margin:0 10%; }

#info h3 { line-height:20px; }

#info_name { font-size:16px; line-height:18px; font-weight:normal; }

}

@media screen and (max-width:340px){

.top_left { font-size:12px; }
.ititle { height:24px; }
.ititle h6 { width:130px; font-size:16px; height:26px; line-height:26px; border-radius:8px 8px 0 0; }

.team { height:580px; }
.team li { width:47%; }

#info { padding:0; box-shadow:0 0 0; }

}

@media screen and (max-width:320px){

#pro li a h2 { display:none; }
#pro li a:hover { background:#fff; }
#pro li { height:auto; box-shadow:0 0 0; }
#pro li div { width:100%; height:auto; border-radius:8px; }
#pro li h1 { width:100%; height:auto; }
#pro li h1 img { width:100%; height:auto; box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:8px; }

#news li span { display:none; }

.info_pr h1 { font-size:16px; line-height:20px; }

#info_pb h1 { line-height:20px; height:20px; font-size:16px; }

}

@media screen and (max-width:300px){

.iabout img { width:80%; padding:10px 10%; }
.iabout h1 { color:#014a8a; }

#common { padding:12px; }

}

@media screen and (max-width:280px){

.top_left span { display:none; }
.top_left { font-size:14px; }
.top_add { font-size:16px; line-height:18px; }

.ipro li { width:46%; margin:0 2% 5px; }
.ipro li.li1 { margin:0 2% 5px; }
.ipro li h3 { margin:5px auto 0; }

#cate3 li a { font-size:12px; }

.team { height:530px; }

}

@media screen and (max-width:240px){

.top_search { width:100%; border-radius:0; box-shadow:none; }
#top_text_search { width:80%; }
#top_submit_search { width:20%; border-radius:0; }

.imorer p { text-align:left; font-size:12px; }
#imore .imorer p {  text-align:left; font-size:12px; }

#cate3 { height:78px; }
#cate3 li { width:100%; }
#cate3 li.li2 { width:100%; }
#cate3 li a { font-size:14px; }

.team { height:460px; }

.common_title h4 { width:100%; height:auto; line-height:18px; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.8); padding:6px 0; }
.common_title { height:26px; border:none; }

}

@media screen and (max-width:220px){

#aapp li { float:left; width:50%; }

.team { height:420px; }

.news li { height:auto; width:97%; margin:0 1.5% 10px; }

#info_pb h1 { font-size:14px; }
/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{
    margin:0;
    padding:0;
}
body{position:relative;font-size:14px;background-color:white;overflow:auto;}
body, button, input, keygen, legend, select, textarea{
    font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-weight:400;
    color:#333;
    outline:0;
    speak:none;
    -webkit-font-feature-settings:normal;
    -moz-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1, h2, h3, h4, h5, h6{font-weight:400;}
li{list-style:none;}
html, body, fieldset, img, iframe, abbr{border:0;}
img{vertical-align:top;}
a, button{cursor:pointer;}
a{color:#333;outline:none;text-decoration:none;}
a:focus{ color:#333;
     outline:none; 
     -moz-outline:none;
}  


/*common*/
body{background:#F4F5F9;}
a:hover{color:#fc8080;text-decoration:none;}
a:-webkit-any-link{text-decoration:none;}
.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}