*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

.wrapper { width:1200px; margin:0 auto; padding:20px 0; overflow:hidden} 
.banner { height:940px; position:relative; background:#f1f1f1 url(images/banner_1.jpg) top center no-repeat;}
.focus { width:800px; height:340px; margin:430px auto 0; position:relative; }
.focus-img { width:800px; height:290px; overflow:hidden; box-shadow:0 0 5px 5px rgba(200, 200, 200, .1); }
.focus-img li { width:800px; height:290px; overflow:hidden; float:left;position:relative;}
.focus-img li img {width:800px; height:290px;}
.focus-png { background:#000; opacity:0.7; filter:alpha(opacity:70); width:100%; height:30px; position:absolute; bottom:20px;}
.focus-item { text-align:center; padding:8px 0; }
.focus-item a { width:10px; height:10px; line-height:10px; border-radius:5px; font-size:0; background:#ccc; margin:0 5px; display:inline-block; vertical-align:middle}
.focus-item a.cur { background:#000}
.direction_l,.direction_r { background:url(images/icon_left.png) 0 -30px; width:100px; height:290px; position:absolute; left:-100px; top:0; z-index:1; cursor:pointer; display:block!important}
.direction_r { background:url(images/icon_right.png) 0 -30px; right:-100px; left:auto;}
.text_p { width:800px; margin:0 auto; font-size:14px; line-height:30px; text-indent:32px;}

.tit { padding:25px 0; text-align:center;}
.tit h2 { font-size:30px; color:#333; line-height:40px; margin-bottom:2px;}
.tit h3 { font-size:16px; color:#999; line-height:20px;}

.banner_2 { background:url(images/banner_2.jpg) top center no-repeat; height:540px;}
.banner_2 ul { width:1100px; margin:0 auto; position:relative;}
.banner_2 ul li { width:220px; text-align:center; color:#fff; position:absolute;}
.banner_2 ul li h3 { font-size:16px;}
.banner_2 ul li h4 { font-size:14px;} .banner_2 ul li p { font-size:14px; color:#666}
.banner_2 ul li img { margin:5px 0; width:150px; height:150px;}
.banner_2 ul li.pd_1 { left:60px; top:50px;} 
.banner_2 ul li.pd_2 { left:467px; top:73px;}
.banner_2 ul li.pd_3 { right:70px; top:50px;}
.banner_2 ul li.pd_4 { left:170px; top:300px;}
.banner_2 ul li.pd_5 { left:450px; top:310px;}
.banner_2 ul li.pd_6 { left:740px; top:310px;}
.bg_light { background:#f1f1f1}
.pop-list { overflow:hidden; padding:10px 30px;}
.pop-list li { float:left; width:340px; padding:15px 20px;}
.pop-list li img { float:left; margin-right:15px; width:100px; height:120px;}
.pop-list li h3 { font-size:16px; color:#000}
.pop-list li p { color:#999; line-height:22px; font-size:14px; }

.pic { float:left; overflow:hidden; padding:0; width:33.333333%; position:relative;}
.pic img {filter:grayscale(100%); width:100%; height:280px;} .pic:hover img {filter:grayscale(0%)}
.pic_text { position:absolute; bottom:0; left:0; z-index:9; padding:10px 30px; color:#fff; display:none; height:200px;}
.pic:hover .pic_text { display:block}
.pic_text h3 { font-size:1.25rem; margin-bottom:20px;}
.pic_text p { font-size:0.75rem; color:#ccc; height:104px; line-height:26px; overflow:hidden}
.opacity { height:280px; width:100%; background:url(images/png24.png); position:absolute; bottom:0; left:0; z-index:-1;}
 
.footer { padding:30px 0; overflow:hidden;}
.footer p { line-height:20px; padding:5px 0; text-align:center; font-size:14px;}
.footer .link_f { padding-bottom:30px;}
.footer p a,.footer p span { color:#333; margin:0 15px;}
.footer p a:hover { color:#f60;}