@charset "utf-8";
/*end*/
body{overflow-x:hidden;}
/**/
/**/
h2{ text-align: center; font-weight: normal; line-height: 100%; font-size: 50px; color: #333; margin-bottom: 25px; background:url(../images/zj_h.png) no-repeat center 62px;}
h2 span{ display:block; font-size: 18px; color: #666666; padding-top: 42px; line-height: 100%;}
/**/
.seach{height: 80px; overflow: hidden; margin-bottom: 68px;}
.seach p{ float: left; width: 786px; line-height: 80px; font-size: 16px; color: #333;}
.seach p a{ display: inline-block; color: #333; padding: 0 6px;}
.seach p a:hover{text-decoration: underline;}
.seach em{ display: inline-block; float: right; margin-top: 20px; width: 300px; height: 40px; overflow: hidden;}
.seach em input{ display: inline-block; float: left; height: 40px; line-height: 40px; border-radius: 40px; background: none; padding-left: 20px; width: 231px; font-size: 14px; color: #666; outline: none;}
.seach em button{ display: inline-block; height: 40px; float: right; width: 49px; cursor: pointer; background: none; border: none; outline: none;}
    /* 60*/
.yzbj{height:430px;background:url(../images/yzbj.jpg) no-repeat  center 0; overflow: hidden; height: 400px;}
.yzbj ul li{ overflow: hidden; padding-top: 112px; padding-left: 60px; width: 239px; float: left; font-size: 18px; color: #666;}
.yzbj ul li i{ display: block; font-size:29px; color: #333;font-weight: bold; line-height: 100%; padding: 13px 0 55px 0;background:url(../images/yzt.jpg) no-repeat 0 70px;}
    /**/
.pro{ overflow: hidden;background:url(../images/pro.jpg) no-repeat  center 0;  height: 1380px; overflow: hidden; margin-bottom: 102px; padding-top: 91px; box-sizing: border-box;}
.pro h2{ margin-bottom: 142px;}
.pro_l{ overflow: hidden; padding-left: 50px; float: left;width: 650px;}
.pro_l h3{ height: 88px;}
.pro_l h3 i{ display: block; padding-left: 10px; line-height: 100%; border-left: 3px solid #fcc900; font-size: 34px; color: #333;}
.pro_l h3 i span{font-weight: bold;}
.pro_l h3 em{ display:block; color: #888888; font-size: 18px; font-family: Arial; padding: 10px 0 0 14px; line-height: 100%;}
.pro_l h4{ height: 130px;font-weight: normal; padding-right:110px;}
.pro_l h4 a{ display:inline-block; margin: 0 10px 10px 0; line-height: 28px; text-align: center; padding: 0 22px; border: 1px solid #ccc; text-transform: uppercase;}
.pro_l h4 a:hover,.pro_l h4 a:last-child{ background: #fcc900; border: 1px solid #fcc900; color: #222; font-size: 16px;}
.pro_l ul{ overflow: hidden;}
.pro_l ul li{ width: 300px; height: 400px; overflow: hidden; float: left; margin: 0 20px 20px 0; position: relative;}
.pro_l ul li i{ display: block; height: 80px; line-height: 80px; text-align: center; overflow: hidden; width: 100%;background:url(../images/span.png) repeat; z-index: 66; position: absolute; left: 0;bottom: 0; font-size: 18px; color: #fff;}

.pro_r{ float: right; overflow: hidden; margin-top: 68px; margin-right: 50px; width: 450px;}
.pro_r dl dt{ overflow: hidden; font-size: 0; line-height: 0;}
.pro_r dl dd{ padding: 30px 30px 0 30px;}
.pro_r dl dd h3{ font-weight: normal; font-size: 24px;}
.pro_r dl dd h3 a{ color: #333; font-size: 24px; line-height: 100%; display: inline-block; padding-right: 25px;background:url(../images/pr_i.png) no-repeat right 4px;}
.pro_r dl dd p{ font-size: 12px; color: #666; line-height: 25px; line-height: 26px; padding-top: 9px; height: 87px;}
.pro_r dl dd em{ display: block;background:url(../images/btn.png) no-repeat;width: 120px; height: 35px;}
.pro_r dl dd em a{ display: block; line-height: 35px; padding-left: 18px; color: #262626; font-size: 14px;}
    /**/
.pro2{ overflow: hidden; height: 1081px; position: relative;}
.pro2 h2{text-align:center; font-weight: bold; font-size: 34px; background: none; margin-bottom: 0;}
.pro2 h2 em{ display: block; font-weight: normal; font-size: 18px; color: #888888; font-family:Arial; line-height: 100%; padding: 13px 0 29px 0;}
.pro2 h2 b{font-weight: normal;}
.pro2 h4{ text-align: center; font-weight: normal; height: 70px;}
.pro2 h4 a{ display:inline-block; margin: 0 10px 10px 0; line-height: 28px; text-align: center; padding: 0 22px; border: 1px solid #ccc; text-transform: uppercase; font-size: 16px;}
.pro2 h4 a:hover,.pro2 h4 a:last-child{ background: #fcc900; border: 1px solid #fcc900; color: #222;}

.pro2 ul{ overflow: hidden; margin: 0 50px;}
.pro2 ul li{ width: 300px; height: 400px; overflow: hidden; float: left; margin: 0 0 20px 0; position: relative;}
.pro2 ul li:nth-child(2n){ margin-left: 500px; margin-right: 0;}
.pro2 ul li i{ display: block; height: 80px; line-height: 80px; text-align: center; overflow: hidden; width: 100%;background:url(../images/span.png) repeat; z-index: 66; position: absolute; left: 0;bottom: 0; font-size: 18px; color: #fff;}

.pro2 dl{ position: absolute; left: 375px; top: 164px; width: 450px;}
.pro2 dl dt{ overflow: hidden; font-size: 0; line-height: 0;}
.pro2 dl dd{ padding: 30px 30px 0 30px;}
.pro2 dl dd h3{ font-weight: normal; font-size: 24px;}
.pro2 dl dd h3 a{ color: #333; font-size: 24px; line-height: 100%; display: inline-block; padding-right: 25px;background:url(../images/pr_i.png) no-repeat right 4px;}
.pro2 dl dd p{ font-size: 12px; color: #666; line-height: 25px; line-height: 26px; padding-top: 9px; height: 87px;}
.pro2 dl dd em{ display: block;background:url(../images/btn.png) no-repeat;width: 120px; height: 35px;}
.pro2 dl dd em a{ display: block; line-height: 35px; padding-left: 18px; color: #262626; font-size: 14px;}

.pro3{background:url(../images/pro3.jpg) no-repeat  center 0;  height: 1120px; overflow: hidden;}    /**/
.pro3  .pro_l{ float: right; margin-right: 50px; padding-left: 0;}
.pro3 h3{ text-align: right;}
.pro3 .pro_l h3 i{    border-right: 3px solid #fcc900; padding-right: 10px; border-left: none;}
.pro3 .pro_l h4{ padding-right: 0; padding-left: 154px; text-align: right; margin-right: -10px}
.pro3  .pro_r{ margin-left: 50px; margin-right: 0;}
.pro3 .pro_l ul{ float: right;    padding-left: 40px;}
.pro3 .pro_l ul li{ margin: 0 0 10px 10px;}
.pro3 .pro_l ul li:nth-child(1),.pro3 .pro_l ul li:nth-child(3){ margin-left: 0;}
/**/
.bzi{ height: 779px; position: relative;}
.bzi h2{text-align: center; font-size: 46px; color: #333; letter-spacing:2px; height: 100px;}
.bzi h2 span{ font-size: 39px; padding: 0 13px;}
.bzi ul{ overflow: hidden;}
.bzi ul li{ float: left; width: 590px; height: 300px; box-sizing: border-box; margin-bottom: 20px; padding: 65px 49px 0;}
.bzi ul li:nth-of-type(2n){ float: right;}
.bzi ul li i{ display: block;font-weight: bold; font-size: 22px; color: #333; font-weight: bold;}
.bzi ul li i span{ display: block; font-weight: normal; font-family: Impact; font-size: 66px; color: #e2e2e2; height: 40px; overflow: hidden; line-height: 100%; margin-bottom: 8px;}
.bzi ul li em{ display: block; font-size: 16px; color: #666; line-height: 25px; width: 240px; padding-top: 12px;}
.bzi ul li:nth-of-type(2n){ padding-left: 298px;}
.bzi h3{ position: absolute; left: 320px; top: 129px;}
    /**/
.zizs{ overflow: hidden; height: 262px; box-sizing: border-box; padding-top: 93px;}
.zizs p{ float: left; width: 540px; color: #fff; padding-top: 12px;}
.zizs p i{ display: block; font-weight: bold; font-size: 37px; line-height: 100%; height: 96px;}
.zizs p i span{ display: block; font-weight: normal; font-size: 24px; padding-top: 12px; line-height: 100%;}
.zizs p em{ padding-left: 34px; font-size: 16px;}
.zizs p em span{ font-size: 23px;}
.zizs h4{ float: left; width: 125px; text-align: center; color: #fff; font-size: 19px;}
.zizs h4 img{ display: inline-block; width: 109px; height: 105px; border: 7px solid #fff; margin-bottom:9px;}
/**/
/**/
.shil{ background: #f5f5f5; padding-top: 81px; height: 940px; overflow: hidden; box-sizing: border-box;}
.shil h2{ margin-bottom: 40px;}
.s_li{ height: 90px; margin-left: 50px;background:url(../images/s_bav.jpg) no-repeat;line-height: 60px;}
.s_li ul li{ float: left; width: 350px; margin-right: 25px; font-size: 18px; color: #262626; box-sizing: border-box; padding-left: 139px; cursor: pointer;}
.s_li ul li:nth-child(2){ padding-left: 128px;}
.s_li ul li.on{background:url(../images/s_bav2.jpg) no-repeat;}
.s_li ul li:nth-child(2).on{background:url(../images/s_bav2.jpg) no-repeat  -375px 0;}
.s_li ul li:nth-child(3).on{background:url(../images/s_bav2.jpg) no-repeat right 0;}
.s_on{ height: 520px; overflow: hidden;}
.s_on ul li{ margin: 0 50px; overflow: hidden;background:url(../images/sli_l.jpg) no-repeat 220px 0; height: 520px;}
.s_on ul li img{ display: inline-block; float: right; width: 500px; height: 520px;}
.s_on ul li em{ display: block; padding-top: 85px;}
.s_on ul li em i{ display: block; font-size: 60px; color: #262626; line-height: 100%; padding-bottom: 30px;}
.s_on ul li em i span{ display: block; line-height: 100%; color: #999; letter-spacing: 15px; text-transform: uppercase; font-size: 24px; padding-bottom: 25px;}
.s_on ul li b{ display: block; font-weight: normal; font-size: 16px; color: #666; line-height: 30px; width: 487px; height: 106px;}
.s_on ul li a{ display: block; width: 120px; height: 35px; line-height: 35px; color: #262626; font-size: 14px;background:url(../images/btn.png) no-repeat; margin-bottom:111px; padding-left: 18px; box-sizing: border-box;}
.s_on ul li strong{ display: block;font-weight: normal; color: #666; font-size: 16px; line-height: 100%; font-family: Arial;}
.s_on ul li strong span{ display: inline-block; line-height: 100%; color: #262626; font-size: 48px;}
/**/
.liuc{ padding-top: 100px; height: 440px;background:url(../images/lc.jpg) no-repeat  center 314px;}
.liuc h2{ margin-bottom: 50px;}
.liuc ul{ overflow: hidden; padding-left: 60px;}
.liuc ul li{ float: left; margin-right: 120px; padding-top: 146px; line-height: 100%; font-size: 20px; color: #333;background:url(../images/lc1.jpg) no-repeat  center 0; width: 120px; text-align: center;}
.liuc ul li:last-of-type{ margin-right: 0;}
.liuc ul li:nth-child(2){background:url(../images/lc2.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(3){background:url(../images/lc3.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(4){background:url(../images/lc4.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(5){background:url(../images/lc5.jpg) no-repeat  center 0;}
.liuc ul li:hover{background:url(../images/lc11.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(2):hover{background:url(../images/lc21.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(3):hover{background:url(../images/lc31.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(4):hover{background:url(../images/lc41.jpg) no-repeat  center 0;}
.liuc ul li:nth-child(5):hover{background:url(../images/lc51.jpg) no-repeat  center 0;}
/**/
.casebj{height:800px; background:#f5f5f5; padding-top: 80px; margin-bottom: 92px;}
.case h2{ margin-bottom:40px;}
.case .canav{width:360px; height:44px;margin:0 auto 36px;}
.case .canav li{float:left;margin-right: 20px;width:160px; height:44px; text-align: center; line-height: 44px;background:#FFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius:22px;}
.case .canav li a{display: block;font-size: 18px; color:#333333;}
.case .canav li.cur{background:0;border:1px solid #0163B7;box-sizing: border-box;}
.case .sqh{position: relative;}
.case .bd{ margin-left: -360px;}
.case .bd ul li{width:580px; height:560px; float:left; margin-right:20px; }
.case .bd ul li dl dt{width:580px; height:435px;}
.case .bd ul li dl dt img{width:580px; height:435px;}
.case .bd ul li dl dd{ position: relative; margin: -57px 20px 0; background: #fff; height: 130px;}
.case .bd ul li dl dd span a{ display: block; overflow: hidden; padding: 28px 0 0 31px; font-size: 18px; color: #262626; margin-bottom: 10px; width: 355px;}
.case .bd ul li dl dd p{ padding: 0 0 0 31px; font-size: 14px; color: #666; line-height: 24px; width: 355px;}
.case .bd ul li dl dd em{ position: absolute; right:0; top: 0; padding-top: 47px; height: 83px; width: 120px; background: #fcc900;font-size: 0; line-height: 0; text-align: center;}
.case .sqh i{display: block;width:16px; height:10px;cursor: pointer;}
.case .sqh .prev1{background:url(../images/prev1.png) no-repeat center;position: absolute;top:560px;left:500px;}
.case .sqh .next1{background:url(../images/next1.png) no-repeat center;position: absolute;top:560px;right:547px;}
.case .sqh .hd{width:130px; height:10px;margin:0 auto 0;}
.case .sqh .hd li{width:10px; height:10px;float:left; background:#ccc; border-radius:50%; margin-right: 20px;transition: .3s;}
.case .sqh .hd li.on{width:20px; height:10px;background:#f2b103;border-radius:5px;}
/**/
.news{ height: 770px; padding-top: 100px; position: relative;}
.news h2{ margin-bottom: 40px;}

.newdt h5{ position: absolute; left: -35px; top:43px; z-index: 5;}
.news .newdt{width:780px; float:left; background: #f5f5f5; height: 520px; box-sizing: border-box; padding:49px 30px 0; position: relative;}
.news .newdt .fru{display: block;height:52px;}
.news .newdt .fru em{display: block;width:200px;height:26px;float:left;padding-left:32px;background:url(../images/n_io1.png) no-repeat left 0;font-size: 22px; color:#333333;font-weight: bold;}
.news .newdt .fru i{display: block;width:68px; height:28px; float:right; background:url(../images/n_mi.png) no-repeat;}
.news .newdt dl{height:185px; overflow: hidden;}
.news .newdt dl dt{width:216px;float:left;}
.news .newdt dl dt img{width:216px;}
.news .newdt dl dd{width:483px;float:right; box-sizing: border-box; padding-top: 5px;}
.news .newdt dl dd strong{display: block; margin-bottom: 21px;}
.news .newdt dl dd strong a{font-size: 18px; color:#333333; line-height: 12px; margin-top: 5px;}
.news .newdt dl dd strong a:hover{ color: #f2b103;}
.news .newdt dl dd p{font-size: 14px; color:#888888; line-height: 24px; padding-right: 29px; margin-bottom: 18px;}
.news .newdt dl dd em{ display: block; text-align: right; font-size: 14px; color: #333;}
.news .newdt ul li{ float: left; width: 355px; height: 90px; background: #fff; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 12px;}
.news .newdt ul li:nth-of-type(2n){ float: right;}
.news .newdt ul li a{ display: block; padding: 26px 0 0 19px; font-size: 16px; color: #333;background:url(../images/n_mi2.png) no-repeat 313px 34px; height: 63px;}
.news .newdt ul li i{ display: block; color: #808080; font-size: 12px;}
.news .newdt ul li a:hover{background:url(../images/n_mi2.png) no-repeat 313px 34px #fcc900;}
.news .newdt ul li a:hover span{font-weight: bold;}

.news .bk{width:390px; float:right; background: #f5f5f5; height: 520px; box-sizing: border-box; padding:49px 35px 0;}
.news .bk h3{display: block; height:52px; padding-left: 34px; background:url(../images/n_r.png) no-repeat;}
.news .bk h3 a{ display: inline-block; font-size: 24px; color: #333;font-weight: bold;}
.news .bk p{ overflow: hidden; height: 160px; margin-bottom: 30px;}
.news .bk ul li a{ display: block; font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 20px;}
.news .bk ul li a:hover{ color: #f2b103;}
/**/
.about{height:930px; background:url(../images/zj.jpg) no-repeat center 0;overflow: hidden; padding-top:93px; box-sizing: border-box;}
.about p{ margin: 0 316px; text-align: center; font-size: 16px; color: #333; line-height: 30px;}
.about em{ display: block; margin: 36px auto 0; width: 120px; height: 35px; background:url(../images/zj_btn.jpg) no-repeat;}
.about em a{ display: block; line-height: 35px; padding-left: 18px; font-size: 14px; color: #262626;}
/**/
.link{height:80px; line-height:80px;}
.link a{display: block;font-size: 14px; color:#666;float:left; margin-right: 47px;}