@charset "utf-8";
@font-face {font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),url('font/he_eth_-webfont.woff') format('woff'),url('font/he_eth_-webfont.ttf') format('truetype'),url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}
*{ padding: 0px;line-height: 24px;margin: 0px;font-family: "Microsoft Yahei","微软雅黑", Arial; }

.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
em, cite, i { font-style: normal; display: block;}
A:link{ color: #666666;  font-size:12px;  font-weight:normal;   text-decoration: none;}
A:visited{  color: #666666;  font-size:12px;   font-weight:normal;   text-decoration: none;}
A:hover{  color: #ff6600;  font-size:12px;   font-weight:normal;}
.fl { float:left;}
.fr { float:right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}

li{list-style-type: none;}
ul li{list-style-type: none;}
button,input,select,textarea { font-family: inherit;  font-size: 100%;  margin: 0; outline:none;}
textarea { overflow: auto;  vertical-align: top; resize: none; -webkit-appearance: none;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a,a:hover{outline:0;text-decoration:none}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
html{font-size:12px}
body{display:flex;min-height:100vh;background-color:#fff;flex-flow:column}
button{font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
.layout{flex:1;flex:auto\9}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden;height:0;line-height:0}
.floatleft{float:left}
.floatright{float:right}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.container{margin:0 auto;width:1180px;height:auto}
.hidden{display:none}
.w-auto{width:auto!important}
.greyf5f5f5{background:#f5f5f5}
.bg-f8 {background-color: #f8f8f8}
.bg-white{background-color:#fff}
.border-t-g{border-top:1px solid #e0e0e0}
.border-b-g{border-bottom:1px solid #e0e0e0}
.border-t-dashed-e0e0e0{border-top:1px dashed #e0e0e0}
.border-b-dashed-e0e0e0{border-bottom:1px dashed #e0e0e0}
.border-t-none{border-top:none!important}
.border-b-none{border-bottom:none!important}
.line-through{text-decoration:line-through}
.overflow-hidden{overflow:hidden}
.color-red{color:#e85555!important}
.color-blue{color:#007bc7!important}
.color-green{color:#64d936!important}
.color-warn{color:#f6a240!important}
.relative{position:relative!important}
.p-a{position:absolute;width:120%}
.n-m-t{margin-top:0!important}
.n-m-l{margin-left:0!important}
.m-r-0{margin-right:0!important}
.m-r-70{margin-right:80px!important}
.m-r-40{margin-right:40px!important}
.m-r-30{margin-right:30px!important}
.m-r-20{margin-right:20px!important}
.m-r-10{margin-right:10px!important}
.m-t-20{margin-top:20px!important}
.m-t-30{margin-top:30px!important}
.m-t-40{margin-top:40px!important}
.m-t-60{margin-top:60px!important}
.m-b-0{margin-bottom:0!important}
.m-b-10{margin-bottom:10px!important}
.m-b-20{margin-bottom:20px!important}
.m-b-22{margin-bottom:22px!important}
.m-b-40{margin-bottom:40px!important}
.m-b-27{margin-bottom:27px!important}
.m-b-30{margin-bottom:30px!important}
.m-b-40{margin-bottom:40px!important}
.m-b-53{margin-bottom:53px!important}
.m-b-90{margin-bottom:90px!important}
.m-36-0{margin-top:36px!important;margin-bottom:36px!important}
.m-l-5{margin-left:5px!important}
.m-l-15{margin-left:15px!important}
.m-l-30{margin-left:30px!important}
.p-r-10{padding-right:10px!important}
.p-t-10{padding-top:10px!important}
.p-t-30{padding-top:30px!important}
.p-t-40{padding-top:40px!important}
.p-t-60{padding-top:60px!important}
.p-b-90{padding-bottom:90px!important}
.p-0{padding:0!important}

.top-header{height:42px;background-color:#f8f8f8; line-height:42px;color:#666;border-bottom:1px solid #eceff0;}
.top-header .arrow{margin-left:16px;width:10px;background-position:0 -891px;-webkit-transition:transform .1s ease-in 0s;-moz-transition:transform .1s ease-in 0s;-o-transition:transform .1s ease-in 0s;transition:transform .1s ease-in 0s;-ms-transition:transform .1s ease-in 0s}

.top-header i{display:inline-block;height:16px;background:url(../../img/common/index2.png) no-repeat scroll left 0}
.top-header .nav-location{position:relative;height:30px;line-height:30px}
.top-header .nav-location .locatin-icon{display:inline-block;padding:0 20px 0 38px;border-right:1px solid #eceff0;border-left:none;background:url(../../img/common/locationIcon2.png) 20px 2px no-repeat;color:#666;line-height:16px}
.top-header .nav-location:hover .locatin-icon{border:none;background-position:20px -16px;color:#007bc7}
.top-header .nav-location:hover .arrow{background-position:-59px -891px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.top-header .nav-menu li{display:inline-block;height:30px;line-height:30px}
.top-header .nav-menu li a{padding:0 20px;color:#666;border-right:1px solid #eceff0;}


.top-header .nav-menu li a:hover{color:#177acf}
.main-header{border-bottom:1px solid #f8f8f8/*007bc7*/;background-color:#fff}
.menuline{border-top:1px solid #ff6600;background-color:#fff}

.lunhuan  a{position:absolute;z-index:2;display:block;width:100%;height:100%;}
.indexFirst{position:relative;height:458px}
.lunhuan{position:relative;width:100%;height:458px; margin:0 auto; left:0;}
.lunhuancenter li{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.lunhuan #lunhuanback{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:458px}
.lunhuan #lunhuanback p{position:absolute;top:0;left:0;width:100%;height:458px;opacity:0;filter:alpha(opacity=0)}

.lunhuan .lunhuan_main{position:relative;margin:0 auto;width:1180px;height:458px}
#lunbonum{position:absolute;right:20px;bottom:27px;z-index:5;height:14px;line-height:23px}
#lunbonum li{float:left;margin-left:5px;width:12px;height:12px;cursor:pointer;border:2px solid #fafeff;}
#lunbonum .lunboone,#lunbonum li:hover{background:#fff;cursor:pointer;width:38px;border-radius: 8px;}

#header{ border-top:1px solid #ff6600; width:100%; margin:0 auto;}
#header .nav{  width:1180px; height:50px; margin:0 auto; transition: all .36s ease}
#header .nav>li{ float:left; font-size:15px; padding:0;transition: all .36s ease }
#header .nav>li>a>img{ margin-left:6px;}
#header .nav>li>a{color:#fd6600; font-size:16px; height:50px; line-height:50px; display:block; padding:0 33px; text-align:center; text-decoration:none; /*border-right:1px solid #f3f3f3;*/background: url(../images/line.jpg) no-repeat right center;}
#header .nav>li.cur>a,#header .nav>li:hover>a{ /*background-color:#3a7770 !important;*/ color:#00c9ff; }
#header .nav>li>a.nobg {background: none;border-right:0px;}

.erji_nav { display:none; overflow:hidden; width:100%;  border-top:1px solid #e5e5e5 !important;  position:absolute; left:0; top:234px; background-color: rgba(255,255,255,0.96);/* background:url(../images/black60.png);*/padding-top:25px; padding-bottom:70px; z-index:999;}
.erji_nav .title{ overflow:hidden; width:1180px; margin:0 auto; border-bottom:1px solid #eaeaea; padding:20px 0;}
.erji_nav .title span{  width:120px; margin-left:33px;}
.erji_nav .title span a{ color:#ff6600; font-size:16px; height:28px; line-height:28px; }

.erji_nav ul{ overflow:hidden;width:1027px; float:right;}
.erji_nav ul li a{ float:left; height:28px; line-height:28px; font-size:14px;color:#666 !important; text-decoration:none; margin-right:30px;}
.erji_nav ul li a:hover{display:block;color:#007bc7 !important;}

.erji_nav ul li a.active{display:block;color:#e85555 !important;}

.erji_prow{overflow:hidden;width:1200px; margin:0 auto; display:block;}

.erji_pro{ width:350px; float:left; margin-right:50px;}
.erji_pro ul{ width:380px;text-align:center; }
.erji_pro ul li { float:left; padding:0px; border:0px solid #cecece; margin-bottom:10px;}
.erji_pro ul li a{float:left; height:38px; width:100px; padding:0px;  border:1px solid #cecece; border-radius:3px; text-align:center; font-size:14px;color:#555; text-decoration:none; margin-left:15px;}







.main-header .nav-sub{position:relative}
.main-header .nav-sub>a{float:left;display:inline-block;width:220px;height:50px;background:#ff6600 url(../images/navicon.png) 38px 18px no-repeat;color:#fff;text-align:center;font-size:15px;line-height:50px;cursor:default}
.main-header .navs{width:710px; float:right; height:50px;}
.main-header .navs>a{position:relative;float:left;display:inline-block;margin:0 5px;padding:0 16px;height:50px;color:#fd6600;font-size:16px;line-height:50px}
.main-header .navs>a:hover{color:#00c9ff;/*3786c7*/}
.main-header .navs>a.active{color:#00c9ff;}
.main-header .navs span{padding-left:22px;height:40px;background:url(../../img/navicon_new.png) 0 -22px no-repeat;color:#666;font-weight:700;font-size:14px;font-family:"Microsoft Yahei";line-height:40px;margin-left: 20px;}
.main-header .navs .hot-new{position:absolute;top:-4px;right:-20px;max-width:100%;vertical-align:middle}
.main-header .navs .hot-new.hot-new-old{right:0px;}



/*logo*/
.logo_page{width:1180px; height:140px;margin:0 auto;}
.logo{width:287px; float:left; margin-top:20px; margin-right:10px;}
.logo h1{ display:none;}
.logo h2{ display:none;}
.logo img{width:100%; border:0;}

.top_ewm{width:76px;float:left; height:100px; margin-top:24px; margin-left:520px;}
.top_ewm img{width:76px;height:76px; border:1px solid #fcd7be; padding:4px;}
.top_ewm span{color:#333; display:block; text-align:center; height:24px; line-height:24px;}

.top_service{ width:238px; height:55px; float:right;  margin-top:30px; margin-right:10px; background:url(../images/toptel.png) no-repeat  left 4px;  background-size:56px 56px;}
.top_service span{font-style:italic;font-size:23px; font-weight:bold; color:#333; line-height:54px; ext-align:left;  padding-left:66px; }
.top_service span b{ display:block;font-style:italic;font-size:23px; font-weight:bold; color:#333; line-height:40px;text-align:left;  padding-left:66px; }


.weixin{ display:block;text-align:center; position:relative; background:url(../images/top_wx.png) left center no-repeat; padding-left:10px; }
.weixin img{ display:none;}
.weixin:hover img{ position:absolute;  top:0; margin-left:-15px; padding-top:30px; display:block; }


/*bottom*/
footer { position: relative; padding: 48px 0 0px; background: #f5f5f5; box-shadow: 0 0 4px #e1e1e1 inset;}
footer .main { width: 1180px; margin: 0 auto;}

footer .main .tips { width: 380px;  height: 160px; border-left: 1px solid #dcdcdc; padding-left:30px; margin-left:40px;}

footer .main .tips .tel { width: 160px; font-size: 14px;font-family: "Times New Roman", Times, serif;line-height: 45px; color: #333; float:left;display:block;}
footer .main .tips .tel .mimi{font-size: 55px;font-family: "Microsoft Yahei", Times, serif;line-height: 45px;}
footer .main .tips .tel .en {  font-size: 24px;  line-height: 22px;  font-weight: bold;  font-family: calibri, Arial;  color: #333;}
footer .main .tips .ewm { margin-right:10px;  font-size: 12px;  line-height: 30px;  text-align: center; float:left;}
footer .main .tips .ewm img {  margin: 0 9px; border:3px solid #fff; width:160px; height:160px;}

footer .main .list {  height: 200px; float:left;}
footer .main .list li {  width: 130px;  margin-left: 12px;  float:left;}
footer .main .list li:first-child {  margin-left: 0;}
footer .main .list li a {  width: 100%;  font-size: 14px;  line-height: 2;  color: #666;  transition: color 0.5s;  display:block;}
footer .main .list li a.tit {  font-size: 16px;  line-height: 2;  margin-bottom: 12px;  color: #333;}
footer .main .list li a:hover {  color: #09a3e1;}

footer .main .address { float:left; width:330px;}
footer .main .address span { width: 100%; font-size: 16px;  line-height: 2;  margin-bottom: 12px;  color: #333; margin-left: 0px;  float:left;}
footer .main .address p {  width: 100%;  font-size: 14px;  line-height: 2;  color: #666;  transition: color 0.5s;  display:block;}

footer .main .bot {  height: 62px;  border-top: 1px solid #dcdcdc;  line-height: 62px;display:block; font-size:12px;}
footer .main .bot p {  height: 62px;  line-height: 62px;display:block; font-weight:normal;}
footer .main .bot a { float:left;transition: color 0.5s;  padding: 0 7px;  color: #666;height: 62px;  line-height: 62px;display:block;}
footer .main .bot a:hover { color: #09a3e1;}
footer .main .bot span{ float:left;}

footer .bottom {  height: 52px;  border-top: 1px solid #dcdcdc; background:#ddd; line-height: 52px;display:block; font-size:14px;}
footer .bottom p { width:1180px; margin:0 auto; text-align:center;height: 52px;  line-height: 52px;font-weight:normal;}
footer .bottom a {transition: color 0.5s;  padding: 0 7px;  color: #666;height: 52px;  line-height: 52px;font-size:14px;}
footer .bottom a:hover { color: #09a3e1;}

/*侧边*/
.slideBar{ position:fixed; bottom:400px; right:0; background:#333; width:65px;   z-index:999999;margin-top:-112px;}
/*.slideBar ul{ padding-top:102px;}*/
.slideBar li{ color:#fff; text-align:center; cursor:pointer; position:relative;height: 65px;}
.slideBar li b{ font-weight:normal; display:block;}
.slideBar li a{ display:block; width:100%; height:100%; color:#fff;}
.slideBar li a:hover{ color:#cc1d1c;}
.slideBar li span{ display:block; width:100%; height:32px; /* background-image:url(../images/slideBar.png);*/ background-repeat:no-repeat;}
.slideBar .li1 span{ background-position:-133px -166px;}
.slideBar .li2{ padding-bottom:0;}
.slideBar .li2 a{ padding-bottom:12px;}
.slideBar .li2 span{ background-position:16px -440px;}
.slideBar .li3 span{ background:url(../images/right_qq.png) 20px 10px no-repeat; padding-top:46px; display: block;}
.slideBar .li9 span{ background:url(../images/right_tel.png) 20px 10px no-repeat; padding-top:46px;}
.slideBar .li5 span{ background:url(../images/right_top.png) 20px 25px no-repeat; padding-top:0px; height:65px;}
.slideBar .li9:hover i{display:block;}
.slideBar .li9 i{ font-size:18px; color:#c71c1f; display:none; position:absolute; border:1px solid #e6e6e6; height:65px; line-height:65px; width:172px; background:#fff; text-align:center; right:65px; top:0; cursor:default; float:left; font-weight:bold;}
/*.slideBar .li6:hover{ background:0 none;}*/
.slideBar .li6 span{ background:url(../images/right_ewm.png) 20px 10px no-repeat; padding-top:46px;}

/*.slideBar .li7:hover{ background:0 none;}*/
.slideBar .li7 span{ /*background-position:-133px -199px;text-indent:-999em;*/background:url(../images/right_ewm.png) 20px 10px no-repeat; padding-top:46px; }

.slideBar .li6 .goTop{ padding-top:0px; color:#fff;}
.slideBar .li6 .close{ display:block; width:100%; height:52px;background:url(img/sprite.png) no-repeat -37px -200px #fa655f;text-indent:-999em; margin-top:12px;}
.slideBar .manage,.slideBar .exit{ padding-bottom:0; line-height:23px;}
.slideBar .manage:hover a ,.slideBar .exit:hover a{color:#fff;}
.slideBar .manage a,.slideBar .exit a{ padding-bottom:0px;}
.slideBar .manage span{ background-position:17px -292px;display:none;}
.slideBar .exit span{ background-position:17px -334px;}
.slideBar li:hover,.slideBar li.current{ background-color:#cc1d1c; }
.slideBar .manage.current span,.slideBar .manage:hover span{ background-position:-38px -292px;}
.slideBar .exit.current span,.slideBar .exit:hover span{ background-position:-38px -334px;}
.slide-login{ position:absolute; right:65px; top:0;border:1px solid #e6e6e6;  padding:12px 55px; background:#fff; font-size:14px; color:#474747; text-align:left; line-height:32px; display:none;}
.slide-login label{ display:block; padding-top:14px; font-weight:bold;}
.slide-login p{ padding-bottom:11px;}
.slide-login .text{ width:196px; height:33px; line-height:33px; padding:0 5px; border:0 none; background:#f0f0f0;}
.slide-login .forget{ color:#474747; text-decoration:underline;font-size:12px; display:inline;}
.slide-login .submit{ border:0 none; background:#c71c1f; width:100%; height:33px; text-align:center; line-height:33px; color:#fff; font-size:16px; cursor:pointer; margin:20px 0 0;}
.slide-login .p1{ text-align:center;}
.slide-login .register{ color:#808080; font-size:12px;}
.slide-login .close{ display:block; position:absolute; right:10px; top:10px; width:12px; height:12px; text-indent:-999em; background:url(img/sprite.png) no-repeat 0 -181px;}
.webchat-code{ position:absolute; right:65px; top:-38px;border:1px solid #e6e6e6; padding:4px; text-align:center; line-height:28px; color:#535353; display:none; background:#fff;}
.webchat-code img{ width:121px; height:122px; display:block;}
.webchat-codee{ position:absolute; right:65px; top:-38px;border:1px solid #e6e6e6; padding:4px; text-align:center; line-height:28px; color:#535353; display:none; background:#fff;}
.webchat-codee img{ width:121px; height:122px; display:block;}
.arrow{ cursor:pointer; width:52px; height:52px; background:url(img/sprite.png) no-repeat 18px -242px #fb736d; display:none; position:fixed; right:0; top:50%; margin-top:-26px;}
.pre-sale{ position:absolute; width: 170px; right:65px; top:-92px;border:1px solid #e6e6e6;padding:0px 0 38px; background:#fff; font-size:14px; color:#474747; text-align:left; line-height:32px; display:none;}
.sale-nav{ overflow:hidden;}
.slideBar li .sale-nav a{ width:50%; float:left; height:60px; line-height:60px; text-align:center; color:#767676; font-size:16px; background:#f5f5f5;}
.slideBar li .sale-nav a:hover,.slideBar li .sale-nav a.current{ background:#fff; color:#c71c1f;}
.pre-sale .close{ display:block; position:absolute; left:50%; bottom:20px; margin-left:-6px; width:12px; height:12px; text-indent:-999em; background:url(img/sprite.png) no-repeat 0 -181px;}
.pre-sale h3{ font-size:16px; color:#fb736d; padding:32px 0 6px;}
.pre-sale dl{ overflow:hidden; width:160px; padding:0 25px;}
.pre-sale dt{ font-weight:bold;}
.pre-sale .dt1{ border-top:1px solid #e9e9e9; padding-top:10px; margin-top:6px;}
.pre-sale dd{ overflow:hidden; padding-bottom:10px;}
.slideBar li .pre-sale .dd1 span{ width:100%; line-height:20px; padding-bottom:10px;}
.pre-sale .dd1 b{ padding-left:29px; font-size:12px; color:#8a8a8a; font-weight:normal;}
.slideBar li .pre-sale span{ float:left; width:150px; height:auto; margin:0; padding:0; background:0 none;}
.slideBar li .pre-sale a{ color:#8a8a8a; vertical-align:middle;}
.pre-sale img{ vertical-align:middle; margin-right:5px;}
.slideBar .li4 .on,.on{ display: block;}