@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;}
.tit span{display:block;font-size: 28px;color: #332c2b;line-height: 28px; padding-top: 95px;}
.tit i{display:block;font-size: 16px;color: #e62129;line-height: 16px;padding-top: 10px; text-transform: uppercase; font-family: "Agency FB"; padding-bottom: 60px;} 


.banner {width:100%;position:relative;z-index:0; clear: both; }
.banner .bdu {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bdu .con {width:100% !important;height:auto!important; display:block;}
.banner .bdu li {width:100% !important;overflow:hidden;text-align:center; background: no-repeat center top;z-index:0;}
.banner .bdu li img {display:block;height:auto!important; width:100%;}

.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #332c2b;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #e62129;}



/*search*/
.search{height: 90px;}
.search p{float: left;height: 90px;line-height: 90px;font-size: 14px;color: #535353;}
.search p b{ font-weight: normal; font-size: 14px; color: #535353;}
.search p a{margin-right:14px;color: #535353;font-size: 14px;}
.s_box{float: right;margin-top:30px;width: 423px;height: 31px;}
.s_box .input1{float:left;width:356px;height:31px;line-height: 31px;font-size:14px;color:#333;border:0;outline: 0;background: url(../images/sou_bg.jpg) no-repeat center; padding-left: 20px;}
.s_box .input2{float: left;width:47px;height: 31px;border: 0;background: url(../images/sea.jpg) no-repeat center;outline: 0;cursor: pointer;}

/*yz*/
.yz{height:612px; background: url(../images/yz_bg.jpg) no-repeat center;} 
.yz dl{ padding-top: 66px;}
.yz dt img{ display: block; width: 580px;height: 476px;}
.yz dd{ width: 650px; margin-left:-30px ;}
.yz dd h2{display: block; width: 264px; height: 42px; margin: 118px auto 20px;}
.yz dd h3{ display: block; text-align: center; font-size: 28px; line-height:28px; margin-bottom:24px; color: #332c2b;}
.yz dd p{ display: block; color: #707070; font-size: 14px; line-height: 28px; text-align: center;}
/*ys*/
.ys{ background: url(../images/ys_bg.jpg) no-repeat center;} 
.ys li{ float: left; width: 386px; margin-right: 21px;position: relative; overflow: hidden; }
.ys li:last-child{ margin-right: 0;}
.ys li p{ width: 386px; height: 285px; background: #f3f3f3;}
.ys li p>i img{ display: block; width: 93px; height: 93px; margin: -46px auto 0;}
.ys li p>span{ display: block; text-align: center; font-size:24px ; color: #1b1b1b; line-height: 24px; padding: 20px 0;}
.ys li p>em{ display: block; font-size:14px ; padding:0 40px; line-height:28px; color: #535353;}
.ys .hv{ position: absolute;left: 0; bottom: 0; width: 306px; padding: 0 40px; height: 0;transition: all 0.3s linear; z-index: 100; background: #e62129;}
.ys .hv>i img{ display: block; width: 93px; height: 93px; margin: 60px auto 0;}
.ys .hv>span{ display: block; text-align: center; font-size:24px ; color: #ffffff; line-height: 24px; padding: 20px 0;}
.ys .hv>em{ display: block; font-size:14px ;line-height:28px; color: #ffffff;}
.ys li:hover .hv{height: 436px;}

/*pro*/
.pro{height:1270px; background: url(../images/pro_bg.jpg) no-repeat center;}
.pro .content{ position: relative;}
.pro_con dl{ position: relative;}
.pro_con dt img{ display: block; width: 1200px; height: 600px;}
.pro_con dd{ position: absolute; width: 348px; height: 291px; padding:54px 60px 0 0; background: rgba(255,255,255,0.8); position: absolute; left: 0; top: 76px;}
.pro_con dd h3 a{ display: block; font-size: 24px; height:45px;line-height: 45px; padding-bottom:14px ; color: #332c2b; font-weight: bold; padding-left: 60px; }
.pro_con dl.pro1 dd h3 a{background: url(../images/pro_ic1.png) no-repeat left 4px; }
.pro_con dl.pro2 dd h3 a{ background: url(../images/pro_ic2.png) no-repeat left 4px;}
.pro_con dl.pro3 dd h3 a{ background: url(../images/pro_ic3.png) no-repeat left 4px;}


.pro_con dd h3 a b{ color: #e62129;}
.pro_con dd p{ font-size: 14px; line-height:28px ; color: #535353;padding-left: 60px;}
.pro_con dd .more{ margin-left: 60px; margin-top: 30px;display: block; width:102px ; height:34px ;line-height: 34px; background: #e62129; color: #ffffff; text-align: center; font-size: 14px;}
.pro_t{ position: absolute; right: 0; top: 500px;}
.pro_t li{ float: left; width: 264px; height: 100px; margin-right: 1px;background: rgba(255,255,255,0.8);}
.pro_t li:last-child{ margin-right: 0;}
.pro_t li span{ display: block;text-align: center;font-size: 30px; line-height: 30px; color: #332c2b; padding: 20px 0 6px; font-family: "Agency FB";}
.pro_t li a{ display: block; text-align: center;font-size: 20px; line-height: 20px; color: #332c2b;}
.pro_t li:hover span,.pro_t li.cur span{ color: #e62129;}
.pro_t li:hover a,.pro_t li.cur a{ color: #e62129;}
.pro .sprev{position: absolute;left:-77px;top:270px;width:50px;height: 90px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.pro .snext{position: absolute;right:-77px;top:270px;width:50px;height: 90px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.pro_s{ height:270px ; margin-top:32px ; border: 1px solid #eeeeee;}
.pro_xx{ float: left; width: 270px;}
.pro_s h4{ padding-left: 60px; padding-top: 75px; padding-bottom: 20px;}
.pro_s h4 a{display: block; font-size: 24px; line-height: 28px; color: #332c2b; }
.pro_s h4 a span{ display: block;font-size: 16px; line-height: 28px; color: #e62129;font-family: "Agency FB";}
.pro_s p{ padding-left: 60px; font-size:14px ; line-height: 24px; color: #7d7d7d;}
.pro_s li{ float: left; width: 266px;  margin: 46px 21px 0;}
.pro_s li img{ display: block;width: 266px; height: 150px;}
.pro_s li em{ display: block; text-align: center; height: 36px; line-height: 36px; font-size: 20px; color: #313131;}

.case{height:788px; background: url(../images/case_bg.jpg) no-repeat center; position: relative;}
.case ul{position: relative; margin:0 auto; height: 478px;}
.case li{ position: relative; width: 956px; height: 478px;overflow: hidden;}
.case li img{ display: block; width: 956px; height: 478px;}
.case li p{ position: absolute; width: 720px; height: 103px; left: 0; bottom: 0;background: url(../images/case_ic.png) no-repeat center;z-index: 100; padding: 0 31px 0 205px;}
.case li p>a{ font-size: 16px; line-height: 16px; padding:26px 0 14px; font-weight: bold; display: block; color: #fff;}
.case li p span{ display: block; font-size:14px ; color:#dcdcdc ;line-height: 14px;}
.case .btn_l{position: absolute;top:380px;left:100px;z-index: 108;}
.case .btn_r{position: absolute;top:380px;right:100px;z-index: 108;}
.roundabout-moveable-item p{ display: none; }
.roundabout-in-focus p{ display: block;}
.prev_bg,.next_bg{position: absolute;width:526px;height: 263px;top:314px;background:rgba(0,0,0,1);z-index: 100!important;}
.prev_bg{right: -95px;}
.next_bg{left:  -95px;}

.xc{height:724px; background: url(../images/xc_bg.jpg) no-repeat center; }
.xc .content{ position: relative;}
.xc h2{ font-size: ; display: block;font-size: 28px; line-height: 28px; color: #332c2b; padding-top: 180px; padding-left: 60px; }
.xc h2 b{ color: #d01e25;} 
.xc dt img{ display: block; width: 793px; height: 446px; margin-top: -25px;} 
.xc dd{ width: 310px; margin-left: 60px; font-size:14px ; color: #7d7d7d; line-height:28px ;padding-top: 36px;}
.xc_t { position: absolute; top:250px ; left: 407px;}
.xc_t li{ width: 145px; height: 45px; color: #1b1b1b; line-height: 45px; font-size: 20px; text-align: center; background: rgba(255,255,255,0.8); margin-bottom: 2px; position: relative;}
.xc_t li:hover:after,.xc_t  li.cur:after{ position: absolute;width: 12px;height:14px; content: "";left:0;margin-left: -12px;top: 16px;background:url(../images/san.png) no-repeat ;}
.xc_t li:hover,.xc_t li.cur{ background: #e62129; color: #fff;}
.news{height: 710px; background: #eeeeee;}
.news .tit i{ padding-bottom: 50px;}
.dongt{float:left;width:549px;}
.dongt .bt{height:40px;line-height: 40px;font-size:20px;border-bottom:1px solid #a0a0a0;}
.dongt .bt a {color: #313131;}
.dongt .bt img {vertical-align: middle;padding-left:8px;}
.dongt dl{height: 140px;overflow: hidden;padding-top:40px;}
.dongt dt{font-size:0;line-height: 0;float:left;width:264px;overflow:hidden;}
.dongt dt img {width:264px;height: 132px;transition:all 0.5s;}
.dongt dl:hover dt img{transform:scale(1.1);}
.dongt dd {float:right;width:260px;}
.dongt dd h4 a {display: block;height: 26px;font-size:16px;color: #1b1b1b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.dongt dd p {font-size:14px;color: #7d7d7d;line-height: 24px;height: 84px;}
.dongt dd em a{display:block;width:19px;height:19px;background:url(../images/new_ic3h.png) no-repeat;}
.dongt dl:hover dd em a{background:url(../images/new_ic3.png) no-repeat;}
.dongt ul{height: 140px;padding:20px 40px 0 30px;margin-top:30px; background: #fff;}
.dongt li {padding-left:14px;height: 30px;line-height: 30px;background: url(../images/yuan.png) no-repeat left center;font-size:14px;color: #434343;}
.dongt li:hover{background: url(../images/yuanh.png) no-repeat left center;}
.dongt li a{font-size:14px;color: #1b1b1b;}
.dongt li:hover a{color:#e62129;}
.dongt li span {float:right;}

.went{float:right;width:549px;}
.went .bt{height:40px;line-height: 40px;font-size:20px;border-bottom:1px solid #a0a0a0;}
.went .bt a {color: #313131;}
.went .bt img {vertical-align: middle;padding-left:8px;}
.went dl{height: 80px;overflow: hidden;padding-top:44px;}
.went dt {float:left;font-size:0;line-height: 0;width:160px;overflow:hidden;}
.went dt img {width:160px;height: 80px;transition:all 0.5s;}
.went dl:hover dt img{transform:scale(1.1);}
.went dd {float:right;width:366px;}
.went dd h4 a{display: block;height:28px;line-height: 28px;font-size:16px;color: #1b1b1b;font-weight: bold;}
.went dd p {font-size:14px;color: #7d7d7d;line-height: 22px;padding-top:5px;}

.abt{height: 640px; background: url(../images/abt_bg.jpg) no-repeat center;}
.abt .tit span{ color: #fff; padding-top: 60px;}
.abt .tit i{ color: #332c2b; padding-bottom: 20px;}
.abt .content{ position: relative;}
.abt_s{ width: 957px; height: 304px; position: absolute; top: 169px; left: 121px; display: block; background: url(../images/abt_ic.jpg) no-repeat center;}
.abt_s p{ font-size: 14px ; line-height: 28px; color: #fff; width: 750px; margin:0 auto;}
.abt_s .more{ margin: 10px auto 0; display: block; width:102px ; height:34px ;line-height: 34px;  color: #ffffff; text-align: center; font-size: 14px; border: 1px solid #fff;}
.abt_s .more:hover{ background: #fff; color: #e62129;}