/* CSS Document */
body {font-family:"�?�?雅黑", Arial, Tahoma,"�?�?雅黑";margin:0;padding:0;font-size:12px;color:#000; background:#fff; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.banner{width:100%; text-align: center;margin:0 auto;overflow:hidden; min-width:1200px;}
.star_old{ width:100%; height:auto; background:#fff;min-width:1200px; overflow:hidden;}
.star_new{ width:100%; height:auto; background:#f4f5f7;min-width:1200px;}
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative; display:table;}
.xiaju{ margin-bottom:16px;}
.distance{ margin-left:12px;}
.last_copy a{ font-size:14px; color:#6a727b; line-height: 30px; display: inline-block; font-weight: normal; padding: 12px 0; margin-bottom: 10px;}

.banner01{ width:100%; height:207px; background:url(../images/banner_01.jpg) center no-repeat;}
.banner02{width:100%; height:206px; background:url(../images/banner_02.jpg) center no-repeat;}
.banner03{width:100%; height:207px; background:url(../images/banner_03.jpg) center no-repeat;}
.banner04{width:100%; height:206px; background:url(../images/banner_04.jpg) center no-repeat;}
.logo{ float:left; width:300px; height:auto; margin-top:28px; margin-left:28px; text-align:left;}
.nav{ float:right;margin-top: 30px;}
.nav li{ float:left;}
.nav li a{ display:inline-block; font-size:16px; color:#d2d2df;padding: 9px 32px; border-radius: 1px; -webkit-border-radius: 1px;}
.nav li a:hover{box-shadow:0 0 20px #5653ff; border:1px #5653ff solid;}
.acti{ font-size:28px; color:#fff; margin-top:22px; display:inline-block; margin-left:30px; margin-right:30px;}
.activity{ font-size:30px; color:#ffa126; display:block; margin-top:80px;}
.acti-dowm{ margin-top:1px;}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn 2.5s infinite;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: fadeIn 2.5s infinite;
    -o-animation: fadeIn 2.5s infinite;
     animation: fadeIn 2.5s infinite;
	 -ms-animation: fadeIn 2.5s infinite;
}

.kepu{ width:100%; height:auto; margin-top:-90px;}
.kepu-left{ width:376px; height:299px; background:#fff; position:relative; float:left;}
.kepu-left img{ position:absolute; right:0; top:0;}
.kepu-left span{ font-size:40px; color:#fff; display:block; width:115px; height:115px; margin:0 auto; background:#ffa126; border-radius:50%; -webkit-border-radius:50%; line-height:115px; box-shadow:0 6px 18px rgba(7,0,2,0.24); position:relative; top:45px;}
.kepu-left p{ font-size:30px; color:#333; font-weight:bold;margin-top: 88px;}
.kepu-right{ width:824px; height:299px; background:#e8e8e8; position:relative; float:right;}
.kepu-right img{ position:absolute; top:54px; left:167px;}
.kepu-right span{ font-size:22px; color:#333; display:block; padding-top:90px;}
.kepu-right p{ font-size:14px; color:#555; line-height:24px; text-indent:2em; text-align:left; width:696px; margin:0 auto; padding-top:30px;}
.kepu-down{ font-size:22px; color:#555555; height:138px; clear:both; background:url(../images/kepu.jpg) center no-repeat; width:1270px; margin:0 auto;position: relative;left: 4px; text-align:center;line-height: 92px; margin-bottom:63px;}
.kepu-down b{ color:#ffa126;}

.technology{ width:100%; background:url(../images/back03.jpg) center no-repeat; height:747px;}
.technology-title{ width:100%; height:auto; padding-top:63px;}
.technology-title em{ display:inline-block; width:47px; height:6px; background:#e1e1e1;}
.technology-title b{ font-size:40px; color:#fff; display:block; margin-top:30px; margin-bottom:18px;}
.technology-title span{ font-size:26px; color:#ffa126;}
.technology-left{ display:inline-block; width:451px; height:295px; background:#374be6; box-shadow:0 10px 20px rgba(7,0,2,0.24); text-align:center;margin-top: 90px;}
.technology-left span{ font-size:26px; color:#fff; display:block; padding-top:40px; padding-bottom:32px;}
.technology-left p{ font-size:14px; color:#fff; width:358px; line-height:24px; text-align:left; margin:0 auto;}
.technology-right{ background:#252525;}
.technology-img{ margin:0 30px;}

.application{ width:100%; height:795px; background:url(../images/back04.jpg) center no-repeat;}
.application-title{ padding-top:100px;}
.application-act{ width:812px; height:auto; margin:0 auto; border-top:1px #3d3d3d solid; margin-top:40px; margin-bottom:50px;}
.application-act span{ font-size:14px; color:#999; display:block; margin-top:20px; margin-bottom:16px;}
.application-act b{ font-weight:normal; font-size:24px; color:#999;}
.application-top,.application-down{ width:1200px; height:auto; margin:0 auto; display:table;}
.application-top li{ float:left;-webkit-transition:.8s;}
.application-tab01{ width:120px; height:120px; background:rgba(255,255,255,0.8);    margin-right: 15px; cursor:pointer;-webkit-transition:.8s;}
.application-tab01 span{ width:100%; height:79px; display:block; position:relative; line-height: 79px;}
.application-tab01 span img{ vertical-align: bottom;}
.application-tab01 b{ font-weight:normal; font-size:18px; color:#333; margin-top:4px; display:block;}
.tab02{ background:rgba(255,161,38,0.8);}
.tab02 b{ color:#fff;}
.tab03{ margin-right:0;}
.application-top li.hover{ margin-top:-10px; -webkit-transition:.8s;}
.application-down li{ width:100%; border:1px #3d3d3d solid; background:rgba(12,14,24,0.8); text-align:left;padding: 16px 0;margin-top: 20px;}
.application-down b{ font-size:16px; color:#fff; margin-left:22px; display:block; margin-bottom:6px;}
.application-down p{ font-size:14px; color:#999; line-height:24px; width:1153px; margin:0 auto;}

.interesting{ width:100%; height:auto; display:table;}
.interesting li{ width:20%; height:auto; float:left; position:relative; overflow:hidden;}
.interesting img{ width:100%;}
.interesting-lan{ width:100%; height:100%; background:rgba(88,106,245,0.9);position: absolute; top: -3px; left: 0; z-index: 1; text-align:center;}
.intere01{ display:block; width:19px; height:1px; background:#fff; margin:0 auto; margin-bottom:24px;}
.intere02{ font-size:20px; color:#fff;}
.interesting-middle{ width:100%; height:100%; display:table;}
.interesting-middle div{ display:table-cell; vertical-align:middle; text-align:center;}
.cheng{ background:rgba(255,161,38,0.9);}
.intere03{ font-size:30px; color:#fff; margin-bottom:24px; display:inline-block;}
.intere04{ font-size:50px; color:#fff;}
.intere05{ font-size:18px; color:#586af5; display:block; width:80%; height:62px; background:#fff; border-radius:30px; line-height:62px; margin:0 auto; margin-top:24px;}
.intere05:hover{ box-shadow:0 10px 20px rgba(7,0,2,0.2);}
.intere-back{ background:#586af5; position:absolute; top:-3px; left:0; z-index:1;width:100%; height:100%;}
@media screen and (max-width: 1500px) {
.intere04{ font-size:38px;}
	}
@media screen and (max-width: 1200px) {
.intere03{ font-size:22px;}
.intere04{ font-size:34px;}
.intere05{ height:50px; line-height:50px;}
		}

.bestsel{ width:100%; height:auto; margin:0 auto;}
.bestsel-title b{ color:#333;}
.bestsel-title{ padding-top:80px;}
.bestsel-tab{ width:100%; height:auto; margin-top:40px; display:table;}
.bestsel-left{ width:1040px; height:398px; background:#f2f2f2; float:left;}
.bestsel-left li{ width:100%; height:398px; overflow:hidden;;}
.bestsel-right{ float:right; width:160px; height:auto;}
.bestsel-right li{ width:100%; height:131px; line-height:131px; margin-bottom:2px; position:relative;}
.bestsel01{ background:#ffa126; color:#fff; font-size:22px; font-weight:bold; width:100%; height:100%;}
.bestsel02{ background:#586af5;}
.bestsel03{background:#eb5254;}
.best-img{ position:absolute; top:53px; left:-18px; z-index:22; display:none;}
.bestsel-right li.hover .best-img{ display:block;}
.bestsel-down{ width:100%; height:auto; background:#fff; box-shadow:0 10px 20px rgba(7,0,2,0.15); margin-bottom:82px; padding-bottom:44px;}
.bestsel-down span{ font-size:26px; color:#ffa126; padding-top:24px; margin-bottom:20px; display:block;}
.bestsel-down p{ text-indent:2em; font-size:14px; color:#999; line-height:24px; text-align:left; width:1144px; margin:0 auto;}

.trend{ width:100%; height:658px; background:url(../images/back05.jpg) center no-repeat;}
.trend-title{ padding-top:42px; padding-bottom: 22px;}
.trend-title b{ color:#ffa126;}
.trend-hold{ width:1142px; height:auto; margin:0 auto; display:table;}
.trend-hold li{ float:left; width:283px; height:209px; background:rgba(55,58,63,0.6); border:1px rgba(55,58,63,0.6) solid; position:relative;-webkit-transition:.8s;}
.trend-hold li:hover{ border:1px #ffa126 solid;-webkit-transition:.8s;}
.trend-span{ font-size:16px; color:#fff; display:block; line-height:211px;line-height: 24px; margin: 93px 0;}
.trend-hidd{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; display:none;}
.trend-hidd span{ font-size:16px; color:#ffa126; display:block; padding-top:24px; padding-bottom:10px;}
.trend-hidd p{ font-size:12px;color:#ffa126; line-height:24px; width:232px; margin:0 auto; text-align:left;}
.trend-toble{ margin:81px 0;}

.prospects{ width:100%; height:761px; background:url(../images/back06.jpg) center no-repeat;}
.prospects-title{ padding-top:42px;}
.prospects-title b{ color:#333;}
.prospects-tab{ width:1200px; height:auto; margin:0 auto;}
.prospects-tab .prospects-top{ width:410px; height:auto; margin:0 auto; display:table; margin-top:42px; margin-bottom:44px;}
.prospects-tab .prospects-top a{ font-size:14px; color:#999; float:left; width:134px; height:34px; line-height:36px; border:1px #dedede solid; background:#fff;}
.prospects-tab .prospects-top a.on{ border:1px #586af5 solid; color:#586af5;}
.prospects-tab .prospects-down{ width:1200px; height:441px; margin:0 auto; position:relative; overflow:hidden;}
.prospects-tab .prospects-down ul{ position:absolute; top:0; left:0;}
.prospects-tab .prospects-down li{ float:left; width:1200px; height:auto;}
.prospects-first{ width:330px; height:auto; display:inline-block;margin: 0 13px;}
.prospects-lan{ width:100%; height:188px; background:#586af5; border-radius:5px 5px 0 0;padding-top: 22px;}
.prospects-lan p{ font-size:13px; color:#fff; line-height:22px; width:291px; text-align:left; margin:0 auto;}
.prospects-first span{ font-size:14px; color:#444648; display:block; background:#fff; height:69px; line-height:69px;  -webkit-transition:.8s;}
.prospects-first:hover.prospects-first span{box-shadow:0 10px 20px rgba(7,0,2,0.15); -webkit-transition:.8s;} 
.first-hei{ background:#444648;}
.first-zi{background:#4e4b61;}
.first-hui{ background:#9ea09f; padding-top:0; height:210px; line-height:210px;}
.first-hui02{ background:#efefef; padding-top:0; height:210px; line-height:210px;}
.first-hui03{ background:#e0e5e8; padding-top:0; height:210px; line-height:210px;}
.prospects-lan img{ vertical-align:middle;}
.prospects-seand{ font-size:14px; color:#444648; line-height:24px; text-align:left; width:976px; margin:0 auto; padding-top:58px;}
.prospects-three{ width:480px; border-radius:5px 5px 0 0; height:210px; background:#ebebeb;}
.prospects-three img{box-shadow:0 10px 15px rgba(7,0,2,0.15); float:left; margin-left:22px; margin-top:12px;}
.three-top{ width:480px;margin: 0px 30px;}
.prospects-three p{ font-size:13px; color:#444648; line-height:22px; text-align:left; display:inline-block; width:280px; margin-top:38px;}

.join{ width:100%; background:url(../images/back07.jpg) center no-repeat; height:340px;}
.join-link{ display:block; margin:0 auto; margin-top:216px; width:284px; height:61px; border:3px #fff solid; border-radius:30px; -webkit-border-radius:30px; overflow:hidden; background:url(../images/join02.png) center no-repeat;}
.join-link img{margin-top: -30px; margin-left: -25px;}
.join-link:hover{border:3px #586af5 solid;background:url(../images/join01.png) center no-repeat;}



.foot{width:100%;height:auto;background:url(http://www.hqyj.com/emb/templets/default/images/foot_bg.jpg) repeat-x #434343;margin:0 auto;}
.footnav{line-height:43px;height:43px; text-align:center;color:#fff}
.footnav a{padding:0 10px;display:inline-block; text-align:center;color:#ffffff;}
.fen_city{width:1100px;height:100%;margin:0 auto;overflow:hidden;padding:15px 0 15px 0;background:url(http://www.hqyj.com/emb/templets/default/images/bottom_line.png) bottom repeat-x ;}
.fen_city li{width:335px;height:auto;padding:5px 0;float:left; text-align:center;padding-left:30px;}
.fen_city li span{width:70px;height:50px;lien-height:50px;float:left;color:#fff;font-size:30px;background:url(http://www.hqyj.com/emb/templets/default/images/line-right.png) right no-repeat;}
.fen_city li p{float:left;color:#fff; padding:5px 0 0 10px;}
.fen_city li p em{width:18px;height:13px;background:url(http://www.hqyj.com/emb/templets/default/images/tel_icon.png) left no-repeat;display:inline-block;padding:0 5px 0 0;}
.foot_wei{padding:15px 0;width:1100px; text-align:center;margin:0 auto;}
.foot_wei p{line-height:22px;color:#fff;}

.totop{position:fixed;right:25px;bottom:45px;display:block;width:80px;height:89px;background:url(http://www.hqyj.com/emb/templets/default/images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(http://www.hqyj.com/emb/templets/default/images/rocket2.png) no-repeat;}
.kaian{ font-size:13px !important;}
.foot_wei a {line-height:22px;color:#fff !important; font-size:10px;text-decoration:none;}
.foot_wei a:link{text-decoration:none;color:#fff; } 
.foot_wei a:visited{text-decoration:none;color:#fff; } 
.foot_wei a:hover{text-decoration:none;color:#fff; } 
.foot_wei a:active{text-decoration:none;color:#fff; }

.footnav a:link{text-decoration:none;} 
.footnav a:visited{text-decoration:none;} 
.footnav a:hover{text-decoration:none;} 
.footnav a:active{text-decoration:none;}

/*客服*/
.toolbar-item,.toolbar-layer{background: url(http://www.hqyj.com/emb/templets/default/images/infor.png) no-repeat;}
.toolbar{position:fixed;right:40px;top:210px;z-index:9999;}
.toolbar-item{display:block;width:56px;height:56px; border-radius:50%; margin-top:8px;position:relative;-moz-transition:background-position 0.5s;-ms-transition:background-position 0.5s;-o-moz-transition:background-position 0.5s;-webkit-moz-transition:background-position 0.5s;transition:background-position 0.5s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:-79px -17px; height:88px;border-radius: 30px 30px 30px 30px;}
.toolbar-item-weixin .toolbar-item-kefu{height:90px;background-position:0px -844px;}
.toolbar-item-feedback{background-position:-79px -116px;}
.toolbar-item-feedback:hover{background-position:-79px -183px;}
.toolbar-item-feedback .toolbar-item-kefu{height:90px;background-position:0px -844px;bottom: -28px;}
.toolbar-item-app{background-position:-79px -253px;}
.toolbar-item-app:hover{background-position:-79px -324px;}
.toolbar-item-app .toolbar-item-jishu{height:71px;background-position:0 -933px;}
.toolbar-item-dianhua{background-position:-79px -392px;}
.toolbar-item-dianhua:hover{background-position:-79px -464px;}
.toolbar-item-dianhua .toolbar-item-telphone{height:71px;background-position:0 -933px;}
.toolbar-item-erweima{background-position:-79px -530px;}
.toolbar-item-erweima:hover{background-position:-79px -597px;}
.toolbar-item-erweima .toolbar-item-soulou{height:160px;background-position:0 -664px;right: 22px; bottom: -104px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:236px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.zixun_left_img{ float:left; width:42px; height:auto; margin-top: 25px;margin-left: 27px;}
.zixun_left_p{ font-size:14px; color:#666; font-weight:bold; float:left; text-align:left;}
.zixun_left_p span{ font-size:14px; color:#666; display:block;font-weight: normal; margin-top:10px; margin-bottom:6px;}
.kefu_a{ font-size:14px; color:#fff; width:114px; height:32px; line-height:32px; text-align:center; display:inline-block; background:#ff4669; border-radius:5px;}
.ziliao_a{font-size:14px; color:#fff; width:114px; height:32px; line-height:32px; text-align:center; display:inline-block; background:#ffb027; border-radius:5px;}
.ziliao_img{margin: 27px 0px; margin-left: 23px;margin-right: 6px;}
.jishu_img{ margin-top:20px;}
.jishu_p span{ margin-bottom:2px;margin-top: 12px;}
.telphone_img{ margin-top:22px; margin-right:6px;}
.telphone_p span{ margin-bottom:2px;margin-top: 14px;}
.biaodan{ width:812px; height:524px; overflow:hidden; margin:0 auto; background:#fff;}
.infor{ width:440px; height:auto; margin:0 auto; text-align:left;}
.infor_mation{ font-size:20px; color:#333; padding-top:34px;padding-bottom: 20px;}
.infor_table{ width:440px; height:auto;}
.infor_tex{ width:418px; height:60px; border:1px #dfdfdf solid; border-radius:5px; font-size:14px; color:#c8c8c8;padding: 10px;}
.infor_table p{ font-size:14px; color:#333; float:left; width: 100px; text-align: right; margin-right: 10px;}
.info_input{ font-size:14px; height: 40px; width: 300px;border:none;background:#f5f5f5;}
.infor_table div{ width:418px; height:40px; border:1px #dfdfdf solid; border-radius:5px; line-height:40px; background:#f5f5f5;margin: 20px 0;}
input,.select,.option{outline:none;}
.info-sel02{font-size:14px;height: 18px; margin:11px 0; width: 300px;border:none; background:#f5f5f5;}
.infor_sum{ background:none !important; border:none !important;}
.infor_sum input{ display:inline-block; width:176px; height:42px; line-height:42px; border:0; font-size:16px; color:#fff; background:#ff2333; border-radius:5px; cursor:pointer;}
#pageApp{
	
}