/* CSS Document */
@import url("core.css");
/*******/
body { font-family:'Microsoft Yahei UI', 'Microsoft Yahei', Helvetica Neue, Helvetica, Arial, sans-serif; color:#595959; margin: 0; padding: 0; }
/**/

/**/
#topbar{ background:#202122; font-size:12px; color:#fff;position:relative; z-index:9999}
.top_enter{ width:1190px; height:34px; margin:0 auto; line-height:34px;}
.top_enter font{ float:left;}
.web_area{ float:right; position:relative; margin-right:15px;}
.web_area em{ font-style:normal; display:block; width:108px; padding-right:18px;background:url(../images/icon-dd1.png) no-repeat 112px center; color:#F00}
.web_area ul{ background:#e9e8e8; position:absolute; left:0; top:34px; padding:5px 10px; padding-bottom:7px; width:300px; display:none}
.web_area ul li{ line-height:20px; width:33.33333%; float:left; padding:3px 0; text-align:center;}
.web_area ul li a{ color:#333;font-family:'Microsoft Yahei';}
.web_area ul li a:hover{ color:#F00}
.web_contact{ float:right;font-family:'Microsoft Yahei';}
.web_contact .icon_email{ display:inline-block; padding-left:25px; height:34px; background:url(../images/icon_email.png) no-repeat left center; float:left; color:#fe7008}
.web_contact .color_email{color:#fe7008}
.web_contact .icon_hotline{ display:inline-block; padding-left:23px; height:34px; background:url(../images/icon_tel.png) no-repeat left center; float:left; margin-left:15px;}
.web_contact .icon_weixin{ display:inline-block; padding-left:22px; height:34px; background:url(../images/icon_weixin.png) no-repeat left center; position:relative; float:left;}
.web_contact a{color:#fff; margin-left:0px; float:left; font-family:'Microsoft Yahei';}
.web_contact a.icon_weixin{margin-left:15px;}
.web_contact a.icon_weixin img{position:absolute; right:-3px; top:34px; display:none}
.web_contact a:hover img{ display:block}
/**/
/* header { position:relative; color:#595959; z-index:9999; width:100%; left:0; top:0; background:#fff url(../images/menuline.png) repeat-x left 138px; padding-bottom:18px; }
#header { width:1488px; margin:0 auto; height:104px; position:relative; }
header.fixed_1 { }
header.fixed_1 a.logo { background:url(../images/logo.png) no-repeat; background-size:100% 100%; }
header.fixed_1 #menu li a {}
header a.logo { position:absolute; top:11px; left:0px; display:block; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}

.logo1{
	display: none;
}
#header .icon_tel { font-size:20px; font-weight:bold; color:#d6000f; display:none; font-family:'Microsoft Yahei'; position:absolute; right:0; top:50px; background:url(../images/icon_tel.jpg) no-repeat left center; padding:2px 0; padding-left:37px; }
#menu { position:absolute; right:0; top:54px; }
#menu li { float:left; margin-left:50px; position:relative; }
#menu li a { color:#595959; font-size:15px; font-family:'Microsoft Yahei' }
#menu li a:hover { text-decoration:none; color:#c3181e; }
.menuline { display:block; height:2px; background:#000; width:0px; left:265px; bottom:0; position:absolute; }
.glyphicon { color:#fe0000; font-size:30px; position:absolute; right:0px; top:25px; cursor:pointer; display:none; }
 */

header {
	position: fixed;
	    color: #595959;
	    z-index: 9999;
	    width: 100%;
	    left: 0;
	    padding-top: 10px;
	    top: 0;
	    /* background: #fff url(../images/menuline.png) repeat-x left 138px; */
	   /* padding-bottom: 18px; */
	    transition-duration: .5s;
	    -ms-transition-duration: .5s;
	    -moz-transition-duration: .5s;
	    -webkit-transition-duration: .5s;
	z-index: 99999;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-top: 0;
}

#header {
	max-width: 1488px;
	margin: 0 auto;
	height: 104px;
	position: relative;
}

header.fixed_1 {
	/* background:#000; -moz-opacity:0.7; opacity:0.7; */
}

header.fixed_1 a.logo {
	background: url(../images/logo.png) no-repeat;
	background-size: 100% 100%;
}

header.fixed_1 #menu li a {
	/* color:#fff;*/
}

header a.logo {
	position: absolute;
	top: 11px;
	left: 0px;
	display: block;
	-webkit-transition: all .2s ease-in-out 0s;

	-moz-transition: all .2s ease-in-out 0s;

	-ms-transition: all .2s ease-in-out 0s;

	-o-transition: all .2s ease-in-out 0s;

	transition: all .2s ease-in-out 0s;

}

#header .icon_tel {
	display: none;
	font-size: 20px;
	font-weight: bold;
	color: #d6000f;
	font-family: 'Microsoft Yahei';
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../images/icon_tel.jpg) no-repeat left center;
	padding: 2px 0;
	padding-left: 37px;
}

#menu {
	position: absolute;
	right: 0;
	top: 54px;
}

#menu li {
	float: left;
	/* margin-left: 50px; */
	position: relative;
}

#menu li a {
	color: #595959;
	font-size: 15px;
	font-family: 'Microsoft Yahei';
    padding: 5px 20px;
    display: block;
    line-height: 25px;
}


#menu li a:hover {
	text-decoration: none;
	color: #c3181e;
}

