@charset "utf-8";
/* CSS Document */

::selection {
    background-color: : #f00;
}

::-moz-selection {
    background-color: : #f00;
}

::-webkit-selection {
    background-color: : #f00;
}

::-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);
    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;
	background:url(../images/page_bg.jpg) repeat center;
}

:focus {
    outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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;
}

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;
}

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;
}
.clear{clear:both;}

.pagetop{ width:100% ;margin:0 auto; height:40px; background:#f9f9f9;}
.top_nr{ width:1180px;height:40px; margin:0 auto;}
.top_nr .wel{ float:left; line-height:40px;color:#666;}
.top_nr .top_r{ float:right; line-height:40px;}
.top_nr .top_r a{color:#666;padding:0 5px; }

.top_n{ width:1180px;height:130px; margin:0px auto; }
.top_n .left_nr{float:left;}
.top_n .left_nr .logo {float:left; margin:35px 10px 0 10px;}
.top_n .left_nr .logo h1 a{ font-size:36px; color:#006dd3; font-weight:bold;}
.top_n .left_nr .logo p{ font-size:13px; color:#006dd3; font-weight:normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; margin-top:10px;}
.top_n .left_nr .trait{margin:35px 0 0 0px; float:left;width:430px; height:60px;font-size:18px;color:#006dd3; line-height:30px; font-weight:bold; border-left:1px solid #dcdcdc;padding-left:10px;}
.top_n .left_nr .trait p{font-size:18px;color:#333; font-weight:normal; }
.top_n .right_tel{ float:right;background:url(../images/tel.jpg) no-repeat center left;margin:35px auto  0 auto; height:38px;font-size:14px;color:#333;padding-left:50px; display:block; font-weight:bold; line-height: 25px;}
.top_n .right_tel span{font-size:20px;color:#f39800;padding-top:5px;font-weight:bold; }

.nav{ width:100%; margin:0 auto; background:#006dd3; height:45px;}
.nav .menu{ width:1180px;height:45px;margin:0 auto; }
.nav .menu ul li{float:left;width:118px; line-height:45px; text-align:center; overflow:hidden; background:url(../images/nav_l.jpg) no-repeat right center;}
.nav .menu ul li a{font-size:14px;color:#fff; display:block;}
.nav .menu ul li a:hover{ background:#f39800;color:#fff;}
.nav .menu ul li.another{ background:#f39800;color:#fff;}
.fixedNav{width:100%;height:50px;margin:0px auto;position: fixed;top: 0px;left: 0px;margin: auto;z-index: 100000;}

.banner{ width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative;}
.flexslider{position:relative;height:500px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block;}
.flex-control-nav{position:absolute;bottom:30px;z-index:999;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.form_bg{ width:100%;margin:0 auto; height:60px; border-bottom:1px solid #e9e9e9;}
.form_bg .search{ width:1180px;margin:0 auto;}
.search_t{width:922px; height:60px; float:left; color:#333; line-height:60px;font-size:12px;padding-left:8px;}
.search_t a{padding:0 10px;color:#333; font-size:12px;}
.search2{float:left;width:204px;height:25px;line-height:25px;text-align:left;margin-top:16px; border:1px solid #d7d7d7;padding-left:6px; }
.search_s input{float:left;width:34px; height:27px;  margin-top:16px;background:#f39800; color:#fff;}

.footer{width:100%;height:400px; margin:30px auto 0 auto; background:url(../images/footer_bg.jpg) no-repeat center; }
.menu_bg{width:1180px;height:50px;margin: 0 auto;padding-top: 70px; }
.footer .footer_menu{ width:1180px;height:50px;margin:0 auto;}
.menu_bg .footer_menu ul li{float:left;line-height:50px; text-align:center;width:118px;}
.menu_bg .footer_menu ul li a{font-size:14px;color:#333; display:block;}
.foot{width:1180px;margin:0 auto;}
.right_new{float:left; margin:30px 0 0 0px; }
.footer .right_new p{ font-size:14px;margin:10px 0;text-align:left;color:#333;}
.footer .right_new p a{color:#333; font-size:14px;} 
.footer .right_new p img{padding-left:20px;}
.foot .er{float:right;margin:40px 0px 20px 0;width:260px; height:125px; border:1px solid #aaa;}
.foot .er img{width:105px; height:105px; float:left;padding:10px;}
.foot .er p{font-size:14px;line-height: 30px;display: block;padding-top: 35px;}
.clear_h2{font-weight:normal;font-size:14px; padding:0px; margin:0px; text-align:center;display: inline; color:#333;}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#ff7100;color:#fff;font-size:18px; text-align:center;position:relative;}
#floatDivBoxs .floatDqq{padding:10px 14px;}
#floatDivBoxs .floatDqq li{height:48px;line-height:42px;border-bottom:1px solid #e3e3e3; }
#floatDivBoxs .floatDtxt{font-size:18px;color:#0463cc;padding:12px 14px;}
#floatDivBoxs .floatDtel {padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel  a{font-size:16px;color:#333;}
#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:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}




.wjdh-ico1,.wjdh-ico2{vertical-align: middle;}

.UrbansubstationBox {
    display: inline-block;
    position: relative;
    z-index: 999;
}

.Urbansubstation {
    position: absolute;
    bottom: 40px;
    left: -50%;
    transform: translateX(-25%);
    background: #f8f8f8;
    width: 0;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 0;
    font-size: 0;
    border-radius: 10px;
    color: #333 !important;
}

.Urbansubstationfenzhan {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    color: #333 !important;
}

.UrbansubstationBoxCenter p {
    width: 94%;
    height: 100%;
    border: 1px dashed #e2e2e2;
    margin: 0 auto 10px;
    border-radius: 5px;
    line-height: 0 !important;
}

.UrbansubstationBoxCenter p a {
    text-align: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    color: #666 !important;
    padding: 5px 10px 5px 30px;
    line-height: 26px !important;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
}

.UrbansubstationBox:hover .Urbansubstation {
    min-width: 160px;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.Urbansubstation p a:hover::before {
    border-color: #c30d23;
}

.Urbansubstation p a:hover::after {
    background: #c30d23;
}

.Urbansubstation p a::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #ddd;
    position: absolute;
    top: 16px;
    left: 15px;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
}

.Urbansubstation p a::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    position: absolute;
    top: 11px;
    left: 10px;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
}

.Urbansubstation p a:hover {
    transform: translateY(-2px);
    color: #c30d23 !important;
}

.disablemouserightclick,.disablechoose,.disablecopy{
    display: none;
}