@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:1348px; margin:0 auto;font-family: "Microsoft Yahei";}
.links{display:block!important;}

.tit{text-align: center;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 18px;color: #000000;line-height: 18px;opacity: 0.8;}

.tit i{display:block;font-size: 40px;color: #000000;line-height: 40px;padding-top: 14px;font-family: 思源黑体 CN;}

.pro_t{ height: 106px;border-bottom: 1px solid #d1d1d1;margin-top: -32px;position: relative;z-index: 100;background: #fff;}
.pro_t h2 a{ display: block;float: left;width:180px;line-height: 106px;text-align: left;padding-left: 156px;position: relative;height: 106px;}
.pro_t h2 a:before{position: absolute;left:50% ;bottom: 0px;height: 5px;width: 12px;background: url(../images/san.png) no-repeat center;content: "";margin-left: -6px;display: none;}
.pro_t h2 a:after{position: absolute;right:0 ;top: 40px;height: 28px;width: 1px;background: #d6d6d6;content: "";}
.pro_t h2:last-child a:after{ background: 0;}
.pro_t h2:nth-child(1) a{background: url(../images/pro_ic1.png) no-repeat 110px 33px; }
.pro_t h2:nth-child(2) a{background: url(../images/pro_ic2.png) no-repeat 110px 33px; }
.pro_t h2:nth-child(3) a{background: url(../images/pro_ic3.jpg) no-repeat 110px 33px; }
.pro_t h2:nth-child(4) a{background: url(../images/pro_ic4.png) no-repeat 110px 33px; }
.pro_t .cur a,.pro_t h2:hover a{ border-bottom: 3px solid #be263a;line-height:105px;height: 105px;}
.pro_t .cur a:before,.pro_t h2:hover a:before{ display: block;}
.pro_con li{position: relative;float: left;width: 25%;overflow: hidden;}
.pro_con li i{ display: block;width: 350px;height: 350px;overflow: hidden;}
.pro_con li i>img{ display: block;width: 350px;height: 350px;transition:all 0.5s;}
.pro_con li:hover i>img{ transform:scale(1.08);}
.pro_con li span{position:absolute;left:0;bottom:0;width:100%;height:0;overflow:hidden;background:rgba(190,38,58,0.9);transition:all 0.5s;font-size:16px;color:#fff;text-align:center;}
.pro_con li span>img{ display:block;width:37px;height:37px;margin:0 auto;padding-top:138px;padding-bottom:16px;}
.pro_con li:hover span{ height:100%;}
.pro_con li h4{ display: block;width: 100%;position: absolute;left: 0;bottom: 35px;font-size:16px ;line-height: 16px;color: #343434;text-align: center;font-weight: normal;}
/*.pro_con li a>div{position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background: rgba(190,38,58,0.95);transition:all 0.3s;}
.pro_con li div>img{display: block;width: 37px;height: 37px;margin: 0 auto;padding-top: 139px;}
.pro_con li a>div span{ display: block;font-size: 16px;color: #fff;line-height:30px ;text-align: center;}
.pro_con li:hover a div{ height: 312px;}
.pro_con li:hover a h4{ display: none;*/


.pz{ height: 778px;background: url(../images/pz_bg.jpg) no-repeat center;}
.pz .tit{ text-align: left;}
.pz_con { padding-top:180px ;float: right;width: 660px;}
.pz_con p{font-size: 15px;line-height: 24px;color: #333;opacity: 0.8;padding-top: 32px;}
.pz_con ul{ margin-top: 85px;}
.pz_con li{ float: left;font-weight: bold;height: 114px;transition: all 0.3s;}
.pz_con li:hover{ -webkit-transform: translate(0,-8px);transform: translate(0,-8px);}
.pz_con li:nth-child(1),.pz_con li:nth-child(4){ width: 230px;}
.pz_con li:nth-child(2),.pz_con li:nth-child(5){ width: 265px;}
.pz_con li:nth-child(3n){width: 165px;}
.pz_con li b{ display: inline-block; font-size: 36px; line-height: 36px; color: #be273a; font-family: "思源黑体 CN";font-weight:800;}
.pz_con li span{ display: block;font-size: 16px; line-height:16px; color: #585858; margin-top: 10px;font-family: "思源黑体 CN";font-weight: normal;}


.ys{padding-top: 80px;}
.ys .con{margin-top: 77px;position: relative;}
.ys .ys_s{width: 100%!important;height:100%!important}
.ys dl{width: 100%!important;position: relative!important;}
.ys dl dt{width: 100%;display: block;}
.ys dl dt img{display: block;width: 100%;}
.ys dl dd{position: absolute;left:50%;top: 22%;width: 500px;margin-left: -250px;}
.ys dl dd h3{font-size:74px;line-height:74px ;display: block;color: #fff;font-family: 思源黑体 CN;}
.ys dl dd h3 img{width: 72px;height: 72px;vertical-align: text-bottom;margin:0 30px 0 0;}
.ys dl dd ul{ margin-top:15%;margin-left: 102px;}
.ys dl dd li{ float: left;font-size: 48px; line-height: 48px; color: #fff; font-weight: bold;margin-right: 95px;}
.ys dl dd li:last-child{margin-right: 0;}
.ys dl dd li b{ display: inline-block; font-size: 56px; line-height: 56px; color: #fff; font-family: "思源黑体 CN";letter-spacing:-2px;}
.ys dl dd li i{ display: inline-block; line-height: 24px; font-size:24px ; color: #fff;vertical-align: middle;font-weight: bold;margin-left: 4px;font-family: "思源黑体 CN";}
.ys dl dd li span{ display: block;font-size: 18px; line-height:18px; color: #fff; margin-top: 10px;font-family: "思源黑体 CN";font-weight: normal;}
.ys .dprev{ position:absolute; left:5%; top:49%; width:145px;height:22px; background:url(../images/dprev.png) no-repeat;z-index: 100;}
.ys .dnext{ position:absolute; right:5%; top:49%;  width:145px;height:22px; background:url(../images/dnext.png) no-repeat;z-index: 100;}



.fw_con{padding-top: 115px;height: 815px;background: #f4f4f4;}
.fw_s{ margin-top: 142px;}
.fw_s dt{ width: 950px;height: 600px;display: block;}
.fw_s dt img{ width: 950px;height: 600px;display: block;}
.fw_s dd{float: left;width: 376px; padding-left: 20px;}
.fw_s dd h3{ display: block;font-size:48px ;color: #333333;line-height: 48px;padding-top: 75px;font-family: "思源黑体 CN";}
.fw_s dd p{ font-size:18px ;color:#333333 ;line-height:40px ;padding-top:40px ;padding-left: 30px;background: url(../images/fw_y.png) no-repeat 0 52px;font-family: "思源黑体 CN";}
.fw_t li{ float: left;width: 224px;}
.fw_t li.cur{ border-top: 2px solid #be263a;box-sizing: border-box;}
.fw_t li img{ display: block;width: 72px;height: 60px;margin: 0 auto;padding-top: 58px;transition:all 0.5s;}
.fw_t li span{display: block;width: 100%;font-size:20px;line-height:20px ;color: #333333;text-align: center;font-family: "思源黑体 CN";padding-top: 15px;}
.fw_t li:hover img{    animation-duration: 3s;animation-name: flipInY;}

.news{padding-top: 394px;height: 800px;}
.news_con{ margin-top: 50px;}
.news_con dl{ float: left;width: 409px;margin-right: 65px;}
.news_con dt{ display: block;width: 409px;height: 252px;overflow: hidden;}
.news_con dt img{ display: block;width: 409px;height: 252px;transition:all 0.5s;}
.news_con dl:hover dt img{transform:scale(1.08);}
.news_con dd h3 a{ display: block;height: 85px;line-height: 85px;font-weight: normal;border-bottom: 1px solid #dfdfdf;font-size: 20px;color: #000000;}
.news_con dd p{ display: block;line-height: 24px;font-weight: normal;font-size: 15px;color: #333333;padding-top: 22px;}
.news_con dd .more{ width: 135px;height:42px ;line-height: 42px;display: block;padding-left: 45px;color: #000000;margin-top: 28px;font-size: 14px;font-family: "思源黑体 CN";border: 1px solid #666666;}
.news_con dd .more img{ width: 15px;height: 15px;margin-left:10px ;}
.news_con dd .more:hover{ -webkit-animation: shake 1.5s linear;
    animation: shake 1.5s linear;}
.news_con dl:hover h3 a{ color: #be263a;}

.news_t{width: 100%;height: 16px;text-align: center;margin-top: 52px;}
.news_t li{display: inline-block;width: 16px;height: 16px;margin:0 17px;border-radius: 8px;border: 1px solid #393939;box-sizing: border-box;}
.news_t li.on{background: #be263a;border: 0;}

.abt{background: url(../images/abt_bg.jpg) no-repeat center ;height: 756px;}
.abt dl{ padding-top: 180px;height: 452px; box-sizing:border-box;}
.abt dt{ float: right;display: block;width: 672px;height: 452px;overflow: hidden;}
.abt dt img{display: block;width: 672px;height: 453px;transition:all 0.5s; }
.abt dt:hover img{ transform:scale(1.08);}
.abt dd{ float: left;width: 374px;}
.abt .tit{ text-align: left;padding-top: 44px;position: relative;}
.abt .tit:after{ left: 0;top: 178px;width: 178px;height: 1px;background: #000000;content: "";position: absolute;}
.abt dd p{ font-size:15px ;line-height:28px ;padding-top:90px ;color: #333333;width: 575px;letter-spacing: 1px;}
.abt dd .more{ width: 135px;height:52px ;line-height: 52px;display: block;padding-left: 45px;background: #333333;color: #fff;margin-top: 48px;font-size: 14px;font-family: "思源黑体 CN";}
.abt dd .more img{ width: 27px;height: 13px;margin-left:10px ;}
.abt dd .more:hover{ -webkit-animation: shake 1.5s linear;
    animation: shake 1.5s linear;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}