@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:#424141;}
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: '';}
.zj{ width:1200px; margin:0 auto ; display:block;}
.fl{ float:left;}
.fr{ float:right;}

/*header*/
.header { width: 100%;  padding:0px 0; margin: 0 auto; min-width:1200px;}
.home{ height:36px; line-height:36px; color:#fff;  background:#f4f5f5; border-bottom:1px solid #f2f2f2;min-width:1200px; width:100%; font-size:13px; color:#7f8080}
.home_l{ float:left; }
.tel1{ float:left; background:url(../images/tel1.png) no-repeat 5px center ;border-left:1px solid #f2f2f2; height:36px; margin:0 10px; padding:0 10px 0 40px; color:#31af9a; font-weight:bolder; font-size:14px;}
.home_r{ float:right; color:#7f8080;  float:right;  }
.home_r a{ color:#7f8080; margin:0 8px;}

.top{ width:1200px; display:table; margin:0 auto; padding:10px 0;}
.top .logo{ float:left; width:660px; height:90px; display:table;}
.top .tel{ float:right; padding:10px 0 0}
.top .tel img{ width:70px; height:76px; display:table; float:left; margin:0 6px 0 0}
.top .tel h1{ font-size:16px; color:#000; line-height:22px; margin:8px 0 0}
.top .tel h1 span{ display: table; font-size: 30px; color:#31af9a;font-weight:bolder; margin:7px 0 0 ;}

.header a:hover{ color:#31af9a}

/*nav*/
.hide { display: none;}
.headNav{height:54px; line-height:54px; background:#31af9a; width:100%; min-width:1200px;}
.headNav .navCon{height:54px;position:relative;z-index:11}
.headNav .navCon .navCon-cate{width:260px;height:54px;line-height:54px;font-size:14px;font-weight:700;text-indent:10px;background:#1a9681;color:#fff;position:relative}
.headNav .navCon .navCon-menu li{float:left;height:54px;line-height:54px;overflow:hidden;text-align:center;}
.headNav .navCon .navCon-menu li a{color:#fff;display:block;font-size:16px;height:54px;line-height:54px;text-decoration:none; padding:0 33px;}
.headNav .navCon .navCon-menu li a:hover,.cur{color:#666;text-decoration:none}
.headNav .navCon .navCon-menu li a:hover,.curMenu{color:#f5e928}

.headNav .navCon .navCon-cate .navCon-cate-title{ font-size: 16px; color: #fff; cursor: pointer; }
.headNav .navCon .navCon-cate .navCon-cate-title img{ width:40px; height:40px; float:left; padding:7px 5px 0 50px}

.headNav .navCon .navCon-cate .cateMenu{position:absolute;left:0;font-family:微软雅黑; box-sizing:border-box;background: url(../images/bj1.png) repeat;cursor:pointer; height:540px; border:2px solid #39a593; border-top:none}
.headNav .navCon .navCon-cate .cateMenu li{width:256px;overflow:hidden; border-bottom:1px solid #e6e7e4; height:107px}
.headNav .navCon .navCon-cate .cateMenu li:hover{ background:#1a9681;}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag{width:256px;padding:0px 0px 0px 0px;overflow:hidden; height:60px; padding:23px 0}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .nav_ico{ width:60px; height:60px; float:left; display:table; margin:0 0 0 40px}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .ico1{ background:url(../images/nav_ico11.png) no-repeat -5px center;}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .ico2{ background:url(../images/nav_ico22.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .ico3{ background:url(../images/nav_ico33.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .ico4{ background:url(../images/nav_ico44.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li .cate-tag .ico5{ background:url(../images/nav_ico55.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li:hover .cate-tag .ico1{ background:url(../images/nav_ico1.png) no-repeat  -5px center;}
.headNav .navCon .navCon-cate .cateMenu li:hover  .cate-tag .ico2{ background:url(../images/nav_ico2.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li:hover  .cate-tag .ico3{ background:url(../images/nav_ico3.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li:hover  .cate-tag .ico4{ background:url(../images/nav_ico4.png) no-repeat;}
.headNav .navCon .navCon-cate .cateMenu li:hover  .cate-tag .ico5{ background:url(../images/nav_ico5.png) no-repeat;}

.headNav .navCon .navCon-cate .cateMenu li .cate-tag a{font-size:20px;font-weight:100;color:#151515;}
.headNav .navCon .navCon-cate .cateMenu li:hover .cate-tag a{color:#fff;}

.headNav .navCon .navCon-cate .cateMenu .on{/*background:#665446;*/*margin-bottom:-4px}
.headNav .navCon .navCon-cate .cateMenu .on .cate-tag .listModel a{color:#fff}
.float-list-dnav{background:none repeat scroll 0 0 #8d0000;clear:both;font-size:14px;font-weight:700;height:47px;line-height:47px;width:210px}
.float-list-dnav a{color:#fff;margin:0 10px}
.float-list-dnav a:hover{color:#fff}
.headNav .navCon .navCon-cate .cateMenu .list-item{width:940px; height:540px;border-left:none;background:url(../images/nav_bj.png) no-repeat right bottom rgba(255,255,255,.9);position:absolute;left:258px;top:0; padding:20px 40px; box-sizing:border-box}
.headNav .navCon .navCon-cate .cateMenu .list-item .itemleft{width:100%;float:left}
.headNav .navCon .navCon-cate .cateMenu .list-item dl{padding-left:10px}
.headNav .navCon .navCon-cate .cateMenu .list-item dt{color:#2c2c2c;font-size:20px;text-indent:0;border-bottom:1px dashed #d6d6d6;margin-bottom:0px; padding:5px 10px}
.headNav .navCon .navCon-cate .cateMenu .list-item dd{font-size:12px;font-weight:400;text-indent:0;line-height:26px;}
.headNav .navCon .navCon-cate .cateMenu .list-item dd a{color:#737171;margin-right:5px;width:160px; font-size:16px;line-height:56px; padding:0 10px;overflow:hidden;display:block;float:left;margin-bottom:5px}
.headNav .navCon .navCon-cate .cateMenu .list-item dd a:hover,.headNav .navCon .navCon-cate .cateMenu .list-item dt a:hover{color:#31af9a}
.headNav .navCon .navCon-cate .cateMenu .list-item .itemright .news-list{padding-left:10px}
.headNav .navCon .navCon-cate .cateMenu .list-item .itemright .news-list p{line-height:24px;text-indent:0;font-size:12px;font-weight:400;color:#000}
.headNav .navCon .navCon-cate .cateMenu .list-item .itemright .news-list p a{color:#646464}
.headNav .navCon .navCon-cate .cateMenu .list-item .itemright .news-list p a:hover{color:#000}

/* banner */
.fullSlide{ width:100%;  position:relative;  height:540px; background:#fff; /*top:88px; */ min-width:1200px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:540px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:540px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:70px; height:6px; margin:5px; overflow:hidden; background:#fff;  line-height:999px; 
	}
.fullSlide .hd ul .on{ background:#31af9a; }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:40%; 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:45%; 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%;  }
/*轮播结束*/
/*wrap*/
.k1{ display:table; padding:10px 0 60px}
.bt{ text-align:center; display:table; margin:0 auto; padding:50px 0; color:#7f7e7e; line-height:1.2;}
.bt h1{ color:#333; font-size:36px; }
.bt h1 span{ color:#31af9a; font-weight:bolder}
.bt img{ display:table; margin:0 auto; padding:8px 0}
.bt h2{	font-size: 16px;letter-spacing: 4px;}

.cp1{ width:1200px; display:table; margin:0 auto}
.cp1 dl{ width:282px; height:370px; float:left; border:1px solid #dcdbdb; margin-right:24px;overflow: hidden; box-sizing:border-box;-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.cp1 dl:last-child{ margin-right:0}
.cp1 dl a .cp_t{ width:280px; height:230px;  display: table; margin:0 auto; overflow: hidden; box-sizing:border-box;}
.cp1 dl a .cp_t img{ width:280px; height:230px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1 dl a:hover .cp_t img{transform: scale(1.1);}
.cp1 dl a .cp_w{ padding:0 10px; text-align:center}
.cp1 dl a .cp_w h1{ color:#333333; font-size:16px; line-height:36px; font-weight: bolder}
.cp1 dl a .cp_w span{ color:#656565;font-size:16px; line-height:30px; height:30px;}
.cp1 dl a .cp_w h2{ font-size:14px; color:#656565; width:110px; height:30px; line-height:30px; text-align:center; border:1px solid #707070; border-radius:25px; margin:16px auto 0 auto}
.cp1 dl:hover{border:1px solid #31af9a; }
.cp1 dl:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}

.cp1 dl a:hover .cp_w h2{ background:#31af9a; border:1px solid #31af9a; color:#fff}

.k2{ width:100%; display:table; background:url(../images/bj1.jpg) no-repeat center center; height:670px;}
.k2 .bt{ padding:60px 0;}
.k2 .bt h1,.k2 .bt h1 span,.k2 .bt h2,.k6 .bt h1,.k6 .bt h1 span,.k6 .bt h2{ color:#fff}
/**/
.al_Scroll1{width:1200px;height:300px;margin:0px auto 0;position:relative; padding:0px 0 40px}
.al_Scroll1 .prev{width:20px; height:50px;position:absolute;top:120px;left:-30px;z-index:100; cursor:pointer; background:url(../images/btn2.png) no-repeat; }
.al_Scroll1 .next{width:20px; height:50px;position:absolute;top:120px;right:-30px;z-index:100; cursor:pointer; background:url(../images/btn1.png) no-repeat; opacity:.7 }
.al_Scroll1 .next:hover,.al_Scroll1 .prev:hover{ opacity:1}

.al_Scroll1 .scrollWrap{width:1200px; overflow:hidden;position:absolute;}
.al_Scroll1  dl{float:left;width:280px;text-align:center;position:relative; margin:0px 10px; }
.al_Scroll1  dl a{ width:280px;  display:block;color:#3a3a3a; }
.al_Scroll1  dl a h1 { font-size:16px; background:#bad818; width:100%; height:56px; line-height:56px; color:#171717; text-align:center; }
.al_Scroll1  dl a:hover{ color:#fff;  display:block;}
.al_Scroll1  dl a .cp_t{width:280px; height:230px; display:block; border:1px solid #fff;  overflow: hidden; box-sizing:border-box;}
.al_Scroll1  dl a .cp_t img{width:280px; height:230px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll1  dl a:hover .cp_t img{transform: scale(1.1);}
.al_Scroll1  dl a:hover h1{ color:#fff; background:#1a9681}
.al_Scroll1  dl a:hover .cp_t{ border:1px solid #1a9681}

.k3{}
.ys{ width:1200px; display:table; margin:0px auto 0;  box-sizing:border-box}
.ys dt { border:1px solid #e6e6e6; float:left; width:360px; box-sizing:border-box; height:280px; margin:0 20px 40px; text-align:center}
.ys dt a{ display:block;transition: all .3s;}
.ys dt:nth-child(4n) {border-right: none; }
.ys dt a .ys_t{ width:100%; display:table; height:90px; margin:0 auto; padding:30px 0 5px; transition: all .3s;}
.ys dt a h1{ font-size:18px; color:#333; font-weight:bolder; display:block; text-align:center; line-height:40px;}
.ys dt a span{ width:80%; margin:0 auto; display:table; font-size:15px; color:#565555; line-height:28px;}
.ys dt:hover{ background:#fff;    box-shadow: 0 0 30px rgba(0,0,0,.2);} 
.ys dt a:hover h1{ color:#31af9a}
.ys dt a:hover .ys_t{padding:40px 0 5px; }
.ys dt:hover{ border:2px solid #31af9a}

.k5 .more1{    padding: 40px 0 10px;}
.yftd{ width:1200px; display:table; margin:0 auto}
.yftd dl{ width:370px; float: left; margin:0 15px;}
.yftd dl a{ width:100%;}
.yftd dl a .td_t{width:370px; height:304px; display:block;  overflow: hidden; box-sizing:border-box;}
.yftd dl a .td_t img{width:370px; height:304px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.yftd dl a:hover .td_t img{transform: scale(1.1);}
.yftd dl a .td_w{ width:370px; display:table; margin:0 auto; border:1px solid #e6e6e6; height:170px;color:#333333; box-sizing:border-box }
.yftd dl a .td_w h1{ padding:0 20px; font-size:16px; line-height:28px; height:84px; overflow:hidden; margin:18px 0}
.yftd dl a .td_w span{ background:#1a9681; line-height:30px; padding:0 30px; color:#fff; display:table; margin:0 auto; height:30px; border-radius:25px;}
.yftd dl a:hover .td_w{ background:#1a9681;border:1px solid #1a9681; color:#fff }
.yftd dl a:hover .td_w span{ background:#bad818}
/*.yftd dl:hover{ box-shadow: 0 0 20px rgba(0,0,0,.2);}
*/

.more{ display:table; margin:0 auto; padding:0 0 60px;}
.more a{ display:table; font-size:15px; color:#333; padding:0 60px;background: rgba(255,255,255,.7); border-radius:25px; height:42px; line-height:42px; text-align:center;box-shadow: 0 2px 5px #ccc;}

.more1{ display:table; margin:0 auto; padding:40px 0 60px;}
.more1 a{ display:table; font-size:15px; color:#1a9681; padding:0 60px;border-radius:25px; height:42px; line-height:42px; text-align:center; border:1px solid #1a9681}
.more1 a:hover{ background:#1a9681; color:#fff}

.k4{ width:100%; display:table; background:url(../images/bj2.jpg) no-repeat; height:286px;}
.gg{ width:1200px; display:table; margin:0 auto}
.gg_l{ padding:52px 0 0}

/*ly*/
.cont{ width:560px; margin:0 auto; float:right; padding:20px  0 0}
.cont dt input{ background:#fff; border:1px solid #29e1c2; width:230px; border-radius:5px;  height:40px; line-height:40px; padding-left:15px; font-size:14px; color:#7f7e7e; float:left; margin:10px 15px;}
.cont dt textarea{background:#fff; border:1px solid #29e1c2; font-size:14px; color:#757575; padding:15px; width:493px;border-radius:5px;  height:80px;margin:10px 15px 0;}
.cont .btn { width:220px; font-size:16px; height:42px; line-height:42px; text-align:center; display:block; background:#bad818; border-radius:5px; color:#333333; margin:20px auto 0;}
.cont .btn:hover{ background:#272727; color:#fff}
/**/
.k6{ background: url(../images/index_02.png) no-repeat center top #e7e8eb; height:742px; display:table; width:100%}
.k6 .bt{ padding:100px 0 50px;}
.jj_l{ display:table; width:572px; height:340px; padding:8px; background:#fff;  box-shadow: 0 0 30px rgba(255,255,255,.5);}
.swiper-container{width:572px; height:340px;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet {width:35px;  height: 6px;  display: inline-block;  border-radius: 0;  background: #000;    opacity: .5;}
.swiper-pagination-bullet-active { opacity: 1; background: #198e7a;}
.jj_r{ width:580px; color:#fff; display:table; font-size:15px; line-height:32px;}
.jj_r h1{ font-size:34px; line-height:40px; font-weight:bolder}
.jj_r span{	font-size: 16px;font-style: italic;	text-transform: uppercase;}
.jj_r p{ height:160px; display:table; overflow:hidden; margin:26px 0 50px; text-indent:2em}
.jj_r a{ width:140px; height:40px; line-height:40px; background:#bad818; color:#333333; text-align:center; display:table; border-radius:25px;}

.k7{ background: #e7e8eb; width:100%; display:table; padding:0 0 40px}
.sy_ry{ width:1200px; display:table; margin:0 auto}
.sy_ry dl{ float:left; background:#fff; width:282px; height:350px; margin:0 9px;}
.sy_ry dl a .sy_ryt{width:282px; height:350px;display:block;  overflow: hidden; box-sizing:border-box;}
.sy_ry dl a .sy_ryt img{width:282px; height:350px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.sy_ry dl a:hover .sy_ryt img{transform: scale(1.05);}
/*xw*/
.k8{ width:1200px; display:table; margin:0 auto; padding:0 0 50px}
.xw_bt{ width:370px; height:152px; display:table; line-height:152px; text-align:center}
.xw_bt h1{ font-size:26px; font-weight:bolder; color:#fff}
.xw{}
.xw ul{ width:370px; float:left}
.xw ul:nth-child(2){ margin:0 40px}
.xw ul li{ border-bottom:1px dashed #dbdada;width:100%; height:50px; line-height:50px; padding:0  5px; box-sizing:border-box}
.xw ul li a{ font-size:15px; color:#333333; width:100%}
.xw ul li a span{ float:left; margin:0 8px 0 0; font-family:宋体; font-weight:bolder; color:#717171}
.xw ul li a h1{ width:270px; float:left; font-size:15px}
.xw ul li a time{ float:right}
.xw ul li a:hover h1{ color:#31af9a}
/*k9*/
.k9{ background:url(../images/bj4.jpg) no-repeat center center; height:460px; width:100%;}
.gg_t{ width:1200px; display:table; margin:0 auto}

/* 必要布局样式css*/
.product-num-box{width: 1200px;height:160px;margin: 0 auto; display:table}
.product-num-content{width: 1200px;height: 160px;margin: 0 auto;text-align: center;font-size: 0;}
.product-num-head{margin-top:20px;font-size: 0;}
.product-num-item{text-align: center;display: inline-block;width: 400px;font-size: 48px;color: #fff;line-height: 62px; text-align:center}
.product-num-nub{display: inline-block;font-size:48px;color: #fff;line-height: 62px; font-weight:bolder;}
.product-num-add{font-size: 48px;color: #fff;}
.product-num-inf{margin-top: 50px;font-size: 20px;color: #fff;line-height:40px;display:table; margin:0 auto}


/*k10*/
.k10{width:1200px; display:table; margin:0 auto}
.hz{ width:1200px; display:table; margin:0 auto; padding:0 0 80px 0}
.hz dl{ width:220px; height:100px; float:left;border:1px solid #d9d8d9; display:table; box-sizing:border-box; margin:10px 10px}
.hz dl a .hz_t{width:100%;height:100%;/*overflow: hidden;*/ cursor:pointer;}
.hz dl a .hz_t img{width: 100%;height:100%;transition:all .5s; display:table; margin:0 auto;}
.hz dl a:hover .hz_t img{transform: scale(1.1);} 


/*fott*/
.fotter{ width:100%; background:#3a3b40; display:table; padding:0px 0; font-size:14px; color:#fff}
.fo1{ width:100%; background:#e9e8e8; display:table; padding:20px 0}
.fo1 ul{ width:1200px; display:table; margin:0 auto}
.fo1 ul li{ width:20%; float:left; color:#000; border-right:1px solid #d1d0d0; box-sizing:border-box; cursor:pointer}
.fo1 ul li:last-child{ border-right:0}
.fo1 ul li h1{ font-size:18px; line-height:24px; margin-top:14px}
.fo1 ul li .fo_ico{ height:70px; width:70px; float:left; margin:0 10px 0 16px;}
.fo1 ul li .fo_ico{transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; display:table; float:left;  }

.fo_nav{ width:1200px; display:table; margin:0 auto; border-bottom:1px solid #494a4f; text-align:center}
.fo_nav  li{font-size:15px; display:inline-block; margin:0 37px}
.fo_nav li a{ color:#d1d1d1; padding:20px 20px; display:inline-block}

.fo2{ padding:40px 0; width:1200px; display:table; margin:0 auto;font-size:15px; line-height:36px;}
.fo2 .fo_logo{ width:400px; padding:20px 0 0}
.fo2 .fo_w{ width:500px; color:#d1d1d1; display:table; float:left}
.fo2 a{color:#d1d1d1;}
.fo2 .fo_wx{ width:110px; height:110px; text-align:center; color:#d1d1d1; line-height:40px; margin:10px 30px 0 0}
.fo2 .fo_wx img{width:110px; height:110px; display:table}


.fo1 ul li h1 span{ display:table; color:#818080; font-size:12px; text-transform:uppercase}