@charset "utf-8";
/* CSS Document */
@font-face{
     font-family:'calibri'; 
     src:url('../font/calibri.otf');
     src:url('../font/calibri.woff') format('woff'),
         url('../font/calibri.ttf') format('truetype'),
         url('../font/calibri.svg') format('svg')，
		 url('../font/calibri.eot');
}
body{background:#fff; margin:0; font: normal 100% 'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB','Helvetica Neue','Helvetica','Arial','sans-serif'; width:100%; position:relative; overflow-x:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
input,button,textarea{font-family:'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB','Helvetica Neue','Helvetica','Arial','sans-serif';}
table,td,tr,th{font-size:14px;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#333; text-decoration:none;}
a:hover {color:#2ac3be;text-decoration:none;}

.fl{float:left;}
.fr{float:right;}
input[placeholder], [placeholder], *[placeholder] {color:#333; outline:none;}
input::-webkit-input-placeholder {color:#333;}
input:-moz-placeholder {color:#333;}
input::-moz-placeholder {color:#333;}
button{outline:none;  border:none;}

/* 背景图片样式*/
.inPline{width:1920px; position:absolute; top:244px; left:50%; transform:translateX(-50%); pointer-events:none; z-index:1;}
.inPline img{ margin-left:613px; display:block;}

.inPline svg{width:1280px; height:2942px; position:absolute; top:0; left:583px; z-index:1;}


.abpline{width:1920px; position:absolute; top:1028px; left:50%; transform:translateX(-50%); z-index:1;}
.abpline img{display:block;}

.newline{width:1920px; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;}
.newline img{display:inline-block;}

.atlBg{width:1920px; position:absolute; top:505px; left:50%; transform:translateX(-50%); z-index:-1;}
.atlBg img{display:inline-block;}

.ablBg{width:1920px; position:absolute; bottom:290px; left:50%; transform:translateX(-50%);  text-align:right; z-index:-1;}
.ablBg img{display:inline-block;}

.linefid{width:1920px; position:absolute; left:50%; transform:translateX(-50%); z-index:1;}
.linefid img{display:inline-block;}

.fidtopBg{width:1920px; position:absolute; left:50%; transform:translateX(-50%); z-index:-1;}
.fidtopBg img{display:inline-block;}

.fidbtmBg{width:1920px; position:absolute; left:50%; transform:translateX(-50%);  text-align:right; z-index:-1;}
.fidbtmBg img{display:inline-block;}

.centopBg{width:1920px; position:absolute; left:50%; transform:translateX(-50%); text-align:center; z-index:-1;}
.centopBg img{display:inline-block;}


/*end*/

.topBox{width:100%; background:#fff; height:112px;}
.navCen{width:1200px; margin:0 auto;}
.logo{float:left; margin-top:24px;}
.logo img{display:block;}

.menubg{ width: 100%; background: #0d8495; height: 46px;}
.menuBox{width:1200px; margin: 0 auto; list-style:none; line-height: 45px;}
.menuBox li{color:#fff; font-size:16px; width:14.2%; float:left; text-align: center; list-style-type:none; padding:0; position: relative;}
.menuBox li a{color:#fff; font-weight:lighter; display:inline-block; margin:0 auto; width:70%;}
.menuBox li a.ative{ color:#fff;}
.menuBox li.on a{ background: rgba(255,255,255,0.20);}

.subMenu{width:70%; position:absolute; left:50%; top:45px; margin-left: -35%; z-index:11; background: rgba(255,255,255,0.65); display: none;}
.openMenu {}
.openMenu dd{font-size:14px; font-weight:normal; color:#fff; display:block; text-align:center;}
.openMenu dd a{display:block; color:#333; border:none; height:32px; line-height:32px; background:none !important; padding: 0px 10px; box-sizing:border-box; width:100% !important;}
.openMenu dd a:hover{color:#009999;}


.toprBox{width:200px; float: right; margin-top: 52px; font-size: 13px; text-align: center;}
.toprBox .m_sm{display:inline-block; font-size:14px; color: #3c3939;}
.serchBox{width:100%; overflow: hidden; position: relative; height:32px; border: 1px #e1e1e1 solid; border-radius:5px; padding-right:32px; box-sizing: border-box;}
.inputBox{ width:100%;}
.inputBox input{width:100%; padding:0 10px; border:none; outline: none; box-sizing:border-box; font-size:13px; height:32px; line-height:32px; color:#666;}

.serchBtn{ position:absolute; top:0; right:0; width:38px;  height:32px; color:#fff !important; line-height:32px; display:block; background:url(../images/serchIcona.png) no-repeat center #0d8495; background-size:19px auto; font-size:13px; box-sizing:border-box;}
.serchBtn:hover{ color:#fff; border-bottom:none !important;}

/*banner*/
.bannerBox{position:relative; width:100%; overflow:hidden; margin-bottom: 3px;}
.bannerBox .bd{position:relative; z-index:0;}
.bannerBox .bd ul{list-style:none; padding:0;}
.bannerBox .bd li{position:relative; width:100%; list-style-type:none; padding:0; height:570px;}
.bannerBox .bd li img{ width:100%; display:block;}
.bannerBox .bd li a{text-decoration:none; width:100%; height:100%; display:block;}

.bannerBox .hd{width:100%; height:10px; position:absolute; left:0; bottom:30px; display:block; z-index:10; text-align:center; list-style:none; padding:0;}
.bannerBox .hd li{width:5px; height:5px; border-radius:50%; border:2px #fff solid; margin:5px 0; display:inline-block; cursor:pointer; overflow:hidden; list-style-type:none; padding:0;}
.bannerBox .hd li.on{background-color:#fff; border:2px #fff solid;}

.bannerBox .prev,
.bannerBox .next {width:42px; height:42px; position:absolute; top:50%; margin-top:-21px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; border-radius:5px; background:url(../images/bar_larrow.png) no-repeat center; background-size:42px auto;}	
.bannerBox .prev { left:40px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}	
.bannerBox .next { right:40px; }
.bannerBox .prev:hover,
.bannerBox .next:hover {filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8 }	



.navCenBox{width:1200px; margin:0 auto; position:relative; z-index:10;}

.inAbout{position:relative; width:442px;}
.inCulture,.inXsy{position:relative; width:758px;}
.inAbout img,.inCulture img,.inXsy img{display:block; width: 100%; vertical-align:top;}

.inTxtBox{width:100%; position:absolute; left:0; top:0; padding: 44px 24px; box-sizing: border-box;}
.inTxtBox h1{ font-size:32px; position:relative; color: #fff; margin-bottom: 30px;}
.inTxtBox p{font-size:18px; line-height:32px; color:#fff; font-weight: normal;}
.inTxtBox .aboutMore{ width:156px; height:45px; border:1px #fff solid; color:#fff; font-size:16px; line-height:45px; text-align:center; display:block; border-radius:5px;}
.inTxtBox .aboutMore:hover{ background:#fff; color:#0d8495;}

.inNewsBox{background:url(../images/cenbg.png) no-repeat center top; margin-top:-72px; padding-top:112px; position:relative; z-index:1;}

.inTitName{text-align:center; width:100%; margin-bottom:26px;}

.inBigTit{text-align:center; width:100%; padding-top:64px; padding-bottom:46px;}
.inBigTit h1,
.inTitName h1{ font-size:32px; padding-bottom:25px; position:relative;}
.inBigTit h1:after,
.inTitName h1:after{content:""; position:absolute; width:86px; bottom:0; left:50%; transform:translateX(-50%); height:2px; background:#ff6d00;}

.inlist{list-style:none; padding:0; width:100%;}
.inlist li{list-style-type:none; padding:0; width:380px; margin-right:20px; float:left;}
.inlist li:nth-child(3n){ margin-right:0;}
.inlist li a{ display:block;}
.inlist li .listPic{position:relative; border:1px #e0e0e0 solid; box-sizing:border-box; height:244px; overflow:hidden;}
.inlist li .listPic img{display:block; position: absolute; left:0; top:50%; transform:translateY(-50%);}
.inlist li .nTitBox{padding:20px 0;}
.inlist li .nTitBox h2{ font-size:18px; font-weight:normal; color:#333; padding: 0 10px; box-sizing: border-box; line-height:28px; margin-bottom:25px; display:block; position:relative; min-height:70px;}
.inlist li .nTitBox h2:after{content:""; position:absolute; width:64px; bottom:0px; left:10px; height:2px; background:#2ac3be;}
.inlist li .nTitBox p{ font-size:14px; padding: 0 10px; box-sizing: border-box; line-height:24px; color:#333; max-height:72px; margin:0; overflow:hidden;}

.inlist li .nTitBox .linkText{font-size:14px; color:#333; margin-top:24px; display:inline-block;}
.inlist li .newslabel{ border:1px #e0e0e0 solid; padding:10px 20px; box-sizing:border-box;}
.inlist li .newslabel .labelNam{ display:inline-block; background:#ff6d00; text-align:center; color:#fff; font-size:14px; padding:5px 10px; border-radius:5px;}
.inlist li .newslabel .dataTime{ text-align:center; color:#333; font-size:0.875em; line-height:30px; float:right;}

.inlist li a:hover .linkText{ color:#2ac3be;}
.inlist li .nTitlsBox{}
.inlist li .nTitlsBox h2{ font-size:21px; font-weight:normal; color:#333; line-height:28px; margin-bottom:5px; display:block; position:relative; padding-bottom: 11px; float: left;}
.inlist li .nTitlsBox h2:after{content:""; position:absolute; width:64px; bottom:0px; left:5px; height:2px; background:#2ac3be;}

.nTmore{float:right; color: #ff6d00; font-size: 14px; line-height: 28px;}
.inlist li dl{width: 100%; list-style:none; border-bottom:1px #e0e0e0 solid; padding-bottom: 20px; margin-bottom: 15px;}
.inlist li dl dd{list-style-type:none; padding-left: 16px; line-height: 38px; color: #333; position: relative;}
.inlist li dl dd:after{content:"·"; position:absolute; width:16px; left:0px; top:0px; height:38px; color: #ff6d00; text-align: center;}
.inlist li dl dd a{ display: block;/* color: #333;*/ font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.inSocial{padding-top:84px; padding-bottom:74px; position:relative; z-index:10;}
.inSocList{list-style:none; padding:0;}
.inSocList li{list-style-type:none; padding:17px; width:372px; height:485px; box-sizing:border-box; margin-right:42px; float:left; background:rgba(255,255,255,0.25); color:#fff;}
.inSocList li:nth-child(3n){ margin-right:0;}
.inSocList a{ display:block; text-align:center; color:#fff;}


.inSocList li img{ display:block; margin:0 auto 30px;}
.inSocList li span{ display:inline-block; padding:0 10px 24px; border-bottom:1px #fff solid; margin-bottom:30px;}
.inSocList li p{font-size:14px; line-height:28px; height:84px; text-align:left; margin:0;}


.injoin{height:279px; position:relative; z-index:10;}
.injoinBox{width:630px; height:279px; display:table-cell; vertical-align:middle; color:#fff;}
.injoinBox h2{ font-size:26px; margin-bottom:20px;}
.injoinBox p{font-size:21px; line-height:32px; color:#fff;}
.injoinBox .joinBtn{ width:156px; height:45px; border:1px #a2cde7 solid; color:#fff; font-size:16px; line-height:45px; text-align:center; display:block; border-radius:5px;}
.injoinBox .joinBtn span{ background:url(../images/joinarrow.png) no-repeat right center; padding-right:36px; display:inline-block;}
.injoinBox .joinBtn:hover{ background:#2b95b4; color:#fff;}


/* 栏目通用样式  */
.culmnBanner{width:100%; height:405px; text-align:center; overflow:hidden;}

.pageMenu{border-bottom:1px #e6eef9 solid; height:44px; background:#fff; box-shadow: 0 3px 3px #e6eef9; position:relative; z-index:10; }
.mlist{ width:1200px; margin:0 auto; text-align:center;}
.mlist li{font-size:18px; list-style-type:none; color:#282828; display:inline-block; line-height:38px; margin:0 10px; vertical-align: top;}
.mlist li a{font-size:18px; color:#282828; padding:0 10px; display:block; height:38px;}
.mlist li a sup{margin:0; line-height: 8px;}
.mlist li a:hover,.mlist li a.select{ color:#ff6702; border-bottom:2px #ff6702 solid;}

.boxWcen{ background:#fff; position:relative; z-index:10; padding:10px 10px 0;}


/* about */

.abBigTit{text-align:center; width:100%; padding-top:56px; padding-bottom:44px;}
.abBigTit h1{ font-size:32px; padding-bottom:20px; position:relative;}
.abBigTit h1:after{content:""; position:absolute; width:86px; bottom:0; left:50%; transform:translateX(-50%); height:2px; background:#ff6d00;}
.abBigTit p{ font-size:16px; color:#333;}
.abBigTit a{ display:inline-block; font-size:20px; color:#333; width:200px; height:50px; line-height:50px; margin:22px 10px 0;}
.abBigTit a:hover,.abBigTit a.sele{ color:#fff;
	background:-moz-linear-gradient(90deg, #008586, #0bbec5);
	background:-webkit-linear-gradient(90deg, #008586, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #008586, #0bbec5);
	background:linear-gradient(90deg, #008586, #0bbec5);
}



.about,.culture{position:relative; padding:15px; background:#fff; box-shadow: 0px 5px 10px #e6eef9; z-index:10; min-height:600px;}
.aboutpic{width:100%; text-align: center;}
.aboutpic img{ display:block; vertical-align:top; margin: 0 auto;}

.aboutTxt{width:100%;}
.aboutTxt h1{ font-size:32px; padding-bottom:30px; position:relative;}
.aboutTxt h1:after{content:""; position:absolute; width:86px; bottom:0; left:0; height:2px; background:#ff6d00;}
.aboutTxt p{font-size:16px; line-height:26px; color:#404040;}

.abCenBox{background:#fff; box-shadow: 0px 5px 10px #e6eef9; position:relative; z-index:10; padding-top:32px; padding-bottom:50px; overflow:hidden;}

.historyList{width:928px; position:relative; list-style:none; padding:28px 0; background:url(../images/hisline.jpg) repeat-y top center; margin:0 auto; z-index:9;}


.historyList li{width:464px; position:relative; list-style-type:none; margin-left:490px; margin-bottom:20px;}
.historyList li:before{content:""; position:absolute; top:-3px; left:-38px; background:url("../images/adline.png") no-repeat center; width:24px; height:30px; text-align:center; color:#fff; border-radius:50%;}
.historyList li:nth-child(2n){margin-left:-25px;}
.historyList li:nth-child(2n):before{content:""; left:auto; right:-37px;}

.historyList li .hisTit{font-size:18px; color:#333; position: absolute; left: -110px; top: 0; }
.historyList li:nth-child(2n) .hisTit{right: -110px; top: 0; left: auto}
.historyList li .hisInfo{padding:0;}
.historyList li .hisInfo h5{ font-weight:bold; font-size:14px; color:#282828;}
.historyList li .hisInfo p{ font-size:14px; line-height:24px; margin-bottom:0;}
.historyList li:nth-child(2n) .hisInfo h5{ font-weight:bold; font-size:14px; color:#282828; text-align: right;}
.historyList li:nth-child(2n) .hisInfo p{ font-size:14px; line-height:24px; margin-bottom:0; text-align: right;}


.culturepic{text-align: center; float: left; width: 624px;}
.culturepic img{ display:block; vertical-align:top; margin: 0 auto;}

.culturelist{list-style:none; padding:0; float:right; width: 520px;}
.culturelist li{list-style-type:none; width:100%; box-sizing:border-box; margin-bottom: 55px;}
.culturelist li a{display:block; color:#666;}
.culturelist li .icon{ float:left; margin-right: 20px;}
.culturelist li .cultit{ float:left;}
.culturelist li .cultit span{display:inline-block; font-size:24px; color: #ff6633; margin-bottom:10px;}
.culturelist li .cultit p{font-size:16px; line-height:32px; margin:0; color:#666;}

.culturelist li a:hover{ display:block; color:#666;}
.culturelist li:last-child{margin-bottom:0;}

.respTab{margin:0 auto 64px; position:relative;}
.abSocialpic{float:right;}
.abSocialpic img{display:block;}

.abSocialTxt{ position: absolute; left: 0; top: 0; width: 51%; height: 100%; padding:40px 25px; box-sizing: border-box; background:#3ec2c8; line-height:30px; margin:0;}
.abSocialTxt h3{font-size: 24px; color:#fff; margin-bottom: 20px;}
.abSocialTxt p{font-size: 16px; color: #fff; font-weight: normal;}


.respTab .workPic{position:relative; margin:0 auto; overflow:hidden; z-index:10;}
.workPic ul{list-style:none; padding:0; width:100%;}
.workPic ul li{list-style-type:none; margin:5px 10px 10px; width:380px; float:left; box-sizing:border-box; box-shadow: 0 3px 5px #e6eef9;}
.workPic ul li a{ display:block;}
.workPic ul li .listPic{position:relative;}
.workPic ul li .listPic img{display:block;}
.workPic ul li p{ padding:24px; color:#333; font-size:14px; line-height:30px; margin:0; box-sizing:border-box; background:#fff;}


.respTab .prev,
.respTab .next,
.prodTab .prev,
.prodTab .next {position: absolute; top:45%; width:32px; height:32px; z-index:10; cursor:pointer; text-indent:-9999px; background: url(../images/resp_arrow.png) no-repeat center;}
.respTab .prev,
.prodTab .prev{left:-40px;}
.respTab .next,
.prodTab .next {right:-40px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

.abtable{line-height:34px;}
.abtable thead{height:52px; background: #009999; line-height:52px; color: #fff;}
.abtable thead td{color: #fff; padding-left: 20px; box-sizing: border-box; font-size: 18px;}
.abtable tbody tr{background: #edffff}
.abtable tbody tr:nth-child(2n){background: #97e5e5}
.abtable tbody tr td{line-height:52px; height:52px; color: #333; padding-left: 20px; box-sizing: border-box; font-size: 16px;}

/* news */

.newsl{list-style:none; padding:0; width:100%;}
.newsl li{list-style-type:none; padding:0; width:568px; margin-right:44px; float:left;}
.newsl li:nth-child(2n){ margin-right:0;}
.newsl li a{ display:block;}
.newsl li .listPic{position:relative; border:1px #e0e0e0 solid; box-sizing:border-box; height: 360px; overflow: hidden;}
.newsl li .listPic img{display:block; position: absolute; left:0; top:50%; transform:translateY(-50%);}
.newsl li .listPic h2{ width: 100%; font-size:18px; background:rgba(0,0,0,0.40); font-weight:normal; color:#fff; line-height:28px; display:block; position:absolute; left:0; bottom:0; padding:10px 5px; box-sizing:border-box;}

.newsl li .nTitBox{padding:10px 0;}
.newsl li .nTitBox p{ font-size:14px; line-height:24px; color:#333; max-height:72px; margin:0; padding:0; overflow: hidden;}



.listNews{list-style:none; padding:0; border-top:1px #d1d2d2 solid;}
.listNews li{list-style-type:none; padding:0; margin:0; border-bottom:1px #d1d2d2 solid;}
.listNews li a{ display:block; padding:15px 32px 15px 126px; position:relative;}
.listNews li .newTData{ position:absolute; left:15px; top:16px; background:#2cb0ca; width:77px; padding:1px; text-align:center; margin-right:33px; color:#fff; font-size:32px; line-height:50px;}
.listNews li .newTData span{display:block; background:#fff; color:#555; font-size:16px; line-height:24px;}
.listNews li h4{line-height:77px; color:#333; padding-right:30px; background:url(../images/r_arrow.png) no-repeat right center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.listNews li a:hover{color:#fff; background:#2cb0ca;}
.listNews li a:hover .newTData span{color:#fff; background:#2cb0ca;}
.listNews li a:hover h4{color:#fff; background:url(../images/r_arrowa.png) no-repeat right center;}

.listNews li h5{line-height:77px; color:#333; padding-right:30px; background:url(../images/downIocn.png) no-repeat right center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.listNews li a:hover h5{color:#fff; background:url(../images/downIocna.png) no-repeat right center;}


.pagefy{text-align:right; font-size:16px; padding:10px 42px; margin-top:30px; color:#fff; vertical-align: top;
	background:-moz-linear-gradient(90deg, #2b73dc, #2cccc0);
	background:-webkit-linear-gradient(90deg, #2b73dc, #2cccc0);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#2b73dc), to(#2cccc0));
	background:-o-linear-gradient(90deg, #2b73dc, #2cccc0);
	background:linear-gradient(90deg, #2b73dc, #2cccc0);
}
.pagefy a{color:#fff; line-height:38px; display:inline-block; vertical-align: top;}
.pagefy a:hover{ color:#e65f39; line-height:38px;}

.pagefyBox{ margin:0 30px; display: inline-block;}
.upPage{background:url(../images/r_arrowa.png) no-repeat center; background-size:18px auto; width:32px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); display: inline-block;}
.downPage{background:url(../images/r_arrowa.png) no-repeat center; background-size:18px auto; width:32px; display: inline-block;}

.pageNum{list-style:none; padding:0; line-height:38px; display: inline-block;}
.pageNum li{list-style-type:none; padding:0; margin:0 6px; cursor:pointer; text-align:center; color:#fff; display:inline-block; width:38px; height:38px; border-radius:50%;}
.pageNum li:hover,.pageNum li.select{ background:#e65f39;}

.envTitTab{text-align:center; width:100%; padding-top:70px; padding-bottom:36px;}
.envTitTab a{ display:inline-block; font-size:24px; color:#333; width:168px; height:50px; line-height:50px; margin:0 10px;}
.envTitTab a:hover,.envTitTab a.sele{ color:#fff;
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}
/*内容*/
.infoBox{padding:40px 32px 32px 40px; box-sizing:border-box; margin-top: 30px;}
.infoTit{border-bottom:1px #d3ddfd dashed;}
.infoTit h2{font-size:24px; font-weight:bold; line-height:38px; color:#1f7fbe; margin-bottom:30px;}
.shareBox{font-size:14px; color:#333; padding-bottom:10px;}
.shareIcon{float:right;}
.info{ font-size:16px; color:#333; line-height:28px;}
.info img{ display:block; margin:0 auto;}


/*products*/
.prodTab{margin:0 auto; position:relative;}
.prodTab .prodList{position:relative; margin:0 auto; overflow:hidden; z-index:10;}
.prodList ul{list-style:none; padding:0; width:100%;}
.prodList ul li{list-style-type:none; margin:5px 10px 20px; width:380px; float:left; box-sizing:border-box; box-shadow: 0 3px 5px #e6eef9; background:#fff;}
.prodList ul li a{ display:block;}
.prodList ul li .listPic{position:relative;}
.prodList ul li .listPic img{display:block;}
.prodList ul li .protitBox{padding:10px 20px;}
.prodList ul li .protitBox h2{ font-size:16px; font-weight:bold; color:#2a76dd; line-height:28px; display:block;}
.prodList ul li .protitBox p{ font-size:14px; line-height:24px; color:#333; height:72px; padding:0; overflow:hidden;}
.prodList ul li .proText{ border-top:1px #e0e0e0 solid; padding:10px 20px; text-align:right;}
.prodList ul li .proText span{ display:inline-block; background:#17b5ba; text-align:center; color:#fff; font-size:14px; padding:5px 20px; border-radius:5px;}

.proBase{background:#3f81de; width:100%; position:relative; z-index:10;}
.pBasePic img{ display:inline-block; vertical-align:top;}
.probaseTxt{width:560px; text-align:left; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.probaseTxt p{font-size:14px; line-height:32px; color:#fff; margin:0 auto;}

.quality{list-style:none; padding:0;}
.quality li{list-style-type:none; padding:0; margin-bottom:15px;
	background:-moz-linear-gradient(90deg, #21a6a6, #45b2d2,#4dd3d3);
	background:-webkit-linear-gradient(90deg, #21a6a6, #45b2d2,#4dd3d3);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#21a6a6), to(#45b2d2),to(#4dd3d3));
	background:-o-linear-gradient(90deg, #21a6a6, #45b2d2,#4dd3d3);
	background:linear-gradient(90deg, #21a6a6, #45b2d2,#4dd3d3);
	box-shadow:0 0 10px #ccc;
}
.quality li a{display:block; color:#fff; font-size:16px; margin:0 28px; line-height:53px; background:url(../images/plusIcon.png) no-repeat right center;}
.quality li a.open{background:url(../images/Lessicon.png) no-repeat right center;}
.quality li .sinfo{ margin:0; padding:10px 20px; line-height:26px; background:#fff; color:#333; font-size:14px;}
.quality li .sinfo p{ margin:0;}

.tableBtn{margin:20px 0; text-align:center;}
.tableBtn a{background:#e75f39; color:#fff; display:inline-block; margin:0 20px; width:184px; height:44px; line-height:44px; border-radius:10px; text-align:center; font-size:16px;}
.tableBox{ background:#fff; border:1px #3db1d1 solid;}
.tableBox td{line-height: 50px; font-size: 16px; color:#444;}
.tableBox td span{color:#fff; margin-left:20px;}
.tableBox td i{color:#ff2929;}
.tableBox td.borBtm{border-bottom:1px #dedede solid;}
.tableBox td.borBl{border-bottom:1px #dedede solid; border-right:1px #dedede solid;}
.tableBox td.borRline{border-right:1px #dedede solid;}
.tableBox td .inPtext{ height:30px; line-height:30px; border:1px #dedede solid; text-align:center; padding:0 15px;}
.tableBox td label{ margin-left:20px;  vertical-align:middle; display:inline-block;}
.tableBox td label input{margin-left:10px; height:24px; width:24px; vertical-align:middle;}
.tableBox td textarea{ padding:10px 25px; box-sizing:border-box; border:0; width:100%; font-size:16px;}




/*social*/
.socialBoxline{ position:relative; width:100%; z-index:10; height:322px; margin-left:7px; margin-bottom:47px; margin-top: 60px;
	background:-moz-linear-gradient(90deg, #31c7cc, #009999);
	background:-webkit-linear-gradient(90deg, #31c7cc, #009999);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#31c7cc), to(#009999));
	background:-o-linear-gradient(90deg, #31c7cc, #009999);
	background:linear-gradient(90deg, #31c7cc, #009999);
}
.socialBox{position:absolute; left:-15px; bottom:15px; width:1200px; padding:10px; box-sizing:border-box; background:#fff; box-shadow: 0 0px 10px rgba(8,93,197,0.38);}
.socialpic{float:right;}
.socialpic img{ display:inline-block;}
.socialTxt{width:560px; padding:36px 20px; text-align:left; float: left;}
.socialTxt h1{font-size:30px; color:#333;}
.socialTxt p{font-size:16px; line-height:32px; color:#404040;}


/* human*/
.humanBox{ position:relative; width:100%; z-index:10; height:184px; margin-left:7px; margin-bottom:47px;
	background:-moz-linear-gradient(90deg, #31c7cc, #009999);
	background:-webkit-linear-gradient(90deg, #31c7cc, #009999);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#31c7cc), to(#009999));
	background:-o-linear-gradient(90deg, #31c7cc, #009999);
	background:linear-gradient(90deg, #31c7cc, #009999);
}
.humanTxt{position:absolute; left:-15px; bottom:15px; width:1200px; padding:26px 28px; font-size:15px; color:#404040; box-sizing:border-box; background:#fff; box-shadow: 0 -3px 3px #e6eef9;}
.humanBtn{color:#fff; display:block; font-size:36px; width:266px; height:96px; line-height:96px; margin:40px auto 36px; text-align:center;
	background:-moz-linear-gradient(90deg, #008586, #33cccc);
	background:-webkit-linear-gradient(90deg, #008586, #33cccc);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#008586), to(#33cccc));
	background:-o-linear-gradient(90deg, #008586, #33cccc);
	background:linear-gradient(90deg, #008586, #33cccc);
}
.humanBtn:hover{ color:#fff;}


.humanzz{ width:1200px; margin:0 auto 60px; list-style: none;}
.humanzz li{position:relative; list-style-type: none;}
.humanzz li a{ display:block; color: #fff;}
.humanzz li .humanPic{float:left; position:relative; width:600px;}
.humanzz li .humanPic img{display:block;}
.humanzz li .humanPic h2{ position:absolute; left: 0; top: 50%; width: 100%; padding: 30px 0; font-size: 24px; text-align: center; transform:translateY(-50%); background: rgba(13,132,149,0.60);}
.humanzz li .dutyText{ width:600px; height:400px; float: right; background: #2dcec6; padding:20px 60px; box-sizing:border-box;}

.humanzz li:nth-child(2n) .humanPic{float:right;}
.humanzz li:nth-child(2n) .dutyText{float:left;}

.dutyText P{display: table-cell; width:480px; height:360px; color:#fff; vertical-align: middle; font-size:16px; line-height:30px;}

/*contact*/
.contactBox{ padding:30px; border-radius:10px; box-sizing:border-box; box-shadow: 0px 5px 10px #e6eef9; margin-bottom: 64px;}
.contactBox img{display:block; vertical-align:top;}

.contact{padding-top:30px; position:relative; text-align:left;}
.contact img{display: block;}
.contatcTxt{width:500px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.contatcTxt h1{font-size:30px; color:#0567e6;}
.contatcTxt p{font-size:18px; line-height:32px; color:#404040;}





/*搜索列表*/
.serchList{ background:#fff; padding-top:50px;}
.serchName{border-bottom:1px #d3ddfd  solid;}
.serchName h2{font-size:24px; font-weight:bold; line-height:38px; color:#1f7fbe; margin-bottom:30px;}
.serList{ width:100%; list-style:none;}
.serList li{ padding:20px; border-bottom:1px #d3ddfd dashed; list-style-type:none; width:100%; box-sizing:border-box; background:url(../images/serarrow.png) no-repeat right 23px center;}
.serList li a{ padding-right:30px; display:block;}
.serList li h3{ font-size:18px; line-height:32px; margin-bottom:20px; color:#444;}
.serList li p{ font-size:14px; line-height:24px; margin:0; color:#666;}
.serList li p span{color:#ff0000;}




/*浮动*/
.rightfixed{position:fixed; right:20px; bottom:160px; width:48px; z-index:99999;}
.fixedList{list-style:none;}
.fixedList li{background:#2ac3be; text-align:center; width:100%; list-style-type:none; padding:0;}
.fixedList li a{display:table-cell; width:48px; height:48px; text-align:center; vertical-align:middle;}
.fixedList li a:hover{ background:#2ac3be;}
.fixedList li.fixdeTop{ border-bottom:none;}

/*底部*/
.footerBox{background:#00647c; width:100%; margin-top:24px; padding-top:50px; position:relative; z-index:10;}
.footInfo{width:1200px; margin:0 auto;}
.ftLeft{float:left; padding-bottom:60px;}
.ftLeft p{color:#fff; font-size:14px; line-height:24px; margin:0;}
.ftLeft p a{ display:inline-block; color:#fff;}
.ftLeft p span{display:block; font-size: 14px; text-align: center;}
.ftCen{width:50%; float:left;}

.footInfo h3{ color:#fff; font-size:16px; font-weight:lighter; border-bottom:2px #9cbfc9 solid; padding-bottom:10px; margin-bottom:10px;}

.ftmenuBox{ width:100%; list-style:none; padding:0; margin:0;}
.ftmenuBox li{ float:left; text-align:left; list-style-type:none; padding:0; margin-right:32px;}
.ftmenuBox li a{ font-size:13px; color:#fff; line-height:26px; display:block; font-weight:lighter;}
.ftmenuBox li a:hover{ color:#4ec4e7;}
.ftmenuBox li a.ftculmn{ font-size:14px; color:#fff; line-height:30px;}
.ftmenuBox li:nth-child(6n){ margin-right:0;}

.copyright{background:#404041; width:100%; text-align:center; height:54px; color:#fff; line-height:54px; font-size:14px; position:relative; z-index:10;}
.copyright a{color:#fff;}