@charset "utf-8";
/* CSS Document */ 



/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}



.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

body{ font-family:"微软雅黑";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li{ list-style:none; border:none; font-style:normal; outline:none;}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !important;}
/*全局样式*/
 
 
 
 
 
  .swiper-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #000; */

        
        /* Center slide text vertically */
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;*/
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
 
   .swiper-slide img{ width:100%;}
	.swiper-slide a { width:100%; height:130px; display:block;}
	.swiper-slide span{ display:block; width:100%; height:24px; overflow:hidden;}
 
 
 
 
 
 
 

/*m-1*/
.main{ padding:30px 0;}
.main-White{ background:#fff;}
.main-Colorless{background:none;}
.main-Background-1{background:url(../images/bg2_03.jpg) repeat;}
.main-Background-2{ border-top: solid 5px #e36a21; background:url(../images/bg2.jpg) 50% 50%; background-size:cover;}
.main-Background-1MB{ background:url(../images/bg_mb_03.png) repeat;}
.main-Color{ background:#f1f1f1;}
.main-opcityBackground{ background:url(../images/CaseSharing_mask_03.png) repeat;}

/*h-2*/
.header2{ position:relative; z-index:1;}
.header2 .search{ margin:24px 0 0 0; width:145px; height:32px; background:#e3e3e3; border-radius:16px;}
.header2 .search button{ width:40px; height:32px; background:url(../images/search_fdj.png) no-repeat 60% 50%; border:none;}
.header2 .search input{ padding:0 16px 0 10px; width:105px; height:32px; background:url(../images/search_jgx_03.jpg) no-repeat left; border:none;}
.header2 .topbar{ height:80px; overflow:hidden;background:#f1f1f1;}
.header2 .topbar .tel{ margin:21px 40px 0 0; padding:0 0 0 40px; height:38px; background:url(../images/telicon_03.png) no-repeat left;}
.header2 .topbar .tel span{font-size:14px; color:#595959; line-height:19px;}
.header2 .topbar .tel span i{ font-weight:bold; display:block; font-size:19px; line-height:19px; color:#3f7223;}
.header2 .logo{ height:80px;}
.header2 .logo img{ width:291px; height:42px; margin-top:19px;}
.header2 .tel img{ width:50px; height:50px; margin-top:9px;}
.header2 .navbox{ position:absolute; left:0; bottom:-65px; z-index:999; width:100%; background:url(../images/nav_bg_02.png) repeat;} 
.header2 nav li{ position:relative;width:16.6%; transition:all 0.3s;}
.header2 nav li a{ margin:0 auto; display:block;color:#fff; line-height:65px;background:url(../images/nav_jgx_03.jpg) no-repeat left;}
.header2 nav li:hover{background:url(../images/nav_hover_bg.png) repeat;}
.header2 nav li:hover a{ color:#fff; background:none;}
.header2 nav li.active{background:url(../images/nav_hover_bg.png) repeat;}
.header2 nav li.active a{ color:#fff; background:none;}
.header2 nav li:hover ul{ display:block;}
.header2 nav li ul{ display:none; position:absolute; left:0; top:65px; z-index:99999; width:100%; background:url(../images/nav_bg_02.png) repeat;}
.header2 nav li ul li{ width:100%;}
.header2 nav li ul li a{ line-height:40px;}
.header2 nav li ul li:hover{ background:url(../images/nav_hover_bg.png) repeat;}

/*b-1*/
.bannerbox1{height:600px;transition:all 1s;}
#banner{ height:600px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image{ height:600px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:600px;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/banner_01.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/banner_02.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/banner_03.jpg) 50% 50%; background-size:cover;}
#banner .main_image li img{ display:block; margin:0 auto;}
#banner div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#banner div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 -21px}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

/*a-1*/
.abousbox1{ height:326px; background:url(../images/ggsjjbg_03.png) no-repeat; background-size:100% 100%;}
.abousbox1 .imgbox{ padding:15px 15px 0 0; width:36%;}
.abousbox1 .imgbox .tel{ margin-left:55px; font-size:16px; color:#fff;}
.abousbox1 .imgbox .tel span{ color:#de2525; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.abousbox1 .textbox{ width:64%;}
.abousbox1 .text{ padding:60px 10px 0 20px; color:#fff; line-height:26px; height:268px; overflow:hidden;}
.abousbox1 .more{ margin:10px 10px 0 0; width:75px; height:24px; background:#7a7a7a; line-height:24px; color:#fff;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.abousbox1 .more:hover{ background:#bc2a2a;}

/*t-1-1*/
.title01{ margin:0 0 30px;}
.title01 h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#444; line-height:40px; font-weight:bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.title01 h1{font-size:22px; color:#bc2a2a; line-height:32px; background:url(../images/title_jgx.png) no-repeat center;font-weight:bold;}
.title01:hover h2{ color:#bc2a2a;}


.title02 h2,.title02 h1,.title02-2 h2,.title02-2 h1{
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.title02{margin:0 0 30px;}
.title02 h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#444444; line-height:40px;font-weight:bold; 
text-shadow:1px 1px 0 rgba(255,255,255,1);}
.title02 h1{font-size:22px; color:#bc2a2a; line-height:30px;font-weight:bold;
text-shadow:1px 1px 0 rgba(255,255,255,1);background:url(../images/titlejgx_03.png) no-repeat center;}
.title02 a:hover h1,.title02 a:hover h2{color:#d93c3c}
.title02-2{margin:0 0 30px;}
.title02-2 h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#fff; line-height:40px;font-weight:bold;}
.title02-2 h1{font-size:22px; color:#fff; line-height:30px;font-weight:bold;
background:url(../images/titlejgx2_03.png) no-repeat center;}
.title02-2 a:hover h1,.title02-2 a:hover h2{color:#d93c3c}

/*n-1*/
.news .col-lg-6:hover .textbox{ background:#bc2a2a;}
.news .col-lg-6:hover .textbox b{ right:0;}
.news .col-lg-6:hover .textbox strong{ color:#fff;} 
.news .col-lg-6:hover .textbox h6{ color:#fff;} 
.news .imgbox{ width:30%; padding:1px;background:#fff; border:solid 1px #d3d3d3; overflow:hidden;transition:all 1s; display:table;}
.news .imgbox span{ display:table-cell; height:121px; vertical-align:middle;}
.news .imgbox img{ display:block; margin:0 auto; max-height:100%;}
.news .textbox{ position:relative; padding:10px; width:70%; height:125px; background:#fff; overflow:hidden; transition:all 1s;}
.news .textbox b{ position:absolute; right:-127px; top:0; z-index:99999; width:127px; height:100%; background:url(../images/hover.png) no-repeat left; overflow:hidden;transition:all 1s;}
.news .textbox strong{ display:block; font-size:14px; color:#333; font-weight:normal; transition:all 1s;}
.news .textbox h6{ margin:5px 0 0 0; color:#666; line-height:18px; transition:all 1s;}
.news .col-lg-6{ margin-bottom:30px;transition:all 1s;}

/*p-4-2*/
.picture4-2 .picture4-list{ margin:0 0 20px 0;}
.picture4-2 .picture4-list a{ position:relative; display:block; background:#f0f0f0; height:155px; overflow:hidden;transition:all 1s;}
.picture4-2 .picture4-list a img{ display:block; margin:0 auto; max-height:100%;}
.picture4-2 .picture4-list .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/CaseSharing_mask_03.png) repeat; transition:all 0.3s;}
.picture4-2 .picture4-list .mask span{position:absolute; left:50%; top:50%;margin:-25px 0 0 -50px; width:100px; height:50px; border:solid 1px #fff;}
.picture4-2 .picture4-list .mask b{ display:inline-block;font-size:30px; color:#fff; line-height:50px;}
.picture4-2 .picture4-list:hover .mask{ left:0;}

/*p-17*/
.picture17 { height:480px; transition:all 0.3s;transition:all 1s;}
.picture17 a{ display:block;width:100%; height:100%; text-align:center;transition:all 1s;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;transition:all 1s;}
.picture17 .content{ padding:0 16px; width:50%;height:100%;transition:all 1s;}
.picture17 .right{ width:20%;height:100%;transition:all 1s;}
.picture17 .picture17-1{ padding:42px 0 0 0;height:27%; background:url(../images/sydt_img.jpg) 50% 50%; background-size:cover;transition:all 1s;}
.picture17 .picture17-2{ padding:16px 0 0 0; height:73%;transition:all 1s;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:70%;transition:all 1s;}
.picture17 .picture17-4,.picture17 .picture17-6{ padding:16px 0 0 0; height:30%;transition:all 1s;}
.picture17 .picture17-4 .picture17-4-1{ padding:40px 0 0 0; background:#bc2a2a;transition:all 1s;}
.picture17 .picture17-4 .picture17-4-2{ padding:0 0 0 16px; width:70%;height:100%;transition:all 1s;}
.picture17 span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; opacity:0; transition:all 0.3s;}
.picture17 a:hover span{ opacity:1;}

/*f-5*/
.footer5{ padding:15px 0; background:#333333;transition:all 1s;}
.footer5 .left{ width:13%;transition:all 1s;}
.footer5 .right{ margin:0 0 0 3%; padding:0 0 0 3%;width:81%;transition:all 1s; border-left: solid 1px #fff;}
.footer5 .left .QrCode{width:100%; color:#fff;transition:all 1s;}
.footer5 section{color:#fff;}
.footer5 section nav{height:14px;}
.footer5 section nav li{ width:11.11%; line-height:14px;transition:all 1s;}
.footer5 section nav li a{ color:#fff; transition:all 0.3s;}
.footer5 section nav li a:hover{ color:#da6620;}
.footer5 section .ContactUs{margin:6px 0;} 

/*subnav-1*/
.subnav ol{ height:37px; background:#bc2a2a; border-bottom:solid 2px #fff;}
.subnav ol b{ margin:0 10px; color:#fff; line-height:35px;}
.subnav ol h1{ font-size:16px; color:#fff; line-height:35px;}
.subnav ol small{ margin:0 0 0 10px; color:#fff; line-height:35px;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#e9e9e9;}
.subnav .contact-img{ margin:20px 0;}
.subnav .pcdnav li{ margin:2px 0 0 0; min-height:35px;}
.subnav .pcdnav li a{display:block; font-size:14px; color:#8b8b8b; line-height:35px; background:url(../images/subnavicon_06.png) no-repeat 0% 50% #f1f1f1; transition:all 0.3s;}
.subnav .pcdnav li a.active{background:url(../images/subnavicon_03.png) no-repeat 0% 50% #e9e9e9; color:#bc2a2a;}
.subnav .pcdnav li a:hover{ background:url(../images/subnavicon_03.png) no-repeat 0% 50% #e9e9e9;color:#bc2a2a;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:12px; color:#fff; line-height:35px;background:#666; transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{background:#e1e1e1;}
.subnav .pcdnav .xlxl a.active{background:#e1e1e1;}
.subnav .yddnav{ margin:0 0 20px 0;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#bc2a2a}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{display: none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#bc2a2a; border-top:solid 1px #cf3d3d;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{display: none; height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}


/*t-4-1*/
.title04{ margin:0 0 20px 0; height:40px; background:url(../images/t4_xhx_03.jpg) repeat-x bottom;}
.title04 h1{font-size:16px; height:39px;line-height:39px;}
.title04 h1 a{ color:#3e3d3d; }
.title04 span{color:#666; line-height:39px;}
.title04 span a{ color:#666;}
.title04 span a:hover{ color:#bc2a2a}

/*t-3*/
.text3{ color:#666; line-height:24px;}
.text3 img { max-width:100%;}

/*n-3*/
.news3 .news3-list{ height:44px;}
.news3 .news3-list a{width:89%; color:#5a5a5a; line-height:43px;border-bottom:dashed 1px #c6c6c6; transition:all 0.3s;}
.news3 .news3-list a:hover{ color:#e36a21;}
.news3 .news3-list span{ width:11%; color:#5a5a5a; line-height:43px; border-bottom:dashed 1px #c6c6c6;}

/*o-1*/
.OnlineMessage1 label{ font-weight:normal; color:#666;}
.OnlineMessage1 button{margin:0 10px 0 0;width:100px; height:30px; color:#fff; background:#bc2a2a; border:none; transition:all 0.3s;}
.OnlineMessage1 button:hover{ background:#c63838;}

/*t-7-1*/
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px;}

/*p-7*/
.picture7{ margin:10px 0;}
.picture7 img{ display:block; margin:0 auto;}

/*t-8-1*/
.title08{ margin:0 0 20px 0;}
.title08 h1{ font-size:20px; color:#333; line-height:50px;}
.title08 ul{ background:#cecece; border-top:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7;}
.title08 ul li{ margin:0 5px; display:inline; font-family:"宋体"; font-size:12px; color:#333; line-height:28px;}
.title08 ul li a{ color:#333;}

/*p-24*/
.lunbo{ margin-bottom:20px;}
.lunbo #owl-demo .item .lunbobox,.lunbo #owl-demo .item .lunbobox a,.lunbo #owl-demo .item .lunbobox .icon,.lunbo #owl-demo .item .lunbobox .hengfu,.lunbo #owl-demo .item .lunbobox .wz,.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev,.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;	
}
.lunbo #owl-demo .item{ margin:0 10px;}
.lunbo #owl-demo .item .lunbobox{ border:solid 1px #e0e0e0; padding:1px; background:#fff; border-radius:5px;}
.lunbo #owl-demo .item .lunbobox a{ display:block; position:relative; height:190px; overflow:hidden;border-radius:5px;}
.lunbo #owl-demo .item .lunbobox .icon{position:absolute;left:50%;margin:0 0 0 -40px; top:-70px; z-index:1;width:80px; height:70px;}
.lunbo #owl-demo .item .lunbobox .hengfu{ position:absolute; left:0; bottom:20px; z-index:1; width:0; height:60px; background:#bc2a2a;filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65; opacity: 0.65;}
.lunbo #owl-demo .item .lunbobox .wz{ padding:6px 0; position:absolute; right:-100%; bottom:20px; z-index:2; width:100%; height:60px; font-size:18px; color:#fff; text-align:center; line-height:24px;}
.lunbo #owl-demo .item .lunbobox .wz span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.lunbo #owl-demo .item img{ display: block; width: 100%; max-height:100%;}
.lunbo #owl-demo .item .lunbobox:hover{ border:solid 1px #bc2a2a;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.lunbo #owl-demo .item .lunbobox:hover .icon{ top:26px;}
.lunbo #owl-demo .item .lunbobox:hover .hengfu{ width:100%;}
.lunbo #owl-demo .item .lunbobox:hover .wz{ right:0;}
.lunbo .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.lunbo .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.lunbo .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.lunbo .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.lunbo .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.lunbo .owl-carousel .owl-item{float:left}
.lunbo .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.lunbo .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.lunbo .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.lunbo .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.lunbo .owl-theme .owl-controls{ height:0;}
.lunbo .owl-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1;*display:inline;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev{ position:absolute; left:12px; bottom:0; width:40px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/lunbo_left_jt.png) no-repeat right;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{ position:absolute; right:10px; bottom:0; width:40px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/lunbo_right_jt.png) no-repeat left;}
.lunbo .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.lunbo .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.lunbo .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.lunbo .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.lunbo .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.lunbo .owl-item.loading{min-height:150px;background:url(images/AjaxLoader.gif) no-repeat center center}




/*p-1*/
.pictrue1 .pictrue1-list{ margin-bottom:20px;}
.pictrue1 .pictrue1-list .pictrue1box{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; padding:1px; border:solid 1px #dcdcdc;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; position:relative; height:196px; overflow:hidden;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb{padding:0 22px 22px;position:absolute; left:0; bottom:0; z-index:1; width:100%; height:40px; background:rgba(0,0,0,0.5); transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb h5{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; margin:0; line-height:40px; font-size:16px; color:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb p{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; color:#fff; line-height:24px; height:48px; overflow:hidden;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more{ position:relative; width:64px; height:20px; line-height:20px; font-size:20px; color:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span{ position:absolute; background:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span1{ left:1px; top:0; width:9px; height:1px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span2{ left:0px; top:0; width:1px; height:10px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span3{ right:1px; bottom:0; width:9px; height:1px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span4{ right:0px; bottom:0; width:1px; height:10px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box:hover{ border:solid 1px #bc2a2a;}
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb{padding:22px; height:100%; background:rgba(188,42,42,.5);}
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb h5{ margin:18px 0 5px; font-weight:bold;}
#pictrue1{ position:relative;}
#pictrue1 #left_btn,#pictrue1 #right_btn{display: block;height:104px;width:53px;position:absolute; margin-top:-62px;top:50%;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S;}
#pictrue1 #left_btn{left:-80px; background:url(../images/left.png) no-repeat left}
#pictrue1 #left_btn:hover{background:url(../images/left.png) no-repeat right}
#pictrue1 #right_btn{right:-80px; background:url(../images/right.png) no-repeat right}
#pictrue1 #right_btn:hover{background:url(../images/right.png) no-repeat left}

.img-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.img_top{padding-top:88%;}
.img-absolute2{	top: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}

/*p-1*/
.picture1-list { margin-bottom:20px;}
.picture1-list .picture1box,.picture1-list .picture1box a,.picture1-list .picture1box .icon,.picture1-list .picture1box .hengfu,.picture1-list
.picture1box .wz{
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s; 
}
.picture1-list .picture1box{ border:solid 1px #e0e0e0; padding:1px; background:#fff; border-radius:5px;}
.picture1-list .picture1box a{ display:table; position:relative; height:190px; overflow:hidden;border-radius:5px; width:100%;}
.picture1-list .picture1box span { display:table-cell; vertical-align:middle; }
.picture1-list .picture1box .icon{position:absolute;left:50%;margin:0 0 0 -40px; top:-70px; z-index:1;width:80px; height:70px;}
.picture1-list .picture1box .hengfu{ position:absolute; left:0; bottom:20px; z-index:1; width:0; height:60px; background:#bc2a2a;filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65; opacity: 0.65;}
.picture1-list .picture1box .wz{ padding:6px 0; position:absolute; right:-100%; bottom:20px; z-index:2; width:100%; height:60px; font-size:18px; color:#fff; text-align:center; line-height:24px;}
.picture1-list .picture1box .wz span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.picture1-list .picture1box img{ display: block; width: 100%; max-height:100%;}
.picture1-list .picture1box:hover{ border:solid 1px #bc2a2a;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.picture1-list .picture1box:hover .icon{ top:26px;}
.picture1-list .picture1box:hover .hengfu{ width:100%;}
.picture1-list .picture1box:hover .wz{ right:0;}



 /*more-1*/
.more1{ margin:10px 0 0;}
.more1 a{ display:block; margin:0 auto; width:136px; height:40px; color:#fff; line-height:37px; border-bottom:solid 3px #9b1d1d; transition:all 0.3s; background:#bc2a2a; font-family:"宋体"; border-radius:5px;}
.more1 a:hover{border-bottom:solid 3px #aa2727;  background:#ce3535;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}

/*c-2 */
.contact02 h1{ font-size:22px; color:#383838; line-height:50px;}
.contact02 .h5{ height:144px; overflow:hidden;}
.contact02 .h5 p{ margin:0 !important; color:#828282; line-height:24px; text-indent:2em;}
.contact02 .detailed{ height:325px; overflow:hidden;}
.contact02 .detailed li{ height:30px; color:#828282; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#666; height:34px; line-height:34px; font-weight:normal;}
.contact02 input{ background:#f5f5f5; border:dashed 1px #d6d5d5;}
.contact02 textarea{ max-width:100%; background:#f5f5f5; border:dashed 1px #d6d5d5;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#bc2a2a; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#cf3a3a;}

/*c-1*/
.contact-map{width:100%;  border:solid 1px #c4c2c2;}
.contact-content section h1{ font-size:16px; color:#666;}
.contact-content section address{ font-size:12px; color:#666;} 


@media (max-width:1199px){
/*h-2*/
.header2 nav{ width:100%;}	
.header2 nav li .xlbox ul{ width:100%;}	
	
 /*b-1*/
.bannerbox1{ height:380px;}
#banner{ height:380px;}
#banner .main_image{ height:380px;}
#banner .main_image li span{height:380px}
}


@media (max-width:991px){
.main{ padding:20px 0;}	
	
/*h-2*/	
.header2{margin-bottom:0px;height:50px; position:inherit;}
.header2 .topbar{ height:50px;}
.header2 .icon-menu{margin:12px 15px 0 0;font-size:26px;color:#4b4b4b;  cursor:pointer; }
.header2 .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:60px;z-index:5; }
.header2 .sjdnav ul{ padding:0; margin:0;}
.header2 .sjdnav li{ height:30px;display:block; padding:0; background:url(../images/tphovermb.png) repeat; text-align:center; margin-bottom:5px;}
.header2 .sjdnav li a{display:block; color:#bababa; line-height:30px; }
.header2 .sjdnavhide{ height:0; overflow:hidden;}	
.header2 .logo{ height:50px;}
.header2 .logo img{ width:220px; height:auto; margin-top:8px;}

/*b-1*/
.bannerbox1{ height:316px;}
#banner{ height:316px;}
#banner .main_image{ height:316px;}
#banner .main_image li span{height:316px}

/*a-1*/
.abousbox1{ background:none; padding:0 10px; height:auto;}
.abousbox1 .imgbox{ float:left !important; width:40%; padding:0 10px 0 0;}
.abousbox1 .imgbox img{ display:block; margin:0 auto;}
.abousbox1 .imgbox .tel{ display:none;}
.abousbox1 .textbox{ float:right !important; width:60%;}
.abousbox1 .text{ padding:0; font-size:12px; line-height:20px; height:auto;}

/*t-2-1*/
.title02{ margin:10px 0 20px; }
.title02 h2{font-size:14px; line-height:24px;}
.title02 h1{font-size:22px; line-height:26px;}

/*t-2-2*/
.title02-2{ margin:10px 0 20px; }
.title02-2 h2{font-size:14px; line-height:24px;}
.title02-2 h1{font-size:22px; line-height:26px;}

/*n-1*/
.news .news-list .imgbox{ width:20%;}
.news .news-list .textbox{ width:80%;}

/*p-4-2*/
.picture4-2 .picture4-list a{ height:210px;}

/*p-17*/
.picture17 { height:400px;}

 /*f-5*/
.footer5{padding:10px 0; font-size:12px;}
.footer5 .left{ width:100%;}
.footer5 .left .QrCode img{ display:block; margin:0 auto}
.footer5 .right{ margin:0; padding:0; border-left:none; width:100%; border-top: solid 1px #1d1c1c}
.footer5 section .ContactUs{ margin-top:0; padding-top:6px; border-top: solid 1px #525252; text-align:center;}
.footer5 section .Email{  text-align:center;}
.footer5 section address{  text-align:center; margin-bottom:0;}
.footer5 section .Copyright{ text-align:center;}
.footer5 section small	{ display:block;font-size:12px;  text-align:center;} 

/*n-3*/
.news3 .news3-list a{width:85%;}
.news3 .news3-list span{ width:15%;}

.lunbo #owl-demo .item .lunbobox a{ height:300px;}

.picture1-list  .picture1box a{ height:300px; }
.picture1-list  .icon{ height: 10px; }
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{ right:12px;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	
	
 /*f-nav*/
.hot{height:50px; background:#bc2a2a; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #cd3333;}
.hot span{ color:#fff; font-size:20px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#a52222;}	
	
/*h-2*/		
.header2 .sjdnav{ right:0;top:50px; width:35%; background:#999;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.header2 .sjdnav li{margin-bottom:0;padding-left:3%;height:40px; background:#3b3b3e; border-bottom:solid 1px #343538;border-top:solid 1px #484a4e;}
.header2 .sjdnav li a{color:#fff;line-height:40px; }	
.header2 .icon-menu{ font-size:20px; margin-top:15px;}
.header2 .logo img{ width:190px;margin-top:12px;}


/*b-1*/
.bannerbox1{ height:240px;}
#banner{ height:240px;}
#banner .main_image{ height:240px;}
#banner .main_image li span{height:240px}

/*a-1*/
.abousbox1 .imgbox{ width:100%; padding:0 0 10px 0;}
.abousbox1 .textbox{width:100%;}

/*t-2-1*/
.title02{ margin:0 0 20px; }
.title02 h2{font-size:12px; line-height:20px;}
.title02 h1{font-size:18px; line-height:24px;}

/*t-2-2*/
.title02-2{ margin:0 0 20px; }
.title02-2 h2{font-size:12px; line-height:20px;}
.title02-2 h1{font-size:18px; line-height:24px;}

/*n-1*/	
.news .news-list{ margin-bottom:20px;}
.news .news-list .imgbox{ width:30%; height:80px;}
.news .news-list .textbox strong{ line-height:20px;}
.news .news-list .textbox{ width:70%; height:80px; padding-top:0; padding-bottom:0;}
.news .news-list .textbox h6{ height:54px; overflow:hidden;}
.news .news-list .textbox b{ display:none;}

/*p-4-2*/
.picture4-2 .picture4-list a{ height:180px;}

/*p-17*/
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;}
.picture17 .content{ padding:0 7px 0 15px; width:50%;}
.picture17 .right{ padding:0 15px 0 7px; width:50%;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ display:none;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:50%;}
.picture17 .picture17-4,.picture17 .picture17-6{ height:50%;}
.picture17 .picture17-4 .picture17-4-2{ padding:0; width:100%;}

 /*f-5*/
.footer5 .left{ width:100%;}
.footer5 .fenxiang{ padding-bottom:10px;width:100%; border:none; height:auto; border-bottom:solid 1px #1d1c1c}
.footer5 .fenxiang h2{ margin-bottom:10px;}
.footer5 .right{ padding-top:10px; border-top: solid 1px #525252}

/*n-3*/
.news3 .news3-list a{width:80%;}
.news3 .news3-list span{ width:20%;}

/*t-8-1*/
.title08 h1{ font-size:16px;line-height:30px;}
.title08 ul li{line-height:22px;}

/*c-2 */
.contact02 .form-group{ margin-bottom:5px;}
.contact02 label{ margin-bottom:0;}
.contact02 button{ margin:5px 0 0 0; border-radius:5px; height:40px;}

.lunbo #owl-demo .item .lunbobox a{ height:240px;}

.picture1-list  .picture1box a{ height:240px;}

/*c-1*/
.contact-map{ margin:10px 0; height:auto; }

.title01 ul li a{ margin:0 5px; font-size:12px;}
 }
 
 @media (max-width:640px){	

.lunbo #owl-demo .item .lunbobox a{ height:200px;}

.picture1-list  .picture1box a{ height:200px;}
 }
 
 @media (max-width:500px){	 

.lunbo #owl-demo .item .lunbobox a{ height:160px;}
.lunbo #owl-demo .item .lunbobox .icon{ display:none;}
.lunbo #owl-demo .item .lunbobox .hengfu{ display:none;}
.lunbo #owl-demo .item .lunbobox .wz{ display:none;}

.picture1-list  .picture1box a{ height:160px;}
.picture1-list  .picture1box a .icon{ display:none;}
.picture1-list  .picture1box a .hengfu{ display:none;}
.picture1-list  .picture1box a .wz{ display:none;}
 }

@media (max-width:414px){	 
 /*b-1*/
.bannerbox1{ height:130px;}
#banner{ height:130px;}
#banner .main_image{ height:130px;}
#banner .main_image li span{height:130px}

.lunbo #owl-demo .item .lunbobox a{ height:140px;}

.picture1-list  .picture1box a{ height:140px;}

/*n-1*/
.news{ padding:20px 0;}
.news .news-list { margin:0 0 10px 0;}
.news .news-list .imgbox a{height:90px;}
.news .news-list .textbox{height:90px;}
.news .news-list .textbox h1{font-size:14px; line-height:20px; height:20px;}
.news .news-list .textbox .h5{ height:60px; }

/*p-4-2*/
.picture4-2 .picture4-list a{ height:120px;}

/*p-17*/
.picture17{ height:300px;}

/*n-3*/
.news3 .news3-list a{width:70%;}
.news3 .news3-list span{ width:30%;}
}

@media (max-width:340px){	
 /*h-2*/
.header2 .logo img{ width:170px;margin-top:12px;}

 /*n-1*/	
.news .news-list .imgbox a{height:80px;}
.news .news-list .textbox{height:80px;}
.news .news-list .textbox .h5{ height:40px; }

 /*b-1*/
.bannerbox1{ height:130px;}
#banner{ height:130px;}
#banner .main_image{ height:130px;}
#banner .main_image li span{height:130px}

.lunbo #owl-demo .item .lunbobox a{ height:120px;}

.picture1-list  .picture1box a{ height:120px;}
}



.fengxiang{ width:100%; margin:0 auto;}
.fengxiang ul li{ width:46%; padding:4px 3px; float:left; margin:4px 0px 4px 10px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}


/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.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.active 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.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	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.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-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: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	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;
}