﻿/* CSS Document */
@charset "utf-8";
* {margin: 0;padding: 0;}


body {font-family:"Microsoft YaHei"; font-size:14px;}
ul,ol,li {list-style: outside none none;}
a {text-decoration: none; color:#333333;}
a:hover{text-decoration:none; color:#d24c03;}
.clear{ clear:both}
.fl{float:left;}
.fr{float:right;}

.banner-swiper .swiper-slide img{
	display: block;
	width: 100%;
}
.banner-swiper .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background: #fff;
	opacity: 0.5;
	transition-duration: 0.5s;
}
.banner-swiper .swiper-pagination-bullet-active{
	width: 30px;
	opacity: 1;
}
.banner-swiper .swiper-pagination{
	bottom: 30px;
}

.about{width:100%; margin:0 auto; background:#FFF; padding-top:55px; height:726px;}
.about .tnk{width:1200px; margin:0 auto;}
.animation{ visibility:hidden}
.about .dh1{width:628px; height:614px; animation:bounceInLeft 1 2s; visibility:visible;}
.animation1{ visibility:hidden}
.about .dh2{width:572px; height:614px; animation:bounceInRight 1 2s; background:#fcc91a; visibility:visible; color:#5e0d12; font-family:"Microsoft YaHei";}
.about .dh2 .tit{width:100%; text-align:center; font-size:30px;  padding-top:140px;}
.about .dh2 .txt{width:90%; margin:0 auto; padding-top:50px; }
.about .dh2 .txt1{line-height:30px; font-size:16px; padding-bottom:50px;}
.about .dh2 .an{width:162px; height:38px; line-height:38px; text-align:center; border:2px solid #c28417;}




.animation{ visibility:hidden}

.logo{width:600px; padding-top:160px; float:right; margin-right:100px; display:none;}
.logo .span{text-align:center; width:600px;}
.logo .span1{width:600px; line-height:32px; font-size:16px; color:#FFF; font-family:"Microsoft YaHei"; padding-top:80px; padding-bottom:60px;}
.pro{background: url('../images/2.jpg') no-repeat center; height:758px; background-attachment:fixed; margin:0 auto; background-size:cover;}
.pro1{width:1200px; margin:0 auto; padding-top:45px;} 
.pro1 .tit{width:1200px; font-size:24px; color:#fff; text-align:center; font-family:"Microsoft YaHei";}
.pro1 .tit1{ font-size:18px; color:#e7e5e5; font-family:Arial; text-align:center; width:1200px; } 
.pro2{width:1200px; margin:0 auto; padding-top:50px;}

.pro3{width:600px; height:400px;}
.pro4{width:540px; padding-top:25px; color:#111111; font-family:"微软雅黑";}
.pro4 .t1{width:100%; font-size:18px; line-height:36px;}
.pro4 .t2{width:100%; line-height:24px; font-size:14px; padding-top:10px;}

.dmfm{ width:100%; height:758px; margin:0 auto;}
.dmfm1{width:1200px; padding-top:150px; margin:0 auto;}
.dmfm .left{width:626px; }
.dmfm .left li{width:294px; height:250px; float:left; margin-right:19px; margin-bottom:22px; list-style:none;}
.dmfm .right{width:540px; font-family:"Microsoft YaHei";}
.dmfm .right .tit{width:100%; padding-top:100px; font-size:30px; color:#5e0d12; text-align:center; }
.dmfm .right .txt{width:100%; padding-top:80px; font-size:14px; color:#333333;}
.dmfm .right .an{width:100%; padding-top:50px; text-align:center; font-size:16px; color:#efbe17; line-height:34px; }
.dmfm .right .an a{ position:relative}
.dmfm .right .an a:hover{ color:#f7df8b; text-decoration:none;}
.dmfm .right .an a:hover .sbor{width:56px; text-decoration:none;}
.dmfm .right .an .sbor{ 
	position:absolute;
	bottom:-5px;
	height:3px;
	width:0px;
	background-color:#f7df8b;
	left:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;

}

.faq{height:510px; margin:0 auto; width:100%; background:#eaeaea;}
.faq1{width:580px; margin:0 auto; padding-top:60px;}
.faq2{width:580px; margin-bottom:15px; height:46px;}
.input{width:563px; border:1px solid #c8c8c8; height:44px; line-height:44px; background:#fff; font-size:16px; color:#747474; padding-left:15px;}
.input1{width:563px; border:1px solid #c8c8c8; height:70px; line-height:30px; background:#fff; font-size:16px; color:#747474; padding-left:15px;}
.foot{width:100%; height:244px; margin:0 auto; background:url(../images/logo1.png) no-repeat 280px center #c7121d;}
.foot1{width:1200px; margin:0 auto; padding-top:33px; color:#fff;}
.foot2{font-family:'微软雅黑'; font-size:18px; padding-bottom:15px;}
.foot2 a{color:#fff;}
.foot2 a:hover{color:#d24c03;}
.foot .ewm{width:250px;}
.bg{width:100%; margin:0 auto; background:#f4f4f4;}
.bg .center{width:1200px; margin:0 auto; padding-bottom:50px;}
.bg .center .tit{width:1200px; line-height:108px; font-size:34px; color:#5e0d12; text-align:center;}
.ny-menu{width:1200px; margin-bottom:6px; }
.ny-menu li{width:148px; list-style:none; text-align:center; line-height:48px; float:left; margin-right:6px; font-family:"微软雅黑"; font-size:16px; margin-bottom:6px;}
.ny-center{width:1200px; padding:45px 35px 45px 35px; background:#FFF; margin:0 auto;}
.cyhc{width:548px; height:438px;}
.cyhc1{ width:510px;}
.cyhc1 .txt{width:100%; line-height:24px; font-size:14px; font-family:"微软雅黑"; color:#333333; padding-top:15px;}

@font-face {
	src:url(../font/文鼎CS大宋.ttf); font-weight: normal;
    src:url(../font/Century Gothic.ttf); font-weight: normal;
    font-style: normal;
}

.m2{
	font: normal 16px "微软雅黑";
	width:148px;
	height:48px;
	line-height:48px;
	color:#555555;
	behavior: url("iepngfix.htc");
	text-align:center;
	background:#fff;
 }

.m3{
	font: normal 16px "微软雅黑";
	width:148px;
	height:48px;
	line-height:48px;
	color:#ffffff;
	background:#f5c213;
	behavior: url("iepngfix.htc");
	text-align:center;
 }
 
 .lxwm{width:600px; padding-top:100px;}
 .lxwm li{width:600px; list-style:none; /*border-bottom:1px dashed #CCC; */font-size: 26px; height:42px; line-height:42px;}
 .zxly{width:400px; margin:0 auto; font-size:20px; color:#333333; text-align:center; font-family:'微软雅黑';}
 .zxly1{width:580px; margin:0 auto; padding-top:40px;} 
 
.dm{width:340px; height:290px; float:left; margin:20px 18px 25px 18px; position:relative; overflow:hidden;}
.dm img{ width:100%; transition-duration:500ms; position:absolute; left:0; bottom:0; top:0; right:0; margin:auto;height:330px;}
.dm:hover img{ transform:scale(1.2)}


.button {
	width:563px;
  padding: 0.8em;
  cursor: pointer;
  background: #e1b009;
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align:center;
}
.trim {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  color:#fff;
}
.trim:hover:before, .trim:focus:before, .trim:active:before {
  opacity: 1;
    color:#fff;
}

.jm1{font-size:16px; color:#d2a303;}

.cpgd{width:1180px; padding:10px; border:1px solid #e2e2e2; background:#FFF; margin-top:45px;}

.marqueeleft{height:120px;width:1160px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:135px;height:120px;overflow:hidden;}
.marqueeleft li .pic{display:block; width:135px;height:89px;overflow:hidden;}
.marqueeleft li .txt{text-align:center; padding-top:10px;}

.ny_news_01{width:1170px; margin:0 auto; border-top:1px solid #d9d9d9;}
.ny_news_1{width:1170px; margin:0 auto;}
.ny_news_02{width:1170px; height:200px; border-bottom:1px solid #d9d9d9;}
.ny_news_02_01{width:1130px; padding:26px 20px 26px 20px; height:200px;border-bottom:1px solid #d9d9d9;}
.ny_news_02_01_1{width:1130px; padding:26px 20px 26px 20px; height:200px;border-bottom:1px solid #d9d9d9; background:#f0f0f0;}
.ny_news_02_02{width:800px; padding-top:16px;}
.ny_news_02_tit{width:100%; line-height:26px; font-size:18px; color:#333; font-family:"微软雅黑"; font-weight:300;} 
.ny_news_time{width:100%; height:22px; line-height:22px; font-size:12px; font-family:Verdana; color:#999999;}
.ny_news_02_04{width:100%; padding-top:15px; line-height:20px; font-size:12px;}
.ny_news_02_03{width:199px; height:134px;}
.page11{width:1170px; padding-top:20px; font-size:14px;}
.p1Page2{ margin:0 auto; padding-bottom:10px;}
.page{line-height:20px;text-align:center;}
.page a{margin:0 3px;display:inline-block;padding:0 6px;border:1px solid #CCC;}
.page a:hover{background:#F5F5F5;}
.page a.on{background:#005caa;border-color:#d5b686;color:#FFF;}
.page a.page_turn:hover{background:#005caa;border-color:#cbcdcc;color:#FFF;box-shadow:1px 1px 3px #CCC;}
.page input{width:20px;height:20px;line-height:20px;margin-right:8px;padding-left:5px;border:1px solid #CCC;vertical-align:top;}
.page input:hover{border-color:#005caa;}

.detail{width:100%; line-height:36px; text-align:center; font-weight:bold; border-bottom:1px dashed #CCC;}
.detail1{width:100%; padding-top:15px; padding-bottom:15px; line-height:24px; font-size:14px;}

.detail1 img{max-width:98%;}

.dmxg{width:100%; margin:0 auto;}
.dmxg li{width:340px; height:290px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px; list-style:none;}



.mdap{width:140px; height:40px; border:2px solid #fff; margin:0 auto; font-size:16px; text-align:center; line-height:40px; color:#fff;}
.mdap a{color:#fff;}

.ckxx{width:160px; height:46px; border:2px solid #fff; line-height:46px; font-size:18px; text-align:center; margin:0 auto; color:#fff;}
.ckxx a{color:#fff;}



@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}



/*3-20*/
.top{width:1200px; margin:0 auto; padding:20px 0;}
.top-l{width:187px; height:55px; position:relative;}
.top-c{width:1000px;}
.top-c li{width:125px; line-height:62px; text-align:center; font-size:16px; float:left;}

.cd{width:1000px; padding:16px 0;}
.cd li a{ width:124px; border-right:1px solid #dbdcdd; float:left; height:30px; line-height:30px; text-align:center; font-size:16px; color:#585858; display:block; position:relative;}
.cd li a:hover{color:#5f0c11;}
.cd li a:after{ content:""; position:absolute; width:0%; height:3px; background:#5f0c11; bottom:-8px; left:20%; transform:translateX(0%); transition-duration:.5s;}
.cd li a:hover:after{ width:60%;}
.cd li .on{ color:#5f0c11;}
.cd li .on:after{ width:60%; left:20%;}

.ba-h{height: 900px;}
.f-ft{margin-left:300px; padding-top:0px; font-size:18px;}

.zxqq{width:140px; position:fixed; top:45%; right:10px;}
.zxqq1{width:100%; height:46px; background:#ca1a1a; line-height:46px; text-align:center; font-size:18px; color:#fff;}
.zxqq2{width:100%; border:1px solid #e5e5e5; padding:20px 0; text-align: center; background:#fff; width:calc(100% - 2); width: -webkit-calc(100% - 2 );}
.zxqq2 img{display:inline-block; max-width:100%;}

.index_zsjm{position: fixed;right: 0;top: 45%;border-radius:5px;background: #c7121d;color: #FFFFFF;font-size: 16px; width: 125px;height: 165px;}
.index_zsjm a{display: block;width: 100%;height: 100%;padding: 5px;box-sizing: border-box;}
.index_zsjm a img{width: 100%;}
.index_zsjm a span{display: block;width: 100%;text-align: center;color: #FFFFFF;font-size: 16px;}


.pro1 .picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.pro1 .picScroll-left .bd{ width:100%; margin:0 auto;}
.pro1 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.pro1 .picScroll-left .bd ul li{ width:31.3%; float:left; _display:inline; overflow:hidden; margin:0 1%; position:relative; cursor:pointer; }
.pro1 .picScroll-left .bd ul li .dw{ width:80px; height:70px; background:#999999; position:absolute; top:0; left:0; color:#fff; font-family:Arial; text-align:center; padding-top:5px;}
.pro1 .picScroll-left .bd ul li .dw .l1{width:100%; font-size:36px; font-weight:bold;}
.pro1 .picScroll-left .bd ul li .dw .l2{font-size:14px;}
.pro1 .picScroll-left .bd ul li .pic{ width:100%; text-align:center; overflow:hidden; background:#000; }
.pro1 .picScroll-left .bd ul li .pic img{ width:100%; display:block; transition-duration:1s; }
.pro1 .picScroll-left .bd ul li:hover .pic img{ transform:scale(1.1,1.1);opacity:0.7;}
.pro1 .picScroll-left .bd ul li .title{width:100%; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5; padding:10px 3% 20px 3%; background:#fff;}
.pro1 .picScroll-left .bd ul li .title .h_01{font-size:18px; color:#333333; line-height:40px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/
}
.pro1 .picScroll-left .bd ul li .title .h_02{font-size:14px; line-height:22px; color:#777777; padding-top:5px; overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.pro1 .picScroll-left .bd ul li:hover .dw{background:#bf101a;}

.in_news{width:100%; background:#eaeaea; padding-bottom:60px;}

@media (min-width: 1368px) and (max-width: 1441px) {
.ba-h{height: 850px;}
.f-ft{ padding-top:40px; font-size:16px;}
.foot2{font-size:16px;}
.foot{ background:url(../images/logo1.png) no-repeat 160px center #c7121d; background-size:10%;}
}
	
	

@media (min-width: 1198px) and (max-width: 1367px) {
.ba-h{height: 640px;}
.f-ft{ padding-top:40px; font-size:16px;}
.foot2{font-size:16px;}
.foot{ background:url(../images/logo1.png) no-repeat 120px center #c7121d; background-size:10% ;}
}

