@charset "gb2312";
/* CSS Document */
.green{color:#61c250;}
/*头部*/
.header-bg{ position:relative;}
.header{width:100%; position:absolute;top:0px;z-index:99}
.header-nav{/*border-bottom:1px solid  rgba(238,223,203,.5);*/padding-bottom:20px;padding-top:25px;height:85px;}
.logo img{height:70px;}
.nav-list>li{float:left;height:70px; position:relative;padding:0px 30px;}
.nav-list>li>a{color:#fff;display:block;line-height:50px;height:50px;font-size:16px;}
.nav-list>li>a:after{content: '';display: block; width: 0%; height: 2.5px; background:#00707E; margin: 0 auto; transition:all 0.3s cubic-bezier(.25,.1,.25,1);}
.nav-list>li:hover>a:after{ width: 100%; }


.small_nav{position:absolute;left:0;top:55px;background:rgba(255,255,255,1);z-index:999999999;border:0px solid red;text-align:left;padding:0;width:100%;text-align:center;}
.small_nav ul{}
.small_nav ul li{line-height:40px;font-size:15px;border-bottom:1px solid #ccc;}
.small_nav ul li a{display:block;z-index:9999999;color:#333;}
.small_nav ul li a:hover{background:#00707E;color:#fff;}
.small_nav ul li:last-child{border:0;}

/*方正古隶简体*/
.banner-txt{ position:absolute;bottom: 115px;right: 5%;/*top:380px;left:40%;*/ width: 370px;z-index:999}
.txt1{font-family: 方正黄草简体; font-style:italic;color:#fff;margin-top:30px; font-size:70px; text-align:center}
.btnarea{width:187px;height:48px;line-height:48px;margin:0 auto;border:1px solid #fff;display:block;color:#fff; text-align:center}
.btnarea:hover{background-color:#61c250;color:#fff;border:1px solid #61c250;}


/*banner*/
.banner{ width:100%; position:relative; overflow:hidden;}
.banner img{ width:100%;height:100%;position:relative}
.pbanner img{ width:100%;}
.flex-control-nav{position:absolute; bottom:30px;z-index:12;width:100%;text-align:center; left:0;display:none; }
.slides span{display:block; position:absolute;top:0px;width:100%;height:100%; background-color:rgba(0,0,0,.3)}
.flex-control-nav li{display:inline-block;width:12px;height:10px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:12px;height:10px;line-height:40px;overflow:hidden;cursor:pointer;background:url(../images/banScorll_ico.png)}
<!--.flex-control-nav .flex-active{background-position:-22px 0px;}-->
.flex-direction-nav{width:100%;position:absolute; top:45%; z-index:100}
.flex-direction-nav li {width:40px;height:74px;overflow:hidden}
.flex-direction-nav li a{width:40px;height:74px;background:url(../images/focus_btn.png) no-repeat;position:absolute; z-index:11;top:0;}
.flex-direction-nav li a.flex-prev{background-position:0 -74px; left:30px}
.flex-direction-nav li a.flex-next{background-position:-40px -74px; right:30px}


/*footer*/
.f_foot{ background:#343434;padding-bottom:0px;overflow:hidden;}
.f_foot .code{ padding:30px 32px 0;height:282px; background:#eb5902;float:left;width:123px;}
.fMain{ padding:15px 0 0; overflow:hidden;max-width:960px;margin:0 auto;}
.f_foot .f_nav{max-width:960px;height:52px; line-height:52px; text-align:center; color:#fff; font-size:12px; text-align:left; padding:12px 0 0; border-bottom:1px solid #1f222c; text-align:center;padding-top:0px;}
.f_foot .f_nav a{ color:#fff; font-size:13px; font-family:"Microsoft YaHei"; display:inline-block; padding:0 20px;}
.f_foot .f_Info{ margin-left:258px;height:146px;padding-top:20px; overflow:hidden; border-top:1px solid #3c3c3c;/*width:780px*/}
.f_Info{overflow:hidden;}
.f_foot .f_logo{ display:block; width:210px; text-align:right;height:100px;margin-top:25px; padding:0px 10px 0 0px;margin-right:50px;margin-left:0%;display:none;}
.f_logo img{width:210px;}
.f_foot .f_Txt{width:336px;color:#fff;line-height:30px;font-family:"Microsoft YaHei";position:relative;}
.f_foot .f_Txt a{color:#e5e5e5;}
.f_foot .f_Txt img{ position:absolute;left:52px;top:145px;}
.f_code{ display:block; width:151px; overflow:hidden;}
.f_code .ewmimg{ width:65%; overflow:hidden;border:1px solid #b6bac6;margin-left:10px;}
.f_foot a:hover,#a a:hover{color:#61c250}
.foot_green{background:#51bbbb;padding:8px 0;}


.hb_bg{background:#404040;color:#d2dce2;line-height:22px;padding:5px 0;overflow:hidden;font-size:14px;}
#a a{color:#d2dce2;} 



.In_nav-title{padding:35px 0px;}
.In_nav-title h2{font-size:26px;color:#2b2b2b}
.In_nav-title h2 span{width:5px;height:21px;display:inline-block;background:#2b2b2b;margin-right:10px; position:relative;top:2px;}

/*新闻日志*/

.news-list>li{padding-bottom:20px;margin-bottom:30px;border-bottom:1px dashed #ddd;}
.news-list>li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.news-list li a{display:block}
.news-list li a:hover{color:#61c250}
.time h2{font-size:30px;color:#4a4a4a}
.Infore {width:90%}
.Infore h3{font-size:18px;color:#131313;margin-bottom:10px;}
.Infore p{font-size:14px;color:#9d9d9d;height:42px;overflow:hidden}

.page{/*width:350px;*/margin:0 auto;padding:20px 0;clear: both;}
.page a{border:1px solid #ccc;padding:3px 15px;margin-right:10px;border-radius:3px;}



/*新闻详情页*/
.newsCon{ overflow:hidden;width:1100px;margin:40px auto 0px auto;}
.titleT h3{font-size:25px;color:#2b2b2b}
.newsCtxt .img{ text-align:center;}
.newsCtxt .img img{width:100%;}
.newsCon .titleT{ text-align:left; background:url(../images/pro_line.png) repeat-x left bottom; padding-bottom:20px; margin-bottom:10px}
.newsCtit{ height:25px; line-height:25px; margin-bottom:30px}
.newsCtit span{ color:#999; margin-right:20px}
.newsCtxt{ line-height:20px}
.newsCtxt p{ margin-top:20px;line-height:25px;}
.newsCtxt img{margin:15px auto;}
.newsCtxt p{ text-indent:2em}

.sx_ul{border-top:1px dashed #ccc;margin-top:30px;padding:30px;}
.sx_ul li{float:left;width:50%;}

/*联系我们*/

.nav_top>li{float:left;background:#f0f0f0;margin-right:20px;width:130px;height:40px; line-height:40px;text-align:center;margin-bottom:10px;overflow: hidden;}
.nav_top>li.active,.nav_top>li:hover{background:#2b2b2b;}
.nav_top>li.active a,.nav_top>li:hover a{color:#fff}
.contcat{ background:#fff url(../images/skyline-dark.jpg) no-repeat center bottom; padding:20px 20px 10px; background-size:100% auto; margin:30px auto 20px}
.contactTxt h3{ font-size:22px;color:#2b2b2b;}
.contactTxt p{ line-height:20px; /*margin-bottom:20px*/}
.contactImg{ margin-top:20px}
.contactImg  img{ width:100%}
.map{ margin-bottom:20px}
.frame{ height:480px; width:100%}
.about .Icont_font p{ margin-bottom:0}
.contactImg img{width:150px;height:150px;}
#map{width:100%;height:400px;margin-top:20px;}
#map img {max-width: inherit;}
.contactImg {width:615px;}
.col-sm-6 {width: 50%; float:left;padding-right: 15px;}
.col-sm-12 {width: 100%;float: left;padding-right: 15px;}
.form-group {margin-bottom: 15px;}
.btn-default{color: #FFFFFF;border-color: #2b2b2b;background-color: #2b2b2b;border: none;}
.btn-default:hover{background:#61c250;color:#fff}
.btn {display: inline-block; padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background-image: none; border: 1px solid transparent; border-radius: 4px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.cnt-btm-w{margin-top: 25px;}
.sr-only {position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position: static;width: auto;height:auto;margin:0;overflow:visible;clip: auto;}
.form-control {display: block; width: 100%;height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-textarea{height:60px;}
.cnt-list ul li.yb{background-image: url(../images/yb.png);}
.cnt-list ul li.tel{background-image: url(../images/tel.png);}
.cnt-list ul li.fax{background-image: url(../images/fax.png);}
.cnt-list ul li.mail{background-image: url(../images/yx.png);}
.cnt-list ul li.ads{background-image: url(../images/add.png);}
.cnt-list ul li{font-size: 16px;}
.cnt-list ul li{padding: 15px 0;/*border-bottom: 1px dashed #CCCCCC;*/color: #666666;padding-left: 48px;background-repeat: no-repeat;background-position: left; background-size: 30px;}

/*工作机会*/

.join_us{margin-top:15px;}
.join_us h3{height:35px;line-height:35px;font-weight:600;font-size:15px;}
.join_ul{margin-bottom:15px;}
.join_ul li{height:30px;line-height:30px; overflow:hidden}
.join_ul li:last-of-type,.ye,.ml{color:#FF9900}
.join_img{margin:10px 0;}
.peo_heart{margin-bottom:15px}
.position_ul{/*width:725px;*/height:auto;margin-bottom:20px;}
/*.position_ul>li{border-bottom:1px dashed #ccc;line-height:30px;font-size:14px; overflow:hidden; }

.position_ul  p{line-height:38px}


.position_text dl{color:#666;font-size:14px !important;}
.position_text dt{font-weight:600;}
.position_text dd{line-height:22px !important;}
.position_text li::before {width: 6px; height: 6px;border-radius: 3px; content: ''; position: absolute;left: 0; top: 13px; background: linear-gradient(90deg, #61c250 0%, #8bff77 100%)}
*/
.position_ul>li{background:#fff;display: block;line-height: 80px;margin-bottom:6px;}
.position_ul .s_title{ cursor:pointer; overflow:hidden;padding: 0 30px;}
.position_ul>li>.s_title:first-child{}
.position_ul .s_title>a{float:left;color:#2b2b2b;font-size: 16px;}
.position_ul .s_title>span{float:right;}
.position_text li{padding-left:15px;line-height: 30px; position: relative;}
.position_text li h4{line-height: 40px;font-size:18px;font-weight:500;margin:20px 0px;}
.position_text{display:none;padding:20px 0px;border-top:1px solid #ddd}
.joinClose{background: url(../images/About-cn-icon-k.png) no-repeat;width: 20px;height: 20px;margin: 35px 5px 0px 0px;float:right;}
.joinopen{background: url(../images/About-cn-icon-h.png) no-repeat;width: 20px;height: 20px;margin: 35px 5px 0px 0px;float:right;}



/*精品案例*/
/*.case-list>li{float:left;width:23.4%;margin-right: 2%;margin-bottom: 2%;border-top:5px solid transparent;}
.case-list>li:nth-child(4n+4){margin-right:0;}
.case-list>li a{display:block; overflow:hidden}
.case-list>li p{ overflow:hidden}
.case-list>li img{width:100%;height:250px;border-radius:2px;transition: 0.5s;}
.case-list>li h2{font-size:18px;margin-top:10px;}
.case-list>li h2:before {content: "\00a0\00a0\00a0\203A\00a0";font-size:25px; position:relative;top:1px;margin: 0 1px;color: #61c250;font-weight: bold;text-align: left;}
.case-list>li:hover{border-top:5px solid #61c250;}
.case-list>li:hover img {transform: scale(1.2);}
*/
.proCenter-list>li { float: left; width: 370px; margin-right:45px;margin-bottom:50px; }
.proCenter-list>li:nth-child(3n+3){margin-right:0px;}
.proCenter-list>li a { display: block; position: relative; width: 100%; height: 298px; }
.proCenter-list>li .img { position: relative; width: 100%; height: 224px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proCenter-list>li .info { position: absolute; width: 100%; height: 74px; box-sizing: border-box; padding: 0 30px; background-color: #f0f0f0; line-height: 74px; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 10; }
.proCenter-list>li .info:after { position: absolute; display: block; content: ''; width: 25px; height: 74px; top: 0; right: 30px; background: url("../images/arr_circle.png") center no-repeat; }
.proCenter-list>li .cn { font-size: 18px; color: #030303; margin-right: 5px; }
.proCenter-list>li .en { font-size: 15px; color: #6d6d6d; }
.proCenter-list>li .imgbg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }
.proCenter-list>li .imgbg:after { position: absolute; display: block; content: '+'; font-size: 44px; color: #fff; font-weight: bold; width: 50px; height: 50px; text-align: center; line-height: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; z-index: 2; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all .5s ease; transition: all .5s ease; }
.proCenter-list>li .line { position: absolute; width: 0; height: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #61c250; right: 0; bottom: 0; z-index: 11; overflow: hidden; }
.proCenter-list>li .line:after { position: absolute; display: block; width: 22.7027%; height: 100%; background-color: #dc4f55; top: 0; right: 0; content: ''; }
.proCenter-list>li .shadow { position: absolute; width: 100%; height: 53px; background: url("../images/shadow.png") center no-repeat; left: 0; bottom: 0; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease; }
.proCenter-list>li:hover .imgbg { opacity: 1; visibility: visible; }
.proCenter-list>li:hover .imgbg:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.proCenter-list>li:hover .info { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); }
.proCenter-list>li:hover .line { width: 100%; }
.proCenter-list>li:hover .shadow { -webkit-transform: translateY(26px); -ms-transform: translateY(26px); transform: translateY(26px); }




/*产品设计*/
.pl_jqy>li{float:left;width:16%;margin-right:3%;margin-bottom:3%;}
.pl_jqy>li:nth-child(5n+5){margin-right:0;}
.pl_jqy>li a{display:block;width:100%;text-align:center;}
figure.effect-julia {background: #4b4b4b;}
.grid figure {width:100%;position: relative;float:left;overflow:hidden;background: #4b4b4b;text-align: center;cursor: pointer;}
.rounded {border-radius: 5px;-webkit-border-radius:  5px;-webkit-border-radius: 5px;  -o-border-radius:  5px;}
.grid figure img {position: relative; display: block;opacity: 1;}
figure.effect-julia img {width:100%;height:100%;-webkit-transition: opacity 1s;-webkit-transform 1s;transition: opacity 1s;transform 1s;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width: 100%; height: 80px;margin-bottom: 10px;}
figure.effect-julia figcaption {text-align: left;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure.effect-julia h2 { position: relative;padding: 0.5em 0;}
.grid figure h2, .grid figure p {margin: 0;margin-bottom: 10px;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300; background-color: #61c250;background-color: rgba(97, 194, 80, 0.85);font-size: 20px;}
.grid figure h2:before {content: "\00a0\00a0\00a0\203A\00a0";}
.grid figure h2 span { font-weight: 800;}
figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
figure.effect-julia p:nth-of-type(2) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
figure.effect-julia p {display: inline-block;margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.9);color: #2f3238;text-transform: none; font-weight: 500;font-size: 12px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-360px,0,0);transform: translate3d(-360px,0,0); width: 85%;}
.grid figure p {letter-spacing: 1px;font-size: 12px;}
figure.effect-julia:hover p:first-child {-webkit-transition-delay: 0s;transition-delay: 0s;}
figure.effect-julia:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
figure.effect-julia:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-julia:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
figure.effect-julia:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-julia2:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
figure.effect-julia2:hover {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);transition: transform 0.5s;}



/*品牌历史*/
.history-left{width:750px;padding:30px;}
.history-left p{line-height:25px; text-indent:2em;}
.history-left h1{color:#61c250;}
.history-right{width:450px;}

/*时间轴代码*/
.news-content-wrap {position: relative;padding-top: 40px;}
.news-content-line {width: 2px;height: 782px;background: #eee;position: absolute;top: 11.5%; left: 50%; margin-left: -1px;}
.news-content-line>span {display: block;width: 12px;height: 12px; border-radius: 50%; border: 2px solid #d1d1d1; margin-left: -5px;background: #fff;-webkit-transition: all .4s; -moz-transition: all .4s;  -o-transition: all .4s; transition: all .4s;position: absolute;}
.news-content-line>span:first-child {top: 170px;}
.news-content-line>span:nth-child(2) { top: 210px;}
.news-content-line>span:nth-child(3) {top: 425px;}
.news-content-line>span:nth-child(4) {top: 480px;}
.news-content-line>span:nth-child(5) {top: 675px;}
.news-content-line>span:nth-child(6) {top: 700px;}
.news-content-item { display: block; width: 551px; background-color: #fff;border: 1px solid #dde1e2; position: absolute; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.news-content-item:hover:after { border-left: 10px solid #61c250; opacity: 1;}
.news-content>a:first-child:hover:after,.news-content>a:nth-child(3):hover:after { border-right: 10px solid #61c250;opacity: 1;}
.news-content-item:hover .news-content-more-icon { background-color: #61c250; border: none; border: 1px solid #fff;}
.news-content-item:hover .news-content-footer {background-color: #61c250;color: #fff;}
.news-content-item:hover {border: 1px solid #61c250;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);margin-top: -10px;}
.news-content-footer {transition: all 0.3s ease-out 0s;}
.news-content-item:hover i { color: #fff;}
.news-content-item figure { padding:10px 15px 15px 12px;}
.news-content-item figure img {float: left; width: 121px;height: 107px;}
.news-content-item figure figcaption {font-size: 12px;color: #707070; float: right; width: 100%; letter-spacing: 1px;}
.news-content-item figure figcaption p { color: #4c4c4c; font-size: 16px; margin-top: 5px; -webkit-transition: all .4s; -moz-transition: all .4s;  -o-transition: all .4s; transition: all .4s;}
.news-content-item .news-content-footer { background-color: #ededed;  line-height: 45px; padding: 0 16px; font-size: 14px;  color: #686868; -webkit-transition: all .4s; -moz-transition: all .4s;  -o-transition: all .4s;  transition: all .4s;}
.news-content-item figure figcaption>div {line-height: 20px; margin-top: 12px;}
.news-content-more-icon {width: 30px; height: 30px;  border-radius: 50%; border: 1px solid #d6d6d6;display: block;float: right ;text-align: center;  margin-top: 9px;  line-height: 26px;font-size: 18px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.news-content-more-icon i { color: #d6d6d6;}
.news-content>a:nth-child(2n) {left: 0;}
.news-content>a:nth-child(2n+1) {right: 0}
.news-content { margin-top: 47px; height: 750px; position: relative;}
.news-content>a:first-child:after,.news-content>a:nth-child(3):after,.news-content>a:nth-child(5):after { border-right: 10px solid #ededed; border-left: 10px solid transparent;left: -21px;}
.news-content-item:after { content: ''; display: block; width: 0;  height: 0; border-left: 10px solid #ededed; position: absolute; right: -10px; top: 92px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.news-content-item:nth-child(2):after{top:120px;}
.news-content-item:nth-child(3):after{top:112px;}
.news-content-item:nth-child(4):after{top:210px;}
.news-content-item:nth-child(5):after{top:150px;}
.news-content>a:first-child {top: 96px;}
.news-content>a:nth-child(2) { top:26px;}
.news-content>a:nth-child(3) {top: 291px;}
.news-content>a:nth-child(4) {top: 248px;}
.news-content>a:nth-child(5) {top: 503px;}
.news-content>a:nth-child(6) {top: 560px;}
.index-news-more {width: 30px; height: 30px; display: block; margin: 0 auto;border-radius: 30px;margin-top: 60px;color: transparent;border: 2px solid #dedede; position: relative; background: #f6fafc; display: block; top: -50px;}
.index-news-more:before { content: ''; position: absolute; width: 10px; height: 1px;  background-color: #5c5c5c;left: 50%;margin-left: -5px;top: 50%;-moz-transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);  transition: all .3s ease-out 0s;}
.index-news-more:after { content: '';position: absolute;width: 1px;height: 10px;background-color: #5c5c5c; top: 50%; margin-top: -5px; left: 50%;-moz-transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
 transition: all .3s ease-out 0s;}
.index-news-more:hover:after,.index-news-more:hover:before {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);transform: rotate(90deg);background-color: #fff;}
.index-news-more:hover {background: #61c250; border: 2px solid #61c250;}
.wap-news{display:none}

/*精湛工艺*/
.tech-left{width:750px;padding:30px;}
.tech-left p{line-height:25px; text-indent:2em;}
.tech-left h1{color:#61c250;}
.tech-right{width:450px;}






/*产品详情页*/
.HotelMain{ width:100%; overflow:hidden; margin:0 auto}
.Hoteban{ overflow:hidden}
.sliderCon{position: relative; width:1200px;height:720px; background: #fff; overflow: hidden; margin:0 auto}
.slideS{cursor:pointer; position: absolute; left: 0px; top: 0px; width:100%; height:600px; overflow: hidden; text-align:center}
.slideS div{ text-align:center; width:100%}
.slideS .image{ display:inline-block; width:100% !important; height:100%; position:static !important}
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{position: absolute;cursor: pointer;display: block;overflow:hidden;opacity:0;  background-repeat:no-repeat; background-size:70px 140px;}
.jssora05l{background-position:left center;background-image:url(../images/banarrowL.png) }
.jssora05r{background-position:right center;background-image:url(../images/banarrowR.png)}
.jssora05l:hover,.jssora05r:hover {opacity:1}
.jssort01{position: absolute; width:calc(100% ); height: 108px; left:54.5px; bottom: 0px;}
.p{position: absolute;width:108px;height:108px;top: 0; left: 0;}
.jssort01 .w{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.wD{width: 100%; height: 100%;position:absolute; top: 0; left: 0;}
.jssort01 .c {position: absolute;top: 0px;left:0px;width:100%; height:100%; background:rgba(153,153,153,0.7); cursor:pointer}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {top:0;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5); background-image:url(../images/arrowC.png); background-position:center center; background-repeat:no-repeat}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c {top: 0px;left: 0px;width:100%;height:100%}
.hotelCont,.hotelTxt,.hotelMore{ overflow:hidden}
.hotelTitle{margin-bottom:21px}
.hotelTitle h3,.page-header{ font-size:18px;color:#2b2b2b;display:block;border-bottom:1px solid #333;padding-bottom:5px;}
.hotelS{ font-size:1em; font-weight:bold}
.hotelS i{ margin:0 20px 0 0;color:#1a315a}
.hotelS p{ margin-bottom:15px}
.hotelTxt{ margin-top:44px; width:100%}
.hotelTxt p{ text-align:justify; line-height:25px;font-size:16px;}
.hotelP p{ text-indent:2em;}
.hotelTxt>img{ width:100%}
.hotelMore{ text-align:right; margin-bottom:54px}
.hotelMore a{color:#caa66c;}
.hotelMore img{ height:15px}
.hotMcont{ display:none}
.hotbanM img,.hotelImg img{ display:block; width:100%}
.hotMtxt{ margin:33px 7% 0}
.hotMtxt .hotelTitle h3{ color:#caa66c; line-height:25px}
.hotelSpan,.hotelP{  overflow:hidden;}
.hotelSpan{ margin-bottom:15px}
.hotelSpan span{ float:left}
.hotelSpan span b{ margin:0 10px}
.hotelSpan i{ float:right}
.hotelP>img{ width:100%}
.hotelImg{}
.hotelImg img{ margin-top:20px}
.Farben>li{float:left;width:47%;margin-right:20px;margin-bottom:15px;}
.Farben>li:nth-child(2n+2){margin-right:0px;}
.Farben>li p{ text-align:center;}
.Farben>li img{width:100%}

.live>li{list-style: none; position: relative; padding: 0 0 0 20px; margin: 0 0 .5em 10px;-webkit-transition: .12s;transition: .12s;}
.live>li::before {position: absolute;content: '\2022'; top: 3px;left: 0;
text-align: center;font-size: 26px;opacity: .5;line-height: .75; -webkit-transition: .5s;transition: .5s;}
.live > li:hover {color: #000;}
.live > li:hover::before {-webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);opacity: 1;text-shadow: 0 0 4px;-webkit-transition: .1s; transition: .1s;}
.hotel-left{width:790px;margin-right:20px;}
.hotel-right{width:340px;}

.live-bg{background-color:#d5d5d5;padding-top:20px;	padding-bottom:20px;	}
.live-bg img{width:16.6%;padding:0px 15px;}
.other-list>li{width: 16.66666667%;margin-bottom:10px;padding:0px 15px;float:left; text-align:center}
.other-list>li img{border-radius:5px;}
.other-list>li:hover p{ text-decoration:underline}


.slides li{height:100vh}

/*弹窗*/
.modal-open .i-modal {overflow-x: hidden; overflow-y: auto; height:100vh;}
.i-modal{ position: fixed; top:-20px;right: 0; bottom: 0;left: 0;z-index: 1050; overflow: hidden;outline: 0;background-color:rgba(0,0,0,.6);display:none; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.modal_dia{height:100vh;}
.fade {opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear;transition: opacity .15s linear;}
.modal-content {position: relative;top:250px;padding-top:65px;text-align:center;width:730px;height:230px;background:#fff;margin:0 auto;overflow:hidden}
.browser a{display:inline-block;margin-right:10px;border:1px solid #ddd;width:190px;height:60px;line-height:60px;}
.browser a i{display:inline-block;margin-right:8px;border:0px solid red; position:relative;top:10px;}

.browser a:hover{background:#f5f5f5}

/*分页*/
.paginator ul>li>a, .paginator ul>li>span {
    position: relative;
    float: left;
    /*padding: 4px 8px;*/
    margin-left: -1px;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
	padding:2px 10px;
	margin-right:10px;
    /*padding:8px;*/
}
.active1 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #999 !important;
    border-color: #999 !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}
.fanhu{
    text-align:right;
    font-weight:bold;
    color:black;
}
.fanhu>a{
    color: #343434 !important;
    font-size: 20px;
}
.side{
    position: fixed;
    right: 0;
    bottom: 15%;
    width: 40px;
    display:none;
    z-index:100
}
#scrollTopOuter #scrollTop {
    position: fixed;
    bottom: 16px;
    right: 0;
    width: 40px;
    height: 80px;
    display: none;
    z-index: 120;
}
#scrollTopOuter #scrollTop .scrollTopInner {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 64px;
    background-color: #444444;
    border-radius: 6px 0 0 6px;
}
#scrollTopOuter #scrollTop .scrollTopInner:before {
    content: '';
    position: absolute;
    top: 22px;
    left: 10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
    box-sizing: inherit;
}
#scrollTopOuter #scrollTop .scrollTopInner:after {
    content: '';
    position: absolute;
    top: 32px;
    left: 15px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    box-sizing: inherit;
}