@charset "utf-8";
/* CSS Document */
body{width:100%; min-width: 1200px;margin:0 auto;font-family:"微软雅黑";background:#fff;}
form,ul,ol,li,input{padding:0;}
img{border:0px;}
ul,ol,li,{list-style:none;margin:0;}
div,p,h1,h2,h3,h4,b,form,input,ul,ol,li,a,dd,dt,dl,i,em{color:#333; list-style:none; text-decoration:none;font:12px tahoma,Arial,"微软雅黑",Helvetica,sans-serif; margin:0;}
/*a{text-decoration:none;}
*//*清空浮动的代码-start*/
.clr:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clr {display: inline-block;}
.f_red{color:#fff;margin-left:30px;}
html[xmlns] .clr {display: block;}
* html .clr {height: 1%;}
img{border:0px;}
/*清空浮动的代码-end*/

.top_main,.webnav_con{width:100%; max-width: 1200px;margin:0 auto;}
.footer{width:100%; min-width: 1200px;margin:0 auto;}
.a_hidden{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.f_yahei{font-family:"Microsoft YaHei";font-size: 16px;font-weight: normal;}
/*顶部*/
.top{height: 30px;background-color: #151414;width:100%;}
.top_main{ height:100%;}
.top_main_l{ float:left; width:550px; padding:4px 0;height: 22px;}
.top_main_l .tip{ float:left;  padding:0 8px; line-height:22px; color:#ccc;}
.login_before{float:left;height:100%;/* display:none; */vertical-align: middle;  position: relative;}
.login_before em{position: absolute;padding-top: 4px;}
.login_before .f_b{float: left;color: #fff;height: 22px;line-height:22px}
.login_before img{vertical-align: middle;margin-top:8px}
.login_before {color:#fff;height: 22px;line-height: 22px;}
.login_before .f_red{color:red;margin-left: 0;}
.login_before a{}
.login_after{float:left;height:100%;}
.login_after a{}
.login_after a.name{ text-decoration:underline;}
.login_after a.exit{ height:20px;line-height:20px; background-color:#ccc;border:1px solid #999; border-radius:3px; color:#000;}
.login_after a.exit:hover{ color:#000;}
.top_main_l a{float: left;color:#ccc;height:22px; padding: 0 4px 0 8px; line-height:22px; display:block;}
.top_main_l a:hover{ color:#fff;}

.top_main_l2{ float:left; width:550px; padding:4px 0;height: 22px;}
.top_main_l2 .tip{ float:left;  padding:0 8px; line-height:22px; color:#ccc;}
.top_main_l2 a{float: right;color:#ccc;height:22px; padding: 0 4px 0 8px; line-height:22px; display:block;}
.top_main_l2 a:hover{ color:#fff;}

.top_main_r{ float:right; width:320px;height:30px;}
.top_nav{}
.top_nav li{ float:left;position:relative; top:0; left:0;_width:88px; z-index:5;}
.top_nav_li_title{height:30px;border-left:1px solid #333;border-right:1px solid #333;}
.top_nav_li_title a{ height:100%;line-height:30px; display:block;padding:0 20px 0 16px;background-position: right 13px;_overflow: hidden; color:#ccc;
transition: background .2s, color .2s;
-moz-transition: background .2s, color .2s;
-webkit-transition: background .2s, color .2s;
-o-transition: background .2s, color .2s;}
.top_nav_li_dropdown{ position:absolute; width:100%;left:0; top:30px;text-align: left;  background:#ffffff; display:none;}
.top_nav_li_dropdown dl{padding: 0 8px 5px 9px;border:1px solid #DADADA; border-top:none;}
.top_nav_li_dropdown dd{ line-height:24px;height:24px;text-indent: 6px;}
.top_nav_li_dropdown dd a{ line-height:24px;}
.top_nav_li_two{ width:290px;border:1px solid #DADADA; border-top:none;}
.top_nav_li_two dl{ float:left;width: 63px;margin-right: 15px; border:0;}
.top_nav_li_two dl dt{width:76px;float:left;color:#b0b0b0;font-weight:700;height:30px;line-height:30px;text-indent: 6px;}
.top_nav_li_two dl dd{width:76px;height:24px;text-align:left;float:left;}
.top_nav_li_two dl dd a{display:block;width:76px;height:24px;line-height:24px;}
.top_nav li:hover .top_nav_li_title{background-color:#fff;border-color:#DADADA;}
.top_nav li:hover .top_nav_li_title a{/*color:#000;*/}
.top_nav li:hover .top_nav_li_dropdown{ display:block;}
.top_main_r a:hover{color: #DB4F33;}

/*导航*/
.webnav{background:#333333; height:80px;width:100%; position:fixed; top:30px; left:0; z-index:3;}
.webnav_con{ height:100%;}
.webnav_con .logo{ float:left; margin:7px 80px 0 2px;}
.webnav_con .logo img{ display:block; opacity:0.85;}
.webnav_main{float:left;}
.webnav_main ul{height:80px;}
.webnav_main ul li{float:left;height:100%;width:138px; position:relative; top:0; left:0;}
.webnav_main ul li a{ line-height:80px; display:block; color:#fff; font-size:16px; text-align:center;}
.webnav_main ul li i{ display:block;width:20px; height:11px; position:absolute; top:80px; left:50%; margin-left:-10px;background:url(img/triangle_bottom.gif) no-repeat center -10px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
-webkit-transition:.4s all;
-moz-transition:.4s all;
-ms-transition:.4s all;
transition:.4s all;}
.webnav_main ul li.activity i,.webnav_main ul li:hover i{ background-position:center -1px;}
.addjht{float:right;margin:10px 10px 0 0; position:relative;}
.addjht .addbtn{ padding:10px; border:1px solid transparent;border-bottom:0; display:block; border-radius:10px 10px 0 0; position:relative; z-index:3; /**/
-webkit-transition:.1s all;
-moz-transition:.1s all;
-ms-transition:.1s all;
transition:.1s all;}
.addjht .addbtn.activity{border-color:#fff;background:rgba(0,0,0,0.9);}
.addjht .addbtn img{ display:block; cursor:pointer;}
.addjht .addpop{ width:480px; position:absolute;top:57px;right:0; z-index:2; padding:0 10px 20px 20px; border:1px solid #fff; background:rgba(0,0,0,0.6);border-radius:10px 0 10px 10px; display:none;}
.addjht .addpop span{height:42px; line-height:42px; color:#fff; font-size:14px; display:block;}
.addjht .addpop input{background:rgba(0,0,0,0.3); border:0; border-radius:12px; height:34px;display:block;color: #fff; }
.addjht .addpop input.textinput{ width:100%;padding-left: 10px;}
.addjht .addpop input.subbtn{color:#0090ff;font-size:14px; padding:0 10px; cursor:pointer; margin-top:20px;}

/*首页弹出的欢迎*/
.welcome_mask{width:100%;height:100%;position:fixed; top:0; left:0; z-index:10; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; display:none;}
.welcome{width: 700px;height: 400px;position:fixed;top:50%;left:50%;margin: -120px 0 0 -370px;z-index:11;/*display:none;*/background: #333;opacity: 0.8;padding: 10px;border-radius: 50%;}
.welcome img{display:block;margin:0 auto;margin-top: 50px;}
.welcome span{ display:block; text-align:center; font-size:26px; color:#fff; line-height:50px; padding:10px 0;}
.welcome a{width:80px;height:30px; line-height:30px; text-align:center; border-radius:15px; color:#0f91ff; font-size:16px; display:block; margin:0 auto;background:rgba(0,0,0,0.7);}


/* slide-banner */
.slide-banner{width:100%; min-width:1200px;height:632px;overflow:hidden;position:relative; z-index:2;}
.banner-bg{position:absolute;left:0;top:0;height:630px;z-index:1;width:100%;background-color:#f4f4f4;background-position:50% 0;}
.banner-nav-bg{height:70px;/*background:#fff;*/position:relative;z-index:199;bottom:70px;filter:alpha(opacity=75);opacity:0.75;}
.banner-nav{position:absolute;left:50%;bottom:27px;z-index:999;}
.banner-nav li{background:url(img/icons.png) no-repeat;}
.banner-nav li{float:left;width:16px;height:16px;background-position:3px 0px;margin-right:8px;cursor:pointer;}
.banner-nav li.active{background-position:-20px 0px;}
.banner-content{width:1200px;margin:0 auto;position:relative;height:630px;z-index:100;}
.banner-img{position:absolute;z-index:2;left:-150%;}
.banner-bar-bg{width:100%;height:3px;margin:0 auto;bottom:71px;position:relative;z-index:99999;}
.banner-bar{height:3px;width:0;background:#000000;position:absolute;left:0;z-index:999;}

/*首页banner*/
.home_banner{height:462px;}
.home_banner .banner-bg{height:462px;}
.home_banner .banner-content{height:462px;}
/*内页banner*/
.pagein_banner{height:320px;}
.pagein_banner .banner-bg{height:320px;}
.pagein_banner .banner-content{height:320px;}
.pagein_banner .banner-img{height:320px;}
.pagein_banner .banner-img img{/*height:100%;*/ }


.home_nav{height:382px;width:1200px;margin:0 auto;}
.home_nav .title{height:128px; line-height:128px; font-size:30px;color:#b8b8b8; text-align:center;}
.home_nav_main{width:100%; overflow:hidden; position:relative; z-index:2;}
.home_nav_main ul{width:1250px;position:relative; z-index:2;}
.home_nav_main ul li{float:left;width:156px; margin-right:52px; text-align:center;}
.home_nav_main ul li .pic{width:156px;height:156px; overflow:hidden; background-color:#f5f5f5;display:block; border-radius:50%;
-webkit-transition:.4s all;
-moz-transition:.4s all;
-ms-transition:.4s all;
transition:.4s all;}
.home_nav_main ul li .pic img{ margin:32px; width:92px; height:92px; display:block;}

.home_nav_main ul li.li1 .pic{ background:url(img/jht_btn1.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li2 .pic{ background:url(img/jht_btn2.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li3 .pic{ background:url(img/jht_btn3.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li4 .pic{ background:url(img/jht_btn4.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li5 .pic{ background:url(img/jht_btn5.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li6 .pic{ background:url(img/jht_btn6.png) no-repeat center #f5f5f5;}
.home_nav_main ul li.li1 .pic:hover{background:url(img/jht_btnhov1.png) no-repeat center #30aa68;}
.home_nav_main ul li.li2 .pic:hover{background:url(img/jht_btnhov2.png) no-repeat center #8f82bc;}
.home_nav_main ul li.li3 .pic:hover{background:url(img/jht_btnhov3.png) no-repeat center #cfa972;}
.home_nav_main ul li.li4 .pic:hover{background:url(img/jht_btnhov4.png) no-repeat center #e82d0c;}
.home_nav_main ul li.li5 .pic:hover{background:url(img/jht_btnhov5.png) no-repeat center #00a0e9;}
.home_nav_main ul li.li6 .pic:hover{background:url(img/jht_btnhov6.png) no-repeat center #45c9bb;}
.home_nav_main ul li.li1 .btn:hover{background-color:#30aa68; color:#fff;border:1px solid #30aa68;}
.home_nav_main ul li.li2 .btn:hover{background-color:#8f82bc; color:#fff;border:1px solid #8f82bc;}
.home_nav_main ul li.li3 .btn:hover{background-color:#cfa972; color:#fff;border:1px solid #cfa972;}
.home_nav_main ul li.li4 .btn:hover{background-color:#e82d0c; color:#fff;border:1px solid #e82d0c;}
.home_nav_main ul li.li5 .btn:hover{background-color:#00a0e9; color:#fff;border:1px solid #00a0e9;}
.home_nav_main ul li.li6 .btn:hover{background-color:#45c9bb; color:#fff;border:1px solid #45c9bb;}
.home_nav_main ul li .pic:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);}

.home_nav_main ul li .btn{ padding:0 14px; margin:14px auto 0 auto;height:29px; line-height:29px; border:1px solid #d3d3d3;display:inline-block;color:#616161;
-webkit-transition:.4s all;
-moz-transition:.4s all;
-ms-transition:.4s all;
transition:.4s all;}
.home_nav_main ul li .btn:hover{background-color:#616161; color:#fff;}
.home_nav_main .solid{width:1186px;height:12px;background-color:#f5f5f5;display:block; position:absolute;top:72px;left:0;z-index:1;}


.home_introduce{height:382px; background-color:#f5f5f5;}
.home_introduce_con{height:100%;width:1200px;margin:0 auto; background:url(img/home_introduce_bg.jpg) no-repeat center bottom;}
.home_introduce_con .title{height:142px; line-height:124px; font-size:30px;color:#b8b8b8;text-align:center;}
.home_introduce_con .title .more{ float:right; margin-top:50px;height:24px;line-height:24px; color:#0090ff;}
.home_introduce_con .title .more:hover{ text-decoration:underline;}
.home_introduce_main{width:100%;height:104px; overflow:hidden;}
.home_introduce_main ul{width:1278px;}
.home_introduce_main ul li{width:352px;height:102px; float:left; margin-right:69px; border:1px solid #a6a6a6; border-radius:10px;}
.home_introduce_main ul li i{ float:left;width:61px;height:61px;line-height:61px; text-align:center; font-size:34px; color:#545454; border:1px solid #101010; border-radius:10px; margin:19px 12px 0 18px;}
.home_introduce_main ul li span{width:250px; margin-top:10px; line-height:40px; float:left; font-size:22px; color:#000;}

.home_introduce_main ul li:hover{background:#ff7700;color:#ffffff;border:1px solid #ff7700;}
.home_introduce_main ul li:hover i{color:#ffffff;border:1px solid #ffffff; }
.home_introduce_main ul li:hover span{color:#ffffff}

.home_case{height:660px;width:1200px;margin:0 auto; position:relative;}
.home_case .title{width:100%;height:130px; line-height:130px;font-size:30px;color:#b8b8b8;text-align:center;}
.home_case_con{width:100%;height:540px;overflow:hidden;position:relative;}
.home_case_con ul{height:540px;position:absolute;}
.home_case_con ul li{float:left;width:1200px;height:520px;overflow:hidden;padding-top:20px;}
.home_case_con ul li .pic{ float:left;}
.home_case_con ul li .pic img{ display:block;}
.home_case_main{ float:right;width:500px; position:relative; padding-top:10px;}
.home_case_main .caselist_info_name a{ font-size:32px; padding-right:20px;max-width:340px;_width:340px;}
.home_case_main p{width:300px; font-size:16px; line-height:30px; padding:10px 0 20px 0;}
.home_case_main .more{ height:26px;width:90px;line-height:26px; display:block;color:#0090ff; font-size:14px; border:1px solid #0090ff; text-align:center; }
.home_case_main .more:hover{ background-color:#0090ff; color:#fff;}
.home_case_main .chart{ padding-top:28px;}
.home_case_main .chart img{ display:block;}
.home_case_main .percentage{ position:absolute;top:50px; right:10px;}
.home_case_main .percentage img{ display:block;}
.home_case_main .percentage span{ display:block; text-align:center; color:#787878; line-height:30px;}
.home_caseprevnext{width:50px;height:100%; position:absolute; top:0;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; cursor:pointer;}
.home_caseprev{left:-70px; background:url(img/left.jpg) no-repeat left center #fff;}
.home_casenext{right:-70px;background:url(img/right.jpg) no-repeat right center #fff;}
.home_caseprevnext:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; cursor:pointer;}



/*页面中间按钮*/
.pagebtn{width:80px;height:80px; display:block; position:absolute; bottom:-46px; left:50%; margin-left:-40px;border-radius:0 0 50% 50%; cursor:pointer;
-webkit-transition:.4s all;
-moz-transition:.4s all;
-ms-transition:.4s all;
transition:.4s all;}
.back_top_btn{background:url(img/back_top_icon.jpg) no-repeat;}
.back_top_btn2{background:url(img/back_top_icon2.jpg) no-repeat;}
.more_btn_icon{width:122px;margin-left:-61px;background:url(img/more_btn_icon.png) no-repeat;}
.bottom_tip_btn{background:url(img/bottom_tip_icon.jpg) no-repeat;}
.pagebtn:hover{bottom:-49px;}

/*function*/
.function{width:1200px;margin:0 auto; position:relative; padding:140px 0 80px 0;}
.function ul{}
.function ul li{overflow: hidden;}
.function_title{height:92px;}
.function_title img{float:left;}
.function_title h3{float:left; line-height:92px; font-size:46px; font-weight:100; margin-left:6px; color:#616161;}
.function_main{ margin:15px 0 15px 46px; border-left:1px solid #b4b4b4; /*display:none;*/}
.function_main img{ margin-left:53px;width:1100px; display:block;}

/*advantage*/
.advantage{width:1200px; margin:0 auto;position:relative;padding-top:44px;}
.advantage_con{width: 1200px; margin: 0 auto;overflow: hidden;}
.advantage_con img{ display:block;}

/*qubie*/
.member{width:1050px;margin:0 auto;position:relative; padding-bottom:60px;}
.member_title{height:108px; line-height:108px; font-size:24px;color:#b8b8b8;text-align:center;}
.member_con{}
.member_con table{width:100%;empty-cells:show;border-collapse:collapse;border-spacing:0;}
.member_con table th{ background-color:#ff0000;height:48px;color:#fff; font-size:24px; border-left:2px solid #fff;}
.member_con table td{font-size:20px; color:#444444; font-weight:300;height:36px; text-align:center;border-left:2px solid #fff;}
.member_con table td.icon{background:url(img/member_table_icon.png) no-repeat center;}
.member_con table td.c_green{color:#44c703;}
.member_con table tr:nth-child(odd) td{ background-color:#f8f6de;height:38px;}

.member_duibi{background-color: #f40;padding: 8px;text-align: center;margin-top: 25px;}
.member_duibi a {font-size: 20px;font-weight: 700;border-radius: 10px;padding: 6px 6px 7px;color: #ffffff;}

.arbox{position: relative;margin-left: 5px;}
.arr{width: 0;height: 0;overflow: hidden;border-width: 10px;border-style:dashed dashed dashed solid;border-color: transparent transparent transparent #FFFF00;position: absolute;left: 15px;top: 3px;}
.block {background-color: #FFFF00;height: 12px;left: 3px;overflow: hidden;position: absolute;top: 7px;width: 12px;}
		
.shengji{background-color: #f40;padding: 3px 10px 5px 10px;border-radius: 10px;}
.shengji a{font-weight: 700;color: #ffffff; font-size: 18px;}

/*anli*/
.case{width:1200px;margin:0 auto;position:relative; padding-bottom:44px;}
.case_title{height:108px; line-height:108px; font-size:26px;color:#b8b8b8;text-align:center;}
.divHeight {height:auto !important;}
.case_con{width:1224px;height:960px; overflow:hidden;}
.caselist{width:548px;height:180px; margin:0 24px 24px 0; padding:20px; float:left; background-color:#f5f5f5; border-radius:40px;}

.caselist_top{}
.caselist_top .pic{ float:left;width:104px;height:104px; overflow:hidden; border-radius:50%;}
.caselist_top .pic img{ width:100%; display:block; border-radius:50%;}
.caselist_info{width:420px; float:right;}
.caselist_info_name{height:38px;}
.caselist_info_name .a_hidden{float:left; max-width:310px;_width:310px; line-height:34px;font-size:24px; color:#444444; font-weight:300; padding-right:5px;}
.caselist:hover .caselist_info_name .a_hidden{color:red;}
/*.caselist_info_name .a_hidden:hover{ text-decoration:underline;}*/
.caselist_info_name .industry{float:left; min-width:70px; text-align:center;height:24px; margin-top:7px; line-height:24px; border-radius:12px; color:#fff; padding:0 12px; font-size:14px;}
.caselist_info_name .purple{ background-color:#8f82bc;}
.caselist_info_name .coffee{ background-color:#cfa972;}
.caselist_info_name .yellow{ background-color:#ff9c00;}
.caselist_info_name .blue{ background-color:#00a0e9;}
.caselist_info_name .lightblue{background-color:#45c9bb;}
.caselist_info_name .red{ background-color:#e82d0c;}
.caselist_info_name .pink{ background-color:#f29c9f;}
.caselist_info_name .green{background-color:#30aa68;}


.caselist_info .mainproduct{ color:#c0c0c0; line-height:18px; height:36px; overflow:hidden; padding:8px 0; text-indent:2em; font-size:16px;}
.caselist_info .pv{width:100%; height:30px; color:#ff9c00;font-size:14px; display:block;position:relative; z-index:2;}
.caselist_bottom{ position:relative;}
.caselist_bottom .titlepic{ position:absolute; top:-27px; left:50%; margin-left:-28px;}
.caselist_bottom .titlepic img{ display:block;}
.caselist_bottom ul{ border:1px solid #dadada; height:57px; border-radius:20px;}
.caselist_bottom ul li{height:28px;}
.caselist_bottom ul li .kw,.caselist_bottom ul li .a_hidden{ float:left; text-align:center; line-height:28px;font-size:16px;color:#c0c0c0;}
.caselist_bottom ul li .kw{width:88px;}
.caselist_bottom ul li .a_hidden{width:152px;}
.caselist_bottom ul li .a_hidden img{ vertical-align:middle; margin-right:5px; margin-top:-2px;}
.caselist_bottom ul li.th{border-bottom:1px solid #dadada;}
.caselist_bottom ul li.td  .a_hidden{color:#ff4200;}


/*底部*/
.footer{ background-image:url(img/footer_bg.jpg) ;height:364px;width:100%;background-repeat: repeat-x; }
.footer_con{width:1200px;height:262px;margin:0 auto; padding-top:72px;}
.footer_con_left{float:left;width:600px;}
.footer_con_left .address{ height:38px;line-height:26px; color:#a2a2a2; font-size:14px;}
.footer_con_left .contact{}
.footer_con_left .contact span{color:#a2a2a2; font-size:14px;}
.footer_con_left .contact_left{width:260px; float:left;}
.footer_con_left .contact_left span{ display:block; height:36px;}
.footer_con_left .contact_left a{color:#a2a2a2; font-size:14px;}
.footer_con_left .contact_left a:hover{ text-decoration:underline;}
.footer_con_left .contact_right{width:260px;float:left;}
.footer_con_left .contact_right span{ display:block; padding-bottom:5px;}
.footer_con_right{float:right;width:570px;}
.footer_con_right ul{}
.footer_con_right ul li{ float:left;}
.footer_con_right ul li h3,.footer_con_right ul li h3 a{line-height:26px; color:#a2a2a2; font-size:14px;}
.footer_con_right ul li a:hover{ text-decoration:underline;}
.footer_con_right ul li.li2{width:80px;}
.footer_con_right ul li.li3{width:110px;}
.footer_con_right ul li.li3 .link{line-height:22px; color:#797979; display:block; padding-left:5px;}
.footer_con_right ul li.li4{width:110px;}
.footer_con_right ul li.li5{width:110px;}
.footer_con_right ul li.li6{width:56px; position:relative;}
.footer_con_right ul li.li6 .code{ position:absolute;top:36px; left:-30px;}
.footer_con_right ul li.li6 .code img{ display:block;}
.footer_con_right ul li.li6 .code span{line-height:22px;color:#797979; text-align:center; display:block;}
.footer_copy{height:30px; line-height:30px; text-align:center; color:#525252;}
.footer_copy a{padding:0 10px;color: #525252;}