@import url("all.css");
@charset "utf-8";
body { margin: 0; padding: 0; height: 100%; font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #279886; line-height: 24px }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 14px; background:#fff; border:#279886 1px solid; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
a {text-decoration: none; color:#000; transition: all .2s linear 0s }
a:hover {color:#279886;}
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }

.bold {font-weight:bold;}

.w1200 {width:1200px;}
.wCen {margin:0 auto;}
.tCen {text-align:center;}
.tRig {text-align:right;}
.minW {min-width:1300px;}

.black {color:#000;}
.white {color:#fff;}
.gray {color:#595757;}
.gray1 {color:#9fa0a0;}
.blue {color:#279886;}

.bgBlack {background:#279886;}
.bgWhite {background:#fff;}
.bgGray {background:#f7f7f7;}

.fs_14 {font-size:14px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_24 {font-size:24px;}
.fs_36 {font-size:36px;}
.fs_46 {font-size:46px;}
.fs_60 {font-size:60px;}
.fs_90 {font-size:90px;}

.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mT55 {margin-top:55px;}
.mT60 {margin-top:60px;}
.mT100 {margin-top:100px;}

.mR0 {margin-right:0;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}
.mR30 {margin-right:30px;}
.mR40 {margin-right:40px;}

.pdTB20 {padding:20px 0; overflow:hidden;}
.pdTB50 {padding:50px 0;}
.pdTB100 {padding:100px 0; overflow:hidden;}
.pdL50 {padding-left:50px; overflow:hidden;}
.pdLR20 {padding-left:20px; padding-right:20px;}

.ov {overflow:hidden;}

.logo {height:100px;}
.logo img {}
.logo imga {position:relative; top:50%; transform:translateY(-50%);}

.nav>ul>li {display:inline-table;}
.nav>ul>li>a {padding:38px 20px; display:block;}
.nav>ul>li:hover,.nav>ul>li.active {background:#279886;}
.nav>ul>li:hover>a,.nav>ul>li.active>a {color:#fff;}

.nav>ul>li:hover>div {display:block;}
.nav>ul>li>div {display:none; position:absolute; background:rgba(39,152,134,0.8); z-index:3;}
.nav>ul>li>div ul li {width:96px; text-align:center; border-bottom:rgba(255,255,255,0.4) 1px solid; padding:4px 0 6px 0;}
.nav>ul>li>div ul li a {color:#fff;}

.sawtooth {
    /* 相对定位，方便让before和after伪元素绝对定位偏移 */
    position: relative;
}

.sawtooth:before, .sawtooth:after {
    content:" ";
    width: 100%;
    height: 0;
    position: absolute;
}

.sawtooth:before {
    /* 圆点型的border */
    border-top: 8px dotted #fff;
    /* 偏移一个半径，让圆点的一半覆盖div */
    left: 0;
    top: -4px;
}


.sawtooth11:after {
    /* 圆点型的border */
    border-bottom: 8px dotted #fff;
    /* 偏移一个半径，让圆点的一半覆盖div */
    right: 0;
    bottom: -4px;
}

.flexslider {height:560px; width:100%; min-width:1300px; position:relative; overflow:hidden; background:#E1E1E1;}
.flexslider li {height:560px;}
.flexslider li a {display:block; width:100%; height:100%;}

.flex-control-nav {position:absolute; bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:40px; height:5px; background:#fff;margin:0 5px; overflow:hidden;*display:inline;zoom:1;}
.flex-control-nav a {display:inline-block; width:100%;height:100%; line-height:60px; cursor:pointer;}
.flex-control-nav .flex-active{background:#9fa0a0;}

.slides, .flex-control-nav, .flex-direction-nav {margin:0; padding:0; list-style:none;}
.flex-direction-nav>li {height:210px; width:87px;}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top:-105px;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	/*color: rgba(0, 0, 0,0);*/
	background: url(../images/aP.png) no-repeat; 
	text-indent: -999em;
}
.flex-direction-nav .flex-prev {
    left: 50px;
	height:210px; width:87px;
	transform: scale(-1,1); 
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 50px;
	height:210px; width:87px;
}

.indCulA {display:block; width:200px; height:28px; line-height:28px; margin:0 auto;}

.indCase {background:#279886; overflow:hidden;}

.caseList ul li {float:left; width:285px; height:190px;}
.caseList ul li img {max-height:190px; max-width:285px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter:grayscale(100%); filter:gray;}
.caseList ul li:hover img {-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none;}

.messAll ul li input {width:178px; height:28px; line-height:28px; padding:0 0 0 10px;}
.messAll ul li textarea {width:588px; height:98px; line-height:28px; padding:0 0 0 10px; border:#279886 1px solid; background:#fff;}
.messAll ul li .sub {width:120px; height:32px; cursor:pointer;}

.conAll {width:540px;}
.conAll a:hover {color:#279886;}
.conAll ul .weixin {position:relative;}
.conAll ul .weixin:hover div {display:block; z-index:9;}
.conAll ul li .bgWhite {position:absolute; top:-147px; left:-106px; display:none; background:#fff; border:#279886 1px solid; text-align:center;}

#Big_Slide_box {overflow:hidden; padding-top:20px;}
#Big_Slide {width:1200px; position:relative; height:460px;}
#Big_Slide>ul>li {width:1200px; position:absolute; height:460px;}

#Big_Slide .proTit {width:700px; height:400px; background:url(/upLoad/about/1808241406029671751.png) bottom no-repeat;}

#Big_Slide_Last {position:relative; cursor:pointer; width:23px; height:140px; left:50px; z-index:6; display:inline-block; background: url(../images/pro.png) no-repeat;}
#Big_Slide_Next {position:relative; cursor:pointer; width:23px; height:140px; right:50px;  z-index:6; display:inline-block; background: url(../images/pro.png) no-repeat; transform: scale(-1,1);}

#Big_Slide_L {position:relative; cursor:pointer; width:23px; height:140px; left:480px; display:inline-block; background: url(../images/pro.png) no-repeat;}
#Big_Slide_N {position:relative; cursor:pointer; width:23px; height:140px; left:1151px; display:inline-block; background: url(../images/pro.png) no-repeat; transform: scale(-1,1);}

.bodyPic {width:300px; height:400px; position:absolute; background:#373737;}
.bodyPicBg {width:294px; height:394px; border:#279886 3px solid; position:relative; top:-14px; left:14px; z-index:-6;}
.inBodyPic {width:300px; height:200px; position:absolute; background:#373737;}
.inBodyPicBg {width:294px; height:194px; border:#279886 3px solid; position:relative; top:-14px; left:14px; z-index:-6;}

.proTit {width:800px;}

.bodyMid {margin-left:105px; height:380px; position:relative;}
.bodyMidName {writing-mode:tb-rl; bottom:0; position:absolute; font-family:Helvetica;}
.bodyMidEnName {position:absolute; z-index:-1; width:700px; font-family:'Times New Roman'; top:10px; left:-10px; filter:alpha(opacity:5); opacity:0.05; -moz-opacity:0.05; -khtml-opacity:0.05;}

.bodyRig {width:720px;}
.bodyRig .line {width:18px; height:3px;}

.con,.case {width:338px; height:268px; background:#fff; border:#279886 1px solid;}

.case img {max-width:300px; max-height:200px;}
.case:hover {background:#279886;}
.case:hover a {color:#fff;}

.pro {width:338px; height:448px; background:#fff; border:#279886 1px solid;}
.pro img {max-width:300px; max-height:300px;}
.pro:hover {background:#279886;}
.pro li a {color:#279886;}
.pro:hover a,.pro:hover li p {color:#fff;}
.pro li p {margin:0; padding:0; line-height:150%;}

#temp4 {position:relative;}
.wrap {position:relative; overflow:hidden; height:320px;}
.JQ-slide-content {position:absolute;}
.JQ-slide-content dl {width:285px; height:320px; padding-right:20px;}
.JQ-slide-content dl dd img {max-width:285px;}
.JQ-slide-nav a{display:block;z-index:99;width:37px;color:#b4b4b4;position:absolute; top:47%; transform:translateY(-50%); height:65px;text-decoration:none;}
.JQ-slide-nav span{display:block;background:#4b4b4b;font:700 53px arial;width:37px;cursor:pointer;height:63px;text-align:center;}
.JQ-slide-nav .corner{border-color:#4b4b4b;}
.JQ-slide-nav .prev{left:-19px;}
.JQ-slide-nav .next{right:-19px;}

.caseMenu {position:absolute; width:300px; height:400px; background:rgba(39,152,134,0.95);}
.caseMenu ul li {width:260px; height:30px; margin-left:20px; margin-top:10px;}
.caseMenu ul li a {line-height:30px;}
.caseMenu ul li:hover,.caseMenu ul .on {background:#fff;}
.caseMenu ul li:hover a,.caseMenu ul .on a {color:#279886;}

.proMenu {position:absolute; width:300px; height:auto; padding-bottom:20px; background:rgba(39,152,134,0.95);}
.proMenu ul li {width:260px; height:30px; margin-left:20px; margin-top:10px;}
.proMenu ul li a {line-height:30px;}
.proMenu ul li:hover,.caseMenu ul .on {background:#fff;}
.proMenu ul li:hover a,.caseMenu ul .on a {color:#279886;}
.proMenu ul .w120 {width:120px;}

.proMenuBg {height:618px;}

.caseEn {position:relative; top:40px; filter:alpha(opacity:20); opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2;}
.caseCn {position:relative; z-index:1;}