#bar {height:144px;position:relative;z-index:99999;background:url(../images/top.jpg) no-repeat center top;}

.header{height:144px;width:100%} 
.logo{float:left;padding:23px 0 0 ;}
.menu{float:right;text-align:left;}
.menu ul{list-style:none;padding:0;margin:0}
.menu ul li{float:left;overflow:hidden;position:relative;border-right:1px #efefef solid;line-height:110px;text-align:center}
.menu ul li a{position:relative;display:block;width:95px;height:110px;font-size:16px;text-decoration:none;cursor:pointer}
.menu ul li a span{position:absolute;left:0;width:95px}
.menu ul li a span.out{top:0px}
.menu ul li a span.over,.menu ul li a span.bg{top:-110px}
#menu2{}
#menu2 ul li a{color:#515151}
#menu2 ul li a span.over{color:#fff;background-color:#3c8aaa}

.top{ width:100%; height:34px; overflow:hidden; }
.top .fl {    float: left;    color: #fff;    line-height: 34px;  font-size:14px}
.top .fr {    float: right; color: #fff; font-size:16px; line-height:29px;}
.top ul .ft{ display:block;  width:50px; text-align:center; background:url(a01.jpg) left no-repeat}
.top ul .en{ display:block;  width:50px; text-align:center;}
.top .fr span img {      float: left; margin-top:5px;      margin-right: 5px;    margin-left: 5px;}



.banner{position:relative;z-index:1;width:100%;height:650px}
.banner ul{position:relative;margin:0 auto}
.banner ul li,.banner ul li img,.banner ul{width:100%;height:650px}
.banner ul li{position:absolute;left:0px;top:0px;display:none;background-position:center top;background-repeat:no-repeat}
.banner dl{position:absolute;right:50%;bottom:15px;}
.banner dl dd{float:left;width:15px;height:5px;margin-right:5px;cursor:pointer;background:#ddd;text-indent:-99999px}
.banner dl dd.on{background:#3c8aaa}


.biaoti {width: 100%;text-align: center; margin:3% auto}
.biaoti h3 {display: block;margin: auto;text-transform: uppercase;font-size:30px;color: #242424; }
.biaoti h5 {color: #242424;font-size: 20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; line-height:40px; }


.ipubp{line-height: 24px;text-align: center;color: #999;padding-bottom: 60px;}
.ipropic{font-size: 20px;line-height: 40px;color: #666;}
.ipropic li{text-align: center;}
.ipropic li a{display: block;overflow: hidden;height: 150px;}
.ipropic li:hover a img{margin-top: -200px;}
.ipropic li a.pbt{height: 48px;}
.fourlist li{float: left;width: 25%;padding:30px 0;}
.ipropic li a img{-webkit-transition: ease-in all .5s;-moz-transition: ease-in all .5s;-ms-transition: ease-in all .5s;-o-transition: ease-in all .5s;transition: ease-in all .5s;}


.index_gc { background:url(../images/a01-99.jpg) center top no-repeat;background-size:cover; width:100%;  overflow:hidden;padding:30px 0}
.index_gc .biaoti h3,.index_gc .biaoti h5{color:#fff;}
.slideTxtBox{width: 100%;text-align:left;  }
.slideTxtBox .hd{ width:100%; background: url(../images/a01-10.jpg) repeat-x 0px 15px; margin:0  auto; position:relative;  }
.slideTxtBox .hd ul{ clear: both;height:32px; overflow: hidden; display: flex;justify-content: center}
.slideTxtBox .hd ul li{ cursor: pointer; padding:0 28px;margin:0 1%; line-height:32px; list-style-type: none; height:32px; background:#fff; color:#242424; text-align:center; font-size:15px;  }
.slideTxtBox .hd ul li.on{background:#3c8aaa; color:#ffffff; text-align:center;font-size:15px; }
.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.slideTxtBox .bd li{width:31%; margin:1%; height:244px; display: inline-block; position: relative; overflow: hidden;  }
.slideTxtBox .bd li a{display: block; width: 100%; height: 100%;}
.slideTxtBox .bd li .build-pic{width: 100%;position: relative; height: 100%;}
.slideTxtBox .bd li .build-pic img{ width:100%;max-width: 100%;transform: translateZ(0px); height:244px;}
.slideTxtBox .bd li .build-pic span{display: block; width: 100%; line-height: 60px; background:url("../build-blck.png"); color: #fff; position: absolute; text-align: center; font-size: 18px; bottom: 0;}
.slideTxtBox .bd li .intro{background:rgba(255,255,255,0.6); padding:10px 15px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; color: #242424; visibility: hidden; position: absolute; bottom: 0;opacity: 0;transition: opacity 0.5s; }
.slideTxtBox .bd li .intro h5{ font-size:18px; font-weight:normal; color:#000; line-height: 35px;}
.slideTxtBox .bd li .intro h3{font-size: 14px; font-weight:normal; color:#888; line-height: 25px;}
.slideTxtBox .bd li .intro p{font-size: 12px; line-height: 20px;}
.slideTxtBox .bd li a:hover .intro{visibility: visible; opacity: 1;}
.slideTxtBox .bd li a:hover span{display: none;}
.slideTxtBox .bd li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}



.more01 {float: left !important;width:15%; background-color:#e2e2e2;height: 36px; margin:2% 42%;line-height: 38px;font-size: 13px;color:#fff;text-align: center;margin-top: 30px; border-radius:8px;}
.more01 a{ color:#242424}



.index_news {background:url(../images/a01-11.jpg);padding:50px 0;overflow:hidden}
.news{ width:570px; height:390px; float:right;}
.tit{ font-size:28px; color:#333;padding-bottom: 20px;}
.tit_more{ font-size:12px; color:#999797; float:right;font-family: 宋体; margin-top:20px; margin-right: 5px;}
.inewslist{ margin:0 0 10px; overflow:hidden; position:relative;}
.inewslist ul li{ overflow:hidden;}
.inewslist ul li .pic{ float:left; margin-right:20px;}
 .inewslist ul li .pic img{width: 180px;height: 96px}
.inewslist ul li .biti{ font-size:16px; color:#000;margin-bottom:8px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.inewslist ul li .summ{line-height:18px;color:#5b5b5b;height: 38px;overflow: hidden;}
.inewslist ul li a{ cursor:pointer;}
.inewslist ul li a:hover{color:#3c8aaa;}

.inewslist ul li .time{ color:#5f5f5f;}
.inewslist ul li .time i{ color:#b5b5b5; font-size:14px; padding:5px 0;}
.inewslist ul li .detail{ color:#5f5f5f;}
.inewslist ul li .detail ._i{ display:inline-block; width:19px; height:18px; background-color:#ED9616; color:#fff; line-height:18px; text-align:center;font-size: 17px;font-weight: bold;margin-left: 8px;}
.inewslist ul li  .more{ float:right; color:#5f5f5f; *margin-top:-20px;}
.inewslist ul li  .more b{ color:#ED9616;}

._list ._d{ width: 55px; margin-right: 10px; border: 1px solid #c8c8c8; text-align: center; }
._list ._d b{color: #fff; font-size: 30px;font-weight:normal; display: block;background: #cbc9d3; }
._list li{ margin-top: 15px;overflow:hidden}
._list li h4{ font-size: 14px; line-height: 1; color: #333;font-weight:bold; margin: 3px 0 6px;}
._list li ._txt{ color: #666;}
._list li a:hover ._d{ border-color: #3c8aaa;}
._list li a:hover ._d b{ background: #3c8aaa;}



.video{ width:620px; float:left;}
.jing_shan{ width:264px; height:320px; float:right;}
.jing_jia img{-webkit-transition: .8s;}
 .jing_hua,.free_div,.gao_ye,.free_div img,.mark{width:600px; height:320px;}
.free_div{ overflow:hidden;position:relative;}
.dian01{ width:600px; height:46px; background:url(../images/sishi.png) repeat; font-size:16px; color:#fff; line-height:46px; text-align:left; position:absolute; bottom:0px; left:0; padding-left:10px;}
.free_div:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.free_div img{-webkit-transition: .8s;}
.gao_ye{ overflow:hidden;position:relative;}
.gao_ye:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.gao_ye img{-webkit-transition: .8s;}
.mark{background: rgba(0,0,0,0.5); cursor:pointer;  position:absolute; left:0; top:0; z-index:15;overflow:hidden; display:none;}
.mark a{text-align:center;display:block;width:450px; height:320px;}
.shan_div{ width:264px; height:153px;overflow:hidden;position:relative;}
.dian02{ width:254px; height:40px; background:url(../images/sishi.png) repeat; font-size:14px; color:#fff; line-height:40px; text-align:left; position:absolute; bottom:0px; left:0; padding-left:10px;}
.shan_div:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.shan_div img{-webkit-transition: .8s;}

.mark_o{background: rgba(0,0,0,0.5);width:264px;height:153px; cursor:pointer;  position:absolute; left:0; top:0; z-index:15;overflow:hidden; display:none;}
.mark_o a{text-align:center;display:block;width:264px; height:153px; background: url(../images/shipin.png) center no-repeat;}

.f_links_z {    float: left; line-height: 38px; font-size: 14px;    color: #262626; width:100%; padding:0.5% 0;}
.f_links_z span { font-weight:bold; float:left; font-size:16px}
.f_links_z ul li {    padding:0 1%;    height: auto;    float: left;    line-height: 38px;    text-align: center;}
.f_links_z ul li a {    text-decoration: none;    color: #242424;}



.footer {    width: 100%;    background: #4b4948;    color: #c3c3c3;    overflow: hidden;}
.foot_left{ width:70%;  margin:30px 0;  float:left;overflow: hidden;}
.foot_left ul{ width:16%;  float:left}
.foot_left ul h3{ width:100%; line-height:60px; font-size:13px; background:url(../images/a01-13.jpg) bottom left no-repeat}
.foot_left ul li{ width:100%; line-height:25px;}
.foot_left ul li a{ color:#c3c3c3;}
.foot_left ul li a:hover{ color:#3c8aaa;}
.foot_right{width:29%;float:left;  margin:5% 0; }
.foot_right a{ color:#a8a8a8; margin-right:6px; line-height:25px;}
.foot_right a:hover{ color:#50b7ed;}
.foot_right h4{width:100%; line-height:40px; text-align:right; font-size:14px;}
.foot_right h4 a{color:#50b7ed;}
.foot_right01 { float:left; width:70%; margin-right:1%;}
.foot_right01 h3{ width:100%;color:#3c8aaa; line-height:40px; font-size:28px; font-family:Arial, Helvetica, sans-serif}
.foot_right01 img{max-width: 100%;}
.foot_right01 ul { width:100%; margin:15px auto; }
.foot_right01 ul li{float:left; margin:0 5%;}
.foot_right01 ul li span{ margin-right:2%}

.foot_right02 { float:left; width:29%;}
.foot_right02 ul { width:100%; margin:15px auto; }
.foot_right02 ul li{ line-height:22px; font-size:12px}
.foot_right02 ul li span{ margin-right:2%}
.foot_right02 p{ font-size:16px; line-height:24px; margin-top:2%;}
.foot_right02 h3{ padding-left:10%; line-height:24px; }
.foot_nav{ width:100%; height:auto; padding:30px 0; min-height:100px;}
.foot_nav ul{ width:10%; margin:0 2%; float:left}
.foot_nav ul h3{ width:100%; line-height:40px; border-bottom:1px solid #757575; font-size:14px;}
.foot_nav ul li{ width:100%; line-height:25px;}
.foot_nav ul li a{ color:#c3c3c3;}
.foot_nav ul li a:hover{ color:#50b7ed;}

.foot_Buttom{ width:100%; text-align:center; line-height:25px;  padding:10px 0; background-color:#353535; height:auto; float:left; color:#c3c3c3;}
.foot_Buttom a{ color:#c3c3c3; margin:0 15px;}
.foot_Buttom a:hover{ color:#3c8aaa;}


.zong_banner{overflow:hidden; height:250px; text-align:center;}
.zong_banner h2{font-size:28px; color:#3c8aaa; font-weight:700; padding-top:85px; padding-bottom:20px; background:url(../images/h2_bj.png) no-repeat center bottom;}
.zong_banner h2 span{display:block; font-size:16px; color:#666; text-transform:uppercase;}
.zong_title{overflow:hidden; line-height:58px; background:#fff; vertical-align:middle;}
.zong_title_left{overflow:hidden; float:left;}
.zong_title_left a{display:block; float:left; border-top:4px solid #fff; padding:0px 22px; font-size:14px; color:#3f3f3f;-webkit-transition: all 0.5s ease-in-out;}
.zong_title_left a:hover{background:#f4f5f5;border-top:4px solid #3c8aaa;}
.zong_title_left a.hover{background:#f4f5f5;border-top:4px solid #3c8aaa;}
.zong_ny{overflow:hidden; background:#f9f6ef; border-top:1px solid #eeeded; padding:25px 0px 105px 0px;}
.zong_nys{overflow:hidden; background:#fff; padding:20px 38px 60px 38px; color:#3D4249;}


.position{overflow:hidden; float:right;color:#7C7C7C;}
.position a{color:#7c7c7c; font-size:12px;}
.position a.visited{color:#7C7C7C;}

.tl-box{width: 100%; text-align: center;padding:30px 0; }
.tl-box h5{color: #3c8aaa; font-size:28px; }
.tl-box h4{color: #fff; font-size:30px; }
.tl-box em{ display: block; width:50px; background: #3c8aaa; height: 3px; margin:12px auto; transition:width 1s;  -webkit-transition:width 1s;}
.tl-box span{display: block; margin: auto; text-transform: uppercase; font-size: 20px; color: #949494;}
.tl-box p{display: block; margin: auto; text-transform: uppercase; font-size: 16px; color: #555555; padding:1% 0; font-family:Arial, Helvetica, sans-serif}
.tl-box .bs-em{ background: #fff;}
.tl-box .bs-span{ color: #fff;}
.tl-box:hover em{width:100px;}

.ab_title{overflow:hidden; border-bottom:1px solid #f1f1f1; padding-bottom:30px; margin-bottom:25px; text-align:center;}
.ab_title h2{font-size:30px; color:#3c8aaa;}

.line_height{line-height:35px;text-align:justify;font-size:16px;}


.pro_ny li{float:left;padding:15px; margin-top:25px;margin-right:20px;width:234px; text-align:center; border:1px solid #e9e9e9;-webkit-transition: all 0.5s ease-in-out 0s;}
.pro_ny li.r{margin-right:0px;}
.pro_ny li a{display:block; cursor:pointer; overflow:hidden;}
.pro_ny li h2{font-size:15px; color:#494c59; font-weight:bold; padding:0px 0px 5px 0px; text-align:center;}
.pro_ny li p{font-size:12px; color:#9c9c9c; text-align:left;}
.pro_ny li:hover{-webkit-box-shadow: 0 5px 15px #d5d5d4;box-shadow: 0 5px 15px #d5d5d4;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
.pro_ny li:hover h2{color:#3c8aaa;}
.pro_ny li:hover p{color:#3c8aaa;}

.vie_ny li{float:left;padding:15px; margin-top:25px;margin-right:20px;width:520px; text-align:center; border:1px solid #e9e9e9;-webkit-transition: all 0.5s ease-in-out 0s;}
.vie_ny li.r{margin-right:0px;}
.vie_ny li a{display:block; cursor:pointer; overflow:hidden;}
.vie_ny li h2{font-size:15px; color:#494c59; font-weight:bold; padding:0px 0px 5px 0px; text-align:center;}
.vie_ny li p{font-size:12px; color:#9c9c9c; text-align:left;}
.vie_ny li:hover{-webkit-box-shadow: 0 5px 15px #d5d5d4;box-shadow: 0 5px 15px #d5d5d4;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
.vie_ny li:hover h2{color:#3c8aaa;}
.vie_ny li:hover p{color:#3c8aaa;}

.page { text-align: center; line-height: 16px; margin:30px 0;}
.page span, .page a { display: inline-block; border: 1px solid #ddd; padding: 5px 10px; vertical-align: middle; margin: 0 0 10px -1px; }
.page .goprev { margin-right: 10px; }
.page .gonext, .page .count { margin-left: 10px; }
.page span, .page a:hover { background: #3c8aaa; color: #ffffff; }
.page span.goprev, .page span.gonext { color: #cccccc; background: none; }
.page span.count { border: 0; background: 0; color: #333333; }
 
 
.return_page{margin:30px 0 15px;overflow:hidden}
.pages{width:600px;float:left}
.pages p{margin-bottom:10px}
.pages p b,.pages p a{display:inline-table;height:30px;line-height:30px}
.pages p b{width:88px;background:#f5f5f5;text-align:center}
.pages p a{width:450px;margin-left:5px;padding:0 10px}
.pages p a:hover{text-decoration:underline}

a.return{width:88px;float:right;height:30px;line-height:30px;background:#3c8aaa;text-align:center;color:#fff}
a.return:hover{text-decoration:underline} 


.headTit{ text-align:center; padding:10px 0; position:relative;border-bottom:#ddd 1px dotted}
.headTit h4{ font-size:18px; line-height:18px;margin-bottom:10px; text-align:center;color:#3c8aaa;}
.headTit .time{ font-size:10px;color:#999; text-align:center;}
.headTit .clickhov{ text-align:center;}
.headTit .clickhov span{margin-left:10px;color:#999;}
.headTit a.return{ position:absolute; right:0px; top:5px; width:60px; height:25px; line-height:25px; display:block; background:#3c8aaa; color:#fff; text-align:center;font-size:12px;}

.texBody{ padding-top:20px;line-height:25px;}
.back { border-top:1px dotted #ccc; margin-top:20px; padding-top:5px;}
.back a.blka { background-color: #999; color:#FFF; display: block; float:right; height: 20px; line-height: 20px; margin-top: 1px; text-align: center; text-decoration: none; padding:0 10px;}


.newBox li{ height:170px; width:1124px; border-bottom:1px dotted #ddd; padding:35px 0; overflow:hidden;}
.newBox li a{ display:block; height:170px;}
.newBox li a .img4_1{ float:left; width:262px; height:163px; overflow:hidden; margin-right:40px;}
.newBox li a .img4_1 img{ width:100%;-webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-mos-transform 0.4s ease-out; -ms-transition:-ms-transform 0.4s ease-out; transition:transform 0.4s ease-out;}
.newBox li a .newsRight{ width:822px; float:left;}
.newBox li a .newsRight h3{ color:#323337;font-size:18px; line-height:40px;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.newBox li a .newsRight .newsTime{ color:#666; font-size:12px; line-height:40px; overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.newBox li a .newsRight .newsTime .sp1{ display:block; float:left; background:url(../images/itnewi4.png) no-repeat left center; margin-right:16px; padding-left:20px;}
.newBox li a .newsRight .newsTime .sp2{ display:block; float:left; background:url(../images/icon4.png) no-repeat left center; padding-left:30px;}
.newBox li a .newsRight .newsBf{ font-size:14px; line-height:22px; height:66px; overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.newBox li:hover a .img4_1 img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.newBox li:hover .newsRight h3,.newBox li:hover .newsRight .newsBf,.newBox li:hover a .newsRight .newsTime{ color:#666;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;color:#3c8aaa}


.feedback tr td{padding-bottom:20px}
.feedback table{margin-top:20px}

.input_gbook{border:1px solid #b1b1b1;height:30px;line-height:30px;text-indent:5px}
.btns {background:url(../images/btn.gif);height:21px;width:67px;font-size:12px;border: 0px none;color:#ffffff;line-height:21px;cursor:pointer;margin-left:90px}

.line_height img {max-width: 100%;}