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

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-family:'Ubuntu','Helvetica',"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; font-size:12px; color:#000; }
#main_out { }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.flaot_clear { clear:both; }
.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 { text-decoration:none; color:#000; -o-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; }
a:hover { text-decoration:none; color:#16abed; }
p { line-height:26px; }
/* 顶部 */
#top_menu { background:#2fa3d4; height:28px; line-height:28px; color:#fff; overflow:hidden; }
#top_menu a { color:#fff; }
.top_menu { width:1000px; margin:0 auto; }
.top_menu h1 { float:left; font-size:12px; font-weight:normal; }
.top_menu h2 { float:left; margin:0 0 0 80px; font-size:12px; font-weight:normal; }
.top_menu h2 span { font-weight:bold;  }
.top_menu h3 { float:left; margin:6px 0 0 20px; }
.top_menu h4 { float:right; margin:4px 0 3px; height:21px; width:255px; background:url(images/top_h4.png) no-repeat; }
#top_text { border:none; height:23px; line-height:23px; padding:0 5px; width:210px; position:absolute; float:left; background:none; }
#top_submit { width:31px; height:21px; border:none; background:none; position:relative; float:right; font-size:0px; }
#header { background:url(images/header_bg.png) repeat-x; height:98px; }
#top { width:1000px; margin:0 auto; height:98px; background:url(images/top_bg.png) no-repeat; }
.logo { float:left; width:173px; height:64px; padding:17px 0; }
/* 导航 */
#navigation { height:78px; float:right; padding:16px 0 0; }
#navigation ul #navigation_home { float:left; line-height:46px; text-align:center; }
#navigation ul .main_nav { float:left; line-height:46px; text-align:center; margin:0 0 0 1px; }
#navigation ul li a { width:auto; display:block; padding:0 16px; }
#navigation ul li h1 { height:26px; line-height:26px; font-size:14px; font-weight:normal; padding:17px 0 0; }
#navigation ul li h1 a { color:#070707; }
#navigation ul li h2 { height:20px; line-height:20px; font-size:14px; font-weight:normal; padding:0 0 15px; }
#navigation ul li h2 a { color:#666; }
#navigation ul li a:hover { text-decoration:none; background:#2fa3d4; border-radius:12px 12px 0 0; -moz-transition:all 1.2s; }
#navigation ul li a:hover h1 { color:#FFF; }
#navigation ul li a:hover h2 { color:#FFF; }
#navigation ul .current_navigation { font-size:14px; background:#2fa3d4; border-radius:12px 12px 0 0; }
#navigation ul .current_navigation h1 { color:#FFF; }
#navigation ul .current_navigation h2 { color:#FFF; }
/*首页CSS*/
.ia { margin:25px auto 0; height:100px; padding:0 0 30px; border-bottom:1px dotted #ccc; width:1000px; }
.ial { float:left; line-height:50px; font-size:30px; text-align:center; color:#dd0000; width:89px; border-right:1px solid #ccc; margin:0 20px 0 0; }
.iar { float:right; height:100px; overflow:hidden; width:890px; position:relative; }

.ib { margin:16px auto 0; width:990px; }
.ib_title { height:52px; line-height:52px; }
.ib_title h1 { color:#dd0000; font-size:16px; font-weight:normal; }
.ib_title h1 span { color:#333; padding:0 0 0 10px; font-size:14px; font-weight:bold; }
.ibl { float:left; width:250px; }
.ibl_content { height:190px; overflow:hidden; }
.iviceo { height:190px; width:250px; }

.ibm { float:left; width:330px; margin:0 70px; }
.ibm_content { width:330px; height:120px; }
.slide { width:330px; height:120px; overflow:hidden; position:relative; }
.slide-ul { position:relative; width:8640px; }
.slide-ul li { display:inline; float:left; width:330px; height:120px; overflow:hidden; }
.slide-ul li a { display:block; width:330px; height:120px; overflow:hidden; }
.slide-ul li img { width:114px; height:114px; padding:2px; border:1px solid #ccc; margin:0 20px 0 0; float:left; }
.slide-ul h1 { line-height:16px; font-size:13px; }
.slide-ul h2 { line-height:24px; font-size:14px; font-weight:normal; padding:5px 0; }
.info-btn { width:80px; height:12px; overflow:hidden; zoom:1; position:absolute; margin:-150px 0 0 250px; }
.info-btn li { float:left; margin:0 0 0 8px; }
.info-btn li span { display:block; width:12px; height:12px; background:#c1c1c1; text-indent:-9999em; overflow:hidden; cursor:pointer; }
.info-btn .info-cur span,.info-btn .info-hover span{ background:#dd0000; }
#ibm_title { line-height:26px; height:26px; padding:25px 0 0; }

.ibr { float:right; width:270px; }

#link { height:260px; margin:50px 0 0; background:#f2f2f2; }
.link { width:1000px; margin:0 auto; }
.link ul { float:left; padding:36px 95px 0 0; }
.link ul.ul1 { padding:36px 65px 0 0; }
.link h1 { line-height:42px; font-size:28px; font-weight:normal; }
.link h2 { line-height:18px; font-size:14px; font-weight:normal; padding:0 0 12px; }
.link h3 { line-height:24px; font-size:14px; font-weight:normal; }
.link h4 { line-height:20px; font-size:14px; font-weight:normal; }
.link h5 { line-height:42px; font-size:18px; font-weight:normal; }
.link li { line-height:25px; }
.link ul.ul2 { padding:36px 0 0 0; float:right; }
.link img {  }
.link h6 { line-height:42px; font-size:18px; font-weight:normal; text-align:center; }
/* 版权信息 */
#footer { width:100%; background:#cecece; height:38px; }
.copy { margin:0 auto; width:1000px; line-height:38px; }
.copy p { line-height:38px; }
.copyl { float:left; }
.copyr { float:right; }
/* 当前位置 */
.current_location {width:968px; text-align:right; padding-right:10px; margin:3px auto; background:url(images/current_location.jpg) repeat-x; height:24px; line-height:24px; border:1px solid #D8D8D9; color:#333333; }
.current_location a { color:#333333; }
.current_location .current_channel { font-weight:bold; color:red; }
/* 幻灯 */
#banner { width:100%; }
#banner img { width:100%; height:auto; }
/*顶部分类*/
#top_cate { position:relative; margin:-50px 0 0; background:url(images/top_cate.png) repeat-x left top; height:47px; }
.cate { height:47px; margin:0 auto; width:1000px; overflow:hidden; }
.cate h1 { float:left; color:#fff; line-height:47px; font-size:30px; font-weight:normal; }
.channel_list_recursion { float:right; padding:9px 0; height:29px; }
.channel_list_recursion li { line-height:29px; background:url(images/cate_bg.png) no-repeat right center; font-size:14px; padding:0 29px; float:left; margin:0 -7px 0 0; width:56px; }
.channel_list_recursion li a { display:block; line-height:29px; text-align:center; color:#fff; padding:0 10px; margin:0 -10px; }
.channel_list_recursion li a:hover { background:#fff; color:#0fadf0; text-decoration:none; border-radius:6px; }
.channel_list_recursion #current_channel_recursion a { background:#fff; color:#0fadf0; border-radius:6px; }
.channel_list_recursion .c_c { background:#fff; color:#0fadf0; border-radius:6px; }
/* 主体 */
#content { width:1000px; margin:26px auto; }
#alink { height:40px; width:656px; margin:100px auto; }
#alink li { float:left; width:110px; height:40px; margin:0 27px; }
#alink li a { float:left; width:110px; height:40px; }
#alink li a:hover { float:left; width:110px; height:40px; }
#alink li a:hover h1 { transform:rotate(360deg); -moz-transition:all 1.5s;}
#alink h1 { float:left; width:40px; height:40px; }
#alink h1 img { width:40px; height:40px; border-radius:20px; }
#alink h2 { float:right; line-height:40px; font-size:14px; font-weight:normal; }
/*关于我们*/
.about {  }
.about p { padding:20px 0 0; }
.about h1 img { max-width:100%; }
.about h2 img { padding:20px 0 0; max-width:100%; }

.culture { padding:35px 0; background:#fbfbfc; text-align:center; }

.construction {  }
.construction h1 { padding:10px 0 0; text-align:center; }
.construction h2 { padding:10px 0 0; text-align:center; }
.construction p { padding:10px 0 0; }

.ce { text-align:center; }
.ce h1 { line-height:90px; color:#3bb9ee; font-size:30px; font-weight:normal; }
.ce p { line-height:32px; font-size:15px; color:#999; }
.ce h2 { line-height:90px; color:#222; font-size:22px; font-weight:normal; }
.honor { clear:both; height:200px; }
.honorl { float:left; width:600px; }
.honorl h1 { line-height:56px; color:#ff0000; font-size:26px; font-weight:normal; margin:0 0 6px; }
.honorl p { line-height:28px; color:#686868; }
.honorr { float:right; width:360px; }
/*主体左侧*/
#left { float:left; width:172px; padding:20px; background:#f0f0f0; margin:0 0 100px; }
.pro_cate {  }
.pro_cate li { line-height:34px; height:34px; border-bottom:1px dotted #949494; }
.pro_cate li a { display:block; line-height:31px; text-align:center; color:#000; margin:3px 0 0; font-size:14px; }
.pro_cate li a:hover { background:#d2d2d2; text-decoration:none; }
.pro_cate #current_channel_recursion a { background:#d2d2d2; }

#right { float:right; width:752px; margin:0 0 100px; }
.right_title { background:#f0f0f0; padding:0 38px 0 15px; height:66px; }
.right_title { font-size:14px; color:#2362ED; }
.right_title h1 { line-height:34px; font-size:14px; color:#000; }
.right_title li { float:left; line-height:22px; margin:0 30px 0 0; }
.ptext { font-size:12px; border:1px solid #ccc; height:20px; line-height:20px; padding:0 5px; width:110px; background:none; color:#2362ED; }
.pselect { font-size:12px; border:1px solid #ccc; height:20px; line-height:20px; padding:0 5px; width:110px; background:none; }
.psubmit { float:left; background:url(images/psubmit.png) no-repeat; text-align:center; color:#fff; height:22px; width:50px; line-height:22px; border:none; }   
.right_content { padding:26px 0 0; overflow:hidden; zoom:1; }

.pro li { float:left; width:350px; height:200px; margin:0 13px 26px; background:#f0f0f0; }
.pro img { float:left; width:170px; height:170px; padding:15px; }
.pro h1 { line-height:18px; font-size:12px; padding:15px 0 0; }
.pro h2 { margin:10px 0 12px; height:104px; overflow:hidden; font-size:14px; font-weight:normal; }
.pro h3 { width:90px; height:26px; background:#d2d2d2; font-size:12px; font-weight:normal; text-align:center; margin:0 0 0 200px; line-height:26px; }
.pro li a { color:#000; }
.pro li:hover { background:#e8f8ff; -moz-transition:all 1s; }
.pro li:hover h3 { background:#2fa3d4; }
.pro li:hover h3 a { color:#fff; }
/*新闻列表*/
.news { padding:15px 0 100px; }
.news li { height:100px; padding:15px 20px 30px; margin:0 0 15px; border-bottom:1px dotted #ccc; }
.news h1 { float:left; width:125px; height:100px; margin:0 25px 0 0; }
.news img { width:125px; height:100px; }
.news h2 { line-height:18px; font-size:16px; font-weight:normal; }
.news h3 { height:52px; margin:2px 0; overflow:hidden; font-size:12px; font-weight:normal; color:#8e8e8e; }
.news h4 { height:26px; line-height:26px; width:90px; background:#8a8a8a; font-size:12px; font-weight:normal; text-align:center; float:left; }
.news h4 a { color:#fff; }
.news h5 { height:26px; line-height:26px; width:150px; background:#f2e5e5; font-size:12px; font-weight:normal; text-align:center; float:left; }
.news li:hover h4 { background:#dd0000; -moz-transition:all 1s; }
.news li:hover { background:#fafafa; }

.video { padding:0 5px; }
.video li { width:320px; margin:0 5px 20px; height:250px; overflow:hidden; float:left; }
.videos { width:320px; height:250px; }
/*共赢发展*/
.cd { text-align:center; }
.cd h1 { padding:20px 0 0; line-height:34px; font-size:26px; font-weight:normal; color:#000; }
.cd h2 { line-height:60px; font-size:30px; font-weight:normal; color:#14aced; }
.cd h3 { font-weight:normal; color:#3b3b3b; font-size:14px; line-height:32px; }
.cd h3 p { line-height:32px; }

#cd li { width:100%; }
#cd li h6 { display:none; }
#cd li.li1 { height:341px; background:url(images/cd_li1.jpg) no-repeat center; }
#cd li.li1 div { width:560px; margin:0 auto; padding:0 0 0 440px; }
#cd li.li1 h1 { padding:44px 0 0; line-height:44px; font-size:24px; font-weight:normal; color:#000; }
#cd li.li1 h2 { line-height:30px; font-size:18px; font-weight:normal; color:#9bdbf7;  }
#cd li.li1 h3 { padding:14px 0 0; line-height:32px; font-size:12px; font-weight:normal; color:#000; }

#cd li.li2 { height:423px; background:url(images/cd_li2.jpg) no-repeat center; }
#cd li.li2 div { width:750px; margin:0 auto; padding:0 0 0 250px; }
#cd li.li2 h1 { padding:63px 0 0; line-height:42px; font-size:24px; font-weight:normal; color:#000; }
#cd li.li2 h2 { line-height:24px; font-size:18px; font-weight:normal; color:#9bdbf7; margin:0 0 25px; }
#cd li.li2 h3 { line-height:33px; font-size:12px; font-weight:normal; color:#000; margin:0 0 12px; }

#cd li.li3 { height:332px; background:url(images/cd_li3.jpg) no-repeat center; }
#cd li.li3 div { width:980px; margin:0 auto; }
#cd li.li3 h1 { padding:55px 0 0; line-height:36px; font-size:24px; font-weight:normal; color:#000; }
#cd li.li3 h2 { line-height:30px; font-size:18px; font-weight:normal; color:#9bdbf7; margin:0 0 10px; }
#cd li.li3 h3 { line-height:30px; font-size:12px; font-weight:normal; color:#000; }

#cd li.li4 { height:366px; background:#fbfbfb; margin:0 0 124px; }
#cd li.li4 div { width:940px; margin:0 auto; }
#cd li.li4 h1 { float:left; width:428px; margin:0 60px 0 0; }
#cd li.li4 h1 img { max-width:100%; }
#cd li.li4 h2 { padding:76px 0 0; line-height:38px; font-size:24px; font-weight:normal; color:#000; }
#cd li.li4 h3 { line-height:30px; font-size:18px; font-weight:normal; color:#9bdbf7; margin:0 0 10px; }
#cd li.li4 h4 { padding:10px 0 22px; height:73px; }
#cd li.li4 h4 img { height:73px; }
#cd li.li4 h5 { border-top:1px solid #e0e0e0; padding:6px 0 0; line-height:24px; font-size:12px; font-weight:normal; color:#000; margin:0 0 0 488px; }
/*应用领域*/
.app_s { text-align:center; padding:0 0 76px; }
.app_s h1 { padding:20px 0 0; line-height:86px; font-size:30px; font-weight:normal; color:#13aded; }
.app_s h1 p { line-height:30px; color:#606060; }

.app { width:1000px; margin:0 auto; }
.app li { float:left; width:160px; height:160px; margin:0 30px 56px 0; border:8px solid #eaeaea; overflow:hidden; border-radius:88px; }
.app li.li1 {margin:0 0 56px 0; }
.app li h1 { height:160px; width:160px; }
.app li h1 img { height:160px; width:160px; border-radius:80px; }
.app li h2 { height:160px; line-height:160px; text-align:center; font-size:18px; }
.app li h2 a { color:#fff; }
.app li:hover { background:#3bb9ee; border:8px solid #e1f4fc; -moz-transition:all 1.5s; }
.app li:hover h1 { margin:-160px 0 0; -moz-transition:all 1s; transform:rotate(360deg); }

.app_d { padding:0 0 20px; border-bottom:1px solid #ccc; }
.app_d h1 { font-size:20px; font-weight:normal; line-height:40px; color:#3bb9ee; }
#app { width:1000px; margin:40px auto 100px; }
#app li { width:180px; margin:0 10px 40px; float:left; }
#app h1 { height:180px; }
#app h1 img { width:180px; height:180px; }
#app h2 { line-height:32px; height:32px; overflow:hidden; font-size:12px; font-weight:normal; text-align:center; }
#bottom { margin-bottom:100px; }
/*客户案例*/
#case { text-align:center; }
#case h1 { line-height:86px; font-size:30px; font-weight:normal; color:#13aded; }
#case h1 p { line-height:30px; color:#606060; }

.case { width:1000px; margin:40px auto; }
.case li { float:left; width:321px; height:214px; overflow:hidden; margin:6px; }
.case h1 { width:321px; height:214px; }
.case h1 img { width:321px; height:214px; }
.case h2 { height:214px; line-height:214px; text-align:center; font-size:18px; font-weight:normal; position:relative; background:rgba(0,0,0,0.5) no-repeat; margin:-214px 0 0; }
.case li a h2 { color:#fff; }
.case li a { flaot:left; width:321px; height:214px; }
.case li a:hover { flaot:left; width:321px; height:214px; }
.case li a:hover h2 { margin:0 0 -214px; -moz-transition:all 1s; }
/*人才招聘*/
.zps {  }
.zps img { float:left; margin:0 60px 0 0; }
.zps h1 { padding:46px 0 0; line-height:68px; font-size:30px; font-weight:normal; color:#13aded; }
.zps p { line-height:30px; color:#606060; }

.zp_content { padding:18px 0; }
.zp_content img {  }
.zp_title { height:56px; line-height:56px; border-bottom:1px dashed #ccc; margin:0px 0 20px; font-size:26px; color:#333; }
.zdropList dl dt { line-height:32px; height:32px; width:976px; float:left; background:url(images/zp_list.jpg) no-repeat center; margin:0 12px 20px; }
.zdropList dl dt a { height:32px; width:976px; float:left; }
.zdropList dl dt a h1 { float:left; padding:0 0 0 26px; line-height:32px; font-size:14px; font-weight:normal; width:565px; }
.zdropList dl dt a h2 { float:left; line-height:32px; font-size:14px; font-weight:normal; width:200px; text-align:center; }
.zdropList dl dt a h3 { float:left; line-height:32px; font-size:14px; font-weight:normal; width:130px; margin:0 0 10px; }
.zdropList dl dt a:hover { color:#1993dc; background:url(images/drop_hover.jpg) no-repeat center; height:32px; width:976px; float:left; text-decoration:none; }
.zdropList dl dd { border-bottom:1px dashed #ccc; padding:5px; margin:0 0 20px; padding-left: 25px;}
.zdropList dl dd { }
.zdropList dl dd a:hover { text-decoration:none; color:#1993dc; }
/*联系我们*/
.contactl { float:left; margin:20px 0 0; width:510px; }
.contactr { float:right; margin:70px 0 0; width:410px; font-size:18px; }
#cditu { margin:100px 0 0; }
.cditu { width:100%; height:380px; overflow:hidden; position:relative; z-index:0; background-image:url("http://api.map.baidu.com/images/bg.png"); color:#000; text-align:left; }
.guest { }
.guest h2 { line-height:30px; font-size:18px; font-weight:normal; color:#000; }
/*信息详情页*/
#info {  }
#info_name { font-size:20px; font-weight:normal; text-align:center; line-height:40px; }
#info_intro { text-align:center; color:#1993dc; border-bottom:1px solid #1993dc; line-height:30px; }
#info_intro a { color:#1993dc; }
#info_content { padding:10px 0 20px; font-size:14px; }
#info_around { padding:5px; border:1px solid #1993dc; border-radius:8px;  }

.sa { height:42px; width:560px; margin:0 auto; }
#form_text_search { border:1px solid #ccc; height:40px; line-height:40px; padding:0 5px; width:468px; position:absolute; float:left; background:none; font-size:16px; }
#form_submit_search { width:80px; height:42px; border:1px solid #ccc; background:#2fa3d4; position:relative; float:right; font-size:20px; color:#fff; }
.searchlist li { line-height:30px; border-bottom:1px dashed #999; }
.sb { margin:20px 0 0; }
.sb h1 { padding:0 10px; line-height:42px; border-bottom:1px solid #2fa3d4; color:#2fa3d4; font-weight:normal; font-size:22px; margin:0 0 10px; }

#pt {  }
.pl { float:left; width:404px; height:404px; padding:0 49px 0 0; background:url(images/pl_bg.jpg) no-repeat right center; }
.pl img { padding:20px; width:364px; height:364px; }
.pr { float:right; width:492px; padding:32px 0 0; }
.pr p { line-height:32px; font-size:14px; }
.pr h1 { font-size:24px; font-weight:normal; line-height:50px; color:#dd0000; }

#pb { margin:50px 0 0; }
#tab_menu { overflow:auto;zoom:1; margin:0 5px; }
#tab_menu li { float:left; height:140px; margin:0 135px 0 0; width:90px; text-align:center; cursor:pointer; }
#tab_menu li#li1 { margin:0; }
#tab_menu li h1 { height:90px; background:#b2b2b2; border-radius:45px; }
#tab_menu li h1 img { height:90px; width:90px; }
#tab_menu li h2 { height:50px; line-height:50px; font-size:16px; font-weight:normal; }
#tab_menu .tab_menu_in {  }
#tab_menu .tab_menu_in h1 { background:#cc0000; }
#tab_menu .tab_menu_in h2 { color:#cc0000; }
#pc { margin:24px 0 0; }
.pc_title { line-height:35px; background:#d6d6d6; padding:0 22px; }
.pc_title h1 { font-size:16px; font-weight:normal; }
.pc_content { padding:30px; background:#f7f7f7; color:#626060; }
.pc_content:hover { background:#1993dc; color:#fff; -moz-transition:all 2s; }

#pd { margin:60px 0 0; }
.pd { height:220px; overflow:hidden; margin:20px 0 0; }
.pd li { float:left; width:180px; margin:0 25px 0 0; }
.pd img { height:180px; width:180px; }
.pd h1 { height:180px; }
.pd h2 { height:40px; line-height:40px; text-align:center; font-size:14px; }
#scrollleft { overflow:hidden; width:100%; }
#scrollleft .scrollmain { float:left; width:1000%; }
#scroll_a { float:left; }
#scroll_b { float:left; }
/*表单相关*/
input { font-family:"arial","微软雅黑"; font-size:12px; color:#b0b0b0; }
.form_text { font-size:12px; border:1px solid #7e9eb7; height:42px; line-height:42px; padding:0 5px; width:98%; background:none; }
.form_text_verifycode { font-size:12px; border:1px solid #CCC; height:12px; line-height:12px; padding:0 5px; width:50px; margin:0 3px;}
.form_textarea { font-size:12px; width:98%; height:130px; padding:5px; border:1px solid #7e9eb7; background:none; }
.form_checkbox { }
.form_submit { background:#ff9000; width:100px; height:30px; border:none; color:#FFF; margin-right:30px; float:left; }
.form_reset { background:#454545; width:100px; height:30px; border:none; color:#FFF; margin-right:30px; float:left; text-align:center; }
.form_reset a { color:#FFF; line-height:30px; }
.common_form { }
.common_form li { padding:15px 0; overflow: auto; zoom:1; }
.common_form label { float:left; display:block; height:14x; line-height:14px; font-size:14px; }
/*表格*/
.layout_table { border-collapse:collapse; width:100%; }
.common_table { border-collapse:collapse; width:100%; }
.common_table td { padding:5px; border:1px solid #DBDBDB; }
.common_table th { text-align:center; border:1px solid #DBDBDB; }
/* 漂浮的客服 */
#online_support_main { z-index:9999; position:absolute; display:block; overflow:hidden; width:112px; zoom:1; font-family:"arial","微软雅黑";}
#online_support_title { height:86px; background:url(images/online_support_title.png) no-repeat; cursor:pointer; }
#online_support_title h1 { font-size:14px; line-height:15px; color:#fff; text-align:center; padding:52px 0 0 0; *font-family:"微软雅黑"; height:15px; }
#online_support_title h2 { font-size:9px; height:10px; line-height:10px; color:#fff; text-align:center; }

#online_support_body { min-height:100px; background:#3e9a1a; color:#fff; }
#online_support_body a { color:#fff; }
#online_support_body a:hover { text-decoration:none; }
#online_support_body h1 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h1 a { background:url(images/qq.png) no-repeat left center; padding:0 0 0 20px; }
#online_support_body h2 { line-height:25px; height:25px; padding:0 0 2px 7px; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h2 img { padding:2px 0 3px 0; width:80px; height:20px; margin-left:-4px; }
#online_support_body h3 { line-height:25px; height:25px; padding:0 0 2px 7px; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h3 img { padding:2px 0 2px 1px; width:68px; height:21px; }
#online_support_body h4 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h4 a { background:url(images/msn.png) no-repeat left center; padding:0 0 0 20px; }
#online_support_body h5 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h5 a { background:url(images/skype.png) no-repeat left center; padding:0 0 0 20px; }

#online_contact { background:#3e9a1a; color:#fff; }
#online_contact h1 { padding:6px 0 0 6px; height:20px; line-height:20px; font-size:14px; }
#online_contact h2 { padding:0 0 7px 7px; height:15px; line-height:15px; font-size:14px; }
#online_contact h3 { padding:0 0 0 6px; height:28px; line-height:28px; font-size:14px; border-top:1px solid #308414; border-bottom:1px solid #308414; background:#216c0d; }

#online_support_bottom { height:17px; background:url(images/online_support_bottom.png) no-repeat; }
/*分页样式*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#CC0001; color:#FFF; }
#total { color:red; }
#menu-icon { display:none; }
.sf-menu-phone { display:none; }

#pre { background:url(images/pre.jpg) no-repeat top center; }
.plogo { height:183px; padding:80px 0 0; text-align:center; }
.plogo h1 { height:93px; }
.plogo img { height:93px; }
.plogo h2 { line-height:80px; font-size:36px; font-weight:normal; color:#06476f; }

.pre { width:441px; height:310px; margin:40px auto 0; background:url(images/pre.png) no-repeat; }
.pre ol { padding:86px 111px 0 64px; }
.pre li { height:33px; margin:0 0 21px; }
.pre label { float:left; width:90px; text-align:left; line-height:33px; font-size:16px; color:#000; }
.pre_text { font-size:12px; border:1px solid #5f5b5c; height:31px; line-height:31px; padding:0 5px; width:164px; background:#fff; color:#f00; }
.pre li.li1 { padding:12px 0 0 90px; border-top:2px solid #ccc; }
.pre_submit { background:url(images/pre_submit.png) no-repeat; width:117px; height:38px; border:none; color:#fff; line-height:38px; font-size:18px; font-weight:bold; text-align:center; }

#pre p { padding:25px 0 237px; text-align:center; color:#000; }
.pre h1 { line-height:26px; font-size:18px; color:#f00; font-weight:normal; }
.pre h2 { padding:20px 0 0; line-height:30px; font-size:16px; color:#f00; font-weight:normal; }
.pre h2 a { color:#fff; text-align:center; width:32%; margin:0 1% 0 0; display:block; background:#f00; float:left; border-radius:8px; }
/*响应式开始*/
@media screen and (max-width:1000px) {

#top_menu { padding:0 8px; }
.top_menu { width:100%; margin:0; }

#header { padding:0 8px; background:#f2f3f5; height:auto; }
#top { width:100%; margin:0; background:none; height:auto; }
.logo { float:none; width:173px; height:64px; padding:17px 0; margin:0 auto; }

#navigation { height:40px; float:none; padding:0; clear:both; }
#navigation ul #navigation_home { line-height:40px; }
#navigation ul .main_nav { line-height:40px; margin:0; }
#navigation ul li { width:12.5%; }
#navigation ul li a { width:100%; display:block; padding:0; background:#2fa3d4; border-radius:12px 12px 0 0; color:#fff; }
#navigation ul li h1 { height:40px; line-height:40px; padding:0; }
#navigation ul li h2 { display:none; }
#navigation ul li a:hover { background:#da251c; }
#navigation ul .current_navigation { background:#da251c; }

.ia { margin:25px 8px 0; width:auto; }
.ial { width:9%; margin:0; }
.iar { width:90%; }

.ib { margin:16px 8px 0; width:auto; }
.ibl { width:48%; }
.ibl_content { height:440px; overflow:visible; }
.ivideo { width:100%; height:440px; }
.ibm { float:right; width:48%; margin:0; }
.ibm_content { width:100%; overflow:hidden; }
.ibr { width:48%; }
.ibr img { max-width:100%; }

#link { padding:0 8px; }
.link { width:100%; margin:0; }
.link ul { float:left; padding:36px 30px 0 0; }
.link ul.ul1 { padding:36px 30px 0 0; }

#footer { width:auto; background:#cecece; padding:0 8px; }
.copy { margin:0; width:100%; }

#banner { width:auto; margin:0 8px; }
#top_cate { position:static; margin:-3px 8px 0; }
.cate { margin:0; width:auto; padding:0 20px; }
.channel_list_recursion { margin:0 -20px 0 0; }

#content { width:auto; margin:26px 8px; }

.common img { max-width:100%; }
.culture { padding:10px; }
.culture img { max-width:100%; }

.honor { height:auto; }
.honorl { width:100%; float:none; }
.honorr { width:36%; }
.honorr img { max-width:100%; }

#left { width:18%; padding:2%; margin:0; }

#right { width:75%; margin:0; }
.right_title { display:none; }

.pro li { width:48%; height:auto; margin:0 1% 2%; }
.pro img { width:30%; height:auto; padding:2%; }
.pro h2 { display:none; }
.pro h3 { clear:both; margin:0 0 2% 2%; width:30%; }

.video { padding:0; }
.video li { width:32%; margin:0 0.5% 20px; }
.videos { width:100%; }

#cd li { margin:0 8px; width:auto; }
#cd li h6 { display:block; }
#cd li.li1 { height:auto; background:none; }
#cd li.li1 div { width:100%; margin:0; padding:0; }
#cd li.li1 h6 { float:left; margin:0 20px 0 0; width:30%; }
#cd li.li1 h6 img { width:100%; }
#cd li.li1 h1 { padding:0; }

#cd li.li2 { height:auto; background:none; clear:both; }
#cd li.li2 div { width:320px; margin:0 auto; padding:0; }
#cd li.li2 h1 { padding:0; line-height:44px; }
#cd li.li2 h2 { line-height:30px; font-size:18px; margin:0; }
#cd li.li2 h3 { line-height:32px; margin:0; }

#cd li.li3 { height:auto; background:none; clear:both; margin:20px 8px 0; }
#cd li.li3 div { width:100%; margin:0; }
#cd li.li3 h6 { float:right; margin:0 0 0 20px; width:30%; }
#cd li.li3 h6 img { width:100%; }
#cd li.li3 h1 { padding:0; line-height:44px; }
#cd li.li3 h2 { margin:0; }
#cd li.li3 h3 { line-height:32px; }

#cd li.li4 { height:auto; margin:0; clear:both; }
#cd li.li4 div { width:auto; margin:20px 8px;  }

.app { width:auto; margin:0 8px; }
.app li { width:20%; height:auto; margin:0 0 30px; border:0; border-radius:0; }
.app li.li1 { margin:0 0 30px; }
.app li div { width:140px; margin:0 auto; border:5px solid #eaeaea; border-radius:100%; height:140px; overflow:hidden; }
.app li h1 { height:140px; width:140px; }
.app li h1 img { height:auto; width:100%; border-radius:100%; }
.app li h2 { height:140px; line-height:140px; }
.app li h2 a { color:#fff; display:block; }
.app li:hover { background:none; border:0; }
.app li:hover div { background:#3bb9ee; border:5px solid #e1f4fc; -moz-transition:all 1.5s; }
.app li:hover h1 { margin:-140px 0 0; }

#app { width:auto; margin:40px 8px 100px; }
#app li { width:18%; margin:0 1% 20px; }
#app h1 { height:auto; width:100%; }
#app h1 img { height:auto; width:100%; }
#app h2 { height:auto; overflow:visible; }

.case { width:auto; }
.case li { width:32%; height:auto; overflow:visible; margin:0 0.5% 10px; }
.case h1 { width:100%; height:auto; }
.case h1 img { width:100%; height:auto; }
.case h2 { height:30px; line-height:30px; position:static; background:none; margin:0; }
.case li a h2 { color:#2fa3d4; }
.case li a { width:100%; height:auto; }
.case li a:hover { width:100%; height:auto; }
.case li a:hover h2 { margin:0; }

.zps { text-align:center; }
.zps img { float:none; margin:0; max-width:100%; }
.zps h1 { padding:20px 0 0; line-height:40px; }
.zps p { text-align:center; }

.zp_content img { max-width:100%; }

.zdropList dl dt { width:100%; background:url(images/zp_list.jpg) no-repeat right center #dadada; margin:0 0 20px; }
.zdropList dl dt a { height:32px; width:100%; }
.zdropList dl dt a h1 { padding:0 26px; width:auto; }
.zdropList dl dt a h2 { width:auto; padding:0 26px 0 0; }
.zdropList dl dt a h3 { width:auto; margin:0; }
.zdropList dl dt a:hover { background:url(images/drop_hover.jpg) no-repeat right center #dadada; width:100%; }
.zdropList dl dd { padding:5px; }

.contactl { width:50%; }
.contactl img { width:100%; }
.contactr { width:48%; }

.cditu { height:220px; border-top:3px solid #f00; }

.pl { width:48%; height:auto; padding:0; background:none; }
.pl img { padding:0; max-width:100%; height:auto; }
.pr { width:48%; }

#tab_menu { margin:0; }
#tab_menu li { width:18%; margin:0 1%; }
#tab_menu li div { width:90px; margin:0 auto; }
#tab_menu li#li1 { margin:0 1%; }

#pre p { padding:25px 8px; color:#fff; line-height:20px; }

}

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

.top_menu h2 { margin:0 0 0 20px; }

.honorl h1 { line-height:36px; font-size:22px; padding:10px 0 0; }
.honorl p { line-height:24px; font-size:14px; }

#cd li.li4 h1 { width:40%; margin:0 20px 0 0; }
#cd li.li4 h5 { border:none; margin:0;  padding:6px 0 20px; }



}

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

.top_menu h1 { display:none; }
.top_menu h2 { margin:0; }


}

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

#top_cate { background:none; height:auto; }
.cate { height:auto; overflow:visible; padding:0; }
.cate h1 { background:#da251c; padding:0 15px; margin:10px 0 0 20px; border-radius:12px 12px 0 0; }
.channel_list_recursion { margin:0; padding:0; clear:both; border-top:3px solid #da251c; float:none; height:auto; padding:10px 0 0; }
.channel_list_recursion li { background:none; margin:0; padding:0; width:auto; text-align:center; }
.channel_list_recursion li a { background:#2fa3d4; margin:0; padding:0; border-radius:6px; }
.channel_list_recursion li a:hover { background:#da251c; color:#fff; }
.channel_list_recursion #current_channel_recursion a { background:#da251c; color:#fff; }
.channel_list_recursion .c_c { background:#da251c; color:#fff; }
#cate6 li { width:14%; margin:0 1%; }

#left { float:none; width:100%; background:none; padding:0; margin:-26px 0 0; }
.pro_cate { border-top:3px solid #da251c; padding:10px 0 0; }
.pro_cate li { line-height:29px; height:29px; border:none; width:19%; margin:0 0.5% 10px; float:left; }
.pro_cate li a { background:#2fa3d4; color:#fff; margin:0; border-radius:6px; }
.pro_cate li a:hover { background:#da251c; color:#fff; }
.pro_cate #current_channel_recursion a { background:#da251c; color:#fff; }

#right { float:none; width:100%; clear:both; }
.pro li { width:23%; }
.pro img { width:96%; float:none; }
.pro h1 { padding:0; text-align:center; }
.pro h3 { clear:both; margin:2%; width:96%; }

#cate3 li { width:31%; margin:0 1%; }

.video li { width:48%; margin:0 1% 20px; }

.cd { margin:-26px 0 0; border-top:3px solid #da251c; }

.app li { width:25%; }

#app li { width:23%; }

#cate2 li { width:24%; margin:0 1% 0 0; }

#pt { margin:-26px 0 0; border-top:3px solid #da251c; }

}

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

#footer { height:auto; padding:10px 0; text-align:center; }
.copy { line-height:26px; }
.copy p { line-height:26px; }
.copyl { float:none; }
.copyr { float:none; }

.news li { height:auto; }
.news h3 { height:auto; overflow:visible; }

.contactl { width:40%; }
.contactr { margin:20px 0 0; width:58%; font-size:16px; }

}

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

#navigation ul li a { border-radius:8px 8px 0 0; }
.ial { width:12%; margin:0; }
.iar { width:87%; }

.zp_content { display:none; }

}

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

.info-btn { margin:-150px 0 0 150px; }
.ibl_content { height:460px; }
.ivideo { height:460px; }

.link ul { padding:36px 20px 0 0; }
.link ul.ul1 { padding:36px 0 0 0; float:right; }
.link ul.ul2 { display:none; }

.honorr { width:54%; }

.pro li { width:32%; margin:0 0.5% 2%; }

#cd li.li1 h6 { width:46%; }

#cd li.li2 { margin:20px 0 0; }

#cd li.li3 h6 { width:46%; }

#cd li.li4 { text-align:center; }
#cd li.li4 h1 { width:100%; margin:0; float:none; text-align:center; }
#cd li.li4 h2 { padding:0; line-height:44px; }
#cd li.li4 h3 { line-height:30px; margin:0; }

}

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

#alink { height:auto; width:auto; margin:20px 8px; padding:10px 0 0; border-top:3px solid #2fa3d4; }
#alink li { width:20%; height:auto; margin:0 2.5% 20px; }
#alink li a { width:100%; height:auto; }
#alink li a:hover { width:100%; height:auto; }

}

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

.case li { width:48%; margin:0 1% 10px; }

}

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

.ibl_content { height:218px; }
.ivideo { height:218px; }
.ibr { clear:both; float:none; width:100%; }

.app li { width:33%; }

#app li { width:31%; }

}

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

#navigation ul li a { border-radius:5px 5px 0 0; }

.form_text { width:96%; }
.form_textarea { width:96%; }

}

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

.top_menu h3 { margin:6px 0 0 10px; }

}

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

.top_menu h4 { display:none; }
.top_menu h3 { margin:6px 0 0; float:right; }
#navigation ul li h1 { font-size:12px; }

.ial { width:15%; }
.iar { width:84%; }

.ibl { width:100%; float:none; }
.ibl_content { height:218px; }
.ivideo { height:218px; }
.ibm { width:100%; float:none; }

.zdropList dl dt a h1 { padding:0 10px; width:auto; }
.zdropList dl dt a h2 { width:auto; padding:0 10px 0 0; }

}

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

.app_s { padding:0 0 30px; }
.app_s h1 { padding:20px 0 0; line-height:40px; font-size:22px; }
.app_s p { line-height:22px; }

#info_name { line-height:30px; border-bottom:2px solid #1993dc; }
#info_intro { display:none; }

}

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

#alink h1 { float:none; margin:0 auto; }
#alink h2 { float:none; text-align:center; }

.ce h1 { line-height:40px; font-size:20px; }
.ce p { line-height:26px; font-size:14px; }
.ce h2 { line-height:36px; font-size:18px; }

.pro li { width:48%; margin:0 1% 2%; }

}

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

#link { display:none; }

#cd li.li1 h6 { width:80%; margin:0 10%; float:none; }
#cd li h1 { text-align:center; }
#cd li h2 { text-align:center; }

#cd li.li3 h6 { width:80%; margin:0 10%; float:none; }
#cd li.li4 h4 { padding:10px 0 0; }

.zdropList dl dt a h2 { display:none; }


#tab_menu li { height:auto; }
#tab_menu li div { width:60px; }
#tab_menu li h1 { height:60px; border-radius:100%; }
#tab_menu li h1 img { height:auto; width:100%; }
#tab_menu li h2 { height:36px; line-height:36px; font-size:14px; }

}

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

#navigation { display:none; }
#menu-icon { height:40px; display:block; background:#cc0003; cursor:pointer; text-transform:uppercase; text-align:center; }
#menu-icon img { height:40px }
.sf-menu-phone { display:none; margin:0 -8px; }
.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 #cc0003; }
.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:#ef0908; }

.ia { height:auto; border:0; margin:10px 8px 0; }
.ial { width:100%; padding:0; border:0; border-bottom:1px dotted #ccc; margin:0 0 10px; }
.iar { width:100%; }

.about p { padding:10px 0 0; }
.about h2 img { padding:10px 0 0; }
#cate6 li { width:32%; margin:0 0.5% 10px; }

.honorr { width:100%; text-align:center; }
.honorr img { max-width:100%; }

.cd h2 { line-height:34px; font-size:26px; }

.app li { width:50%; }

#app li { width:48%; }

.zps h1 { line-height:30px; font-size:22px; }
.zps p { line-height:24px; }

.pc_content { padding:10px; }

}

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

.pro_cate li { width:32%; margin:0 0.5% 10px; }

.video li { width:80%; margin:0 10% 20px; }

.pl { width:100%; float:none; text-align:center; }
.pr { width:100%; float:none; padding:0; }

#pre { background:#00a5fa }
.plogo { padding:20px 0 10px; height:auto; }
.plogo h2 { color:#fff; line-height:30px; font-size:22px; }
.pre { margin:0 8px; width:auto; background:none; height:auto; }
.pre ol { border:10px solid #fff; border-radius:12px; background:#f1f1f1; padding: 20px;  }

.pre h2 { padding:20px 0; }

}

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

.cd h1 { font-size:20px; color:#da251c; }
.cd h2 { font-size:18px; }
.cd h3 { line-height:24px; }

.app_s h1 { line-height:30px; font-size:18px; }

.case h2 { font-size:16px; }

#info_name { font-size:16px; line-height:26px; color:#1993dc; }

}

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

#cd li.li4 h4 { width:100%; height:auto; }
#cd li.li4 h4 img { max-width:100%; height:auto; }

.contactl { float:none; margin:0; width:100%; }
.contactr { float:none; margin:0; width:100%; }
.contactr img { max-width:100%; }

}

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

.ce h1 { line-height:30px; font-size:18px; border-bottom:1px solid #2fa3d4; }
.ce p { line-height:22px; font-size:13px; padding:8px 0 0; }
.ce h2 { line-height:26px; font-size:16px; }

.case h2 { font-size:14px; }

}

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

.iar { height:auto; overflow:visible; }

.news h1 { float:none; width:80%; height:auto; margin:0 auto; }
.news img { width:100%; height:auto; }
.news h2 { text-align:center; }

.zps h1 { padding:10px 0; font-size:16px; }

#cate2 li { width:48%; margin:0 1%; }

.zdropList dl dt a h3 { display:none; }
.zdropList dl dt a h1 { font-size:12px; }

.pre li { height:auto; margin:0 0 15px; }
.pre label { float:none; width:100%; line-height:20px; }
.pre li.li1 { padding:12px 0 0; }

}

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

.pro li h1 { height:15px; overflow:hidden; }

.case h2 { font-size:12px; }

#cditu { display:none; }

#tab_menu li div { width:40px; }
#tab_menu li h1 { height:40px; }
#tab_menu li h2 { font-size:10px; line-height:20px; }

}

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

#cd li.li2 div { width:auto; margin:0 8px; }

.app li { width:100%; }

#app li { width:98%; }

.form_text { width:94%; }
.form_textarea { width:94%; }

.pre h2 { font-size:14px; }

}

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

.top_menu h3 { display:none; }
.top_menu h2 { float:none; width:100%; text-align:center; }

#alink h2 { display:none; }

.news li { padding:15px 2px 30px; }
.news h4 { width:60px; }
.news h5 { width:136px; }

.video li { width:100%; margin:0 0 20px; }

.cd h1 { font-size:18px; line-height:30px; }
.cd h2 { font-size:16px; line-height:26px; }

.zdropList dl dt { background:#dadada; }
.zdropList dl dt a h1 { padding:0 0 0 10px; }

.plogo h2 { font-size:18px; }

}

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

.pro_cate li { width:48%; margin:0 1% 10px; }
.pro li { width:80%; margin:0 10% 10px; }

#cd li.li4 h2 { line-height:30px; font-size:20px; }
#cd li.li4 h3 { line-height:26px; font-size:16px; }

.case h2 { display:none; }
.case li { margin:0 1% 2%; }

.form_submit { margin-right:10px; }
.form_reset { margin:0; }

.pre h2 a { float:none; width:60%; margin:0 20% 10px; }

}

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

.ibm .ib_title h1 span { display:none; }
.info-btn { margin:-152px 0 0 65px; }
.slide-ul h1 { display:none; }
.slide-ul li img { width:114px; height:114px; padding:0; border:0; margin:0 30px; float:none; }

.pre h1 { line-height:22px; font-size:16px; }

}

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

.copyl { display:none; }

#cd li.li1 h6 { width:100%; margin:0; }
#cd li.li1 h1 { line-height:30px; font-size:20px; }
#cd li.li1 h2 { line-height:26px; font-size:16px; }
#cd li.li1 h3 { padding:0; line-height:24px; }

#cd li.li2 h1 { line-height:30px; font-size:20px; }
#cd li.li2 h2 { line-height:26px; font-size:16px; }
#cd li.li2 h3 { padding:0; line-height:24px; }

#cd li.li3 h6 { width:100%; margin:0; }
#cd li.li3 h1 { line-height:30px; font-size:20px; }
#cd li.li3 h2 { line-height:26px; font-size:16px; }
#cd li.li3 h3 { padding:0; line-height:24px; }

.plogo h2 { font-size:14px; }
.pre ol { border:5px solid #fff; padding:5px; }

}