﻿﻿@charset "UTF-8";

.index-projects{padding:55px 0;background-color:#f0f0f0;}
.index-projects h2{margin-bottom:55px;}
.index-projects .slide-ject{position:relative;width:100%;}
.index-projects .slide-ject .slide-pic{width:100%;height:auto;margin-bottom:30px;overflow:hidden;}
.index-projects .slide-ject .slide-pic ul{overflow:hidden;}
.index-projects .slide-ject .slide-pic ul li{}
.index-projects .slide-ject .slide-pic ul li .jectlist{position:relative;float:left;width:32.33%;height:auto;margin:0 0.5% 1% 0.5%;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:url(../images/index-project-bg.png);padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index-projects .slide-ject .slide-pic ul li img{ width:100%;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text .b-box{position:relative;width:100%;height:100%;padding:45px 10px 0 45px;border:1px solid #fff;background:url(../images/gray-bg.png);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text h4{font-size:20px;line-height:30px;color:#fff;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text h4 a{color:#fff;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text p{font-size:16px;font-family:"OpenSans-Light";margin-bottom:7px;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text span{font-size:16px;font-family:"OpenSans-Semibold";}
.index-projects .slide-ject .slide-pic ul li .jectlist .text .more{display:block;width:60px;height:27px;line-height:27px;margin-top:25px;text-align:center;color:#fff;border:1px solid #fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text .more:hover{background-color:#fff;color:#056b39;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text em{position:absolute;display:block;background:#fff;transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text em.t{width:0;height:2px;top:20px;left:20px;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text em.l{width:2px;height:0;top:20px;left:20px;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text em.b{width:0;height:2px;bottom:20px;right:20px;}
.index-projects .slide-ject .slide-pic ul li .jectlist .text em.r{width:2px;height:0;bottom:20px;right:20px;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text .b-box{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text em.t{width:60px;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text em.l{height:60px;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text em.b{width:60px;}
.index-projects .slide-ject .slide-pic ul li .jectlist:hover .text em.r{height:60px;}
.index-projects .slide-ject .slide-dot{width:70px;margin:0 auto;}
.index-projects .slide-ject .slide-dot ul{overflow:hidden;margin:0 auto;}
.index-projects .slide-ject .slide-dot ul li{float:left;width:10px;height:10px;margin:0 2px;border:1px solid #056b39;background-color:#056b39;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.index-projects .slide-ject .slide-dot ul li.active{background-color:#fff;}
.index-projects .slide-ject .item-btn{position:absolute;top:50%;margin-top:-50px;width:47px;height:61px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.index-projects .slide-ject .prev{left:-60px;background-position:-10px -10px;}
.index-projects .slide-ject .next{right:-60px;background-position:-57px -10px;}
.index-projects .slide-ject .prev:hover{background-position:-104px -10px;}
.index-projects .slide-ject .next:hover{background-position:-151px -10px;}
.index-projects .slide-phone-ject{display:none;}


/*首页新闻*/
.service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;}
.service_top05_left{ width:290px; float:left; font-size:36px; text-align:center;  font-weight:bold; }
.service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;}
.service_top05 span{color:#f3782a; font-size:36px;font-weight:bold;}

.service_top05_a{ text-align:center;}
.service_top05_a a{ display:inline-block; font-size:18px; color:#34373e;  line-height:30px; border-bottom:2px solid #fff; margin-left:25px; margin-right:25px; font-weight:300;}
.service_top05_a a:hover{ color:#2C489D; border-bottom:2px solid #2C489D;}
.service_top05_a a.two_sel{color:#2C489D; border-bottom:2px solid #2C489D;}

.new_list li{ width:580px; height:130px; float:left; padding:10px; margin:0 0 25px 0;}
.new_List_date{ width:60px; float:left; text-align:center; }
.new_List_date h1{ color:#f3782a; font-size:30px;line-height:45px;}
.new_List_date h2{ font-weight:normal; color:#686868; line-height:30px;}
.new_list_pic{ width:124px; float:left; margin:0 10px;}
.new_list_pic img{ width:124px; height:124px;}
.new_list_text{ width:350px; float:left; margin-left:20px; text-align:left;}
.new_list_text h1{ color:#f3782a; font-size:14px; height:35px; overflow:hidden; line-height:35px; border-bottom:1px solid #d7d7d7;}
.new_list_text p{ margin-top:5px; line-height:22px; height:66px; overflow:hidden;}
.new_list li:hover{ background:#f5f5f5;}
.new_list_text span{ width:83px; float:right;}


.new_list_button{ clear:both; width:120px; height:15px; padding:10px 0 30px 0; margin:0 auto;}
.new_list_button img{ margin:0 12px;}


.divhidden{ display:none;}
.blog_wel span{color:#666; padding-left:20px; margin-right:20px; float:left;}
.blog_wel1{ background:url("../images/blog_icon1.png") no-repeat left;}
.blog_wel2{ background:url("../images/blog_icon2.png") no-repeat left;}

.r {
    float: right;
}
.l{ float:left;}
.news_lone{ width:365px; height:433px; overflow:hidden;border:1px solid #e7e7e7; margin-top:2px; margin-right:30px;}
.news_lone_img{ position:relative; width:365px; height:220px;}
.news_lone_img img{ display:block; width:365px; height:220px;}
.news_lone_infor{ padding:11px 0px 0 13px; height:200px; overflow:hidden;}
.news_lone .blog_infTop{ height:auto; overflow:hidden; padding-bottom:10px;}
.news_lone .blog_time{ width:76px; height:78px; background-color:#2C489D; z-index:10;}
.news_lone .blog_time span{ display:block; font-family:Arial; color:#FFF; width:76px; text-align:center;}
.news_lone .blog_y{ font-size:37.6px;height:46px; line-height:46px; font-weight:bold; letter-spacing:2px; }
.news_lone .blog_day{ background-color:#686868; height:32px; line-height:32px; font-size:16.6px;}
.news_lone .blog_infR{ width:250px; margin-right:10px;}
.news_lone .blog_title{ padding:6px 0 8px; text-align:left;}
.news_lone .blog_title a{ display:block; height:30px; line-height:30px;color:#2C489D; font-size:16px; font-weight:bold; display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_lone:hover{border: 1px solid #2C489D;}
.blog_intro a{ font-size:12px;}
.news_lone .blog_intro{ color:#818181; line-height:26px; height:104px; overflow:hidden; padding-top:6px; margin-bottom:6px; width:340px;text-align:left;}
.blog_r{ width:576px; height:450px; overflow:hidden; text-align:left;}
.blog_list ul{ width:576px;}
.blog_list li{ float:left; margin:0 20px 20px 0; display:inline; position:relative; width:576px; height:92px; }
.blog_list li a{ display:block; padding:15px 29px 12px 22px; overflow:hidden; border: 1px solid #e7e7e7; color:#888888;}
.blog_list li a span{ display:block; cursor:pointer;}
.blog_list li a:hover{border: 1px solid #2C489D;}
.blog_list li a:hover .blog_Rtime{background-color:#2C489D;}
.blog_list li a:hover .blog_Rmore b{ color:#2C489D;}
.blog_Rtime{ width:65px; height:70px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; color:#FFF;}
.blog_Rtime b{ font-size:31.7px;height:42px; line-height:42px; font-weight:bold; letter-spacing:2px;}
.blog_Rtime em{ font-style:normal;height:22px; line-height:22px; font-size:14px;}
.blog_Rmore{ width:440px;}
.blog_Rmore b{ color:#333; display:block; width:100%; margin-bottom:10px; height:24px; line-height:24px; overflow:hidden; font-size:16px;}
.blog_Rmore span{ line-height:18px; height:36px; overflow:hidden;}

.index-about{padding:65px 0 0px; background:#fff;}
.index-about h2{color:#2C489D;margin-bottom:35px;font-size: 40px;
    line-height: 50px;
    text-align: center; font-weight:bold;}
.index-about h2 a{color:#2C489D;}
.index-about .aboutp{ color:#333; text-align:justify;font-size:16px;line-height:35px; margin-bottom:10px; text-indent:45px;}
.index-about .more{display:block;margin:0 auto 10px;font-size:16px;width:75px;height:32px;line-height:32px;text-align:center;border:1px solid #333;color:#333;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.index-about .more:hover{color:#fff;background-color:#333;}
.index-about ul{overflow:hidden;}
.index-about ul li{float:left;width:33.333%;height:190px;padding:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.index-about ul li .text{width:100%;height:100%;padding:65px 115px 0;color:#333;background:url(../images/index-about-shadow.png);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.index-about ul li .text p{margin-top:5px;font-size:16px;line-height:20px;}
.index-about p img{ width:100%;}

.index-about ul li .text p.adv-num{font-size:26px;height:33px;line-height:33px;margin-top:0;overflow:hidden;}
.index-about ul li .text p.adv-num span i{color:#333;}
p.adv-num span{position:relative;width:15px;height:100%;display:block;float:left;}
p.adv-num span i{position:absolute;top:0;width:15px;word-wrap:break-word;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition-timing-function:linear;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear; font-weight:bold;}
.on p.adv-num span i{top:-330px;}
.on p.adv-num span.n1 i{top:-33px;}
.on p.adv-num span.n2 i{top:-66px;}
.on p.adv-num span.n3 i{top:-99px;}
.on p.adv-num span.n4 i{top:-132px;}
.on p.adv-num span.n5 i{top:-165px;}
.on p.adv-num span.n6 i{top:-198px;}
.on p.adv-num span.n7 i{top:-231px;}
.on p.adv-num span.n8 i{top:-264px;}
.on p.adv-num span.n9 i{top:-297px;}
.on p.adv-num span.r2 i{transition-delay:.2s;}
.on p.adv-num span.r3 i{transition-delay:.4s;}
.on p.adv-num span.r4 i{transition-delay:.6s;}
.on p.adv-num span.r5 i{transition-delay:.8s;}
.on p.adv-num span.r6 i{transition-delay:1.0s;}
.on p.adv-num span.r7 i{transition-delay:1.2s;}
.on p.adv-num span.r8 i{transition-delay:1.4s;}
@media only screen and (max-width:1400px){
.index-about ul li .text{padding:65px 100px 0;}
}
@media only screen and (max-width:1300px){
.index-about ul li .text{padding:65px 80px 0;}
}
@media only screen and (max-width:1200px){
.index-about ul li .text{padding:65px 70px 0;}
}
@media only screen and (max-width:1100px){
.index-about ul li .text{padding:65px 50px 0;}	

}
@media only screen and (max-width:980px){
.index-about ul li .text{padding:65px 0.8rem 0;}
}
@media only screen and (max-width:880px){
.index-about ul li{width:50%;}
.index-about ul li .text{padding:65px 1.2rem 0;}
}
@media only screen and (max-width:640px){
.index-about ul li{height:150px;}
.index-about ul li .text{padding:40px 1rem 0;}
}
@media only screen and (max-width:560px){
.index-about ul li .text{padding:30px .3rem 0 1rem;}
.index-about ul li .text p.num{font-size:20px;}
.index-about ul li .text p.num span{width:12px;}
.index-about ul li .text p.num span i{width:12px;}
.index-about ul li .text p{font-size:14px;}
}
@media only screen and (max-width:520px){
.index-about{padding:40px 0 10px;background:#fff;}
.index-about .more{margin:0 auto 40px;}
.index-about ul li{height:120px;}
.index-about ul li .text{padding:10px .3rem 0 1rem;}
}
@media only screen and (max-width:450px){
.index-about ul li .text p.adv-num{font-size:20px;}
}

.content{ padding-bottom:80px; }
/*.ny_content{padding-bottom:72px;}*/
.content .title{ font-size:40px; color:#2C489D; text-align:center; font-weight:bold;}
.content .entitle{font-size:14px; color:#666; text-align:center; padding:20px 0 10px 0; letter-spacing:2px; }
.content .line{ height:3px; background:url(../images/line.png) no-repeat center; margin:0 auto; margin-bottom:20px;}

.indexgongsi{ background:rgba(0, 0, 0, 0.5); padding:20px;}
.indexgongsi h4{ color:#fff;}
.indexgongsi p{ color:#eee;}

#wrapper { background: #fff; position: relative; width:100%; }
.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 850px !important; overflow: hidden; }
.fullwidthbanner-container .fullwidthabnner { width: 100% !important; max-height: 900px !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(../images/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(../images/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(../images/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; }

.g_wz{height: 61px;line-height: 61px;}
.g_wz b{font-weight: bold;}
.g_wz p{font-size: 14px;color: #777777;background:url(../images/weico.jpg) no-repeat 7px 13px;padding-left: 36px;}
.g_wz p a{color: #777777;line-height: 61px; vertical-align:middle;}
.bannerny{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.bannerny img{ width:100%;}

.content .product_center{ background:#fff; clear:both; overflow:hidden; padding:72px 0;}
.content .product_center .demo { }
.col-md-4{ width:29.33333%; margin:0 0%; float:left; padding:0 0 27px 0;}
.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; max-height:399px; }

.product-grid .discount{ width:100%; text-align:center; margin-bottom:10px;}
.product-grid .discount a{font-size: 23px; color:#333; }
.product-grid  p{ font-size:15px;color:#666;padding: 0 20px; line-height:30px;}
.product-grid  p.nei{overflow: hidden;  
      display: -webkit-box;  
     -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; text-align:left;}
.product-grid:hover .discount a{ color:#2C489D;}
.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:#000;}
.product-grid .rating { padding: 0; margin: 0; list-style: none; }
.product-grid .rating li { display: inline-block; font-size: 10px; color: #ffc000; }

/*.indexpro img{transform: scale(1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1);
-webkit-transform: all 0.8s ease 0s;}
.indexpro:hover img{transform: scale(1.2);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1.2);
-webkit-transform: all 0.8s ease 0s;}*/

.huanjing img{ padding:10px; display:block;}


.content .yycj{ padding:72px 0 43px 0;}
.case {padding-top: 0;}
.case ul { width:100%;margin: 0 auto; height:auto; overflow:hidden;}
.case>ul li{ position:relative;}
.case>ul li p{ text-align:left;font-size:15px; line-height:30px; margin-bottom:9px;color: #333333; padding:0 20px;}
.case>ul li p.nei{overflow: hidden;  
      display: -webkit-box;  
     -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;height: 60px; }
.case>ul li p.biaoti{ text-align:center; font-size:20px; line-height:45px; color:#333333; margin-bottom:0; height:50px; overflow:hidden;}
.case>ul li p.biaoti_n{ text-align:center; font-size:20px; line-height:45px; width:100%; color:#333333; margin-bottom:0; position:absolute; bottom:0; right:0; z-index:9; background:rgba(0,0,0,0.5); padding:0 0;}
.case>ul li p.biaoti_n a{ color:#ddd;}
.case>ul li {width:380px; float:left; margin:1% 20px;border: 1px solid #c7c7c7; padding-bottom:15px; position:relative; height:auto; overflow:hidden;}
.case>ul li a{ color:#333;}
.case>ul li a.more{
    background: url(../images/gb_index_case_tb.png) 5px center no-repeat;
    float: right;
    text-indent: 30px;
    font-size: 15px;
    line-height: 26px;
	padding:6px 12px;
    color: #333333;
	border:1px solid #333333;
	border-radius:15px;
}
.case>ul li:hover a.more{ background:url(../images/gb_index_case_tb_h.png) 5px center no-repeat;  color:#2C489D;border:1px solid #2C489D;}
.case>ul li img{width:100%; display:block;transform: scale(1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1);
-webkit-transform: all 0.8s ease 0s; max-height:250px;}
.case>ul li:hover img{transform: scale(1.2);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1.2);
-webkit-transform: all 0.8s ease 0s;}
.case>ul li  span {
    width: 80px;
    height: 80px;
	top:50%;
	left:50%;
	margin-left:-40px;
	margin-top:-40px;
    background: url(../images/video.png) center center no-repeat;
    position: absolute;
    display: block;
}

.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:url(../images/youshi_bg.jpg) no-repeat center; color:#636363; background-size:100% 100%; padding:174px 0 146px 0; clear:both; overflow:hidden;}
.content .home_banner h4{ font-size:24px; padding:0 0 27px 0;}
.content .home_banner p{ font-size:14px; padding:0 0 36px 0; line-height:25px;}
.content .home_banner img{  width:100%; margin-bottom:12px;}
.content .home_banner .price{ font-size: 12px;  margin-bottom: 0px; }
.content .home_banner .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;}
.content .home_banner .price  a:hover{ padding:5px 20px; color:#fff; background:#000;}
.content .home_banner ul li{ text-align:center;float:left; width:100%; max-width:71px; margin-right:70px; line-height:20px; font-size:14px;}

.content .case_center{ background:#f2f2f2; 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:18.6%; margin:10px 0.5%; border: 1px solid #d5d5d5;
    border-radius: 5px;}
.bellows .bellows__item:hover { border:1px solid #2C489D; border-radius:5px;}
.bellows .bellows__item:hover img {
    filter:alpha(opacity=50);  
 -moz-opacity:0.5;  
 -khtml-opacity: 0.5;  
 opacity: 0.5; 
}
 .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: #2C489D; 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;}
.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: 4;
-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:#2C489D;}
.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;border-bottom: 1px dashed #787878;padding-bottom: 20px;}
.content .news_center .news_left img{ width:100%; margin-bottom:15px;}
.content .news_center .news_right{ float:left; width:47%; border: 1px solid #bbb; margin:10px 1%;overflow:hidden; background:#F5F5F5;}
.content .news_center .news_right h3{ height:58px; line-height:58px; margin-bottom:10px; padding:0 2%; font-size:16px; font-weight:bold; }
.content .news_center .news_right h3 a{color:#2C489D; font-size:24px; display:block; position:relative;}
.content .news_center .news_right h3 a span{  background: #b30505 none repeat scroll 0 0;
    color: #fff;
    display: inline;
    font-size: 12px;
    padding: 8px 14px;
    width: auto;
    height: 14px;
    line-height: 14px;
    text-indent: 0px;position: absolute;
    top: 14px;
    right: 0px;}
.content .news_center .news_right dl{ margin-bottom:15px;  clear:both; overflow:hidden; padding:0 1%;}
.content .news_center .news_right dl dt { float:left; width: calc(97% - 380px); border-bottom:1px dashed #787878; padding-bottom:20px; margin-left:3%;}
.content .news_center .news_right dl dt p{ margin-top:0px; margin-bottom:0; font-size:14px;}
.content .news_center .news_right dl dt p.xiao{ margin-bottom:65px; font-size:12px;}
.content .news_center .news_right dl dd{ float:left; width:380px; overflow:hidden;}
.content .news_center .news_right dl dd img{ width:100%; border-radius:10px;transform: scale(1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1);
-webkit-transform: all 0.8s ease 0s;} 
.content .news_center .news_right dl dd img:hover{transform: scale(1.1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1.1);
-webkit-transform: all 0.8s ease 0s;}
.news_right ul{padding:0 1%;}
.news_right ul li{ width:100%; line-height:35px; height:35px;font-size:14px; overflow:hidden;border-bottom: 1px dashed #c9caca; margin-bottom:10px;  clear:both;}
.news_right ul li a{ }
.news_right ul li a:hover{ color:#2C489D;}
.news_right ul li span{ float:right;}


.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(../images/hei_line2.jpg) no-repeat center bottom;}
.fw_con  .tab_menu li.dq { color:#000; background:url(../images/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:#2C489D;border:1px solid #2C489D;}
.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:#2C489D;}
.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:#2C489D;}*/

.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:#2C489D;}

.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:#2C489D; border:1px solid #2C489D;}

.bghui{ background:#f7f7f7;}
.bghui2{ background:#f2f2f2;}

.youshi{ 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 #2C489D; color:#fff; background:#2C489D;}
.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:left;width:100%; 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:#2C489D; border:1px solid #2C489D;}



.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: #2C489D;color: #fff; border:1px solid #2C489D;}
.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:#2C489D;}


.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(30% - 32px); margin-right:32px;}
.case_nr dl dt img{ max-width:100%; max-height:200px;}
.case_nr dl dd{ float:left; width:calc(70% - 32px);}
.case_nr dl dd h3{ line-height:25px; font-size:16px;}
.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:40px; 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(../images/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;}
.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;}
.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(../images/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(../images/link111.jpg) no-repeat;}
.news_nav span.bg2{ background:url(../images/link222.jpg) no-repeat;}
.news_nav span.bg3{ background:url(../images/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;}
.kongbai{ width:1%; 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(../images/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(../images/video.png) center center no-repeat;position: absolute;display: block;}


.news_nr ul li span {width: 375px;height: 208px;margin-top: -208px;background: url(../images/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(../images/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(../images/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:#2C489D; 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:#2C489D 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(../images/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("../images/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("../images/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("../images/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("../images/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; }



/*课程介绍 轮播*/


.shouji{ display:none;}
@media (max-width: 768px) {
.map_pic{ float:none;}
.map_rl{float:none; width:100%; margin-top:15px; }
.index-projects .slide-ject .slide-pic ul li .jectlist{width:100%;margin:0 0 5px 0;}

.bannerny{ display:none;}
.shouji{ display:block;}
.specifi p{ width:98%; margin:0 auto; text-indent:0 !important;}
}



/*课程介绍 轮播*/
.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%;}


.product_con{ font-size:20px; margin:0 auto; line-height:35px; padding-bottom:70px;}
.case_list_con{ font-size:20px; margin:0 auto; line-height:35px; padding-bottom:70px; max-width:1200px;}
.product_list_con{ font-size:20px; margin:0 auto; line-height:35px; padding-bottom:70px; max-width:1200px;}

#xlgs{max-width:1200px; margin:0 auto; }
#xlcs{max-width:1200px; margin:0 auto;}
#xgcp{max-width:1200px;margin:0 auto;}
#cgal{max-width:1200px; margin:0 auto;}

.zuoyou{width:100%; margin:0 auto; height:auto; overflow:hidden; border-bottom:1px solid #9A9A9A; margin-bottom:40px;}
.zuoyou .fl{ float:left; width:45%;display:table-cell;vertical-align:middle; margin-right:5%;height:600px;}
.zuoyou .fr{ width:50%;display:table-cell; vertical-align:middle; height:600px;}
.zuoyou img{ max-width:100%;}
.zuoyou h3{ width:100%; text-align:center; color:#2C489D;font-size: 28px; line-height:50px;font-family: 宋体;}
.zuoyou p{color: rgb(128, 128, 128); font-size:16px;line-height: 35px;font-family: 宋体;}
.zuoyou2{width:100%; margin:0 auto; height:auto; overflow:hidden; border-bottom:1px solid #9A9A9A;margin-bottom:40px;}
.zuoyou2 .fr{ float:right; width:45%;display:table-cell;vertical-align:middle; margin-left:5%;height:600px;}
.zuoyou2 .fl{ width:50%;display:table-cell; vertical-align:middle; height:600px;}
.zuoyou2 img{ max-width:100%;}
.zuoyou2 h3{ width:100%; text-align:center; color:#2C489D;font-size: 28px; line-height:50px;font-family: 宋体;}
.zuoyou2 p{color: rgb(128, 128, 128); font-size:16px;line-height: 35px;font-family: 宋体;}

.pro_sub{max-width:1200px; margin:auto; text-align:center; padding:30px 0; position:relative;}
.pro_sub i{position:absolute; left:0; top:54px; width:100%; height:4px; background:#ececec;}
.pro_sub ul{position:relative;z-index:1; overflow:hidden; text-align:center;}
.pro_sub ul li{ *display:inline; *zoom:1; width:33.3%; float:left;}
.pro_sub ul li a{display:block; font-size:16px; padding-top:72px; background:url(../images/pro07.png) no-repeat center top; margin:auto;}
.pro_sub ul li a:hover, .pro_sub ul li.act a{color:#2C489D; background-image:url(../images/pro08.png);}

.specifi p{ font-size:16px; line-height:30px; color:#333;}
.specifi table { width:100% !important;  }
.specifi table td, .specifi table th {padding:10px; transition:all 0.3s ease-in; border-bottom:1px solid #e3e3e3; text-align:left; line-height:1.6; font-size:12px; }
.specifi table th { background:#2C489D; color:#ffffff; }
.specifi table .specifi-left { width:20%; padding-right:10px; border-left:none; border-right:12px solid #ffffff; text-align:right; color:#666666; }
.specifi table th.specifi-left { color:#ffffff; }
.specifi table tr:hover td { background:#f2f2f2; color:#2C489D; }
.specifi table tr:hover td.specifi-left { color:#666666; }

.pageall{ max-width:1200px; height:auto; margin:0 auto; color:#2C489D; padding-top:40px;}
.pageall .leftw{ width:auto; font-size:14px;}
.pageall .rightw{ width:auto; font-size:14px;}
.pageall .leftw a:hover{color:#2C489D}
.pageall .rightw a:hover{color:#2C489D}

.about_h2{ width:100%; height:auto; float:left; padding:0; margin:0; margin-top:80px;  margin-bottom:40px; text-align:center; font-size:40px; font-weight:bold; color:#2C489D;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.about_job{ width:100%; height:auto; float:left; background:#f2f2f2;}
.about_job p.bz{ width:100%; height:auto; text-align:center; margin:0; padding:0; font-size:17px; line-height:23px; color:#333333; margin-top:0; float:left;}
.about_job p.bz a{ color:#2C489D;}
.about_job h1{ text-align:center; width:100%; height:auto; float:left; font-size:17px; line-height:23px; color:#333;}
.about_job .soso{ width:350px; height:38px; margin:0 auto; border:1px solid #d6d6d6; margin-bottom:20px;}
.about_job .soso .input{ float:left; width:310px; height:36px; line-height:36px; outline:none; text-indent:10px; border:none; background:#f2f2f2;}
.about_job .soso .submit{ width:38px; float:left; height:36px; line-height:36px; outline:none; border:none; background:url(../images/gb_ab_job_tb.png) center center no-repeat;}
.about_job_c{ width:100%; margin:0 auto; height:auto; float:left; margin-bottom:80px;}
.about_job ul,.about_job ul li{list-style:none; margin:0; padding:0;}
.about_job ul{ max-width:1160px; margin:0 auto; height:55px; line-height:55px; font-size:17px; color:#333; border:1px solid #d6d6d6;}
.about_job ul li{ width:19.8%; text-align:center; float:left; border-right:1px solid #d6d6d6;}
.about_job ul li.last{ border-right:none;}
.about_job ul li a{ color:#2C489D;}
.about_job ul.u1{ max-width:1160px; margin:0 auto; height:55px; line-height:55px; font-size:17px; color:#333; border:1px solid #d6d6d6; border-top:none;}
.about_job h1,.about_job .h1,.about_job h3,.about_job .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.about_Dis{ width:100%; height:auto; float:left; background:#fff;}
.about_Dis dl{ width:1140px; margin:0 auto; height:auto;}
.about_Dis dl dt{ width:410px; height:460px; float:left; margin-right:20px; margin-bottom:80px; }
.about_Dis dl dt img{ width:410px; height:460px;}
.about_Dis dl dd{ width:710px; float:left; height:auto;}
.about_Dis dl dd p{ width:710px; float:left; height:auto; margin-bottom:15px;}
.about_Dis dl dd p span{ width:250px; padding-right:10px; line-height:38px; float:left; text-align:right; font-size:17px; color:#333333;}
.about_Dis dl dd p .input1{ width:350px; float:left; height:38px; line-height:38px; text-indent:10px; border:1px solid #d6d6d6; outline:none; }
.about_Dis dl dd p .text{ width:350px; float:left; height:80px; line-height:38px; text-indent:10px; border:1px solid #d6d6d6; outline:none; }
.about_Dis dl dd p .submit{ width:100px; float:left; height:38px; line-height:38px; text-align:center; background:#d6d6d6; border:none; outline:none;font-size:17px; color:#333333; }

.about_cul{ width:100%; height:auto; float:left; background:#f2f2f2;}
.about_cul_c{ max-width:1360px; height:auto; margin:0 auto;}
.about_cul_c_dl{ width:32%; height:auto; float:left; margin:0 0.6%;}
.about_cul_c_dl dt{ width:100%; height:auto; text-align:center; margin:20px 0;}
.about_cul_c_dl dd{ width:100%; min-height:140px; text-align:center;}
.about_cul_c_dl dd h2{ font-size:23px; line-height:30px; color:#333333; padding:0; margin:0; text-align:center; margin-bottom:10px;}
.about_cul_c_dl dd p{ font-size:17px; line-height:25px; color:#333333; padding:0; margin:0; text-align:center;}
.about_cul_img{ width:100%; height:auto; float:left; margin-top:50px;}


.product_title{ height:auto; line-height:50px; overflow:hidden; font-size:16px; text-align:center; margin:0 auto; max-width:1360px; margin-top:40px; background:url(../images/line2.jpg) left bottom repeat-x; margin-bottom:50px;}
.product_title li{  width:20%;    display: inline-block;}
.product_title li a{ color:#333333; padding-left:28px; padding-right:28px; display:inline; padding-bottom:14px;}
.product_title about_sel a:hover{ color:#2C489D;border-bottom:1px solid #2C489D;}
.product_title .about_sel a{color:#2C489D;border-bottom:1px solid #2C489D;}

/*大事记start*/
.event_box{max-width:1000px;margin:3% auto 0;position:relative;min-height:420px; padding-bottom:50px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:32px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:100%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/left:0;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative; width:98px;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd img{ width:40%; display:block; float:left; margin-right:5%; height:auto; overflow:hidden;}
.parBd p{ display:block;  width:55%; font-size:16px; text-align:justify; display:table-cell; vertical-align:middle; height:200px;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; z-index:99999;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:37px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	

.text-uppercase{font-size: 1.5rem;}
@media (max-width: 768px) {
.product_title{font-size:12px;}	
.product_title li a{ padding:0 0 0 0;}
.about_cul_c_dl{ width:50%; margin:0 0;}
.product_con img{ max-width:100% !important; height:auto !important; border:none !important;}
.zuoyou .fl{ width:100%; float:none; margin-right:0; display:block;height:auto;}
.zuoyou .fr{ width:100%; float:none; margin-right:0; height:auto;display:block;}
.zuoyou2 .fl{ width:100%; float:none; margin-right:0; display:block;height:auto;}
.zuoyou2 .fr{ width:100%; float:none; margin-right:0; height:auto;display:block;}
.huanjing img{ padding:0;}
.parBd {margin-top: 0;}
.parBd img{ width:100%;margin-right:0; margin-bottom:10px;}
.parBd p{width:98%;height:auto; margin:0 auto; display:block;}
.news_lone{ display:none;}
.blog_r{ float:left !important; height:auto; width:100%;}
.slides22 li{ width:100% !important;}
.blog_list ul{width:100% !important;}
.blog_list li a{padding: 15px 0 12px 0;margin: 0 0 20px 0;}
.blog_Rmore{ float:left; width:calc(100% - 70px); margin-left:5px;}
.blog_Rmore b{ width:100%;}
.service_top05_a a{ margin-left:8px; margin-right:8px;}
footer .link_bar2 .tel{ float:left;}
footer .link_bar2 .fx{ padding-bottom:5px;}
footer .copyright2 ul li.text2{}
.specifi{width: 100% !important; overflow-x: auto;}
.cp-node-full-image{ padding-top:0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;}
.cp-node-both-sides{ margin-top:0 !important; margin-bottom:0 !important;}
}




