@charset "UTF-8";

* { -webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}

@import"font-awesome-4.4.0/css/font-awesome.min.css";

@font-face { font-family: 'AMAZONEN'; src: url('../font/AMAZONEN.eot'); src: url('../font/AMAZONEN.eot') format('embedded-opentype'), url('../font/../font/AMAZONEN.woff2') format('woff2'), url('../font/AMAZONEN.woff') format('woff'), url('../font/AMAZONEN.ttf') format('truetype'), url('../font/AMAZONEN.svg#AMAZONEN') format('svg'); }
/* 设置默认字体 */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; outline: none; }

table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

body, button, input, select, textarea {
    font-family:"Microsoft YaHei","simsun","Arail",sans-serif;font-size:14px;outline:none;color:#333;position:relative;font-weight: normal;}

body{overflow-x: hidden;}

ul,ol{padding:0;margin-bottom:0px;}

li{list-style:none;}

a,a:visited,a:active,a:hover,a:focus { 

	text-decoration:none!important; outline:none; 

	star: expression_r(this.onFocus=this.blur()); color: #333 }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}





/*CLEAR the FLOAT*/

.clear { clear:both}

.clearfix { *zoom:1;}

.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}

.bgFull{

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat}

.arrowGo{animation: arrowGo 2.5s infinite; 

-webkit-animation: arrowGo 2.5s infinite ; }

@-webkit-keyframes arrowGo {

	0%{ -webkit-transform: translate(0, 30%);}

	50%{ -webkit-transform: translate(0, 0%);}

	100%{-webkit-transform:translate(0, 30%);}

}



@keyframes arrowGo {

	0%{ transform: translate(0, 30%);}

	50%{transform: translate(0, 0%);}

	100%{transform:translate(0, 30%);}

}



/*RESET the FORM*/

fieldset { border: 0!important;}

input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}

input[type="button"]{cursor:pointer; border:0}

input[type="submit"]{cursor:pointer; border:0}

input[type="reset"]{cursor:pointer; border:0}

input, textarea{-webkit-appearance:none;} 

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

