@charset "utf-8";
body{font-size:14px; color:#666; font-family:"微软雅黑", Arial, Helvetica, sans-serif; cursor:default; max-width:768px; margin:0 auto;}
*{padding:0px; margin:0px;box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:14px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#666; text-decoration:none;}
a:hover{color:#dd0404;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
.ct{margin:0 auto;}
input[type=button],input[type=text],input[type=password],textarea{-webkit-appearance:none;outline:none}

.con{width:94%;}

.header{width:100%; height:82px; background-color:#fff; padding:6px 0; box-shadow:0 0 5px #bbb; z-index:99; position:fixed; top:0; left:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header.on{margin-left:0%;}
.header .logo{width:160px; position:absolute; float:left; padding:0px 0px 0px 10px;}
.header .logo img{width:100%; height:auto; display:block;margin: 0px 0px 0px -1px}
.header .ss{float:right; width:30px; height:30px; border-radius:100%; text-align:center; font-size:16px; line-height:26px; margin-right:4%; margin-top:11px; color:#e61772;}
.header .an{width:35px; height:30px; margin-top:11px; float:right; position:relative; margin-right:4%;}
.header .an span{width:35px; height:3px; background:red; display:block; position:absolute;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .an span.a1{top:6px; left:0;}
.header .an span.a2{top:14px; left:0;}
.header .an span.a3{top:22px; left:0;}
.header .an span.a4{top:30px; left:0;}
.header.on .an span.a2{display:none;}
.header.on .an span.a1{top:16px; width:35px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header.on .an span.a3{top:16px; width:35px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header.on .an span.a4{display:none;}

.search{width:100%; padding:10px 15%; background-color:#f7f7f7; position:fixed; top:62px; left:0; z-index:9; display:none;}
.search input.w_z{width:85%; height:32px; border-radius:0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:32px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:15%; height:32px; border-bottom:1px solid #d7d7d7; font-size:16px; line-height:32px; text-align:center; float:right; -webkit-appearance:none;}

.nav{width:100%; height:100%; background:#fff; position:fixed; top:80px; right:-100%; z-index:999; overflow:scroll; z-index:999999999999999; border-top:1px solid #cccccc;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.nav.on{right:0;}
.nav ul{overflow:hidden; margin-bottom:25px;}
.nav ul li{width:100%; float:left; border-bottom:1px solid #cccccc;}
.nav ul li a.y_j{width:100%; height:65px; font-size:18px; color:#333; line-height:65px; text-indent:5%; display:block; position:relative;}
.nav ul li a.y_j.on{background:#fff; color:red;}
.nav ul li i{display:inline-block; width:0; height:0; margin-left:5px; vertical-align:middle; position:absolute; top:0; right:10%; font-size:18px}
.nav .e_j{display:none; margin-bottom:10px;}
.nav .e_j a{display:block; font-size:16px; line-height:36px; color:#666; text-indent:5%;}
.nav .e_j a:hover { background:none; color:red; }

.zxdh { width:100%; text-align:center; font-size:20px;}
.zxdh font { color:red; display:block;}



.head_h{width:100%; height:82px;}

.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination-bullet{width:30px; height:3px; margin:0 5px !important;}
.gallery-top .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:10px;}

.gy_bt{width:100%;  text-transform:uppercase; margin-bottom:20px; text-align: center; }
.gy_bt h3{font-size:30px;height:48px; font-weight: bold;}
.gy_bt i { width:35px; height: 3px; background:red; display: block; margin:5px auto;}


.sy_cp { width:94%; margin:40px auto;}
.sy_cp ul li { width:48%; margin:0 4% 4% 0; float: left;}
.sy_cp ul li:nth-child(2n) { margin-right: 0;}
.sy_cp ul li .tp { width: 100%; height: auto; padding: 5px;}
.sy_cp ul li .tp img { width: 100%; height: auto;}
.sy_cp ul li .wz { border: 1px solid red; width: 92%; margin: 10px auto 0px auto; height: 28px; line-height: 28px; border-radius: 30px; text-align: center; font-size: 14px;}
.sy_cp ul li .wz a:hover { background:red; color: #fff; border-radius: 30px; display: block;}


.swiper-js{width:100%; }
.swiper-js .swiper-slide {  position: relative;}
.swiper-js .swiper-slide .tp { width:100%; height: auto; }
.swiper-js .swiper-slide .tp img {width:100%; height: 300px;}
.swiper-js .swiper-slide .wz { position: absolute; width: 100%; background: red; left: 0; bottom: -1px; padding:3%; }
.swiper-js .swiper-slide .wz h1 { font-weight: bold; font-size:16px; color: #fff; text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.swiper-js .swiper-slide .wz h1 a {color: #fff;}
.swiper-js .swiper-slide p { font-size: 14px; line-height: 24px; color: #fff;}
.swiper-js .swiper-button-next{width:26px; height:40px; background:url(../images/z_j.png) no-repeat; right:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}
.swiper-js .swiper-button-prev{width:26px; height:40px; background:url(../images/h_j.png) no-repeat; left:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}


.sy_xw { width: 100%; margin:0px auto; padding: 40px 0px 55px 0px; background: #f5f7f6;}
.sy_xw .zc { width: 100%; position: relative; }
.sy_xw .yc { width: 94%; margin: 10px auto 0px auto;}
.sy_xw .yc ul li { padding: 15px 0px; border-bottom: 1px solid #ddd;}
.sy_xw .yc ul li h4 { font-size: 16px; height: auto; font-weight: bold;}
.sy_xw .yc ul li h4 font { color: red;}
.sy_xw .yc ul li h4 a:hover {color: red;}
.sy_xw .yc ul li p { font-size: 15px; line-height: 26px; color: #666; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.sy_xw .yc ul li span { font-size: 13px; color: #666;}
.more { width:100%; height: 1px; background: #cccccc; display: block; position: relative; margin-top:48px;}
.more .an {width: 180px;height: 30px; background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 15px; font-size: 16px; color: #999; line-height: 30px; top: -15px; position: absolute; left: 50%; text-align: center; margin-left: -90px;}
.more .an a {color: #999;}
.more:hover {background: red;}
.more:hover a {background: red;border: 1px solid red; color: #fff; display: block; border-radius: 15px;}

.moree { width:100%; height: 1px; background: #fff; display: block; position: relative; margin-top:32px;}
.moree .an {width: 180px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid#CCCCCC;
    border-radius: 15px;
    font-size: 16px;
    color: #999;
    line-height: 30px;
    top: -15px;
    position: absolute;
    left: 50%;
    text-align: center;
    margin-left: -90px;
}
.moree .an a {color: #999;}





.sy_gy { width:100%; overflow:hidden; background: #f6f6f6; position: relative; padding-bottom:20px; }

.sy_gy .tp { width: 100%; height: 400px;}
.sy_gy .tp img { width: 100%; height: 400px;}
.sy_gy .wz { position: absolute; top:30px; right:3%; width:94%;}
.sy_gy .wz p { font-size:16px; line-height:24px; text-align:justify; color:#fff;  text-indent: 36px; padding: 20px 0px 0px 0px; }
.sy_gy .right { width:100%; position: relative; z-index: 1;  }
.sy_gy .right img {border: 2px solid #fff;}
.sy_gy .right .bj { position: absolute; left: 0; top:0; width: 100%; padding-top: 25%; text-align: center; height:100%; display: none; background: rgba(0,0,0,.4); z-index: 9;}
.sy_gy .right:hover .bj { display: block;}

.sy_al { width: 100%; margin: 30px auto 40px auto;}
.sy_al .zc { width: 100%; overflow: hidden;}
.sy_al .zc img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; width: 100%;}
.sy_al .zc:hover img {-webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s;}
.sy_al .yc {width: 94%; margin: 20px auto;}
.sy_al .yc p{ font-size: 15px; line-height: 28px;}
.sy_al .more { margin:32px auto;}



.sy_hz { width: 100%; background: url(../images/shouye_40.jpg) no-repeat center left/cover; padding: 55px 0px;}
.sy_hz .zj { width: 1300px; margin: 0px auto; background: #fff; padding-top: 53px;}



.footer{width:100%; padding:25px 0px; background:#000000;}
.footer .ycwx { width:94%;margin: 0px auto; }
.footer .ycwx .wx h4 {color: #ccc; font-size: 14px; height: 30px; text-align: center;}
.footer .ycwx .wx { width:15%;}
.footer .ycwx .wx img { width: 100%;}
.footer .ycwx .wa { width: 60%;  color: #ccc;  margin-right: 5%; }
.footer .ycwx .wa h1 {font-size: 24px; }
.footer .ycwx .wa font { display: block; font-size:12px;}
.footer .ycwx .wa p {font-size: 12px;}


.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}
.nban .bj { position: absolute; left: 0; top:0; height: 100%; width: 100%; background:rgba(0,0,0,.1);}
.nban .wz { position: absolute; left: 50%; top:38%; z-index: 5; width: 1300px;margin-left:-650px;}
.nban .wz h1 { font-size: 58px; height:90px;  color: #fff; font-weight: bold; }
.nban .wz p { font-size: 28px; background: #fff; color: #fd3261; text-align: center; width: 145px; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif;}


.gy_wm { width: 100%; margin:0px auto;}
.gy_wm .zc { width: 100%; background: #ededed; }
.gy_wm .zc ul li { height:40px; width: 25%; line-height: 40px; font-size: 14px; color: #666; float: left; text-align: center; }
.gy_wm .zc ul li.on {height: 40px; line-height: 40px;  font-size: 14px; font-weight: bold; color:red; border-bottom: 2px solid red; background: #fff;}
.gy_wm .zc ul li.on a {color: red;}
.gy_wm .zc ul li:hover {height: 40px; line-height: 40px;  font-size: 14px; font-weight: bold; color:red; border-bottom: 2px solid red; background: #fff;}
.gy_wm .zc ul li:hover a {color: red;}

.gy_wm .zcc { width: 100%; background: #ededed; }
.gy_wm .zcc ul li { height:40px; width: 50%; line-height: 40px; font-size: 14px; color: #666; float: left; text-align: center; }
.gy_wm .zcc ul li.on {height: 40px; line-height: 40px;  font-size: 14px; font-weight: bold; color:red; border-bottom: 2px solid red; background: #fff;}
.gy_wm .zcc ul li.on a {color: red;}
.gy_wm .zcc ul li:hover {height: 40px; line-height: 40px;  font-size: 14px; font-weight: bold; color:red; border-bottom: 2px solid red; background: #fff;}
.gy_wm .zcc ul li:hover a {color: red;}




.gy_wm .yc { width:94%; margin: 20px auto 50px auto;}
.gy_wm .yc img { width: 100%; height: auto;}
.gy_wm .yc .wz { font-size: 16px; line-height: 28px; text-indent: 32px; padding:25px 0px;}
.gy_wm .yc h1 {font-size: 22px;  text-align: center;color: #000; padding-bottom: 20px; }
.gy_wm .yc .tp { width: 100%; height: auto;}
.gy_wm .yc .tp1 { margin: 25px 0px 0px 0px;}
.gy_wm .yc .tp2 { margin:20px 0px 0px 0px;}
.gy_wm .yc .tp3 { margin: 100px 0px 0px 0px;}

.zxns { width: 100%; margin-top: 20px;}
.zxns .bbt { width:100%; height: 1px;border-bottom: 1px dashed red; display: block; position: relative;}
.zxns .bbt .an {width: 100px;
    height: 31px;
    background: #FFFFFF;
    border: 1px solid red;
    border-radius: 15px;color:red; line-height: 30px; top: -15px; position: absolute; left:-1px; text-align: center; font-size: 16px;}
    .zxns .wz { margin: 20px 0px; font-size:16px;
        font-weight: 400;
        color: #666666;
        line-height: 30px;}
.zxns .xfl {margin: 40px 0px;}
.zxns .xfl ul li { height: 30px; background: #E9E9E9;border-radius: 15px; float: left; line-height: 30px; width:31.333%; margin: 0 2.6% 2.6% 0; text-align: center; font-size: 14px;}
.zxns .xfl ul li:nth-child(3n) { margin-right: 0;}

.ny_cp { width: 94%; margin: 30px auto 60px auto;}
.ny_cp ul li { width:100%; margin: 0 0 30px 0;background: #FFFFFF; overflow: hidden;
    box-shadow: 0px 0px 12px 0px rgba(171, 171, 171, 0.35);
    border-radius: 10px;}
.ny_cp ul li .tp { width: 100%; height: auto; overflow: hidden;}
.ny_cp ul li .tp img { width: 100%; height: auto; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ny_cp ul li .tp:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ny_cp ul li .wz {padding:15px 20px;}
.ny_cp ul li .wz h2 {font-size: 18px; font-weight: bold;  color: #000;height: 50px; line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom:8px;}
.ny_cp ul li .wz h2 font {color: red;}
.ny_cp ul li .wz h2 a {color: #000;}
.ny_cp ul li .wz h2 a:hover {color: red;}
.ny_cp ul li .wz p{font-size: 14px; line-height: 24px; color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.ny_cp ul li:last-child { margin-bottom: 0;}


.al_xq {width: 94%;margin: 30px auto 60px auto;}
.al_xq h1{font-size: 20px;font-weight: bold; color:#333333; text-align: center; padding-bottom: 20px;}
.al_xq h2 {font-size: 15px;color: #999999; text-align:center; width: 100%;}
.al_xq .wz { padding: 30px 0px 0px 0px;}
.al_xq .wz p{font-size: 15px;color: #333333;line-height: 30px; text-indent: 32px;}
.al_xq .wz .tp { text-align: center; width: 100%; padding:20px 0px;}
.al_xq .wz .tp img { width: 100%; height: auto;}


.ndh { width:100%; margin:0px auto; overflow:hidden; background: #f40a2e;}
.ndh ul li { display:inline-block; width:50%; line-height:40px; font-size:14px;  color:#fff; float: left; text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; text-align: center;}
.ndh ul li a {font-size:14px;  color:#fff;  line-height:40px;display:block; }
.ndh ul li:hover a { background:#ffffff; color:red;}
.ndh ul li.on {background:#ffffff;  color:red;}
.ndh ul li.on a {color: red;}


.lxwm { width: 94%; margin: 0px auto; padding:30px 0;}
.lxwm .zc {width: 100%; }
.lxwm .zc img { width: 100%; height: auto;}
.lxwm .yc { width: 100%; margin-top: 30px;}
.lxwm .yc h1 {font-size: 18px; color: #666; height: 40px; font-weight: 800;}
.lxwm .yc .dz {color: #888888; margin-bottom: 18px;}
.lxwm .yc .dz i { float: left; padding-top: 3px;}
.lxwm .yc .dz .wz { font-size: 16px; float: left; padding-left: 10px;}
.lxwm .yc .dz .wz font { font-size: 14px; display: block; line-height: 24px;}


.lxbd {background: #f3f3f3;padding: 50px 35px; margin-bottom: 90px;}
.lxbd h3 {font-size: 33px; line-height: 50px; color: #666; text-align: center; padding-bottom: 40px;}
.lxbd h4 { font-size: 18px; color: #666666; line-height: 50px;}
.lxbd .txt {width: 550px;height: 36px;background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; color: #999; padding: 0px 10px; }
.lxbd .zc { width: 550px; float: left;} 
.lxbd .yc { width: 550px; float: right;} 
.lxbd .txtt {background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; height: 130px; color: #999; padding: 0px 10px; width: 100%; line-height: 30px;}
.lxbd .anniu { width: 210px; height: 40px; margin: 16px auto 0px auto; border: 1px solid red; line-height: 40px;background: #fff; border-radius: 5px; color: red; font-size: 18px; text-align: center;}
.lxbd .anniu:hover a {width: 210px; height: 40px; background: red; border: 1px solid red;color: #fff; display: block; border-radius: 5px;}



.zw img{max-width: calc(100% - 66px);  height: auto;display: block; margin: 0px auto 0px auto; }