@font-face {
    font-family: "SSZHJT";
    url('./fonts/SSZHJT.TTF') format('truetype');
}
*{
    padding: 0;
    margin: 0;
}
html{
    font-size: 62.5%;
}
body{
    height: auto;
    font-family:Helvetica,Arial,Microsoft YaHei,Arial;
    margin:0 auto;
    padding:0;
    overflow-x: hidden;
    color: #3a3a3a;
    font-size:14px;
}
hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe,figure,label,b ,strong{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-margin-after:0 ;
    font-size :100% ;
}
button, input, select, textarea {
    font-size:100%;
}
.in-search { margin-left:10px;}
.in-button{ background:#212121 url(../images/search_btn.jpg) 1px center no-repeat; width:22px; height:22px;  color:#fff; border:1px solid #212121;
    align-items: flex-start;
    text-align: center;
    cursor: default;    
    padding: 2px 2px 0 2px;   
    border-image-source: none;
    border-image-slice: none;
    border-image-width: none;
    border-image-outset: none;
    border-image-repeat: none;
    background-color: #212121;
    box-sizing: border-box;
	margin-top:10px;
    vertical-align:top;
	}
	
.in-input{ line-height:20px; border-bottom:1px solid #212121; border-top:1px solid #212121; border-left:1px solid #212121; vertical-align:top; margin-top:10px; }	

table{
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul,li,img,menu,dir{
    border: 0;
    list-style: none;
    padding: 0;
}
i,em,b,strong{
    font-style: normal;
}
a{
    text-decoration: none;
    color: #696969;
    outline: 0;
    transition-duration: 0.5s;
}
a:hover{
    color: #c73564;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix{
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear:both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pt20{
    padding: 20px 0;
}
.mt20{margin: 20px 0 0;}
.mt30{margin: 30px 0 0;}
.mt40{margin: 40px 0 0;}
.mt50{margin: 50px 0 0;}
.mt60{margin: 60px 0 0;}

.w_show{display:none;}


.container{
    margin-right: auto;
    margin-left: auto;
}

.onn{ border-bottom:2px solid #c73564;}
.onn a{color: #c73564;}

@media screen and (min-width: 320px) {
    .container {
        padding-right: 6px;
        padding-left: 6px;
    }
}
@media screen and (min-width: 1080px){
    .container{
        width: 1080px;
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 1200px){
    .container{
        width: 1200px;
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 1300px){
    .container{
        width: 1300px;
        padding-right:0;
        padding-left: 0
    }
}



/*有用的样式*/

/*header*/
.head_top{
    line-height: 42px;
    overflow: hidden;
    background: #c73564;
    color: #fff;
    font-size: 12px;
}

.q_top  span{
    padding: 0 5px;
}

.q_top a{
    color: #7c7c7c;
}

.q_top a:hover{
    color: #0069b7;
}

.head-logo{
    overflow: hidden;
    padding: 20px 0;
}

.logo h1{
    color: #0069b7;
    font-size: 30px;
}

.logo h2{
    font-size: 16px;
    color: #7d7d7d;
    padding: 5px 0;
}

.logo h2 span{
    color: #cf1215;
}

.logo h3{
    color: #7d7d7d;
    font-size: 16px;
}

.logo a img {
    float: left;
    padding-right: 15px;
    width: auto;
    max-width: 100%;
    display: block;
	
}

.logo i{ border-left:1px solid #c9c9c9; height:70px; float:left; margin-top:10px; padding:0 10px;}
.logo a p {
	
    margin-left: 0px;
    float: left;
    font-size: 2.8rem;
    color: #4f4f4f;
    padding-top: 14px;
    font-weight: 600;
}
.logo a span {
    display: block;
    font-size: 1.7rem;
    margin-top: 3px;
	font-weight:normal;
}

.tell{
    background: url("../images/icon.png") no-repeat left 5px;
    padding: 5px 0 15px 56px;
    font-size: 16px;
    color: #1f1f1f;
    margin-top: 10px;
}

.tell h2{
    color: #c73564;
    font-size: 26px;
    vertical-align: middle;
	font-weight:700;
}
.tell p{
    color: #666666;
}
.bot_line{ border-bottom:1px solid #ccc; height:40px; display:block;}
.catory{ margin-top:10px;}
.catory li{ display:inline-block; margin:0 10px; line-height:40px;}

.catory li:hover{ border-bottom:2px solid #c73564;}


.top_ad{ float:left; width:450px; margin:20px 0 0 60px;}
.top_ad li{ width:100px; float:left; margin-left:10px; line-height:18px;}
.tad_bg1{ background:url(../images/top1.png) left no-repeat; padding-left:40px;}
.tad_bg2{ background:url(../images/top2.png) left no-repeat; padding-left:40px;}
.tad_bg3{ background:url(../images/top3.png) left no-repeat; padding-left:40px;}
/*nav*/
/*.nav-bg{background:#215c92 url(../images/menu_bg.jpg) repeat-x;}*/
.rm-menu,.rm-nav ul { margin-top:0;}
.fu_bg{background:url(../images/gray_bg.jpg) repeat-x; padding-top:50px;}
.index-kh{border-bottom:1px solid #ccc;}
.index-kh span{font-size:20px; color:#ccc;   vertical-align: top; display:inline-table; font-weight:normal;}
.bg_gr{ background:#f1f1f1;}
.bg_wit{ background:#fff;}
.index_tit{ margin-bottom:0;}
.index_tit h2{ 
    font-weight: 600;
    font-size: 20px;
    border-bottom: 3px solid #c93363;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 10px;
	}
	
.index_tit h3 {
    font-weight: 600;
    font-size: 20px;    
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 10px;
}	
	
.index_tit span{ font-size:18px; font-weight:normal; margin-top:6px;}
.index_tit em{ float:right; margin-top:16px; margin-right:6px;}

.intit_dot1{ background:url(../images/in_pro_dot.png) no-repeat left; padding-left:40px;}
.intit_dot2{ background:url(../images/in_case_dot.png) no-repeat left; padding-left:40px;}
.intit_dot3{ background:url(../images/in_fc_dot.png) no-repeat left; padding-left:40px;}
.intit_dot4{ background:url(../images/in_contact_dot.png) no-repeat left; padding-left:40px;}
.intit_about{ background:url(../images/iabou_t.png) no-repeat left; padding-left:40px; width:25%;}
.intit_news{ background:url(../images/inews_t.png) no-repeat left; padding-left:40px; width:40%}
.intit_vid{ background:url(../images/ivid_t.png) no-repeat left; padding-left:46px;}

.inservice{ display:block; position:relative; height:540px;}
.inservice img{ position:absolute; z-index:9;}



.inservice dl p{ font-size:16px;}
.inservice dl:first-child{margin-left:0;}

.ban_ad{ position:absolute; z-index:99; top:300px; width:100%; text-align:center;}

.ban_ad dl{ height:237px; background:#FFF; margin:0 10px;
 -webkit-box-shadow:2px 0px 8px 0px #ccc;
 -moz-box-shadow:2px 0px 8px 0px #ccc;
 display:inline-block;
 vertical-align:top; 
  text-align:left;
}
.ban_ad dl dd{ display:inline-block; vertical-align:top; width:45%; vertical-align:top;}
.ban_ad dl dd img{ width:100%;}
.ban_ad dl dt{ display:inline-block;vertical-align:top; width:50%; vertical-align:top;}
.ban_ad dl dt h2{ margin-top:10%; margin-left:10px; font-size:16px; display:block; line-height:36px;}
.ban_ad dl dt h2 a{color:#272727;}
.ban_ad dl dt p{  margin-left:10px; font-size:12px; color:#666; line-height:20px;}
.ban_ad dl img{ position:inherit;}
.dl_w{width:26%;}
.dl_w2 {width:118px;}


.intitle{ text-align:center; margin-top:60px;}
.intitle h2{ font-size:30px; font-weight:700; color:#215c92;}
.intitle p{ font-size:18px; font-weight:700; color:#215c92; line-height:30px;}
.bg_blue{ background:#215c92; margin-top:30px; padding:20px 0;}
.insolv dl{ width:23.5%; float:left; margin-left:2%; text-align:center; }
.insolv dl:first-child{ margin-left:0;}
/*.insolv dl img{ width:100%;}*/
.insolv dl dt{ width:100%; height:186px; overflow:hidden;}
.insolv dl dt img{	
    width: 100%;
	display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    padding: 0;
    margin: 0;
    opacity: 1;
	}
.insolv dl dt:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.05);
}


.iabout{ width:27%; background:#f2f2f2; float:left;}
.iabout img{ margin:20px auto;}
.inews{ width:38%; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 16px; float:left; padding:0 20px;}
.inews dl{ border-bottom:1px dashed #c7c7c7; padding-bottom:20px; margin-top:20px}
.inews dl dd{ width:30%; float:left;}
.inews dl dd img{ width:100%;}
.inews dl dt{ width:67%; float:right;}
.inews dl dt h2{ font-size:18px; line-height:30px;}
.inews dl dt h2 a{color:#272727;}
.inews dl dt p{ color:#4e4e4e;}

.inews dl dt span{ font-size:14px;}
.inews dl dt span a{color:#c73564; margin-top:10px; display:block;}
.inews ul{ margin-top:10px;}
.inews ul li{line-height:30px;}
.inews ul li i{ margin-right:6px;}
.inews ul li span{ float:right; color:#999;}
.ivid{ width:27%; float:left; padding-top:20px;}
.ivid ul{ margin-top:10px;}
.ivid ul li {
    width: 31%;
    margin: 4px;
    float: left;
}
.ivid ul li img{ width:100%;}

.intit_service {
    background: url(../images/iabou_t.png) no-repeat left;
    padding-left: 40px;
    width: 52%;
}
.intit_honr {
    background: url(../images/ihor_t.png) no-repeat left;
    padding-left: 40px;
    width: 40%;
}
.intit_honr em{ float:right; margin-top:6px; font-size:14px; font-weight:normal;}

.intit_buy {
    background: url(../images/ibuy_t.png) no-repeat left;
    padding-left: 40px;
    width: 52%;
}


.iservice{ width:54%; float:left;}
.ihonr{ width:42%; border-left:1px solid #ccc;  margin:0 10px; float:right; padding:10px 10px;}




.insolv{ display:block; margin-top:30px;}
.insolv dl p{ line-height:26px; padding:10px 0;}
.insolv dl p a{color:#383838;}


.iproduct{ margin-top:20px;}
.iproduct dt{ float:left; width:240px;}
.iproduct dt h2{ background:#215c92; color:#FFF; text-indent:2em; font-size:24px; font-weight:700; padding:15px 0;}
.iproduct dt p{ background:#215c92; color:#FFF; text-indent:2.5em; font-size:20px;  font-weight:normal;}
.iproduct dd{ float:right; width:75%;}
.iproduct dd h2{color:#215c92; font-size:22px; border-bottom:2px solid #eeeeee; padding-bottom:12px; margin-bottom:30px;}
.iproduct dd h2 b{border-bottom:2px solid #215c92; padding-bottom:12px;}
.iproduct dd h2 span{ float:right; font-size:14px; margin-top:10px; margin-right:10px;color:#5d5d5d;}
.iproduct dd h2 span a{color:#5d5d5d;}
.iproduct_list dl{ float:left; margin:5px; width:24%; text-align:center;}
.iproduct_list dl dt{width:94%; float:none; border:0; overflow:hidden; margin:8px auto; position: relative;}
.iproduct_list dl dt span {position: absolute; top: 30%;left: 41%; z-index:999}

.iproduct_list dl dt img{
    width: 100%;
	display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    opacity: 1;
}
.iproduct_list dl dt:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.05);
}
.iproduct_list dl p{padding:10px 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.iad img{ width:100%; margin:30px 0;}


.case_list dl{ float:left; margin:8px; width:32.1%; background:#f2f2f2;}
.case_list dl dd{ float:left; width:45%; display:inline-block;}
.case_list dl dd img{ width:100%;}
.case_list dl dt{width:53%; float:right; display:inline-block; }
.case_list dl dt h2{ font-size:18px; font-weight:600; margin:20px auto 6px auto; width:90%;}
.case_list dl dt p{ margin:0 auto; width:90%; color:#666;}
.case_list dl dt span { margin:30px auto; width:90%; display:block;}
.case_list dl dt span a{color:#c73564;}

.vid_list dl{ float:left; margin:5px; width:24%; text-align:center;}
.vid_list dl dt{width:94%; float:none; border:0; overflow:hidden; margin:8px auto; position: relative;}
.vid_list dl img{ width:100%;}
.vid_list dl dt span {position: absolute; top: 30%;left: 41%; z-index:999}





.indexproduct_list dl{ float:left; margin:5px; width:32.3%; text-align:center;}
.indexproduct_list dl dt{width:94%; float:none; border:0; overflow:hidden; margin:8px auto;}
.indexproduct_list dl dt img{
    width: 100%;
	display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    opacity: 1;
}
.indexproduct_list dl p{padding:10px 0;}

/*首页产品分类*/
 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 10px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }
.accordion .link {
    cursor: pointer;
    display: block;
    padding: 8px 0 0 20px;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 700;
    position: relative;
	background:#d8d8d8;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 10px;
	line-height:38px;
	
}
.accordion .link span{ float:left; margin-right:10px;}
/*.cb_1{ background:#d8d8d8 url(../images/incl_1.png)no-repeat; background-position:20px;}*/
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}
.accordion li.open .link {
	color: #d0d0d0;
}
.accordion li.open i {
	color: #d0d0d0;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #e2e2e2;
 	font-size: 14px;
 }
 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }
 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #545454;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }
 .submenu a:hover {
 	background: #d0d0d0;
 	color: #215c92;
 }
/*首页产品分类end*/

/*首页成功案例*/
.icase_list dl:first-child{ margin-left:0;}
.icase_list dl:nth-child(5){margin-left:0;}
.icase_list dl{ float:left; margin:0 0 20px 1%; width:21%;  text-align:center;}
.icase_list dl dt{width:96%; float:none; border:0; overflow:hidden; margin:4px auto;}
.icase_list dl dt img{
    width: 100%;
	display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    opacity: 1;
}
.icase_list dl dt:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.05);
}
.icase_list dl p{ padding:10px 0;}
.cenmore{ margin:0 auto; display:inline-block; border:1px solid #ccc; padding:10px 20px;}
.cenmore:hover{ background:#215c92; color:#FFF;}
/*首页成功案例end*/
/*首页新闻*/
.inews_box{ margin:20px 0;}
.inews_l{ width:28%; float:left; margin-left:10px; background:#f1f1f1; padding:10px 20px;}
.inews_l dl{ margin-top:0;}
.inews_l dl h2{ font-size:22px; line-height:30px;}
.inews_l dl h3{ font-weight:700; line-height:30px;}
.inews_l dl dt{ width:25%; float:left;}
.inews_l dl dt img{ width:100%;}
.inews_l dl dd{ width:72%; height:100px;  float:right;}
.inews_l dl dd h2 a{font-size:16px; line-height:36px; color:#215c92; font-weight:700;}

.inews_m{ width:43%; float:left; margin-left:10px; background:#f1f1f1; padding:20px;}
.inews_m img{ width:100%;}

.inews_r{ width:20%; float:right; }
.inews_r h2{ background:url(../images/icontact_tit_bg.jpg) no-repeat; width:243px; height:57px; line-height:57px; color:#FFF; text-indent:2em; font-size:18px; font-weight:700;}
.inews_r h3{ font-weight:700; line-height:26px; font-size:14px; width:90%; margin:10px auto;}
.inews_r p{  width:90%; margin:10px auto;}

.inews_list{ border-top:1px  dashed #ccc; display:block; margin-top:20px; padding-top:10px;}
.inews_list ul{ width:100%;}
.inews_list ul li{ line-height:30px; }
.inews_list ul li span{ float:right; color:#ccc;}
.inews_list ul li i{ padding-right:10px;}
/*首页新闻end*/
/*友情链接*/
.link{ border:1px solid #cacaca;}
.link dl{ width:100px; float:left; text-align:center; color:#313131;  padding:10px 0;}
.link dl h2{ font-size:14px; font-weight:700;}
.link dd{ width:80%; float:left; vertical-align: middle; margin-left:10px;}
.link dd a{ float:left; margin:10px 20px;}
/*友情链接end*/


/**/
.footer-bg{background: #3e3f45; margin-top:50px;}
.footer_l{
    padding: 25px 0;   
    line-height: 25px;
    color: #fff;
    font-size: 12px;
	float:left;
	width: 60%;
}
.footer_l p{ color:#7c7d81; font-size:14px;}
.footer_r{
    padding: 0 10px;   
    line-height: 25px;
    color: #fff;
    font-size: 12px;
	float:right;
	width: 20%;
	border-left:1px solid #525358;
	margin-top:20px;	
}
.footer_r h2{ font-size:18px;}
.footer_r p{ font-size:24px; font-weight:700;}

.footer_ewm{width: 20%; float:right; text-align:center; color:#383838; padding:10px 0;}

.b_online{ width:96%; padding:6px 0; background:#56516f; text-align:center; margin-top:10px;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px;  
position:relative;  
z-index:2;  
behavior: url(iecss3.htc) 
}
.b_online h1{ background:url(../images/online_dot.png)left no-repeat; padding-left:30px; display:inline-block; color:#fff;}
.b_key{color:#383838;}
/*有用的样式*/

.rm-container:after {
    content: " ";
    display: table;
    clear: both
}

.rm-toggle {
    display: none;
    float: right;
    text-decoration: none;
    text-transform: uppercase;

}
.rm-layout-expanded .rm-menu-item .rm-menu, .rm-layout-expanded li ul{
    background: #75b2df;
}
.rm-layout-expanded .rm-menu-item .rm-menu, .rm-layout-expanded li ul li{
    text-align: center;
}
.rm-layout-expanded .rm-menu-item .rm-menu, .rm-layout-expanded li ul li a{
    font-weight: normal;
    color: #fff;
}
.rm-toggle.rm-show {
    display: inline-block
}
.rm-container p{
    display: none;
    line-height: 40px;
    color: #fff;
}
.rm-toggle.rm-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjU2N0Q1RTNBMkZFMjExQTlCNjg5QjQzQTBGRDY1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkIzMDBDNTJGODIxMUUyOTgzN0ExQ0FEREZERTE4MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkIzMDBDNDJGODIxMUUyOTgzN0ExQ0FEREZERTE4MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3NTY3RDVFM0EyRkUyMTFBOUI2ODlCNDNBMEZENjVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2NTY3RDVFM0EyRkUyMTFBOUI2ODlCNDNBMEZENjVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S+feugAAAFtJREFUeNpi/P//PwMtAeOQt4AFjU8V2xgZGXmA1E8g/oPuA2pZoAykXgLxVxQLgBLcQEociHkotOMLLgtAQcaOJehIBX+wBhHQApqnotFIHo3k0UgeipEMEGAADaRXEC7WAy0AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10px 0;
    width: 2.5em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}






.rm-nav {
    clear: both;
}

.rm-nav>ul,
.rm-top-menu {
    clear: both;
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
    zoom: 1;
}

.rm-menu-item,
.rm-nav li {
    position: relative
}
.rm-nav li ul li a{
    line-height: 35px;
}

.rm-nav li ul li a:hover{
    color: #2691e0;
}

.rm-nav>ul>.rm-last,
.rm-top-menu>.rm-last {
    margin-bottom: 1em
}

.rm-menu-item a,
.rm-nav li a {
    display: inline-block;
    line-height: 36px;
    position: relative;
    color: 3a3a3a;
    text-decoration: none
}

.rm-layout-expanded .rm-nav>ul>span{	 
	border-left:1px solid #003b5d;
	border-right:1px solid #0277ab;
	height:44px;
	vertical-align: top;
	float:left;
	/display:inline-block;	
}
.rm-layout-expanded .rm-nav>ul>li>a{
    margin: 0 30px;
}

.rm-menu-item .rm-menu,
.rm-nav li ul {
    width: 100%;
    padding: 0;
    margin-left: 0;
    list-style: none;
    z-index: 500;
    zoom: 1
}

.rm-nav .rm-hover .rm-menu,
.rm-nav .rm-hover ul {
    z-index: 600
}

.rm-menu-item .rm-menu-item a,
.rm-nav li li a {
    z-index: 500;
}


.rm-menu-item .rm-menu-item .rm-menu,
.rm-nav li li ul {
    position: static
}

.rm-menu-item .rm-menu-item .rm-menu-item a,
.rm-nav li li li a {
    z-index: 600;
}

.rm-accelerate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.rm-css-animate {
    display: block;
    max-height: 0;
    overflow: hidden
}

.rm-css-animate.rm-menu-expanded {
    overflow: visible
}

.rm-nav a {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.rm-toggle:focus,
.rm-toggle:hover {
    outline: 0
}

.rm-lighten li li a{
    outline: 0
}

.rm-layout-expanded .rm-nav>ul,
.rm-layout-expanded .rm-top-menu {
    margin-bottom: 0;
    text-align: center;
}
.rm-layout-expanded .rm-nav>ul>li{
	float:left;
    /display: inline-block;
	vertical-align: top;		
	height:45px;
}

.rm-layout-expanded .rm-nav>ul>li a:hover{
border-bottom: 3px solid #c73564;
}

.rm-layout-expanded .rm-nav>ul>li>a,
.rm-layout-expanded .rm-top-menu>.rm-menu-item>a {
    padding-top: 0;
    padding-bottom: 0
}

.rm-layout-expanded .rm-menu-item .rm-menu,
.rm-layout-expanded li ul {
    position: absolute;
    left: 0;
    text-align: left;
}

.rm-layout-expanded .rm-menu-item.rm-2nd-last .rm-menu,
.rm-layout-expanded .rm-menu-item.rm-last .rm-menu,
.rm-layout-expanded li.rm-2nd-last ul,
.rm-layout-expanded li.rm-last ul {
    left: auto;
    right: 0
}

.rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu,
.rm-layout-expanded li li ul {
    position: absolute;
    left: 100%;
    top: 0
}

.rm-layout-expanded .rm-menu-item .rm-menu-item.rm-2nd-last .rm-menu,
.rm-layout-expanded .rm-menu-item .rm-menu-item.rm-last .rm-menu,
.rm-layout-expanded li li.rm-2nd-last ul,
.rm-layout-expanded li li.rm-last ul {
    right: 100%;
    left: auto
}

.rm-layout-expanded .rm-nav>ul:after,
.rm-layout-expanded .rm-nav>ul:before,
.rm-layout-expanded .rm-top-menu:after,
.rm-layout-expanded .rm-top-menu:before {
    content: " ";
    display: table
}

.rm-layout-expanded .rm-nav>ul:after,
.rm-layout-expanded .rm-top-menu:after {
    clear: both
}

.no-js .rm-nav .rm-menu-item .rm-menu,
.no-js .rm-nav li ul,
.rm-nojs .rm-menu-item .rm-menu,
.rm-nojs li ul {
    position: absolute;
    left: -999em
}

.rm-toggle.rm-nojs {
    display: inline-block;
    visibility: hidden
}


.rm-calculate {
    position: absolute!important;
    max-height: none!important;
    overflow: visible!important
}

.rm-layout-contracted .rm-calculate {
    width: 100%!important
}

.rm-container .accessibly-hidden {
    position: absolute;
    left: -999em
}


/*banner*/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li{
    position: relative;
    display: block;
}

.callbacks_tabs{
    left: 45.5%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 20px;
    z-index: 10000;
    text-align: center;
}
.callbacks_tabs li{
    display: inline-block;
}
.rslides li img{
    width: 100%;
    display: block;
}
.callbacks_container {
    position: relative;
    width: 100%;
}
.callbacks_tabs a{
    visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size:0;
    visibility: visible;
    width:12px;
    height:12px;
    display:inline-block;
    background: #0069b7;
}
.callbacks_here a:after{
    background: #d60001;
}

/*搜索*/
.in-key-bg{
    background:#00598a;
	opacity: 0.8;
    overflow: hidden;
    padding: 10px 0;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:999999;
}

<!--滚动公告-->
/*border-bottom: 1px solid #F0F0F0;*/
.huabox {  margin:0 auto;  line-height: 4rem;}
.hdimg {float:left;}
.hdimg img { width: 100%; vertical-align:middle;}
.huabox h5 {font-size:1.4rem;float:left; line-height: 2rem;  color:#fff; font-weight:700; margin:2px 10px 0 10px; background:url("../images/gg.png") no-repeat left center; padding-left:20px; }
.gg_more { float: left;}
.gg_more a { font-size: 1.4rem; text-decoration:none;}	
.notice_active {float: left;width: 45%;height: 2.2rem;padding: 0;overflow: hidden;position: relative;}
.notice_active li{list-style-type:none;line-height: 2.2rem;overflow: hidden;}
.notice_active li a{color:#FFF;}
/*.huadong .notice_active li.notice_active_ch {}*/
.notice_active li.notice_active_ch span {color:#656972;font-size:1.4rem;display: block;overflow: hidden; width:80%;float: left;overflow: hidden;}
.gg_more .news_ck {float: left;margin: 0 1rem 0 1rem;color: #888;width: 5rem;height: 2.2rem;line-height: 2.2rem;display: block;border: 1px solid #656972;text-align: center;border-radius: 0.7rem;font-size: 1.4rem;
margin-top: 1rem;}
.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#fff;font-size:0.8rem;font-style:normal;}
 <!--/滚动公告-->  
 
 
 /*列表页*/
.list-main {
    overflow: hidden;
    margin-top: 25px;
} 
.w300 {
    width: 20%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.w900 {
    width: 78%;
    margin-bottom: 10px;
}
.sidebar h3 {
    background: #215c92;
    color: #FFF;
    text-indent: 2em;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0;
}

.position_t {
    line-height: 36px;    
    overflow: hidden;
	margin:10px 0;
}

.position {
    line-height: 36px;    
    overflow: hidden;
	margin:10px 0;
	border-bottom:0px solid #ccc;	
}
.position_a {    
    font-size: 14px;
    color: #828282;
}
.position h4 {
    float: left;
    font-size: 18px;
    color: #0069b7;
    border-bottom: 2px solid #0069b7;
    padding: 0 15px;
	font-weight:700;
}
/*left_sidebar*/
.left_sidebar{
    background: #f0f0f0;
    padding-top: 5px;
}

.left_sidebar li{
    line-height: 35px;
    text-indent: 20px;
    border-bottom: 1px dashed #fefefe;
}

.left_sidebar li a{
    color: #0069b7;
    display: block;
}

.left_sidebar li a:hover{
    background: #215c92;
    color: #fff;
}

.left_sidebar li.click a{
    background: #215c92;
    color: #fff;
}
.cases dl {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dashed #d3d3d3;
}
.cases dt {
    float: left;
    width: 15%;
    margin-right: 2%;
}
.cases dt img{ width:100%;}
.cases dt a {
    border: 1px solid #ececec;   
    display: block;
	line-height:0;
}
.cases dd {
    width: 83%;
    float: right;
    font-size: 16px;
}
.cases dd a{color: #c93363;}
.cases dd em {
    font-size: 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cases dd em a {
    color: #383838;
    display: block;
}
.cases dd p {
    padding: 10px 0;
    line-height: 22px;
    font-size: 16px;
} 
  
  
  
 /* 首页售后 */
.focus_img {
	width:720px;
	margin:20px auto;
	overflow:hidden;
	zoom:1;
	height:295px
}
.focus_img .big_area {	
	display:inline;
	float:left;
	margin:8px 0px 0px 10px;
	overflow:hidden;
	width:450px;
	position:relative;
	height:278px
}
.focus_img .big_area h3 {
	font-weight:normal;
	font-size:18px;
	left:0px;
	margin:0px;
	overflow:hidden;
	width:418px;
	color:#000;
	bottom:0px;
	line-height:34px;
	font-family:黑体;
	position:absolute;
	height:32px;
	text-align:center;
	display:none;
}
.focus_img .big_area img {
	filter:revealtrans(duration=1, transition=5)
}
.focus_img .big_area .titlebg {	
	filter:alpha(opacity=60);
	left:0px;
	width:418px;
	bottom:0px;
	position:absolute;
	height:32px;
	opacity:0.6
	display:none;
}
.focus_img .thurmb {
	padding:0px 8px 0 0;
	float:right;
	width:246px;
}
.focus_img .thurmb .small_div {
	margin-top:8px;
	background:url(../images/m_cl_002.gif) no-repeat;
	overflow:hidden;
	width:247px;
	cursor:pointer;
	height:64px
}
.focus_img .thurmb .selected {
	background-position:0px -136px;
	color:#fff
}
.focus_img .thurmb .selected img {
	border-color:#ecd8cf;
}
.focus_img .thurmb .selected a {
	color:#fff;
	text-decoration:none
}
.focus_img .thurmb img {
	border:#ccc 1px solid;
	/*display:inline;*/
	float:left;
	margin:4px 0px 0px 16px;
	width:81px;
	height:54px;
	display:none;
	
}
.focus_img .thurmb .small_div span {
	padding:0;
	display:block;
	margin-left:20px;
	line-height:64px;
}
.focus_img .thurmb .small_div span b{ font-size:18px;} 
 /* 首页售后_end */  
 
 
 
.message{ width:60%; margin:0 auto;} 
.touch_middle .input_form form .form-control {
    border-radius: 0;
    width: 90%;
    font: 15px/31px "Open Sans", sans-serif;
    color: #959595;
    margin: 5px 0;	
    padding: 2px 20px;
    border: 1px solid #e1e1e1;
    box-shadow: none;
    background-color: #fff;
    background-image: none;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-writing-mode: horizontal-tb;
} 
  
 .touch_middle .input_form form button:hover {
    color: #fff;
    border-color: #c2c1c2;
    background: #c2c1c2;
}
.row{ display:block; text-align:center;}
.touch_middle .input_form form button {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin: 6px auto;
    letter-spacing: 3px;
    background: #B70050;
    border-width: 1px;
    border-style: solid;
    border-color: #B70050;
    border-image: initial;
    font: 500 1.2em/1.2em 微软雅黑, sans-serif;
    padding: 6px 10px;
    border-radius: 5px;
}  

.form-code{padding: 2px 20px; border: 1px solid #e1e1e1;font: 15px/31px "Open Sans", sans-serif;}

/*产品详情*/

.pro_cs{ border:1px solid #e5e5e5; padding:20px; margin:20px auto; line-height:26px;}
.pro_cs h2{ font-size:20px; line-height:36px;}
.marZhanshi{ background:#f5f5f5; padding:10px;}
.marZhanshi .marChild{
    padding: 20px 0  0 60px;   
    margin-bottom: 34px;
}
.marZhanshi .marChildLeft{
    float: left;
    width: 540px;
}
.marZhanshi .marChildRight{
    float: right;
    width: calc(100% - 600px);   
}
.marZhanshi .marChTop{
    width: 100%;
}
.marZhanshi .marChTop img{
    width: 100%;
}
.marZhanshi .marChBot{
    padding:30px; 
    position: relative;
    overflow: hidden;
    width: 100%;
}
.marChBotDiv{
    width: 88%;
    overflow: hidden;
}
.marZhanshi .marProPrve{
    position: absolute;
    left:10px;
    top:50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #892423;
    border-top: 0;
    border-right: 0;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    cursor: pointer;
}
.marZhanshi .marProPrve.disabled{
    border: 2px solid #9d9d9d;
    border-top: 0;
    border-right: 0;
}
.marZhanshi .marProNext{
    position: absolute;
    right:70px;
    top:50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #892423;
    border-bottom: 0;
    border-left: 0;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    cursor: pointer;
}
.marZhanshi .marProNext.disabled{
    border: 2px solid #9d9d9d;
    border-bottom: 0;
    border-left: 0;
}
.marZhanshi .marProlist{
    height: 83px;
    overflow: hidden;
    font-size: 0;
}
.marZhanshi .marProLi{
    float: left;
    padding: 0 3px;
    width: 114px;
    height: 83px;
}
.marZhanshi .marProLi img{
    width: 100%;
	
}
.marZhanshi .marRigTop{
    margin: 10px 0;
    height: 124px;   
    background-size:110% 100%;
	border-top:1px solid #020202;
	border-bottom:1px solid #020202;   
}
.marZhanshi .marRigTop h2{
    padding-top: 30px;
    font-size: 22px;
    line-height: 40px;   
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	color:#505050;
		
}
.marZhanshi .marRigTop h3{
    font-size: 14px; 
	color:#929292;   
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;	
}
.marZhanshi .marRigDiv {
    padding:22px 45px 0;
    height: 166px;
    border-bottom: 1px dotted #c9c9c9;
}
.marZhanshi .marRigDiv h4{
    padding-right: 20px;
    font-size: 14px;
    color#777;
    line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.marZhanshi .marRigDiv h4 span{
    font-weight: bold;
    display: inline-block;
    width: 60px;
    color:#000;
    text-align: right;
    margin-right: 20px;
}
.marZhanshi .miaoshu{   
    margin:10px 0 0;    
    overflow: hidden; 
    height: 127px;
	
}
.marZhanshi .miaoshu h5{
    font-size: 16px;
    color#000;
    line-height: 20px;
    font-weight: bold;
    margin-bottom:6px; 
	margin-top:10px;
}
.marZhanshi .miaoshu p{
    font-size: 14px;
    color#000;
    line-height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.marZhanshi .miaoshu p:nth-child(n+5){
    display: none;
}
.marZhanshi  .marMore{
    margin-top: 40px;
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    background-color:#bf0102; 
}

.marZhanshi  .marMore2{
    margin-top: 40px;
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    background-color:#999; 
}
.share_po{text-align:left; margin-top:100px;}

.marZhanshi .marMore:hover{
    color:#fff;
    text-decoration: none;
    cursor: pointer;
}
.marDetails{
    padding:0 25px 48px;
    background-color: #fff;
}
.marDetTitle{
    font-size: 20px;
    line-height: 24px;
    color:#141414;
    padding: 26px 0 16px;
    position: relative;
 }   
 .marDetTitle:after{
    content: '';
    position: absolute;
    left:0;
    bottom: -1px;
    width: 87px;
    height: 4px;
    background-color:#000 ;
 }
.marDetHtml{
    border-bottom: 1px solid #e5e5e5; 
    border-top: 1px solid #e5e5e5; 
}
.marDetHtml img{
    max-width: 100%;
}
.marFeny{
    padding: 36px 0;
}
.marFeny div{
    font-weight: bold;
    font-size: 14px;
    line-height: 36px;
}
.marFeny div a{
    color:#000;
}
.marFeny div a:hover{
    cursor: pointer;
    text-decoration: none;
}

/*无添加科普*/ 


/*新闻详情*/
.details-main-h h3 {
    font-size: 2.2rem;
    text-align: center;
    color: #111;
    font-weight: 600;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 13px;
    padding-top: 5px;
}
.info {
    text-align: center;
    margin: 10px 0;
}
.bshare-custom {
    text-align: center;
}
.details-main {
    margin: 25px 0;
    overflow: hidden;
    line-height: 25px;
}
.piece {
    background: #f8f8f8;
    overflow: hidden;
    padding: 0 10px;
    margin-top: 15px;
}
.piece li {
    width: 50%;
    float: left;
    line-height: 35px;
    font-size: 1.2rem;
}
/*新闻详情_end*/




.tz-gallery li{ float:left; width:23%; margin:10px; }
.tz-gallery li img{ width:100%;}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 @-webkit-keyframes bounceFromRight{
	 0%,100%{margin-left:0}50%{margin-left:-30px}
 }
 @keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}
 }
 @-webkit-keyframes bounceFromLeft{
	 0%,100%{margin-left:0}50%{margin-left:30px}
	 }
	 @keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}
 }.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounce{
	 0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
	 }
 
 
 .tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.vid_detail{ text-align:center; padding-bottom:50px; display:block; width:800px; margin:0 auto;}
.vid_detail h2{ margin:20px 0 30px 0; font-size:24px; font-weight:700;}


  
<!--分页-->
.aabbcc{}
.paging{text-align: center; margin:60px 0 0; display:block;}
.paging li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin:0 3px;
    border: 1px solid #ccc;
}

.paging li a{
    color: #444;
    display: block;
    padding: 0 12px;
    line-height: 28px;
    height: 28px
}

.paging li a:hover{
    color: #215c92;
}
.paging li a:hover{
    color: #fff;
    background: #215c92;
    display: block;
}
<!--/分页-->