@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
img{ border:none;}
a{ text-decoration:none;}
ul{ list-style:none;}
.clear{ clear:both;}
.nav0,.nav-btn,path,.black-fixed,.swiper-container,.header_bg3{ display:none;}
body{ font-size:12px; font-family:"Microsoft Yahei"; margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: repeat-x;
	background-position: top;
		/* 鑷畾涔夋粴鍔ㄦ潯 闇€瑕佸垹闄OCTYPE澹版槑
	SCROLLBAR-FACE-COLOR: #f892cc; //婊氬姩鏉″嚫鍑洪儴鍒嗙殑棰滆壊
	SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; //婊氬姩鏉＄┖鐧介儴鍒嗙殑棰滆壊
	SCROLLBAR-SHADOW-COLOR: #fd76c2; //绔嬩綋婊氬姩鏉￠槾褰辩殑棰滆壊
	SCROLLBAR-3DLIGHT-COLOR: #fd76c2; //婊氬姩鏉′寒杈圭殑棰滆壊
	SCROLLBAR-ARROW-COLOR: #fd76c2; //涓婁笅鎸夐挳涓婁笁瑙掔澶寸殑棰滆壊
	SCROLLBAR-TRACK-COLOR: #fd76c2; //婊氬姩鏉＄殑鑳屾櫙棰滆壊
	SCROLLBAR-DARKSHADOW-COLOR: #f629b9; //婊氬姩鏉″己闃村奖鐨勯鑹
	SCROLLBAR-BASE-COLOR: #e9cfe0; //婊氬姩鏉＄殑鍩烘湰棰滆壊*/}
