﻿@charset "utf-8";
/* CSS Document */


#banner1{ margin:0 auto; padding:0; width:100%; height:auto;margin-top:150px;  }
#banner1 img{ max-width:100%;}



#conculture{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto;}
#conculture1{ margin:0 auto; padding:0; width:100%; height:40px; margin-top:40px;font-family:"微软雅黑","宋体",Arial; font-size:24px;color:#666; text-align:center; text-decoration:none; line-height:40px;}
#conculture2{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
#conculture21{ margin:0; padding:0; width:33%; height:auto; float:left;}
#conculture211{ margin:0; padding:0; width:100%; height:auto; text-align:center;}
#conculture212{ margin:0 auto; padding:0; width:80%; height:auto; text-align:center;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#000; text-align:center; text-decoration:none; line-height:20px;}
#conculture213{ margin:0 auto; padding:0; width:80%; height:auto; text-align:center;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:center; text-decoration:none; line-height:20px;}



.web{margin:0 auto; padding:0; width:100%; max-width:1020px;min-height:410px;margin:0px auto;}
.con1{margin:0 auto; padding:0; width:100%; min-height:435px;background:#fff;margin:17px auto;padding-top:25px;}
.con1 ul li{width:30%;height:405px;float:left;margin-left:2%;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.txt{width:100%;height:45px;background:rgba(32,42,104,0.6);position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑","宋体",Arial;}
.txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt p{font-size:12px;text-align:left; width:90%; margin:0 auto;}



/* ab4 */
.his-next{ width:37px; height:37px; border-radius:100%; background:#6fba2c; margin:0 auto; cursor:pointer; transition:300ms; -webkit-transition:300ms; position:relative; }
.his-next .ico{ background-image:url(../images/aw9.png); animation:awmove2 1s linear 0.1s alternate infinite; -webkit-animation:awmove2 1s linear 0.1s alternate infinite;  }
.his-next:hover{ background: #2b930a; }
.his-dot{ width:37px; height:37px; background:#a0a0a0; /*padding:2px; border:2px solid #e5e5e5;*/ border-radius:100%; margin:0 auto; position:relative;  }
.his-dot .sdot{ width:100%; height:100%; display:block; background:#a0a0a0; border-radius:100%; background:url(../images/aw99.png) no-repeat center center; }
.his-dot:hover{ background:#6fba2c; }
.hisBox{ width:680px; margin:0 auto; }
.hisBox li{ /*height:720px;*/ padding:25px 0 60px 0; }
.histxts{ height:120px; position:relative; }
.hisR .txts{ right:0; }
.hisL .txts{ left:0; }
.histxts .txts{ background:#fff; width:300px; position:absolute; top:0; }
.histxts .bodr{ border:1px solid #fff; padding:15px 15px 20px 20px; }
.histxts .date{ color:#323232; font-size:18px; line-height:1.1; overflow:hidden; white-space:nowrap; }
.histxts .tx{ min-height:50px; max-height:125px; }
.histxts .ixline .line_1,.histxts .ixline .line_2{ background:#a0a0a0; }
.histxts .ixline{ margin-top:10px; margin-bottom:10px; }
.histxts .hisDots{ width:40px;  height:10px; position:absolute; top:45px; font-size:0; }
.histxts .hisDots span{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; }
.histxts .hisDots .dot{ width:7px; height:7px; background:#a0a0a0; border-radius:100%; }
.histxts .hisDots .aw{ font-size:12px; line-height:10px; font-family:"宋体"; }
.hisR .hisDots .aw{ margin-left:10px; }
.hisR .hisDots{ left:-43px; }
.hisL .hisDots .aw{ margin-right:10px; }
.hisL .hisDots{ right:-44px; text-align:right; }
.his{ position:relative;  }
.hisLine{ width:1px; height:100%; position:absolute; top:0; left:50%; background:#a0a0a0; }
.bx-next,.bx-prev{ width:100%; height:100%; font-size:0; position:absolute; top:0; left:0; display:block; }
.histxts:hover .bodr{ border:1px solid #6fba2c; }
.histxts:hover .date,.histxts:hover .hisDots .aw{ color:#6fba2c; }
.histxts:hover .ixline .line,.histxts:hover .hisDots .dot{ background:#6fba2c; }
.ab4 .fixbg{ padding:55px 0 30px 0; }
/* ab4 end */
.ab .ti{ font-size:30px; color:#323232; text-align:center; margin-bottom:45px; }





#conculturedi{ margin:0 auto; padding:0; width:100%; height:auto;background:#F5F5F5;}

#conmainfuwu{ margin:0 auto; padding:0; width:100%; height:auto; background:#F5F5F5; padding-top:40px;}
#conmainfuwu22{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto; background:#F5F5F5; padding-top:40px;}

#conmainfuwutitle{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;}

#conmainfuwu33{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto; background:#fff; padding-top:40px;}


#conmainfuwucon1{margin:0 auto; padding:0; width:48%; height:auto; margin-top:15px; margin-left:1%; margin-right:1%; float:left;}
#conmainfuwucon11{margin:0; padding:0; width:150px; height:150px;background: url(../image/c1.jpg) no-repeat center center #C00000; float:left;}
#conmainfuwucon12{margin:0; padding:0; width:280px; height:auto; min-height:110px; float:left; margin-left:10px; padding:20px;background: #F0F0F0; float:left;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:20px;}
#conmainfuwucon12 p{font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:20px;}


#conmainfuwucon21{margin:0; padding:0; width:150px; height:150px;background: url(../image/c2.jpg) no-repeat center center #C00000; float:left;}
#conmainfuwucon31{margin:0; padding:0; width:150px; height:150px;background: url(../image/c3.jpg) no-repeat center center #C00000; float:left;}
#conmainfuwucon41{margin:0; padding:0; width:150px; height:150px;background: url(../image/c4.jpg) no-repeat center center #C00000; float:left;}
#conmainfuwucon51{margin:0; padding:0; width:150px; height:150px;background: url(../image/c5.jpg) no-repeat center center #C00000; float:left;}


#conmainfuwucon2{margin:0 auto; padding:0; width:98%; height:auto; margin-top:15px; margin-left:1%;}

.tagcss { margin:0; padding:0; width:99%; height:auto; margin-top:10px; background:#fff;
}

.tagcss1 { margin:0; padding:0; width:92%;padding-left:4%; padding-right:4%; height:40px; border-bottom:1px solid #ccc;color:#5a5a5a; font-size:16px; font-family:"微软雅黑","宋体"; line-height:40px;
}

.tagcss2 { margin:0 auto; padding:0; width:98%; height:auto; padding-left:1%; text-align:left; padding-top:15px; margin-bottom:15px; display:block; }
.tagcss2 a{ width:auto; margin-left:10px; float:left; display: block; margin-bottom:10px; padding:6px; border:1px solid #ECECEC;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px;  }
.tagcss2 a:hover{ background:#BC2C2B; color:#fff;}

.ideaList { padding-bottom: 50px; margin:0; padding:0; width:100%; height:auto; }
.ideaList ul { margin-left: 0; }
.ideaList li { float: left; display: block; width: 448px; margin: 0px 14px 48px 14px;background:#fff; border: 1px solid #e5e5e5; }
.ideaList li.itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 216px; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 0px 15px 0px 0px; width: 188px; float: right; display: block; font-size: 14px; }
.ideaList .itemBox .con .t { padding: 60px 0px 10px 0; font-size: 24px;  }
.ideaList .itemBox .con .t1 { padding: 20px 0px; font-size: 16px;}
.ideaList li:hover{ background:#9abce5; color: #fff; }
.ideaList li:hover .itemBox .con .t1 { color: #fff; }
.ideaList li:hover .itemBox .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.ideaList.article-block li { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.ideaList.articleShow li { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.ideaList.articleShow .item1 { transition: all 470ms ease-in-out 0s; }
.ideaList.articleShow .item2 { transition: all 570ms ease-in-out 0s; }
.ideaList.articleShow .item3 { transition: all 670ms ease-in-out 0s; }
.ideaList.articleShow .item4 { transition: all 770ms ease-in-out 0s; }


#conmainfuwu1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px;}

#conmainfuwukehu{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#conmainfuwukehu img{ max-width:96%;}




#conmain{ margin:0 auto; padding:0; width:100%; height:auto; background:#F5F5F5; margin-top:150px; padding-top:40px;}

#conmainzong{ margin:0 auto; padding:0; width:100%; max-width:1180px; height:auto; }
#contitle{ margin:0; padding:0; width:100%x; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#contitle a{ font-family:"微软雅黑","宋体",Arial; font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#contitle a:hover{ color:#007fab;}

#conleft{ margin:0; padding:0; width:22%; height:auto; float:left;}
#conleft1{ margin:0; padding:0; width:100%; height:auto; float:left; border-radius:10px; border:1px solid #ccc; background:#fff;margin-left: 2%;}

#conleft11{ margin:0; padding:0; width:100%; height:45px; float:left; border-radius:10px 10px 0 0; border:0; background: url(../image/line1.png) no-repeat center right #A8A8A8; font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:45px;}
#conleft11 span{ padding-left:30px;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:45px;}
#conleft12{ margin:0 auto; padding:0; width:100%; height:auto; }
#conleft12 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#conleft12 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft12 ul li a{ margin:0; padding:0;width:100%-20px; padding-left:20px; border-bottom:1px solid #EEEEEE; background:#fff; display:block;  padding-top:10px; padding-bottom:10px; height:auto; font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#conleft12 ul li a:hover{  background:#A6C6E5;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#000; }
#conleft12 ul li ul{ margin:0; padding:0; width:100%; height:auto; display:block;}

#conleft12 ul li ul li a{ margin:0; padding:0;width:100%-40px; padding-left:40px; border-bottom:1px solid #e1e1e1; background:#fff; display:block;  padding-top:4px; padding-bottom:4px; height:auto; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:20px;}
#conleft12 ul li ul li a:hover{  background:#e1e1e1;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; }

#conleft13{ margin:0 auto; padding:0; width:96%; height:20px;}

#conleft16{ margin:0; padding:0; width:100%; height:65px; float:left; border-radius:10px 10px 0 0; border:0; background: url(../image/line1.png) no-repeat center right #515151; font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:65px;}
#conleft16 span{ padding-left:30px;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:65px;}

#conleft17{ margin:0 auto; padding:0; width:96%; height:auto;   border-bottom:1px solid #cecece; padding-top:8px; padding-right:8px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft17 span{ font-family:Impact,Arial; font-size:24px;color:#EC6219; text-align:center; text-decoration:none; line-height:45px;}
#conleft18{ margin:0 auto; padding:0; width:96%; height:auto;  padding-top:5px; padding-right:5px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft19{ margin:0 auto; padding:0; width:96%; height:auto;  padding-top:5px; padding-right:5px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft191{ margin:0 auto; padding:0; width:140px; height:auto; display:block; }
#conleft191 a{ margin:0 auto; padding:0; width:140px; height:30px;  display:block;background:#EF6F02;color:#fff; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:30px; }
#conleft191 a:hover{ background:#7F3006; color:#fff; }

#conleftk{ margin:0; padding:0; width:100%; height:30px;}

#conright{ margin:0; padding:0; width:76%; height:auto; float:right; border-radius:10px; border:1px solid #ccc; background:#fff;}
#conright1{ margin:0; padding:0; width:100%; height:auto; padding-top:20px; padding-bottom:20px;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#FF7E00; text-align:center; text-decoration:none; line-height:30px;}
#conright2{ margin:0 auto; padding:0; width:96%; height:auto; padding-top:20px; padding-bottom:20px; padding-left:2%;font-family:"微软雅黑","宋体",Arial; font-size:13px;color:#666; text-align:left; text-decoration:none; line-height:30px;}

#conright2 img{ max-width:100%; height:auto;}

#conk{ margin:0 auto; padding:0; width:100%; height:50px;}
#conk1{ margin:0 auto; padding:0; width:100%; height:50px; }

#concontact{ margin:0 auto; padding:0; width:94%; height:auto; max-width:1200px;}
#concontactleft{ margin:0; padding:0; width:50%; height:auto; float:left;padding-top:30px; font-size:18px; color:#000; text-align:center; text-decoration:none; line-height:50px; }
#concontactlefttitle{ margin:0; padding:0; width:100%; height:auto; float:left;font-size:18px; color:#000; text-align:left; text-decoration:none; line-height:50px; }
#concontactleftcon{ margin:0; padding:0; width:100%; height:auto; float:left;font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:30px; }

#concontactright{ margin:0; padding:0; width:50%; height:auto; float:left;padding-top:30px;}

#conaboutcon{ margin:0 auto; padding:0; width:96%; height:auto; margin-top:40px; margin-bottom:40px; padding-left:2%;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
#conaboutcon p{ font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
#conaboutcon img{ max-width:100%;}


#contactcon1{ margin:0 auto; padding:0; width:100%; height:auto;}

@media screen and (max-width:860px) {
	#conleft{ margin:0 auto; padding:0; width:96%; height:auto; float:center; margin-top:20px;}
#conright{ margin:0 auto; padding:0; width:96%; height:auto; float:center; border-radius:10px; border:1px solid #ccc; background:#fff;}
#concontactleft{ margin:0 auto; width:96%; padding-left:2%; }

#concontactright{ margin:0 auto; width:96%;padding-left:2%; }


}

@media screen and (max-width:740px) {
	#conleft{ margin:0 auto; padding:0; width:96%; height:auto; float:center;margin-top:20px;}
#conright{ margin:0 2%;width:96%; height:auto; float:center; border-radius:10px; border:1px solid #ccc; background:#fff;}
#concontactleft{ margin:0 auto; width:96%; padding-left:2%; }

#concontactright{ margin:0 auto; width:96%;padding-left:2%; }


}

@media screen and (max-width:540px) {
	#conleft{ margin:0 auto; width:96%; height:auto; float:center;margin-top:20px;}
#conright{ margin:0 auto;width:96%; height:auto; float:center; border-radius:10px; border:1px solid #ccc; background:#fff;margin-right: 2%;}
#concontactleft{ margin:0 auto; width:96%; padding-left:2%; }

#concontactright{ margin:0 auto; width:96%;padding-left:2%; }
#conmain{
	margin-top: 55px;
}

}

@media screen and (max-width:450px) {
	#conleft{ margin:0 auto; padding:0; width:96%; height:auto; float:center;margin-top:20px;}
#conright{ margin:0 auto; padding:0; width:96%; height:auto; float:center; border-radius:10px; border:1px solid #ccc; background:#fff;}
#concontactleft{ margin:0 auto; width:96%; padding-left:2%; }

#concontactright{ margin:0 auto; width:96%;padding-left:2%; }
#conmain{
	margin-top: 55px;
}

}

