@charset "utf-8";

/* CSS Document */

input{ vertical-align:top}
#wx_ewm{ width:160px; padding:15px 0 20px 0; background:#fff; color:#666; text-align:center; position:fixed; top:46%; left:20px; z-index:1071; border:1px solid #e6e6e6; border-bottom:2px solid #e6e6e6;}
#menu {

    margin: 0; height:70px; display:inline-block; overflow:hidden;

    padding: 0;

    position: fixed;

    list-style-type: none;

    z-index: 1070;

    width: 100%; min-width:1200px;

    background: rgba(0,0,0,0.6) !important;background: #000000; top:0;

}
.memu2_tit01{ float:left; width:80px; background:#f0f0f0; color:#555; margin-right:10px; font-size:14px; text-align:center; line-height:26px;}
.m_banner{

    width: 1200px;

    height: auto;

    margin: 0 auto;



}

.m_l{

    width:300px; padding-top:15px;

    height: auto;

    float: left;

}

.m_l img{

    width: 100%;

    height: auto;

}

.m_m{

    float: right;

    padding: 0 0 0 0;

	 width:750px;

    margin-left: 0;

}

.m_m ul{ float:right}

.m_m ul li { float: left; padding:25px 25px 0 25px; height: auto; text-align: center; font-size: 16px;}

.m_m a { float: left; padding: 1% 0; color: #ffffff; text-decoration: none; }

.m_m a:hover{color: #ffab53; }

.m_m .active a { color: #ffab53; border-bottom: #ffab53 solid 2px; }

.m_r{

    width: 0;

    height: auto;

    float: right;

    padding: 2% 0 0 0;

}

.m_r img{ width: 100%; height: auto;}









/*-------------------测名详细--------------------*/

.cm_ly{ padding-top:20px;}

.cm_ly li{ width:180px; float:left; font-size:14px; color:#888; line-height:25px; text-align:center; margin:0 60px 70px 60px; padding-top:20px;}

.cm_ly li span{ width:100px; height:100px; display:block; font-size:20px; font-weight:bold; margin:0 auto; margin-bottom:10px; line-height:28px; padding-top:22px; color:#fff; background:#21c2f8;-moz-border-radius: 50px;

    -webkit-border-radius: 50px;    border-radius: 50px; margin-bottom:20px;}

.cm_ly li span.ys2{ background:#4cd4c2}

.cm_ly li span.ys3{ background:#ff6801}

.cm_ly li span.ys4{ background:#8e76e8}

.wrp_cm{ width:1200px; margin:80px auto 100px auto; height:auto; overflow:auto}

.wrp_cm1{ float:left; width:870px; background:#fff; position:relative}

.wrp_cm2{ float:right; width:300px; background:#fcaf40 url(../images/cm_bj.jpg) no-repeat 0 bottom; color:#fff; font-size:22px; line-height:35px; text-align:center; padding-bottom:180px; padding-top:60px;}

.wrp_cm2 i{ font-size:24px;}

.wrp_cm2 h2{ font-size:50px; line-height:60px;}

.cm_xx table{border-top:1px solid #efefef; border-right:1px solid #efefef; }

.cm_xx table td{  color:#666; border-bottom:1px solid #efefef; border-left:1px solid #efefef}

.cm_xx table td.wrp_bg{ background:#f9f9f9;text-align:center; height:60px; line-height:60px; font-size:18px; font-weight:100; color:#444; width:20%;}

.wrp_z{ width:100%; text-align:center}

.wrp_z div{ line-height:28px; color:#666; font-size:16px;}

.wrp_z span{  text-align:center; display:inline-block;background:#009933; font-size:16px; color:#fff; padding:3px 8px 5px 8px; border-radius:5px; margin:0 auto 10px auto }

.wrp_z a{ color:#666; text-decoration:underline; font-size:16px; float:left; margin-top:10px;}

.wrp_z span.l{ background:#fcaf40}

.wrp_z span.c{ background:#555}

.wrp_z span.jj{ background:#ea1441}

.fenshu{ width:117px; height:189px; background:url(../images/fen.png) no-repeat; background-size:100%; font-size:36px; font-weight:bold; color:#e10200; padding:29px 0 0 32px; position:absolute; top:165px; right:24px;}

.wrp_z font.tgl{ line-height:48px; font-size:16px;}



.wrp_cm1 .ss_wrap{ background:rgba(19,86,132,0.4); padding:15px; border-radius:6px; margin-top:25px;}

.wrp_cm1 .ssfomr_box input{ height:54px; border-radius:4px; line-height:54px;}

.wrp_cm1 .ssfomr_box select,.index_wrapper .ssfomr_box .btn{border-radius:4px;}

.qds_slogan{ text-align:center; color:#fff; font-size:45px;  padding:160px 0 6px 0; width:100%}



.wrp_cm1 .cpzh{ width:200px;}

.wrp_cm1 .region{ width:120px;}

.wrp_cm1 .ssfomr_box input{ margin:0; font-size:16px; padding:0 16px;}

.wrp_cm1 .ssfomr_box select{ margin:0; height:54px; border:none; padding:0 18px 3px 18px; font-size:16px;g}

.wrp_cm1 .ssfomr_box select option{ line-height:54px; padding:0; margin:0; vertical-align:top}

.wrp_cm1 .ssfomr_box .btn{ height:54px; line-height:54px; background:#d00; border:1px solid #d00;  font-size:17px; font-weight:bold; display:block; color:#fff; padding:0 56px;transition: all 0.3s ease-out 0s;}

.pcjg{ width:100%; text-align:center; font-size:20px; font-weight:100; line-height:70px; color:#333}

.wrp_cm1 .hytype{ width:202px;}



.wrp_cm1 tr.jx td{ padding:45px 0;}

div.panel

{ height:auto; overflow:auto; display:none;

}

.flip{width:100%; text-align:center; font-size:20px; font-weight:100; line-height:40px; padding-top:20px; color:#333; cursor:pointer;}





/*上海火虎首页——起名版本*/

.tit{ text-align:center; font-size:29px; color:#333; line-height:40px; padding:60px 0 40px 0;font-weight:100}



p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #fff; text-align: center;}

.zhineng{ width:100%; text-align:center; min-height:1200px;}

.index_wrapper .region_p1{ width:266px;}

.hytype_p1{ width:460px;}

.tishi{ font-size:14px; color:#333; text-align:center; margin-top:55PX; position:absolute; bottom:70px; width:100%;}

.tishi i{ font-size:20px; margin-right:8px;}

.page1_lc{ width:1050px; margin:0px auto 0 auto; padding-bottom:20px; height:auto; overflow:auto}

.page1_lc ul{padding-left:80px;}

.page1_lc li{ width:144px; font-size:16px; background:url(../images/page2.png) no-repeat; background-size:100%; float:left; text-align:center; color:#1495e5; padding-top:50px; height:225px; margin:15px 72px 0 72px;}

.page1_lc li.hover{background:url(../images/page2_1.png) no-repeat; background-size:100%; color:#fff;}

.page1_lc li a{ color:#1495e5; display:block}

.page1_lc li.hover a{ color:#fff;}

.page1_lc li i{ font-size:24px; line-height:26px;  font-weight:bold;font-style:normal }

.page1_lc li i h2{ font-size:20px; font-weight:normal}

.page1_lc li span{ padding-top:55px; display:block; color:#666;}

.page1_lctit{ text-align:center; font-size:22px; color:#fff;}

.jiantou{ float:left; color:#ccc; padding-top:80px;}

.jiantou i{ font-size:20px;}

.xyb{ text-align:center; font-size:18px; color:#fff; clear:both; position:absolute; bottom:90px; width:55px; margin:0 auto; left:51%; margin-left:-50px; padding:0 56px}



.qysl{ width:1200px; margin:0 auto;}

.qysl li{ width:400px; float:left; text-align:center; margin:0 0 0 150px;}

.qysl li img{ width:100%}

.qysl li h2{ font-size:22px; color:#333; line-height:45px;}

.qysl li span{ font-size:18px; color:#666; font-weight:normal; margin-left:15px;}

.bottom{ background:#232323; text-align:center; width:100%; color:#8b8b8b; line-height:42px; min-width:1200px; }

.zc_lc { width:1200px; margin:0 auto;}

.zc_lc ul{ height:auto; overflow:auto;}

.zc_lc li{ width:558px; float:left; background:#fff; border:1px solid #f1f1f1; margin:0 20px 30px 20px; margin-bottom:40px;}

.zc_lc li p{ font-size:12px; color:#666; line-height:22px; color:#999}

.zc_lc li h2{ font-size:16px; color:#333; line-height:42px;}

.zc_lc li h2 b{ background:#0c7bd4; color:#fff; text-align:center; font-size:16px; line-height:24px;width: 24px; margin-right:10px;  height: 24px; display:inline-block; -moz-border-radius: 50px;    -webkit-border-radius: 50px;    border-radius: 50px;}

.zc_lc li span{ float:left;}

.zc_lc li span.text{ width:266px; padding:35px 0 0 40px;}

.zc_lc li span.text a{ color:#0c7bd4; }

.zc_lc li span.text a:hover{ color:#f00}

.zc_lc li span.img{ margin-left:3px; margin-top:3px;}



.syrs{ text-align:center; font-size:18px; color:#333; padding:300px 0 0 0}

.syrs1{ text-align:center; font-size:18px; color:#333; padding:15px 0 15px 0}

.syrs1 b{ padding:0 4px; color:#ffb018;}

.syrs b{ padding:0 4px; color:#ffb018;}

.ssfomr_box .btn{ height:58px; line-height:58px; background:#d00; border:1px solid #d00;  font-size:17px; font-weight:bold; display:block; color:#fff; transition: all 0.3s ease-out 0s;}



.dataly{ padding-bottom:20px;}

.ny_qm{ width:100%; background:url(../images/page2_bj.jpg) no-repeat; background-size:100%;}

.ny_hm{ width:100%; background:url(../images/page1_bj.jpg) no-repeat; background-size:100%;}

.ny_cm{ width:100%; background:url(../images/page3_bj.jpg) no-repeat center 0; }

.sy_qm{ width:100%; background:url(../images/page1_bj.jpg) no-repeat; background-size:100%;}

.index_wrapper{ width:100%; height:auto; overflow:auto; padding-bottom:140px; min-width:1200px; position: relative}

.qm_tj li{ float:left; font-size:14px; color:#666; line-height:24px; text-align:center; margin:30px 0 50px 0}

.qm_tj li h2{ font-size:16px; color:#333; line-height:30px;}



.hm_dh{ background:url(../images/dh.png) no-repeat; width:880px; margin:70px auto; font-size:20px; line-height:30px;}

.hm_dh li{ padding-left:160px; padding-top:38px;}

.hm_dh li.lv{ color:#fff; padding-top:98px; padding-left:180px; padding-bottom:28px;}













/*首页新加内容*/

.tit{ text-align:center; font-size:29px; color:#333; line-height:40px; font-weight:100}

.hm_sjcon li{ width:26%; float:left; margin:0 3% 20px 3%; text-align:center;}

.hm_sjcon li a{ width:100%;  display:block; padding:70px 0 70px 0; border:1px solid #fff}

.hm_sjcon li a:hover{text-align: center; border:1px solid #f0f0f0;-webkit-box-shadow:0 0 5px rgba(205, 205, 205, .5);  
  -moz-box-shadow:0 0 5px rgba(205, 205, 205, .5);  
  box-shadow:0 0 5px rgba(205, 205, 205, .5);  }

.hm_sjcon li p{ font-size:40px; font-weight:bold; color:#3aadff; line-height:50px; }

.hm_sjcon li span{ font-size:20px; color:#666; background:url(../images/sj1.gif) no-repeat center 15px; display:block; margin-bottom:25px; }

.hm_sjcon li i{ font-size:16px; color:#999; line-height:24px;font-style: normal}

.hm_bj{ background:url(../images/sf1.gif) repeat; width:100%; height: auto; overflow:auto; margin-top:40px; min-width:1200px;}

.hm_sf{ padding-top:20px;}

.hm_sf li{ width:180px; float:left; font-size:16px; color:#666; line-height:45px; text-align:center; margin:0 110px 70px 110px;}

.hm_sf li span{ width:100px; height:100px; display:block; font-size:36px; font-weight:bold; margin:0 auto; margin-bottom:10px; line-height:100px; color:#fff; background:#21c2f8;-moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;}

.hm_sf ul{ background:url(../images/sf.png) no-repeat center 30px; width:100%; height:auto; overflow:auto}

.hm_sf li span.ys2{ background:#4cd4c2}

.hm_sf li span.ys3{ background:#ff6801}

.hm_sf li span.ys4{ background:#8e76e8}

.hm_sf li span.ys5{ background:#ff7271}

.hm_sf li span.ys6{ background:#e9b480}

.hm_sf li p{ width:30px; margin:0 auto; margin-top:10px;}

.hm_sf li a{ display:block; color:#666}

.hm_sf li a p{ border-bottom:3px solid #fafafa}

.hm_sf li a:hover p{ border-bottom:3px solid #21c2f8}

.hm_sf li a:hover p.bo1{ border-color:#4cd4c2}

.hm_sf li a:hover p.bo2{ border-color:#ff6801}

.hm_sf li a:hover p.bo3{ border-color:#8e76e8}

.hm_sf li a:hover p.bo4{ border-color:#ff7271}

.hm_sf li a:hover p.bo5{ border-color:#e9b480}

.hm_dot{padding-bottom:50px; height:auto ; overflow:auto;}

.hm_dot a{ font-size:18px; color:#fff; text-align:center; background:#3aadff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:340px; line-height:45px; margin:0 auto; display:block;}

.hm_dot a i{ font-size:20px; margin-right:3px;}

.hm_dot a:hover{ background:#2aa2f7; color:#fff;}

.sf_bj{ width:100%; background:url(../images/sf_bottom.jpg) no-repeat center; height:88px; min-width:1200px;}



.zhuyi ul{ width:100%; border-top:1px solid #f1f1f1;border-right:1px solid #f1f1f1; height:auto; overflow:auto; }

.zhuyi li{ width:25%;*width:24.9%; float:left; text-align:center;  border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1; }

.zhuyi li a{display:block; width:100%;height:280px; padding-top:60px;}

.zhuyi li a:hover{ background:#fafafa;}

.zhuyi li span{ font-size:14px; color:#999; line-height:25px; padding:0 30px; display:block}

.zhuyi li p{ width:40px; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px;}

.zhuyi li h3{ font-size:18px; color:#333; font-weight:normal; line-height:50px;}

.zhuyi li i{ font-size:35px; margin-bottom:20px; line-height:40px;}

.zhuyi li i.yc1{ color:#00a9ef}

.zhuyi li i.yc2{ color:#f6b825}

.zhuyi li i.yc3{ color:#fb616b}

.zhuyi li i.yc4{ color:#f6b826}

.zhuyi li i.yc5{ color:#38bb9b}

.zhuyi li i.yc6{ color:#7dbbe4}

.zhuyi li i.yc7{ color:#38bb9b}

.zhuyi li i.yc8{ color:#00aaf0}



.hm_tel{ width:100%; height:170px; overflow:auto; background:url(../images/tel.jpg) no-repeat center; min-width:1200px;  margin:60px 0 0 0;}

.hm_tel1{ color:#fff;}

.hm_tel1 a{ width:1200px; margin:0 auto; display:block; height:170px;}

.hm_tel1 i{ font-size:70px; float:left; margin-right:10px;}

.hm_tel1 span{ float:left;}

.hm_tel1 p{ font-size:16px; margin-top:8px;}

.hm_tel1 h2{ font-size:29px;}

.hm_tel1 a{  color:#fff; width:1200px; margin:0 auto;display:block; height:160px;padding-top:40px;}

.hm_tel1 a:hover{ color:#fff;}

.wang{ font-size:22px; font-weight:bold; margin-right:22px; line-height:44px;color:#ffe167;}

.wang b{ font-size:14px; font-weight:normal; background:#0297d3; border:1px solid #ffe167; padding:0 4px; line-height:20px; display:block; float: right; margin-top:8px; margin-left:5px;}

.bottom{ background:#232323; text-align:center; width:100%; color:#8b8b8b; line-height:42px; min-width:1200px; }

.quming{ width:100%; min-width:1200px;  font-size:14px; color:#666; clear:both; height:auto; overflow:auto; padding:15px 0 25px 0}

.quming1{ width:1200px; margin:0 auto; border-top:1px solid #e6e6e6; padding-top:1%; }

.quming1 a{ display:inline-block; float:left; margin:10px 5px 0 0; padding:0 10px;}

.quming1 a:hover{ background:#00aaf0; color:#fff;}

.index_ewm{ text-align:center; line-height:24px; color:#fff; font-size:20px;padding-top:30px;}



.tishi1{ text-align:center;color:#333; clear:both; margin-top:10px; margin-bottom:80px;}

.ssfomr_box select{ margin:0; height:58px; border:none; padding:0 18px 3px 18px; font-size:16px;g}

.ssfomr_box select option{ line-height:58px; padding:0; margin:0; vertical-align:top}

.ssfomr_box .btn{ height:58px; line-height:58px; background:#d00; border:1px solid #d00;  font-size:17px; font-weight:bold; display: inline-block; color:#fff;transition: all 0.3s ease-out 0s; padding:0 50px;*+padding:0 26px;*+margin-left:10px;}



/* .header {

  height: 100vh; min-width:1200px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;



  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

} */



.gn_nav{ width:1200px;*width:1210px; margin:0 auto; overflow:hidden; padding-top:160px;}











.trans-rotate{

    -webkit-transition: transform .25s linear;

    -moz-transition: transform .25s linear;

    -o-transition: transform .25s linear;

    transition: transform .25s linear;

}/* 加上这个样式后，才会在0.25秒内旋转完毕。否则只会显示立刻旋转完的结果 */



.bbox{position:relative;width:580px;height:503px; float: left} /*总容器*/

.bbox .btnbg{position:absolute;left:120px;top:65px;width:325px;height:325px;border-radius:50%;background: url(../images/bb.png);}/*97x97 背景图片*/

.bbox:hover .btnbg{transform:rotate(360deg);}    /* 鼠标移上去后，旋转*/

.bbox .btntxt{position:absolute;left:30px;top:25px;width:48px;height:48px;color:#fff;font-size:24px;line-height:30px;cursor:pointer;-webkit-user-select:none;font-family:'微软雅黑';z-index:3;}

.dh{  margin:0 auto}

.dh a{ width:570px; height:502px;  display:block; float:left; }


.dh a.qm{background:url(../images/dh1_1.png) no-repeat;}


.dh a.hm{background:url(../images/dh2_1.png) no-repeat;}







/*推荐系统内页*/

.jg_wrapper .ss_wrap{ width:1200px;}

.qds_logo{ padding:2%;}

.ss_wrap{ display:inline-block; overflow:hidden; margin:0 auto; padding:50px 0}

.index_wrapper .ss_wrap{ background: rgba(0,0,0,0.4) !important;background: #0b4c76;  border-radius:6px; margin-top:25px;}

.index_wrapper .ssfomr_box input{ height:58px; border-radius:4px; line-height:58px;}

.index_wrapper .ssfomr_box select,.index_wrapper .ssfomr_box .btn{border-radius:4px;}

.qds_slogan{ text-align:center; color:#333; font-size:45px;  padding:100px 0 6px 0; width:100%}

.index_wrapper .cpzh{ width:200px;}

.index_wrapper .region{ width:266px;}

.index_wrapper .ssfomr_box input{ margin:0; font-size:16px; padding-left:5px; display:inline-block; clear:both;  }



.ssfomr_input{ float:left; background:#eaeaea; border:1px solid #ddd;padding:0 4px;}

.ssfomr{background:rgba(19,86,132,0.4); padding:10px; border-radius:4px;}



.jg_wrapper .ssfomr_box input{ height:42px; border:none; padding:0 26px; font-size:16px;border-radius:4px;}

.jg_wrapper .ssfomr_box input{ font-size:15px; border:1px solid #d8d8d8 !important;}

.jg_wrapper .ssfomr_box select{ height:56px; font-size:14px;}

.jg_wrapper .ssfomr_box input{ height:44px; padding:0 14px;}

.jg_wrapper .ssfomr_box .btn{ width:104px; padding:0; height:45px; font-size:18px; line-height:45px; font-weight:100; margin-left:10px; border:1px solid #d00;}

.jg_wrapper .ssfomr_box .btn img{ width:28%;}

.ssfomr_box .btn:hover{ background:#d00; cursor:pointer;}

.ssfomr_box .btn:active{ background:#d00;}

.jg_wrapper .cpzh{ width:290px;}

.jg_wrapper .region{ width:200px;}

.jg_wrapper .ssfomr_box select{ height:43px; padding:0 12px; margin:8px 0; font-size:15px;border:1px solid #d8d8d8 !important;}

.jg_wrapper .ssfomr{ float:right;}

.ssfomr_box input{ width:100%; background:#fff; margin:0 0; border:1px solid #eee !important;}

.hytype{ width:182px;}



.wrapper_main{ width:1200px; margin:0 auto; padding:40px 0; padding-bottom:60px;}

.qming{border-top: none;border-left:none; height:auto; overflow:auto}

.qming li{ width:23%; margin-right:2%; margin-bottom:2%; text-align:center; float:left; background:#fff; color:#666; font-size:14px; line-height:45px; border:1px solid #ebecec;border:1px solid #ebecec}

.huan{ width:268px; line-height:38px; line-height:38px;cursor:pointer; margin:0 auto; text-align:center; color:#fff; background:#fcaf40; margin-top:30px; border-radius:6px;}

.huan i{ font-size:20px; color:#fff; margin-right:5px;}





  

/*animate-custom*/

@keyframes fadebottom {

  0% {

    opacity: 1;

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

  }

  25% {

    opacity: 0;

    transform: translateY(20px);

    -moz-transform: translateY(20px);

    -o-transform: translateY(20px);

  }

  30% {

    opacity: 0;

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

  }

  45% {

    opacity: 1;

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

  }

}











/*---------首页视屏添加----------------*/



.video{ width:1200px; margin:70px auto 50px auto; height:auto; overflow:auto; font-size:16px; font-weight:100; color:#666; line-height:50px;}

.video1{ float:left; width:660px;  text-align:center}

.video2{ width:480px; float: right;}

.video2 h2{ margin-top:10px; color:#333; font-size:30px;}

.video2 h2.ti{ font-size:20px; background:#3aadff; font-weight:100; color:#fff; padding:0 15px; margin-top:15px; display:inline-block; margin-bottom:10px; width:360px;}

.video2 p{ font-size:16px; color:#666; line-height:40px;}

.video2 p a{ background:#ff6801; color:#fff; font-size:16px; padding:0 15px; border-radius:5px; line-height:35px; height:35px; display:inline-block}

.video2 p b{ font-weight:normal; margin-left:10px; font-size:12px; color:#999; }

.video2 p span{ width:22px; height:22px; border-radius:5px; background:#3aadff; display:inline-block; text-align:center; color:#fff; line-height:22px; margin-right:6px; font-size:14px;}

.sp_img img{ width:600px; margin:20px auto;}

.sp_img P.news_tit1{ font-size:18PX; font-weight:bold; color:#3aadff; margin-top:30px; margin-bottom:20px;}

.sp_img P.news_tit1 b{ display:inline-block; width:25px; height:25px; border-radius:50px; line-height:25px; color:#fff; background:#3aadff; font-weight:normal; text-align:center;}

.sp_img P.news_tit1 span{ padding:0 15px; display:inline-block; background:#3aadff; color:#fff; height:30px; line-height:30px;}