/* ====首页====== */
/** header **/
header{ position:relative; z-index:3;}
.header{ position:relative; z-index:2; height:98px;}
.logo{ display:block; padding-top:19px; width:34%; float:left;}
.logo img{ height:60px;}
.lan{ float:right; width:106px; padding-top:30px;}
.lan a{ display:block; float:right; width:42px; margin-left:6px; text-align:center;}
.lan a img{ display:block;}
.lan a em{ font-size:12px; color:#555; text-align:center; margin-top:4px; font-family:"宋体";}
.lan a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity:.8;}
.lan a:hover em{ color:#00a2c3;}
.search{ width:36.2%; float:right; border:1px solid #d9d9d9; margin-top:31px; margin-right:2.8%;}
.search .text{ width:86%; margin-left:2%; height:34px; font-size:12px; color:#333; border:0 none; float:left;}
.search .tj{ width:12%; background:url(../images/icon/search.png) center center no-repeat; height:34px; float:right;}
.search .tj:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity:.8;}

.nav{ height:50px; background-color:#00a2c3;}
.pnav{}
.pnavul{ width:100%; margin:0 auto;}
.pnavul li{ float:left; width:10%; margin:0 2.28% 0 0; position:relative;}
.pnavul a{ display:inline-block; font-size:16px; color:#fff; padding:0; width:100%; text-align:center; height:50px; line-height:50px;}
.pnavul a:hover{color:#00a2c3; background-color:#fff;}
.act_nav{color:#00a2c3 !important; background-color:#fff !important;}

.mobile_menu{ display:none; height:60px;position:absolute; right:10px; top:19px;}
.mobile_menu .log{ padding:15px 20px 0 0;}

.menubtn{ width:24px; height:24px; margin:0px 0 0 0; cursor:pointer;  position:absolute; top:19px; right:10px; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#00a2c3; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
.mnav{ background:url(../images/icon/black8.png) repeat; position:absolute; left:0; top:57px; width:100%; display:none; z-index:999; display:none;}
.mnav ul{ overflow:hidden;}
.mnav ul li{ float:left; width:50%; height:36px; position:relative;opacity:0; }
.mnav ul li a{ display:inline-block; width:100%; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; border-bottom:1px solid #2E8F96;}
.mnav ul li a::after{ content:""; width:1px; height:20px; position:absolute; right:-1px; top:50%; margin-top:-10px; background-color:#2E8F96;}
.mnav ul li a:hover{background:url(../images/icon/black4.png) repeat;}
.mnav li.on{ opacity:1;}
.mlan{ text-align:center;}
.mlan a{ width:auto !important; padding:0 6px;}
.mlan span{height:36px; line-height:36px; font-size:14px; color:#fff; }



/*下拉*/
.nav_dl{ position:absolute; left:50%; margin-left:-76px; top:50px; width:auto;  padding:10px 0 0px; display:none;}
.nav_dl dd{ float:none; background-image:none !important; border:1px solid #d9d9d9; background-color:#fff; padding:6px 0;}
.nav_dl dd a{height:28px !important;   background-image:none !important; line-height:28px !important; width:148px;padding:0 0 0 0px !important; font-size:14px !important; color:#826c4c !important;}
.nav_dl dd a:hover{ color:#00a2c3 !important;}

/*banner*/
.banner{ position:relative; z-index:1;}
.banner .team{ background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.banner .team .bancon{ display:block;height:500px;}
.banner .slick-dots{position: absolute;left:50%;margin-left:-51px;bottom:20px;}
.banner .slick-dots li{float: left;margin: 0 7px;}
.banner .slick-dots li button{width:20px;height:20px;padding: 0;background:url(../images/icon/ban_chanl.png) center center no-repeat;font-size: 0;line-height: 0;outline:none;cursor: pointer;}
.banner .slick-dots li.slick-active button{background:url(../images/icon/ban_chanh.png) center center no-repeat;}
.banner .slick-prev,.banner .slick-next{ }
.h_tit{ font-size:31px; color:#333; text-align:center; }
.h_tit a{ color:#333;}
.h_tit a:hover{ color:#00a2c3;}

.h_about{ padding:40px 0 14px; margin-top:14px; overflow:hidden;}
.hab_t{ margin:36px 0 24px;}
.hab_t .wz{ font-size:14px; color:#333; line-height:1.8; text-align:justify;}
.hab_b .tp{ width:49%; float:left; display:block;}
.hab_b .tp img{ width:100%; height:auto;}
.hab_b .des{ width:48%; float:right;}
.hab_b .des .wz{ font-size:14px; color:#333; margin-bottom:8px; line-height:2
;}

.h_pro{padding:40px 0 14px; overflow:hidden;}
.hparea{ overflow:hidden; margin-top:50px;}
.hpul{ margin-right:-2%;}
.hpul li{ float:left; width:23.04%; margin:0 1.96% 20px 0; position:relative;}
.hpul li a{ display:block; border:1px solid #ddd; font-size:0; overflow:hidden;}
.hpul li a img{ width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hpul li p{ height:40px; background-color:#00a2c3; color:#fff; text-align:center; line-height:40px; font-size:16px; position:absolute; left:0; bottom:0; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hpul li a:hover p{ background-color:#1c899f;}
.hpul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

.h_new{padding:40px 0 14px; overflow:hidden;}
.hnarea{ overflow:hidden; margin-top:20px; padding-top:20px;}
.hnul{ margin-right:-5%;}
.hnul li{ width:45%; float:left; margin-right:5%; margin-bottom:38px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hnul .tp{ display:block; width:41%; float:left; font-size:0;}
.hnul .tp img{ width:100%; height:auto;}
.hnul .tp:hover img{}
.hnul .des{ width:54%; float:right; color:#333;}
.hnul .des .time{ font-size:15px; text-indent:2em;}
.hnul .title{ font-size:18px; font-weight:normal; margin:10px 0 14px;}
.hnul .title a{ color:#333;}
.hnul .title a:hover{ color:#00a2c3;}
.hnul .nr{ font-size:12px; line-height:2.2; height:54px; overflow:hidden;}
.hnul li:hover{ -webkit-transform:translate(0,-6px); -moz-transform:translate(0,-6px); -ms-transform:translate(0,-6px); -o-transform:translate(0,-6px); transform:translate(0,-6px);}

.h_con{ background:url(../images/h_conbg.jpg) center center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;padding:40px 0 38px; overflow:hidden;}
.h_tit2 a{ color:#fff;}
.hcarea{ margin-top:46px;}
.hcul{}
.hcul li{ width:25%; float:left; text-align:center;}
.hcul li span{ display:block; text-align:center; margin-bottom:8px;}
.hcul li span img{ max-width:100%; height:auto;}
.hcul li .des{ font-size:14px; color:#fff; padding:0 4%;}

.footer{ padding:14px 0; line-height:1.4; background-color:#000000; font-size:12px; color:#fff; text-align:center;}

/*02about us*/
.i_banner{background-repeat: no-repeat;background-position: center center;-o-background-size: cover; -ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;height: 300px;}
.i_main{ overflow:hidden;}
.i_tit{ text-align:center; margin:46px 0;}
.i_tit span{ display:inline-block;}

.lm{ text-align:center; margin-bottom:44px;}
.lm a{ display:inline-block; min-width:13%; padding:0 14px; border:1px solid #d9d9d9; font-size:16px; text-transform:uppercase; text-align:center; line-height:50px;}
.lm a:hover{ background-color:#00a2c3; border-color:#00a2c3; color:#fff;}
.act_lm{ background-color:#00a2c3 !important; border-color:#00a2c3 !important; color:#fff !important;}

.i_con{padding-bottom:40px; overflow:hidden;}
.i_con img{ max-width:100%; }
.about .wz{ font-size:16px; color:#555; text-align:justify;}
.about .tp{ display:block; margin:40px auto;}
/*04news*/
.new{ overflow:hidden; padding-bottom:40px;}
.newul{ margin-right:-2%; margin-bottom:40px;}
.newul li{ width:31.33%; overflow:hidden; float:left; margin:0 2% 28px 0;}
.newul .time{ width:140px; height:34px; line-height:34px; color:#fff; border-radius:34px 34px 0 0; font-size:16px; text-align:center; background-color:#c2c2c2;}
.newul .tp{ display:block; overflow:hidden;}
.newul .tp img{width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.newul .tp:hover img{ -webkit-transform:rotate(4deg) scale(1.2,1.2); -moz-transform:rotate(4deg) scale(1.2,1.2); -ms-transform:rotate(4deg) scale(1.2,1.2); -o-transform:rotate(4deg) scale(1.2,1.2); transform:rotate(4deg) scale(1.2,1.2);}
.newul .des{ margin-top:6px;}
.newul h4{ font-size:18px; font-weight:normal; line-height:1.4; margin-bottom:6px;}
.newul h4 a{ color:#0099cc;}
.newul h4 a:hover{ color:#00a2c3;}
.newul .nr{ font-size:14px; color:#555; height:84px; overflow:hidden;}
.newul .more{ font-size:14px; color:#333; margin-top:12px; display:block;}
.newul .more:hover{ color:#00a2c3; text-decoration:underline;}
.newul li:hover .time{ background-color:#00a2c3;}

.page{font-size:0; text-align:center; width:100%; padding:0px 0 0px 0;  }
.page a,.page span{ font-size:15px; color:#fff; display:inline-block; padding:4px 12px; background-color:#505050; margin:0 9px 0px; -webkit-transition:all .4s ease-out .1s; -moz-transition:all .4s ease-out .1s; -ms-transition:all .4s ease-out .1s; -o-transition:all .4s ease-out .1s; transition:all .4s ease-out .1s;}
.page a:hover{background-color:#00a2c3;  }
.current{ background-color:#00a2c3 !important;}
/*04news-显示*/
.newdel{}
.nd_tit{ font-size:22px; line-height:1.3; color:#333; text-align:center; margin-bottom:64px;}
.newdel article .wz{ line-height:2.1; font-size:16px; color:#333; text-indent:2em;}
.newdel article .tp{ display:block; margin:0 auto 40px;}
.newdel img{ max-width:100%; height:auto;}
/*05career*/
.car{}
.cardes{ width:46%; float:left; overflow:hidden; padding-top:60px;}
.cardes .wz{ font-size:18px; color:#666; line-height:1.8; margin-bottom:10px;}
.cardes .wz .blue{ font-size:20px; color:#0099cc;}
.map{ width:52%; float:right;}
/*06message*/
.mess{ padding-bottom:40px;}
.messform{ width:58%; margin:0 auto;}
.messform div{ margin-bottom:16px;}
.messform .text{ padding-left:10px; width:100%; border:1px solid #999; font-size:12px; color:#333; height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.messform textarea{ padding:10px; height:180px; width:100%; border:1px solid #999; font-size:12px; color:#333;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.messform .tj{ width:110px; cursor:pointer; height:38px; background-color:#00a2c3; font-size:14px; color:#fff; text-align:center;}
.messform .tj:hover{ background-color:#038aa6;}
/*03products*/
.pro{ overflow:hidden;}
.proul{ margin-right:-5%;}
.proul li{ width:45%; float:left; margin-right:5%; margin-bottom:60px; list-style:none;}
.proul li .tp{ display:block; overflow:hidden; float:left; width:32%; font-size:0;border:2px solid #00a2c3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.proul li .tp img{ width:100%; height:auto; }
.proul li .tp:hover{ border-color:#04768d;}
.proul .des{ width:64%; float:right; padding-top:6px;}
.proul .des h4{ font-size:20px; font-weight:normal; margin-bottom:14px;}
.proul .des h4 a{ color:#1a1a1a;}
.proul .des h4 a:hover{ color:#00a2c3;}
.proul .para{border-top:1px solid #a6a4a5; border-left:1px solid #a6a4a5;}
.paratable{ width:100%;}
.paratable th{ height:38px; background-color:#00a2c3; color:#fff; font-size:16px; text-align:center; border-bottom:1px solid #a6a4a5; border-right:1px solid #a6a4a5; }
.paratable td{ height:40px; font-size:14px; color:#333; text-align:center;border-bottom:1px solid #a6a4a5; border-right:1px solid #a6a4a5; }
.paratable .col01{ width:40%;}
.paratable .col02{ width:34%;}
.paratable .col03{ width:26%;}
/*03products-显示*/
.prodel{}
.p_l{ width:21.2%; float:left;}
.p_l .tp{width:100%; overflow:hidden; border:2px solid #00a2c3; font-size:; line-height:0;}
.p_l .tp img{ width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.p_l .tp:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.p_r{ width:74%; float:right;}

.pd_tit{ font-weight:normal; font-size:32px; color:#1a1a1a; margin-bottom:6px; text-transform:uppercase;}
.pd1{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px;}
.pd1 span:last-child{ border:none;}
.pd1 span{ padding:0 10px; border-right:1px solid #ccc; font-size:14px; line-height:1.4;}
.pd1 span em{ color:#00a2c3;}

.pd2{ background-color:#f5f5f5; margin-top:20px;}
.pd2 ul{ overflow:hidden; font-size:0;}
.pd2 ul li{ float:left; overflow:hidden; width:33%; border-right:1px solid #d3d3d3; padding:16px 0; min-height:44px;}
.pd2 ul li:last-child{ border:none;}
.pd2 ul li img{ vertical-align:middle; margin:0 8px 0 18px; float:left;}
.pd2 ul li span{ font-size:14px; color:#ababab; display:inline-block; float:left; margin-top:12px;}

.pd3{ margin-top:22px; overflow:auto;}
.pd3table{border-top:1px solid #a6a4a5; border-left:1px solid #a6a4a5;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pd3table{ width:100%;}
.pd3table th{ height:24px; padding:6px 0; background-color:#00a2c3; color:#fff; font-size:16px; text-align:center; border-bottom:1px solid #a6a4a5; border-right:1px solid #a6a4a5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pd3table td{ height:40px; font-size:14px; color:#333; text-align:center;border-bottom:1px solid #a6a4a5; border-right:1px solid #a6a4a5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pd3table .col01{ width:16.5%;}
.pd3table .col02{ width:17.2%;}
.pd3table .col03{ width:17.2%;}
.pd3table .col04{ width:14.7%;}
.pd3table .col05{ width:16%;}
.pd3table .col06{ width:17.2%;}
.pd3table  .num{ width:36px; height:28px; text-align:center;}

.pd4{ margin-top:22px;}
.pd4_tit{ background-color:#f5f5f5;}
.pd4_tit span{ height:24px; padding:14px 0; line-height:24px; color:#333; background:url(../images/icon/line.png) right center no-repeat; text-align:center; display:inline-block; width:23.8%; font-size:14px; text-transform:uppercase; cursor:pointer;}
.act_pd4{ color:#fff !important; background-color:#00a2c3 !important;}
.pd4_con{ border:1px solid #f5f5f5;}
.pd4box{ display:none; margin:20px 22px; overflow:auto;}
.pdbtable{border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5;}
.pdbtable{ width:100%;}
.pdbtable th{ height:24px; padding:6px 0; background-color:#00a2c3; color:#fff; font-size:16px; text-align:center; border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pdbtable td{ height:28px; padding:6px 0; font-size:14px; color:#333; text-align:center;border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align:left; padding-left:10px;}
.pdbtable .col01{ width:20%;}
.pdbtable .col02{ width:79%;}
.pdbtable{ max-width:100%;}



.hab_t.animated,.hab_b .tp.animated,.hab_b .des.animated,.hparea.animated,.hnarea.animated{-webkit-animation-duration:1.8s !important;animation-duration:1.8s !important;}