/* CSS Document */
/***************************************************************************************************************
||||||||||||||||||||||||||||              Table Of Content                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
1. Imported styles
2. Global styles
3. Header styles
4. Footer styles
5. Page styles

****************************************************************************************************************
||||||||||||||||||||||||||||              End Table               ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* ==============================
   1. Imported styles
   ============================== */

/*@import url(../css/index.css);*/

/* ==============================
   2. Global styles
   ============================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body,input,button{ font-family:"微软雅黑";font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a,a:hover {  text-decoration:none; }
img { border:none; }
a{ color:#333;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse }
input[type="text"]{ outline: none;}
input[type="submit"],input[type="button"]{ outline: none; cursor: pointer;}
select{outline: none; font-family: "微软雅黑"; font-size: 12px;}

.dn{display:none;}.di{display:inline;}.db{display:block;}.dib{display:inline-block;}div.dib{*display:inline;*zoom:1;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.v-1{vertical-align:-1px;}.v-2{vertical-align:-2px;}.v-3{vertical-align:-3px;}.v-4{vertical-align:-4px;}.v-5{vertical-align:-5px;}
.l{float:left;}.r{float:right;}
.cl{clear:both;}
.rel{position:relative;}.abs{position:absolute;}
.zx1{z-index:1;}.zx2{z-index:2;}
.poi{cursor:pointer;}.def{cursor:default;}
.ovh{overflow:hidden;}.ova{overflow:auto;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.opa0{opacity:0; filer:alpha(opacity=0);}
.z{*zoom:1;}

/* multiply CSS */
.auto{margin-left:auto; margin-right:auto;}
.fix{*zoom:1;}.fix:after{display:table; content:''; clear:both;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.loading{background:url(about:blank) no-repeat center;}
.bd_none{border:0; outline:none;}
.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
.ha-oh{ height:auto; overflow:hidden;}
a{ color:inherit;}

.box{ width:1200px; margin:0 auto;}
.b{ font-weight: bold;}
select{ padding:0 30px 0 8px; outline: none;  appearance:none;-moz-appearance:none;-webkit-appearance:none; background: url(../images/up_slt.png) no-repeat right 10px center;}
a,input[type="submit"],input[type="button"]{ transition: background-color .2s linear;}


/* ==============================
   3. header-style
   ============================== */
.header{ padding: 30px 0 26px;}
.nav{ float: right; margin-right: 14px;}
.nav a{ display: inline-block; padding: 0 20px; line-height: 32px; margin:0 20px 0 0 ; font-size: 16px; color: #313131; border-radius: 20px;}
.nav a.curr,.nav a:hover{ background: #4866fd; color: #fff;}
/* ==============================
   4. footer-styles
   ============================== */

/* ==============================
   5. page-styles
   ============================== */
.box{ width: 1200px; margin: auto;}
.banner{ height: 503px; position:relative;}
.hx-slide{height: 100%; position:relative;  }
.hx-slide .hd{ position: relative; z-index: 2;}
.hx-slide .hd ul {float:left; width: 190px;  background:#fff;   }
.hx-slide .hd ul li{height:83px; line-height:83px; font-size: 16px; border-bottom:1px solid #eee; cursor:pointer; text-align: center; background: #fff;  }
.hx-slide .hd ul li:before{ content: ""; display: inline-block; width: 52px; height: 52px; text-align: center; background: #eee url(../images/icon_item1.png) no-repeat center; vertical-align: middle; border-radius: 6px;}
.hx-slide .hd ul .li02:before{ background-image: url(../images/icon_item2.png);}
.hx-slide .hd ul .li03:before{ background-image: url(../images/icon_item3.png);}
.hx-slide .hd ul .li04:before{ background-image: url(../images/icon_item4.png);}
.hx-slide .hd ul .li05:before{ background-image: url(../images/icon_item5.png);}
.hx-slide .hd ul .li06:before{ background-image: url(../images/icon_item6.png);}
.hx-slide .hd ul li span{ margin-left: 14px;}
.hx-slide .hd ul li.on{  background:#ff9967; color: #fff;}
.hx-slide .hd ul .li02.on{  background:#fb9299; }
.hx-slide .hd ul .li03.on{  background:#778efe; }
.hx-slide .hd ul .li04.on{  background:#9f7bf9; }
.hx-slide .hd ul .li05.on{  background:#6fc980; }
.hx-slide .hd ul .li06.on{  background:#fe919d; }
.hx-slide .bd,.hx-slide .bn-item{ height: 100%;}
.hx-slide .bn-item{background: url(../images/01_bg.jpg) no-repeat center; z-index: -1;}
.hx-slide .bd .it02{ background-image: url(../images/02_bg.jpg);}
.hx-slide .bd .it03{ background-image: url(../images/03_bg.jpg);}
.hx-slide .bd .it04{ background-image: url(../images/04_bg.jpg);}
.hx-slide .bd .it05{ background-image: url(../images/05_bg.jpg);}
.hx-slide .bd .it06{ background-image: url(../images/06_bg.jpg);}
.hx-slide .txt{ width: 392px; padding-top: 120px; margin-left: 220px;}
.hx-slide .txt .big-tit{ color: #fff; font-size: 24px;}
.hx-slide .txt .intro{ margin-top: 10px; line-height: 24px; color: #fff;}
.hx-slide .it05 .txt,.hx-slide .it06 .txt{ width: 320px;}
.hx-slide .it02 .txt .intro,.hx-slide .it04 .txt .intro,.hx-slide .it05 .txt .intro{ line-height: 28px; font-size: 16px;}
.hx-slide .it03 .txt .intro{ font-size: 14px;}
.hx-slide .txt .go-lk{ display: block; margin-top: 14px;}
.hx-slide .txt .go-lk a{ display: inline-block; width: 96px; line-height: 32px; font-size: 14px;  border-radius: 20px; text-align: center; transition: all .2s linear;}
.hx-slide .txt .lk01{ color: #ff7a3b; background: #fff; border: 1px solid #fff;}
.hx-slide .txt .lk01:hover{ border-color #eaeaea;  background: linear-gradient(#fff,#eaeaea);}
.hx-slide .txt .lk02{ margin-left: 12px;  color:#fff ; border: 1px solid;}
.hx-slide .txt .lk02:hover{ color: #f1f1f1;}
.hx-slide .it02 .txt .lk01{ color: #fc7c73;}
.hx-slide .it03 .txt .lk01{ color: #4866fd;}
.hx-slide .it04 .txt .lk01{ color: #793efc;}
.hx-slide .it05 .txt .lk01{ color: #36b254;}
.hx-slide .it06 .txt .lk01{ color: #ff6294;}

.our-company{ margin-top: 56px; padding-bottom: 70px;}
.cmp-brief{ float: left; position: relative; width: 561px; padding: 0 0px; height: 290px; background: url(../images/cmp_bg.png) no-repeat; text-align: center;}
.cmp-brief:before{ content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.cmp-brief .tit{position: absolute; height: 56px; left: 62px; top: -24px; }
.cmp-brief .tit strong{ display:inline-block; width: 134px; line-height: 56px; background: #4866fd;  font-size: 24px; color:#fff; text-align: center; vertical-align: middle;}
.cmp-brief .tit:before,.cmp-brief .tit:after{ content: ""; display: inline-block; width: 16px; height: 8px; background: #fff; vertical-align: middle;}
.cmp-brief .tit:after{  width: 28px; }
.cmp-brief .txt{ width: 450px; display: inline-block; font-size: 14px; line-height:24px; color: #fff; vertical-align: middle; text-indent: 2em;}
.cmp-news{ margin-left: 590px;}
.cmp-news .tit{ color: #4866fd; font-size: 24px; font-weight: bold;}
.cmp-news .n-list li{ padding: 12px 0; border-bottom: 1px solid #eee;}
.cmp-news .n-list .n-tit{ font-size: 16px;}
.cmp-news .n-list .n-tit:hover a{ color: #999;}
.cmp-news .n-list .n-tit em{ margin-left: 10px; font-size: 14px; color: #707070;}
.cmp-news .n-list p{ margin-top: 2px; font-size: 14px; color: #707070; line-height: 24px;}

.footer{ position: relative; padding: 38px 0px; color: #707070; font-size: 14px; text-align: center; background: #eee;}
.footer .contact-us{ position: absolute; top: -23px; display: inline-block; width: 150px; height: 46px; line-height: 46px; background: #4866fd; color: #fff; font-size: 18px; border-radius: 30px; text-align: center;}
.footer .contact-us:hover{ background: #384fc0;}


.art-dtl{ padding: 0 0 60px 0;}
.art-dtl .tit{ padding-top: 20px; font-size: 24px; color: #313131;}
.art-dtl .art-msg{ margin-top: 10px; color: #313131;}
.art-content{ margin-top: 14px; padding: 20px 0 14px; line-height: 30px; border-top: 1px dashed #bfbfbf; border-bottom: 1px dashed #bfbfbf;}
.art-share{ margin-top: 50px;}
.art-share dt{ float: left; padding: 0 14px; line-height: 24px; border: 1px solid #d2d2d2; border-radius: 20px;}
.art-share .bdsharebuttonbox{ margin-left: 68px;}
.prev_next {  padding-top:20px; line-height:30px; border-top:1px dashed #ddd;}