body{font-size: 14px;overflow-x: hidden;text-align: left;}
body>iframe{display:none;}
*{list-style:none;margin:0;padding:0;text-decoration:none;}
ul,li{margin: 0;padding:0;}
a{color: #333;text-decoration:none;}
ul,li{margin: 0;padding:0;}
a:link{text-decoration: none; }
a:visited { text-decoration: none; }
h1,h2,h3,h4,p{margin:0;padding:0;}
.clear{clear: both;}
.float-left{float: left;}
.float-right{float: right;}
.blank10{width: 100%;height: 10px;}
.blank20{width: 100%;height: 20px;}
.blank30{width: 100%;height: 30px;}
.blank50{width: 100%;height: 50px;}
.blank70{width: 100%;height: 70px;}
.blank100{width: 100%;height: 100px;}
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.position-a{position: absolute;}
.position-r{position: relative;}
.content{width: 100%;}
.col1200{width: 1200px;height: auto;margin: 0 auto;}
body::-webkit-scrollbar{width:4px;height:5px;}
body::-webkit-scrollbar-thumb{background:#464646;}
body::-webkit-scrollbar-track{background:#E8E8E8;}
/* banner_css */
.banner{
width: 100%;
height: 100vh;
position: relative;
top: 0px;
overflow: hidden;
}
.banner-height{height: 100vh;}
.carousel-control.left{background:transparent;}
.carousel-control.right{background:transparent;}
.carousel-left.left{
width: 42px;
height: 75px;
position: absolute;
left: 15px;
top:47%;
background: url('../images/index1_07.png') no-repeat;
}
.carousel-right.right{
width: 42px;
height: 75px;
position: absolute;
right: 15px;
top:47%;
background: url('../images/index1_10.png') no-repeat;
}
.carousel-indicators .dot-set.active{
background-color:#015198;
border: #015198;
}
.carousel-indicators .dot-set{
background-color:#fff;
}
.banner-date{
/*position: absolute;
left: 0px;
bottom: 0px;
z-index: 9; */
width:436px;
height: 230px;
background: rgba(0,0,0,0.7);
padding: 10px;
margin-top:10px;
border-radius: 8px;
}
.banner-weather{padding-left: 5px;border-bottom: 1px solid #fff;}
.banner-flow-txt{color: #fff;}
.banner-flow{margin-top: 15px;}
.banner-flow-1{
font-size: 15px;
color: #fff;
float:left;
display: inline-block;
height: 43px;
line-height: 43px;
}
.banner-flow-2{
font-size: 20px;
color: #fff;
background: #4ad300;
padding: 0 15px;
height: 43px;
line-height: 43px;
border-radius: 5px;
float:left;
display: inline-block;
margin-left: 20px;
}
.banner-flow-3{
width: 178px;
height: 42px;
float:left;
display: inline-block;
background: url('../images/flow_bg_03.png') repeat;
font-size: 28px;
line-height: 42px;
color: #fff;
letter-spacing:16px;
text-indent: 9px;
margin-left: 20px;
position: relative;
}
.banner-number{
position: absolute;
right: -10px;
}
.banner-news{
/*position: relative;
left: 0px;
bottom: 234px;
z-index: 9;*/
width: 436px;
height: 40px;
}

.col-main .banner-news{
position: absolute;
top: -50px;
left: 0px;
}
.banner-news-icon{
display: inline-block;
position:absolute;
background: url('../images/banner_news_icon_03.png') no-repeat center left;
width: 210px;
height: 61px;
left: -18px;
z-index: 10;
top: -58px;
}
.banner-news-title{
width: 436px;
height: 40px;
background: url('../images/banner_news_icon1_03.png') no-repeat center left 10px rgba(0,0,0,0.7);
position:absolute;
overflow: hidden;
}
.banner-news-title2{
width: 430px;
top: -52px;
left: 0px;
}
.carousel.vertical .carousel-inner {
  height: 100%;
  width: 100%;
}
.carousel.vertical .carousel-inner > .item {
  width: 100%;
  -webkit-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}
@media all and (transform-3d), (-webkit-transform-3d), (-ms-transform-3d), (-moz-transform-3d) {
  .carousel.vertical .carousel-inner > .item {
-webkit-transition: 0.6s ease-in-out;
-ms-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
  }
  .carousel.vertical .carousel-inner > .item.next, .carousel.vertical .carousel-inner > .item.active.right {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
top: 0;
  }
  .carousel.vertical .carousel-inner > .item.prev, .carousel.vertical .carousel-inner > .item.active.left {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
  }
  .carousel.vertical .carousel-inner > .item.next.left, .carousel.vertical .carousel-inner > .item.prev.right, .carousel.vertical .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
top: 0;
  }
}
.items-a{
width: 100%;
height: 40px;
line-height: 40px;
display: block;
padding: 0 10px;
font-weight: 300;
}
.banner-news .up{margin-top:0;}
.banner-news .down{margin-top: 26px;}
.carousel-control-set{
position: absolute;
right: 10px;
width:20px;
height: 20px;
left:auto;
}
.title-set{
color: #fff;
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-indent: 30px;
line-height: 40px;
}
.date-set{color: #fff;}
.banner-main-box{
width: 436px;
/*height: 333px;*/
position:absolute;
bottom: 50px;
left: 70px;
z-index: 999;
}
.banner-btn-close{
width: 22px;
height: 22px;
background: url('../images/banner_date_btn_03.png') no-repeat center;
/*position:relative;
right: 0;
top: 33px;
z-index: 10;*/
display: inline-block;
margin-left: 414px;
}
.banner-btn{
width: 157px;
height: 71px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
z-index: 10;
}
.banner-a{
width: 100%;
height: 100vh;
display: block;
}
/* index_css */
.header{
width: 100%;
height: 90px;
background: url('../images/headerbg.png') no-repeat center;
padding: 0 5%;
position: absolute;
z-index: 99;
top: 0;
}
.logo{
float: left;
height: 68px;
margin-top: 10px;
}
.header-mian{
position: relative;
width: 100%;
top: 0px;
}
.header-language{
float:right;
margin-top: 5px;
}
.header-date .web-wap{
float: right;
padding: 0 10px;
position: relative;
}
.header-date .web-wap a{
height: 18px;
line-height: 18px;
display: block;
padding-top: 7px;
color: #fff;
}
.header-date .web-wap a img{margin: 0 auto; display: block; float: left;}
.header-date .web-wap:hover img.web-wap-code{
display: block;
}
.header-date .web-wap-code{
position: absolute;
top:30px;
left:-26px;
display: none;
margin: auto;
z-index: 9999;
width: 150px;
height: 150px;
max-width: 150px;
}
.menu{
right: 0;
position: absolute;
height: 90px;
width: 76%;
color:#fff;
}
.menu ul li{
float: left;
width: 9%;
height: 90px;
line-height:90px;
position: relative;
text-align: center;
font-size: 17px;
color:#fff;

}
.menu ul li a{
display: block;
color: #fff;
/*width: 100%;
height: 25px;*/
}
.menu ul li a:hover{
display: block;
color: #fff;
/*width: 100%;
height: 25px;*/
}
.menu ul li.on{background:#F0AC01;display: block;color: #fff;}

.menu-link{
width: 30px;
height: 0px;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
top: 5px;
opacity: 0;
filter: alpha(opacity=0);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
}
.menu ul li:hover .menu-link{
opacity: 1;
filter: alpha(opacity=100);


}
.menu ul li.active .menu-link{
opacity: 1;
filter: alpha(opacity=100);
}
.submenu-box{
width: 868px;
height: 260px;
background: rgba(255,255,255,0.9);
position:absolute;
display: none;
top: 90px;
}
.submenu-nav{
padding:20px 0;
width: 140px;
height: 263px;
background: #009EE6;
float:left;
}
.submenu-nav ul li{
width: 140px;
height: 40px;
float:left;
line-height: 40px;
text-align: center;
}
.submenu-nav ul li a{
color: #fff;
height: 40px;
line-height: 40px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.submenu-nav ul li a:hover{
color: #fff;
background:#F0AC01;
}
.mask-bg-title{
width: 100%;
height: 35px;
position: absolute;
line-height: 35px;
background: rgba(0,0,0,0.5);
bottom: 0;
left: 0;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 10px;
}
.submenu-margin2{left: -200px;}
.submenu-margin3{left: -155px;}
.submenu-margin4{left: -220px;}
.submenu-margin5{left: -346px;}
.submenu-margin6{left: -528px;}
.submenu-margin7{right: -120px;}
.submenu-margin8{right: -15px;width: auto;background: transparent;}
.submenu-main{
width: 724px;
padding: 20px;
float:left;
height: 263px;
}
.submenu-img{
width: 100%;
height: 115px;
}
.submenu-img1{
width: 100%;
height: 152px;
}
.submenu-img2{
width: 100%;
height: 316px;
}
.submenu-img3{
width: 153px;
height: 130px;
float:left;
position: relative;
margin: 14px 9px;
overflow: hidden;
}
.submenu-img5{
width: 153px;
height: 153px;
float:left;
margin: 14px 9px;
}
.submenu-img6{
width: 153px;
height: 102px;
float: left;
position: relative;
margin: 5px 8px;
overflow: hidden;
}
.submenu-img4{
width: 100%;
height: 216px;
}
.submenu-2code-title{
margin-top:10px;
}
.submenu-img-title{
width: 100%;
height: 25px;
position: absolute;
bottom: 0;
left: 0;
background:rgba(0,0,0,0.7);
text-align: center;
line-height: 25px;
color: #fff;
}
.submenu-main-left{
width: 325px;
height: 224px;
padding-right: 20px;
font-size: 14px;
overflow: hidden;
border-right: 1px solid #ccc;
float:left;
}
.submenu-main-right{
width: 338px;
height: 224px;
float:right;
}
.submenu-main-right1{
width: 326px;
border: 0;
margin-left: 20px;
}
.submenu-main-right .submenu-main-right-img{
width: 141px;
height: 100px;
float:left;
margin: 7px;
margin-right: 21px;
}
.submenu-img3-box{
width: 171px;
height: 226px;
float: left;
}
.submenu-img3-box p{
padding: 0 10px;
padding-top: 0px;
font-size: 14px;
text-align: left;
height: 64px;
overflow: hidden;
}
.submenu-main .submenu-img3 .a-submenu-img{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.submenu6-img-txt{margin-top:20px;}
.submenu-main2 .submenu-img3{margin:10px 21px;}
.mask-bg{
width: 100%;
height: 100%;
position:absolute;
left: 0;
top:0;
opacity: 0;
filter: alpha(opacity=0);
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.icon-video{
width: 80px;
height: 80px;
background:url('../images/video.svg') no-repeat center;
background-size: 80px;
position:absolute;
left:0;
right: 0;
top:0;
bottom:0;
margin: auto;
border-radius: 50%;
opacity: 0;
filter: alpha(opacity=0);
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.submenu-img2:hover .mask-bg{
opacity: 1;
filter: alpha(opacity=100);
}
.submenu-img2:hover .icon-video{
opacity: 1;
filter: alpha(opacity=100);
}
.submenu-main .a-block{
width: 305px;
height: 115px;
position:relative;
top: 0;
left: 0;
display: block;
margin-bottom: 5px;
overflow: hidden;
}
.submenu-main .a-block1{
height: 224px;
font-size:14px;
}
.submenu-main .a-block2{
width: 335px;
height: 224px;
}
.submenu-main .a-block1 p{
margin-top: 14px;
line-height: 25px;
text-align: left;
}
.submenu-main ul li{
width:100%;
height: 25px;
text-align: left;
margin: 1px 0;
padding-left: 2px;
line-height: 25px;
font-size: 14px;
}
.submenu-main ul li .subnews-title{
width: 100%;
float:left;color: #0093dd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}/*
.submenu-main ul li .subnews-date{
width: 20%;
float:right;
text-align: right;
color: #999;
}*/
.submenu-main ul li a:hover{
color: #f60;
}
/*menu-move*/
.submenu-box{
display: none;
}
.menunav:hover .submenu-box{
display: block;
animation: fadeIn .5s both alternate;
-webkit-animation: fadeIn .5s both alternate;
}
.menunav:hover .submenu-box .submenu-main a{
animation: zoomIn .7s both alternate;
-webkit-animation: zoomIn .7s both alternate;
}


.bg1{
position: relative;
height: 650px;
}
.img-box{
padding: 0;
text-align: center;
height: 494px;
overflow: hidden;
}
.img-box a{
display: block;
}
.bg1-img-set1{
width: 376px;
height: 289px;
position: relative;
margin-bottom: 4px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: translate(0,0);
-ms-transform: translate(0,0);/* IE 9 */
-webkit-transform: translate(0,0);/* Safari and Chrome */
-moz-transform: translate(0,0);/* Firefox */
}
.bg1-img-set2{
width: 376px;
height: 195px;
margin: 0 auto;
position: relative;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: translate(0,0);
-ms-transform: translate(0,0);/* IE 9 */
-webkit-transform: translate(0,0);/* Safari and Chrome */
-moz-transform: translate(0,0);/* Firefox */
}
.img-box:hover .bg1-img-set1{
transform: translate(0,50px);
-ms-transform: translate(0,50px);/* IE 9 */
-webkit-transform: translate(0,50px);/* Safari and Chrome */
-moz-transform: translate(0,50px);/* Firefox */
}
.img-box:hover .bg1-img-set2{
transform: translate(0,-50px);
-ms-transform: translate(0,-50px);/* IE 9 */
-webkit-transform: translate(0,-50px);/* Safari and Chrome */
-moz-transform: translate(0,-50px);/* Firefox */
}
.bg1-img-title{
width:100%;
height: 67px;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 67px;
text-indent: 70px;
}
.bg1-img-icon{
background: url('../images/zmhjn.png') no-repeat left 92px center #0093dd;
background-size: 48px 48px;
}
.bg1-img-icon2{
background: url('../images/yott.png') no-repeat left 92px center #7fbe25;
background-size: 48px 48px;
}
.bg1-img-icon3{
background: url('../images/jqsp.png') no-repeat left 92px center #f5a100;
background-size: 48px 48px;
}
.bg1-img-txt{
font-size: 15px;
width:100%;
height: 128px;
background: #f6f6f6;
text-align: center;
padding:30px 20px;
color: #666;
line-height: 25px;
border-radius: 0px 0px 8px 8px;
}
.bg2{
height: 980px;
background: url('../images/about.jpg') no-repeat center;
position: relative;
}
.more-btn{
width: 220px;
height: 55px;
line-height: 55px;
color: #fff;
font-size: 16px;
border-radius: 30px;
background: url('../images/index1_34.png') no-repeat center left 75px #f5a100;
background-size: 24px 24x;
text-indent: 40px;
text-align: center;
display: block;
margin: 0 auto;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.more-btn:hover{
color: #fff;
background: url('../images/index1_34.png') no-repeat center left 75px #0093dd;
background-size: 24px 24x;
}
.bg2-p-set{
color: #fff;
text-align:left;
line-height: 30px;
width: 1160px;
font-size: 16px;
margin: 0 auto;
text-indent:2em;
}
.bg2-p-set1{
text-align:left;
line-height: 30px;
width: 900px;
font-size: 16px;
margin: 0 auto;
text-indent:2em;
color: #666;
}
.about-nav{
width: 100%;
height: 290px;
background: rgba(0,0,0,0.2);
position: absolute;
bottom:0;
}
.more-btn1{
width: 161px;
height: 42px;
line-height: 42px;
color: #0093dd;
font-size: 14px;
border-radius: 10px;
background: #fff;
text-align: center;
display: block;
margin: 0 auto;
transform: translate(0,0);
-webkit-transform: translate(0,0);/* Safari and Chrome */
-moz-transform: translate(0,0);/* Firefox */
-ms-transform: translate(0,0);/* IE 9 */
}
.more-btn1:hover{
color: #fff;
}
.about-txt{
height: 55px;
overflow: hidden;
}
.about-txt-1{
width: 100%;
height: 55px;
}
.about-txt-1 h3{
font-size: 24px;
color: #fff;
text-align: center;
}
.about-txt-1 p{
font-size: 14px;
color: #ccc;
text-align: center;
margin-top: 10px;
}
.about-txt .about-txt-1{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: translate(0,0);
-webkit-transform: translate(0,0);/* Safari and Chrome */
-moz-transform: translate(0,0);/* Firefox */
-ms-transform: translate(0,0);/* IE 9 */
opacity: 1;
filter: alpha(opacity=100);
}
.about-nav-list:hover .about-txt .about-txt-1{
transform: translate(0,-55px);
-webkit-transform: translate(0,-55px);/* Safari and Chrome */
-moz-transform: translate(0,-55px);/* Firefox */
-ms-transform: translate(0,-55px);/* IE 9 */
opacity: 0;
filter: alpha(opacity=0);
}
.about-txt .more-btn1{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: translate(0,-20px);
-webkit-transform: translate(0,-20px);/* Safari and Chrome */
-moz-transform: translate(0,-20px);/* Firefox */
-ms-transform: translate(0,-20px);/* IE 9 */
opacity: 0;
filter: alpha(opacity=0);
}
.about-nav-list:hover  .about-txt .more-btn1{
transform: translate(0,-45px);
-webkit-transform: translate(0,-45px);/* Safari and Chrome */
-moz-transform: translate(0,-45px);/* Firefox */
-ms-transform: translate(0,-45px);/* IE 9 */
opacity: 1;
filter: alpha(opacity=100);
}
.about-nav-list:hover  .about-txt .about-txt-1{
opacity: 0;
filter: alpha(opacity=0);
}
.more-btn1:hover{
border-radius: 10px;
background: #f5a100;
}
.bg3{
height: 1300px;
background: url('../images/xm.jpg') no-repeat center;
position: relative;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}
.bg3-1{
height: 100px;
}
.company-list{
width: 550px;
height: 551px;
position: relative;
display: block;
margin:0 auto;
margin-bottom: 40px;
overflow: hidden;
}
.company-list1{
width: 276px;
height: 432px;
position: relative;
display: block;
margin:0 auto;
overflow: hidden;
}
.company-list1 .company-img{
width: 100%;
height: 210px;
}
.company-list img{
width: 100%;
}
.company-intro{
background: #fff;
padding: 14px;
height: 276px;
}
.company-intro h3{
width: 100%;
height: 70px;
font-size: 26px;
font-weight: bold;
background: url('../images/bg3_icon_03.png') no-repeat right 30px top 10px;
color: #0093dd;
text-align: left;
border-bottom: 1px solid #ccc;
padding-top: 12px;
line-height: 23px;
}
.company-intro .company-title{
font-size: 16px;
background:transparent;
text-align: center;
}
.company-intro h3 span{
color: #999;
font-size: 16px;
font-weight: normal;
}
.company-intro p{
padding: 5px;
font-size: 14px;
color: #666;
line-height: 25px;
text-align: left;
}
.company-intro .company-txt{
height: 110px;
overflow: hidden;
}
.black-bg{
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: scale(0.5,0.5);
-ms-transform: scale(0.5,0.5);/* IE 9 */
-webkit-transform: scale(0.5,0.5);/* Safari 和 Chrome */
-moz-transform: scale(0.5,0.5);/* Firefox */
}
.photo-items:hover .black-bg{
transform: scale(1,1);
-ms-transform: scale(1,1);/* IE 9 */
-webkit-transform: scale(1,1);/* Safari 和 Chrome */
-moz-transform: scale(1,1);/* Firefox */
}
.company-list .black-bg{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
transform: translate(0,551px);
-ms-transform: translate(0,551px);/* IE 9 */
-webkit-transform: translate(0,551px);/* Safari and Chrome */
-moz-transform: translate(0,551px);/* Firefox */
}
.company-list:hover .black-bg{
transform: translate(0,0);
-ms-transform: translate(0,0);/* IE 9 */
-webkit-transform: translate(0,0);/* Safari and Chrome */
-moz-transform: translate(0,0);/* Firefox */
}
.company-list .black-bg .block-title{
transform: scale(1,1);
-ms-transform: scale(1,1);/* IE 9 */
-webkit-transform: scale(1,1);/* Safari 和 Chrome */
-moz-transform: scale(1,1);/* Firefox */
opacity: 0;
filter: alpha(opacity=0);
}
.company-list:hover .black-bg .block-title{
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1,1);
-ms-transform: scale(1,1);/* IE 9 */
-webkit-transform: scale(1,1);/* Safari 和 Chrome */
-moz-transform: scale(1,1);/* Firefox */
}
.black-bg .block-title{
width: 100%;
height: 120px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
margin:auto;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
transform: scale(4,4);
-ms-transform: scale(4,4);/* IE 9 */
-webkit-transform: scale(4,4);/* Safari 和 Chrome */
-moz-transform: scale(4,4);/* Firefox */
}
.black-bg .block-title .black2-img{
width: 118px;
height: 72px;
}
.black-bg .company-logo{
width: 300px;
height: auto;
position:absolute;
left: 0;
right: 0;
top:0;
bottom:0;
margin: auto;
}
.black-bg .company-logo1{
width: 200px;
}
.black-bg .block-title p{
width: 100%;
height: 30px;
padding: 0 40px;
line-height: 30px;
text-align: center;
font-size: 20px;
color: #fff;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.photo-items:hover .black-bg .block-title{
transform: scale(1,1);
-ms-transform: scale(1,1);/* IE 9 */
-webkit-transform: scale(1,1);/* Safari 和 Chrome */
-moz-transform: scale(1,1);/* Firefox */
}
.photo-items:hover .photo-img{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);/* IE 9 */
-webkit-transform: scale(1.1,1.1);/* Safari 和 Chrome */
-moz-transform: scale(1.1,1.1);/* Firefox */
}
.company-list:hover .black-bg{
opacity: 1;
filter: alpha(opacity=100);
}
.bg3-2{
height: 1048px;
/*background: rgba(0,0,0,.7);*/
overflow: hidden;
position: relative;
}
.photo-box{
width: 100%;
height: 642px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin:auto;
}
.flex-container{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.flex-container .photo-items{
box-sizing: border-box;
width: 30%;
height: 321px;
position:relative;
overflow: hidden;
float:left;
}
.flex-container .photo-items:nth-child(1){
width: 20%;
height: 642px;
}
.flex-container .photo-items:nth-child(2){
width: 20%;
height: 642px;
}
.photo-img{
position:absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.bg3-2-btn{
bottom: 70px;
left: 0;
right: 0;
margin:auto;
}
.photo-items:hover .black-bg{
opacity: 1;
filter: alpha(opacity=100);
}
.bg4{
height: 1125px;
background: url('../images/newsbg.jpg') no-repeat center;
position:relative;
overflow: hidden;
}
.bg4-main{
height: 930px;
position:absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin:auto;
}
.bg4-title{
position:absolute;
left: 0;
top:0;
z-index: 99;
}
.news-set{
width: 1025px;
position:absolute;
right:0;
top: 0;
}
.carousel1-height{
height: 832px;
}
.news-list{
width: 1025px;
height: 185px;
margin-bottom:30px;
border-radius:8px;
}
.bg4-btn-set1.left{
width: 33px;
height: 33px;
background: url('../images/index4_07.png') no-repeat;
background-size: 33px;
position:absolute;
top: 800px;
left: -120px;
}
.bg4-btn-set1.left:hover{
width: 33px;
height: 33px;
background: url('../images/index4_071.png') no-repeat;
background-size: 33px;
}
.bg4-btn-set2.right{
width: 33px;
height: 33px;
background: url('../images/index4_09.png') no-repeat;
background-size: 33px;
position:absolute;
top: 800px;
left: -60px;
}
.bg4-btn-set2.right:hover{
width: 33px;
height: 33px;
background: url('../images/index4_091.png') no-repeat;
background-size: 33px;
}
.news-img{
width: 252px;
height: 185px;
overflow: hidden;
position:absolute;
left: 0;
top: 0;
border-radius:8px 0 0px 8px;
}
.news-img1{
width: 252px;
height: 185px;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.news-list a:hover .news-img1{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);/* IE 9 */
-webkit-transform: scale(1.1,1.1);/* Safari and Chrome */
-moz-transform: scale(1.1,1.1);/* Firefox */
}
.news-list a{
width: 100%;
height: 185px;
display: block;
position:absolute;
padding: 20px 0;
padding-left: 280px;
padding-right: 50px;
color: #333;
background: #fff;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
border-radius:8px;
}
.news-list a:hover{background: #f5a100;}
.news-list a:hover .news-data,.news-list a:hover .news-title,.news-list a:hover .news-txt{color: #fff;}
.news-data{
line-height: 30px;
color: #999;
}
.news-title{
height: 35px;
line-height: 35px;
font-size: 18px;
font-weight: bold;
color: #008cd6;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
margin-bottom: 10px;
}
.news-txt{
height: 60px;
line-height: 30px;
color: #666;
overflow:hidden; 
/* text-indent: 2em; */
}
.carousel-fade .carousel-inner .item{
  opacity:0;
filter: alpha(opacity=0);
  -webkit-transition-property:opacity ;
  -moz-transition-property:opacity ;
  -ms-transition-property:opacity ;
  -o-transition-property:opacity ;
  transition-property:opacity ;
}

.carousel-fade .carousel-inner .active{
  opacity: 1;
filter: alpha(opacity=100);
}
.bg4-btn{
bottom: 0;
left: 0;
right: 0;
margin:auto;
}
.footer-bg1{
height: 260px;
background: url('../images/downbg.jpg') no-repeat center;
overflow: hidden;
}
.footer-bg2{
background: #009EE6;
line-height: 50px;
margin-bottom:-1px;
color: #fff;
}
.footer-bg2 a{
color: #fff;
}
.footer-main1{
width: 130px;
height: auto;
}
.footer-main2{
width: 400px;
height: auto;
margin-left: 20px;
color: #fff;
margin-top:0px;
}
.footer-main3 img{
margin-top:10px;
}
.footer-main4 h3{font-size: 14px; color: #fff; }
.footer-main4 div a{ color: #fff; float: left;  margin-right: 10px;}

.footer-tel{
line-height: 36px;
}


/* tool-box_css */
.tool-box{
width:70px;
height: 282px;
right:0px;
bottom:50px;
position: fixed;
z-index: 9998;
background: url('../images/index1_16.png') no-repeat center;
background-size: 80px;
}
.tool-item{
width:70px;
height: 45px;
display: block;
position: relative;
margin-top:10px;
}
.tool-btn-back:before{
content: "";
position: absolute;
left: 0;
top:0;
width:70px;
height: 45px;
/*background: url('../images/index_35.png') no-repeat center center #f75208;
background-size: 24px 13px;
border-radius: 50%;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-back:after{
content: "";
white-space: pre;
position: absolute;
left: 0;
top:50px;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_35.png') no-repeat center center #f75208;
background-size: 24px 13px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn{
width:70px;
height: 45px;
position: absolute;
top:0;
left: 0;
display: block;
overflow: hidden;
z-index: 999;
font-size: 14px;
text-align: center;
line-height: 45px;
}
.tool-btn:hover:before{
top:-50px;
}
.tool-btn:hover:after{
top:0px;
}
.tool-btn-pay{
line-height: 22px;
}
.tool-btn-pay:before{
content: "";
position: absolute;
left: 0;
top:0;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_24.png') no-repeat center center #0093dd;
background-size: 24px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-pay:after{
content: "";
white-space: pre;
position: absolute;
left: 0;
top:50px;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_24.png') no-repeat center center #0093dd;
background-size: 23px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-ser:before{
content: "";
position: absolute;
left: 0;
top:0;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_24.png') no-repeat center center #0093dd;
background-size: 24px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-ser:after{
content: "";
white-space: pre;
position: absolute;
left: 0;
top:50px;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_24.png') no-repeat center center #0093dd;
background-size: 23px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-wechat:before{
content: "";
position: absolute;
left: 0;
top:0;
width:70px;
height: 45px;
/*background: url('../images/index_28.png') no-repeat center center #00dd1a;
background-size: 27px 23px;
border-radius: 50%;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-btn-wechat:after{
content: "";
white-space: pre;
position: absolute;
left: 0;
top:50px;
width:70px;
height: 45px;
/*border-radius: 50%;
background: url('../images/index_28.png') no-repeat center center #00dd1a;
background-size: 27px 23px;*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-item1:hover:after{
position: absolute;
content: "";
opacity: 1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.tool-item1:after{
content: "";
position: absolute;
right: 70px;
bottom:-6px;
width:150px;
height: 150px;
background: url('../images/code.jpg') no-repeat;
background-size: 150px;
opacity: 0;
-webkit-transform-origin:95% 95%;
-moz-transform-origin:95% 95%;
-ms-transform-origin:95% 95%;
transform-origin:95% 95%;
-webkit-transform:scale(0.01);
-moz-transform:scale(0.01);
-ms-transform:scale(0.01);
transform:scale(0.01);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
/*-webkit-box-shadow:0 0 10px #000;*/
}
.tool-item2:after{
background: url('../images/code2.jpg') no-repeat;
background-size: 150px;
}

.ins-bg1{
min-height: 100vh;
background:url('../images/ins_aboutBg_02.jpg') no-repeat center center; 
position: relative;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}
.ins-bg2{
background:url('../images/ins_bg2_02.jpg') no-repeat center center; 
background-attachment: fixed;
}
.ins-bg3{
background:url('../images/ins_bg3_01.jpg') no-repeat center center; 
background-attachment: fixed;
}
.ins-bg4{
background:url('../images/ins_bg4_01.jpg') no-repeat center center; 
background-attachment: fixed;
}
.ins-bg5{
background:url('../images/ins_bg5_01.jpg') no-repeat center center; 
background-attachment: fixed;
}
.ins-bg6{
background:url('../images/ins_bg6_01.jpg') no-repeat center center;
background-attachment: fixed;
}
.footer-ins{
position: fixed;
bottom: 0;
z-index: 9998;
}
.ins-mian{
width: 1200px;
height: 2000px;
background: #fff;
margin:0 auto;
}
.col-title{
height: 88px;
margin-top:20px;
text-align: center;
background: url('../images/ins_icon_03.png') no-repeat center bottom 0px;
}
.cn-txt{
font-size: 30px;
color: #fff;
}
.eng-txt{
font-size: 12px;
color: #fff;
text-transform:uppercase;
}
.col-main{
width: 1200px;
height: auto;
margin: 0 auto;
background: rgba(255,255,255,.9);
margin-top:30px;
margin-bottom:100px;
padding: 20px;
border-radius: 5px;
position: relative;
}
.col-main-nav{
width: 100%;
text-align: center;
margin:0 auto;
border-bottom: 1px dashed #ccc;
}
.col-search-nav{
border-bottom:0;
}
.col-main-nav1{
width: 100%;
margin:0 auto;
border-bottom: 1px dashed #ccc;
}
.col-main-nav1 a{
color: #999;
}
.col-main-nav1 a:hover{
color: #333;
}
.col-main-nav a{
display: inline-block;
width: 90px;
height: 43px;
background:#0093dd;
color: #fff;
line-height: 43px;
border-radius: 5px;
margin:0 10px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.col-main-nav a:hover{
background:#ff9900;
}
.col-main-nav a.active{
background:#ff9900;
}
.col-list{
position: relative;
}
.col-list ul .col-items1{
position: relative;
margin: 40px 0;
width: 100%;
height: 185px;
}
.items-img{
width: 253px;
height: 185px;
overflow: hidden;
position:absolute;
left: 0;
top: 0;
}
.items-img1{
width: 253px;
height: 185px;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.col-list ul .col-items1:hover .items-img1{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);/* IE 9 */
-webkit-transform: scale(1.1,1.1);/* Safari and Chrome */
-moz-transform: scale(1.1,1.1);/* Firefox */
}
.items-main{
width: 100%;
height: 185px;
display: block;
position:absolute;
padding-left: 280px;
color: #333;
}
.items-title{
width: 100%;
height: 25px;
font-size: 18px;
font-weight: bold;
color: #008cd6;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
}
.items-txt{
margin: 20px 0;
color: #666;
/* text-indent: 2em; */
height: 75px;
font-size: 15px;
line-height: 25px;
overflow: hidden;
}
.items-data{
position: absolute;
bottom: 0;
color: #666;
height: 25px;
line-height: 25px;
}
.items-look{
background:url('../images/news_info_06.png') no-repeat  center left;
margin: 0 20px;
text-indent: 30px;
display: inline-block;
}
.items-good{
background:url('../images/news_info_03.png') no-repeat  center left;
text-indent: 30px;
display: inline-block;
}
.items-good1{
margin: 0 20px;
}
.items-more-btn{
display: inline-block;
position: absolute;
bottom: 0;
right: 10px;
width: 104px;
height: 30px;
border-radius: 5px;
line-height: 30px;
text-align: center;
color: #fff;
background:#ff9900;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.col-list ul .col-items1:hover .items-more-btn{
background:#e96106;
color: #fff;
}
.col-list ul .col-items1:hover .items-title{
color: #e96106;
}
/* page_css */
.page {padding-top:20px;text-align: center; font-size: 14px;}
.page a {background: rgb(255, 255, 255); margin: 0px 3px; padding: 0px 8px; border: 1px solid rgb(221, 221, 221); line-height: 30px; display: inline-block; min-width: 13px;}
.page a:hover {background: rgb(248, 248, 248);}
.page a.active {background:#cc3333; border-color:#cc3333; color: rgb(255, 255, 255);}
.page a.current {background:#red; border-color:#cc3333; color: rgb(255, 255, 255);}

.page span{margin:0 3px;/* border:1px solid #00BDF2; */line-height:35px;padding:0 15px;background:#00BDF2;color:#FFFFFF;display:inline-block;border-radius: 3px;}
.page  a{margin:0 3px;   border:1px solid #eee;line-height:35px;background:#fff; display:block; color:#333; padding:0 15px;display:inline-block;border-radius: 3px;}
.page  a:hover {margin:0 3px;   border:1px solid #00BDF2;line-height:35px; background:#00BDF2; color:#fff; padding:0 15px;display:inline-block;border-radius: 3px;}

.col-mian-title{
width: 50%;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #333;
display: inline-block;
float:left;
}
.col-mian-nav{
width: 50%;
height: 30px;
line-height: 40px;
text-align: right;
color: #999;
display: inline-block;
float:right;
font-size:14px;
}
.col-list ul .col-items2{
width: 266px;
height: auto;
float:left;
margin: 10px 9px;
}
.col-items-img{
width: 266px;
height: 338px;
overflow: hidden;
position: relative;
}
.col-items-img1{
width: 266px;
height: 338px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.col-items-img1 img{
width: auto;
min-width: 266px;
min-height: 338px;
display: block;
margin: 0 auto;
}
.col-items-img2{
width: 266px;
height: 180px;
}
.col-items-img2-1{
width: 266px;
height: 180px;
}
.col-items-title{
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0;
}
.col-items2 a:hover .col-items-img1{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);/* IE 9 */
-webkit-transform: scale(1.1,1.1);/* Safari and Chrome */
-moz-transform: scale(1.1,1.1);/* Firefox */
}
.items-look2{
line-height: 40px;
color: #fff;
}
.items-good2{
line-height: 40px;
color: #fff;
}
.col-items-txt{
font-size: 16px;
color: #333;
line-height: 40px;
height: 40px;
width: 100%;
padding: 0 10px;
text-align: center;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.col-items2 a:hover .col-items-txt{
color: #0093dd;
}
.col-items3{
width: 100%;
height: 120px;
position: relative;
border-bottom: 1px dashed #ccc;
margin-top: 26px;
}
.items-title2{
width: 50%;
padding-left: 30px;
background:url('../images/p_icon.svg') no-repeat center left;
background-size: 20px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.items-data{
right: 0;
top: 0;
}
.col-items3 a:hover .items-title2{
background:url('../images/p_icon1.svg') no-repeat center left;
background-size: 20px;
padding-left: 40px;
color: #f0ac01;
}
.col-special-list{
width: 524px;
height: 425px;
float:left;
position: relative;
margin: 23px;
}
.col-special-img{
width: 524px;
height: 425px;
}
.col-special-title{
width: 100%;
height: 65px;
line-height: 65px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
color: #fff;
font-size: 20px;
background: #0093dd;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.col-special-list a:hover .col-special-title{
background: #ff9900;
}
#dowebok .section{
position: relative;
}
.about-ins-bg1{
background: url('../images/about_bg_01.jpg') no-repeat center;
background-size: 100%;
}
.about-ins-bg2{
background: url('../images/about_bg_02.jpg') no-repeat center;
background-size: 100%;
}
.about-ins-bg3{
background: url('../images/about_bg_03.jpg') no-repeat center;
background-size: 100%;
}
.about-ins-bg4{
background: url('../images/about_bg_04.jpg') no-repeat center;
background-size: 100%;
}
.about-ins-bg5{
background: url('../images/about_bg_05.jpg') no-repeat center;
background-size: 100%;
}
.about-ins-bg6{
background: url('../images/about_bg_04.jpg') no-repeat center;
background-size: 100%;
min-height: 100vh;
position: relative;
overflow: hidden;
background-attachment: fixed;
background-size: cover;
}
.about-ins-page1{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 970px;
height: 300px;
text-align: center;
}
.about-ins-page1-img{
margin-top: 100px;
opacity: 0;
filter: alpha(opacity=0);
transition:1s;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
}
.active .about-ins-page1-img{
margin-top: 0px;
opacity: 1;
filter: alpha(opacity=100);
transition:1s 1s;
-webkit-transition:1s 1s;
-moz-transition:1s 1s;
-ms-transition:1s 1s;
}
.about-ins-page1-txt{
width: 100%;
height: 83px;
line-height: 83px;
color: #00b0ec;
font-size: 30px;
text-align: center;
border-radius: 20px;
margin-top: 150px;
background: #fff;
font-weight: 300;
opacity: 0;
filter: alpha(opacity=0);
transition:1.5s 1s;
-webkit-transition:1.5s 1s;
-moz-transition:1.5s 1s;
-ms-transition:1.5s 1s;
}
.active .about-ins-page1-txt{
margin-top:40px;
opacity: 1;
filter: alpha(opacity=100);
transition:1.5s 1s;
-webkit-transition:1.5s 1s;
-moz-transition:1.5s 1s;
-ms-transition:1.5s 1s;
}
.about-ins-page2{
position: absolute;
left: 0;
right: 0;
top: 300px;
bottom: 0;
margin: auto;
width: 1200px;
height: 650px;
background: url('../images/about_page2_infoBg_03.png') no-repeat left bottom rgba(255,255,255,.95);
border-radius: 20px;
overflow: hidden;
}
.about-ins-txt{
width: 500px;
position: absolute;
right: 20px;
top:60px;
overflow-y :auto;
height: 550px;
}
.about-ins-txt p{
text-indent: 2em;
margin: 10px 0;
line-height: 30px;
font-size: 14px;
}
.about-ins-page3{
position: absolute;
left: 0;
right: 0;
top: 0px;
bottom: 0;
margin: auto;
width: 1200px;
height: 650px;
}
.video-about{
width: 100%;
height: 500px;
position: absolute;
top:0;
left: 0;
background: #333;
}
.video-about iframe{
width: 100%;
height: 100%;
position: absolute;
vertical-align:bottom;
display:block;
}
.about-ins-page4{
position: absolute;
left: 0;
right: 0;
top: 300px;
bottom: 0;
margin: auto;
width: 1200px;
height: 650px;
background: url('../images/page4_mainBg_03.png') no-repeat center bottom rgba(255,255,255,.95);
overflow: hidden;
}
.page-move{
opacity: 0;
filter: alpha(opacity=0);
transition:.7s .5s;
-webkit-transition:.7s .5s;
-moz-transition:.7s .5s;
-ms-transition:.7s .5s;
}
.active .page-move{
top:7%;
opacity: 100;
filter: alpha(opacity=100);
transition:.7s .5s;
-webkit-transition:.7s .5s;
-moz-transition:.7s .5s;
-ms-transition:.7s .5s;
}
.page4-title-img{
position: absolute;
top: 20px;
left: 30px;
}
.page4-move{
left: 130px;
opacity: 0;
filter: alpha(opacity=0);
transition:.7s .5s;
-webkit-transition:.7s .5s;
-moz-transition:.7s .5s;
-ms-transition:.7s .5s;
}
.active .page4-move{
left: 30px;
opacity: 100;
filter: alpha(opacity=100);
transition:.7s .5s;
-webkit-transition:.7s .5s;
-moz-transition:.7s .5s;
-ms-transition:.7s .5s;
}
.page4-main-list{
width: 879px;
height: 456px;
position: absolute;
right: 30px;
top: 30px;
}
.page4-main-list img{
float: left;
margin: 0 14px;
position: relative;
}
.page4-move-1{
left: 130px;
opacity: 0;
filter: alpha(opacity=0);
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.page4-move-1:hover{
-webkit-box-shadow:0 0 10px #999;  
-moz-box-shadow:0 0 10px #999;  
box-shadow:0 0 10px #999;  
}
.active .page4-move-1{
left: 0px;
opacity: 100;
filter: alpha(opacity=100);
}
.active .page4-move-time1{
transition:.7s .5s;
-webkit-transition:.7s .5s;
-moz-transition:.7s .5s;
-ms-transition:.7s .5s;
}
.active .page4-move-time2{
transition:.9s .5s;
-webkit-transition:.9s .5s;
-moz-transition:.9s .5s;
-ms-transition:.9s .5s;
}
.active .page4-move-time3{
transition:1.1s .5s;
-webkit-transition:1.1s .5s;
-moz-transition:1.1s .5s;
-ms-transition:1.1s .5s;
}
.active .page4-move-time4{
transition:1.3s .5s;
-webkit-transition:1.3s .5s;
-moz-transition:1.3s .5s;
-ms-transition:1.3s .5s;
}
.active .page4-move-time5{
transition:1.5s .5s;
-webkit-transition:1.5s .5s;
-moz-transition:1.5s .5s;
-ms-transition:1.5s .5s;
}
.active .page4-move-time6{
transition:1.7s .5s;
-webkit-transition:1.7s .5s;
-moz-transition:1.7s .5s;
-ms-transition:1.7s .5s;
}
.page5-main-bg{
background: rgba(255,255,255,.95);
}
.page5-img1{
position: absolute;
height: 100%;
width: auto;
left: 0;
top: 0;
}
.page5-main-txt{
width: 552px;
height: 127px;
position: absolute;
right: 130px;
top: 30px;
text-indent: 2em;
line-height: 35px;
color: #666;
font-size: 14px;

}
.page5-img2{
position: absolute;
top: 30px;
right: 50px;
}
.img-list{
width: 652px;
height: 430px;
position: absolute;
right: 30px;
top: 200px;
}
.page5-img3-1{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.page5-img3-2{
margin:0 40px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.page5-img3-3{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.page5-img3:hover{
transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);/* IE 9 */
-webkit-transform: scale(1.05,1.05);/* Safari and Chrome */
-moz-transform: scale(1.05,1.05);/* Firefox */

}
.spots_li{
width: 272px;
height: 500px;
float:left;
background: #fff;
padding: 10px;
margin: 20px 6px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.spots_li a{
display: block;
}
.spots-img{
width: 100%;
height: 251px;
overflow: hidden;
}
.spots-main{
color: #333;
}
.spots-title{
width:80%;
height: 50px;
font-size: 18px;
text-align: center;
margin: 0 auto;
border-bottom: 1px solid #ccc;
line-height: 50px;
margin-top:20px;
margin-bottom:20px;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
}
.spots-p{
width: 90%;
height: 135px;
line-height: 25px;
overflow: hidden;
margin: 0 auto;
color: #666;
}
.spots_li:hover{
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-webkit-box-shadow:0 0 10px #999;  
-moz-box-shadow:0 0 10px #999;  
box-shadow:0 0 10px #999;  
}
.showPhoto-li{
width: 266px;
height: auto;
float:left;
margin: 20px 9px;
}
.showPhoto-img{
width: 266px;
height: 178px;
overflow: hidden;
}
.showPhoto-img1{
width: 266px;
height: 178px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.showPhoto-title{
width: 100%;
padding: 0 10px;
height: 50px;
line-height: 50px;
text-align: center;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
color: #008cd6;
font-size: 18px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
.showPhoto-li:hover .showPhoto-img1{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);/* IE 9 */
-webkit-transform: scale(1.1,1.1);/* Safari 和 Chrome */
-o-transform: scale(1.1,1.1);/* Opera */
-moz-transform: scale(1.1,1.1);/* Firefox */
}
.showPhoto-li:hover .showPhoto-title{
color: #ff9900;
}
.news-info{
width:100%;
height: auto;
padding: 40px 20px;
}
.news-info p{
margin: 10px 0;
font-size:16px;
text-indent: 2em;
line-height: 32px;
}
.news-info-title{
width: 90%;
text-align: center;
margin: 0 auto;
}
.news-info-date{
max-width:1000px;
margin:15px auto;
text-align: center;
}
.news-info-date p{
margin: 10px 0;
}
.news-info-txt{

display: block;
color: #666;
line-height: 30px;
font-family: "微软雅黑";
margin-top:20px;
}
.news-info-txt img {
max-width: 100%;
margin: 10px auto;
}
.btn-good{
width:90px;
height: 90px;
margin:0 auto;
display: block;
margin-top:50px;
background: url('../images/good_03.png') no-repeat center;
background-size: 90px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
}
.btn-good2{
width:90px;
height: 90px;
margin:0 auto;
display: block;
margin-top:50px;
background: url('../images/good_031.png') no-repeat center;
background-size: 90px;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
}
.btn-good:hover{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
}
.news-info-center{
width:300px;
margin:0 auto;
margin-top:50px;
}
.news-more{
margin-top:50px;
line-height: 50px;
width: 100%;
height: 50px;
border-top:1px solid #ccc; 
}
.news-prev{
width: 50%;
float:left;
color: #52c2f0;
}
.news-next{
text-align: right;
float:right;
width: 50%;
color: #52c2f0;
}
.news-more p a:hover{
color: #52c2f0;
}
.bdsharebuttonbox a{
position: absolute;
right: 29px;
top: 100px;
text-indent: 4px;
}
.bdsharebuttonbox img{
position: absolute;
top: 1px;
left: 0;
}
.news-info .bdsharebuttonbox .bds_more{
background: transparent;
}
.news-info{
position: relative;font-size: 16px;line-height: 32px;
}
.news-date-set{
margin-right: 15px;
}
.online-qq-set{
margin: 0 10px;
}
.flow-img{
float:left;
margin-left: 20px;
margin-top:50px;
}
.flow{
width: 539px;
height: 495px;
float: right;
margin-right: 20px;
margin-top: 70px;
background: url('../images/liuliang2_03.png') no-repeat;
position: relative;
}
.progress-container {
width: 65px;
height: 100%;
background: transparent;
overflow: hidden;
float: left;
margin-left: 10px;
margin-right: 7px;
}
.progress-container.done .progress {
background: #008fcc;
}
.progress-container.done .progress-overlay {
display: none;
}

.progress, .progress-overlay {
position: absolute;
}

.progress {
width: 65px;
background: #adc70d;
z-index: 1;
bottom: 1px;
text-align: center;
font-weight: bold;
transition: background 250ms ease;
margin-bottom: 0;
border-radius: 0;
position: absolute;
overflow: visible;
}
.flow-img2{
position: absolute;
left: -94px;
top: -10px;
}
.flow-value{
width: 142px;
height: 48px;
background: url(../images/flow_bg3_06.png) no-repeat;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 37px;
position: absolute;
top: -60px;
display: inline-block;
left: -3px;
}
.flow-date{
width: 100%;
height: 40px;
line-height: 20px;
position: absolute;
bottom: -50px;
}
.flow-date ul li{
float: left;
margin: 0 8px;
text-align: center;
width: 65px;
}
.input-width{
width: 48%;
}
.input-width2{
width: 30%;
}
.code-img{
width: 172px;
height: 36px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.btn-mes{
position:static;
}
.btn-mes:hover{
background: #0093dd;
color:#fff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
background: #fff;
}
.bespoke-li{
width: 550px;
height: 320px;
background: #fafafa;
float: left;
position: relative;
overflow: hidden;
margin: 20px 10px;
}
.bespoke-img{
width: 233px;
height: 320px;
float: left;
}
.bespoke-main{
float: right;
width: 310px;
height: 320px;
padding:30px;
position:relative;
}
.bes-name{
font-size: 24px;
font-weight: bold;
color:#0093dd;
}
.bes-txt{
line-height: 25px;
margin-top: 10px;
}
.bes-txt2{
color:#666;
}
.bes2-txt{
height: 150px;
overflow: hidden;
}
.btn-bes{
margin-left: 70px;
margin-top: 20px;
position: static;
}
.btn-bes:hover{
color:#fff;
background: #0093dd;
}
.bespoke-img1{
width: 280px;
height: 379px;
float:left;
overflow: hidden;
}
.bespoke-info-mian{
margin-left: 30px;
float:left;
width: 690px;
}
.bes-title{
text-align: left;
margin-left: 0;
margin-top: 30px;
}
.bes-title1{
font-size: 14px;
color:#666;
}
.form-group label{
margin-bottom: 10px;
color: #333;
font-size: 18px;
font-weight: normal;
font-family: "微软雅黑";
}
.tool-btn-font{
line-height: 22px;
}
.qt-box p{
font-size: 14px;
line-height: 30px;
}
.qt-box ul li{
padding: 20px 0;
border-bottom: 1px dashed #ccc
}
.online-i{
padding: 25px;
line-height: 30px;
border-bottom: 1px solid #ddd;
}
.online-strong{
font-weight: bold;
font-size: 16px;
}
/*弹窗样式*/
.tc {
margin: 0 auto;
overflow: hidden;
position: relative;
}
.tc_box{
width: 1200px;
margin: 0 auto;
position: relative;
height: 100vh;
z-index: 999999;
}
.tc-box-tab{
width: 1200px;
margin: 0 auto;
height: 100vh;
overflow: hidden;
}
.tc_box .tc_box-k {
width: 1218px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
margin: 0 auto;
background: #fff;
}
.tc_box-k li{
width: 1200px;
overflow: hidden;
float: left;
display: block;
}
.tc_box-k li:nth-of-type(1){
display: block;
}
.tc_box-k li:nth-of-type(1){
display: block;
}
.tc_box-k li div{
width: 1200px;
float: left;
margin:0 auto 50px;
}
.tc_box-k li.on-k{
}
.tc_box-k li img {
width: 100%;
display: block;
margin: 0 auto;
overflow: hidden;
max-width: 800px;
}
.tc_box .page {
width: 50px;
height: 50px;
display: block;
position: absolute;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
background: #13507b;
}
.tc_box .front {
left: -65px;
/*background: url("../images/tc_front.png") no-repeat rgba(0,0,0,0.3) ;*/
z-index: 9999;
}
.tc_box .front:before {
content: "";
width: 20px;
height: 20px;
display: block;
margin: 15px 20px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);
}
.tc_box .front:hover {
/*background: url("../images/tc_front.png") no-repeat rgba(0,0,0,0.7) ;*/
background: #02141b;
}
.tc_box .next {
right: -65px;
/*background: url("../images/tc_next.png") no-repeat rgba(0,0,0,0.3);*/
z-index: 9999;
}
.tc_box .next:before{
content: "";
width: 20px;
height: 20px;
display: block;
margin: 15px 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);
}
.tc_box .next:hover {
/*background: url("../images/tc_next.png") no-repeat rgba(0,0,0,0.7);*/
background: #02141b;
}
.tc_box_text {
width: 426px;
height: 610px;
margin: 0 auto;
overflow: hidden;
float: right;
background: #fff;
}
.tc_box_text .poem{
display: none;
}
.tc_box_text .circle-cur{
display: block;
}
.tc_box_text .text-zw {
margin: 45px auto;
overflow: hidden;
padding: 0 23px;
}
.tc_box-k .text-zw-h3 {
width: 1200px;
overflow: hidden;
font-size: 18px;
color: #333333;
text-align: center;
font-weight: bold;
float: left;
/*border-bottom: 1px dashed #cccccc;*/
height: 54px;
line-height: 54px;
background: #fff;
}
.tc_box_text .text-zw-p{
margin: 0 auto;
overflow: hidden;
font-size: 14px;
color: #666666;
line-height: 26px;
text-align: center;
}
.tc_box_text .text-zj {
margin: 0 auto;
overflow: hidden;
padding: 0 25px;
height: 250px;
}
.tc_box_text .text-zj-span{
font-size: 14px;
color: #666666;
line-height: 26px;
}
.tc_box_text .text-zj-p{
font-size: 14px;
color: #666666;
text-align: left;
line-height: 26px;
text-align: justify;
}
.tc_box .ck_btn {
font-size: 14px;
color: #666666;
text-align: center;
display: block;
width: 135px;
height: 31px;
line-height: 31px;
border: 1px solid #009ee6;
border-radius: 5px;
position: absolute;
bottom: 20px;
left:0;
right:0;
margin: auto;
}
.tc_box .close_btn {
margin: 0 auto;
font-size: 50px;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
overflow: hidden;
position: fixed;
top: 10px;
right: 10px;
z-index: 999999;
}
.col-main .content img{ margin: 0 auto; display: block;}

/* 响应式设计@media */

/* 桌面 */
@media screen and (max-width:1440px) {.tc_box{width: 1000px;}
.tc_box-k {width: 1000px;}
.tc-box-tab{width: 1000px;}
.tc_box .tc_box-k{width: 1018px;}
.tc_box-k li{width: 1018px;}
.tc_box-k .text-zw-h3{width: 1000px;}
.tc_box-k li div{width: 1000px;}
.flex-container .photo-items:nth-child(1){width: 30%;height: 642px;}
.flex-container .photo-items:nth-child(2){width: 30%;height: 642px;}
.flex-container .photo-items{width: 40%;}
.flex-container .photo-items:nth-child(5){display: none;}
.flex-container .photo-items:nth-child(6){display: none;}
.tc_box_text {width: 350px;height: 510px;}
.tc_box_text .text-zw {margin: 15px auto;}
.tc_box_text .text-zw-h3{margin: 0 auto 10px;}
.tc_box_text .text-zw-p{line-height: 24px;}
.tc_box_text .text-zj{height: 180px;}
}

/* 平板 */
@media screen and (max-width:980px) {}

/* 安卓 */
@media screen and (max-width:720px) {}

/* iphone6 */
@media screen and (max-width:640px) {}

/* iphone5 */
@media screen and (max-width:320px) {}

@media screen and (max-height:768px) {.about-ins-page2{
height: 550px;
background: url('../images/about_page2_infoBg_03.png') no-repeat left bottom -100px rgba(255,255,255,.95);
border-radius: 20px;
overflow: hidden;
}
.about-ins-page3{height: 550px;}
.about-ins-page4{height: 550px;}
.img-list{height: 327px;overflow: hidden;}
.page5-img1{width: 483px;}
}

@media screen and (max-height:710px) {
.about-ins-page2{
height: 450px;
background: url('../images/about_page2_infoBg_03.png') no-repeat left bottom -100px rgba(255,255,255,.95);
border-radius: 20px;
overflow: hidden;
}
.about-ins-page3{
height: 450px;
}
.about-ins-page4{
height: 450px;
}
.about-ins-txt{height: 340px;}
.img-list{height: 227px;overflow: hidden;}
.page5-img1{width: 483px;}
.page4-main-list img{width: 100px;}
.page5-img3{width: 100px;}
}
/*意见反馈*/
.w1200{ margin: 0 auto;}
.book{ height:auto; margin-top:5px;margin-bottom: 50px;}
.book-lt{ padding:20px;}
.lt { float: left;}
.lr { float:right;}
.mc { margin: 0 auto;}
.book-box{ height: auto; }
.bj-orange{ background-color:#ff4200;}
.dark-green{ background-color:#1aa190;}
h1.book-box-tit{ width:100%; height:38px; line-height:38px; background:#ffda8c; color:#666; font-weight:400; font-size:14px; }
.book-box-tit-name{ width:70px; height:38px; background:url(../images/book-box-tit-name.gif) no-repeat; color:#fff; padding-left:10px; }
.book-box-tit-con{ width:788px; height:38px; text-align:left; margin-left:20px; }
.book-con{ width:100%; height: auto; padding:10px 0; }
.book-con li{ width:100%; float:left; height:40px; line-height:40px; padding:10px 0; color:#666; font-size:14px; }
.book-con li label.book-lab{ width:105px; height:38px; line-height:38px; padding-left:20px; color:#666;text-align: right;margin-right: 15px;}
.book-con li label.book-lab font.red{ margin-right:5px; }
.book-con li input.book-ipt{ width:auto; height:36px; border:1px solid #e2e2e2; padding:0 10px; }
.book-con li.checkli input{margin: 0 5px 0 15px;}
.book-con li.t-area-box{ height:auto; }
.book-con li img.book-ecode-img{ width:68px; height:26px; border:1px solid #ebebeb; margin:5px 0 0 5px; cursor:pointer; }
.book-con li.hint-text{ height:auto; margin-top:10px;}
.book-con li p.tips{ width:auto;line-height:20px; padding:10px;font-size:12px;}
.book-con li.hint-text .tips{ width:auto;line-height:20px; padding:10px 30px 10px 50px; border-top:2px solid #e2e2e2; color:#73a9f0; font-size:12px; background:url(../images/hint.png) no-repeat 23px 11px;}
.book-con li.fombtn{ height:auto; padding:20px 0}
.book-con li .book-btn{ width:114px; height:44px; margin:0 10px; font-size:16px; border: none; color: #FFF; cursor: pointer;overflow: hidden; border-radius:3px;}
.book-con li .book-btn:hover{ opacity:0.8;}
.book-con li .book-tarea{ border:1px solid #eee;font-size:14px; color:#C30; padding:5px;}
.book-list{ width:878px; height:auto; }
.book-list-ul{ width:878px; height:auto; border-bottom:1px solid #eee; padding:8px 0; margin-bottom:5px; }
.book-list-ul li.question,.book-list-ul li.answer{ width:878px; height:auto; }
.book-list-ul li.question span.question-name{ width:70px; height:28px; line-height:28px; background:url(../images/question-bg.gif) no-repeat 0 center; padding-left:20px; color:#f60; font-weight:bold; margin-left:20px; }
.book-list-ul li.question .question-con{ width:760px; height:auto; line-height:28px; }
.book-list-ul li.answer span.answer-name{ width:70px; height:28px; line-height:28px; background:url(../images/answer-bg.gif) no-repeat 0 center; padding-left:20px; color:#f60; font-weight:bold; margin-left:20px; }
.book-list-ul li.answer .answer-con{ width:760px; height:auto; line-height:28px; }
.quesbox{ width:100%; margin-top:20px;}
.ques-titlt{ float:left; margin-left:20px;}
.ques-titlt li{ margin-right:20px; float:left;}
.ques-titlt li.current a{ color:#ff4200;}
.ques-titlt li:hover a{ color:#ff4200;}
.problem-list{ width:100%;}
.problem-list li{ width:100%; float:left; padding:20px 0; border-bottom:1px solid #ebebeb; font-size:14px; color:#666;}
.problem-list li .probcont{ padding:0 15px 0px 35px; line-height:22px; overflow:hidden;}
.problem-list li .probcont span{ display:block;}
.problem-list li .probcont .text{float:left; width:80%; font-weight:bold;}
.problem-list li .right-time{ color:#999; float:right; width:20%; color:#999; text-align:right;}
.problem-list li .right-time i{ margin-left:10px;}
.problem-list li .probcont.wen{ background:url(../images/wen.png) no-repeat 8px 2px; margin-bottom:8px}
.problem-list li .probcont.wen .text{ color:#ff4200;font-weight:normal;}
.problem-list li .probcont.da{ background:url(../images/da.png) no-repeat 8px 2px;}
.problem-list li .probcont.da .text{ font-weight:normal;color:#0b9e40;}