@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; overflow-x: hidden !important }
img { border: 0; /*display: block ;transform: scale(1.0);transition: all 0.4s;*/}
ul, li { list-style: none; }
a { text-decoration: none; color: #000;font-family:"微软雅黑";transition: all 0.4s;cursor:pointer;font-size:17px;  }
a:hover { color: #0d4589; text-decoration: none; font-size:17px;font-weight:600; }
img:hover {/*transition: all 0.4s;cursor:pointer;transform: scale(1.1);*/ }
.fl{ float:left}
.fr{ float:right}

.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: auto; margin: auto; overflow: hidden }
.graybg { padding: 0 0 40px 0; overflow: hidden; }
.color-red { color: #d61a1a; text-shadow: #fff 0px 1px 10px; }

.is-index{width: 100%; position: fixed; top: 0; z-index: 999; transition: all .5s; height:416px;}
.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s;  }
.logo { float:left; margin:0px; }
.logo img { height:auto !important;width:100%; }
.logo img:hover {transition: all 0.4s;cursor:pointer;transform: scale(1); }
.login{ width:100%; height:100%; position: absolute;background-size:cover;}


.topnav { width: 100%; height: 100px; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: center; line-height: 100px; /*! width: 1000px; */ margin: auto; float:right; /*! margin-right:50px; */}
#starlist li { position: relative; display: inline-block; font-size: 16px; width: 10%; }
#starlist li a { display: block; color: #fff;}
#starlist li:hover { color:#22eead; }
a#selected { color:#22eead;}
#starlist ul.sub li { width: 100%; font-size: 16px; background:#117d5a; float: left; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; }
#starlist ul.sub li a:hover { background:#22b970; }
#starlist ul.sub { position: absolute; left: -5px; top: 80px; z-index: 9; width: 120px; line-height: 50px; opacity: 0; transition: all .5s; }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #117d5a; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 100px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:before { display: block }
#mnavh { display: none; width: 70px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #fff; margin-top: 20px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fffefe; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.m-nav{width:98px; height:76px; position:absolute; right:0; text-align:center; }
.m-nav .btn{ display:block; margin:30px 50px;}
#zhezhao{background-size:cover; width:100%; height:100%; position: fixed; left:0; top:0; z-index:998}
.zz-list{ float:left; margin:100px;}
.zz-list .menu { float:left; width:200px; height:300px;}
.zz-list .menu a{ font-size:22px; font-weight:bold;color:#FFF;}
.zz-list .sub{ margin-top:30px;}
.zz-list .sub a{ font-size:16px;color:#bbb; line-height:35px;}
.zz-list .sub a:hover{ color:#007750}

#pages{
margin-top:30px;
}
#pages span{
border: 1px solid #007500;
padding: 10px;
border-radius: 5px;
margin-left: 5px;
}
#gotopagebut{
background:none;
height:36px;
}
#pages a,#gotopagebut{
border: 1px solid #007500;
background-color:#007500!important;
color:#FFF;
padding: 10px;
border-radius: 5px;
margin-left: 5px;
}
#pages .defaultInputStyle{
height: 32px!important;
position: relative!important;
top: 2px!important;
margin-left: 5px!important;
margin-right: 5px!important;
}

