@charset "utf-8";




/*返回顶部*/
.back-top { position: fixed; right:10px; bottom:5%; display:none; z-index:999;}
#top{text-transform:capitalize;font-size:18px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top span{display:inline-block;vertical-align:middle;margin-left:15px;border-radius:100%;width:46px;height:46px;border:1px solid #3E5D4C;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top .aico{height:100%; width:100%; display:inline-block; background:url(../images/tiaox_03.png) no-repeat center;-webkit-animation:scrollUp 2s infinite;-moz-animation:scrollUp 2s infinite;animation:scrollUp 2s infinite}

@-webkit-keyframes scrollUp{
0%{-webkit-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@-moz-keyframes scrollUp{
0%{-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@keyframes scrollUp{
0%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}

/**/
.lh-product-item .owl-theme .owl-dots { display:none;}
.lh-product-item .owl-theme .owl-nav { margin:0;}
.lh-product-item .owl-carousel .owl-nav button.owl-next,.lh-product-item .owl-carousel .owl-nav button.owl-prev { position:absolute; border:none; top:50%; z-index:99; background:#F4D6A2; width:40px; height:40px; margin:0; outline:0; margin-top:-20px; border-radius:50%;}
.lh-product-item .owl-carousel .owl-nav button span{ font-size:40px; height:40px;line-height:35px; display:block;  color:#3E5D4C;}
.lh-product-item .owl-carousel .owl-nav button.owl-prev { left:15px;}
.lh-product-item .owl-carousel .owl-nav button.owl-next { right:15px;}



/*内页导航*/
.nei_nav{ background-color: #f1f1f1;}
.nei_nav .left li{ float: left; line-height: 90px; margin-right: 42px; color: #333333;}
.nei_nav .left li a{ color: #333; font-size:16px;}
.nei_nav .left li.on a{ color: #3e5d4d; }
.nei_nav .left li:hover a{ color: #3e5d4d; }

.nei_nav .right{ padding-left: 40px; background: url(../images/nei_menu.png) left center no-repeat; line-height: 90px; color: #999;}
.nei_nav .right a{ color: #999;}

/*内页共用样式*/
.nei_page{position:relative;}
.nei_page .title{ text-align: center; font-size: 42px; color: #3e5d4d; padding-top: 60px;}
.nei_page .title i{ display: inline-block;}
.nei_banner { margin-top:100px; height:400px; width:100%; position:relative;}
.pagebansub { text-align:center; position:relative; height:100%;}
.pagebansub h2 { position:absolute; top:50%; left:50%; margin-left:-112px; display:inline-block; background:url(../images/neibkuang.png) no-repeat center; height:145px; font-size:36px; color:#fff; letter-spacing:20px; padding-top:58px;transform: translateY(-50%);}

.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.transY{ transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0;  }
.transY2{ transform:translateY(-80px); -webkit-transform:translateY(-80px); opacity:0; }
.transX{ transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; }
.transX2{ transform:translateX(-100px); -webkit-transform:translateX(-100px); opacity:0; }
.transShow{ transform:translate(0); -webkit-transform:translate(0); opacity:1; }

@media screen and (max-width: 991px){
.nei_banner {  height:350px;}
.nei_banner { margin-top:70px;}

}
@media screen and (max-width: 767px){
.nei_banner { background:none !important; height:auto;}
.nei_banner img { max-width:100%;}
.pagebansub { position:absolute; left:0; top:0; width:100%; height:100%;}
.pagebansub h2 {  margin-left:-72px; display:inline-block; background:url(../images/neibkuang2.png) no-repeat center; height:145px; font-size:26px; letter-spacing:10px; padding-top:58px;}

.nei_nav .left { width:100%;}
.nei_nav .left li{ line-height: 40px; text-align:center; margin-right: 0; width:33.33%;}
.nei_nav .right{ display:none;}

.nei_page .title{  font-size: 30px;  padding-top: 30px;}

}


/*关于我们*/
.nei_page .about{ position:relative; z-index:99}
/*.nei_page .about:before{ content:''; display:block; background:url(../images/about_back01.jpg) left top repeat-y; position:absolute; width: 258px; height: 100%; z-index: -1; left: 50%; margin-left: -600px;}
*/

.curtain {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 55;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.curtain__section {
	width: calc(300px/7);
	height: 100%;
	position: relative;
	border-right:1px solid #F1F1F1;
	overflow: hidden;
}
.curtain__section_visible {
	visibility: visible
}
.curtain__section_left {
	width: calc((100% - 1200px)/2)
}
.curtain__section_right {
	width: calc((100% - 1200px)/2)
}
.curtain__tile {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 5
}
.curtain__progress-line {
	height: 100%;
	width: 1px;
	background: white;
	position: absolute;
	left: 0;
	top: -100%;
	z-index: 1
}
.curtain__preloader-line {
	height: 100%;
	width: 1px;
	position: absolute;
	background: white;
	z-index: 50;
	top: -100%;
	left: 0
}
.curtain__preloader-line_right {
	left: initial;
	left: auto;
	right: 0
}
.curtain__logo {
	position: absolute;
	z-index: 100;
	left: 0;
	top: calc(50% - 100px);
	overflow: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.curtain__logo_left {
	width: 168px
}

.curtain__logo-svg {
	fill: white
}
.curtain_close .curtain__tile {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.section-curtain {
	z-index: 20
}
.section-curtain .curtain__tile {
}



.product-num-box{width: 100%; background:url(../images/aboutbg.png) repeat-x bottom left; padding-bottom:40px;}

.product-num-head{ padding-top:55px; overflow:hidden;}
.product-num-item{    text-align: center;float:left;}
.aboutnum01 { width:33.33%;}
.aboutnum02 { width:33.33%;}
.aboutnum03 { width:33.33%;}
 
 
.product_white { position: relative;}
.product-num-nub{    height:52px;line-height:52px;font-size:48px;color: #3e5d4d; font-weight:500;overflow: hidden;display: inline-block;}
.product-num-add { color:#3e5d4d; display:inline-block; font-size:45px; min-width:18px; height:52px;line-height:52px; position:relative;overflow: hidden;}
.product-num-add em { position:absolute; top:-10px; left:0px; font-style:normal; color:#3e5d4d;font-size: 24px; width:18px;}
.product-num-inf{ margin-top: 20px;height:50px; color:#3e5d4d;padding:0 5px;line-height:25px;display: block;overflow:hidden;}

.commid { padding-top:62px; padding-bottom:40px; overflow:hidden;}
.commid_left { float:left; width:45%; padding-top:10px;}
.commid_left h3 { background:#3E5D4D; font-size:36px; color:#f4d6a2; text-align:center; font-weight:bold; height:180px; line-height:180px;}
.commid_right { float:left; width:55%; padding-left:50px;}
.commid_right p { color:#333333; font-size:14px; line-height:25px; padding-bottom:20px; text-align:justify;}

.comthree { background:#F1F1F1; width:100%; height:100%;}
.comleft { width:20%; float:left; height:100%; font-size:14px; color:#999999;display: table;text-align:justify; text-justify:distribute-all-lines; text-align-last:justify; height:196px;}
.comleft p {display: table-cell; color:#666;
	vertical-align: middle;}
.comright { width:55%; float:left; text-align:center; padding:0 40px;}
.comright .comrightpic { height:196px;}

.combottom { background:url(../images/aboutbg2.png) no-repeat bottom center; padding:72px 0 150px 0;}
.combot_right { float:left; width:50%; padding-right:30px; padding-left:5px;}
.combot_right p { color:#333333; font-size:14px; line-height:25px; padding-bottom:20px;}
.combot_left { float:left; width:50%; height:196px;}
.combot_left img { max-width:100%;}

@media screen and (max-width:1199px){
.commid_left h3 { font-size:30px;}
.combottom { padding:72px 0 100px 0;}

}
@media screen and (max-width:991px){
.commid_left h3 {  font-size:26px;  height:180px; line-height:180px;}
.commid_right {   width:55%; padding-left:30px;}

}
@media screen and (max-width:767px){
.product-num-head { padding-top:30px;}
.product-num-nub { font-size:34px; height:35px; line-height:35px;}
.product-num-add { font-size:28px;height:35px; line-height:35px;}
.product-num-inf { font-size:14px; height:80px; line-height:20px;}

.commid { padding-top:30px; padding-bottom:20px;}
.commid_left { width:100%;}
.commid_left h3 { height:auto; padding:50px 10px; line-height:30px; font-size:26px;}
.commid_right {   width:100%; padding-left:0px; padding-top:30px;}
.comright .comrightpic { background:none !important; height:auto;}
.comleft { width:100%; height:70px;}
.comright { width:100%; float:left; text-align:center; padding:0;}

.combot_right {width:100%; padding-right:0px;}
.combot_left { width:100%; height:auto}
.combottom { padding:30px 0 50px 0;}

}

/*文化理念*/
.cultubg { background:url(../images/aboutbg2.png) no-repeat bottom center; padding-bottom:200px;}
/*.culwen { padding:20px 44px; border-bottom:1px solid #9EAEA6;}*/
.culwen p{ line-height:45px; font-size:14px;color: #333333;}

.tenobd {padding-bottom:40px; padding-top:40px; border-bottom:1px solid #BEC9C4;}
.tenosub { font-size:20px;  width:60%; float:left;color:#282828; background:url(../images/texian.jpg) no-repeat bottom left; padding-bottom:30px;}
.tecont { position:relative;display: flex;}
.tecont p { font-size:16px; line-height:27px; padding:10px 0;}
.aboutewen { width:55%; float:left; text-align:center;align-self: center;}
.aboutewen h2 { font-size:30px; background:url(../images/whxian.jpg) no-repeat bottom center; color:#333333; line-height:28px; height:56px; margin-bottom:15px;}
.teimg { float:right; width:45%; text-align:left;}
.teimg img { max-width:100%;}
.tenoone .teimg { float:left;}

.tenotwo .teimg { left:0; text-align:right;}

@media screen and (max-width:991px){
.aboutewen { width:52%; }
.teimg {  width:48%; }
.tecont p { font-size:16px; line-height:25px; padding:6px 0;}

}

@media screen and (max-width:767px){
.cultubg { padding-bottom:60px;}
.culwen {padding:35px 0 15px 0;}
.culwen p{ line-height: 25px;}


.tenobd { padding-bottom:15px; padding-top:15px;}
.tenosub { width:100%; float:left;}
.tecont { height:auto; padding:0px; overflow:hidden; display:block;}
.teimg { width:100%; position: inherit; bottom:0; left:0; padding-top:15px; float:left;}
.teimg img { width:100%;}
.tenosub { font-size:18px; }
.aboutewen { width:100%; padding:15px;}
.aboutewen h2 { font-size:24px;  line-height:28px; height:auto; padding-bottom:15px; margin-top:20px; margin-bottom:15px;}
.tecont p { font-size:16px; line-height:25px; padding:4px 0;}

}


/*企业荣誉*/
.honordown { padding:0 25px;}
.honordown p { color:#333333; font-size:14px; line-height:40px; background:url(../images/xing2.png) no-repeat 0 14px; padding-left:25px;}
.pd15 { padding:0 15px;}
.about-ry { margin-top:50px; padding-bottom:15px;}
.about-ry .carouse-item { margin: 0 10px; background: #fff; text-align: center; }
.about-ry .carouse-item img { display: inline-block; max-width: 100%; }
.about-ry .ry-carousel { position: relative; z-index: 1; }
.about-ry .slick-arrow { transition: all .3s; }
.about-ry .slick-arrow.slick-prev { left: -25px; background: url("../images/left.png") no-repeat center center; }
.about-ry .slick-arrow.slick-prev.slick-disabled { background-position-x: -60px; }
.about-ry .slick-arrow.slick-prev:hover { background-image: url("../images/left1.png"); }
.about-ry .slick-arrow.slick-next { right:-25px; background: url("../images/right.png") no-repeat center center; }
.about-ry .slick-arrow.slick-next.slick-disabled { background-position-x: 60px; }
.about-ry .slick-arrow.slick-next:hover { background-image: url("../images/right1.png"); }
.about-ry .slick-arrow.slick-disabled { cursor: default; }
.about-ry .slick-dots { position: relative; margin-top: 20px; }
.about-ry .slick-dots li { width: 11px; height: 11px; margin: 0 3px; border-radius: 50%; background: #999; }
.about-ry .slick-dots li.slick-active { background: #FF0101; }

@media screen and (max-width:767px){
.honordown p {  line-height:30px;}
}

/*田间展示*/
.pb100 { padding-bottom:0px;}
.tj_left { float:left; width:55%; padding:0 50px;}
.tjlist {}
.tjlist ul li { width:100%; overflow:hidden; padding:34px 0px;}

.tj_right { float:left; width:45%; padding:70px 50px 0 0;}
.tj_right h2 { font-size:18px; color:#333333; height:50px; line-height:25px; margin-bottom:30px;}
.tj_right h2 span { color:#eabc5a; text-transform:uppercase; font-size:14px; padding-left:20px;}
.tj_right p { font-size:14px; color:#333333; line-height:25px; text-align:justify;}

.tjlist ul li:nth-child(2n) .tj_right h2 { text-align:right;}
.tjlist ul li:nth-child(2n) .tj_right h2 span { padding-right:20px; padding-left:0;}
.tjlist ul li:nth-child(2n) .tj_right { padding:70px 30px 0 50px;}
/*.tjlist ul li:nth-child(2n) .tj_right p { text-align:right;}
*/
.owl-theme.project .owl-nav { display:none;}
.owl-theme.project .owl-dots { position:absolute; left:0; bottom:10px; text-align:center; width:100%;}
.owl-theme.project .owl-dots button { border:none; outline:0;}
.owl-theme.project .owl-dots .owl-dot.active span, .owl-theme.project .owl-dots .owl-dot:hover span { background:#EED5A4;}
.project .item span { background:url(../images/tjbg.png) no-repeat bottom; position:absolute; left:0; top:0; height:100%; width:100%;}

.paged{padding-top:20px; margin:0 auto 50px; text-align: center; box-sizing:border-box;}
.paged:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.paged a{border: 1px solid #DDD; display:inline-block; line-height:38px; color: #333; margin: 0 2px; padding:0 14px; height:40px;text-decoration: none; font-size:14px;border-radius:2px; }
.paged a:hover{border:1px solid #246A38; text-decoration: none; color:#fff; padding:0 14px; height:40px; line-height:38px; background-color:#246A38; font-size:14px;}
.paged span {border-radius:2px; display:inline-block; border: 1px solid #246A38;  background-color:#246A38;color: #fff; line-height:38px;padding:0 14px; height:40px; font-size:14px; margin:0 2px;}
.paged a:first-child , .paged a:last-child{ border:none;} 

@media screen and (max-width:991px){
.tj_left {  padding:0 50px; padding-left:0;}
.tj_right {  padding:10px 20px 0 0;}
.tjlist ul li:nth-child(2n) .tj_left { padding-left:50px; padding-right:0;}
.tjlist ul li:nth-child(2n) .tj_right { padding:10px 10px 0 20px;}
.tj_right h2 { margin-bottom:10px;}


}
@media screen and (max-width:767px){
.tjlist { padding-top:30px;}
.tj_left { width:100%; padding:0;}
.tj_right { width:100%; padding:0; padding-top:30px;}
.tjlist ul li:nth-child(2n) .tj_right h2,.tjlist ul li:nth-child(2n) .tj_right p { text-align:left;}
.tjlist ul li { padding:15px 0px;}

.tjlist ul li:nth-child(2n) .tj_right { padding:0;padding-top:30px;}
.tjlist ul li:nth-child(2n) .tj_left { padding:0; padding-top:0;}
.tj_right h2 { font-size:18px; height:auto;  margin-bottom:10px;}
.tjlist ul li:nth-child(2n) .tj_right h2 span { padding-right:0; padding-left:20px;}

}

/*产品中心*/
.nei_banner .container { height:100%;}
.nei_banner .container .pagebansub h2 { left:0; margin-left:0;}
.proser {transform: translateY(-50%); position:absolute; right:0; top:50%; width:61%; border-bottom:1px solid #EED5A4; padding-bottom:12px;}
.proleft { font-size:28px; color:#fff; border:none; outline:0; background:none; float:left; width:85%;}
.probutton { background:url(../images/search.png) no-repeat; width:33px; height:33px; border:none; outline:0; float:right;}

.proser ::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
  font-size: 28px;
}

.proser ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 28px;
}

.proser :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
  font-size: 28px;
}

.nei_nav .pronav { width:100%; padding-top:30px; padding-bottom:20px;}
.nei_nav .pronav li { margin-right:20px; line-height:30px;}
.mo_search { padding:10px 15px; overflow:hidden;}
.mo_search form {border-bottom:1px solid #EED5A4; overflow:hidden; padding-bottom:10px;}

@media screen and (max-width:1199px){
.nei_nav .pronav { width:76%; padding-top:20px; padding-bottom:20px;}


}
@media screen and (max-width:991px){
.nei_nav .pronav { width:68%; padding-top:30px; padding-bottom:20px;}
}
@media screen and (max-width:767px){
.nei_banner .container .pagebansub h2 {margin-left: -72px; left:50%;}
	
.nei_nav .pronav { width:100%; padding:10px 0;}
.nei_nav .pronav li { margin-right:0;line-height:35px;}

.proleft { font-size:28px; color:#fff; border:none; outline:0; background:none; float:left; width:85%;}
.probutton { background:url(../images/search.png) no-repeat; width:20px; height:20px; background-size:cover; }
.proleft  { font-size:14px; color:#333;}

}

/*产品*/
.prolist { padding-top:40px;}
.prolist ul { margin-left:-20px; margin-right:-20px;}
.prolist ul li { float:left; width:25%; padding:0 20px; margin-bottom:10px;}
.prolist ul li a { display:block;}
.prolist ul li span { display:block; border:1px solid #EEEEEE; overflow:hidden;}
.prolist ul li h2 { text-align:center; font-size:16px; color:#000000; margin-top:15px; line-height:25px; height:50px;}
.pb50 { padding-bottom:50px;}
.prolist ul li:hover span { box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.1);}
.prolist ul li a:hover{ transform:translateY(-8px);}

@media screen and (max-width:991px){
.prolist ul li { width:33.33%; padding:0 20px;}

}

@media screen and (max-width:767px){
.pb50 { padding-bottom:30px;}
.prolist ul { margin-left:-15px; margin-right:-15px;}
.prolist ul li { width:50%; padding:0 15px;}

}

/*新闻*/
.newbg { background:#FAFAFA; padding:10px 0; margin-top:36px;}

/*详情*/
.article_top{ margin-top:30px;}
.articlesub span{ display:block; padding-top:8px; font-size:16px;}
.articlesub { background:url(../images/lant.jpg) no-repeat left 2px; min-height:47px; padding-left:26px;}
.articlesub h2{ font-size:20px; margin:0;}

.article_content{font-size:16px; color:#666; line-height:36px; padding-top:20px; }
.article_content video { margin:0 auto; display:block; max-width:90%; width:700px; min-height:300px;}
.article_content p{font-size:16px; color:#666; line-height:36px; margin-bottom:15px;}
.art_bot{ margin:30px 0 50px; width:80%;}
.art_bot p , .art_bot a{ color:#464646; line-height:26px; margin:0; }
.art_bot a:hover{ color:#01A1DF;}
.backs a{ display:block; width:90px; height:34px; text-align:center; font-size:14px; color:#246A38; background-color:#fff; border-radius:8px; line-height:34px; margin-top:40px; transition:all 0.5s; border:1px solid #246A38}
.backs a:hover{ background:#246A38; color:#fff;}
.w70 { float:left; width:73%; padding:0 15px; padding-right:30px; padding-top:30px;}
.w30 { float:left; width:27%; padding:0 15px; padding-top:30px;}
.recommend{ background-color:#FAFAFA; padding:30px 30px; margin-bottom:50px;}
.recommend h2{font-size:22px; color:#333; margin:0; line-height:36px; font-weight:bold; margin-bottom:20px;padding-bottom:20px;  border-bottom:1px solid #ddd;}
.recommend ul li a{ display:block;  padding-bottom:20px; }
.recommend ul li a h3{font-size:16px; font-weight:bold; margin:0; color:#333333; line-height:30px; height:30px; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#333333; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#333333; line-height:24px;}
.recommend ul li{ border-left:1px dashed #ccc; padding-left:20px;position:relative;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#01A1DF;}
.rightnew a{ display:block; position:relative; margin-bottom:20px;}
.rightnew a h3{ position:absolute; margin:0; text-align:center; width:100%; bottom:0px; left:0; box-sizing:border-box; padding:0 10px; background-color:rgba(0,0,0,0.5);font-size:16px; color:#fff; line-height:42px;max-width:100%; height:42px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.recommend ul li:before{ width:12px; height:12px; border:1px solid #ccc; background-color:#fff; position:absolute; left:-7px; top:8px; content:''; display:block; border-radius:50%;} 
.lookmore{ display:block; font-size:16px; color:#fff; background-color:#246A38; border-radius:20px; line-height:40px; width:150px; text-align:center; transition:all 0.5s; margin:30px auto 0; transition:all 0.6s;}
.lookmore:hover{ color:#fff; animation: logoShow .5s 1;-webkit-animation: logoShow .5s 1; }

@media (max-width:991px) {
.w70 {  width:65%; padding:0 15px; padding-right:30px; padding-top:30px;}
.w30 {  width:35%; padding:0 15px; padding-top:30px;}
}
@media (max-width:767px) {
.article_top{ margin-top:0px;}
.w70 {  width:100%; padding:0 15px; padding-top:30px;}
.w30 {  width:100%; padding:0 15px; padding-top:30px;}
.art_bot{ margin:20px 0; width:100%;}
.backs a{ margin-top:0px; }
.recommend{ padding:20px 15px; margin-bottom:30px;}
.recommend h2{font-size:20px; line-height:36px; margin-bottom:20px;padding-bottom:10px; }

}

/*联系我们*/
.contact{ padding:0 0 30px 0;}
.contact ul { width:100%; padding:0; margin-top:50px;}
.contact ul li{ width:48%; margin-right:2%;margin-bottom:25px; float:left; text-align:center; padding:25px 15px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box; min-height:210px;}
.contact h3{font-size:14px; color:#333; line-height:32px; text-transform:uppercase; }
.contact p { font-size:16px; color:#333333; height:50px; line-height:25px;}
.contact ul li img{ transition:all 0.8s;}
.contact ul li:hover img{ transform:rotateY(360deg);}
.contact form{ margin-top:52px;}
.contact form .form-control{ border:1px solid #ddd; line-height:50px; margin-bottom:22px; padding:0 20px; box-shadow: none ; border-radius:0; position:relative; display:block;resize: none; background:none;}
.contact form input.form-control{ height:50px; }
.contact form button{transition:all 0.4s; border:none; background-color:#3E5D4D; line-height:50px; width:100%; color:#fff; box-shadow: none ; border-radius:0;}
.contact form button:hover{ background-color:#3E5D4C; }
.map{ margin-top:40px;}
.map label { max-width:inherit !important;}
.map img { max-width:inherit !important;}
.red { color:#ff0000;}
.contact form .lyxing { background:url(../images/xing.png) no-repeat 12px 22px;}
.pb200 { padding-bottom:150px;}

@media (max-width:991px) {
.contact form{ margin-top:0px;}
}

@media (max-width:767px) {
.contact ul li{ width:49%; margin-right:1%; }
.pb200 { padding-bottom:50px;}

}
@media (max-width:374px) {
.contact ul li{ width:100%; margin-right:0; }
.contact{ padding:30px 0;}
}

.pronavx { background: url(../images/prox.jpg) repeat-x center; text-align:center;}
.pronavx a { color:#2e6549; background:#fff; width:20%; font-size:16px; display:inline-block; margin:0 50px; line-height:48px; border:1px solid #2E6549;}
.pronavx a:hover { background:#2E6549; color:#fff;}
.pronavx a.on { background:#2E6549; color:#fff;}

@media (max-width:767px) {

.pronavx { margin-top:15px;}
.pronavx a { margin:0 15px; width:33.33%;}

}


.prodown { padding-top:50px;}
.procater{ margin-top:15px; margin-bottom:30px;}
.procater li{ padding:24px 0; border-bottom:1px solid #eee; position:relative;}
.procater li:last-child{ border:none;}
.procater li .prleft{ float:left; width:10%; }
.procater li .prright{ float:right; width:90%; }
.procater li:after{ display:block; clear:both; content:''; width:100%; height:0; visibility:hidden;}
.prleft h3{ color:#404040; font-size:20px; font-weight:bold; line-height:30px; margin:0; padding-left:30px; background:url(../images/pleft.png) no-repeat 0 center;}
.prright a{ color:#404040; line-height:30px;font-size:16px; padding-left:15px; margin-right:15px;}
.prright a.active{ color:#990a08; background:url(../images/redot.png) no-repeat 0 center;}
.prright a:hover{ color:#990a08; }
.plists li{ width:22.3%; margin-right:3.5%; box-sizing:border-box; position:relative; margin-bottom:10px; float:left;}
.pimgs{ text-align:center; box-sizing:border-box;position:relative;  }
.pimgs a{ display:block; border:1px solid #ddd;padding-top:50px;}
.plists li h3{ text-align: center; margin:0;
    font-size: 16px;
    color: #000000;
    margin-top: 15px;
    line-height: 25px;
    height: 50px;}
.pimgs img{ max-width:85%;}

.phide{ position:absolute;top:0;left:100%; z-index:3; padding:30px;width:100%;height:100%;background:#fff;opacity:0;transition:all .5s linear;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg); transform-origin:left center;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.phide span{ display:inline-block; width:18px; height:18px; border-radius:50%; transform:translateY(4px); margin:0 2px;}
.phide span.blank{ background-color:#000000;}
.phide span.red{ background-color:#740202;}
.phide span.brown{ background-color:#5c2a09;}
.plists li:hover .phide{ opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0); }
.plists li:hover .pimgs {box-shadow:1px 1px 8px 2px rgba(0,0,0,0.1); border-right:0;}
.phide h3{ color:#999; line-height:32px; font-size:16px; margin:0;}
.phide p{color:#666; line-height:28px;text-align: justify; font-size:14px; max-height:196px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden; }
.phide h3 strong{ color:#333333; font-weight:normal; display:inline-block; margin-right:10px; }
.phide a{ display:block; width:115px; line-height:35px; transition:all 0.5s; border:1px solid #bbb; text-align:center; margin:20px auto 0;}
.plists li:nth-child(4n){ margin-right:0;}
.plists li:nth-child(4n) .phide{ right:100%; left:auto; transform-origin:right center; }
.plists li:nth-child(4n):hover .phide{ opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0);}
.phide a:hover{ background-color:#990a08; border-color:#990a08; color:#fff;}
.phide hr{ margin:6px 0;}
.plists li:nth-child(4n):hover .pimgs{border-left:0;}
@media screen and (max-width:1279px){
.phide p{  line-height:25px; max-height:200px;-webkit-line-clamp: 8; font-size:13px; }


}
@media screen and (max-width:1200px){
.procater li{ padding:15px 0; border-bottom:1px solid #eee; position:relative;}
.prleft h3{ font-size:16px; }
.phide h3{ line-height:30px; font-size:14px; }
.plists li .phide h3{ margin-top: 0;height: 25px; margin-bottom:5px;}

.phide{padding:15px; }

.phide p{  line-height:24px; max-height:216px;-webkit-line-clamp: 9; font-size:12px; }

}
@media screen and (max-width:992px){
.procater li .prleft{ width:15%; }
.procater li .prright{ width:85%; }
.prleft h3{ padding-left:15px; }
.plists li{ width:50%; margin-right:0%; float:none;}
.phide{ z-index:3; padding:30px; opacity:1;transform:rotateY(0deg); border-right:1px solid #ddd;}
.plists li:nth-child(4n) .phide{ right:auto; left:100%; opacity:1;transform:rotateY(0deg);}
.prright a{ font-size:14px; padding-left:12px; margin-right:12px;}
}
@media screen and (max-width:500px){
.plists { margin-left:-15px; margin-right:-15px;}	
.plists li{ width:50%; float:left; padding:0 15px; }
.phide{ display:none;}
.procater li .prleft{ width:100%; float:none; }
.procater li .prright{width:100%; float:none; }
.procater{ margin-top:0; margin-bottom:30px;}
.pimgs a{ padding-top:10px;}
.pimgs img{ max-width:100%;}

}