@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;font-weight: normal;font-size: 0;line-height: 0;}
.tit b{display: block;font-size: 40px;color: #333;line-height: 40px;padding-bottom: 18px;}
.tit i{display: inline-block;font-size: 20px;color: #666;line-height: 20px;position: relative;}
.tit i:before{position: absolute;width: 231px;height: 3px;content: "";background: url(../images/tit1.png) no-repeat;left: -242px;top: 9px;}
.tit i:after{position: absolute;width: 231px;height: 3px;content: "";background: url(../images/tit2.png) no-repeat;right: -242px;top: 9px;}
.tit em{color: #0076d2;}

/*banner*/
.banner{height: 652px;overflow: hidden;}
.banner .bd li{height: 652px;background: url(../images/banner.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 652px;}
/*search*/
.search{height: 72px;box-shadow:0px 3px 35px 0px rgba(0, 0, 0, 0.1);}
.search p{float: left;height: 72px;line-height: 72px;font-size: 14px;color: #ababab;padding-left: 30px;background: url(../images/sou_ic.png) no-repeat left center;}
.search p a{margin-right:20px;color: #ababab;}
.search p a:hover{color: #0076d2;}
.s_box{float: right;margin-top: 13px;}
.s_box .input1{float:left;width:275px;padding-left: 30px;height:44px;line-height: 44px;font-size:14px;color:#333;border:1px solid #c1c1c1;border-right: 0;border-radius:22px 0 0 22px;background: none;outline: 0;}
.s_box .input2{float: left;width:52px;height: 46px;border: 0;background: url(../images/sou.png) no-repeat center #0076d2;outline: 0;cursor: pointer;border-radius:0 22px 22px 0;}

/*pro*/
.pro{padding: 65px 0 30px;}
.pro h2{margin-bottom: 70px;}
.pro li{float: left;width: 236px;margin-right: 5px;position: relative;}
.pro li:after{position: absolute;border-left: 1px dashed #eee;height: 176px;content: "";right: -3px;top: 20px;}
.pro li:last-child{margin-right: 0;overflow: hidden;}
.pro li h3{padding-left: 35px;margin-left: 44px;height: 26px;line-height: 26px;font-size: 18px;margin-bottom: 26px;}
.pro li p{margin-left: 78px;height: 152px;}
.pro li p span{display:block;height:96px;}
.pro li p a{display: block;font-size: 16px;color: #666;height: 32px;line-height: 32px;padding-left: 22px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro li p a:after{position: absolute;width: 12px;height: 12px;border: 2px solid #eee;content: "";border-radius: 100%;box-sizing: border-box;left: 0;top: 10px;}
.pro li p a:hover,.pro li h3:hover a{color: #F3832D;}
.pro li p a:hover:after{border-color: #F3832D;}
.pro li p a.more{display: block;width: 66px;height: 30px;line-height: 30px;color: #fff;background: #fd6807;margin-top: 12px;}
.pro li p a.more:after{display: none;}
.pro li p a.more:hover{color: #fff;}
.pro li i{display: block;height: 242px;overflow: hidden;}
.pro li img{width: 236px;height: 242px;transition: all 0.5s;}
.pro li i:hover img{transform: scale(1.05);}
.pro li:nth-child(1) h3{background: url(../images/pro_ic1.png) no-repeat left 0;}
.pro li:nth-child(2) h3{background: url(../images/pro_ic2.png) no-repeat left 0;}
.pro li:nth-child(3) h3{background: url(../images/pro_ic3.png) no-repeat left 0;}
.pro li:nth-child(4) h3{background: url(../images/pro_ic4.png) no-repeat left 0;}
.pro li:nth-child(5) h3{background: url(../images/pro_ic5.png) no-repeat left 0;}
.pro li h3:hover{background-position: 0 -26px;}
.pro_p{margin-top: 15px;height: 304px;}
.pro_p dl{float: left;width: 597px;height: 304px;position: relative;overflow: hidden;}
.pro_p dl:nth-child(2){float: right;}
.pro_p dd{position: absolute;left: 40px;top: 64px;}
.pro_p dd h3{font-size: 30px;line-height: 30px;color: #fff;margin-bottom: 8px;}
.pro_p dd i{display: block;height: 90px;}
.pro_p dd p{font-size: 14px;color: #999;line-height: 40px;text-align: center;width: 245px;}
.pro_p dd p span{margin: 0 20px;}
.pro_p dd .p1{border-top: 1px solid rgba(255,255,255,0.24);position: relative;letter-spacing: 2px;}
.pro_p dd .p1:after{position: absolute;width: 26px;height: 3px;content: "";background: rgba(255,255,255,0.24);left: 50%;top: -2px;margin-left: -13px;}

/*muju*/
.muju{padding: 53px 0 0;height: 890px;background: url(../images/pro_bg.jpg) no-repeat center 0;}
.muju h2{margin-bottom: 34px;}
.muju_ctg{margin-bottom: 20px;}
.muju_ctg li{float: left;width: 240px;height: 60px;line-height: 58px;border: 1px solid #c8c8c8;box-sizing: border-box;background: #fff;margin-bottom: -1px;margin-right: -1px;}
.muju_ctg li a{display: block;font-size: 16px;color: #666;}
.muju_ctg li i{display: inline-block;width: 90px;height: 58px;vertical-align: top;margin-right: 8px;}
.muju_ctg li .i1{background: url(../images/muju_ic1.png) no-repeat right center;}
.muju_ctg li .i2{background: url(../images/muju_ic2.png) no-repeat right center;}
.muju_ctg li .i3{background: url(../images/muju_ic3.png) no-repeat right center;}
.muju_ctg li .i4{background: url(../images/muju_ic4.png) no-repeat right center;}
.muju_ctg li .i5{background: url(../images/muju_ic5.png) no-repeat right center;}
.muju_ctg li .i6{background: url(../images/muju_ic6.png) no-repeat right center;}
.muju_ctg li .i7{background: url(../images/muju_ic7.png) no-repeat right center;}
.muju_ctg li .i8{background: url(../images/muju_ic8.png) no-repeat right center;}
.muju_ctg li .i9{background: url(../images/muju_ic9.png) no-repeat right center;}
.muju_ctg li .i10{background: url(../images/muju_ic10.png) no-repeat right center;}
.muju_ctg li:hover{background: #fd6807;border-color: #fd6807;position: relative;z-index: 1;}
.muju_ctg li:hover a{color: #fff;}
.muju_ctg li:hover .i1{background: url(../images/muju_ic1h.png) no-repeat right center;}
.muju_ctg li:hover .i2{background: url(../images/muju_ic2h.png) no-repeat right center;}
.muju_ctg li:hover .i3{background: url(../images/muju_ic3h.png) no-repeat right center;}
.muju_ctg li:hover .i4{background: url(../images/muju_ic4h.png) no-repeat right center;}
.muju_ctg li:hover .i5{background: url(../images/muju_ic5h.png) no-repeat right center;}
.muju_ctg li:hover .i6{background: url(../images/muju_ic6h.png) no-repeat right center;}
.muju_ctg li:hover .i7{background: url(../images/muju_ic7h.png) no-repeat right center;}
.muju_ctg li:hover .i8{background: url(../images/muju_ic8h.png) no-repeat right center;}
.muju_ctg li:hover .i9{background: url(../images/muju_ic9h.png) no-repeat right center;}
.muju_ctg li:hover .i10{background: url(../images/muju_ic10h.png) no-repeat right center;}
.muju_list li{float: left;width: 278px;height: 278px;position: relative;border: 1px solid #bfbfbf;overflow: hidden;margin-left: 22px;margin-bottom: 24px;}
.muju_list li img{display: block;width: 278px;height: 278px;transition: all 0.5s;}
.muju_list li span{position: absolute;left: 0;bottom: 0;font-size: 18px;color: #fff;line-height: 28px;text-align: center;width: 100%;

padding: 5px 20px;background: #0075d2;box-sizing: border-box;}
/*.muju_list li span i{display: inline-block;padding-left: 20px;position: relative;}*/

.muju_list li:hover img{transform: scale(1.05);}
.muju_list li em{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/muju_s.png) no-repeat center rgba(253,104,7,0.7);opacity: 0;transform: scale(0);transition: all 0.5s;}
.muju_list li:hover em{opacity: 1;transform: scale(1);}
.muju_list li:first-child{width: 585px;height: 585px;margin-left: 0;}
.muju_list li:first-child img{display: block;width: 585px;height: 585px;transition: all 0.5s;}
.muju_list li:first-child span{padding:0 20px;height:50px;line-height:50px;}
/*.muju_list li:first-child:hover span{color: #fd6807;}*/
/*.muju_list li:first-child:hover span i:after{border-color: #fd6807;}*/

/*ser*/
.ser{padding: 70px 0 40px;}
.ser h2{margin-bottom: 34px;}
.ser_con dl{width: 784px;margin-bottom: 10px;}
.ser_con dt img{display: block;width: 784px;height: 440px;}
.ser_con dd{height: 90px;background: #fff;padding: 0 20px; transition: 0.5s;width: 100%;left: 0;bottom: 0;box-sizing: border-box;display: none;}
.ser_con dd h3{float: left;width: 121px;height: 70px;line-height: 70px;font-size: 14px;color: #fff;padding: 0 8px;background: url(../images/ser_jt.png) no-repeat;margin-top: 10px;box-sizing:border-box;}
.ser_con dd h3 i{font-size: 30px;font-family: Arial;vertical-align: top;margin-left: 5px;font-weight:normal;}
.ser_con dd b{float: left;font-size: 26px;color: #333;line-height: 90px;padding: 0 20px;}
.ser_con dd p{float: left;font-size: 16px;color: #333;line-height: 90px;}
.ser_con dl.swiper-slide-active{box-shadow:2px 2px 8px 2px rgba(102,102,102,0.61);}
.ser_con dl.swiper-slide-active dd{display: block;}


/*ys*/
.ys{padding: 60px 0 0;}
.ys h2{margin-bottom: 36px;}
.ys ul{height: 46px;}
.ys li{float: left;width: 25%;height: 30px;font-size: 0;line-height: 0;text-align: center;}
.ys li i{display: inline-block;width: 30px;height: 30px;overflow: hidden;vertical-align: top;margin-right: 12px;}
.ys li b{display: inline-block;height: 30px;line-height: 30px;font-size: 24px;color: #333;position: relative;vertical-align: top;}
.ys li i img{transition: all 0.5s;}
.ys li.cur i img{transform: translateY(-30px);}
.ys li.cur b:after{position: absolute;width: 100%;height: 10px;content: "";background: #0076d2;left: 0;bottom: 0;z-index: -1;}
.ys_con{height: 554px;}
.ys_con dl{width: 1200px;height: 554px;position: relative;margin-right: 10px;}
.ys_con dt img{display: block;width: 1200px;height: 554px;}
.ys_con dd{position: absolute;width: 430px;padding-left: 40px;height: 370px;left: 0;top: 106px;background: rgba(255,255,255,0.9);}
.ys_con dd h3{font-size: 36px;color: #333;line-height: 36px;height: 55px;background: url(../images/ys_t.png) no-repeat left bottom;margin: 105px 0 30px;}
.ys_con dd h3 em{color: #f06800;}
.ys_con dd p{font-size: 16px;color: #333;line-height: 36px;padding-left: 20px;background: url(../images/ys_dian.png) no-repeat left 13px;margin-left: -16px;padding-right: 20px;}
.ys_con .tempWrap{margin-left: -1210px;}

/*honor*/
.honor{padding: 90px 0 80px;}
.honor h2{margin-bottom: 54px;text-align: center;height: 34px;position: relative;}
.honor h2 b{display: inline-block;font-size: 34px;color: #333;line-height: 34px;padding: 0 25px;background: #fff;}
.honor h2:after{position: absolute;width: 100%;left: 0;top: 17px;height: 1px;background: #ececec;content: "";z-index: -1;}
.honor h2 em{color: #0076d2;}
.mana{height: 170px;margin-bottom: 22px;}
.mana h3{float: left;width: 235px;height: 155px;line-height: 155px;padding-top: 15px;text-align: center;background: url(../images/mana_t.jpg) no-repeat;font-size: 22px;color: #fff;}
.mana ul{float: right;width: 965px;height: 170px;background: #f5f5f5;}
.mana li{float: left;width: 20%;border-left: 2px solid #fff;height: 170px;box-sizing: border-box;}
.mana li img{display: block;margin: 27px auto 15px;transition: all 0.5s;}
.mana li p{font-size: 14px;color: #333;text-align: center;line-height: 14px;font-weight: bold;}
.mana li:hover img{transform: rotateY(180deg);}
.mana li:hover p{color: #0076d2;}
.hn_list{position: relative;}
.hn_list li{float: left;width: 220px;margin-right: 25px;}
.hn_list li img{display: block;width: 220px;height: 287px;}
.hn_list li span{display: block;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 14px;}
.hn_list li:hover span{color: #f06800;}
.hn_list .prev{position: absolute;width: 17px;height: 32px;background: url(../images/hn_lt.png) no-repeat;left: -40px;top: 156px;}
.hn_list .next{position: absolute;width: 17px;height: 32px;background: url(../images/hn_rt.png) no-repeat;right: -40px;top: 156px;}
.hn_list .prev:hover{background: url(../images/hn_lt2.png) no-repeat;}
.hn_list .next:hover{background: url(../images/hn_rt2.png) no-repeat;}
.hn_list .tempWrap{width: 100% !important;}

/*news*/
.news{padding: 60px 0 50px;background: #f5f5f5;}
.news h2{margin-bottom: 70px;font-size: 40px;color: #333;line-height: 40px;text-align: center;}
.news-l{float: left;width: 325px;position: relative;}
.news-l h4{height: 140px;background: #0076d2;padding-top: 36px;padding-left: 28px;box-sizing: border-box;}
.news-l h4 p a{font-size: 18px;color: #fff;}
.news-l h4 i{font-size: 18px;font-family: arial;line-height: 16px;font-weight: normal;margin-top: 16px;display: block;color: #F0F0F0;}
.news-l em{width: 324px;height: 182px;overflow: hidden;}
.news-l em img{width: 325px;height: 184px;}
.news-l span{font-size: 14px;line-height: 24px;color: #5C5C5C;padding: 27px 0 0;display: block;}
.news-l span a{display: block;color: #5C5C5C;}
.news-l .prev{position: absolute;width: 16px;height: 31px;display: block;top: 91px;right: 69px;cursor: pointer;z-index: 1;}
.news-l .next{position: absolute;width: 16px;height: 31px;display: block;top: 91px;right: 30px;cursor: pointer;z-index: 1;}

.news-r{width: 830px;float: right;padding-top: 10px;}
.news-r-t{border-left: 3px solid #0076d2;}
.news-r-t h3{float: left;font-size: 18px;line-height: 18px;font-weight: normal;padding-left: 12px;}
.news-r-t h3 a{margin-right: 58px;position: relative;}
.news-r-t h3 a:first-child:after{background: url(../images/new-line.png) no-repeat;width: 1px;height: 22px;content: "";display: block;position: absolute;right: -27px;top: 0;}
.news-r-t h3 a.cur{font-weight: bold;color:#0076d2;}
.news-r-t p{float: right;line-height: 18px;font-size: 14px;}
.news-r-t p a{color: #0076d2;text-decoration: underline;display: none;}
.news-r-c{margin-top: 30px;}
.news-r-c dl{margin-bottom: 26px;}
.news-r-c dt{height: 110px;border-bottom: 1px solid #dddde1;float: left;width: 680px;box-sizing: border-box;padding-top: 13px;}
.news-r-c dt h4 a{font-size: 16px;line-height: 16px;color: #282828;display: block;margin-bottom: 13px;}
.news-r-c dt p{font-size: 14px;line-height: 22px;color: #666;padding-right:20px;}
.news-r-c dd{width: 150px;height: 110px;background: #dedde2;text-align: center;float: right;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;color: #5C5C5C;padding-top: 27px;box-sizing: border-box;}
.news-r-c dd em{font-size: 48px;display: block;line-height: 80%;font-weight: bold;}
.news-r-c dd i{display: block;font-size: 16px;line-height: 80%;margin-top: 7px;}







/*abt*/
.abt{padding: 80px 0 20px;}
.abt dl{height: 600px;}
.abt dt{float: right;width: 950px;height: 570px;position: relative;margin-right: -360px;}
.abt dt:after{position: absolute;width: 980px;height: 68px;right: 0;bottom: -30px;content: "";background: #0076d2;z-index: -1;}
.abt dt em{display: block;font-size: 120px;color: #333;opacity: 0.06;line-height: 120px;height: 130px;font-family: "Impact";}
.abt dt em i{font-size: 150px;}
.abt dd{float: left;width: 580px;height: 584px;background: url(../images/abt_dian.png) no-repeat left bottom;}
.abt dd h2{font-size: 40px;color: #333;line-height: 40px;margin: 50px 0;height: 95px;position: relative;}
.abt dd h2 em{color: #0076d2;}
.abt dd h2:after{position: absolute;width: 30px;height: 3px;background: #0076d2;content: "";left: 5px;bottom: 0;}
.abt dd p{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 30px;}
.album h3{margin: 54px 0 40px;height: 53px;text-align: center;font-size: 0;line-height: 0;position: relative;}
.album h3:before{position: absolute;width: 166px;height: 1px;background: #eee;content: "";left: 0;top: 26px;}
.album h3:after{position: absolute;width: 166px;height: 1px;background: #eee;content: "";right: 0;top: 26px;}
.album h3 a{display: inline-block;height: 53px;line-height: 53px;font-size: 18px;color: #333;margin: 0 45px;}
.album h3 a img{margin-right: 6px;vertical-align: top;}
.album h3 a.on{color: #f06800;}
.album li{float: left;width: 230px;margin-right: 12px;}
.album li img{display:block;width:100%;}
.album li span{display: block;font-size: 14px;color: #333;height: 50px;line-height: 50px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.album_bd{}
.album_bd .tempWrap{width: 100% !important;}