@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:italic; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:47%; margin-right:-615px; cursor:pointer;  display:none; z-index:22222}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}
/*end reset*/

.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
ul {margin: 0;list-style: none;padding: 0;}
.container {width: 1200px;margin: 0 auto;}

/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;}/*网站字体颜色*/

 .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}
.header{width:100%; background-color:#fff; position:relative; z-index:10}

.dropdown {position: relative;}
.dropdown-box {position: absolute;left: 0;top: 100%;z-index: 10;background-color: #fff;min-width: 100%;display: none;overflow: hidden;padding: 0 15px;margin-left: -15px;}
.dropdown-box li {border-top: 1px solid #ddd;text-align: center;}
.dropdown.open .dropdown-box {display: block;}

.yunu-header .topbar {line-height: 43px;background-color: #f1f1f1;color: #666;font-size: 12px;}
.yunu-header .topbar a {color: #7c7c7c;}
.yunu-header .topbar ul {float: right;}
.yunu-header .topbar li {float: left;}
.yunu-header .topbar li.pipe {padding: 0 10px;color: #ddd;}
.yunu-header .logo {float: left;padding: 20px 0;}
.yunu-header .logo img {display: block;height: 70px;width: auto;}
.yunu-header .text {float: left;font-size: 18px;margin: 32px 0 20px 2px;padding: 5px 0;}
.yunu-header .text strong {    display: block;
    font-size: 18px;
    line-height: 30px;
	color:#00a0e9;
}
.yunu-header .text span {color: #1155bf;}
.yunu-header .tel {float: right;margin-top: 32px;background: url(../images/tel.gif) no-repeat 0 center;padding-left: 65px;}
.yunu-header .tel strong {display: block;font-size: 26px;line-height: 55px;}
.yunu-header .ewm {float: right;margin-top: 20px;margin-left: 50px;}
.yunu-header .ewm span {float: left;width: 20px;text-align: center;font-size: 12px;color: #666;padding: 1px 0;}
.yunu-header .ewm img {float: left;width: 70px;height: 70px;}


.hl_nav{
    background-color: #00a0e9;
    position: relative;
    color: #ffffff;
    min-width: 1200px;
    height: 50px;
}
.hl_nav a{
    display: block;
    text-decoration: none;
}
.hl_nav .shade{
    position: absolute;
    width: 100%;
    height: 40px;
    top: 50px;
    left: 0;
    z-index: 1;
    background-color: #EEEEEE;
    opacity: 0.9;
    filter: alpha(opacity=90);
    box-shadow: 0 5px 15px #CCCCCC;
    display: none;
    border-bottom: #ffffff solid 1px;
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.hl_nav .nav_list{
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -600px;
    z-index: 2;
    padding: 0;
    list-style: none;
    width: 1200px;
    overflow: hidden;
    height: 50px;
}
.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    width: 16%;
    text-align: center;
    height: 50px;
    border-right:1px solid #0ca7ee;
}
.hl_nav .nav_head{
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
}

.hl_nav .nav_list>li>ul{
    position: absolute;
    width: auto;
    height: 40px;
    top: 50px;
    z-index: 2;
    padding: 0;
    margin: 0;
    line-height: 40px;
    list-style: none;
    overflow: hidden;
    display: none;
}


.hl_nav .nav_list>li:hover>ul{
    display: block;
}


.hl_nav .nav_list>li>ul.offset_left{
    left: 30px;
}
.hl_nav .nav_list>li>ul.offset_left.offset_1{
    left: 10%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_2{
    left: 20%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_3{
    left: 30%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_4{
    left: 40%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_5{
    left: 50%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_6{
    left: 60%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_7{
    left: 70%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_8{
    left: 80%;
}
.hl_nav .nav_list>li>ul.offset_right{
    right: 0;
}
.hl_nav .nav_list>li>ul.offset_right.offset_1{
    right: 10%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_2{
    right: 20%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_3{
    right: 30%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_4{
    right: 40%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_5{
    right: 50%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_6{
    right: 60%;
}

.hl_nav .nav_list>li>ul>li{
    float: left;
}
.hl_nav .nav_list>li>ul>li>a{
    text-decoration: none;
    display: block;
    color: #666666;
    padding: 0 20px;
    height: 40px;
}
.hl_nav .nav_list>li>ul>li>a:hover{
    background-color: #ffffff;
    color: #999999;
}
.hl_nav .nav_list:hover{
    height: 90px;
}

.hl_nav .nav_list:hover + .shade{
    display: block;
}

.yunu-slideBox {height: 570px;position: relative;}
.yunu-slideBox .hd {position: absolute;bottom: 20px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.yunu-slideBox .hd li {display: inline-block;width: 40px;height: 6px;margin: 0 6px;background-color: #333;cursor: pointer;}
.yunu-slideBox .hd li.on {background-color: #1144a3;}
.yunu-slideBox .bd,.yunu-slideBox .bd ul,.yunu-slideBox .bd li {width: 100% !important;height: 100% !important;}
.yunu-slideBox .bd li {background: no-repeat center;}
.yunu-slideBox .bd li a {display: block;width: 100%;height: 100%;}

.yunu-sou {padding: 10px 0;background-color: #ebebeb;}
.yunu-sou .hot {float: left;padding: 3px 0;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hform {float: right;}
.yunu-sou .hform input {float: left;font-size: 14px;padding: 2px 10px;line-height: 20px;width: 140px;border: 1px solid #ddd;border-right: 0;background-color: transparent;border-bottom-left-radius: 15px;border-top-left-radius: 15px;}
.yunu-sou .hform button {padding: 0;float: left;cursor: pointer;outline: none;width: 26px;height: 25px;url(../images/viskins-p1.png) no-repeat -258px -936px;border: 0;}

.yunu-sou-inner {background-color: #F2F2F2;}
.yunu-sou-inner .yunu-sou {padding: 15px 0;background-color: transparent;}
.yunu-sou-inner .hot {padding: 5px 0;}
.yunu-sou-inner .hform {background-color: #fff;border-radius: 20px;overflow: hidden;padding-left: 15px;}
.yunu-sou-inner .hform input {width: 240px;background: none;padding-left: 0;border: 0;padding-top: 5px;padding-bottom: 5px;}
.yunu-sou-inner .hform button {background: url(../images/viskins-p1.png) no-repeat -258px -936px;width: 30px;height: 30px;border: 0;}


/*footer*/
.footer { overflow:hidden; width:100%; padding-top:60px; background:url(../images/footer_top.png) no-repeat center top; background-color:#f2f2f2;}
.footer .list{ overflow:hidden; width:170px; float:left; height:180px;}
.footer .list h3{ font-size:16px; color:#333; margin-bottom:15px;}
.footer .list h3 a{ color:#333;}
.footer .list p{ font-size:12px; color:#666; line-height:30px;}
.footer .list p a{ color:#666;}
.footer .last{ padding-left:85px; border-left:1px solid #00a0e9; width:245px;}
.footer .list span{ display:block; font-size:28px; color:#00a0e9; font-weight:bold; font-family:Arial; padding-bottom:10px; border-bottom:1px solid #00a0e9; margin-bottom:15px;}
.footer .list b{ display:block; font-size:12px; color:#333; margin-bottom:5px;}
.footer .list .btn{ overflow:hidden; width:100%;}
.footer .list .btn img{ display:block; float:left; margin-right:10px;}
.footer .ewm{ overflow:hidden; float:right; width:150px;}
.footer .ewm p{ font-size:12px; color:#666; text-align:center;}
.footer .ewm img{ display:block; margin-bottom:10px;}
.footer .fbtm{ /*overflow:hidden;*/ width:100%; height:75px; background-color:#303032; margin-top:60px;}
.footer .fbtm p{ float:left; font-size:12px; color:#fff; line-height:75px;}
.footer .fbtm p em{margin-right:10px;}
.footer .fbtm select{ overflow:hidden; width:170px; height:35px; border:1px solid #6b6b6c; line-height:35px; font-size:12px; color:#fff; float:right; margin-top:19px; background:#303032;}
.footer .fbtm select{ color:#fff;}

.flinks{background: #303032 none repeat scroll 0 0;border: 1px solid #6b6b6c;color: #fff;float: right;font-size: 12px;height: 35px;line-height: 35px;margin-top: 19px;width: 170px;position: relative;}
.flinks span{display:block;height: 35px;text-align:center;background:url(../images/drop.png) no-repeat 96% center;cursor:pointer;}
.flinks ul{display:none;position:absolute;left:0;bottom:100%;z-index:999;padding:5px 0;width:100%;float: none;margin: 0;background: #262626;}
.flinks li{height: 30px;line-height: 30px;text-align:center;overflow: hidden;margin: 0;float: none;}
.flinks li a{color:#fff;display: block;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flinks:hover ul{display:block;}

/*title*/
.title { overflow:hidden; width:100%; margin-bottom:40px;}
.title h2{ text-align:center; font-weight:normal; font-size:36px; color:#333}
.title h2 a{ color:#333;}
.title em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:10px; text-transform:uppercase}
.title i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#003c98;}
.title.wt h2{ color:#fff}
.title.wt h2 a{ color:#fff;}
.title.wt em{ color:#fff;}
.title.wt i{ background-color:#fff;}

.eemm{z-index:999; overflow:hidden; width:185px; height:185px; padding:5px; position:fixed; left:67%; bottom:200px; margin-left:-112px;  display:none; background-color:#fff; border:1px solid #ccc}
.eemm img{ display:block; width:100%; height:100%;}

.eemmm{ overflow:hidden; width:185px; height:185px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-112px; margin-top:-112px; display:none; background-color:#fff;}
.eemmm img{ display:block; width:100%; height:100%;}
.eemmm span{ display:block; position:absolute; right:5px; top:5px; font-size:14px; cursor:pointer;}

/*右侧浮动*/
.float{ position:fixed; top:50%; right:0;  z-index:2000; width:48px; height:250px;}
.float_show{ background:url(../images/float_yy.png) repeat; width:48px; height:48px;}
.float_show a{ background-color:#0d4da1;display:block; color:#FFF; font-size:16px; width:auto; height:48px; overflow:hidden;text-decoration: none;}
.float_show a img{ vertical-align:middle;}
.float_show.float_show0{ background:url(../images/float_cur.png) no-repeat top; padding-top:6px; height:48px;}
.float_show.float_show0 a{ background:url(../images/float_icon1.png) no-repeat; width:48px; height:48px;}
.float_show:hover a{ background-color:#a6ce39; line-height:48px; color:#FFF;}
.float_show.float_show0:hover{ background:url(../images/float_curho.png) no-repeat top;}
.float_show.float_show0:hover a{ background:url(../images/float_icon_ho1.png) no-repeat;}
.float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(../images/float_wxbd.png) no-repeat; width:144px; height:168px; padding:18px 27px 0 17px;}
.float_show.float_show1{ position:absolute; top:55px; right:-124px; width:194px;}
.float_show.float_show2{ position:absolute; top:104px; right:-172px; width:247px;}
.float_show.float_show4{ position:absolute; top:153px; right:-78px; width:126px;}




/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#303032;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#00a0e9;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}