﻿/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#E8E8E8;scrollbar-shadow-color:#C1C1BB;scrollbar-highlight-color:#C1C1BB;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#CACAB7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
a{text-decoration: none; color:#404040;}
a:hover { text-decoration: none; color:#a2a2a2;}
.clear{margin:0px; padding:0px; clear:both;}
TABLE {BORDER-COLLAPSE: collapse; border-spacing: 0;}
TABLE img{ display:block;}
img{border:0px;}

input,button,select,textarea{outline:none}

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
        .clearfix { display: inline-table; }
        *html .clearfix { height: 1%; }
        .clearfix { display: block; }
        *+html .clearfix { min-height: 1%; }


body{font-size:14px; color:#404040; background:#fff; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;  }

td{font-size:14px; line-height:26px;}



#idheader{margin:10px auto; width:100%; height:40px; /* position:fixed; top:0; left:0;*/ background:#fff; z-index:999;}
.header{ width:90%; max-width:1000px; height:40px; margin:0 auto;}
.headerleft{float:left; width:18%; overflow:hidden; height:30px; text-align:center; margin-right:3%;}
.headerleft img{ float:left; margin-top:5px;}
.headerright{float:right; width:79%;}

.nav{overflow:hidden; width:100%; margin:0 auto;}
#jsddm{overflow:hidden; margin:0 auto;}
#jsddm li{float:left; line-height:40px; text-align:center;}
.jsddmli01{width:16%;}
.jsddmli02{width:18%;}
#jsddm li a{display: block; color:#404040; font-size:16px; white-space:nowrap;}
#jsddm li a:hover{ color:#a2a2a2;}
.one{font-size:16px; color:#404040; line-height:40px; text-align:center; text-transform:uppercase;}
#jsddm li:hover{color:#a2a2a2;}
#jsddm li:hover span{color:#a2a2a2;}
#jsddm span:hover a{color:#a2a2a2;}
.two{font-size:16px; color:#404040; line-height:72px; text-align:center;  text-transform:uppercase;}

#jsddm li ul{position: absolute;visibility: hidden; z-index:99999;}
#jsddm li ul li{float: none;display: inline; line-height:38px; text-align:left; color:#fff;}
#jsddm li ul li a{min-width:162px; padding:0 20px; width:auto; color: #fff; font-size:13px; font-weight:normal; background:#a9bcbf;}
#jsddm li ul li a:hover{color:#fff; background:#879da0;}





.mheader{display:none;}
@media screen and (max-width:640px){
#idheader{display:none;}
.mheader{ display: block; overflow:hidden;top:0px;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10000;width:100%; border-bottom:1px #CCCCCC solid; top:0px;}
.sp_logo{padding:0 10px;float:left;height:50px; margin-top:10px;}
.sp_logo img{max-height:50px; display:block;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#008cd6;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#eee;width:100%;height:calc(100% - 100px);font-size:1rem;line-height:42px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; opacity: .96;}
.nav_show{top:50px;}
.nav_show ul{border-bottom:1px #ddd solid;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 17px 0 17px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:42px;font-size:1rem;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#000;width:80%}
.sjj_nav ul li ul li a{color:#6a6a6a;display:block;text-align:left; font-size:0.875rem; line-height:36px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#008cd6}
.sjj_nav ul li ul li>ul{margin-left:10px}
}




.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:0px auto 0;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.slides li img:hover{transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); transition:all ease 0.50s;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0px 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/bpng01.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:48%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
@media screen and (max-width: 640px) {
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:51px auto 0;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0px 2px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:30px;overflow:hidden;background:url(../images/bpng03.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
}







.htitle{text-align:center; margin:0 auto; overflow:hidden;}
.htitle h4{font-size:24px; color:#404040;}
.htitle p{ color:#404040; font-size:14px; line-height:24px; padding-top:8px;}
@media screen and (max-width: 640px) {
.htitle h4{font-size:1.45rem;}
.htitle p{font-size:0.875rem;}
}



.hone{width:90%; max-width:1000px; overflow:hidden; margin:0 auto; padding:60px 0;}
.honeleft{float:none; width:100%; overflow:hidden; margin-top:15px;}
.honeright{float:none; width:100%; overflow:hidden;}
.honeleft img{width:100%; height:auto; display:block;}
.honeright h2{ color:#7a7a7a; font-size:18px; text-transform:uppercase; font-weight:normal; font-family:Verdana;}
.honeright h3{font-size:24px; color:#404040; font-weight:bold; overflow:hidden; padding:10px 0 20px 0; text-align:center;}
.honeright h4{font-size:14px; line-height:30px; overflow:hidden; font-weight:normal;}
.honeright_div{overflow:hidden; font-size:14px; line-height:20px; color:#8c8c8c; font-family:Verdana; padding:10px 0;}
.honeright ul{overflow:hidden; margin-top:10px;}
.honeright li{overflow:hidden; font-size:16px; line-height:35px; color:#a2a2a2; background:url(../images/back_10.png) no-repeat left center; padding-left:18px; width:30%; float:left;}
.honeright li a{color:#a2a2a2;}
.honeright li a:hover{color:#000;}
.honeright h5{float:right; width:110px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#404040; border:1px #ddd solid;border-radius:25px; font-weight:normal;}
.honeright h5 a{color:#404040;}
.honeright h5 a:hover{color:#a9bcbf;}
@media screen and (max-width: 640px) {
.hone{width:94%; padding:3% 0;}
.honeleft{float:none; width:100%;}
.honeright{float:none; width:100%;}
.honeright h2{font-size:1.125rem;}
.honeright h3{font-size:1.25rem;}
.honeright h4{font-size:0.875rem;}
.honeright_div{font-size:0.75rem;}
.honeright li{font-size:1rem;}
.honeright h5{font-size:0.875rem; width:95%;border-radius:5px; margin:20px auto; float:none;}
}





#idhtwo{ width:100%; overflow:hidden; margin:0 auto; padding:60px 0; background:#f5f5f5;}
.htwo{width:90%; max-width:1000px; overflow:hidden; margin:0 auto;}
.htwo ul{overflow:hidden;}
.htwo li{float:left; width:23.5%; text-align:center; overflow:hidden; background:#f5f5f5; color:#fff; border-radius:10px;}
.htwo li:not(:nth-of-type(4n)){ margin-right:2%;}
.htwo li:hover{cursor:pointer; background:#f5f5f5;}

.htwo li img{width:100%; height:auto;border-radius:10px;}
.htwo li h2{font-size:18px; overflow:hidden; padding:30px 0; font-weight:normal;}
.htwo li a{color:#fff;}
.htwo li h4{margin:25px auto 0; width:100px; height:27px; line-height:27px; text-align:center; font-size:13px; color:#fff; border:1px #fff solid;border-radius:25px; font-weight:normal;}
.htwo li h4 a{color:#fff;}
.htwo li h4 a:hover{color:#fff;}
@media screen and (max-width: 640px) {
#idhtwo{padding:0px 0 25px 0;}
.htwo{width:94%;}
.htwo ul{padding-top:0;}
.htwo li{width:48%; margin-top:18px;}
.htwo li:not(:nth-of-type(4n)){ margin-right:0;}
.htwo li:not(:nth-of-type(2n)){ margin-right:4%;}
.htwo li img(border-radius:10px;)
.htwo li h2{font-size:1rem; padding:10px 5%; min-height:42px;}
.htwo li h4{font-size:0.75rem; margin-top:10px;}
}





/*--------首页页脚版权说明--------------*/
#idend{ border-top:1px #ddd solid; margin:0 auto; width:100%; background:#f5f5f5;}
.end{margin:0 auto; overflow:hidden; width:90%; max-width:1000px; padding:30px 0 0px 0;}
.endleft{float:left; overflow:hidden; width:40%;}
.endcent{float:left; overflow:hidden; width:25%; padding:0 0 0 5%; margin-top: 32px}
.endcent ul{overflow:hidden; width:50%; float:left;}
.endcent li{float:left; width:100%; font-size:13px; line-height:28px;}
.endright{float:right; overflow:hidden; width:30%;}
.endleft h3{ text-transform:uppercase; font-family:Verdana; font-size:18px; font-weight:normal; line-height:35px;}
.endleft h4{ font-size:14px; font-weight:normal; padding-bottom:15px;}
.endleft p{font-size:12px; line-height:24px;}
.endleft h5{font-size:16px; font-weight:normal; padding:5px 0; line-height:24px;}
.endright ul{overflow:hidden;}
.endright li{float:right; width:45%; font-size:12px; line-height:36px; text-align:center;}
.endright li img{border:1px #ddd solid; max-width:80%; height:auto; display:block; margin:0 auto;}
.endright li p{line-height:30px;}
.linkcss{ margin: 0 auto;
    overflow: hidden;
    width: 90%;
    max-width: 1000px;
    line-height:30px; padding-bottom:30px;}


.zsend{display:none;}
@media screen and (max-width: 640px) {
.end{width:94%; padding-bottom:10px; padding-top:20px;}
.endleft{float:none;width:100%;}
.endcent{display:none;}
.endright{float:none; width:100%;}
.endright li{float:left;}
.endright li p{font-size:0.75rem;}
.endleft h3{font-size:1.4rem;}
.endleft h4{font-size:1.125rem;}
.endleft p{font-size:0.75rem;}
.endleft h5{font-size:1rem;}
.zsend{
display:block;
margin:0 auto; 
position:fixed; 
bottom:0; 
width:100%; 
height:40px; padding:5px 0;
z-index:1000; 
text-transform:uppercase;
background:#8a9bb3;}
.zsend li{float:left; text-align:center; color:#fff; width:49%; font-size:0.75rem; height:40px;}
.zsend li img{width:20px; margin:0 auto;}
.linkcss{ padding-bottom:70px; }
}
@media screen and (max-width: 414px) {
.end{width:90%; margin:0 auto;}
.end span{padding:0 3%;}
}



/*内页banner*/
.lybanner{width:100%; overflow:hidden; margin:0px auto 0;}
.lybanner img{width:100%; height:auto; display:block;}
.lybanner_m{display:none;}
@media screen and (max-width: 640px) {
.lybanner_m{display:block;width:100%; overflow:hidden; margin:51px auto 0;}
.lybanner_m img{width:100%; height:auto; display:block;}
}


/*位置*/
.weizhi{overflow:hidden;width:100%; margin:0 auto; background:#f5f5f5; border-bottom:1px #ddd solid; border-top:1px #ddd solid;}
.weizhilr{width:90%; max-width:1000px; margin:0 auto; line-height:22px; padding:8px 0; font-size:13px; color:#666;}
.weizhilr a{color:#666;}
.weizhilr a:hover{color:#222;}
.weizhilr span{float:right; font-size:12px;}
@media screen and (max-width: 640px) {
.weizhi{overflow:hidden;width:100%; margin:51px auto 0; background:#f5f5f5; border-top:0;}
.weizhilr{width:90%; margin:0 auto; line-height:22px; padding:8px 0; font-size:0.75rem; color:#666;}
}


/*内页横向菜单*/
#lmlb{ width:100%; padding:20px 0 0;}
.lmlb{overflow:hidden;width:96%; max-width:1200px; margin:0 auto;}
.lmlb ul{margin:0; padding:0; text-align:center;}
.lmlb li{display:inline-block; background:none; line-height:35px; text-align:center; color:#555; font-size:14px; margin-right:10px; border-radius:5px; border:1px #ccc solid;}
.lmlb li a{color:#555; padding:0px 30px;}
.lmlb li:hover{border:1px #555 solid;font-weight:bold;}
#onseca {border:1px #555 solid; font-weight:bold;}
@media screen and (max-width: 640px) {
#lmlb{width:100%; padding:10px 0 0 0;}
.lmlb li{line-height:30px; font-size:0.75rem; margin-bottom:5px;}
.lmlb li a{padding:0px 20px;}
.lmlb li:hover{border:1px #555 solid; font-weight:normal;}
}



/*内页框架*/
.lymain{overflow:hidden;width:90%; max-width:1000px; margin:0 auto;}
@media screen and (max-width: 640px) {
.lybanner{margin-top:50px;}
.lymain{width:94%;}
.weizhilr{font-size:0.75rem; padding:8px 0px;}
.lmlb{width:100%;}
.lmlb li{line-height:30px; font-size:0.75rem; margin-bottom:10px;}
.lmlb li a{padding:0px 20px;}
}


/*通栏的内页文字介绍*/
.tylm{overflow:hidden; line-height:26px; font-size:14px; padding:30px 0px;}
.tylm h2{ text-align:center; font-size:24px; line-height:35px; font-weight:bold; margin-bottom:10px;}
#margintop{margin-top:80px;}
#margintop40{margin-top:40px;}
.tylm img{ margin:0px 0px; max-width:100%;}
.tylm table{ width:80%!important; padding:0px 12.5px; background:#f8f8f8; margin:0 auto;}
.tylm table td{ line-height:24px; padding:6px 8px; border:1px #CCCCCC solid!important;}
.left30{text-align:left; line-height:35px; padding-left:31%;}
@media screen and (max-width: 640px) {
.tylm{font-size:0.875rem;padding:10px 0px 10px 0px;}
.tylm h2{font-size:1.25rem;line-height:25px; margin-bottom:10px;}
#margintop{margin-top:40px;}
.tylm img{max-width:100%; height:auto; margin:0px; padding:0px;}
.left30{text-align:left; line-height:28px; padding-left:0px;}
.tylm table{ width:100%!important; padding:0px 0px;}
}


/*左右分栏的文字图片介绍*/
.lymainleft{float:left; width:47%; padding:20px 3% 20px 0;}
.lymainright{float:right;width:50%; padding:20px 0;}
@media screen and (max-width: 640px) {
.lymainleft{float:none; width:100%; padding:0px;}
.lymainright{float:none; width:100%;}
}



/*商务合作在线留言*/
.honeul02{overflow:hidden; width:100%; padding:0; margin-bottom:30px;}
.honeul02 h2{ color:#003d81; font-size:1.25rem; color:#003d81; margin-top:25px; text-align:center; padding-bottom:10px;}
.honeul02 li{overflow:hidden; background:#fff; border:1px #ddd solid; height:40px; line-height:40px; margin-bottom:10px;}
.honeul02 li span{float:left; font-size:0.875rem; background:#f5f5f5; text-align:center; width:18%;}
.text01{border:0; background:#fff; line-height:40px; height:40px; padding-left:1.5%; width:79%; font-size:0.875rem;font-family:Microsoft YaHei;}
.box3 {width:97%; border:1px #ccc solid; line-height:24px; padding:4px; background:#fff;font-family:Microsoft YaHei;}
.submit01{overflow:hidden; background:#a2a2a2; text-align:center; color:#fff; border-radius:5px; width:100%; padding:8px 0; font-size:1.2rem; border:0; cursor:pointer;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;}
.submit01:hover{ background:#26a2cb;}
@media screen and (max-width: 414px) {
.honeul li p{font-size:1rem;}
.honeul li h2{font-size:0.875rem; padding:8px 5px;}
.honeend p{font-size:0.875rem; line-height:40px;}
.honeend p span{font-size:1.25rem;}
}










/*专业团队*/
.team{width:96%; max-width:1300px; margin:0 auto; padding:40px 0;}
.teamul{overflow:hidden;}
.teamul li{ float:left; margin-top:20px; margin-bottom:30px; width:12.55%; overflow:hidden; text-align:center;}
.teamul li:not(:nth-of-type(7n)){ margin-right:2%;}
.teamul li img{display:block; width:100%; height:auto;}
.teamul li h4{ color:#404040; font-size:16px;font-weight:bold; padding:10px 0 5px;}
.teamul li p{font-size:14px; padding-bottom:12px;}
.teamul li h5{font-weight:normal; font-size:14px; margin:0 auto;width:82px;line-height:24px; text-align:center;}
.teamul li h5 a{color:#404040; border:1px #cccccc solid; display:block;}
.teamul li h5 a:hover{color:#FF8A00; border:1px #FF8A00 solid;}
@media screen and (max-width: 640px) {
.team{width:94%; padding:20px 0 25px;}
.teamul li{margin-top:10px; width:30%;}
.teamul li:not(:nth-of-type(7n)){ margin-right:0;}
.teamul li:not(:nth-of-type(3n)){ margin-right:3%;}
.teamul li h4{font-size:1rem;}
.teamul li p,.teamul li h5{font-size:0.75rem;}
}



.partner{width:96%; max-width:1300px; margin:0 auto; padding:40px 0;}
.partnerul{overflow:hidden;}
.partnerul li{ float:left; margin-top:20px; width:10%; overflow:hidden; padding:0.5%; border:1px #ccc solid;}
.partnerul li:not(:nth-of-type(8n)){ margin-right:1.5%;}
.partnerul li img{display:block; width:100%; height:auto; }
.partnerul li:hover{border:1px #da251a solid; cursor:pointer;}
@media screen and (max-width: 640px) {
.partner{width:94%;padding:20px 0 25px;}
.partnerul li{margin-top:10px; width:20.58%; padding:1%;}
.partnerul li:not(:nth-of-type(8n)){ margin-right:0;}
.partnerul li:not(:nth-of-type(4n)){ margin-right:2%;}
}





/*新闻中心*/
.news{overflow:hidden;width:100%;margin:35px auto;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; border-bottom:1px #ddd dotted; margin-bottom:2%; padding-bottom:2%;}
.newsul li img{ width:20%; display:block; float:left; margin-right:20px;}
.newsul li h2{font-size:16px; font-weight:bold;}
.newsul li p{color:#666; padding:8px 0 6px; line-height:22px;}
.newsul li p span{margin-right:20px; font-size:12px;}
.newsul li h4{font-weight:normal; font-size:13px; line-height:22px; padding:10px 0 0 0;}
.newsul li h4 span{float:right;}
.newsul li h4 span a{color:#009cff;}
.newsul li h4 span a:hover{color:#ff6600;}
@media screen and (max-width: 640px) {
.newsul li{ margin-bottom:8%;}
.newsul li img{ width:40%; height:auto; display:block; float:left; margin-right:10px;}
.newsul li h2{font-size:1.125rem; line-height:22px;}
.newsul li p{font-size:0.75rem;}
.newsul li h4{font-size:0.875rem;}
}




/*介绍*/
.about{width:96%; max-width:1300px; margin:20px auto 0; padding-bottom:50px;}
.abouttop{overflow:hidden; margin-top:40px;}
.abouttop dl{width:100%; overflow:hidden; padding-top:25px;}
.abouttop dt{float:left; width:47%; font-size:14px; line-height:30px;}
.abouttop dd{float:right; width:47%; font-size:14px; line-height:30px;}

.aboutqc{overflow:hidden; padding-top:60px;}
.aboutqc ul{overflow:hidden; padding-top:15px;}
.aboutqc li{float:left; width:18.4%; margin-bottom:2%;}
.aboutqc li:not(:nth-of-type(5n)){ margin-right:2%;}
.aboutqc li img{ display:block; width:100%; height:auto;}
.aboutqc li img:hover{FILTER:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
@media screen and (max-width: 640px) {
.about{width:94%; padding-bottom:25px;}
.abouttop{margin-top:20px;}
.abouttop dl{padding-top:15px;}
.abouttop dt{float:none; width:100%; font-size:0.875rem;}
.abouttop dd{float:none; width:100%; font-size:0.875rem; margin-top:20px;}

.aboutqc{padding-top:50px;}
.aboutqc ul{padding-top:0;}
.aboutqc li{width:31%; margin-bottom:3%;}
.aboutqc li:not(:nth-of-type(5n)){ margin-right:0;}
.aboutqc li:not(:nth-of-type(3n)){ margin-right:3%;}
}





/*案例中心*/
.case{width:96%; max-width:1300px; margin:0 auto; padding:20px 0 50px;}
.casetitle{overflow:hidden;}
.casetitle h4{font-size:18px; font-weight:bold; color:#3c3c3c; padding-bottom:10px;}
.casetitle a{ padding-right:10px; line-height:26px; font-size:14px;}
#onsec{color:#ff0000;}
.caselr{overflow:hidden;}
.caselrul{overflow:hidden;}
.caselrul li{float:left; width:18.22%; border:1px #E4E4E4 solid; margin-top:2%; background:#F5F5F5;}
.caselrul li:not(:nth-of-type(5n)){ margin-right:2%;}
.caselrul li:hover{background:#da251a;}
.caselrul li:hover a{color:#fff;}
.caselrul li:hover h2{color:#fff;}
.caselrul li img{ width:100%; height:auto; display:block;}
.caselrul li h2{text-align:center; padding:11px 0; font-size:14px; font-weight:normal;}
@media screen and (max-width: 640px) {
.case{width:94%; padding:10px 0 30px;}
.casetitle h4{font-size:1.125rem;}
.casetitle a{font-size:0.875rem;}
.caselrul li{width:47%; margin-top:4%;}
.caselrul li:not(:nth-of-type(5n)){ margin-right:0;}
.caselrul li:not(:nth-of-type(2n)){ margin-right:4%;}
.caselrul li h2{font-size:0.875rem; padding:8px 0;}
}


.caseshow{overflow:hidden; padding-top:30px;}
.caseshowul{overflow:hidden;}
.caseshowul li{float:left; width:18.4%; margin-bottom:2%;}
.caseshowul li:not(:nth-of-type(5n)){ margin-right:2%;}
.caseshowul li img{ display:block; width:100%; height:auto;}
.caseshowul li img:hover{FILTER:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
@media screen and (max-width: 640px) {
.caseshow{padding-top:20px;}
.caseshowul li{width:31%; margin-bottom:3%;}
.caseshowul li:not(:nth-of-type(5n)){ margin-right:0;}
.caseshowul li:not(:nth-of-type(3n)){ margin-right:3%;}
}




.newsshow{ overflow:hidden; margin:35px auto;}
.news_xxjs{line-height:26px!important; font-size:13px!important; font-weight:normal!important; margin:15px auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:13px;}
.news_xxjs td{padding:4px; font-size:13px!important; border:1px #CCCCCC solid;}
.news_xxjs img{ max-width:100%; height:auto; margin:0 auto;}
.news_title{font-size:28px; border-bottom:1px #eaeaea solid; padding:15px 0 5px; text-align:center;}
.news_title h1{font-size:28px; font-weight:normal;}


.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; color:#999999; text-align:center;}
.pubdate span{ padding:0 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}


/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:8px 0 8px 12px; background:url(../images/dian.jpg) no-repeat left 16px;}
.Information li span{float:right; font-size:14px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 640px) {
.news_title{font-size:1.4rem;}
.news_title h1{font-size:1.4rem;}
.news_xxjs{font-size:0.75rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.75rem}
.news_xxjs td{font-size:0.75rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.75rem;}
}




/*分页*/
.page{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 640px) {
.page{padding:12px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}










