@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
.myContent1{ width: 1760px; margin: 0 auto;}
.myContent2{ width: 1400px; margin: 0 auto;}
/*头部开始*/
.topBox{ height: 110px;}
.top{ width: 100%; height: 110px; background: #FFF; position: fixed; left: 0px; top: 0px; z-index: 10000; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.logo{ height: 72px; overflow: hidden; margin-top: 19px;}
.logo img{ height: 72px;}
.topR{ position: relative; padding-right: 60px;}
.topR:before{ display: block; content: ''; position: absolute; right:50px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #dddddd;}
/*头部结束*/
/*menu开始*/
.menu dd{flex:1; float:left; display:inline; position:relative; padding: 0 22px;}
.menu dd .yj a{ display:block; height:110px; line-height:110px; text-align:center; font-size:16px; position: relative; color: #555555;}
.menu dd .yj a i{ display: block; width: 50px; height:50px; background: url(../images/icn1.png) no-repeat center center; position: absolute; left: -10px; top:34px; display: none;}
.menu dd .ej{ position: absolute; left: 0px; top: 110px; width: 100%; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(20px);-webkit-transform: translateY(20px); transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu dd .ej:before{ display: block; width: 13px; height: 5px; content: ''; background: url(../images/icn2.png) no-repeat center center; position: absolute; left: 50%; margin-left: -6px; top: 5px;}
.menu dd .ej .ejC{ background: rgba(255, 255, 255, 1); border-radius: 5px; padding: 8px 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.menu dd .ej .ejC a{ display: block; padding: 8px 5px; line-height: 20px; font-size: 14px; color: #333333; text-align: center; transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu dd .ej .ejC a:hover{ color: #188344;}
.menu dd .ej .ejC a.hover{ color: #188344;}
.menu dd .ej.active{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
.menu dd.hover .yj a{ color: #333333;}
.menu dd.hover .yj a i{ display: block;}
/*menu结束*/
.topSearch{ height: 30px; line-height: 30px; width:40px; border-radius: 30px; margin-left: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; position: absolute; right: 0;top: 40px;}
.topSearch input{ float: left; display: inline; width: 0; height: 30px; background: none; border: none; color: #666; transition: all 0.3s; -webkit-transition: all 0.3s;}
.topSearch a{ float: left; display: inline; width: 40px; height: 30px; background: url(../images/search.png) no-repeat center center;}
.topSearch.active{ background: #e1e1e1; width:230px;}
.topSearch.active input{ width:175px; padding-left: 15px; color: #666;}
.topSearch.active a{ background-image: url(../images/searchh.png); background-size: auto 20px;}
/*indexBanner开始*/
.indexBanner{ overflow: hidden; height: 710px; width: 100%; position: relative;}
.indexBanner .myslide{ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; height: 710px;}
.indexBanner .slick-dots{ position: absolute; right: 50px; width: 18px;top: 50%; transform: translateY(-50%)}
.indexBanner .slick-dots li{ width: 18px; height: 18px; line-height: 9999px; text-align: center; background: #FFF; border-radius: 18px; color: #ffffff; display: inline-block; margin: 10px 0; cursor: pointer; position: relative; transition: all .3s; -webkit-transition: all .3s;}
.indexBanner .slick-dots li:before{ display: block; width: 2px; height: 20px; content: ''; position: absolute; left: 50%; margin-left: -1px; top: 18px; background: #FFF;}
.indexBanner .slick-dots li:last-child:before{ display: none;}
.indexBanner .slick-dots li.slick-active{background: #188344;}
.indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;]}
/*indexBanner结束*/
.indexT{ height: 72px;}
.indexT img{ height: 72px; display: block; margin: 0 auto;}
/*第一通栏start*/
.column1{ padding: 80px 0;}
.column1Scroll{position: relative;}
.column1Scroll .bd{ overflow: hidden; padding: 10px 0}
.column1Scroll .slick-list{ margin:0 -35px 0 0px; overflow: visible}
.column1Scroll .myslide{ width: 20%; float: left; display: inline; outline: none;}
.column1Scroll .con{ padding-right: 35px;}
.column1Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; padding-bottom: 50px;}
.column1Scroll .pic{ width: 100%; position: relative; background-color: #FFF;}
.column1Scroll .pic:before{ display: block; content: ''; width: 100%; padding-top:154.63%;}
.column1Scroll .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.column1Scroll .text{background: url(../images/bg1.jpg) repeat left top; position: absolute; left: 0px; bottom: -100%; width: 100%; padding: 20px 0; transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 0;}
.column1Scroll .text .title{ overflow: hidden;line-height: 30px; margin-bottom: 10px; padding: 0 10px; text-align: center;}
.column1Scroll .text .title a{ overflow: hidden; display: block; height: 30px; font-size: 18px; color: #ffffff;}
.column1Scroll .text .title a:hover{ color: #FFF;}
.column1Scroll .text .title em{ overflow: hidden; display: block; height: 30px; line-height: 30px; font-style: normal; color: #cfe1d5; font-size: 14px;}
.column1Scroll .text .btn{ overflow: hidden;}
.column1Scroll .text .btn a{ display: block;overflow: hidden; height: 28px; line-height: 28px; width: 108px; border: 1px solid #7dc198; transition: all 0.5s; -webkit-transition: all 0.5s;  background-image: url(../images/more.png); background-repeat: no-repeat; background-position: center center; margin: 0 auto;}
.column1Scroll .text .btn a:hover{ background-color: #188344;}
.column1Scroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column1Scroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column1Scroll .prev:hover,.column1Scroll .next:hover{ background-color: #FFF;}
.column1Scroll .myslide:hover .text{  bottom: 0px;opacity: 1;}
.column1Dot{ height: 58px; width: 100%; text-align: center;}
.column1Dot .slick-dots{ display: inline-block; overflow: hidden; height: 8px; padding-top: 50px;}
.column1Dot .slick-dots li{ float: left; display: inline; width: 8px; height: 8px; background: #c5c5c5; border-radius: 8px; margin: 0 10px; cursor: pointer;}
.column1Dot .slick-dots li.slick-active{ background: #000000;}

/*第一通栏end*/
/*第二通栏start*/
.column2{ padding-bottom: 80px;}
.column2C{ position: relative; margin-bottom: 65px;}
.column2C .pic{ width: 100%; position: relative;}
.column2C .pic:before{ display: block; width: 100%; padding-top: 31.8182%; content: '';}
.column2C .pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.column2Scroll{position: relative; width: 560px; background: #FFF; position: absolute; bottom: -90px; left: 180px;}
.column2Scroll .bd{ overflow: hidden; padding:  0}
.column2Scroll .slick-list{ margin:0 0px 0 0px; overflow: visible}
.column2Scroll .myslide{ width: 100%; float: left; display: inline; outline: none;}
.column2Scroll .con{ padding-right: 0px;}
.column2Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; }
.column2Scroll .text{ overflow: hidden; padding: 25px 45px;}
.column2Scroll .text .title{ overflow: hidden;line-height: 35px; height: 35px; margin-bottom: 8px;text-align: center;}
.column2Scroll .text .title a{ overflow: hidden; display: block; height: 35px; font-size: 18px; color: #333333;}
.column2Scroll .text .title a:hover{ color: #188344;}
.column2Scroll .text .text1{ line-height: 23px; height: 69px; overflow: hidden; color: #999999; font-size: 14px;}
.column2Scroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column2Scroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column2Dot{ height: 25px; text-align: left; padding-left: 45px;}
.column2Dot .slick-dots{ display: inline-block; overflow: hidden; height: 8px; padding-top: 17px;}
.column2Dot .slick-dots li{ float: left; display: inline; width: 8px; height: 8px; background: #c5c5c5; border-radius: 8px; margin: 0 10px; cursor: pointer;}
.column2Dot .slick-dots li.slick-active{ background: #000000;}

.column2Btn{ overflow: hidden;}
.column2Btn a{ float: right; display: inline; width: 195px; height: 55px; background: #188344; padding-left: 130px; line-height: 55px; position: relative; color: #ffffff; font-size: 14px; transition: all .3s; -webkit-transition: all .3s;}
.column2Btn a i{ width: 36px; height: 5px; display: block; background: url(../images/icn4.png) no-repeat center center; position: absolute; left: 77px; top: 26px;}
.column2Btn a:hover{ opacity: 0.9}
/*第二通栏end*/
/*
*第三通栏start fpx 2018
*/
.column3{ background: #fbf9f7;}
.column3C{ padding: 80px 180px;}
.column3Scroll{position: relative;}
.column3Scroll .bd{ overflow: hidden; padding: 10px 0}
.column3Scroll .slick-list{ margin:0 -55px 0 0px; overflow: visible}
.column3Scroll .myslide{ width: 25%; float: left; display: inline; outline: none;}
.column3Scroll .con{ padding-right: 55px;}
.column3Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; background: #FFF;}
.column3Scroll .pic{ width: 100%; position: relative; background-color: #FFF;}
.column3Scroll .pic:before{ display: block; content: ''; width: 100%; padding-top:75.4839%;}
.column3Scroll .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.column3Scroll .text{ padding: 30px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.column3Scroll .text .title{ overflow: hidden;line-height: 30px; margin-bottom: 25px; padding:0; text-align: center;}
.column3Scroll .text .title a{ overflow: hidden; display: block; height: 30px; font-size: 18px; color: #333333; margin-bottom: 10px;}
.column3Scroll .text .title a:hover{ color: #0c7637;}
.column3Scroll .text .title em{ overflow: hidden; display: block; height: 48px; line-height: 24px; font-style: normal; color: #999999; font-size: 14px;}
.column3Scroll .text .btn{ overflow: hidden;}
.column3Scroll .text .btn a{ display: block;overflow: hidden; height: 28px; line-height: 28px; width: 108px; border: 1px solid #e3e3e3; transition: all 0.5s; -webkit-transition: all 0.5s;  background-image: url(../images/more2.png); background-repeat: no-repeat; background-position: center center; margin: 0 auto;}
.column3Scroll .text .btn a:hover{ background-color: #188344;background-image: url(../images/more.png); border-color: #188344;}
.column3Scroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev1.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column3Scroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next1.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column3Scroll .prev:hover,.column3Scroll .next:hover{ background-color: #188344;}
.column3Dot{ height: 58px; width: 100%; text-align: center;}
.column3Dot .slick-dots{ display: inline-block; overflow: hidden; height: 8px; padding-top: 50px;}
.column3Dot .slick-dots li{ float: left; display: inline; width: 8px; height: 8px; background: #c5c5c5; border-radius: 8px; margin: 0 10px; cursor: pointer;}
.column3Dot .slick-dots li.slick-active{ background: #000000;}
/*第三通栏end*/
/*第四通栏start*/
.cloumn4{}
/*第四通栏end*/
/*底部开始*/
.footer1{ padding: 60px 0 50px; border-bottom: 1px solid #dadada;}
.footer1L{ margin-right: 140px;}
.logo2{ height: 72px; margin-bottom: 25px;}
.logo2 img{ display: block;height: 72px;}
.phone{ overflow: hidden;}
.phone span{ display: block;overflow: hidden; height: 25px; line-height: 25px; color: #999999; font-size: 14px; margin-bottom: 8px;}
.phone img{ display: block; height: 19px;}

.footerMenu{ overflow: hidden;}
.footerMenu dd{ float: left; display: inline; margin-right: 65px;}
.footerMenu dd em{ font-style: normal; display: block; line-height: 35px; height: 35px; overflow: hidden; margin-bottom: 7px;}
.footerMenu dd em a{ font-size: 18px; color: #333333;}
.footerMenu dd em a:hover{ color:#188344;}
.footerMenu dd span{ font-style: normal; display: block; line-height: 20px; padding: 8px 0; overflow: hidden;}
.footerMenu dd span a{ font-size: 14px; color: #999999;}
.footerMenu dd span a:hover{ color:#188344;}

.footer1R{ overflow: hidden;}
.footer1RFormBox{ width: 275px; overflow: hidden;}
.footer1RForm{overflow: hidden; margin-right: -20px;}
.footer1RForm dd{ float: left; display: inline; margin-bottom: 10px;}
.footer1RForm dd .formdd{ overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.footer1RForm dd .con{ padding-right: 20px;}
.footer1RForm dd.dd1{ width: 50%;}
.footer1RForm dd.dd2{ width: 100%;}
.footer1RForm dd input{ display: block; height: 43px; line-height: 43px; border:none;}
.footer1RForm dd .input{ overflow: hidden;}
.footer1RForm dd input.input1{ width: 100%;}
.footer1RForm dd input.input2{ width: 100%;}
.footer1RForm dd img{ float: right; display: inline; width: 76px; height: 33px; margin-left: 40px; margin-top: 5px;}

.footer1RC{ overflow: hidden; padding-top: 30px; margin-left: 30px;}
.footer1RCTitle{ color: #999999; font-size: 12px; font-family: "楷体"; margin-bottom: 15px; }
.footer1RCTitle img{ display: block; height: 9px;}
.footer1RCShare{ height: 30px; margin-bottom: 33px; width: 126px; margin-left: -12px;}
.footer1RCShare a{ padding: 0 !important; margin: 0 0 0 12px !important; width: 30px !important; height: 30px !important; background-image: url(../images/footerShare.png) !important}
.footer1RCShare a.bds_sqq{ background-position: 0px 0px}
.footer1RCShare a.bds_weixin{ background-position: -42px 0px}
.footer1RCShare a.bds_tsina{ background-position: -80px 0px}

.footer1RCBtn a{ color: #FFF;}
.footer1RCBtn a:hover{ opacity: .9}

.footer2{ height: 55px; line-height: 55px; overflow: hidden; color: #999999; font-size: 14px;}
.footer2 a{ color: #999999; margin-left: 20px;}
.footer2 a:hover{ color: #188344;}
/*底部结束*/ 
/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
/*内页外结构开始*/
.subBanner{  width: 100%; height:380px ; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
/*内页外结构结束*/
/*当前位置开始*/
.location{ overflow: hidden; height: 59px; line-height: 59px;border-bottom: 1px solid #e6e6e6;}
.locationL{ font-size: 16px; overflow: hidden; color: #666666;}
.locationL a{ float: left; display: inline;}
.locationL a.hover{ color: #0c7637;}
.locationL em{ float: left; display: inline; font-style: normal; margin: 0 28px; color: #d4d4d4;}
.locationR{ overflow: hidden; font-size: 14px; color: #666}
.locationR span{ float: left; display: inline; padding-left: 32px; background: url(../images/location.png) no-repeat left center;}
.locationR a{ float: left; display: inline;}
.locationR a:hover{ color:#0c7637;}
.locationR a.hover{ color:#0c7637;}
.locationR em{ float: left; display: inline; font-style: normal; margin: 0 5px;}

.subPage{ background: url(../images/subPageBg.png) no-repeat center bottom;}
/*当前位置结束*/
/*页码开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #188344;color: #fff;}
.page a.hover{background: #188344;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/
/*内页框架结束*/
/*shine动画*/
@-webkit-keyframes shine {
    0%, 50%, to {
        -webkit-transform:translateX(-15px);
        transform:translateX(-15px);
    }
    25%, 75% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes shine {
    0%, 50%, to {
        -webkit-transform:translateX(-15px);
        transform:translateX(-15px);
    }
    25%, 75% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
.shine {
    -webkit-animation-name:shine;
    animation-name:shine;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}