.ban-img { position: absolute; left: 0; top: 45%; color: #fff; width: 100%; text-align: center; }
.ban-img h3 { font-size: 40px; position: relative; width: 540px; margin: 0 auto 30px; }
.ban-img h3:before { position: absolute; content: ""; width: 100%; height: 180px; bottom: 100px; }
.bgimg img { animation: tobig 8s infinite; animation-direction: alternate; animation-delay: 1s; }
ul.banner-point { background: #d61a1a; font-size: 22px; text-align: center; }
ul.banner-point li { display: inline-block; margin: 0 56px; line-height: 50px; }
ul.banner-point li:nth-child(2) { position: relative; }
ul.banner-point li:nth-child(2):before { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; left: -60px; top: 20px; }
ul.banner-point li:nth-child(2):after { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; right: -60px; top: 20px; }
 @keyframes tobig { 0% {transform: scale(1);} 100% {transform: scale(1.1);}}
.bgimg img { width: 100%; }
.ban-img img { width: 100%; }
.swiper-container img:hover {transition: all 0.4s;cursor:pointer;transform: scale(1); }
.slide_about .bd{ width:900px; height:550px; position:relative; margin-left:50px; overflow:hidden }
.slide_about .bd ul{}
.slide_about .bd ul li{ position:relative; width:900px; height:550px;}
.slide_about .bd ul li img{ width:900px; height:410px;}
.slide_about .mask{  position:absolute; left:0; right:0; width:100%; height:40px; bottom:90px;}
.slide_about .mask h5{ width:540px; font-size:20px; line-height:60px; color:#000; text-align:left; padding:0; height:60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.slide_about .mask p{ color:#999999; font-size:16px; text-indent:0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.slide_about .hd{  margin:0 auto; position:absolute; left:0; bottom:0; width:100%; padding:6px 0;}
.slide_about .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.slide_about .hd ul li{ cursor:pointer; display:inline-block;  }
.slide_about .hd ul li a{height:8px; width:8px; margin:0 12px; display:block;  border-radius: 50%;background:#c3c3c3; }
.slide_about .hd ul li a:hover{ background:#007751;  }
.slide_about .hd ul .on a{  background:#007751;  }
.title-h2 { text-align: center; overflow: hidden; margin: 20px 0; }
h2.title-h2-ch { font-size: 26px; position: relative; width: 260px; margin: auto; }
h2.title-h2-ch:before, h2.title-h2-ch:after { position: absolute; content: ""; width: 100px; height: 1px; background: #000; top: 20px }
h2.title-h2-ch:before { left: -100px }
h2.title-h2-ch:after { right: -100px; }
span.title-h2-en { font-size: 14px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h2-en { color: #dadada; }
.title-h3 { text-align: left; overflow: hidden; margin: 20px 0;}
h3.title-h3-ch { position: relative; width: 260px; margin: auto; font-size:22px;}
h3.title-h3-ch:before{ position: absolute; content: ""; width: 4px; height: 25px; background: #007751;top:-2px; left:-20px;}
span.title-h3-en { font-size: 14px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h3-en { color: #dadada; }
.h3-list{ width:300px;}
.h3-list li{ line-height:20px; padding:10px; border-bottom:1px solid #cccccc; font-size:16px}
.h3-list li a:hover{ color:#009933}
.tch-pic{ background:#ececec; margin-top:40px; }
.title-h4 { text-align: left; overflow: hidden; margin: 20px 0; }
.title-h4-ch { position: relative; width: 100%;font-size:30px; text-indent:24px; font-weight:normal; height:50px;}
.title-h4-ch:before{ position: absolute; content: ""; width: 4px; height: 35px; background:#0d4589;top:8px; left:0px;border-radius: 5px;}
span.title-h3-en { font-size: 18px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h3-en { color: #dadada; }
.tch-pic-list{ width:365px; margin:10px;}
.tch-pic-list li{}
.tch-pic-list li a:hover{ color:#009933}
.tch-pic-list .li_1{ font-size:20px; font-weight:bold; line-height:50px; margin-top:10px; display:block}
.tch-pic-list .li_2{ width:365px; height:240px; overflow:hidden; float:left}
.tch-pic-list .li_2 img{width:365px;height:240px;}
.tch-pic-list .li_3{ font-size:16px;line-height:40px;font-weight:bold}
.tch-pic-list .li_4{ color:#666; font-size:14px;line-height:150%; text-indent:24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tch-pic .ar{ width:120px; height:50px;position:relative;top:20px;}
.tch-pic .arrow_2{ width:50px; height:50px; border:1px solid #bcbcbc; display:block; float:left;border-radius:50%; background-color:#FFF}
.tch-pic .arrow_1{ width:50px; height:50px; border:1px solid #bcbcbc;display:block; float:left;border-radius:50%;background-color:#FFF}
.tch-pic .ar a:hover{background-color:#d9d9d9}
.tch-pic .ar span{display:block; float:left; line-height:50px; font-size:14px; padding:0 20px;}
.tch-pic .ar li{
    float:left;
    width:14px;
    height:14px;
    margin-right:10px;
    background-color:#FFF;
    border-radius:10px;
    cursor:pointer;
}
    .tch-pic .ar li.on {
        background-color: #007751;
    }
.title-h4-ch span{
    height:42px;
    line-height:42px;
}
.title-h4 .link {
    width: 1200px;
    margin-top: 20px;
}
.title-h4 .link li{ border-bottom:1px solid #c0c0c0; width:200px; height:40px; line-height:40px; font-size:16px; float:left; margin:10px;}
.title-h4 .link li:before{ position: absolute; content: ""; width: 5px; height: 5px; background: #007751; margin-top:18px;}
.title-h4 .link a{ padding-left:20px;}
.title-h4 .sce{ width:400px;}
.title-h4 .sce a{ border:2px solid #007751; display:block; width:100px; height:100px; border-radius:50%; float:left; background:#007751; margin:0 40px;}
.title-h4 .sce a:hover{border:2px solid #007751; background:#FFF}
.title-h4 .sce a:hover img{-webkit-filter: invert(1);filter: invert(1);transform: scale(1.4);}
.title-h4 .sce a img{margin:auto; margin-top:20px;}
.title-h4 .sce a span{ font-size:16px;  margin-top:40px;position: absolute; width:150px; text-align:center; margin-left:-20px;}
.hall{height:500px;}
.hall_switch{ background:url(../../static/image/hall-bg.png) no-repeat; width:1180px; height:500px; position:absolute; left:0}
.hall_switch .bd{ width:1100px; height:350px; position:relative; margin:125px 0 0 115px;; overflow:hidden }
.hall_switch .bd ul{}
.hall_switch .bd ul li{ position:relative; width:1100px; height:350px;}
.hall_switch .bd ul li img{ width:500px; height:330px;}
.hall_switch .mask{  position:absolute; left:540px; right:0; width:100%; height:40px; bottom:300px;}
.hall_switch .mask h5{ width:490px; font-size:26px; line-height:45px; color:#FFF; text-align:left; font-weight:bold; padding:0; height:100px;overflow: hidden;}
.hall_switch .mask p{ width:490px; color:#FFF; font-size:16px; text-indent:28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical; margin-top:15px;}
.hall_switch .hd{  position:absolute; left:470px; bottom:80px;; width:100%; padding:6px 0;}
.hall_switch .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center; }
.hall_switch .hd ul li{ cursor:pointer; display:inline-block;  }
.hall_switch .hd ul li a{height:5px; width:16px; margin:0 5px; display:block;  border-radius: 20%;background:#c3c3c3; }
.hall_switch .hd ul li a:hover{ background:#007751; }
.hall_switch .hd ul .on a{  background:#FFF; }

.lanse-title{color: #0d4589; font-size: 13px;}

.news_box{padding-top: 40px;}
.news_box-title{color: #000;font-size: 22px;margin-bottom: 10px;}
.news_box-title a{color: #000;font-size: 22px;margin-bottom: 10px;}
.news_box-title a:hover{color: #0d4589;font-size: 22px;margin-bottom: 10px;}
.news_box p{color: #666;font-size: 16px;margin-top: 1px #ccc solid;margin-top: 18px;position: relative;line-height: 28px;}
.xian-tiao{border-bottom: 1px #0d4589 solid;margin-top: 20px;}
	
.left-column{width: 19%;padding-top: 0px;}
.right-column{width: 70%;padding-top: 0px;display: inline-block;position: relative;}

.dian1 {text-align: center; color: #fff;padding: 15px;background: #0d4589;border-radius: 4px;font-size: 15px;margin-right: 22px;display: inline-block;line-height: 18px;overflow: hidden;width: 80px;}
.dian {color: #fff;padding: 3px 20px;background: #0d4589;border-radius: 30px;font-size: 15px;margin-right: 22px;}

.hall_list_1{ width:570px;margin-right:14px; height:470px; margin-top:5px;z-index: 2;-webkit-box-shadow: -3px 10px 25px -4px rgba(0,0,0,.15);border:1px solid #EEE; /*! -moz-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15); */
/*! box-shadow: 0 5px 30px 0 rgba(0,0,0,.15); */}
.hall_list_1 .title-h4-ch{width:100%; margin:30px 0px 0px 30px;}
.hall_list_1 .title-h4-ch a{ float:right; font-size:14px; margin:18px 60px 0px 0px;}
.hall_list_1 li a{ width:500px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; line-height:42px; }
.hall_list_1 ul{ margin:30px 30px;}
.hall_list_1 li{ padding-left:0px; border-bottom:1px solid #fff;}
.hall_list_1 li:hover{ border-bottom:1px solid #DDD;}
.hall_list_1 li:hover a{ color: #0d4589;}
.hall_list_2{ width:510px; height:350px;box-shadow: 0px 5px 5px #888888; border:1px solid #EEE; margin-top:50px;}
.hall_list_2 .title-h4-ch{ width:518px; margin:10px 0 0 20px;font-size:26px!important;}
.hall_list_2 .title-h4-ch .title-h3-en{font-size:14px!important;}
.hall_list_2 .title-h4-ch a{ float:right; font-size:14px; margin:18px 50px 0 0}
.hall_list_2 li a{ width:435px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; line-height:36px; }
.hall_list_2 ul{ margin:30px 30px;margin-top:10px;}
.hall_list_2 li{  padding-left:20px; border-bottom:1px solid #fff}
.hall_list_2 li:hover{ border-bottom:1px solid #DDD;}
.hall_list_2 li:hover a{ color: #009933;}
.hall_list_2 li span{ float:right; line-height:36px; color:#999}
.hall_list_3{ margin-left:27px;}
