@charset "utf-8";
/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }

/* 主体 */
.container { position:relative; padding:15px 0; z-index:8; }
.wrap { position:relative; margin:0 auto; }
.wrap .sidebar {}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:30px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu ul { zoom:1; padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center; }
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul li { display:inline-block; *display:inline; zoom:1; margin:0 2px 12px; vertical-align:top; }
.menu ul li a { display:inline-block; padding:10px 20px; border-bottom:1px solid #cfcfcf; background:#efefef; color:#666; font-size:14px; }
.menu ul li a:hover,.menu ul li .current { border-bottom:1px solid #69aeb2; background:#69aeb2; color:#fff; text-decoration:none; }

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:24px; width:1002px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(../images/o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(../images/o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(../images/o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(../images/o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 0; overflow:hidden; }
.piList .pic-item-list { width:1227px; margin:0 auto; padding:0; }
.piList .pic-item { position:relative; width:280px; margin:0 26.66px 23px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:280px; height:auto; margin-bottom:0; padding:0; border:0; line-height:148px; }
.piList .list-pic img { width:280px; height:auto; }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #69aeb2; background:#69aeb2; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(../images/ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(../images/hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(../images/hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel .hd { height:45px; padding-left:25px; font-size:16px; line-height:45px; background:#f5f5f5; color:#000; margin-bottom:30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; width:350px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .text01 {  width:100px; }
.form-panel .textarea { width:350px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


.proArea01 { background:#fff; box-shadow: #e8eceb 0px 0px 10px; padding:0 20px 35px 20px; margin-bottom:20px; }
.proArea01 .txt01 { height:50px; line-height:50px; text-align:center; border-bottom:1px solid #e0e4e3; margin-bottom:20px; }
.proArea01 .txt01 a { font-size:18px; margin:0 30px; }
.proArea01 .txt01 a.on,.proArea01 .txt01 a:hover { color:#74c6c4; font-weight:bold; }
.proArea01 .txt02 ul li { margin-bottom:35px; }
.proArea01 .txt02 ul li:last-child { margin-bottom:0; }
.proArea01 .txt02 ul li .p1 { float:left; width:90px; font-size:16px; color:#35443f; font-weight:bold; padding-left:25px; }
.proArea01 .txt02 ul li:nth-child(1) .p1 { background:url(../images/p01.png) no-repeat center left; }
.proArea01 .txt02 ul li:nth-child(2) .p1 { background:url(../images/p02.png) no-repeat center left; }
.proArea01 .txt02 ul li:nth-child(3) .p1 { background:url(../images/p03.png) no-repeat center left; }
.proArea01 .txt02 ul li .p2 { float:left; width:55px; }
.proArea01 .txt02 ul li .p3 { float:left; width:calc(100% - 170px); word-wrap:break-word; }
.proArea01 .txt02 ul li .p3 a { display:inline-block; margin-right:20px; }
.proArea01 .txt02 ul li a { font-size:16px; color:#35443f; }
.proArea01 .txt02 ul li a.on,.proArea01 .txt02 ul li a:hover { color:#74c6c4; }

.proBox01 { float:left; width:895px; }
.proBox01 ul { padding-bottom:15px; width:895px; }
.proBox01 ul li { width:895px; background:#fff; box-shadow: #e8eceb 0px 0px 10px; margin-bottom:25px; transition: all 0.6s; }
.proBox01 ul li:hover { margin-left:-15px; }
.proBox01 ul li a { display:block; padding:25px 20px; }
.proBox01 ul li .pic { position:relative; width:310px; float:left; }
.proBox01 ul li .pic .fl { position:absolute; left:0; top:-10px; width:49px; height:52px; color:#fff; z-index:9; }
.proBox01 ul li .pic .fl i { display:inline-block; padding:27px 0 0 15px; }
.proBox01 ul li .pic .fl01 { background:url(../images/pc01.png) no-repeat center; }
.proBox01 ul li .pic .fl02 { background:url(../images/pc02.png) no-repeat center; }
.proBox01 ul li .pic .fl03 { background:url(../images/pc03.png) no-repeat center; }
.proBox01 ul li .pic .fl04 { background:url(../images/pc04.png) no-repeat center; }
.proBox01 ul li .txt { width:500px; float:left; margin-left:20px; }
.proBox01 ul li .txt .p1 { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; }
.proBox01 ul li .txt .p1 i { font-size:14px; font-weight:normal; padding-left:15px; }
.proBox01 ul li .txt .p2 { height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:15px; font-size:14px; color:#777; background:url(../images/pb01.png) no-repeat center left; }
.proBox01 ul li .txt .p3 { height:50px; line-height:25px; padding-left:15px; font-size:14px; color:#777;  background:url(../images/pb02.png) no-repeat left 8px; overflow:hidden; margin-bottom:10px; }
.proBox01 ul li .txt .p4 i { display:inline-block; padding:0 5px; border:1px solid #61b4b4; height:20px; line-height:20px; font-size:12px; color:#61b4b4; margin-right:3px; }
.proBox01 ul li .txt .p5 { font-size:12px; color:#777; margin-top:5px; }
.proBox01 ul li .txt .p5 i { font-size:30px; color:#69aeb2; font-weight:bold; padding-right:5px; }

.proBox02 { float:right; width:285px; }
.proBox022 { border:1px solid #d9dfdd; background:#fff; }
.proBox022 .hd { height:38px; line-height:38px; background:#69aeb2; font-size:18px; color:#fff; padding-left:5px; }
.proBox022 .hd p { padding-left:28px; background:url(../images/b03.png) no-repeat center left; }
.proBox022 .bd ul { padding:20px 10px; }
.proBox022 .bd ul li { margin-bottom:23px; }
.proBox022 .bd ul li:last-child { margin-bottom:0; }
.proBox022 .bd ul li .pic { position:relative; float:left; width:108px; }
.proBox022 .bd ul li .pic img { width:100%; }
.proBox022 .bd ul li .pic p { position:absolute; top:0; left:0; width:21px; height:25px; text-align:center; line-height:25px; background:url(../images/b01.png) no-repeat center; color:#fff; z-index:9; }
.proBox022 .bd ul li .txt { float:right; width:145px; }
.proBox022 .bd ul li .txt .p1 { font-size:16px; color:#264239; font-weight:bold; line-height:25px; height:25px; margin-bottom:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proBox022 .bd ul li .txt .p2 i { display:inline-block; padding:0 10px; height:20px; line-height:20px; background:#61b4b4; color:#fff; border-radius:8px; margin-right:5px; }
.proBox022 .bd ul li .txt .p2 i:last-child { margin-right:0; }

.proBox021 { margin-bottom:25px; }
.proBox021 .txt01 { width:285px; height:159px; background:url(../images/pic06.jpg) no-repeat center; text-align:center; margin-bottom:6px; }
.proBox021 .txt01 .p1 { font-size:18px; color:#fff; font-weight:bold; padding-top:25px; margin-bottom:20px; }
.proBox021 .txt01 .p2 { font-size:14px; color:#fff; margin-bottom:20px; }
.proBox021 .txt01 .p3 { font-size:18px; color:#71a8af; width:120px; height:36px; line-height:36px; background:#fff; margin:0 auto; }
.proBox021 .txt02 .p1 { height:40px; background:#69aeb2; }
.proBox021 .txt02 form { padding:25px 10px 0 10px; border:1px solid #d9dfdd; background:#edefef; min-height:333px; border-top:none; }
.proBox021 .txt02 form .text { height:34px; line-height:34px; background:#fff; border:1px solid #d9dfdd; padding-left:15px; width:100%; box-sizing: border-box; font-size:14px; margin-bottom:20px; }
.proBox021 .txt02 form .textarea { height:140px; line-height:23px; background:#fff; border:1px solid #d9dfdd; padding:10px 15px; width:100%; box-sizing: border-box; font-size:14px; margin-bottom:20px; }
.proBox021 .txt02 form .btn01 { display:block; width:100%; font-size:14px; color:#fff; background:#69aeb2; height:34px; line-height:34px; text-align:center; cursor:pointer; }


.proArea03 { padding-top:60px; }
.proArea03 .hd { font-size:24px; color:#3f3f3f; margin-bottom:40px; }
.proBox031 { float:left; width:650px; }
.proBox031 .clearfix { padding-bottom:25px; border-bottom:1px solid #c6e0e0; margin-bottom:15px;  }
.proBox031 .pic { float:left; width:220px; }
.proBox031 .txt { float:right; width:calc(100% - 240px); padding-top:15px; }
.proBox031 .txt .p1 { font-size:16px; color:#2c3a36; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proBox031 .txt .p2 { font-size:14px; color:#6f7f7b; margin:10px 0 15px; }
.proBox031 .txt .p3 { font-size:14px; color:#6f7f7b; line-height:20px; }
.proBox031 ul li span { float:right; color:#777; padding-left:20px; }
.proBox031 ul li { font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.proBox032 { float:right; width:500px; }
.proBox032 ul li { padding-bottom:15px; border-bottom:1px dashed #c6e0e0; margin-bottom:20px; }
.proBox032 ul li:last-child { margin-bottom:0; }
.proBox032 ul li i { float:left; display:block; font-size:14px; width:25px; height:25px; color:#fff; text-align:center; line-height:25px; margin-right:10px; }
.proBox032 ul li .p1 i { background:#61b4b4; }
.proBox032 ul li .p2 i { background:#b8c0bb; }
.proBox032 ul li .p1 { height:25px; margin-bottom:10px; }
.proBox032 ul li em { float:right; display:block; width:calc(100% - 35px); line-height:25px; font-size:16px; color:#4e5e5a; }
.proBox032 ul li .p1 em { height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.proBox032 ul li .p2 em { font-size:14px; color:#8d9692; }

.proArea04 { padding:10px; background:#fff; }
.proArea041 { position:relative; float:left; width:520px; }
.proArea041 .picList { width:520px; }
.proArea041 .bd { height:390px; margin-bottom:10px; }
.proArea041 .bd li { width: 520px; height: 390px; }
.proArea041 .phd li { width:95px; float: left; margin-right:11.25px; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }
.proArea041 .phd li.on { opacity:1; filter:alpha(opacity=100); }

.proArea041 .prev,.proArea041 .next { position: absolute; top:160px; width:36px; height:73px; cursor:pointer; z-index:9; }
.proArea041 .prev { background:url(../images/prev02.png) no-repeat center; left:0; }
.proArea041 .next { background:url(../images/next02.png) no-repeat center; right:0; }
 
.proArea042 { float:right; width:630px; }
.proArea042 .txt01 { position:relative; border-bottom:1px solid #d9dfdd; min-height:185px; }
.proArea042 .txt01 .p1 { font-size:18px; color:#333; font-weight:bold; }
.proArea042 .txt01 .p1 em { font-size:14px; color:#333; font-weight:normal; padding:0 10px; }
.proArea042 .txt01 .p1 i { display:inline-block; width:35px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#61b4b4; font-weight:normal; border:1px solid #61b4b4; margin-right:5px; }
.proArea042 .txt01 .p2 { font-size:14px; color:#333; margin:8px 0; }
.proArea042 .txt01 .p2 i { font-size:30px; color:#69aeb2; font-weight:bold; padding-right:5px; }
.proArea042 .txt01 .p3 { height:25px; line-height:25px; font-size:14px; padding-left:20px; background:url(../images/pa01.png) no-repeat center left; }
.proArea042 .txt01 .p4 { height:25px; line-height:25px; font-size:14px; padding-left:20px; background:url(../images/pa02.png) no-repeat center left; }
.proArea042 .txt01 .p5 { margin-top:10px; }
.proArea042 .txt01 .p5 i { display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:12px; color:#61b4b4; border:1px solid #61b4b4; margin-right:4px; }
.proArea042 .txt01 .p6 { position:absolute; top:30px; right:0; z-index:9; }
.proArea042 .txt01 .p6 ul li { float:left; width:45px; font-size:12px; color:#767676; text-align:center;  }
.proArea042 .txt01 .p6 ul li .t2 { margin:8px 0; }
.proArea042 .txt01 .p6 ul li:nth-child(1) { padding-top:60px; }
.proArea042 .txt01 .p6 ul li:nth-child(2) { padding-top:30px;; }
.proArea042 .txt01 .p6 ul li:nth-child(1) .t2 { height:30px; background:#fed289; }
.proArea042 .txt01 .p6 ul li:nth-child(2) .t2 { height:60px; background:#f0b34c; }
.proArea042 .txt01 .p6 ul li:nth-child(3) .t2 { height:90px; background:#ea6532; }
.proArea042 .txt02 { border-bottom:1px solid #d9dfdd; padding:25px 0; }
.proArea042 .txt02 ul li { float:left; width:141px; height:94px; text-align:center; margin-right:22px; }
.proArea042 .txt02 ul li:last-child { margin-right:0; }
.proArea042 .txt02 ul li p { font-size:16px; color:#333; padding-top:60px; }
.proArea042 .txt03 { height:60px; line-height:60px; font-size:24px; color:#333; font-weight:bold; padding-left:15px; }
.proArea042 .txt03 i { color:#ffa293; font-size:16px; }
.proArea042 .txt04 { border:1px solid #d9dfdd; height:78px; padding:0 15px; }
.proArea042 .txt04 a { float:right; display:block; width:200px; height:50px; line-height:50px; text-align:center; background:#61b4b4; color:#fff; font-size:20px; font-weight:bold; margin-top:15px; }
.proArea042 .txt04 a i { display:inline-block; padding-left:40px; background:url(../images/pe.png) no-repeat center left; }
.proArea042 .txt04 .t1 { padding-left:70px; background:url(../images/pe01.png) no-repeat center left; margin-top:12px; height:55px; }
.proArea042 .txt04 .t1 p { font-size:14px; color:#777; line-height:24px; }
.proArea042 .txt04 .t1 span { display:block; font-size:30px; color:#ffa293; font-weight:bold; line-height:30px; }

.nyhd { background:#f1f3f2; }
.nyhd p { width:140px; height:45px; line-height:45px; color:#ffff; font-size:20px; background:#61b4b4; text-align:center; }
.nyhd a { float:right; display:block; height:45px; line-height:45px; font-size:14px; color:#8a8a8a; margin-right:20px; }

.proArea05 { padding:45px 0; background:#fff; }
.proArea05 .bd { margin:30px 10px 10px 10px;padding: 2px 20px;box-shadow: #ddd 0px 0px 3px; border-radius:10px; background:url(../images/proarea05.jpg) no-repeat center bottom; }
.proArea05 .bd .txt01 { position:relative; top:-12px; width:376px; height:81px; margin:0 auto; background:url(../images/hd02.png) no-repeat center; text-align:center; }
.proArea05 .bd .txt01 p { font-size:24px; color:#274244; font-weight:bold; padding-top:5px; }
.proArea05 .bd .txt01 span { display:block; font-size:20px; color:#274244; font-weight:bold; }
.proArea05 .bd .txt02 { margin-top:30px; padding:0 0 60px 65px; }
.proArea05 .bd .txt02 ul li { float:left; width:145px; height:300px; border:1px solid #77ccce; margin-right:30px; border-radius:5px; overflow:hidden; transition: all 0.6s; }
.proArea05 .bd .txt02 ul li:hover { margin-top:-10px; }
.proArea05 .bd .txt02 ul li .p1 { font-size:18px; line-height:28px; color:#274244; background:#7ec8cc; padding-top:20px; height:75px; }
.proArea05 .bd .txt02 ul li .p1 p { width:72px; margin:0 auto; }
.proArea05 .bd .txt02 ul li .p2 { background:url(../images/hd03.png) no-repeat center top; padding-top:20px; text-align:center; font-size:14px; line-height:24px; color:#1d2d2e; }

.proArea06 { background:#fff; margin-top:200px;}
.proArea06 .hd { background:#f2f2f2; text-align:center;width: 1180px;border-radius: 10px;margin: 0 auto; }
.proArea06 .hd ul li { display:inline-block; width:140px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#333; cursor:pointer; }
.proArea06 .hd ul li.on { background:#69aeb2; color:#fff; }
.proArea06 .bd { padding:35px; font-size:16px; line-height:30px; }

.proArea06 .bd ul li { float:left; width:270px; margin-right:16.6px; margin-bottom:17px; }
.proArea06 .bd ul li:nth-child(4n) { margin-right:0; }


.proArea07 .bd { padding:35px 10px 10px 10px; background:#fff; }
.proArea07 .bd ul { width:1194px; }
.proArea07 .bd ul li { position:relative; float:left; width:285px; margin-right:13.33px; margin-bottom:30px; }
.proArea07 .bd ul li .clearfix { margin-top:10px; }
.proArea07 .bd ul li .p1 { width:285px; height:20px;line-height:20px; font-size:18px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea07 .bd ul li .p2 { height:20px; line-height:20px; font-size:14px; color:#6e6e6e; margin-top:10px; }
.proArea07 .bd ul li .p2 i { font-weight:bold; font-size:18px; color:#69aeb2; }
.proArea07 .bd ul li .p3 { position:absolute; top:20px; left:0; width:45px; line-height:24px; height:24px; color:#fff; background:#61b4b4; text-align:center; border-top-right-radius:10px; border-bottom-right-radius:10px; }

.proArea081 { position:relative; padding:35px 0; background:#fff; }
.proArea081 .tempWrap { width:1180px!important; margin:0 auto; }
.proArea081 ul li { float:left; width:280px; margin-right:17px; border:1px solid #ddd; }
.proArea081 ul li .txt { padding:15px; }
.proArea081 ul li .txt .p1 { font-size:18px; color:#333; }
.proArea081 ul li .txt .p1 i { font-size:14px; padding-left:10px; }
.proArea081 ul li .txt .p2 { margin:8px 0; }
.proArea081 ul li .txt .p2 i { display:inline-block; height:20px; line-height:20px; color:#fff; padding:0 5px; background:#8ab8be; border-radius:5px; margin-right:3px; }
.proArea081 ul li .txt .p3 { color:#8ab8be; font-size:14px; }
.proArea081 ul li .txt .p3 i { font-size:20px; font-weight:bold; }

.proArea081 .prev,.proArea081 .next { position:absolute; display:block; top:50%; margin-top:-14px; width:16px; height:28px; z-index:9; }
.proArea081 .prev { left:-60px; background:url(../images/prev01.png) no-repeat center; }
.proArea081 .next { right:-60px; background:url(../images/next01.png) no-repeat center; }

.proArea09 { padding:10px 10px 40px 10px; background:#fff; }
.proArea091 { float:left; width:520px; }
.proArea092 { float:right; width:630px; }

.proArea092 .txt01 { position:relative; border-bottom:1px solid #d9dfdd; min-height:250px; }
.proArea092 .txt01 .p1 { font-size:18px; color:#333; font-weight:bold; }
.proArea092 .txt01 .p1 em { font-size:14px; color:#333; font-weight:normal; padding:0 10px; }
.proArea092 .txt01 .p2 { font-size:14px; color:#777; margin:8px 0; }
.proArea092 .txt01 .p2 i { font-size:30px; color:#69aeb2; font-weight:bold; padding-right:5px; }
.proArea092 .txt01 .p3 { font-size:14px; color:#333; line-height:30px; min-height:150px; }
.proArea092 .txt01 .p3 i { color:#777; }
 
.proArea092 .txt03 { height:60px; line-height:60px; font-size:24px; color:#333; font-weight:bold; padding-left:15px; }
.proArea092 .txt03 i { color:#ffa293; font-size:30px; }
.proArea092 .txt04 { border:1px solid #d9dfdd; height:78px; padding:0 15px; }
.proArea092 .txt04 a { float:right; display:block; width:200px; height:50px; line-height:50px; text-align:center; background:#61b4b4; color:#fff; font-size:20px; font-weight:bold; margin-top:15px; }
.proArea092 .txt04 a i { display:inline-block; padding-left:40px; background:url(../images/pe.png) no-repeat center left; }
.proArea092 .txt04 .t1 { padding-left:70px; background:url(../images/pe01.png) no-repeat center left; margin-top:12px; height:55px; }
.proArea092 .txt04 .t1 p { font-size:14px; color:#777; line-height:24px; }
.proArea092 .txt04 .t1 span { display:block; font-size:30px; color:#ffa293; font-weight:bold; line-height:30px; }


