﻿/*-----------------------------------------------------------*/

/*copyright by åŠ¨åŠ›æ— é™  www.btoe.cn*/

/*é‚®ç®± btoe@btoe.cn*/

/*åˆä½œç”µè¯ 400-0599-360*/

/*ç‰ˆæƒæ‰€æœ‰è¿è€…å¿…ç©¶*/

/*-----------------------------------------------------------*/





/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::selection {

 background-color: #055db4;

 color: #fff;

}



::-moz-selection {

 background-color: #055db4;

 color: #fff;

}



::-webkit-selection {

 background-color: #055db4;

 color: #fff;

}



::-webkit-scrollbar {

 width: 8px;

 height: 8px;

 background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

 border-radius: 10px;

 background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

 border-radius: 10px;

 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

 box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

 background-color: #555;

}



* {

 padding: 0;

 margin: 0;

 font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

 font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

 color: #333;

 margin: 0;

 line-height: 1.5;

}



:focus {

 outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

 display: block;

}



a {

 color: #333;

 text-decoration: none;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

 text-decoration: none;

}



a:hover {

 color: #055db4;

}





ins {

 background-color: #ff9;

 color: #000;

 text-decoration: none;

}



mark {

 background-color: #ff9;

 color: #000;

 font-style: italic;

 font-weight: bold;

}



del {

 text-decoration: line-through;

}



table {

 border-collapse: collapse;

 border-spacing: 0;

}



hr {

 display: block;

 height: 1px;

 border: 0;

 border-top: 1px solid #cccccc;

 margin: 1em 0;

 padding: 0;

}



input,

select {

 vertical-align: middle;

}



li,

ul {

 list-style-type: none;

}



img {

 border: none;

}



input,

textarea {

 outline: 0;

 border: 0;

}



textarea {

 resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

 font-weight: normal;

 font-style: normal;

}





textarea {

 animation: animated 1s infinite;

 -moz-animation: animated 1s infinite;

 -webkit-animation: animated 1s infinite;

 -o-animation: animated 1s infinite;



}



input[type="text"] {

 animation: animated 1s infinite;

 -moz-animation: animated 1s infinite;

 -webkit-animation: animated 1s infinite;

 -o-animation: animated 1s infinite;

}



input[type="button"] {

 cursor: url(../images/Acur.png),

 default !important;

}



@keyframes animated {

 0% {

  cursor: url('../images/Pcuro1.png'),

  auto;

 }



 8.8% {

  cursor: url('../images/Pcuro2.png'),

  auto;

 }



 17.6% {

  cursor: url('../images/Pcuro3.png'),

  auto;

 }



 26.4% {

  cursor: url('../images/Pcuro4.png'),

  auto;

 }



 35.2% {

  cursor: url('../images/Pcuro5.png'),

  auto;

 }



 44% {

  cursor: url('../images/Pcuro6.png'),

  auto;

 }



 52.8% {

  cursor: url('../images/Pcuro7.png'),

  auto;

 }



 61.6% {

  cursor: url('../images/Pcuro8.png'),

  auto;

 }



 70.4% {

  cursor: url('../images/Pcuro9.png'),

  auto;

 }



 79.2% {

  cursor: url('../images/Pcuro10.png'),

  auto;

 }



 88% {

  cursor: url('../images/Pcuro11.png'),

  auto;

 }



 100% {

  cursor: url('../images/Pcuro12.png'),

  auto;

 }





}





.clear {

 clear: both;

}







.webq_head_xx {

 width: 100%;

 position: relative;

}





.webq_top_1 {

 width: 100%;

 height: 70px;

 position: absolute;

 left: 0;

 top: 35px;

 z-index: 5;

}



.webq_top_2 {

 width: 1200px;

 height: 70px;

 margin: 0 auto;

 position: relative;

}



.webq_top_logo {

 width: auto;

 height: 85px;

 position: absolute;

 left: 0;

 top: 0;

}





/*è¯¢ç›˜ä¿¡æ¯*/



.top_xunpan {

 width: 160px;

 height: 20px;

 color: #fff;

 font-size: 14px;

 line-height: 18px;

 text-align: left;

 display: block;

 position: absolute;

 z-index: 3;

 top: 25px;

 right: 0px;

 cursor: pointer;

}





.top_xunpan i {



}



