@charset "utf-8";
* {word-wrap:break-word;word-break:break-all;}
* {box-sizing:border-box;}
body {
    padding:0px;
    margin:0px auto;
    text-align: center;
    vertical-align:middle;
    font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Tahoma,Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
    color:#333333;
    font-size:14px;
    line-height:25px;
    background:#fff;
}
html{min-width: 1400px;}
/*	防止复制代码
body {-moz-user-select: none;-webkit-user-select: none;}
*/
img,p,form {margin:0px;padding:0px;border:0px;}
ul,li{list-style:none;padding:0px;margin:0px;}
h1,h2,h3 {margin:5px 0px;padding:5px 0px;}
input,textarea {/*font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; */font-size:14px;}
.l {float:left;}
.r {float:right;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}

::selection {background:#fb912d;color:#ffffff;}
::-moz-selection{background:#fb912d;color:#ffffff;}
::-webkit-selection{background:#fb912d;color:#ffffff;}

/*	链接样式	*/
a {color:#333333;}
a:hover {text-decoration: none;color: #0167b2;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#fff;display: block;}
a.nav-link:hover {text-decoration:none; color:#005bac;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#FC3957;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color:#EA644A;}
a.red-link:hover {text-decoration:none;color:#353535; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#334597;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#38B03F;}
a.green-link:hover {text-decoration:none;color:#353535; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1A325;}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}



/*	字体颜色	 */

.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-darke {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: #EA644A;}
.text-warning {color: #F1A325;}
.text-success{color: #38B03F;}
.text-info{color: #03B8CF;}
.text-important{color:#BD7B46;}
.text-special{color: #8666B8}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-succes-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}


.p-b-20 {padding-bottom: 20px;}
.m-r-10 {margin-right: 10px; }
.m-r-20 {margin-right: 20px; }
@keyframes buttonbg{
    from{ background-color: #f97721;}
    to{background-color: #fac26b;}
}

.btn {padding:10px 20px;border-radius:2px;border:0px; cursor: pointer; overflow: hidden;}
.btn-danger{background:#EA644A; color: #fff;}

.wrap {margin:0px auto; width: 1300px;overflow: hidden;}

.topbox {float:left;width:100%;height:135px; background:#ffffff url(../Images/topbg.jpg) no-repeat center bottom;overflow: hidden;}
.header {margin:0px auto; width:1300px;height:135px; overflow: hidden; }
.logo {float:left;width: 525px; height: 135px; background: url(../Images/logo.png) no-repeat left center; overflow: hidden;}
.logo a {float: left; width: 100%; height: 135px; display: block;overflow: hidden;}

.toptel {float: right; width: 500px;padding-top:20px;text-align:left; color:#be0000;overflow: hidden;}
.toptel b {float: left;width:180px;height:50px;line-height:50px;font-size:22px;color:#be0000; background:url(../Images/telico.png) no-repeat left center; padding-left:60px;overflow: hidden;}
.toptel span {float: left;width:320px;padding-top:5px;font-size:18px;line-height:35px;color:#be0000; font-weight:bold; overflow: hidden;}


/*	NAV 	*/
.navbox {float:left;width:100%;height:65px; background:#005bac url(../Images/navbg.png) repeat-x left center;}
.nav {margin:0px auto;width:1300px;height:65px;}
.nav-mid {float: left; width: 8px; height: 80px; background: url(../Images/navmid.png) no-repeat center top;display: block;overflow: hidden;}
.nav-li {float: left;width:130px;height:65px;text-align:center;position: relative;}
.nav-li span{float: left;width: 100%; height: 65px; line-height: 65px;font-size:18px;overflow: hidden;}

.nav-li:hover,.nav-li-hover{border-bottom:4px solid #fffbce;background:url(../Images/navbot.png) no-repeat center bottom;color: #fffbce;}
.nav-li:hover span,
.nav-li-hover span {color: #fffbce;}

.drop-nav {position: absolute;left:-1px;right:-1px; z-index:10;top:65px;padding:10px; text-align: center;font-size:14px; background: #fffbce;display: none;border:1px solid #005bac;border-top:0px;overflow: hidden;}
.drop-nav ul {float: left;padding:0px;width:100%;overflow: hidden;}
.drop-nav-li {float: left;padding:10px 10px; width: 100%;line-height: 20px; font-size:13px; text-align: center;border-bottom:1px dotted #dbdbdb; overflow: hidden;}
.drop-pic {float: right;padding:5px 0px;padding-left:10px; width: 210px;border-left:1px solid #dbdbdb; overflow: hidden;}
.drop-pic img {float: left; width: 100%;border:0px;margin-bottom:5px;}
.drop-pic p {float: left; width: 100%;font-size:12px;line-height:20px;text-align:justify;overflow: hidden;}

.drop-about {left:0px;}
.drop-news {right:0px;}

.sbanner {float: left;width: 100%;min-width:1300px;margin-bottom:20px;overflow: hidden;}
.sbanner img {float: left;width: 100%;border:0px;}


.p_tit{margin:0px auto;width: 1300px;padding:10px 0px;text-align: left;border-bottom:5px dotted #cddaf0;margin-bottom:20px;overflow: hidden;}
.p_titbox {float:left;height:55px; line-height: 55px; background: url(../Images/p_titbg.jpg) no-repeat left bottom;text-align:left;font-size:18px;overflow: hidden;}
.p_titbox span {padding:0px 5px;}
.p_titbox .p_titnow{color:#da2020;}

/*	FOOT 	*/
.foot {float: left;width: 100%;min-width: 1300px; text-align: center;padding:30px 0px;background:#0167b2;color:#fff;overflow: hidden;}
.footl {float: left;width: 1040px;text-align: left;font-size:15px;padding-right:40px;overflow: hidden}
.footr {float: left;width: 260px;text-align: left;padding-left:20px;overflow: hidden;}
.footr img {float: left;}
.footewm {float:left; width:280px;padding:15px 50px;overflow: hidden ;}
.footewm ul li {float: left;width: 180px;overflow: hidden;}
.footewm ul li img {float: left;width:100%;border:0px;}


/*	留言板	*/
.lybbox {margin:0px auto; width:850px; background: url(../Images/lybg.jpg) no-repeat right bottom;padding-bottom:180px; overflow: hidden;}
.lybbox .lybli {float: left; width: 100%; padding:10px 0px; text-align: left; overflow: hidden;}
.lybbox .lybli b {font-size:16px; color: #444; }
.lybbox .lybli .lybipt {float: left; width: 500px; height: 40px; line-height: 30px; padding:5px; border:1px solid #dbdbdb; border-radius: 4px; overflow: hidden;}
.lybbox .lybli .lybarea {float: left; width: 700px; height: 190px; line-height: 30px; padding:5px; border:1px solid #dbdbdb; border-radius: 4px; overflow: hidden;}
.lybbox .lybli .lybbut {float: left; padding:0px 20px; height: 40px; background: #467290; color: #fff; border: 1px solid #325771; border-radius: 4px; cursor:pointer;overflow: hidden;}
.lybbox .lybli .lybyzm {float: left; width: 300px; height: 40px; line-height: 30px; padding:5px; border:1px solid #dbdbdb; border-radius: 4px; margin-right: 20px; overflow: hidden;}
.lybbox .lybli .lybyzmpic {float: left; height: 40px;border:1px solid #dbdbdb; border-radius: 4px; margin-right: 20px; cursor: pointer; overflow: hidden;}


/*	招聘	*/
.joblia {float:left; width:50%; padding:10px 0px; border-bottom:1px dotted #dbdbdb;text-align: left; overflow: hidden;}
.joblib {float:left; width:100%;  padding:10px 0px; text-align: left;overflow: hidden;}


/*	地图	*/
.mapbox {float:left; width: 100%; height: 450px; margin-top: 20px; overflow: hidden;}
.mapbox div { box-sizing:border-box;}
.mapbox img {float:none; width:auto;}


.dlads{position:fixed;z-index:900;top:240px;width:180px;height: 500px;overflow: hidden;}
.dlads i{position: absolute;right: 10px;top:10px;
    cursor:pointer;z-index:991 ;font-size:18px;
    width: 30px; line-height: 30px;height: 30px;background: #ea644a;color: #fff;border-radius: 50%;overflow: hidden;}
.dlads i:hover{background: #58a233;}
.dlads img {float: left;width: 180px;height: 500px;border: 0px;}
.dladsl{left:0px;}
.dladsr{right:0px;}


/* 	问卷调查	*/
.diaochatitle {float: left; width: 100%; padding-bottom:40px; overflow: hidden;}
.diaocha{float: left; width: 380px; text-align: left; padding-bottom: 20px; overflow: hidden;}
.diaocha ul li {float: left; width: 100%; padding: 10px 0px; border-bottom: 0px dotted #f1f1f1; text-align: left; position: relative; overflow: hidden;}
.diaocha ul li b {float: left; width: 100%; font-weight: normal; overflow: hidden;}
.diaocha ul li b i {margin-left: 10px; font-size:18px; cursor: pointer; display:none ;}
.diaocha .diaochaline {float: left;clear: both; width: 0px; height: 5px; display: block; background-color: #f00;border-top-right-radius:2px;border-bottom-right-radius:2px;  overflow: hidden;}
.echart {float: left; width: 450px; height: 400px; overflow: hidden;}

/*	上条下条	*/
.pernext {clear:left;float:left;width:100%; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin:10px 0px;padding:10px 0px;font-size:14px;overflow:hidden;}
.pernext ul li {float:left; width:100%; height:30px; line-height:30px; text-align:left; color: #999; overflow:hidden;}
.pernext ul li a {color: #999;}
.pernext ul li a:hover {color: #000;}

.sharebox {margin:0px auto; width: 250px; text-align: center;padding:30px 0px;overflow: hidden;}
.sharebox::before{content: '';clear: both;width:100%;height:0px;overflow: hidden;}

/*	页码 	*/
.page { float:left; width:100%;line-height:35px; text-align:center;padding:10px 0px; font-size:13px; margin-top:10px; overflow:hidden;}
.page a,.page span {border-radius:2px; overflow: hidden;}
.page .rows{ background: #1580cb; color: #fff; padding: 5px 10px;margin: 2px; overflow: hidden; }
.page .current { background: #1580cb; color: #fff; padding: 5px 10px;margin: 2px; overflow: hidden; }
.page .num{background: #ccc; color: #fff; padding:5px 10px; margin: 2px; overflow: hidden;}
.page .next {background: #4681c4; color: #fff; padding:5px 10px; margin: 2px;overflow: hidden;}
.page .prev {background: #4681c4; color: #fff; padding:5px 10px; margin: 2px;overflow: hidden;}
.page .end {background: #4681c4; color: #fff; padding:5px 10px; margin: 2px;overflow: hidden;}
.page .first {background: #4681c4; color: #fff; padding:5px 10px; margin: 2px;overflow: hidden;}


/*	error: */
.errorbox {margin:0px auto; width:500px;text-align: center;overflow: hidden; }
.errorbox .errico {float:left; width: 100%;padding:30px;font-size:120px;color:#F76260;overflow: hidden;}
.errorbox .errname {float: left; width: 100%;font-size:24px;font-weight:bold;padding:10px 0px;overflow: hidden;}
.errorbox .errdemo {float: left; width: 100%;font-size:16px;padding:10px;color:#868686;overflow: hidden;}
.errorbox .errbtnbox {float: left; width: 100%;padding:10px;overflow: hidden;}
.errorbox .errbtnok {float: left; margin:10px 0px;width: 100%;height:50px; line-height: 50px; background:#1AAD19;color: #fff;border-radius:5px;overflow: hidden ;}


/*	右侧在线客服		*/
.rightkf{ position: fixed; z-index: 20; right: -125px; top: 300px; width: 180px; overflow: hidden;}
.rightkf .kflia{float: left; width: 100%; height: 55px;
    text-align: left;
    padding-left:0px;
    font: 16px/53px 'Microsoft YaHei';
    background-color: #066eb7;
    background-color: rgba(100,100,100,.6);
    color: #fff;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    margin-bottom:5px;
    cursor:pointer;
    overflow: hidden;
}
.rightkf .kflib{
    float: left; width: 100%;
    height: 55px;
    text-align: left;
    padding-left:0px;
    font: 16px/53px 'Microsoft YaHei';
    background-color: #066eb7;
    background-color: rgba(100,100,100,.6);
    color: #fff;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    overflow: hidden;
}
.kflib:hover,.kflia:hover {background:#000 ;}
.rightkf .kflia i,.rightkf .kflib i {float:left;width:55px; height:55px;text-align:center;font-size:28px; line-height: 55px;}
.kflib .kfewm {float: left; margin-left: 15px; width:150px; margin-bottom: 10px; background: #f90; overflow: hidden;}
.kflib .kfewm img {float: left; width: 150px;}

/*	大转盘 start	*/
.demo{margin:0px auto; width:417px; height:417px; position:relative; overflow: hidden;}
#disk{width:417px; height:417px; background:url(../Images/disk.png) no-repeat}
#start{width:163px; height:320px; position:absolute; top:46px; left:130px;}
#start img{cursor:pointer}

.flashsty{margin:0px auto; padding:100px 0px;width:100%; height:auto; background:url(../Images/loterybg.jpg) repeat left top; overflow: hidden;}
.flashsty .fltop{width:929px; height:61px;}
.flashsty .fltext{margin:0px auto;width:950px; /* height:475px;background:url(../Images/chou_bg.gif) left no-repeat;*/}
.flashsty .fltext .fl{float:left;width:437px; overflow: hidden;  }
.flashsty .fltext .fl .deskbox {float: left; margin:50px auto; width: 437px; height: 437px; padding: 10px; background: #fff; background: rgba(255,255,255,.2); border-radius: 50%; overflow: hidden;}
.flashsty .fltext .fr{width:513px; padding-left: 50px; padding-top:80px;float:left;}
.flashsty .fltext .fr .deskmainbox {float: left; margin:50px auto; width: 513px; height: 437px; padding: 10px; background: #fff; background: rgba(255,255,255,.2); border-radius: 0px 10px  10px 0px ; overflow: hidden;}
.flashsty .fltext .fr .jiang{width:415px; height:124px;text-align:center; background:url(../Images/jiang.png) left no-repeat; font-size:26px; overflow: hidden;}
.flashsty .fltext .fr .frtext{float:left; margin-left:30px; padding:20px;width:350px;  line-height:22px; color:#FFFFFF;text-align:left; background: #a00005; background: rgba(160,0,5,.5); border-radius: 0px 0px 10px 10px; overflow: hidden;}
.flashsty .fltext .fr .frov{width:332px; height:30px; line-height:30px; font-weight:bold; color:#FFFFFF; padding-left:50px; text-align:center;}

/*	验证码 	*/
.verifyimg {height:43px; cursor: pointer;}


/* xtips	*/
.xtips{position: fixed;z-index:999;left:50%;top:30%;margin-left:-125px;border-radius:5px;width:250px;background: rgba(100,100,100,.95);text-align: center;padding:20px;overflow: hidden;}
.xtips i {float:left;font-size:120px;width:100%;text-align: center;}
.xtipsok i {color: #fff;}
.xtipswarning i {color:#ea644a}
.xtipswarning p {float:left;font-size:16px;width:100%;text-align: center;padding:10px;color:#fff;overflow: hidden;}

div.orbit-wrapper { position: relative; overflow: visible; width: 1200px;height:450px;}
div.orbit { position: relative; overflow: hidden;}
div.orbit span { display:none;}
div.orbit a img{ position: absolute; display:block;width: 720px;  box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:3px; border:#ccc 1px solid; background:#fff; }
div.orbit-wrapper h4{ display: none; }
div.timer {display: none;}
div.slider-nav { display: block; }
div.slider-nav span { width: 60px; height: 60px; background-color:rgba(255,255,255,.5); color: #fff; text-align: center; position: absolute; z-index: 100; top: 50%;margin-top:-30px; cursor: pointer; text-indent:-9999px;}
div.slider-nav span.right { right: 20px; background:rgba(255,255,255,.5) url(../Images/orbitr.png); }
div.slider-nav span.left { left:20px;background:rgba(255,255,255,.5) url(../Images/orbitl.png); }
div.slider-nav span.right:hover {background-color:rgba(255,255,255,.5);border-radius:4px; }
div.slider-nav span.left:hover {background-color:rgba(255,255,255,.5); border-radius:4px;}


.music {position:fixed; z-index:999; top:20px; right:10px; width:50px; height:30px;cursor: pointer;overflow:hidden;}
.musica {float: left; width: 30px; height: 29px;border: 0px;}
.musicb {float: left; width: 16px; height: 10px;border: 0px;}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.Rotation{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}

.rightbotbox{float: right;position: fixed;width:300px;right:0px;bottom:-10000px;overflow: hidden;}
.rightbotbox img {float: left;width: 100%;border:0px;}
.rightbotboxclose {float: right;cursor:pointer;position: absolute;right:270px;top:10px;width:20px;height:20px;text-align:center;line-height:20px;border-radius: 50%;background:rgba(0,0,0,.5);color:#fff;overflow: hidden;}