﻿@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Open Sans';
    src: url('../other/opensans-regular-webfont.eot');
    src: url('../other/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../other/opensans-regular-webfont.woff2') format('woff2'),
         url('../other/opensans-regular-webfont.woff') format('woff'),
         url('../other/opensans-regular-webfont.ttf') format('truetype'),
         url('../other/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('../other/oswald-regular-unhinted-webfont.eot');
    src: url('../other/oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('../other/oswald-regular-unhinted-webfont.woff2') format('woff2'),
         url('../other/oswald-regular-unhinted-webfont.woff') format('woff'),
         url('../other/oswald-regular-unhinted-webfont.ttf') format('truetype'),
         url('../other/oswald-regular-unhinted-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* 全局样式 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body {font:16px/1.5 Microsoft YaHei,SimHei,simsun,tahoma,arial,\5b8b\4f53,sans-serif; color:#000;}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
fieldset, img {border:0;}
li,dl,dd {list-style-type:none;}
ol,ul {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
input, textarea, select {outline:none !important;}
/* Fix for Chrome's yellow input highlighting */
input:focus, textarea:focus, select:focus {outline:none;}
img {display:block;}
a img {text-decoration:none; border:none;}
input[type="checkbox"], input[type="radio"] {background:transparent;}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;}
button {overflow:visible;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input {line-height:normal;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="text"] {-webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, button, select, textarea {font-family:inherit; font-size:inherit; font-weight:inherit; outline:none; -webkit-appearance:none; border-radius:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
input:focus, textarea:focus {outline:none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
input {padding:0 10px;}
textarea {overflow:auto; padding:10px;}
/*全站链接颜色*/
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#d9251b; text-decoration:underline;}
a:active{color:#000;}
strong {font-weight:bold;}
a {color:#000; text-decoration:none;} 
a:hover {color:#d9251b; text-decoration:underline;}
/*通用样式*/
.space1,.space2,.space5,.space10,.space15,.space18,.space20,.space25,.space30,.space35,.space40,.space43,.space44,.space45,.space50,.space55,.space60,.space70,.space90 {clear:both; font-size:1px; height:0; line-height:1px;}
.space1 {height:1px;}.space2 {height:2px;}.space5 {height:5px;}.space10 {height:10px;}.space15 {height:15px;}.space18 {height:18px;}.space20 {height:20px;}.space25 {height:25px;}.space30 {height:30px;}.space35 {height:35px;}.space40 {height:40px;}.space43 {height:43px;}.space44 {height:44px;}.space45 {height:45px;}.space50 {height:50px;}.space55 {height:55px;}.space60 {height:60px;}.space70 {height:70px;}.space90 {height:90px;}
.hidden {display:none;}.invisible{visibility:hidden;}
.fb {font-weight:bold;}.fn {font-weight:normal;}
.text-c {text-align:center}.text-l {text-align:left}.text-r {text-align:right;}
.fl{float:left;*display:inline;*zoom:1;}
.fr{float:right;*display:inline;*zoom:1;}
.pr {position:relative;}
.pa {position:absolute;}
.wrapper {width:100%; min-width:1230px; margin:0 auto;}
.container {width:1200px;}
.container {padding:0 15px; margin:0 auto;}
.container:before,.container:after {content:" "; display:table;}
.container:after {clear:both;}
.inlineblock{display:inline-block; *display:inline; *zoom:1;}
.clr{clear:both;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clear {zoom:1;}
.clear:after {visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0;}
.fle {float:left; _display:inline;}
.fri {float:right; _display:inline;}
.cf {zoom:1;}
.cf:before, .cf:after {content:" "; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
/*颜色预定义 可以随时增加*/
.gray,a.gray:link,a.gray:visited {color:#878787;}
a.gray:hover{color:#03d6f6;}
/*字体颜色 可以随时增加*/
.time14 {font-size:13px; color:#717171; font-family:Verdana, Helvetica, Arial, sans-serif;}
.Red18 {font-size:18px; color:#a91a19; font-weight:bold;}
.Black {color:#000;}
/*字体大小 可以随时增加*/
.en12 {font:12px Verdana, Arial, Helvetica, sans-serif; padding-top:2px}
/* 页面布局样式 */
.strip {padding:60px 0; position:relative;}
.strip2 {padding:42px 0 60px 0; position:relative;}
a.more {width:160px; height:42px; line-height:42px; text-align:center; display:block; color:#fff; background:#d9251b; behavior:url(../other/PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
a:hover.more {background:#23538f; color:#fff; text-decoration:none;}
/* header css */
.head_topBg {height:43px; background:url(../images/head_topBg.gif) center top repeat-x;} 
.head_top {height:43px;  background:url(../images/head_top.gif) center top no-repeat;}
.headCon {width:360px; height:43px; line-height:43px; color:#fff;}
.header {height:96px; padding-top:39px;}
.logoCon {width:790px; height:74px; float:left;}
.logoCon img {width:790px; height:74px;}
.logoFont {height:48px; line-height:24px; color:#7f7f7f; margin-top:10px; float:right;}
/* nav css */
.nav-height {position:relative; height:50px;}
.nav-wrap {width:100%; height:50px; background:#23538f;}
.nav-wrap.navFix{position:fixed; top:0; left:0; z-index:99999;} 
.nav {height:50px;}
.nav ul li {height:50px; line-height:50px; font-size:18px; text-align:center; float:left;} 
.nav ul li a {color:#fff; padding:0 32px; display:block;}
.nav ul li a:hover {background:#d9251b; color:#fff;}
.nav ul li a.on {color:#fff; background:#d9251b;}
.searchBg {height:60px; line-height:60px; background:#eee; border-top:2px solid #c00;}
.search_key {width:800px; color:#666; float:left;}
.search_key span {color:#d9251b;}
.search_key i {font-size:20px; line-height:60px; display:block; float:left}
.searchCon {width:278px; height:32px; line-height:32px; background:#fff; border:1px solid #5e5e5e; margin-top:13px; float:right; overflow:hidden;}
.search_box {width:226px; height:32px; line-height:32px; color:#666; border:none;}
.search_but {width:32px; height:32px; display:block; text-indent:-9999px; float:right; background:url(../images/search_button.png) -14px -14px no-repeat; border:none;}
.search_but:hover {background-position:-74px -14px;}
.col-md-1 {width:590px; padding-top:14px; float:left;}
.col-md-1 h1 {font-size:30px; height:60px; line-height:60px; font-weight:normal;}
.col-md-1 h3 {font-size:20px; height:40px; line-height:40px; font-weight:normal; color:#23538f; margin-bottom:12px;}
.col-md-1 .Text1 {height:268px; line-height:34px; color:#4d4d4d; background:url(../images/line.gif) left bottom repeat-x;}
.col-bg-1 {width:475px; height:476px; background:url(../images/pic01.jpg) left top no-repeat; float:right;}
.bg01 {height:770px; background:url(../images/bg01.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../other/backgroundsize.min.htc); behavior:url(../other/backgroundsize.min.htc);}
.tit01 {width:1200px; height:67px; line-height:67px; font-size:32px; text-align:center; margin-bottom:40px; background:url(../images/titBg.png) center top no-repeat;}
.prodcut_con {width:1200px; box-sizing:border-box; overflow:hidden;}
.prodcut_list {margin:0 -15px; box-sizing:border-box; display:table; position:relative;}
.prodcut_list dl {width:380px; float:left; margin:0 15px 54px 15px; position:relative;}
.prodcut_list dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.prodcut_list dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.prodcut_list dl:hover dt img,
.prodcut_list dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.prodcut_list dl dt {width:380px; height:300px; overflow:hidden; position:relative;}
.prodcut_list dl dt img {width:100%; height:100%;}
.prodcut_list dl dd {width:237px; height:38px; font-size:18px; overflow:hidden; position:absolute; left:143px; top:281px; z-index:3; cursor:pointer;}
.prodcut_list dl dd a {height:38px; line-height:38px; overflow:hidden; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.prodcut_list dl dd a:hover {text-decoration:none;}
.prodcut_list dl:hover dd a {line-height:55px; color:#d9251b;}
.prodcut_list dl dt span {width:380px; height:300px; position:absolute; left:0; top:0; z-index:2; background:url(../images/productBg.png) center center no-repeat;}
.prodcut_list dl:hover dt span img,
.prodcut_list dl:focus dt span img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.prodcut_list2 {margin:0 -15px; box-sizing:border-box; display:table; position:relative;}
.prodcut_list2 dl {width:380px; float:left; margin:0 15px 54px 15px; position:relative;}
.prodcut_list2 dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.prodcut_list2 dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.prodcut_list2 dl:hover dt img,
.prodcut_list2 dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.prodcut_list2 dl dt {width:380px; height:380px; overflow:hidden; position:relative;}
.prodcut_list2 dl dt img {width:100%; height:100%;}
.prodcut_list2 dl dd {width:237px; height:38px; font-size:18px; overflow:hidden; position:absolute; left:143px; top:361px; z-index:3; cursor:pointer;}
.prodcut_list2 dl dd a {height:38px; line-height:38px; overflow:hidden; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.prodcut_list2 dl dd a:hover {text-decoration:none;}
.prodcut_list2 dl:hover dd a {line-height:55px; color:#d9251b;}
.prodcut_list2 dl dt span {width:380px; height:380px; position:absolute; left:0; top:0; z-index:2; background:url(../images/productBg2.png) center center no-repeat;}
.prodcut_list2 dl:hover dt span img,
.prodcut_list2 dl:focus dt span img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.bg02 {height:auto; background:url(../images/bg02.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../other/backgroundsize.min.htc); behavior:url(../other/backgroundsize.min.htc);}
.tit02 {width:1200px; height:67px; line-height:67px; font-size:32px; text-align:center; color:#fff; margin-bottom:40px; background:url(../images/titBg2.png) center top no-repeat;}
.col-bg-2 {width:1200px; height:334px; position:relative; background:url(../images/bg02_02.png) center center no-repeat;}
.col-md-2 {width:197px; height:auto; position:absolute;}
.col-md-2 h3 img,.col-md-2 h4 img {display:inline;}
.col-md-2 h3 {height:38px; text-align:center;}
.col-md-2 h3.mb14 { margin-bottom:14px;}
.col-md-2 h4 {height:203px; text-align:center;}
.col-md-2 h4 img {width:197px; height:197px;}
.col-md-2 p {font-size:20px; height:30px; line-height:30px; text-align:center; color:#fff; margin-top:8px;}
.col-md-2 i {font-size:12px; height:32px; line-height:18px; text-align:center; text-transform:uppercase; font-style:normal; display:block; color:#fff;}
.col-md-2 a:hover {text-decoration:none;}
.col-md-2:hover p,.col-md-2:hover i {color:#5fe0ff;}
.col-pr {left:0; top:0;}
.col-pr-2 {left:334px; top:0;}
.col-pr-3 {left:669px; top:0;}
.col-pr-4 {left:1003px; top:0;}

.case_con {width:1200px; height:550px; overflow:hidden;}
.col-md-3 {width:300px; height:260px; margin-bottom:30px; overflow:hidden; position:relative; float:left;}
.col-md-3:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.col-md-3 img {width:100%; height:100%;
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.col-md-3:hover img,
.col-md-3:focus img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.col-md-3 p  {width:100%; height:40px; line-height:40px; text-align:center; background-image:linear-gradient(transparent,#111); background-size:auto 100%; position:absolute; left:0; bottom:-40px;}
.col-md-3 a p {font-size:16px; color:#fff; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #333333;}
.col-md-3 a:hover p {line-height:35px; color:#fff; text-decoration:none;}
.col-md-3:hover p {bottom:0; color:#fff; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;} 
.col-md-3.w540 {width:540px;}
.col-md-3.mr30 {margin-right:30px;}
.bg03 {height:auto; background:#f2f2f2;}
.col-md-4 {width:550px; float:right;}
.col-bg-3 {width:580px; height:494px; background:url(../images/pic03.jpg) left top no-repeat; float:left;}
.col-md-4 h1 {font-size:30px; height:60px; line-height:60px; margin-bottom:8px; font-weight:normal;}
.col-md-4 h3 {font-size:16px; line-height:24px; font-weight:normal; color:#23538f; padding-bottom:25px; background:url(../images/line2.gif) left bottom repeat-x;}
.col-con-1 {margin-top:40px;}
.col-con-1 dl {width:270px;}
.col-con-1 dl dt {width:42px; float:left;}
.col-con-1 dl dd {font-size:14px; line-height:20px; color:#666; margin-left:54px;}
.col-con-1 dl dd h4 {font-weight:normal; color:#000; margin-bottom:10px;}
.col-con-1 dl.w240 {width:240px;}
.bg04 {height:auto; background:url(../images/bg04.gif) left top repeat-x;}
.footTop {height:50px; line-height:50px; text-align:center; color:#fff;}
.footTop a,.footTop a:hover {color:#fff;margin: auto 10px;}
.footBot {height:120px; margin:25px 0;}
.footBot_l {width:311px; height:91px; padding-top:29px; margin-right:62px; border-right:1px solid #10629e; float:left;}
.footBot_c {width:506px; height:116px; padding-top:4px; font-size:14px; line-height:24px; color:#fff; border-right:1px solid #10629e; float:left;}
.footBot_c a,.footBot_c a:hover {color:#fff;}
.footBot_c span {font-family:Open Sans, Verdana, Arial, Helvetica, sans-serif; font-size:15px;}
.footBot_r {width:250px; height:120px; float:right;}
.footBot_r span {width:120px; height:120px; float:right;}
.footBot_r p {line-height:28px; color:#fff; padding-top:32px;}
/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */
.banner-bg {width:100%; height:400px; position:relative; overflow:hidden;}
.banner-bg .img {
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:400px;
	-ms-behavior:url(../other/backgroundsize.min.htc);
	behavior:url(../other/backgroundsize.min.htc);
}
.banner-bg-animation {
    animation: bg-zoom 10s linear;
    animation-fill-mode: forwards;
    -webkit-animation: bg-zoom 10s linear;
    -webkit-animation-fill-mode: forwards;
}
@keyframes bg-zoom {
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-webkit-keyframes bg-zoom {
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
.full_content {margin-top:30px;}
.wp-title_content {line-height:200%;}
.wp-title_content img,.wp-title_content p img {max-width:100%; display:inline;}

.n_con {padding:30px; border:1px solid #ddd;}
.n_con2 {padding-top:50px; border-top:1px solid #ddd;}
.n_con3 {padding-top:10px; border-top:1px solid #ddd;}
.bread_crumbs {width:200px; height:170px; margin-top:50px; float:left;}
.bread_crumbs span {font-size:18px; color:rgb(216, 38, 44); line-height:160%; text-transform:uppercase; display:block;}
.bread_crumbs h1 {font-size:30px; height:48px; line-height:48px; text-transform:uppercase;}
.bread_crumbs p {font-size:18px; height:28px; line-height:28px;}
.n_nav {width:900px; height:50px; margin-top:147px; float:right;}
.n_nav ul li {width:188px; height:50px; line-height:50px; text-align:center; background:#f2f2f2; float:right; margin:0 12px 10px 12px;}
.n_nav ul li a {background:#f2f2f2; display:block;}
.n_nav ul li a:hover,.n_nav ul li a.on {background:#d8272d; color:#fff; text-decoration:none;}
.n_navs {width:1000px; height:150px; margin-top:57px; float:right;}
.n_navs ul li {width:180px; height:40px; line-height:40px; text-align:center; background:#f2f2f2; float:right; margin:0 5px 10px 5px;}
.n_navs ul li:nth-child(1), .n_navs ul li:nth-child(5), .n_navs ul li:nth-child(9){margin-right:0}
.n_navs ul li a {background:#f2f2f2; display:block;}
.n_navs ul li a:hover,.n_navs ul li a.on {background:#d8272d; color:#fff; text-decoration:none;}
.newslist {margin-bottom:40px;}
.newslist dl {height:90px; border-bottom:1px dashed #d8d8d8; padding:30px 0; position:relative;}
.newslist dl dt {width:100px; height:78px; line-height:35px; padding-top:12px; background:#23538f; float:left; font-size:16px; text-align:center; color:#fff;}
.newslist dl dt p {font-size:28px;}
.newslist dl dd {height:86px; line-height:24px; margin-left:120px; padding-right:20px; color:#666; overflow:hidden;} 
.newslist dl dd h4 {font-size:22px; font-weight:normal; margin-bottom:10px; color:#000;}
.newslist dl:hover {background:#fffaf7;}
.newslist a {text-decoration:none;}
.newslist a:hover dl h4,
.newslist a dl:hover dd h4 {color:#f33b09;}
.honor_con {width:1200px; box-sizing:border-box; overflow:hidden;}
.honor_list {margin:0 -20px; box-sizing:border-box; display:table; position:relative;}
.honor_list dl {width:270px; height:425px; float:left; margin:0 20px 25px 20px;}
.honor_list dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.honor_list dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.honor_list dl:hover dt img,
.honor_list dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.honor_list dl dt {width:268px; height:383px; border:1px solid #ccc; overflow:hidden; position:relative;}
.honor_list dl:hover dt {border:1px solid #d8272d;}
.honor_list dl dt img {width:100%; height:100%;}
.honor_list dl dd {width:100%; height:40px; overflow:hidden; font-size:18px; text-align:center; cursor:pointer;}
.honor_list dl dd a {height:40px; line-height:40px; overflow:hidden; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.honor_list dl dd a:hover {text-decoration:none;}
.honor_list dl:hover dd a {line-height:50px; color:#d9251b;}
.case_con2 {width:1200px; box-sizing:border-box; overflow:hidden;}
.case_list {margin:0 -15px; box-sizing:border-box; display:table; position:relative;}
.case_list dl {width:380px; height:280px; float:left; margin:0 15px 15px 15px; position:relative;}
.case_list dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.case_list dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.case_list dl:hover dt img,
.case_list dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.case_list dl dt {width:380px; height:234px; overflow:hidden; position:relative;}
.case_list dl dt img {width:100%; height:100%;}
.case_list dl dd {width:380px; height:40px; line-height:40px; text-align:center; font-size:18px; position:absolute; left:0; bottom:6px; z-index:3; cursor:pointer;}
.case_list dl dd a:hover {text-decoration:none;}
.case_list dl:hover dd {bottom:46px; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #333333; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; z-index:999;
background-color:rgba(35,83,143,0.8);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
.case_list dl:hover dd p {color:#fff;}
@media \0screen\,screen\9 {
/* 只支持IE6、7、8 */
.case_list dl:hover dd {background-color:#23538f; filter:Alpha(opacity=80); 
  position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ 
  *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.case_list dl:hover dd p {
  position:relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}  
}
.case_list dl:hover dd a {color:#fff;}
.contact_Bg {background:url(../images/contact_Bg.jpg) center top no-repeat; padding-top:280px;}
.yc_tit {padding:40px 0 10px 0; border-bottom:1px solid #e2e2e2; background:url(../images/s_tit_bg.png) center bottom no-repeat;}
.yc_tit h1 {font:36px Microsoft YaHei; color:#333; line-height:1.5em; margin-bottom:30px; text-align:center;}
.yc_tit .features {height:28px; line-height:28px;}
.yc_tit .features .time,.yc_tit .features .time a {font:14px Microsoft YaHei; color:#777; margin-right:10px; line-height:28px;}
.yc_tit .features .time a:hover {color:#f54343;}
.yc_tit .features .share {width:130px; font:14px Microsoft YaHei; color:#777; line-height:28px; float:right;}
#content-fontsize img,#content-fontsize p img {max-width:100%; display:inline;}
.number {width:100%; height:40px; line-height:40px; text-align:center; font-size:18px;}
.number p a {color:#666;}
.number p a:hover {color:#d8272d;}
.number p a i {color:#d8272d;}
/********************************************
				Animation
********************************************/
.animate {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay1 {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay2 {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
.delay3 {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.delay4 {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
.delay5 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-ms-transform:translateY(40px);
		transform:translateY(40px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.img-hover-animate:hover {-webkit-animation:scaleHoverImg 2s ease-in; -moz-animation:scaleHoverImg 2s ease-in; -o-animation:scaleHoverImg 2s ease-in; animation:scaleHoverImg 2s ease-in; position:relative;}
@-webkit-keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; -webkit-transform:scale(1.12);}
	100%{opacity:1;}
}
@-moz-keyframes scaleHoverImg{
	0%{ opacity:0.8; }
	50%{opacity:1; -moz-transform:scale(1.12);}
	100%{opacity:1;}
}
@-o-keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; -o-transform:scale(1.12);}
	100%{opacity:1;}
}
@keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; transform:scale(1.12);}
	100%{opacity:1;}
}