﻿body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;font-family:"微软雅黑";}
img { border:0; }
.clear { clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
.w1200{ width:1200px; margin:0 auto}

.ctop{ background:#f6f6f6; height:42px; line-height:42px;}
.ctop .topwz{ text-align:left; color:#909090; font-size:14px}
.ctop .topyy{ float:right}
.ctop .topyy img{ margin-right:5px; margin-left:10px}


.cfl{ float: left;}
.cfr{ float:right;}






.sypic{ background:url(sb.jpg) top center no-repeat}
.sypic h2{ font-size:36px; color:#005bac; font-weight:bold; text-align:center; padding-top:30px}
.sypic em{ font-size:20px; color:#005bac; font-weight:bold; text-align:center; display:block}

.cppic a{position:relative;float:left;display:block;margin:0 0 0 22px;width:348px;height:346px;text-align:center;cursor:pointer}
.cppic a img{position:absolute;left:0;z-index:3}
.cppic a:hover img{transition:all 1.5s;transform:rotateY(360deg)}
.cppic a span{position:absolute;top:250px;left:18%;z-index:4;width:60%;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#ff6f24;color:#000;color:#fff;text-align:center;font-size:16px;font-size:24px;line-height:50px}
.cppic a:hover span{transition:all 1.5s;transform:rotateY(360deg)}


#demo{overflow:hidden;height:800px;width:1200px; margin:0px auto;color:#336699;text-align:left;padding:10px}
#demo1 div,#demo2 ul{ display:block;width:1200px; overflow:hidden}
#demo1 div li,#demo2 ul li{width:280px;margin:0px 10px 20px 10px; float:left}
#demo1 div li a h3,#demo2 ul li a h3{width:280px;height:210px ; overflow:hidden;}
#demo1 div li a h3 img,#demo2 ul li a h3 img{width:280px;height:210px;transition:all .5s ease;}
#demo1 div li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo1 div li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;background:#f1f1f1; color:#333}
#demo1 div li a:hover ol,#demo2 ul li a:hover ol{ background:#303030; color:#fff}
#demo1 {height:1000px;width:1200px;  }



#demo11 div,#demo2 ul{ display:block;width:1200px; overflow:hidden}
#demo11 div li,#demo2 ul li{width:378px;margin:0px 10px 20px 10px; float:left}
#demo11 div li a h3,#demo2 ul li a h3{width:378px;height:270px ; overflow:hidden;}
#demo11 div li a h3 img,#demo2 ul li a h3 img{width:378px;height:270px;transition:all .5s ease;}
#demo11 div li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo11 div li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;}
#demo11 div li a:hover ol,#demo2 ul li a:hover ol{ background:#e70507; color:#fff}
#demo11 {width:1200px;  }




#demo33{overflow:hidden;height:500px;width:660px; margin:0px auto;color:#336699;text-align:left;padding:10px}
#demo33 div,#demo2 ul{ display:block;width:1200px; overflow:hidden}
#demo33 div li,#demo2 ul li{width:310px;margin:0px 10px 20px 10px; float:left}
#demo33 div li a h3,#demo2 ul li a h3{width:310px;height:238px ; overflow:hidden;}
#demo33 div li a h3 img,#demo2 ul li a h3 img{width:310px;height:238px;transition:all .5s ease;}
#demo33 div li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo33 div li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;background:#179c0f; color:#fff}
#demo33 div li a:hover ol,#demo2 ul li a:hover ol{ background:#ff6600; color:#fff}
#demo33 {height:500px;width:660px; float: left;}







.nconl{ width:300px;}
.nconr{ width:890px;}
.nconr h3{ height:40px; line-height:40px; font-size:22px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#ce0a0b}
.nconr h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.nconr h3 span a{ color:#888}

.cpfl dt{ width:199px; height:80px;  padding:0px 40px 0px 30px; font-size:32px; line-height:80px; text-align:center;  color:#ffffff; background:#ce0a0b; font-weight:bold}
.cpfl dd a{display:block; font-size:14px; text-indent:28px; color:#1c1c1c; line-height:50px;width:269px; transition:all .2s ease;height:50px;background:url(rr.gif) no-repeat left; font-weight:normal; margin-bottom:1px}
.cpfl dd a:hover{ color:#ffffff;  background:#ce0a0b; }




.news_dl_3{ width:890px; display:inline-block; border-bottom:#b8b8b8 1px dashed; padding:14px 0; overflow:hidden; height:85px; float:left;}
.news_dl_3 dt{ background:#ce0a0b; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3:hover dt{ background:#6f6f6f; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:700px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h5 a{ font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h5 a:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}

.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


