/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;
	
}
h1,h2,h3{	
	
}
img{
	border:none; max-width:100%;
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#b61114;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	color:#545456;
}
.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;	
}
/*wrapin 主体容器宽度*/
.wrapin{ width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{ position:fixed; z-index:9999; top:0; width:100%;
	height:80px;
	background:url(../images/nav-bg.jpg) repeat-x; background-size:auto 100%;
	border-bottom:1px solid #DEDEDE;	
}
.header .logo{
	float:left; margin-top:10px; 
	
}
.nav{
	float:right; 
	height:auto; 
	line-height:40px;
	margin-top:25px;
	font-size:16px;
	color:#153768;	
}
.nav li{ float:left; position:relative; width:; padding-left:10px; padding-right:10px;margin-left:45px; text-align:center;}
.nav li a{ display:block;width:100%; height:53px; line-height:53px; vertical-align:middle; color:#262626;}
.nav li:hover,.nav .hover{ color:#b61114;  border-bottom:3px solid #b61114; }
.nav li:hover a,.nav .hover a{ color:#b61114;}
.wap-nav{ display:none;}

.head_tel{ width: 200px;
    float: right;
    text-align: right;
    height: 47px;
    line-height: 20px;
    padding: 0 12px 0 46px;
    margin-top: 5px;
    font-size: 14px;
    color: #0099df;
	
}
.head_tel b{ font-size:18px;}
/*header 结束*/

/*footer 底部开始*/
.footer{ width:100%;
	background:rgb(228, 228, 228); height:auto; overflow:hidden;
	padding:20px 0 20px 0;text-align:center; 
	   
}
.section6 .footer{ position: absolute;
    bottom: 0;}
.footer a{}
.home-fot{ position:absolute; bottom:0;}




.section1{  background:url(../images/bg2.jpg) center center no-repeat;background-size: cover;}
.section2{background:#efefef;}
.section3{ background:url(../images/bg3.jpg) center center no-repeat;background-size: cover;}
.section4{ background:url(../images/bg4.jpg) center center no-repeat;background-size: cover;}

.slide{background:url(../images/bg1.jpg) center center no-repeat; background-position:center center; background-repeat:no-repeat;background-size: cover;padding-top:150px; box-sizing:border-box;}
.slide2{background:url(../images/bg1.jpg) center center no-repeat;}
.slide3{background:url(../images/bg1.jpg) center center no-repeat;}
.slide4{background:url(../images/bg1.jpg) center center no-repeat;}

#fullPageMenu{ position:fixed; right:20px; z-index:9999999999999999999; background:#fff;}
.section{ position:relative; width:100%; height:100%; }
.middle-box{ width:1200px; height:auto; position:absolute; left:50%; margin-left:-600px; overflow:hidden; margin-top:160px;}
.slide a{ display:block; width:100%; height:100%;}
.slide .list222{ width:100%; height:auto; overflow:hidden; }

.slide .list222 a{ width:auto; text-decoration:none;float:left; display:inline-block;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; overflow:hidden; margin:2px; font-size:12px; }
.slide .t3 {
    font-size: 20px;
    color: #b10a0d;
    font-weight: bold;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
}



@-webkit-keyframes animations2{
	0%{ background:url(../images/arr1.png)}
	50%{background:url(../images/arr2.png)}
	100%{background:url(../images/arr1.png)}
	
}
@-moz-keyframes animations2{
	0%{ background:url(../images/arr1.png)}
	50%{background:url(../images/arr2.png)}
	100%{background:url(../images/arr1.png)}
}
@-o-keyframes animations2{
	0%{ background:url(../images/arr1.png)}
	50%{background:url(../images/arr2.png)}
	100%{background:url(../images/arr1.png)}
}
@-ms-keyframes animations2{
	0%{ background:url(../images/arr1.png)}
	50%{background:url(../images/arr2.png)}
	100%{background:url(../images/arr1.png)}
}
@keyframes animations2{
	0%{ background:url(../images/arr1.png)}
	50%{background:url(../images/arr2.png)}
	100%{background:url(../images/arr1.png)}
}
@-webkit-keyframes animations3{
	0%{ background:url(../images/arr3.png)}
	50%{background:url(../images/arr4.png)}
	100%{background:url(../images/arr3.png)}
	
}
@-moz-keyframes animations3{
	0%{ background:url(../images/arr3.png)}
	50%{background:url(../images/arr4.png)}
	100%{background:url(../images/arr3.png)}
}
@-o-keyframes animations3{
	0%{ background:url(../images/arr3.png)}
	50%{background:url(../images/arr4.png)}
	100%{background:url(../images/arr3.png)}
}
@-ms-keyframes animations3{
	0%{ background:url(../images/arr3.png)}
	50%{background:url(../images/arr4.png)}
	100%{background:url(../images/arr3.png)}
}
@keyframes animations3{
	0%{ background:url(../images/arr3.png)}
	50%{background:url(../images/arr4.png)}
	100%{background:url(../images/arr4.png)}
}
.arr{animation: animations2 1s; width:56px; height:56px; position:absolute; z-index:999999999999; bottom:110px; left:50%; margin-left:-28px; background-position:center top; background-repeat:no-repeat;animation-iteration-count:infinite;
-moz-animation: animations2 1s;	-moz-animation-iteration-count:infinite;
-webkit-animation: animations2 1s;	-webkit-animation-iteration-count:infinite;
-o-animation:animations2 1s;-o-animation-iteration-count:infinite;}
.arr a{ display:block; width:100%; height:100%;}
.arr-pre{animation: animations3 1s; width:56px; height:56px; position:absolute; z-index:999999999999; bottom:110px; left:50%; margin-left:-28px; background-position:center top; background-repeat:no-repeat;animation-iteration-count:infinite;
-moz-animation: animations3 1s;	-moz-animation-iteration-count:infinite;
-webkit-animation: animations3 1s;	-webkit-animation-iteration-count:infinite;
-o-animation:animations3 1s;-o-animation-iteration-count:infinite;}
.arr-pre a{ display:block; width:100%; height:100%;}
.t{ width:80%; height:auto; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.t span{ font-size:16px; color:#b5b8b9; display:inline-block; width:100%; text-transform:uppercase;}
.t h1{ font-size:36px; color:#0099df;width:100%;}
.t i{ border-bottom:3px solid #0099df; display:inline-block; width:150px; margin-top:10px; margin-bottom:5px;}
.t p{ font-size: 14px;
    color: #5c5c5c;
    width: 100%;
    margin-top: 20px;
    line-height: 25px;
    height: auto;
    overflow: hidden;}
.list{ width:100%; height:auto; margin-left:1px;}
.list li{ width:33.33%; float:left; height:140px; padding:30px; box-sizing:border-box; border:1px solid #cecece; margin-top:-1px ; margin-left:-1px; background:rgba(255,255,255,0.7)}
.list li img{ float:left; margin-right:10px; }
.list li h1{ font-size:14px; color:#0099df; margin-bottom:5px;}
.list li p{font-size:12px; color:#5f5f5f;}

.list2{ width:100%; height:auto; float:left; text-align:justify;}
.list2 li{ width:30.33%; height:auto; display:inline-block; box-shadow:0px 0px 8px #a1a1a1; padding:30px; box-sizing:border-box; background:#f8f8f8; margin-left:1%; margin-right:1%; text-align:center; transition:all 0.5s; }
.list2 li a{ display:block; position:relative;}
.list2 li a h1{ font-size:24px; color:#0099df; font-weight:normal; margin-bottom:5px;}
.list2 li a p{ font-size:16px; color:#0099df;}
.list2 li a i{ width:80px; height:3px; background:#0099df; display:inline-block;}
.list2 li:hover{ background:#0099df;width:31.33%;margin-left:0.5%; margin-right:0.5%; text-align:left; }
.list2 li:hover a h1{ color:#fff;}
.list2 li:hover a p{color:#fff;}
.list2 li:hover a i{ background:#fff;}
.list2 li:hover a:after{ content:url(../images/10.png); position:absolute; right:0; top:10px;}

.caselist{ width:100%; height:auto;}
.caselist li{ width:30.33%; height:auto; float:left; padding:15px; background:#fff; border:1px solid #c9c9c9; box-sizing:border-box; margin-left:1.5%; margin-right:1.5%; margin-bottom:1.5%;}
.caselist li a{ display:block;}
.caselist li a .img{ width:100%; height:150px; float:left; position:relative; background-position:center center; background-repeat:no-repeat; }
.caselist li a .caselist-title{ width:100%; background:rgba(0,0,0,0.6); color:#fff; position:absolute; bottom:0; height:40px; text-align:center; line-height:40px; vertical-align:middle; transition:all 0.5s; font-size:18px; font-weight:bold;}
.caselist li a .caselist-con1{ width:100%; height:auto; overflow:hidden; float:left; margin-top:10px;}
.caselist-con1-left{float:left;  font-size:12px; font-weight:bold; color:#313131; width:60px; height:30px; background:#e8e8e8; text-align:center; line-height:30px;;}
.caselist-con1-right{ float:right; width:80%; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; vertical-align:middle;}
.blue-color{ color:#0099df;}
.caselist li:hover{ border:1px solid #0099df; }
.caselist li:hover a .caselist-title{ height:80px; line-height:80px;background:rgba(0,153,223,0.6);}

.join-message{ width:415px; height:auto; float:right; background:#fff; border-radius:5px; background:#fff; box-shadow:0px 0px 8px #333; border-radius:5px; overflow:hidden; margin-right:20px;}
.join-message-top{ width:100%; height:auto; float:left; background:#f4f4f4; line-height:70px; text-align:center; font-size:16px;}
.join-message-table{ width:100%; height:auto; float:left; padding:15px; box-sizing:border-box;}
.join-message-table-list{ width:100%; height:auto; float:left;}
.join-message-table-list li{ width:100%; height:auto; float:left; border:1px solid #d7d7d7; border-radius:5px; margin-bottom:15px; padding:10px; box-sizing:border-box;}
.join-message-table-list li span{ font-size:16px; color:#525252; line-height:25px; vertical-align:middle; float:left;}
.input1{ float:left; width:310px; border:0;}
.input2{  float:left;width:310px; border:0; height:40px;}
.join-message-table-list li.more{ width:100%; height:45px; background:#8fc42e; text-align:center;}
.join-message-table-list li.more a{color:#fff; font-size:16px; }
.join-left{ width:730px; height:auto; float:left; margin-left:20px;}
.list3{ width:100%; height:auto; float:left;}
.list3 li{ width:30%; margin-right:3%; margin-bottom:2%; height:auto; float:left; text-align:center;}
.list3-tt{ width:108px; display:inline-block; height:108px; border:2px solid #0099df; padding:15px; border-radius:50%;}
.list3-tt div{ width:100%; height:100%; background:#0099df; text-align:center; font-size:18px; font-weight:bold; color:#fff;  border-radius:50%; line-height:108px; vertical-align:middle;}
.list3-txt{width:100%; height:75px; line-height:25px; font-size:16px; margin-top:15px;}
.list3 li:hover .list3-tt{border:2px solid #8fc42e;}
.list3 li:hover .list3-tt div{background:#8fc42e; }
.t .f-1{ font-size:24px; color:#333; line-height:35px; font-weight:bold;}
.lc-t{ width:100%; height:auto; overflow:visible; padding-left:36px; box-sizing:border-box;}
.lc-t li{ width:142px; height:142px; background:#fff; box-shadow:0px 0px 8px #9b9b9b; margin-left:10px; margin-right:10px; float:left; text-align:center; padding:20px; box-sizing:border-box; cursor:pointer;position:relative;}
.lc-t li img:first-child{ display:inline-block;}
.lc-t li img:nth-child(2){display:none;}
.lc-t li:hover,.lc-t .current{background:#00ade9; }
.lc-t li:hover h1,.lc-t .current h1{color:#fff; }
.lc-t li h1{ font-size:16px; color:#00ade9; font-weight:normal; margin-top:5px;}
.lc-t li:hover:after,.lc-t .current:after{position: absolute;
    width: 0;
    content: "";
    height: 0;
    left: 0;
    top: 142px;
    border-left: 71px solid transparent;
    border-right: 71px solid transparent;
    border-top: 36px solid #00ade9;
}
.lc-t li:hover img:nth-child(2),.lc-t .current img:nth-child(2){ display:inline-block;}
.lc-t li:hover img:first-child,.lc-t .current img:first-child{display:none;}

.lc-c{  width:100%; height:auto; margin-top:60px; float:left;padding-left:46px; box-sizing:border-box;}
.lc-list{ width:100%; height:auto; float:left; text-align:center;}
.lc-list h1{ font-size:24px; color:#00ade9;}
.lc-list i{ display:inline-block; width:100px; height:3px; background:#00ade9; margin-bottom:20px; margin-top:20px;}
.lc-list p{ font-size:16px; color:#595959; line-height:30px;}
.ab-ban{ width:100%; height:246px; overflow:hidden; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ab-ban img{ display:block; width:100%;}

.ab-column{ width:100%; height:auto; text-align:center;position:absolute; bottom:0;}
.ab-column a{ display:inline-block; margin-left:10px; margin-right:10px; background:#cfcdcd; padding-left:30px; padding-right:30px; line-height:60px; vertical-align:middle; font-size:20px; color:#202020; background:rgba(255,255,255,0.8)}
.ab-column a:hover,.ab-column .on{ background:rgba(0,153,223,0.8);color:#fff; position:relative;}

.content{ width:100%; height:auto; min-height:300px; margin-bottom:60px; overflow:hidden; margin-top:60px;}

.list5{ width:100%; height:auto; float:left;}
.list5 li{ float:left; width:580px; height:420px; border:1px solid #efefef; box-sizing:border-box; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.list5 li a{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.list5 li a img{width:100%; height:100%; display:block; transition:all 0.5s;}
.list5 li a div{ width:296px; height:100px; font-size:30px; color:#009dcb; font-size:30px; text-align:center; line-height:100px; vertical-align:middle; position:absolute; left:50%; top:50%; margin-left:-148px; margin-top:-50px; position:absolute; background:rgba(255,255,255,0.8); box-shadow:0px 0px 10px #9d9d9d;transition:all 0.5s;}
.list5 li:hover a img{-webkit-transform:scale(1.5) rotate(10deg); 
-moz-transform:scale(1.5) rotate(10deg); 
-o-transform:scale(1.5) rotate(10deg);margin-left:-5%; margin-top:-5%;}
.list5 li:hover a div{background:rgba(0,153,223,0.8); color:#fff; width:80%; height:80%;line-height:335px; margin-left:0px;left:10%; top:10%; margin-left:0px; margin-top:0px;  }

.top-news{ width:100%; height:auto; background:#f2f2f2; overflow:hidden; margin-bottom:30px;}
.top-news a{ display:block;}
.top-news .top-news-img{ float:left; width:482px; height:300px; overflow:hidden;}
.top-news .top-news-img img{ width:100%; height:100%;}
.top-news .top-news-right{float:right; width:718px; height:auto; padding:35px; box-sizing:border-box;}
.top-news .top-news-time{float:left; width:100%; height:auto; font-size:14px; color:#929292;}
.top-news .top-news-title{float:left;width:100%; height:auto; font-size:22px; font-weight:bold; margin-bottom:20px; margin-top:15px; color:#4a4a4a; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.top-news .top-news-txt{float:left;width:100%; height:75px;font-size:14px; color:#929292; line-height:25px; border-top:1px solid #dddddd; padding-top:30px; overflow:hidden; }
.top-news:hover{ background:#f7f7f7;}
.top-news:hover .top-news-img{ border:3px solid #1b95cd; box-sizing:border-box;}

.newslist2{width:100%; height:auto; overflow:hidden;}
.newslist2 li{ width:100%; height:auto; float:left; overflow:hidden; border-bottom:1px solid #d8d8d8; padding-bottom:25px; padding-top:25px;}
.newslist2 a{ display:block;}
.newslist2 .newslist2-time{float:left; width:115px; padding-top:20px; padding-bottom:20px; text-align:center; box-sizing:border-box; border-right:2px solid #e4e4e4; margin-right:50px;}
.newslist2 .newslist2-time span{ display:inline-block; width:100%;color:#b91316; }
.newslist2 .newslist2-time span:first-child{ font-size:60px; font-weight:bold; }
.newslist2 .newslist2-content{width:630px; height:auto; overflow:hidden; float:left; }
.newslist2 .newslist2-title{float:left;width:100%; height:auto; font-size:18px; font-weight:bold; margin-bottom:20px; margin-top:15px; color:#181818; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newslist2 li:hover .newslist2-title{color:#b91316;}
.newslist2 li:hover{ background:#f4f4f4;}
.newslist2 .newslist2-txt{float:left;width:100%; height:75px;font-size:14px; color:#929292; line-height:25px; overflow:hidden; }
.newslist2 .newslist2-img{ width:289px; height:160px; float:right;}
.newslist2 .newslist2-img img{width:100%; height:100%;}
.pagelist{ width:100%; height:auto; text-align:center; margin-top:30px; overflow:hidden; float:left;}
.pagelist a{ display:inline-block; border:1px solid #c3c3c3; width:30px; height:30px; border-radius:50%; font-size:12px; text-align:center; line-height:30px; vertical-align:middle; margin-left:5px; margin-right:5px;}
.pagelist .pre{ padding-left:15px; padding-right:15px; border-radius:20px; width:auto;}
.pagelist .next{ padding-left:15px; padding-right:15px; border-radius:20px; width:auto;}
.pagelist a:hover,.pagelist .currentpage{ background:#b91316; color:#fff;border:1px solid #b91316;}

.article-title{ width:100%; height:auto; float:left; overflow:hidden; font-size:24px; font-weight:bold; text-align:center; margin-bottom:30px; color:#333;}
.article-time{ text-align:center; padding:10px; box-sizing:border-box; width:100%; height:auto; float:left; background:#efefef;overflow:hidden; margin-bottom:20px;}
.article-content{ width:100%; height:auto; float:left;overflow:hidden; padding-top:20px; padding-bottom:20px;}
.article-more{width:100%; height:auto; float:left;overflow:hidden; border-top:1px solid #DBDADA; border-bottom:1px solid #dadada; padding-top:20px; padding-bottom:20px;}
.article-more li{ width:45%; height:auto;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.position{ width:100%; height:auto; border-bottom:1px solid #e4e4e4; font-size:14px; padding-top:20px; padding-bottom:20px; margin-bottom:50px;}


.caselist2{ width:100%; height:auto; overflow:hidden;}
.caselist2 li{ width:100%; height:auto; float:left; padding:30px;background:#fff;  box-sizing:border-box; border:1px solid #efefef;border-bottom:1px solid #efefef;  }
.caselist2 li:nth-child(odd){ background:#f6f6f6;}
.caselist2 li:nth-child(even){ }
.caselist2 li:hover{background:#e4f7ff; }
.caselist2 li:hover .caselist2-title{ color:#0099df;}
.caselist2 li  .img{ float:left;width:335px; height:220px; float:left; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; border:3px solid #c9c9c9; }

.caselist2 li  .caselist2-title{ width:100%; color:#000; height:40px;  line-height:40px; vertical-align:middle; transition:all 0.5s; font-size:22px; font-weight:bold;}
.caselist2 li  .caselist2-con1{ width:100%; height:auto; overflow:hidden; float:left; margin-top:10px;}
.caselist2-right{ float:right; width:760px;}
.caselist2-con1-left{    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #2c2c2c;
    width: 100px;
    height: 40px;
    background: #dddddd;
    text-align: center;
    line-height: 40px;}
.caselist2-con1-right{     float: right;
    width: 83%;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
}
.blue-color{ color:#0099df;}
.cc{ width:50%;}

.cjwt{ background:#fff; width:46%; height:auto; overflow:hidden; border:1px solid #eaeaea; padding:15px; margin-bottom:30px;}
.cjwt_top{ border-left:5px solid #e42330; width:100%; height:27px;  float:left; margin-bottom:10px;}
.cjwt_list{float:left; border-bottom:1px solid #e5e5e5;  padding-bottom:30px; margin-top:30px; width:100%; height:auto; overflow:hidden;}
.cjwt_list_title{float:left; width:97%; height:auto; font-size:18px; line-height:30px; margin-bottom:5px; overflow:hidden; background:url(../images/35.png) left 5PX no-repeat; padding-left:25PX; }
.cjwt_list_title a{color:#0099df;}
.cjwt_list_con{background:url(../images/36.png) left 4PX no-repeat;float:left; width:97%; height:auto; overflow:hidden; padding-left:30px; font-size:14px; line-height:25px;}

.ll li{ width:17%; float:left;}
.message { width:98%; height:auto; }
.message .join-message{width:98%; height:auto;margin-left:1%; margin-bottom:10px;}
.message .input1 { width:93%;}
.message .input2 {
    float: left;
    width: 93%;
    border: 0;
    height: 60px;
}
.us-list1{ width:100%; height:auto;overflow:hidden; margin-top:30px;}
.us-list1 li{ width:25%; height:auto; text-align:center; float:left;}
.us-title{ font-size:36px; color:#333; width:100%; height:auto; margin-top:40px; margin-bottom:25px; text-align:center; font-weight:bold; overflow:hidden;}

.us-line{ width:80%;margin-left:10%; }
.us-tt{ float:left;width:80%; margin-left:10%; font-size:16px; line-height:30px; text-indent:2em; margin-top:30px; margin-bottom:30px; background:rgba(255,255,255,0.8); padding:30px; box-sizing:border-box; color:#333;}
.red-more{ color:#b61114;}
.cont-box{ width:80%; height:auto; margin-left:10%; box-shadow:0px 0p 3px #333;}

.bg{ width:100%; height:auto; min-height:689px; padding-top:150px;    background: #fcfcfc url("../images/i_bg.jpg") repeat-y 0 215px;
    padding-bottom: 80px;}
.tt{ width:100%; height:auto; text-align:center;}
.tt p{ width:230px; display:inline-block;}
.tt .tt-en{ font-size:30px; color:#333;}
.tt .tt-cn{ font-size:30px; color:#b91316;}

.f-cb{ position:relative;}
.f-cb .img {
    width: 516px;
    height: 495px;
    float: left;
    position: relative;
    z-index: 2;
}
.f-cb .deck {
         width: 722px;
    height: 461px;
    position: absolute;
    right: 19px;
    bottom: 19px;
    border: 1px solid #e3e3e3;
    z-index: 4;
}
.f-cb .text-bg {
    width: 519px;
    height:425px;
    padding: 77px 58px 0 95px;
    float: left;
    background: #f8f8f8;
    border: 1px solid #bdbdbd;
    position: relative;
    z-index: 1;
    margin: 40px 0 0 -41px;
}
.f-cb .text {
  width: 559px;
    height: auto;
    padding: 82px 86px 0 142px;
    float: left;
    position: absolute;
    z-index: 5;
    top: 40px;
    right: 0;
    overflow: hidden;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.text-con{font-size: 14px;
    color: #666666;
    line-height: 26px;
    height:auto;
    overflow: hidden;}
	.con h3{ font-size:26px; font-weight:normal; margin-bottom:15px; color:#262626;}
	.text-con p{ margin-bottom:10px; text-indent:2em;}
	.hrlist{ width:100%; height:auto; float:left;}
.hrlist li{ width:100%; height:auto; float:left; background:#fff; margin-bottom:10px;box-sizing:border-box; border:1px solid #E8E8E8; border-radius:5px;}
.hr-title{ width:94%; height:auto; float:left; line-height:45px; padding:0px 3%; vertical-align:middle;position:relative; cursor:pointer;  }
.hr-title2{ background:#ececec; height:60px; line-height:60px; margin-bottom:15px; font-weight:bold; font-size:20px; color:#000;}
.blu{ color:#000;}
.hr-title2 .hr-co1 {
    width: 455px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
.hr-txt{ display:none;width:94%; height:auto; float:left; font-size:12px; background:#F1F1F1;padding:3%;  line-height:25px; vertical-align:middle; }
.hr-title i{background:none; display:block; width:30px; position:absolute; height:2px; margin-top:-1px;  top:50%; margin-top:-1px; right:15px;   }
.hr-title i:before,.hr-title i:after{ background-color:rgb(182, 17, 20); width:12px;content:""; height:2px; left:10px; position:absolute;  transition:all 0.3s cubic-bezier(0.7,0,0.3,1) 0s;}
.hrlist .on2 .hr-title i:after{top:0px; left:10px; transform:translateY(0px) rotate(45deg); }
.hrlist .on2 .hr-title i:before{top:0px; left:18px; transform:translateY(0px) rotate(-45deg); }
.hrlist  .hr-title i:after{top:4px;  left:20px;transform:translateY(0px) rotate(-45deg); }

.hrlist  .hr-title i:before{top:-4px;left:20px;transform:translateY(0px) rotate(45deg); }
.hrlist .on2 .hr-txt{ display:block;}
.hr-t{ width:100%; height:auto; overflow:hidden;}

.hr-co1{ width:455px; font-size:16px; font-weight:bold; color:#000000;}
.hr-co2{ width:135px;}
.cc{ width:50%;}
.cont-box{ width:100%; height:auto; overflow:hidden; background:#fff; box-shadow:0px 0px 8px #c1c1c1; border-radius:10px; margin-left:0%; margin-top:10px; padding:30px; box-sizing:border-box; }
.cot-box{ padding-top:0px; padding-bottom:0px;  line-height:30px;}
.con-1{ width:; height:auto; float:left;}
.con-right{ float:right; width:100%;}
.input3{float:left; width:100%; height:40px; padding-left:20px; padding-right:20px; line-height:40px; vertical-align:middle; margin-top:40px; box-sizing:border-box;border:1px solid #CCC;border-radius:5px; }
.input4{float:left; width:100%; height:75px; margin-top:10px; line-height:25px;padding-left:20px; padding-right:20px; box-sizing:border-box; border:1px solid #CCC; border-radius:5px;}
.input5{float:right; width:135px; height:40px; margin-top:10px;background:#b61114; font-size:16px; color:#fff; text-align:center; vertical-align:middle; border:0; border-radius:5px; }

.i_1{width:100%; height:auto; background:#ededed; padding-top:90px; padding-bottom:60px; overflow:hidden; box-sizing:border-box; min-height:1080px;}
.cont {
    
    padding: 25px;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
   position:relative;
}



.BoxImgScroll{ float:left; width:100%; height:100%; position:relative;}
.BigImg-List{float:left; width:100%; height:auto; }
.BigImg-List li{ float:left;width:100%; height:auto; /*overflow:hidden;*/}
.BigImg-Title{float:left; width:100%; height:auto; overflow:hidden; font-size:22px; line-height:45px; vertical-align:middle; font-weight:bold; color:#000;}
.BigImg-Time{float:left; width:100%; height:auto; overflow:hidden; font-size:14px; color:#999; vertical-align:middle; padding-bottom:5px; border-bottom:1px solid #E0E0E0; margin-bottom:20px; padding-bottom:10px;}
.BigImg-Img{float:left; width:100%; height:auto; overflow:hidden; text-align:center;}
.BigImg-Img img{ max-width:100%; }
.BigImg-Txt{float:left; width:98%; height:auto; overflow:hidden; background:#f6f6f6; padding:20px; font-size:14px; line-height:25px; margin-top:20px; margin-bottom:20px;}
.BigImg-Numb{ position:absolute; right:0; top:20px; font-size:20px;}
.CurrentImg{font-size:26px; color:#BB1F1F; margin-right:5px; font-weight:bold;}
.ImgIndex{ font-size:20px; color:#999;margin-left:5px;}
.SmallBox{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:25px;  }

.SmallImg-Box{float:left; width:1200px; height:auto; overflow:hidden;}
.SmallImg-List{float:left; width:1200px; height:auto; overflow:hidden; transition:all 0.5s;}
.SmallImg-List li{ cursor:pointer; width:114px; height:62px; margin-left:5px; margin-right:5px; box-sizing:border-box; border:2px solid #CCC; float:left; text-align:center; border-radius:5px; overflow:hidden; margin-top:8px; transition:all 0.5s;}
.SmallImg-List li img{ max-width:100%; max-height:120px;}
.SmallImg-List .cur,.SmallImg-List li:hover{width:125px; height:69px; border:2px solid #b10a0d; box-sizing:border-box; margin-top:0;margin-left:1px; margin-right:1px;}

.SmallPreBtn{ width:30px; height:120px; float:left; margin-right:30px; background:#efefef; cursor:pointer; border-radius:8px 0px 0px 8px;}
.SmallNextBtn{width:30px; height:120px; float:right; margin-left:30px;background:#efefef;cursor:pointer;border-radius:0px 8px 8px 0px;}
.SmallPreBtn i{display:block; width:20px; height:40px; margin-left:5px;margin-top:40px; background:url(../images/bg.png) 3px 319px repeat;}
.SmallNextBtn i{display:block; width:20px; margin-left:5px; height:40px; margin-top:40px; background:url(../images/bg.png) -35px 319px repeat;}
.SmallPreBtn:hover i{background:url(../images/bg.png) -17px 319px repeat;}
.SmallNextBtn:hover i{background:url(../images/bg.png) -55px 319px repeat;}

.PreBtn{ position:absolute; left:-85px; top:35%; cursor:pointer;width:63px; height:122px;}
.NextBtn{ position:absolute; right:-85px;top:35%;cursor:pointer;width:63px; height:122px;}
.PreBtn i{ display:block; width:20px; height:40px;background:url(../images/bg.png) 0px 271px repeat;}
.NextBtn i{ display:block; width:20px;  height:40px;  background:url(../images/bg.png) -81px 271px repeat;}
.wrapin-c{ width:1200px; height:auto; overflow:hidden;  position:relative;
	margin-left:auto;
	margin-right:auto;
}

@-webkit-keyframes animations6{
	0%{ margin-left:-150px;}
	100%{margin-left:0px;}
}
@-moz-keyframes animations6{
	0%{ margin-left:-150px;}
	100%{margin-left:0px;}}
@-o-keyframes animations6{
	0%{ margin-left:-150px;}
	100%{margin-left:0px;}
}
@-ms-keyframes animations6{
	0%{ margin-left:-150px;}
	100%{margin-left:0px;}
}
@keyframes animations6{
	0%{ margin-left:-150px;}
	100%{margin-left:0px;}
}
@-webkit-keyframes animations7{
	0%{ margin-right:-150px;}
	100%{margin-right:0px;}
}
@-moz-keyframes animations7{
	0%{ margin-right:-150px;}
	100%{margin-right:0px;}}
@-o-keyframes animations7{
	0%{ margin-right:-150px;}
	100%{margin-right:0px;}
}
@-ms-keyframes animations7{
	0%{ margin-right:-150px;}
	100%{margin-right:0px;}
}
@keyframes animations7{
	0%{ margin-right:-150px;}
	100%{margin-right:0px;}
}
.box1{ float:left; width:400px; text-align:center;animation: animations6 1s;}
.box1 h1{ font-size:48px; color:#181818; margin-bottom:20px;}
.box1 p{ font-size:16px; line-height:30px; margin-bottom:20px;}
.box1 a{ font-size:14px; text-decoration:underline;}
.box2{ float:right; width:700px;animation: animations7 1s;}


.mid2{  margin:0 auto; padding:0;width:1220px; height:auto;  overflow:hidden;}
.pic_tiltle{ font-size:20px; text-align:center;  margin-top:15px; margin-bottom:15px; width:100%;}
.line3{ width:77px; height:4px; background:#a8a9a9; margin:0 auto; }
.rollBox img{border:none;}
.rollBox{width:1200px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:1080px;overflow:hidden;margin:0 auto;padding-top:20px; }
.rollBox .ScrCont{width:100000000000000000px;}
.rollBox .Cont .pic{ background:rgba(255,255,255,0.7);width:330px;float:left; margin-right:15px; padding-top:40px; padding:30px; box-sizing:border-box; box-shadow:0px 0px 3px #ccc;margin-left:15px; }
.rollBox .Cont .pic:hover{border:1px solid #c41723;}
.rollBox .Cont .pic:hover>.line3{ background:#c41723;}
*+html .rollBox .Cont .pic{width:330px;float:left;padding-right:30px;}

.rollBox .Cont .pic p{line-height:25px;color:#3e3e3e; margin-bottom:30px; padding-left:20px; padding-right:20px; text-align:left;}

.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2,.Cont{
float:left;}
.img1,.img2{
width:40px;
height:105px;
display:block;
cursor:pointer;
margin-top:90px;
}
.img1{ margin-right:20px;
	background-image:url(../images/left.jpg);filter:alpha(opacity=70); 
-moz-opacity:0.7; 
opacity:0.7;
	background-repeat: no-repeat;
	background-position: center center;}
.img2{  margin-left:20px;
	background-image:url(../images/right.jpg);filter:alpha(opacity=70); 
-moz-opacity:0.7; 
opacity:0.7;
	background-repeat: no-repeat;
	background-position: center center;
}
.join-1,.join-2,.join-3,.join-4{ width:100%; height:auto; float:left;}
.join-1 b,.join-2 b{ font-size:14px; font-weight:bold; color:#000000;}
.join-1{ font-size:16px; color:#b61114;margin-bottom:10px;}
.join-3{ font-size:12px; line-height:25px; height:90px; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; vertical-align:middle; overflow:hidden; margin-bottom:15px; margin-top:10px; padding-top:10px; padding-bottom:10px; box-sizing:border-box;}
.join-4{ text-align:center;}
.more2{ display:inline-block; width:68px; height:24px; background:#b61114; margin-right:10px; color:#fff; text-align:center; border-radius:3px;}
.more3{display:inline-block; width:68px; height:24px;background:#000; border-radius:3px; color:#fff; text-align:center;}
.more2:hover,.more3:hover{ background:#FFA600; color:#fff;}
.neiye-he{ width:100%; height:auto; background:#e5e5e5; padding-top:105px; padding-bottom:20px; overflow:hidden;}
.nei-nav{}
.nei-nav li{ display:inline-block; margin:5px;  width:112px; height:auto; border-radius:5px; overflow:hidden; border:1px solid #aeaeae; overflow:hidden;}
.nei-nav li a{ display:block; width:100%;}
.nei-nav li a img{ display:block; width:100%;}
.nei-nav li:hover,.nei-nav .curr{border:1px solid #b10a0d;}
.pro-nav{ width:100%; height:auto; float:left; text-align:right; margin-bottom:20px;}
.pro-nav a{ width:95px; height:35px; display:inline-block; margin-left:10px; color:#fff; text-align:center; line-height:35px; vertical-align:middle; border-radius:5px; overflow:hidden;}
.pro-nav .pro-nav-1{ background:#b91316;}
.pro-nav .pro-nav-2{ background:#000000;}
.pro-nav .pro-nav-3{ background:#575757;}
.piclist{ width:100%; height:auto; float:left;}
.piclist li{float: left; position:relative;
    width: 31.33%;
    height: auto;
     overflow:hidden;
     box-sizing:border-box;
    margin:1%;
    margin-bottom: 20px;padding-bottom:10px;
    position: relative;}
.piclist li a{ display:block; position:relative; width:100%; height:100%; }
.piclist li:nth-child(3n){ margin-right:0px;}
.piclist li .pic{width: 100%; height: 375px; line-height:375px; vertical-align:middle; float:left; margin-bottom:10px;border: 1px solid #e3e3e3; position:relative; overflow:hidden; box-sizing:border-box; }
.piclist li .pic img{max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.piclist li .pictxt{ width:90%; height:20px; line-height:20px; vertical-align:middle; float:left; margin-left:5%; text-align:center;}
.piclist li .pictxt a{ color:#222222; font-size:14px; font-weight:bold;}
.piclist li:hover{}
.piclist li:hover .pictxt a{ color:#f38400;}
.piclist li:hover .more{ background:#53a4b6; color:#fff; }
.piclist li .more{ margin-right:10px;}
.piclist li .pic .hh{ width:100%; height:100%; position:absolute; background:url(../images/hh.png) center center no-repeat; transition:all 0.5s; top:100%;    background-size: 100% auto; 
}
.piclist li:hover .pic .hh{ top:0;}

.left-col{ float:left; width:915px; height:auto; overflow:hidden;}
.right-col{ float:right; width:230px; height:auto; border:1px solid #d9d9d9; margin-bottom:60px;}

.pro-l{ width:100%; height:auto; overflow:hidden;}
.pro-l li{ width:100%; height:auto; float:left; margin-bottom:10px;}

.pro-top{ float:left; width:100%; height:auto;}
.pro-img{float:left; width:365px; height:335px; line-height:335px; vertical-align:middle; text-align:center; overflow:hidden; border: 1px solid #e3e3e3; box-sizing:border-box;}
.pro-img img{max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.pro-txt{float:right; width:540px; height:auto; }
.pro-1{ float:left; width:108px; height:37px; font-size:16px; line-height:37px; vertical-align:middle;background:#e5e5e5; text-align:center; color:#000;}
.pro-2{ width:413px; height:auto; float:right;}
.pro-t1{ font-size:24px; color:#000;}
.pro-t2{ font-size:24px; color:#b91316;}
.pro-t3{ font-size:16px; color:#000000;}
.pro-t4{ font-size:14px; color:#676767; line-height:25px;}

.tt2{ width:100%; height:50px; background:#f3f3f3; font-size:18px; color:#161616; line-height:50px; vertical-align:middle; float:left; text-align:center;}
.left-prolist { width:200px; margin:15px; float:left; }
.left-prolist li{ width:100%;}
.left-prolist li{}
.left-prolist li .pic {
    width: 100%;
    height: 195px; line-height:195px;}
.more4{ width:100%; height:40px; background:#e0e0e0; text-align:center; color:#3a3a3a; line-height:40px; vertical-align:middle; float:left;}
.pro-con{ background:#f3f3f3; width:100%; height:auto; float:left; margin-top:50px;}
.pro-conlist{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #b91316;}
.pro-conlist li{ float:left; height:44px; line-height:44px; vertical-align:middle; width:33.33%; border-right:1px solid #fff; box-sizing:border-box; background:#7f7f7f;color:#fff; cursor:pointer; text-align:center; font-size:16px;}
.pro-conlist li:hover,.pro-conlist .on{ background:#b91316; }
.pro-xq{ width:96%; height:auto; line-height:25px; float:left; margin:2%; min-height:400px; overflow:hidden;}
.BigImg-List .list222{ width:100%; height:auto; overflow:hidden; }

.BigImg-List .list222 a{ width:auto; text-decoration:none;float:left; display:inline-block;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; overflow:hidden; margin:2px; }
.BigImg-List .t3{ font-size:20px; color:#b10a0d; font-weight:bold; width:100%; height:auto; overflow:hidden; text-align:left; margin-top:20px; margin-bottom:10px;}
.us-txt{ width:100%; height:auto; background:#fff; overflow:hidden; box-shadow:0px 0px 3px #ccc; margin-bottom:50px; margin-top:20px; border:1px solid #ccc; box-sizing:border-box;}
.us-txt img{ width:40%; float:left;}
.us-txt .us-txt-r{ float:right;padding:40px; width:60%; height:auto; box-sizing:border-box;}
.us-txt .us-txt-r h3{ font-size:24px; font-weight:normal; text-align:center; color:#000; margin-bottom:20px; font-weight:normal;}
.us-txt .us-txt-r p{ line-height:25px; font-size:14px; margin-bottom:10px; text-indent:2em;}

#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top;}

#DB_gallery .DB_imgSet {position:relative;width:1200px;height:668px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:1200px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}
.smimg{ width:110px;}
.cc-box{ float:left;width:100%; height:auto; overflow:hidden; background-color:#fff; border:1px solid #E4E4E4; box-sizing:border-box;}
.cc-box-1{ width:50%; height:auto; overflow:hidden; float:left; overflow:hidden;}
.cc-box-top{ width:100%; height:auto; float:left; overflow:hidden; font-size:30px; font-weight:bold; color:#000000; padding-top:20px; padding-bottom:20px;  background:#efefef; padding-left:20px; box-sizing:border-box;}
.cc-list{ width:100%; height:auto; float:left; overflow:hidden; padding-left:80px; box-sizing:border-box; background-position:20px center; background-repeat:no-repeat; font-size:16px; line-height:30px; border-bottom:1px solid #E6E6E6; padding-top:20px; padding-bottom:20px; padding-right:20px;}
}

@media screen and (max-width: 1360px){
	
	.middle-box {
    width: 1200px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    overflow: hidden;
    margin-top: 100px;
}
	.t {
    width: 80%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.t img{ max-height:80px;}
.t p {
    font-size: 14px;
    color: #5c5c5c;
    width: 100%;
    margin-top: 5px;
    line-height: 25px;
    height: auto;
    overflow: hidden;
}
.us-tt {
    float: left;
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2em;
    margin-top: 20px; height:auto;
    margin-bottom: 20px; max-height:400px; overflow:hidden;
    background: rgba(255,255,255,0.8);
    padding: 30px;
    box-sizing: border-box;
    color: #333;
}
.con-1 {
    width: ;
    height: auto; max-height:180px;
    float: left;
}
.cot-box {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 25px;
}
.input3 {
    float: left;
    width: 100%;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px;
    vertical-align: middle;
    margin-top: 0px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 5px;
}
	}
	
	@media screen and (max-width: 1200px){
		.wrapin {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.rollBox {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.rollBox .Cont {
    width: 877px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}.cot-box {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
}
.piclist li .pic {
    width: 100%;
    height: 318px; line-height:318px; vertical-align:middle;}
	.left-col {
    float: left;
    width: 750px;
    height: auto;
    overflow: hidden;
}

.pro-txt {
    float: right;
    width: 445px;
    height: auto;
}
.pro-2 {
    width: 312px;
    height: auto;
    float: right;
}
.pro-img {
    float: left;
    width: 300px; line-height:290px;
    height: 290px;
    overflow: hidden;
}
.slide .box1{ width:350px;}
.slide .box2{ width:600px;}
.left-prolist li .pic {
    width: 100%; line-height:195px; vertical-align:middle; text-align:center;
    height: 195px;
}
.top-news .top-news-right {
    float: right;
    width: 491px;
    height: auto;
    padding: 35px;
    box-sizing: border-box;
}
.newslist2 .newslist2-content {
    width: 415px;
    height: auto;
    overflow: hidden;
    float: left;
}
.hr-title2 .hr-co1 {
    width: 367px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
.hr-co1 {
    width: 359px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
		
		}
	@media screen and (max-width: 1024px){
		.wrapin {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
}
.rollBox {
    width: 768px;
    overflow: hidden;
    margin: 0 auto;
}

.nav li { box-sizing:border-box;
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    text-align: center;
}
.rollBox .Cont {
    width: 642px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}
.middle-box {
    width: 1024px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -512px;
    overflow: hidden;
    margin-top: 100px;
}
.con-right {
    float: right;
    width: 597px; margin-top:20px;
}
.cont {
    padding: 25px;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
}
.SmallBox {
    width: 100%;
 
}
.SmallImg-Box {
    float: left;
    width: 768px;

}
.wrapin-c {
    width: 768px;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.SmallImg-List {
    float: left;
    width: 768px;
    height: auto;
    overflow: hidden;
    transition: all 0.5s;
}
.slide .box1{ width:100%;}
.slide .box2{ width:100%;}
.slide .box1 .t3{ display:none;}
.slide .box1 .list222{display:none;}
.box1 {
    float: left;
    width: 100%;
    text-align: center;
    animation: animations6 1s;
}
.box2 {
    float: right;
    width: 100%;
    animation: animations7 1s;
}
.hr-title2 .hr-co1 {
    width: 179px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
.hr-co1 {
    width: 165px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.top-news .top-news-img {
    float: left;
    width: 40%;
    height: 260px;
    overflow: hidden;
}
.top-news .top-news-right {
    float: right;
    width: 60%;
    height: auto;
    padding: 35px;
    box-sizing: border-box;
}
.newslist2 .newslist2-content {
    width: 310px;
    height: auto;
    overflow: hidden;
    float: left;
}
.newslist2 .newslist2-img {
    width: 190px;
    height: 130px;
    float: right;
}
.newslist2 .newslist2-time {
    float: left;
    width: 115px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
    border-right: 2px solid #e4e4e4;
    margin-right: 30px;
}
.piclist li .pic {
    width: 100%;
    height: 235px;
}
.right-col { display:none;}
.left-col {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
		}
		
	@media screen and (max-width: 768px){
		.wrapin {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.wap-nav{ display:block;}
.wap-nav{ display:block; float:right;margin-top: 15px;}
		.nav { background:rgba(0,0,0,0.5); position:absolute;
    float: right; width:120px; right:0; top:60px; display:none;
    height: auto;
    line-height: 35px;
    margin-top: 0px;
    font-size: 16px;
    color: #153768;
}
.nav li {
    float: left;
    position: relative; line-height:40px;
    width:100%;
    margin-left: 0px;
    text-align: center;
	border-bottom:1px solid rgba(255, 255, 255, 0.32);

}
.nav li a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    color: #fff;
}
.nav li:hover, .nav .hover {
    background: #e2e5e7;
    color: #fff;
    border-radius: 0px;
}
.header .logo img{ max-height:40px;}
.header {
    height: 60px;}
	.middle-box {
    width:90%;
    height: auto;
    position: absolute;
    left: 5%;
    margin-left: 0px;
    overflow: hidden;
    margin-top: 100px;
}
.rollBox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.rollBox .Cont {
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
}

.rollBox .Cont .pic {
    background: rgba(255,255,255,0.7);
    width: 250px;
    float: left;
    margin-right: 10px;
    padding-top: 40px;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px #ccc;
    margin-left: 10px;
}
.cot-box img.f_r{ float:none; }
.con-right{ display:none;}
.con-1{ display:none;}
.cc-box-1{ width:100%; height:auto; overflow:hidden; float:left; overflow:hidden;}
.cc-box-top {

    font-size: 20px;}
.bg {
    width: 100%;
    height: auto;
    min-height: 689px;
    padding-top: 100px;}


		}
	@media screen and (max-width: 640px){
		.us-tt p:nth-child(2){ display:none;}
		.rollBox .Cont .pic {
    background: rgba(255,255,255,0.7);
    width: 245px;
    float: left;
    margin-right: 10px;
    padding-top: 40px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px #ccc;
    margin-left: 10px;
}
.t {
    width: 80%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.cc-list {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding-left: 80px;
    box-sizing: border-box;
    background-position: 20px center;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 25px;
    border-bottom: 1px solid #E6E6E6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
		.newslist2 .newslist2-time {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    box-sizing: border-box;
    border-right:0px solid #e4e4e4;
    margin-right: 30px;
}
.newslist2 .newslist2-time span {
    display: inline-block;
    width:auto;
    color: #1b95cd;
}
.newslist2 .newslist2-time span:first-child {
    font-size: 24px; margin-right:15px;
    font-weight: bold;
}
.newslist2 .newslist2-title {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #181818;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newslist2 .newslist2-img {
    width: 35%;
    height: 95px;
    float: right;}
	.newslist2 .newslist2-content {
    width: 60%;
    height: auto;
    overflow: hidden;
    float: left;
}
.top-news .top-news-img {
    float: left;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.top-news .top-news-right {
    float: right;
    width: 100%;
    height: auto;
    padding: 35px;
    box-sizing: border-box;
}
.SmallImg-Box {
    float: left;
    width: 100%;
}
.wrapin-c {
    width: 90%;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.cont {
    padding: 25px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative; box-sizing:border-box;
}
.SmallImg-List {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all 0.5s;
}
.SmallImg-List li {
    cursor: pointer;
    width: 32.33%;
    height:auto;
    margin-left: 0.5%;
    margin-right: 0.5%;
    box-sizing: border-box;
    border: 2px solid #CCC;
    float: left;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 4px; margin-bottom:4px;
    transition: all 0.5s;
}
.SmallImg-List .cur, .SmallImg-List li:hover {
 width: 32.33%;
    height: auto;
    border: 2px solid #b10a0d;
    box-sizing: border-box;
    margin-top: 4px;margin-bottom:4px;
     margin-left: 0.5%;
    margin-right: 0.5%;
}
.nei-nav li {
    display: inline-block;
    margin: 5px;
    width: 30.33%;   margin-left: 0.5%; box-sizing:border-box;
    margin-right: 0.5%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #aeaeae;
    overflow: hidden;
}
.pro-nav {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.piclist li .pic {
    width: 100%;
    height: 125px;
}
.piclist li .pictxt {
    width: 90%;
    height: 40px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    margin-left: 5%;
    text-align: center;
}
.pro-img {
    float: left;
    width: 100%;
    height: 290px;
    overflow: hidden; margin-bottom:15px;
}
.pro-txt {
    float: right;
    width: 100%;
    height: auto;
}
.pro-2 {
    width: 100%;
    height: auto;
    float: right;
}
.hr-title2 {
    background: #ececec;
    height: auto;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}
#DB_gallery .DB_imgSet {
      position: relative;
    width: 100%;
    height: 205px;
    overflow: hidden;
}
		
		}