@charset "gb2312";
/* Frame */
.Frame{width:1170px; margin:0 auto;}
.Frame .title {width:1170px; height:50px; position:relative;}
.Frame .title .hr {width:1170px; height:1px; border:0; position:absolute; left:0; top:50px; background:#d2dbe0;}
.Frame .title .big { font-size:28px; height:30px; line-height:30px; position:absolute; left:0; bottom:10px;}
.Frame .title .big ul { display:block; width:1170px; margin-bottom:30px; overflow:visible;}
.Frame .title .big ul li { width:100px; font-size:16px; text-align:center; background:url(../image/album_an.png) no-repeat; margin:0px; margin-right:25px; border:0px; padding:0px; bottom:0px;}
.Frame .title .big ul li a { color:#fff;}
.Frame .title .span { display:block; width:450px; height:25px; line-height:25px; position:absolute; right:0; top:0px; color:#fff; background:url(../image/add.jpg) no-repeat;}
.Frame .title .span font { display:block; float:left; width:100px; text-align:center; font-size:12px;}
.Frame .title .span a {color:#fff;}
.Frame .title .font { width:1000px; height:25px; text-align:right; line-height:25px; color:#fff; position:absolute; right:0; top:25px; overflow:hidden;}

.Frame_m{float:left;}
.Frame_m .title{width:900px; height:110px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}
.Frame_m .title .big{font-size:28px; line-height:30px; position:absolute; bottom:18px; -webkit-text-fill-color:transparent; background:linear-gradient(90deg,#5bb3ff,#8d62ff); -webkit-background-clip:text;}
.Frame_m .title .span{display:block; width:450px; height:25px; line-height:25px; position:absolute; right:0; top:0px; color:#fff; background:url(../image/add.jpg) no-repeat;}
.Frame_m .title .span font{display:block; float:left; width:100px; text-align:center; font-size:12px;}
.Frame_m .title .span a{color:#fff;}
.Frame_m .title .font{width:700px; height:25px; text-align:right; line-height:25px; color:#fff; position:absolute; right:0; top:25px; overflow:hidden;}
.Frame_m .title .hr{width:870px; height:1px; border:0; position:absolute; left:0; top:50px; background:#999;}
.Frame_m .small{height:198px; border-bottom:1px dashed #d2dbe0;}
.Frame_m .small img{float:left; margin-right:30px;}
.Frame_m .small .con{width:860px; line-height:19px; color:#68737a; float:left;}
.Frame_m .small .con .title{width:860px; background:url(../image/Arrow2.jpg) left center no-repeat; font-size:16px; font-weight:bold; color:#000; height:18px; padding-left:25px;}
.Frame_m .small .con .content{width:860px; height:102px; color:#68737a; padding:18px 0; overflow:hidden;}
.Frame_m .small .con .url{height:30px; background:#e9edef; line-height:30px; padding-left:20px; color:#000; border-radius:5px;}
.Frame_m .key{line-height:30px;}
.Frame_m .comment{border:1px solid #ddd; margin-top:50px; padding:20px 0px;}
.Frame_m .info{font-size:16px; line-height:28px; text-align:justify; border-bottom:1px dashed #d2dbe0; margin-bottom:20px;}
.Frame_m .info img{margin:0 auto; display:flex; justify-content:center;}
.Frame_m .info h1{text-align:center; font-size:35px; line-height:50px;}
.Frame_m .info h2{text-align:center; font-size:32px; line-height:50px;}
.Frame_m .info h5{text-align:center; line-height:50px;}
.Frame_m .info .nr{font-size:16px; line-height:30px;}
.Frame_m .info .bt{padding-bottom:20px;}
.Frame_m .info .nr li{border-bottom:#CCC dashed 1px; cursor:pointer;}
.Frame_m .info .nr li:hover a{color:#06F; font-weight:bold;}
.Frame_m .info .nr li:hover{color:#06F; font-weight:bold;}
.Frame_m .info .nr li span{float:right;}
.Frame_m .info .nr strong{display:block; width:100%; height:30px; line-height:30px; font-size:24px; margin:20px auto 10px auto;}
.Frame_m .info .nr strong a{color:#06C;}
.Frame_m .NewsTitle{float:right; width:1170px; height:100px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}
.Frame_m .NewsTitle .big{color:#fff; font-size:28px; height:30px; line-height:30px; position:absolute; left:0; bottom:18px;}
.Frame_m .NewsTitle .span{display:block; width:450px; height:25px; line-height:25px; position:absolute; right:0; top:0px; color:#fff; background:url(../image/add.jpg) no-repeat;}
.Frame_m .NewsTitle .span font{display:block; float:left; width:100px; text-align:center; font-size:12px;}
.Frame_m .NewsTitle .span a{color:#fff;}
.Frame_m .NewsTitle .font{width:1000px; height:25px; text-align:right; line-height:25px; color:#fff; position:absolute; right:0; top:25px; overflow:hidden;}
.Frame_m .NewsTitle .hr{width:1170px; height:1px; border:0; position:absolute; left:0; top:50px; background:#d2dbe0;}
.Frame_album{float:left; width:1120px; border-right:0; padding:25px;}
.Frame_album .title{width:1110px; height:110px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}
.Frame_l{width:240px; background:url(../image/leftbg.jpg) repeat-y; float:left; margin-right:30px;}
.Frame_l .nav{}
.Frame_l .nav .lefttop{width:240px; height:30px; background:url(../image/navlefttop.jpg);}
.Frame_l .nav .ban{width:240px; height:70px; background-image:url(../image/left_column_back.png); background-repeat:no-repeat; overflow:hidden;}
.Frame_l .nav .ban font{padding-left:20px; font-size:20px; line-height:20px; letter-spacing:1px; text-shadow:2px 2px 0px #fff,-2px -2px 0px #fff,3px 3px 4px #888;}
.Frame_l .nav ul{display:block; width:220px; margin-left:20px;}
.Frame_l .nav ul li{display:block; width:220px; height:30px; background:url(../image/navleft.jpg) no-repeat; text-align:center; letter-spacing:2px; margin-bottom:10px; font-size:16px;}
.Frame_l .nav ul li a{display:block; width:220px; height:30px; line-height:30px; color:#000;}
.Frame_l .nav ul li:hover{background:url(../image/navlefthov.jpg) no-repeat;}
.Frame_l .nav ul li:hover a{color:#fff;}
.Frame_l .nav ul li.hover{background:url(../image/navlefthov.jpg) no-repeat;}
.Frame_l .nav ul li.hover a{color:#fff;}
.Frame_l .honor{display:block; width:179px; height:59px; border:3px solid #ccc; margin:20px auto 40px auto;}
.Frame_l .honor img{width:179px; height:59px;}
.Frame_l .hot{width:240px; background:url(/images/ico_article.jpg) top left no-repeat;}
.Frame_l .hot .title{width:240px; height:70px;}
.Frame_l .hot .title font{padding-left:20px; font-size:20px; line-height:20px; letter-spacing:1px; text-shadow:2px 2px 0px #fff,-2px -2px 0px #fff,3px 3px 4px #888;}
.Frame_l .hot .content{width:200px; margin:0 auto;}
.Frame_l .hot .content a{display:block; width:200px; padding-bottom:10px; border-bottom:1px #d2dbe0 dashed; margin-bottom:10px;}
.Frame_l .hot .content a .tit{font-size:15px; color:#000;}
.Frame_l .hot .content a .con{display:block; width:200px; height:42px; line-height:15px; color:#acb2b5;}
.Frame_l .qq{width:200px; background:url(../image/qqbgl.jpg) bottom left no-repeat; padding:0 20px;}
.Frame_l .qq .title{width:185px; height:50px; background:url(../image/qq.jpg) no-repeat;}
.Frame_l .qq .title a{display:block; width:70px; height:17px; line-height:17px; color:#fff; float:right; margin:0 25px auto auto;}
.Frame_l .qq .content{width:165px; height:215px; padding:15px 10px 0 10px; line-height:20px;}
.Frame_l .qq .content strong{font-size:14px;}
.Frame_l .qq .content a{color:#7ab53f; float:right;}
.Frame_l .qq .content li{display:block; width:100%; *margin-left:-16px; line-height:40px; text-align:left;}

/* Service */
.Service{width:1170px; margin:0 auto;}
.Service_m{float:left;}
.Service_m .title{float:right; width:1170px; height:150px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}
.Service_m .title .big{font-size:28px; line-height:30px; position:relative; left:0; top:30px;}
.Service_m .title .big ul li{font-size:16px; text-align:center; margin:0 20px 10px 0; border:1px solid #007dd3; padding:0 10px; background-image:url(../image/service_an.png); background-repeat:repeat-x;}
.Service_m .title .big ul li a{color:#fff;}
.Service_m .title .span{display:block; width:450px; height:25px; line-height:25px; position:absolute; right:0; top:0px; color:#fff; background:url(../image/add.jpg) no-repeat;}
.Service_m .title .span font{display:block; float:left; width:100px; text-align:center; font-size:12px;}
.Service_m .title .span a{color:#fff;}
.Service_m .title .font{width:1000px; height:25px; text-align:right; line-height:25px; color:#fff; position:absolute; right:0; top:25px; overflow:hidden;}
.Service_m .title .hr{width:1170px; height:1px; border:0; position:absolute; left:0; top:50px; background:#d2dbe0;}
.Service_m .small{width:1110px; height:184px; border-bottom:1px dashed #d2dbe0;}
.Service_m .small img{float:left; margin-right:30px;}
.Service_m .small .con{float:left; width:800px; line-height:19px; color:#68737a;}
.Service_m .small .con .title{background:url(../image/Arrow2.jpg) left center no-repeat; font-size:16px; font-weight:bold; color:#000; height:18px; padding-left:20px; width:580px;}
.Service_m .small .con .content{color:#68737a; height:82px; padding:20px 0; overflow:hidden;}
.Service_m .small .con .url{height:30px; background:#e9edef; line-height:30px; padding-left:20px; color:#000; border-radius:5px;}
.Service_m .info{font-size:16px; line-height:1.5; border-bottom:1px dashed #d2dbe0; margin-bottom:20px;}
.Service_m .info img{margin:0 auto; display:flex; justify-content:center;}
.Service_m .info h1{text-align:center; font-size:35px; line-height:50px;}
.Service_m .info h2{text-align:center; font-size:32px; line-height:50px;}
.Service_m .key{line-height:30px;}
.Service_m .comment{border:1px solid #ddd; margin-top:50px; padding:20px 0px;}
.Service_m .info .nr{font-size:14px; line-height:30px;}
.Service_m .info .nr li{border-bottom:#CCC dashed 1px; cursor:pointer;}
.Service_m .info .nr li:hover a{color:#06F; font-weight:bold;}
.Service_m .info .nr li:hover{color:#06F; font-weight:bold;}
.Service_m .info .nr li span{float:right;}
.Service_m .info .nr strong{display:block; width:100%; height:30px; line-height:30px; font-size:24px; margin:20px auto 10px auto;}
.Service_m .info .nr strong a{color:#06C;}
.Service_album{float:left; width:1120px; border-right:0; padding:25px;}
.Service_album .title{width:1110px; height:110px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}

/* album */
.album{width:1170px; margin:0 auto;}
.album_m{float:left;}
.album_m .title{float:right; width:1170px; height:100px; background:url(../image/titlebg.jpg) left top no-repeat; position:relative;}
.album_m .title .big{font-size:28px; height:30px; line-height:30px; position:absolute; left:0; bottom:10px;}
.album_m .title .big ul li{width:100px; font-size:16px; text-align:center; background:url(../image/album_an.png) no-repeat; margin:0px; margin-right:25px; border:0px; padding:0px; bottom:0px;}
.album_m .title .big ul li a{color:#fff;}
.album_m .title .span{display:block; width:450px; height:25px; line-height:25px; position:absolute; right:0; top:0px; color:#fff; background:url(../image/add.jpg) no-repeat;}
.album_m .title .span font{display:block; float:left; width:100px; text-align:center; font-size:12px;}
.album_m .title .span a{color:#fff;}
.album_m .title .font{width:1000px; height:25px; text-align:right; line-height:25px; color:#fff; position:absolute; right:0; top:25px; overflow:hidden;}
.album_m .title .hr{width:1170px; height:1px; border:0; position:absolute; left:0; top:50px; background:#d2dbe0;}

/* section */
.section{width:1170px; margin:0 auto; overflow:hidden;}
.section ul{display:block; width:1170px; margin-bottom:30px; overflow:visible;}
.section ul li{float:left; margin:16px; border:1px solid #ccc; padding:4px; display:inline-block; overflow:hidden; position:relative;}
.section ul li .photo{width:250px; height:166px; overflow:hidden;}
.section ul li span{display:block; height:24px; border-bottom:1px dashed #333; width:100%; line-height:24px; text-align:center;}
.section ul li font{display:block; height:25px; line-height:25px; text-align:center;}
.section ul li:hover font{font-weight:bold; color:#06C;}
.section .rsp{width:260px; height:171px; overflow:hidden; position:absolute; background:#000; top:0px; left:0px;}
.section .text{width:260px; height:171px; overflow:hidden; position:absolute; left:-260px; top:0px;}
.section .text h3{width:260px; margin-top:60px; height:42px; line-height:42px; text-align:center; color:#fff; background:#0081d6; font-size:15px;}
.section_wap{width:1170px; margin:0 auto; padding-top:40px; overflow:hidden;}
.section_wap ul{width:1170px;}
.section_wap ul li{float:left; margin:16px; display:inline; width:250px; overflow:hidden; position:relative; padding:5px;}
.section_wap ul li .photo{width:250px; text-align:center; overflow:hidden;}
.section_wap ul li span{display:block; height:24px; border-bottom:1px dashed #333; width:100%; line-height:24px; text-align:center;}
.section_wap ul li font{display:block; height:25px; line-height:25px; text-align:center;}
.section_wap ul li:hover font{font-weight:bold; color:#06C;}
.section_wap .rsp{width:260px; height:176px; overflow:hidden; position:absolute; background:#000; top:0px; left:0px;}
.section_wap .text{position:absolute; width:260px; height:210px; left:-260px; top:0px; overflow:hidden;}
.section_wap .text h3{width:260px; margin-top:60px; height:42px; line-height:42px; text-align:center; color:#fff; background:#7f187d; font-size:15px;}

.clearfix{display:block;}/* End hide from IE-mac */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac */