@charset "utf-8";
/* CSS Document */
.banner2{ width:100%; height:200px; margin:0 auto; text-align:center}
.banner3{ width:100%; height:150px; margin:0 auto; text-align:center}
.banner4{ width:100%; height:80px; margin:0 auto; text-align:center}
.font_title{ font-size:24px; color:#272727; line-height:40px; padding-top:15px;}
.font_titlen{ font-size:28px; color:#2a2a2c; letter-spacing:-1px; line-height:30px;padding-bottom:30px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; font-family:Arial, 微软雅黑;}
h1{ font-size:44px;}
h2{ font-size:38px;}
h3{ font-size:32px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px;}

/*news start*/
.news_banner{width:100%; height:179px; background: url(../../images/contact_banner_02.jpg) center center;float:left;}

.newspageline{width:100%; float:left; background-color:#ffffff}
.newspage_location{ width:100%; margin:0 auto; padding:0px 0 0px 0; float:left; text-align:center}
.newspage_title{ margin:0px auto; text-align:center; padding:40px 0 20px 0; width:800px; height:60px;}
.newspage_title ul{ margin:0px auto; text-align:center; }
.newspage_title ul li{ margin:0px auto; text-align:center; font-size:24px; color:#121212; float:left; width:48%; list-style:none; height:44px; }
.newspage_title_focus{ border-bottom:3px solid #a9ccff; z-index:1000}
.newspage_project{ width:90%; margin:0 auto; padding:0px 0 40px 0; text-align:center ; }
.news_title{font-size:20px; color:#333333; font-family:微软雅黑; margin-top:10px; line-height:24px;}
.news_key{font-size:13px; color:#999999; font-family:微软雅黑; margin:14px 0;}
.news_con{font-size:15px; color:#666666; line-height:24px;}
.news_con a{color:#aaaaaa; text-decoration:none;}
.news_con a:hover{color: #000000;}

/*news end*/
/*recruitmentstart*/
.zxns{ width:100%;float:left;  }
.zxns_banner{ background:url(../../images/zxns_02.jpg) center center; width:100%; height:300px;}
.zxns_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.zxns_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.zxns_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.zxns_welfare{ width:100%; height:90px; margin:0 auto; text-align:center; font-size:16px; color:#656b6f;}
.zxns_welfare ul{ width:1000px; padding:0; margin:0 auto; text-align:center ; display:block;}
.zxns_welfare ul li{ float:left; width:100px; list-style:none; line-height:90px;}

.zxns_main{ width:100%;  margin:0 auto; }
.zxns_main_box1{ width:94%; margin:0 auto; }
.zxns_main_box{ width:100%; margin:0 auto 50px auto; box-shadow:#dddddd 0px 0px 5px; float:left}

.zxns_main_box_left{ width:100%; float:left; z-index:1000}
.zxns_main_box_left ul{ padding:0; margin:0;}
.zxns_main_box_left ul li{ height:54px; width:100%; line-height:54px; padding-left:0px; margin-left:0px; color:#888888; list-style:none; margin-left:-1px; }
.zxns_main_box_left ul li a{ height:54px; width:100%; line-height:54px; background:url(../../images/zxns_12.jpg) no-repeat;  color:#888888;  background-position: 50px 22px; text-decoration:none;  display:block; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0; }
.zxns_main_box_left ul li a:hover{ height:54px; width:100%; line-height:54px; background:url(../../images/zxns_15.jpg) no-repeat;  color:#33b0fd;background-position: 50px 22px;border-right:0px solid #ffffff;}

.zxns_main_box_right{ width:100%; float:left;}
.zxns_main_box_rightcon{ margin:30px 40px;}
.zxns_title{ color:#009fff;}
.zxns_need{ color:#303030; font-weight:bold; margin:20px 0 0 0;}
.zxns_font{ color:#888888;  line-height:26px; margin:20px 0 0 0;}
/*recruitment end*/

/*about start*/
.about{ width:100%;float:left;  }
.about_banner{ background:url(../../images/about_02.jpg) center center; width:100%; height:300px;}
.about_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}


.about_main{ width:100%;  margin:0 auto; float:left }
.about_box{ width:94%; margin:0 auto; }

.about_yiye{ width:100%; margin:0 auto ; float:left; background:url(../../images/aboutus_04.jpg) top center; background-repeat:no-repeat; padding:0px 0 0px 0;}
.about_yiye_title{ margin:50px 0 0px 0;}
.about_yiye_con{ height:240px; border-bottom:4px solid #f5f5f5}
.about_yiye_con_font{float:left; width:45%; color:#7b8a97; line-height:24px; margin-right:60px; margin-top:50px;}

.about_story{ width:100%; margin:0 auto ; float:left; padding:0px 0 30px 0;}
.about_story_title{ margin:50px 0 40px 0;}
.about_story_con{  }
.about_story_confont{width:100%; text-align:center; font-size:48px; color:#121212; margin-top:0px; margin-bottom:70px;}

.about_value{ width:100%; margin:0 auto ; float:left; padding:70px 0 0 0;}

.about_culture{ width:100%; margin:0 auto ; float:left; padding:0px 0 100px 0;}
.about_culture_title{ margin:50px 0 50px 0;}
.about_culture_con{ padding:0px 0 0px 0;}

.about_map{width:50%; float:left; height:100%;}
.about_mapfont{width:50%; float:left; text-align:center; padding:85px 0 0 0; margin:0 auto;}

/*about end*/

/*case start*/
.case{ width:100%;float:left;  }
.case_banner{ background:url(../../images/case_banner.jpg) center center; width:100%; height:300px;}
.case_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.case_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.case_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.case_main{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ;}
.case_main_box{ width:94%; margin:0 auto; padding:0; }


.case_main_box_title{ padding:0 ; margin:0px auto; height:80px; width:65%; text-align:center}
.case_main_box_title ul{ padding:0; margin:0 auto; width:100%;  height:40px; text-align:center}
.case_main_box_title ul li{ padding:0; margin:0px 0 15px 0; float:left;  text-align:center; list-style:none; height:30px; width:12.5%}
.case_main_box_title ul li a{ padding:0; margin:0 auto; text-align:center; font-size:18px; color:#919191; text-decoration:none; display:block;  height:30px;}
.case_main_box_title ul li a:hover{ padding:0; margin:0 auto;  text-align:center; font-size:18px; border-bottom:3px solid #2196f3; color:#121212;}

.case_main_box_con{ width:100%; float:left;}
.case_main_box_con ul{ width:100%; padding:0; margin:0; float:left;}
.case_main_box_con ul li{ width:25%; padding:0; margin:0 0 50px 0; list-style:none; float:left; font-size:18px; line-height:50px; color:#121212; background-color:#ffffff;}
.case_main_box_con ul li a{ font-size:18px; line-height:50px; color:#121212; text-decoration:none; background-color:#ffffff;}
.case_main_box_con ul li a:hover{ font-size:18px; line-height:50px; color:#009fff; text-decoration:none;  background-color:#ffffff;}
/*case end*/

/*case vip start*/
.case_main_box_left{ padding:0px 0 50px 0 ; margin:0px auto;  width:30%; text-align:center; float:left;}
.case_main_box_right{ padding:0 ; margin:0px auto;  width:70%; text-align:left; float:left; color:#787878; }
/*case vip end*/

/*service start*/
.service{ width:100%;float:left;  }
.service_banner{ background:url(../../images/service_banner.jpg) center center; width:100%; height:300px;}
.service_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.service_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.service_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.service_main{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ;}
.service_main_box{ width:94%; margin:0 auto; padding:0; }


.service_main_box_title{ padding:0 ; margin:0px auto 60px auto;  text-align:center}

.service_main_box_con{ width:100%; float:left; margin:o auto; text-align:center}
.service_main_box_confloat{ width:90%; margin:0px auto; }
.service_main_box_con_font{float:left; width:45%; padding-top:50px; text-align:left;}
.service_main_box_con_pic{float:right; width:45%;  text-align:right;}
.service_main_box_con_separate{float:left; width:10%; text-align:center;}

.service_main_box_con_font2{float:left; width:38%; padding-top:70px; text-align:left; padding-left:7%}
.service_main_box_con_pic2{float:left; width:45%;  text-align:left;}

.service_roi{ width:100%; background:#f5f5f5; float:left; padding:70px 0 120px 0;}
.service_roi_con{ width:86%; margin:0 auto;}
.service_roi_con_left{ width:50%; float:left;}
.service_roi_con_left_input{width:80%; background:#ffffff; border:1px solid #ebebeb; height:36px; line-height:36px; padding:0 0 0 10px; border-radius:2px;}
.service_roi_con_right{ width:50%; float:left; }
.service_roi_con_right_result{ margin:80px  auto 0 auto; width:300px; text-align:center;}
.service_roi_result{ background:#009fff; height:80px; border-radius:2px; line-height:80px; font-size:36px; color:#ffffff; letter-spacing:6px; font-weight:bold;}
/*service end*/

/*product start*/
.product{ width:100%;float:left;  }
.product_banner{ background:url(../../images/product_banner.jpg) center center; width:100%; height:300px;}
.product_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.product_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.product_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.product_main{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ;}
.product_main_box{ width:94%; margin:0 auto; padding:0; }


.product_main_box_title{ padding:0 ; margin:0px auto 60px auto;  text-align:center}

.product_main_box_con{ width:100%; float:left; margin:o auto; text-align:center;}
.product_main_box_confloat{ width:90%; margin:0px auto; }
.product_main_box_con_font{float:left; width:46%; padding-top:0px; text-align:left;}
.product_main_box_con_pic{float:right; width:46%;  text-align:center;}
.product_main_box_con_separate{float:left; width:8%; text-align:center;}

.product_main_box_con_font2{float:left; width:46%; padding-top:0px; text-align:left; }
.product_main_box_con_pic2{float:left; width:46%;  text-align:center; margin-top:40px;}
.space{ height:100px;}


.product_readmore{ background:#009fff; height:34px; border-radius:2px; line-height:34px; font-size:14px; color:#ffffff;  width:140px; text-align:center;}
/*product end*/

/*solution start*/
.solution{ width:100%;float:left;  }
.solution_banner{ background:url(../../images/solution_banner.jpg) center center; width:100%; height:300px;}
.solution_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.solution_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.solution_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.solution_main{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:80px 0 ;}
.solution_mainbox{ width:88%; margin:0 auto; padding:0; }


.solution_mainbox_company{ padding:0 ; margin:0px auto;  text-align:center; float:left; width:100%;}
.solution_mainbox_company_left{ float:left; width:50%; background:url(../../images/solution_05.jpg) left 10px; background-repeat:no-repeat; text-align:left;}
.solution_mainbox_company_center{ width:5%; float:left;}
.solution_mainbox_company_right{ float:left; width:45%;}

.solution_mainbox_kind{  padding:0 ; margin:0px auto;  text-align:center; float:left; width:100%;}
.solution_mainbox_kindbox{ width:94%; margin:0 auto;}
.solution_mainbox_kindbox_style{ width:27%; float:left; text-align:center; padding:30px 0; border:1px solid #dddddd; border-radius:4px; margin-top:20px;}
.solution_mainbox_kindbox_style3{ width:33%; float:left; text-align:center; padding:30px 0; border:1px solid #f1f1f1; background:#009fff; border-radius:10px;box-shadow:#cccccc 0 5px 20px;}
.solution_mainbox_kindbox_style2{ width:6%; float:left;}
.solution_mainbox_kindbox2{ width:70%; margin:0 auto; background:#ffffff; border-radius:6px; padding:12px; box-shadow:#cfcfcf 0 0 8px;}
.priceclick{position:fixed; width:140px; right:10%; bottom:2%; background:rgba(255,130,75,0.9);border-radius:4px;}
.priceclick a{ width:160px; background:rgba(255,130,75,0.9); display:block; color:#ffffff; font-weight:bold; font-family:微软雅黑; font-size:18px; text-decoration:none; padding:9px 0 10px 0;border-radius:4px; position:fixed; bottom:0;}

.solution_mainbox_kindbox_style .kindboxp{color: #333333; font-size: 13px; line-height: 20px;}
.solution_mainbox_kindbox_style3 .kindboxp{color: #ffffff; font-size: 15px; line-height: 24px;}
.solution_mainbox_kindbox_style3 .kindboxptitle{color: #ffffff; margin: 20px 0 0 0; font-size: 60px; padding: 18px 0 50px 0;}
.solution_mainbox_kindbox_style .kindboxptitle{color: #333333; margin: 20px 0 0 0; font-size: 48px; padding: 10px 0 40px 0;}
.solution_mainbox_kindbox_style .pro-type{background:url(../../images1/solbg1.jpg) center center; background-repeat:no-repeat; font-size:24px; color:#ffffff; letter-spacing:2px; height:38px; line-height:36px;}
.solution_mainbox_kindbox_style3 .pro-type{background:url(../../images1/solbg2.jpg) center center; background-repeat:no-repeat; font-size:24px; color:#333333; letter-spacing:2px; height:38px; line-height:36px;}

.solution_mainbox_kindbox_style3 .sol-ckxq{border-radius:4px; padding:10px 0; color:#ffffff; font-size:15px; }
.solution_mainbox_kindbox_style3 .sol-ckxq a{ margin:30px auto 20px auto; border:1px solid #ffffff; border-radius:4px; padding:10px 0; color:#ffffff; font-size:15px; width:150px; display:block; text-decoration:none;}
.solution_mainbox_kindbox_style3 .sol-ckxq a:hover{ margin:30px auto 20px auto; border:1px solid #009fff; border-radius:4px; padding:10px 0; color:#009fff; font-size:15px; width:150px; display:block; text-decoration:none; background:#ffffff;}

.solution_mainbox_kindbox_style .sol-ckxq{ border-radius:4px; padding:10px 0; color:#333333; font-size:15px; }
.solution_mainbox_kindbox_style .sol-ckxq a{ margin:30px auto 20px auto; border:1px solid #666666; border-radius:4px; padding:10px 0; color:#333333; font-size:13px; width:120px; display:block; text-decoration:none;}
.solution_mainbox_kindbox_style .sol-ckxq a:hover{ margin:30px auto 20px auto; border:1px solid #ffffff; border-radius:4px; padding:10px 0; color:#ffffff; font-size:13px; width:120px; display:block; text-decoration:none; background:#009fff;}

.pro-type01{background:url(../../images1/solbg2.jpg) center center; background-repeat:no-repeat; font-size:24px; color:#333333; letter-spacing:2px; height:38px; line-height:36px;}
.pro-type02{background:url(../../images1/solbg1.jpg) center center; background-repeat:no-repeat; font-size:24px; color:#ffffff; letter-spacing:2px; height:38px; line-height:36px;}





.solution_plan{float:left; padding:70px 0 120px 0; width:100%; background:#e5eff1;}
.solution_planbox{  padding:0 ; margin:0px auto;  text-align:center; width:88%;}
.solution_planbox_con{ width:100%; float:left;}
.solution_planbox_con_style{ width:22%; float:left; text-align:left; padding:30px 0; }
.solution_planbox_con_style2{ width:4%; float:left;}
.solution_planbox_con_xiala{width:80%; background:#ffffff; border:1px solid #dddddd; height:34px; line-height:34px; padding:0 0 0 10px; border-radius:4px; }
.solution_plan_button{ border-radius:20px; padding:10px 0; color:#ffffff; font-size:12px; font-weight:bold; background:#009fff; width:150px; margin:0 auto;}
.solution_plan_button a{ border-radius:20px;  color:#ffffff; font-size:12px; font-weight:bold; background:#009fff; width:150px; margin:0 auto; text-decoration:none; display:block;}
.solution_plan_button a:hover{ box-shadow:#009fff 0 0 30px; width:150px;}

/*solution end*/

/*404 start*/
.x404{ width:100%; float:left }
.x404_banner{ background:url(../../images/404bg.jpg) center center; width:100%; height:820px;  background-repeat:no-repeat;}
.x404_banner_main{ width:900px; margin:0px auto; padding:120px 0 0 0;}
.x404_banner_main_left{ float:left; margin-bottom:30px;}
.x404_banner_main_right{ margin-left:30px; float:left;}
.x404_banner_main_right_button{display:block;  text-align:center; }
.x404_banner_main_right_button a{display:block; padding:10px 16px; text-align:center; background:#ffffff; width:120px; color:#5193c3; border-radius:4px; font-size:16px; letter-spacing:4px; margin:10px 0; text-decoration:none;}
.x404_banner_main_right_button a:hover{display:block; padding:10px 16px; text-align:center; background:rgba(255,255,255,.7); width:120px; color:#5193c3; border-radius:4px; font-size:16px; letter-spacing:4px; margin:10px 0; text-decoration:none; }
/*404 end*/

/*email start*/
.email{ width:100%;float:left;  }
.email_banner{ background:url(../../images/email_banner.jpg) center center; width:100%; height:300px;}
.email_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.email_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.email_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.email_main{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ;}
.email_mainbox{ width:88%; margin:0 auto; padding:0; }
.email_mainbox2{width:100%; float:left;}

.email_mainbox_title{ padding:0 ; margin:0px auto 40px auto; width:65%; text-align:center;}


.email_mainbox_con{ width:100%; margin:0px auto 60px auto; float:left;}
.email_mainbox_con_kind{ width:32%; float:left; text-align:center; }
.email_mainbox_con_kind2{ width:2%; float:left;}

.email_edmplan{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ; background:#e5eff1;}
.email_edmplanbox{ width:88%; margin:0 auto; padding:0; }
.email_edmplanbox2{width:100%; float:left;}
.email_edmplanbox_title{ padding:0 ; margin:0px auto 40px auto; width:65%; text-align:center;}
.email_edmplanbox_con{ padding:0 ; margin:0px auto 40px auto; width:100%; text-align:center;}
.email_edmplanbox_con_kind1{ width:33%; float:left; text-align:right;}
.email_edmplanbox_con_kind2{ width:33%; float:left; text-align:left;}
.email_edmplanbox_con_kind3{ width:33%; float:left; }

.email_reportpic{ width:45%; float:left;}
.email_reportblank{ width:5%; float:left;}
.email_reportfont{ width:45%; float:left;}
.mobile_reportpic{ width:48%; float:left;}
.mobile_reportblank{ width:2%; float:left;}
.mobile_reportfont{ width:50%; float:left;}

.mobile_reportpic2{ width:38%; float:left;}
.mobile_reportfont2{ width:60%; float:left;}

.mobile_edmplan{ width:100%;  margin:0px auto; background:#ffffff; float:left; padding:50px 0 ; background:#ffffff;}
.mobile_button{background:#6aafe6; height:40px; border-radius:2px; line-height:40px; font-size:16px; color:#ffffff; width:160px; margin:70px auto 40px auto ; text-align:center; letter-spacing:1px;}
/*email end*/
/*school start*/
.school{ width:100%;float:left;  }
.school_banner{ background:url(../../images/school_02.jpg) center center; width:100%; height:300px;}
.school_banner_font{  text-align:center; margin:0; padding:90px 0 0 0; display:block;}
.school_nav{  text-align:center; height:60px; background:#f6f6f6; width:100%; margin:0 auto;}
.school_nav_position{ width:94%; height:60px; margin:0 auto; text-align:left; line-height:60px; font-size:16px; color:#9297a3;}

.school_main{ width:100%;  margin:0px auto; background:#f3f3f3; float:left; padding:50px 0 ;}
.school_main_box{ width:90%; margin:0 auto; padding:0; }
.school_main_boxl{ width:66%; margin:0 3% 0px auto; box-shadow:#dddddd 0px 0px 5px; float:left; background:#ffffff;}
.school_main_boxlcon{ margin:30px ;}
.school_main_boxl_title{ padding:0; margin:10px 0 0 0; border-bottom:1px solid #d6d6d6; height:50px;overflow:hidden;}
.school_main_boxl_title ul{ padding:0; margin:0; width:90%;  float:left; height:50px;}
.school_main_boxl_title ul li{ padding:0; margin:0 auto; float:left; width:20%; text-align:center; list-style:none; height:48px;}
.school_main_boxl_title ul li a{ padding:0; margin:0 auto; text-align:center; font-size:18px; color:#919191; text-decoration:none; display:block; width:100%; height:48px;}
.school_main_boxl_title ul li a:hover{ padding:0; margin:0 auto;  text-align:center; font-size:18px; border-bottom:3px solid #2196f3; color:#2196f3;}
.school_main_box1_titleselect{ padding:0; margin:0 auto;  text-align:center; font-size:18px; border-bottom:3px solid #2196f3; color:#2196f3;}
.school_main_boxl_con{ padding:40px 0 40px 0; border-bottom:1px solid #d6d6d6; float:left; width:100%}
.school_main_boxl_con_readmore{background:#3399FF; display:block; float:left; padding:8px 30px ; color:#ffffff; border-radius:2px;}
.school_main_boxl_con_readmore a{ color:#ffffff; text-decoration:none;}
.school_main_boxl_con_icon{display:block; float:left; margin-left:50px; height:36px; line-height:36px;}
.school_main_boxr{ width:31%; margin:0 auto 0px auto; box-shadow:#dddddd 0px 0px 5px; float:left; background:#ffffff;}
.school_main_boxrcon{ margin:20px ;}
.school_main_boxr_title{ padding:0; margin:10px 0 0 0; height:50px; text-align:center;}
.school_main_boxr_recommend{ padding:30px 20px 40px 20px; border-bottom:1px solid #d6d6d6; margin-bottom:20px;}
/*school end*/

/*school sec end*/
.school_main_boxl_connews{ padding:0px 0 40px 0; border-bottom:1px solid #d6d6d6; float:left; width:100%}
.school_news_next{margin:50px auto; float:left; width:100%; text-align:left; color:#666666; line-height:30px;}
.school_news_next a{ color:#666666; line-height:30px; text-decoration:none}
.school_news_next a:hover{ color:#6aafe6; line-height:30px; text-decoration: underline;}
/*school sec end*/

.subscribebg{background:rgba(40, 60, 92, 0.8) !important;/*实现FF背景透明，文字不透明*/
 width:100%; height:100%; text-align:center; margin:0 auto; position: fixed;  z-index: 1;top: 0;
left: 0; opacity: 0.3; filter: alpha(opacity=30); display: none;}
.subscribebox{width:520px; margin:0 auto; z-index: 2;text-align:center;position:absolute;} 
.subscribemain{width:518px; margin:0 auto; position:fixed; background:#ffffff; top:20%; box-shadow:#000000 0 0 30px; float:left;} 
.inputstyle{border: 1px solid #dddddd; width:80%; padding:4px 10px ; color:#999999; }
.subcribe_submit{width:80px; margin:0 auto; text-align:center; background:#009fff; color:#ffffff; padding:4px 0; font-size:13px; font-family:微软雅黑; border-radius:2px;}
.inputstyle::-webkit-input-placeholder{
            /* WebKit browsers */
            color: #999;
            font-style:normal;}
.inputstyle:-moz-placeholder{
            /* Mozilla Firefox 4 to 18 */
            color: #999;
            font-style:normal;}
.inputstyle::-moz-placeholder{
            /* Mozilla Firefox 19+ */
            color: #999;
            font-style:normal;}
.inputstyle:-ms-input-placeholder{
            /* Internet Explorer 10+ */
            color: #999;
            font-style:normal;}
.per50{ width:50%; text-align:left; float:left;}
.per40{ width:40%; text-align:left; float:left;}
.per50-2{ width:50%; text-align:left; float:left;}
.per100{ width:100%;}
.mar60100{margin:0 60px 0 100px}
.mar0100{margin:0 0px 0 100px}
.mar1000{margin:0 100px 0 0px}
.smallbox{ width:600px; text-align:center; margin:100px auto 200px auto; text-decoration:none; background:#ffffff; height:200px;box-shadow:#bed8e1 0 0 10px; border-radius:4px;}
         
@media (min-width: 700px)and (max-width:960px){
.recruitment_nav_font{ display:none;}

.school_main_boxl{ width:100%}
.school_main_boxr{ display:none;}

.case_main_box_con ul li{ width:33%;}
.case_main_box_title{ width:100%;}

.service_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.service_main_box_con_pic{ width:100%;  text-align:center; margin-top:30px;}
.service_main_box_con_picsize{ width:20%}
.service_main_box_con_separate{ display:none;}
.service_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.service_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.service_roi_con_left{ width:100%;}
.service_roi_con_right{ width:100%;}
.service_roi_con_left_input{ width:100%}

.solution_mainbox_company_left{ width:100%}
.solution_mainbox_company_right{ display:none;}
}
      
@media (min-width: 960px)and (max-width:1140px){
.about_honor_boxcon{ width:48%;}
	}
@media (min-width: 700px)and (max-width:960px){
.about_location_title{ background:none; margin:0 auto; width:94%;}
.about_location_titlecon{ margin:0; width:100%; text-align:center;}
.about_honor_boxcon{ width:48%;}
.about_culture_boxright{width:100%}
.about_culture_boxleft{ width:100%}
.about_map{ width:100%;}
.about_mapfont{ width:100%;}
.h6{ width:100%;}
.case_main_box_con ul li{ width:33%;}
.case_main_box_title{ width:100%;}
.school_main_boxl{ width:100%}
.school_main_boxr{ display:none;}
.service_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.service_main_box_con_pic{ width:100%;  text-align:center; margin-top:30px;}
.service_main_box_con_picsize{ width:20%}
.service_main_box_con_separate{ display:none;}
.service_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.service_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.service_roi_con_left{ width:100%;}
.service_roi_con_right{ width:100%;}
.service_roi_con_left_input{ width:100%}
.product_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.product_main_box_con_pic{ width:100%;  text-align:center; margin-top:30px;}
.product_main_box_con_picsize{ width:50%}
.product_main_box_con_separate{ display:none;}
.product_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.product_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.product_readmore{ margin:0 auto;}
.space{ display:none;}
.service_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.service_main_box_con_pic{ width:100%;  text-align:center; margin-top:30px;}
.service_main_box_con_picsize{ width:20%}
.service_main_box_con_separate{ display:none;}
.service_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.service_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.service_roi_con_left{ width:100%;}
.service_roi_con_right{ width:100%;}
.service_roi_con_left_input{ width:100%}

.solution_mainbox_company_left{ width:100%}
.solution_mainbox_company_right{ display:none;}
.email_reportpic{ display:none;}
.email_reportfont{ width:100%; float:left;}
.email_edmplanbox_con_kind1{ width:100%; text-align:center;}
.email_edmplanbox_con_kind2{ width:100%; text-align:center; margin-top:50px; }
.email_edmplanbox_con_kind3{ display:none; }
.mobile_reportpic,.mobile_reportpic2{ width:100%; text-align:center; }
.mobile_reportfont,.mobile_reportfont2{ width:100%; text-align:center; }
.mobile_icon{ display:none;}
.x404_banner_main{ width:80%; padding:50px 0 0 0;}
.x404_font{ width:450px;}
.Personalized_projectbox_con{ width:80%}
.intro_projectbox{ width:96%; height:auto;}
.intro_projectbox2{ display:none;}
	}
	
@media (max-width:700px){

    .solution_mainbox_kindbox_style3 {
        width: 100%;
        float: left;
        text-align: center;
        padding: 30px 0;
        border: 1px solid #f1f1f1;
        background: #009fff;
        border-radius: 10px;
        box-shadow: #cccccc 0 5px 20px;
    }
.why_font{font-size:14px; color:#ffffff; padding-top:20px;}
.whyline{ height:100%}
.about_border{border-right:0px solid #dcdcdc;}
.dismiss{ display:none;}
#hyzx{ width:100%; }
#yxzy{ width:100%;}

.circle{  margin:-80px auto 0 auto;}

.news50per{ display:none;}
.about_location_title{ background:none; margin:0 auto; width:94%;}
.about_location_titlecon{ margin:0; width:100%; text-align:center;}
.about_honor_boxcon{ width:98%;}
.about_culture_boxright{width:100%}
.about_culture_boxleft{ width:100%}
.about_mapfont{ width:100%;}
.about_map{ width:100%;}
.h6{ width:100%;}
.case_main_box_con ul li{ width:50%;}
.case_main_box_title{ width:100%;}
.case_main_box_title ul li{ width:20%;}
.about_yiye_con_font{ width:100%}
.case_main_box_left{  width:100%; text-align:left; float:left;}
.case_main_box_right{ width:100%; text-align:left; float:left;  }
.case_logo{ width:20%}
.school_main_boxl{ width:100%}
.school_main_boxr{ display:none;}
.service_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.service_main_box_con_pic{ width:100%;  text-align:center;margin-top:30px;}
.service_main_box_con_picsize{ width:20%}
.service_main_box_con_separate{ display:none;}
.service_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.service_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.service_roi_con_left{ width:100%;}
.service_roi_con_right{ width:100%;}
.service_roi_con_left_input{ width:100%}
.product_main_box_con_font{ width:100%; padding-top:30px; text-align:center}
.product_main_box_con_pic{ width:100%;  text-align:center; margin-top:30px;}
.product_main_box_con_picsize{ width:50%}
.product_main_box_con_separate{ display:none;}
.product_main_box_con_font2{ width:100%; padding-top:30px; text-align:center; padding-left:0;}
.product_main_box_con_pic2{width:100%; text-align:center; margin-top:30px;}
.product_readmore{ margin:0 auto;}
.space{ display:none;}
.solution_mainbox_company_left{ width:100%}
.solution_mainbox_company_right{ display:none;}
.solution_mainbox_kindbox_style{ width:100%}
.solution_planbox_con_style{ width:100%}
.solution_planbox_con_style2{ display:none;}
.email_mainbox_con_kind{ width:100%}
.email_reportpic{ display:none;}
.email_reportfont{ width:100%; float:left;}
.email_edmplanbox_con_kind1{ width:100%; text-align:center;}
.email_edmplanbox_con_kind2{ width:100%; text-align:center; margin-top:50px; }
.email_edmplanbox_con_kind3{ display:none; }
.email_edmplanbox_title{ width:100%}
.email_mainbox_title{ width:100%;}
.mobile_reportpic,.mobile_reportpic2{ width:100%; text-align:center; }
.mobile_reportfont,.mobile_reportfont2{ width:100%; text-align:center; }
.mobile_icon{ display:none;}
.x404_banner_main{ width:80%; padding:50px 0 0 0;}
.x404_font{ width:350px}
.Personalized_projectbox_con{ width:70%}
.Personalized_projectbox_confont{ font-size:16px;}
.intro_projectbox{ width:96%; height:auto;}
.intro_projectbox2{ display:none;}

}

@media (max-width:1100px){
.mobile-notice-31{ width:100%; text-align:center; padding:20px 0; 
	}
.mobile-notice-con{ width:30%; float:left; }
.mobile-dismiss{ display:none;}
.mobile-style1{margin:10px 0 20px 0; line-height:20px;}
.mobile-sale{ width:100%; padding:0; text-align:center}
.circle-button{ display:none;}

.mar60100{margin:0px auto; text-align:center; width:100%}
.mar0100{margin:0px auto; text-align:center; width:100%}
.mar1000{margin:0px auto; text-align:center; width:100%}
.per50-2{ width:100%; text-align:center;}
.per100{ width:60%;}
}