input::-webkit-input-placeholder{ color: #aaaaaa;}

input:-moz-placeholder{ color: #aaaaaa;}   

input::-moz-placeholder{ color: #aaaaaa;}

input:-ms-input-placeholder{ color: #aaaaaa;} 

textarea::-webkit-input-placeholder{ color: #aaaaaa;}

textarea:-moz-placeholder{ color: #aaaaaa;}   

textarea::-moz-placeholder{ color: #aaaaaa;}

textarea:-ms-input-placeholder{ color: #aaaaaa;} 
.tempWrap{ font-size: 0px }


/*RESET IMAGEs*/

img{border:0;vertical-align: top;}
img{MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important}

/*RESET FONTS*/

.t2 { text-indent: 2em;}
em,i { font-style: normal;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl,.l,.left{ float: left; }
.fr,.r,.right{ float: right; }
.fc { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.dib{ display: block; }
.fa, [class*=' fa-'], [class^=fa-] {display: inline-block;font: normal normal normal 16px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.p60{ padding: 65px 0 }

/*LAYOUT*/

.page-wrap{ width: 100%; overflow:hidden;}
.container {width: 100%;max-width: 1300px;}
.inner-wrap,.wrap,.inner{width:100%;max-width: 1300px;margin: 0 auto;}



.pc-block { display: block;}
.mb-block { display: none;}
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;
-o-transition: all ease .4s;transition: all ease .4s;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}

@media (max-width:1350px){

.p60{ padding: 30px 0 }

}

@media (max-width:992px) {

	.page-wrap{width: 100%;max-width: 1300px;font-size: 12px;}

	.inner,.inner-wrap,.wrap{width:100%;padding: 0 2%;}

	.pc-block { display: none;}

	.mb-block { display: block;}

	.p60{ padding: 20px 0 }

}



/* ========== */

/* = footer = */

/* ========== */

.footer {clear: both; height: auto; overflow: hidden; background:#005cb9;  padding:60px 0 0 0; position: relative;  }
.footer .inner{height: 400px;}
.navb{ line-height:35px; width:15%; }
.navb2{ width: 40%; margin-left: 50px }
.navb b{ display: block;padding-bottom: 10px; color: #fff; font-size: 18px }
.navb i{ height: 3px; width: 25px; background-color:#ffe000; margin:5px 0;  display: block; }
.navb li{ display: inline-block;text-align: left; font-size: 14px; padding-right: 20px}
.navb li a{ color: #fff }
.navb li a:hover{ color: #fff; text-decoration:underline; }
.lx_b{ line-height: 2.0;  color:#fff; padding:0px 0 0px 50px; width:35%;  border-left: 1px #35d6ae solid}
.bot_lx .bot_tel{  font-size: 26px; font-family: Arial; color: #fff ; margin-right: 30px}
.bot_lx .bot_tel b{ font-weight: normal; display: block;font-size: 14px; border-left: 3px #ffe000 solid; padding-left: 10px }
.botwx{  margin:30px 30px 0 0;}
.botwx p{color: #fff; line-height: 2.0; text-align: left;}
.botwx img{ width: 130px; height: 130px; margin:8px auto 0 auto; border:5px #fff solid; }
.bottom_r a:hover{ color: #fff; text-decoration: underline; }
.bqsy{ color: #999; font-weight: none;font-size: 14px;  text-align: center;  background: #1b1b1c;  position: absolute;bottom: 0; width: 100%;padding:20px 0}
.bqsy a{ color:#999; }
.botwx p{text-align: center;}
.link{ border-top:1px #363d42 solid; color: #999; padding:15px 0; background: #222; text-align: center; }
.link a{ color: #363d42; padding:0 10px; }


@media (max-width:992px) {
	.footer { padding:20px 0 0 0;  }
	.navb,.navb2{ line-height:1.6; width:98%; margin: 5px 1% }
	.bot_lx{ padding-top: 10px }
.botwx {margin: 10px 10px 0 0; }



	.lx_b{  width: 98%; float: none; border: 0; padding: 0; clear: both;}
	.bot_lx .bot_tel{  font-size: 20px; font-family: Arial; color: #fff ; margin-right:10px}
	.navb li{ line-height: 1.7 }
.footer .inner { height: auto;  padding-bottom: 90px}
}
/*手机footer*/

/*footer start*/


.footerm{padding:.15rem 0rem;font-size:.28rem;color:#707070;line-height:.8rem;text-align:center; clear: both; width: 100%}
.folatdiv{position:fixed;left:0;bottom:0rem;background:#fff;z-index:999; width: 100%}
.folatdiv li{float:left}
.folatdiv li:nth-child(1){text-align:center;width:48%; border-top: 1px #ddd solid}
.folatdiv li:nth-child(1) a{clear:both;display:inline-block;line-height:1.5rem;background:url(../images/m-footericon01.png) no-repeat left center;background-size:.4rem;color:#bb1c19;padding-left:.5rem; font-size: .38rem}
.folatdiv li:nth-child(2){background:#bb1c19;background:-webkit-linear-gradient(left, #bb1c19,#ee4545);background:-o-linear-gradient(left, #bb1c19,#ee4545);background:linear-gradient(to right, #bb1c19,#ee4545);text-align:left;width:51%}
.folatdiv li:nth-child(2) a{clear:both;display:inline-block;position:relative;font-size:.32rem;color:#ffed73; line-height: 1.7;padding:.1rem 0 0 .91333rem;}
.folatdiv li:nth-child(2) a b{color:#fff;letter-spacing:.06rem; font-size: .38rem; display: block;}
.folatdiv li:nth-child(2) a:before{content:'';position:absolute;width:1.4rem;height:1.4rem;background:url(../images/m-footericon02.gif) no-repeat center center #fff;background-size:.9rem;border-radius:50%;border:.21333rem solid #bb1c19;top:-.10667rem;left:-.57333rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}


.tan{position:fixed;left: 50%;transform: translateX(-50%);top:40%;display:none;z-index: 200;}
.kuang{border-radius: .2rem;box-shadow: 0 0 .2rem #ddd;background-color:#fff;width: 80%;margin: 0 auto;text-align:center;padding:.5rem .5rem; height:auto; overflow: hidden;  position: relative; text-align: center;}
.txtcss{color:#b20000;font-weight:800;font-size:.42rem;}
.wxhm{ line-height: 1.5 ; font-size: .4rem}
.guanbi{width:.8rem;height:.8rem;color:#333; font-size: .4rem;  top:0; right: .2rem;  position: absolute; }
.tan .copy{font-size:.42rem;background-color: #b20000;padding:.15rem .1rem;margin:.2rem auto;color: #fff;border-radius:.1rem; width: 50%}

.copy a{color: #fff}

.bqonline{font-size: 0.32rem;line-height: 1;color:#fff;background-color: #e9250c;background-images: linear-gradient(to right,#fe986c,#e9250c);padding: 0.09333rem 0.13333rem 0.09333rem 0.25rem;border-radius: 100px;white-space:nowrap;display:block;vertical-align:middle;position:relative;margin: 0.2rem auto;box-shadow: 0 0 0 0.05rem #fff; width: 2.2rem}
.bqonline:before{content:"";width: 0.96rem;border: 0.02667rem dotted #fd8f67;border-radius: 50%;position: absolute;left: -0.09333rem;top: -0.05333rem;bottom: -0.05333rem;z-index: -1;}
.bqonline:after{content:"";width: 0.57333rem;height: 0.57333rem;background: url(../images/swtbtn-zs.png) no-repeat;background-size:100%;display: inline-block;vertical-align: middle;margin-left: 0.16rem;}
.listlianxi{ height: auto; overflow: hidden; }

/*footer end*/





/*漂浮*/

/*------- 侧边栏 --------*/

.aside-nav {position: fixed;right: 10px;top:60%;/*transform:translateY(-50%);*/z-index: 10000;}
.aside-nav-close {margin: 0 auto;width: 54px;height: 54px;line-height: 52px;background: #00a78e;border-radius: 50%;text-align: center;visibility: visible;cursor: pointer;}
.aside-nav-in.close {transform: translateX(100px);visibility: hidden;transition: .3s;}
.aside-nav-one {position: relative;margin-top: 6px;margin-bottom: 6px;height:54px;width:54px;line-height: 52px;text-align: right; }
.aside-nav-one-img {position: absolute;left: 0;top:15px;z-index: 10;width: 54px;height: 54px;text-align: center;transition: .3s;}
.aside-nav-one-img img{width: 22px;}
.more-width:hover .aside-nav-one-img {left: -73px;}
.more-width-call:hover .aside-nav-one-img {left: -102px;}
.aside-nav-one-desc {position: absolute;right: 0;padding-right: 16px;width: 54px;height: 54px;font-size: 14px;line-height: 52px;background: #ec4300;color: #ec4300;border-radius: 50px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .3s, color .1s;}
.aside-nav-one-desc .qq-name{display: inline-block;margin-right: 15px;}
.aside-nav-one-desc .qq-name i{width: 22px;height: 24px;display: inline-block;vertical-align: middle;}
.aside-nav-one-desc .qq-name span{font-size: 14px;color: #ec4300;display: inline-block;vertical-align: middle;margin-left: 1px;}
.qq-name-box{position: absolute;right: 0px;}
.more-width:hover .aside-nav-one-desc {width: 125px;color: #fff;transition: .3s;}
.more-width-call:hover .aside-nav-one-desc {width: 156px;}
.more-width-qq:hover .aside-nav-one-desc {width: 120px;}
.more-width-qq:hover .aside-nav-one-desc span{transition:.3s .1s;color: #fff;}
.more-width-qq:hover .aside-nav-one-img{left: -70px;}
.aside-nav-one-qrcode {position: absolute;left: -200px;top: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.aside-nav-one:hover .aside-nav-one-qrcode {left: -140px;opacity: 1;visibility: visible;}
.more-weixin a{width: 54px;height: 54px;background: #00a78e;display: block;border-radius: 50%;text-align: center;position: relative;z-index:2;}
.more-weixin .wx-code{position: absolute;top: 50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity: 0;transition: .45s;visibility: hidden;z-index:-1;}
.more-weixin .wx-code img{width:100px !important;height: 100px !important;}
.more-weixin:hover .wx-code{opacity: 1;visibility: visible;right:110%;transition: .45s;}





/* ========== */
/* = header = */
/* ========== */
/*头部*/
.pcheard{height:120px;display:block;width:100%;text-align:center;background:#fff; padding:15px 0 0 0; overflow: hidden;vertical-align:middle}
/*导航*/
.fixed{z-index:9999;position: fixed;top: 0;margin: 0;box-shadow: 0 0 6px rgba(0,0,0,.3);}
.topper { height:35px; line-height:35px; background:#f1f1f1;  color:#333; font-size: 13px }
.topper .welcome { float:left; color:#999; padding:0 0 0 13px;  }
.topper .url { float:right; margin-right:-10px; }
.topper .url li { float:left; height:35px; line-height:35px; }
.topper .url a { height:14px; line-height:14px; font-size:12px; color:#999; border-left:1px solid #ddd; padding:0 10px; }
.topper .url li:first-child a { border-left:0; }
.topper .url a:hover { color:#227dca; text-decoration:underline; }
.topper .share { float:right; width:130px; padding:0 0 0 60px; color:#999; position:relative; }
.logo-box{margin:0 auto; }
.logo-box .tag { float:left; margin:20px 0 0 10px; height:auto;  color:#222; border-left:1px solid #d4d4d4; padding:0 0 0 15px; width: 350px; font-size:17px; line-height: 1.6;  }
.logo-box .tag b{ font-size: 20px; color: #000; display:block; }
.logo{ float: left; width:750px; text-align:left;padding-top: 8px }
.logo a{display:block;vertical-align:middle; float: left; width:750px }

.toptel{ text-align: left; font-size: 15px; color: #444; margin:15px 0 0 0;  width:355px; border-radius: 3px;position: relative; padding: 10px 0 10px 30px}
.toptel img{ width: 40px; line-height: 40px; background: #c40d00; border-radius: 20px; display: block; padding: 7.5px; position: absolute; left: -20px }
.toptel b { font-size: 24px; font-family:Arial; color: #c40d00; line-height: 1 }
.logo-box .topwx{ float: right;  margin-left: 20px; font-size: 12px}
.logo-box .topwx img{ max-width:70px; text-align: center; width:70px; border: 4px #fff solid; box-shadow: 0 0 15px rgba(0,0,0,0.15) }


.nav{ height: 65px;  background:#0062b7;background:linear-gradient(to right, #0062b7, #0052bd); position: relative; width: 100%; line-height: 65px; z-index: 99}
.nav li{  display: inline-block; width: 12.2%;  text-align:center;font-size: 17px; position: relative;}
.nav li a{color: #fff;   display: block;}
.nav li a:hover,.nav li a.on{ color: #fff; background: #36a9a7 ;background: linear-gradient(to right, #36a9a7, #36a9a7);  }
.nav li .onnav{ position: absolute; height:0px;overflow: hidden; transition: all 0.3s; background: rgba(255,255,255,0.9); min-width:250%;color: #fff; text-align: left; font-weight:normal; line-height:2.2;top: 60px; width: auto ;z-index: 999 }

.nav li .onnav a{ color: #333; font-size: 15px; font-weight: normal;background:none;  display: block; float: left;  width: 50%; text-align: left; line-height:35px}
.nav li .onnav a:nth-child(1),.nav li .onnav a:nth-child(2){  padding:10px 0 0 0;}
.nav li .onnav a:hover{; text-decoration:underline; }
.nav li:hover .onnav{ height: auto;transition: all 0.3s; padding:0 20px; }

/*手机站导航开始*/

.m-top{ background:#fff;  width: 100%;z-index: 99999;position:fixed;-webkit-box-shadow:0 0 5px rgba(0,0,0,.05);-moz-box-shadow:0 0 5px rgba(0,0,0,.05);box-shadow:0 0 5px rgba(0,0,0,.05); height: 70px; line-height: 70px;z-index: 8888}

.m-top .mlogo{ width:85%; float: left; display: block; text-align: left;}

.m-top .mlogo img{height:auto !important; width: auto; padding-top: 10px}

.menu-btn{display:block;top:20px;right:4%;width:24px;height:25px;z-index:9999999999;position:fixed;}

.menu-btn>span{display:block;width:24px;height:2px;background:#000;cursor:pointer;border-radius:3px;margin-left:0}

.menu-btn>span:nth-child(1){position:absolute;top:4px}

.menu-btn>span:nth-child(2){position:absolute;top:11px}

.menu-btn>span:nth-child(3){position:absolute;top:18px}

.menu-btn>.span1{background:#fff;-webkit-animation:span1 .5s alternate;-moz-animation:span1 .5s alternate;animation:span1 .5s alternate;-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg)}

.menu-btn>.span3{background:#fff;-webkit-animation:span2 .5s alternate;-moz-animation:span2 .5s alternate;animation:span2 .5s alternate;-webkit-transform:translateY(-7px) rotateZ(-45deg);-moz-transform:translateY(-7px) rotateZ(-45deg);transform:translateY(-7px) rotateZ(-45deg)}

.menu-btn>.span1-1{background:#000;-webkit-animation:span1-1 .5s alternate;-moz-animation:span 1-1 .5s alternate;-o-animation:span1-1 .5s alternate;animation:span 1-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg)}

.menu-btn>.span3-1{animation:span 3-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg);background:#000}

@keyframes span1{0%{transform:translateY(0px) rotateZ(0deg)}

10%{transform:translateY(-3px)}

70%{transform:translateY(7px)}

100%{transform:translateY(7px) rotateZ(45deg);background:#000}

}

@-webkit-keyframes span1{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}

10%{-webkit-transform:translateY(-3px)}

70%{-webkit-transform:translateY(7px)}

100%{-webkit-transform:translateY(7px) rotateZ(45deg);background:#000}

}

@-moz-keyframes span1{0%{-moz-transform:translateY(0px) rotateZ(0deg)}

10%{-moz-transform:translateY(-3px)}

70%{-moz-transform:translateY(7px)}

100%{-moz-transform:translateY(7px) rotateZ(45deg);background:#000}

}

@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}

10%{transform:translateY(3px)}

70%{transform:translateY(-7px)}

100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}

}

@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}

10%{transform:translateY(3px)}

70%{transform:translateY(-7px)}

100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}

}

@-webkit-keyframes span2{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}

10%{-webkit-transform:translateY(3px)}

70%{-webkit-transform:translateY(-7px)}

100%{-webkit-transform:translateY(-7px) rotateZ(-45deg);background:#000}

}

@keyframes span1-1{0%{transform:translateY(7px) rotateZ(45deg)}

10%{transform:translateY(7px)}

70%{transform:translateY(-3px)}

100%{transform:translateY(0px) rotateZ(0deg);background:#000}

}

@-webkit-keyframes span1-1{0%{-webkit-transform:translateY(7px) rotateZ(45deg)}

10%{-webkit-transform:translateY(7px)}

70%{-webkit-transform:translateY(-3px)}

100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}

}

@-moz-keyframes span1-1{0%{-moz-transform:translateY(7px) rotateZ(45deg)}

10%{-moz-transform:translateY(7px)}

70%{-moz-transform:translateY(-3px)}

100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}

}

@keyframes span3-1{0%{transform:translateY(-7px) rotateZ(-45deg)}

10%{transform:translateY(-7px)}

70%{transform:translateY(3px)}

100%{transform:translateY(0px) rotateZ(0deg);background:#000}

}

@-webkit-keyframes span3-1{0%{-webkit-transform:translateY(-7px) rotateZ(-45deg)}

10%{-webkit-transform:translateY(-7px)}

70%{-webkit-transform:translateY(3px)}

100%{-webkit-transform:translateY(0px) rotateZ(0deg);background:#000}

}

@-moz-keyframes span3-1{0%{-moz-transform:translateY(-7px) rotateZ(-45deg)}

10%{-moz-transform:translateY(-7px)}

70%{-moz-transform:translateY(3px)}

100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}

}

.right-menu{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.85);z-index:9999;min-width:320px;overflow:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.45s;-moz-transition:.45s;transition:.45s}

.right-menu1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}

.right-menu ul{ position: relative; top: 70px }

.right-menu li {font-size: 15px; padding:0 10px 5px 10px; border-bottom:1px #666 solid;  line-height: 2;}

.right-menu li a{ color: #fff }

.right-menu li .onnav{  line-height: 1.5; padding-left: 15px}

.right-menu li .onnav a{display: block;}





/*banner*/

#flash { width: 100%;overflow: hidden; z-index: 88;position: relative; margin-top: -30px; z-index: 88  }

#flash img{ width:auto; }

.mbanner{ padding-top: 70px }

.focus,.focusm{ position: relative; z-index: 88 }

.focus .hd{ position: absolute; bottom: 10px; left: 48%;z-index: 99 }
.focusm .hdm{ position: absolute; bottom: 10px; left: 38%;z-index: 99 }

.focus .bd,.focusm .bdm{ position: relative; z-index: 88 }

.hd li,.hdm li{  height: 8px; border-radius: 4px; color: transparent; background:#fff; width:20px; display: inline-block; margin-right: 10px }

.hd li.on,.hdm li.on{ background:#ff7e00; width: 25px }





/*index-advisory*/

.index-advisory {width:100%;background:url(../images/zx_bg.jpg) center center no-repeat;background-size:cover;}
.index-advisory .boxs {width:1500px;margin:auto;display:table;padding:60px 0 65px 0;}
.index-advisory .boxs .box {width:750px;float:left;display:table;}

.index-advisory .boxs .box .tbox {line-height: 30px;color: #fff;float: left;margin-left: 10px;}
.index-advisory .boxs .box .tbox .title {padding-left:40px;font-size:22px;}
.index-advisory .boxs .box:first-child .tbox .title {background:url(../images/icon-img14.png) left center no-repeat;}
.index-advisory .boxs .box:last-child .tbox .title {background:url(../images/icon-img15.png) left center no-repeat;}
.index-advisory .boxs .box .tbox .txt {font-size:14px;}
.index-advisory .boxs .box .link {width:190px;height:45px;box-sizing:border-box;display:block;border:1px solid #fff;border-radius:22px;font-size:14px;color:#fff;text-align:center;float:right;margin-top:6px; background: transparent;}
.index-advisory .boxs .box .link:hover{background: linear-gradient(36deg,#1dd1c6 0%,#086fe5 100%); }
.index-advisory .boxs .box:first-child .link {margin-right:126px;}
.index-advisory .boxs .box:last-child .tbox {margin-left:125px;}




/*msg*/

.ind-msg {width: 100%;height: auto;background: url(../images/imsgbg.jpg) no-repeat center top; background-size: cover}
.ind-msg .msg-tit {margin: 0 auto;margin-bottom: 36px; text-align: center;  color: #666; font-size: 12px}
.ind-msg .msg-tit h3{ font-size: 24px; color: #333 }


.ind-msg .btn {width: 100%;text-align: center;}
.ind-msg .btn input {width: 400px;height: 45px;line-height: 45px;cursor: pointer;margin-top: 26px;background: #0060ff;color: #fff;}
.ind-msg .btn input:hover {background: #0055e1;}
.ind-msg .item {width: 31%;padding-left: 85px;height: 43px;line-height: 43px;margin-right: 20px;float: left;border: 1px solid #cccccc;background: #fff;position: relative;}
.ind-msg .item .t {width: 77px;text-align: center;position: absolute;left: 0;top: 0;border-right: 1px solid #ccc;}
.ind-msg .item .txt {width: 100%;height: 43px;line-height: 43px;border: 0px;background: none;outline: none;}
.ind-msg .item.mr0 {margin-right: 0;}


@media (max-width:992px) {
.ind-msg .msg-tit {margin-bottom: 15px;}
.ind-msg .msg-tit h3{ font-size: 16px; }
.ind-msg .btn input {width: 50%;margin-top:5px;}
.ind-msg .item {width:100%; float: none; margin-bottom:10px }
}


.yw_tit{ font-size: 18px; color: #666; padding-bottom: 15px; text-align: center; }
.yw_tit b{ font-size:35px; color: #0062b7; text-transform: uppercase; font-weight: 600; margin-bottom: 10px;position: relative; padding-bottom: 15px;  }
.yw_tit b:after{ position: absolute; content: '';  height:3px; width: 40px; left: 50%; bottom: 0; background:#0062b7; margin-left: -20px  }
.yw_tit b span{ font-size: 24px; color: #222; padding: 8px 0; text-transform: uppercase; font-family: arial; font-weight: normal; padding-left: 10px}
.yw_tit .right{ width: 60px; height: 60px;line-height:55px; display: block;background: #48505d; color: #fff; text-align: center; font-size: 40px; margin-top: 15px }
.yw_tit .right:hover{ background: #0062b7 }
.side{float: left; width: 20%;}
.ind_fl{  background: #fff; border-radius: 10px; overflow: hidden;  box-shadow: 0 0 10px #ddd; padding-bottom: 20px}
.ind_fl .fltit{ background:#0061b7;  color: #fff; text-align: center; font-size: 25px;  padding:20px 10px; font-weight: bold; }
.ind_fl .flitem{ height: 40px; line-height: 40px; font-size: 16px; background: #e3f5ee; width: 240px; margin: 8px auto 0 auto; border-radius: 5px; }
.ind_fl .flitem a{ color: #333; display: block; transition: all 0.3s;padding: 0 10px }
.ind_fl .flitem a:hover,.ind_fl .flitem.active a{background:#0061b7;border-radius: 5px; transition: all 0.3s; color: #fff}
.ind_fl .flitem a:hover i,.ind_fl .flitem.active a i{ color: #fff }
.leftlx{background: #0062b7;background: linear-gradient(to bottom, #0062b7, #0052bd); padding: 20px; color: #fff}
.lxtel{ font-size: 14px; }
.lxtel b{ font-size: 30px;  font-family: arial; display: block;}
.leftwx { text-align: center; margin-top: 20px }
.leftwx img{ width: 120px; margin: 5px auto; border:5px #fff solid; display: block; }

.indpor_list{ width: 78%; float: right;}
.porteam{width:31%; display: inline-block;  background: #fff; box-shadow: 0 0 20px #ddd; text-align: center; margin: 0 2% 30px 0; position: relative; border-radius: 5px; overflow: hidden; }
.porteam:nth-child(3n){ margin: 0 2% 30px 0; }
.porteam .img{display: block; width: 100%;  transition: all 0.3s;overflow: hidden;position: relative; z-index: 55 }
.porteam .img img{ width: 100%;}
.porteam .img:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}

.porteam .tit{  background:#fff; margin-top:0px;  position: relative; z-index: 66; background-size: cover; padding: 10px 10px 15px 10px;font-size:17px; }
.porteam .tit b{ font-size: 20px; color: #222; position: relative; padding-bottom: 10px; margin-bottom: 10px }
.porteam .tit b:after{ position: absolute;  content: ""; width: 60%; height: 1px; background: #cacaca;  margin-left: -30%; bottom: 0; left: 50%; }
.porteam .tit span{ font-size: 14px; color: #888 }
.porteam .tit em{background: linear-gradient(to right, #eee,#eee); color: #333;  width: 50%; height: 35px; line-height: 35px; border-radius:20px; margin: 10px auto 0}



@media (max-width:992px) {
.yw_tit{ font-size: 12px; }
.yw_tit b{ font-size:20px;  }
.yw_tit b span{ font-size: 16px; }
.yw_tit .right{ width: 35px; height: 35px;line-height:30px;font-size: 20px; margin-top: 10px; display: none; }

.side{ float:none; clear: both; width: 98%; }
.ind_fl{margin: 15px auto;border-radius:0px;   box-shadow: 0 0 0px #ddd; padding-bottom: 0px}
.ind_fl .flitem{ height: 35px; line-height: 35px; font-size: 12px;  width:32.3%; margin:5px 0 0 1%; border-radius: 5px; display: inline-block;  text-align: center;}
.ind_fl .flitem a{ color: #333; display: block; transition: all 0.3s;padding: 0 5px }
.indpor_list{ margin: 10px auto  0 auto; clear: both; float: none; width: 98%; vertical-align: top}
.porteam{width:48%;  margin: 0 1% 20px 1%; border-radius:0; }
.porteam .tit{   position: relative; z-index: 66; background-size: cover; padding:10px  ;font-size:14px; height: 50px}
.porteam .tit b{ font-size: 14px;  padding-bottom: 6px; margin-bottom:6px }
.porteam .tit b:after{ width:80%; margin-left: -40%;; }
.porteam .tit span{ font-size: 12px; color: #888 }
.porteam .tit em{width:80%; height: 30px; line-height: 30px}
.porteam:nth-child(3n) {
    margin: 0 1% 20px 1%;
}

}

/*case*/
.ind_case{ background: #0062b7 }
.titbs{ color: #fff !important }
.titbs b{  color: #fff;  }
.titbs b:after{ background:#fff;  }
.ind_case .caselist{ padding-top:50px }
.caselist .slick-slide{text-align:center; font-size: 16px; background: #fff; margin: 10px }
.caselist .slick-slide span{ padding: 10px 0 }

@media (max-width:992px) {
.ind_case .caselist{ padding:20px 0 }
.caselist .slick-slide{ padding:5px; font-size: 14px; margin:5px }
}


/*youshi*/

.ind_ys{ background:url(../images/ys_bg.png) no-repeat center bottom; padding-bottom: 60px; background-size: 100%;}
.ind_ys .yslist{ margin: 50px auto 0 auto; }
.ind_ys .yslist li{ display: inline-block; width: 305px; height: 370px; padding: 10px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px #ddd;margin:10px 20px 55px 0;transition: all 0.3s;color: #000; }
.ind_ys .yslist li:nth-child(4){ margin-right: 0 }
.ind_ys .yslist li .tit{ display: block; text-align: center; font-size: 24px;padding: 15px 0; }
.ind_ys .yslist li img{ display: block; width: 100%!important; }
.ind_ys .yslist li .txt{ line-height: 1.5; font-size: 14px;  color: #555 }
.ind_ys .yslist li:hover{ transform: scale(1.06, 1.06); background-color: #fe8a01; color: #fff  }
.ind_ys .yslist li:hover .txt{ color: rgba(255,255,255,0.8); }




@media (max-width:992px) {

.ind_ys .yslist{ max-width:100%; width: 98%; margin:0 auto; }
.ind_ys .yslist li{ width:98%; height: auto; padding: 5px; margin:15px auto; }
.ind_ys .yslist li .tit{ font-size: 18px;padding: 10px 0; }



}
