@charset "UTF-8";




/* .content{ padding-bottom:80px; } */
/*.ny_content{padding-bottom:72px;}*/
.content .title{ font-size:24px; color:#636363; text-align:center; padding:0 0 34px 0; }



#wrapper { background: #fff; position: relative; width:100%; }
.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 619px !important; overflow: hidden; }
.fullwidthbanner-container .fullwidthabnner { width: 100% !important; max-height: 619px !important; position: relative; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width: 768px; height: 309px; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width: 480px; height: 193px; }
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
.banner, .bannercontainer { width: 320px; height: 129px; }
}
 @media only screen and (max-width: 319px) {
.banner, .bannercontainer { width: 240px; height: 97px; }
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {  }
.tp-leftarrow:hover, .tp-rightarrow:hover {  }
/** BULLETS **/
.tp-bullets { z-index: 1001; position: absolute; bottom: 0px; display:none;}
.tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: #fff; width: 188px; height: 6px; float: left; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; }
.tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_left.png) no-Repeat; width: 77px; height:152px; margin-left: 0px; margin-top: -76px;}
.tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_right.png) no-Repeat 0 0; width: 77px; height: 152px; margin-left: 0; margin-top: -76px; }
.tp-bullets.tp-thumbs { z-index: 100; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px; }
.fullwidthbanner-container .tp-thumbs { padding: 3px; }
.tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative; }
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; }
.tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50);	*/
-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.tp-thumbs img { width: 100%; }
.tp-bannertimer { width: 100%; height: 10px; position: absolute; z-index: 200; z-index: 5000; }
.tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {;
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; }
.responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; }
.responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; }
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display: none; }
.responsive .tparrows { display: none; }
}
.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tp-simpleresponsive a { text-decoration: none; }
.tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; }
.tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; }
.caption.slidelink a div, .tp-caption.slidelink a div { width: 10000px; height: 10000px; }
.tp-loader { background: url(../img/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


.content .product_center{ background:#e6e6e6; clear:both; overflow:hidden; padding:72px 0;}
.content .product_center .demo { }
.col-md-4{ width:27.33333%; margin:0 0%; float:left; background:#fff; padding:27px 2%;}
.product-grid {  }
.product-grid .product-image { overflow: hidden; position: relative; display: block; }
.product-grid .product-image:before { content: ""; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.product-grid .product-image img { width: 100%; height: auto; }

.product-grid .discount { width: 100%; font-size: 18px; color:#636363;  }
.product-grid .discount strong{ color:#636363; }
.product-grid .product-content { padding: 15px 0 0 0; }
.product-grid .title { font-size: 14px; padding:0 0; line-height:20px; text-align:left;  text-transform: capitalize; margin: 5px 0 7px 0; }
.product-grid .price { font-size: 12px;  margin-bottom: 0px; }
.product-grid .price  a{ background:#636363; padding:3px 10px; max-width:80px; text-align:center; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;}
.product-grid .price  a:hover{ padding:5px 20px; color:#fff; background:#bc131a;}
.product-grid .rating { padding: 0; margin: 0; list-style: none; }
.product-grid .rating li { display: inline-block; font-size: 10px; color: #ffc000; }

.content .yycj{ padding:72px 0 43px 0;}
.case {display: inline-block;padding-top: 0;}
.case ul {margin: 0 auto;}
.case>ul li p{ text-align:center; font-size:14px; line-height:50px; margin-bottom:9px;}
.case>ul li {display: inline-block; width:48%; float:left; margin:0 0%;}
.case .grid-content {position: relative;overflow: hidden;}
.case .grid-content>img {width:100%;display: inline-block;background: #ccc;}
.case .grid-content .grid-shade {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #5E5E5E;font-size: 20px;display: none;}
.case .grid-content .grid-shade .grid-enter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.case .grid-content .grid-shade .grid-enter a {color: #eee; font-size:14px;}
.case .grid-content .grid-shade .grid-enter>img {width: 28px;vertical-align: top;margin-top: 10px;}


.content .home_banner{ background:#e6e6e6; background-size:100% 100%; padding:72px 0 72px 0; clear:both; overflow:hidden;}
.content .home_banner h4{ font-size:24px; padding:0 0 27px 0;text-align: center;color:#636363;}
.content .home_banner p{ font-size:16px; padding:20px 20px 20px 20px; line-height:25px;background: #fff;}
.content .home_banner img{  width:100%; margin-bottom:12px;}
.list-paddingleft-2{overflow:hidden;}
.content .home_banner ul li{ text-align:center;float:left; width:23%; margin-right:2%; line-height:20px; font-size:14px;}

.content .case_center{ padding:72px 0; clear:both; overflow:hidden;}
.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none;
   }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
  .bellows .bellows__item{ float:left; width:31.33333%; margin: 0 2% 0 0;}
  .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bellows__header { position: relative; line-height:24px; padding:13px 45px 13px 15px;background:#fff; -webkit-tap-highlight-color: transparent; font-size:14px; }
.bellows__item img{ width:100%;}
.bellows__header:active { background: #bc131a; color:#fff; }
.bellows__header::before, .bellows__header::after { content: ''; position: absolute; top: 50%; right: 15px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; background:#666; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
.bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.bellows__item:last-child > .bellows__header { border-bottom: 0; }
.bellows__header h1,  .bellows__header h2,  .bellows__header h3,  .bellows__header h4 { margin: 0; }
.bellows__content { font-size:14px; line-height:28px; background:#fff; padding:0 15px 15px 15px; }
.bellows__content .bellows { margin-top: 20px; }




.content .news_center{ clear:both; overflow:hidden; padding-top:72px; color:#636363;background:#e6e6e6; }
.content .news_center .title2{ text-align:right; font-size:14px; line-height:35px;}
.content .news_center .title2 span{ padding:0 5px;}
.content .news_center p{display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; font-size:14px; margin-bottom:58px;}
.content .news_center .more{ float:left; }
.content .news_center .more a{ background:#636363; padding:3px 10px; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;}
.content .news_center .more a:hover{ padding:5px 20px; color:#fff; background:#bc131a;}
.content .news_center .date{ float:right;line-height:34px; font-size:14px;}


.content .news_center .news_left{ float:left; width:45%; clear:both; overflow:hidden;background:#fff;padding:10px 10px 10px 10px; }
.news_left_box{border-bottom: 1px dashed #787878;padding-bottom: 20px;overflow:hidden;}


.content .news_center .news_left img{ width:100%; margin-bottom:15px;}
.content .news_center .news_right{ float:right; width:52%;}
.content .news_center .news_right dl{ margin-bottom:15px;  clear:both; overflow:hidden;background:#fff; padding: 10px 10px 10px 10px;}
.content .news_center .news_right dl dt { float:left; width: calc(100% - 230px); border-bottom:1px dashed #787878; padding-bottom:20px;}
.content .news_center .news_right dl dt p{ margin-bottom:60px; margin-top:0px;}
.content .news_center .news_right dl dd{ float:right; width:210px;}
.content .news_center .news_right dl dd img{ width:100%;} 


.fw_con { color:#636363;}
.fw_con .search{ clear:both; overflow:hidden;  width:100%; max-width:626px; margin:70px auto 70px auto;}
.fw_con .search input{ float:left; border:1px solid #636363; height:38px; line-height:38px;width: calc(100% - 92px);}
.fw_con .search input.btn{ float:left; background:#636363; color:#fff; font-size:14px; height:40px; line-height:40px; width:90px; text-align:center; cursor:pointer;}
.fw_con .ny_nav{  height:35px; line-height:35px; font-size:14px;}
.fw_con .ny_nav a{ }
.fw_con .ny_nav a:hover,.fw_con .ny_nav a.dq{ }
.fw_con .fw_title1{ font-size:24px; text-align:center; height:89px; line-height:89px;}
.fw_con .xuxian{ height:1px; border-bottom:1px dashed #6C6C6C; margin-bottom:35px;}
.fw_con img{ width:100%; margin-bottom:71px;}



.fw_con  .tab { }
.fw_con  .tab_menu { clear:both;}
.fw_con  .tab_menu li {width:20%; font-size:18px; float:left;border-bottom:1px solid #ccc; display:block; text-align:center; height:34px; line-height:34px;}
.fw_con  .tab_menu li.hover { cursor:pointer; color:#000; background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.fw_con  .tab_menu li.dq { color:#000; background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.fw_con  .tab_box { clear:both; padding-top:30px; padding-bottom:30px; overflow:hidden; }
.fw_con  .hide{display:none}


.fw_con ul.wenti{ width:100%; margin:0 auto;/* max-width:800px;*/ padding:20px 0;}
.fw_con ul.wenti li{ height:24px; line-height:24px; font-size:14px; padding:15px 0;}
.fw_con ul.wenti li a.more{ width:88px; border:1px solid #ccc; height:22px; line-height:22px; float:right; text-align:center;}
.fw_con ul.wenti li a.more:hover{ color:#fff; background:#bc131a;border:1px solid #bc131a;}
.fw_con ul.wenti li p{width: calc(100% - 90px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


.fw_con ul.wenti2{ width:100%; margin:0 auto; max-width:800px; padding:20px 0;}
.fw_con ul.wenti2 li{ height:24px; line-height:24px; font-size:14px; padding:18px 0; border-bottom:1px dashed #636363;}
.fw_con ul.wenti2 li a.more{ width:88px;  height:22px; line-height:22px; float:right; text-align:right; }
.fw_con ul.wenti2 li a.more:hover{ color:#bc131a;}
.fw_con ul.wenti2 li p{width: calc(100% - 90px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


.fw_con .jxs{ padding:0 0 0 0; overflow:hidden; }
.fw_con .fw_title2{ font-size:18px;  height:80px; line-height:80px;}
.fw_con .jxs dl dt{ float:left; width:50%; margin-right:3%; font-size:14px; line-height:40px;}
.fw_con .jxs dl dd{ float:left; width:47%; font-size:14px; line-height:40px;}
.fw_con .jxs dl dd p{ margin-bottom:10px; font-size:16px;}

/*.fw_con .jxs span{ float:left; width:80px; line-height:26px; font-size:14px;}
.fw_con .jxs input{ border:1px solid #636363; float:left; line-height:24px; font-size:14px; margin-bottom:34px; width: calc(30% - 82px); margin-right:20%; }
.fw_con .jxs textarea{ width:100%; min-height:298px; margin-top:10px; border:1px solid #636363; margin-bottom:6px;}
.fw_con .jxs input.btn{ max-width:73px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}
.fw_con .jxs input.btn:hover{ color:#fff; background:#bc131a;}*/

.feedbook{  color:#636363;}
.feedbook .feedbookw { padding:0 0 0 0;max-width: 1200px;margin: 0 auto;width:99%;}
.feedbook .feedbookw .fw_title2{ font-size:18px;  height:80px; line-height:80px;}
.feedbook .feedbookw  span{ float:left; width:80px; line-height:26px; font-size:14px;}
.feedbook .feedbookw  input{ border:1px solid #636363; float:left; line-height:24px; font-size:14px; margin-bottom:34px; width: calc(30% - 82px); margin-right:20%; }
.feedbook .feedbookw  textarea{ width:100%; min-height:298px; margin-top:10px; border:1px solid #636363; margin-bottom:6px;}
.feedbook .feedbookw  input.btn{ max-width:73px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}
.feedbook .feedbookw  input.btn:hover{ color:#fff; background:#bc131a;}

.fw_con .xiazai{font-size:14px;}
.fw_con .xiazai .xiazai_title{ height:14px; line-height:14px; border-left:6px solid #636363; padding-left:4px; margin-bottom:20px; }
.fw_con .xiazai  ul{ margin-bottom:20px; clear:both; overflow:hidden;}
.fw_con .xiazai  ul li{ float:left; width:25%; margin-bottom:20px; text-indent:10px;}
.fw_con .xiazai  ul li a{ border:1px solid #ccc; display:block; padding:0 0; max-width:4em; text-align:center; text-indent:0;}
.fw_con .xiazai  ul li a:hover{color:#fff; background:#bc131a; border:1px solid #bc131a;}

.bghui{ background:#f7f7f7;}
.bghui2{ background:#f2f2f2;}

.youshi{ padding-top:72px; clear:both; overflow:hidden;}
.youshi .youshi_nav{ padding:30px 3%; background:#fff; }
.youshi .youshi_nav a{ font-size:18px; line-height:52px; color:#636363; display:block; padding:0 0 0 8%;}
.youshi .youshi_nav a:hover,.youshi .youshi_nav a.dq{ color:#000;}
.youshi .youshi_nr{ color:#636363;}
.youshi .youshi_nr img{ width:100%; margin:22px 0 53px 0;;}
.youshi .youshi_nr .youshi_title1{ font-size:24px; text-align:center; padding:00px 0 18px 0;}
.youshi .youshi_nr .text_center{ font-size:14px; text-align:center;}
.youshi .youshi_nr p{ font-size:14px;  margin:0 auto 0px auto;}
.youshi .youshi_nr ul{ clear:both;  height:30px; max-width:390px; margin:0 auto 0 auto;}
.youshi .youshi_nr ul li{ float:left; width:50%; text-align:center;height:30px; font-size:14px;}
.youshi .youshi_nr ul li a{ border:1px solid #636363; padding:4px 20px;line-height:26px;color:#636363;;}
.youshi .youshi_nr ul li a:hover{border:1px solid #bc131a; color:#fff; background:#bc131a;}
.youshi .box{ overflow:hidden;}
.youshi .sub{  float:left;width:280px; padding:0; position:relative;}
.youshi .fixed{  margin-top:0px;  top:60px;  width:280px;  }
.youshi .main{ float:right;width: calc(94% - 320px); background:#fff; padding:30px 3%;}


.products{ color:#636363;}
.products .con1,.products .con2,.products .con3,.products .con4{ padding:72px 0; clear:both; overflow:hidden;}
.products .pro_title1{ font-size:24px; text-align:center; padding-bottom:30px; padding-top:0;}
.products .pro_text{ font-size:14px; text-align:center; padding-bottom:65px;}
.products .img1{ width:100%; margin:0 auto; max-width:1200px;text-align: center;}
.products .img1 ul li{ float:left; width: calc(12.5% - 8px); margin-right:8px; text-align:center;}
.products .img1 ul li p{ padding:14px 0 0 0;}
.products img{ max-width:100%;}
.products .con1 dl{ clear:both; overflow:hidden; padding-bottom:60px; width:100%; margin:0 auto; max-width:1200px;}
.products .con1 dl dt{ float:left; width: calc(40% - 54px); margin-right:54px;}
.products .con1 dl dt img{ max-width:426px;}
.products .con1 dl dd{ float:left; width:60%; padding-top:0px;}
.products .con1 dl dd ul li{ float:left; width:40%; margin-right:10%;}
.products .con1 dl dd ul li h5{ font-size:18px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.products .con1 dl dd ul li p{ padding-bottom:20px;}
.products .con2 ul{width:100%; margin:0 auto; max-width:1200px;}
.products .con2 ul li{ float:left; width:50%; margin-right:0%;}
.products .con2 ul li p{ font-size:14px; margin-bottom:40px;}
.products .con2 ul li img{ margin-bottom:50px; width:100%; max-width:600px;}
.products .con4 .biaoge{ display:block; max-width:1200px; margin:0 auto; text-align:left; text-indent:2px; line-height:15px;}
.products .con4 .biaoge .borderbottom{ border-bottom:1px solid #C1C2C2;}
.products .con4 .biaoge .borderred{ border-right:1px dashed #D8A3A6;}
.products .con4 .biaoge .borderhui{ border-right:1px dashed #ccc;}
.products .con4 .biaoge td{ padding:3px 0;}
.products .con4 .anniu{ display:none;}


.yingyong .con1,.yingyong .con2,.yingyong .con3{ padding:72px 0; clear:both; overflow:hidden;color:#636363;}
.yingyong img{ width:100%;}
.yingyong .yy_title{ font-size:18px; text-align:center; margin-bottom:20px;}
.yingyong .yy_text{ text-align:center; font-size:14px; margin-bottom:30px;}
.yingyong .yy_title2{ font-size:18px;}
.yingyong .con3 .yy_title2{ border-bottom:1px solid #cccccc; line-height:46px; margin-bottom:24px;}
.yingyong .con2 ul li{ float:left; width:50%;}
.yingyong .con2 ul li dl{ width:100%; max-width:443px; margin:27px 0; clear:both; overflow:hidden;}
.yingyong .con2 ul li dl dt{ float:left;font-size:14px; line-height:17px;}
.yingyong .con2 ul li dl dd{ float:right; }
.yingyong .con2 ul li dl dd a{ color:#767676; font-size:16px; width:107px; height:32px; line-height:32px; text-align:center; border:1px solid #ccc; display:block;}
.yingyong .con2 ul li dl dd a:hover{ color:#fff; background:#bc131a; border:1px solid #bc131a;}



.yingyong .con3 .hidden{ display: none;}
.yingyong .con3 .lanren{width: 100%;height: auto;margin:0 auto;text-align: left;/*overflow: hidden;*/}
.yingyong .con3 .lanren ul.list{overflow: hidden;}
.yingyong .con3 .lanren .more{overflow: hidden;text-align: center;}
.yingyong .con3 .lanren .more a{display: block; border:1px solid #ccc; height:31px; line-height:31px;width: 95px;color:#636363;margin:0 auto;background:#fff;text-align:center;border-radius:0px; font-size:16px;}
.yingyong .con3 .lanren .more a:hover{text-decoration: none;background: #bc131a;color: #fff; border:1px solid #bc131a;}
.yingyong .con3 .lanren .more p{ font-size:16px;}
.yingyong .con3 .lanren li.kongbai{ margin-right:2%;}
.yingyong .con3 .lanren li{ float:left; width:48%; margin-bottom:32px;}
.yingyong .con3 .lanren li img{ width:100%;}
.yingyong .con3 .lanren li .text{ background:#f7f7f7; height:60px; line-height:60px; padding:0 12px; font-size:14px;}
.yingyong .con3 .lanren li .text span{ float:left;}
.yingyong .con3 .lanren li .text a{ float:right;}
.yingyong .con3 .lanren li .text a:hover{ color:#bc131a;}


.case_nav{ background:#fff; margin-top:36px;padding:30px 10%; color:#636363;}
.case_nav a{ color:#636363;}
.case_nav .title3{ border-bottom:1px solid #ccc; clear:both; overflow:hidden; padding:5px 0; margin-bottom:10px;}
.case_nav .title3 span{ float:left; font-size:18px;}
.case_nav .title3 a{ float:right; font-size:14px;}
.case_nav ul li{ font-size:14px; line-height:35px;}
.case_nav ul.ul1 li a{ display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%;}
.case_nav ul.ul2 li{ line-height:26px;}
.case_nav ul.ul2 li a{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height:52px; margin-bottom:15px;}
.case_nav ul.ul3 li a{}
.case_nav ul.ul3 li{ line-height:70px; padding:6px 0;clear:both; overflow:hidden;}
.case_nav ul.ul3 li img{ max-height:70px;}
.case_nav ul.ul3 li span{ width:50%; float:left; text-align:center; display:block;}

.case_nr dl{ clear:both; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc; color:#636363; font-size:14px; position:relative;}
.case_nr dl dt{ float:left;  width: calc(50% - 32px); margin-right:32px;}
.case_nr dl dt img{ width:100%;}
.case_nr dl dd{ float:left; width:50% ;}
.case_nr dl dd h3{ line-height:25px;}
.case_nr dl dd span.nextyc a{ padding-right:5px;}
.case_nr dl dd a{color:#636363;}
.case_nr dl dd p{ margin-top:15px;display:-webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; margin-bottom:15px;}
.case_nr dl a.more{  float:right; position:absolute; right:0; bottom:30px;}

.meiti .title4{ border-bottom:1px solid #ccc; clear:both; overflow:hidden; margin-bottom:22px;}
.meiti .title4 a{ display:block; float:left; width:33.333333%; text-align:center; font-size:14px; line-height:32px;}
.meiti .title4 a:hover,.meiti .title4 a.dq{ background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.meiti ul li.kongbai{ width:4%;}
.meiti ul li{ float:left; width:48%; margin-bottom:25px;}
.meiti ul li img{ width:100%;}
.meiti ul li p{ background:#636363; color:#fff; font-size:14px; text-align:center; height:37px; line-height:37px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }






.case_xx{ color:#636363;}
.case_xx h1{ font-size:24px; text-align:center;}
.art_source{ padding:25px 0; font-size:14px; text-align:center;}
.art_source span{padding-right:20px;}
.art_cont{}
.art_cont p{ font-size:14px;}
.art_cont p img{ max-width: 100%; margin-bottom:25px;margin-top:25px;}




.case_xx .text{ padding:10px 0; font-size:14px; text-align:center;}
.case_xx .text span{ padding-right:20px;}
.case_xx .fenlei{ clear:both; overflow:hidden;}
.case_xx .fenlei ul li{ float:left; width:40%; margin-right:10%; font-size:14px; border-bottom:1px solid #ccc; margin-bottom:25px; padding:13px 0;}
.case_xx p{ font-size:14px;}
.case_xx p img{ max-width: 100%; margin-bottom:25px;margin-top:25px;}
.case_xx .sxp{ font-size:14px; line-height:28px;}
.case_xx .title5{ margin:23px 0; height:40px; line-height:40px; background:#767676; text-indent:18px; color:#fff; font-size:14px;}
.case_xx dl{ float:left; margin:0 18px; width: calc(50% - 36px); font-size:14px;}
.case_xx dl dt{ float:left; margin-right:18px;width: calc(50% - 18px); text-align:center;overflow:hidden;}
.case_xx dl dt img{ width:100%;}
.case_xx dl dd{ float:left; width:50%;}
.case_xx dl dd a{ display:block; line-height:29px; color:#636363;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }


.youshi img.case_img{ width:100%; margin-bottom: 35px;}


.news_nav { background:#fff;padding: 30px 10%;    color: #636363; clear:both; overflow:hidden;}
.news_nav .sousuo{ border:1px solid #636363; clear:both; overflow:hidden;}
.news_nav input{ float:left; height:25px;width: calc(100% - 40px);}
.news_nav input.btn{ width:40px; background:#636363 url(../img/search2.png) no-repeat center; cursor:pointer; height:25px;}
.news_nav .ewm{ max-width:201px; margin:15px auto 0 auto; width:100%;}
.news_nav p{ font-size:14px; text-align:center; line-height:20px; margin-bottom:20px;}
.news_nav span{ float:left;overflow:hidden; display:block; width:24%;margin-left:20px; }
.news_nav span a{ display:block;width:24px;     height:22px;}
.news_nav span.bg1{ background:url(../img/link111.jpg) no-repeat;}
.news_nav span.bg2{ background:url(../img/link222.jpg) no-repeat;}
.news_nav span.bg3{ background:url(../img/link333.jpg) no-repeat;}


.news_title{ border-left:12px solid #636363; height:24px; line-height:24px;margin:20px 0; clear:both; overflow:hidden;}
.news_title h3{ float:left; font-size:24px; color:#636363; text-indent:6px;}
.news_title a{ float:right; font-size:14px;}
.news_img{ position:relative;}
.news_img img{ width:100%; margin-bottom:40px;}
.news_img p{ position:absolute; left:0; bottom:40px; width:100%; line-height:50px; color:#fff; font-size:14px; text-indent:16px; background:#636363;}
.news_nr ul{ clear:both; overflow:hidden;}
.news_nr ul li{ float:left; width:48%;  margin-bottom:22px;}
.news_nr ul li img{ width:100%;}
.news_nr ul li{ margin-right:2%;}


.kongbai2{ width:3%; float:left;}
.kongbai1{ width:2%; float:left;}



/*按钮样式*/

.video_list ul li{ width:49%; margin-right:1%; float:left;}
.video_list ul li img{ width:100%; display:block; margin-bottom:0;}
.video_list ul li.an a p{ width: 99.8%; max-width:600px;text-align: center; height: 37px; line-height: 37px; font-size:14px; border: 1px solid #666; background-color: #666; color: #FFF; margin: 0 auto; }
#gallery ul li{margin-bottom: 25px;}
#goodcover { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 133%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); }
#codetancuh { width:94%; max-width:600px;height: 500px; background-color: #fff;  position: absolute; display: none; left: 45%; z-index: 999999; }
.video_list .close1 { width: 100%; max-width:600px; height: 60px; }
#closebt { float: right; }
#closebt img { width: 20px; margin:10px 10px 0 0 }
.video_list .code-img { width: 100%; max-width:550px; height:400px; margin: 0 auto 0 auto;  }
.video_list .code-img img { width: 100%; max-width:540px; }
.video_list iframe{ width:100%; height:100%;}
/*视频图标*/
.video_list ul li span {width: 375px;height: 208px;margin-top: -208px;background: url(../img/video.png) center center no-repeat;position: absolute;display: block;}

.video_list ul li.an span {width: 588px;height: 392px;margin-top: -392px;background: url(../img/video.png) center center no-repeat;position: absolute;display: block;}


.news_nr ul li span {width: 375px;height: 208px;margin-top: -208px;background: url(../img/video.png) center center no-repeat;position: absolute;display: block;}

#ClickMe2 button { width: 100%; max-width:600px; height: 33px; font-size:14px; border: 1px solid #666; background-color: #666; color: #FFF; margin: 0 auto; }
#goodcover2 { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 99999; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); }
#codetancuh2 { width:94%; max-width:600px;height: 500px; background-color: #fff;  position: absolute; display: none; left: 45%; z-index: 999999; }
#closebt2 { float: right; }
#closebt2 img { width: 20px; margin:10px 10px 0 0 }


@media (max-width: 768px) {
.video_list ul li{ width:100%; margin-right:0%; margin-bottom:20px; float:left;}
	
	
}






.map{padding:1px 1px 30px 1px; background:#fff; margin-top:0; overflow:hidden;}
.map_pic{float:left; position:relative; width:631px; height:520px; background:url(../img/map01.jpg) no-repeat;}
.map_pic ul{position:absolute; width:100%; height:100%;}
.map_pic ul li{padding-top:15px;}
.map_pic ul li.guangdong{position:absolute; left:454px; top:414px; }
.map_pic ul li.guangxi{position:absolute; left:394px; top:415px; }
.map_pic ul li.hainan{position:absolute; left:402px; top:475px; }
.map_pic ul li.taiwan{position:absolute; left:548px; top:395px; }
.map_pic ul li.fujian{position:absolute; left:505px; top:370px; }
.map_pic ul li.jiangxi{position:absolute; left:478px; top:349px; }
.map_pic ul li.hunan{position:absolute; left:426px; top:355px; }
.map_pic ul li.guizhou{position:absolute; left:365px; top:370px; }
.map_pic ul li.yunnan{position:absolute; left:288px; top:403px; }
.map_pic ul li.sichuan{position:absolute; left:310px; top:316px; }
.map_pic ul li.chongqing{position:absolute; left:374px; top:319px; }
.map_pic ul li.hubei{position:absolute; left:426px; top:309px; }
.map_pic ul li.zhejiang{position:absolute; left:528px; top:330px; }
.map_pic ul li.shanghai{position:absolute; left:542px; top:285px; }
.map_pic ul li.jiangsu{position:absolute; left:522px; top:262px; }
.map_pic ul li.anhui{position:absolute; left:490px; top:292px; }
.map_pic ul li.henan{position:absolute; left:436px; top:264px; }
.map_pic ul li.shandong{position:absolute; left:497px; top:219px; }
.map_pic ul li.shanxi{position:absolute; left:385px; top:264px; }
.map_pic ul li.shannxi{position:absolute; left:420px; top:221px; }
.map_pic ul li.hebei{position:absolute; left:455px; top:201px; }
.map_pic ul li.tianjin{position:absolute; left:479px; top:174px; }
.map_pic ul li.beijing{position:absolute; left:467px; top:160px; }
.map_pic ul li.liaoning{position:absolute; left:539px; top:140px; }
.map_pic ul li.jilin{position:absolute; left:560px; top:100px; }
.map_pic ul li.heilongjiang{position:absolute; left:570px; top:55px; }
.map_pic ul li.neimenggu{position:absolute; left:362px; top:170px; }
.map_pic ul li.ningxia{position:absolute; left:350px; top:220px; }
.map_pic ul li.gansu{position:absolute; left:250px; top:170px; }
.map_pic ul li.qinghai{position:absolute; left:230px; top:243px; }
.map_pic ul li.xizang{position:absolute; left:130px; top:290px; }
.map_pic ul li.xinjiang{position:absolute; left:125px; top:160px; }





.map_pic ul li p{display:block; width:13px; height:22px; cursor:pointer;}
.map_pic ul li:hover p, .map_pic ul li.act p{background:url(../img/map05.png) no-repeat;}
 .map_pic ul li.act article{display:block;}
.map_pic ul li article{z-index:1; display:none; width:100px; height:35px; line-height:35px; text-align:center; background:#e67817; border-radius:5px; color:#fff; margin-left:-50px; position:absolute; left:50%; bottom:100%;}
.map_pic ul li article:after{content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-color:#e67817 transparent transparent transparent; border-style: solid; border-width: 6px;}
.map_rl{float:right; width: calc(100% - 670px); margin-top:15px; }
.map_rl .select-wrapper{margin-left:0;}
.map_rl .select-button{ border-radius:0; background:#fff; width:100%; color:#636363; text-align:left; font-size:16px; font-weight:bold;}
.map_rl .select-down{border-color:#fff transparent transparent transparent ;}

.map_nr{overflow:hidden;}
.map_nr article{ margin-top:12px; overflow:hidden; font-size:16px; line-height:38px;}



 .tab { width:100%;}
 .tab_menuli { clear:both; padding:10px 0; overflow:hidden;}
.tab_menuli li { float:left; text-align:center; cursor:pointer; list-style:none; font-size:14px; border-right:2px solid #ccc; height:16px; line-height:16px;  padding:0 5px;}

.tab_menuli li.selected {
    color: #000;
    background: url(../img/hei_line2.jpg) no-repeat center bottom;
}
.tab_menuli li{width: 10%;font-size: 14px;float: left;display: block;text-align: center;height: 34px;line-height: 34px;}

 .tab_box { clear:both;}
 .hide{display:none}
 
 
 


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; max-width: 100%; border: 0; margin: auto;text-align: center;  }
.slide_container { margin-bottom: 50px; position: relative; float: left; max-width: 100%;  margin: auto;text-align: center; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; max-width: 100%; border: 0; margin: auto;text-align: center;  }
.slide .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }


.rslides1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides1 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides1 li:first-child { position: relative; display: block; float: left; }
.rslides1 img { display: block; height: auto; float: left; max-width: 100%; border: 0;  }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide1 li { position: absolute; width: 100%; left: 38px; top: 0; }
.slide1 img { display: block; position: relative; z-index: 1; height: auto; max-width: 100%; border: 0; margin-right: 20px; }
.slide1 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide1_nav:active { opacity: 1.0; }
.slide1_nav.next { left: auto; background-position: right top; right: 0; }

.rslides2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides2 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides2 li:first-child { position: relative; display: block; float: left; }
.rslides2 img { display: block; height: auto; float: left; width: 50%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide2 li { position: absolute; width: 100%; left: 0; top: 0; }
.slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 50%; border: 0;  margin-right: 20px; }
.slide2 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide2_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide2_nav:active { opacity: 1.0; }
.slide2_nav.next { left: auto; background-position: right top; right: 0; }

.rslides3 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides3 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides3 li:first-child { position: relative; display: block; float: left; }
.rslides3 img { display: block; height: auto; float: left; width: 50%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide3 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide3 li { position: absolute; width: 100%; left: 0; top: 0; }
.slide3 img { display: block; position: relative; z-index: 1; height: auto; width: 50%; border: 0; margin-right: 20px;  }
.slide3 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide3_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide3_nav:active { opacity: 1.0; }
.slide3_nav.next { left: auto; background-position: right top; right: 0; }



/*课程介绍 轮播*/



@media (max-width: 768px) {
.map_pic{ float:none;}
.map_rl{float:none; width:100%; margin-top:15px; }



}



/*课程介绍 轮播*/
.friend{height:520px;overflow:hidden;max-width:640px;}
.mr_frbox{height:520px;width:640px;}

.mr_frBtnL{cursor:pointer;display:inline;float:left;height:40px;width:20px;position: relative;z-index: 999;top: 50%; left: 0px;}
.mr_frUl{float:left;height:460px;max-width:640px;}

.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:20px;height:40px; position: relative;right: 20px;bottom: 88%;z-index: 999;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li img{/*display:block;*/width:100%;}