@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333;}
a{ text-decoration:none; color:#333;}
*{ margin:0; border:none; outline:none;}
dl,ul,ol,li,dt,dd,p{ padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*header*/
@media screen and (min-width:1280px){
.header{ position:fixed; left:0; top:0; z-index:110; height:100px; width:100%; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.pos{ background-color:rgba(0,0,0,0.7);}
.header .head{ width:1200px; margin:auto;}
.header .head .sav{ display:none;}
.header .head .logo{ height:100px; float:left;}
.header .head .logo img{ height:60px; display:block; padding-top:20px;}
.header .head .nav{ float:right; height:100px;}
.header .head .nav li{ display:block; float:left; height:120px; position:relative; width:150px; padding-right:1px; background-image:url(../images/nav.png); background-position:right 44px; background-repeat:no-repeat; text-align:center;}
.header .head .nav li>a{ display:inline-block; height:98px; line-height:100px; font-size:16px; color:#fff;}
.header .head .nav li>a:hover{ color:#7fbf3b;}
.header .head .nav li.on>a{ color:#7fbf3b; border-bottom:2px solid #7fbf3b;}
.header .head .nav li dl{ display:none; width:120px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:110px; left:0; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .head .nav li dl:before{ bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header .head .nav li dl dd{ display:block; margin-bottom:7px;}
.header .head .nav li dl dd:last-child{ margin-bottom:0;}
.header .head .nav li dl dd a{ padding:2px 0; display:block; color:#999; line-height:1.2; font-size:0.875rem; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .head .nav li:hover dl{ display:block;}
.header .head .nav li dl dd a:hover{ color:#fff;}

.header .head .tel{ width:16px; float:right; height:100px; margin-left:40px;}
.header .head .tel p{ display:block; cursor:pointer; height:16px; margin:42px 0;}
.header .head .tel p img{ display:block; height:16px;}

.serbox{ width:100%; padding:20px 0; background-color:rgba(255,255,255,0.7); position:fixed; left:0; top:100px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#006ebc; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#fff;}
.serbox .box p span input::-webkit-input-placeholder{ color:#fff;} 
.serbox .box p span input:-moz-placeholder{ color:#fff;} 
.serbox .box p span input::-moz-placeholder{ color:#fff;} 
.serbox .box p span input:-ms-input-placeholder{ color:#fff;} 
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#7fbf3b;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#7fbf3b; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#006ebc; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ position:fixed; left:0; top:0; z-index:110; height:80px; width:100%; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.pos{ background-color:rgba(0,0,0,0.7);}
.header .head{ width:94%; margin:auto;}
.header .head .sav{ display:none;}
.header .head .logo{ height:80px; float:left;}
.header .head .logo img{ height:50px; display:block; padding-top:15px;}
.header .head .nav{ float:right; height:80px;}
.header .head .nav li{ display:block; float:left; height:80px; width:120px; position:relative; padding-right:1px; background-image:url(../images/nav.png); background-position:right 34px; background-repeat:no-repeat; text-align:center;}
.header .head .nav li>a{ display:inline-block; height:78px; line-height:80px; font-size:14px; color:#fff;}
.header .head .nav li>a:hover{ color:#7fbf3b;}
.header .head .nav li.on>a{ color:#7fbf3b; border-bottom:2px solid #7fbf3b;}
.header .head .nav li dl{ display:none; width:120px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:90px; left:0; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .head .nav li dl:before{ bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header .head .nav li dl dd{ display:block; margin-bottom:7px;}
.header .head .nav li dl dd:last-child{ margin-bottom:0;}
.header .head .nav li dl dd a{ padding:2px 0; display:block; color:#999; line-height:1.2; font-size:0.875rem; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .head .nav li:hover dl{ display:block;}
.header .head .nav li dl dd a:hover{ color:#fff;}

.header .head .tel{ width:16px; float:right; height:80px; margin-left:20px;}
.header .head .tel p{ display:block; cursor:pointer; height:16px; margin:32px 0;}
.header .head .tel p img{ display:block; height:16px;}

.serbox{ width:100%; padding:15px 0; background-color:rgba(255,255,255,0.7); position:fixed; left:0; top:80px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#006ebc; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#fff;}
.serbox .box p span input::-webkit-input-placeholder{ color:#fff;} 
.serbox .box p span input:-moz-placeholder{ color:#fff;} 
.serbox .box p span input::-moz-placeholder{ color:#fff;} 
.serbox .box p span input:-ms-input-placeholder{ color:#fff;} 
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#7fbf3b;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#7fbf3b; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#006ebc; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
}
@media only screen and (max-width:768px){
.header{ position:fixed; left:0; top:0; z-index:110; height:60px; width:100%; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x;}
.header.pos{ background-color:rgba(0,0,0,0.7);}
.header .head .sav{ width:60px; height:60px; position:relative; float:left;}
.hamburger{ width:60px; height:60px; position:absolute; top:0; left:0; padding:11px 15px; box-sizing:border-box; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.hamburger.open-menu{ left:calc(100vw - 60px); color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s; background-color:#006ebc;}
.hamburger .h-bar{ display:block; width:100%; height:2px; background-color:rgb(255, 255, 255); margin:8px 0; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(14px);}
.hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-14px);}
.hamburger.open-menu .h-bar{ margin-bottom:0px;}
.bg{ width:100vw; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:calc(-100vw - 60px); top:0; z-index:99; transition: left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.bg.open-menu{ opacity:1; left:calc(100vw - 60px); transition:left 0.3s ease-out 0s;}

ul#main-nav{ padding-top:60px; background-color:rgb(0, 110, 188); display:block; opacity:0; position:fixed; overflow-y:scroll; width:calc(100vw - 60px); height:100%; top:0px; left:calc(-100vw - 60px); color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222;}
ul#main-nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.nav-link{ display:block; overflow:hidden;}
.nav-link span{ display:block; height:50px; line-height:50px; overflow:hidden; position:relative; width:100%;}
.nav-link span a{ display:block; font-size:16px; color:#fff; padding-left:20px;}
.nav-link span::after{
	content: "+";
    background-color: transparent;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height:50px;
    width: 50px;
    font-size:24px;
    color: rgb(255, 255, 255);
    position: absolute;
    right: 10px;
    top: 0px;
    text-align: center;
    transform: rotateZ(0deg);
    transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
.nav-link.active span::after{ transform:rotateZ(135deg);}
.nav-link dl{ display:none; width:100%; overflow:hidden; padding-left:40px; box-sizing:border-box; padding-bottom:10px;}
.nav-link dl dd{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.nav-link dl dd a{ display:block; color:#fff;}
.nav-link.active dl{ display:block;}

.header .head .logo{ float:left; height:60px; width:calc(100vw - 120px);}
.header .head .logo img{ height:40px; display:block; padding-top:10px; margin:auto;}
.header .head .nav{ display:none;}
.header .head .tel{ height:60px; width:60px; float:left;}
.header .head .tel p{ display:block; height:60px; width:60px; cursor:pointer;}
.header .head .tel p img{ display:block; height:16px; padding:22px;}

.serbox{ width:100%; padding:10px 0; background-color:rgba(255,255,255,0.7); position:fixed; left:0; top:60px; z-index:111; display:none;}
.serbox .box{ width:280px; margin:auto;}
.serbox .box p{ display:block; float:left; width:240px; height:30px; background-color:#006ebc; border-radius:70px; padding:2px;}
.serbox .box p span{ width:200px; height:30px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:0.875rem; background-color:transparent; color:#fff; text-indent:10px;}
.serbox .box p span input::-webkit-input-placeholder{ color:#fff;} 
.serbox .box p span input:-moz-placeholder{ color:#fff;} 
.serbox .box p span input::-moz-placeholder{ color:#fff;} 
.serbox .box p span input:-ms-input-placeholder{ color:#fff;} 
.serbox .box p a{ display:block; width:30px; height:30px; float:right; border-radius:50px; background-color:#7fbf3b;}
.serbox .box p a input{ display:block; width:30px; height:30px; background-color:#7fbf3b; border-radius:50px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:24px; height:24px; cursor:pointer; display:block; float:right; margin-top:9px; position:relative;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#006ebc; border-radius:2px;}
.serbox .close::before{ width:2px; height:20px; left:9px; top:0px;}
.serbox .close::after{ width:20px; height:2px; left:0px; top:9px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:100%; position:relative; z-index:0;}
.banner .gallery-top{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); width:70px; height:56px; position:absolute; z-index:3; left:50%; top:50%; margin-left:-600px; margin-top:-35px; text-align:center; border-bottom:1px solid #5b5d66; line-height:56px; font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:36px; color:#7fbf3b;}
.banner .swiper-button-prev{ width:50px; height:50px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; left:50%; margin-left:-390px; bottom:20px; z-index:3; background-image:url(../images/left.png);}
.banner .swiper-button-prev:hover{ background-color:#006ebc;}
.banner .swiper-button-next{ width:50px; height:50px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; left:50%; margin-left:-340px; bottom:45px; z-index:3; background-image:url(../images/right.png);}
.banner .swiper-button-next:hover{ background-color:#006ebc;}
.banner .gallery-thumbs{ width:260px; position:absolute; left:50%; margin-left:-600px; bottom:20px; z-index:2; overflow:hidden;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .gallery-top{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); width:70px; height:56px; position:absolute; z-index:3; left:50%; top:50%; margin-left:-600px; margin-top:-35px; text-align:center; border-bottom:1px solid #5b5d66; line-height:56px; font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:36px; color:#7fbf3b;}
.banner .swiper-button-prev{ width:40px; height:40px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; left:33%; bottom:15px; margin-left:-40px; z-index:3; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-prev:hover{ background-color:#006ebc;}
.banner .swiper-button-next{ width:40px; height:40px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; left:33%; margin-left:0; bottom:30px; z-index:3; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-next:hover{ background-color:#006ebc;}
.banner .gallery-thumbs{ width:30%; position:absolute; left:3%; bottom:15px; z-index:2; overflow:hidden;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .gallery-top{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; position:absolute; z-index:3; left:0%; bottom:0%; text-align:center; font-size:14px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.banner .swiper-pagination span{ text-align:center;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:18px; color:#7fbf3b;}
.banner .swiper-button-prev{ width:30px; height:60px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; left:3%; margin-left:0; top:50%; z-index:3; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-prev:hover{ background-color:#006ebc;}
.banner .swiper-button-next{ width:30px; height:60px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; right:3%; margin-left:0; top:50%; z-index:3; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-next:hover{ background-color:#006ebc;}
.banner .gallery-thumbs{ display:none;}
}

/*pro*/
@media screen and (min-width:1280px){
.pbox{ width:100%; position:relative; height:650px; z-index:0;}
.pbox .sec{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; height:100%;}
.pbox .tab_menu{ width:710px; float:right; height:100%; position:relative; overflow:hidden;}
.pbox .tab_menu li{ padding-left:29px; padding-top:30px; width:100%; box-sizing:border-box; height:130px; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; overflow:hidden;}
.pbox .tab_menu li.selected{ border-left:2px solid #7fbf3b; padding-left:28px;}
.pbox .tab_menu li .tu{ width:30px; float:left;}
.pbox .tab_menu li .tu img{ width:100%; display:block;}
.pbox .tab_menu li .wen{ float:left; margin-left:20px; width:270px;}
.pbox .tab_menu li .wen a{ display:block; font-size:18px; height:24px; line-height:24px; margin-bottom:8px; overflow:hidden;}
.pbox .tab_menu li .wen p{ display:block; font-size:14px; height:40px; line-height:20px; color:#666; overflow:hidden;}
.pbox .tab_menu li.selected a{ color:#006ebc;}
.pbox .tab_menu li.selected p{ color:#333;}
.pbox .boxss{ width:810px; float:left; margin-left:360px; height:100%;}
.pbox .boxss .box{ width:100%; height:100%; position:relative;}
.pbox .boxss .box .left{ width:240px; float:left; padding-top:150px;}
.pbox .boxss .box .left span{ display:block; padding-left:20px; border-left:5px solid #006ebc; height:60px; overflow:hidden;}
.pbox .boxss .box .left span a{ display:block; font-size:24px; font-weight:bold; line-height:32px; height:64px; margin-top:-2px; overflow:hidden;}
.pbox .boxss .box .left ul{ display:block; overflow:hidden; padding-top:36px;}
.pbox .boxss .box .left ul li{ font-size:14px; line-height:34px; height:34px; overflow:hidden; padding-left:16px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat;}
.pbox .boxss .box .left p{ padding-top:21px; padding-left:50px; display:block; overflow:hidden;}
.pbox .boxss .box .left p img{ display:block;}
.pbox .boxss .box .right{ padding:40px; width:490px; height:570px; float:left; display:table; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right a{ display:table-cell; width:100%; height:100%; overflow:hidden; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right img{ max-width:100%; max-height:100%; display:block;}
.pbox .niu{ width:10px; height:100%; float:left; text-align:center; vertical-align:middle; display:table;}
.pbox .niu ul{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.pbox .niu ul li{ display:block; width:8px; height:8px; border-radius:100%; border:1px solid #7fbf3b; margin:10px 0; cursor:pointer;}
.pbox .niu ul li.on{ border:1px solid #006ebc; background-color:#006ebc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; position:relative; z-index:0;}
.pbox .sec{ width:100%; height:550px;}
.pbox .tab_menu{ width:29%; float:right; height:550px; position:relative; overflow:hidden;}
.pbox .tab_menu li{ padding:20px 15px; padding-right:10.347%; width:100%; box-sizing:border-box; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; overflow:hidden;}
.pbox .tab_menu li.selected{ border-left:2px solid #7fbf3b; padding-left:14px;}
.pbox .tab_menu li .tu{ width:9.375%; float:left;}
.pbox .tab_menu li .tu img{ width:100%; display:block;}
.pbox .tab_menu li .wen{ float:right; width:86%;}
.pbox .tab_menu li .wen a{ display:block; font-size:18px; height:24px; line-height:24px; margin-bottom:5px; overflow:hidden;}
.pbox .tab_menu li .wen p{ display:block; font-size:14px; height:40px; line-height:20px; color:#666; overflow:hidden;}
.pbox .tab_menu li.selected a{ color:#006ebc;}
.pbox .tab_menu li.selected p{ color:#333;}
.pbox .boxss{ width:65%; float:left; height:550px; margin-left:3%;}
.pbox .boxss .box{ width:100%; height:100%; position:relative;}
.pbox .boxss .box .left{ width:30%; float:left; padding-top:100px;}
.pbox .boxss .box .left span{ display:block; padding-left:15px; border-left:5px solid #006ebc; height:54px; overflow:hidden;}
.pbox .boxss .box .left span a{ display:block; font-size:22px; font-weight:bold; line-height:30px; height:60px; margin-top:-3px; overflow:hidden;}
.pbox .boxss .box .left ul{ display:block; overflow:hidden; padding-top:25px;}
.pbox .boxss .box .left ul li{ font-size:14px; line-height:30px; height:30px; overflow:hidden; padding-left:16px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat;}
.pbox .boxss .box .left p{ padding-top:15px; padding-left:21%; display:block; overflow:hidden;}
.pbox .boxss .box .left p img{ display:block;}
.pbox .boxss .box .right{ padding:25px 5%; width:60%; height:500px; float:left; display:table; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right a{ display:table-cell; width:100%; height:100%; overflow:hidden; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right img{ max-width:100%; max-height:100%; display:block;}
.pbox .niu{ width:10px; height:100%; float:left; text-align:center; vertical-align:middle; display:table;}
.pbox .niu ul{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.pbox .niu ul li{ display:block; width:8px; height:8px; border-radius:100%; border:1px solid #7fbf3b; margin:10px 0; cursor:pointer;}
.pbox .niu ul li.on{ border:1px solid #006ebc; background-color:#006ebc;}
}
@media only screen and (max-width:768px){
.pbox{ width:100%; position:relative; z-index:0;}
.pbox .sec{ width:100%; height:500px;}
.pbox .tab_menu{ width:35%; float:right; height:500px; position:relative; overflow:hidden;}
.pbox .tab_menu li{ padding:15px 10px; padding-right:8.575%; width:100%; box-sizing:border-box; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; overflow:hidden;}
.pbox .tab_menu li.selected{ border-left:2px solid #7fbf3b; padding-left:9px;}
.pbox .tab_menu li .tu{ width:100%; float:left;}
.pbox .tab_menu li .tu img{ height:20px; display:block;}
.pbox .tab_menu li .wen{ float:right; width:100%;}
.pbox .tab_menu li .wen a{ display:block; font-size:16px; height:24px; line-height:24px; margin-top:5px; overflow:hidden;}
.pbox .tab_menu li .wen p{ display:block; font-size:14px; height:20px; line-height:20px; color:#666; overflow:hidden;}
.pbox .tab_menu li.selected a{ color:#006ebc;}
.pbox .tab_menu li.selected p{ color:#333;}
.pbox .boxss{ width:59%; float:left; height:500px; margin-left:3%;}
.pbox .boxss .box{ width:100%; height:100%; position:relative;}
.pbox .boxss .box .left{ width:100%; float:left; padding-top:25px;}
.pbox .boxss .box .left span{ display:block; padding-left:15px; border-left:5px solid #006ebc; height:50px; overflow:hidden;}
.pbox .boxss .box .left span a{ display:block; font-size:20px; font-weight:bold; line-height:26px; height:52px; margin-top:-1px; overflow:hidden;}
.pbox .boxss .box .left ul{ display:block; overflow:hidden; padding-top:15px; height:78px;}
.pbox .boxss .box .left ul li{ font-size:14px; line-height:26px; height:26px; overflow:hidden; padding-left:16px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat;}
.pbox .boxss .box .left p{ padding-top:15px; padding-left:21%; display:block; overflow:hidden;}
.pbox .boxss .box .left p img{ display:block;}
.pbox .boxss .box .right{ padding:15px 0; width:100%; height:220px; float:left; display:table; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right a{ display:table-cell; width:100%; height:100%; overflow:hidden; vertical-align:middle; text-align:center;}
.pbox .boxss .box .right img{ max-width:100%; max-height:100%; display:block;}
.pbox .niu{ width:59%; float:left; text-align:center; vertical-align:middle; display:block; position:absolute; left:3%; bottom:20px;}
.pbox .niu ul{ width:100%; display:block; text-align:center; vertical-align:middle; overflow:hidden;}
.pbox .niu ul li{ display:inline-block; width:8px; height:8px; border-radius:100%; border:1px solid #7fbf3b; margin:0 3px; cursor:pointer;}
.pbox .niu ul li.on{ border:1px solid #006ebc; background-color:#006ebc;}
}

/*adv*/
@media screen and (min-width:1280px){
.ybox{ width:100%; height:650px; background-attachment:fixed; background-repeat:no-repeat; position:relative; z-index:0;}
.ybox .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.ybox .title{ padding-left:360px; padding-top:70px; float:left;}
.ybox .title img{ display:block;}
.ybox .nei{ position:relative; float:right; margin-right:360px; margin-top:125px; width:760px; height:400px; background-color:#fff;}
.ybox .nei .swiper-container{ width:100%; height:400px; position:relative; overflow:hidden;}
.ybox .nei .swiper-container .sec{ padding:45px 50px; width:660px; height:310px;}
.ybox .nei .swiper-container .sec .bt{ height:65px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-bottom:25px;}
.ybox .nei .swiper-container .sec .bt span{ display:block; color:#f1f1f1; font-size:36px; height:38px; line-height:38px; text-transform:uppercase;}
.ybox .nei .swiper-container .sec .bt b{ display:block; font-size:24px; height:52px; line-height:52px; position:absolute; left:0; bottom:2px;}
.ybox .nei .swiper-container .sec .wen{ width:100%;}
.ybox .nei .swiper-container .sec .wen .left{ float:left; width:60px; font-size:18px; color:#999; line-height:24px; height:24px;}
.ybox .nei .swiper-container .sec .wen .right{ float:left; width:600px; font-size:14px; line-height:24px; height:144px;}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-next{ width:40px; height:40px; position:absolute; right:50px; bottom:50px; cursor:pointer; background-image:url(../images/right.jpg); z-index:3;}
.ybox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:100%; height:550px; background-attachment:fixed; background-repeat:no-repeat; position:relative; z-index:0;}
.ybox .box{ width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.ybox .title{ padding-left:3%; padding-top:50px; float:left; width:13.83%;}
.ybox .title img{ display:block; width:100%;}
.ybox .nei{ position:relative; float:right; margin-right:3%; margin-top:75px; width:63.33%; height:400px; background-color:#fff;}
.ybox .nei .swiper-container{ width:100%; height:400px; position:relative; overflow:hidden;}
.ybox .nei .swiper-container .sec{ padding:35px 40px; width:100%; height:100%; box-sizing:border-box;}
.ybox .nei .swiper-container .sec .bt{ height:60px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-bottom:20px;}
.ybox .nei .swiper-container .sec .bt span{ display:block; color:#f1f1f1; font-size:34px; height:36px; line-height:36px; text-transform:uppercase;}
.ybox .nei .swiper-container .sec .bt b{ display:block; font-size:22px; height:48px; line-height:48px; position:absolute; left:0; bottom:2px;}
.ybox .nei .swiper-container .sec .wen{ width:100%;}
.ybox .nei .swiper-container .sec .wen .left{ float:left; width:8%; font-size:18px; color:#999; line-height:24px; height:24px;}
.ybox .nei .swiper-container .sec .wen .right{ float:left; width:92%; font-size:14px; line-height:24px; height:168px;}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:90px; bottom:40px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-next{ width:40px; height:40px; position:absolute; right:40px; bottom:40px; cursor:pointer; background-image:url(../images/right.jpg); z-index:3;}
.ybox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
}
@media only screen and (max-width:768px){
.ybox{ width:100%; height:500px; background-attachment:fixed; background-repeat:no-repeat; position:relative; z-index:0;}
.ybox .box{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5);}
.ybox .title{ padding-left:3%; padding-top:30px; float:left; width:21%;}
.ybox .title img{ display:block; width:100%;}
.ybox .nei{ position:relative; float:right; margin-right:3%; margin-top:30px; width:70%; height:440px; background-color:#fff;}
.ybox .nei .swiper-container{ width:100%; height:440px; position:relative; overflow:hidden;}
.ybox .nei .swiper-container .sec{ padding:15px 20px; width:100%; height:100%; box-sizing:border-box;}
.ybox .nei .swiper-container .sec .bt{ height:45px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-bottom:10px;}
.ybox .nei .swiper-container .sec .bt span{ display:block; color:#f1f1f1; font-size:30px; height:32px; line-height:32px; text-transform:uppercase;}
.ybox .nei .swiper-container .sec .bt b{ display:block; font-size:18px; height:40px; line-height:40px; position:absolute; left:0; bottom:2px;}
.ybox .nei .swiper-container .sec .wen{ width:100%;}
.ybox .nei .swiper-container .sec .wen .left{ float:left; width:15%; font-size:18px; color:#999; line-height:24px; height:24px;}
.ybox .nei .swiper-container .sec .wen .right{ float:left; width:85%; font-size:14px; line-height:24px; height:288px;}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:70px; bottom:20px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-next{ width:40px; height:40px; position:absolute; right:20px; bottom:20px; cursor:pointer; background-image:url(../images/right.jpg); z-index:3;}
.ybox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}
}

/*about*/
@media screen and (min-width:1280px){
.abox{ width:100%; height:650px; position:relative;}
.abox .box{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; height:100%; background-position:right center; background-repeat:no-repeat;}
.abox .left{ width:1200px; margin:65px 0; margin-left:360px;}
.abox .left .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:75px;}
.abox .left .title span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.abox .left .title b,.abox .left .title h1{ display:block; font-size:36px; line-height:36px; height:36px; overflow:hidden; text-transform:uppercase;}
.abox .left .bt{ padding-top:35px; width:600px;}
.abox .left .bt b{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden; color:#006ebc;}
.abox .left .bt p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; color:#666;}
.abox .left .wen{ width:600px; font-size:14px; line-height:24px; height:144px; margin-top:20px;}
.abox .left .more{ margin-top:24px; width:120px; height:40px;}
.abox .left .more a{ width:100%; display:block; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; background-color:#006ebc; border-radius:5px; overflow:hidden;}
.abox .left .more a:hover{ background-color:#7fbf3b;}
.abox .left dl{ width:100%; display:block; margin-top:34px; overflow:hidden;}
.abox .left dl dt{ display:block; float:left; overflow:hidden; margin-right:70px;}
.abox .left dl dd{ display:block; float:left; overflow:hidden; margin-right:70px;}
.abox .left dl span{ display:block; overflow:hidden; font-size:14px; height:40px; line-height:40px; color:#999;}
.abox .left dl b{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.abox .left dl dt b{ color:#006ebc;}
.abox .left dl dd b{ color:#7fbf3b;}
.abox .right{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; height:550px; position:relative;}
.abox .box{ width:100%; height:550px; position:relative; background-position:220% 0; background-repeat:no-repeat; background-size:auto 550px;}
.abox .left{ width:94%; margin:45px 3%; position:relative; z-index:1;}
.abox .left .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:65px;}
.abox .left .title span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.abox .left .title b,.abox .left .title h1{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; text-transform:uppercase;}
.abox .left .bt{ padding-top:25px; width:50%;}
.abox .left .bt b{ display:block; font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#006ebc;}
.abox .left .bt p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; color:#666;}
.abox .left .wen{ width:50%; font-size:14px; line-height:24px; height:144px; margin-top:10px;}
.abox .left .more{ margin-top:14px; width:120px; height:40px;}
.abox .left .more a{ width:100%; display:block; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; background-color:#006ebc; border-radius:5px; overflow:hidden;}
.abox .left .more a:hover{ background-color:#7fbf3b;}
.abox .left dl{ width:100%; display:block; margin-top:22px; overflow:hidden;}
.abox .left dl dt{ display:block; float:left; overflow:hidden; margin-right:40px;}
.abox .left dl dd{ display:block; float:left; overflow:hidden; margin-right:40px;}
.abox .left dl span{ display:block; overflow:hidden; font-size:14px; height:30px; line-height:30px; color:#999;}
.abox .left dl b{ display:block; overflow:hidden; font-size:36px; height:40px; line-height:40px;}
.abox .left dl dt b{ color:#006ebc;}
.abox .left dl dd b{ color:#7fbf3b;}
.abox .right{ display:none;}
}
@media only screen and (max-width:768px){
.abox{ width:100%; position:relative;}
.abox .box{ width:100%; background-image:none !important;}
.abox .left{ width:100%; margin:25px 0; position:relative; z-index:1;}
.abox .left .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:55px;}
.abox .left .title span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.abox .left .title b,.abox .left .title h1{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase;}
.abox .left .bt{ padding-top:15px; width:94%; margin-left:3%;}
.abox .left .bt b{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#006ebc;}
.abox .left .bt p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; color:#666;}
.abox .left .wen{ width:94%; margin-left:3%; font-size:14px; line-height:24px; height:168px; margin-top:10px;}
.abox .left .more{ margin-top:15px; width:120px; height:40px; margin-left:3%;}
.abox .left .more a{ width:100%; display:block; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; background-color:#006ebc; border-radius:5px; overflow:hidden;}
.abox .left .more a:hover{ background-color:#7fbf3b;}
.abox .left dl{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.abox .left dl dt{ display:block; float:left; overflow:hidden; margin-left:3%;}
.abox .left dl dd{ display:block; float:left; overflow:hidden; margin-left:3%;}
.abox .left dl span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.abox .left dl b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.abox .left dl dt b{ color:#006ebc;}
.abox .left dl dd b{ color:#7fbf3b;}
.abox .right{ display:none;}
}

/*service*/
@media screen and (min-width:1280px){
.jbox{ width:100%; height:650px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.jbox .box{ width:1200px; margin:auto; position:relative; z-index:3; height:720px;}
.jbox .box .left{ position:absolute; left:0; top:125px; width:420px;}
.jbox .box .left .en{ color:#fff; font-size:36px; height:98px; line-height:98px; text-transform:uppercase; width:100%; font-weight:bold;}
.jbox .box .left .en span{ color:#7fbf3b;}
.jbox .box .left .cn{ color:#fff; font-size:14px; height:48px; line-height:24px; width:100%;}
.jbox .box .right{ width:838px; height:399px; position:absolute; right:0; top:130px;}
.jbox .box .right ul{ width:837px; display:block; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.jbox .box .right ul b{ width:279px; height:199px; display:block; float:left;}
.jbox .box .right ul li{ width:278px; height:198px; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block; float:left; position:relative; z-index:0;}
.jbox .box .right ul li a{ width:278px; height:198px; display:block; position:relative;}
.jbox .box .right ul li strong{ width:278px; height:198px; position:absolute; left:0; top:0; border-radius:5px; display:block; z-index:2; transition:all .3s ease;}
.jbox .box .right ul li:hover{ z-index:1;}
.jbox .box .right ul li:hover strong{ width:300px; height:220px; background-color:#006ebc; left:-10px; top:-10px;}
.jbox .box .right ul li .cont{ height:90px; width:200px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-43px; z-index:3;}
.jbox .box .right ul li .cont .biao{ width:100%; padding-bottom:15px;}
.jbox .box .right ul li .cont .biao span{ width:38px; height:38px; display:block; float:left; border:1px solid #fff; border-radius:40px; background-position:center; background-repeat:no-repeat; background-size:auto 20px;}
.jbox .box .right ul li .cont .biao p{ display:block; float:left; height:40px; line-height:40px; font-size:18px; margin-left:15px; overflow:hidden; width:145px; color:#fff;}
.jbox .box .right ul li .cont .line{ width:40px; height:1px; background-color:rgba(255,255,255,0.5); transition:width .4s; -moz-transition:width .4s; -webkit-transition:width .4s; -o-transition:width .4s;}
.jbox .box .right ul li:hover .cont .line{ width:100%;}
.jbox .box .right ul li .cont .wen{ width:100%; color:#ccc; font-size:14px; height:44px; line-height:44px;}
.jbox .box .right ul li:hover .cont .wen{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jbox{ width:100%; height:550px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3; height:550px;}
.jbox .box .left{ position:absolute; left:0; top:110px; width:35%;}
.jbox .box .left .en{ color:#fff; font-size:36px; height:68px; line-height:68px; text-transform:uppercase; width:100%; font-weight:bold;}
.jbox .box .left .en span{ color:#7fbf3b;}
.jbox .box .left .cn{ color:#fff; font-size:14px; height:48px; line-height:24px; width:100%;}
.jbox .box .right{ width:718px; height:319px; position:absolute; right:0; top:115px;}
.jbox .box .right ul{ width:717px; display:block; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.jbox .box .right ul b{ width:239px; height:159px; display:block; float:left;}
.jbox .box .right ul li{ width:238px; height:158px; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block; float:left; position:relative; z-index:0;}
.jbox .box .right ul li a{ width:238px; height:158px; display:block; position:relative;}
.jbox .box .right ul li strong{ width:238px; height:158px; position:absolute; left:0; top:0; border-radius:5px; display:block; z-index:2; transition:all .3s ease;}
.jbox .box .right ul li:hover{ z-index:1;}
.jbox .box .right ul li:hover strong{ width:260px; height:180px; background-color:#006ebc; left:-10px; top:-10px;}
.jbox .box .right ul li .cont{ height:90px; width:200px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-45px; z-index:3;}
.jbox .box .right ul li .cont .biao{ width:100%; padding-bottom:15px;}
.jbox .box .right ul li .cont .biao span{ width:38px; height:38px; display:block; float:left; border:1px solid #fff; border-radius:40px; background-position:center; background-repeat:no-repeat; background-size:auto 20px;}
.jbox .box .right ul li .cont .biao p{ display:block; float:left; height:40px; line-height:40px; font-size:18px; margin-left:15px; overflow:hidden; width:145px; color:#fff;}
.jbox .box .right ul li .cont .line{ width:40px; height:1px; background-color:rgba(255,255,255,0.5); transition:width .4s; -moz-transition:width .4s; -webkit-transition:width .4s; -o-transition:width .4s;}
.jbox .box .right ul li:hover .cont .line{ width:100%;}
.jbox .box .right ul li .cont .wen{ width:100%; color:#ccc; font-size:14px; height:44px; line-height:44px;}
.jbox .box .right ul li:hover .cont .wen{ color:#fff;}
}
@media only screen and (max-width:768px){
.jbox{ width:100%; height:440px; position:relative; overflow:hidden; background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3; height:720px;}
.jbox .box .left{ position:absolute; left:0; top:40px; width:44%;}
.jbox .box .left .en{ color:#fff; font-size:24px; height:36px; line-height:36px; text-transform:uppercase; width:100%; font-weight:bold;}
.jbox .box .left .en span{ color:#7fbf3b;}
.jbox .box .left .cn{ color:#fff; font-size:14px; height:72px; line-height:24px; width:100%;}
.jbox .box .right{ width:100%; position:absolute; right:0; top:40px;}
.jbox .box .right ul{ width:100%; box-sizing:border-box; display:block; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.jbox .box .right ul b{ width:50%; height:120px; display:block; float:left;}
.jbox .box .right ul li{ width:50%; box-sizing:border-box; height:120px; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block; float:left; position:relative; z-index:0;}
.jbox .box .right ul li a{ width:100%; height:100%; display:block; position:relative;}
.jbox .box .right ul li strong{ width:100%; height:100%; position:absolute; left:0; top:0; border-radius:5px; display:block; z-index:2; transition:all .3s ease;}
.jbox .box .right ul li:hover{ z-index:1;}
.jbox .box .right ul li:hover strong{ padding:5px; background-color:#f07b18; left:-5px; top:-5px;}
.jbox .box .right ul li .cont{ height:100px; width:90%; position:absolute; left:5%; top:10px; z-index:3;}
.jbox .box .right ul li .cont .biao{ width:100%; padding-bottom:10px;}
.jbox .box .right ul li .cont .biao span{ width:38px; height:38px; display:block; float:left; border:1px solid #fff; border-radius:40px; background-position:center; background-repeat:no-repeat; background-size:auto 20px;}
.jbox .box .right ul li .cont .biao p{ display:block; float:left; height:40px; line-height:40px; font-size:18px; margin-left:10px; overflow:hidden; color:#fff;}
.jbox .box .right ul li .cont .line{ width:40px; height:1px; background-color:rgba(255,255,255,0.5); transition:width .4s; -moz-transition:width .4s; -webkit-transition:width .4s; -o-transition:width .4s;}
.jbox .box .right ul li:hover .cont .line{ width:100%;}
.jbox .box .right ul li .cont .wen{ width:100%; color:#ccc; padding-top:5px; font-size:14px; height:48px; line-height:24px;}
.jbox .box .right ul li:hover .cont .wen{ color:#fff;}
}

/*新闻*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.nbox .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:75px;}
.nbox .title span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.nbox .title b,.nbox .title h1{ display:block; font-size:36px; line-height:36px; height:36px; overflow:hidden; text-transform:uppercase;}
.nbox .box{ width:1200px; margin:auto; position:relative; margin-top:30px;}
.nbox .box dl{ width:1240px; display:block; overflow:hidden;}
.nbox .box dl dt{ width:1200px; display:block; float:left; height:230px; position:relative; overflow:hidden;}
.nbox .box dl dt .bg{ width:100%; height:170px; position:absolute; left:0; bottom:0; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:310px; height:200px; float:left; margin-left:20px; position:relative; z-index:1;}
.nbox .box dl dt .left img{ width:100%; display:block;}
.nbox .box dl dt .right{ width:810px; height:200px; float:left; margin:0 30px; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:60px; line-height:60px;}
.nbox .box dl dt .right .bt a{ font-size:18px; display:block; float:left; max-width:680px; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#006ebc;}
.nbox .box dl dt .right .bt p{ font-size:16px; display:block; float:right; overflow:hidden; color:#999;}
.nbox .box dl dt .right .wen{ width:100%; height:74px; line-height:24px; font-size:14px; margin:15px 0;}
.nbox .box dl dt .right .more{ height:36px;}
.nbox .box dl dt .right .more a{ width:118px; height:34px; line-height:34px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
.nbox .box dl dd{ width:580px; margin-top:20px; margin-right:40px; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:170px; height:110px; float:left;}
.nbox .box dl dd .left img{ width:100%; display:block;}
.nbox .box dl dd .right{ width:390px; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#006ebc;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#006ebc;}
.nbox .box dl dd .right:hover .shi span{ color:#006ebc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.nbox .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:65px;}
.nbox .title span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.nbox .title b,.nbox .title h1{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; text-transform:uppercase;}
.nbox .box{ width:100%; margin:auto; position:relative; margin-top:25px;}
.nbox .box dl{ width:100%; display:block; overflow:hidden;}
.nbox .box dl dt{ width:94%; margin-left:3%; display:block; float:left; position:relative; overflow:hidden; padding-bottom:20px;}
.nbox .box dl dt .bg{ width:100%; height:100%; position:absolute; left:0; top:40px; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:25.8%; height:160px; float:left; margin-left:1.6%; position:relative; z-index:1;}
.nbox .box dl dt .left img{ width:100%; display:block;}
.nbox .box dl dt .right{ width:67.6%; float:left; margin:0 2.5%; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:40px; line-height:40px;}
.nbox .box dl dt .right .bt a{ font-size:18px; display:block; float:left; max-width:80%; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#006ebc;}
.nbox .box dl dt .right .bt p{ font-size:16px; display:block; float:right; overflow:hidden; color:#999;}
.nbox .box dl dt .right .wen{ width:100%; height:72px; line-height:24px; font-size:14px; margin:10px 0;}
.nbox .box dl dt .right .more{ height:32px;}
.nbox .box dl dt .right .more a{ width:98px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
.nbox .box dl dd{ width:45.5%; margin-top:20px; margin-left:3%; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:30%; height:110px; float:left;}
.nbox .box dl dd .left img{ height:100%; display:block;}
.nbox .box dl dd .right{ width:67%; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#006ebc;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#006ebc;}
.nbox .box dl dd .right:hover .shi span{ color:#006ebc;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.nbox .title{ width:100%; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:55px;}
.nbox .title span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.nbox .title b,.nbox .title h1{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase;}
.nbox .box{ width:100%; margin:auto; position:relative; margin-top:20px;}
.nbox .box dl{ width:100%; display:block; overflow:hidden;}
.nbox .box dl dt{ width:94%; margin-left:3%; display:block; float:left; position:relative; overflow:hidden; padding-bottom:10px;}
.nbox .box dl dt .bg{ width:100%; height:100%; position:absolute; left:0; top:30px; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:42.8%; height:120px; float:left; margin-left:1.6%; position:relative; z-index:1;}
.nbox .box dl dt .left img{ height:100%; display:block;}
.nbox .box dl dt .right{ width:50.6%; float:left; margin:0 2.5%; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:30px; line-height:30px;}
.nbox .box dl dt .right .bt a{ font-size:16px; display:block; float:left; width:100%; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#006ebc;}
.nbox .box dl dt .right .bt p{ font-size:14px; display:block; float:right; overflow:hidden; color:#999; display:none;}
.nbox .box dl dt .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0;}
.nbox .box dl dt .right .more{ height:32px;}
.nbox .box dl dt .right .more a{ width:98px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
.nbox .box dl dd{ width:94%; margin-top:10px; margin-left:3%; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:30%; height:110px; float:left;}
.nbox .box dl dd .left img{ height:100%; display:block;}
.nbox .box dl dd .right{ width:67%; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#006ebc;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#006ebc;}
.nbox .box dl dd .right:hover .shi span{ color:#006ebc;}
}

/*案例*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative;}
.cbox .bg{ width:100%; height:270px; position:absolute; left:0; top:-50px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; z-index:0;}
.cbox .bg img{ display:block; width:1920px; position:absolute; left:50%; margin-left:-960px;}
.cbox .title{ width:100%; position:relative; z-index:2; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:75px;}
.cbox .title span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff;}
.cbox .title b,.cbox .title h1{ display:block; font-size:36px; line-height:36px; height:36px; overflow:hidden; text-transform:uppercase; color:#fff;}
.cbox .box{ width:1200px; padding:0 10px; overflow:hidden; margin:auto; position:relative; z-index:2;}
.cbox .box .cs{ width:100%;}
.cbox .box .cs .left{ width:285px; height:220px; float:left; margin-top:30px;}
.cbox .box .cs .left img{ width:100%; display:block;}
.cbox .box .cs .right{ width:850px; float:right; padding-left:45px; margin-top:105px; background-image:url(../images/line.jpg); background-position:0 11px; background-repeat:no-repeat;}
.cbox .box .cs .right .wen{ width:100%; font-size:14px; line-height:24px; height:72px;}
.cbox .box .cs .right .more{ margin-top:23px;}
.cbox .swiper-container{ width:1200px; margin-top:20px; position:relative; height:280px; padding-bottom:70px;}
.cbox .swiper-container .swiper-slide{ width:285px; height:280px; box-shadow:0 0 10px #ddd;}
.cbox .swiper-container .swiper-slide a{ width:100%; height:280px; background-color:#fff; display:block; overflow:hidden; position:relative;}
.cbox .swiper-container .swiper-slide a .tu{ width:100%; height:200px;}
.cbox .swiper-container .swiper-slide a img{ width:100%; display:block;}
.cbox .swiper-container .swiper-slide a .wen{ padding:15px 20px;}
.cbox .swiper-container .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.cbox .swiper-container .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.cbox .swiper-container .swiper-slide a .duo{ width:30px; position:absolute; top:185px; right:20px; display:none;}
.cbox .swiper-container .swiper-slide a:hover .wen span{ color:#006ebc;}
.cbox .swiper-container .swiper-slide a:hover .duo{ display:block;}
.cbox .swiper-container .swiper-button-prev{ width:58px; height:38px; position:absolute; left:465px; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-prev img{ width:100%; display:block;}
.cbox .swiper-container .swiper-button-next{ width:58px; height:38px; position:absolute; right:465px; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-next img{ width:100%; display:block;}
.cbox .swiper-container .swiper-button-prev:hover,.cbox .swiper-container .swiper-button-next:hover{ border:1px solid #006ebc;}
.cbox .swiper-container .more{ width:130px; height:40px; position:absolute; left:50%; bottom:0; margin-left:-65px;}
.cbox .swiper-container .more a{ width:128px; height:38px; line-height:38px; text-align:center; display:block; border:1px solid #cacaca;}
.cbox .swiper-container .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; padding-top:35px; padding-bottom:50px; position:relative;}
.cbox .bg{ width:100%; height:160px; position:absolute; left:0; top:-30px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; z-index:0;}
.cbox .bg img{ display:block; width:100%; height:160px;}
.cbox .title{ width:100%; position:relative; z-index:2; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:65px;}
.cbox .title span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff;}
.cbox .title b,.cbox .title h1{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; text-transform:uppercase; color:#fff;}
.cbox .box{ width:94%; padding:0 1%; margin:auto; overflow:hidden; position:relative; z-index:2;}
.cbox .box .cs{ width:100%;}
.cbox .box .cs .left{ width:23.75%; float:left;}
.cbox .box .cs .left img{ width:100%; display:block;}
.cbox .box .cs .right{ width:73%; margin-top:35px; float:right; padding-left:45px; box-sizing:border-box; background-image:url(../images/line.jpg); background-position:0 21px; background-repeat:no-repeat;}
.cbox .box .cs .right .wen{ width:100%; font-size:14px; line-height:24px; height:72px; margin-top:10px;}
.cbox .box .cs .right .more{ margin-top:13px;}
.cbox .swiper-container{ width:100%; margin-top:15px; position:relative; height:280px; padding-bottom:70px;}
.cbox .swiper-container .swiper-slide{ width:285px; height:280px; box-shadow:0 0 10px #ddd;}
.cbox .swiper-container .swiper-slide a{ width:100%; height:280px; background-color:#fff; display:block; overflow:hidden; position:relative;}
.cbox .swiper-container .swiper-slide a .tu{ width:100%; height:200px;}
.cbox .swiper-container .swiper-slide a img{ width:100%; display:block;}
.cbox .swiper-container .swiper-slide a .wen{ padding:15px 20px;}
.cbox .swiper-container .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.cbox .swiper-container .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.cbox .swiper-container .swiper-slide a .duo{ width:30px; position:absolute; top:185px; right:20px; display:none;}
.cbox .swiper-container .swiper-slide a:hover .wen span{ color:#006ebc;}
.cbox .swiper-container .swiper-slide a:hover .duo{ display:block;}
.cbox .swiper-container .swiper-button-prev{ width:58px; height:38px; position:absolute; left:20%; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-prev img{ width:100%; display:block;}
.cbox .swiper-container .swiper-button-next{ width:58px; height:38px; position:absolute; right:20%; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-next img{ width:100%; display:block;}
.cbox .swiper-container .swiper-button-prev:hover,.cbox .swiper-container .swiper-button-next:hover{ border:1px solid #006ebc;}
.cbox .swiper-container .more{ width:130px; height:40px; position:absolute; left:50%; bottom:0; margin-left:-65px;}
.cbox .swiper-container .more a{ width:128px; height:38px; line-height:38px; text-align:center; display:block; border:1px solid #cacaca;}
.cbox .swiper-container .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
}
@media only screen and (max-width:768px){
.cbox{ width:100%; padding-top:20px; padding-bottom:30px; position:relative;}
.cbox .bg{ width:100%; height:100px; position:absolute; left:0; top:-10px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; z-index:0;}
.cbox .bg img{ display:block; width:100%; height:100px;}
.cbox .title{ width:100%; position:relative; z-index:2; text-align:center; background-image:url(../images/tutke.jpg); background-position:bottom center; background-repeat:no-repeat; height:55px;}
.cbox .title span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff;}
.cbox .title b,.cbox .title h1{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; color:#fff;}
.cbox .box{ width:94%; padding:0 2%; overflow:hidden; margin:auto; position:relative; z-index:2;}
.cbox .box .cs{ width:100%;}
.cbox .box .cs .left{ width:30%; float:left;}
.cbox .box .cs .left img{ width:100%; display:block;}
.cbox .box .cs .right{ width:67%; float:right;}
.cbox .box .cs .right .wen{ width:100%; font-size:14px; line-height:20px; height:40px; margin-top:20px;}
.cbox .box .cs .right .more{ margin-top:3px; width:20px;}
.cbox .box .cs .right .more img{ width:100%; display:block;}
.cbox .swiper-container{ width:100%; margin-top:15px; position:relative; height:210px; padding-bottom:45px;}
.cbox .swiper-container .swiper-slide{ width:285px; height:210px; box-shadow:0 0 10px #ddd;}
.cbox .swiper-container .swiper-slide a{ width:100%; height:210px; background-color:#fff; display:block; overflow:hidden; position:relative;}
.cbox .swiper-container .swiper-slide a .tu{ width:100%; height:130px;}
.cbox .swiper-container .swiper-slide a img{ width:100%; display:block;}
.cbox .swiper-container .swiper-slide a .wen{ padding:15px 20px;}
.cbox .swiper-container .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.cbox .swiper-container .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.cbox .swiper-container .swiper-slide a .duo{ width:30px; position:absolute; top:115px; right:20px; display:none;}
.cbox .swiper-container .swiper-slide a:hover .wen span{ color:#006ebc;}
.cbox .swiper-container .swiper-slide a:hover .duo{ display:block;}
.cbox .swiper-container .swiper-button-prev{ width:45px; height:30px; position:absolute; left:0%; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-prev img{ width:100%; display:block;}
.cbox .swiper-container .swiper-button-next{ width:45px; height:30px; position:absolute; right:0%; bottom:0; border:1px solid #cacaca;}
.cbox .swiper-container .swiper-button-next img{ width:100%; height:30px; display:block;}
.cbox .swiper-container .swiper-button-prev:hover,.cbox .swiper-container .swiper-button-next:hover{ border:1px solid #006ebc;}
.cbox .swiper-container .more{ width:100px; height:32px; position:absolute; left:50%; bottom:0; margin-left:-65px;}
.cbox .swiper-container .more a{ width:98px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #cacaca;}
.cbox .swiper-container .more a:hover{ border:1px solid #006ebc; color:#006ebc;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#222;}
.footer .box{ width:1200px; margin:60px auto;}
.footer .box .f01{ width:270px; height:100px; float:left;}
.footer .box .f01 p{ display:block; height:60px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:60px;}
.footer .box .f01 ul{ display:block; margin-top:20px; height:20px; overflow:hidden;}
.footer .box .f01 ul li{ display:block; height:20px; float:left; margin-right:20px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02{ width:379px; padding-left:60px; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f02 ul{ display:block; height:108px; margin-top:-4px; overflow:hidden;}
.footer .box .f02 ul li{ display:block; font-size:14px; line-height:36px; height:36px; color:#fff; overflow:hidden;}
.footer .box .f03{ width:429px; padding-left:60px; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f03 p{ display:block; float:left; width:320px; padding-top:10px;}
.footer .box .f03 p span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; overflow:hidden;}
.footer .box .f03 p a{ display:block; height:54px; line-height:54px; font-size:36px; color:#fff; overflow:hidden;}
.footer .box .f03 strong{ display:block; float:right; height:100px;}
.footer .box .f03 strong img{ display:block; height:100px;}
.footer .foot{ width:100%; height:50px; line-height:50px; font-size:14px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ margin:0 20px; color:#fff; display:inline-block;}
.footer .foot a{ color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){	
.footer{ width:100%; background-color:#222;}
.footer .box{ width:94%; margin:40px auto;}
.footer .box .f01{ width:40%; height:100px; float:left;}
.footer .box .f01 p{ display:block; height:60px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:60px;}
.footer .box .f01 ul{ display:block; margin-top:20px; height:20px; overflow:hidden;}
.footer .box .f01 ul li{ display:block; height:20px; float:left; margin-right:20px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02{ display:none;}
.footer .box .f03{ width:60%; padding-left:3%; box-sizing:border-box; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f03 p{ display:block; float:left; padding-top:10px;}
.footer .box .f03 p span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; overflow:hidden;}
.footer .box .f03 p a{ display:block; height:54px; line-height:54px; font-size:36px; color:#fff; overflow:hidden;}
.footer .box .f03 strong{ display:block; float:right; height:100px;}
.footer .box .f03 strong img{ display:block; height:100px;}
.footer .foot{ width:100%; height:50px; line-height:50px; font-size:14px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ margin:0 20px; color:#fff; display:inline-block;}
.footer .foot a{ color:#fff;}
}

@media only screen and (max-width:768px){
.footer{ width:100%; background-color:#222;}
.footer .box{ width:94%; margin:25px auto;}
.footer .box .f01{ width:100%;}
.footer .box .f01 p{ display:block; height:40px; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:40px; margin:auto;}
.footer .box .f01 ul{ display:block; margin-top:15px; text-align:center; overflow:hidden;}
.footer .box .f01 ul li{ display:inline-block; height:20px; margin:0 5px; opacity:0.7;}
.footer .box .f01 ul li img{ display:block; height:20px;}
.footer .box .f01 ul li:hover{ opacity:1;}
.footer .box .f02,.footer .box .f03{ display:none;}
.footer .foot{ width:94%; padding:10px 3%; line-height:18px; font-size:12px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ display:block; color:#fff;}
.footer .foot a{ color:#fff;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dao{ width:100%; position:absolute; left:0; bottom:0; height:40px;}
.dao ul{ width:1200px; margin:auto; text-align:center; vertical-align:middle; height:40px; display:table;}
.dao ul li{ overflow:hidden; text-align:center; vertical-align:middle; display:table-cell; height:40px;}
.dao ul li a{ margin:0 2px; height:40px; line-height:40px; display:block; font-size:16px; background-color:rgba(255,255,255,0.7);} 
.dao ul li:hover a,.dao ul li.on a{ background-color:rgba(0,110,188,0.7); color:#fff;}

.main{ width:1200px; margin:30px auto; margin-bottom:70px;}
.main .title{ width:100%; line-height:36px; font-size:20px; border-bottom:1px solid #e5e5e5; display:block; color:#006ebc; overflow:hidden;}
.main .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#7fbf3b; margin-top:18px;}
.main .title span{ color:#006ebc; display:block; float:left; padding-top:10px;}
.main .title strong{ display:block; float:right; font-size:14px; line-height:36px; color:#999; font-weight:normal; padding-top:10px;}
.main .title strong em{ color:#7fbf3b; font-style:normal;}
.main .title strong a:hover{ color:#006ebc;}
.main .title p{ line-height:46px; font-size:36px; display:block; float:left; color:#ccc; margin-left:20px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:350px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dao{ width:100%; position:absolute; left:0; bottom:0; height:40px;}
.dao ul{ width:100%; margin:auto; text-align:center; vertical-align:middle; height:40px; display:table;}
.dao ul li{ overflow:hidden; text-align:center; vertical-align:middle; display:table-cell; height:40px;}
.dao ul li a{ margin:0 2px; height:40px; line-height:40px; display:block; font-size:16px; background-color:rgba(255,255,255,0.7);} 
.dao ul li:hover a,.dao ul li.on a{ background-color:rgba(0,110,188,0.7); color:#fff;}

.main{ width:100%; margin:20px auto; margin-bottom:50px;}
.main .title{ width:94%; margin:auto; line-height:36px; font-size:20px; border-bottom:1px solid #e5e5e5; display:block; color:#006ebc; overflow:hidden;}
.main .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#7fbf3b; margin-top:18px;}
.main .title span{ color:#006ebc; display:block; float:left; padding-top:10px;}
.main .title strong{ display:block; float:right; font-size:14px; line-height:36px; color:#999; font-weight:normal; padding-top:10px;}
.main .title strong em{ color:#7fbf3b; font-style:normal;}
.main .title strong a:hover{ color:#006ebc;}
.main .title p{ line-height:50px; font-size:32px; display:block; float:left; color:#ccc; margin-left:10px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:250px; position:relative; background-position:23% top; background-repeat:no-repeat; background-size:cover;}
.dao{ width:40%; position:absolute; left:0; bottom:0;}
.dao ul{ width:100%; margin:auto; display:block;}
.dao ul li{ overflow:hidden; display:block; height:30px;}
.dao ul li a{ height:30px; line-height:30px; padding-left:10px; display:block; font-size:14px; background-color:rgba(255,255,255,0.7);} 
.dao ul li:hover a,.dao ul li.on a{ background-color:rgba(0,110,188,0.7); color:#fff;}

.main{ width:100%; margin:5px auto; margin-bottom:30px;}
.main .title{ width:94%; margin:auto; line-height:36px; font-size:18px; border-bottom:1px solid #e5e5e5; display:block; color:#006ebc; overflow:hidden;}
.main .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#7fbf3b; margin-top:18px;}
.main .title span{ color:#006ebc; display:block; float:left; padding-top:10px;}
.main .title strong{ display:none;}
.main .title p{ display:none;}
}

/*产品*/
@media screen and (min-width:1280px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block; margin-top:-6px;}
.main .box01 dl dt,.main .box01 dl dd{ width:1160px; padding:19px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:30px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl .tu{ width:260px; height:160px; float:left;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl .wen{ width:590px; float:left; margin:20px 50px;}
.main .box01 dl .wen a{ display:block; height:38px; line-height:38px; font-size:18px; overflow:hidden;}
.main .box01 dl .wen p{ display:block; height:72px; line-height:24px; font-size:14px; overflow:hidden; color:#666; width:100%;}
.main .box01 dl .more{ width:140px; height:40px; margin:60px 20px; float:right;}
.main .box01 dl .more a{ display:block; height:40px; width:120px; background-image:url(../images/new.jpg); background-repeat:no-repeat; padding-right:20px; font-size:14px; line-height:40px; text-transform:uppercase; color:#fff; text-align:center;}
.main .box01 dl dd .tu,.main .box01 dl dd .wen{ float:right;}
.main .box01 dl dd .more{ float:left;}
.main .box01 dl dd .wen{ text-align:right;}
.main .box01 dl dd .wen p{ margin-left:40px;}
.main .box01 dl dt:hover .wen a,.main .box01 dl dd:hover .wen a{ color:#006ebc;}
.main .box01 dl dt:hover .more a,.main .box01 dl dd:hover .more a{ background-image:url(../images/newsh.jpg);}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:30px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#7fbf3b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#7fbf3b; min-width:14px; padding:0 5px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block; margin-top:-6px;}
.main .box01 dl dt,.main .box01 dl dd{ width:94%; box-sizing:border-box; padding:10px; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:20px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl dt .tu{ width:30%; float:left;}
.main .box01 dl dd .tu{ width:30%; float:right;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl dt .wen{ width:67%; float:left; margin-left:3%; padding-top:10px;}
.main .box01 dl dd .wen{ width:67%; float:right; margin-right:3%; padding-top:10px;}
.main .box01 dl .wen a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.main .box01 dl .wen p{ display:block; font-size:14px; height:72px; line-height:24px; overflow:hidden; color:#666;}
.main .box01 dl dt .more{ width:52%; float:left; margin-left:3%;}
.main .box01 dl dd .more{ width:52%; float:left; margin-right:3%;}
.main .box01 dl .more a{ display:block; height:40px; width:120px; background-image:url(../images/new.jpg); background-repeat:no-repeat; padding-right:20px; font-size:14px; line-height:40px; text-transform:uppercase; color:#fff; text-align:center; margin-top:20px;}
.main .box01 dl dt:hover .more a,.main .box01 dl dd:hover .more a{ background-image:url(../images/newsh.jpg);}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:25px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#7fbf3b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#7fbf3b; min-width:14px; padding:0 5px;}

}

@media only screen and (max-width:768px){
.main .box01{ width:100%;}
.main .box01 dl{ width:100%; display:block;}
.main .box01 dl dt,.main .box01 dl dd{ width:94%; padding:10px; box-sizing:border-box; border:1px solid #d9d9d9; display:block; overflow:hidden; background-color:#fff; margin:auto; margin-top:10px;}
.main .box01 dl dt:hover,.main .box01 dl dd:hover{ box-shadow:0 0 5px #d9d9d9;}
.main .box01 dl dt .tu{ width:45%; float:left;}
.main .box01 dl dd .tu{ width:45%; float:right;}
.main .box01 dl .tu img{ width:100%; display:block;}
.main .box01 dl dt .wen{ width:52%; float:left; margin-left:3%; padding-top:5px;}
.main .box01 dl dd .wen{ width:52%; float:right; margin-right:3%; padding-top:5px;}
.main .box01 dl .wen a{ display:block; font-size:18px; height:34px; line-height:34px; overflow:hidden;}
.main .box01 dl .wen p{ display:block; font-size:14px; height:72px; line-height:24px; overflow:hidden; color:#666;}
.main .box01 dl .more a{ display:none;}
.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:15px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#7fbf3b;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#7fbf3b; min-width:14px; padding:0 5px;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.main .chan{ margin-top:30px;}
.main .cl{ width:568px; height:348px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:348px; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#006ebc;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:600px; float:right;}
.main .cr .tou{ font-size:24px; color:#006ebc; line-height:50px; height:50px; margin-top:17px;}
.main .cr .wen{ font-size:14px; height:156px; line-height:26px; margin-bottom:25px;}
.main .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ padding-left:54px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#006ebc;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#7fbf3b; color:#fff; display:block;}

.main .cpx{ width:100%; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:46px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#006ebc;}
.main .wenz{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto !important;}
.main .wenz ul{ padding-left:inherit; list-style:inherit; padding-left:20px}
.main .wenz li{ list-style:inherit;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .chan{ width:94%; margin:auto; margin-top:25px;}
.main .cl{ width:50%; height:340px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:340px; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#006ebc;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:47%; float:right;}
.main .cr .tou{ font-size:22px; color:#006ebc; line-height:40px; height:40px; margin-top:10px;}
.main .cr .wen{ font-size:14px; height:156px; line-height:26px; margin-bottom:25px;}
.main .cr .cr03{ padding:20px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ padding-left:54px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#006ebc;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#7fbf3b; color:#fff; display:block;}

.main .cpx{ width:94%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:36px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#006ebc;}
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto !important;}
.main .wenz ul{ padding-left:inherit; list-style:inherit; padding-left:20px}
.main .wenz li{ list-style:inherit;}
}

@media only screen and (max-width:768px){
.main .chan{ width:94%; margin:auto; margin-top:15px;}
.main .cl{ width:100%; height:240px; float:left; border:1px solid #cacaca; box-sizing:border-box;} 
.main .cl .swiper-container{ width:100%; height:240px; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#006ebc;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:100%; float:right; padding-top:5px;}
.main .cr .tou{ font-size:18px; color:#006ebc; line-height:36px; height:36px; margin-top:10px;}
.main .cr .wen{ font-size:14px; max-height:144px; line-height:24px; margin-bottom:10px;}
.main .cr .cr03{ padding:15px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ padding-left:50px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:22px; line-height:24px; height:24px; overflow:hidden; color:#006ebc;}
.main .cr .cr03 .box a{ width:100px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#7fbf3b; color:#fff; display:block;}

.main .cpx{ width:94%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:16px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#006ebc;}
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:15px;}
.main .wenz img{ max-width:100%; height:auto !important;}
.main .wenz ul{ padding-left:inherit; list-style:inherit; padding-left:20px}
.main .wenz li{ list-style:inherit;}
}

/*案例*/
@media screen and (min-width:1280px){
.main .case{ width:1220px; position:relative; margin-top:10px;}
.main .case .swiper-slide{ width:285px; height:280px; border:1px solid #eee; box-sizing:border-box; float:left; margin-right:20px; margin-top:20px;}
.main .case .swiper-slide a{ width:100%; height:280px; display:block; overflow:hidden; position:relative;}
.main .case .swiper-slide a .tu{ width:100%; height:200px;}
.main .case .swiper-slide a img{ width:100%; display:block;}
.main .case .swiper-slide a .wen{ padding:15px 20px;}
.main .case .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.main .case .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.main .case .swiper-slide a .duo{ width:30px; position:absolute; top:185px; right:20px; display:none;}
.main .case .swiper-slide a:hover .wen span{ color:#006ebc;}
.main .case .swiper-slide a:hover .duo{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .case{ width:100%; position:relative; margin-top:5px;}
.main .case .swiper-slide{ width:29.33%; height:280px; border:1px solid #eee; box-sizing:border-box; float:left; margin-left:3%; margin-top:20px;}
.main .case .swiper-slide a{ width:100%; height:280px; display:block; overflow:hidden; position:relative;}
.main .case .swiper-slide a .tu{ width:100%; height:200px;}
.main .case .swiper-slide a img{ width:100%; display:block;}
.main .case .swiper-slide a .wen{ padding:15px 20px;}
.main .case .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.main .case .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.main .case .swiper-slide a .duo{ width:30px; position:absolute; top:185px; right:20px; display:none;}
.main .case .swiper-slide a:hover .wen span{ color:#006ebc;}
.main .case .swiper-slide a:hover .duo{ display:block;}
}
@media only screen and (max-width:768px){
.main .case{ width:100%; position:relative;}
.main .case .swiper-slide{ width:45.5%; height:170px; border:1px solid #eee; box-sizing:border-box; float:left; margin-left:3%; margin-top:15px;}
.main .case .swiper-slide a{ width:100%; height:170px; display:block; overflow:hidden; position:relative;}
.main .case .swiper-slide a .tu{ width:100%; height:100px;}
.main .case .swiper-slide a img{ width:100%; display:block;}
.main .case .swiper-slide a .wen{ padding:10px 15px;}
.main .case .swiper-slide a .wen span{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px;}
.main .case .swiper-slide a .wen p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.main .case .swiper-slide a .duo{ width:30px; position:absolute; top:85px; right:10px; display:none;}
.main .case .swiper-slide a:hover .wen span{ color:#006ebc;}
.main .case .swiper-slide a:hover .duo{ display:block;}
}

/*案例内页*/
@media screen and (min-width:1280px){
.main .lbar{ width:910px; float:left; padding-top:30px;}
.main .lbar .toub{ font-size:24px; text-align:center; color:#006ebc;}
.main .lbar .time{ padding-bottom:10px; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .lbar .wenz{ width:100%;}
.main .lbar .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px; margin-top:20px;}
.main .lbar .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .lbar .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#006ebc;}
.main .lbar .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .lbar .back strong a:hover{ color:#006ebc;}
.bshare-custom{ margin-bottom:20px; text-align:right;}

.main .rbar{ width:258px; border:1px solid #cacaca; border-top:2px solid #006ebc; float:right; margin-top:30px;}
.main .rbar .bt{ padding:0 19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .rbar ul{ width:100%; display:block; overflow:hidden; padding-bottom:20px;}
.main .rbar ul li{ padding:20px 19px; padding-bottom:0; display:block; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li span{ margin:10px auto; font-size:16px; display:block; overflow:hidden;}
.main .rbar ul li p{ display:block; font-size:14px; color:#999; overflow:hidden;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main .lbar{ width:70%; float:left; padding-top:20px; margin-left:3%;}
.main .lbar .toub{ font-size:18px; text-align:center; color:#006ebc;}
.main .lbar .time{ padding-bottom:10px; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .lbar .wenz{ width:100%;}
.main .lbar .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:15px;}
.main .lbar .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .lbar .back p span{ display:block; height:24px; overflow:hidden;}
.main .lbar .back p span a:hover{ color:#006ebc;}
.main .lbar .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .lbar .back strong a:hover{ color:#006ebc;}
.bshare-custom{ margin-bottom:20px; text-align:right;}

.main .rbar{ width:22%; border:1px solid #cacaca; border-top:2px solid #006ebc; float:right; margin-right:3%; margin-top:20px;}
.main .rbar .bt{ padding:0 3%; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .rbar ul{ width:100%; display:block; overflow:hidden; padding-bottom:20px;}
.main .rbar ul li{ padding:15px 10px; padding-bottom:0; display:block; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li span{ margin:5px auto; font-size:14px; display:block; overflow:hidden;}
.main .rbar ul li p{ display:block; font-size:14px; color:#999; overflow:hidden;}
}

@media only screen and (max-width:767px){
.main .lbar{ width:94%; margin:20px auto;}
.main .lbar .toub{ font-size:16px; text-align:center; color:#006ebc;}
.main .lbar .time{ padding-bottom:5px; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .lbar .wenz{ width:100%;}
.main .lbar .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:10px;}
.main .lbar .back p{ display:block; width:100%; overflow:hidden;}
.main .lbar .back p span{ display:block; height:24px; overflow:hidden;}
.main .lbar .back p span a:hover{ color:#006ebc;}
.main .lbar .back strong{ display:block; text-align:center; overflow:hidden; font-weight:normal;}
.main .lbar .back strong a:hover{ color:#006ebc;}
.bshare-custom{ margin-bottom:15px; width:100%;}

.main .rbar{ display:none;}
}

/*新闻*/
@media screen and (min-width:1280px){
.news{ width:100%; display:block; overflow:hidden;}
.news dd{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:170px; height:110px; float:left;}
.news dd .left img{ width:100%; display:block;}
.news dd .right{ width:1010px; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#006ebc;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#006ebc;}
.news dd .right:hover .shi span{ color:#006ebc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.news{ width:94%; margin:auto; display:block; overflow:hidden;}
.news dd{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:15%; height:110px; float:left;}
.news dd .left img{ height:100%; display:block;}
.news dd .right{ width:82%; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#006ebc;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#006ebc;}
.news dd .right:hover .shi span{ color:#006ebc;}
}
@media only screen and (max-width:768px){
.news{ width:100%; display:block; overflow:hidden;}
.news dd{ width:94%; padding:15px 0; border-bottom:1px solid #eee; margin-left:3%; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:30%; height:110px; float:left;}
.news dd .left img{ height:100%; display:block;}
.news dd .right{ width:67%; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#006ebc;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#006ebc;}
.news dd .right:hover .shi span{ color:#006ebc;}
}

/*招聘*/
@media screen and (min-width:1280px){
.main .job{ width:100%; display:block;}
.main .job li{ display:block; overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.main .job li .bt{ font-size:18px; font-weight:bold;}
.main .job li .bt:hover{ color:#006ebc;}
.main .job li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.main .job li dl dt{ width:270px; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.main .job li .wen{ width:1050px; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.main .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#7fbf3b; display:block; position:absolute; right:0; bottom:30px;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.main .job{ width:94%; margin:auto; display:block;}
.main .job li{ display:block; overflow:hidden; position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.main .job li .bt{ font-size:18px; font-weight:bold;}
.main .job li .bt:hover{ color:#006ebc;}
.main .job li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.main .job li dl dt{ width:25%; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.main .job li .wen{ width:80%; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.main .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#7fbf3b; display:block; position:absolute; right:0; bottom:20px;}
}

@media only screen and (max-width:767px){
.main .job{ width:94%; margin:auto; display:block;}
.main .job li{ display:block; overflow:hidden; position:relative; padding:15px 0; border-bottom:1px solid #ddd;}
.main .job li .bt{ font-size:18px; font-weight:bold;}
.main .job li .bt:hover{ color:#006ebc;}
.main .job li dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.main .job li dl dt{ width:50%; display:block; float:left; font-size:14px; height:24px; line-height:24px; color:#999;}
.main .job li .wen{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px;}
.main .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#7fbf3b; display:block; margin-top:10px;}
}

/*招聘内页*/
@media screen and (min-width:1280px){
.main .lefts{ width:770px; float:left; padding-top:30px; padding-bottom:70px;}
.main .lefts .tou{ width:100%; position:relative;}
.main .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main .lefts .tou .xx span{ display:block; color:#999;}
.main .lefts .tou .xx p{ display:block;}
.main .lefts .ny{ width:100%; margin-top:25px;}
.main .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.main .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.main .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .lefts .ny .wen img{ max-width:100%; height:auto;}

.main .rights{ border-left:1px solid #ddd; padding-left:19px; width:260px; float:right; padding-bottom:70px;}
.main .rights .bt{ width:100%; margin-top:20px;}
.main .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#006ebc; overflow:hidden;}
.main .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#006ebc; margin-top:15px;}
.main .rights .list02{ width:100%; display:block; overflow:hidden;}
.main .rights .list02 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main .rights .list02 li:last-child{ border-bottom:none;}
.main .rights .list02 li a{ display:block; overflow:hidden;}
.main .rights .list02 li img{ display:block; position:absolute; right:0; top:15px; width:15px;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.main .lefts{ width:71%; margin-left:3%; float:left; padding-top:20px; padding-bottom:50px;}
.main .lefts .tou{ width:100%; position:relative;}
.main .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main .lefts .tou .xx span{ display:block; color:#999;}
.main .lefts .tou .xx p{ display:block;}
.main .lefts .ny{ width:100%; margin-top:15px;}
.main .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.main .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.main .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}

.main .rights{ border-left:1px solid #ddd; padding-left:14px; width:21%; margin-right:3%; float:right; padding-bottom:50px; box-sizing:border-box;}
.main .rights .bt{ width:100%; margin-top:20px;}
.main .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#006ebc; overflow:hidden;}
.main .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#006ebc; margin-top:15px;}
.main .rights .list02{ width:100%; display:block; overflow:hidden;}
.main .rights .list02 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main .rights .list02 li:last-child{ border-bottom:none;}
.main .rights .list02 li a{ display:block; overflow:hidden;}
}

@media only screen and (max-width:767px){
.main .lefts{ width:94%; padding:20px 0; margin-left:3%;}
.main .lefts .tou{ width:100%; position:relative;}
.main .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main .lefts .tou .xx span{ display:block; color:#999;}
.main .lefts .tou .xx p{ display:block;}
.main .lefts .ny{ width:100%; margin-top:10px;}
.main .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.main .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}	
.main .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.main .lefts .ny .wen img{ max-width:100%; height:auto;}

.main .rights{ width:100%; padding-bottom:15px; background-color:#f2f2f2;}
.main .rights .bt{ width:94%; margin:auto; margin-top:20px;}
.main .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#006ebc; overflow:hidden;}
.main .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#006ebc; margin-top:10px;}
.main .rights .list02{ width:94%; margin:auto; display:block; overflow:hidden;}
.main .rights .list02 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main .rights .list02 li:last-child{ border-bottom:none;}
.main .rights .list02 li a{ display:block; overflow:hidden;}
}

/*荣誉*/
@media screen and (min-width:1280px){
.main .list01{ width:1220px; display:block;}
.main .list01 li{ display:block; float:left; margin-right:20px; margin-top:20px; border:1px solid #cacaca; width:283px; height:368px; overflow:hidden; position:relative;}
.main .list01 li img{ max-height:100%; max-width:100%; margin:auto; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .list01 li span{ width:100%; display:block; overflow:hidden; text-align:center; height:40px; line-height:40px; font-size:16px; color:#006ebc; background-color:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0;}
.main .list01 li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.main .list01 li:hover span{ color:#fff; background-color:#7fbf3b;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.main .list01{ width:100%; display:block;}
.main .list01 li{ display:block; float:left; margin-left:3%; margin-top:20px; border:1px solid #cacaca; width:29.33%; box-sizing:border-box; height:220px; overflow:hidden; position:relative;}
.main .list01 li img{ max-height:100%; max-width:100%; margin:auto; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .list01 li span{ width:100%; display:block; overflow:hidden; text-align:center; height:40px; line-height:40px; font-size:16px; color:#006ebc; background-color:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0;}
.main .list01 li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.main .list01 li:hover span{ color:#fff; background-color:#7fbf3b;}
}

@media only screen and (max-width:767px){
.main .list01{ width:100%; display:block;}
.main .list01 li{ display:block; float:left; margin-left:3%; margin-top:15px; border:1px solid #cacaca; width:45.5%; box-sizing:border-box; height:160px; overflow:hidden; position:relative;}
.main .list01 li img{ max-height:100%; max-width:100%; margin:auto; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .list01 li span{ width:100%; display:block; overflow:hidden; text-align:center; height:40px; line-height:40px; font-size:16px; color:#006ebc; background-color:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0;}
.main .list01 li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.main .list01 li:hover span{ color:#fff; background-color:#7fbf3b;}
}

/*联系我们*/
#map img{ width:100%; display:block;}
@media screen and (min-width:1280px){
.box02{ width:1200px; margin:auto; margin-top:30px;}
#map{ width:600px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#006ebc; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.box02{ margin:auto; margin-top:20px; width:94%;}
#map{ width:50%; overflow:hidden; float:left;}
.box02 .right01{ width:47%; margin-top:30px; float:right;}
.box02 .right01 h2{ display:block; font-size:22px; color:#006ebc; margin-bottom:15px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:30px;}
}

@media only screen and (max-width:768px){	
.box02{ margin:auto; margin-top:15px; width:94%;}
#map{ width:100%; overflow:hidden;}
.box02 .right01{ width:100%; margin-top:20px;}
.box02 .right01 h2{ display:block; font-size:18px; color:#006ebc; margin-bottom:10px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:24px;}
}

.bd_weixin_popup {
    position:fixed;
    left:50%;
	margin-top:-146px;
    top:50%;
	margin-left:-131px;
    padding: 10px;
    width: 240px;
    height:280px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
	display:none;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
	cursor:pointer;
	text-align:right;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding:10px;
	padding-bottom:5px;
}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}