/*全局样式*/
@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#000;-webkit-text-size-adjust:100%;overflow-x:hidden;}
input:required,textarea:required{outline:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;-webkit-appearance: none !important;}
a{text-decoration:none !important; cursor:pointer !important;color:#000;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.container-fluid{max-width:1230px !important;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.main-pad-1{ padding: 10px;}
.main-pad-2{ padding:20px 15px;}
.main-pad-3{ padding: 20px 0 0;}
/*.main-background-1{ background: url(../images/bg.jpg) repeat;}*/

header .logo_box{height:150px;background:#641951;}
header .logo_box .logo{line-height:150px;width:25%;}
header .logo_box .logo img{max-width:100%;max-height:150px;transition:all .5s;}

/*PC端导航*/
nav{position:relative;width:65%;}
nav a{color:#fff !important;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s;}
/*一级导航*/ 
nav ul li{float:left;width:16.5%;text-align:center;position:relative;line-height:150px;}
nav ul li a{position:relative;display:block;}
nav ul li:before{content:"";width:100%;height:100%;background:#ffecf6;position:absolute;top:-100%;left:0;transition:all .3s;opacity:0;}
nav ul li:hover a,nav ul li.active a{color:#333 !important;}
nav ul li:hover:before,nav ul li.active:before{top:0;opacity:1;}

/*二级导航*/
nav ul li ul{position:absolute;display:none;left:0;top:100%;z-index:100;width:100%;}
nav ul li ul li{float:none;width:100%;line-height:35px;border:none;background:#641951;border-bottom:1px solid rgba(255,255,255,0.2);}
nav ul li ul li:last-child{border:none;}
nav ul li ul li a{font-size:14px;}
nav ul li ul li:before{display:none;}
nav ul li:hover ul li a{color:#fff !important;}
nav ul li ul li a:hover{color:#333 !important; background: #ffecf6;}

/*banner轮播*/
#myCarousel{position:relative;overflow:hidden;}
#myCarousel .carousel-inner a{display:block;cursor:move !important;}
#myCarousel .carousel-control.left{width:60px;height:60px;background:url(../images/left.png) no-repeat;top:50%;left:-100px;margin-top:-30px;}
#myCarousel .carousel-control.right{width:60px;height:60px;background:url(../images/right.png) no-repeat;top:50%;right:-100px;margin-top:-30px;}
#myCarousel:hover .carousel-control.right{right:10px;opacity:1;}
#myCarousel:hover .carousel-control.left{left:10px;opacity:1;}
.carousel-indicators li{width:14px;height:14px;margin:1px 3px;background:#fff;position:relative;}
.carousel-indicators li:before{content:"";width:6px;height:6px;background:#641951;border-radius:50%;position:absolute;top:50%;left:50%;display:none;margin:-3px 0 0 -3px;}
.carousel-indicators .active{width:14px;height:14px;margin:1px 3px;}
.carousel-indicators .active:before{display:block;}

.title1{text-align:center;margin:60px 0 50px;}
.title1 h5{font-size:44px;color:#000;font-family:"隶书";display:inline-block;position:relative;}
.title1 h5:before,.title1 h5:after{content:"";width:8px;height:8px;background:#000;border-radius:50%;position:absolute;top:50%;right:100%;margin:-4px 18px 0 0;}
.title1 h5:after{right:auto;margin:-4px 0 0 18px;}

.main{background:#ffecf6;padding-top:20px;}
.main-1{border:4px solid #641951;background:#fff;padding:27.5px 300px 27.5px 100px;position:relative;}
.main-1:before,.main .main-1:after{content:"";width:24px;height:98px;background:url(../images/bg1.jpg) no-repeat center/contain;position:absolute;top:-4px;right:-4px;z-index:1;}
.main-1:after{right:auto;left:-4px;transform:rotateY(180deg);}
.main-1 .title{width:70px;height:67px;background:url(../images/bg2.png) no-repeat center/contain;font-size:19px;color:#fff;text-align:center;line-height:22px;padding-top:12px;position:absolute;top:10px;left:10px;z-index:3;}
.main-1 .swiper-container{height:35px;}
.main-1 a{display:block;color:#333;border-bottom:1px dashed #f1dce9;position:relative;padding:0 90px 12px 0;transition:all .3s;}
.main-1 a span{position:absolute;top:0;right:0;}
.main-1 .swiper-button-prev{background:none;left:auto;right:10px;font-size:18px;width:18px;height:15px;margin:2px 0 0 0;}
.main-1 .swiper-button-prev span{top:-3px;}
.main-1 .swiper-button-next{background:none;font-size:18px;width:18px;height:15px;margin:-13px 0 0 0;}
.main-1 .swiper-button-next span{top:-4px;}

.main-2{padding:0 160px;position:relative;}
.news1{display:block;}
.news1 .img{width:300px;height:300px;}
.news1 .text_box{font-size:16px;line-height:30px;color:#333;margin-left:380px;padding-top:10px;height:280px;overflow:hidden;}
.main-2 .swiper-button-prev{left:0;width:21px;height:37px;background:url(../images/left2.png) no-repeat center;margin-top:18px;}
.main-2 .swiper-button-next{right:0;width:21px;height:37px;background:url(../images/right2.png) no-repeat center;margin-top:18px;}

.main-3{background:#eccfe1;position:relative;margin-top:-50px;}
.main-3:before{content:"";width:100%;height:134px;background:url(../images/img1.png) center center/cover;position:absolute;top:-35px;left:0;}
.main-3 .title1{margin:80px 0 50px;}

.news2{display:block;background:#ffecf6;border-radius:5px 5px 0 0;}
.news2 .imgbox{overflow:hidden;border-radius:5px;}
.news2 .text_box{text-align:center;font-size:0;padding:0 10px 10px 10px;}
.news2 .text_box .title{overflow:hidden;}
.news2 h5{display:inline-block;font-size:20px;color:#000;position:relative;margin:20px 0;}
.news2 h5:before,.news2 h5:after{content:"";width:100%;height:1px;border:1px dashed #641951;position:absolute;top:50%;right:100%;margin-right:10px;transition:all .3s;}
.news2 h5:after{right:auto;left:100%;margin:0 0 0 10px;}
.news2 h5 img.img-2{display:none;}
.news2 h5 img{margin:-5px 0 0 0;}
.news2 .text{line-height:21px;color:#000;height:63px;font-size:14px;text-align:left;overflow:hidden;}
.news2-2{background:#f2e6c6;}
.news2-2 h5{font-size:16px;display:block;text-align:left;margin:15px 0;}
.news2-2 h5:before,.news2-2 h5:after{display:none;}
.main-3 a.more{display:block;margin:50px auto;width:192px;height:47px;background:url(../images/bg3.png) no-repeat center/contain;text-align:center;line-height:47px;color:#333;position:relative;}
.main-3 a.more:before{content:"";width:100%;height:100%;background:url(../images/bg3-2.png) no-repeat center/contain;position:absolute;top:0;left:0;opacity:0;transition:all .3s;}
.main-3 a.more p{display:inline;position:relative;transition:all .3s;}
.main-3 a.more span{display:inline-block;width:23px;height:23px;background:#641951;border-radius:50%;color:#fff;line-height:19px;font-size:25px;margin-left:10px;position:relative;top:2px;transition:all .3s;}

.inside_pages{background:#ffecf6;padding-bottom:50px;}
.title2{line-height:100px;background:#2992d4;color:#fff;font-size:30px;font-weight:bold;text-align:center;position:relative;}
.title2 span.span1{font-size:20px;font-weight:normal;margin-left:10px;}
.title2 span.span2{font-size:20px;position:absolute;top:0;right:15px;line-height:40px;}
.title2 i{position:absolute;top:0;left:0;width:100%;height:100%;}
.title2-2{background:#7ba725;}
.title2-3{background:#a47120;}
.title2-4{background:#da3764;}

.nav1 ul{padding:5px 0;}
.nav1 ul a{display:block;line-height:43px;background:#fff;font-size:16px;color:#000;text-align:center;padding:0 5px;border-bottom:4px solid #e2e2e2;margin-bottom:5px;}
.nav1 ul a:hover,.nav1 ul a.active{background:#187fbf;color:#fff;border-color:#2992d4;}
.nav1-2 ul a:hover,.nav1-2 ul a.active{background:#7ba725;border-color:#6b9618;}
.nav1-3 ul a:hover,.nav1-3 ul a.active{background:#cb800b;border-color:#e7c14b;}
.nav1-4 ul a:hover,.nav1-4 ul a.active{background:#da3764;border-color:#ce2251;}

.nav2 img{margin:10px 0;border:1px solid #c5c5c5;}
.nav2 .text{line-height:25px;color:#333;}

.title3{padding:30px 0 13px;border-bottom:1px solid #cbcbcb;margin-bottom:20px;}
.title3 h5{color:#333;}
.title3 a{color:#333;}
.title3 a:hover{color:#641951;}

.cp_ny{padding:0 5px;}
.cp_ny .col-lg-4{padding:0;}
.cp_ny .news2{margin:0 10px 20px;}

.xqy .bt{font-size:16px;font-weight:bold;text-align:center;margin:10px 0;}
.xqy .rq{color:#999;text-align:center;line-height:30px;border-top:1px dashed #999;width:70%;margin:0 auto;}
.xqy img{display:block;max-width:100% !important;height:auto !important;margin:20px auto;}
.xqy .text{line-height:25px;}

/*footer*/
footer{position:relative;}
footer:before,footer:after{content:"";width:28px;height:14px;border-radius:0 0 14px 14px;background-color:#ffecf6;position:absolute;top:0;left:50%;margin-left:-28px;}
footer:after{background-color:#641951;margin:0;top:-14px;transform:rotateX(180deg);}
footer.active:before{background-color:#eccfe1;}
footer .top{padding:50px 0;background:#641951;}
footer .top .con1 img{width:115px;height:161px;}
footer .top .con1 .text{line-height:25px;color:#fff;padding:25px 0 0 150px;}
footer form ul li{margin-bottom:10px;}
footer form ul li:nth-child(1),footer form ul li:nth-child(2){width:48%;}
footer form span{color:#fff;line-height:38px;}
footer form input,footer form textarea{height:38px;padding:0 10px;width:calc(100% - 50px);border:1px solid rgba(255,255,255,0.4);border-radius:5px;background:none;color:#fff;transition:all .3s;}
footer form textarea{height:88px;padding:10px;}
footer form button{width:104px;height:38px;background:#f5e5bb;color:#000;border:none;border-radius:5px;margin-left:50px;display:block;}
footer .bottom{background:#000;padding:10px 0;overflow-x:hidden;}
footer .bottom ul{font-size:0;margin:0 -10px;}
footer .bottom ul li{display:inline-block;line-height:25px;}
footer .bottom ul li a{color:#fff;font-size:14px;border-right:1px solid #fff;padding:0 10px;transition:all .3s;}
footer .bottom ul li a:hover{color:#f5e5bb;}
footer .bottom ul li:last-child a{border:none;}
footer .bottom .text{color:#fff;line-height:25px;}

/*移动端底部热点链接*/
#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
#tabBar .clickbtn img{ width: 22px; }
#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
#tabBar .clickbtn.active{ background:url(../images/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
#tabBar .clickbtn.active > img{ opacity: 0; }
#tabBar .clickbtn.active span{ opacity: 1; }
#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

@keyframes tabBarAnimation{
	0%{transform:translate(0,0);}
	30%{transform:translate(0,5px);}
	50%{transform:translate(0,0);}
	70%{transform:translate(0,-5px);}
	100%{transform:translate(0,0);}
}

@keyframes navigationAnimation{
	0%{left:calc(100% - 100px); width: 0; }
	80%{ left: -10px; width:100%; }
	90%{ left:  5px; width:100%; }
	100%{ left: 0; width:100%; }
}

@keyframes navigationAAnimation{
	from{ left: -10px; opacity: 0; }
	to{ left: 0; opacity: 1; }
}

@keyframes clickbtnAnimation{
	0%{ transform: rotateY(0deg); }
	10%{transform: rotateY(270deg); }
	15%{transform: rotateY(180deg); }
	30%{transform: rotateY(0deg); }
	100%{transform: rotateY(0deg); }
}


/*媒体查询开始*/
@media (min-width:992px){
.news1:hover .img,.news2:hover .img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1,1.1);}
header .logo_box .logo:hover img{transform:scale(0.9);}
.main-1 .swiper-button-next:hover,.main .main-1 .swiper-button-prev:hover{color:#641951;}
.news1:hover .text_box{text-decoration:underline;}
.news2:hover{background:#641951;}
.news2:hover h5,.news2:hover .text{color:#fff;}
.news2:hover h5:before,.news2:hover h5:after{border-color:#fff;}
.news2:hover h5 img.img-1{display:none;}
.news2:hover h5 img.img-2{display:inline;}
.news2-2:hover{background:#2992d4;}
.news2-3:hover{background:#7ba725;}
.news2-4:hover{background:#a47120;}
.news2-5:hover{background:#da3764;}
.main-1 a:hover{color:#641951;}
.main-3 a.more:hover{color:#fff;}
.main-3 a.more:hover:before{opacity:1;}
.main-3 a.more:hover span{background:rgba(0,0,0,0.8);}
footer form input:hover,footer form textarea:hover{background:rgba(245,229,187,1);color:#000;}
}

@media(max-width:1199px){
.main-2{padding:0 80px;}
}

@media (max-width:991px){
header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000;}
header .sjdnav ul{padding:0;margin:0;}
header .sjdnav li{display:block;padding:0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);background:#641951;}
header .sjdnav li:last-child{border:none;}
header .sjdnav li a{display:block;color:#fff;line-height:40px;font-size:16px;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:35px;right:15px;}
header .ydd_btn span{display:block;width:100%;height:8px;background:#fce8b6;}
header .ydd_btn span.span02{margin:5px 0;}
header .ydd_btn.click span{background:#fce8b6;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:0.5px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
header .logo_box{height:auto;}
header .logo_box .logo{line-height:100px;width:auto;}
header .logo_box .logo img{max-height:90px;}
.main-1{padding:27.5px 50px 27.5px 100px;}
.news1 .img{width:200px;height:200px;}
.news1 .text_box{margin-left:220px;padding-top:15px;height:160px;overflow:hidden;}
footer .top{padding:30px 0;}
footer form{margin-top:30px;}
footer .bottom{text-align:center;}
footer .bottom ul,footer .bottom .text{float:none !important;}
.nav1{margin:20px 0;}
.title2{line-height:40px;font-size:20px;text-align:left;padding-left:15px;}
.title2 span.span1{font-size:14px;}
.nav1 ul a{line-height:35px;}
}

@media (max-width:767px){
header .sjdnav{top:80px;}
header .ydd_btn{width:35px;top:30px;}
header .ydd_btn span{height:4px;}
header .ydd_btn span.span02{margin:3px 0;}
header .ydd_btn.click span.span02{margin:4px 0;}
.carousel-indicators{bottom:2px;}
.carousel-indicators li{width:10px;height:10px;margin:1px;}
.carousel-indicators .active{width:10px;height:10px;margin:1px;}
header .logo_box .logo{line-height:80px;}
header .logo_box .logo img{max-height:70px;}
.main-1 .title{display:none;}
.main-1 a{padding:5px 90px 5px 0;}
.main-1{padding:10px 50px 10px 30px;border:2px solid #641951;}
.main-1:before,.main .main-1:after{content:"";width:24px;height:60px;background:url(../images/bg1.jpg) no-repeat center 1px/contain;top:-3px;right:-9px;z-index:1;}
.main-1:after{left:-9px;}
.main-2{padding:0;}
.main-2 .swiper-button-prev,.main-2 .swiper-button-next{display:none;}
.news1 .imgbox{float:none !important;}
.news1 .img{width:100%;height:200px;}
.news1 .text_box{margin-left:0;padding-top:0;height:120px;text-align:center;}
.title1{margin:30px 0 20px;}
.title1 h5{font-size:20px;}
.main-3 .title1{margin:80px 0 20px;}
.news2 h5{font-size:16px;margin:15px 0;}
.main-3 a.more{margin:20px auto;width:130px;}
footer .top{padding:30px 0 20px;}
footer .top .con1{text-align:center;}
footer .top .con1 a{float:none !important;}
footer .top .con1 img{width:auto;height:auto;}
footer .top .con1 .text{line-height:25px;color:#fff;padding:25px 0 0 0;}
footer form ul li{width:100% !important;}
.inside_pages{padding-bottom:30px;}
.cp_ny{padding:0 10px;}
.cp_ny .news2{margin:0 5px 10px;}
.news2-2 h5{margin:10px 0;}
}

@media (max-width:479px){
header .ydd_btn{width:25px;top:21px;}
header .sjdnav{top:60px;}
header .logo_box .logo{line-height:60px;}
header .logo_box .logo img{max-height:50px;}
.main-1 a{padding:0;padding:5px 0;}
.main-1 a span{display:none;}
footer form button{width:calc(100% - 50px);}
}
