/* CSS Document */
*,*:after,*:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*::after,*::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
body{width:100%;color:#333;line-height:1.5;background-color:#fff;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
table,tr,td{empty-cells:show;border-collapse:collapse;border-spacing:0;padding: 0;border: 0;margin: 0;}
.w1920{overflow: hidden;width: 100%;position: relative;}
.w1280{width: 96%;max-width:1280px;margin: 0 auto;}
.clear{width:100%;height:0;overflow:hidden;clear:both;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.iblock{display:inline-block;}
#ZoomBox{background:#fff;}
a:hover{color: #ff7f00;}

/* 通用 */
.atm3{transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;}
.atm5{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.atm8{transition: .8s;-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;}
.atm-img{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: block;}
.atm-img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.atm-img:hover{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

/* head */
.headbox{height: 0;margin-bottom: 110px;}
.headbox .cut{width: 100%;height: 110px;padding: 0 20% 0 35%;background: rgba(255,255,255,.97);box-shadow: 0 2px 10px rgba(0,0,0,.1);position: fixed;left: 0;top: 0;z-index: 99999999;}

.logobox{overflow: hidden;height: 100%;padding: 20px 0;position: absolute;z-index: 2;top: 0;right: 67%;}
.logobox img{height: 100%;}
.logobox .logo{height: 100%;float: right;padding-right: 15px;}
.logobox .mlogo{height: 100%;float: right;padding: 13px 0 12px;}
.logobox .mlogo img{border-left: 1px solid #ccc;}

.navbox{float: right;width: 96%;max-width: 820px;height: 100%;position: relative;z-index: 1;}
.navbox ul li{float: left;text-align: center;width: 12.5%;position: relative;z-index: 1;}
.navbox ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;display: block;}
.navbox ul li > a{font-size: 15px;line-height: 50px;padding: 30px 5px;font-weight: 600;display: inline-block;}
.navbox ul li > a::after{content: "";width: 0;height: 2px;background: #ff9600;position: absolute;left: 0;bottom: 0;-webkit-transition: .5s;transition: .5s;}
.navbox ul li dl{width: 120%;position: absolute;left: -10%;top: 100%;padding: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.navbox ul li[t="business"] dl{width: 170%;left: -35%;}
.navbox ul li dl::before{content: "";width: 0;height: 0;border: 10px solid rgba(255,150,0,0);border-top: 0;border-bottom: 0 solid #ff9600;position: absolute;top: 0;left: 50%;margin-left: -10px;-webkit-transition: .5s;transition: .5s;}
.navbox ul li dl a{background: #ff9600;line-height: 40px;color: #fff;height: 0;border-bottom: 0 solid rgba(255,255,255,.5);}
.navbox ul li dl a:hover{background: #ffb01f;color: #fff;}

.navbox ul li:hover,
.navbox ul li.active{z-index: 6;}
.navbox ul li.active > a{color: #ff7f00;}
.navbox ul li.active > a::after{width: 100%;}
.navbox ul li:hover dl{padding-top: 10px;}
.navbox ul li:hover dl::before{border-bottom-width: 10px;}
.navbox ul li:hover dl a{height: 40px;border-width: 1px;}

.telbox{padding: 30px 0 30px 40px;position: absolute;z-index: 5;left: 82%;top: 0;height: 100%;}
.telbox::after{content: "";width: 30px;height: 30px;position: absolute;left: 0;top: 40px;background: #ff9600 url(../images/tel.png) left center no-repeat;border-radius: 50%;-webkit-transition: .5s;transition: .5s;}
.telbox span{color: #666;padding: 0 2px;}
.telbox a{height: 30px;overflow: hidden;display: block;font-size: 24px;line-height: 30px;}
.telbox:hover a{color: #ff7f00;}

.Topnav .cut{height:80px;}
.Topnav .logobox{padding: 10px 0;}
.Topnav .mlogo{padding: 8px 0 7px;}
.Topnav .navbox ul li > a{padding: 15px 5px;}
.Topnav .telbox{padding: 15px 0 15px 40px;}
.Topnav .telbox::after{top: 25px;}


/* navico */
.navico{width:60px;height:60px;position: absolute;top: 0;right: 1%;z-index: 6;display: none;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,
.navico span::before,
.navico span::after{width:26px;height:3px;position:absolute;background:#666;display:block;border-radius:1.5px;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,
.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (max-width:1600px){
.logobox{right: 66%;}
}
@media only screen and (max-width:1440px){
.headbox .cut{padding: 0 250px 0 280px;}
.logobox{right: auto;left: 25px;width: 250px;}
.logobox .logo{float: left;}
.logobox .mlogo{display: none;}
.telbox{left: auto;right: 25px;}
}
@media only screen and (max-width:1200px){
.headbox .cut{padding-right: 80px;}
.telbox{width: 30px;padding-left: 30px;}
.telbox span{display: none;}
.telbox a{width: 30px;border: 1px solid #fff;background: #fff;border-radius: 20px;position: absolute;right: 0;top: 40px;padding: 5px 14px 3px;}
.telbox:hover a{width: 220px;height: 40px;border-color: #ddd;right: -5px;top: 35px;}
.Topnav .telbox{padding-left: 30px;}
.Topnav .telbox a{top: 25px;}
.Topnav .telbox:hover a{top: 20px;}
}
@media only screen and (max-width:1024px){
.headbox{margin-bottom: 60px;}
.headbox .cut{height: 60px;background: none;padding: 0;}
.navico{display: block;}
.headbox .logobox{padding:  5px 0;background: rgba(255,255,255,.95);width: 100%;left: 0;}
.headbox .logo{padding: 0 2%;}
.headbox .telbox{padding: 15px 0;right: 80px;position: absolute;}
.headbox .telbox::after{top: 15px;}
.headbox .telbox a{top: 15px;}
.headbox .telbox:hover a{top: 10px;}
.navbox{width:100%;max-width: 100%;position:fixed;left:0;top:0;background:#1a2433;height:0;overflow:hidden;padding: 0;z-index: 1;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 120px);overflow-y:auto;position:absolute;left:0;top:75px;padding:0 3%;}
.navbox ul li{width:100%;height:auto;text-align:left;border-bottom:1px solid #3d5271;padding: 0 60px 0 0;}
.navbox ul li a{padding: 0 15px;color: #fff;}
.navbox ul li a::after{content: none;}
.navbox ul li[t="business"] dl,
.navbox ul li dl{width:100%;left: 0;}
.navbox ul li dl::before{top: 3px;left: 45px;}
.navbox ul li dl::after{width: 60px;height: 57px;content: ">";position: absolute;text-align: center;line-height: 57px;font-size: 21px;color: rgba(255,255,255,.6);right: 0;bottom: 100%;font-family: "宋体";font-weight: 600;}
}
@media only screen and (max-width:768px){
.headbox{margin-bottom: 50px;}
.headbox .cut{height: 50px;}
.navico{width:50px;height:50px;}
.headbox .telbox{right: 70px;}
.headbox .telbox::after{top: 10px;}
.headbox .telbox a{top: 10px;}
.headbox .telbox:hover a{top: 5px;}
.navbox ul{top:65px;}
}
@media only screen and (max-width:425px){
.headbox .telbox{right: 60px;}
}

/* banner */
.bannerpic{width: 100%;height: 0;padding-bottom: 720px;position: relative;}
.bannerpic ul{width: 100%;height: 100%;position: absolute;display: flex;flex-wrap: nowrap;}
.bannerpic ul li{width:100%;height: 100%;float: left;flex-shrink: 0;position: relative;text-align: center;overflow: hidden;}
.bannerpic ul li a{width: 100%;height: 100%;float: left;position: relative;}
.bannerpic ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
.bannerpic .btn{width: 100%;text-align: center;position: absolute;bottom: 0;height: 40px;}
.bannerpic .btn span{display:inline-block;height: 34px;margin:0 10px;cursor:pointer;border:3px solid #fff;opacity: .75;box-shadow: 0 2px 5px rgba(0,0,0,.2);}
.bannerpic .btn span img{height: 100%;position: relative;z-index: -1;}
.bannerpic .btn span.on{opacity: 1;border-color: #ffb01f;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 50%;}
.bannerpic .btn{height: 40px;}
.bannerpic .btn span{height: 30px;}
}
@media only screen and (max-width:1024px){
.bannerpic .btn{height: 25px;}
.bannerpic .btn span{width: 16px;height: 16px;border-radius: 50%;background: #ccc;border-color: #fff;opacity: 1;}
.bannerpic .btn span.on{background: #fbb01f;border-color: #fff;}
.bannerpic .btn span img{display: none;}
}
@media only screen and (max-width:425px){
.bannerpic .btn span{margin: 0 5px;}
}

/* advantage */
.advantage{background: url(../images/bg1.jpg) center no-repeat fixed;padding: 65px 0 60px;}
.advantage ul{width: 105%;margin: 0 -2.5%;overflow: hidden;text-align: center;}
.advantage li{width: 25%;float: left;border-left: 1px solid rgba(255,255,255,.5);color: #fff;line-height: 1;}
.advantage li div{display: inline-block;margin: 0 auto;padding-left: 85px;background: left center no-repeat;text-align: left;}
.advantage li p{font-weight: 600;font-size: 30px;line-height: 45px;white-space: nowrap;overflow: hidden;height: 45px;}
.advantage li p em{font-style: normal;font-size: 24px;padding: 0 5px;}
.advantage li span{float: left;width: 100%;font-size: 21px;line-height: 30px;white-space: nowrap;overflow: hidden;}
.advantage li.txt1{border-left: 0;}
.advantage li.txt1 div{background-image: url(../images/shangjia.png);}
.advantage li.txt1 p{font-size: 40px;}
.advantage li.txt2 div{background-image: url(../images/xinggj.png);}
.advantage li.txt3 div{background-image: url(../images/jinpai.png);}
.advantage li.txt4 div{background-image: url(../images/haoping.png);}

@media only screen and (max-width:1200px){
.advantage{padding: 55px 0 50px;}
.advantage li div{padding-left: 80px;}
.advantage li.txt1{width: 27%;}
.advantage li.txt2,
.advantage li.txt3{width: 24%;}
}
@media only screen and (max-width:1024px){
.advantage{background-size: 100% auto;background-attachment: unset;}
.advantage ul{width: 100%;margin: 0;}
.advantage li div{padding-left: 90px;min-width: 260px;}
.advantage li.txt1,
.advantage li.txt2{width: 50%;padding-bottom: 35px;border-bottom: 1px solid rgba(255,255,255,.5);}
.advantage li.txt3{width: 50%;padding-top: 35px;border: 0;}
.advantage li.txt4{width: 50%;padding-top: 35px;}
}
@media only screen and (max-width:768px){
.advantage{background-size: 100% 100%;}
.advantage li div{padding-left: 80px;min-width: 265px;}
.advantage li.txt2,
.advantage li.txt4{padding-left: 15px;}
}
@media only screen and (max-width:560px){
.advantage{padding: 45px 0 40px;}
.advantage li div{width: 100%;text-align: center;padding: 90px 0 0;background-position: center 5px;min-width: auto;}
.advantage li p{height: 50px;line-height: 50px;}
.advantage li.txt1,
.advantage li.txt2{padding: 5px 5px 25px;}
.advantage li.txt3,
.advantage li.txt4{padding: 30px 5px 5px;}
}
@media only screen and (max-width:425px){
.advantage li p{height: 40px;line-height: 40px;font-size: 24px;}
.advantage li.txt1 p{font-size: 32px;}
.advantage li span{height: 30px;line-height: 30px;font-size: 16px;font-weight: 600;}
}

/* title */
.home-title{width: 96%;margin: 0 auto;overflow: hidden;line-height: 1;text-align: center;margin-bottom: 50px;}
.home-title p{width: 100%;}
.home-title p img{height: 45px;}
.home-title a{display: inline-block;padding: 25px 0 15px;font-size: 42px;}
.home-title span{display: block;width: 100%;font-size: 18px;color: #787878;padding-bottom: 15px;}
.home-title em{display: block;width: 30px;height: 2px;background: #0050c0;overflow: hidden;margin: 0 auto;}

@media only screen and (max-width:1200px){
.home-title{margin-bottom: 30px;}
}
@media only screen and (max-width:768px){
.home-title p img{height: 30px;}
.home-title a{padding: 20px 0 10px;font-size: 30px;}
.home-title span{font-size: 16px;}
}
@media only screen and (max-width:425px){
.home-title{margin-bottom: 25px;}
}


/* business */
.businessbox{padding: 75px 0;background: #f7f8f9;}
.businessbox .w1280{background: #fff;overflow: hidden;box-shadow: 0 10px 25px rgba(128,128,128,.2);}
.businessbox ul{padding: 12px;overflow: hidden;}
.businessbox ul li{width: 50%;float: left;border: 12px solid #fff;background: #0050c0;color: #fff;padding: 30px;}
.businessbox ul li.txt2,
.businessbox ul li.txt3{background: #ffa71a;}
.businessbox ul li .tit{width: 95%;overflow: hidden;font-size: 50px;line-height: 1;float: left;}
.businessbox ul li .tit span{display:block;width: 50px;height: 20px;overflow: hidden;border-bottom: 2px solid #fff;}
.businessbox .w1280 ul li .txt{width: 95%;overflow: hidden;font-size: 16px;padding-top: 20px;height: 120px;float: left;line-height: 24px;}
.businessbox .w1280 ul li .more{float: left;border-bottom: 1px solid rgba(255,255,255,.5);font-size: 18px;}
.businessbox .w1280 ul li .more a{color: #fff;line-height: 30px;}
.businessbox .w1280 ul li .icon{width: 30px;height: 30px;float: right;}
.businessbox .w1280 ul li .icon img{width: 60%;position: relative;float: right;margin-top: 8px;}

@media only screen and (max-width:1200px){
.businessbox{padding: 55px 0;}
.businessbox ul{padding: 10px;}
.businessbox ul li{border-width: 10px;}
.businessbox ul li .tit{font-size: 40px;}
.businessbox .w1280 ul li .txt{font-size: 15px;}
}
@media only screen and (max-width:1024px){
.businessbox ul li{border-width: 5px;padding: 25px 20px;}
.businessbox ul li .tit{font-size: 32px;width: 100%;}
.businessbox .w1280 ul li .txt{width: 100%;}
.businessbox .w1280 ul li .more{font-size: 16px;}
}
@media only screen and (max-width:768px){
.businessbox{padding: 45px 0;}
.businessbox ul li{width: 100%;}
.businessbox ul li.txt3{background: #0050c0;}
.businessbox ul li.txt4{background: #ef8206;}
.businessbox .w1280 ul li .txt{height: auto;margin-bottom: 15px;}
.businessbox .w1280 ul li .more{font-size: 16px;}
}
@media only screen and (max-width:425px){
.businessbox{padding: 40px 0 35px;}
.businessbox .w1280 ul{padding: 5px;}
.businessbox .w1280 ul li .tit{font-size: 30px;}
}

/* case */
.homrbtn{width: 6%;max-width: 50px;height: 100%;max-height:80px;overflow: hidden;position: absolute;top: 50%;margin-top: -40px;}
.homrbtn input{width: 200%;height: 100%;overflow: hidden;position: absolute;top: 0;display: block;background: url(../images/btn3.png) center no-repeat;cursor: pointer;background-size: 100% auto;}
.homrbtn input:hover{background-image: url(../images/btn2.png);}
.homrbtn.btn_l{left: -65px;}
.homrbtn.btn_l input{left: 0;}
.homrbtn.btn_r{right: -65px;}
.homrbtn.btn_r input{right: 0;}

.casebox{padding: 75px 0;}
.casecla{padding-bottom: 35px;}
.casecla ul{display: flex;justify-content: center;flex-wrap: wrap;}
.casecla ul li{float: left;padding: 0 10px 10px;flex-shrink: 0;}
.casecla ul li a{display: block;padding: 0 35px;font-size: 16px;font-weight: 600;color: #fff;line-height: 50px;border-radius: 25px;background: #0050c0;}
.casecla ul li:hover a{background: #ffa71a;}

.casepic{position: relative;}
.casepic .picon{width: 100%;overflow: hidden;}
.casepic .picon ul{width: 200%;display: flex;flex-wrap: nowrap;}
.casepic .picon ul li{width: 50%;float: left;flex-shrink: 0;position: relative;padding: 0 5px;}
.casepic .picon ul li .pic{width: 62%;overflow: hidden;background: #f7f8f9;text-align: center;float: left;}
.casepic .picon ul li .pic a{display: block;width: 100%;height: 0;padding-bottom: 60%;position: relative;overflow: hidden;}
.casepic .picon ul li .pic img{width: 100%;min-height: 100%;max-height: none;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.casepic .picon ul li .pic:hover a{-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

.casepic .picon ul li .txt{width: 42%;overflow: hidden;position: absolute;height: 80%;bottom: 10%;background: #0050c0;right: 5px;padding: 35px 40px;}
.casepic .picon ul li .txt .titl{width: 100%;overflow: hidden;}
.casepic .picon ul li .txt .titl a{font-size: 20px;font-weight: 600;line-height: 30px;color: #fff;display: block;margin-bottom: 15px;max-height: 60px;overflow: hidden;}
.casepic .picon ul li .txt .titl span{display: block;width: 100%;height: 2px;border-left: 50px solid #fff;}
.casepic .picon ul li .txt .text{width: 100%;overflow: hidden;padding-top: 25px;color: #fff;line-height: 2;font-size: 16px;max-height: 190px;}
.casepic .picon ul li .txt .text p{display: inline;}
.casepic .picon ul li .txt .text img,
.casepic .picon ul li .txt .text br,
.casepic .picon ul li .txt .text table{display: none;}

@media only screen and (max-width:1440px){
.homrbtn.btn_l{left: -1.5%;}
.homrbtn.btn_r{right: -1.5%;}
.casepic .picon{width: 94%;margin: 0 auto;}
.casepic .picon ul li .pic a{padding-bottom: 65%;}
.casepic .picon ul li .txt .text{padding-top: 20px;max-height: 210px;}
}
@media only screen and (max-width:1200px){
.casebox{padding: 55px 0;}
.casecla{padding: 10px 0 30px;}
.casepic .picon ul li .txt{padding: 30px;}
.casepic .picon ul li .txt .titl a{font-size: 18px;line-height: 25px;max-height: 50px;}
.casepic .picon ul li .txt .text{line-height: 1.8;font-size: 15px;max-height: 180px;}
}
@media only screen and (max-width:1024px){
.casecla{padding: 0 0 25px;}
.casecla ul li{padding: 5px;}
.casecla ul li a{padding: 0 25px;line-height: 40px;font-size: 15px;}
.casepic .picon ul li{width: 25%;padding: 0;}
.casepic .picon ul li::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;transition: .5s;z-index: 5;}
.casepic .picon ul li .pic{width: 96%;float: none;margin: 0 auto;}
.casepic .picon ul li .pic a{padding-bottom: 100%;}
.casepic .picon ul li .txt{width: 96%;right: 2%;bottom: 0;background: rgba(0,0,0,.75);height: auto;padding: 3% 5%;}
.casepic .picon ul li .txt .titl{position: relative;}
.casepic .picon ul li .txt .titl a{font-size: 16px;line-height: 24px;padding: 1% 0;margin: 0;white-space: nowrap;text-overflow: ellipsis;}
.casepic .picon ul li .txt .titl span{width: 0;height: 1px;border: 0;background: #fff;position: absolute;left: 0;bottom: 0;}
.casepic .picon ul li .txt .text{padding: 0;height: 0;font-size: 14px;line-height: 24px;}
.casepic .picon ul li:hover::after{width: 0;}
.casepic .picon ul li:hover .txt .titl a{padding: 2% 0 3%;}
.casepic .picon ul li:hover .txt .titl span{width: 100%;}
.casepic .picon ul li:hover .txt .text{height: 110px;padding-top: 10px;}
}
@media only screen and (max-width:768px){
.casebox{padding: 45px 0;}
.casecla ul li a{padding: 0 15px;}
.casepic .picon{width: 90%;}
.casepic .picon ul li .txt .titl a{font-size: 15px;}
}
@media only screen and (max-width:560px){
.casepic .picon ul li{width: 50%;}
.casebox .picon ul li .txt p{font-size: 24px;line-height: 46px;}
}
@media only screen and (max-width:425px){
.casebox{padding: 35px 0;}
}

/* honor */
.honorbox{padding: 75px 0;background: #f8f8f8;}
.honorbox::after{position: absolute;z-index: 1;content: "";width: 100%;height: 200px;background: #e4e6e9;left: 0;bottom: 0;}
.honorbox .w1280{position: relative;z-index: 2;}
.honorbox .pic{width: 100%;overflow: hidden;padding-top: 15px;}
.honorbox .pic img{width: 100%;}
.honorbox .txt{width: 100%;padding: 20px 2% 35px;background: url(../images/icon2.png) repeat-x;background-size: 100% 100%;font-size: 26px;text-align: center;overflow: hidden;line-height: 30px;}
.honorbox .txt p{width: 25%;float: left;height:100px;position: relative;}
.honorbox .txt p span{display: block;width: 100%;padding: 0 10px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-height: 60px;overflow: hidden;}
.honorbox .txt p em{display: block;width: 30px;height: 2px;background: #454545;position: absolute;bottom: 0;left: 50%;margin-left: -15px;}
.honorbox .yy{width: 100%;height: 6px;overflow: hidden;background: url(../images/icon3.png) no-repeat;background-size: 100% 100%;border-radius: 3px;}

.honorbox .pic2,
.honorbox .yy2,
.honorbox .txt2{display: none;}
.honorbox .txt2 p{width: 50%;}

@media only screen and (max-width:1200px){
.honorbox{padding: 55px 0;}
.honorbox::after{height: 0;padding-bottom: 15%;}
}
@media only screen and (max-width:1024px){
.honorbox .pic{padding: 0;}
.honorbox .txt{padding: 15px 2% 25px;font-size: 22px;}
.honorbox .txt p{height:80px;}
}
@media only screen and (max-width:1024px){
.honorbox{padding: 45px 0 40px;}
.honorbox .pic{padding-top: 10px;}
.honorbox .txt{padding: 15px 9% 25px;font-size: 22px;}
.honorbox .txt p{height:80px;}
}
@media only screen and (max-width:768px){
.honorbox{padding: 45px 0 30px;}
.honorbox::after{content: none;}
.honorbox .pic1,
.honorbox .yy1,
.honorbox .txt1{display: none;}
.honorbox .pic2,
.honorbox .yy2,
.honorbox .txt2{display: block;}
}
@media only screen and (max-width:425px){
.honorbox{padding: 35px 0 30px;}
.honorbox .txt{padding: 5px 9% 15px;font-size: 16px;font-weight: 600;line-height: 24px;}
.honorbox .txt p{height:60px;}
}

/* abanner */
.abannerpic{width: 100%;height: 0;padding-bottom: 790px;position: relative;}
.abannerpic ul{width: 100%;height: 100%;position: absolute;display: flex;flex-wrap: nowrap;}
.abannerpic ul li{width:100%;height: 100%;float: left;flex-shrink: 0;position: relative;text-align: center;overflow: hidden;}
.abannerpic ul li a{width: 100%;height: 100%;float: left;position: relative;}
.abannerpic ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
.abannerpic .btn{width: 100%;text-align: center;position: absolute;bottom: 0;height: 25px;}
.abannerpic .btn span{display:inline-block;height: 10px;margin:0 10px;cursor:pointer;opacity: .5;background: #ffa71a;width: 50px;}
.abannerpic .btn span.on{opacity: 1;}

@media only screen and (max-width:1580px){
.abannerpic{padding-bottom: 50%;}
}
@media only screen and (max-width:768px){
.abannerpic .btn{height: 20px;}
.abannerpic .btn span{height: 8px;width: 40px;}
}

/* album */
.albumbox .picon{width: 100%;overflow: hidden;background: #2d2d2d;}
.albumbox .picon ul{width:100%;display: flex;flex-wrap: nowrap;}
.albumbox .picon ul li{width: 100%;float: left;flex-shrink: 0;overflow: hidden;position: relative;height: 0;padding-bottom: 51%;z-index: 1;}
.albumbox .picon ul li img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;}

.albumbox .btn{width: 100px;position: absolute;right: 120px;bottom: 25px;z-index: 10;overflow: hidden;}
.albumbox .btn p{width:49%;padding-bottom: 49%;text-align: center;background: #0050c0;font-weight: 600;color: #fff;height: 0;position: relative;}
.albumbox .btn span{display: block;width: 100%;font-size: 30px;line-height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;font-family: "宋体";}
.albumbox .btn .btn_l{float: left;}
.albumbox .btn .btn_r{float: right;}
.albumbox .btn p:hover{background: #ef8206;}

@media only screen and (max-width:1200px){
.albumbox .btn{right: 100px;}
}
@media only screen and (max-width:1024px){
.albumbox .btn{width: 80px;right: 80px;bottom: 10px;}
}
@media only screen and (max-width:768px){
.albumbox .btn{width: 60px;}
.albumbox .btn span{font-size: 24px;}
}
@media only screen and (max-width:480px){
.albumbox .btn{right: 15px;}
}

/* video */
.videomain{padding: 100px 0;}

.videomain .w1280{position: relative;padding: 25px 0;}
.videomain .picon{width: 101%;margin: 0 -.5%;overflow: hidden;}
.videomain .picon ul{width: 200%;display: flex;flex-wrap: nowrap;}
.videomain .picon ul li{width: 12.5%;float: left;flex-shrink: 0;text-align: center;overflow: hidden;}
.videomain .picon ul li p{width: 94%;margin: 0 auto;overflow: hidden;position: relative;background: rgba(0,0,0,.5);cursor: pointer;}
.videomain .picon ul li p em{display: block;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;position: relative;background: #000;z-index: -1;}
.videomain .picon ul li p em img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.videomain .picon ul li p span{display: block;width: 100%;padding: 0 5%;position: absolute;left: 0;top: 55%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.videomain .picon ul li p span img{width: 36px;height: 36px;-webkit-transition: .5s;transition: .5s;}
.videomain .picon ul li p span i{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-style: normal;color: #fff;font-size: 16px;padding-top: 15px;}
.videomain .picon ul li:hover p span img{-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

.videomain .more{width: 100%;overflow: hidden;text-align: center;margin-top: 40px;}
.videomain .more a{display: inline-block;padding: 0 35px;line-height: 50px;border-radius: 25px;background: #0050c0;font-size: 24px;color: #fff;margin: 0 auto;}
.videomain .more a:hover{background: #ef8206;}

@media only screen and (max-width:1440px){

.videomain .picon{width: 94%;margin: 0 auto;}
}
@media only screen and (max-width:1200px){
.videomain{padding: 75px 0;}
.videomain .more{margin-top: 30px;}
}
@media only screen and (max-width:1024px){
.videomain{padding: 50px 0;}
.videomain .w1280{padding: 10px 0;}
.videomain .picon{width: 91%;}
.videomain .picon ul li{width: 16.66%;}
.videomain .picon ul li p{width: 96%;}
}
@media only screen and (max-width:768px){
.videomain .picon{width: 90%;}
.videomain .picon ul li p span i{font-size: 14px;}
.videomain .more a{padding: 0 35px;line-height: 40px;border-radius: 20px;font-size: 16px;font-weight: 600;}
}
@media only screen and (max-width:560px){
.videomain{padding: 40px 0;}
.videomain .w1280{padding: 0;}
.videomain .picon ul li{width: 25%;}
}
@media only screen and (max-width:480px){
.videomain .btn{width: 8%;}
.videomain .picon{width: 88%;}
}
@media only screen and (max-width:425px){
.videomain .picon{width: 86%;}
.videomain .picon ul li{width: 50%;}
}

/*底部*/
.footbox{background: url(../images/bg2.jpg) center no-repeat;color: #fff;line-height: 30px;font-size: 15px;}
.footbox .footcon{position: relative;overflow: hidden;padding: 50px 0 45px;}
.footbox a{color: #fff;}
.footbox a:hover{color: #fbb01f;}
.footbox .ftcn{float: left;padding: 0 4%;border-left: 1px solid rgba(255,255,255,.5);}
.footbox .tit{font-size: 18px;font-weight: 600;line-height: 30px;height: 40px;}
.footbox .con{width: 100%;overflow: hidden;padding-top: 5px;}
.footbox .con p a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.footbox .flogo{float: left;padding: 5px 1% 0 4%;}
.footbox .flogo span{display: block;height: 50px;line-height: 30px;font-size: 18px;font-weight: 600;}
.footbox .ftct{border: 0;}
.footbox .ftct .con p a{display: inline;}
.footbox .ftal{padding-right: 0;}
.footbox .ftal .con{width: 240px;}
.footbox .ftal p{width: 50%;padding-right: 15px;float: left;}
.footbox .bottom{background: rgba(0,45,110,.5);text-align: center;padding: 15px 0;}

@media only screen and (max-width:1200px){
.footbox{font-size: 14px;}
.footbox .ftcn{padding: 0 4%}
.footbox .tit{font-size: 16px;}
.footbox .flogo{padding-left:2%;}
.footbox .ftct .con{max-width: 205px;}
.footbox .ftal{padding-right: 0;}
.footbox .ftal .con{width: 210px;}
}
@media only screen and (max-width:1024px){
.footbox .footcon{display: none;}
}


/* position */
.position{padding: 100px 0 90px;background: url(../images/bg3.jpg) center no-repeat;color: #fff;}
.position::after{content: "";width: 100%;height: 100%;background: rgba(0,80,190,.9);position: absolute;left: 0;top: 0;z-index: 1;}
.position .w1280{position: relative;z-index: 2;}
.position .title{width: 100%;}
.position .title p{font-size: 60px;line-height: 1;margin-bottom: 20px;}
.position .title p a{color: #fff;}
.position .title span{display: block;width: 50px;height: 4px;background: #ffb01f;}
.position .title em{display: block;padding-top: 100px;font-size: 18px;font-style: normal;color: #6095e0;text-transform: uppercase;}
.position .icon{display: block;width: 35px;height: 35px;position: absolute;right: 0;text-align: center;}
.position .icon img{max-width: 100%;}
.position span.icon{top: 0;}
.position em.icon{bottom: -5%;}

/* page */
.page{width:100%;padding:30px 0 20px;text-align:center;overflow:hidden;color: #666;}
.page a{border:1px solid #ccc;padding:1px 5px;color:#666;background:#FeFeFe;margin:2px;}
.page .pcurrent a,
.page a:hover{border:1px solid #1b4db3;color:#1b4db3;}
.page .pmsg{color: #999;}

/* goback & next */
.container{padding: 50px 0;}
.container .goback{width:100%;text-align:center;height:50px;line-height:40px;color:#787878;background:#f0f2f4;padding: 5px;}
.container .next{width:100%;color:#787878;padding:20px 0 5px;text-align:center;overflow: hidden;}
.container .next p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;padding:5px 15px;}

@media only screen and (max-width:1360px){
.position{padding: 75px 0;}
.position .w1280{width: 90%;}
.position .title em{padding-top: 60px;}
.container{padding: 35px 0;}
}
@media only screen and (max-width:1024px){
.position{background-size: auto 100%;}
}
@media only screen and (max-width:768px){
.position{padding: 55px 0;}
.position .title p{font-size: 42px;}
.position .title em{padding-top: 35px;font-size: 16px;}
.container{padding: 25px 0;}
}
@media only screen and (max-width:560px){
.position .w1280{width: 85%;}
.position .title em,
.position em.icon{display: none;}
}
@media only screen and (max-width:425px){
.position .title p{font-size: 36px;}
}


/* newslist */
.newslist ul li{width:100%;overflow: hidden;padding: 25px 0;}
.newslist ul li .pic{width:35%;float: left;overflow: hidden;background: #f2f2f2;}
.newslist ul li .pic a{padding-bottom: 230px;}
.newslist ul li .pic a img{width: 100%;min-height: 100%;max-height: none;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.newslist ul li .txt{width: 60%;float: right;position: relative;}
.newslist ul li .titl{width: 80%;font-size: 24px;padding: 25px 0 10px;line-height: 1.2;float: left;}
.newslist ul li .time{width:100%;font-size: 15px;color: #999;overflow: hidden;position: relative;float: left;}
.newslist ul li .time a{color: #999;position: absolute;left: -5px;top: 0;}
.newslist ul li .time a:hover{color: #ff7f00;}
.newslist ul li .time span{float: right;}
.newslist ul li .text{width: 80%;overflow: hidden;padding-top: 50px;position: relative;line-height: 28px;color: #808080;max-height:130px;float: left;}
.newslist ul li .text::after{width: 25px;height: 2px;background: #ff7f00;position: absolute;left: 0;top: 25px;content: "";}
.newslist ul li .text img,
.newslist ul li .text br,
.newslist ul li .text table{display: none;}
.newslist ul li .more{position: absolute;right: 0;bottom: 5px;line-height: 20px;text-transform: uppercase;font-size: 12px;}
.newslist ul li .more a{display: inline-block;border: 1px solid #ddd;border-radius: 12px;padding: 0 12px;color: #999;}
.newslist ul li .more a:hover{border-color: #ff7f00;color: #fff;background: #ff7f00;}

@media only screen and (max-width:1360px){
.newslist ul li{padding: 15px 0;}
}
@media only screen and (max-width:768px){
.newslist ul li .pic a{padding-bottom: 180px;}
.newslist ul li .txt{width: 62%;}
.newslist ul li .titl{font-size: 18px;padding: 10px 0 5px;font-weight: 600;}
.newslist ul li .text{width:100%;padding-top: 10px;line-height: 24px;height:85px}
.newslist ul li .text::after{content: none;}
.newslist ul li .more{position: relative;padding-top: 10px;line-height: 24px;float: left;bottom: 0;}
.newslist ul li .more a{display: block;}
}
@media only screen and (max-width:560px){
.newslist ul li .pic,
.newslist ul li .txt{width: 100%;}
.newslist ul li .pic a{padding-bottom: 50%;}
.newslist ul li .titl{padding: 20px 0 10px;width: 100%;}
.newslist ul li .more{display: none;}
.newslist ul li .text{height: auto;max-height: none;}
}
@media only screen and (max-width:425px){
.newslist ul li .pic a{padding-bottom: 60%;}
}

/* newshow */
.newshow .cont{width: 100%;position: relative;}
.newshow .title{width: 100%;padding:10px 280px 25px 10px;font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newshow .date{position: absolute;right: 10px;top: 0;padding: 18px 0;color: #808080;}
.newshow .date img{width: 18px;margin: -5px 5px 0 0;}
.newshow .content{width: 100%;padding: 25px 10px;border-top: 1px dotted #bbb;font-size: 15px;line-height: 2;}
.newshow .content img{max-width: 100%;}
.newshow .content p{padding: 10px 0;}

@media only screen and (max-width:768px){
.newshow .title{padding:15px 10px 10px;text-align: center;white-space: normal;}
.newshow .date{position: relative;width: 100%;right: 0;text-align: center;padding-top: 0;}
.newshow .content{padding: 15px 5px;line-height: 1.8;}
.newshow .content img{margin: 0 auto;display: block;}
}

/* videos */
.videopage ul{width: 103%;margin: 0 -1.5%;}
.videopage .videolist{width: 33.33%;padding: 1.5% 1.5% 1%;float: left;text-align: center;}
.videopage .videolist p{width: 100%;overflow: hidden;position: relative;background: rgba(0,0,0,.8);cursor: pointer;}
.videopage .videolist em{display: block;width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;position: relative;background: #000;z-index: -1;}
.videopage .videolist em img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.videopage .videolist span{display: block;width: 100%;padding: 0 5%;position: absolute;left: 0;top: 55%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.videopage .videolist span img{width: 36px;height: 36px;-webkit-transition: .5s;transition: .5s;}
.videopage .videolist span i{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-style: normal;color: #fff;font-size: 16px;padding-top: 15px;}
.videopage .videolist:hover span img{-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

@media only screen and (max-width:1024px){
.videopage .videolist{width: 33.33%;}
.videopage .videolist span i{font-size: 14px;}
}
@media only screen and (max-width:768px){
.videopage .videolist{width:50%;padding: 2% 1% 0;}
}
@media only screen and (max-width:480px){
.videopage .videolist em{padding-bottom: 65%;}
.videopage .videolist span i{padding-top: 10px;}
}

/* honor */
.honorpage .cont ul{width: 103%;margin: 0 -1.5%;}
.honorpage .cont ul li{width: 25%;padding: 10px 1.5%;text-align: center;float: left;}
.honorpage .cont ul li p{width: 100%;}
.honorpage .cont ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}

@media only screen and (max-width:1024px){
.honorpage .cont ul li{width: 33.33%;}
}
@media only screen and (max-width:640px){
.honorpage .cont ul li{width: 50%;}
}

/* agency */
.agencypage .videoBox{width: 100%;}

.agencypage .cut{padding: 35px 25px;background: #f5f5f5;margin: 35px 0;}
.agencypage .cut p{width: 33.33%;float: left;text-align: center;padding: 25px 15px;}

.agencypage .title{padding: 20px 0;text-align: center;}
.agencypage .title p{font-size: 36px;}
.agencypage .title span{display: block;width: 20px;margin: 0 auto;padding-top: 10px;border-bottom: 2px solid #ef8206;}

.agencypage .text{width: 100%;padding: 20px 0 60px;}
.agencypage .text p{width: 25%;float: left;position: relative;border-radius: 5px;overflow: hidden;text-align: center;padding: 10px 25px 10px 5px;}
.agencypage .text em,
.agencypage .text span{display: block;position: relative;width: 100%;max-width: 240px;height: 130px;border-radius: 5px;margin: 0 auto;}
.agencypage .text em{height: 0;}
.agencypage .text em::before,
.agencypage .text em::after{content: "";width: 20px;height: 130px;background: center no-repeat;position: absolute;top: -130px;z-index: 5;}
.agencypage .text em::before{left: 0;background-image: url(../images/lc6.png);}
.agencypage .text em::after{left: 100%;background-image: url(../images/lc5.png);}
.agencypage .text img{position: absolute;top: 0;left: 50%;margin-left: -120px;}
.agencypage .text .lc1 em::before,
.agencypage .text .lc4 em::after{content: none;}

.agencypage .cont{background: #3e4a54;padding-top:20px;}
.agencypage .cont .title p{color: #fff;}
.agencypage .cont .con{width: 96%;margin: 15px auto;}
.agencypage .cont .con ul{width: 100%;padding-left: 3%;}
.agencypage .cont .con ul li{width: 47%;height:35px;margin: 0 3% 20px 0;float: left;}
.agencypage .cont .con ul li .bg{display: block;width: 100%;height:35px;line-height: 35px;border: 0;background: #fff;border-radius: 5px;text-indent: 15px;float: left;}
.agencypage .cont .con ul .li_1,
.agencypage .cont .con ul .li_3,
.agencypage .cont .con ul .li_4{width: 97%;}
.agencypage .cont .con ul .li_3 .bg{width: 60%;margin-right: 20px;}
.agencypage .cont .con ul .li_3 img{padding:9px 20px 8px;background: #fff;border-radius: 5px;cursor: pointer;}
.agencypage .cont .con ul .li_4{color: #fff;vertical-align: middle;line-height: 35px;}
.agencypage .cont .con ul .li_4 label,
.agencypage .cont .con ul .li_4 input{float: left;margin-right: 10px;}
.agencypage .cont .con ul .li_4 input{height: 36px;}
.agencypage .cont .con ul .li_4 .group{display: inline-block;}
.agencypage .cont .con ul .li_5{height: 46px;width: 97%;margin-bottom: 40px;}
.agencypage .cont .con ul .li_5 .tj{width: 100%;max-width:300px;height:46px;display: block;margin: 0 auto;border: 0;border-radius: 5px;background: #2FBCE7;color: #fff;cursor: pointer;font-size: 16px;font-weight: 600;}
.agencypage .cont .con ul .li_5 .tj:hover{background: #22a4e5;}

.agencypage .cont .tel{width: 1200px;border-top: 1px solid #5f696f;text-align: center;margin: 0 auto;color: #fff;}
.agencypage .cont .tel .tit{font-size: 16px;width: 8em;height:2em;background: #3e4a54;position: relative;top:1em;margin:0 auto;padding: 0;}
.agencypage .cont .tel .con{width: 300px;padding:25px 10px 20px;margin: 0 auto;border: 1px solid #5f696f;}
.agencypage .cont .tel .con span{display: block;width: 100%;height:24px;line-height: 24px;font-size: 16px;}

@media only screen and (max-width:1024px){
.agencypage .cut{padding: 25px 10px;margin: 25px 0;}
.agencypage .cut p{padding: 25px 10px;}
.agencypage .cut p img{height: 90px;}
.agencypage .cont{margin-bottom: 15px;}
}
@media only screen and (max-width:768px){
.agencypage .videoBox{padding: 10px 0;}
.agencypage .cut{padding: 30px 10px 10px;margin: 15px 0;}
.agencypage .cut p{width: 50%;text-align: left;padding: 15px;}
.agencypage .cut p img{height: 110px;}
.agencypage .text{padding: 20px 0 50px;}
.agencypage .text p{width: 50%;}
}
@media only screen and (max-width:640px){
.agencypage .cut p img{height: 90px;}
}
@media only screen and (max-width:560px){
.agencypage .cut p{width: 100%;text-align: left;padding: 15px;}
.agencypage .cut p img{height: 110px;}
.agencypage .text{padding: 10px 0 40px;}
}
@media only screen and (max-width:425px){
.agencypage .cut{padding: 25px 0 0;}
.agencypage .cut p{width: 100%;text-align: left;padding: 15px;}
.agencypage .cut p img{height: 110px;}
.agencypage .cont .con ul li{width: 97%;margin-bottom: 15px;}
.agencypage .cont .con ul .li_3 .bg{margin-right: 10px;}
.agencypage .cont .con ul .li_3 img{padding:9px 15px 8px;}
}

/* introduction */
.introduction .cont{color: #666;text-align: justify;font-size: 18px;text-indent: 2em;line-height: 1.8;}
.introduction .cont p{margin-bottom: 15px;padding: 10px 10px 15px;border-bottom: 1px solid #ccc;}

@media only screen and (max-width:768px){
.introduction .cont{font-size: 16px;}
}
@media only screen and (max-width:425px){
.introduction .cont{font-size: 14px;}
}

/* statement */
.statement .cont{padding: 15px 0;}
.statement .cont p{width: 50%;background: #e8ecf5;float: right;text-align: center;}
.statement .cont p:first-child{padding: 1.17% 0;}
.statement .cont p img{max-width: 100%;}

@media only screen and (max-width:768px){
.statement .cont p{width: 100%;float: none;margin: 0 auto;max-width: 640px;}
}
@media only screen and (max-width:480px){
.statement .cont{padding: 10px 0;}
.statement .cont p:first-child img{max-width:116%;margin: 0 -8%;}
}

/* businesspage */
.businesspage{padding: 0;}
.businesspage .list{width: 100%;overflow: hidden;text-align: center;}
.businesspage .list p{width: 22%;float: left;font-size: 20px;line-height: 70px;position: relative;overflow: hidden;}
.businesspage .list p::after{content: "";width: 0;height: 2px;background: #ff7a05;position: absolute;left: 50%;bottom: 35px;-webkit-transition: .5s;transition: .5s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.businesspage .list p a{width: 100%;padding: 35px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.businesspage .list p.on::after{width: 100px;}
.businesspage .list p.on a{background: #fafafa;color: #ff7a05;-webkit-transform: scale(1.1);transform: scale(1.1);}
.businesspage .list p.dsero,
.businesspage .list p.dsmb{width: 23%;}
.businesspage .list p.dsjx,
.businesspage .list p.dsxd{width: 16%;}

.businesspage .cont{background: #ff7a05 url(../images/zyfwbg.jpg) center no-repeat;background-size: 100% 100%;}
.businesspage .cont .w1280{position: relative;overflow: hidden;}
.businesspage .cont p{float: left;max-width: 100%;position: relative;z-index: 2;}
.businesspage .cont p img{width: 100%;}
.businesspage .cont span{position: absolute;right: 0;top: 0;display: block;z-index: 1;height: 100%;}

@media only screen and (max-width:1024px){
.businesspage .list p{font-size: 16px;line-height: 50px;font-weight: 600;}
.businesspage .list p::after{bottom: 15px;}
.businesspage .list p a{padding: 15px 5px;}
}
@media only screen and (max-width:768px){
.businesspage .list{padding: 3%;}
.businesspage .list p,
.businesspage .list p.dsero,
.businesspage .list p.dsmb,
.businesspage .list p.dsjx,
.businesspage .list p.dsxd{width: 50%;padding: 1%;font-size: 18px;}
.businesspage .list p::after{content: none;}
.businesspage .list p a{background: #f5f5f5;border-radius: 5px;font-weight: 600;color: #666;}
.businesspage .list p.on a{background: #ff7a05;color: #fff;-webkit-transform: none;transform: none;}
.businesspage .cont span{display: none;}
}
@media only screen and (max-width:480px){
.businesspage .list p a{padding: 15px 10px;}
}
@media only screen and (max-width:425px){
.businesspage .list{padding: 3% 2%;}
.businesspage .list p,
.businesspage .list p.dsero,
.businesspage .list p.dsmb,
.businesspage .list p.dsjx,
.businesspage .list p.dsxd{padding: .5%;}
.businesspage .list p a{font-size: 15px;padding: 5px;border-radius: 3px;}
}

/* xqmb */
.position1{width: 96%;max-width: 1280px;margin: 0 auto;padding: 25px 0 20px;text-align: left;font-size: 16px;color: #999;line-height: 30px;font-family: "宋体";}
.position1 > *{font-family: "微软雅黑";}
.xqmbpage{background: #f5f5f5;padding: 2%;}
.xqmbpage .list{width: 100%;}
.xqmbpage .list p{width: 19.9%;padding: 10px 10px 20px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;overflow: hidden;}
.xqmbpage .list p a{width: 100%;overflow: hidden;display: block;}
.xqmbpage .list p img{width: 100%;}
.xqmbpage .list p > a,
.xqmbpage .list p > img{border: 5px solid #fff;box-shadow: 0 2px 10px rgba(128,128,128,.2);}
.xqmbpage .list p:hover{top: -5px!important;}

@media only screen and (max-width:1024px){
.xqmbpage{padding: 3% 2%;}
.xqmbpage .list p{width: 24.9%;}
}
@media only screen and (max-width:768px){
.position1{font-size: 15px;}
.xqmbpage .list p{width: 33.2%;}
}
@media only screen and (max-width:480px){
.xqmbpage .list p{padding: 5px 3px 15px;}
}


/* contact */
.contactpage .cont .txt{width: 42%;float: right;}
.contactpage .cont .txt .tit{font-size: 36px;padding: 35px 0;line-height: 50px;}
.contactpage .cont .txt p{width: 100%;padding: 5px 0 5px 40px;position: relative;line-height: 30px;}
.contactpage .cont .txt p img{position: absolute;left: 0;top: 5px;}
.contactpage .cont .map{width: 50%;float: left;height: 360px}

@media only screen and (max-width:1360px){
.contactpage .cont{padding: 10px 0;}
}
@media only screen and (max-width:1024px){
.contactpage .cont .txt{width: 45%;}
}
@media only screen and (max-width:768px){
.contactpage .cont .txt{width: 100%;padding: 0 10px 25px;}
.contactpage .cont .txt .tit{padding: 15px 0;}
.contactpage .cont .map{width: 100%;}
}
@media only screen and (max-width:480px){
.contactpage .cont .txt{width: 100%;padding: 0 10px 25px;}
.contactpage .cont .txt .tit{padding: 15px 0;}
.contactpage .cont .map{height: 280px;}
}

/*QQ*/
.online_box{position: fixed;right: 5px;bottom: 10px;width: 75px;overflow: visible;z-index:999;}
.online_box .hidd{height:0;}
.online_box p{width:100%;height:75px;cursor:pointer;position:relative;left:0;margin-bottom:1px;overflow: visible;background:none center no-repeat;background-size:auto 100%;border-radius: 3px;}
.online_box,
.online_box p,
.online_box p span,
.online_box p img{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.online_box p *{position:absolute;width:100%;height:100%;top:0;}
.online_box p img{right:50%;width:0;height:0;box-shadow: 0 0 10px rgba(0,0,0,.15);border-radius: 3px;opacity: 0;z-index: -1;}
.online_box p:hover{width:120%;left:-20%;}
.online_box p:hover img{width:150px;height:150px;opacity: 1;right:100%;}
.online_box .r_qq{background-image:url(../images/r_qq.png);background-color:#6da9de;}
.online_box .r_qq a.qq_m{display:none;}
.online_box .r_qq:hover{background-color:#488bc7;}
.online_box .r_wx{background-image:url(../images/r_wx.png);background-color:#78c340;}
.online_box .r_wx:hover{background-color:#58a81c;}
.online_box .r_phone{background-image:url(../images/r_phone.png);background-color:#ffb01f;overflow:hidden;background-position-x:left;}
.online_box .r_phone a{display:none;}
.online_box .r_phone span{display:block;width:150px;height:100%;font-size:20px;line-height:75px;color:#fff;font-family: Arial;white-space: nowrap;overflow:hidden;left:100%;}
.online_box .r_phone:hover{width:300%;left:-200%;background-color:#ff9600;}
.online_box .r_phone:hover span{left:30%;}
.online_box .r_online{background-image:url(../images/r_online.png);background-color:#6da9de;}
.online_box .r_online:hover{background-color:#488bc7;}
.online_box .r_wangw{background-image:url(../images/r_wangw.png);background-color:#1467cc;}
.online_box .r_wangw:hover{background-color:#1157ad;}
.online_box .r_top{height:0;background-image:url(../images/r_top.png);background-color:#666666;}
.online_box .r_top:hover{background-color:#444;}
.online_box > div{width: 100%;line-height: 30px;border-radius: 3px;background: #1b4db3;color: #fff;text-align: center;font-size: 18px;display: none;transition: line-height .5s;float: right;}

@media only screen and (max-width:1360px){
.online_box{width: 50px;}
.online_box p{height:50px;}
.online_box .r_phone span{line-height:50px;}
.online_box .r_phone:hover{width:400%;left:-300%;}
.online_box .r_phone:hover span{left:25%;}
}
@media only screen and (max-width:1024px){
.online_box{width: 30px;bottom: 45%;display: none;}
.online_box .r_qq a.qq_pc{display:none;}
.online_box .r_phone a,
.online_box .r_qq a.qq_m{display:block;}
.online_box{width: 50px;}
.online_box > div{line-height: 50px;}
}
@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
.container .next p{width:100%;text-align: left;}
}