@charset "utf-8";
body { margin:0px; padding:0px; font-size:16px; color:#565656; font-family:"微软雅黑"}
ul,li{ list-style-type:none;}
ul,li,p,h1,h2,h3,h4,h5,h6,input,table,tr,td,dd,dl,dt{ margin:0px; padding:0px;}
a,a:hover{ text-decoration:none;}
a{ color:#565656;}
a:hover{ color:#565656;}
.clear{ clear:both;}
img{ border:none;}
.container{width:100%; }
.navbar{ background:none;max-width:1200px; width:100%; margin:0px auto;border:none; position: static;}
.navbar-nav{ margin:0;}
.topheight{height: 50px;}

.main-width{ max-width:1200px; width:100%; margin:0px auto;}
div.top{ height:30px; width:100%; line-height:30px; background:#b1f1f7; color:#333;}
div.top a{color:#333; font-size:12px;}
.top_left{float:left;  text-align:left;padding-left: 15px;margin-top: 10px; font-size: 12px;line-height:30px;}
.top_ri{ float:right;  width: 120px; height: 30px; text-align:right;}
.top_ri a:hover{ color:#FF0000}
.navmenu{ width:100%;background:#5cd1d1;border-bottom: 2px solid #5aa8b0; }
.logo{ float:left;}

.contact-map{max-width:800px; width:98%; height:360px;margin-bottom: 40px;}
.main-contact{padding:0 15px;}
/*.visible-xs {
    display: inline-block!important;
}*/
.navbar-default .navbar-nav>li>a{color:#fbfcfc; }
.index-video .video {text-align: center;}
.video video{width: 960px;background-color: #000;}

.menu>ul>li>.subdiv>ul{display: none;}

@media (min-width: 1200px) {

.logo img{ height:50px;}
.logo{ float:left; }
.menu>ul{ float:right; width:800px;text-align: right;}
.menu>ul>li{ float:none; width:130px;/* margin-left:20px;*/ text-align:center; display: inline-block;}
.menu>ul>li>a{display:block;line-height:20px; padding:14px 0; font-size:16px; border-bottom: 2px solid #5aa8b0;}
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#E9E9E9; color:#777; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display: none;position: absolute;z-index: 105;top:50px;margin: 0px auto;left:0;width: 100%; }
.menu>ul>li>ul>li{line-height: 36px;height:36px; width:auto;min-width:130px; background:#E9E9E9 ;padding: 0;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li a{ padding:0 10px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}

.menu>ul>li>.subdiv{display:;position: absolute;z-index: 105;top:80px;margin: 0px auto;left:0;width: 100%;background-color: #E9E9E9; }
.menu>ul>li>.subdiv>ul{max-width: 1200px;margin:auto;}
.menu>ul>li>.subdiv>ul>li{line-height: 36px;padding:10px;float: left; background:#E9E9E9 ; }
.menu>ul>li>.subdiv>ul>li img{max-width: 100%;}
}
@media (max-width: 1199px) and (min-width: 1000px){
.logo img{ height:50px; }
.logo{ float:left; }
.navmenu{ width:100%; }
.navbar{width:960px; margin:0 auto;}
/*.top_left{float:left; min-width:300px; text-align:left; font-size:14px;}*/
.top_ri{ float:right; width:120px;  text-align:right; font-size:14px;}
.menu { margin:0; padding:0;}
.menu>ul{ float:right; width:550px;}
.menu>ul>li{ width:110px;text-align:center;}
.menu>ul>li>a{display:block;line-height:20px; padding:14px 0; }
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#E9E9E9; color:#333; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display:none ;position: absolute;z-index: 105;top: 50px;margin: 0px auto; }
.menu>ul>li>ul>li{ line-height: 36px;height: 36px; width:auto;min-width:110px; background:#E9E9E9 ;padding: 0;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li>a{padding:0 10px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}
.video video{width: 800px;}
.menu>ul>li>.subdiv{display:;position: absolute;z-index: 105;top:80px;margin: 0px auto;left:0;width: 100%;background-color: #E9E9E9; }
.menu>ul>li>.subdiv>ul{max-width: 1200px;margin:auto;}
.menu>ul>li>.subdiv>ul>li{line-height: 36px;padding:10px;float: left; background:#E9E9E9 ; }
.menu>ul>li>.subdiv>ul>li img{max-width: 100%;}
}
@media (max-width: 999px) and (min-width: 768px){
.logo img{width:auto;height: 50px;}
.logo{ float:left;  width:200px;}
.navmenu{ width:100%; }
.navbar{margin:0 auto;width:768px;}
.top_left{float:left; min-width:300px; text-align:left;/* font-size:14px;*/}
.top_ri{ float:right;  text-align:right; font-size:14px;}
.menu { margin:0; padding:0;}
.menu>ul{ float:right;text-align: right; /*width:800px;*/}
.menu>ul>li{ float: none;display: inline-block; width:90px;text-align:center;}
.menu>ul>li>a{display:block;line-height:20px; padding:14px 0; }
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#E9E9E9; color:#333; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display:none ;position: absolute;z-index: 105;top: 50px;margin: 0px auto;}
.menu>ul>li>ul>li{line-height: 36px;height: 36px; width:auto; min-width:90px; background:#E9E9E9 ;padding-top: 0px;padding: 0;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li>a{padding:0 10px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}
.video video{width: 750px;}


.menu>ul>li>.subdiv{display:;position: absolute;z-index: 105;top:80px;margin: 0px auto;left:0;width: 100%;background-color: #E9E9E9; }
.menu>ul>li>.subdiv>ul{max-width: 1200px;margin:auto;}
.menu>ul>li>.subdiv>ul>li{line-height: 36px;padding:10px;float: left; background:#E9E9E9 ; }
.menu>ul>li>.subdiv>ul>li img{max-width: 100%;}
}
@media screen and (max-width: 767px) {
.logo img{ width:auto;height: 50px;}
.logo{ float:left;  width:200px;}
.navmenu{ width:100%; }
.top_left{float:left;  text-align:left; /*font-size:14px;*/}
.top_ri{ float:right;text-align:right; font-size:14px;line-height: 30px;margin-top: 10px;}
.menu { margin:0; padding:0;}

.menu>ul{ width:100%;}
.menu>ul>li{ width:100%; text-align:left;}
.menu>ul>li>a{display:block;line-height:20px; font-size:14px;}
.menu>ul>li>a:hover,.menu>ul>li>a.now{  color:#fbfcfc; display:block}
.menu>ul>li>a span{ display:none;}

.menu>ul>li>ul{ height:auto; display:none;background:#E9E9E9 ;}
.menu>ul>li>ul>li{line-height: 24px;height:24px;padding:0 10px;width:100%;}
.menu>ul>li>ul>li a{ display:block;font-size:14px;color:#565656;}
.menu>ul>li>ul>li>a:hover{ background:#BFBFBF; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}

.contact-map{ width:98%; height:350px;}

.video video{width: 100%;}



}

.banner {text-align: center;width: 100%;margin: 0 auto;height: auto;}

/**************index*************************/
.index-product{}

.index-tit{ width:100%; height:80px; /*background:url(../images/tit_bg.png) left center repeat-x;*/}
.index-tit .tit{ margin:0 auto; background:#fff; text-align:center; font-size:20px;}
.pro-item{ /*float:left; width:380px; margin-left:28px;*/}
.list-left{ margin-left:0;}

.pro-item .pic{ text-align:center; }
.pro-item .txt{ height:80px; line-height:22px; margin-bottom:15px; text-align: center;}
.pro-item .txt h4{line-height:46px;}
.pro-item .txt h4 a{ font-size:20px; }
@media screen and (max-width: 999px) {
.pro-item .txt h4 a{ font-size:16px; }
.pro-item .txt { font-size:14px;}
}
@media screen and (max-width: 767px) {

.menu>ul>li>a{padding:10px 15px;}
.pro-item .pic{ text-align:center;}
.pro-item .pic img{ margin:0 auto;}
.pro-item .txt{ height:80px; line-height:18px; text-align:center;margin-bottom:15px;}
}

.index-news{ background:#f5f5f5; margin-top:45px; padding-bottom: 30px;padding-top:10px;}
.index-news .news{ }
.index-news .news h3{ width:100%; font-size:24px; height:35px; line-height:35px; background:url(../images/tit1_bg.png) left bottom no-repeat;}
.index-news .news h3 a.more{ float:right; color:#f80505; font-size:16px;}

.index-news .news ul{ width:100%; margin-top:10px;}
.index-news .news ul li{ width:100%; line-height:40px; height:40px; font-size:16px;overflow:hidden;}
.index-news .news ul li span{ float:right;}
.index-news .news ul li a{}
.index-news .news ul li.list-frist{ margin-top:10px; height:100px; margin-bottom:10px;}
.index-news .news ul li.list-frist .pic{ padding:0px;}
.index-news .news ul li.list-frist .tit{ margin-left:20px; line-height:30px; height:30px; overflow:hidden;}
.index-news .news ul li.list-frist .tit a{ font-size:20px; color:#000;}
.index-news .news ul li.list-frist .txt{ margin-left:20px; margin-top:10px; font-size:16px; line-height:24px; height:50px; overflow:hidden;}
.index-news .message{}
.index-news .message h3{ width:100%; font-size:24px; height:35px; line-height:35px;background:url(../images/tit1_bg.png) left bottom no-repeat;}
.index-news .message .txt{ margin:10px 0; line-height:24px; }
.index-news .message input.text{ width:205px; height:30px;}
.index-news .message input.btn{ width:90px; height:30px; color:#000; background:#A0A0A0; }
.index-news .message table tr td{ padding:5px 0;}
@media (min-width: 768px) {
.list-frist .pic{  min-width:180px;}
.list-frist .tit{ margin-left:20px; line-height:30px;}
.navmenu{height: 50px;}
}
@media (min-width: 992px) {
.list-frist .pic{ float:left; min-width:120px; width:25%;padding:0; margin:0;}
.list-frist .text{ float:left;width:70%; padding:0; margin:0;}
.list-frist .tit a{ font-size:18px; color:#000;}
.list-frist .txt{ margin-left:20px; margin-top:5; font-size:14px; line-height:20px;}
.index-news .news { padding-right:20px;}
.index-news .message{padding-left:40px;}
}
/**************footer*************************/
.foot{/* height:420px; background:url(../images/foot_bg.png) center no-repeat; width:100%;*/}
.foot .foot-width{ width:100%; max-width:1000px; margin:0 auto;}
.foot .foot-top{background-color:#f1f1f1; /*min-height:350px; */text-align:center;   /*padding-bottom:15px;*/padding: 50px 0;}
.foot .foot-top .foot-top-tit{ text-align:center; padding-top:20px; color:#eee;}
.foot .foot-top .foot-top-tit h3{ width:306px; border-bottom:1px #eee solid; height:56px; line-height:30px; font-size:24px; margin:0 auto; font-weight:normal;}
.foot .foot-top .foot-top-tit h3 span{ line-height:24px; font-size:14px;}
.foot .foot-top a{  }
/*.foot .foot-top table{ margin:0 auto; color:#eee;}
.foot .foot-top table tr td{}
.foot .foot-top table tr td p{ line-height:30px;}*/
.foot .foot-top .foot-text{}
.foot .foot-top .foot-text .text{/*max-width: 500%;float: right;*/text-align: left;}
.foot .foot-top .foot-ewm{text-align: center;}

.foot .foot-bot{ background:#000; height:auto;text-align:center; color:#f9fcfd; font-size:14px; line-height:25px; padding:10px 0;}
.foot .foot-bot a{color:#f9fcfd; font-size:14px;}

.foot .foot-top .foot-dp{}
.foot .foot-top .foot-dp ul{padding-top: 15px;max-width: 200px;float: right;}
.foot .foot-top .foot-dp ul li{}
.foot .foot-top .foot-dp ul li a{display: block;line-height: 36px;}
.foot .foot-top .foot-dp ul li a img{max-width: 50px;}

@media (min-width: 992px) {
.foot .foot-top .foot-width{display:table;}
.foot .foot-top .foot-text{ text-align:left;display:table-cell;vertical-align:middle; ;}
}
/**************about*************************/
.main{}
.main-head{ padding:30px 0;}
.main-head h2{ font-size:24px; width:200px; height:60px; margin:0 auto; text-align:center; border-bottom:1px #555 solid; line-height:32px; font-weight:normal}
.main-head h2 span{font-size:14px; line-height:20px;}
.main-about{ line-height:30px; font-size:14px; color:#1d1d1d; padding:0 15px;max-width: 900px;margin:auto;padding-bottom: 30px;}
.main-about img{ max-width:100%;}

/************news****************/
.main-news{ padding: 15px; }

.main-news ul li{ height:160px; margin-bottom:30px;}
.main-news ul li .time{ width:80px; height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .time .ym{ background:#323232; color:#fbf9f9; height:60px; line-height:50px; font-size:20px; padding:5px 0;}
.main-news ul li .time .day{ background:#dddddd; color:#151414; height:70px; line-height:70px; font-size:24px;}
.main-news ul li .pic{ float:left; margin-left:20px; width:240px; height:160px; }
.main-news ul li .pic img { width:240px; height:160px;}
.main-news ul li .text{ margin-left:20px; float:left; width:800px;}
.main-news ul li .text .tit{ height:60px; line-height:60px; overflow:hidden;}
.main-news ul li .text .tit a{ font-size:20px; color:#282828;}
.main-news ul li .text .txt{ height:60px; line-height:30px; overflow:hidden;}
.main-news ul li .text .txt a{  color:#282828;}
.main-news ul li .text .more{ height:30px; line-height:30px; text-align:right;}
.main-news ul li .text .more a{ color:#07a8eb;}

.main-title{ text-align:center; margin-bottom:30px;padding-top: 20px; }
.main-title h3{ color:#07a8eb; line-height:40px; font-size:22px; font-weight:normal;}
.main-title p{line-height:30px;font-size:14px;}
@media (min-width: 1200px) {

}
@media (min-width: 768px)  and (max-width: 992px){
.main-news ul li .time{max-width:80px; width:8%; margin:0 1%;height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .pic{ float:left;margin-left:0;width:30%; height:160px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text{float:left;margin-left:0; padding-left:15px; width:60% ;}
.main-news ul li .text .txt{ height:60px; line-height:30px;}
.product_show iframe{height: 400px;}

}
@media (min-width: 993px)  and (max-width: 1199px){
.main-news ul li .time{max-width:80px; width:8%; margin:0 1%;height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .pic{ float:left;margin-left:0;width:25%; height:160px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text{float:left;margin-left:0; width:65% ; padding-left:15px;}
.main-news ul li .text .txt{ height:60px; line-height:30px;}
}
@media screen and (max-width: 767px) {
.main-news ul li{ height:110px; margin-bottom:20px;}
.main-news ul li .time{display:none}
.main-news ul li .pic{ float:left;margin-left:0;width:25%; height:90px; min-width:100px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text .tit{ height:40px; margin-bottom:10px; line-height:20px; overflow:hidden;}
.main-news ul li .text .tit a{ font-size:14px; color:#282828;}
.main-news ul li .text{float:left;margin-left:0; width:65% ; padding-left:10px;}
.main-news ul li .text .txt{ height:40px; line-height:20px; font-size:13px; overflow:hidden}
.main-news ul li .text .more span{ height:24px; line-height:24px; float:left;font-size:13px; }
.main-news ul li .text .more a{font-size: 13px;line-height: 24px;}
.foot .foot-top .foot-text .text{float: none;}
/*.foot .foot-top{padding:30px 0;}*/
.main-title h3{font-size:18px;line-height: 30px;}
.main-title p{font-size: 13px;}

.index-tit{height:30px;}
.foot .foot-top{padding: 15px 0; }
.foot .foot-top .foot-dp ul{float: none;max-width:none;margin:0 -5px;}
.foot .foot-top .foot-dp ul li{padding:5px;}
.foot .foot-top .foot-dp ul li a{font-size: 1.2rem;}
.foot .foot-bot{padding:10px;font-size: 1.2rem;line-height: 2rem;}
.foot .foot-bot span,.foot .foot-bot a{font-size:1.2rem;}


.menu>ul>li{border-bottom: 1px solid #eee;}
.menu>ul>li>ul{padding:5px 0;}
.menu>ul>li>ul>li{height: 30px;line-height: 30px;}
.menu>ul>li>ul>li a{padding:0 15px;}

.about-share{padding-top: 20px;}
.about-share .title{float: left;width: 60px;line-height: 24px;font-size: 13px;color:#666;}
.about-share .bdsharebuttonbox{margin-left: 60px;}

.contact-map{height: 300px;}


.bdmap p{line-height: 30px;}
.pro-item .txt h4{line-height: 36px;}



}


/************************other***********************/
.product{ margin-top:20px; padding:0 15px;}
.product_show{ margin:20px 0;padding:0 15px;}
.product_show img{ width:100%;}
.product_show iframe{width: 100%;max-width: 965px;height: 500px;display:block;margin:auto;}
.message-width{max-width:620px; margin:0 auto;}
.message-txt{ font-size:14px; padding:20px 15px;text-align: center;}
.tb-message{ margin:20px 0;}
.tb-message tr td{ padding:5px; height:36px;}
.tb-message tr td.tit{ text-align:right;}
.tb-message tr td .input{ height:32px; max-width:360px; width:96%;}
.tb-message tr td .btn{ height:30px; width:100px; background:#535353; color:#fbfbfb;}
@media screen and (max-width: 767px) {
.message-txt{ font-size:13px; padding:20px 10px;text-align: left;}
.product_show iframe{height: 200px;}

.tb-message tr td.tit{font-size: 13px;}
.tb-message tr td.text{}
.tb-message tr td.text font{margin-left: -20px;}
.tb-message tr td .input{padding-right: 20px;}

header{background-color: #5cd1d1;}
.navbar-default .navbar-toggle{float: none;float: left;padding:8px 5px;}
.logo{width: 160px;margin:auto;float: none;}
.navlan{float: right;font-size: 13px;line-height: 24px;margin-top: 13px;}
.navlan select{background-color:transparent;height: 24px;}
.navlan select option{height: 24px;}
.navmenu{border-bottom:none;}

.index-menu{padding: 15px 0;border-bottom: 5px solid #ccc;}
.index-menu ul{}
.index-menu ul li{float: left;width: 25%;text-align: center;}
.index-menu ul li a{display: block;padding-top: 5px; font-size: 13px;line-height: 24px;color:#707070;}
.index-menu ul li a img{width: 45px;}

.index-tit{padding:10px 0;height: auto;}
.index-tit .tit{font-size: 18px;}
.index-video{margin-bottom: 10px;}
.index-product{margin-bottom: 10px;}
.index-product .pro-main{padding:5px;}
.index-product .pro-main .row{margin:0 -5px;}
.index-product .pro-main .pro-item{padding:0 5px;}

.product{}
.product ul{margin:0 -5px;}
.product ul li{margin-bottom: 10px;padding:0 5px;}
.product ul li .txt {padding:10px 0;}
.product ul li .txt h4{line-height:30px;font-size: 16px; }
.product ul li .txt p{line-height: 22px;font-size: 13px;height: 44px;overflow: hidden;}
.product ul li img{max-width: 100%;}

.footerh{height: 50px;}
footer{position: fixed;bottom: 0;height: 50px;width: 100%;background-color: #fff;border-top: 1px solid #ccc;}
footer ul{}
footer ul li{float: left;width: 25%;text-align: center;}
footer ul li a{display: block;padding-top: 5px; font-size: 13px;line-height: 21px;color:#707070;}
footer ul li a img{width: 24px;}

}

@media screen and (max-width: 500px) {
 
}

.weizhi{ padding:0 15px; margin-top:30px;}
/*
#leftsead {width: 131px;height: auto;position: fixed;bottom: 100px;right: 0px;z-index: 999;}
#leftsead li {width: 131px;height: 60px;}
#leftsead li a {height: 49px;float: right;display: block;min-width: 60px;max-width: 131px;}
#leftsead li a.youhui .hides {display: none;position: absolute;right: 190px;top: 40px;}
#leftsead li a .hides {margin-right: -143px;cursor: pointer;cursor: hand;}
#leftsead li img {float: right;}
#leftsead li.zxkf{ height:auto; height:50px;cursor:pointer; margin-bottom:10px; }
#leftsead li.zxkf .kfqq{ position:absolute;display:;right: -143px; width:131px; bottom:190px;}
*/
.dock {position: fixed;right: 0px;bottom:20%;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index:9999;height:200px;}
.dock.close {z-index: 50;}
.dock ul.icons {position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons {right: -70px;}
.dock ul.icons li i {display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li:hover i {-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i {background-position: -63px -150px;}
.dock ul.icons li.tel i {background-position: -62px -108px;}
.dock ul.icons li.im i {background-position: -63px -20px;}
.dock ul.icons li.wechat i {background-position: -59px -66px;}
.dock ul.icons li.top i {background:url(../images/l06.png);}
.dock ul.icons li p {display: block; font-size:14px; position: absolute;top: 25px;right: -260px;padding: 15px 20px;height: 152px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.dock ul.icons li:hover p {right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p {width: 146px; height:auto; top:50px;}
.dock ul.icons li.im p {width: 156px; height:auto; top:0;}
.dock ul.icons li.im p a {display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #ff4343;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #ff4343;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover {color: White;background: #0f8773;border: 1px solid #0f8773;}
.dock ul.icons li.wechat p {width: 159px;}.dock ul.icons li.wechat p img {width: 115px;border: 2px solid White;}
.dock a.switch {position: absolute;display: block;top: 210px;right: 11px;width: 26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;}
.dock a.switch.off {background-position: -32px -640px;}

.video iframe html{height:100% !important;}

#kefu{ width:120px; height:auto; position:fixed; top:30%; right:1px;z-index:8888; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #ca2d25; }
#kefu .top{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold; text-align:center; background:#fff;}
#kefu .middle{ font-size:12px; width:100%; text-align:center;}
#kefu .middle p{ color:#ff0000; font-size:16;}
#kefu .middle a{ line-height:30px;width: 100%;display: block;padding-left: 15px;text-align: left;}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;filter: alpha(opacity=100);opacity: 1;}
.right_bar{ width:28px; height:95px; position:fixed; top:30%; right:0; z-index:9999;display:none; background:url(../images/right_bar.jpg) left top no-repeat;cursor:pointer; padding:0 5px; text-align:center; padding-top:33px; line-height:14px; }
.right_bar span{ font-size:12px; }
.right_bar img{cursor:pointer;}


.r-nav{
	background: #dcdcdc;
    width: 89px;
	position: fixed;
    right: 0;
    bottom: 20%;
}
.w960 .r-nav{
	bottom:25%;
}
.r-nav li{text-align: text;
}
.r-nav li a,.r-nav li span{
	display:block;
	width:89px;
	height:97px;
}
.r-nav li p.kfqq{ position: absolute;  right: 89px; min-width:100px; background: #dcdcdc; padding: 5px; display: none;}
.r-nav li:hover p.kfqq{display: block;}
.r-nav li p.kfqq a{ line-height: 40px; height: 40px; font-size: 14px;}
.r-nav li a.q{
	background:url(../images/QQ_04.png) no-repeat center;
}
/*.r-nav li a.wb{
	background:url(../images/QQ_02.png) no-repeat center;
}*/
.r-nav li span{
	background:url(../images/03.png) no-repeat center;
	cursor: pointer;
}
.r-nav li:hover a.q{
	background:url(../images/04.png) no-repeat center;
}
.r-nav li:hover a.wb{
	cursor: pointer;
}
/*
.r-nav li:hover span{
	background:url(../images/03.png) no-repeat center;
}*/
.r-nav li p.bigweixin{display: none;}

.r-nav li.weixin:hover p.bigweixin{display: block;position: absolute;right: 89px; margin-top:-33px; }