@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}


.pin_bj{overflow: hidden;background: url(../images/pin_bj.png) no-repeat center 0 ; height:698px;margin: -119px auto 0; position: relative; z-index: 3;}
.pin{ width:1200px; margin: 0 auto; overflow: hidden;}
.pin dl{height:458px; overflow: hidden;;}
.pin dt{ float: left; width:605px;height:415px; margin:41px 0 0 41px; overflow: hidden;}
.pin dt img{width:605px;height:415px;}
.pin dd{ float: right; width:405px; padding:105px 95px 0 0;overflow: hidden;}
.pin dd h3{ font-size: 20px; color:#1d1d1d; line-height: 24px;}
.pin dd h3 a{ color:#1d1d1d;}
.pin dd p{padding-top: 23px; font-size: 14px; line-height: 28px; color:#6c6c6c;}

.pmore{ width:170px;height:44px; background:#e31436; border-radius: 30px; text-align: center; line-height: 44px; font-size: 16px; margin: 0 auto;font-weight: bold;}
.pmore a{ color:#fff;}

.pin ul{display:flex; margin-top: 84px;}
.pin li{flex:1; float: left; position: relative; height:111px; font-size: 18px; color:#454545; text-align: center; line-height: 24px;}
.pin li::before{position: absolute; content: ''; top: 24px; right:0;border-right: 1px dashed #afafaf;height:48px; width:1px;}
.pin li:last-child::before{border:0;}
.pin li span{display: block; font-size: 70px;line-height: 72px; font-family: "Simsun"; font-family: Droid Serif; color:#010101;}
.pin li span img{vertical-align: top; margin-top:15px;display: inline-block;}

.pro_ys{background: url(../images/pinz_bj1.jpg) no-repeat center 0 ; height:695px; overflow: hidden; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.pro1{ width:960px; height:600px; overflow: hidden; position: absolute; top: 95px; left:50%; margin-left: -960px;}
.pro_ys .pronext{position: absolute;bottom:0; left:50%; margin-left: -100px; width:100px; height:100px; background:#e31436; overflow: hidden;}
.pro_ys dl{ position: absolute; top: 203px; right:50%; margin-right: -600px; width:478px;overflow: hidden;}
.pro_ys dt{background: url(../images/pinz_t.gif) no-repeat 0 0 ; font-size: 18px; color:#666;padding:102px 0 0 128px;height:148px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; letter-spacing: 3px;}
.pro_ys dd h3{ font-size: 32px; color:#000000;font-weight: normal; padding:65px 0 0 20px; line-height: 34px;}
.pro_ys dd h3 a{ color:#000000;}
.pro_ys dd .prowz{padding:8px 0 0 20px; font-size: 14px; line-height: 28px; color:#6c6c6c;}

.pro_ys1{background: url(../images/pinz_bj2.jpg) no-repeat center 0 ; height:705px; overflow: hidden; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.pro2{ width:960px; height:600px; overflow: hidden; position: absolute; top: 0; right:50%; margin-right: -960px;}
.pro_ys1 .pronext1{position: absolute;top:0; left:50%; margin-left: 0px; width:100px; height:100px; background:#e31436; overflow: hidden;}
.pro_ys1 dl{ position: absolute; top:97px; left:50%; margin-left: -600px; width:478px;overflow: hidden;}
.pro_ys1 dt{background: url(../images/pinz_t1.gif) no-repeat right 0 ; font-size: 18px; color:#666;padding:118px 0 0 0;height:148px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; letter-spacing: 10px;}
.pro_ys1 dd h3{ font-size: 32px; color:#000000;font-weight: normal; padding:79px 0 0 40px; line-height: 34px;}
.pro_ys1 dd h3 a{ color:#000000;}
.pro_ys1 dd .prowz{padding:8px 0 0 40px; font-size: 14px; line-height: 28px; color:#6c6c6c;}

.bt01{ font-size: 38px; text-align: center; color:#020202; line-height: 56px;}
.bt01 a{ color:#020202;}
.bt01 span{display: block; }

.list{ width:1200px; margin: 24px auto 0;}
.list p{text-align: center; margin-top: 25px;}
.list p a{ display: inline-block;background: url(../images/pro_ico.gif) no-repeat right center ; font-size: 16px; color:#000000; padding-right: 28px; margin:0 25px; line-height: 25px; }

.pro{position: relative; width:1260px; margin:20px auto 0;height:590px;}
.pro .pprev{position: absolute; top: 170px; left:-100px; width:100px; height:100px; background:#020202; z-index: 3;}
.pro .pnext{position: absolute; top: 170px; right:-100px; width:100px; height:100px; background:#020202; z-index: 3;}
.pro .pprev , .pro .pnext{background:#e31436;}
.proimg { width:1260px; padding-left: 10px; position: relative;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
.proimg li{ float: left; margin:20px 7px 30px 6px;width:400px; overflow: hidden; height:480px;transition: all 0.3s;  transform: scale(1); position: relative;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
.proimg li  img{width:370px;height:370px; display: block; margin: 15px auto 0;}
.proimg li span{display: block; font-size: 20px;color:#000000; line-height: 100px; padding:0 20px;}
.proimg li span i{display: inline-block;width:100px;height:30px;background:#e31436; border-radius: 30px; text-align: center; line-height: 30px; font-size: 14px; color:#fff;margin-top: 34px;vertical-align: middle;}
.pro li:hover{box-shadow: 1px 1px 10px 5px  #ededed;background:#fff;   transform: scale(1);  z-index: 3;}

.environment{ position: relative;}
.ennext{ position: absolute; top: 626px; left:50%; margin-left: 0; width:100px; height:100px; background:#e31436; z-index: 3;}
.environment .pageState{ font-size: 36px; color:#000000; font-family: Arial; font-family: Raleway; position: absolute; top: 200px ;right:50%; margin-right: -600px; width:300px; text-align: right;}
.environment .pageState span{ font-size: 130px; color:#e31436; line-height: 132px;}
.environment_c{ margin-top: 34px;background: url(../images/jd_bj.jpg) no-repeat center 0 ; height:600px; overflow: hidden;}
.envir_c dl{ position: relative; height:600px;overflow: hidden;}
.envir_c dt{position: absolute; top: 0; left:50%; margin-left: -960px; width:960px;height:600px;}
.envir_c dt img{width:960px;height:600px;}
.envir_c dd{position: absolute; top: 0; right:50%; margin-right: -600px; width:500px;height:600px; padding-top: 190px;}
.envir_c dd h3{ font-size: 30px; color:#000000; line-height: 34px;}
.envir_c dd h3 a{ color:#000000;}
.envir_c dd p{padding:20px 100px 0 0; font-size: 14px; line-height: 28px; color:#303030;}
.envir_c dd span{display: block; font-size: 20px; color:#000000; padding-top: 20px;}

.partner{background: url(../images/coo_bj.jpg) no-repeat center 0 ; height:814px;margin-top: 139px; overflow: hidden;}
.partner_c{width:1200px; margin: 136px auto 0;height:440px; overflow: hidden; position: relative;}
.part_nav{height:600px;overflow: hidden;position: absolute; top: 0; left:0;}
.part_nav li{float: left; width:204px;margin:0 0 30px 63px; position: relative;}
.part_nav li img{ padding:1px; width:200px;height:100px; border:1px solid #dadada;background:#fff; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);    
    filter: gray;}
.part_nav li:nth-child(2n){margin-left: 660px;}
.part_nav li:hover img,.part_nav li img:hover{ padding:0; border:2px solid #e31436;
 -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);}
.part_nav li:nth-child(2n-1):hover::before{position: absolute; content:""; width:0; height:0; top: 44%; right:-8px; border-left: 8px solid #e31436; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.part_nav li:nth-child(2n):hover::before{position: absolute; content:""; width:0; height:0; top: 44%; left:-8px; border-right: 8px solid #e31436; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.part_c dl{  width:500px; margin: 0 auto; overflow: hidden;}
.part_c dt img{ width:500px; height:250px;}
.part_c dd p{padding-top: 24px; font-size: 14px; line-height: 24px; color:#6c6c6c; height:96px; overflow: hidden;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
.part_c dd span{display: block; position: relative;height:30px;margin: 0 auto 0;}
.part_c dd span::before{position: absolute;content: ''; top:15px;left:0; width:100%; height:1px;background:#dadada;}
.part_c dd span a{display: block;width:100px;height:30px;background:#e31436; border-radius: 30px; text-align: center; line-height: 30px; font-size: 14px; color:#fff;margin: 0 auto; z-index: 3;position: relative;}

.ys_bj{margin-top: 110px;background: url(../images/ys_bj.jpg) no-repeat  center 185px;height:906px; overflow: hidden;}
.ys_nav{ width:1200px; margin: 23px auto 0; height:62px;background:#f4f4f4;}
.ys_nav ul{ display:flex;}
.ys_nav li{flex:1; float: left; font-size: 28px; height:62px; line-height: 62px; color:#333333;text-align: center;background: url(../images/ys_ico01.gif) no-repeat 270px center; position: relative;}
.ys_nav li::before { position: absolute;content: ''; top: 0;right:0; width:1px; height:62px; background:#fff;}
.ys_nav li:hover , .ys_nav li.cur{background:#e31436 url(../images/ys_ico02.gif) no-repeat 270px center; color:#fff;font-weight: bold;}
.ys_c{ overflow: hidden;height:674px;}

.ys_c dl{ width:1200px; margin: 0 auto; position: relative;height:674px;}
.ys_c dt img{ width:1200px; height:674px;}
.ys_c dd{position: absolute; top: 500px;left:625px;}
.ys_c dd h3{ font-size: 30px; color:#151515; line-height: 34px;}
.ys_c dd p{margin-top: 10px;padding-left: 20px;font-size: 14px; color:#5d5d5d; position: relative; line-height: 24px; position: relative;}
.ys_c dd p::before{position: absolute; content:""; width:5px;height:5px; border:2px solid #e31436; top: 8px; left:0;border-radius: 100%;}
.ys_c dd p b{color:#151515;}

.management{background: url(../images/management_bj.jpg) no-repeat  center 0px; height:994px;margin-top: 50px; overflow: hidden;}
.management h2{padding-top: 95px; font-size: 36px; line-height: 42px;}
.management h2 i{display: block ; font-size: 24px;font-weight: normal;}

.management dl{ width:370px;height:580px;background:#fff;box-shadow: 1px 1px 10px 5px rgba(231,231,231,0.5); float: left;margin-right: 45px; overflow: hidden;}
.management dl:nth-child(3){margin-top: 100px;}
.management dl:nth-child(4){margin-right: 0;}
.management dt{display: block; width:105px;margin: 37px auto 0;}
.management dt img{width:105px;height:105px;}
.management dd { width:299px;margin: 24px auto;}
.management dd img{ width:299px; height:167px; display: block; }
.management dd h3{ font-size: 18px; color:#1d1d1d; line-height: 24px;padding-top: 24px; text-align: center;}
.management dd h3 a{ color:#1d1d1d;}
.management dd p{padding-top: 10px; font-size: 14px;line-height: 24px; color:#1d1d1d;height:114px; overflow: hidden;}
.management dd i a{display: block;width:100px;height:30px;background:#e31436; border-radius: 30px; text-align: center; line-height: 30px; font-size: 14px; color:#fff;margin: 0 auto; z-index: 3;position: relative;}

.news{width:1200px;margin: 100px auto 0; height:660px; overflow: hidden;}
.news_nav {height:50px; margin-top: 34px; overflow: hidden; padding-left: 250px;}
.news_nav li{ float: left;position: relative;margin-right: 20px;height:50px; width:220px;overflow: hidden;}
.news_nav li a{display: inline-block;height:48px; width:218px;text-align: center; line-height: 48px; color:#333333;font-size: 16px;border:1px solid #ebebeb; }
.news_nav li a:hover  , .news_nav .cur a{background: #e31436; color:#fff; border:1px solid #e31436;}

.news_wz{margin-top: 60px; width:600px; float: left; overflow: hidden;}
.news_wz dt{width:600px; overflow: hidden;}
.news_wz dt img{width:600px;height:300px;}
.news_wz dd{height:140px; overflow: hidden;}
.news_wz dd span{display: block; float: left; margin-top: 26px; width:113px; border-right: 1px solid #ebebeb;height:80px; font-size: 14px; color:#666666; text-align: center; line-height: 20px;font-family: Arial;}
.news_wz dd span i{display: block; font-size:50px; color:#333333; font-weight: bold; line-height: 54px;}
.news_wz dd h3{width:442px; float: right; line-height: 24px; font-size: 18px;overflow: hidden; padding-top: 25px;}
.news_wz dd h3 a{ color:#333333;}
.news_wz dd p{padding-top:14px;font-weight: normal; overflow: hidden; font-size: 14px; line-height: 24px; color:#888888;}

.nsw_wz1{ width:562px; overflow: hidden; float: right;margin-top: 60px;}
.nsw_wz1 dl{margin-bottom: 30px;border:1px solid #ebebeb;height:108px;overflow: hidden;}
.nsw_wz1 dt{display: block; float: left; margin-top: 17px; width:132px; border-right: 1px solid #ebebeb;height:80px; font-size: 14px; color:#666666; text-align: center; line-height: 20px;font-family: Arial;}
.nsw_wz1 dt i{display: block; font-size:50px; color:#333333; font-weight: bold; line-height: 54px;}
.nsw_wz1 dd{ width:400px; float: right;padding-top: 20px;}
.nsw_wz1 dd h3{line-height: 24px; font-size: 16px;overflow: hidden;}
.nsw_wz1 dd h3 a{ color:#333333;}
.nsw_wz1 dd p{padding:4px 20px 0 0;font-weight: normal; overflow: hidden; font-size: 14px; line-height: 24px; color:#888888;}

.about{margin-top: 40px;}
.about dl{margin-top: 34px;background: url(../images/about_bj.gif) repeat-y  center 0px;height:439px;overflow: hidden;  position: relative;}
.about dt{width:600px; height:439px; position: absolute; top: 0; right:50%; margin-right: -600px; overflow: hidden;}
.about dt img{display: block; width:600px;height:439px;;}
.about dd { width:460px;position: absolute; top: 90px;left: 50%; margin-left: -500px; overflow: hidden;}
.about dd h3{font-size: 30px; line-height: 44px;}
.about dd h3 a{ color:#000000;}
.about dd p{padding:18px 52px 0 0; font-size: 14px; line-height: 24px;height:170px; color:#6c6c6c;}
.about dd i a{display: block;width:130px;height:38px;background:#e31436; border-radius: 30px; text-align: center; line-height: 38px; font-size: 14px; color:#fff; z-index: 3;position: relative;}
.about dd i img{vertical-align: middle;display: inline-block; margin-left: 15px;}

.fc{ width:1200px; margin: 0 auto; height:353px; overflow: hidden;}
.fc_nav{padding:31px 0 0 392px; height:38px; line-height: 38px;}
.fc_nav li{margin-right: 36px; padding-right: 36px; position: relative; height:38px; float: left;}
.fc_nav li::before{position: absolute; content:""; width:6px;height:2px;background:#cdcdcd; top: 17px; right:0;}
.fc_nav li:last-child::before {background:none;}
.fc_nav li a{ font-size: 20px; color:#000000;}
.fc_nav li a:hover , .fc_nav li.cur a{ color:#e31436;}

.fcimg li{margin:24px 24px 0 0; float: left; width:282px; height:212px; overflow: hidden; position: relative;}
.fcimg li img{width:282px; height:212px;}
.fcimg li span{position: absolute;bottom:0; left:0; height:36px;background:#e31436; text-align: center; font-size: 16px; color:#fff; width:100%; line-height: 36px; display: none;}
.fcimg li:hover span{display: block;}
.fcimg li:last-child{margin-right:0;}

.link_bj{background: url(../images/link_bj.gif) repeat-y  center 0px; height:80px;overflow: hidden;}
.link{width:1200px; margin: 0 auto; height: 80px; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ width:80px; overflow: hidden; float: left; font-size: 14px; line-height: 80px; overflow: hidden;color:#555555;}
.link p{  width: 820px; float: left; font-size: 14px; overflow: hidden; line-height: 80px; color:#555555;}
.link p a{ color:#555555; padding:0 20px;}