/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:12px;background:#fff url(../images/foot-bg.jpg) no-repeat center bottom; font-family: microsoft yahei; color:#666; min-width:1200px; /* for IE6 */}
ol,ul{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;cursor:pointer; color:#e81929;/*-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;*/}
img{border:none;}
.of{height:0;display:block;overflow:hidden;}
.clr{clear:both;width:0px;height:0px;font:0px/0px;overflow:hidden;margin:0px;  display:block;}
.fl{float:left;}
.fr{float:right;}
.wrapper{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
::-webkit-scrollbar-track-piece{width:8px;background-color:#fff;}
::-webkit-scrollbar{width:8px; height:8px;background-color:#fff;}
::-webkit-scrollbar-thumb{width:8px;background-color:#8e8e8e;}
::-webkit-scrollbar-thumb:hover{ width:8px; background-color:#e81929;}
::selection {background:#e81929;color:#fff;}
::-moz-selection {background:#e81929;color:#fff;}


/*top*/
.tiptop{ height:41px; background:#dcdcdc; overflow:hidden; line-height:25px; color:#000; background:url(../images/top-bg.gif) repeat-x;font-family:simsun;}
.tiptop span{ display:block; float:left;}
.tiptop p{ float:right; padding-left:20px; background:url(../images/tel.png) no-repeat left center;}
.tiptop p b{ color:red;}
.top{ height:115px; overflow:hidden;}
.logo{ width:350px; height:69px; overflow:hidden; margin-top:22px; background:url(../images/logo.gif) no-repeat left center; overflow:hidden; text-indent:-999999px;background-size: 100%;}
.top ul{ height:115px; width:720px; overflow:hidden;}
.top ul li{ width:90px; float:left; text-align:center; height:115px; background:url(../images/nav-line.gif) no-repeat right center;}
.top ul li a{ display:block; font-size:16px; width:90px; height:112px; line-height:110px; border-bottom:3px solid #fff; }
.top ul li a:hover,.top-on{ background:#dcdcdc;border-bottom:3px solid #e60012 !important; color:#e81929 !important; }

/*banner*/
#full-screen-slider { width:100%; height:560px; position:relative; overflow:hidden;}
#slides { display:block; width:100%; height:560px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;background-size: cover !important;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {  list-style:none; position:absolute; right:10%; top:530px; z-index:9900;}
#pagination li { display:block; list-style:none; width:10px; height:10px;float:left;  background:#fff; overflow:hidden; margin-right:5px;}
#pagination li a { display:block; width:10px; height:10px; padding:0;text-indent:-9999px;}
#pagination li.current { background:#e81929;}

.wrap-title{ width:380px; margin:20px auto 0; text-align:center; color:#fff; font-size:20px; line-height:40px; padding-bottom:15px; background:url(../images/ct-line.png) no-repeat center bottom; position:relative;}
.wrap-title .title-i{ width:px; height:40px; margin:0 auto; background:#e81929; display:inline-block; padding:0 10px;}
.title-more{ width:44px; height:12px; overflow:hidden; position:absolute; background:url(../images/title-more.png) no-repeat left top; right:0; bottom:15px; display:block;}
.title-more:hover{ background-position: left -12px;}

.yewu ul{ width:1300px; height:120px; padding-top:10px;}
.yewu ul li{ width:120px; height:120px;overflow:hidden; float:left; margin-right:15px;}
.yewu ul li a{ display:block; border:1px solid #b7b7b7; border-radius:50%; width:118px; height:118px; color:#fff;text-align:center;}
.yewu ul li a:hover{ border-color:#e81929;}
.yewu ul li a div{ width:104px; height:104px; border-radius:50%; background:#454545; text-align:center; overflow:hidden;  margin:7px auto 0;}
.yewu ul li a div:hover{ background:#e81929;}
.yewu ul li a b{ font-size:30px; display:block; font-family:Arial, Helvetica, sans-serif; padding-top:5px; }
.yewu ul li a span{ display:block; font-size:15px;}
.yewu ul li a i{ display:block; font-size:15px; font-style:normal; line-height:40px;}

.about{ height:400px; background:url(../images/about-bg.jpg) no-repeat center top; margin:15px auto; position:relative;}
.about .wrapper{ height:400px;}
.about .about-img{ display:block; width:226px; height:306px; position:absolute; left:4px; top:45px; text-indent:-9999px;}
.about p{ width:910px; height:107px; overflow:hidden; position:absolute; left:265px; top:145px; line-height:27px; color:#000; font-size:16px; text-indent:2em;}
.about .about-more{ display:block; width:95px; height:35px; position:absolute; bottom:107px; right:0; text-indent:-99999px;}
.about .about-ct{display:block; position:absolute; left:285px; bottom:55px; width:90px; height:34px;}

.about ul{ width:270px; height:215px; right:16px; top:70px; position:absolute;}
.about ul li{ height:105px; overflow:hidden; padding-bottom:5px;}
.about ul a{ line-height:30px; color:#fff;}
.about ul a h4{ font-size:16px; text-indent:2em;}
.about ul a span{ line-height:24px; text-indent:2em; display:block;}
.about ul a span b{ color:#fff100; font-weight:normal;}

.news .news-wrap{ width:1400px;}
.news .news-i{ width:380px; height:250px; float:left;margin-right:30px; overflow:hidden; position:relative;}
.wrap-title2{ width:380px; margin:0 auto; text-align:center; color:#000; font-size:16px; line-height:30px; padding-bottom:15px; background:url(../images/ct-line.png) no-repeat center bottom; position:absolute; top:0; left:0; z-index:1;}
.title-more2{ width:44px; height:10px; overflow:hidden; position:absolute; background:url(../images/title-more.png) no-repeat left center; right:0; bottom:15px; display:block;}
.title-more2:hover{ background-position: left -10px;}

.news ul{ width:340px; height:190px;padding:14px 19px 0; border:1px solid #c9c9c9; border-top:none; position:absolute; top:40px; left:0; z-index:0;}
.news ul li{ padding-left:10px; line-height:30px; height:30px; overflow:hidden; background:url(../images/news-ico.gif) no-repeat left 12px; font-size:14px;}
.news ul li a{ display:block; width:340px; height:30px; float:left; overflow:hidden;}

.slideGroup{ width:1200px; margin:15px auto; overflow:hidden;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative;   }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:228px; height:160px; overflow:hidden; position:relative;}
.slideGroup .parBd ul li a img{width:228px; height:160px; overflow:hidden;}
.slideGroup .parBd ul li a span{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; background:#fff;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup .parBd ul li a:hover span{background:#e81929;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup .parBd ul li a b{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; text-align:center; line-height:25px; z-index:2; font-size:14px; font-weight:normal; overflow:hidden;}
.slideGroup .parBd ul li a:hover b{ color:#fff;}

.slideGroup2{ width:1200px; margin:15px auto; overflow:hidden;}
.slideGroup2 .slideBox{ overflow:hidden; zoom:1; position:relative;   }
.slideGroup2 .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup2 .parBd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:228px; height:160px; overflow:hidden; position:relative;}
.slideGroup2 .parBd ul li a img{width:228px; height:160px; overflow:hidden;}
.slideGroup2 .parBd ul li a span{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; background:#fff;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup2 .parBd ul li a:hover span{background:#e81929;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup2 .parBd ul li a b{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; text-align:center; line-height:25px; z-index:2; font-size:14px; font-weight:normal; overflow:hidden;}
.slideGroup2 .parBd ul li a:hover b{ color:#fff;}

.fengcai{ height:260px; overflow:hidden; padding-top:10px;}
.fengcai .fc-first{ width:362px; height:245px;  float:left; padding-top:15px; line-height:23px;color:#000; font-size:14px; text-indent:2em;}
.fengcai .fc-list{ height:px;   width:714px; float:left; margin-left:60px;}

img {max-width: 100%;}

.slideGroup3{ width:1200px; margin:15px auto;overflow:hidden;}
.slideGroup3 .slideBox{ overflow:hidden; zoom:1; position:relative;}
.slideGroup3 .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup3 .parBd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:228px; height:160px; overflow:hidden; position:relative;}
.slideGroup3 .parBd ul li a{ border:1px solid #aaa; display:block; width:226px; height:158px; overflow:hidden;}
.slideGroup3 .parBd ul li a img{width:228px; height:160px; overflow:hidden;object-fit: contain;}
.slideGroup3 .parBd ul li a span{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; background:#fff;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup3 .parBd ul li a:hover span{background:#e81929;filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:1;}
.slideGroup3 .parBd ul li a b{ display:block; position:absolute; width:226px; height:25px; left:1px; bottom:1px; text-align:center; line-height:25px; z-index:2; font-size:14px; font-weight:normal; overflow:hidden;}
.slideGroup3 .parBd ul li a:hover b{ color:#fff;}

.link{ height:36px; padding:22px 0; background:#e5e5e5; margin-top:20px; line-height:36px; overflow:hidden;}
.link-box{ width:1100px; padding-left:100px; background:url(../images/link.gif) left center no-repeat; margin:0 auto; overflow:hidden; height:36px;}
.link a{ padding:0 20px; font-size:14px;}

.foot{ padding:20px 0; overflow:hidden; background:url(../images/foot-bg.gif); height:153px; color:#fff;}
.foot .wrapper{ height:153px;}
.foot-line{ height:153px; width:1px; background:#fff; position:absolute; left:50%;}

.foot .fl{ text-align:right;}
.foot .fr{ text-align:left;}

.foot-f{ width:240px; margin:0 auto; height:30px;}
.foot-f a{ width:80px; font-size:16px; height:30px; display:block; line-height:30px; font-size:16px;}
.foot-f i{ display:block; width:30px; height:2px; background:#fff;}
.foot a{ color:#fff;}
.foot a img {height: 26px; filter: brightness(1%) invert(1);margin:5px 0px;}
.foot-l{ width:370px; margin:10px auto; height:28px;}

.footl{ width:560px; float:left; text-align:right; line-height:24px;}
.footl a{ font-size:14px;}
.footr{ width:560px; float:right; text-align:left; line-height:24px; font-size:14px;}

/*pagedown*/
.yesu{height:34px; margin:40px 0;}
.yesu ul {display: flex;align-items: center;justify-content: center;}
.yesu ul li:first-child,.yesu ul li:last-child{display: none;}
.yesu a ,.yesu span{margin: 0px 10px;}



.yesuhove,.yesu li.active a {width:32px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;text-align:center;font-size:14px;background-color:#F00;color:#FFF}
.yesu2{width:32px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;display:inline;text-align:center;font-size:14px;background-color:#ff0000; color:#fff;}
.yesu2 a{width:32px;height:32px;text-align:center;font-size:14px;line-height:32px;float:left;margin-right:3px;display:inline;background-color:#eee}.yesu2 a:hover{width:32px;text-align:center;font-size:14px;height:32px;line-height:32px;float:left;margin-right:3px;background-color:#F00;color:#FFF;font-weight:bold}.yesu3{width:60px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;display:inline;text-align:center;font-size:14px;background-color:#eee}.yesu3 a{width:60px;height:32px;text-align:center;font-size:14px;line-height:32px;float:left;margin-right:3px;display:inline-block;background-color:#eee}.yesu3 a:hover{width:60px;text-align:center;font-size:14px;height:32px;line-height:32px;float:left;margin-right:3px;background-color:#F00;color:#FFF;font-weight:bold}


.pg_ban{ height:350px; background:url(../images/pg-ban.jpg) no-repeat  center top; text-indent:-99999px;background-size: cover;}
.pg_ban2{ height:350px; background:url(../images/pg-ban2.jpg) no-repeat  center top; text-indent:-99999px;background-size: cover;}
.pg-box{ padding:15px 0; width:1200px; overflow:hidden;}
.pg-l{ width:257px; padding:120px 0 0 13px;overflow:hidden; background:url(../images/pg-left.jpg) no-repeat left top;}
.pg-r{ width:930px; overflow:hidden;}
.pg-l ul li a{ display:block; text-align:center; font-size:16px; line-height:50px; height:50px; color:#000; border-bottom:1px solid #eee;}
.pg-l ul li a:hover,.list-on{ background:#e81929; color:#fff !important;}

.pg-rtit{ padding:10px 5px; margin-bottom:20px;height:35px; border-bottom:1px solid #c9c9c9; background:url(../images/pgr-ico.png) no-repeat 20px center; line-height:35px;}
.pg-rtit b{ display:block; float:left; padding-left:50px; font-size:16px; color:#000;}
.pg-rtit i{ float:right; font-style:normal; padding-left:20px; background:url(../images/pgr-h.png) left center no-repeat;}
.pr-box{ padding:0 20px 20px; background:#eee; min-height:600px;font-size:15px; line-height:2; color:#333;}

.pr-tit b,.news_tit{display:block; line-height:40px; margin-top:20px; font-size:20px; color:#000; text-align:center; font-family:microsoft yahei;}
.sec_source{ display:block; text-align:center; border-bottom:1px solid #ccc; line-height:30px; width:620px; margin:0 auto 30px; color:#aaa;}

.news_box{width:880px; overflow:hidden;}
.news_box li{ width:850px; height:40px; line-height:40px; margin-bottom:4px; overflow:hidden; border-bottom:1px dashed #444; padding-left:30px;background:url(../images/news-bico.gif) no-repeat 5px center;}
.news_box li a{ width:700px; height:40px; display:block; float:left; overflow:hidden;}
.news_box li span{ float:right; color:#999}

.case_box{width:760px;margin:0 auto;}
.case_box ul{width:860px;}
.case_box ul li{ width:228px; margin-right:40px; float:left; overflow:hidden;}
.case_box ul li img{ width:226px; height:160px; overflow:hidden; border:1px solid #c9c9c9;object-fit: contain;}
.case_box ul li  span{ display:block; text-align:center; line-height:26px; margin-bottom:10px;}