﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}
 a:hover{ text-decoration:none;}
body{min-width: 1200px; width: 100%;overflow-x: hidden;}


/**/
.banner{ width:100%; position:relative; height:698px;top:-5px; z-index:-1;}
.banner a{ display:block; background:url(/skin/images/banner.jpg) no-repeat center top; height:698px; position:relative; z-index:1;}

.banners{height: 698px;width:100%; position:relative; top:-5px; z-index:0;}
.fullSlide {width:100%;position:relative;height:698px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:698px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:520px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:85px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#d72229;width:12px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;width:73px; height:73px;}
.fullSlide .prev{ background:url(/skin/images/arrow-left.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(/skin/images/arrow-right.png) no-repeat;}


.yinz{ width:1200px; height:170px; margin:-85px auto 70px; position:relative; box-shadow:0.1rem 0.1rem 1rem 0.1rem #999; z-index:5; background:#fff;}
.yinz h2{ background:#f5f5f5;width:345px; padding-top:45px; font:30px "Microsoft YaHei"; font-weight:bold; color:#232323; float:left; text-align:center; overflow:hidden; height:125px;}
.yinz h2 em{ display:block; font:20px "Microsoft YaHei"; letter-spacing:11px; padding:12px 0 0 5px;}
.yinz ul{ width:855px; float:left; margin-top:30px;}
.yinz li{ width:163px; float:left; padding-left:50px; height:84px; font:20px "Microsoft YaHei"; color:#212121; position:relative;}
.yinz li span{ display:block; font:60px Arial; color:#d72229; font-weight:bold;}
.yinz li span em{ font:20px "Microsoft YaHei"; color:#212121;}
.yinz li:before{ content:""; position:absolute; top:10px; right:0; width:1px; height:80px; background:#f2f2f2;}
.yinz li:last-child:before{ background:none;}

.pro{ height:735px; overflow:hidden;}
.prot{ height:88px; overflow:hidden; margin-top:20px; font:26px "Microsoft YaHei"; color:#282828; background:url(/skin/images/case_line1.png) no-repeat right 47px;}
.prot a{ color:#282828; display:block; line-height:88px;}
.prot a:hover,.pro1 dl:hover dd h3 a{ color:#d72229; font-weight:bold;}
.prot em{ display:block; float:left; margin:22px 9px 0 0;}
.prot i{ float:right; font:14px Arial; color:#909090; text-transform:uppercase; background:url(/skin/images/case_arr.png) no-repeat right center; padding-right:20px; display:block; margin-top:22px;}
.pro1{ height:480px; border:1px solid #e3e3e3; width:636px; overflow:hidden; background:#fff;}
.pro1 dt{ width:636px; height:358px; overflow:hidden;}
.pro1 dt img{ display:block; width:636px; height:358px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro1 dd{ padding:20px 20px 0 20px;}
.pro1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#1e1e1e; height:30px; line-height:30px; overflow:hidden;}
.pro1 dd p{ font:16px "Microsoft YaHei"; line-height:30px; height:30px; color:#6e6e6e; padding-top:6px;}
.pro2{ width:1140px; height:480px;}
.pro2 dl{ width:282px; height:480px; background:#fff; border:1px solid #e3e3e3;}
.pro2 dt{ width:282px; height:195px; overflow:hidden;}
.pro2 dt img{ display:block; width:280px; height:195px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 dl:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro2 dd{padding:20px 20px 0 20px;}
.pro2 dd h3 a{display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#1e1e1e; height:30px; line-height:30px; overflow:hidden; text-align:center;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.pro2 dd p{font:16px "Microsoft YaHei"; line-height:30px; height:120px; color:#6e6e6e; padding:30px 0 10px;}
.pro2 dd span a{ display:block; width:104px; height:24px; border:1px solid #dfdfdf; margin:0 auto; font:14px Arial; text-transform:capitalize; color:#9b9a9a; line-height:24px; text-align:center;}
.pro2 dl:nth-child(2n-1){ float:left;}
.pro2 dl:nth-child(2n){ float:right;}
.pro2 dl:hover dd h3 a{ font-weight:bold; color:#d72229;}
.pro2 dl:hover dd span a{ color:#fff; background:#d72229; border:1px solid #d72229;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}

.pro3{ background:#f2f2f2; height:650px; overflow:hidden;}

.tit{ height:105px; overflow:hidden; text-align:center; background:url(/skin/images/line.gif) no-repeat center bottom; font:42px "Microsoft YaHei"; color:#1d1d1d;}
.tit a{ color:#1d1d1d;}
.tit em{ color:#d72229;}
.tit span{ display:block; font:18px "Microsoft YaHei"; color:#373737; padding-top:8px;}

.case{ height:640px; margin-top:50px; overflow:hidden;}
.caset{ height:527px; background:#f0f0f0; width:254px; overflow:hidden; float:left;}
.caset h2{ height:85px; overflow:hidden; background:#d72229; font:28px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.caset h2 a{ display:block; color:#fff; padding:15px 0 0 30px;}
.caset h2 em{ display:block; font:12px Arial; color:#ea8c8f; text-transform:uppercase; padding-top:4px;}
.caset li{ height:88px; border-bottom:1px solid #ddd; overflow:hidden; font:20px "Microsoft YaHei"; color:#1c1c1c;}
.caset li a{ display:block; color:#1c1c1c; height:63px; padding-top:25px;}
.caset li span{display:block; width:40px; height:40px; float:left; overflow:hidden; margin:5px 12px 0 20px; position:relative;}
.caset li em{ display:block; width:40px; height:40px;}
.caset li img{display:block; width:40px; height:40px;}
.caset li b{display:none; width:40px; height:40px; position:absolute; top:0;}
.caset li i{ display:block; font:12px Arial; color:#c2c2c2; padding-top:7px;}
.caset li a:hover,.caset li.on a{ font-weight:bold; color:#d72229; border-left:4px solid #d72229;}
.caset li a:hover span b,.caset li.on a span b{ display:block;}
.case2{ width:928px; height:527px; overflow:hidden; float:right; position:relative;}
.case2 dt{ display:block; width:928px; height:527px; overflow:hidden;}
.case2 dt img{ display:block;width:928px; height:527px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case2 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case2 dd{ height:100px; overflow:hidden; position:absolute; bottom:0; width:878px; background:rgba(0,0,0,0.7); padding:0 25px;}
.case2 dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:16px 0 5px;}
.case2 dd p{ font:16px "Microsoft YaHei"; height:30px; line-height:30px; color:#fff; opacity:0.7;}

.ys{ margin-bottom:90px;}
.ys .tit{ margin-bottom:45px;}
.ys dl{ height:508px;}
.ys dt{ width:960px; height:508px; overflow:hidden; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:508px;}
.ys dd{ width:540px; margin-top:40px;}
.ys dd h3{ height:84px; overflow:hidden;}
.ys dd h3 em{ display:block; width:66px; height:66px; background:#d72229; text-align:center; font:48px Arial; font-weight:bold; line-height:66px; float:left; overflow:hidden; color:#fff;} 
.ys dd h3 span{ display:300px; float:left; padding:10px 0 0 18px; font:12px "Times New Roman", Times, serif; color:#b3b3b3; text-transform:capitalize;}
.ys dd h3 span i{ display:block; font:36px "Microsoft YaHei"; font-weight:bold; color:#232323;}
.ys dd h3 b{ color:#d72229;}
.ys dd h4{ font:20px "Microsoft YaHei"; font-weight:bold; color:#232323; padding:0 0 47px;}
.ys dd p{ font:16px "Microsoft YaHei"; line-height:36px; color:#232323; background:url(/skin/images/ys_arr.png) no-repeat left 12px; padding-left:15px;}
.ys dl:nth-child(2n-1) dt{ margin:0 -360px 0 0;}
.ys dl:nth-child(2n-1) dd{ width:570px;}

.pro01{ height:925px; padding-top:65px; background:#f5f5f5; overflow:hidden;}
.fen{ height:60px; margin:40px 0 32px;}
.fen li{ width:193px; height:60px; float:left; margin-right:6px;}
.fen li a{ display:block; width:185px; height:58px; font:14px "Microsoft YaHei"; color:#3a3a3a; line-height:58px; border:1px solid #dbdbdb; background:#fff;}
.fen li span{ display:block; width:24px; height:24px; overflow:hidden; margin:17px 10px 0 10px; float:left;}
.fen li em,.fen li i,.fen li img{display:block; width:24px; height:24px;}
.fen li a:hover,.fen li.cur a{ background:#d72229; color:#fff; border:1px solid #d72229;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.fen li a:hover em,.fen li.cur em{ display:none;}
.fen .nones,.pro02 .nones{ margin-right:0;}

.pro02 li{ height:613px; width:373px; float:left; margin-right:40px; background:#fff;}
.pro02 li img{ display:block; width:373px; height:478px;}
.pro02 li span{ display:block; padding:20px 20px 0 20px; font:18px "Microsoft YaHei"; font-weight:bold; color:#383838;}
.pro02 li em{ display:block; font:16px "Microsoft YaHei"; line-height:30px; height:30px; color:#575757; padding:5px 0; overflow:hidden; }
.pro02 li i{ display:block; font:14px Arial; text-transform:uppercase; color:#b9b8b8; line-height:30px; height:30px; background:url(/skin/images/case_arr.png) no-repeat right center; overflow:hidden;}
.pro02 li:hover span{ color:#d72229;}
.pro02 li:hover img{ display:block;width:369px; height:474px; border:2px solid #d72229;}
.pro02 li:nth-child(3){
  margin-right:0;
}

.new{ height:770px; margin-top:70px; overflow:hidden;}
.new1,.new2{ width:584px; overflow:hidden; margin-top:10px;}
.tit2{ height:90px; overflow:hidden; font:20px "Microsoft YaHei"; font-weight:bold; color:#d72229; background:url(/skin/images/new_line.gif) no-repeat right 47px;}
.tit2 a{ display:block; color:#d72229; background:url(/skin/images/new_icon.png) no-repeat left center; padding-left:30px; line-height:90px;}
.tit2 em{ float:right; font:12px "Microsoft YaHei"; color:#b2b2b2; text-transform:uppercase; padding-top:26px;}
.new1 dl{ height:418px; overflow:hidden; border-bottom:1px solid #eee;}
.new1 dt{width:584px; height:330px; overflow:hidden;}
.new1 dt img{ display:block;width:584px; height:330px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 dd{ height:84px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:84px; overflow:hidden;}
.new1 dd a{ display:block; color:#212121;}
.new1 dd em{ display:block; width:130px; height:21px; font:14px Arial; background:#d72229; float:right; margin-top:32px; color:#fff; border-radius:2rem; line-height:21px; text-align:center;}
.new1 li,.new2 li{ height:48px; border-bottom:1px solid #eee; font:16px "Microsoft YaHei"; line-height:48px; overflow:hidden; padding-left:20px; position:relative;}
.new1 li a,.new2 li a{ display:block; color:#1a1a1a;}
.new1 li em,.new2 li em{ float:right; color:#bbbbbb;}
.new1 li:before,.new2 li:before{ content:""; position:absolute; top:18px; left:0; width:6px; height:6px; border-radius:6px; border:2px solid #ddd;}
.new1 li a:hover,.new2 li a:hover{ color:#d72229; font-weight:bold;}
.new1 li:hover:before,.new2 li:hover:before{content:""; position:absolute; top:18px; left:0; width:6px; height:6px; border-radius:6px; border:2px solid #d72229;}

.new2 .tit2 a{background:url(/skin/images/new_icon2.png) no-repeat left center; color:#000; font-weight:normal;}
.new2 dl{ height:110px; border:1px solid #e8e8e8; margin-bottom:27px; background:#f7f7f7;}
.new2 dt{ width:197px; height:110px; float:left; overflow:hidden;}
.new2 dt img{ display:block;width:197px; height:110px;}
.new2 dd{ width:340px; float:right; padding:10px 20px 0 0;}
.new2 dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; line-height:30px; height:30px; overflow:hidden; color:#202020;}
.new2 dd p{ font:16px "Microsoft YaHei"; line-height:28px; height:56px; overflow:hidden; color:#505050;}
.new2 ul{ border-top:1px solid #eee;}

.about{ height:485px; padding-top:50px; overflow:hidden; background:url(/skin/images/about_bg.jpg) no-repeat center top;}
.about .tit{ margin-bottom:70px;}
.about .tit a,.about .tit span{ color:#fff;}
.about dt{display:block; width:1200px; height:574px;}
.about dt img{ display:block; width:1200px; height:574px; border:5px solid #fff; box-sizing:border-box;}
.about dd h3{ font:24px "Microsoft YaHei"; font-weight:bold; border-bottom:1px solid #eee; height:50px; overflow:hidden; margin-top:40px; position:relative;}
.about dd h3 a{ color:#333;}
.about dd h3:before{ content:""; position:absolute; bottom:0; width:50px; height:3px; background:#d72229;}
.about dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#6c6c6c; margin-top:30px;}


.link{ height:96px; background:#222;overflow:hidden; }
.link h2{ width:128px; height:33px; float:left; border-right:1px solid #6a6a6a; margin-top:7px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:33px; color:#fff;}
.link h2 em{ font:14px Arial; text-transform:uppercase;}
.link p{ float:left; line-height:48px; color:#808080; font-size:14px; font-family:"Microsoft Yahei";}
.link p a{ color:#808080; padding:0 24px; display:inline-block;}
.link p a:hover{ color:#fff;}




