@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:94%; margin:0 auto;}

.about{ background:url(../images/index1.jpg) no-repeat -40px -10px; height:450px; position: relative; background-size:1000px auto;}
.about .content{ left:20px; top:180px; position: absolute; width:80%; line-height:24px; font-size:14px; color:#444444}

.about .more{ left:0; top:0; position: absolute; width:100%; height:100%; display:block}

.honor{ width:100%; padding-top:30px;}
.honor a{ width:100%; height:auto; float:left; margin-right:0;}
.honor a:nth-child(3n){ margin-right:0;}
.honor a:hover{ background:none}
.honor a img{ margin:0; border:1px solid #dcdcdc; max-width:99%; height:auto;}
.honor a .honortitle{margin:30px 0 31px 0; border-top:1px solid #dcdcdc}
.honor a .honortitlecn{ font-size:16px; margin-top:40px; line-height:30px}
.honor a .honortitleen{ font-size:13px; color:#b1b1b1}
.honor a:hover .honortitlecn{ color:#000;}
.honor a:hover .honortitleen{ color:#b1b1b1}

.items{ height:828px; background:url(../images/items1.jpg) no-repeat center 0; width:100%; margin-top:96px; padding-top:104px; display:none;}
.items a:hover .items3{ background:#dc130c; color:#FFFFFF}
.items a:hover .items4{ background:#dc130c; color:#FFFFFF}
.items a:hover .items7{ background:#dc130c; color:#FFFFFF}

.items1{ background:#FFFFFF; float:left; width:280px; height:240px}
.items1 .titlecn{ margin-top:90px; margin-left:35px;}
.items1 .titleen{ margin-left:35px;}
.items2{ float:left; width:280px; height:240px; overflow:hidden}
.items2 .title1{ margin-top:50px;}
.items3{ background:#FFFFFF; float:left; width:280px; height:190px; padding-top:50px;}
.items4{ background:#FFFFFF; float:left; width:280px; height:190px; padding-top:50px; margin-left:280px}
.items5{ float:left; width:460px; height:240px; overflow:hidden}
.items6{ float:left; width:280px; height:240px; margin-left:280px; overflow:hidden}
.items7{ background:#FFFFFF; float:left; width:460px; height:190px; padding-top:50px; overflow:hidden}

.items .itemsid{ line-height:40px; margin-left:25px; font-size:16px; margin-right:30px; color:#dc130c}
.items .itemstitle{ line-height:40px; margin-left:25px; font-size:16px; margin-right:20px}
.items .itemscontent{ line-height:30px; margin-left:25px; font-size:14px; margin-right:20px; color:#b1b1b1}
.items .itemsico{ line-height:30px; margin-left:25px; font-size:14px; margin-right:20px; color:#b1b1b1}
.items a:hover .itemscontent,.items a:hover .itemsid,.items a:hover .itemsico{ color:#FFFFFF}

.project{ width:100%; height:auto; margin:0 auto; padding-top:30px;}
.project a{ float:left; width:99%; margin-right:2%; margin-bottom:40px; position:relative; display:block;}
.projectimg:nth-child(3n){ margin-right:0;}
.projectimg img{ width:100% !important; height:auto;}
.project .projecttitle{margin:0px 10px;}
.project .projecttitle .projecttitlecn{ font-size:16px; margin-top:20px; line-height:40px}
.project .projecttitle .projecttitleen{ font-size:13px; color:#b1b1b1}

.project .content{ position:absolute; width:275px; height:350px; top:39px; left:27px; background:#FFFFFF; border-top:4px solid #dc130c; opacity:0; display:none;}
.project .content .projecttitle{ margin-top:100px; margin-left:40px; color:#dc130c; line-height:40px; margin-right:30px;}
.project .content .projecttitleen{  margin-left:40px; color:#b1b1b1; margin-right:30px;}
.project .content .projectdesc{ margin-top:30px; margin-left:40px; margin-right:30px; color:#b1b1b1;}
.project .content .projectmore{ background:#dc130c; color:#FFFFFF; float:left; margin-left:40px; padding:4px 10px;}

.news{ width:100%; height:340px; padding-top:30px;}
.news .a{float:left; width:99%; border:1px solid #e5e5e5; height:290px; margin-right:3%; margin-bottom:26px;}
.news .a:last-child{ margin-right:0;}
.news .newstitle{ font-size:16px; margin-top:20px; margin-left:30px; line-height:70px; overflow:hidden; height:70px; text-overflow:ellipsis; white-space:nowrap;}
.news .content{ font-size:13px; margin-left:30px; margin-right:30px; padding-bottom:20px; margin-bottom:20px; line-height:30px; border-bottom:2px solid #000000; color:#b1b1b1; height:90px; overflow:hidden}
.news .time{ margin-left:30px; font-size:14px;  float:left}
.news .more{ margin-right:30px; float:right; color:#b1b1b1}
.news .down{ background:#e0e0e0; margin-right: 30px; line-height:24px; padding:0 20px; color:#FFFFFF; font-size:14px; margin-top:20px;border-radius:12px}
.news .down:hover{ background:#dc130c}

.foot1{height:140px; background:#dc130c; font-size:14px; line-height:140px; display:none;}
.foot1 a{ color:#FFFFFF; padding:10px 16px;}
.foot1  a:hover { color:#ffffff; text-decoration:underline; background:#c5120b; }
.foot1 .center{ background:url(../images/logo.jpg) no-repeat 15px 40px; }
.foot1 .center .manu{ margin-left:0; padding-top:40px;}
.foot2{ width:94%; height:auto; background:#c7110d; color:#e1a5a5; font-size:12px; text-align:center; line-height:20px; padding:15px 3%;}

div.visual { width: 100% !important; height: 640px; margin-bottom:40px; display:none;}
.header{height:70px; background:#000000; display:none;}
.menu{height:50px; background:#dc130c; color:#FFFFFF; font-size:14px; line-height:50px; display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF; text-align:center;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 5px 0; text-align:left; background:#000;}
.mobile_logo{ display:inline-block; height:40px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header1_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#FFF; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/* mobile css */
.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
	z-index:100;
	overflow:hidden;
}
.swiper-container .swiper-slide {
	text-align: center;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}
.swiper-container .swiper-pagination-bullet-active{ background:#dc130c;}

.piaofu{ position:fixed; top:400px; right:0px; width:198px; height:197px; z-index:9999; display:none; background:url(../images/qqbg.png)}
.items_mobile{ width:94%; margin:30px auto 0 auto; overflow:hidden; display:block;}
.items_mobile img{ max-width:100%;}

.title{ margin:30px 0 0 0;}
.titlecn{ font-size:16px; line-height:30px;}
.titleen{ font-size:13px; color:#b1b1b1}

.items_mobile{ width:88%; padding:30px 3%; margin:30px auto 0 auto; overflow:hidden; display:block; background:url(../images/items1.jpg) no-repeat center 0; background-size:cover;}
.items_mobile1{ background:#FFF; width:100%; height:100px; margin:0 auto 1px auto; overflow:hidden;}
.items_mobile1_1{ font-size:16px; line-height:40px; margin-top:20px; margin-left:35px;}
.items_mobile1_2{ font-size:13px; color:#b1b1b1; margin-left:35px;}
.items_mobile2{ background:#FFF; display:block; clear:both; overflow:hidden; width:100%; margin:0 auto;}
.items_mobile2_1{ width:100%; height:240px; overflow:hidden; float:left !important;}
.items_mobile2_1 img{ display:block; height:280px; width:100%;}
.items_mobile2_2{ width:100%; height:240px; overflow:hidden; float:left !important;}
.items_mobile2_3{ font-size:16px; line-height:40px; color:#dc130c; margin-left:25px; margin-top:50px; margin-right:20px;}
.items_mobile2_4{ font-size:16px; line-height:40px; margin-left:25px; margin-right:20px;}
.items_mobile2_5{ font-size:13px; color:#b1b1b1; line-height:30px; margin-left:25px; margin-right:20px; height:60px; overflow:hidden;}

.map{ width:100%; height:300px;}

.banner_mobile{ display:block;}
.banner_mobile img{ display:block; width:100%;}
.banner{ display:none;}

.detailcontent{ line-height:30px; font-size:13px;}
.detailcontent img{ width:100%}
.detailmenu{ width:100%; margin-top:20px; border-bottom:1px solid #CCCCCC; margin-bottom:30px; padding-bottom:0; overflow:hidden;}
.detailmenu a{ padding:12px 0; margin-right:3%; height:43px; line-height:43px; width:30%; overflow:hidden; display:block; float:left; text-overflow:ellipsis; white-space:nowrap;}
.detailmenu a:hover { border-bottom:1px solid #dc130c;}
.detailmenu .on{ border-bottom:1px solid #dc130c;}

.newsIn .newstitle{ border-bottom:1px solid #dedede; margin-top:20px; background:url(../images/ico2.jpg) no-repeat 0 33px;}
.newsIn .newstitle .newstitlecn{ font-size:16px; line-height:70px;  padding-left:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsIn .newstitle .newscontent{ line-height:30px; padding-bottom:20px}
.newsIn .newstitle:hover{ color:#dc130c; background:url(../images/ico.jpg) no-repeat 0 33px; }
.newsIn .desc{ width:100%}

}