.top_xunpantxt{

 position: absolute;

 top: 30px;

 left: 0px;

 width: 170px;

 padding-top: 16px;

 height: 0px;

 visibility: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 opacity: 0;

 z-index: 3;

 text-align: center;

}



.top_xunpantxt h6{

 height: 24px;

 line-height: 24px;

 background: #666;

 font-size: 14px;

 color: #fff;

 border-radius: 5px;

}



.top_xunpantxt ::after {

 content: '';

 position: absolute;

 top: 0px;

 left: 58px;

 width: 0;

 height: 0;

 -webkit-transform: translateX(-50%);

 -moz-transform: translateX(-50%);

 -o-transform: translateX(-50%);

 -ms-transform: translateX(-50%);

 transform: translateX(-50%);

 border: 8px solid transparent;

 border-bottom-color: #666;

 z-index: 3;

}



.top_xunpan:hover .top_xunpantxt{

 height: auto;

 visibility: visible;

 top: 15px;

 opacity: 1;

}



/*è¯¢ç›˜ä¿¡æ¯end*/





/*å¯¼èˆªå¼€å§‹*/



.nav_xiala_xx {

 padding-left: 300px;

 height: 44px;

 padding-top: 20px;

}



.nav_xiala {

 height: 44px;

 margin: 0 auto;

}



.nav_xiala ul{

 margin: 0;

}



.nav_xiala ul li {

 float: left;

 width: 128px;

 height: 44px;

 text-align: center;

 font-size: 16px;

 position: relative;

 border-radius: 22px;

}





.nav_xiala > ul > li > a {

 display: block;

 color: #333;

 height: 44px;

 line-height: 44px;

 overflow: hidden;

 font-size: 16px;

 border-radius: 22px;

}



.nav_xiala ul li:hover {

 color: #fff;

 background: #055db4;

}



.nav_xiala ul li:hover > a {

 color: #fff;

}



.nav_xiala > ul > li > a:hover {

 background: #055db4;

}





.nav_xiala .erji_xiala {

 position: absolute;

 top: 44px;

 left: 0;

 z-index: 20;

 height: 0px;

 visibility: hidden;

 min-width: 100%; /*å’Œä¸€çº§æ ç›®ä¸€æ ·å®½åº¦*/

}



.nav_xiala .erji_xiala i {

 display: block;

 opacity: 0;

 border-bottom: 1px solid rgba(255, 255, 255, 0.35);

 background: #055db4;

 position: relative;

}



