@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-regular-unhinted-webfont.eot');
    src: url('../fonts/oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-unhinted-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-unhinted-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-unhinted-webfont.ttf') format('truetype'),
         url('../fonts/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; overflow-x:hidden;}
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:#ce0000; text-decoration:underline;}
a:active{color:#000;}

strong {font-weight:bold;}
a {color:#000; text-decoration:none;} 
a:hover {color:#ce0000; text-decoration:underline;}

/*通用样式*/
.space1,.space2,.space5,.space10,.space15,.space18,.space20,.space25,.space30,.space35,.space40,.space43,.space44,.space45,.space50,.space55,.space60,.space70,.space90,.space110 {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;}.space110 {height:110px;}
.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; display:table;}
.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:30px 0; position:relative;}
.strip2 {padding:42px 0 60px 0; position:relative;}

.row {position:relative; zoom:1;}
.row:before,.row:after {content:" "; display:table;}
.row:after {clear:both;}
.row:before,.row:after {content:" "; display:table;}
.row:after {clear:both;}

.cf {zoom:1;}
.cf:before, .cf:after {content:" "; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}

/* 按钮 css */
.more {width:130px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background:#ce0000; margin-bottom:10px; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.more:hover {background:#666; color:#fff; text-decoration:none;}
a.more,a:hover.more {color:#fff;}

.tab_link {width:130px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background:#ce0000; margin-bottom:10px; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.tab_link:hover {background:#666; color:#fff; text-decoration:none;}
a.tab_link,a:hover.tab_link {color:#fff;}

/* body css */
.headBg {height:131px; padding-top:21px; background:#2f353b; border-bottom:4px solid #ee4547; z-index:99999; position:relative}
.head_l {width:113px; float:left;}
.head_r {width:1050px; float:right;}
.head_r_top {width:100%; height:86px;} 
.head_r_top_l {width:651px; height:86px; float:left;} 
.head_r_top_r {width:188px; height:48px; line-height:24px; padding-top:6px; font-size:18px; float:right; color:#fff; font-weight:bold;} 
.head_r_top_r span {width:40px; height:40px; margin:4px 15px 0 0; float:left;}
.head_r_bot {padding-left:12px; height:45px; z-index:9999;}
.bannerBg {height:690px; padding-top:100px; background:url(../images/bannerBg.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.bannerBg2 {height:400px; padding-top:30px; background:url(../images/bannerBg.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.bannerCon {width:1200px; margin:0 auto; position:relative; display:table;}
.bannerCon .btn_prev {width:42px; height:42px; position:absolute; left:0; top:159px;} 
.bannerCon .btn_next {width:42px; height:42px; position:absolute; right:0; top:159px;}  
#carousel {width:960px; margin:0 auto; height:360px; position:relative; clear:both; overflow:hidden;} 
#carousel img {visibility:hidden; /* hide images until carousel can handle them */
               cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
.navs {width:1198px; margin:0 auto; display:table;}
.navs ul li {width:170px; height:230px; margin-right:87px; float:left;}
.navs ul li img {width:170px; height:170px;}
.navs ul li p {margin-top:4px; height:46px; line-height:46px; font-size:20px; text-align:center;}
.navs ul li a:hover {text-decoration:none;}
.navs ul li.no_mar {margin-right:0;}

.overflow_x {overflow-x:hidden;}
.topBg {height:800px; background:url(../images00/Bg2.jpg) 0 590px no-repeat;}
.botPic {width:100%; height:106px; min-width:1230px; margin:0 auto; position:absolute; left:0; top:540px; background:url(../images/botPic.png) center top no-repeat; z-index:99;}

.tit1 {width:332px; height:75px; margin:0 auto 30px auto;}

.proCon {width:1200px; height:585px;}
.proCon ul li {width:384px; height:229px; border:2px solid #b7b7b7; background:#fbfbfb; overflow:hidden; float:left; margin:0 18px 18px 0; behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;
    -moz-box-shadow:3px 3px 5px #e4e4e4;
    -webkit-box-shadow:3px 3px 5px #e4e4e4;
    box-shadow:3px 3px 5px #e4e4e4;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e4e4e4')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e4e4e4');
}
.proCon ul li img {width:384px; height:229px; behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.proCon ul li:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.proCon ul li 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;
}
.proCon ul li:hover img,
.proCon ul li: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);
}

.bg01 {height:469px; padding-top:127px; background:#ebeef3 url(../images/bg.jpg) center top no-repeat; }
.tit2 {width:332px; height:75px; position:absolute; left:434px; top:-150px;}
.abouCon {}
.abouCon_l {width:579px; height:285px; padding:45px; background:url(../images/aboutBg2.png) center top no-repeat; color:#fff; line-height:28px; float:left;}
.abouCon_r {width:482px; height:222px; float:right;}
.abouCon_r ul {display:table;}
.abouCon_r ul li {width:146px; height:94px; overflow:hidden; border:2px solid #fff; float:left; margin:0 16px 16px 0;}
.abouCon_r ul li:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.abouCon_r ul li img {width:146px; height:94px;
  -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;
}
.abouCon_r ul li:hover img,
.abouCon_r ul li: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);
}
.abouCon_r p {margin-top:10px; font-size:20px; line-height:40px;}
.abouCon_r p span {color:#ee4547;}

.bg02 {height:633px; padding-top:107px; background:#ebeef3 url(../images/bg2.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.tit3 {width:332px; height:75px; position:absolute; left:434px; top:-140px;}

.caseCon {width:1200px; display:table;}
.caseCon_l {width:338px; height:236px; float:left; padding-top:135px;}
.caseCon_r {width:800px; display:table; float:right;}
.caseCon_r1 {width:260px; height:562px; float:left; margin-right:10px;}

.casebox1 {width:256px; height:191px; margin-bottom:10px; border:2px solid #fff; overflow:hidden;}
.casebox2 {width:256px; height:343px; margin-bottom:10px; border:2px solid #fff; overflow:hidden;}
.casebox1:hover,.casebox2:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.casebox1 img,.casebox2 img {width:256px; height:auto;
  -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;
}
.casebox1:hover img,
.casebox1:focus img,
.casebox2:hover img,
.casebox2: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);
}

.footBg {height:138px; border-top:5px solid #ee4547; background:#2f353b;}
.foot_l {width:375px; height:138px; float:left;}
.foot_r { line-height:30px; color:#9a9c9e; padding-top:22px;}

/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */

.n_Bg {display:table; background:url(../images/n_leftBg.gif) 15px top repeat-y;}
.n_tit {width:392px; height:91px; line-height:84px; text-align:center; color:#fff; font-size:24px; font-weight:bold; position:absolute; left:-19px; top:30px; background:url(../images/n_tit.png) center top no-repeat;}
.n_left {width:324px; display:table; float:left;}

.n_nav {width:250px; padding:0 37px 30px 37px; margin:150px 0 0 0; border-bottom:1px solid #bdbdbd;}
.n_nav ul li {width:250px; height:35px; margin-bottom:10px; text-align:center;}
.n_nav ul li a {height:40px; line-height:40px; display:block; background:#ee4547; color:#fff;}
.n_nav ul li a:hover,.n_nav ul li a.on {background:#2f353b; color:#fff; text-decoration:none;}
.n_nav ul li a,.n_nav ul li a:hover,.n_nav ul li a.on {behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

.nCon {width:308px; padding:30px 8px; display:table; border-top:1px solid #fff;}
.nCon ul {display:table;}
.nCon ul li {width:146px; height:94px; overflow:hidden; border:2px solid #fff; float:left; margin:0 2px 4px 2px; cursor:pointer;}
.nCon ul li:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.nCon ul li img {width:146px; height:94px;
  -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;
}
.nCon ul li:hover img,
.nCon ul li: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);
}
.nCon p {margin-top:15px; font-size:18px; line-height:35px; padding:0 4px;}
.nCon p span {color:#ee4547;}

.n_right {width:820px; float:right;}
.searchBg {height:40px; line-height:40px; margin-top:30px; padding-bottom:5px; border-bottom: 1px solid #e2e2e2; background: url(../images/s_tit_bg.png) center bottom no-repeat;}
.search_key {width:100%; color:#666; float:left;}
.search_key span {color:#d9251b;}
.search_key i {font-size:18px; line-height:40px; display:block; float:left}

.application {width:300px; margin:0 auto; border-top:1px solid #fff; padding:50px 12px 0 12px;}
.application img {width:100%;;}


/*内页、单页样式*/
.full_content {margin:30px 0;}
.full_content2 {margin:0;}
.wp-title_content {line-height:200%;}
.wp-title_content img,.wp-title_content p img  {max-width:100%; display:inline;}

/********************************************
				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;}
}