/*澶撮儴*/
#header{ width:1100px; margin:0px auto; padding:42px 0px 39px 0px;}
.logo{ width:602px; float:left;}
.tel{ width:237px; float:right; background:url(../images/tel.jpg) left center no-repeat; color:#000000; font-size:28px; font-weight:bold; line-height:80%; padding-left:34px;} 
.tel span{ font-size:16px; font-weight:normal; display:block;}
/*瀵艰埅*/
.mainnav{ background:#000000; height:60px;}
.mainnav ul{ width:1100px; margin:0px auto;}
.mainnav ul li{ width:157px; float:left;}
.mainnav ul li a{ float:left; text-align:center; color:#FFF; font-size:17.5px; display:block; padding-top:17px; height:43px; width:100%;}
.mainnav ul li a:hover{ background:#ce2525;}
/*banner*/
.fullSlide{width:100%;position:relative;height:550px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:550px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:0px 3px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/*棣栭〉 鍏充簬鎴戜滑*/
#indexabout{ width:1100px; margin:62px auto 0px auto;}
.title{ text-align:center;}
.title a{ color:#000; font-size:35px; font-weight:600;}
.title span{ display:block; color:#6c6c6c; font-size:14px;}
.indexabwz{ color:#000; font-size:14px; line-height:180%; padding-top:35px;}

#indexabout ul{margin-left:-2px; *zoom:1;_position:relative; *margin-left:-4px; margin-top:33px;}
#indexabout ul li{ width:365px; float:left; height:174px; overflow:hidden; margin-left:2px;}
#indexabout ul li a{ width:365px; height:174px; position:relative; display:block;}
#indexabout ul li a .lititle{ position:absolute; right:35px; top:89px; color:#FFF; font-size:20px;}
#indexabout ul li.aboutxt a .lititle{ color:#000;}
/*棣栭〉 鍏充簬鎴戜滑 涓夊浘*/
.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item, .ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ih-item a {
	color: #333;
}
.ih-item a:hover {
	text-decoration: none;
}
.ih-item img {
	width: 100%;
	height: 100%;
}

.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	width:365px;
	height:174px;
}
.ih-item.square.effect15.colored .info {
 backg/round: #1a4a72;
	width:365px;
	height:174px;
}
.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width:365px;
	height:174px;
}
.ih-item.square.effect15 .info {
	width:365px;
	height:174px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.ih-item.square.effect15 a:hover .img {
	opacity: 0;
	visibility: hidden;
}
.ih-item.square.effect15 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.ih-item.square.effect15.left_to_right .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right a:hover .img {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}
.ih-item.square.effect15.right_to_left .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left a:hover .img {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}
.ih-item.square.effect15.top_to_bottom .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}
.ih-item.square.effect15.bottom_to_top .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}

/*棣栭〉 鍚堜綔妗堜緥*/
#index2{ background:#1277c1; margin-top:62px; padding-bottom:60px;}
#indexcp{ width:1100px; margin:0px auto;}
.bg2{ padding-top:47px;}
.bg2 a{ color:#ffffff; font-size:35px; font-weight:600;}
.bg2 span{ display:block; color:#ffffff; font-size:14px;}

#indexcp ul{margin-left:-16px; *zoom:1;_position:relative; *margin-left:-32px;}
#indexcp li{ width:356px; float:left; margin-left:16px; margin-top:29px;}
#indexcp li img{ width:356px; height:219px; overflow:hidden; object-fit: cover;}
#indexcp li span{ display:block; color:#FFF; font-size:16px; text-align:center; padding-top:14px;height:25px;overflow:hidden;}
#indexcp li a:hover img{ border:2px solid #FFFFFF; width:352px; height:215px;}
#indexcp li a:hover span{ color:#e2e1e1;}

#indexcp .more{ width:152px; height:32px; border:2px solid #FFF; display:block; text-align:center; color:#FFF; font-size:16px; padding-top:13px; margin:45px auto 0px auto;}
#indexcp .more:hover{ border:2px solid #CCCCCC; color:#CCCCCC;}
/*棣栭〉 绗笁閮ㄥ垎*/
#index3bg{    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1; height:590px;}
.index3{ text-align:center; color:#FFFFFF;}
.index3 span{ font-size:30px; display:block; padding-top:124px;}
.index3 font{ font-size:24px; line-height:150%; display:block; padding-top:18px;}
.index3 .index3lx{ font-size:30px; padding-top:68px;}
.index3 .more3{ margin:35px auto 0px auto; border-radius:5px; width:140px; height:33px; background:#ce2525; color:#FFFFFF; padding-top:8px; font-size:16px; text-align:center; display:block;}
/*棣栭〉 绗洓閮ㄥ垎 鏂伴椈*/
#index4{ width:1100px; margin:60px auto 0px auto;}
.index4left{ float:left; width:486px; height:318px; overflow:hidden; margin-top:55px;}

.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:486px; height:318px;}
.slides{position:relative;z-index:1;}
.slides li{height:auto;}
.slides li img{ width:486px; height:318px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:34px;height:64px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.gif) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.gif) center center no-repeat;}

.index4righ{ float:right; width:569px; margin-top:47px;}
.index4righ dl{ padding-top:16px;}
.index4righ dl dt{ border-bottom:1px solid #d9d9d9; padding-bottom:15px;}
.index4righ dl dt .biaoti{ color:#000000; font-size:16px; font-weight:bold; font-family:"瀹嬩綋";}
.index4righ dl dt .biaoti:hover{color:#ce2525;}
.index4righ dl dt .time{ display:inline; color:#4f4d4d; font-size:14px; padding-left:17px;}
.index4righ dl dd{ color:#000000; font-size:14px; padding-top:12px;}
.index4righ dl dd a{ color:#ce2525; margin-left:12px;}
/*搴曢儴*/
#footerbg{ background:#000000; text-align:center; color:#FFFFFF; font-size:14px; line-height:180%; padding:35px 0px; margin-top:60px;}
#footerbg a{ color:#FFFFFF;}
#footerbg a:hover,.index4righ dl dd a:hover{ text-decoration:underline;}
/*鍐呴〉banner*/
.header_bg4 {
    background-image: url(../images/about_us.jpg);
    background-position: center center;
    min-height: 100%;
    background-repeat: no-repeat;
    z-index: 1; height:380px;
}

#containter{ width:1100px; margin:0px auto;}

.title_tab{height: 70px;position: relative;font-size: 20px; padding-top:35px;}
.title_tab i{display: block;position: absolute;top: 67px;width: 6px;height: 23px;background: rgb(206, 37, 37) none repeat scroll 0% 0%;left: -3px;z-index: 5;border: 2px solid #fff;}
.title_tab span{display: block;position: absolute;bottom: 0px;font-size: 30px;color: #000;font-weight: bold; border:2px solid #cccccc;padding: 2px 8px;}

.summary_tab{ color:#000000; font-size:14px; line-height:180%; padding-top:35px;}
/*浜у搧鍒嗙被*/
.min_nav_bg{ background:#737373; width:100%; position:relative;}
.min_nav_bg .mnb_content{ width:1100px; margin:0 auto; height:100%;}
.min_nav_bg .mnb_content ul li{transition:all 0.5s;-webkit-transition:all 0.5s; width:20% ; float:left; height:67px;  font-size:18px; color:#FFF; position:relative; cursor:pointer; }
.min_nav_bg .mnb_content ul li a{ display:block; height:100%; width:100%;}
.min_nav_bg .mnb_content ul li:hover,.min_nav_bg .mnb_content ul li.active{ background:#ce2525}
.min_nav_bg .mnb_content ul li i{ height: 2px;width: 20px;background: #fff;display: block;position: absolute;top: 50px;left:50%; margin-left:-10px;transition:all .3s;-webkit-transition:all .3s; opacity: .5;}
.min_nav_bg .mnb_content ul li span{ display:block; font-size:16px; text-align:center; position:relative; margin-top: 27px; color:#FFFFFF;}
.min_nav_bg .mnb_content ul li span:after{ position:absolute; content:''; width:62px; height:2px; background:#fff; bottom:-5px; left:50%; margin-left:-31px; opacity:0; transition:all .3s;-webkit-transition:all .5s; }
.min_nav_bg .mnb_content ul li:hover i,.min_nav_bg .mnb_content ul li.active i{ width: 60px; margin-left: -30px; opacity: 1;}
/*鍐呴〉 浜у搧灞曠ず*/
.productlist{margin-left:-16px; *zoom:1;_position:relative; *margin-left:-32px;}
.productlist li{ width:356px; float:left; margin-left:16px; margin-top:40px;     box-shadow: 0px 2px 5px #989898;}
.productlist li img{ width:356px; height:219px; overflow:hidden; object-fit: cover;}
.productlist li span{ display:block; color:#000000; font-size:16px; text-align:center; padding-top:27px; border-bottom:8px solid #ededed; padding-bottom:40px;}
.productlist li a:hover span{ color:#ce2525; border-bottom:8px solid #ce2525;}
/*鍐呴〉 鏂伴椈涓績*/
.newslist{ margin-top:20px;}
.newslist li{    padding: 20px 0;
    border-bottom: #eaeaea solid 1px;}
.newslist li .newstup{ width:180px; height:120px; float:left;}
.newslist li .newstup img{ width:180px; height:120px; object-fit: cover;}
.newslist li .xinwen{ width:900px; float:right; margin-top:20px;}
.newslist li .xinwen .xwtitle{color: #333; font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:70%; float:left; }
.newslist li .xinwen .xwtitle a{ color:#333333;}
.newslist li .xinwen .xwtime{color: #999; font-size:14px; text-align:right;  width:28%; float:right;}
.newslist li .xinwen .xwtitle a:hover{ text-decoration:underline;}
.newslist li .xinwenms{ font-size:14px; color:#9f9c9c; margin-top:10px; height:40px; overflow:hidden;}
/*鏂伴椈璇︽儏椤?/
.news_view{ margin-top:40px;}
.art_title{ text-align:center; color:#000000; font-size: 26px; color: #333;}
.art_time{ font-size: 16px;  color: #999; text-align:center; margin: 25px 0px 0;   border-bottom: 1px solid #d0cfcf; padding-bottom: 25px;}
.article{ font-size:14px; line-height:180%; padding:28px 0px;}
.page{ border-top: 1px solid #d0cfcf; padding-top:20px;}
.page p{width:100%; color:#1d1d1d; font-size:14px; padding:8px 0px;}
.page p a{color:#1d1d1d}
.page p a:hover{ color:#000000; text-decoration:underline;}

.imgs{ text-align:center; margin:15px 0px;}
.imgs img{ max-width:1000px;}

@media only screen and ( min-width:1100px ) and ( max-width: 1130px ){
#header{ width:1000px; margin:0px auto; padding:42px 0px 39px 0px;}
.mainnav{ background:#000000; height:60px;}
.mainnav ul{ width:1000px; margin:0px auto;}
.mainnav ul li{ width:141px; float:left;}

#indexabout{ width:1000px; margin:62px auto 0px auto;}

#indexabout ul{margin-left:-2px; *zoom:1;_position:relative; *margin-left:-4px; margin-top:33px;}
#indexabout ul li{ width:332px; float:left; height:174px; overflow:hidden; margin-left:2px;}
#indexabout ul li a{ width:332px; height:174px; position:relative; display:block;}
#indexabout ul li a .lititle{ position:absolute; right:35px; top:89px; color:#FFF; font-size:20px;}
/*棣栭〉 鍏充簬鎴戜滑 涓夊浘*/
.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	width:332px;
	height:174px;
}
.ih-item.square.effect15.colored .info {
 backg/round: #1a4a72;
	width:332px;
	height:174px;
}
.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width:332px;
	height:174px;
}
.ih-item.square.effect15 .info {
	width:332px;
	height:174px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}

#indexcp{ width:1000px; margin:0px auto;}
#indexcp ul{margin-left:-16px; *zoom:1;_position:relative; *margin-left:-32px;}
#indexcp li{ width:321px; float:left; margin-left:16px; margin-top:29px;}
#indexcp li img{ width:321px; height:198px; overflow:hidden; object-fit: cover;}
#indexcp li a:hover img{ border:2px solid #FFFFFF; width:317px; height:194px;}

#index4{ width:1000px; margin:60px auto 0px auto;}
.index4righ{ float:right; width:500px; margin-top:47px;}

#containter{ width:1000px; margin:0px auto;}

.min_nav_bg .mnb_content{ width:1000px; margin:0 auto; height:100%;}
.productlist li{ width:321px; float:left; margin-left:16px; margin-top:40px;     box-shadow: 0px 2px 5px #989898;}
.productlist li img{ width:321px; height:198px; overflow:hidden; object-fit: cover;}

.newslist li .xinwen{ width:800px; float:right; margin-top:20px;}

.imgs img{ max-width:1000px;}
}
@media only screen and ( min-width:960px ) and ( max-width: 1100px ){
#header{ width:900px; margin:0px auto; padding:42px 0px 39px 0px;}
.mainnav{ background:#000000; height:60px;}
.mainnav ul{ width:900px; margin:0px auto;}
.mainnav ul li{ width:126px; float:left;}

#indexabout{ width:900px; margin:62px auto 0px auto;}

#indexabout ul li{ width:297px; float:left; height:150px; overflow:hidden; margin-left:2px;}
#indexabout ul li a{ width:297px; height:150px; position:relative; display:block;}
#indexabout ul li a .lititle{ position:absolute; right:35px; top:89px; color:#FFF; font-size:20px;}
/*棣栭〉 鍏充簬鎴戜滑 涓夊浘*/
.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	width:297px;
	height:150px;
}
.ih-item.square.effect15.colored .info {
 backg/round: #1a4a72;
	width:297px;
	height:150px;
}
.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width:297px;
	height:150px;
}
.ih-item.square.effect15 .info {
	width:297px;
	height:150px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}

#indexcp{ width:900px; margin:0px auto;}
#indexcp ul{margin-left:-16px; *zoom:1;_position:relative; *margin-left:-32px;}
#indexcp li{ width:287px; float:left; margin-left:16px; margin-top:29px;}
#indexcp li img{ width:287px; height:177px; overflow:hidden; object-fit: cover;}
#indexcp li a:hover img{ border:2px solid #FFFFFF; width:284px; height:174px;}

#index4{ width:900px; margin:60px auto 0px auto;}
.index4righ{ float:right; width:400px; margin-top:47px;}
.index4righ dl dt .biaoti{ color:#000000; font-size:16px; font-weight:bold; font-family:"瀹嬩綋"; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:70%; display:block; float:left;}
.index4righ dl dd {
color: #000000;
font-size: 14px;
padding-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

#containter{ width:900px; margin:0px auto;}

.min_nav_bg .mnb_content{ width:900px; margin:0 auto; height:100%;}
.productlist li{ width:287px; float:left; margin-left:16px; margin-top:40px;     box-shadow: 0px 2px 5px #989898;}
.productlist li img{ width:287px; height:177px; overflow:hidden; object-fit: cover;}

.newslist li .xinwen{ width:700px; float:right; margin-top:20px;}

.imgs img{ max-width:900px;}
}
@media only screen and ( min-width:768px ) and ( max-width:960px ){
#header{ width:720px; margin:0px auto; padding:42px 0px 39px 0px;}
#header .logo {
width:60%;
float: left;
}
#header .logo img{ width:100%;}
.tel {
width:180px;
float: right;
background: url(../images/tel.jpg) left center no-repeat;
color: #000000;
font-size:26px;
font-weight: bold;
line-height: 80%;
padding-left: 34px;
}

.mainnav ul{ width:720px; margin:0px auto;}
.mainnav ul li{ width:102px; float:left;}

#indexabout{ width:720px; margin:62px auto 0px auto;}

#indexabout ul li{ width:236px; float:left; height:130px; overflow:hidden; margin-left:2px;}
#indexabout ul li a{ width:236px; height:130px; position:relative; display:block;}
#indexabout ul li a .lititle{ position:absolute; right:25px; top:59px; color:#FFF; font-size:20px;}
/*棣栭〉 鍏充簬鎴戜滑 涓夊浘*/
.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	width:236px;
	height:130px;
}
.ih-item.square.effect15.colored .info {
 backg/round: #1a4a72;
	width:236px;
	height:130px;
}
.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width:236px;
	height:130px;
}
.ih-item.square.effect15 .info {
	width:236px;
	height:130px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}

#indexcp{ width:720px; margin:0px auto;}
#indexcp ul{margin-left:-16px; *zoom:1;_position:relative; *margin-left:-32px;}
#indexcp li{ width:352px; float:left; margin-left:16px; margin-top:29px;}
#indexcp li img{ width:352px; height:217px; overflow:hidden; object-fit: cover;}
#indexcp li a:hover img{ border:2px solid #FFFFFF; width:348px; height:213px;}

#index4{ width:720px; margin:60px auto 0px auto;}
.index4left{ display:none;}
.index4righ{ float:none; width:720px; margin-top:47px;}
.index4righ dl dt .biaoti{ color:#000000; font-size:16px; font-weight:bold; font-family:"瀹嬩綋"; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:70%; display:block; float:left;}
.index4righ dl dd {
color: #000000;
font-size: 14px;
padding-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

#containter{ width:720px; margin:0px auto;}

.min_nav_bg .mnb_content{ width:720px; margin:0 auto; height:100%;}
.productlist li{ width:352px; float:left; margin-left:16px; margin-top:40px;     box-shadow: 0px 2px 5px #989898;}
.productlist li img{ width:352px; height:217px; overflow:hidden; object-fit: cover;}

.newslist li .xinwen{ width:530px; float:right; margin-top:20px;}

.imgs img{ max-width:720px;}
}

@media only screen and ( max-width:640px ){
	img{ width:100%;}
	.nav0,.nav-btn,path,.black-fixed,.swiper-container,.header_bg3{ display:block;}
	body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav0{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2; background:#ce2525;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav0 li{width:220px;margin:0 auto; border-bottom:1px solid #303030;}
.nav0 li a{display:block;width:100%;font:100 16px/50px 'microsoft yahei';color:#fff;text-indent:60px;}
.nav0 li a span{margin-right:3%}
.nav0 li p{text-indent:70px;}
.nav0 li:last-child{margin-bottom:20%;}

.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%; cursor:pointer; background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-fixed path {
    fill: #ffffff;
    stroke: #ffffff;}
.black-fixed .clogb{ background:url(../images/close.png) no-repeat;}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity:1}
.nav-btn{width:14.0625%;right:0;top:25px;position:absolute; cursor:pointer; font-size:1.5em; color:#000000; text-align:center;overflow:hidden;}
	
#header{ width:100%; max-width:640px; margin:0px auto; padding:22px 0px 19px 0px;}
#header .logo {
width:65%;
float: left; margin-left:2%;
}
#header .logo img{ width:100%;}
.tel,.mainnav,#banner{ display:none;}


#indexabout{ width:100%; max-width:640px; margin:42px auto 0px auto;}
.indexabwz{ padding:20px 2% 0px 2%;}

#indexabout ul li{ width:31%; float:left; height:5em; overflow:hidden; margin-left:1.7%;}
#indexabout ul li a{ width:100%; height:5em; position:relative; display:block;}
#indexabout ul li a .lititle{ position:absolute; right:5px; top:30%; color:#FFF; font-size:16px;}
/*棣栭〉 鍏充簬鎴戜滑 涓夊浘*/
.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	width:1005;
	height:5em;
}
.ih-item.square.effect15.colored .info {
 backg/round: #1a4a72;
	width:100%;
	height:5em;
}
.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width:100%;
	height:5em;
}
.ih-item.square.effect15 .info {
	width:100%;
	height:5em;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}

#index2 {
background: #ce2525;
margin-top: 62px;
padding-bottom:42px;
}
#indexcp{ width:100%; max-width:640px; margin:0px auto;}
#indexcp ul{margin-left:0px; *zoom:1;_position:relative; *margin-left:0px;}
#indexcp li{ width:30.6%; float:left; margin-left:2%; margin-top:29px;}
#indexcp li img{ width:100%; height:7em; overflow:hidden; object-fit: cover;}
#indexcp li a:hover img{ border:0px solid #FFFFFF; width:100%; height:7em;}
#indexcp li span {
display: block;
color: #FFF;
font-size: 16px;
text-align: center;
padding-top:8px;
}

#index3bg {
background-repeat: no-repeat;
background-attachment:scroll;
background-position: center center;
min-height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
height: 20em;
}
.index3 span{ font-size:24px; display:block; padding-top:25px;}
.index3 font{ font-size:18px; line-height:150%; display:block; padding-top:20px;}
.index3 .index3lx{ font-size:20px; padding-top:20px;}
.index3 .more3{ margin:25px auto 0px auto; border-radius:5px; width:140px; height:31px; background:#ce2525; color:#FFFFFF; padding-top:10px; font-size:16px; text-align:center; display:block;}


#index4{ width:100%; max-width:640px; margin:40px auto 0px auto;}
.index4left{ display:none;}
.index4righ{ float:none; width:96%; margin:20px auto 0px auto;}
.index4righ dl dt .biaoti{ color:#000000; font-size:16px; font-weight:bold; font-family:"瀹嬩綋"; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:70%; display:block; float:left;}
.index4righ dl dd {
color: #000000;
font-size: 14px;
padding-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

#containter{ width:100%; max-width:640px; margin:0px auto;}

.header_bg4 { display:none;}
.header_bg3{ width:100%; max-width:640px; margin:0px auto;}
.header_bg3 img{ width:100%;}

.title_tab { margin-top:-15px;
height: 70px;
position: relative;
font-size: 20px;
padding-top: 35px; margin-left:2%;
}
.summary_tab {
color: #000000;
font-size: 14px;
line-height: 180%;
padding:35px 2% 0px 2%;
}

.min_nav_bg .mnb_content{ width:96%; margin:0 auto; height:100%;}
.min_nav_bg .mnb_content ul li {
transition: all 0.5s;
-webkit-transition: all 0.5s;
width:33.3%;
float: left;
height: 67px;
font-size: 18px;
color: #FFF;
position: relative;
cursor: pointer;
}

.productlist {
margin-left: -0px;
_position: relative;
}
.productlist li{ width:47%; float:left; margin-left:2%; margin-top:40px;     box-shadow: 0px 2px 5px #989898;}
.productlist li img{ width:100%; height:7em; overflow:hidden; object-fit: cover;}
.productlist li span {
display: block;
color: #000000;
font-size: 16px;
text-align: center;
padding-top:7px;
border-bottom: 8px solid #ededed;
padding-bottom: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow:hidden;
}

.newslist{ width:96%; margin: 20px auto 0px auto;
}
.newslist li .newstup {
width:30%;
height:7em;
float: left;
}
.newslist li .newstup img {
width:100%;
height:7em;
object-fit: cover;
}
.newslist li .xinwen{ width:68%; float:right; margin-top:15px;}
.newslist li .xinwen .xwtitle {
 overflow:hidden; width:100%; float:none;
color: #333;
font-size: 20px;
}
.newslist li .xinwen .xwtime {
color: #999;
font-size: 14px; width:100%; text-align:left;
padding-top: 10px; float:none;
}
.newslist li .xinwenms{ display:none;}



.news_view { width:96%;
margin: 40px auto 0px auto;
}
.imgs img{ max-width:640px; width:100%;}
}