﻿ /*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#c30e37;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*wrapin 主体容器宽度*/
.wrapin{
	width:90%; min-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.wrapin2{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{
	height:87px; width:100%;
	background: #fff;position: relative;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);box-sizing:border-box;
		
}
.header .logo{
	float:left; margin-top:10px; margin-bottom:10px;
		
}
.header2{ width:100%; height:auto; background:#009b4d; line-height:35px; vertical-align:middle; overflow:hidden;}
.header2 .tel{ color:#fff; float:right; font-size:14px; }
.header2 .tel b{ font-size:18px;}
.m1{ float:left; color:#fff;}
.nav{
	float:right; 
	height:auto;
	line-height:35px;
	font-size:16px;
	color:#000;	
}
.nav>li{ float:left; position:relative; width:auto; text-align:center; }
.nav>li>a{ display:block;width:100%; padding-left:20px; padding-right:20px; height:87px; line-height:87px; vertical-align:middle; color:#000; box-sizing:border-box; background-image:url(../images/line1.jpg); background-position:-150px bottom; background-repeat:no-repeat; transition:all 0.6s;}
.nav>li:hover,.nav>.hover{   }
.nav>li:hover>a{color:#000;  background-position:0px bottom;}
.nav>.hover>a{color:#000; background-position:0px bottom;  }
.nav li>.nav-c{ display:none; width:370px; height:auto;position:absolute; z-index:9999999; background:#fff; box-shadow:0px 0px 3px #ccc; border-top:3px solid #009b4e; padding:20px; box-sizing:border-box;    
    top: 60px;
    border-radius:0px 0px 3px 3px; 
    left: 50%;
    margin-left: -185px;  }
	.nav li>.nav-c:before{ content:""; width: 0; position:absolute; top:-10px;
    height: 0; left:50%; margin-left:-10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #009b4e;}

.nav li>.nav-c a{ } 
.nav li>.nav-c a:hover{ }
.nav li:hover>.nav-c{ display:block;}

.list00{ width:100%; height:auto; float:left;}
.list00 li{ width:23%; height:auto; display:inline-block; text-align:center; margin-top:40px;}
.list00 li h1{ font-size:16px;}

.more3{ width:100%; height:auto; float:left; text-align:center;}
.more3 a{ display:inline-block; width:135px; height:45px; line-height:45px; vertical-align:middle; text-align:center; border:1px solid #e2e2e2; box-sizing:border-box; color:#666666; font-size:14px; border-radius:35px; overflow:hidden; margin-top:40px;}
.more3 a:hover{ background:#c30e37; color:#fff;}
.cc{ width:60%; height:auto; float:left;}
.cc2{ width:35%; height:auto; float:right;}
.cc-1{ width:100%; height:auto; float:left; font-size:24px; color:rgba(255,255,255,0.68); margin-bottom:15px;}
.cc-2{width:100%; height:auto; float:left; }
.cc-2 h1{ font-size:36px; margin-bottom:15px; color:rgba(255,255,255,0.7)}
.cc-2 p{ line-height:30px; font-size:16px;}
.cc-2img{ float:right; margin-left:40px;}

.inpp5{ width:48%; height:40px; line-height:40px; vertical-align:middle; background:none; border:0px; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:15px;  box-sizing:border-box; color:#fff;}
.inpp6{ width:100%; height:60px; line-height:30px; float:left;background:none; border:0px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box;color:#fff;}
.inpp7{ width:100%; height:40px; background:rgba(0,0,0,0.5); border:0px; margin-top:15px; color:rgba(255,255,255,0.7)}

.ejdh{ width:150px; height:auto; float:left;}
.ejdh a{ color:#333;border-bottom:1px solid #ccc; padding-left:10px; padding-right:10px; box-sizing:border-box; line-height:18px; padding-top:10px; padding-bottom:10px; vertical-align:middle; float:left; text-align:left; display:inline-block; width:100%; font-size:14px; font-weight:normal;}
.ejdh a:hover{ color:#096;}
.ppl{width:155px; height:auto; float:right; border-left:1px solid #efefef; padding-left:20px; box-sizing:border-box;}
.ppl img{ max-width:100%;}
.ppl2{ width:100%; height:auto; float:left;}
.ppl2 li{ width:100%; height:50px; float:left; margin-bottom:10px; background:#fff; border:1px solid #ccc; padding:10px 10px 10px 10px; box-sizing:border-box; line-height:30px; vertical-align:middle; text-align:center;}
.ppl2 li img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.tt4{ width:100%; height:auto; float:left; font-size:16px; font-weight:bold; line-height:30px; vertical-align:middle; margin-bottom:10px; text-align:left;}
.wap-nav{ display:none;}

.search{float:right; width:auto; margin-top:20px;margin-left:20px;margin-right:20px; }
.searchcl{ float:right; width:190px; border:1px solid #d8d8d8; height:45px; border-radius:45px; overflow:hidden; margin-left:20px; margin-right:20px; box-sizing:border-box; padding-left:15px; padding-right:15px; margin-top:20px;}
.search .inpt{ width: 1px; transition:all .6s;
    height: 45px;border-bottom: 1px solid #ebebeb; font-size:14px;
    float: left; padding-left:1px;
    border: 0px;
    line-height: 45px;
    vertical-align: middle;
    box-sizing: border-box;}
.search .submit{ float:right; width:30px; height:45px; background:url(../images/ss.jpg) no-repeat center center; border:0px; cursor:pointer;}

.lang{ float:right; width:74px; height:87px; background:#c30e37; line-height:87px; vertical-align:middle;
text-align:center; }
.lang a{ display:block; font-size:16px; color:#fff;}
/*header 结束*/

/*footer 底部开始*/
.footer{ width:100%;
	background:#1b1b1b; height:auto; overflow:hidden;
	padding:60px 0 60px 0;
	   
}
.footer a{
	
}
.tel2{ float:right; margin-top:15px; margin-left:40px;}

.banner{ width:100%; height:auto; overflow:hidden; border-radius:8px; overflow:hidden;}
/* main_image */
.main_visual{height:800px;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; background-position:center top; background-repeat:no-repeat; position:relative;}
.main_image li span div{ background:rgba(255,255,255,0.8); width:400px; height:auto; border-radius:0px 120px 0px 0px; border-right:10px solid #efa540; font-size:24px; color:#294a70; font-weight:bold; padding:35px; margin-top:200px; position:absolute; left:20%;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{position:absolute;bottom:30px;left:50%;z-index:999;width:300px; text-align:center;height:21px;margin:0 0 0 -150px;}
div.flicking_con a{ display:inline-block;width:31px;height:28px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;text-indent:-4920px; color:#fff; }
div.flicking_con a.on{background-position:0 -27px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


.leftslide{ float:left; width:50%; height:auto; position:relative; overflow:hidden;}
.leftslidebg{ width:95%;height:95%; background:#d1d1d1;position:absolute; left:0px; top:0px; z-index:1;}
.banner2box{ float:left; width:95%; height:auto; position:relative; z-index:2; margin-left:5%; margin-top:5%; }
.banner2box img{ max-width:100%;}

.banner2{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto}
.banner2 .dots{position:absolute;left:0;right:0;bottom:90px;z-index:3;}
.banner2 .dots li{display:inline-block;width:14px;height:7px;margin:0 4px;text-indent:-999em;border-radius:10px;cursor:pointer; background:#fff;-webkit-transition:background .5s;-moz-transition:background .5s;transition:background .5s;}
.banner2 .dots li.active{width:18px;height:7px;background:#c30e37;}
.banner2 .arrow{position:absolute;width:50px;height:80px;top: 50%; margin-top: -40px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner2 #al{left:0px}
.banner2 #ar{right:0px}
.banner2 ul{z-index: 1;width: 600%;overflow: hidden;}
.banner2 ul .slider-item {width:640px;height:480px; float: left; position: relative; overflow: hidden;}
.banner2 ul .slider-item img{ height:100%;}
.banner2 ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 100%; height:auto; overflow:hidden; padding:20px; box-sizing:border-box;text-align:left;line-height: 28px;color: #fff;font-size:24px;background:rgba(195,14,55,0.6); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.banner2 .progress,.banner2 .progress2{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#c30e37;}


.rollBox{width:100%;height:auto;overflow:hidden;margin:0 auto; position:relative;}
.rollBox .LeftBotton{ position:absolute; left:0px;top:50%;height:33px;width:33px;background:url(../images/sl.jpg) no-repeat 0px 0px;overflow:hidden;display:inline;margin:-12px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{position:absolute; right:0px; top:50%;height:33px;width:33px;background:url(../images/sr.jpg) no-repeat 0px 0px;overflow:hidden;display:inline;margin:-12px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1200px;overflow:hidden; margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:360px;height:165px; overflow:hidden;float:left;text-align:center;position:relative;border:1px solid #dcdcdc; box-sizing:border-box; margin:0px 20px;}
.rollBox .Cont .pic a{ display:block;}
.rollBox .Cont .pic .pic-1{ width:100%; height:165px; line-height:165px; vertical-align:middle; float:left; background:#fff; text-align:center;  box-sizing:border-box;}
.rollBox .Cont .pic .pic-2{width:100%; height:165px; float:left; background:rgba(195,14,55,0.9); font-size:24px; color:#fff; text-align:center; line-height:165px; vertical-align:middle; position:absolute; top:165px; transition:all 0.6s;}
.rollBox .Cont .pic .pic-1 img{max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .LeftBotton:hover{background:url(../images/slon.jpg);}
.rollBox .RightBotton:hover{background:url(../images/sron.jpg);}
.rollBox .Cont .pic:hover .pic-2{ top:0px; }



.gg{ width:100%; height:auto; background:#f7f7f7; line-height:65px; vertical-align:middle;}
.list1{ width:100%; height:auto; float:left; background:url(../images/pic01.png) left center no-repeat; padding-left:60px; box-sizing:border-box;}
.list1 li{ width:47%; height:auto; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:3%;}
.list1 li span{ float:left; font-size:16px; color:#009b4c; margin-right:5px; font-weight:bold;}
.list1 li div{ float: left; width:70%; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list1 li div a{ font-size:16px; color:#515050;}
.list1 li div a:hover{ text-decoration:underline; color:#009b4c;}

.list2{ width:100%; height:auto; overflow:hidden;}
.list2 li{ width:25%; height:auto; float:left; padding:40px; box-sizing:border-box; text-align:center;}
.list2 li .list2-1{ width:100%; height:310px; line-height:270px; vertical-align:middle; float:left; text-align:center; margin-bottom:20px; padding:20px; box-sizing:border-box; transition:all 0.6s;}
.list2 li .list2-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.list2 li .list2-2{ width:100%; height:auto; float:left; font-size:24px; color:#181818;}
.list2 li .list2-2 span{ color:#009b4e;}
.list2 li:nth-child(1),.list2 li:nth-child(3),.list2 li:nth-child(6),.list2 li:nth-child(8){ background:#efefef;}
.list2 li:nth-child(2),.list2 li:nth-child(4),.list2 li:nth-child(5),.list2 li:nth-child(7){ background:#fff;}
.list2 li:hover{ background:#fff7e4;  }
.list2 li:hover .list2-1{ padding:0px;}
.list2 li:hover .list2-2{color:#009b4e;}

.section{ width:100%; height:auto;  padding-top:60px; padding-bottom:40px; overflow:hidden;}
.tt1{ width:100%; height:auto; text-align:center; float:left; margin-bottom:90px; }
.tt1 h1{ width:100%; height:auto; text-align:center; font-size:48px; font-weight:bold; color:#fff;}
.tt1 h2{ width:100%; height:auto; text-align:center; font-size:26px; font-weight:bold; color:#fff; margin-top:10px; margin-bottom:10px;}
.tt1 span{ display:inline-block; width:80px; height:3px ; background:#00e26f; }

.list3{ width:100%; height:auto; float:left;}
.list3 li{ width:25%; height:auto; float:left; text-align:center; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.list3 li h1{ font-size:60px; color:#4be57d; font-weight:bold;}
.list3 li h2{ font-size:24px; color:#fff;}

.section2{ width:100%; height:auto; background:#009b4e; padding-top:15px; padding-bottom:15px; overflow:hidden;}
.list4{ width:100%; height:auto; float:left;}
.list4 li{ width:25%; padding-right:20px; box-sizing:border-box; float:left; background-position:left center; background-repeat:no-repeat; background-size:auto 40px; padding-left:60px; box-sizing:border-box;}
.list4 li h1{ font-size:18px; color:#fff; margin-bottom:0px;}
.list4 li p{ font-size:14px; color:#fff;}

.list5{ width:100%; height:auto; float:left; margin-top:80px; margin-bottom:80px;}
.list5 li{ width:33.33%; height:auto; float:left;}
.list5 li .list5-1{ float:left; width:130px; height:130px; background:#eeeeee; border-radius:50%; overflow:hidden;}
.list5 li .list5-1 img{ max-width:100%; transition:all 0.6s;}
.list5 li .list5-2{ width:60%; height:auto; float:right; padding-top:20px;}
.list5 li .list5-2 h1{ width:100%; float:left; font-size:24px; color:#000000;}
.list5 li .list5-2 h2{ width:100%; float:left;  font-size:14px; color:#737373;}
.list5 li .list5-2 span{ float:left;display:block; width:46px; height:3px; background:#009b4c; margin-bottom:10px; margin-top:15px;}
.list5 li:hover h1{ color:#009b4e;}
.list5 li:hover .list5-1 img{ transform:rotate(360deg)}

.section3{width:100%; height:auto; float:left; background:#f2f2f2; padding-top:75px; padding-bottom:75px; overflow:hidden;}
.tt2{ width:100%; height:auto; float:left; margin-bottom:30px;}
.tt2-1{ float:left; width:auto; height:auto;}
.tt2-1 h1{ float:left; width:auto; height:auto; overflow:hidden; font-size:48px; color:#e6e9ee; z-index:1; position:relative; line-height:40px; vertical-align:middle;}
/*.tt2-1 h2{float:left; width:100%; height:auto; overflow:hidden;  font-size:30px; color:#333333;font-weight:bold;}*/
.tt2-1 h3{float:left; width:auto; height:auto; overflow:hidden;  font-size:30px; color:#333333;line-height:35px; vertical-align:middle; margin-left:-20%;z-index:2; position:relative;line-height:40px; vertical-align:middle;}
.tt2-1 h3 i{ display:inline-block; width:70px; height:3px; background:#009b4c; vertical-align:middle; }
.tt2-1 h3 span{ display:inline-block; margin-right:10px;}
.tt2-2{ float:left; margin-top:0px; }
.list6{ width:100%; height:auto; float:right; text-align:right;}
.list6 li{ cursor:pointer; display:inline-block; width:auto; height:48px; background:; text-align:center;  color:#4e4e4e; line-height:48px; vertical-align:middle; margin-left:20px; font-size:16px;}
.list6 li:after{ content:""; display:inline-block; width:7px; height:7px; background:#999; margin-left:5px;vertical-align:middle;}
.list6 li:hover,.list6 .cur{  color:#c30e37;}
.list6 li:hover:after,.list6 .cur:after{background:#c30e37;}



.tab-con{ width:100%; height:auto; float:left;}

.list70{ width:45%; height:auto; float:right;}
.list70 li{ width:100%;float:left; padding:40px 0px 40px 0px; border-bottom:1px solid #d8d8d8; transition:all 0.6s;box-sizing:border-box;}
.list70 li .list70-1{ float:left; width:100%; font-size:14px; margin-bottom:10px; color:#a0a0a0; background:url(../images/pic18.png) left center no-repeat; padding-left:30px; box-sizing:border-box; line-height:30px; vertical-align:middle;}
.list70 li h1{float:left;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;  width:100%; font-size:22px; color:#333; line-height:30px; vertical-align:middle;}
.list70 li p{float:left;  width:100%; font-size:16px; color:#909090; line-height:30px; height:60px; overflow:hidden; }
.list70 li:hover{ background:#c30e37; padding:40px; }
.list70 li:hover h1{ color:#fff;}
.list70 li:hover p{ color:rgba(255,255,255,0.6);}
.list70 li:hover .list70-1{color:rgba(255,255,255,0.4);}
.list70-col2{ width:100%;height:auto; float:left;}
.list70-col2 li{ width:48%; margin-left:1%; margin-right:1%;}

.more{ width:100%; height:auto; float:left; margin-top:40px; }
.more a{font-size:16px; color:#c30e37;}
.more a:after{ content:url(../images/pic19.png); display:inline-block; vertical-align:middle; margin-left:15px;}
.list7{ width:100%; height:auto; float:left;}
.list7 li{ width:33.33%; height:auto; padding:3%; box-sizing:border-box; float:left;  overflow:hidden;}
.list7 li:nth-child(3n){ margin-right:0px;}
.list7 li .list7-1{ float:left; width:100%; font-size:14px; margin-bottom:10px; color:#858484; background:url(../images/pic18.png) left center no-repeat; padding-left:30px; box-sizing:border-box; line-height:40px; vertical-align:middle;}
.list7 li .list7-1-x{background:url(../images/pic25.png) left center no-repeat;}
.list7 li h1{float:left;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  width:100%; font-size:18px; color:#000; line-height:30px; vertical-align:middle;}
.list7 li h1 img{ display:inline-block; vertical-align:middle; margin-left:15px;}
.list7 li p{float:left;  width:100%; font-size:14px; color:#7c7c7c; line-height:25px; height:75px; overflow:hidden; margin-bottom:20px;}
.list7 li .list7-2{float:left;  width:100%; height:282px; overflow:hidden;}
.list7 li .list7-2 img{ width:100%; height:auto; transition:all 0.6s;}
.list7 li:hover{ background:#c30e37;}
.list7 li:hover h1{ color:#fff;}
.list7 li:hover .list7-2 img{ transform:scale(1.2);}
.list7 li:hover p{ color:rgba(255,255,255,0.8)}
.list7 li:hover .list7-1{color:rgba(255,255,255,0.7)}

.list8{ width:100%; height:auto; float:left;}
.list8 li{ width:23%; margin-right:2.5%; float:left; height:165px; margin-bottom:2.5%; overflow:hidden; position:relative;}
.list8 li:nth-child(4n){ margin-right:0px;}
.list8 li .list8-1{ width:100%; height:165px; line-height:165px; vertical-align:middle; float:left; background:#fff; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box;}
.list8 li .list8-1 img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.list8 li .list8-2{ width:100%; height:165px; float:left; background:rgba(195,14,55,0.9); font-size:24px; color:#fff; text-align:center; line-height:165px; vertical-align:middle; position:absolute; top:165px; transition:all 0.6s;}
.list8 li:hover .list8-2{ top:0px; }

.tt3{ width:100%; height:auto; float:left; text-align:center; margin-bottom:35px;}
.tt3 h1{ font-size:30px; color:#0d0d0d; margin-bottom:10px;  }
.tt3 h2{font-size:18px; color:#656565; }
.tt3 span{ display:inline-block; width:75px; height:1px; line-height:40px; vertical-align:middle; background:#c30e37;}
.section4{ padding-top:80px; padding-bottom:80px; height:auto; overflow:hidden; background:#f2f5fa;}

.list20{ width:100%; height:auto; float:left;}
.list20 li{ width:50%; height:auto; float:left; border:1px solid #dcdcdc; margin-left:-1px; box-sizing:border-box; margin-top:-1px; padding:60px; overflow:hidden; position:relative;}
.list20 li .list20-left{width:145px; position:absolute; left:60px; top:90px; text-align:center;}
.list20 li .list20-left .list20-leftimg{ width:145px; height:145px; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-position:center center; display:inline-block; margin-bottom:20px;}
.list20 li .list20-left .list20-leftimg div{ background:rgba(0,0,0,0.5); width:100%; height:145px; line-height:145px; vertical-align:middle; transition:all 0.6s;}
.list20 li .list20-left .list20-leftimg div img{ display:inline-block; vertical-align:middle;}
.list20 li .list20-left .list20-lefttxt{width:100%; height:auto; float:left; text-align:center; }
.list20 li .list20-left .list20-lefttxt a{font-size:24px; color:#292929;}
.list20 li .list20-right{ float:left; width:100%; height:auto; float:left; padding-left:205px; box-sizing:border-box;}
.list20 li .list20-right h1{ float:left; width:100%;  font-size:26px; color:#333; margin-bottom:15px;}
.list20 li .list20-right h1 a{font-size:26px; color:#333;}
.list20 li .list20-right p{ width:100%; font-size:16px; color:#807f7f; line-height:30px; margin-bottom:10px; height:120px; overflow:hidden;}
.list20 li .list20-right p a{font-size:16px; color:#807f7f;}
.list20 li .list20-right .more2{ float:left; display:inline-block;font-size:16px; color:#c30e37; line-height:30px; vertical-align:middle; margin-bottom:20px;}
.list20 li .list20-right .more2:after{content:url(../images/pic19.png); display:inline-block; vertical-align:middle; margin-left:15px;}
.list20 li .list20-right .list20-more{width:100%; height:auto; float:left; font-size:16px; color:#c30e37; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list20 li .list20-right .list20-more a{ display:inline-block; background:#f2f5fa; border:1px solid #cbcbcb; border-radius:5px; box-sizing:border-box; padding:10px; line-height:20px; margin-right:10px; margin-top:10px; font-size:16px; color:#6a717c;}
.list20 li .list20-right .list20-more a:after{content:url(../images/pic24.png); display:inline-block; vertical-align:middle; margin-left:15px;}

.list20 li:hover .list20-left .list20-leftimg div{ background:rgba(195,14,55,0.6); transform:rotate(360deg);}
.list20 li:hover .list20-right h1 a{ color:#c30e37;}
.list20 li .list20-right .list20-more a:hover{ color:#c30e37;border:1px solid #c30e37; background:#fff;}
.list20 li .list20-right .list20-more a:hover:after{content:url(../images/pic19.png);}

.list40{ width:12.5%; height:auto; float:left; padding-right:2%; padding-left:2%; box-sizing:border-box; border-right:1px solid #282828;  }
.list40 dt{ float:left; width:auto; height:auto; color:#c6c5c5; margin-bottom:5px; font-size:14px;line-height:40px; vertical-align:middle;  }
.list40 dd{float:left;  width:100%; height:auto; line-height:20px; vertical-align:middle; padding-top:5px; padding-bottom:5px; color:#747474; }
.list40 dd a{ color:#747474;}
.m{ margin-right:0px; width:300px;}
.list40 dd a:hover{ color:#c30e37;}
.ewm{ width:12.5%; height:auto; float:right; text-align:center;}
.ewm img{ display:inline-block; margin:5px;}

.red{ color:#ff0700;}

.footer2{ width:100%; height:auto; overflow:hidden; color:#6a6a6a; text-align:center; background:#1b1b1b; border-top:1px solid #2b2b2b; padding-top:20px; padding-bottom:20px; }

.ab{ position:relative; width:100%; height:445px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;overflow: hidden; }
.ab .abcon {    position: absolute;    top: 0;    left: 0;    z-index: 2;    text-align: center;    width: 100%;    padding-top:70px;}
.ab .abbox{    width:100%;    height:228px;    margin: 0 auto;    text-align: center;    line-height:228px;    position: relative;padding-top: 50px;}
.ab .abbg{    width: 100%;    height: 100%;    background:url(../images/pro07.png) no-repeat center;
    position: absolute;    top: 0;    left: 0;    z-index: 1;    -webkit-animation:spinner 1.5s infinite linear;
    animation:spinner 1.5s infinite linear;}
.ab img{    position: relative;    z-index: 2;}
.abcon h2 { text-transform:uppercase; font-size: 32px;position: relative;line-height: 56px;    margin-top: 35px;
    color: #fff; z-index:2;    text-shadow: 0 0 15px rgba(0,0,0,.4);
}
.abcon .font {position: relative;     font-size: 36px; z-index:2;    color: #c30e37;    text-shadow: 0 0 5px rgba(255,255,255,.9);    line-height: 40px;}

.ab2{ position:relative; width:100%; height:450px; background-position:center center; background-repeat:no-repeat; overflow: hidden; margin-bottom:60px; border-bottom:5px solid #c30e37; }
.con-top{ width:100%; height:auto; float:left; overflow:hidden; margin-top:60px; margin-bottom:60px;}
.con-top-1{ width:100%; height:auto; float:left; margin-bottom:20px;}
.con-top-1 h1{ font-weight:bold; color:#d5d5d5; font-size:48px; width:100%; height:auto; float:left; text-align:center; text-transform:uppercase;}
.con-top-1 h2{color:#0e0e0e; font-size:26px; width:100%; height:auto; float:left; text-align:center; margin-top:-35px; z-index:2;}
.ab-nav{ width:100%; height:auto; float:left; text-align:center; background:#f0f0f0; overflow:hidden;}
.ab-nav ul{width:100%; height:auto; float:left;}
.ab-nav ul li{ width:auto; display:inline-block; background:url(../images/pro04.png) left center no-repeat; line-height:70px; vertical-align:middle; padding-left:50px; padding-right:50px;}
.ab-nav ul li:first-child{ background:none;}
.ab-nav a{ display:block; line-height:70px; font-size:16px; color:#616060; background-position:left center; background-repeat:no-repeat; padding-left:40px; box-sizing:border-box;}
.ab-nav a:first-child{ border-left:0px;}
.ab-nav a:hover,.ab-nav .on	{ color:#c30e37;	}

.con{ width:100%; height:auto; float:left; overflow:hidden; min-height:300px; margin-bottom:60px;}
.txt img{ max-width:100%; }
.txt{ line-height:26px; font-size:14px;}
.txt p{ margin-bottom:20px;}

.pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;}
.pagelist .curPage,.pagelist a:hover{ background:#c30e37; color:#fff; }
.pagelist a{ font-size:16px; cursor:pointer; display:inline-block; line-height:40px; margin-left:1px; margin-right:1px; color:#8d8d8d; background:#f2eeef; box-sizing:border-box;  width:40px; height:40px;}
.pagelist .noclick{ cursor:no-drop; color:#8d8d8d;}
.pagelist .noclick:hover{cursor:no-drop;background:#ccc;  color:#8d8d8d;}

.list22{ width:100%; height:auto; float:left;}
.list22 li{ width:20%; min-height:380px; float:left; border-right:1px solid #e6e6e6; box-sizing:border-box;text-align:center;  position:relative; padding:40px; transition:all 0.5s; }
.list22 li .list22-1{ width:100px; height:100px; padding:20px; box-sizing:border-box; display:inline-block; text-align:center; line-height:60px; vertical-align:middle; text-align:center;  border:1px dashed #c30e37; overflow:hidden; border-radius:50%; margin-bottom:30px; }
.list22 li .list22-1 img{ max-width:100%; max-height:100%; vertical-align:middle;}
.list22 li .list22-2{ width:100%; height:auto; float:left; box-sizing:border-box; text-align:center;  }
.list22 li .list22-2 h1{ font-size:28px; margin-bottom:20px; color:#000; }
.list22 li .list22-2 span{ width:60px; height:2px; background:#c30e37; display:inline-block;margin-bottom:20px;}
.list22 li .list22-2 h2{ font-size:20px; line-height:35px; color:#333; }
.list22 li:hover{ background:#efefef;}

.ntitle{width:100%; height:auto; float:left; font-size:26px; text-align:center; color:#000; margin-bottom:20px; line-height:25px; margin-top:20px; }
.ntime{width:100%; height:auto; float:left; font-size:14px; color:#C5C5C5;text-align:center;margin-bottom:30px; }
.nnnext{ float:left; width:100%; height:auto; float:left;margin-bottom:30px; margin-top:30px; border-top:1px solid #ccc; padding-top:20px;  }
.nnnext p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:25px;}
.position{ width:100%; height:auto; border-bottom:1px solid #e2e2e2; font-size:14px; box-sizing:border-box; padding-top:15px; padding-bottom:15px; color:#737373; border-radius:5px 5px 0px 0px; margin-bottom:40px;}
.position a{ color:#737373;}
.position a:hover{}


.list9{ width:100%; height:auto; float:left;}
.list9 li{ float:left; width:19%; margin:3%; text-align:center; }
.list9 li a{ display:block;}
.list9 li .list9Img{ display:inline-block;     width:100%;
    height: 300px;
    overflow: hidden;
    
    position: relative;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    margin-bottom: 20px; }
.list9 li .list9Img .list9V{ position:absolute; width:60px; height:60px; top:50%; left:50%; margin-left:-30px; margin-top:-30px;}
.list9 li .list9Img .list9Pic{ max-width:100%; max-height:100%; transition:all 0.6s;}
.list9 li .list9Txt{ transition:all 0.6s;    font-size: 15px; display:inline-block;
    width: 100%;
    line-height: 50px;
    /* margin-top: 5px; */
    /* font-weight: bold; */
    height: 50px;
    overflow: hidden;
    color: #303030;
    background: #efefef;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;}
.list9 li:hover .list9Img .list9Pic{transform:scale(1.2);}
.list9 li:hover .list9Txt{ color:#fff; background:#c30e37;}

.ny-list2 li{ width:33.33%;}
.ny-list2 li:nth-child(even){ background:#f5fff6;}
.ny-list2 li:nth-child(odd){ background:#efefef;}
.ny-list2 li .list2-2{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ny-list2 li:hover{ background:#fff7e4;  }

.list10{ width:100%; height:auto; float:left;}
.list10 li{ width:30.33%; transition:all 0.3s; box-sizing:border-box;height:auto; float:left; margin-right:4.5%; position:relative;}
.list10 li:nth-child(3n){ margin-right:0px;}
.list10 li div{ overflow:hidden; width:100%; height:273px; margin-bottom:10px; box-sizing:border-box;}
.list10 li div img{ width:100%; height:100%; transition:all 0.6s;}
.list10 li h1{ position:absolute; width:100%; box-sizing:border-box; line-height:50px; vertical-align:middle; bottom:0px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:rgba(255,255,255,0.7); padding-left:15px; padding-right:15px; text-align:center;}
.list10 li h1 a{font-size:16px; color:#000; }
.list10 li:hover div img{ transform:scale(1.2);}

.contt{ width:100%; height:auto;}
.contt h1{font-size: 24px;
    color: #333;
    line-height: 44px;
    padding-bottom: 20px;}
.contt ul{width:100%; height:auto;}
.contt ul li{ box-sizing:border-box;    float: left; background-position:left center; background-repeat:no-repeat;
    width:33.33%;
    padding-left: 32px;
    font-size: 14px;
    color: #666666;line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;}


.m4{ width:710px; height:560px;}
.list19{ width:100%; height:auto; float:left;}
.list19 li{width:100%; height:auto; float:left; margin-bottom:20px;}
.list19 li dl{ width:100%; height:auto; float:left;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;box-sizing:border-box; }
.list19 li dl dd{ line-height:20px; float:left;width:33.33%; height:auto; float:left; border-bottom:1px solid #e4e4e4; padding-top:10px; padding-bottom:10px; border-right:1px solid #e4e4e4; box-sizing:border-box; padding-left:15px; padding-right:15px;}
.list19 li dl .dd1{width:100%; height:auto; float:left;}
.span1{ font-weight:bold; color:#000;}
.span2{ font-weight:bold; color:#28a466; font-size:20px;}
.list19 li dl .dd2{ background:#e4e4e4;}

.hh60{ width:100%; height:60px; overflow:hidden; float:left;}
.hh80{ width:100%; height:80px; overflow:hidden; float:left;}
.mess{ width:100%; height:auto; float:left; border-top:1px solid #e4e4e4; padding-bottom:80px; padding-top:80px; margin-top:80px;}
.list23{ width:100%; height:auto; float:left;}
.list23 li{width:50%; height:auto; float:left; padding:20px; padding-top:0px; box-sizing:border-box; }
.list23 li .list23-1{font-size:16px; line-height:30px; vertical-align:middle; margin-bottom:10px;}
.list23 li:nth-child(5),.list23 li:nth-child(6){ width:100%;}
.list23 li .inpp2{ width:100%; height:45px; line-height:45px; vertical-align:middle; padding-left:10px; padding-right:10px; box-sizing:border-box; border:1px solid #d4d4d4;}
.list23 li .inpp3{ width:100%; height:150px; line-height:25px; vertical-align:middle; padding-left:10px; padding-right:10px; box-sizing:border-box;border:1px solid #d4d4d4;}
.inpp4{ width:100%; height:45px; line-height:45px; vertical-align:middle; background:#c30e37; color:#fff; border:0px;}
.tt7{ width:100%; height:auto; float:left; font-size: 24px;
    color: #333;
    line-height: 44px;
    padding-bottom: 20px;}
	
.zpt{width:100%; height:auto; float:left; background:#c30e37;  font-size:16px; box-sizing:border-box; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; color:#000; margin-bottom:10px; }
.list60{ width:100%; height:auto; float:left; margin-bottom:10px; box-sizing:border-box; position:relative; overflow:hidden;border:1px solid #e7e7e7; }
.list60-t{  width:100%; height:auto; float:left;  padding-left:30px; padding-right:30px; box-sizing:border-box; font-size:18px ; padding-top:10px; padding-bottom:10px; line-height:25px; vertical-align:middle; overflow:hidden; position:relative;}
.list60-c{ width:100%; height:auto; display:none;float:left; padding-left:60px; padding-right:20px; padding-bottom:20px; line-height:20px;  box-sizing:border-box;   overflow:hidden; position:relative;border-top:1px solid #efefef; padding-top:20px; background:#f3f3f3;  }
.list60-c h3{ font-weight:bold; margin-bottom:10px; font-size:14px; color:#333;}
.list60-c p{ margin-bottom:15px; color:#666;}
.list60-c .red{ color:#c30e37;}.list60-c .redt{ color:#c30e37; text-decoration:underline; margin-left:10px; margin-right:10px;}
.openhr{ position:absolute; right:30px; top:10px; font-size:16px; color:#c30e37; width:auto; height:auto; overflow:hidden; cursor:pointer;}


.list701{width:100%; height:auto; float:left;color:#fff;}
.list701  li:nth-child(1){ width:40%; height:auto; float:left; background:url(../images/25.jpg) left 5px no-repeat;  padding-left:30px; box-sizing:border-box; }
.list701  li:nth-child(2){ width:20%; height:auto; float:left; text-align:center; }
.list701  li:nth-child(3){ width:15%; height:auto; float:left; text-align:center;}
.list701  li:nth-child(4){ width:15%; height:auto; float:left; text-align:center;}
.list60-t .list701{ color:#000; }

.section5{ width:100%; height:auto; float:left; padding-top:80px; padding-bottom:80px; overflow:hidden; background:#efefef;}
.list24{ width:100%; height:auto; float:left;}
.list24 li{ width:45%; margin:2.5%; float:left; border:1px solid #f4f4f4; background:#fff; box-sizing:border-box; padding:2%;transition:all 0.6s;}
.list24 li a{ display:block;}
.list24 li h1{ font-size:22px;transition:all 0.7; color:#c30e37; transition:all 0.7s; margin-bottom:15px;}
.list24 li p{font-size: 16px;transition:all 0.7s; height:90px; overflow:hidden;
    line-height: 30px;
    margin-bottom: 16px;
    color: #666;}
.list24 li i{  display:inline-block;font-size:14px; color:#c30e37; line-height:30px; vertical-align:middle; margin-bottom:20px; text-decoration:none; font-style:normal;}
.list24 li i:after{content:url(../images/pic19.png); display:inline-block; vertical-align:middle; margin-left:15px;}
.list24 li:hover{ background:#c30e37;}
.list24 li:hover h1,.list24 li:hover p,.list24 li:hover i{ color:#fff;}

.cyl{ width:40%; height:auto; float:left;}
.cyl img{ max-width:100%;}
.cyr{ width:55%; float:right; height:auto;}
.tt6{ width:100%; height:auto; float:left; text-align:center;}
.st1{ font-size: 30px;width:100%; height:auto; float:left; text-align:center;
    line-height: 32px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.st2{ font-size: 18px;width:100%; height:auto; float:left;text-align:center;
    color: #999; text-transform:uppercase;
    line-height: 24px;
    margin-bottom: 15px;}
.l{ margin-bottom:20px; width:25px; height:2px; background:#c30e37; display:inline-block;text-align:center;}
.txt2{ width:100%; float:left; height:auto; overflow:hidden;}

.list01{ width:100%; height:auto; float:left;}
.list01 li{ width:20%; height:auto; float:left; overflow:hidden; position:relative;}
.list01 li .list01-1{ width:100%; height:auto; float:left; overflow:hidden;}
.list01 li .list01-1 img{ width:100%; display:block;}
.list01 li .list01-2{ width:100%; height:100%; position:absolute; bottom:0px; background:rgba(0,0,0,0.4); transition:all 0.3s;}
.list01 li .list01-2 div{ display:none;}
.list01 li .list01-2 img{display:none; position:absolute; right:0px; top:0px; }
.list01 li:hover .list01-2{ width:100%; height:50px; background:rgba(195,14,55,1); font-size:16px; padding-left:20px; padding-right:70px; box-sizing:border-box; line-height:50px; vertical-align:middle; text-overflow:ellipsis; overflow:hidden; color:#fff; }
.list01 li:hover .list01-2 div{ display:block;}
.list01 li:hover .list01-2 img{display:block;}

.list03{ width:100%; height:auto; float:left;}
.list03 li{ width:100%; padding-left:15%; padding-right:15%; box-sizing:border-box; height:auto; float:left; padding-top:35px; padding-bottom:35px;}
.list03 li a{}
.list03 li .list03-1{ width:175px; height:121px; float:left; margin-right:30px;}
.list03 li .list03-2{ width:70%; height:auto; float:left;}
.list03 li .list03-2 h1{width:100%; float:left; font-size:18px; font-weight:bold; color:#525252; line-height:40px; vertical-align:middle;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list03 li .list03-2 p{ width:100%; float:left;color:#9e9e9e; font-size:14px; line-height:25px; height:75px; overflow:hidden;}
.list03 li .list03-3{ float:right; background:url(../images/pro08.png) 10px 20px no-repeat; }
.list03 li .list03-3 .s1{ display:inline-block; float:left; font-size:42px; color:#464646;}
.list03 li .list03-3 .s2{ display:inline-block; float:left; font-size:40px; color:#d2d2d2; margin-top:30px;}
.list03 li:hover{ background:#f6f6f6;}

.list04{ width:100%; height:auto; float:left; margin-bottom:30px;}
.list04 li{width:100%; height:auto; float:left; font-size:14px; line-height:23px; padding-top:5px; padding-bottom:5px;}
.t1{ width:100%; height:auto; float:left; font-size:24px; font-weight:bold; color:#1E1E1E; margin-bottom:20px; border-left:5px solid #c30e37; padding-left:15px;}
.list04 li .list04-1{ font-size:14px; font-weight:bold; float:left; width:auto; color:#000; max-width:20%;}
.list04 li .list04-2{ width:80%; float:left;}

.list05{ width:100%; height:auto; float:left; margin-bottom:30px;}
.list05 th{ text-align:center; padding-top:10px; padding-bottom:10px; line-height:22px; font-size:20px; border:1px solid #f4f4f4; background: #dedede;
    color: #c30e37;}
.list05 td{ padding-left:10px; padding-right:10px; line-height:20px; font-size:14px;border:1px solid #f4f4f4; padding-top:10px; padding-bottom:10px;text-align:center;}
.list05 td:first-child{ color:#000; font-size:16px;}
.red2{ color:#c30e37; font-size:18px;}

@media screen and (max-width: 1200px){
	.wrapin{width:1024px;min-width:inherit;}
	.wrapin2 { width:1024px;}
	.wap-nav{ display:block; position:absolute; right:0px;top:0px; margin-top:0px; background:#c30e37 ; height:87px; line-height:87px; vertical-align:middle;	 width:60px; text-align:center; }
	.wap-nav img{ display:inline-block; vertical-align:middle;}
	.search,.lang{ display:none;}
	.leftslide{ width:100%; margin-bottom:40px;}
	.list70{ width:100%;}
	.list20 li {    width: 100%;}
	.list20 li .list20-right .list20-more{ white-space:normal;}
	.rollBox .Cont {    width: 768px;}
	.rollBox .Cont .pic{ width:344px;}
	.ab .abcon{  padding-top:0px;}
	.nav>li {
    display: inline-block;
    position: relative;
    width: 104px;}
	.nav li>a { font-size:12px; color:#fff;}
	.nav li>.nav-c {
    width: 100%;}
	.nav{ display:none; width:100%; position:absolute; right:0px; top:100px; z-index:99999999; background:rgba(0,0,0,0.75);  box-sizing:border-box; padding:15px; }
	
	.nav>li {width:100%; margin-bottom:10px;
    float: left; height:auto; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:10px; margin-left:0px;}
	.nav li>a {
   display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;}
	.nav li>.nav-c{left: 0px;
    margin-left: 0px; display:block; position:relative; height:auto; width:100%; float:left; background:none; top:0px; padding-top:0px; border:0px; box-shadow:none; padding:0px;}
	.nav li>.nav-c:before{ display:none;}
	.nav li>.nav-c a{ width:auto; display:inline-block; float:left; line-height:30px; vertical-align:middle; padding-left:10px; padding-right:10px; color:rgba(255,255,255,0.8)}
	.nav li:hover>a, .nav .hover>a {
    color: #FFF; border:0px;
    background: none;
    border-radius: 0px;
    overflow: hidden;
}	
.tt4{ display:none;}
.ejdh {
    width: 100%;}
	.ejdh a{ width:auto; float:left; margin-right:10px; border:0px; padding:0px;}
.ppl{ display:none;}
.main_visual {    height: 559px;}
.main_image li span{ background-size:auto 100%;}
.list2 li .list2-1 {    height: 190px;    line-height: 150px;}
.list2 li .list2-2 {  font-size: 18px;}
.list2 li {padding: 20px;}
.ab {    width: 100%;    height: 290px;}
.list10 li div {
    overflow: hidden;
    width: 100%;
    height: 250px;}
	}
	
	@media screen and (max-width: 1024px){
	.wrapin{width:768px;}
	.wrapin2 { width:768px;}
	.main_visual {    height: 425px;}
		.rollBox .Cont {    width:640px;}
	.rollBox .Cont .pic{ width:280px;}
	.list40 {
    width: 25%; height:200px;}
	.ewm {    width: 25%;}
	.ab-nav ul li{ padding-left:15px; padding-right:15px;}
	.cyl {
    width: 100%; margin-bottom:30px;}
	.cyr {    width:100%;}
	.abcon h2{ font-size:24px ; line-height:40px;}
	.abcon .font{ font-size:30px;}
	.list3 li h1 {
    font-size: 34px;}
	.list3 li h2 {
    font-size: 16px;}
	.section {    padding-top: 60px;    padding-bottom: 60px;}
	.tt1 {    margin-bottom: 45px;}
	.list4 li p {
    font-size: 12px;}
	.list4 li h1 {
    font-size: 16px;}
	.list5 li .list5-1 {
    float: left;
    width: 75px;
    height: 75px;}
	.list5 li .list5-2{ padding-top:0px;}
	.list5 li .list5-2 h1 {    font-size: 20px;}
	.list5 li .list5-2 span {
    margin-bottom: 6px;
    margin-top: 6px;
}.list7 li .list7-2 {
    float: left;
    width: 100%;
    height: 180px;}
	.list9 li .list9Img {
    width: 100%;
    height: 205px;}
	.list8 li .list8-1 {
    width: 100%;
    height: 108px;
    line-height: 108px;}
	.list8 li {
    height: 108px;}
	.footer-1 {
    width: 180px;}
	.footer-2 {
    width: 359px;}
	.ab {
    width: 100%;
    height: 265px;
}
.ab .abbg{ background-size:150px auto;}
.list24 li { margin:2.5% 0px; padding:30px;    width: 100%;}
.list22 li {
    width: 33.33%; border-bottom:1px solid #e6e6e6;}
	.list22 li .list22-2 h2 {
    font-size: 18px;}
	.contt ul li{ width:50%;}
.list10 li div {    height: 175px;}
.list10 li h1{ line-height:30px; padding-left:10px; padding-right:10px; font-size:14px;}
	
	}
	
	@media screen and (max-width: 768px){
	.wrapin{width:640px;}
	.wrapin2 { width:640px;}
	.list00 li{ width:48%;}
.con-top {    margin-top: 30px;
    margin-bottom: 30px;
}
.rollBox .Cont {
    width:300px;
}
.rollBox .Cont .pic {
    width: 260px;
}
.list7 li {
    width: 50%;}
	.ab2 { background-size:auto 100%;
    width: 100%;
    height: 350px;}
.list10 li div {
    height: 146px;
}
.contt ul li{ width:100%;}
.main_visual {
    height: 340px;
}
.list2 li {
    width: 50%;}
	.list2 li:nth-child(1), .list2 li:nth-child(4), .list2 li:nth-child(5), .list2 li:nth-child(8) {
    background: #efefef;
}
.list2 li:nth-child(2), .list2 li:nth-child(3), .list2 li:nth-child(6), .list2 li:nth-child(7) {
    background: #fff;
}

.list7 li .list7-2 {
    float: left;
    width: 100%;
    height: 150px;
}
.footer{ display:none;}
.footer-1 {
    width: 100%; margin-bottom:10px;
}
.footer-1 dl dd {
    width: auto;
    float: left;
    line-height: 30px;
    height: auto;
    margin-right: 10px;
}
.footer-2 {
    width: 100%;
}
.footer-1 dt{ margin-bottom:5px;}
.footer-3 {
    width: 100%;
    height: auto;
    float: right;
    text-align: center;
}
.list9 li .list9Img {
    width: 100%;
    height: 150px;
}
.list9 li {
    width: 44%;
    margin: 3%;}
	.list01 li {
    width: 50%;}
	}
	
	@media screen and (max-width:640px){
  .tel2{ display:none;}
  .list03 li .list03-1{ width:100%; height:auto;}
  .list03 li .list03-1 img{ width:100%;}
  .section {
    padding-top: 20px;
    padding-bottom: 20px;
}
.tt3{ margin-bottom:0px;}
.list03 li{ padding-left:5%; padding-right:5%;}
	.wrapin{width:90%;}
	.wrapin2 { width:90%;}
	.m1{ display:none;}
	.header .logo{ max-height:40px;margin-top: 10px;
    margin-bottom: 10px;}
	.wap-nav {    display: block;
    float: right;
    margin-top: 0px;
    height: 60px; line-height:60px; }
	.header {
    height: 60px;}
	.hh80{ height:20px;}
	.ab {
    width: 100%;
    height: 100px;
}
.ab .abbox{ height:100px; padding-top:25px;}
.abcon h2 {
    font-size: 12px; margin-top:0px;
    line-height: 20px;
}
.abcon .font {
    font-size: 18px;
    font-weight: bold;
}
.list9 li {
    width: 44%;
    margin: 3%;}

	.list7 li { position:relative; padding-right:140px; box-sizing:border-box;
    width: 100%; border-bottom:1px solid #dedede; min-height:100px; }
	.list7 li h1{ font-size:16px; line-height:25px; height:50px; white-space:normal; }
	.list7 li h1 b{ display:inline-block; width:100%;}
	.list7 li h1 img{ margin-left:0px;}
	.list7 li .list7-1-x {
    background: url(../images/pic25.png) left 0px no-repeat; line-height:21px; margin-top:5px;
}
.list05 th{ font-size:14px; line-height:22px;}
	.list7 li p{ display:none;}
	.list7 li:nth-child(even){ margin-right:0px;}
	.list7 li:nth-child(odd){ margin-right:0%;}
	.list7 li .list7-2{ position:absolute; right:0px; width:120px;}
	.main_visual {    height: 305px;
}
.ab-nav .ab-navb{ width:100%;overflow-x:scroll;}
.ab-nav ul{ white-space:nowrap; width:auto; }
.ab-nav ul li{ display:inline-block;}
.list23 li {
    width: 100%;}
.list1 li {
    width: 100%; line-height:20px;}
	.list1 {    background: url(../images/pic01.png) left 5px no-repeat;
    padding-left: 50px;padding-top: 10px;
    padding-bottom: 10px;}
	.list1 li span{ font-size:12px;}
	.list1 li div a {
    font-size: 12px;
    color: #515050;
}
.list2 li .list2-1 {
    height: 110px;
    line-height: 110px;
    padding: 0px;
}
.list2 li .list2-2 {
    font-size: 14px;
}
.list3 li {
    width: 50%; margin-bottom:15px;}
	.tt1 h1 {    font-size: 35px;}
	.tt1 h2 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}
.list4 li {
    width: 50%; margin-bottom:10px;}
	.list5 li {
    width: 100%; margin-bottom:15px;}
	.list5 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.list5 li .list5-2 {
    width: 72%;}
	.section3 {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.list70-col2 li {
    width:100%;
    margin-left:0%;
    margin-right:0%;
}
.tt3 h1 {
    font-size: 24px;}
	.tt3 h2 {
    font-size: 24px; }

.list20 li{ padding:20px;}
.list20 li .list20-left{ position:relative; left:0px; top:0px; float:left; text-align:center; width:100%;}
.list20 li .list20-right h1{ text-align:center;}
.list20 li .list20-left .list20-lefttxt{ display:none;}
.list20 li .list20-right{ padding-left:0px;}
	.list8 li {
    width: 48%;
    margin-right: 2%;}
	.section4 {
    padding-top: 30px;
    padding-bottom: 30px;}
	.nav{ top:60px;}
	.list10 li {
    width: 48%;
      margin-right: 3%;}
	  .list10 li:nth-child(even){ margin-right:0px;}
	  .list10 li:nth-child(odd){ margin-right:3%;}
	  .ab-nav a{ padding-left:30px; line-height:40px; font-size:14px; background-size:auto 15px; padding-left:25px; vertical-align:middle; margin-bottom:0px;}
	  .zpt{ font-size:14px; padding-left:15px; padding-right:15px;}
	  .list701 li:nth-child(1){ padding-left:0px;}
	  .list60-t{ padding-left:15px; padding-right:15px; font-size:14px;}
	  .openhr{ font-size:14px; right:10px;}
	  .list701 li:nth-child(2),.list701 li:nth-child(3),.list701 li:nth-child(4){ display:none;}
	  .list701 li:nth-child(1){ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70%;}
	  .list60-c{ padding-left:20px; font-size:12px;}
	  .list22 li { height:auto; border-right:0px;
    width: 100%;}
	.tt2-1 h1{ font-size:30px;}
	.tt2-1 h3{ font-size:24px;}
	  
	  .m3lt {
    width: 100%;
    height: auto;
    float: left;
}
.m4{ width:100%; height:auto;}
.m3 select {
    display: block;
    width: 90%;
    margin: 10px auto;
    height: 30px;
    border-radius: 5px;
}
.m3rt {
    width: 100%;
    float: none;
    padding-top: 10px;
    margin-top: 0;
    overflow: auto;
}
.list19 li dl dd {
    line-height: 20px;
    float: left;
    width: 50%;}

	  }
	  