.nav_xiala .erji_xiala i a {

 height: 40px;

 line-height: 40px;

 font-size: 14px;

 display: block;

 color: #FFF;

 padding: 0 15px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.nav_xiala .erji_xiala i a:hover {

 color: #FFF;

}



.nav_xiala .erji_xiala i:hover {

 background: #333333;

}



.nav_xiala .erji_xiala i a {

 background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

 background: linear-gradient(to right, #333333, #333333) no-repeat;

 background-size: 0% 100%;

 -webkit-transition: all .5s;

 transition: all .5s;

}



.nav_xiala .erji_xiala i a:hover {

 background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

 background: linear-gradient(to right, #333333, #333333) no-repeat;

 background-size: 100% 100%;

}





.nav_xiala ul li:hover .erji_xiala {

 height: auto;

 visibility: visible;

}



.nav_xiala .erji_xiala i {

 opacity: 0;

 transform: rotateY(90deg);

 transition: .5s;

}



.nav_xiala ul li:hover .erji_xiala i {

 opacity: 1;

 transform: rotateY(0);

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(1) {

 transition-delay: 50ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(2) {

 transition-delay: 100ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(3) {

 transition-delay: 150ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(4) {

 transition-delay: 200ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(5) {

 transition-delay: 250ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(6) {

 transition-delay: 300ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(7) {

 transition-delay: 350ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(8) {

 transition-delay: 400ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(9) {

 transition-delay: 450ms;

}



.nav_xiala ul li:hover .erji_xiala i:nth-child(10) {

 transition-delay: 500ms;

}



.nav_xiala .erji_xiala i:nth-child(1) {

 transition-delay: 500ms;

}



.nav_xiala .erji_xiala i:nth-child(2) {

 transition-delay: 450ms;

}



.nav_xiala .erji_xiala i:nth-child(3) {

 transition-delay: 400ms;

}



.nav_xiala .erji_xiala i:nth-child(4) {

 transition-delay: 350ms;

}



.nav_xiala .erji_xiala i:nth-child(5) {

 transition-delay: 300ms;

}



.nav_xiala .erji_xiala i:nth-child(6) {

 transition-delay: 250ms;

}



.nav_xiala .erji_xiala i:nth-child(7) {

 transition-delay: 200ms;

}



.nav_xiala .erji_xiala i:nth-child(8) {

 transition-delay: 150ms;

}



.nav_xiala .erji_xiala i:nth-child(9) {

 transition-delay: 100ms;

}



.nav_xiala .erji_xiala i:nth-child(10) {

 transition-delay: 50ms;

}





.nav_xiala .sanji_xiala {

 max-width: 380px;

 height: 0px;

 visibility: hidden;

 position: absolute;

 top: 0px;

 left: 100%; /*å’Œä¸€çº§æ ç›®ä¸€æ ·left*/

}



.nav_xiala .sanji_xiala span {

 border-bottom: 1px dashed rgba(255, 255, 255, 0.35);

 display: block;

 background: #055db4;

 text-align: left;

 opacity: 0;

}



.nav_xiala .sanji_xiala span a {

 height: 40px;

 line-height: 40px;

 display: block;

 color: #FFF;

 font-size: 14px;

 padding: 0 15px 0 15px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.nav_xiala .sanji_xiala span a:hover {

 color: #FFF;

}





.nav_xiala .sanji_xiala span a {

 background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

 background: linear-gradient(to right, #333333, #333333) no-repeat;

 background-size: 100% 0%;

 -webkit-transition: all .5s;

 transition: all .5s;

}



.nav_xiala .sanji_xiala span a:hover {

 background: -webkit-linear-gradient(left, #333333, #333333) no-repeat;

 background: linear-gradient(to right, #333333, #333333) no-repeat;

 background-size: 100% 100%;

}





.nav_xiala .sanji_xiala_di {

 background: url(../images/liqsub_ss.png) no-repeat center;

 width: 7px;

 height: 11px;

 position: absolute;

 top: 14px;

 right: 5px;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala {

 height: auto;

 visibility: visible;

}



.nav_xiala .sanji_xiala span {

 opacity: 0;

 transform: rotateY(90deg);

 transition: .5s;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span {

 opacity: 1;

 transform: rotateY(0);

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1) {

 transition-delay: 50ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2) {

 transition-delay: 100ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3) {

 transition-delay: 150ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4) {

 transition-delay: 200ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5) {

 transition-delay: 250ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6) {

 transition-delay: 300ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7) {

 transition-delay: 350ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8) {

 transition-delay: 400ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9) {

 transition-delay: 450ms;

}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10) {

 transition-delay: 500ms;

}





.nav_xiala > ul > li.another {

 color: #fff;

 background: #055db4;

}



.nav_xiala > ul > li.another > a {

 color: #fff;

}





.fixedNav {

 position: fixed;

 top: 0px;

 left: 0px;

 z-index: 99999;

 _position: absolute;

 _top: expression(eval(document.documentElement.scrollTop));

 box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

}







/* åº•éƒ¨ å¼€å§‹ */









.webq_bottom_contx {

 width: 100%;

 background:#272a31;

}



.webq_bottom_cont {

 width: 1200px;

 height: auto;

 margin: 0 auto;

}



.webq_bottom_1 {

 height: auto;

 padding: 0 0 30px 0;

}



.bottom_one_erk{

 float: left;

 height: 215px;

border-left: 1px solid #34373f;

 padding-left: 188px;

 margin-top: 45px;

}



.bottom_one_er{

 padding-top: 40px;

}



.bottom_one_er img{

 width: 110px;

 height: 110px;

 padding: 9px;

 background: #fff;

 border-radius: 5px;

}







.webq_bottom_left{

 float:left;

 width: 765px;

 margin-top: 8px;

}



.webq_bottom_fx{



}



.webq_bottom_tite {

 height: 38px;

 line-height: 1;

 color: #b4b4b4;

 font-size: 18px;

 text-transform: uppercase;

}



.webq_bottom_tite span{

 font-size: 18px;

 font-weight: bold;

}







.webq_bottom_3 {

 float: left;

 width: 165px;

 color: #999;

}



.webq_bottom_3 ul{

 padding-top: 10px;

}



.webq_bottom_3 ul li {

 height: 25px;

}



.webq_bottom_3 ul li a {

 line-height: 25px;

 display: block;

 color: #acacac;

 font-size: 14px;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}





.webq_bottom_3 ul li a:hover {

 color: #fff;

 padding-left: 10px;

}









.webq_bottom_2 {

 height: 152px;

 background:url(../images/b_line.png) repeat-x bottom;

}



.webq_b_line{

 float: left;

 width: 1px;

 height: 85px;

 background: #4c4c4c;

 margin-top: 60px;

}



.webq_b_tel {

 float: left;

 width: 410px;

 height: 124px;

 background: url(../images/b_d1.png) no-repeat 0 14px;

 padding-left: 40px;

 margin-left: 12px;

 margin-top: 45px;

}





.webq_b_teld2{

 width:295px;

 background: url(../images/b_d2.png) no-repeat 0 13px;

 padding-left: 56px;

}
.webq_b_teld3{
background-image:url(../images/b_d3.png);
}




.webq_b_tel_dh {

 height: 58px;

border-left: 2px solid #878888;

 padding-left: 20px;

}



.webq_b_tel_dh h5 {

 font-size: 16px;

 color: #999;

 line-height: 20px;

 padding-top: 8px;

}





.webq_b_tel_dh h6 {

 font-size: 16px;

 color: #999;

 line-height: 30px;

 padding-top: 5px;

}







.webq_bottom_rig{

 height: 80px;

 padding-top: 40px;

}



.webq_bottom_rig ul li{

 float: left;

 width: 70px;

 height: 70px;

 border-radius: 50%;

 margin-right: 25px;

 border: 1px solid #52555a;

}



.webq_bottom_rig ul li:hover{

 border: 1px solid #055db4;

}



.webq_bottom_rig ul li i{

 width: 70px;

 height: 70px;

 display: block;

 border-radius: 50%;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.webq_bottom_rig ul li .rd1{

 background:url(../images/b_qq.png) no-repeat center;

}



.webq_bottom_rig ul li .rd2{

 background:url(../images/b_wx.png) no-repeat center;

}



.webq_bottom_rig ul li .rd3{

 background:url(../images/b_xl.png) no-repeat center;

}



.webq_bottom_rig ul li:hover .rd1{

 background:url(../images/b_qq.png) no-repeat center #055db4;

}



.webq_bottom_rig ul li:hover .rd2{

 background:url(../images/b_wx.png) no-repeat center #055db4;

}



.webq_bottom_rig ul li:hover .rd3{

 background:url(../images/b_xl.png) no-repeat center #055db4;

}





.webq_bottom_di {

 width: 100%;

 text-align: center;

 background: #1f242a;

 padding: 20px 0;

}





.webq_bottom_dicont{

 width: 1200px;

 margin: 0 auto;

 line-height: 30px;

 color: #bcbcbd;

}



.webq_bottom_dicont a {

 color: #bcbcbd;

}



.webq_bottom_dicont .bl{

 float: left;

}



.webq_bottom_dicont .br{

 float: right;

}





.webq_bottom_dicont a:hover {

 color: #fff;

 text-decoration: underline;

}



.webq_bottom_dicont img{

 vertical-align: middle;

}







/* åº•éƒ¨ ç»“æŸ */





.in_yqlj_ss {

 width: 100%;

 background: #272a31;

}



.in_yqlj {

 width: 1200px;

 height: auto;

 margin: 0 auto;

 padding: 70px 0 50px 0;

 background:url(../images/b_line.png) repeat-x bottom;

}



.in_yqlj_1 {

 height: 40px;

 line-height: 40px;

 float: left;

 text-transform: uppercase;

 color: #878888;

 font-size: 32px;

}



.in_yqlj_2 {

 float: right;

 width: 1090px;

 line-height: 30px;

 padding: 7px 0 0 0;

 color: #818182;

}



.in_yqlj_2 a {

 display: inline-block;

 padding: 0 35px 0 18px;

 color: #818182;

 font-size: 14px;

 background:url(../images/yqlj.png) no-repeat 0;

}



.in_yqlj_2 a:hover {

 text-decoration: underline;

 color: #fff;

}



