*{font-family: "微软雅黑";color: #333;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333333;}
@charset "utf-8";

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@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"}
.text-blod{font-weight: bold;}
.container{padding-left: 0;padding-right: 0;}
.row{margin-left: 0;margin-right: 0;}
.red{color: #ff0000;}



.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;padding: 15px 0;background: url(../images/headbg.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;} 

.logobox{width: 50%;max-width: 436px;min-width: 250px;}
/*.topserch {position: relative;top: 10px;}
.topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;}
.topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/
.head_td{float: left;margin-left: 35px;padding-left: 28px;background: url(../images/td_bg.jpg)no-repeat left center;}
.ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;}
.ck_btn span{color: #004ba2;}

.tel1{padding-left: 53px;background: url(../images/tel.png)no-repeat left center;}
.tel1 h4{font-size: 14px;line-height: 22px;font-family: arial;}
.tel1 h3{font-size: 25px;line-height: 26px;font-family: arial;font-weight: bold;color: #006cb8;}

.menu{background:#006cb8;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)no-repeat right center;} 
.menu ul.yj>li{float: left;width: 11.11111%;position: relative;background: url(../images/shu.jpg)no-repeat left center;}

.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 60px;font-size: 16px; text-align: center;color: #fff;}
.menu ul.yj>li:hover>a{background:url(../images/menuh.jpg)repeat-x center center;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:60px;display: none;z-index: 9;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 34px; border-bottom: 1px solid #fff;background: #0564bc;color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #fff;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #0b85e9;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}

@media only screen and (max-width:1199px ) {
	.logobox{width: 37%;}
}
@media only screen and (max-width:991px ) {
	.logobox{width: 46%;}
}
@media only screen and (min-width:768px ) {
	.menu{display: block !important;}
}


@media only screen and (max-width:767px ) {
/*菜单*/
.menu ul.yj{background: none;}
.menu ul.yj>li{background: none;}
.menu ul.yj>li ul.ejmenu{display: none;}
.menu {display: block;width: 30%;min-width: 150px;right: 0;position: absolute;z-index: 9;}
.menu ul.yj{background:none;}
.menu ul.yj>li{width: 100%;overflow: hidden;float: none;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;background: none;border-bottom: 1px solid rgba(255,255,255,0.8);}
.menu ul.yj>li:before{background: none;}
}

/*特点*/
.tit01 h4{font-size: 24px;line-height: 50px;color: #ffffff; background:url(../images/titbg.png)no-repeat center center;}
.tit01{margin: 45px 0;}
.tdpic{text-align: center;margin-bottom: 15px;width: 100%;position: relative;}
.tdpic .s_td{position: absolute;width: 100%;text-align: center;top: 0;}
.tdpic .s_td img{max-width: 100%;opacity: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.tdpic img{max-width: 100%;}
.td_txt h3{font-size: 20px;line-height: 30px;}
.td_txt h4{font-size: 14px;line-height: 30px;}
.td_box ul li:hover .s_td img{opacity: 1;}
.td_box ul li:hover {cursor: pointer;}
.td_box ul li:hover .td_txt h3{color: #006CB8;}
.td_box ul li:hover .td_txt h4{color: #006CB8;}


.title01{width: 100%;display: block;margin-top: 25px;}
.title01 ul{display: inline-block;}
.title01 ul li{width: 12.5%; min-width: 126px;padding: 0 5px;}
.title01 ul li a{display: inline-block;line-height:38px;width: 100%;background: #7f7f7f;color: #ffffff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.title01 ul li a:hover{background: #006cb8;}
.title01 ul li a.active{background: #006cb8;}
@media only screen and (max-width:767px ) {
	.title01 ul li{min-width: 100px;}
}
.qh1{border-top: 2px solid #006cb8;}
.qh1 .lunbo .item {margin-top: 25px;}
.qh1 .lunbo .item a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #cfcfcf;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.qh1 .lunbo .item a .cpimgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dddddd;background: #ffffff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.qh1 .lunbo .item a .cpimgbox:before{content: ""; padding-top: 65%; display: block;}
.qh1 .lunbo .item a .cpimgbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.qh1 .lunbo .item a .qhtxt{padding:0 5px;}
.qh1 .lunbo .item a .qhtxt h3{width: 100%;text-align: left;font-size: 16px;line-height: 32px;border-bottom: 2px solid #cfcfcf;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.qh1 .lunbo .item a .qhtxt p{font-size:13px;line-height: 22px;}
.qh1 .lunbo .item a .qhtxt_p{width: 100%;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.qh1 .lunbo .item a .qhtxt_p p{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.qh1 .lunbo .item a:hover .cpimgbox{border-color: #ffffff;}
.qh1 .lunbo .item a:hover .cpimgbox img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

.qh1 .lunbo .item a:hover{background: #006cb8;}
.qh1 .lunbo .item a:hover .qhtxt h3{color: #ffffff;border-color: #ffffff;}
.qh1 .lunbo .item a:hover .qhtxt p{color: #FFFFFF;}
.casemore a{display: block;width: 290px;text-align: center;margin:25px auto;line-height:42px;border: 1px solid #666;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}


/*婚车展示*/
.in_case{padding-bottom: 25px}
.in_casebox a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #d7d7d7;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_casebox a .case_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.in_casebox a .case_pic:before{content: ""; padding-top: 80%; display: block;}
.in_casebox a .case_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_casebox a .case_txt p{font-size: 14px;line-height: 2.5em; white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.in_caselist:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.in_caselist{zoom:1;position: relative;padding:0 40px;} 
.in_casebox a:hover{border-color: #006CB8;}
.in_casebox a:hover .case_pic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.in_casebox a:hover .case_txt p{color: #006CB8;}
.in_caselist .swiper-button-prev{background: url(../images/leftbtn.png)no-repeat center left;left: 0;}
.in_caselist .swiper-button-next{background: url(../images/rightbtn.png)no-repeat center right;right: 0;}
.in_caselist .swiper-button-prev,.in_caselist .swiper-button-next{width: 47px;}
@media only screen and (max-width:767px ) {
	.in_caselist{padding: 0 15px;}
}

/*友情链接*/
.yq_link{background: url(../images/yqlink.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.linkbox:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.linkbox{zoom:1;position: relative;padding-right: 140px;height: 90px; background: #006cb8;} 
.link_l{margin-top:16px;}
.link_l h3{font-size: 24px;color: #fff;line-height: 30px;}
.link_l p{font-size: 14px;line-height: 26px;border-bottom: 1px solid #ffffff;text-transform: uppercase;color: #fff;}
.link_r{position: absolute;display: block;width: 140px;line-height: 90px;right: 0;top: 0;}
.link_r a{display: block;width:140px;text-align: right;background: #f78711;line-height: 90px;}
.link_r a img{max-height: 100%;}

/*新闻*/
.in_newl{width: 45%;float: left;margin: 10px 0;}
.in_newr{width: 55%;float: right;padding-left:40px;margin: 10px 0;}
/*新文左侧*/
.in_newl .innewpic{width: 100%;height: 307px;overflow: hidden;}
.in_newl .innewpic span{display:block;width: 100%;height: 100%;}
.in_newl .innewtxt a{display: block;width: 100%;overflow: hidden;zoom: 1;padding: 10px;margin-top: 10px;background: #eee;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_newl .innewtxt a h3{font-size: 16px;line-height: 30px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_newl .innewtxt a .newheng{width: 32px;height: 2px;background: #006CB8;
transition:all 0.25s;
-moz-transition:all 0.25s; /* Firefox 4 */
-webkit-transition:all 0.25s; /* Safari 和 Chrome */
-o-transition:all 0.25s; /* Opera */
}
.in_newl .innewtxt a .in_new_t{font-size: 14px;line-height: 23px;height: 69px;text-align: justify;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;}
.in_newl .innewtxt a:hover{background: #006cbb;}
.in_newl .innewtxt a:hover h3{color: #fff;}
.in_newl .innewtxt a:hover .newheng{background: #ffffff;width: 90%;}
.in_newl .innewtxt a:hover .in_new_t p{color: #fff;}

/*新闻右侧*/
.in_news {margin: 25px 0;}
.in_news .in_newr ul li{margin: 5px 0;}
.in_news .in_newr ul li a:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.in_news .in_newr ul li a{zoom:1;width: 100%;display: block;position: relative;padding: 10px;padding-left: 200px;background: #eee;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
} 
.in_news .in_newr ul li a:hover{background: #006cb8;}
.in_news .in_newr .newli_l{width: 180px;height: 121px;overflow: hidden; position: absolute;left: 10px;top: 10px;}
.in_news .in_newr .newli_l span{width: 100%;height: 100%;display: block;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_news .in_newr .newli_r{padding: 10px 0;width: 100%;}
.in_news .in_newr .newli_r h3{font-size: 16px;line-height: 30px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_news .in_newr .newli_r .new_heng{width: 32px;height: 2px;background: #006cb8;
transition:all 0.25s;
-moz-transition:all 0.25s; /* Firefox 4 */
-webkit-transition:all 0.25s; /* Safari 和 Chrome */
-o-transition:all 0.25s; /* Opera */
}
.in_news .in_newr .newli_r .new_t{font-size: 14px;line-height: 23px;height: 69px;text-align: justify; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.in_news .in_newr ul li a:hover .newli_r h3{color: #fff;}
.in_news .in_newr ul li a:hover .newli_r .new_heng{background: #ffffff;width: 90%;}
.in_news .in_newr ul li a:hover .newli_r .new_t p{color: #fff;}
.in_news .in_newr ul li a:hover .newli_l span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

/*联系我们*/
.in_con{width: 100%;overflow: hidden;zoom: 1;padding: 25px 0 58px; background: url(../images/conbg.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;}

.in_conl,.in_conr{width: 50%;float: left;position: relative;padding-left: 150px;}
.tit02{position: absolute;left: 0;top: 50%;margin-top: -37px;}
.tit02 h3{font-size: 20px;line-height: 36px;color: #fff;}
.tit02 h4{font-size: 20px;line-height: 36px;display: inline-block;border-top: 2px solid #ffffff; text-transform: uppercase;font-family: Arial;color: #fff;}
.in_conl .con_lx{width: 100%;}
.in_conl .con_lx p{font-size: 14px;line-height: 26px;color: #fff;}

.in_conr .con_ly {padding-top: 25px;}
.in_conr .con_ly .formbox .inputbox{width: 50%;float: left;padding:0 15px;margin-bottom: 25px;}
.in_conr .con_ly .formbox .inputbox input{width: 100%;color: #ffffff;line-height: 24px;padding-left: 5px; border: none;outline: none;border-bottom: 1px solid #006cb8;background: none;}
.in_conr .con_ly .formbox .textbox {width: 100%;padding: 0 15px;margin-bottom: 25px;}
.in_conr .con_ly .formbox .textbox textarea{color: #ffffff; width: 100%;max-width: 100%;max-height: 74px;height: 74px;padding-left: 5px;border: none; outline: none; border-bottom: 1px solid #006CB8;background: none;}
.in_conr .con_ly .formbox button.tj{width: 158px;line-height: 40px;color: #fff;text-align: center;background: #f78711;border: none;outline: none;margin-left: 15px;}


.in_conr .con_ly .formbox .inputbox input::-webkit-input-placeholder {/*Chrome/Safari*/
    color:#ffffff;
    }
.in_conr .con_ly .formbox .inputbox input::-moz-placeholder {/*Firefox*/
    color:#ffffff;
    }
.in_conr .con_ly .formbox .inputbox input::-ms-input-placeholder {/*IE*/
       color:#ffffff;
    } 
.in_conr .con_ly .formbox .textbox textarea::-webkit-input-placeholder {/*Chrome/Safari*/
    color:#ffffff;
    }
.in_conr .con_ly .formbox .textbox textarea::-moz-placeholder {/*Firefox*/
    color:#ffffff;
    }
.in_conr .con_ly .formbox .textbox textarea::-ms-input-placeholder {/*IE*/
       color:#ffffff;
    } 
/*PC底部*/
.cfot{background: #006CB8;}
.fotmenu{font-size: 0;display:block;padding: 24px 0;background: url(../images/fotmenubg.png)no-repeat center center;-webkit-background-size: 100%;background-size: 100%;position: relative; top: -33px;margin-bottom: -33px;}
.fotmenu a{display: inline-block;font-size: 16px;line-height: 1;color: #ffffff; padding:0 14px;border-left: 2px solid #ffffff;}
.fotmenu a:first-child{border-left: 0;}
.foot_box{background: #006CB8;}
.foot_p{padding: 20px 0;}
.foot_p p{font-size: 14px;line-height: 26px;color: #ffffff;}


/*手机底部*/
.hot{width:100%; height:58px; background:#006CB8; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center;}
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }

@media only screen and (max-width:1199px ) {
	.fotmenu{top: -32px;}
}
@media only screen and (max-width:991px ) {
	.td_txt h3{font-size: 17px;}
	
	.tit01{margin: 35px 0;}
	.menu ul.yj>li>a{font-size: 14px;overflow: hidden;white-space: nowrap;}
	.fotmenu{top: -31px;}
	.fotmenu a{font-size: 14px;padding: 0 10px;}
	.in_news .in_newr .newli_l{width: 150px;}
	.in_news .in_newr ul li a{padding-left: 170px;}
	
	.qh1 .lunbo .item a .qhtxt_p p{font-size: 12px;}
	.qh1 .lunbo .item{padding: 0 8px;}
	
	
}
@media only screen and (min-width:768px ) {
	
}
@media only screen and (max-width:767px ) {
	.td_txt h3{font-size: 15px;}
	.td_txt h4{font-size: 12px;height: 36px;line-height: 18px;}
	
	.tit01{margin: 25px 0;}
	.in_newl{width: 100%;padding: 0 15px;}
	.in_newr{width: 100%;padding: 0 15px;}
	.in_news .in_newr .newli_l{width: 150px;}
	.in_news .in_newr ul li a{padding-left: 170px;}
	.yq_link{padding: 0 15px;}
	.in_conl, .in_conr{width: 100%;padding: 0 15px;}
	.in_conl{margin-bottom: 25px;}
	.tit02{position: static;top: 0;margin: 0;}
	.tit02 h4{display: inline-block;border-top: 2px solid #ffffff;}
	.in_con{padding-bottom: 25px;}
}

.centent:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.centent{zoom:1;margin-bottom: 50px;margin-top: 20px;} 

.cen_l{width: 21%;float: left;}
.cen_r{width: 79%;float: right;padding-left: 28px;}
.tit1 h3{font-size: 30px;color: #ffffff; line-height: 88px;background: url(../images/tit01bg.png)no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.tit1 img{margin-bottom: 0;display: block;width: 100%;}
.dropmenu {padding: 0 9px 9px 9px;background:#006cb8;}
.dropmenu ul{padding: 4px;background: #ffffff;}
.dropmenu ul li{margin:2px 0;}
.dropmenu ul li a{display: block;width: 100%;line-height: 40px;background: #f4f4f4;padding-left: 10px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.dropmenu ul li a span{margin-right:8px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.dropmenu ul li a:hover{color: #ffffff;background: #006cb8;}
.dropmenu ul li a.act{color: #ffffff;background:#006cb8 ;}
.dropmenu ul li a:hover span{color: #ffffff;}
.dropmenu ul li a.act span{color: #ffffff;}

.tit2 h3{font-size: 18ox;color: #fff;}
.tit2 h5{font-size: 12px;color: #fff;}
.tit2{background: url(../images/tit02bg.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%; padding: 22px 0 33px 0;border-left: 1px solid #006CB8;border-right: 1px solid #006CB8;}

.cen_lx{margin-top: 15px;}
.cen_lxbox{border: 1px solid #006CB8;border-top: none;padding: 9px 7px;border-bottom-width: 5px;background: #f7f7f7;}
.cen_lxbox p{font-size: 14px;line-height: 24px;}

.suoyin{width: 100%;overflow: hidden;zoom: 1;padding-bottom: 3px;background: url(../images/suoyinbg.png)repeat-x bottom center;}
.suoyin h3{font-size: 20px;line-height: 45px;}
.suoyin p{font-size: 14px;line-height: 45px;}

/*自考报价*/
.product ul:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.product ul{zoom:1;margin-top: 25px;} 


.product ul li{margin-bottom: 20px;padding:0 10px;}
.product ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #cfcfcf;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.product ul li a .probox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dddddd;background: #fff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.product ul li a .probox:before{content: ""; padding-top: 65%; display: block;}
.product ul li a .probox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.product ul li a .protxt{padding:0 5px;}
.product ul li a .protxt h3{width: 100%;text-align: left;font-size: 16px;line-height: 32px;border-bottom: 2px solid #cfcfcf;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product ul li a .protxt p{font-size:13px;line-height: 22px;}
.product ul li a .protxt_p{width: 100%;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.product ul li a .protxt_p p{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.product ul li a:hover .probox{border-color: #ffffff;}
.product ul li a:hover .probox img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

.product ul li a:hover{background: #006cb8;}
.product ul li a:hover .protxt h3{color: #ffffff;border-color: #ffffff;}
.product ul li a:hover .protxt p{color: #FFFFFF;}


@media only screen and (max-width:991px ) {
	.tit1 h3{font-size: 26px;}
}
@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}
@media only screen and (max-width:767px ) {
.cen_l{width: 100%;float: left;}
.cen_r{width: 100%;float: right;padding-left: 0;}

.tit1 img{display: none;}
.tit1 h3{text-align: left;padding-left: 15px;position: relative;font-size: 26px;line-height: 60px;}
.tit1 .dropbtn{font-size: 24px; display: block;width: 40px;line-height: 40px;text-align: center;color: #fff;position: absolute;right: 0;top: 50%;margin-top: -20px;}
.product ul li a .protxt_p p{font-size: 12px;}

}

/*关于我们*/
.abpic{width: 100%;margin: 25px 0;}
.about_txt p{font-size: 16px;line-height: 24px;text-align: justify;margin-bottom:5px;text-indent: 1.5em;}

/*市内用车*/
.yongche ul:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.yongche ul{zoom:1;margin-top: 25px;} 

.yongche ul li{margin-bottom: 20px;padding:0 10px;}
.yongche ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #cfcfcf;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.yongche ul li a .ycbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dddddd;background: #fff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.yongche ul li a .ycbox:before{content: ""; padding-top: 65%; display: block;}
.yongche ul li a .ycbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.yongche ul li a .yctxt{padding:0 5px;}
.yongche ul li a .yctxt h3{width: 100%;text-align: left;font-size: 16px;line-height: 32px;border-bottom: 2px solid #cfcfcf;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.yongche ul li a .yctxt p{font-size:13px;line-height: 22px;}
.yongche ul li a .yctxt_p{width: 100%;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.yongche ul li a .yctxt_p p{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.yongche ul li a:hover .ycbox{border-color: #ffffff;}
.yongche ul li a:hover .ycbox img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

.yongche ul li a:hover{background: #006cb8;}
.yongche ul li a:hover .yctxt h3{color: #ffffff;border-color: #ffffff;}
.yongche ul li a:hover .yctxt p{color: #FFFFFF;}

@media only screen and (max-width:767px ) {
.yongche ul li a .yctxt_p p{font-size: 12px;}
}

/*婚车展示*/
.hc ul li{margin-bottom: 20px;padding:0 10px;}
.hc ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #cfcfcf;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.hc ul li a .hcbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dddddd;background: #fff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.hc ul li a .hcbox:before{content: ""; padding-top: 65%; display: block;}
.hc ul li a .hcbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.hc ul li a .hctxt{padding:0 5px;}
.hc ul li a .hctxt h3{width: 100%;text-align: left;font-size: 16px;line-height: 32px;border-bottom: 2px solid #cfcfcf;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hc ul li a .hctxt p{font-size:13px;line-height: 22px;}
.hc ul li a .hctxt_p{width: 100%;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.hc ul li a .hctxt_p p{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.hc ul li a:hover .hcbox{border-color: #ffffff;}
.hc ul li a:hover .hcbox img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

.hc ul li a:hover{background: #006cb8;}
.hc ul li a:hover .hctxt h3{color: #ffffff;border-color: #ffffff;}
.hc ul li a:hover .hctxt p{color: #FFFFFF;}


@media only screen and (max-width:767px ) {
.hc ul li a .hctxt_p p{font-size: 12px;}
}

/*长途车报价*/
.message{width: 100%;max-width: 600px;margin: 0 auto;margin-top: 25px}
.clgs{padding:0 11px;background: #b2d3ea;}
.message label.div-control{border: none;height: 24px;padding: 0;margin: 0;line-height: 24px;background: none;-webkit-box-shadow: none;box-shadow: none;}
.message div{margin-bottom: 15px;}
.clpz{padding:0 11px;}

.hzms{padding:0 11px;}

.city_input #select_p_c_a,.city_input #select_p_c_a1{float: left;width: 100%;margin-bottom: 15px;}

.city_input .city{width: 100%;}
#select_p_c_a select,#select_p_c_a1 select{width:30%;line-height: 32px;height: 34px;border-radius: 4px}

.tjbtn{width: 120px;display: block;text-align: center;margin: 25px auto; line-height: 32px;background: #006CB8;color: #ffffff;outline: none;border: none;}
.cx{width: 40%;margin-right: 10%; float: left;}
.xlmenu option{padding: 3px 0;height:40px;font-size:14px;margin: 10px;}



/*猜您喜欢*/
.like ul{margin-top: 15px;}
.like ul li{margin-bottom: 15px;padding: 5px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.like ul li a{display: block; width: 100%;overflow: hidden;zoom: 1;padding-left:180px;position: relative;}
.like ul li a .liketxt{padding-left: 10px;padding-top: 5px;padding-bottom: 5px;}
.like ul li a .liketxt h3{font-size: 16px;font-weight: bold;color: #666666;line-height:30px;margin-top: 5px; white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.like ul li a .liketxt .heng{width: 30px;height: 2px; background: #006CB8;margin:5px 0;}
.like ul li a .liketxt .like-t{height:69px;overflow: hidden;padding-right: 5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.like ul li a .liketxt .like-t p{font-size: 14px;line-height: 23px;text-align: justify; color: #999999;}
.like ul li a .likepic{width: 180px;height: 126px;overflow: hidden;position: absolute;left: 0;top: 0;}
.like ul li a .likepic span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.like ul li a:hover .likepic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.like ul li:hover {background: #006CB8;}
.like ul li a:hover .like-t p{color: #ffffff;}
.like ul li a:hover .liketxt h3{color: #ffffff;}
.like ul li a:hover .liketxt .heng{width: 90%;background: #ffffff;}

@media only screen and (max-width:767px ) {
	.like ul li a .likepic{width: 155px;}
	.like ul li a{padding-left: 155px;}
	.like ul li a .liketxt {padding-left: 5px;}
}

/*人才招聘*/
.zppic{width: 100%;margin: 25px 0;}
.zp_txt p{font-size: 16px;line-height: 24px;text-align: justify;margin-bottom:5px;text-indent: 1.5em;}
.zp_txt p a {line-height: 24px;}
/*联系我们*/
.contact .contxt p{font-size: 16px;line-height: 24px;}
.contact .mapbox{width: 100%;}

/*猜您喜欢详情*/
.like-x-tit{border-bottom: 1px solid #d3d3d3;margin: 15px 0;}
.like-x-tit h3{font-size: 16px;color: #222;line-height: 24px;}
.like-x-tit h5{font-size: ;color: #b1b1b1;line-height: 20px;}
.like-x-pic{width: 100%;text-align: center;margin: 15px auto;}
.like-x-pic img{max-width: 100%;}
.like-x-t p{font-size: 14px;line-height: 24px;margin-bottom: 3px;text-indent: 1.5em;text-align: justify;}


/*自驾报价*/
.cplb{position: relative;height: 430px;left:0;margin-top: 15px;}
.cplb .swiper-container { width: 100%;margin-left: auto; margin-right: auto; }
.cplb .swiper-slide { background-size: cover;  background-position: center;}
.cplb .gallery-top {height: 80%;width: 100%;}
.cplb .gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 20px;}
.cplb .gallery-thumbs .swiper-slide { height: 100%; opacity:1;}
.cplb .gallery-thumbs .swiper-slide-active {opacity: 1;}
.cplb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{display: block;position: absolute;top: 100% !important;margin-top: -76px; z-index: 66; background-color: #006cb8;padding: 5px;transform: scaleX(0.8);}
.cplb .swiper-button-next,.cplb .swiper-button-prev{height: 66px !important;background-position: center center !important;background-repeat: no-repeat !important;}
@media only screen and (max-width:767px ) {
.cplb{position: relative;height: 430px;width:100%;left: 0;}
}
@media only screen and (max-width:560px ) {
	.cplb{height: 400px;}
	.cplb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -70px;}
	.cplb .swiper-button-next,.cplb .swiper-button-prev{height: 60px !important;}
	
}
@media only screen and (max-width:460px ) {
	.cplb{height: 380px;}
	.cplb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -66px;}
	.cplb .swiper-button-next,.cplb .swiper-button-prev{height: 56px !important;}
}
@media only screen and (max-width:400px ) {
	.cplb{height: 320px;}
	.cplb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -54px;}
	.cplb .swiper-button-next,.cplb .swiper-button-prev{height: 44px !important;}
}
.cpxq{margin-top: 15px;}
.cpxq h3{font-size: 24px;line-height: 44px; border-bottom: 1px solid #ababab;color: #303030;}
.cpxq p{color: #222222;font-size: 14px;line-height: 34px;}
.cpxq a{display: block;width: 130px;line-height: 32px;margin-top: 10px; text-align: center;color: #fff;background: url(../images/xqa_bg.jpg);}
.cpxq a span{color: #ffffff;font-size: 12px;}

.tit3{width: 100%;margin: 15px 0;background: #f0f0f0;}
.tit3 h3{display: block;width: 125px;text-align: center;line-height: 30px;background: #006CB8;color: #fff;font-size: 14px;}

.zijia-x-pic{width: 100%;text-align: center;margin: 15px auto;padding:0 15px ;}
.zijia-x-pic img{max-width: 100%;margin: 0 auto;}

/*婚车详情*/
.hclb{position: relative;height: 430px;left:0;margin-top: 15px;}
.hclb .swiper-container { width: 100%;margin-left: auto; margin-right: auto; }
.hclb .swiper-slide { background-size: cover;  background-position: center;}
.hclb .gallery-top {height: 80%;width: 100%;}
.hclb .gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 20px;}
.hclb .gallery-thumbs .swiper-slide { height: 100%; opacity:1;}
.hclb .gallery-thumbs .swiper-slide-active {opacity: 1;}
.hclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{display: block;position: absolute;top: 100% !important;margin-top: -76px; z-index: 66; background-color: #006cb8;padding: 5px;transform: scaleX(0.8);}
.hclb .swiper-button-next,.hclb .swiper-button-prev{height: 66px !important;background-position: center center !important;background-repeat: no-repeat !important;}
@media only screen and (max-width:767px ) {
.hclb{position: relative;height: 430px;width:100%;left: 0;}
}
@media only screen and (max-width:560px ) {
	.hclb{height: 400px;}
	.hclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -70px;}
	.hclb .swiper-button-next,.hclb .swiper-button-prev{height: 60px !important;}
	
}
@media only screen and (max-width:460px ) {
	.hclb{height: 380px;}
	.hclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -66px;}
	.hclb .swiper-button-next,.hclb .swiper-button-prev{height: 56px !important;}
}
@media only screen and (max-width:400px ) {
	.hclb{height: 320px;}
	.hclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -54px;}
	.hclb .swiper-button-next,.hclb .swiper-button-prev{height: 44px !important;}
}
.hcxq{margin-top: 15px;}
.hcxq h3{font-size: 24px;line-height: 44px; border-bottom: 1px solid #ababab;color: #303030;}
.hcxq p{color: #222222;font-size: 14px;line-height: 34px;}
.hcxq a{display: block;width: 130px;line-height: 32px;margin-top: 10px; text-align: center;color: #fff;background: url(../images/xqa_bg.jpg);}
.hcxq a span{color: #ffffff;font-size: 12px;}

.tit3{width: 100%;margin: 15px 0;background: #f0f0f0;}
.tit3 h3{display: block;width: 125px;text-align: center;line-height: 30px;background: #006CB8;color: #fff;font-size: 14px;}

.hc-x-pic{width: 100%;text-align: center;margin: 15px auto;padding:0 15px ;}
.hc-x-pic img{max-width: 100%;margin: 0 auto;}




/*市内用车详情*/

.yclb{position: relative;height: 430px;left:0;margin-top: 15px;}
.yclb .swiper-container { width: 100%;margin-left: auto; margin-right: auto; }
.yclb .swiper-slide { background-size: cover;  background-position: center;}
.yclb .gallery-top {height: 80%;width: 100%;}
.yclb .gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 20px;}
.yclb .gallery-thumbs .swiper-slide { height: 100%; opacity:1;}
.yclb .gallery-thumbs .swiper-slide-active {opacity: 1;}
.yclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{display: block;position: absolute;top: 100% !important;margin-top: -76px; z-index: 66; background-color: #006cb8;padding: 5px;transform: scaleX(0.8);}
.yclb .swiper-button-next,.yclb .swiper-button-prev{height: 66px !important;background-position: center center !important;background-repeat: no-repeat !important;}
@media only screen and (max-width:767px ) {
.yclb{position: relative;height: 430px;width:100%;left: 0;}
}
@media only screen and (max-width:560px ) {
	.yclb{height: 400px;}
	.yclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -70px;}
	.yclb .swiper-button-next,.yclb .swiper-button-prev{height: 60px !important;}
	
}
@media only screen and (max-width:460px ) {
	.yclb{height: 380px;}
	.yclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -66px;}
	.yclb .swiper-button-next,.yclb .swiper-button-prev{height: 56px !important;}
}
@media only screen and (max-width:400px ) {
	.yclb{height: 320px;}
	.yclb .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{margin-top: -54px;}
	.yclb .swiper-button-next,.yclb .swiper-button-prev{height: 44px !important;}
}
.ycxq{margin-top: 15px;}
.ycxq h3{font-size: 24px;line-height: 44px; border-bottom: 1px solid #ababab;color: #303030;}
.ycxq p{color: #222222;font-size: 14px;line-height: 34px;}
.ycxq a{display: block;width: 130px;line-height: 32px;margin-top: 10px; text-align: center;color: #fff;background: url(../images/xqa_bg.jpg);}
.ycxq a span{color: #ffffff;font-size: 12px;}

.tit3{width: 100%;margin: 15px 0;background: #f0f0f0;}
.tit3 h3{display: block;width: 125px;text-align: center;line-height: 30px;background: #006CB8;color: #fff;font-size: 14px;}

.yc-x-pic{width: 100%;text-align: center;margin: 15px auto;padding:0 15px ;}
.yc-x-pic img{max-width: 100%;margin: 0 auto;}

/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        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: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        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;
        }