@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; top:150px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .shuzi{ width:100%; height:auto; background-color:#227638;}

/*滚动数字*/
.gundong_num{width:100%; height:auto; margin:0 auto; z-index:10}
.num{ width:100%; height:auto; overflow:hidden; color:#c20707}
.num li{ float:left; width:33%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;}
.num li .n_box .n_l span{ font-size:0.24rem; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:0.2rem;}


.gundong_num22{ z-index:10;margin-bottom:30px; }
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 li{ float:left; width:50%; height:auto;  padding:10px 0; transition-duration:500ms; cursor:pointer; }
.num2 h2{ font-size:0.32rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num2 li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.num2 li .n_box .n_l{  width:100%; height:auto; line-height:50px;  font-size:24px;text-align:center;  }
.num2 li .n_box .n_l span{ font-size:0.20rem;  text-align:center;color:#222;}
.num2 li .n_box .n_l p{line-height:0.2rem; font-size:0.14rem; text-align:center;color:#999}
.num2 li .n_box .n_r{  width:100%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r2{ width:100%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r3{ width:100%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r4{  width:100%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li:nth-of-type(2n+0){border-right:none}
.num2 li:hover{color:#222;height:250px;}
.num2 li:hover .n_box .n_r{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/11.jpg) no-repeat bottom center;}

.gundong_num33{ margin-top:10px; z-index:10}
.num3{ width:100%; height:auto; overflow:hidden;}
.num3 li{ float:left; width:50%; height:200px; padding:16px 0;  transition-duration:500ms;cursor:pointer}
.num3 li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden;}
.num3 li .n_box .n_l{ float:right; width:45%; height:auto;}
.num3 li .n_box .n_l span{ font-size:24px; color: #fff;text-align:center;padding:46px 0;writing-mode: vertical-lr; margin-left:-100px;letter-spacing:5px}
.num3 li .n_box .n_l p{ position: absolute;color: #fff;font-size: 14px;height:200px;margin-left:-10px;word-wrap:break-word;writing-mode: vertical-lr;;width:30px;letter-spacing: 5px;}
.num3 li .n_box .n_r{ float:left;  width:50%; height:200px; background: url(../images/26.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r2{ float:left;  width:50%; height:200px; background: url(../images/27.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r3{ float:left;  width:50%; height:200px; background: url(../images/28.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r4{ float:left;  width:50%; height:200px; background: url(../images/29.png) no-repeat top center;  transition-duration:600ms;}
.num3 li:nth-of-type(2n+0){border-right:none}


/*滚动数字_end*/

/*标题*/
.index_title{ width:1.6rem; height:auto; padding:20px 0; text-align:center; font-size:0.16rem; color:#999; position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title:after{content:""; position:absolute; left:-100px; top:55px; width:70px; height:1px; background-color:#999;}
.index_title:before{content:""; position:absolute; right:-100px; top:55px; width:70px; height:1px; background-color:#999;}

.index_title3{ width:1.6rem; height:auto; padding:20px 0; text-align:center; font-size:0.16rem; color:#fff; position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#fff; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title3:after{content:""; position:absolute; left:-100px; top:55px; width:70px; height:1px; background-color:#fff;}
.index_title3:before{content:""; position:absolute; right:-100px; top:55px; width:70px; height:1px; background-color:#fff;}
/*标题_end*/
.pro_index_bj{   background:url(../images/cpbj.jpg) no-repeat left center;height:1060px;margin-top:10px;}
.sybt{width:95%; margin:0px auto;}
.sybt .e{text-align:center;  }
.sybt .r{text-align:center;  }
.sybt .e p{font-size:14px; color:#666;line-height:25px;margin-bottom:-10px;}
.sybt .e img{position:fixed;}

.pro_tab{ overflow:hidden; width:95%; height:auto; margin-top:35px;}
.pro_tab li{ float:left; width:32%; padding:8px 0; text-align:center; font-size:0.14rem; margin-right:2%; margin-bottom:10px; background-color:#287739}
.pro_tab li:nth-of-type(3n+0){margin-right:0px;}
.pro_tab li a{ display:block; color:#fff}
.pro_tab li .img{overflow:hidden}
.pro_tab li.on{background:#277638; color:#FFFFFF}
.pro_tab li.on a{color:#FFFFFF}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list{ overflow:hidden ;margin-top:20px;}
.pro_list li {float:left; width:48%; height:auto; text-align: center; margin-right:2%}
.pro_list li:nth-of-type(2n+0){margin-right:0px;}
.pro_list li .img{overflow:hidden}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list li a {display:block; margin:10px; background: #fff; padding:5px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:0.14rem; color: #000; font-weight: normal; line-height:0.35rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_list li p { height:0px;}
.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*业务*/
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ width:100%; height:3.1rem; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi li a{ display:block; color:#FFFFFF}
.ul_youshi li .img{ position:absolute; left:0; top:0; width:100%; height:100%}
.ul_youshi li .img img{display: block; width:100%; height:auto;}

.ul_youshi li .box{position:absolute; left:0; top:1.45rem; width:100%; height:auto; padding:0 20px; z-index:9}
.ul_youshi li .box h5{ font-size:19px; height:30px;}
.ul_youshi li .box .text{ width:91%; height:auto; margin-left:0; padding-top:5px; line-height:26px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.ul_youshi li .wps{position:absolute; left:0; top:2.2rem; width:100%; height:auto; text-align:center; color:#FFFFFF;  z-index:9}

.ul_youshi li .more{width:100px; height:30px; margin-left:20px; overflow:hidden; border:#fff solid 1px; text-align:center; position:relative; font-size:12px }
.ul_youshi li .more i{color:#fff; text-align:center; line-height:30px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.ul_youshi li .more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#227638; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0}

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:100%; height:100%; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/
.ysbj{overflow:hidden;width:100%;  background-color:#f5f5f5;height:1750px;}
.zs{overflow:hidden; background: url(../images/zs.jpg);height:638px; margin-top:40px;}
.cpys{ width:100%;  background:#f3f3f3 ;height:500px;margin-top:-10px;margin-bottom:-12px;  }
.cpys .pro{ width:95%;  margin:0px auto; text-align:center; margin-top:30px; }
.cpys .pro h1{ color:#CCCCCC; font-size:18px; font-weight:200;}

.slideTxtBox{ width:95%;margin-top:30px;  }
.slideTxtBox .hd{ float:left; width:26%;height:45px; line-height:45px; padding:8px 0; text-align:center; font-size:0.14rem; margin-right:2%; color:#FFFFFF;margin-bottom:50px; background-color:#f6f6f6; }
.slideTxtBox .hd ul{ float:left;  position:absolute; height:45px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; margin-right:15px; cursor:pointer; background-color:#f6f6f6;  color:#914d1f; font-size:18px}
.slideTxtBox .hd ul li.on{ background:#f6f6f6; color:#FFFFFF; }
.slideTxtBox .bd .box{zoom:1; margin-bottom:25px; margin-top:15px; }
.slideTxtBox .bd .box img{width:100%;height:100%; }

/* 本例子css */
.ipro{display:none}
.slider{display:none}
.syfx .bd{ position:relative; z-index:0; }
.syfx .bd li{ position:relative; text-align:center; margin-bottom:20px;  }
.syfx .bd span{ float:left;position: absolute;left: 30px;top: 50px;color: #fff;padding: 15px 15px; font-size: 20px;width:22px;line-height: 23px;background: rgba(194,7,7,.5);border-radius:5px;}
.syfx .bd p{float:right;position: absolute;top: 50px;overflow:hidden;color: #fff;padding: 25px 25px; margin-left:80px;font-size: 16px;word-wrap:break-word;}
.syfx .bd li img{vertical-align:top; width:100%; height:250px/* 图片宽度100%，达到自适应效果 */}
.syfx .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.syfx .shuzi{ width:100%; height:auto; background-color:#227638;}

/*小幻灯包围*/
.three_box{overflow:hidden;  background: url(../images/ab.jpg);height:840px;}
.three_box_left{width:100%; height:auto;}
.three_box_right{width:100%; height:auto; padding-bottom:20px;}
.three_box_right .n_box{ width:100%; height:auto; margin-top:20px;}
.three_box_right .n_box h3 {font-size:0.26rem; font-family: 'Times New Roman'; font-weight: normal; color:#fff; line-height: 58px; text-indent:20px}
.three_box_right .n_box h2 {font-size:0.26rem; font-weight: normal; color:#000; line-height:0.3rem; margin-bottom:30px; text-indent:20px}
.three_box_right .n_box p { width:90%; height:auto; margin:0 auto; color:#666; margin-bottom: 30px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #0b0b0b;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}

.three_box22{overflow:hidden; background-color:#c20707}
.three_box22_left{width:100%; height:auto;}
.three_box22_left img{width:100%; height:auto;}
.three_box22_right{width:100%; height:auto; padding-bottom:20px;}
.three_box22_right .n_box{ width:100%; height:auto; margin-top:20px;}
.three_box22_right .n_box h3 {font-size:0.26rem; font-family: 'Times New Roman'; font-weight: normal; color:#fff; line-height: 58px; text-indent:20px}
.three_box22_right .n_box h2 {font-size:0.26rem; font-weight: normal; color:#fff; line-height:0.3rem; margin-bottom:30px; text-indent:20px}
.three_box22_right .n_box p { width:90%; height:auto; margin:0 auto; color:#fff; margin-bottom: 30px;}

.btn2 a {color: #c20707; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px;margin-bottom: 20px; background: #fff;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

.scrollBox{ width:95%; height:auto; margin:20px auto; text-align:center;}
.scrollBox .bd li{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{display: block; width:100%; height:100%;   }
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

.scrollBox22{ width:95%; height:auto; margin:20px auto; text-align:center;}
.scrollBox22 .bd li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:20px;}
.scrollBox22 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox22 .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox22 .bd li img{display: block; width:100%; height:100%;   }
.scrollBox22 .bd li:nth-of-type(2n+0){margin-right:0px;}

.scrollBox22 .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox22 .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox22 .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox22 .hd .on{ background:#BA2636;  }
.scrollBox22 .prev,.scrollBox22 .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox22 .next{ background-position:-105px 0;}
/* 多图滚动end */



/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/***********新闻资讯***********/
.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden; }
.index_news .in_left{width:100%; height:auto; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size:0.14rem; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size:0.2rem; color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size:0.12rem; color: #fff; line-height:21px;}

.index_news .in_right{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:auto; background:#fff;  cursor:pointer;}
.index_news .rightNews li:hover{ color:#c20707}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:10px}
.index_news .rightNews li .pd .time_box{ display:none}

.index_news .rightNews li .pd .news_box{width:100%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:0.16rem; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:0.12rem; line-height:0.2rem; height:auto; overflow:hidden;}
.index_news .rightNews li:hover a{ text-decoration:none; color:#c20707!important}
/***********新闻资讯_end***********/
.db_news { width:100%; height:auto; overflow:hidden}
.db_news li {width:100%; height:auto; margin-bottom:20px; overflow:hidden}
.db_news li a {display: block; background-color: #ededed; padding:15px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.db_news li a:after {position: absolute; left: 0; top: 0; content: ""; width:80px; border-bottom: 125px solid #c20707; border-right:28px solid transparent;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.db_news li .date {float: left; width:80px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left; }
.db_news li .date small {display: block; font-size:0.16rem;}
.db_news li .date strong {display: block;font-size:0.25rem; margin-top: 10px;}
.db_news li .text { float:right; width:70%; height:auto;}
.db_news li .text h4 {font-weight: normal; font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.db_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; font-size:0.14rem; overflow: hidden;}
.db_news li a:hover {background-color:#c20707; color:#fff;}
.db_news li a:hover:after {border-bottom-color: #a7abb0;}
.db_news li a:hover .text p {color: #fff;}
.db_news li:nth-of-type(2n+0){margin-right:0px;}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; top:40%; text-align:center; z-index:1; }
.slideBox .hd li{ display:none; width:20px; height:20px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{vertical-align:top; width:100%; margin-top:90px;  height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .shuzi{ position:absolute; left:0; bottom:0; width:100%; height:200px; background-color: #33333375;}

/*滚动数字*/
.gundong_num{ margin-top:51px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:33%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.num li .n_box .n_l{ float:left; width:55%; height:auto; line-height:38px; padding-left:25px; font-size:18px; color:#c20707}
.num li .n_box .n_l span{ font-size:40px; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:20px;}
.num li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}
.num li:nth-of-type(3n+0){border-right:none}
.num li:hover{background:#227638; color:#FFF}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}

.zs{overflow:hidden; background: url(../images/zs.jpg);height:768px; margin-top:90px;}
.ysbj{overflow:hidden;background-color:#f5f5f5;height:1100px; margin-top:90px;}
.gundong_num22{  z-index:10}
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:60px }
.num2 h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:60px }
.num2 li{ float:left; width:25%; height:350px;  transition-duration:500ms; cursor:pointer;}
.num2 li .n_box{ width:100%; height:350px; margin:0 auto; overflow:hidden; }
.num2 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:15px}
.num2 li .n_box .n_l span{ font-size:20px;  text-align:center; center;color:#000;  }
.num2 li .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#999}
.num2 li .n_box .n_r{  width:30%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num2 li .n_box .n_r2{ width:30%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num2 li .n_box .n_r3{width:30%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num2 li .n_box .n_r4{  width:30%; height:120px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num2 li:nth-of-type(4n+0){border-right:none}
.num2 li:hover{color:#c20707;}
.num2 li:hover a{ color:#c20707!important}
.num2 li:hover .n_box .n_l span{ color:#c20707;}
.num2 li:hover .n_box .n_l p{ color:#c20707;}
.num2 li:hover .n_box .n_r{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/11.jpg) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/11.jpg) no-repeat bottom center;}

.gundong_num33{ margin-top:80px; z-index:1000}
.num3{ width:100%; height:auto; margin-left:90px;overflow:hidden;}
.num3 li{ float:left; width:25%; height:260px; padding:16px 0; transition-duration:500ms;cursor:pointer;}
.num3 li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden;}
.num3 li .n_box .n_l{ float:right; width:60%; height:auto; line-height:38px; margin-right:25px; font-size:18px; color:#FFF;}
.num3 li .n_box .n_l span{ font-size:40px; font-weight:bold; margin-right:8px}
.num3 li .n_box .n_l p{ color: #fff;height: 260px;font-size: 16px;margin-left:30px;writing-mode: vertical-lr;line-height: 24px;letter-spacing:5px; }
.num3 li .n_box .n_r{ float:left;  width:30%; height:260px; background: url(../images/16.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r2{ float:left;  width:30%; height:260px; background: url(../images/7.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r3{ float:left;  width:30%; height:260px; background: url(../images/8.png) no-repeat top center;  transition-duration:600ms;}
.num3 li .n_box .n_r4{ float:left;  width:30%; height:260px; background: url(../images/9.png) no-repeat top center;  transition-duration:600ms;}
.num3 li:nth-of-type(4n+0){border-right:none}

/*滚动数字_end*/

/*标题背景*/
.titbg{background: #dddddd;}
.syfx{display:none}
/*标题*/
.index_title{ width:200px; height:auto; padding:60px 0; text-align:center; font-size:18px; color:#666; position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#333; font-size:34px; line-height:50px; letter-spacing:2px;margin-bottom:20px;}
.index_title:after{content:""; position:absolute; left:-140px; top:75px; width:124px; height:40px;background: url(../images/xx.png) no-repeat bottom center;}
.index_title:before{content:""; position:absolute; right:-140px; top:75px;  width:124px; height:40px;background: url(../images/xx2.png) no-repeat bottom center;}

.index_title3{ width:200px; height:auto; padding:60px 0; text-align:center; font-size:18px; color:#fff; position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#fff; font-size:34px; line-height:50px; letter-spacing:2px;margin-bottom:20px;}
.index_title3:after{content:""; position:absolute; left:-140px; top:75px; width:124px; height:40px;background: url(../images/xx.png) no-repeat bottom center;}
.index_title3:before{content:""; position:absolute; right:-140px; top:75px;  width:124px; height:40px;background: url(../images/xx2.png) no-repeat bottom center;}
/*标题_end*/
.pro_index_bj{   background:url(../images/cpbj.jpg) no-repeat left center;height:1130px;margin-top:70px;}

.sybt{width:1270px;min-width:1270px; margin:0px auto;}
.sybt .e{float:left; width:200px; height:auto; margin-top:30px;}
.sybt .e p{font-size:14px; color:#666;line-height:25px;margin-bottom:70px;}
.sybt .e img{overflow:hidden}
.sybt .r{float:right; width:1070px; height:auto; overflow:hidden; margin-top:60px;}

.pro_tab{ overflow:hidden;  text-align:left;margin-bottom:30px;}
.pro_tab li{ display:inline-block;  margin-bottom:10px; width:200px;line-height:50px;text-align:center; font-size:16px;}
.pro_tab li a{ background:#277638;display:block; color:#fff}
.pro_tab li a:hover{text-decoration:none;}
.pro_tab li.on{background:#277638; color:#FFFFFF;}
.pro_tab li.on a{background:#333;color:#FFFFFF;}
.pro_tab li.on a:hover{color:#FFFFFF;text-decoration:none;}

.pro_tab22{ overflow:hidden;  text-align:left;margin-bottom:30px;}
.pro_tab22 li{ display:inline-block;  margin-bottom:10px; width:200px;line-height:50px;text-align:center; font-size:16px;}
.pro_tab22 li a{ background:#277638;display:block; color:#fff}
.pro_tab22 li a:hover{text-decoration:none;}
.pro_tab22 li.on{background:#277638; color:#FFFFFF;}
.pro_tab22 li.on a{background:#333;color:#FFFFFF;}
.pro_tab22 li.on a:hover{color:#FFFFFF;text-decoration:none;}

.pro_box{ width:100%; height:auto; overflow:hidden; }
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list{ float:right;overflow:hidden;width:1070px;margin-bottom:80px;}
.pro_list li {float:right; width:340px; height:auto;}
.pro_list li .img{overflow:hidden;width:100%; height:100%;}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list li a {display:block; margin:26px; background: #fff; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:16px; color: #000;text-align: center;  font-weight: normal; line-height:35px}
.pro_list li p { height:8px;}
.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*业务*/
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ float:left; width:33.333333333333333%; height:380px; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi li a{ display:block; color:#FFFFFF}
.ul_youshi li .img{ position:absolute; left:0; top:0; width:100%; height:100%}
.ul_youshi li .img img{display: block; width:100%; height:auto;}

.ul_youshi li .box{position:absolute; left:0; top:270px; width:100%; height:auto; padding:0 30px; transition: 0.5s all ease; z-index:9}
.ul_youshi li .box h5{ font-size:19px; height:30px;}
.ul_youshi li .box .text{ width:92%; height:auto; margin-left:0; padding-top:10px; line-height:26px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_youshi li:hover .box{top:70px; }

.ul_youshi li .wps{position:absolute; left:0; top:381px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:140px; }

.ul_youshi li .more{width:100px; height:30px; margin-top:20px; margin-left:30px; overflow:hidden; border:#fff solid 1px; text-align:center; position:relative; font-size:12px }
.ul_youshi li .more i{color:#fff; text-align:center; line-height:30px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.ul_youshi li .more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#730000; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0}


.ul_youshi li p{ position:absolute; left:0; top:380px; width:100%; height:100%; background: rgba(27, 129, 49, 0.82); transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

/*图片1*/
.index_pic_one{width:100%; height:auto; min-width:1770px; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_pic_one dl{float:left; width:30%; height:100%; margin-right:1%; margin-left:2%;margin-bottom:20px; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(5n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/
	

/*小幻灯包围*/
.three_box{overflow:hidden; background: url(../images/ab.jpg);height:840px;}
.three_box_left{ float:left; width:50%; height:auto;}
.three_box_right{ float:right; width:50%; height:auto; }
.three_box_right .n_box{ width:800px; height:auto; margin-left:50px; margin-top:10px;}
.three_box_right .n_box h3 {font-size:48px; font-family: 'Times New Roman'; font-weight: normal; color:#000; line-height: 58px;}
.three_box_right .n_box h2 {font-size: 36px; font-weight: normal; color:#000; line-height: 58px; margin-bottom: 30px;}
.three_box_right .n_box p {padding:20px; line-height:30px;color:#666; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:8;/*显示几行*/-webkit-box-orient: vertical;}

.btn a {color: #c20707; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #fff;}
.btn a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn a:hover span {padding-right: 27px;}

.three_box22{overflow:hidden; background-color:#c20707}
.three_box22_left{ float:right; width:50%; height:auto;}
.three_box22_right{ float:left; width:50%; height:auto; }
.three_box22_right .n_box{ width:700px; height:auto; margin-left:80px; margin-top:100px;}
.three_box22_right .n_box h3 {font-size:48px; font-family: 'Times New Roman'; font-weight: normal; color:#fff; line-height: 58px;}
.three_box22_right .n_box h2 {font-size: 36px; font-weight: normal; color:#fff; line-height: 58px; margin-bottom: 30px;}
.three_box22_right .n_box p {padding:20px; line-height:30px;color:#fff; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:8;/*显示几行*/-webkit-box-orient: vertical;}

.btn2 a {color: #c20707; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; margin-top:50px;background: #fff;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/
/* 多图滚动 */
.scrollBox{ width:100%; height:auto;margin-top:-35px; text-align:center;}
.scrollBox .bd li{float:left; width:395px; height:auto; margin:23px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{width:395px; height:auto; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:25px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

.scrollBox22{ width:100%; height:auto;margin-top:-35px;margin-bottom:55px; text-align:center;}
.scrollBox22 .bd li{float:left; width:395px; height:auto; margin:23px;}
.scrollBox22 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox22 .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox22 .bd li img{width:395px; height:auto; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox22 .bd li:nth-of-type(4n+0){margin-right:0px;}

.scrollBox22 .hd{ height:20px; overflow:hidden; font-size:0; margin-top:25px;}
.scrollBox22 .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox22 .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox22 .hd .on{ background:#BA2636;  }
.scrollBox22 .prev,.scrollBox22 .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox22 .next{ background-position:-105px 0;}
/* 多图滚动end */
.ipro{width:1770px; height:auto; min-width:1770px; margin: 0 auto;  position:relative; overflow:hidden}
#slider {height: 740px; overflow: hidden;width: 100%;}
#slider .slide {z-index: 10; position: absolute; border-left: #000 2px solid; width: 1065px; background: rgba(0,0,0,0.85); height: 740px; overflow: hidden; top: 0px; cursor: default; left: 22px;text-align:left;}
#slider .text {position: absolute; text-align: justify; width: 70px; display: none; font-family: verdana, arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; top: 100%; left: 10px}
#slider .diapo {position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1}
.pf p{z-index: 99999;position: absolute;left: 30px;top: 205px;color: #fff;padding: 60px 60px; font-size: 30px;word-wrap:break-word;width:22px;line-height: 40px;background: rgba(194,7,7,.5);border-radius:5px;}
.pf em{position: absolute;top: 230px;color: #fff;padding: 25px 25px; margin-left:190px;margin-bottom:240px;font-size: 16px;word-wrap:break-word;writing-mode: vertical-lr;width:30px;letter-spacing: 5px;line-height:23px;}
.pf m{z-index: 99999;position: absolute;left: 30px;top: 300px;color: #fff;padding: 10px 10px; margin-left:500px;font-size: 15px;word-wrap:break-word;width:22px;line-height: 25px;background: rgba(194,7,7,.5);border-radius:5px;}


/*小幻灯片*/
.index_hdp{width:100%; height:540px; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }


.cpys{ width:100%; min-width:1270px;  background:#f3f3f3 ;margin-top:-10px;margin-bottom:-12px;  }
.cpys .pro{ width:1150px; min-width:1150px; margin:0px auto; text-align:center; margin-top:30px; }
.cpys .pro h1{ color:#CCCCCC; font-size:18px; font-weight:200;}

.slideTxtBox{ width:1270px; min-width:1270px; height:600px;margin-top:10px;  }
.slideTxtBox .hd{float:left; width:350px; height:490px; background:#fff; position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute;width:350px; height:45px;  margin-top:30px; }
.slideTxtBox .hd ul li{ text-align:center; height:45px; cursor:pointer;margin-top:25px;  color:#666; font-size:18px}
.slideTxtBox .hd ul li on{ height:45px; color:#f31c35; }
.slideTxtBox .hd ul li a:hover{ height:45px; color:#f31c35; }
.slideTxtBox .bd .box{zoom:1; margin-bottom:25px; float:right;}

/***********新闻资讯***********/
.newsbj{width:100%; height:auto;}
.newsbj_left{float:left;width:1200px; height:auto;margin-right:30px;}
.newsbj_right{float:right; width:540px;height:auto;}
.index_news{width:1200px; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;margin-bottom:60px;}
.index_news .in_left{ float:left; width:540px; height:403px; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size: 20px;color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size: 15px;color: #fff;line-height: 21px;}

.index_news .in_right{ float:right; width:600px; height:auto; overflow:hidden;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:32px; background:#fff; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{ color:#c20707}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:15px}
.index_news .rightNews li .pd .time_box{float:right; width:25%; height:auto; position:relative; padding-right:3%; text-align:right;}
.index_news .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff;}
.index_news .rightNews li .pd .time_box .y{font-size:17px; line-height:1;margin-bottom:12px;}
.index_news .rightNews li .pd .time_box .date{font-size:26px; line-height:1;}

.index_news .rightNews li .pd .news_box{float:left; width:65%; margin-right:3%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:17px; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.index_news .rightNews li:hover a{ color:#c20707!important}
/***********新闻资讯_end***********/
.db_news { width:540px; height:auto; overflow:hidden}
.db_news li {float: right; width:100%; height:auto; margin-top:20px; overflow:hidden}
.db_news li a {display: block; background-color: #ededed; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.db_news li a:after {position: absolute; left: 0; top: 0; content: ""; width: 85px; height: 0; border-bottom: 125px solid #c20707; border-right: 78px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.db_news li .date {float: left; width: 90px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left;}
.db_news li .date small {display: block;font-size: 16px;}
.db_news li .date strong {display: block;font-size: 30px;margin-top: 10px;}
.db_news li .text { float:right; width:70%; height:auto;}
.db_news li .text h4 {font-weight: normal; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.db_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; overflow: hidden;}
.db_news li a:hover {background-color:#c20707; color:#fff;}
.db_news li a:hover:after {border-bottom-color: #a7abb0;}
.db_news li a:hover .text p {color: #fff;}
.db_news li:nth-of-type(2n+0){margin-right:0px;}


}