@charset "utf-8";
/* CSS Document */
/*banner*/
#flashs{ position:relative; height:620px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 28px; z-index:7; font-size:0;}

#flashs .btn span{display: inline-block;width: 12px;height: 12px;background: url(../images/bannerbtnlist01.png) no-repeat center;margin-left: 5px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span.cur{background: url(../images/bannerbtnlist02.png) no-repeat center;}

@charset "utf-8";
/* CSS Document */

/* Title 公共样式*/
.Title{width: 100%;overflow: hidden;text-align: center;}
.Title h2{font-size: 32px;color: #000000;font-weight: normal;}
.Title h2 a{color: #000000; text-decoration:none;}
.Title span{color: #005197;}
.Title i{display: block;margin: 5px auto 0;}
.Title p{font-size: 14px;color: #333333;margin-top: 12px;}


/* banner */
.banner{width: 100%;overflow: hidden;height: 620px;position: relative;}
.banner a{display: block;height: 620px;}
.banner .container{position: absolute;height: 620px;top: 0;left: 50%;margin-left: -600px;}
.banner i{position: absolute;top: 50%;margin-top: -28px;display: block;width: 42px;height: 83px;cursor: pointer;}
.banner i.prev{left: -101px;}
.banner i.next{right: -113px;}
.banner .btnList{width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 28px;}
.banner .btnList span{display: inline-block;width: 12px;height: 12px;background: url(../images/bannerbtnlist01.png) no-repeat center;margin-left: 5px;}
.banner .btnList span:first-child{margin-left: 0;}
.banner .btnList span.cur{background: url(../images/bannerbtnlist02.png) no-repeat center;}

/* contrast */
.contrast{width: 100%;overflow: hidden;}
.contrast .Title{padding-top: 64px;}
.contrast .earth{display: block;margin: 30px auto 0;}
.contrastMain{width: 100%;overflow: hidden;background:url(../images/contrastbg.jpg) no-repeat center;height: 628px; position:relative;}
.contrastMain .contrastData{position: absolute;left: 50%;margin-left: -75px;top: 24px;}
.contrastL{width: 600px;float: left;}
.contrastR{width: 600px;float: left;}
.contrastL h3{height: 73px;line-height: 73px;font-size: 20px;color: #fff;background: url(../images/contrast_icon01.png) no-repeat left center;padding-left: 34px;margin-left: 156px;}
.contrastL .contrastShow{display: block;margin-top: 27px;}
.contrastL .con{width: 100%;overflow: hidden;margin-top: 36px;}
.contrastL .con dl{overflow: hidden;width: 300px;float: left;margin-bottom: 40px;}
.contrastL .con dt{float: left;width: 73px;}
.contrastL .con dd{float: left;margin-left: 10px;width: 184px;}
.contrastL .con dd p{font-size: 18px;color: #ffffff;font-weight: bold;margin: 4px 0 8px 0;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.contrastL .con dd span{display: block;font-size: 14px;color: #fff;line-height: 19px;text-overflow:ellipsis;overflow: hidden;height: 38px;}

.contrastR h3{height: 73px;line-height: 73px;font-size: 20px;color: #fff;background: url(../images/contrast_icon02.png) no-repeat left center;padding-left: 32px;margin-left: 156px;}
.contrastR .contrastShow{display: block;margin-top: 27px;margin-left: 130px;}
.contrastR .con{width: 100%;overflow: hidden;margin-top: 29px;}
.contrastR .con dl{overflow: hidden;width: 260px;float: left;margin-bottom: 40px;margin-left: 40px;}
.contrastR .con dt{float: left;width: 73px;}
.contrastR .con dd{float: left;margin-left: 10px;width: 172px;}
.contrastR .con dd p{font-size: 18px;color: #ffffff;font-weight: bold;margin: 4px 0 8px 0;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.contrastR .con dd span{display: block;font-size: 14px;color: #fff;line-height: 19px;text-overflow:ellipsis;overflow: hidden;height: 38px;}
.contrastR .con .dif{background: url(../images/contrast_phone.png) no-repeat 22px center;padding-left: 67px;width: 193px;margin-top: 20px;}
.contrastR .con .dif p{font-size: 12px;color: #fff;}
.contrastR .con .dif span{display: block;font-size: 26px;color: #fff;font-family: arial;margin-top: 4px;}

/* flow */
.flow{width: 100%;overflow: hidden;background: url(../images/flowpic01.jpg) no-repeat center;height: 713px;}
.flow .container{position: relative;}
.flow .Title{padding-top: 48px;}
.flow .Title p{text-transform: uppercase;font-weight: lighter;}
.flow .con p{position: absolute;font-size: 14px;color: #333333;text-align: center;width: 149px;}
.flow .con p span{color: #999999;display: block;}
.flow .con p.same{top: 201px;}
.flow .con p.dif{top: 466px;}
.flow .con .p1{left: 27px;}
.flow .con .p2{left: 226px;}
.flow .con .p3{left: 424px;}
.flow .con .p4{left: 623px;}
.flow .con .p5{left: 821px;}
.flow .con .p6{left: 1020px;}

.flow .con .p7{left: 27px;}
.flow .con .p8{left: 214px;width: 168px;}
.flow .con .p9{left: 424px;}
.flow .con .p10{left: 623px;}
.flow .con .p11{left: 821px;}
.flow .con .p12{left: 1020px;}

/* manage */
.manage{width: 100%;overflow: hidden;background: #f7f7f7;padding-bottom: 59px;}
.manage .Title{padding-top: 64px;}
.manage .Title p{text-transform: uppercase;font-weight: light;}
.manage .Maincon{width: 100%;overflow: hidden;margin-top: 42px;}
.manage .Maincon .conBox{width:100%;overflow: hidden;height: 413px;}
.manage .Maincon .box{width: 100%;overflow: hidden;height: 413px;}
.manage .Maincon .con{margin-left: 642px;width: 264px;}
.manage .Maincon .con h3{font-size: 24px;color: #005197;font-weight: bold;margin: 40px 0 6px 0;}
.manage .Maincon .con h3 a{color: #005197;text-decoration: none;}
.manage .Maincon .con .p1{font-size: 20px;color: #333333;}
.manage .Maincon .con ul{overflow: hidden;margin-top: 30px;}
.manage .Maincon .con li{font-size: 14px;color: #000000;background: url(../images/gou.png) no-repeat left 2px;padding-left: 26px;margin-top: 22px;}
.manage .Maincon .con li:first-child{margin-top: 0;}
.manage .Maincon .con .btn{display: block;width: 201px;height: 43px;background: url(../images/managebtnbg.png) no-repeat center;font-size: 14px;color: #fff;text-decoration: none;line-height: 43px;text-align: center;margin-top: 32px;}
.manage .Maincon .con .p2{font-size: 12px;color: #000000;margin-top: 25px;}
.manage .Maincon .con .p2 span{font-size: 22px;color: #005197;font-family: arial;}
.manage .Maincon .menu{height: 65px;width: 100%;}
.manage .Maincon .menu ul{height: 65px;}
.manage .Maincon .menu li{float: left;margin-left: 1px;height: 65px;text-align: center;background: #005197;position: relative;}
.manage .Maincon .menu li:first-child{margin-left: 0;}
.manage .Maincon .menu a{display: block;text-decoration: none;}
.manage .Maincon .menu span{display: block;font-size: 18px;color: #fff;margin-top: 14px;}
.manage .Maincon .menu b{font-size: 14px;color: #fff;display: block;margin-top: 2px;font-weight: normal;}
.manage .Maincon i{display: block;width: 16px;height: 6px;background: url(../images/manage_icon01.png) no-repeat center;position: absolute;left: 50%;margin-left: -8px;top: -6px;display: none;}
.manage .Maincon li.cur{background: #76c130;}
.manage .Maincon li.cur i{display: block;}

/* manage */
.production{width: 100%;overflow: hidden;background: url(../images/productionbg.jpg) no-repeat center;height: 730px;}
.production .Title{padding-top: 64px;}
.production .Title p{text-transform: uppercase;font-weight: light;}
.production .Maincon{width: 100%;overflow: hidden;margin-top: 42px;}
.production .Maincon .conBox{width:100%;overflow: hidden;height: 414px;}
.production .Maincon .box{width: 100%;overflow: hidden;height: 414px;background: url(../images/productionpic01.jpg) no-repeat center;}
.production .Maincon .con{margin-left: 620px;width: 340px;}
.production .Maincon .con h3{font-size: 24px;color: #005197;font-weight: bold;margin: 40px 0 6px 0;}
.production .Maincon .con h3 a{color: #005197;text-decoration: none;}
.production .Maincon .con .p1{font-size: 17px;color: #333333;}
.production .Maincon .con ul{overflow: hidden;margin-top: 30px;}
.production .Maincon .con li{font-size: 14px;color: #000000;background: url(../images/gou.png) no-repeat left 2px;padding-left: 26px;margin-top: 22px;}
.production .Maincon .con li:first-child{margin-top: 0;}
.production .Maincon .con .btn{display: block;width: 201px;height: 43px;background: url(../images/managebtnbg.png) no-repeat center;font-size: 14px;color: #fff;text-decoration: none;line-height: 43px;text-align: center;margin-top: 32px;}
.production .Maincon .con .p2{font-size: 12px;color: #000000;margin-top: 25px;}
.production .Maincon .con .p2 span{font-size: 22px;color: #005197;font-family: arial;}
.production .Maincon .menu{height: 65px;width: 100%;}
.production .Maincon .menu ul{height: 65px;}
.production .Maincon .menu li{float: left;width: 299px;margin-left: 1px;height: 65px;text-align: center;background: #005197;position: relative;}
.production .Maincon .menu li:first-child{margin-left: 0;}
.production .Maincon .menu a{display: block;text-decoration: none;}
.production .Maincon .menu span{display: block;font-size: 18px;color: #fff;margin-top: 14px;}
.production .Maincon .menu b{font-size: 14px;color: #fff;display: block;margin-top: 2px;font-weight: normal;}
.production .Maincon i{display: block;width: 16px;height: 6px;background: url(../images/manage_icon01.png) no-repeat center;position: absolute;left: 50%;margin-left: -8px;top: -6px;display: none;}
.production .Maincon li.cur{background: #76c130;}
.production .Maincon li.cur i{display: block;}

/* apply */
.apply{width: 100%;overflow: visible;background: url(../images/applybg.jpg) no-repeat center;height: 259px;}
.apply .container{height: 259px;overflow: visible;position: relative;}
.apply .Title h2{color: #fff;font-size: 28px;}
.apply .Title p{color: #bcbcbc;text-transform: uppercase;font-size: 12px;margin-top: 10px;}
.apply .Title{padding-top: 34px;}
.apply .con{overflow: visible;margin-top: 42px;}
.apply .Input{width: 250px;height: 47px;border-radius: 4px;float: left;overflow: visible;}
.apply .Input span{display: block;width: 52px;height: 47px;border-right: 1px solid #000000;float: left;}
.apply .Input1 span{background: url(../images/apply_icon01.png) no-repeat center #fff;}
.apply .Input2 span{background: url(../images/apply_icon02.png) no-repeat center #fff;}
.apply .Input2 span.layui-icon{
    background: #fff;
    text-align: center;
    line-height: 47px;
    font-size: 25px;
    color: #999;

}
.apply input:not(.layui-input){width: 184px;height: 47px;line-height: 47px;font-size: 12px;color: #666666;background: #fff;float: left;padding-left: 12px;border: none;outline: none;}
.apply input.layui-input{width: 184px;height: 47px;line-height: 47px;font-size: 12px;color: #666666;background: #fff;padding-left: 12px;border: none;outline: none;border-radius:0px;}
    
     .apply .layui-form-select dl {top:49px;
    }
     .apply .layui-form-selectup dl {bottom:49px;top:auto;
    }
.apply .Input2{margin-left: 8px;}
.apply .con a{display: block;float: left;width: 160px;height: 47px;line-height: 47px;font-size: 18px;color: #fff;background: #005197;text-align: center;margin-left: 8px;border-radius: 4px;text-decoration: none;}
.apply .phone{width: 235px;position: absolute;top: 50px;right: 0;}
.apply .phone img{display: block;margin-left: 57px;}
.apply .phone p{font-size: 13px;color: #fff;margin-top: 12px;padding-left: 8px;}
.apply .phone span{font-size: 22px;color: #fff;font-family: arial;}

/* Dz */
.Dz{width: 100%;overflow: hidden;background: #fff;padding-bottom: 0px;}
.Dz .Title{padding-top: 74px; padding-bottom:20px;}
.Dz .con{width:1200px;overflow: hidden; position:relative; margin-top: 38px; height: 375px}
.Dz ul{ position:absolute; left:0; top:0}
.Dz li{float: left; width:1200px;}
.Dz li a{display: block;width: 210px;height: 99px;border: 3px solid #efefef;/*margin-bottom: 30px;margin-right: 30px;*/ float:left;}
.Dz li img{display: block;}
.Dz .btnList{width: 100%;overflow: hidden;text-align: center;margin-top: 40px;}
.Dz .btnList span{display: inline-block;width: 10px;height: 10px;background: url(../images/dzbtnlist01.png) no-repeat center;margin-left: 10px; font-size:0;}
.Dz .btnList span{*display: inline;}
.Dz .btnList span:first-child{margin-left: 0;}
.Dz .btnList span.cur{background: url(../images/dzbtnlist02.png) no-repeat center;}
.Dz li a.last{ margin-right:0}


/* absorb */
.absorb{width: 100%;overflow: hidden;background: url(../images/absorbbg.jpg) no-repeat center;height: 691px;}
.absorb .Title{padding-top: 54px;}
.absorb .Title h2{font-size: 38px;color: #fff;}
.absorb .Title p{color: #fff;}
.absorb .con{width: 105%;overflow: hidden;margin-top: 62px;}
.absorb .box{width: 418px;float: left;}
.absorb .box dl{overflow: hidden;margin-bottom: 30px;}
.absorb .box dt{width: 81px;height: 60px;border: 2px solid #fff;border-radius: 2px;text-align: center;font-size: 16px;color: #fff;line-height: 26px;padding-top: 10px;float: left;}
.absorb .box dd{float: left;margin-left: 14px;}
.absorb .box dd h3{font-size: 16px;color: #fff;margin: 14px 0;}
.absorb .box dd span{font-size: 12px;color: #a4b5cd;text-transform: uppercase;display: block;font-weight: light;}
.absorb .box p{line-height: 22px;color: #fff;font-size: 14px;background: url(../images/absorb_icon01.jpg) no-repeat left 8px;padding-left: 19px;width: 336px;height: 44px;text-overflow: ellipsis;overflow: hidden;}
.absorb .box img{display: block;}
.absorb .box .p1{margin-bottom: 16px;}


/* about */
.about{width: 100%;overflow: hidden;padding-bottom: 70px;}
.about .Title{padding-top: 66px;}
.about .Title p{text-transform: uppercase;color: #a3a3a3;}
.about .mainCon{width: 100%;overflow: hidden;position: relative;margin-top: 50px;}
.about .mainCon .con{width: 1024px;height: 308px; margin:0 auto; position:relative; overflow:hidden;}
.about .mainCon dl{overflow: hidden;}
.about .mainCon dt{width: 543px;float:left;}
.about .mainCon dd{width: 450px;float: right;}
.about .mainCon dd h3{height: 74px;margin: 5px 0 20px 0;}
.about .mainCon dd h3 img{display: block;float: left;}
.about .mainCon dd h3 span{font-size: 16px;color: #000;font-weight: bold;display: block;float: left;margin-top: 34px;margin-left: 35px;}
.about .mainCon dd p{line-height: 30px;font-size: 13px;height: 120px;color: #333333;text-overflow: ellipsis;overflow: hidden;}
.about .mainCon .more{display: block;width: 134px;height: 39px;line-height: 39px;text-align: center;color: #fff;background: #005197;text-decoration: none;border-radius: 4px;margin-top: 28px;}
.about .mainCon i{display: block;width: 41px;height: 91px;position: absolute;top: 108px;cursor: pointer;}
.about .mainCon i.prev{left: 0;}
.about .mainCon i.next{right: 0;}
.about .list{ position:absolute; top:0; left:0}
.about .list li{ width:1024px; float:left}


/* news */
.news{width: 100%;overflow: hidden;background: url(../images/newsbg.jpg) no-repeat center;height: 653px;}
.news .Title{padding-top: 58px;}
.news .Title p{text-transform: uppercase;}
.news .mainCon{width: 100%;overflow: hidden;margin-top: 36px;}
.news .mainCon .menu{height: 52px;text-align: center;}
.news .mainCon .menu ul{height: 52px;display: inline-block;border-radius: 4px;}
.news .mainCon .menu li{float: left;height: 52px;line-height: 52px;font-size: 16px;color: #fff;padding: 0 40px;background: url(../images/news_xian.jpg) no-repeat left center;background-color: #bcbcbc;position: relative;}
.news .mainCon .menu li:first-child{background-image: none;border-radius: 4px 0 0 4px;}
.news .mainCon .menu li.last{border-radius: 0 4px 4px 0;}
.news .mainCon .menu a{color: #fff;text-decoration: none;display: block;}
.news .mainCon .menu ul{*display: inline;}
.news .mainCon .menu i{display: none;width: 13px;height: 6px;background: url(../images/news_icon01.png) no-repeat center;position: absolute;left: 50%;margin-left: -6px;bottom: -6px;}
.news .mainCon .menu li.cur{background-image: none;background-color: #005197;}
.news .mainCon .menu li.cur i{display: block;}
.news .mainCon .conBox{width: 100%;overflow: hidden;height: 304px;margin-top: 50px;}
.news .mainCon .con{width: 100%;overflow: hidden;height: 304px;}
.news .mainCon .conL{width: 516px;overflow: hidden;float: left;height: 304px;}
.news .mainCon .conL dl{overflow: hidden;float: left;width: 243px;margin-left: 30px;}
.news .mainCon .conL dl:first-child{margin-left: 0;}
.news .mainCon .conL dt{width: 243px;height: 148px;}
.news .mainCon .conL dd h3{line-height: 27px;color: #333333;font-weight: normal;font-size: 16px;margin: 11px 0 8px 0;}
.news .mainCon .conL dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL dd .p1{font-size: 13px;color: #666666;line-height: 22px;height: 44px;text-overflow: ellipsis;overflow: hidden;}
.news .mainCon .conL dd .p2{overflow: hidden;margin-top: 15px;}
.news .mainCon .conL .p2 span{display: block;float: left;font-size: 14px;color: #666666;font-family: arial;}
.news .mainCon .conL .p2 a{display: block;float: right;}
.news .mainCon .conR{width: 653px;float: right;height: 304px;}
.news .mainCon .conR dl{width: 100%;overflow: hidden;height: 83px;background: #fff;margin-top: 27px;}
.news .mainCon .conR dl:first-child{margin-top: 0;}
.news .mainCon .conR dt{width: 78px;height: 44px;float: left;text-align: center;border-right: 2px solid #e5e5e5;margin-top: 18px;}
.news .mainCon .conR dt span{display: block;font-size: 34px;color: #666666;font-family: arial;position: relative;top: -7px;}
.news .mainCon .conR dt p{font-size: 14px;color: #666666;font-family: arial;position: relative;top: -11px;}
.news .mainCon .conR dd{width: 536px;float: left;margin-left: 13px;margin-top: 18px;}
.news .mainCon .conR dd h3{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.news .mainCon .conR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conR dd p{font-size: 13px;color: #666666;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: normal;}