.banner { position:relative; width:100%; height:225px;}
.banner .hd{display: none;}

.container { background: #f4f4f4;padding-top: 23px; }
.container .wrap { width:1000px; height:auto !important;margin:0 auto;}
.wrap .sidebar { float:left; width:220px;}
.wrap .main { float:right; width:734px;padding-bottom:80px;}

.breadcrumbs {float:right; height:12px; color:#cc141e; font-size: 12px; line-height:12px;position: relative;padding-left: 18px;margin-bottom: 20px;}
.breadcrumbs:before{content: '';display: block;width: 18px;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/home.jpg) no-repeat left center;}
.breadcrumbs a { color:#bdbdbd; font-size: 12px; line-height:12px;}
.breadcrumbs a:after { padding: 0 8px; content: ">";}
.breadcrumbs a:hover { color: #cc141e;}
.breadcrumbs a:hover:after{color: #bdbdbd} 

.colPicTitle { width:220px; height:80px; background: #35a6d7;padding:21px 0 0 19px;}
.colPicTitle h2 { color:#fff; font-size: 24px; line-height:24px;text-transform: uppercase; }
.colPicTitle h2:after { content: ""; display: block; width: 30px; height: 3px; margin-top: 16px; background: #fff;}

.menu {  border-top: none; margin-bottom: 50px;}
.menu li {}
.menu li>a { position: relative; display: block;height: 48px;padding: 0 10px; color: #fff; font-size: 14px; line-height:48px; cursor:pointer;background-color: #818181;border-bottom: 1px solid #a9a9a9;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
/*.menu li a:after,.menu li a:after { position: absolute; top: 50%; right: 0px; content: ""; margin-top: -4px; border-color: transparent transparent transparent #35a6d7; border-style: solid; border-width:5px;visibility: hidden;opacity: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.menu li:hover>a,.menu li.current>a { background-color: #818181}
.menu li:hover>a:after,.menu li.current>a:after{visibility: visible;opacity: 1;right: 10px;}*/
.menu li:hover>a,.menu li.current>a{background-color: #c8c8c8}
.menu li:last-child a{border-bottom: none;}
.menu li.current dl { display: block;}
.menu dl {display: none;overflow: hidden; border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf}
.menu dl dd:first-child{margin-top: 10px}
.menu dl dd:last-child{margin-bottom: 10px}
.menu dl dd a{ position: relative;display: block; background-color: #f4f4f4;padding: 0 10px 0 48px; color: #7b7b7b; font-size: 12px; line-height:34px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;position: relative;}
.menu dl dd a:before{content: "";display: block; border-color: transparent transparent transparent #717171; border-style: solid; border-width:4px;position: absolute;left: 38px;top: 12px}
.menu dl dd:hover a,.menu dl dd.current a{color: #35a6d7}
.menu dl dd.current a:before,.menu dl dd:hover a:before{border-color: transparent transparent transparent #35a6d7;}
.down{padding: 0}

.colCurTit { clear: both;width: 100%;height: 52px; border-bottom: 2px solid #e2e2e2;position: relative;}
.colCurTit:after{width: 83px;height:2px;content: '';display: block;background-color: #138bd4; position: absolute;z-index: 1;left: 0px;bottom:-2px}
.colCurTit h2{float: left; color: #138bd4;font-size:32px; line-height:52px;}

/* page */
.page { color:#727272;font-size: 14px; line-height:14px; clear:both; display:table; margin:56px auto 0;  }
.page a:nth-child(2) { border:0;}
.page a { float:left; padding:0 10px; color:#727272;font-size: 14px; line-height:14px;display:table-cell;text-transform: uppercase;text-align: center;}
.page a.prev {width:50px; height:14px; line-height: 14px; color: #727272;display:block; border:0; padding:0; margin:0 16px;position: relative;}
.page a.prev:before{content: '';display: block;position: absolute;left:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-right:9px solid #727272;top: 1px}
.page a.next {width:50px; height:14px; line-height: 14px; color: #727272;display:block; border:0; padding:0; margin:0 16px;position: relative;}
.page a.next:after{content: '';display: block;position: absolute;right:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 9px solid #727272;top: 2px}
.page a:hover,.page a.current { color:#38afdb; }
.page a.prev:hover,.page a.next:hover {color: #38afdb;}
.page a.prev:hover:before{border-right:9px solid #38afdb;}
.page a.next:hover:after{border-left:9px solid #38afdb;}

.article { padding-top: 40px;}
/* contact */
.ct-map{width: 100%;height: 300px;overflow: hidden;}
.ct-address{padding-top: 30px;}
.ct-address h1{font-size: 24px;line-height: 30px;color: #4e4e4e;border-bottom: 1px solid #c3c3c3;padding-bottom:6px;margin-bottom: 30px}
.ct-address h1 em{display: block;font-size: 16px;line-height: 30px;color: #929191  }
.ct-address li{background: url(../images/ct-add.png) no-repeat 2px 0px;height: 24px;font-size: 14px;line-height: 24px;color: #464545;padding-left: 34px;margin-bottom: 22px}
.ct-address li:nth-child(2){background-position:2px -46px}
.ct-address li:nth-child(3){background-position:2px -92px}
.ct-address li:nth-child(4){background-position:2px -137px}

/* newsList */
.nw-list{}
.nw-list li{overflow: hidden;width: 100%;height: 147px;border: 1px solid #ededed;background-color: #fff;padding: 20px 40px 0px 23px;margin-bottom:16px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.nw-list li a{display: block;width: 100%;height: 100%;}
.nw-list li .list-lf{float: left;width:500px;}
.nw-list li .list-lf h1{font-size: 16px;line-height: 46px;color:#626262}
.nw-list li .list-lf p{font-size: 12px;line-height: 20px;color: #a3a3a3}
.nw-list li .list-fr{float: right;font-size: 24px;padding-top:10px;padding-bottom: 46px; line-height:24px;color: #a3a3a3;background: url(../images/nw-list.png) no-repeat 0px bottom;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.nw-list li .list-fr em{display: block;font-size: 12px;}
.nw-list li:hover .list-fr{background-position: 20px bottom;}
.nw-list li:hover{box-shadow: 0px 2px 8px #35a5d7;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);}

/*新闻详情页*/
.news-detail-title{width: 100%;height: 86px; border-bottom: 1px dashed #bebebe;text-align: center;}
.news-detail-title h2{font-size: 20px;line-height: 55px;color: #000;}
.news-detail-icon{display: inline-block;font-size: 12px;line-height: 15px;color: #727272;margin: 0 12px;position: relative;padding-left: 5px;}
.news-detail-content{padding-top:15px;min-height:350px;}
.news-detail-content img{display: block; margin:39px auto 40px;}
.news-detail-content p{font-size: 14px;line-height: 24px;color: #000;text-indent:28px}

.news-page { margin-top: 20px; padding-top: 12px; border-top: 1px solid #bebebe;}
.news-page a { display: block;  height: 25px;  color: #5e5e5e; font-size: 14px; line-height: 25px;}
.news-page a:hover { color:#138bd4;}

/*case*/
.cs-list{}
.cs-list ul{margin-right: -11px}
.cs-list li{width: 237px;overflow: hidden; float: left;margin: 0px 11px 11px 0px;position: relative;}
.cs-list li a{display: block;width: 100%;height: 100%;}
.cs-list li a:before{content: '';display: block;width: 100%;height: 221px;background-color: rgba(255,255,255,.5);position: absolute;left: 0;top: 0;z-index: 1;visibility: hidden;opacity: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.cs-list li a:after{content: '';display: block;width: 60px;height: 34px;background: url(../images/round1.png) no-repeat center;background-size: 60px 34px; position: absolute;z-index: 2; left: 50%;margin-left: -30px;top: -50px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.cs-list li h1{width: 100%;height: 44px;margin-top: 11px;background-color: #d3d3d3;color: #656565;font-size: 14px;line-height: 44px;padding: 0 12px;position: relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.cs-list li h1:after{content: '';display: block;width: 12px;height: 10px;background: url(../images/arrow.png) no-repeat 0px 0px;position: absolute;right: 13px;top: 17px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.cs-list li:hover a:before{visibility: visible;opacity: 1}
.cs-list li:hover a:after{top: 86px;}
.cs-list li:hover h1{background-color: #35a5d7;color: #fff;}
.cs-list li:hover h1:after{background-position: -12px 0px}

/*message*/
.ms-tit{width:100%;height: 180px;background: #d1e0e3 url(../images/ms-tit.jpg) no-repeat center bottom;}
.ms-tit h1{font-size: 24px;line-height: 30px;color: #4e4e4e;text-align: center;padding-top: 32px;}
.ms-tit h1 em{display: block;font-size: 16px;line-height: 30px;color: #929191}
.ms-con{padding: 0 100px;}
.ms-con h1{font-size: 24px;line-height:24px;padding-top: 36px;padding-bottom: 18px; color: #399cd8;text-align: center;margin-bottom: 15px; position: relative;}
.ms-con h1:after{content: '';display: block;width: 40px;height: 4px;background-color: #399cd8; position: absolute;left: 50%;margin-left: -20px;bottom: 0;}
.ms-con p{font-size: 14px;line-height: 24px;margin-bottom: 20px; color: #6e6e6e;padding: 0 86px;text-align:center;}
.ms-con .panel{width: 100%;overflow: hidden;margin-bottom: 15px;position: relative;}
.ms-con .panel label{font-size: 14px;height: 40px;line-height: 40px;color: #888;position: absolute;left:15px;top: 0}
.ms-con .panel input{ font-size: 14px;line-height: 20px;padding: 10px 15px 10px 65px;background-color: #e2e2e2;outline: none;border: 1px solid #e2e2e2; width: 100%}
.ms-con .panel textarea{width: 100%;resize:none;outline: none;border: none;height: 133px;background-color: #e2e2e2;padding: 12px 15px 10px 65px;border: 1px solid #e2e2e2;margin-bottom: 6px;}
.ms-con .panel input:hover,.ms-con .panel input:focus,.ms-con .panel textarea:hover,.ms-con .panel textarea:focus {border: 1px solid #399cd8;}
.ms-con .panel .panel-btn{display: block; width: 100%;background-color: #36abd9;height: 40px;font-size: 14px;line-height: 40px;color: #fff;text-align: center;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;cursor: pointer;}
.ms-con .panel .panel-btn:hover{opacity: .7}

/* job-list */
.job-list { width: 100%; }
.job-list li{margin-bottom: 20px;position: relative;padding: 27px 15px 60px 37px;background-color: #fff;min-height: 174px;max-height: 174px;border: 1px solid #ededed;overflow:hidden;}
.job-list li:before{content: '';display: block;width: 9px;height: 13px;background: url(../images/job.png) no-repeat -44px -13px;position: absolute;z-index: 1; right: 64px;bottom: 8px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list li:after{content: '';display: block;width: 40px;height: 30px;background-color: #bfbfbf;position: absolute;right: 50px;bottom: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}

.job-list li .job-person{float: left; text-align: center;font-size: 12px;line-height: 24px;color: #666;position: relative;width: 121px;height: 121px;border: 3px solid #138bd4;background-color:#fff;padding-top: 58px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list li .job-person:before{content: '';display: block;width: 27px;height: 32px;background: url(../images/job.png) no-repeat 0px -32px;position: absolute;left: 41px;top: 18px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list li .job-person em{display: block;font-size: 16px;}
.job-list li .job-work{float: right;width: 494px;}
.job-list li.on .job-person{background-color: #138bd4;color: #fff;}
.job-list li.on .job-person:before{background-position: 0px 0px;}
.job-list li.on{max-height: 100%;}
.job-list li.on:after{background-color: #138bd4}
.job-list li.on:before{background-position: -44px 0px}

/*pro-list*/
.pro-list{}
.pro-list table{border: 1px solid #e0e0e0;border-collapse: separate;width: 100%;}
.pro-list table tr{border-bottom: 1px solid #e0e0e0;position: relative;}

.pro-list table tr:last-child:after{display: none;}
.pro-list table tr th:nth-child(2n),.pro-list table tr td:nth-child(2n){width:102px;background-color: #ddd;}
.pro-list table tr th:nth-child(2n+1),.pro-list table tr td:nth-child(2n+1){width:266px}
.pro-list table tr th,.pro-list table tr td{border: 1px solid #fff;/*border-top: 1.5px solid #fff;*//*border-bottom: 1.5px solid #Fff;*/ height: 34px;padding: 0 8px;font-size: 14px;line-height: 22px;color: #808080}
.pro-list table tr th{color: #434343;word-wrap:break-word;word-break:break-all;}
.pro-list table tr td{height: 122px;word-wrap:break-word;word-break:break-all;}
.pro-list table tr td a.pro-img {word-wrap:break-word;word-break:break-all;}
.pro-list table tr td a.pro-img img{float: left;margin-right:8px}
.pro-list table tr td a.pro-down{display: block;width: 100%;height: 100%;background: url(../images/down.png) no-repeat center;}

/*pro-detail*/
.pro-detail{overflow: hidden;}
.pro-detail table{border-collapse:separate; color: #000; font-family: "Times New Roman"}
.detail-lf{width: 355px;height: 247px;overflow: hidden; background-color: #fff;float: left;position: relative;}
.detail-lf .dprev,.detail-lf .dnext{ position:absolute;z-index: 1; left:0px; top: 90px;overflow:hidden; cursor:pointer;width: 27px;height: 54px;background-color: rgba(115,166,193,.8); font-size:34px;line-height:54px;font-family: 'simsun';font-weight: bolder;text-align: center;color: #fff;}
.detail-lf .dnext{ left:auto; right:0px;}
.detail-fr{width: 300px;height: 247px;padding-right: 40px; overflow: hidden;float: right;position: relative;}
.detail-fr p {font-size: 14px;height: 170px;overflow: hidden; line-height: 24px; color: #6c6c6c;}
.detail-fr .detail-btn{display: block;width: 166px;height: 37px;background: url(../images/detail-btn.png) no-repeat center;font-size: 14px;line-height: 37px;color: #535353;padding-left: 17px;position: absolute;left: 0;bottom: 0}
.detail-fr .detail-btn:hover{color:#b92d1a; text-decoration:underline;}

.detail-main{clear: both;padding-top: 20px;}
.detail-main .detail-btn{display: block;width: 166px;height: 37px;background: url(../images/detail-btn.png) no-repeat center;font-size: 14px;line-height: 37px;color: #535353;padding-left: 17px;margin-top: 30px;}

.relative{overflow: hidden;padding-top: 26px;padding-bottom: 10px}
.rl-tit{width: 100%;height: 43px;border: 1px solid #e8e8e8;background: url(../images/tit.png) repeat-x left center;border-radius: 4px;box-shadow: 0px 2px 4px #c0bfbf;font-size: 14px;line-height: 43px;color: #7d7d7d;padding-left: 17px;margin-bottom: 24px;}
.rl-txt{padding-left: 34px;width: 100%;overflow: hidden; position: relative;}
.rl-txt li{width: 124px;float: left;margin-right: 12px;}
.rl-txt li h1{width: 100%;font-size: 12px;line-height: 32px;color: #565555;text-align: center;}
.rl-txt li:hover h1{color: #138bd4}
.rl-txt .cprev,.rl-txt .cnext{ position:absolute;left:0px; top:0px;cursor:pointer;font-size:34px;line-height:105px;font-family: 'simsun';font-weight: bolder;text-align: center;color: #757575;}
.rl-txt .cnext{ left:auto; right:0px;}

/* news */
.news li { clear: both; padding: 30px 10px 24px 0; border-bottom: 1px solid #d7d7d7;}
.news li img { float: left; padding-right: 30px;}
.news li h2 a { display: block; padding: 7px 0 10px; color: #535962; font-size: 14px; line-height: 14px; font-weight: normal;}
.news li h2 a:hover {color: #116ebb;}
.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}
.news li p { color: #a2a2a2; font-size: 12px; line-height: 20px;}