@charset "utf-8";
/* CSS Document */ 
body,html{-webkit-text-size-adjust: 100%;overflow-x: hidden;}



/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); 
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), 
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), 
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.nybanner_img1{display: none !important;}

body{ font-family:"微软雅黑";}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;}
.container-fluid{ max-width:1160px !important;}
/*全局样式*/

::selection { background:rgba(38,90,27,1); color:#fff;}
::-moz-selection { background:rgba(38,90,27,1); color:#fff;}
::-webkit-selection { background:rgba(38,90,27,1); color:#fff;}
 
/*m-1*/
.main{ padding:30px 0;}
.main-White{ background:#fff;}
.main-Colorless{background:none;}
.main-Background{ background:url(../images/bg_03.png) repeat;}
.main-Color{ background:#f1f1f1;}
.main-Color2{padding:10px; background:#fff;}
.main-opcityBackground-1{ height:300px;}

.subnav .pcdnav .xl.active{display: block!important;}

.main-opcityBackground-1{background:url(../images/fix1_img_ydd.jpg) no-repeat center center/cover !important;}


/** 悬浮QQ **/
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_min{ width:28px; height:112px; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_min.jpg) no-repeat; cursor:pointer;position: relative;z-index: 99999;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_box_bg.jpg) repeat-y; font-size:16px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;position: relative;z-index: 99999;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}
/** 悬浮QQ 上部多余的原因 **/
.lanren .slide_box h2{ margin-top: 0;}


.pictrue5{max-width: 1130px;margin: 0 auto;}
.pictrue5 ul{margin: -20px -10px 0 !important;}
.pictrue5 li{width: calc(25% - 20px);display: inline-block;vertical-align: top;position: relative;margin: 20px 10px 0;}
.pictrue5 li .imgimg{padding-top: 122%;transition: all .3s;}
.pictrue5 li .mark{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 24px;color: #fff;text-align: center;line-height: 80px;height: 80px;overflow: hidden;padding: 0}
.pictrue5 li:nth-child(1) .mark{background-color: rgba(30,97,150,.8);}
.pictrue5 li:nth-child(2) .mark{background-color: rgba(246, 128, 128, .8);}
.pictrue5 li:nth-child(3) .mark{background-color: rgba(197,123,49,.8);}
.pictrue5 li:nth-child(4) .mark{background-color: rgba(93,206,142,.8);}
.pictrue5 li:hover .imgimg{transform:scale(1.06)}


.banner .swiper-button-prev:after{display: none;}
.banner .swiper-button-next:after{display: none;}
.banner .swiper-button-prev{left: -30px;transition: all .3s;}
.banner .swiper-button-prev:before{color: rgb(255, 255, 255 , .7);font-size: 38px;transition: all .3s;}
.banner .swiper-button-prev:hover:before{color: #fff;}
.banner:hover .swiper-button-prev{left: 25px;}
.banner .swiper-button-next{right: -30px;transition: all .3s;}
.banner .swiper-button-next:before{color: rgb(255, 255, 255 , .7);font-size: 38px;transition: all .3s;}
.banner .swiper-button-next:hover:before{color: #fff;}
.banner:hover .swiper-button-next{right: 25px;}


img{max-width: 100%;}


/*content*/
.contentbox{overflow:auto;position:relative;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.content.nycontent{padding:70px 0;}

/*fix*/
.fix1boxS{position:fixed; left:0; top:50%; z-index:-1;width:100%;height:100%;}
.fix1S{display:block;position:absolute;width:100%;height:100%;background:url(../images/fix1_img.jpg) 50% 50%; background-size:cover;left:0;top:auto;}

/*header*/
header{ position:absolute; top:0; z-index:99999; width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#265a1b+0,265a1b+100&0.85+0,0.85+100 */
background: -moz-linear-gradient(top,  rgba(38,90,27,0.85) 0%, rgba(38,90,27,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(38,90,27,0.85) 0%,rgba(38,90,27,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(38,90,27,0.85) 0%,rgba(38,90,27,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9265a1b', endColorstr='#d9265a1b',GradientType=0 ); /* IE6-9 */ box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.2);-o-box-shadow:0 3px 3px rgba(0,0,0,0.2); height:60px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s
}
header.active{filter:alpha(opacity=.6);-moz-opacity:.6;-khtml-opacity:.6; opacity:.6; }
header:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; }
header nav{float: right;width: calc(100% - 250px);max-width: 820px;}
header nav ul{display: flex;justify-content: space-between;}
header nav ul li{display:block;}
header nav ul li a{ display:block; color:#fff; line-height:60px; text-align:right;font-size: 14px;}
header nav ul li:hover a{ color:#feda00;}
header .logo{ position:relative;display:block;}
header .logo img{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
header .logo a{ position:absolute; left:0; top:0; width:249px; height:111px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}



/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}





/*banner*/
.banner{ position:relative; overflow:hidden;}
.banner_wz{ position:absolute; left:50%; top:304px; z-index:1; margin:0 0 0 -630px; width:660px; height:295px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner_wz img{ max-width:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; }
.banner_wz .img1{ margin:0 0 2%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:2s;}
.banner_wz .img2{ margin:0 0 2%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.8s;}
.banner_wz .img3{ margin:0 0 2%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.5s;}
.banner_wz .img4{ margin:0 0 1%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.2s;}
.banner_wz .img5{ margin:0 0 4%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1s;}
.banner_wz .img6{ margin:0 0 -10%; position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:.5s;}
.banner_wz .img7{animation-duration:.5s;}
.banner_img{ position:absolute; right:50%; top:195px; z-index:2; margin:0 -676px 0 0; width:652px; height:639px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner_img .img1{ position:absolute; left:93px; top:118px; z-index:5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1s;}
.banner_img .img1:hover{left:103px;}
.banner_img .img2{ position:absolute; left:160px; top:67px; z-index:4;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.2s;}
.banner_img .img2:hover{ left:170px;}
.banner_img .img3{ position:absolute; left:252px; top:0px; z-index:2;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.5s;}
.banner_img .img3:hover{left:262px;}
.banner_img .img4{ position:absolute; left:369px; top:67px; z-index:3;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:1.8s;}
.banner_img .img4:hover{left:379px;}
.banner_img .img5{ position:absolute; left:225px; top:261px; z-index:1;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:2s;}
.banner_img .img5:hover{left:235px;}
.banner_img .img6{ position:absolute; left:0; top:469px; z-index:7;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:2.2s;}
.banner_img .img6:hover{left:10px;}
.banner_img .img7{ position:absolute; left:258px; top:399px; z-index:6;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;animation-duration:.5s;}
.banner_img .img7:hover{left:268px;}
.banner.sybanner .item.item1{ background:url(../images/banner.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item2{ background:url(../images/banner.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item3{ background:url(../images/banner.jpg) 50% 50%; background-size:cover;}
.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left{ left:-60px; width:60px;background:url(../images/prev_arrow_60.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px; width:60px;background:url(../images/next_arrow_60.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.right{ right:0;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{opacity:1}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff}

/*nybanner*/
.nybanner{ margin:0 0 20px; position:relative;}
.nybanner_mb{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.nybanner_img1{ padding:25% 0 0;position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:table-cell;vertical-align:middle;}
.nybanner_img1 img{ margin:-25% 0 0; max-width:80%;}
.nybanner_nav1 ul{ position:absolute; left:0; top:50%; z-index:1; width:100%; margin:-20px 0 0;}
.nybanner_nav1 ul li{ display:inline;}
.nybanner_nav1 ul li a{ display:inline-block; width:114px; height:40px; border:solid 1px #cfcbc7; line-height:38px; text-align:center; color:#666;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.nybanner_nav1 ul li:hover a{ border:solid 1px #44713b; background:#44713b; color:#c3cec1;}
.nybanner_nav1 ul li.active a{ border:solid 1px #44713b; background:#44713b; color:#c3cec1;}

/*p-1*/
.pictrue1-list{ margin-top:60px; margin-bottom:80px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1-list:hover{ margin-top:50px; margin-bottom:90px;}
.pictrue1-list.p101{animation-duration:1s;}
.pictrue1-list.p102{animation-duration:1.5s;}
.pictrue1-list.p103{animation-duration:2s;}
.pictrue1-list.p104{animation-duration:2.5s;}
.pictrue1box{ margin:0 auto; position:relative; width:217px;height:320px;border-radius:15px 15px 0 0; box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 2px rgba(0,0,0,0.2);-o-box-shadow:0 2px 2px rgba(0,0,0,0.2);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .mb1{ position:absolute; top:175px; left:0; z-index:2; width:100%; height:15px; background:#ed774a;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .mb2{position:absolute;top:190px;left:0;z-index:3;width:50%;height:15px;border-radius:0 15px 0 0;box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .mb3{position:absolute;top:190px;right:0;z-index:3;width:50%;height:15px;border-radius:15px 0 0 0;box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .mb4{ position:absolute; left:-7px; top:185px; z-index:4;width: 0;height: 0;border-left:15px solid transparent; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .mb5{ position:absolute; right:-7px; top:185px; z-index:4;width: 0;height: 0;border-right:15px solid transparent; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .imgbox{ position:absolute; left:0; top:0; z-index:5;width:100%;height:190px;border-radius:15px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .imgbox2{ position:absolute; left:0; top:0; z-index:1;width:100%;height:205px;border-radius:15px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .textbox{ position:absolute; left:0; bottom:0; z-index:5; width:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .textbox h2{ font-size:24px; color:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .textbox small{ display:block; margin:8px 0; font-style:italic; color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:bold;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .textbox .more{ margin:0 0 22px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1box .textbox .more span{ display:inline-block; width:64px; height:20px; border:solid 1px #fff; line-height:18px; border-radius:10px; color:#fff; font-size:12px; text-align:center;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue1-list .pictrue1box .textbox .more span:hover{ box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.pictrue1-list.p101 .pictrue1box .textbox .more span:hover { border:solid 1px #ed774a; background:#ed774a;}
.pictrue1-list.p102 .pictrue1box .textbox .more span:hover { border:solid 1px #ffbb2c; background:#ffbb2c;}
.pictrue1-list.p103 .pictrue1box .textbox .more span:hover { border:solid 1px #4ba0e2; background:#4ba0e2;}
.pictrue1-list.p104 .pictrue1box .textbox .more span:hover { border:solid 1px #fc5b57; background:#fc5b57;}
.pictrue1-list.p101 .pictrue1box,.pictrue1-list.p101 .pictrue1box .mb2,.pictrue1-list.p101 .pictrue1box .mb3{background:#ed774a;}
.pictrue1-list.p101:hover .pictrue1box,.pictrue1-list.p101:hover .pictrue1box .mb2,.pictrue1-list.p101:hover .pictrue1box .mb3{background:#da693e;}
.pictrue1-list.p102 .pictrue1box,.pictrue1-list.p102 .pictrue1box .mb2,.pictrue1-list.p102 .pictrue1box .mb3{background:#ffbb2c;}
.pictrue1-list.p102:hover .pictrue1box,.pictrue1-list.p102:hover .pictrue1box .mb2,.pictrue1-list.p102:hover .pictrue1box .mb3{background:#eba81c;}
.pictrue1-list.p103 .pictrue1box,.pictrue1-list.p103 .pictrue1box .mb2,.pictrue1-list.p103 .pictrue1box .mb3{background:#4ba0e2;}
.pictrue1-list.p103:hover  .pictrue1box,.pictrue1-list.p103:hover  .pictrue1box .mb2,.pictrue1-list.p103:hover  .pictrue1box .mb3{background:#3a8dcd;}
.pictrue1-list.p104 .pictrue1box,.pictrue1-list.p104 .pictrue1box .mb2,.pictrue1-list.p104 .pictrue1box .mb3{background:#fc5b57;}
.pictrue1-list.p104:hover .pictrue1box,.pictrue1-list.p104:hover .pictrue1box .mb2,.pictrue1-list.p104:hover .pictrue1box .mb3{background:#e94945;}
.pictrue1-list.p101 .pictrue1box .mb4,.pictrue1-list.p101 .pictrue1box .mb5{border-top:15px solid #ed774a;}
.pictrue1-list.p101:hover .pictrue1box .mb4,.pictrue1-list.p101:hover .pictrue1box .mb5{border-top:15px solid #da693e;}
.pictrue1-list.p102 .pictrue1box .mb4,.pictrue1-list.p102 .pictrue1box .mb5{border-top:15px solid #ffbb2c;}
.pictrue1-list.p102:hover .pictrue1box .mb4,.pictrue1-list.p102:hover .pictrue1box .mb5{border-top:15px solid #eba81c;}
.pictrue1-list.p103 .pictrue1box .mb4,.pictrue1-list.p103 .pictrue1box .mb5{border-top:15px solid #4ba0e2;}
.pictrue1-list.p103:hover .pictrue1box .mb4,.pictrue1-list.p103:hover .pictrue1box .mb5{border-top:15px solid #3a8dcd;}
.pictrue1-list.p104 .pictrue1box .mb4,.pictrue1-list.p104 .pictrue1box .mb5{border-top:15px solid #fc5b57;}
.pictrue1-list.p104:hover  .pictrue1box .mb4,.pictrue1-list.p104:hover  .pictrue1box .mb5{border-top:15px solid #e94945;}

/*p-3*/
.pictrue3 ul li{width:15%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s; overflow:hidden;}
.pictrue3 ul li.active{ width:55%;}
.pictrue3 ul li a{ position:relative; display:block; height:320px;}
.pictrue3 ul li a .imgbox{ position:absolute; left:0; top:0; z-index:1; margin:0 0 0 -139px; padding:16px 0 16px 65px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue3 ul li.active a .imgbox{ margin:0; padding:16px 40px;}
.pictrue3 ul li a .imgbox span{ display:block; width:198px; height:288px;}
.pictrue3 ul li a .textbox{ padding:10px 0 0; position:absolute; right:10px; top:0; z-index:2; width:36px; height:100%; overflow:hidden;}
.pictrue3 ul li.active a .textbox{ width:100%; padding:10px 50px 0 278px;}
.pictrue3 ul li a .textbox span{display:block; font-family:Panton ExtraLight,"MS Serif", "New York", serif,Arial; width:36px; height:36px; font-size:30px; line-height:36px; text-align:center; background:#fff; border-radius:50%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue3 ul li.active a .textbox span{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;} 
.pictrue3 ul li a .textbox h2{ margin:15px 0 0; width:36px; height:216px; overflow:hidden; font-size:24px; color:#fff; line-height:24px; text-align:center;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue3 ul li.active a .textbox h2{ text-align:left; width:auto; height:26px; color:#333;white-space:nowrap;text-overflow:ellipsis;}
.pictrue3 ul li a .textbox p{ margin:50px 0 0;height:0;font-size:12px; color:#9a9a9a; line-height:24px; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue3 ul li.active a .textbox p{margin:15px 0 0;height:auto; max-height:120px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.pictrue3 ul li a .textbox .more{ margin:30px 0 0; width:71px; height:26px; border:solid 1px #d8d8d8; border-radius:13px; font-size:12px; color:#000; line-height:26px; text-align:center; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue3 ul li.active a .textbox .more{ margin:15px 0 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.pictrue3 ul li a .textbox .more:hover{color:#fff;}
.pictrue3 ul li.li01{ background:#fc5b57;}
.pictrue3 ul li.li01 a .textbox span{ color:#fc5b57}
.pictrue3 ul li.li01 a .textbox .more:hover{ background:#fc5b57; border:solid 1px #fc5b57;}
.pictrue3 ul li.li02{ background:#4ba0e2;}
.pictrue3 ul li.li02 a .textbox span{ color:#4ba0e2}
.pictrue3 ul li.li02 a .textbox .more:hover{ background:#4ba0e2; border:solid 1px #4ba0e2;}
.pictrue3 ul li.li03{ background:#ffbb2c;}
.pictrue3 ul li.li03 a .textbox span{ color:#ffbb2c}
.pictrue3 ul li.li03 a .textbox .more:hover{ background:#ffbb2c; border:solid 1px #ffbb2c;}
.pictrue3 ul li.li04{ background:#ed774a;}
.pictrue3 ul li.li04 a .textbox span{ color:#ed774a}
.pictrue3 ul li.li04 a .textbox .more:hover{ background:#ed774a; border:solid 1px #ed774a;}
.pictrue3 ul li.li01.active,.pictrue3 ul li.li02.active,.pictrue3 ul li.li03.active,.pictrue3 ul li.li04.active{ background:#fff;}

/*p-4*/
.pictrue4 ul li{ position:relative; width:20%;}
.pictrue4 ul li a{ display:block; height:auto; overflow:hidden;}
.pictrue4 ul li a img{transform:translateZ(0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue4 ul li:hover a img{transform:scale(1.3,1.3);}
.pictrue4 ul li .mark{ padding:30px 5px 0; position:absolute; right:50px; top:-12px; z-index:1; width:42px; height:175px; font-size:20px; color:#fff; line-height:22px; text-align:center;transition:all .3s;-webkit-transition:all .3s;-o-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue4 ul li:hover .mark{ box-shadow:2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.pictrue4 ul li .mark:before{ content:""; position:absolute; left:-5px; top:0; z-index:-1; width:0; height:0; border-top: solid 12px transparent;border-bottom: solid 0px transparent;}
.pictrue4 ul li.li01 .mark:before{border-right: solid 5px #967100;}
.pictrue4 ul li.li02 .mark:before{border-right: solid 5px #b15500;}
.pictrue4 ul li.li03 .mark:before{border-right: solid 5px #48a2b2;}
.pictrue4 ul li.li04 .mark:before{border-right: solid 5px #b600b5;}
.pictrue4 ul li.li05 .mark:before{border-right: solid 5px #a02200;}
.pictrue4 ul li .mark:after{ content:""; position:absolute; left:2px; bottom:-30px; z-index:-1; width:0; height:0; border-top:solid 34px transparent;border-bottom: solid 17px transparent;transform:rotate(55deg);-webkit-transform:rotate(55deg);-moz-transform:rotate(55deg);-ms-transform:rotate(55deg);-o-transform:rotate(55deg)}
.pictrue4 ul li.li01 .mark:after{border-right: solid 25px #f3bc00;}
.pictrue4 ul li.li02 .mark:after{border-right: solid 25px #ee8d00;}
.pictrue4 ul li.li03 .mark:after{border-right: solid 25px #4fb9e0;}
.pictrue4 ul li.li04 .mark:after{border-right: solid 25px #f500d7;}
.pictrue4 ul li.li05 .mark:after{border-right: solid 25px #f13f00;}
.pictrue4 ul li.li01 .mark{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecbc00+1,f6bb05+100 */
background: rgb(236,188,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(236,188,0,1) 1%, rgba(246,187,5,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(236,188,0,1) 1%,rgba(246,187,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(236,188,0,1) 1%,rgba(246,187,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecbc00', endColorstr='#f6bb05',GradientType=1 ); /* IE6-9 */}
.pictrue4 ul li.li02 .mark{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f08f00+2,f78d06+100 */
background: rgb(240,143,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(240,143,0,1) 2%, rgba(247,141,6,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(240,143,0,1) 2%,rgba(247,141,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(240,143,0,1) 2%,rgba(247,141,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08f00', endColorstr='#f78d06',GradientType=1 ); /* IE6-9 */
}
.pictrue4 ul li.li03 .mark{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4eb6dd+1,52bfdc+100 */
background: rgb(78,182,221); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(78,182,221,1) 1%, rgba(82,191,220,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(78,182,221,1) 1%,rgba(82,191,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(78,182,221,1) 1%,rgba(82,191,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb6dd', endColorstr='#52bfdc',GradientType=1 ); /* IE6-9 */}
.pictrue4 ul li.li04 .mark{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f100d1+2,fc04dd+100 */
background: rgb(241,0,209); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(241,0,209,1) 2%, rgba(252,4,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(241,0,209,1) 2%,rgba(252,4,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(241,0,209,1) 2%,rgba(252,4,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f100d1', endColorstr='#fc04dd',GradientType=1 ); /* IE6-9 */
}
.pictrue4 ul li.li05 .mark{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb4200+3,fb3e00+100 */
background: rgb(235,66,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(235,66,0,1) 3%, rgba(251,62,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(235,66,0,1) 3%,rgba(251,62,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(235,66,0,1) 3%,rgba(251,62,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4200', endColorstr='#fb3e00',GradientType=1 ); /* IE6-9 */}
.pictrue4 ul li .mark span{position:absolute; left:-10px; bottom:20px; z-index:1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:14px; transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}

/*p-5*/
.pictrue5-list{ margin-bottom:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box{ border:solid 1px #f6f6f6; padding:1px; background:#f6f6f6;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box:hover{border:solid 1px #265a1b; box-shadow:2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.pictrue5-list .pictrue5box .imgbox{ padding:3px; background:#fff}
.pictrue5-list .pictrue5box .imgbox span{ display:block; height:auto;overflow:hidden;}
.pictrue5-list .pictrue5box .imgbox span img{ display:block; margin:0 auto;transform:translateZ(0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box:hover .imgbox span img{transform:scale(1.1,1.1);}
.pictrue5-list .pictrue5box .textbox{ position:relative; padding:8px 18px; background:#f6f6f6;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box:hover .textbox{ background:#265a1b}
.pictrue5-list .pictrue5box .textbox img{ margin:-16px 0 0; padding:12px 15px; position:absolute; right:30px; top:50%; z-index:1; width:37px; height:37px; background:#fff; border-radius:50%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box .textbox h4{ padding:0 67px 0 0; margin:8px 0 0; font-size:14px; line-height:30px; color:#000;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box:hover .textbox h4{color:#fff;}
.pictrue5-list .pictrue5box .textbox span{ padding:0 67px 0 0; display:block; color:#9d9d9d; line-height:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.pictrue5-list .pictrue5box:hover .textbox span{ color:#fff;}

/*n-1*/
.news1 ul{ position:relative; padding:70px 3% 120px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 .jgx{ position:absolute; left:50%; top:0; z-index:9; width:1px; height:100%; background:#e5e5e5;}
.news1 .jgx:before{ position:absolute; left:0; top:0; z-index:1; content:""; width:1px; height:50px; background:#fff;}
.news1 .jgx:after{ position:absolute; left:0; bottom:0; z-index:1; content:""; width:1px; height:50px; background:#fff;}
.news1 ul li{position:relative; margin:0 0 -50px; padding:0 30px 0 0; width:50%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li.active{ position:relative; left:50%; padding:0 0 0 30px;}
.news1 ul li span{ padding:0 15px;display:block; line-height:40px; color:#fff; background:#c2c2c2;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li:hover span{ background:#265a1b;}
.news1 ul li .textbox{ padding:15px; border:solid 1px #e8e8e8; border-top:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li:hover .textbox{border:solid 1px #265a1b; border-top:none;}
.news1 ul li .textbox p{font-size:12px; color:#666; line-height:24px; height:72px; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li b{ margin:-6px 0 0; position:absolute; right:-6px; top:50%; z-index:10; width:11px; height:11px; border:solid 1px #e5e5e5; background:#fff; border-radius:50%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li.active b{ left:-5px;}
.news1 ul li:hover b{ border:solid 1px #265a1b}
.news1 ul li small{ margin:-11px 0 0; position:absolute; right:20px; top:50%; z-index:1; display:block; width:20px; height:20px; background:#fff; border-top:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news1 ul li.active small{ left:20px;border-top:solid 1px #e8e8e8;border-left:solid 1px #e8e8e8; border-right:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.news1 ul li:hover small{border-top:solid 1px #265a1b;border-right:solid 1px #265a1b; }
.news1 ul li.active:hover small{border-top:solid 1px #265a1b;border-left:solid 1px #265a1b; border-right:none;}

/*n-2*/
.news2box{ position:relative; margin-bottom:12px; padding-top:28px; padding-bottom:28px; border-bottom:dashed 1px #e5e5e5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .time{ margin:-23px 0 0; position:absolute; left:0; top:50%; z-index:1; width:95px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .time p{ display:inline-block; line-height:46px; border-bottom:solid 1px #e5e5e5; font-size:12px; color:#999;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .time p span{ margin:0 10px 0 0; color:#000;}
.news2box .imgbox{ margin:-65px 0 0; position:absolute; left:130px; top:50%; z-index:1; width:200px; height:130px;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .imgbox span{ display:block;}
.news2box .imgbox span img{ display:block; margin:0 auto; transform:translateZ(0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box:hover .imgbox span img{ transform:scale(1.1,1.1);}
.news2box .textbox{ padding:24px 100px 0 355px; height:130px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .textbox h5{ margin:0 0 14px; font-size:16px; color:#333; line-height:24px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box:hover .textbox h5{ color:#265a1b}
.news2box .textbox p{ margin:0; font-size:12px; color:#999; line-height:24px; height:48px; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box:hover .textbox p{ color:#265a1b}
.news2box .jt{ margin:-14px 0 0; position:absolute; right:28px; top:50%; z-index:1; width:62px; height:28px; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .jt span{ margin:0 0 0 -62px; display:block; width:124px; height:28px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .jt img.img1{padding:9px 13px;  width:62px; height:28px; border:solid 1px #e5e5e5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box .jt img.img2{ padding:9px 13px;  width:62px; height:28px; background:#44713b;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.news2box:hover .jt span{margin:0;}

/*a-1*/
.about { padding:40px;}
.about h2{ margin:0 0 20px; font-size:18px; color:#000; line-height:34px;}
.about p{ margin:0 0 20px; font-size:12px; color:#666; line-height:30px;}

/*c-1*/
.contact_text{padding:0 30px;}
.contact_text h5{ font-size:14px; color:#333; line-height:30px;}
.contact_text p{ font-size:12px; color:#333; line-height:30px;}
.contact_text ul li{ line-height:40px; font-size:12px; color:#333; line-height:40px;}
.contact_text ul li img{ margin:0 15px 0 0;}
.contact_form{ margin:50px 0 0;  padding:0 30px;}
.contact_form input{ padding:0 10px; margin:0 0 20px; display:block; width:100%; height:38px; font-size:12px; color:#333; background:#f1f1f1; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.contact_form input:hover{ background:#e6e3e3}
.contact_form textarea{ padding:10px; margin:0 0 20px; display:block; min-width:100%; max-width:100%; width:100%; min-height:120px; font-size:12px; color:#333; background:#f1f1f1; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.contact_form textarea:hover{ background:#e6e3e3}
.contact_form button{ width:50%; height:38px; font-size:12px; color:#fff; background:#44713b; border:none; border-radius:0;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.contact_form button:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.contact_map{ padding:30px; margin:30px 0 0; border-top: solid 2px #c5bfb2;}

/*t-1*/
.title1{ margin:0 0 50px;}
.title1 h2{ margin:0 0 10px; font-size:24px; color:#3f2b00; line-height:24px;}
.title1 p{ position:relative; display:inline-block; margin:9px 0 0; color:#968f85; line-height:14px;}
.title1 p:before{content:""; margin:-1px 0 0; position:absolute; left:-160px; top:50%; z-index:1; width:150px; height:2px; background:#3f2b00;}
.title1 p:after{content:""; margin:-1px 0 0; position:absolute; right:-160px; top:50%; z-index:1; width:150px; height:2px; background:#3f2b00;}

/*t-2*/
.title2 h4{ font-size:18px; color:#3f2b00; line-height:20px;}
.title2 span{ margin:10px 0 5px; display:block; width:30px; height:2px; background:#ffa300;}
.title2 small{ font-family:Bodoni MT, "Times New Roman", Times, serif; font-size:18px; color:#3f2b00; line-height:20px;}

/*t-3*/
.title3{ position:relative; display:inline-block; line-height:77px; font-size:12px; color:#999;}
.title3 span{ color:#333;}
.title3 b{ position:absolute; left:-26px; top:0; line-height:77px; font-size:21px;}

/*t-4*/
.title4{ margin:0 0 18px; padding:0 0 10px; font-size:18px; color:#3f2b00; line-height:60px; border-bottom:solid 2px #3f2b00;}
.title4 span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; line-height:24px;}

/*news_showbox*/
.news_showbox{ padding:0 30px;}
.news_showbox p{ font-size:12px; color:#333; line-height:24px;}
.news_showbox img{ display:block; margin:10px auto;}
/*s-1*/
.subnav{padding:10px;  background:#fff;}
.subnav ol h1{ font-size:24px; color:#3f2b00; line-height:60px;}
.subnav ol span{ margin:10px 0 -12px; display:block; height:2px; background:#3f2b00;}
.subnav ol p{ display:inline-block; padding:0 15px; background:#fff; font-size:14px; color:#9e978d;}
.subnav .pcdnav{ margin:0;}
.subnav .pcdnav li{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.subnav .pcdnav li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.subnav .pcdnav li a{ padding:0 0 0 46px; position:relative;display:block; font-size:14px; color:#fff; line-height:50px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.subnav .pcdnav li a b{ display:block; margin:-9px 0 0; position:absolute; left:15px; top:50%; z-index:1; width:18px; height:18px; font-size:12px; color:#000; line-height:18px; text-align:center; background:#fff; border-radius:50%; font-weight:normal;}
.subnav .pcdnav li.li01 a{background:#fc5b57}
.subnav .pcdnav li.li02 a{background:#4ba0e2}
.subnav .pcdnav li.li03 a{background:#ffbb2c}
.subnav .pcdnav li.li04 a{background:#ed774a}
.subnav .pcdnav .xl{display: none;}
.subnav .pcdnav .xlxl{ margin:9px 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ padding:0 10px 0 27px; position:relative; display:block; font-size:12px; color:#000; line-height:30px; border-bottom:solid 1px #e5e5e5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.subnav .pcdnav .xlxl a:hover{ color:#265a1b}
.subnav .pcdnav .xlxl a.on{ color:#265a1b}
.subnav .pcdnav .xlxl a b{ margin:-1px 0 0; position:absolute; left:14px; top:50%; z-index:1; width:3px; height:3px; background:#000;}
.subnav .yddnav{ margin:0 0 20px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.subnav .yddnav li a.active{ background:#dca541}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dca541; border-top:solid 1px #f3c166;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}

/*search*/
.search{ margin:20px 0 10px; position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.search:hover{ box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);}
.search input{ width:100%; padding:0 60px 0 10px; height:50px; background:none;border:solid 1px #e5e5e5;border-right:none;border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;-o-box-shadow:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; color:#333;}
.search:hover input{ border:solid 1px #44713b;border-right:none;}
.search button{ padding:0; position:absolute; right:0; top:0; z-index:2; width:50px; height:50px; background:none; border:none; border-radius:0;}
.search img{ padding:9px 10px 11px; position:absolute; right:0; top:0; z-index:1; width:50px; height:50px; background:#44713b}
 
/*footer*/
footer{ padding:80px 0 0; background:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footercontent{ width:30%;}
footer .footercontent p{ margin:40px 0 20px; font-size:12px; color:#000; line-height:30px;}
footer .footercontent p span{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ffa300;}
footer .footercontent .share a{ margin:0 10px 0 0; font-size:24px; color:#ff9c54;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footercontent .share a:hover{ color:#f1883c}
footer .footerqrcode{ padding:0 3%; width:20%; border-left: solid 1px #e0e0e0;border-right: solid 1px #e0e0e0;}
footer .footerqrcode img{ display:block; margin:0 auto;}
footer .footerqrcode span{ padding:10px 0 20px; display:block; font-size:12px; color:#000; line-height:24px; border-bottom:solid 1px #e0e0e0;}
footer .footerqrcode a{ margin:38px 0 0; padding:0 20px 0 0; display:inline-block; width:80%; line-height:47px; background:url(../images/qrcode_jf_jt.png) no-repeat  85% 50% #416d37; color:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footerqrcode a:hover{background:url(../images/qrcode_jf_jt.png) no-repeat  85% 50% #325829;}
footer .footerform{ padding:0 0 0 5%;width:50%;}
footer .footerform input{ width:48%; line-height:42px; background:none; border:none; border-bottom:solid 1px #e0e0e0; border-radius:0; box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none; font-size:12px; color:#3f2b00;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footerform input:hover{border:none; border-bottom:solid 1px #aaa5a5;}
footer .footerform textarea{ width:100%; max-width:100%; min-width:100%; height:85px; min-height:85px;line-height:42px; background:none; border:none; border-bottom:solid 1px #e0e0e0; border-radius:0; box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none; font-size:12px; color:#3f2b00;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footerform textarea:hover{border:none; border-bottom:solid 1px #aaa5a5;}
footer .footerform button{ margin:27px 0 0; width:170px; height:47px; background:#ffa300;border-radius:0; font-size:18px; color:#fff; border:none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footerform button:hover{ background:#eb9b0d}
footer .footer_bar{ padding:30px 0; margin:80px 0 0; border-top: solid 1px #e0e0e0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footer_bar .col-xs-12{ position:relative;}
footer .footer_bar .goTop{ margin:-24px 0 0; padding:20px 0 0; position:absolute; top:50%; right:0; z-index:5555; width:48px; height:48px; background:url(../images/gotop.png) no-repeat 50% 8px #ffa300; border-radius:50%; font-family:"Times New Roman", Times, serif; font-size:14px; color:#fff; text-align:center; cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footer_bar .goTop:hover{ background:url(../images/gotop.png) no-repeat 50% 8px #ea9c12;}
footer .footer_bar nav { margin:0 0 10px 0; font-size:12px; color:#777} 
footer .footer_bar nav ul li{ display:inline; line-height:22px;}
footer .footer_bar nav ul li a{ display:inline-block; padding:0 10px; color:#777; height:12px; line-height:12px; border-left: solid 1px #777;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footer_bar nav ul li a:hover{ color:#416d37;}
footer .footer_bar p a:hover{ color:#416d37!important;}
footer .footer_bar nav ul li:first-child a{ border:none;}
footer .footer_bar p{font-size:12px; color:#777; line-height:22px;}
footer .footer_bar p a{color:#777;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
footer .footer_bar p a:hover{ color:#a9a3a3}

@media (max-width:1199px){
/*banner*/	
.banner_wz{ width:440px; height:auto; margin:0 0 0 -500px; top:204px;}
.banner_wz .img4{ margin:0 auto 1%; width:80%;}
.banner_wz .img6{ margin:0 auto -10%; width:80%;}
.banner_wz .img7{ margin:0 auto; width:60%;}
.banner_img{ width:440px; height:auto; margin:0 -400px 0 0; top:105px;}
.banner_img .img1{ width:80px;}
.banner_img .img2{ left:150px; width:100px;}
.banner_img .img3{ left:210px; width:80px;}
.banner_img .img4{ left:280px; width:100px;}
.banner_img .img5{ width:250px;}
.banner_img .img6{ top:360px; width:200px;}
.banner_img .img7{ left:220px; top:330px; width:80px;}

/*p-3*/
.pictrue3 ul li{ width:18%;}
.pictrue3 ul li.active{ width:46%;}
.pictrue3 ul li.active a .textbox{ padding:10px 20px 0 230px;}
.pictrue3 ul li.active a .imgbox{ padding:16px 0 0 20px;}

/*p-4*/
.pictrue4 ul li .mark{ right:20px; padding:10px 5px 0; width:34px; height:140px; font-size:14px; line-height:16px;}
.pictrue4 ul li .mark span{ left:-15px;}
.pictrue4 ul li .mark:after{ left:2px; bottom:-24px;border-bottom:13px solid transparent;border-top:29px solid transparent;transform:rotate(55deg);-webkit-transform:rotate(55deg);-moz-transform:rotate(55deg);-ms-transform:rotate(55deg);-o-transform:rotate(55deg);}
.pictrue4 ul li.li01 .mark:after{border-right: solid 20px #f3bc00;}
.pictrue4 ul li.li02 .mark:after{border-right: solid 20px #ee8d00;}
.pictrue4 ul li.li03 .mark:after{border-right: solid 20px #4fb9e0;}
.pictrue4 ul li.li04 .mark:after{border-right: solid 20px #f500d7;}
.pictrue4 ul li.li05 .mark:after{border-right: solid 20px #f13f00;}
}

@media (max-width:991px){
/*content*/
.content.nycontent{ padding:110px 0 30px;}	
	
/*main*/
.main-opcityBackground-1{ height:auto; background:url(../images/fix1_img_ydd.jpg) 50% 50%; background-size:cover;}	
	
/*header*/	
header .logo img{ width:200px;}
 
 body{ position:relative;background:#f0f0f0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;	}	
body.active{ right:45%;}
.sjdnav{ padding:20px 20px 70px; position:fixed; right:45%; top:0; z-index:-99999; width:45%; height:100%; background:#1a2717;
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; overflow-y:auto;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;}
.sjdnav.active{ right:0; z-index:6;
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;box-shadow:-5px 0 2px rgba(0,0,0,0.2);-webkit-box-shadow:-5px 0 2px rgba(0,0,0,0.2);-moz-box-shadow:-5px 0 2px rgba(0,0,0,0.2);-ms-box-shadow:-5px 0 2px rgba(0,0,0,0.2);-o-box-shadow:-5px 0 2px rgba(0,0,0,0.2);transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;}
.sjdnav .qrcode{ margin:10px auto 0; width:90%;}
.sjdnav .qrcode img{ display:block; margin:0 auto;}
.sjdnav ul.yjul{width:100%; overflow:hidden;}
.sjdnav ul.yjul li.yjli{ display:block; width:200%; margin:0 0 0 -100%; border-bottom:solid 1px #0b130a; padding:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.sjdnav ul.yjul li.yjli a{ display:block; width:50%; line-height:35px;color:#fff;border-bottom:solid 1px #2c4127; transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.sjdnav ul.yjul li.yjli:hover{ margin:0;}
.sjdnav ul.yjul li.yjli:hover a{ color:#265a1b} 
.sjdnav ul.yjul li.yjli.active{ margin:0;}
.sjdnav ul.yjul li.yjli.active a{ color:#265a1b} 
.sjdnav ul ul.xlul.active{ display:block;}
.sjdnav ul ul.xlul{ padding:0 10px; display:none; margin:0 0 10px;}
.sjdnav ul ul.xlul li{ margin:0 0 5px; border-bottom:solid 1px #0b130a}
.sjdnav ul ul.xlul li a{ display:block;line-height:34px; font-size:12px; color:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;border-bottom:solid 1px #2c4127;}
.sjdnav ul ul.xlul li a:hover{ color:#265a1b;}
.sjdnav_mb{ display:none; position:fixed; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0);}

 header .ydd_btn{ margin:10px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
/*header .ydd_btn.hover{ background:url(../images/ydd_btn_bg.png) no-repeat; background-size:100% 100%;}
header .ydd_btn.hover span{ background:#fff;}
header .ydd_btn.hover span.span01{ position:relative; margin-top:8px;}
header .ydd_btn.hover span.span02{ position:relative; margin-top:-4px;}
header .ydd_btn.hover span.span03{ position:relative; margin-top:-8px;}*/
header .ydd_btn span{ display:block; width:100%; height:4px; background:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#fff;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
position:relative;
top:8px;
margin-top:0px;	
} 
header .ydd_btn.click span.span02{margin:4px 0;	}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*banner*/
.banner_wz{ top:25%; width:60%; margin:0 0 0 -30%;}
.banner_wz .img1{ margin:0 auto 2%; width:50%;}
.banner_wz .img3{ margin:0 auto 2%; width:60%;}
.banner_wz .img4{ margin:0 auto 1%; width:80%;}
.banner_wz .img5{ margin:0 auto 4%; width:35%;}
.banner_img{margin:0 -100% 0 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*p-1*/
.pictrue1-list{ margin-top:0; margin-bottom:20px;}
.pictrue1-list:hover{ margin-top:0; margin-bottom:20px;}
.pictrue1box{ width:100%;height:410px;}
.pictrue1box .imgbox{ height:280px;}
.pictrue1box .mb4{ top:275px;}
.pictrue1box .mb5{ top:275px;}
.pictrue1box .mb1{ top:265px;}
.pictrue1box .imgbox2{ height:295px;}
.pictrue1box .mb2{ top:280px;}
.pictrue1box .mb3{ top:280px;}

/*p-3*/
.pictrue3 ul li{ width:25%;}
.pictrue3 ul li a .more,.pictrue3 ul li a p{ display:none;}
.pictrue3 ul li.active{ width:25%;}
.pictrue3 ul li a .imgbox{ margin:0 0 0 -60px; padding:16px 0 0 0;}
.pictrue3 ul li.active a .imgbox{ margin:0 0 0 -60px; padding:16px 0 0 0;}
.pictrue3 ul li.active a .textbox{ padding:10px 0 0; width:36px;}
.pictrue3 ul li.active a .textbox span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.pictrue3 ul li.active a .textbox h2{ width:36px; text-align:center; height:auto; color:#fff;white-space:normal}
.pictrue3 ul li.li01.active{ background:#fc5b57;}
.pictrue3 ul li.li02.active{ background:#4ba0e2;}
.pictrue3 ul li.li03.active{ background:#ffbb2c;}
.pictrue3 ul li.li04.active{ background:#ed774a;}

/*n-1*/
.news1 ul { padding:0;}
.news1 ul li{ padding:0; margin:0 0 20px; width:100%;}

/*n-2*/
.news2box{ padding:10px 0 20px;}
.news2box .imgbox{ margin:0;left:0; top:10px;}
.news2box .textbox{ padding:0 0 0 220px;}
.news2box .textbox .time2{ display:inline-block; line-height:18px; font-size:12px; color:#999; padding:0 0 10px; border-bottom:solid 1px #e5e5e5;}
.news2box .textbox .time2 span{ margin:0 10px 0 0; color:#000;}
.news2box .textbox h5{ margin:10px 0;}

/*a-1*/
.about { padding:20px 0;}
.about h2{font-size:16px; line-height:30px;}

/*c-1*/
.contact_text{ padding:0;}
.contact_form{ margin:20px 0 0; padding:0;}
.contact_map{ padding:20px 0 0;}

/*news_showbox*/
.news_showbox{ padding:0;}

/*s-1*/
.subnav .pcdnav{ position:relative;}
.subnav .pcdnav li{ float:left; width:50%;}
.subnav .pcdnav .xl{ position:absolute;display: none;transition: all 0 !important; top:50px; z-index:1; width:50%; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.subnav .pcdnav .xl.xl01{ left:0;}
.subnav .pcdnav .xl.xl02{ left:50%;}
.subnav .pcdnav .xl.xl03{ left:0%;top:100px;}
.subnav .pcdnav .xl.xl04{ left:50%;top:100px;}
.subnav .pcdnav .xl.xl05{ left:0%;top:150px;}
.subnav .pcdnav .xl.xl06{ left:50%;top:150px;}
.subnav .pcdnav .xl.xl07{ left:0%;top:200px;}
.subnav .pcdnav .xl.xl08{ left:50%;top:200px;}
.subnav .pcdnav .xlxlhide{height:inherit;}

/*footer*/
footer{ padding:30px 0 0;}
footer .footercontent{ width:60%}
footer .footerqrcode{ width:40%; border-right:none}
footer .footerform{ margin:30px 0 0; padding:0; width:100%;}
footer .footer_bar{ margin:30px 0 0;}
footer .footer_bar .goTop{ right:15px;}
}

@media (max-width:767px){

/*content*/
.content.nycontent{ padding:40px 0 30px;}

/*m-1*/
.main{ padding:20px 0;}
	
 /*f-nav*/
.hot{ width:100%;height:50px; background:#265a1b; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #367329;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#163e0d;}	

/*header*/	
header{ position:relative; height:50px; background:#265a1b;}	
header .logo img{ width:160px;}
header .ydd_btn{ margin:5px 0 0; padding:10px;}

/*banner*/
.banner_wz{ top:15%; width:70%; margin:0 0 0 -35%;}
.banner_wz .img2{ margin:0;}
.banner_wz .img3{ margin:0 auto;}

/*nybanner*/
.nybanner_nav1 ul li a{ font-size:12px; width:60px; height:34px; line-height:32px;}

/*t-1*/
.title1{ margin:0 0 20px;}
.title1 h2{ margin:0 0 5px;font-size:16px; line-height:18px;}
.title1 p{ margin:0;}
.title1 p:before{ left:-40px; width:30px;}
.title1 p:after{ right:-40px; width:30px;}

/*p-1*/
.pictrue1box{height:360px;}
.pictrue1box .imgbox{ height:230px;}
.pictrue1box .mb4{ top:225px;}
.pictrue1box .mb5{ top:225px;}
.pictrue1box .mb1{ top:215px;}
.pictrue1box .imgbox2{ height:245px;}
.pictrue1box .mb2{ top:230px;}
.pictrue1box .mb3{ top:230px;}
.pictrue1box .textbox h2{ font-size:22px;}
.pictrue1box .textbox small{ margin:5px 0;}

/*p-3*/
.pictrue3 ul li a{ height:266px;}
.pictrue3 ul li a .imgbox{ margin:0 0 0 -40px;}
.pictrue3 ul li.active a .imgbox{ margin:0 0 0 -40px;}
.pictrue3 ul li a .imgbox span{ width:150px; height:250px;}
.pictrue3 ul li a .textbox{ width:20px;}
.pictrue3 ul li.active a .textbox{ width:20px;}
.pictrue3 ul li a .textbox h2{ margin:5px 0 0;width:20px; font-size:14px; line-height:16px;}
.pictrue3 ul li.active a .textbox h2{width:20px;}
.pictrue3 ul li a .textbox span{ width:20px; height:20px; line-height:20px; font-size:14px;}

/*p-5*/
.pictrue5-list .pictrue5box .textbox{ padding:5px 10px;}
.pictrue5-list .pictrue5box .textbox img{ right:10px; margin:-13px 0 0; padding:7px 10px; width:27px; height:27px;}
.pictrue5-list .pictrue5box .textbox h4{ padding:0 40px 0 0; margin:5px 0 0; font-size:12px; line-height:24px;}
.pictrue5-list .pictrue5box .textbox span{ padding:0 40px 0 0; font-size:12px; line-height:24px;}

/*n-1*/
.news1 ul li span{ line-height:34px;}
.news1 ul li .textbox{ padding:10px;}
.news1 ul li .textbox p{ height:48px;}

/*c-1*/
.contact_form button{ width:100%;}

/*n-2*/
.news2box .imgbox{ width:150px; height:100px;}
.news2box .textbox{ padding:0 0 0 165px; height:100px;}
.news2box .textbox .time2{ padding-bottom:5px;}
.news2box .textbox h5{ margin:5px 0; font-size:14px; line-height:16px;}
 
/*footer*/
footer{ margin-bottom:50px; padding:0;}
footer .footer_bar{ margin:0; padding:15px 0; border:none} 


.banner .swiper-button-prev{left: 8px!important;}
.banner .swiper-button-prev:before{font-size: 24px;}
.banner .swiper-button-next{right: 8px!important;}
.banner .swiper-button-next:before{font-size: 24px;}







}
 
@media (max-width:639px){
/*p-1*/
.pictrue1box{height:300px;}
.pictrue1box .imgbox{ height:180px;}
.pictrue1box .mb4{ top:175px;}
.pictrue1box .mb5{ top:175px;}
.pictrue1box .mb1{ top:165px;}
.pictrue1box .imgbox2{ height:195px;}
.pictrue1box .mb2{ top:180px;}
.pictrue1box .mb3{ top:180px;}
.pictrue1box .textbox h2{ font-size:18px;}


/*.pictrue4 ul li .mark{display: none;}*/

.pictrue4 ul li .mark{height: 88px}

.pictrue5 ul{margin: -5px 5px 0 !important}
.pictrue5 li{margin: 10px 5px 0;width: calc(50% - 10px)}
.pictrue5 li .mark{font-size: 16px;line-height: 40px;height: 40px}

 
}

@media (max-width:479px){
	
/*banner*/	
.banner_wz{ top:10%; }	
 
 /*nybanner*/
 .nybanner_nav1 ul { margin:-35px 0 0;}
.nybanner_nav1 ul li a{ margin-bottom:5px;}
 
 /*p-1*/
.pictrue1box{height:240px;}
.pictrue1box .imgbox{ height:130px;}
.pictrue1box .mb4{ top:125px;}
.pictrue1box .mb5{ top:125px;}
.pictrue1box .mb1{ top:115px;}
.pictrue1box .imgbox2{ height:145px;}
.pictrue1box .mb2{ top:130px;}
.pictrue1box .mb3{ top:130px;}
.pictrue1box .textbox h2{ font-size:16px;}
 
 /*p-3*/
.pictrue3 ul li a{ height:206px;}
.pictrue3 ul li a .imgbox{ margin:0 0 0 -20px;}
.pictrue3 ul li.active a .imgbox{ margin:0 0 0 -20px;}
.pictrue3 ul li a .imgbox span{ width:100px; height:190px;}
.pictrue3 ul li a .textbox{ width:16px;}
.pictrue3 ul li.active a .textbox{ width:16px;}
.pictrue3 ul li a .textbox h2{width:16px; font-size:12px; line-height:14px;}
.pictrue3 ul li.active a .textbox h2{width:16px;}
.pictrue3 ul li a .textbox span{ width:16px; height:16px; line-height:16px; font-size:12px;}

/*n-2*/
.news2box .imgbox{ width:120px; height:80px;}
.news2box .textbox{ padding:0 0 0 135px; height:80px;}
.news2box .textbox .time2{ display:none;}

/*s-1*/
.subnav .pcdnav li a{ padding:0 10px 0 29px; font-size:12px;}
.subnav .pcdnav li a b{ margin:-7px 0 0; left:5px; width:14px; height:14px; font-size:8px; line-height:14px;}
.subnav .pcdnav .xlxl a{ padding:0 10px 0 17px;}
.subnav .pcdnav .xlxl a b{ left:5px;}
}

@media (max-width:413px){	
 /*p-1*/
.pictrue1box{height:210px;}
.pictrue1box .imgbox{ height:100px;}
.pictrue1box .mb4{ top:95px;}
.pictrue1box .mb5{ top:95px;}
.pictrue1box .mb1{ top:85px;}
.pictrue1box .imgbox2{ height:115px;}
.pictrue1box .mb2{ top:100px;}
.pictrue1box .mb3{ top:100px;}
.pictrue1box .textbox h2{ font-size:14px;} 

  /*p-3*/
.pictrue3 ul li a{ height:166px;}
.pictrue3 ul li a .imgbox span{ width:80px; height:150px;}

/*s-1*/
.subnav .pcdnav li a{ padding:0 5px 0 25px;}
.subnav .pcdnav li a b{ margin:-5px 0 0;width:10px; height:10px; font-size:6px; line-height:10px;}
.subnav .pcdnav .xlxl a{ padding:0 10px 0 17px;}
.subnav .pcdnav .xlxl a b{ left:5px;}
}

@media (max-width:339px){	
 
}