/*去除页面中的链接点击后留下的虚线框*/
body a{ outline:none;blr:expression(this.onFocus=this.blur());}
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,img,div{margin:0px;padding:0px; border-width:0;}
body{  background:url(../image/topbjtp.jpg) top repeat-x #FFF; font-family:"微软雅黑", Arial; font-size:14px; color:#222222;}


a:hover{color:#CA0000; text-decoration:none;}
a:active{color:#CA0000; text-decoration:none;}

ul li{list-style-type:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.c{clear:both; height:0px; width:0px; overflow:hidden;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}


/*更多*/
.more{ float:right; width:60px; height:25px; cursor:pointer; margin-right:5px; margin-top:5px;}
.moreimg{ float:right; margin-right:12px; margin-top:10px;}
.lmbtcs{ float:left; text-indent:15px;}
.lmbtcss{ float:left;font-size:25px;color:#111;font-weight:bold;}.morer{ float:right; font-size:13px; margin-right:10px;}

/*header*/

.Top001021 {
    background-size: 100% 3px;
    position: relative;
    z-index: 100;
}
.Top001021 img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
.Top001021 .top {
    position: relative;
    margin: 10px 0;
    z-index: 20;
}
.auto_1200 {
    max-width: 1200px;
}
.auto {
    margin: 0 auto;
}
.Top001021 .logo {
    width: 600px;
    display: inline-block;
    float: left;
}
.Top001021 .top .t-l .t-l-l {
    float: left;
    padding-left: 15px;
    margin-left: 5px;
    position: relative;
}
/*.Top001021 .top .t-l .t-l-l:before {
    position: absolute;
    content: "";
    background: #ddd;
    width: 1px;
    height: 60px;
    left: 0;
    top: 18px;
}*/
.Top001021 .top .t-l .t-l-l p {
    margin-top: 15px;
    font-size: 16px;
    color: #22cfc9;
    margin-bottom: 18px;
}
.Top001021 .top .t-l .t-l-l b {
    font-size: 20px;
    color: #000;
    letter-spacing: 2px;
}
.Top001021 .top .t-r {
    float: right;
    margin-top:7px;
}
.Top001021 .top .t-r .lx {
    float: right;
}
.Top001021 .top .t-r .lx p {
    margin: 5px 0;
}
.Top001021 .top .t-r .lx b {
    font-size: 20px;
    color: #22cfc9;
}
.Top001021 .top .t-r .pic {
    width: 50px;
    float: right;
    margin-right: 13px;
    margin-top: 5px;
}
.Top001021 .top .t-r .weima {
    width: 58px;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}
#menu{background-color:#22cfc9;height: 45px;}
.nav{width:1200px;margin:0 auto;height: 45px;}
.nav li{line-height: 50px;height: 45px;text-align:center;width: 148px;float:left;position:relative;z-index:9999;font-size: 20px;background: url(../images/nav_li_bg.png) no-repeat right 19px;}
.nav li a{display:block;line-height: 47px;color:#fff;height:45px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#ffde25;}
.nav li a:visited{color:#fff;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top: 50px;left:0px;}
.nav .sec a{background:#22cfc9;color:#fff;height: 45px;line-height: 50px;width: 148px;}
.nav .sec a:hover{background:#ffde25;text-decoration:none;}


/*biaoti*/

.lightModuleOuterContent {
    height: 91px;
    text-align: left;
}
.forms .form .fk-editor {
    color: rgb(102, 102, 102);
}

/*banner*/
.tops{width:100%; min-width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.bn{width:100%; min-width:1200px; height:420px; margin:0 auto; z-index:0; position:relative; overflow:hidden;}
.bannerbox {left:50%; width:2000px; height:420px; overflow:hidden; margin-left:-1000px; position:absolute;}
.bannerbox li{width:2000px; height:420px; text-align:center; font-size:0px; float:left; display:inline;}
.bannerbox li img{ width:1550px; height:420px; margin:auto;}
.bn .hd{ height:15px; overflow:hidden; position:absolute; right:47%; bottom:15px; z-index:9999999; }
.bn .hd ul{ overflow:hidden; zoom:1; float:left;}
.bn .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px; line-height:15px; text-align:center; background:url(../images/bannerbtn.png) no-repeat; color:#ffffff;  cursor:pointer; }
.bn .hd ul li.on{ background:url(../images/banner_hover.png) no-repeat; color:#FEAE01;}
/*products*/
/*内容*/
.content{width:100%; min-width:1200px; margin:auto; margin-top:25px; overflow:hidden;}
.contentxt{ width:1150px; margin:auto; margin-bottom:25px; overflow:hidden;}


/*第一行*/
.syleft{width:249px; float:left;}
.dyhcss{ width:1200px; height:670px; overflow:hidden; margin:auto; margin-bottom:12px;}
.contact {
    width: 198px;
    height: 132px;
    background-image: url(../images/ly.jpg) ;
    padding-top: 20px;
	float:left;
	margin-top:-141px;
	margin-left:20px;
}
.c1.comtact a h2{
	font-size: 19px;
    text-align: center;
    color: #fff;
}

.c1 .c1-1 {
    width: 239px;
}
.fl {
    float: left;
}
.c1 .c1-1 h3 {
    color: #fff;
    width: 239px;
    height: 87px;
    text-align: center;
    background: url(../images/h-2.png) center 0 no-repeat;
    box-sizing: border-box;
    font-size: 29px;
    padding-top: 18px;
    line-height: 28px;
}
.c1 .c1-1 h3 span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
}
.c1 .c1-1 .list1 {
    border: 1px solid #22cfc9;
    border-top: none;
    
    padding-top: 20px;
    padding-left: 15px;
    border-bottom: none;
    box-sizing: border-box;
    height: 538px;
}
.clearfix {
    zoom: 1;
}
.c1 .c1-1 .list1 a.a.on {
    background: url(../images/listh.png) 0 0 no-repeat;
    transform: translateX(-8px);
    color: #fff;
    padding-left: 26px;
    width: 224px;
    box-sizing: border-box;
}
.c1 .c1-1 .list1 a.a {
    background: url(../images/list1.png) 0 0 no-repeat;
    padding-left: 14px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    color: #333333;
    display: block;
    transition-duration: .3s;
    margin-bottom: 10px;
}
.c1 .c1-1 .dh1 {
    padding-top: 20px;
    text-align: center;
    border: 1px solid #22cfc9;
    border-top: none;
    border-bottom: 8px solid #22cfc9;
}
.c1 .c1-1 .list1 a.a:hover{
	background: url(../images/listh.png) 0 0 no-repeat;
    transform: translateX(-8px);
    color: #fff;
    padding-left: 26px;
    width: 224px;
    box-sizing: border-box;
}


/*内容--右半部分*/
.syright{width:930px; float:right;}
/*图片*/
.tpzsdivcss{width:930px; height:670px; margin:auto; overflow:hidden;} 
.cpzs_bt{ width:930px; height:39px; border-bottom:1px solid #A19B8D; font-size:18px; text-indent:5px; line-height:39px;}
.right_zj_txtgd{ width:930px; height:384px; margin:13px auto; overflow:hidden;}
.right_zj_txtgd li{  float:left; width:213px; height:184px; overflow:hidden; text-align:center; margin:5px 8px; _margin:5px 7px;}
.right_zj_txtgd li img{ width:215px; height:150px;}
.right_zj_txtgd li p{ width:215px; height:30px; display:block; line-height:30px; margin-top:4px; overflow:hidden; font-size:13.94px;}

/*about*/
.gywmbj{ width:100%; height:427px; overflow:hidden;  position:relative; background:url(../images/bj1.png) center no-repeat;}
.gywmbjcss{ width:100%; height:427px;  overflow:hidden; position:relative;}
.gywmcss_bt{font-weight:bold;height:40px; line-height:40px; width:1170px; overflow:hidden; margin:auto; text-align:center; color:#111; margin-top:40px; font-size:29px;}
.gywmcss{width:1200px; height:300px; margin:auto; margin-top:25px; overflow:hidden; padding-top:20px;} 
.gsjjstyle3{float:right; width:700px; height:250px; line-height:30px; color:#fff; font-family:"微软雅黑"; font-size:14px;}
.abou{
	width:626px;
	height:191px;
	background:#ffffff;
	box-shadow:0 1px 10px 1px rgba(54,62,69,0.5);
	
	padding:30px 30px;
}
.gstpstyle{ float:left; width:400px; height:251px; overflow:hidden;}
.gstpstyle .tjtpcss_txt{ width:400px; height:251px; overflow:hidden; position:relative;}
.gstpstyle .tjtpcss_txtimg{ width:400px; height:251px; overflow:hidden; text-align:left; line-height:32px; color:#fff; font-size:14px;}
.gstpstyle .tjtpcss_txtimg img{ width:400px; height:251px;}




/*youshi*/

#RGB277 .process{ float:left; width:100%; position:relative; background:#22cfc9; padding:60px 0 68px 0;height:400px;margin-bottom:53px;}
#RGB277 .process .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);}
#RGB277 .process .pic{ float:left; width:88px; line-height:0; position:absolute; left:50%; top:-11px; margin-left:-44px;}
#RGB277 .process .title{ float:left; width:260px; text-align:center; color:#fff; position:absolute; left:50%; top:50%; margin:-61px 0 0 -130px;}
#RGB277 .process .title .tit1{ float:left; width:100%; font-size:33px; line-height:40px; font-family:Arial; font-weight:bold;text-transform:uppercase;margin-top:25px;}
#RGB277 .process .title .tit2{ float:left; width:100%; font-size:18px; line-height:28px; text-transform:uppercase; margin-top:15px;}
#RGB277 .process .cont1{ float:left; width:100%; position:relative;}
#RGB277 .process .img{ display:block; margin:0 auto; width:494px; height:394px; position:relative;}
#RGB277 .process .info{ float:left; width:345px; position:relative; background:#fffaed; min-height:48px; border-radius:8px; padding:10px 30px 10px 70px; position:absolute;}
#RGB277 .process .info .ico{ float:left; width:76px; height:76px; line-height:0; position:absolute; left:-25px; top:-14px;}
#RGB277 .process .info:hover .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
  -ms-transition: 1s ease;
   -o-transition: 1s ease;
    transition: 1s ease;
-webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
    transform: rotate(360deg);}
#RGB277 .process .info .tit3{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px;}
#RGB277 .process .info .p1{ float:left; width:100%; display:none; color:#666666; font-size:14px; line-height:24px; margin:9px 0 5px 0;}
#RGB277 .process .info i{ display:none; float:left; width:12px; height:7px; position:absolute; right:12px; bottom:12px; background:url(img/277_main38.png) center no-repeat;}
#RGB277 .process .info.active i{ display:block;}
#RGB277 .process .info1{ right:50%; top:14px; margin-right:6.41%;}
#RGB277 .process .info2{ left:50%; top:14px; margin-left:8.54%;}
#RGB277 .process .info3{ left:25px; top:32.99%;}
#RGB277 .process .info4{ right:0; top:32.99%;}
#RGB277 .process .info5{ right:50%; top:63.15%; margin-right:13.24%;}
#RGB277 .process .info6{ left:50%; top:63.15%; margin-left:15.38%;}
#RGB277 .process .info7{ left:50%; bottom:-15px; margin-left:-172px;}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:1200px){

#RGB277 .process .info5{ margin-right:8.41%;}
#RGB277 .process .info6{ margin-left:10.54%;}
#RGB277 .process .info7{ margin-left:-167px;}
#RGB277 .process .info{ width:334px; padding:10px 15px 10px 65px;}
}
@media screen and  (max-width:992px){

#RGB277 .process{ padding:35px 0 45px 0;} 
#RGB277 .process .pic{top:-6px; width:44px; margin-left:-22px;}
#RGB277 .process .title{ margin-top:-35px;}
#RGB277 .process .title .tit1{font-size:21px; line-height:21px;}
#RGB277 .process .title .tit2{ font-size:17px; line-height:17px; margin-top:10px;}
#RGB277 .process .title .tit2 span{ padding:0 10px;}
#RGB277 .process .img{width:340px; height:340px;}
#RGB277 .process .info{ width:236px; padding:5px 12px 5px 40px; min-height:34px;}
#RGB277 .process .info .tit3{ font-size:15px; line-height:24px;}  
#RGB277 .process .info .ico{ width:50px; height:50px; left:-20px; top:-8px;}
#RGB277 .process .info7{ margin-left:-118px;}
}
@media screen and  (max-width:768px){

#RGB277 .process{ padding:35px 0 20px 0;}   
#RGB277 .process .cont1{ padding-left:20px;}
#RGB277 .process .img{ float:left; margin-bottom:15px; width:100%; height:auto; padding-right:20px;}  
#RGB277 .process .img img{ display:none;} 
#RGB277 .process .title{ position:relative; margin:0; left:0; width:100%;}
#RGB277 .process .title .tit1{white-space: nowrap;}
#RGB277 .process .title .tit2 span{ position:relative; padding:0 10px;}
#RGB277 .process .title .tit2 span::after,
#RGB277 .process .title .tit2 span::before{ float:left; width:52px; height:4px; position:absolute; right:100%; top:50%; margin-top:-2px; content:''; background:url(img/277_main17.png) center no-repeat;}
#RGB277 .process .title .tit2 span::before{ right:auto; left:100%;}
#RGB277 .process .info{ position:relative; width:100%; margin:10px 0; left:0; top:0; border-radius:4px;}
#RGB277 .process .info .ico{ width:46px; height:46px; left:-20px; top:-6px;}
#RGB277 .process .info .p1{ margin:2px 0; line-height:20px; font-size:13px;}
}
.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    display: table;
    content: " ";
}

/*case*/
.marqueeleft{height:230px;width:1200px;overflow:hidden;margin:28px auto;margin-bottom:10px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:220px;height:230px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:210px;height:160px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;font-size:16px;}

/*news*/
.mt40 {
    margin-top: 30px !important;
}


.box12 .news-list {
    width: 100%;
}

.box12 .news-list .left {
    width: 580px;
    float: left;
	box-shadow: 0 0 10px rgba(102,102,102,0.2);
	background:#fff;
}

.box12 .news-list .left .img-box {
    width: inherit;
    height: 300px;
    overflow: hidden;
}

.box12 .news-list .left .img-box img {
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.box12 .news-list .left .img-box img:hover {
    transform: scale(1.1, 1.1);
}

.box12 .news-list .left .title {
	margin-left:12px;
    margin-top: 8px;
    color: #212628;
    width: inherit;
    display: block !important;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    font-size: 20px;
    max-height: 30px;
}

.box12 .news-list .left .title:hover {
    color: #db3727;
}

.box12 .news-list .left .article-time {
	margin-left:12px;
    color: #666;
    font-size: 14px;
}

.box12 .news-list .left .sub-title {
	/*text-indent: 1em;*/
    position: relative;
    margin: 5px 0 6px 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 2;
    font-size: 14px;
    max-height: 56px;
}

.box12 .news-list::after {
    content: '';
    display: block;
    clear: both;
}

.box12 .news-list .right {
    float: right;
}

.box12 .news-list .right a li {
	background:#fff;
    width: 570px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.box12 .news-list .right a li .time {
    float: left;
    height: 90px;
    width: 80px;
    color: #fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    position: relative;
}

.box12 .news-list .right a li .time .month {
    display: block;
    position: absolute;
    font-size: 30px;
    top: 25px;
    left: 20px;
}

.box12 .news-list .right a li .time .date {
    display: block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.box12 .news-list .right a li::after {
    content: '';
    display: block;
    clear: both;
}

.box12 .news-list .right a li .content {
    width: 460px;
    float: left;
	margin-left:78px;
	margin-top:-89px;
	
}

.box12 .news-list .right a li .content .title {
    font-size: 18px;
    color: #212628;
    padding: 7px 0 7px 10px;
    width: inherit;
    display: block !important;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    font-size: 18px;
    max-height: 27px;
}

.box12 .news-list .right a li .content .sub-title {
    color: #666;
    position: relative;
    margin: 0 0 0 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    font-size: 14px;
    max-height: 42px;
	width:448px;
}

.box12 .news-list .right a li:hover {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(102,102,102,0.2);
}

.box12 .news-list .right a li:hover .time {
    background: #db3727;
}

.box12 .news-list .right a .time:nth-child(odd) {
    background: #22cfc9;
}

.box12 .news-list .right a .time:nth-child(even) {
    background: #999288;
}

.box12 .news-list .right a+a li {
    margin-top: 22px;
	background:#fff;
}


/*footer*/
.footer {
    background: url(../images/foterbj.jpg) no-repeat;
    margin: 0 auto;
    max-width: 100%;
    min-width: 1200px;
}
.footer_head {
    max-width: 100%;
    min-width: 1200px;
    height: 45px;
    background: none;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
    border-bottom: 1px solid #f8f8f8;
}
.footer_head_h {
    width: 1200px;
    height: 45px;
    background: none;
    line-height: 45px;
    margin: 0 auto;
    text-align: center;
}
.footer_head_h a {
    color: #ffffff;
    font-size: 16px;
}
.footer_middle {
    max-width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 0;
}
.footer_middle_b {
    width: 1200px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
}
.footer_middle_b a {
    color: #ffffff;
    font-size: 16px;
}