@charset "utf-8";

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
html {height:100%; overflow-y:scroll}
html,body {min-height:100%;}
body, button, input, select, textarea {font: 14px/1.5 'Microsoft YaHei', arial;color: #454545;}
body{background:url(../images/body.jpg) fixed center top no-repeat;}
ul, ol {list-style: none}
a {color: #454545; text-decoration: none}
a:hover {color: #015499;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮动*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}

.wrap{ width:1200px; margin:0 auto;}

.header {position: fixed;top: 0;left: 0; width: 100%;height:100px;z-index: 99999; transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
.header .wrap{ position:relative}
.header .logo {float: left;}
.header .logo img{ display:block; height:100px;}

.header.fixed {background:#71624F;box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 0 6px 2px rgba(0,0,0,.15);}

/*---菜单---*/
.nav{ float: right; height:100px; line-height:100px;}
.nav li{float:left;display:inline;position:relative; margin-right:30px;}
.nav li:last-child{margin-right:0;}
.nav li a { font-size:16px; font-weight:700; color: #fff; display: inline-block; position: relative; z-index: 2;}
.nav li a:before {content: ''; position: absolute; width: 0%; height: 2px; left: 50%;
	bottom: 25px;
	z-index: -1;
	border-radius: 0px;
	opacity: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;
	background:#fff;
}
.nav li a:hover,
.nav li.cur a {color: #fff;}
.nav li:hover a:before,
.nav li.cur a:before {width: 100%; left: 0; border-radius:70px; opacity: 1;}

.snav_btn {display:none;}
.hideMenu {display:none;}


.banner { width:100%;overflow:hidden;position:relative; height:700px; background:url(../images/banner.jpg) center 0 no-repeat; background-size: cover}
.banner .swiper-container {overflow:hidden; height:700px;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.banner .swiper-slide img{ display: none; width:100%;}

.banner .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999;}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.banner .swiper-pagination-bullet { width: 12px; height: 12px; border-radius:12px; margin:0 5px; background: #fff; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background: #015499; opacity:1}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.swiper-txt{ position:absolute; width:100%; top:40%; left:0; z-index:999; text-align:center}
.swiper-txt h2{ font-size:55px; color:#fff;}
.swiper-txt h5{ font-size:16px; font-weight:500; margin-top:20px; line-height:200%; color: #fff;}

.more{display: block;width: 162px;height: 40px;line-height: 40px;text-align: center;background-color: #fff;color: #ff6600;font-size: 14px;letter-spacing: 3px;position: relative;overflow: hidden;z-index: 0;}
.more:after{content: '';display: block;width: 0%;height: 100%;background-color: #ff6600;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #fff;}

.indexSearch{ background:#414141; overflow:hidden; padding:30px 0;}
.indexSearch .wrap{}
.indexSearch .hd{position:relative; text-align:center;border-bottom: 1px solid rgba(255,255,255,0.2);}
.indexSearch .hd ul{}
.indexSearch .hd ul li{ display:inline-block; width:100px; height:53px; position:relative; text-align:center }
.indexSearch .hd ul li.on span{ color:#fff;}
.indexSearch .hd ul li span { color: #aaa; font-size:16px; font-weight: 700; height: 32px; line-height: 32px; display: inline-block; cursor: pointer;}
.indexSearch .hd ul li.on i {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    width: 0;
    height: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    position: absolute;
    bottom: 0px;
    left: 40px;
    border-bottom: 10px solid rgba(255,255,255,0.2);
    z-index: 9;
}
.indexSearch .bd ul{ padding:15px 0; overflow:hidden; zoom:1; clear: both;}
.indexSearch .btn{ float:left; border:0; background:#fff; width:120px; height:36px; cursor:pointer; color:#71624F;}
.indexSearch .btn i{ margin-right:10px;}

.search-l{ float:left; width:55%;}
.search-l dl{ float:left; margin-right:30px;}
.search-l dt{color:#fff; height:30px; font-size:12px;}
.search-l dd {}
.search-l dd select { display: block; width: 200px; background: none; border: none;border-bottom: 1px solid #dddddd; height: 36px; outline: none; color: #aaa;}

.search-r{ float:right; width:40%;}
.search-r dt{color:#fff; height:30px; font-size:12px;}
.search-r .text{ float: left; width:80%; height:36px; line-height:36px; font-size:12px; border:0; background:#343434; color:#aaa; padding:0 10px;}
.search-r .btn{ width:20%;}

.indexTitle {padding-left: 20px; margin-bottom: 40px; position:relative}
.indexTitle:before {content: ''; position: absolute; width: 5px; height: 30px; left: 0;top: 8px;z-index: 1;background:#fff;}
.indexTitle span{ display: block; font-size: 30px; color: #FFF; font-weight:700; margin-bottom:30px; }
.indexTitle p{font-size: 14px;color: rgba(255,255,255,0.75);line-height: 28px;display: block;width: 50%;text-align: justify;margin-bottom: 40px;}
 
/*精品*/
.w-jp{overflow: hidden; margin: 140px 0;}
.w-jp .box{ width:100%; position: relative;} 
.w-jp .box a{width: 100%;box-sizing: border-box;overflow: hidden;display: -webkit-flex;display: block;}
.w-jp .box .img{width: 60%;overflow: hidden;box-sizing: border-box;float: left;max-height: 428px;}
.w-jp .box .img img{display: block;width: 100%;transition: all .6s;}
.w-jp .box .txt{width: calc(40% + 35px);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.5);padding: 60px 30px 40px 70px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.w-jp .box .txt h3{font-size: 20px;color: #ffffff; font-weight: bold; }
.w-jp .box .txt p{display: block;width: 100%;padding-bottom: 20px;font-size: 13px;color: rgba(255,255,255,0.75);border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 20px;}
.w-jp .box .txt .list{width: 100%;}
.w-jp .box .txt .list li{width: 50%;float: left;margin-bottom: 20px;}
.w-jp .box .txt .list li span{display: block; height:20px; line-height:20px;font-size: 13px;color: rgba(255,255,255,0.5); background:url(../images/p4.png) left center no-repeat; padding-left:20px;}
.w-jp .box .txt .list li:nth-child(2) span{ background-image:url(../images/p3.png);}
.w-jp .box .txt .list li:nth-child(3) span{ background-image:url(../images/p2.png);}
.w-jp .box .txt .list li:nth-child(4) span{ background-image:url(../images/p1.png);}
.w-jp .box .txt .list li h4{font-size: 14px;color: #ffffff;height: 14px; font-weight:500;}
.w-jp .more{margin-top: 30px;}

.w-jp .swiper-pagination{width: calc(40% + 35px);right: 0;left: initial;text-align: left;box-sizing: border-box;padding-left: 70px;font-size: 14px;color: #FFFFFF;}
.w-jp .swiper-pagination span:before{content: '0';}
.w-jp .arrows{width: 40px;height: auto;box-sizing: border-box;position: absolute;bottom: 10px;right: 200px;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.w-jp .arrows .swiper-button-next,
.w-jp .arrows .swiper-button-prev{ width: 10px;height: 14px;background-size: 100%;left: 0;right: 0;position: relative; color:#fff}
.w-jp .swiper-button-next:after,
.w-jp .swiper-button-prev:after{ font-size:16px;}

/*index02*/
.w-tj{overflow: hidden;background: url(../images/bg1.jpg) top right no-repeat;background-size: cover;margin: 100px 0;padding: 80px 0;opacity:1;}
.w-tj .box{ width:100%; position: relative;} 
.w-tj .box a{display: block;width: 100%;}
.w-tj .box .img{width: 100%;overflow: hidden;box-sizing: border-box;}
.w-tj .box .img img{display: block;width:100%;height: 260px;transition: all .6s;}
.w-tj .box .txt{width: 100%;box-sizing: border-box;padding: 25px 25px 0;position: relative;z-index: 2;}
.w-tj .box .txt font{display: block;box-sizing: border-box;width: 98px;height: 34px;line-height: 34px;text-align: center;color: #ff6600;font-size: 12px;background-color: #fff;position: absolute;top: -17px;right: 30px;z-index: 2;}
.w-tj .box .txt h3{font-size: 17px;color: #fff;font-weight: 700; line-height: 22px;min-height: 22px;}
.w-tj .box .txt p{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: rgba(255,255,255,0.85);margin-top: 15px;}
.w-tj .box .txt span{font-size: 12px;color: #FFFFFF;display: block;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #fff; margin-top:5px;}
.w-tj .box .swiper-slide:hover .img img{transform: scale(1.1);}

.w-tj .more{margin: 80px auto 0 auto; width:240px; height:50px; line-height:50px;}

.w-tj .swiper-pagination{ display:none;}
.w-tj .swiper-button-next, 
.w-tj .swiper-button-prev{background-color: rgba(64,64,64,0.8);background-size: 14px;width: 50px;height: 50px;top: 135px; color:#fff;}
.w-tj .swiper-button-next{right: 0;}
.w-tj .swiper-button-prev{left: 0;}
.w-tj .swiper-button-next:after,
.w-tj .swiper-button-prev:after{ font-size:16px;}

/*index03*/
.w-about{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin: 160px 0 0;}
.w-about:after{content: '';display: none;width: 60%;height: 100%;background-color: rgba(51,51,51,0.82);position: absolute;right: 0;top: 0;z-index: 0;opacity:0.9;}
.w-about .imglist{box-sizing: border-box;}
.w-about .imglist a{display: block;width: 25%;box-sizing: border-box;overflow: hidden;position: relative;float: left;}
.w-about .imglist a:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 1;transition: all .6s;}
.w-about .imglist a img{display: block;width: 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .6s;}
.w-about .imglist a:hover img{filter: none;transform: scale(1.1);}
.w-about .imglist a:hover:after{background-color: rgba(0,0,0,0.25);}
.w-about .imglist a .text{width: 100%;box-sizing: border-box;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;z-index: 2;}
.w-about .imglist a .text p{font-size: 28px;color: #ffffff;margin-bottom: 20px;}
.w-about .imglist a .text span{display: inline-block;font-size: 12px;color: rgba(255,255,255,0.5);box-sizing: border-box;padding: 0 10px;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 20px;text-transform: uppercase;}
.w-about .imglist a .text h3{font-size: 18px;color: #ffffff;margin-bottom: 30px;}
.w-about .imglist a .text font{display: block;width: 34px;height: 34px;border-radius: 50%;font-size: 18px;color: #ff6600;line-height: 34px;text-align: center;background-color: #fff;margin: auto;}
.w-about .fontmin{box-sizing: border-box;position: relative;overflow: hidden;padding-left: 220px;margin-top: 60px;padding-right: 200px;margin-bottom: 0px;}
.w-about .fontmin:before{content: '';display: block;width: 180px;height: 2px;background-color: #FFFFFF;position: absolute;left: 0;top: 10px;}
.w-about .fontmin h3{font-size: 20px;color: #ffffff;margin-bottom: 30px; font-weight:500;}
.w-about .fontmin h4{font-size: 14px;color: #fff;line-height: 28px; font-weight:500;margin-bottom: 30px;text-align: justify;letter-spacing: 1.5px;opacity: 0.8;}

.w-about .cot{width: 680px; margin:100px auto;box-sizing: border-box;display: flex; display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.w-about .cot a{display: block;width: 50%; box-sizing: border-box;border: 1px solid rgba(255,255,255,0.5);position: relative;padding: 30px 0;transition: all .3s;}
.w-about .cot a:hover{background-color: rgba(255,255,255,0.1);}
.w-about .cot a span{display: block;font-size: 12px;color: rgba(255,255,255,0.7);text-align: center;margin-bottom: 10px;text-transform: uppercase;}
.w-about .cot a h3{display: block;font-size: 18px;color: #FFFFFF;text-align: center;}
.w-about .cot a:first-child{border-right: none;}
.w-about .cot a:before{content: '';display: block;width: 20px;height: 2px;background-color: #FFFFFF;position: absolute;top: -1.5px;left: 50%;margin-left: -10px;}
.w-about .cot a:after{content: '';display: block;width: 50px;height: 1px;background-color: #FFFFFF;position: absolute;bottom: -1px;left: 50%;margin-left: -25px;}


/*index04warp*/
.indexNews{width: 100%;box-sizing: border-box;overflow: hidden;padding: 50px 0;background: url() top right no-repeat;background-size: cover;}
.indexNews .left{width: 55%;float: left;}
.indexNews .left li{width: 100%; height:180px;border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom:20px;}
.indexNews .left li:last-child{ border-bottom: 0;}
.indexNews .left li .img{ float:left; width: 30%; height:160px;box-sizing: border-box;overflow: hidden;}
.indexNews .left li .img img{display: block;width: 100%; height:100%; transition: all .6s;}
.indexNews .left li:hover .img img{transform: scale(1.1);}
.indexNews .left li .txt { float:right; width:65%;box-sizing: border-box}
.indexNews .left li .txt h3{font-size: 18px;line-height: 24px;color: #FFFFFF;min-height: 48px;display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexNews .left li .txt span{display: block;font-size: 14px;color: #aaaaaa;margin-bottom: 10px;}
.indexNews .left li .txt p{font-size: 13px;color: #FFFFFF;}

.indexNews .right{ float:right; width:40%;}
.indexNews .right li{ height:45px; box-sizing: border-box;padding-left: 60px;position: relative; margin-bottom:30px;}
.indexNews .right li span{ height:45px;font-size: 12px;color: #ff6600;background-color: #fff;box-sizing: border-box;padding: 5px 10px;display: inline-block;text-align: center;position: absolute;left: 0;top: 2px; line-height:150%;}
.indexNews .right li span i{font-size: 21px;color: #ff6600;display: block; font-style:normal;}
.indexNews .right li h3{font-size: 14px;color: #FFFFFF;line-height: 22px; font-weight:500;}
.indexNews .more{ margin-top:50px;}

.footer{ background: #222; overflow:hidden}
.footer .f-nav{background: #141414; padding:50px 0}                                                    
.footer .f-nav .left{ float:left;}
.footer .f-nav .left a{font-size: 15px;color: #ffffff;margin-right: 30px;}
.footer .f-nav .left a:hover{color: #ff6600;}
.footer .f-nav .right{ float:right;}
.footer .f-nav .right h3{font-size: 14px;color: #aaaaaa;}

.footer p{ color:#aaa; font-size:12px; padding:30px 0; line-height:160%}
.footer p a{ float:right; color:#aaa;}

/*分页样式开始*/
.turnover {text-align:center;margin-bottom:30px; font-size:14px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:40px;line-height:40px;padding:0 18px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #fff;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #ff6600;background:#ff6600;color:#fff;  }
.turnover .disabled{ color:#999;}

/*右下角小按钮*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box .bg{ width:100%; height:100%; display:block;}
.newFixedRight .box .bg span{ display:block; text-align:center; color:#fff; font-size:30px; margin-top:5px;}
.newFixedRight .box:hover{background-color: #ff6600 }