@charset "utf-8";

/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑";} 
body, dl, dt, dd, ul, ol,li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, th, td{ margin: 0; padding: 0; font-size: 12px; /*text-align: left;*/ }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#000;}
ul{list-style: none;}
li { list-style: none }
:link, :visited{text-decoration: none;}
p{ margin:0; padding:0;}
img { border: none; max-width:100%;/* margin:0; display:block;*/}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit; font-style: inherit; font-weight: inherit; border: none; outline: none; background: none ;}
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
/* clear */
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; display: block; height: 0;  content: '';}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.zj{ width:1200px; margin:0 auto ; display:block;}
.fl{ float:left;}
.fr{ float:right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}


/*header*/
.home{ height:36px; line-height:36px; color:#919292; border-bottom:1px solid #f1f1f1; min-width:1200px; width:100%; font-size:12px;}
.home_l{ float:left; width:550px;}

.home_r{ float:right; float:right;  }
.home_r a{  margin:0 5px;}
.home_r a:hover{ color:#0177cf}

/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.top{ width:1200px; margin:0 auto; height:94px;}
.top .logo{  float:left; height:84px; margin:12px 0 ;  }
.top .top_r{ float:right; width:290px; background: url(../images/tel.png) no-repeat center left; height:108px;}
.top .top_r .tel{ margin:20px auto 0px 60px; color:#737171; font-size:16px; line-height:30px}
.top .top_r .tel img{ float:left; margin-right:10px; height:60px; float:right }
.top .top_r .tel h1{ font-size:28px; color:#9e0b00; font-weight:bolder}
.top_qh{ float:right; padding:41px 30px 0}
.top_qh a{ width:40px; height:25px; float:left; margin:0 15px 0 0}

.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

.nav_k{ width:100%; display:table; margin:0 auto;background:#ffac00; height:56px;}

.navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999;   }
.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:16.66%; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ background:#9e0b00;color:#fff; }
.nav h3 a{ font-size:16px;  zoom:1;  height:56px; line-height:56px; padding:0px 0px;  display: block; margin:0px auto 0; color:#333333; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
	
.nav .sub{ display: none; /*默认隐藏*/ width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:56px;  background-color: rgba(255, 255, 255, 0.9);  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1; font-size:15px;}
.nav .sub li a:hover{  background:#9e0b00; color:#fff;   }

/* banner */
.sy_banner{ position:relative; width:100%}
.fullSlide{ width:100%;  position:relative;  height:800px; background:#fff;  min-width:1200px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; float:left;}
.fullSlide .bd li{ width:100% !important;  float:left; height:800px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:800px;width:100%  }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:15px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:5px; overflow:hidden; background: url(../images/dot.png) no-repeat center bottom; line-height:999px;}
.fullSlide .hd ul .on{ background: url(../images/dot.png) no-repeat center top;   opacity: 1 }

.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:44%; left:2%;  z-index:1; width:70px; height:70px;
	 background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:44%; left:2%;  z-index:1; width:70px; height:70px;
	 background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }
/**/
.sy_banner .banner-info{position: absolute; bottom: 60px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px;}
.sy_banner .banner-info h5{color: #fff; margin-bottom: 5px;}
.sy_banner .banner-info input{height: 40px; border: none; margin-right: 20px; font-size:14px; width: 180px; background:#fff; line-height:40px;}
.sy_banner .banner-info input:last-child{margin-right: 0;}
.sy_banner .banner-info .info{text-indent: 10px;}
.sy_banner .banner-info .info:nth-child(2){width: 340px;}
.sy_banner .banner-info input[type='button']{background: #008b50; color: #fff; font-size:15px; vertical-align: bottom; cursor: pointer;}

/*---wrap---*/
.wrap{ width:100%;}
/*---wrap---*/
.k1{ background:url(../images/bj1.jpg) no-repeat center center; height:900px; width:100%; display:table}
.jj{ color:#333; width:680px; height:530px; float: left; background:rgba(255, 255, 255, .8); margin:180px 0 0; padding:0 50px 0 60px; box-sizing:border-box}
.bt{ display:table; padding:55px 0 25px; line-height:1; color:#333333; background:url(../images/xx.jpg) no-repeat bottom left;}
.bt h1{ font-size:36px; font-weight:bolder}
.bt span{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; text-transform:uppercase; margin:0 0 10px;  display:table}
.jj_n{ font-size:16px; line-height:28px; color:#666666; margin:30px 0; height:196px; overflow:hidden}
.jj a{ width:160px; height:44px; border:1px solid #9e0b00; color:#9e0b00; font-size:15px; line-height:44px; display:table; border-radius:25px; text-align:center;}
.jj a:hover{ background:#9e0b00; color:#fff}

.k2{ background:url(../images/bj2.jpg) no-repeat center center; height:890px; width:100%; display:table}
.bt1{ display:table; text-align:center; padding:100px 0 25px; margin:0 auto 38px; line-height:1; color:#333333; background:url(../images/xx.jpg) no-repeat bottom center;}
.bt1 h1{ font-size:36px; font-weight:bolder}
.bt1 span{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; text-transform:uppercase; margin:0 0 10px;  display:table}

.ys{ width:1200px; display:table; margin:0 auto;}
.ys dl{ background:url(../images/ys_bj1.png) no-repeat center center; width:594px; height:250px; float:left; margin:0 0 12px; color:#fff; cursor:pointer}
.ys dl:nth-child(2n){ float:right}
.ys dl img{ float:left; width:160px; height:160px; display:table; padding:45px 0 0 70px}
.ys dl h1{ font-size:30px; font-weight:bolder; padding:90px 0 0}
.ys dl h1 span{ font-size:24px; display:table}
.ys dl:hover{background:url(../images/ys_bj2.png) no-repeat center center; }

.k3{ width:100%;background:url(../images/bj3.jpg) no-repeat center center; display:table }
.k3 .bt{ color:#fff; margin:0 0 30px; padding:0 0 25px; width:300px}
/* 本例子css */
.slideGroup{ width:100%; position:relative; display:table  }
.slideGroup .parHd{  width:50%; display:table; float:left;   position:relative;  }
.slideGroup .parHd .cpk{ width:50%; float:left; padding:18% 0 0 35%; box-sizing:border-box    }
.slideGroup .parHd dl{  padding:0; cursor:pointer; width:250px; line-height:60px; border:1px solid #fff; color:#fff; font-size:20px; margin: 0 0 30px; border-radius:50px; font-weight:bolder  }
.slideGroup .parHd dl  i{width:50px; height:50px; display: inline-block; padding:5px 5px 0 55px; float:left}
.slideGroup .parHd dl  i img{ width:50px; height:50px; display:table}
.slideGroup .parHd dl.on{ background:#9e0b00; border:1px solid #9e0b00 }

.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0; position:relative; float:right  }
/*.slideGroup .sPrev{ position:absolute; z-index:99; right:calc(30% + 50px); bottom:15%; display:block; width:50px; height:50px;  background:url(../images/cp_jt.png) center center no-repeat #ffac00; }
.slideGroup .sNext{ position:absolute; z-index:99; bottom:15%; display:block; width:50px; height:50px;   left:auto; right:30%; background:url(../images/cp_jt1.png) center center no-repeat #9e0b00; }
*/
/*.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }*/
.slideGroup .parBd{ width:50%; float:right; /*position: absolute; right:0; top:0*/}


.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .cp_t{ width:100%; display:table}
.slideGroup .parBd ul li .cp_t img{ width:100%; display:table}




/*新品展示*/
.pro-new{width: 100%;height: auto;overflow: hidden;padding:0;}
.pro-new .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-new .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-new .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-new .sub-title span.text{padding: 0 10px;}
.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
.pro-new-show .pro-list{width: 100%;height: auto;margin-top:0px;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width:100%;height: auto;overflow: hidden;background: #FFFFFF;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%;}
.pro-new-show .pro-list ul li .desc{padding:0px 0px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 50px;height: 50px;z-index: 2;}
.pro-new-show .arrow a.sPrev{left: 42%;top: 90%;margin-top: -100px;background: url(../images/cp_jt.png) center center no-repeat #ffac00;}
.pro-new-show .arrow a.sNext{left:calc(100% - 42% - 50px);width: ;top: 90%;margin-top: -100px;background: url(../images/cp_jt1.png) center center no-repeat #9e0b00;}
.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
.pro-new-show .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center; display:none}
.pro-new-show .pagination ul li{width: 15px;height: 15px;border-radius: 100%;background: #FFFFFF;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.pro-new-show .pagination ul li.on{background: #2069ff;}


/*xxw*/
.k4{ background:url(../images/bj4.jpg) no-repeat center center; height:900px; width:100%; display:table}
.xw_k{ padding:10px 0 0; display:table; width:1200px;}
.xw_l{ width:600px; float:left; padding:0px 0 0 }
.xw_l a{background:#fff;display:block;color:#999999; box-sizing:border-box }
.xw_l a{box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);  transition:0.3s;}
.xw_l a .xw_t{ width:600px; height:390px; display:table; float:left;display:block;  overflow: hidden; cursor:pointer; position:relative}
.xw_l a .xw_t time{ position:absolute; bottom:30px; left:0; background:#ffac00; height:40px; line-height:40px; padding:0 20px; color:#fff;  font-size:20px; z-index:99}
.xw_l a .xw_t img{ width:600px; height:390px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.xw_l a:hover .xw_t img{transform: scale(1.05);}
.xw_l a .xw_w{ width:100%; box-sizing:border-box; margin:0 auto; display:table; padding:15px 25px 0; height:140px; border-top:none}
.xw_l a .xw_w h1{ font-size:22px; color:#333333; line-height:46px; height:46px; overflow:hidden}
.xw_l a .xw_w h2{ font-size:16px; line-height:26px;  overflow:hidden; height:48px; color:#666666}
.xw_l a:hover .xw_w h1{ color:#9e0b00}
.xw_l a:hover  .xw_t time{ background:#9e0b00}

.xw{ display: table; width:560px; float:right; margin:0 auto;}
.xw ul{ margin:0px auto 40px; display:table;}
.xw li{ float:left; height:110px; margin:0px 0px 30px;  width:560px; float:left}
.xw li a{ display: table; width:100%;height:110px; padding: 0 0; box-sizing:border-box}
.xw li .sj1{ width:110px; height:110px; background:#ffac00; text-align:center; font-size:14px; color:#fff; float:left;  }
.xw li .sj1 h1{ font-size:48px;line-height:60px; border-bottom:2px solid #fff; display:table; margin:0 auto 6px; padding:6px 5px 0}
.xw li .xw_z{ float: right; margin:0px 0 0 ; width:430px; height:110px; color:#747474; font-size:14px; line-height:24px;}
.xw li .xw_z h1{ font-size:20px; color:#333333; font-weight: bolder; line-height:26px; margin-bottom:12px;}
.xw li .xw_z span{ display:table; padding:8px 0 0;color:#333333;}
.xw li a:hover .sj1{  background:#9e0b00}
.xw li a:hover  .xw_z h1,.xw li a:hover .xw_z span{ color:#9e0b00}


/*footer*/
/*fo*/
.fott{ display:table; width:100%;  background: url(../images/fo.jpg) no-repeat center top; color:#fff;}
.fott a{color:#bfbebe;}
.fo{ padding:60px 0 40px; display:table; width:1200px; margin:0 auto}
.fo_l{ width:360px; float:left;padding:0 0 0 0; box-sizing:border-box; margin-right:130px }
.fo h1{ font-size:23px; font-weight:bolder;color:#fff; padding:0 0 0px; height:74px; margin:0 0 15px; border-bottom:1px solid #4b484c; display:table;  line-height:1.2;}
.fo_l a{ font-size:15px; width:120px; display:inline-block; text-align:left; line-height:38px;}
.fo_l h2{ font-size:18px; left:30px}
.fo_c{ width:320px; float:left}
.fo_c h1{ font-weight:100}
.fo_c p{ font-size:16px; line-height:36px;}
.fo_c h2{ font-size:35px; background:url(../images/tel1.png) no-repeat center left; padding-left:45px; line-height:40px; margin:6px 0 0}

.fott a:hover{ color:#ffac00}
.fo_w{ float:right; width:150px; background:#fff; font-size:14px; color:#202020; line-height:20px; text-align:center; height:190px}
.fo_w img{ width:120px; height:120px; display:table; margin:15px auto 8px}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align: left; font-size:13px;   margin:0 auto;line-height:30px; padding:8px 0;    border-top: 1px solid #434343;opacity:.7; width:100%;}
.fo2 a{color:#fff; }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }

@media only screen and (max-width:1500px ) {
.slideGroup .parHd ul{padding: 18% 0 0 22%;}	
	
	}
	
@media only screen and (max-width:1440px ) {
.slideGroup .parHd ul{padding: 14% 0 0 18%;}	
	
	}
	
@media only screen and (max-width:1366px ) {
.slideGroup .parHd ul{padding: 14% 0 0 15%;}	
	
	}	
@media only screen and (max-width:1280px ) {
.slideGroup .parHd ul{padding: 10% 0 0 6%;}	
	
	}