@import url(public.css);
@charset "utf-8";
/* prologue */
#prologue { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:30px;}
.pbanner { width:100%; height:480px; overflow:hidden; display:table; background:url(../images/banner_bg2.jpg) no-repeat center top; position:relative;}
.pbanner { animation:myfirst 5s infinite alternate; -moz-animation:myfirst 5s infinite alternate; -webkit-animation:myfirst 5s infinite alternate; -o-animation:myfirst 5s infinite alternate;}
@keyframes myfirst {
from { background-position:100% top;}
to { background-position:0 top;}
}
@-moz-keyframes myfirst {
from { background-position:100% top;}
to { background-position:0 top;}
}
@-webkit-keyframes myfirst {
from { background-position:100% top;}
to { background-position:0 top;}
}
@-o-keyframes myfirst {
from { background-position:100% top;}
to { background-position:0 top;}
}

.pbanner .left,.pbanner .right { width:70px; overflow:hidden; position:absolute; left:0; top:140px; font:bold 120px/150px "宋体"; color:#fff; text-align:center; filter:alpha(opacity=20); opacity:0.2; cursor:pointer; z-index:10;}
.pbanner .left:hover,.pbanner .right:hover { filter:alpha(opacity=60); opacity:0.6;}
.pbanner .right { left:auto; right:0; text-indent:20px;}
.pbanner .center { width:1120px; height:480px; overflow:hidden; display:block; clear:both; margin:0 auto; position:relative;}
.pbanner .center ul { width:1120px; overflow:hidden; display:block; clear:both;}
.pbanner .center ul li { width:1120px; height:480px; overflow:hidden; display:block; clear:both;}
/*.pbanner .center .t1 { width:640px; position:absolute; left:80px; top:140px; font-size:16px; font-weight:bold; line-height:28px;}
.pbanner .center .t1 h2 { font-size:42px; line-height:50px; margin-bottom:25px;}*/
.pbanner ol { width:120px;  position:absolute; left:50%; bottom:20px; margin-left:-60px; z-index:1;  }  /*修改尺寸5幅幻灯*/
.pbanner ol li { width:16px; height:16px; background:#111; overflow:hidden; float:left; display:inline; border-radius:8px; margin:0 4px; line-height:100px; cursor:pointer; filter:alpha(opacity=80); opacity:0.8;}
.pbanner ol li.on:before { content:"."; width:12px; height:12px; overflow:hidden; background:#fff; float:left; border-radius:6px; margin:2px;}

.pcontact { height:50px; overflow:hidden; background:#fff; display:block; clear:both;}
.pcontact ul { width:1120px; overflow:hidden; margin:0 auto;}
.pcontact ul li { width:25%; height:32px; overflow:hidden; float:left; border-left:1px dotted #ccc; position:relative; margin:9px 0 9px -1px; font-size:15px; line-height:32px; color:#666;}
.pcontact ul li i { float:left; margin:4px 8px 0 80px;}
.pcontact ul li .i_3_4 { background-color:#509ed0;}
.pcontact ul li .i_3_5 { background-color:#f77a00;}
.pcontact ul li .i_1_6 { background-color:#79b436;}

/* home */
.hmforx { overflow:hidden; background:#808080; display:block; clear:both; margin-bottom:10px;}
.hmforx .bt { width:36px; float:left; padding:18px 0 14px 14px; font:bold 20px/23px "microsoft yahei","微软雅黑"; color:#fff;}
.hmforx .nr { width:1064px; min-height:200px; overflow:hidden; background:#fff; float:left;}

.hmfor1 { background:#67335d;}
.hmfor1 .nr li { width:20%; height:420px; overflow:hidden; float:left; display:inline; border-left:1px solid #e6e6e6; position:relative; margin-left:-1px; text-align:center;}
.hmfor1 .tx { overflow:hidden; display:block; clear:both; margin:0 20px;}
.hmfor1 .t1 { background-color:#67335d; margin:40px auto;}
.hmfor1 .t2 { font-size:15px; line-height:40px; font-weight:bold; color:#000;}
.hmfor1 .t3 { height:180px; color:#808080;}
.hmfor1 .t4 a { color:#67335d;}
.hmfor1 .t5 { margin:0; filter:alpha(opacity=0); opacity:0; position:absolute; right:100%; top:0;}
.hmfor1 .nr li:hover .t5 { filter:alpha(opacity=100); opacity:1; right:0;}

.hmfor2 { background:#267786;}
.hmfor2 .nr { background:#fff url(../images/dot.png) repeat-y 960px 0;}
.hmfor2 .left { width:930px; overflow:hidden; float:left; padding:30px 0 15px 30px; display:none;}
.hmfor2 .left li { width:212px; height:142px; overflow:hidden; float:left; margin:0 15px 15px 0;}
.hmfor2 .left .t1 { color:#808080;}
.hmfor2 .left .t1 strong { font-size:15px; font-weight:bold; color:#000;}
.hmfor2 .left .t1 a { color:#267786;}
.hmfor2 .left .t1 a:hover { color:#000;}
.hmfor2 .left .t2 { width:190px; height:120px; padding:10px; background:#eee; border:1px solid #eee; text-align:center;}
.hmfor2 .left .t2:hover { background:#267786; border:1px solid #267786;}
.hmfor2 .right { width:103px; overflow:hidden; float:right; padding:20px 0 5px 0; text-align:center;}
.hmfor2 .right li { overflow:hidden; display:block; clear:both; margin-bottom:15px; color:#808080; cursor:pointer;}
.hmfor2 .right li.set .t1 { background-color:#267786;}
.hmfor2 .right li.set .t2 { color:#267786;}
.hmfor2 .right .t1 { margin:0 auto; clear:both;}

.hmfor3 { background:#2a7031;}
.hmfor3 .nr { background:#fff url(../images/dot.png) repeat-y 960px 0;}
.hmfor3 .left { width:900px; overflow:hidden; float:left; padding:30px; color:#808080; display:none;}
.hmfor3 .left strong { font-size:15px; font-weight:bold; color:#000;}
.hmfor3 .left a { color:#2a7031;}
.hmfor3 .left a:hover { color:#000;}
.hmfor3 .right { width:103px; overflow:hidden; float:right; padding:20px 0 5px 0; text-align:center;}
.hmfor3 .right li { overflow:hidden; display:block; clear:both; margin-bottom:15px; color:#808080; cursor:pointer;}
.hmfor3 .right li.set .t1 { background-color:#2a7031;}
.hmfor3 .right li.set .t2 { color:#2a7031;}
.hmfor3 .right .t1 { margin:0 auto; clear:both;}

.hmfor4 { background:#876526;}
.hmfor4 .nr { background:#fff url(../images/dot.png) repeat-y 760px 0;}
.hmfor4 .left { width:760px; overflow:hidden; float:left; padding:30px 0; color:#808080;}
.hmfor4 .left li { width:213px; float:left; margin:0 0 0 30px;}
.hmfor4 .left .t1 { margin-bottom:30px;}
.hmfor4 .left .t2 strong { color:#000;}
.hmfor4 .right { width:243px; overflow:hidden; float:right; padding:30px; text-align:center;}
.hmfor4 .right .tx { overflow:hidden; display:block; clear:both; text-align:center; color:#808080;}
.hmfor4 .right .t1 { font-size:15px; font-weight:bold; line-height:24px; margin-bottom:10px; color:#000;}
.hmfor4 .right .t2 { height:32px; border:1px solid #ccc; margin-bottom:30px;}
.hmfor4 .right .t2 .sutxt { width:200px; height:24px; float:left; line-height:24px; border:none; margin:4px 0 0 4px;}
.hmfor4 .right .t2 .subut { float:right; margin:4px 4px 0 0; border:none; cursor:pointer; line-height:100px;}

.hmfor5 { background:#3b3b6f;}
.hmfor5 .nr { background:#fff url(../images/dot.png) repeat-y 960px 0;}
.hmfor5 .left { width:900px; overflow:hidden; float:left; padding:30px; color:#808080; display:none;}
.hmfor5 .left strong { font-size:15px; font-weight:bold; color:#000;}
.hmfor5 .left a { color:#3b3b6f;}
.hmfor5 .left a:hover { color:#000;}
.hmfor5 .right { width:103px; overflow:hidden; float:right; padding:20px 0 5px 0; text-align:center;}
.hmfor5 .right li { overflow:hidden; display:block; clear:both; margin-bottom:15px; color:#808080; cursor:pointer;}
.hmfor5 .right li.set .t1 { background-color:#3b3b6f;}
.hmfor5 .right li.set .t2 { color:#3b3b6f;}
.hmfor5 .right .t1 { margin:0 auto; clear:both;}

.hmfor6 { background:#2e9571;}
.hmfor6 .nr { height:400px; background:#fff url(../images/service.jpg) no-repeat center top; position:relative;}
.hmfor6 .nr li { width:250px; overflow:hidden; float:left; display:block; position:absolute; color:#808080; font-size:11px; line-height:18px; text-transform:uppercase;}
.hmfor6 .nr li strong { font-size:15px; color:#000;}
.hmfor6 .nr .t1 { left:610px; top:31px;}
.hmfor6 .nr .t2 { left:705px; top:195px;}
.hmfor6 .nr .t3 { left:573px; top:332px;}
.hmfor6 .nr .t4 { right:694px; top:280px; text-align:right;}
.hmfor6 .nr .t5 { right:705px; top:93px; text-align:right;}
.hmfor6 .nr .t6 { right:25px; top:160px; text-align:right; font:100px/70px Arial;}
.hmfor6 .nr .t6 a { color:#ddd;}
.hmfor6 .nr .t6 a:hover { color:#aaa;}

.hmfor7 { background:#265786;}
.hmfor7 .left,.hmfor7 .right { width:80px; height:80px; overflow:hidden; float:left; margin-top:140px; font:100px/70px Arial; color:#ddd; text-indent:25px; cursor:pointer;}
.hmfor7 .right { width:79px; float:right; text-indent:20px;}
.hmfor7 .left:hover,.hmfor7 .right:hover { color:#aaa;}
.hmfor7 .center { width:904px; height:370px; overflow:hidden; float:left; position:relative;}
.hmfor7 .center ul { width:200%; float:left; position:absolute;}
.hmfor7 .center ul li { width:186px; height:370px; overflow:hidden; float:left; margin: 0 20px;}
.hmfor7 .center a:hover { color:#265786;}
.hmfor7 .center .tx { overflow:hidden; display:block; clear:both; color:#808080; text-align:center;}
.hmfor7 .center .t1 { height:120px; padding:10px; background:#eee; border:1px solid #eee; margin:30px 0 10px 0; text-align:center;}
.hmfor7 .center .t1:hover { background:#265786; border:1px solid #265786;}
.hmfor7 .center .t2 { margin-bottom:5px;}
.hmfor7 .center .t2 a { font-size:15px; font-weight:bold;}
.hmfor7 .center .t3 { height:100px;}
.hmfor7 .center .t4 a { color:#265786;}
.hmfor7 .center .t4 a:hover { color:#000;}

.hmfor8 { background:#6d7f35; margin:0;}
.hmfor8 .nr { background:#fff url(../images/dot.png) repeat-y 960px 0;}
.hmfor8 .left { width:960px; overflow:hidden; float:left; padding:30px 0; display:none;}
.hmfor8 .left dl { width:202px; overflow:hidden; float:left; margin-left:30px;}
.hmfor8 .left dl dt { font-size:15px; font-weight:bold;}
.hmfor8 .left dl dt a { color:#000;}
.hmfor8 .left dl dt a:hover { color:#6d7f35;}
.hmfor8 .left dl dd { margin-top:3px;}
.hmfor8 .left dl dd a { color:#666;}
.hmfor8 .left dl dd a:hover { color:#000;}
.hmfor8 .right { width:103px; overflow:hidden; float:right; padding:20px 0 5px 0; text-align:center;}
.hmfor8 .right li { overflow:hidden; display:block; clear:both; margin-bottom:15px; color:#808080; cursor:pointer;}
.hmfor8 .right li.set .t1 { background-color:#6d7f35;}
.hmfor8 .right li.set .t2 { color:#6d7f35;}
.hmfor8 .right .t1 { margin:0 auto; clear:both;}

/*qq*/
/*浮动客服*/
#floatDivBoxs{width:140px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 18px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:140px;z-index:999;}
#rightArrow a{display:block;height:45px;}
.floatDtel p{ font-size:16px; color:#f18228; font-weight:bold;}