@charset "utf-8";
/* author maqibin */
/*case*/
.banner { height: 300px; background-position: center; }
.banner>* { text-indent:-999em }
.tab_search { padding: 40px 0 30px }
.tab_search .fl a { width: 205px; height: 58px; margin-right: 10px; line-height: 58px; background: #0473fc; display: inline-block; text-align: center; font-size: 18px; color: #ffffff; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; }
.tab_search .fl a.on { background: #0473fc; color: #fff; position: relative }
.tab_search .fl a.on:after { content: ""; position: absolute; z-index: 100; top: 58px; display: inline-block; width: 0; height: 0; border: 10px solid transparent; left: 50%; margin-left: -10px; border-color: #0473fc transparent transparent transparent; }
.tab_search .fr input { width: 200px; height:38px; line-height:38px; padding: 10px; border: 0; color: #999; background: #e4e4e4; float: left; font-size: 18px; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; }
.searchBtn { width: 48px; height: 58px; background: url("../images/case_search_btn.png") no-repeat; display: inline-block; float: left; cursor: pointer; border:0;}
.Public-box { margin-bottom: 60px }
.Public-box .case-nav { width: 200px; }
.Public-box .case-nav li { height: 50px; line-height: 50px; border-left: 10px solid #f7f7f7; background: #f7f7f7; padding-left: 20px; color: #999; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; margin-bottom: 2px; font-size: 14px; cursor: pointer }
.Public-box .case-nav li.on { background: #333; border-left: 10px solid #5ba707; color: #fff; position: relative }
.Public-box .case-nav li.on:after { content: ">"; position: absolute; right: 10px; color: #fff; top: 0px }
#nav_uls { border: 4px solid #f7f7f7; width: 860px; padding: 15px }
.case_list { position: relative; }
.case_item { display: inline-block; width: 104px; height: 120px; overflow:hidden; float: left; text-align: center; cursor: pointer; }
.icon_wrapper { position: relative; width: 80px; height: 80px; border-radius: 100%; display: block; margin: 0 auto }
.icon_wrapper div { width: 72px; height: 72px; display: block; border: 1px solid #ddd; border-radius: 100%; background-size: 360px 360px !important; }
.icon_wb_case:after { content: ""; position: absolute; width: 74px; height: 74px; display: block; left: 0; top: 0; background:#000; filter:alpha(opacity=20); opacity:.2; border-radius: 100%; }
.case_item.on .icon_wb_case:after { content: ""; position: absolute; z-index: 100; top: 100px; display: inline-block; width: 0; height: 0; border: 10px solid transparent; left: 50%; margin-left: -10px; border-color: transparent transparent #f7f7f7 transparent; background: none }
.case_item.on .icon_wrapper div { border: 1px solid #5ba707; }
.wb_case_desc { background: url("../images/case_desc_bg.png") no-repeat; height: 645px; position: relative; margin-top: 20px }
.swipe { width: 255px; height: 447px; overflow: hidden; position: absolute; left: 148px; top: 97px }
.swipe ul { position: relative }
.swipe ul img { width: 255px; height: 447px; }
.swipe ul li { width: 255px; height: 447px; float: left; overflow: hidden; display: inline-block; position: relative; }
.case_ewm_info { position: absolute; left: 490px; top: 115px; width: 300px }
.case_ewm_info img { margin: 0 auto; display: block }
.case_ewm_info h3 { text-align: center; font-size: 14px; font-weight: bold; color: #5ba707; margin: 40px 0 10px 0 }
.case_ewm_info p { color: #999; line-height: 24px }
.iphone-index { position: absolute; bottom: 0; width: 100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; }
.iphone-index i { display: inline-block; width: 10px; height: 10px; overflow: hidden; border-radius: 10px; background: #ccc; margin: 0 5px; }
.iphone-index i.hover { background: #1cc820; }
/* CSS product */
.pro_tab { width: 1068px; height: 135px; border: 1px solid #e9e9e9; background: #f3f3f3; margin: 20px auto 15px; padding: 15px; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; }
.pro_tab a { display: inline-block; height: 135px; width: 293px; padding-left: 240px; background: url("../images/product_tab_bg.jpg")/*tpa=statics/css/app/modules/pc/assets/images/product_tab_bg.jpg*/ no-repeat }
.pro_tab a h3 { color: #999; font-size: 24px; line-height: 36px; margin-bottom: 10px }
.pro_tab a p { font-size: 16px; color: #999 }
.pro_tab .fun_info { border-right: 1px solid #d2d2d2; background-position: 0 -158px }
.pro_tab .fun_info:hover, .pro_tab .on.fun_info { background-position: 0 -8px }
.pro_tab .hardware_info { border-left: 1px solid #fff; background-position: 0 -465px }
.pro_tab .hardware_info:hover, .pro_tab .hardware_info.on { background-position: 0 -316px }
.pro_tab a:hover h3, .pro_tab a.on h3 { color: #66cc33 }
.pro_content {width: 100%;margin:60px  auto 0 auto;}
.pro_content .side_nemu { width: 182px }
.pro_content .side_nemu li { line-height: 55px; cursor: pointer }
.pro_content .side_nemu li>div,.pro_content .side_nemu li>a {height:55px;display:block;position: relative; padding-left: 54px; font-size: 20px; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti, Tahoma, Helvetica; color: #fff; background: url("../images/pro_side_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/pro_side_bg.png*/ no-repeat; }
.pro_content .side_nemu li>div.option_zs { background-color: #90cc00 }
.pro_content .side_nemu li>div.option_tg { background-color: #6699cc; background-position: 0 -55px }
.pro_content .side_nemu li>div.option_hd { background-color: #33cccc; background-position: 0 -110px }
.pro_content .side_nemu li>div.option_cj { background-color: #ff9900; background-position: 0 -165px }
.pro_content .side_nemu li>a.option_01 { background-color: #e47364; background-position: 0 -362px;}
.pro_content .side_nemu li>a.option_02 { background-color: #1b8fef; background-position: 0 -416px }
.pro_content .side_nemu li>div.option_03 { background-color: #f5c755; background-position: 0 -473px }
.pro_content .side_nemu li>div:after { position: absolute; right: 10px; top: 15px; content: ''; background: url("../images/pro_side_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/pro_side_bg.png*/ no-repeat -23px -237px; width: 25px; height: 25px; }
.pro_content .side_nemu li.on>div:after { background: url("../images/pro_side_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/pro_side_bg.png*/ no-repeat -18px -270px; }
.pro_content .side_nemu li dl { display: none; margin-left: 30px; overflow: hidden }
.pro_right { width: 858px; padding: 30px; }
.pro_right_main { font-size: 16px; line-height: 28px; color: #666 }
.pro_right_main img{max-width: 800px}
.pro_content .side_nemu li dl dd { border-bottom: #c2c2c2 1px solid; height: 45px; line-height: 45px; }
.pro_content .side_nemu li dl dd:last-child{border: 0}
.pro_content .side_nemu li dl dd a { display: block; font-size: 14px; color: #666; padding-left: 40px; position: relative }
.pro_content .side_nemu li dl dd a span { color: #ff9900; position: absolute; left: 2px; top: 0 }
.pro_content .side_nemu li dl dd.on a:after { content: ""; position: absolute; z-index: 100; display: inline-block; width: 0; height: 0; border: 10px solid transparent; top: 13px; right: 0; border-color: transparent #fff transparent transparent; }
.pro_right_top h3, .service_content h2 { font-family: "Microsoft Yahei", "微软雅黑"; font-size: 24px; }
.pro_right_top a { width: 154px; height: 45px; display: block; background: url("../images/pro_side_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/pro_side_bg.png*/ no-repeat 0px -313px; text-align: center;line-height: 42px;color: #fff;font-size: 18px;font-family: "Microsoft Yahei"; margin-left:10px}
/*service*/
.teacher>p { font-size: 16px; color: #666; line-height: 28px; margin-bottom: 50px }
.teacher ul li { float: left; width: 50% }
.teacher ul li .head_pic img { width: 200px; height: 240px; display: block }
.teacher ul li .teacher_info { width: 290px; margin-right: 30px; float: right; font-size: 14px; color: #666; line-height: 28px; }
.teacher ul li .teacher_info h3, .nstr_info ul li h3 { font-size: 25px; color: #669900; margin-bottom: 10px; font-family: "Microsoft Yahei", "微软雅黑"; }
.service_content { border: 1px solid #f1f1f1; margin: 50px auto }
.service_content .service_content_top { border-bottom: 1px solid #f1f1f1; padding: 15px; line-height: 36px; }
.service_content ul li { width: 324px; float: left; margin: 20px 30px 0 0 }
.service_content ul { padding: 0 0 20px 30px }
.apply_info { background: #f5f7f6; border: 1px solid #e4e4e4 }
.apply_info .a_name { color: #333; padding: 15px; border-bottom: 1px solid #e4e4e4; font-weight: bold }
.apply_info .a_cont { padding: 15px; line-height: 24px; color: #999 }
.apply_info .a_cont .fl span { color: #000 }
.apply_info .a_cont .fr a { width: 73px; height: 35px; line-height: 35px; border-radius: 2px; display: block; background: #ffa200; color: #fff; font-weight: bold; text-align: center; margin-top: 10px; cursor:pointer }
.item_wq .s_title a { font-size: 16px; line-height: 32px; font-family: "Microsoft Yahei", "微软雅黑"; }
.item_wq .s_date, .item_wq .s_info { color: #666; line-height: 24px; }
.item_wq div img { width: 324px; height: 242px; }
.item_wq .s_info a { color: #33cc66; margin: 0 5px }
/*edu*/
.edu_area { width: 1098px; margin: 0 auto 30px; border: 1px solid #f1f1f1 }
.edu_info { background: #fbfbfb; width: 548px; border-right: 1px solid #f1f1f1 }
.nstr_info { width: 549px }
.edu_info h2, .nstr_info h2, .case_cont h2, .cur_cont h2, .pr_cont h2, .previous_cout h2 { background: url("../images/edu_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/edu_bg.png*/ no-repeat; height: 74px; border-bottom: 1px solid #f1f1f1; text-indent: -9999px }
.mb20 { margin-bottom: 20px }
.edu_info h2 { background-position: 0 5px; }
.nstr_info h2 { background-position: 0 -75px; margin-bottom: 15px }
.edu_info p { color: #7d7d7d; line-height: 24px; margin: 20px; }
.nstr_info ul li, .edu_silder { width: 450px; height: 225px; display: block; float: left; overflow: hidden }
.nstr_info ul li img { width: 187px; height: 225px; display: block; }
#edu_prev, #edu_next { width: 49px; height: 49px; float: left; cursor: pointer; margin-top: 85px; opacity: 0.8 }
#edu_prev { background: url("../images/next_prev2.png")/*tpa=statics/css/app/modules/pc/assets/images/next_prev2.png*/ no-repeat 0px 0px; background-size: 100px 100px }
#edu_next { background: url("../images/next_prev2.png")/*tpa=statics/css/app/modules/pc/assets/images/next_prev2.png*/ no-repeat -50px 0px; background-size: 100px 100px }
.nstr_info ul li p, .case_cont ul li p { font-size: 12px; color: #666; line-height: 24px }
.case_cont { width: 750px; border: 1px solid #f1f1f1 }
.cur_cont, .pr_cont { width: 328px; border: 1px solid #f1f1f1; background: #fbfbfb }
.case_cont h2 { background-position: 0 -160px; }
.cur_cont h2 { background-position: 0 -250px; }
.cur_list { padding: 15px; }
.cur_list li { margin-bottom: 15px }
.cur_list li .apply_info { background: #fff }
.case_cont ul li { margin: 20px; width: 710px; background: url("../images/case_li_bg.jpg")/*tpa=statics/css/app/modules/pc/assets/images/case_li_bg.jpg*/ #fff no-repeat scroll bottom center; padding-bottom: 25px }
.case_cont ul li h3 { font-family: "Microsoft Yahei", "微软雅黑"; font-size: 24px; margin-bottom: 10px }
.case_cont ul li img { width: 710px; margin-bottom: 10px }
.case_cont ul li .case_foot { height: 30px; line-height: 30px; margin-top: 5px }
.share_weibo { color: #aab2bd; font-size: 12px; background: url("../images/edu_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/edu_bg.png*/ no-repeat scroll 0 -500px; padding: 0 15px 0 30px }
.view_num { color: #aab2bd; font-size: 12px; background: url("../images/edu_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/edu_bg.png*/ no-repeat scroll 0 -432px; padding: 0 15px 0 30px }
.down_num { color: #aab2bd; font-size: 12px; background: url("../images/edu_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/edu_bg.png*/ no-repeat scroll 0 -465px; padding: 0 15px 0 30px }
.case_cont ul li .fr { width: 125px; height: 30px; display: block; text-align: center; background: #99cc99; color: #fff; margin-right: 10px;}
.loading { text-align: center; color: #666; font-size: 14px; margin-bottom: 10px }
.pr_cont h2, .previous_cout h2 { background-position: 10px -333px }
.pr_cont ul { padding-left: 20px; padding-top: 20px; width: 328px }
.pr_cont ul li { width: 135px; height: 160px; background: #fff; float: left; margin: 0 20px 20px 0 }
.pr_cont ul li img { width: 135px; height: 100px; display: block }
.pr_cont ul li p { color: #666; padding: 5px; line-height: 24px }
.pr_cont .more { padding: 10px; background: #fff; margin: 0 20px 20px; display: block; border: 1px solid #f1f1f1; text-align: center }
/*往期回顾*/
.previous_cout { border: 1px solid #f1f1f1; width: 1098px; margin-bottom: 30px }
.previous_cout ul { padding: 30px 42px 20px; width: 1056px; }
.previous_cout ul li img { width: 310px; height: 230px; display: block }
.previous_cout ul li { width: 310px; height: 280px; float: left; margin-right: 42px; margin-bottom: 20px }
.previous_cout ul li p { font-size: 14px; line-height: 28px; color: rgb( 102, 102, 102 ); text-align: center; }
/*news*/
.news_list { margin-bottom: 30px }
.news_list ul { padding: 30px 0 20px; width: 1131px; }
.news_list ul li img { width: 345px; height: 260px; display: block }
.news_list ul li { width: 345px; background: #f7f7f7; float: left; margin-right: 32px; margin-bottom: 30px; height:418px; overflow:hidden;}
.news_list ul li .title { font-size: 18px; font-family: "Microsoft YaHei"; color: #666; line-height: 1.556; height: 56px; overflow: hidden; margin: 10px 20px; }
.news_list ul li .desc { font-size: 12px; line-height: 20px; color: #999; padding: 10px 20px; height:50px; overflow: hidden; border-top: 1px solid #ddd }
/*topics*/
.topics_bg { background: url("../images/topics_bg.jpg")/*tpa=statics/css/app/modules/pc/assets/images/topics_bg.jpg*/ #fff no-repeat center top }
.topics_list { padding-top: 44px; margin-bottom: 44px }
.topics_list ul { width: 1144px }
.topics_list ul li { width: 528px; height: 392px; float: left; margin-right: 44px; margin-bottom: 44px; box-shadow: 0px 0px 3px 1px #ccc; border-radius: 4px; background:rgba(255,255,255,.5);}
.topics_list ul li .topic_item { background: #fff; margin: 6px; height: 380px }
.topics_list ul li img { margin: 9px; width: 500px; height: 313px }
.topics_list ul li p { height: 30px; overflow: hidden; padding: 5px 10px 10px; }
.topics_list ul li p a { font-size: 16px; font-family: "Microsoft YaHei"; color: rgb( 102, 102, 102 ); line-height: 1.75; }

/*article*/
.article_bg { background: #f7f7f7; border-top: 8px solid #ddd; margin-top:10px;}
.article { width: 1100px;margin:50px auto; }
.articletitle {  font-size: 18px;border-bottom: 1px solid #e0e0e0;height:50px;line-height:50px;}
.articleleft { width: 230px; float:left; }
.other-articles li {  width: 220px; float:left;border-bottom: 1px dashed #7b7b7b;    height: 35px; line-height: 35px;overflow: hidden; background:url("r30_c21.jpg")/*tpa=statics/css/app/modules/pc/assets/css/r30_c21.jpg*/ no-repeat 1px 14px;text-indent:15px;}
.other-articles li a{  overflow: hidden;    }
.other-articles li a:hover{   color:#01a9b2;margin-left:8px;}

.IndexNewBodys{width:230px;float:left;}
.I_NewTitle {   float: left;    height: 40px;    margin-bottom: 12px;    width: 230px;}
.I_NewTitle .chinas {   color: #2a2b2c;    float: left;    font-size: 18px;    height: 35px;    padding-top: 5px;    width: 75px;}
.I_NewTitle .ens {  color: #999;   float: left;   font-size: 12px;   height: 28px;   padding-top: 12px;    width: 120px;}

.I_NewList{height:30px;width:230px;float:left;background:url("r30_c21.jpg")/*tpa=statics/css/app/modules/pc/assets/css/r30_c21.jpg*/ no-repeat 3px 11px;line-height:30px;position:relative;border-bottom: 1px solid #e5e5e5;    text-overflow: ellipsis;
    white-space: nowrap;}
.I_NewList a{display:block;width:220px;position:relative;text-indent:15px;height:30px;line-height:30px;text-overflow: ellipsis;
    white-space: nowrap;}
.I_NewList a:hover{color:#01a9b2;margin-left:6px;}
.I_NewMore{width:100px;height:30px;padding-left:18px;float:left;background:url("r32_c21.jpg")/*tpa=statics/css/app/modules/pc/assets/css/r32_c21.jpg*/ no-repeat 3px 9px;line-height:30px;}


.articleright { width: 800px; float:right; }
.article h1.title { font-size: 18px;border-bottom: 1px solid #e0e0e0;height:50px;line-height:50px;}
.article-info { font-size: 12px; color: rgb( 187, 187, 187 ); line-height: 28px; }
.show-content { font-size: 14px; color: rgb( 102, 102, 102 ); line-height: 32px; margin-top: 10px }
.article_foot {  padding-bottom: 20px }
.article_foot ul li { float: left; font-size: 14px; line-height: 30px; overflow: hidden; padding: 15px 30px 15px 30px ;border-top: 2px solid #f1f1f1;margin-top:30px;}
.article_foot .more { border-radius: 4px; background-color: #5ba707; font-size: 14px; color: #fff; width: 120px; height: 40px; line-height: 40px; text-align: center; display: block; margin: 0 auto; }
/*join*/
.zx_res{background:url("../images/sqbook.jpg")/*tpa=statics/css/app/modules/pc/assets/images/sqbook.jpg*/ no-repeat; width:586px; height:360px; border:5px solid #efefef;}
#open_renzheng{position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-185px;  background:#fff;z-index:9999;border-radius: 5px }
.join_area { border: 1px solid #f1f1f1; margin-bottom: 30px }
.data_cont { width: 550px; float: left; height: 400px }
.dls_cont { border-left: 1px solid #f1f1f1; width: 549px; float: left; height: 400px; background: #fbfbfb; }
.data_cont h2, .dls_cont h2, .join_conditions h2, .join_apply h2, .join_contact h2 { height: 64px; line-height: 64px; text-indent: 30px; border-bottom: 1px solid #f1f1f1; font-size: 24px; font-family: "Microsoft YaHei"; color: #5ba707; }
.data_cont div { color: #666; font-size: 18px; font-family: "Microsoft YaHei"; line-height: 36px; padding: 30px 20px }
.cor_690 { color: #669900 }
.cor_f60 { color: #ff6600 }
.data_cont div span { font-size: 30px; padding: 0 5px }
#dls_prev, #dls_next { width: 49px; height: 49px; float: left; cursor: pointer; margin-top: 85px; opacity: 0.8 }
#dls_prev { background: url("../images/next_prev2.png")/*tpa=statics/css/app/modules/pc/assets/images/next_prev2.png*/ no-repeat 0px 0px; background-size: 100px 100px }
#dls_next { background: url("../images/next_prev2.png")/*tpa=statics/css/app/modules/pc/assets/images/next_prev2.png*/ no-repeat -50px 0px; background-size: 100px 100px }
.dls_cont .dls_silder { width: 450px; height: 280px; display: block; float: left; overflow: hidden }
.dls_cont .dls_silder li { float: left; width: 140px; height: 280px; background: #fff; margin-right: 15px; }
.dls_cont .dls_silder img { width: 140px; height: 180px; display: block }
.dls_cont .dls_silder .dls_name { text-align: center; padding: 10px 5px 5px }
.dls_cont .dls_silder .dls_desc { color: #666; line-height: 24px; text-align: center; padding: 5px; height: 58px; overflow: hidden }
.join_search_box { height: 142px }
.search_dls { width: 530px; height: 122px; padding: 20px 0 0 20px; background: #5ba707; float: left }
.join_dls { background: url("../images/search_join_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/search_join_bg.png*/ no-repeat 0 0 #ffa800; height: 122px; width: 390px; padding: 20px 50px 0 110px; float: left; line-height: 24px; color: #fff; }
.join_dls a { color: #fff; text-decoration: underline }
.text_top { font-size: 16px; line-height: 32px; font-family: "Microsoft YaHei"; color: #fff }
.search_dls_btn { width: 78px; height: 42px; background: #feffb0; display: block; float: left; text-align: center; line-height: 42px; font-size: 16px; font-weight: bold; color: #5ba707; cursor:pointer;}
.search_dls input { height: 32px; font-size: 16px; line-height: 32px; padding: 5px; border: 0; float: left; margin-right: 10px; width: 400px }
.search_dls .clearfix { padding: 5px 0 }
.search_dls p { line-height: 24px; color: #ffcc00 }
.zc_cont h3 { height: 74px; line-height: 74px; text-indent: 30px; border-bottom: 1px solid #f1f1f1; font-size: 24px; font-family: "Microsoft YaHei"; }
.zc_cont h3 span { color: #5ba707 }
.zc_cont .clearfix { padding: 25px 0 25px 25px }
.zc_cont .zc_list { width: 340px; float: left; margin-right: 15px }
.zc_cont h4 { color: #5ba707; font-size:20px;  line-height: 32px; font-weight: bold; margin-bottom: 5px }
.zc_cont ul li { margin-bottom: 1px; color: #666 }
.zc_cont .zc_item { height: 50px; font-size: 14px; line-height: 50px; font-weight: bold; background: #eee; padding: 0 10px }
.zc_cont .zc_desc { height: 75px; line-height: 24px; padding: 10px; background: #fbfbfb; overflow: hidden; color: #999; display: none }
.fancy_cont { border-top: 1px solid #f1f1f1 }
.fancy_cont h4 { padding: 20px 10px; font-size: 16px; line-height: 32px; font-family: "Microsoft YaHei"; }
.fancy_cont img { height: 125px; display: block; float: left }
.join_foot { border-top: 1px solid #f1f1f1; }
.join_conditions { width: 366px; height: 420px; float: left; }
.join_conditions>div, .join_contact ul, .join_apply ul { padding: 20px }
.join_conditions>div{ color: #666; font-size: 14px; line-height: 28px; font-family: "Microsoft YaHei"; }
.join_apply { width: 366px; height: 420px; float: left; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; background: #f7f7f7; }
.join_apply ul li { height: 32px; line-height: 32px; font-size: 14px; margin-bottom: 20px; }
.join_apply ul li i { color: #ff3300; padding: 0 5px; font-style: normal }
.join_apply ul li label { color: #666; margin-right: 10px }
.join_apply ul li .txt_input { height: 30px; line-height: 30px; width: 220px; padding: 0 5px; border: 1px solid #dbdbdb; color: #ccc; }
.join_apply ul li select { height: 30px; line-height: 30px; width: 114px; padding: 0 5px; border: 1px solid #dbdbdb; color: #ccc }
.join_contact { width: 366px; height: 420px; float: left }
.join_contact ul li { height: 30px; line-height: 30px; padding: 10px 15px; background: #f7f7f7; margin-bottom: 15px; color: #666; font-size: 14px; font-family: "Microsoft YaHei"; }
.join_contact ul li span { margin: 0 15px; padding: 0 15px; border-left: 1px solid #666; }
.join_contact ul li img { position: relative; top: 6px }
.btn-register { width: 128px; height: 40px; border: 0; background: #5ba707; color: #fff; font-weight: bold; margin-left: 56px; cursor: pointer }
.contact_phone strong { width: 55px; height: 40px; position: absolute; left: 0; top: 0; display: block; background: #5ba707; color: #fff; line-height: 20px; text-align: center; font-weight: bold; padding: 10px }
.contact_phone b:after { position: absolute; left: 0; top: 20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #5ba707; content: "" }
.contact_phone b { height: 60px; line-height: 60px; width: 252px; font-size: 30px; font-family: Arial, Helvetica, sans-serif; position: absolute; right: 0; display: block; color: #fff; text-align: center; top: 0; background: #ffbd33 }
/*about*/
.about_content { color: #999; line-height: 28px; font-size: 14px; width:1100px;margin:0 auto;}
.about_news ul li{ background:#fff; height: 261px;}
.about_news ul li img{ height: 220px;}
.about_news ul li .title{ font-size:14px; height:21px; text-align: center; overflow:hidden}
.a_title {  margin: 40px 0 50px; color: #666; position: relative ; }
.a_title h2 { width:220px;margin:0 auto; left: 50%;background: url("../protitlebg.jpg")/*tpa=statics/css/app/modules/pc/assets/css/protitlebg.jpg*/ no-repeat; top: -30px; text-align: center; font-size: 30px; font-family: "Microsoft YaHei"; line-height: 50px ;height: 50px ;bottom:20px;}
.a_title h3 { position: absolute;  left: 50%; margin-left: -85px; background: #fff; top:-2px; padding-top:10px; border-top:4px solid #ddd; text-align: center; font-size: 30px; font-family: "Microsoft YaHei"; line-height: 30px }
.a_title h2 span { font-size: 16px; color: #b2b2b2; display: block }
/*history*/
.history_main { background: url("../images/line-bg.jpg")/*tpa=statics/css/app/modules/pc/assets/images/line-bg.jpg*/ repeat-y 249px 0; padding-top: 60px; font-family: "Microsoft YaHei"; position: relative }
.history_main .clock { background: url("../images/clock.png")/*tpa=statics/css/app/modules/pc/assets/images/clock.png*/ no-repeat; width: 60px; height: 60px; position: absolute; left: 221px; top: -30px; }
.history_main .year { margin-bottom: 20px }
.history_main .year h2 { padding-left: 80px; font-size: 24px; text-align: center; }
.history_main .year h2 a { color: #fff; width: 150px; height: 44px; display: block; line-height: 44px; background: #5aa806; }
.history_main .year h2 i { display: block; position: relative; height: 0; width: 0; left: 125px; top: -25px; border-width: 6px; border-style: solid; border-color: #fff transparent transparent transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: 6px 3px; -moz-transform-origin: 6px 3px; -ms-transform-origin: 6px 3px; -o-transform-origin: 6px 3px; transform-origin: 6px 3px }
.history_main .year .list { margin: 10px 0; position: relative; }
.history_main .year .list ul { bottom: 0; }
.history_main .year .list ul li { padding: 30px 0; color: #666; border-top: #e4e4e4 2px solid; position: relative }
.history_main .year .list ul li .month { float: left; display: block; clear: left; width: 200px; line-height: 24px; text-align: right }
.history_main .year .list ul li .month { font-size: 18px; line-height: 32px; color: #bec1d5 }
.history_main .year .list ul li .point { position: absolute; top: -15px; left: 234px; width: 30px; height: 30px; display: block; background: url("../images/circle.png")/*tpa=statics/css/app/modules/pc/assets/images/circle.png*/ no-repeat; }
.history_main .year .list ul li .intro, .history_main .year .list ul li .more { display: block; margin-left: 100px; line-height: 28px; }
.history_main .year .info_cont{ margin-left:250px; margin-right:100px}
.history_main .year .list ul li .intro { font-size: 18px; line-height: 32px; color: #509605; }
.history_main .year.close h2 i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg) }
/*culture*/
.culture_list .culture { width: 550px; float: left; height:165px; margin-bottom: 30px }
.culture .news_pic img { width: 245px; height: 165px; display: block; }
.culture .news_cont { width: 265px; float: left; margin-left: 20px; }
.culture .news_cont h3 a,.culture .news_cont h3{ color: #999; line-height: 30px; font-size: 14px; font-weight: bold }
.culture .news_cont div { font-size: 12px; color: #666; line-height: 24px }
.culture .news_cont div a { color: #999; border-width: 1px; border-color: rgb( 159, 159, 160 ); border-style: solid; width: 124px; height: 32px; display: block; text-align: center; line-height: 32px; border-radius: 4px; margin-top: 5px; background: #fff; }
.culture .news_cont div a:hover{ color:#fff; background:#5aa806; border-color:#5aa806}
.contact_cont { margin-bottom: 50px }
.contact_cont .fl { width: 523px; height: 244px; padding: 40px 50px; border: 1px solid #dbdbdb; font-family: "Microsoft YaHei"; }
.contact_cont .fl h3 { line-height: 48px; font-size: 24px; border-bottom: 1px dotted #ccc; color: rgb( 51, 51, 51 ); padding-bottom: 10px; }
.contact_cont .fl div { font-size: 18px; line-height: 36px; margin-top: 10px }
.contact_cont .map { width: 465px; height: 324px; display: block; border: 1px solid #dbdbdb }
.contact_list ul { width: 1125px; text-align: center; }
.contact_list ul li { float: left; width: 214px; height: 135px; margin: 0 25px 25px 0; border: 1px solid #dbdbdb; padding: 20px; }
.contact_list ul li .name { line-height: 48px; font-size: 28px; color: #4f9405; font-family: "Microsoft YaHei"; }
.contact_list ul li .phone { line-height: 48px; font-weight: bold; font-size: 28px; color: #666; border-bottom: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif }
.jobs { margin-bottom: 30px; }
.jobs .jobs_title { font-size: 32px; font-family: "Microsoft YaHei"; color: #5ba707; font-weight: bold; text-align: center; line-height: 64px; }
.jobs .jobs_desc { font-size: 20px; font-family: "Microsoft YaHei"; color: #898989; text-align: center; line-height: 40px; margin-bottom: 60px; }
.jobs .job_list { width: 240px; }
.jobs .job_list h3 { height: 58px; line-height: 58px; color: #fff; background: #5ba707; text-align: center; font-size: 18px; font-family: "Microsoft Yahei"; margin-bottom: 2px; }
.jobs .job_list ul li { height: 50px; line-height: 50px; border-left: 10px solid #f7f7f7; background: #f7f7f7; color: #999; font-family: "Microsoft Yahei"; margin-bottom: 2px; font-size: 14px; }
.jobs .job_list ul li a { height: 50px; line-height: 50px; padding-left: 20px; display: block }
.jobs .job_list ul li.on { background: #333; border-left: 10px solid #5ba707; color: #fff; position: relative }
.jobs .job_list ul li.on a { color: #fff }
.jobs .job_list ul li.on:after { content: ">"; position: absolute; right: 10px; color: #fff; top: 0px }
.job_cont { width: 684px; border: 1px solid #dbdbdb; padding: 50px 70px; background:url("../images/logo_tm.png")/*tpa=statics/css/app/modules/pc/assets/images/logo_tm.png*/ no-repeat scroll 550px 30px; }
.job_cont .job_name { font-size: 24px; line-height: 48px; font-family: "Microsoft YaHei"; color: #333; border-bottom: 1px solid #ccc; display: inline-block; }
.job_cont h4 { color: #509605; font-size: 22px; line-height: 44px; font-family: "Microsoft YaHei"; margin-top: 30px }
.job_cont ul li { color: #666; font-size: 14px; line-height: 28px; }
.job_cont>div{ margin-top: 30px; color: #666; font-size: 14px; line-height: 28px; }
.jobs_mail,.jobs_tel{ width:530px; margin-top:30px; color:#fff; font-family:"Microsoft Yahei"; font-size:28px; height:70px; line-height:70px; text-align:center; background-image:url("../images/jobs_bg.png")/*tpa=statics/css/app/modules/pc/assets/images/jobs_bg.png*/; background-repeat:no-repeat}
.jobs_mail{ background-color:#85e260}
.jobs_tel{ background-color:#9696ce; background-position:0 -70px}
.qrcode_bg{ background:#000; filter:alpha(opacity=60); opacity:.6;height:100%; width:100%; display:block; position:fixed; left:0; bottom:0; top:0; right:0; z-index:9999;}
#output,#object_out{ position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-150px;  background:#fff; border:5px solid #efefef; padding:10px;z-index:9999;}
#open_qq{ position:fixed; top:50%; left:50%; margin-left:-92px; margin-top:-150px;  background:#fff;z-index:9999;border-radius: 5px }
#open_qq h4{ height: 50px; line-height: 50px; color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; padding:0 20px; background: #8cc63f;border-radius: 5px 5px 0 0}
#open_qq p{ height: 30px}
#open_qq p span{ width: 50px; display: inline-block;}
#open_qq p a img {position: relative;top: 7px;}



/*产品首页*/

.grid-col-690{ width:1100px;background:#fff;margin:60px auto 0 auto;}
.grid-col-690 li{ float:left; width:308px; height:290px; margin:5px 20px;}
.grid-col-690 li a{ color:#ffffff; display:block;font-size:18px;text-align:center; background:#2095ff;border-radius: 5px;}
.grid-col-690 li a:hover{ color:#ffffff;}
.grid-col-690 li a:hover .detail-bd{ display:block; top:0; left:0;}
.grid-col-690 li span{ width:308px; height:225px; overflow:hidden; display:block; margin-bottom:5px; position:relative;}
.grid-col-690 li span img{ max-width:100%; min-height:155px;}
.grid-col-690 li p{ color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.grid-col-690 .detail-bd{ width:308px; height:295px; padding:30px 0;background: url("../images/white-png.png")/*tpa=statics/css/app/modules/pc/assets/css/white-png.png*/ repeat; position: absolute; top:255px; left:0px;color:#333; z-index:999;-webkit-transition: 0.25s;transition: 0.25s;}
.grid-col-690 .detail-bd .detail-btn{ display:block;  background:#2da2ff; color:#fff; border-radius:3px; height:32px; line-height:32px;width:190px;margin:10px auto;}



/*-------------------------------------------------*/
/* =  team section 内页解决方案
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* =  team section
/*-------------------------------------------------*/
@media screen and (min-width:960px){
#team-section {
  padding: 65px 0 35px;
  /*background: url('../image/team-bg.png') center top no-repeat;*/
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
}
@media only screen and (max-width: 959px) {#team-section{display:none;}}
.title-section2 {
  margin-bottom: 35px;
  text-align: center;
  overflow: hidden;
}

#team-section .title-section2 {
  margin-top: 50px;
}

.title-section2 h1 {
  color: #465765;
  font-size: 30px;
  font-family: 'Microsoft Yahei', sans-serif;
  text-transform: uppercase;
  padding-bottom: 16px;
  position: relative;
  margin: 0 0 16px;
}

.title-section2 h1:after {
  content: '';
  position: absolute;
  width: 220px;
  height: 1px;
  background: #e5e5e5;
  bottom: 0;
  left: 50%;
  margin-left: -110px;
}

.team-box {
  position: relative;
}

.dashed-line-center {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  width: 0px;
  border-left: 1px dashed #465765;
}



.team-memb-left {
  float: left;
}

.team-memb-right {
  float: right;
}

.team-post {
  width: 427px;
  min-height: 2px;
  overflow: hidden;
}

.team-post .team-gal {
  float: right;
  width: 120px;
  position: relative;
  
  overflow:hidden
}


.team-post.team-memb-right .team-gal {
  float: left;
}

.team-post .team-gal img {
  width: 100%;
}

.team-post .team-gal ul.team-icons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.team-post:hover .team-gal ul.team-icons {
  opacity: 1;
}

.team-post .team-gal ul.team-icons li {
  list-style: none;
  float: left;
}

.team-post .team-gal ul.team-icons li a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  width: 30px;
  height: 30px;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.team-post .team-gal ul.team-icons li a.facebook {
  background: #385fc2;
}

.team-post .team-gal ul.team-icons li a.twitter {
  background: #30b1c4;
}

.team-post .team-gal ul.team-icons li a.linkedin {
  background: #59b3e6;
}

.team-post .team-gal ul.team-icons li a.google {
  background: #e02a2a;
}

.team-post .team-gal ul.team-icons li a:hover {
  opacity: 0.7;
}

.team-post .team-gal ul.team-icons li a i {
  color: #fff;
  line-height: 30px;
  font-size: 16px;
}

.team-post .team-content {
  margin-right: 120px;
  background: #f5f5f5;
  padding: 0 0 0 20px;
  height: 130px;
  *height:86px;
  overflow:hidden;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.team-post:hover .team-content {
  background: #02b2f3;
}

.team-post.team-memb-right .team-content {
  margin-right: 0px;
  margin-left: 120px;
}

.team-post .team-content h2 {
  color: #3e3e3e;
  font-size: 18px;
  font-family: 'Microsoft Yahei', sans-serif;
  font-weight: 400;
  margin: 15px 0 10px;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.team-post:hover .team-content h2 {
  color: #fff;
}

.team-post .team-content h2 span {
  font-size: 14px;
  display: inline-block;
}

.team-post .team-content p {
  color: #737373;
  font-size: 12px;
  height:60px;
  overflow:hidden;
  font-family: 'Microsoft Yahei', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}

.team-post:hover .team-content p {
  color: #fff;
}

.team-skill {
  float: left;
  width: 140px;
  padding: 20px 30px;
  -webkit-backface-visibility: hidden;
}


/*
.circle:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 70px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  border: 1px solid #02b2f3;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 2;
}

.circle {
  position:relative;
  width: 80px;
  height: 80px;
  background: #fff;
}

.circle span {
  position:absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  margin-top: -8px;
  color: #02b2f3;
  font-size: 14px;
  font-family: 'Microsoft Yahei', sans-serif;
  text-transform: uppercase;
}
*/



.arc_q {
  position:absolute;
  top:0;
  left:0;
  width:80px;
  height:80px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  border:3px solid;
  border-color:transparent #02b2f3 transparent transparent;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.arc_cover {
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
  background-color: white;
}

.container {
    width: 1100px;margin:0 auto;
}

.title-section {
    margin-bottom: 34px;
    text-align: center;
}
.fadeIn {
    animation-name: fadeIn;
}
.animated {
    animation-duration: 1.2s;
    animation-fill-mode: both;
}
.team-box {
    position: relative;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.animated {
    animation-duration: 1.2s;
    animation-fill-mode: both;
}
.team-line {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.team-post {
    min-height: 2px;
    overflow: hidden;
    width: 427px;
}
.team-memb-left {
    float: left;
}
.team-post {
    min-height: 2px;
    overflow: hidden;
    width: 427px;
}
.team-memb-right {
    float: right;
}

.team-post.team-memb-right .team-gal {
    float: left;
}
.index_post .team-gal, .index_post:hover .team-gal, .index_post .team-content {
    transition: all 0.5s ease-in-out 0s;
}
.team-post .team-gal {
    background: #f5f5f5 none repeat scroll 0 0;
    float: right;
    overflow: hidden;
    position: relative;
    width: 120px;
}
.team-post.team-memb-right .team-content {
    margin-left: 120px;
    margin-right: 0;
}
.team-post.team-memb-right .team-content {
    padding: 0 20px 0 0;
}
.index_post .team-gal, .index_post:hover .team-gal, .index_post .team-content {
    transition: all 0.5s ease-in-out 0s;
}


.team-post .team-content p {
    color: #737373;
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 60px;
    margin: 0;
    overflow: hidden;
    transition: all 0.17s ease-in-out 0s;
}
.team-post .team-gal img {
    width: 100%;
}

.dashed-line-center {
    border-left: 1px dashed #465765;
    bottom: 0;
    left: 50%;
    position: absolute;
    top: 0;
    width: 0;
}

.index_post .team-gal,.index_post:hover .team-gal,.index_post .team-content{transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.index_post:hover .bg1{background:#456fd9;}
.index_post:hover .bg2{background:#e35338;}
.index_post:hover .bg3{background:#45d9a3;}
.index_post:hover .bg4{background:#1fa7ed;}
.index_post:hover .bg5{background:#904af8;}
.index_post:hover .bg6{background:#ef4975;}
.index_post:hover .bg7{background:#3eb2a5;}
.index_post:hover .bg8{background:#b382f6;}
.index_post:hover .bg9{background:#10b6c5;}
.index_post:hover .bg10{background:#3a99c9;}
.index_post:hover .team-gal:before {background: rgba(0,0,0,0);}
.index_post a:hover{text-decoration:none;}

.casedianhua{}



/**商务合作**/

#gl6 {background-color: #fff;overflow: hidden;margin-top:60px;}
.gl6_nr {width: 1100px;	margin: 0 auto;	padding: 50px 0;}
.gl6_nr h2 {font-size: 35px;	font-weight: bold;	color: #ca5602;	text-align: center;}
.gl6_nr h2 em {	font-size: 60px;font-weight: bold;padding-right: 5px;}
.gl6_nr h3 {font-size: 30px;text-align: center;	padding-top: 40px;	padding-bottom: 20px;}
.gl6_nrr {	float: left;	width: 160px;	margin: 20px 20px 0 0;}
.gl6_nrr dt {height: 150px;	background: url(../images/ico.gif)/*tpa=statics/css/app/modules/pc/assets/css/images/ico.gif*/ no-repeat;}
.gl6_nrr dd {height: 80px;line-height: 80px;text-align: center;	font-size: 22px;}
.gl6_nrr dt.aa { }
.gl6_nrr dt.bb { }
.gl6_nrr dt.cc { }
.gl6_nrr dt.dd { }
.gl6_nrr dt.ee {}
.gl6_nrr dt.ff {}
.gl6_nrr dd.aa {background-color: #f76c4e;height: 40px;	line-height: 25px;color: #fff;}
.gl6_nrr dd.bb {background-color: #f8aa10;height: 40px;line-height: 25px;color: #fff;}



/************ 内页关于我们 ************/ 

#about {
	overflow: hidden;margin-top:60px;font-size:14px;margin-bottom:30px;
}
.about_qkjj {
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 30px; font-size:16px;
}
.about_qkjj2 {
	float: right;
	width: 460px;
	margin-top: 80px;
	line-height: 30px;
}
.zhaopin {
	overflow: hidden;
	padding-right: 19px;
}
.php {
	width: 287px;
	height: 280px;
	float: left;
}
.php_title {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	background: url(../images/job_tb01.jpg)/*tpa=statics/css/app/modules/pc/assets/css/images/job_tb01.jpg*/ left no-repeat;
}
.php_title2 {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	background: url(../images/job_tb02.jpg)/*tpa=statics/css/app/modules/pc/assets/css/images/job_tb02.jpg*/ left no-repeat;
}
.php_title3 {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	background: url(../images/job_tb03.jpg)/*tpa=statics/css/app/modules/pc/assets/css/images/job_tb03.jpg*/ left no-repeat;
}
.w1100 {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;font-size:14px;
}


.box_parent{position:relative; height:600px;   }
.box_parentinner{ width:1100px; margin:0  auto;overflow:hidden; border-top: 2px solid #ededed;}
.box_2 {
float:left;
    text-align: left;
    width: 600px;margin-top:60px;
}
.box-l {
   
    position: absolute;
}
.fl {
    float: left;
}
.what {
	font-size:26px;
	font-family:"微软雅黑";
	background:#abcd04;
	width:200px;
	height:40px;
	color:#fff;
	line-height:40px;
	padding-left:20px;
}
.what_int {
	color:#999;
	font-size:18px;
	font-family:"微软雅黑";
	padding:10px 0;
}
.what_img{
	width:32px;margin-top:15px;
}
.what_A {
	width:275px;
}
.what_name {
	padding:10px 15px;
}
.what_name_ch {
	font-family:"微软雅黑";
	font-size:18px;
}
.what_name_en {
	font-family: Arial;
	font-size:14px;
	color:#999;
}
.what_B {
	width:180px;
}
.what_C {
	width:200px;
}
.what_D {
	width:275px;
}
.what_con ul li {
	float:left;
	margin-right:30px;
}
.box-r {
    left: 120%;
    position: absolute;
}
.general_con_c_le, .general_con_c_ri, .general_con_c_le2, .general_con_c_ri2 {
    width: 600px;
}
.fr {
    float: right;
}


/**百度地图**/
  
.part4{ overflow:hidden; padding:40px 0;width:1100px;margin:0 auto;}
.part4l{ float:left; z-index:99999;}
.part4c{ float:left; z-index:-1; position:relative; }
.part4c > img {margin-left: -10px;}
.part4r{ float:right;width:598px;height:374px;}
.phone{ width:279px; height:45px; background:#545454; overflow:hidden; padding:21px 0 0 22px; border-bottom:1px solid #434343;}
.phoneimg{ float:left; padding-top:4px;}
.phoneno{ float:left; padding-left:14px;}
.phoneno h1{ color:#ffffff; font:14px/18px '微软雅黑';}
.phoneno p{ color:#ffffff; font:14px/14px 'arial'; display:inline;}
.phoneno span{ color:#ffffff; font:14px/14px 'arial'; padding-left:17px;}
.call{ width:279px; height:46px; background:#545454; overflow:hidden; padding:14px 0 0 22px; border-bottom:1px solid #434343;}
.callimg{ float:left; padding-top:4px;}
.callno{ float:left; padding-left:14px;}
.callno h1{ color:#ffffff; font:14px/18px '微软雅黑';}
.callno p{ color:#ffffff; font:14px/14px 'arial'; display:inline;}
.callno span{ color:#ffffff; font:14px/14px 'arial'; padding-left:17px;}
.mess{ width:279px; height:46px; background:#545454; overflow:hidden; padding:13px 0 0 22px; border-bottom:1px solid #434343;}
.messimg{ float:left; padding-top:4px;}
.messno{ float:left; padding-left:14px;}
.messno h1{ color:#ffffff; font:14px/18px '微软雅黑';}
.messno p{ color:#ffffff; font:14px/14px 'arial'; display:inline;}
.messno span{ color:#ffffff; font:14px/14px 'arial'; padding-left:17px;}
.add1{ width:279px; height:83px; background:#545454; overflow:hidden; padding:13px 0 0 22px;}
.add1img{ float:left; padding-top:16px;}
.add1no{ float:left; padding-left:14px; width:216px;}
.add1no h1{ color:#ffffff; font:14px/18px '微软雅黑';}
.add1no p{ color:#ffffff; font:14px/20px '微软雅黑'; display:inline; }
.contact{ background:url("../images/img1.png")/*tpa=statics/css/app/modules/pc/assets/css/img1.png*/ no-repeat; width:311px; height:90px; text-align:center; z-index:99999;}
.contact p{ color:#ffffff; font:16px/18px '微软雅黑'; padding-top:26px;}
.contact h1{ color:#ffffff; font:26px/26px 'Impact';}


/**产品页的网络电话终端页**/
.gl{padding:8px 0 0; margin:0 0 80px 0;background:url("../images/gl.jpg") no-repeat 310px 40px;font-family:'微软雅黑';position:relative;}
.gl h3{text-align:center;}
.gl li{width:385px;margin-top:75px;}
.gl h6{font-size:18px;color:#3a3a3a;padding-bottom:12px;}
.gl h6 b{color:#bb0c11;}
.gl li p{color:#3a3a3a; line-height:24px;font-size:15px;}
.fl { float:left;}
.fr {float:right; }


.titdiv {

    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    margin-top: 50px;
    position: relative;
}

.titdiv h3 {
    border-bottom: 3px solid #45bba5;
    bottom: -2px;
    color: #45bba5;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: normal;
    position: absolute;
}

/*行业应用*/
.industry_div{width:100%;  }
.industry_div .title{width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#75878b; font-weight:normal; padding:88px 0 54px; font-family:'Microsoft YaHei';}
.industry_list{width:1100px; overflow:hidden; margin:80px auto 0 auto;}
.industry_list .link{color:#808080;}
.industry_list .link:hover{color:#26b77b;}
.industry_list li{width:510px; height:250px; float:left; margin-right:50px; }
.industry_list .l1{margin-right:0;}
.industry_list .p1{line-height:30px; padding:27px 0 26px 4px; font-size:14px; font-family:'宋体'; color:#808080;}
.industry_list .p2{font-size:14px; line-height:30px; color:#808080; font-style:normal}
.industry_list .p2 span{color:#3ab7e6; padding-right:18px;}
.industry_list .p2 em{padding-right:8px;font-style:normal}
.industry_list .hy_div1{ padding:28px 0 0 20px;height:160px; background:url("../images/hy_div1img.jpg")/*tpa=statics/css/app/modules/pc/assets/css/hy_div1img.jpg*/ no-repeat; border-radius: 5px;}

.industry_list .hy_div2{ padding:28px 0 0 20px;height:160px; background:url("../images/hy_div2img.jpg")/*tpa=statics/css/app/modules/pc/assets/css/hy_div2img.jpg*/ no-repeat;border-radius: 5px;}

.industry_list .hy_div3{padding:28px 0 0 20px;height:160px; background:url("../images/hy_div3img.jpg")/*tpa=statics/css/app/modules/pc/assets/css/hy_div3img.jpg*/ no-repeat;border-radius: 5px;}

.industry_list .hy_div4{ padding:28px 0 0 20px;height:160px; background:url("../images/hy_div4img.jpg")/*tpa=statics/css/app/modules/pc/assets/css/hy_div4img.jpg*/ no-repeat;border-radius: 5px;}

.industry_list .default{cursor:default;}
.industry_list h4{font-weight:normal; font-family:'Microsoft YaHei'; font-size:22px; color:#FFF; line-height:30px; height:30px;}
.industry_list h5{font-weight:normal; font-family:'Microsoft YaHei'; font-size:16px; color:#FFF; line-height:22px; height:22px; padding-top:20px;margin-bottom:40px;}



/**产品 客户端**/
.SerAllcom{width:100%;height:800px;background:#f5cf27;}
.SerAllcominner{width:1100px;margin:0 auto;}
.SerAllcomLeft{width:300px;float:left;padding-top:95px;}
.SerAllcomRight{width:800px;float:left;padding-top:30px;line-height:26px;}
.SerAllcomRight h1{line-height:42px;font-size:22px;color:#020000;text-align:center;margin-top:30px; }
.SerComs{width:100%;height:476px;background:url(../images/dzs.jpg)/*tpa=statics/css/app/modules/pc/assets/images/dzs.jpg*/;}


.SerAllBots{padding:5px 0px 0px 27px;}
.SerAllBots ul{margin:0px;padding:0px;}
.SerAllBots ul li{margin:0px;padding:0px;list-style:none;width:192px;height:248px;float:left;position:relative;background:url(../images/serss2.gif)/*tpa=statics/css/app/modules/pc/assets/images/serss2.gif*/ no-repeat center top;}
.SerAllBots ul li .box{width:165px;height:255px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:25px;line-height:23px;}

.SerAllBots ul li .box .img1{background:url("../images/highliao.png")/*tpa=statics/css/app/modules/pc/assets/css/highliao.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img2{background:url("../images/kouyiyuan.png")/*tpa=statics/css/app/modules/pc/assets/css/kouyiyuan.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img3{background:url("../images/yiliao.png")/*tpa=statics/css/app/modules/pc/assets/css/yiliao.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img4{background:url("../images/changliao.png")/*tpa=statics/css/app/modules/pc/assets/css/changliao.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img5{background:url("../images/ccskype.png")/*tpa=statics/css/app/modules/pc/assets/css/ccskype.png*/ no-repeat ;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img6{background:url("../images/4gdianjinwei.png")/*tpa=statics/css/app/modules/pc/assets/css/4gdianjinwei.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img7{background:url("../images/jinwutong.png")/*tpa=statics/css/app/modules/pc/assets/css/jinwutong.png*/ no-repeat ;width:108px;height:108px;margin:0 auto;}
.SerAllBots ul li .box .img8{background:url("../images/dianhuatong.png")/*tpa=statics/css/app/modules/pc/assets/css/dianhuatong.png*/ no-repeat;width:108px;height:108px;margin:0 auto;}
.SerAllBotstitle{height:88px;background:none;font-weight:normal;color:##2A2B2C;padding-top:10px;}
.SerAllBots ul li .box h2{font-size:18px;padding:0px;margin:0px;padding-top:10px;}
.SerAllBots ul li .des{background:url(../images/ser_r6_c5.gif)/*tpa=statics/css/app/modules/pc/assets/images/ser_r6_c5.gif*/ no-repeat center top;width:140px;height:248px;position:absolute;left:26px;top:0px;z-index:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.service_bd { overflow: hidden; position: relative;   height: 265px;}



/**商务合作  软件定制**/
.gongnengtitle{  border-bottom: 1.5px solid rgb(89, 195, 249);   border-color: rgb(89, 195, 249);   color: rgb(89, 195, 249);   font-size: 16px;   line-height: 28px;   margin: 8px 0 0;   max-width: 100%;   min-height: 32px;
    padding: 0;    text-align: justify;}

.gongnengtitle span{  background-color: #ededed;      display: block;    float: left;         max-width: 100%;    padding: 4px 0; word-wrap: break-word !important;width:1100px;text-indent:80px;color:#333333;}	
.gongnengtitle span:hover{ background-color: #ededed;color:#24cdb8;}	
.gongnengtitle2{ border-bottom: 1.5px solid #05a9fc;  font-size: 16px;   line-height: 28px;   margin: 8px 0 0;   max-width: 100%;   min-height: 32px;    padding: 0;    text-align: justify;}
.gongnengtitle2 span{ background-color: #f1f1f1;  color: #0473fc;  display: block;    float: left;         max-width: 100%;    padding: 4px 0;  word-wrap: break-word !important;width:1100px;text-indent:80px;}	
.gongnengtitle2 span:hover{ background-color: #ededed;color:#24cdb8;}


/**商务合作 流程**/
.liucheng{width:1100px;background:url("../images/liuchengbg.png")/*tpa=statics/css/app/modules/pc/assets/css/liuchengbg.png*/ no-repeat;margin:30px auto 0 auto;}
.liucheng ul{margin:0px;padding:0px;}
.liucheng ul li{margin-top:20px;padding:0px;list-style:none;width:275px;height:248px;float:left;position:relative;}
.liucheng ul li .box{width:225px;height:255px;text-align:center;z-index:5;position:absolute;left:26px;cursor:pointer;margin-top:25px;line-height:23px;}

.liuchengtitle{height:88px;background:none;font-weight:normal;color:#464646;padding-top:160px;}
.liuchengtitle2{height:88px;background:none;font-weight:normal;color:#334b70;padding-top:160px;}
.liucheng ul li .box h2{font-size:18px;padding:0px;margin:0px;padding-top:10px;}
.liucheng ul li .des{width:140px;height:248px;position:absolute;left:26px;top:0px;z-index:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.liucheng_bd { overflow: hidden; position: relative;   height: 265px;}

/**商务合作 软件购买**/
.m_4{color:#333;font-size:1.6em;text-align:center;font-weight:300;margin-bottom: 10px;background:#fff;width:450px;margin:20px auto; border-radius: 10px;padding:5px 10px;}


.headerdailijiameng{ height: 600px; overflow: hidden;width: 100%; position:relative;}
.headerdailijiamenginner{ height: 600px;  background:url("../images/dailijiamengbg.jpg")/*tpa=statics/css/app/modules/pc/assets/css/dailijiamengbg.jpg*/ no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;}



.dianhuajiage{width:100%;height:549px;margin-top:100px;overflow: hidden;position:relative;}
.dianhuajiageinner{background:url("../images/wldhjiagebg.jpg")/*tpa=statics/css/app/modules/pc/assets/css/wldhjiagebg.jpg*/ no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;margin-top:40px;height:449px;}
.dianhuajiageleft{width:500px;float:left;margin-top:50px;}
.dianhuajiageright{float:right;margin-top:20px;}


.dianhua_box{ width:500px;height:220px;background-color:#FFFFFF;border-radius:20px;color:#333333;padding-top:15px;}
.dianhua_box h4{ float:left;width:430px;height:37px; margin-top:10px; text-align:center; line-height:36px;font-size:20px;border-bottom:solid 1px #333;margin-left:30px;font-weight:300; font-family:'Microsoft YaHei';}
.dianhua_box span{  display:block; float:right;  padding:5px 30px 0 30px; line-height:22px; font-size:20px;}



.jishijiage{width:100%;margin-top:100px;height:550px;overflow: hidden;position:relative;}
.jishijiageinner{background:url('jstxjiagebg.jpg') no-repeat; position:absolute;left:50%;margin-left: -960px;width: 1920px;margin-top:40px;height:466px;}
.jishijiageleft{width:500px;float:left;margin-top:100px;}
.jishijiageright{float:right;margin-top:15px;}


.jishi_box{  width:500px;height:150px;background-color:#FFFFFF;border-radius:20px;color:#333333;padding-top:15px;}
.jishi_box h4{float:left;width:430px;height:37px; margin-top:10px; text-align:center; line-height:36px;font-size:20px;border-bottom:solid 1px #333;margin-left:30px; font-family:'Microsoft YaHei';}
.jishi_box span{  display:block; float:right;  padding:5px 30px 0 30px; line-height:22px; font-size:20px;}



/*商务合作 加盟代理条件*/
.dw{ clear:both;height:480px;padding:72px 0 0;font-family:"微软雅黑"; overflow:hidden; color:#333}
.dw_l{ width:400px; overflow:hidden}
.dw_l h2{ height:135px;}
.dw_r{ width:600px; padding:0 0 0 80px; line-height:45px; font-size:18px; overflow:hidden}
.dw_r h3{ height:55px; line-height:55px; border-bottom:solid 2px #ccc; font-size:25px;}
.dw_r li{height:45px; border-bottom:dashed 1px #ccc; padding-left:55px;background:url('ico02.jpg') no-repeat 0 15px; }
.dw_r li.dwl1{border-bottom:solid 2px #ccc;}
.dw_r p{ line-height:36px; font-size:23px; padding-top:18px; height:98px;}
.dw_r span{ clear:both; padding:0 0 0 64px;}
.dw_p{}
.dw_p span{ font-size:14px; top:296px; right:8px; line-height:40px;}
.dw_p span b{ font-size:26px; padding-left:3px;}



/*商务合作 加盟代理四大支持*/
.gc{ padding:80px 0 0;font-family:"微软雅黑";}

.gc_c{ padding:37px 0 0 0; line-height:30px; font-size:16px;}
.gc_t{background:url('ge01.jpg') no-repeat center bottom; height:380px; width:960px;}
.gc_t img{ padding-left:360px;}
.gc_t p{ width:198px;}
.gc01,.gc03{ background:url('../images/gcbg1.jpg') no-repeat 0 0;left:0;}
.gc02,.gc04{ background:url('gcbg2.jpg') no-repeat 0 0;right:7px;}
.gc02,.gc03,.gc04{ padding:32px 20px 30px 28px; }
.gc01{ height:127px; padding:16px 28px 15px 20px; }
.gc02{ height:96px;}
.gc01,.gc02{ border-bottom:solid 2px #cacaca; top:54px;}
.gc03,.gc04{top:252px;}
.gc_p{ height:52px; width:584px;margin:10px auto 0 auto; font-size:19px; color:#333;}
.gc_p em{ font-style:italic; font-size:24px; color:#f08300}
.pa {
    position: absolute;
}