.menuline {
	display: block;
	height: 2px;
	background: #000;
	width: 0px;
	left: 265px;
	bottom: 0;
	position: absolute;
}


/****************/
/***/
#banner { /* height:545px; */ }
.banner1 { background:#da0e19; color:#fff; }
.banner-y { text-align:center; height:545px; -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; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.content-box { -webkit-box-sizing:content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.banner-y b { font-weight:normal; font-size:48px; display:block; padding-bottom:15px; }
.banner-y p { font-size:21px; }

.banner-y img{
	width: 100%;
}
/**/
.banner-pagination { position:absolute; left:0; bottom:20px; width:100%; text-align:center; z-index:9999 }
.banner-pagination span { display:inline-block; width:115px; margin:0 3px; height:5px; background:#fff; border-radius:0; }
.banner-pagination span.swiper-pagination-bullet-active { background:#ff0000 }
/*********/
#bpvis_icon { border-bottom:1px solid #9a9a9a; padding-top:30px; }
.icon_center { width:100%;max-width:1000px; margin:0 auto; position:relative; height:100px; }
#bpvis_icon p { width:100%;max-width:1000px; display:block; position:absolute; left:0; top:0; text-align:center}
#bpvis_icon p a { display:inline-block; text-align:center; font-size:15px; color:#818181; width:18%; padding-bottom:14px; margin-right:2%; }
#bpvis_icon p a i { display:block; width:56px; border:1px solid #e71f19; height:56px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background:url(../images/bp_icon.png) no-repeat; margin:0 auto; margin-bottom:10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#bpvis_icon p a.icon1 i { background-position:11px center }
#bpvis_icon p a.icon2 i { background-position:-118px center }
#bpvis_icon p a.icon3 i { background-position:-229px center }
#bpvis_icon p a.icon4 i { background-position:-332px 3px }
#bpvis_icon p a.icon5 i { background-position:-432px center }
#bpvis_icon p a.icon6 i { background-position:-537px center }
#bpvis_icon p a.icon7 i { background-position:-639px center }
#bpvis_icon p a.icon8 i { background-position:-744px center }
#bpvis_icon p a.icon9 i { background-position:-858px center }
/* #bpvis_icon p a.icon1 { width:110px; margin-left:2px; }
#bpvis_icon p a.icon2, #bpvis_icon p a.icon8 { width:80px; } */
#bpvis_icon p a.icon9 { margin-right:0; }
#bpvis_icon p a:hover, #bpvis_icon p a.active { border-bottom:2px solid #e90000; padding-bottom:12px; text-decoration:none }
#bpvis_icon p a:hover i, #bpvis_icon p a.active i { background-color:#e90000; background-image:url(../images/bp_icon1.png); }
/***/
.center {max-width:1538px;width:100%;padding:0 25px; margin:0 auto;box-sizing: border-box; }
.h140 { color:#e90000; font-size:40px; font-weight:bold; }
.h130 { font-size:30px; color:#e90000; font-weight:bold; }
.h28 { font-size:25px; color:#212121 }
.phover a { padding:10px 0px; width:250px; text-align:center; background:#e90000; color:#fff; font-size:18px; font-weight:bold; display:inline-block; margin:0 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.phover a:hover, .phover a.hover2:hover { background:#c30606; color:#fff; text-decoration:none }
.phover a.hover2 { background:#e6e6e6; color:#e90000 }
/*#footer { background:#000; padding:50px 0; padding-top:70px; }*/
.contact_us { width:100%; max-width:1000px; margin:0 auto; position:relative; overflow:hidden; }
.contact_left { float:left; text-align:center; width:50%; color:#929292; font-size:14px; -webkit-transition:all .6s ease-in-out 0s;
-moz-transition:all .6s ease-in-out 0s;
-ms-transition:all .6s ease-in-out 0s;
-o-transition:all .6s ease-in-out 0s;
transition:all .6s ease-in-out 0s;
}
.contact_left p { line-height:24px; }
.contact_left img { width:150px; float:left; margin-right:15px; }
.contact_right { width:40%; float:right; text-align:left; color:#929292; font-size:14px; -webkit-transition:all .6s ease-in-out 0s;
-moz-transition:all .6s ease-in-out 0s;
-ms-transition:all .6s ease-in-out 0s;
-o-transition:all .6s ease-in-out 0s;
transition:all .6s ease-in-out 0s;
}
.contact_right p { line-height:24px; }
.contact_right p span { font-weight:bold; font-size:16px; vertical-align:middle }
.contact_right p font { font-size:24px; font-weight:bold; vertical-align:middle; margin:0 5px; }
p.margin { margin-top:25px; line-height:5px; }
.contact_us h1 { font-size: 36px; }
.brand_t { }
.brand_t span { display:inline-block; padding:15px; border:2px solid #e90000; text-align:left; height:220px; margin:0 20px; }
.brand_t span font { display:block; font-size:30px; font-weight:bold; color: #e90000; padding-bottom:10px; }
/****/
.advange_center { padding:40px 0; background:#eceff3; font-size:14px; line-height:24px; color:#5b5b5b }
.fiedlist span { font-size: 18px;
    color: #5b5b5b;
    background: #eceff3;
    width: 210px;
    text-align: center;
    position: absolute;
    left: 3vw;
    top: -16px;
    display: inline-block;}
.fiedlist { padding:15px; border:1px solid #808080; position:relative; padding-top:25px; margin-top:40PX; }
.fiedlist font { display:inline-block; line-height:30px; width:248px; }
.fiedlist i { font-style:normal; vertical-align:top; line-height:25px; margin-right:10px; }
/************/
.about_icon { border-bottom:1px solid #9a9a9a; padding-top:30px; }
.about_div { width:1000px; margin:0 auto; position:relative; height:65px; }
.about_icon p { display:block; width:100%; position:absolute; left:0; top:0; text-align:center; }
.about_icon p a { display:inline-block; padding:10px 0; padding-right:50px; padding-bottom:12px; text-align:left; color:#848484; font-size:16px; margin:0 15px; }
.about_icon p a font { display:block; }
.about_icon p a:hover, .about_icon p a.active { border-bottom:2px solid #e90000; padding-bottom:10px; text-decoration:none }
.jgzbg { height:356px; background:url(../images/jgz.jpg) no-repeat 142px top; padding-left:407px; }
.jgzbg b { color:#e90000; font-size:47px; display:block; padding-top:142px; padding-bottom:15px; }
.four_span { padding-top:50px; }
.four_span li {
    float: left;
    width: 24%;
    margin-right: 1%;
    font-size: 14px;
    line-height: 22px;
}
.four_span li span { border:2px solid #e90000; padding:30px 25px; display:block; font-size:20px; }
.four_span li span font { font-size:22px; display:block; }
.four_span li p { display:block; padding-top:10px; padding-bottom:20px; }
/****/
.about_fout { background:#000 url(../images/913636.jpg) no-repeat center top; height:590px; margin-top:15px; }
.about_fout h3 { font-size:47px; color:#e90000; display:block; padding-top:176px; }
.about_fout p { display:block; width:580px; padding-top:25px; }
/***/
p.what { color:#de0713; font-size:50px; }
p.what_h1 { font-size:30px; color:#5e6061 }
p.what_h2 { font-size:16px; color:#666 }
p.what_h3 { font-size:25px; color:#666 }
.Customer_area { max-width:1155px; width:100%; display:block; margin:0 auto; }
.Customer_area .what_h2 { padding:0 97px; }
.customer_li { margin:0 auto; margin-top:25px; width:100%; height:294px; overflow:hidden; }
.customer_li b { display:inline-table; width:16%; background:#e5e5e5; position:relative; padding:8px 0; margin:0; border:1px solid #dadada; }
.customer_li b font { display:none; font-size:14px; margin:0; }
.customer_li b span { display:block; height:80px; margin:0; }
.customer_li b span.cctv { background:url(../images/l1.png) no-repeat; background-size:100% 200% }
.customer_li b:hover span { background-position: left bottom; -webkit-transition:all .5s ease-in-out .3s;
-moz-transition:all .5s ease-in-out .3s;
-ms-transition:all .5s ease-in-out .3s;
-o-transition:all .5s ease-in-out .3s;
transition:all .5s ease-in-out .3s;
}
.customer_li b:hover {
-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s; -moz-opacity:0.8; opacity:0.8; }
/***/
#options { margin-bottom:25px; }
#options p { text-align:left; }
#options p span { display:inline-block; margin-right:25px; }
#options p a { padding:10px 0; padding-bottom:20px; margin:0; }
#options .about_div { height:53px; }
#options a.selected { border-bottom:2px solid #e90000; padding-bottom:20px; text-decoration:none; color:#e90000 }
/***/
@keyframes myfirst22 { 0% {
width:0;
}
100% {
width:100%;
}
}
@-moz-keyframes myfirst22 { 0% {
width:0;
}
100% {
width:100%;
}
}
 @-webkit-keyframes myfirst22 { 0% {
width:0;
}
100% {
width:100%;
}
}
@-o-keyframes myfirst22 { 0% {
width:0;
}
100% {
width:100%;
}
}
/***/
/***/
.Cooperation_agencies { background:#efefef; padding-top:50px; text-align:center; padding-bottom:70px; }
.Cooperation_agencies .index_title a { padding-top:65px; }
.agencies_ul { width:1190px; margin:0 auto; margin-top:10px; }

.agencies_ul {
    max-width: 1190px;
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
}
.agencies_ul p { display:block; border:1px solid #dbdbdb; background:#fff; text-align:center; padding:20px 0; font-size:14px; color:#4a4848 }
.agencies_ul .owl-carousel .owl-item img { height:56px; width:auto; margin:0 auto; }
.agencies_ul p b { display:block; font-weight:normal; color:#000; font-size:18px; padding:10px 0; padding-bottom:6px; }
.agencies_ul .owl-carousel { padding-bottom:0px; }
.agencies_ul .owl-controls .owl-dot { width:12px; height:12px; margin:0 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.agencies_ul .owl-prev { background:url(../images/prev1.jpg) no-repeat; width:26px; height:60px; position:absolute; left:0; top:48.5px; -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.agencies_ul .owl-prev:hover { background-image:url(../images/prev.jpg); }
.agencies_ul .owl-next { background:url(../images/next1.jpg) no-repeat; width:26px; height:60px; position:absolute; right:0; top:48.5px; -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.agencies_ul .owl-next:hover { background-image:url(../images/next.jpg); }
.agencies_ul .owl-controls .owl-dots{ text-align:center; padding-top:10px;}
.agencies_ul .owl-controls .owl-dot {  background:#fff; margin:0 5px; cursor:pointer;     display: inline-block;}
.agencies_ul .owl-controls .active { background:#00a1e9; }
/***/
.agencies_ul_list{ padding:30px 0; padding-top:50px;}
.agencies_ul_list li {
    float: left;
    width: 19%;
    height: 6vw;
    padding: 0.5%;
    position: relative;
}
.agencies_ul_list li img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
}

.agencies_ul_list li img.hzlogo1{-webkit-transition:all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
-ms-transition:all .4s ease-in-out 0s;
-o-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s; z-index:9990;}
.agencies_ul_list li img.hzlogo2{-webkit-transition:all .4s ease-in-out 0s;
-moz-transition:all 0.4s ease-in-out 0s;
-ms-transition:all 0.4s ease-in-out 0s;
-o-transition:all 0.4s ease-in-out 0s;
transition:all 0.4s ease-in-out 0s; z-index:9999;}
.agencies_ul_list li:hover img.hzlogo1{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
			 z-index:9999;
			}
.agencies_ul_list li:hover img.hzlogo2{ z-index:9990;transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

/***/
#container { margin:0 auto; padding-top:10px; width:1018px; }
#container li { float:left; width:316px; padding:8px; height:270px; margin:0 10px; background:#fff; margin-bottom:20px; }
#container li { opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); }
#container li.visible-first { opacity: 1; transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); }
#container li:hover { -moz-box-shadow:0 0 5px 5px #dedede; -webkit-box-shadow:0 0 5px 5px #dedede; box-shadow:0 0 5px 5px #dedede; }
#container li#myad { width:316px; height:560px; }
#container li img { width:300px; height:178px; margin-bottom:8px; }
#container li a { font-size:13px; font-weight:bold; color:#666; }
#container li p { font-size:12px; display:block; padding-top:6px; }
.myad { background:#5942d2 url(../images/ad1.jpg) no-repeat; height:544px; }
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:      -o-transform, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/******/
.product_right { float:right; width:800px; background:#fff }
.product_right img { max-width:800px; }
.show_info { padding:30px 0; background:#fff; font-size:13px; color:#333; margin-bottom:30px; }
.show_info a { color:#5942d2; }
.show_info a:hover { color:#5942d2; text-decoration:underline }
.show_info p { display:block; padding:4px 0; }
.show_left { float:left; width:550px; }
.show_right { float:right; width:350px; }
.show_right .keywords a { margin-right:8px; }
.show_right .weburl a { color:#09F }
p.instudy span { margin-right:10px; }
.product_right { background:#fff; min-height:500px; width:100% }
#pages { text-align:center; background:#fff; width:1000px; margin:0 auto; margin-top:20px; padding:10px 0; }
#pages a, #pages span { border: 1px solid #ccc;
    color: #333;
    padding: 2px 7px;
    font-size: 12px;
    margin: 5px 5px;
    box-sizing: border-box;
    display: inline-table;}
#pages span { background:#5942d2; color:#fff; border-color:#5942d2 }
#pages a:hover { color:#5942d2; border-color:#5942d2 }
/*****/
.news_list { margin:0 auto; max-width:1708px; width: 100%; padding-top:20px; }
.news_list li { border-bottom:1px dotted #979797; padding:15px 0; background:url(../images/io1.jpg) no-repeat left 18px; padding-left:25px; padding-left:15px; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
.news_list li a { font-size:16px; font-weight:bold; color:#000 }
.news_list li p { display:block; padding-top:10px; font-size:14px; line-height:22px; }
.news_list li img { width:18%;  float:left; margin-right:25px; margin-top:2px; }
.news_list li p.time { padding-top:15px; }
.news_list li:hover { background:#e0e0e0 }
.about_h1 { font-size:20px; color:#333; line-height:normal; position:relative }
.about_h1 span { }
.pos { position:absolute; right:0; top:5px; font-size:12px; font-weight:normal }
.pos a { font-size:12px; color:#666; }
/***/
.about_center { font-size:14px; line-height:22px; }
.p1 { font-size:19px; font-weight:bold; }
.p2 p { display:block; position:relative; padding-left:74px; margin-bottom:8px; }
.p2 span { display:inline-block; position:absolute; left:0; top:0; background:#7d7d7d; color:#fff; padding:0 15px; margin-right:15px; }
/***/
.case { text-align:center; }
.case .index_title a, .news_index .index_title a { padding-top:0 }
.case_ul { width:1082px; margin:0 auto; margin-top:30px; border-top:1px solid #fbfbfb; padding-top:15px; }
.case_ul li { float:left; width:335px; margin-right:38px; margin-top:10px; margin-bottom:10px; }
.case_ul li .img_div { margin-bottom:5px; }
.case_ul li .img_div a { width:335px; height:300px; position:relative; display:block; }
.case_ul li .img_div img { width:100%; height:100%; }
.case_ul li .img_div a span { filter:alpha(opacity=100); -moz-opacity:0; -khtml-opacity:0; opacity:0; display:block; -webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
position:absolute; left:0; top:0; width:335px; height:300px; background:url(../images/logob.png) no-repeat center center; }
.case_ul li div.img_div a:hover span { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
.case_ul li div.img_div a:hover img { filter:blur(1px); -webkit-filter:blur(1px); -moz-filter:blur(1px); -o-filter:blur(1px); -ms-filter:blur(1px); }
.case_ul li p { line-height:22px; text-align:left; font-size:12px; color:#666 }
.case_ul li p a { font-weight:bold; color:#000; font-size:14px; }
/***/
.case_ul li { opacity: 0; }
.case_ul li.on { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown; }
@-webkit-keyframes dt_fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes dt_fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
/*****************/
#case_center { margin:0 auto; padding:0 5% }
#case_item li { float:left; width:32%; overflow:hidden; position:relative; margin-right:2%; margin-bottom:2%; background:#06C; /* border-bottom:2px solid #f0f0f0; */ }
#case_item li.odd { margin-right:0; }
#case_item li span{ display:block; margin-bottom:8px;height:17.60416666666667vw; max-height:340px; overflow:hidden; position:relative}
#case_item li span font{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
    padding:0 20px;
    height: 50px;
    font-size: 13px;
    position: absolute;
    bottom: -50px;
    left: 0;
    line-height: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    background: #666\9;
    text-align: left;
    text-indent:0px;
    z-index: 3;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#case_item li a:hover span font{ bottom:0;}	
#case_item li img{ width:100%;height:100%;display:block;-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
#case_item li h5 { 
	line-height: 24px;
	    font-size: 16px;
	    font-weight: bold;
	    width: 100%;
	    color: #777;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    padding: 10px 20px;
	    border-bottom: 1px dashed #dedede;
	    white-space: nowrap;
	    box-sizing: border-box;
}
#case_item li a { background:#fff; display:block;width:100%; padding-bottom:15px;-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;}
#case_item li p { display:block; color:#999; padding:0 20px; font-size:12px; line-height:18px; height:36px; margin-top:15px; overflow:hidden; }
#case_item li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);}
#case_item li a:hover h5{ color:#fff; border-bottom:0; padding-bottom:11px;}
#case_item li a:hover{ background:none;}
#case_item li a:hover p{ color:#fff}

.center img{
    max-width: 100%;
	display: block;
	margin: 0 auto;
}

.swiper-slide img{
		max-width: 100%;
		
}


/****/
.search_form { width: 100%; max-width: 1528px; margin:0 auto; padding-top:35px; position:relative; z-index:9990; padding-bottom:35px; }
.search_form h6 { display:block; text-align:center; font-size:30px; font-weight:bold; padding-bottom:20px; padding-top:10px; }
.search_form h6 font { display:block; font-weight:normal; font-size:14px; padding-top:6px; padding-bottom:6px; color:#aaa;}
.search_form h6 span { display:block; font-weight:normal; font-size:15px; }
.search_form p { display:block; text-align:center }
.search_form p a { display:inline-block; background:#fff; color:#595959; font-size:14px; margin:7px 7px; font-weight:bold; text-align:center; padding:6px 20px; border:1px solid #ddd }
.search_form p a:hover { color:#5942d2; border:1px solid #5942d2 }
.search_form p a.active { background:#5942d2; color:#fff; border:1px solid #5942d2 }
@media (max-width:1100px) {
	#case_item li span{ height:27.27272727272727vw;}
	 #case_item li {
	width:49%;
	margin-right:2%;
	}
	 #case_item li.odd {
	margin-right:2%;
	}
	 #case_item li:nth-child(2n) {
	margin-right:0;
	}
	 #case_item li h5 {
	font-size:14px;
	}

	.about_icon p a {
		display: inline-block;
		padding-right: 10px;
		padding-bottom: 12px;
		font-size: 13px;
		margin: 0 7px;
	}
	
	.center h1{
		font-size: 17px !important;
	}
	
	.center p{
		font-size: 14px;
		line-height: 25px;
	}
	
	.center p.btit{
		font-size: 18px !important;
	}
	
	
	.center p.btit2{
		font-size: 17px !important;
	}
	.center p.btit3{
		font-size: 16px !important;
	}
	
	.center p.btit4{
		font-size: 14px !important;
	}
	
	.center p.btit5{
		font-size: 15px !important;
	}
	.center p.btit6{
		font-size: 13px !important;
	}
	.center p.btit7{
		font-size: 12px !important;
	}
	
	.brand_t span font{
		font-size: 18px;
	}
	
	.jgzbg {
	    height: unset;
	    background: unset;
	    padding-left: unset;
	}
	
	.jgzbg b {
	    font-size: 25px;
	    padding-top: 32px;
	    padding-bottom: 35px;
	}
	
	
	.four_span li {
	    width: 49%;
	    margin-right: 1%;
	}
	
	.phover a {
	    width: 100%;
	    margin: 0; 
	}
}


@media (max-width:1182px) {
	
	#menu li a {
	    color: #fff;
	}

	.banner-y { height:auto;}

	.banner-y img{
		width: 100%;
		display: block !important;
	}
	
	.about_div{
		width: 100%;
	}
	
	.about_icon {
	    border-bottom: unset;
	}
	
	.about_fout p{
		width: 100%;
	}
	
	.about_fout {
	    height: unset;
		padding-bottom: 30px;
	}
	
	.about_fout h3 {
	    font-size: 35px;
	    padding-top: 56px;
	}
	
	.center h3 {
	    font-size: 25px;
	    padding-top: 56px;
	}
	
	.swiper-container-lc .swiper-slide{
		padding: 35px 0;
	}
	
	
	.swiper-slide img{
			max-width: 100%;
			width: 100%;
	}
	
	
	
	.Cooperation_agencies { padding:0 25px;padding-top:20px;padding-bottom:10px;}
	
	.Cooperation_agencies .index_title p{
		font-size: 14px;
		line-height: 25px;
	}
	
	.agencies_ul_list {
	    padding: 10px 0;
	    padding-top: 20px;
	}
	
	.news_list li a {
	    font-size: 14px;
	}
	
	.news_list li p.time {
	    padding-top: 5px;
	    font-size: 12px;
	}
	
	.news_list li p {
	    padding-top: 5px;
	    font-size: 12px;
	    line-height: 20px;
	}
	
	
}


@media (max-width:800px) {
	.news_list li p.des {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
}

@media (max-width:600px) {

	.four_span li {
	    width: 100%;
	}
	
	.agencies_ul_list li {
	    width: 49%;
	    height: 20vw;
	}
	
	.icon_center {
	    height: 240px;
	}
	
	#bpvis_icon p a {
	    width: 25%;
	    margin-bottom: 5%;
	}
	
	.brand_t span {
	    height: unset;
	    margin: 0 0px; 
	}
	
	.fiedlist font{
		width: 100% !important;
	}
	
	.bimg{
		padding: 10px 0 !important;
	    padding-top: 30px !important;
	}
	
	.search_form h6 {
	    font-size: 21px;
	    padding-bottom: 10px;
	    padding-top: 5px;
	}
	
	
	.search_form h6 font {
	    display: none;
	}
	
	.search_form p a {
	    font-size: 12px;
	    margin: 5px 3px;
	    padding: 6px 20px;
	}
	
	
	
	.search_form .industy p a {
	    margin: 0 5px;
	    padding: 0;
	    font-size: 13px;
	}
	
	.news_list li img {
	    width: 29%;
	}

}



@media (max-width:350px) {
	#case_item li span{ height:auto;}	
	 #case_item li {
		width:100%;
		margin-right:0%;
	}
	 #case_item li.odd {
		margin-right:0%;
	}
	 #case_item li h5 {
		font-size:12px;
	}
	 #case_item li:nth-child(2n) {
		margin-right:0;
	}
	
	
	.h130-2{
	    padding-top: 188px !important;
	    background-size: 100% !important;
	}
}