@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; overflow-x:hidden;}

a{ text-decoration:none; color:#333;}

*{ list-style:none; margin:0; border:none; outline:none; padding:0;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear{ clear:both;}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #666; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #666; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; }



.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 .nav li p a:target{

  padding-top:60px;

}

.header{ width:100%; height:90px; background-image:url(../images/header.png); background-position:top center; background-repeat:repeat-y; position:fixed; left:0; top:0; z-index:999;}

.header .head{ width:1200px; margin:auto; position:relative; height:90px;}

.header .logo{ float:left; width:240px; height:60px; margin:15px 0;}

.header .logo img{ height:60px; display:block;}

.header .nav{ float:left; display:block; height:90px; margin-left:70px;}

.header .nav li{ display:block; float:left; margin-right:25px; height:90px; position:relative;}

.header .nav li:last-child{ margin-right:0;}

.header .nav li span{ display:block; height:90px; position:relative; overflow:hidden;}

.header .nav li span a{ display:block; height:90px; line-height:90px; font-size:16px; color:#fff;}

.header .nav li.on span b,.header .nav li:hover span b{ width:100%; display:block; height:4px; background-color:#fff; position:absolute; left:0; bottom:0;}

.header .nav li p{ display:none; position:absolute; left:50%; margin-left:-90px; width:160px; padding:10px; top:90px; background-color:rgba(41,167,225,0.7); text-align:center;}

.header .nav li p a{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; color:#ccc;}

.header .nav li p a:hover{ color:#fff;}

.header .nav li:hover p{ display:block;}

.header .tel{ padding:23px 0; padding-left:22px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff; float:right; height:44px; line-height:44px;}

.header .line{ width:1px; height:12px; display:block; float:right; margin:39px 15px; margin-left:10px; background-color:#eee;}

.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:35px 0;}



.serbox{ width:100%; padding:20px 0; background-color:rgba(41,167,225,0.7); position:fixed; left:0; top:90px; z-index:111; display:none;}

.serbox .box{ width:700px; margin:auto;}

.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:rgba(255,255,255,0.9); 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:#333;} 

.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#29a7e1;}

.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#29a7e1; 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:#fff; 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;}



.menu{ display:none;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.header{ width:100%; height:80px; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:999;}

.header .head{ width:100%; position:relative; height:80px;}

.header .logo{ float:left; padding:15px 3%; height:50px; background-color:#fff;}

.header .logo img{ height:50px; display:block;}

.header .nav{ float:left; display:block; height:80px; margin-left:3%;}

.header .nav li{ display:block; float:left; margin-right:10px; height:80px; position:relative;}

.header .nav li span{ display:block; height:80px; position:relative; overflow:hidden;}

.header .nav li span a{ display:block; height:80px; line-height:80px; font-size:14px; color:#fff;}

.header .nav li.on span b,.header .nav li:hover span b{ width:100%; display:block; height:4px; background-color:#fff; position:absolute; left:0; bottom:0;}

.header .nav li p{ display:none; position:absolute; left:50%; margin-left:-70px; width:120px; padding:10px; top:80px; background-color:rgba(41,167,225,0.7); text-align:center;}

.header .nav li p a{ display:block; font-size:12px; height:24px; line-height:24px; overflow:hidden; color:#ccc;}

.header .nav li p a:hover{ color:#fff;}

.header .nav li:hover p{ display:block;}

.header .tel{ padding:20px 0; padding-left:22px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:16px; color:#fff; float:right; height:40px; line-height:40px; margin-right:3%;}

.header .line{ width:1px; height:12px; display:block; float:right; margin:34px 15px; margin-left:10px; background-color:#eee;}

.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:30px 0;}	

	

.serbox{ width:100%; padding:15px 0; background-color:rgba(41,167,225,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:rgba(255,255,255,0.9); 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:#333;}

.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#29a7e1;}

.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#29a7e1; 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:#fff; 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;}



.menu{ display:none;}

}

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

.header{ width:100%; height:60px; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:999;}

.header .head{ width:100%; position:relative; height:60px;}

.header .logo{ float:left; padding:15px 3%; height:30px; background-color:#fff;}

.header .logo img{ height:30px; display:block;}

.header .nav_btn{ height:60px; float:left; width:70px; background-image:url(../images/nav.jpg); background-position:center; background-repeat:no-repeat;}

.header .nav{ display:none;}

.header .tel{ padding-left:17px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#fff; float:right; height:60px; line-height:60px; margin-right:3%;}

.header .line{ width:1px; height:12px; display:none; float:right; margin:24px 10px; margin-left:5px; background-color:#999;}

.header .ser{ width:20px; height:20px; float:right; cursor:pointer; margin:20px 0; display:none;}	



.menu{ width:100%; height:100%; position:fixed; left:0; top:60px; opacity:0; z-index:-1;}

.menu.active{ opacity:1; z-index:9999;}

.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7);}

.sliding-menu ul{ float:left;}

.sliding-menu ul li{ display:block; overflow:hidden; padding:10px 15px;}

.sliding-menu a{ display:block; color:#fff; height:24px; line-height:24px; font-size:14px; background-image:url(../images/nr.png); background-position:right center; background-repeat:no-repeat;}

.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:15px center; padding:10px 30px;}



	

.serbox{ width:100%; padding:10px 0; background-color:rgba(0,0,0,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:rgba(255,255,255,0.9); 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:#333; text-indent:10px;}

.serbox .box p a{ display:block; width:30px; height:30px; float:right; border-radius:50px; background-color:#29a7e1;}

.serbox .box p a input{ display:block; width:30px; height:30px; background-color:#29a7e1; 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:#29a7e1; 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;}

}



@keyframes movie

{

from { transform: translateY(-50px); opacity: 0; }

to { transform: translateY(0px); opacity: 1;}

}



@-webkit-keyframes movie 

{

from { transform: translateY(-50px); opacity: 0;}

to { transform: translateY(0px); opacity: 1;}

}



/*banner*/

@media screen and (min-width:1280px){

.banner{ width:100%; position:relative; z-index:0; height:100%;}

.banner .video{ width:100%; height:100%; position:relative; display:none;}

.banner .video video{ height:100%; background-color:#000; display:block; position:absolute; top:0%; left:50%; transform:translateX(-50%) translateY(-0%);}



.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}

.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; opacity:0 !important; background-size:cover; background-repeat:no-repeat; background-position:center;}

.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}

.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-slide a{ color:#fff; font-size:40px; letter-spacing:10px; text-indent:10px; text-align:center;}

.banner .swiper-slide.swiper-slide-active a{ animation: movie 1.2s; -webkit-animation: movie 1.2s;}

.banner .mask{ width:1200px; height:90px; background-color:#fff; z-index:2; position:absolute; left:50%; margin-left:-600px; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.jpg); background-position:center; background-repeat:no-repeat;}

.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video.jpg); height:20px; margin:35px 50px;}

.banner .mask .player.sound{ background-image:url(../images/video.png);}

.banner .swiper-pagination{ display:block; float:right; margin:35px 50px;}

.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.jpg); cursor:pointer;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.jpg);}

}

@media screen and (min-width:769px) and (max-width:1279px){

.banner{ width:100%; position:relative; z-index:0;}

.banner .video{ width:100%; height:460px; position:relative; display:none;}

.banner .video video{ height:100%; background-color:#000; display:block; position:absolute; top:0%; left:50%; transform:translateX(-50%) translateY(-0%);}



.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}

.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; opacity:0 !important; background-size:cover; background-repeat:no-repeat; background-position:center;}

.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}

.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-slide a{ color:#fff; font-size:30px; letter-spacing:10px; text-indent:10px; text-align:center;}

.banner .swiper-slide.swiper-slide-active a{ animation: movie 1.2s; -webkit-animation: movie 1.2s;}

.banner .mask{ width:94%; height:70px; background-color:#fff; z-index:2; position:absolute; left:3%; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.jpg); background-position:center; background-repeat:no-repeat;}

.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video.jpg); height:20px; margin:25px 5%;}

.banner .mask .player.sound{ background-image:url(../images/video.png);}

.banner .swiper-pagination{ display:block; float:right; margin:25px 5%;}

.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.jpg); cursor:pointer;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.jpg);}

}

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

.banner{ width:100%; position:relative; z-index:0; height:65vw;}

.banner .video{ width:100%; height:360px; position:relative; display:none;}

.banner .video video{ height:100%; background-color:#000; display:block; position:absolute; top:0%; left:50%; transform:translateX(-50%) translateY(-0%);}



.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.4);}

.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; opacity:0 !important; background-size:cover; background-repeat:no-repeat; background-position:center;}

.banner .swiper-slide.swiper-slide-active{ opacity:1 !important;}

.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-slide a{ color:#fff; font-size:20px; letter-spacing:5px; text-indent:5px; text-align:center;}

.banner .swiper-slide.swiper-slide-active a{ animation: movie 1.2s; -webkit-animation: movie 1.2s;}

.banner .mask{ width:94%; height:50px; background-color:#fff; z-index:2; position:absolute; left:3%; bottom:0; box-shadow:0 0 20px rgba(0,0,0,0.2); background-image:url(../images/down.jpg); background-position:center; background-repeat:no-repeat;}

.banner .mask .player{ float:left; width:25px; cursor:pointer; background-image:url(../images/video.jpg); height:20px; margin:15px 5%;}

.banner .mask .player.sound{ background-image:url(../images/video.png);}

.banner .swiper-pagination{ display:block; float:right; margin:15px 5%;}

.banner .swiper-pagination span{ display:block; float:left; width:20px; height:20px; margin-left:10px; background-image:url(../images/banh.jpg); cursor:pointer;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ban.jpg);}

}



/*数据*/

@media screen and (min-width:1280px){

.sbox{ width:100%; padding:70px 0; background-color:#eee; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}

.sbox .box{ width:1200px; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff;}

.sbox .box .title{ width:94%; margin:auto; text-align:center; font-size:30px; line-height:50px; font-weight:bold; margin-top:65px; vertical-align:middle;}

.sbox .box .title span{ display:inline-block; width:5px; height:5px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 12px;}

.sbox ul{ display:block; text-align:center; overflow:hidden; height:106px; margin:27px 0;}

.sbox ul li{ display:inline-block; width:33%;}

.sbox ul li p{ font-size:72px; line-height:72px; height:72px; color:#29a7e1; display:block; overflow:hidden;}

.sbox ul li a{ font-size:16px; line-height:34px; height:34px; display:block; overflow:hidden;}

.sbox .line{ display:block; margin:auto; width:2px; height:100px; background-color:#999;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.sbox{ width:100%; padding:40px 0; background-color:#eee; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}

.sbox .box{ width:94%; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff;}

.sbox .box .title{ width:94%; margin:auto; text-align:center; font-size:24px; line-height:44px; font-weight:bold; margin-top:30px; vertical-align:middle;}

.sbox .box .title span{ display:inline-block; width:5px; height:5px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 8px;}

.sbox ul{ display:block; text-align:center; overflow:hidden; height:70px; margin:25px 0;}

.sbox ul li{ display:inline-block; width:33%;}

.sbox ul li p{ font-size:40px; line-height:40px; height:40px; color:#29a7e1; display:block; overflow:hidden;}

.sbox ul li a{ font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden;}

.sbox .line{ display:block; margin:auto; width:2px; height:70px; background-color:#999;}

}

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

.sbox{ width:100%; padding:30px 0; background-color:#eee; background-image:url(../images/abg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}

.sbox .box{ width:94%; margin:auto; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff;}

.sbox .box .title{ width:266px; text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin:25px auto; margin-bottom:10px; vertical-align:middle;}

.sbox .box .title span{ display:inline-block; width:4px; height:4px; border-radius:100%; overflow:hidden; vertical-align:middle; background-color:#333; margin:0 5px;}

.sbox .box .title span:last-child{ display:none;}

.sbox ul{ display:block; text-align:center; overflow:hidden; margin-bottom:25px; margin-top:-1px;}

.sbox ul li{ width:29.33%; float:left; margin-left:3%; display:block; margin-top:10px;}

.sbox ul li p{ font-size:26px; line-height:26px; height:26px; color:#29a7e1; display:block; overflow:hidden;}

.sbox ul li a{ font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}

.sbox .line{ display:block; margin:auto; width:2px; height:30px; background-color:#999;}

}



/*公司简介*/

@media screen and (min-width:1280px){

.abox{ width:100%;}

.abox .box{ padding:70px 0; width:100%; background-color:#fff; position:relative;}

.abox .title{ width:1200px; margin:auto; margin-top:6px;}

.abox .title b{ display:block; color:#29a7e1; font-size:30px; height:40px; line-height:40px;}

.abox .title p{ display:block; color:#333; font-size:20px; height:28px; line-height:28px; text-transform:uppercase;}

.abox .wen{ width:1100px; height:236px; padding:50px; margin:auto; background-color:rgba(41,167,225,0.8); margin-top:25px;}

.abox .wen .wz{ width:550px; font-size:14px; line-height:24px; color:#fff !important; height:240px;}

.abox .tu{ width:610px; position:absolute; right:50%; bottom:195px; margin-right:-600px;}

.abox .tu img{ display:block; max-width:610px; max-height:435px; float:right;}

.abox .list{ width:1200px; margin:auto; margin-top:25px; height:100px; overflow:hidden;}

.abox .list ul{ width:1230px; display:block; height:100px; overflow:hidden;}

.abox .list ul li{ width:380px; display:block; float:left; overflow:hidden; margin-right:30px;} 

.abox .list ul li a{ display:block; width:330px; height:52px; padding:24px 30px; padding-right:20px; background-color:#eee; position:relative;}

.abox .list ul li a span{ display:block; font-size:20px; height:30px; line-height:30px; color:#29a7e1; overflow:hidden;}

.abox .list ul li a span em{ display:block; float:left; font-style:normal;}

.abox .list ul li a span b{ width:8px; height:30px; float:left; margin-left:20px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}

.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}

.abox .list ul li a strong{ display:block; height:60px; position:absolute; right:20px; top:20px; overflow:hidden;}

.abox .list ul li a strong img{ display:block; height:60px; float:right;}

.abox .list ul li a strong img.img02{ display:none;}

.abox .list ul li a:hover strong img.img01{ display:none;}

.abox .list ul li a:hover strong img.img02{ display:block;}

.abox .list ul li a:hover{ background-color:#29a7e1;}

.abox .list ul li a:hover span,.abox .list ul li a:hover p{ color:#fff;}

.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}

}

@media screen and (min-width:769px) and (max-width:1279px){

.abox{ width:100%;}

.abox .box{ padding:50px 0; width:100%; background-color:#fff; position:relative;}

.abox .title{ width:94%; margin:auto;}

.abox .title b{ display:block; color:#29a7e1; font-size:24px; height:34px; line-height:34px;}

.abox .title p{ display:block; color:#333; font-size:14px; height:24px; line-height:24px; text-transform:uppercase;}

.abox .wen{ width:88%; height:236px; padding:20px 3%; margin:auto; background-color:rgba(41,167,225,0.8); margin-top:15px;}

.abox .wen .wz{ width:50%; font-size:14px; line-height:24px; color:#fff !important; height:240px;}

.abox .tu{ width:46%; position:absolute; right:3%; bottom:140px;}

.abox .tu img{ display:block; max-width:100%; max-height:349px; float:right;}

.abox .list{ width:100%; margin:auto; margin-top:20px; height:80px; overflow:hidden;}

.abox .list ul{ width:100%; display:block; height:80px; overflow:hidden;}

.abox .list ul li{ width:29.33%; display:block; float:left; overflow:hidden; margin-left:3%;} 

.abox .list ul li a{ display:block; width:94%; height:50px; padding:15px 3%; background-color:#fff; position:relative;}

.abox .list ul li a span{ display:block; font-size:18px; height:28px; line-height:28px; color:#29a7e1; overflow:hidden;}

.abox .list ul li a span em{ display:block; float:left; font-style:normal;}

.abox .list ul li a span b{ width:8px; height:28px; float:left; margin-left:10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}

.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}

.abox .list ul li a strong{ display:block; height:50px; position:absolute; right:3%; top:15px; overflow:hidden;}

.abox .list ul li a strong img{ display:block; height:50px; float:right;}

.abox .list ul li a strong img.img02{ display:none;}

.abox .list ul li a:hover strong img.img01{ display:none;}

.abox .list ul li a:hover strong img.img02{ display:block;}

.abox .list ul li a:hover{ background-color:#29a7e1;}

.abox .list ul li a:hover span,.abox .list ul li a:hover p{ color:#fff;}

.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}

}

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

.abox{ width:100%;}

.abox .box{ padding:30px 0; width:100%; background-color:#fff; position:relative;}

.abox .title{ width:94%; margin:auto;}

.abox .title b{ display:block; color:#29a7e1; font-size:18px; height:28px; line-height:28px;}

.abox .title p{ display:block; color:#333; font-size:14px; height:22px; line-height:22px; text-transform:uppercase;}

.abox .wen{ width:88%; height:240px; padding:20px 3%; margin:auto; background-color:rgba(41,167,225,0.8); margin-top:10px;}

.abox .wen .wz{ width:70%; font-size:14px; line-height:24px; color:#fff !important; height:192px;}

.abox .tu{ width:46%; position:absolute; right:3%; bottom:245px;}

.abox .tu img{ display:block; width:100%; float:right;}

.abox .list{ width:94%; margin:auto; margin-top:5px; overflow:hidden;}

.abox .list ul{ width:100%; display:block; overflow:hidden;}

.abox .list ul li{ width:100%; display:block; float:left; overflow:hidden; margin-top:10px;} 

.abox .list ul li a{ display:block; width:94%; height:48px; padding:6px 3%; background-color:#fff; position:relative;}

.abox .list ul li a span{ display:block; font-size:16px; height:26px; line-height:26px; color:#29a7e1; overflow:hidden;}

.abox .list ul li a span em{ display:block; float:left; font-style:normal;}

.abox .list ul li a span b{ width:8px; height:26px; float:left; margin-left:10px; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}

.abox .list ul li a p{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; text-transform:uppercase; overflow:hidden;}

.abox .list ul li a strong{ display:block; height:30px; position:absolute; right:3%; top:15px; overflow:hidden;}

.abox .list ul li a strong img{ display:block; height:30px; float:right;}

.abox .list ul li a strong img.img02{ display:none;}

.abox .list ul li a:hover strong img.img01{ display:none;}

.abox .list ul li a:hover strong img.img02{ display:block;}

.abox .list ul li a:hover{ background-color:#29a7e1;}

.abox .list ul li a:hover span,.abox .list ul li a:hover p{ color:#fff;}

.abox .list ul li a:hover span b{ background-image:url(../images/more01.png);}

}



/*爆款优品*/

@media screen and (min-width:1280px){

.pbox{ width:1200px; margin:auto; padding-top:65px; padding-bottom:70px;}

.pbox .title{ text-align:center;}

.pbox .title p{ font-size:16px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.pbox .title b{ font-size:30px; height:38px; line-height:38px; color:#29a7e1; margin-top:10px; display:block;}

.pbox .box{ width:100%; margin-top:5px; position:relative;}

.pbox .box .pp{ width:1220px; display:block;}

.pbox .box .pp li{ width:285px; height:240px; float:left; background-position:center; background-repeat:no-repeat; background-size:contain; display:block; float:; margin-top:20px; margin-right:20px; overflow:hidden;}

.pbox .box .pp a{ display:block; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.5); position:relative; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; opacity:0; filter:alpha(opacity=0);}

.pbox .box .pp a:hover{ opacity:1; filter:alpha(opacity=100);}

.pbox .box .pp .wen{ position:absolute; left:30px; bottom:15px;}

.pbox .box .pp .wen span{ display:block; color:#fff; font-size:18px; height:28px; line-height:28px; overflow:hidden;}

.pbox .box .pp .wen p{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden;}

.pbox .box .pp .wen b{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; margin-top:5px; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.pbox{ width:100%; margin:auto; padding-top:35px; padding-bottom:40px;}

.pbox .title{ width:94%; margin:auto; text-align:center;}

.pbox .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.pbox .title b{ font-size:24px; height:34px; line-height:34px; color:#29a7e1; margin-top:4px; display:block;}

.pbox .box{ width:100%; margin-top:15px; position:relative;}

.pbox .box .pp{ width:100%; display:block;}

.pbox .box .pp li{ width:21.25%; height:17.89vw; display:block; float:left; margin-top:20px; margin-left:3%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain;}

.pbox .box .pp a{ display:block; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.5); position:relative; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; opacity:0; filter:alpha(opacity=0);}

.pbox .box .pp a:hover{ opacity:1; filter:alpha(opacity=100);}

.pbox .box .pp .wen{ position:absolute; left:20px; display:none; bottom:10px;}

.pbox .box .pp a:hover .wen{ display:block;}

.pbox .box .pp .wen span{ display:block; color:#fff; font-size:16px; height:26px; line-height:26px; overflow:hidden;}

.pbox .box .pp .wen p{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden; display:none;}

.pbox .box .pp .wen b{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

}

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

.pbox{ width:100%; margin:auto; padding-top:25px; padding-bottom:30px;}

.pbox .title{ width:94%; margin:auto; text-align:center;}

.pbox .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.pbox .title b{ font-size:18px; height:28px; line-height:28px; color:#29a7e1; display:block;}

.pbox .box{ width:100%; margin-top:10px; position:relative;}

.pbox .box .pp{ width:100%;}

.pbox .box .pp li{ width:45.5%; height:38.31vw; display:block; float:left; margin-top:15px; margin-left:3%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain;}

.pbox .box .pp a{ display:block; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.5); position:relative; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; opacity:0; filter:alpha(opacity=0);}

.pbox .box .pp a:hover{ opacity:1; filter:alpha(opacity=100);}

.pbox .box .pp .wen{ position:absolute; left:10px; display:none; bottom:5px;}

.pbox .box .pp a:hover .wen{ display:block;}

.pbox .box .pp .wen span{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden;}

.pbox .box .pp .wen p{ display:block; color:#fff; font-size:12px; height:22px; line-height:22px; overflow:hidden; display:none;}

.pbox .box .pp .wen b{ display:block; color:#fff; font-size:12px; height:22px; line-height:22px; overflow:hidden; font-weight:normal; width:60px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

}



/*生态产业*/

@media screen and (min-width:1280px){

.mbox{ background-position:center; background-repeat:no-repeat; background-attachment:fixed; width:100%;}

.mbox .box{ width:100%; padding-top:65px; padding-bottom:70px; background-color:rgba(0,0,0,0.9);}

.mbox .title{ text-align:center;}

.mbox .title p{ font-size:16px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.mbox .title b{ font-size:30px; height:38px; line-height:38px; color:#fff; margin-top:10px; display:block;}

.mbox #slide{ width:260px; height:470px; margin:auto; position:relative; margin-top:65px;}

.mbox #slide ul{ display:block; width:100%; height:470px; position:relative; z-index:1;}

.mbox #slide li{ position:absolute; width:260px; display:-webkit-box; display:-webkit-flex; display:flex; align-items:flex-start; -webkit-box-align:flex-start; -webkit-align-items:flex-start; background:#000; overflow:hidden;}

.mbox #slide li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}

.mbox #slide li a img{ width:100%; display:block;}

.mbox #slide li a strong{ width:100%; height:100%; border:5px solid #fff; box-sizing:border-box; opacity:0.5; filter:alpha(opacity=50); display:block; box-sizing:border-box; overflow:hidden; position:absolute; left:0; top:0;}

.mbox #slide li a .wen{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); position:absolute; left:5px; bottom:5px; background-color:rgba(41,167,225,0.9); text-align:center; height:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}

.mbox #slide li a .wen span{ display:block; width:84%; margin:auto; padding-top:14px; color:#fff; font-size:18px; height:30px; line-height:30px; overflow:hidden;}

.mbox #slide li a .wen p{ display:block; width:84%; margin:auto; color:#ddd; font-size:14px; height:40px; line-height:20px; overflow:hidden;}

.mbox #slide li a .wen b{ display:block; width:70px; margin:auto; color:#fff; text-align:left; font-size:14px; height:28px; line-height:28px; overflow:hidden; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; font-weight:normal;}

.mbox #slide li a:hover .wen{ height:120px;}

.mbox #slide .arrow{ display:block !important; width:500px; position:absolute; left:50%; margin-left:-250px; bottom:0; z-index:2;}

.mbox #slide .arrow .prev{ cursor:pointer; width:50px; height:50px; float:left; background-image:url(../images/left.png);}

.mbox #slide .arrow .next{ cursor:pointer; width:50px; height:50px; float:right; background-image:url(../images/right.png);}

.mbox .neo{ display:none;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.mbox{ background-position:center; background-repeat:no-repeat; background-attachment:fixed; width:100%;}

.mbox .box{ width:100%; padding-top:35px; padding-bottom:40px; background-color:rgba(0,0,0,0.9);}

.mbox .title{ text-align:center;}

.mbox .title p{ font-size:14px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.mbox .title b{ font-size:24px; height:34px; line-height:34px; color:#fff; margin-top:4px; display:block;}

.mbox #slide{ display:none;}

.mbox .neo{ width:94%; margin:auto; position:relative; height:360px; margin-top:35px;}

.mbox .swiper-container-3d{ -webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px; width:100%; position:relative;}

.mbox .swiper-container-3d .swiper-wrapper,.mbox .swiper-container-3d .swiper-slide{ -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;}

.mbox .swiper-container-3d .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover; width:260px; height:360px;}

.mbox .swiper-container-3d .swiper-slide a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide strong{ width:100%; height:100%; border:5px solid #fff; box-sizing:border-box; opacity:0.5; filter:alpha(opacity=50); display:block; box-sizing:border-box; overflow:hidden; position:absolute; left:0; top:0;}

.mbox .swiper-container-3d .swiper-slide .wen{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); position:absolute; left:5px; bottom:5px; background-color:rgba(41,167,225,0.9); height:0; text-align:center; height:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s}

.mbox .swiper-container-3d .swiper-slide .wen span{ display:block; width:84%; margin:auto; padding-top:14px; color:#fff; font-size:18px; height:30px; line-height:30px; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide .wen p{ display:block; width:84%; margin:auto; color:#ddd; font-size:14px; height:40px; line-height:20px; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide .wen b{ display:block; width:70px; margin:auto; color:#fff; text-align:left; font-size:14px; height:28px; line-height:28px; overflow:hidden; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; font-weight:normal;}

.mbox .swiper-container-3d .swiper-slide.swiper-slide-active a .wen{ height:120px;}

.mbox .swiper-container-3d .swiper-slide-shadow-left{ background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10;}

.mbox .swiper-container-3d .swiper-slide-shadow-right{ background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)); position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10;}

}

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

.mbox{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%;}

.mbox .box{ width:100%; padding-top:25px; padding-bottom:30px; background-color:rgba(0,0,0,0.9);}

.mbox .title{ text-align:center;}

.mbox .title p{ font-size:14px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.mbox .title b{ font-size:18px; height:28px; line-height:28px; color:#fff; display:block;}

.mbox #slide{ display:none;}

.mbox .neo{ width:94%; margin:auto; position:relative; height:360px; margin-top:25px;}

.mbox .swiper-container-3d{ -webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px; width:100%; position:relative;}

.mbox .swiper-container-3d .swiper-wrapper,.mbox .swiper-container-3d .swiper-slide{ -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;}

.mbox .swiper-container-3d .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover; width:260px; height:360px;}

.mbox .swiper-container-3d .swiper-slide a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide strong{ width:100%; height:100%; border:5px solid #fff; box-sizing:border-box; opacity:0.5; filter:alpha(opacity=50); display:block; box-sizing:border-box; overflow:hidden; position:absolute; left:0; top:0;}

.mbox .swiper-container-3d .swiper-slide .wen{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); position:absolute; left:5px; bottom:5px; background-color:rgba(41,167,225,0.9); height:0; text-align:center; height:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s}

.mbox .swiper-container-3d .swiper-slide .wen span{ display:block; width:84%; margin:auto; padding-top:14px; color:#fff; font-size:18px; height:30px; line-height:30px; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide .wen p{ display:block; width:84%; margin:auto; color:#ddd; font-size:14px; height:40px; line-height:20px; overflow:hidden;}

.mbox .swiper-container-3d .swiper-slide .wen b{ display:block; width:70px; margin:auto; color:#fff; text-align:left; font-size:14px; height:28px; line-height:28px; overflow:hidden; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; font-weight:normal;}

.mbox .swiper-container-3d .swiper-slide.swiper-slide-active a .wen{ height:120px;}

.mbox .swiper-container-3d .swiper-slide-shadow-left{ background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10;}

.mbox .swiper-container-3d .swiper-slide-shadow-right{ background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)); position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10;}

}



/*合作项目*/

@media screen and (min-width:1280px){

.hbox{ width:100%; background-color:#eee; padding-top:65px; padding-bottom:120px;}

.hbox .title{ text-align:center;}

.hbox .title p{ font-size:16px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.hbox .title b{ font-size:30px; height:38px; line-height:38px; color:#29a7e1; margin-top:10px; display:block;}

.hbox .box{ width:1200px; margin:auto; margin-top:65px; height:440px; position:relative;}

.hbox .box .left{ width:655px; height:400px; position:relative; position:absolute; left:0; top:0;}

.hbox .box .left a{ width:100%; height:100%; display:block; background-image:url(../images/hl01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}

.hbox .box .left .wen{ padding-top:155px; margin-left:70px; width:450px; height:90px;}

.hbox .box .left .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; float:left;}

.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}

.hbox .box .left .wen .wz{ width:340px; float:left; margin-left:10px;}

.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box .right{ width:655px; height:400px; position:relative; position:absolute; right:0; bottom:0;}

.hbox .box .right a{ width:100%; height:100%; display:block; background-image:url(../images/hr01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}

.hbox .box .right .wen{ padding-top:155px; margin-left:135px; width:450px; height:90px;}

.hbox .box .right .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; float:left;}

.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}

.hbox .box .right .wen .wz{ width:340px; float:left; margin-left:10px;}

.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box a:hover .wen{ padding-top:145px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.hbox{ width:100%; background-color:#eee; padding-top:35px; padding-bottom:70px;}

.hbox .title{ text-align:center;}

.hbox .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.hbox .title b{ font-size:24px; height:34px; line-height:34px; color:#29a7e1; margin-top:4px; display:block;}

.hbox .box{ width:94%; margin:auto; margin-top:35px; height:370px; position:relative;}

.hbox .box .left{ width:56%; height:300px; position:relative; position:absolute; left:0; top:0; background-position:right center; background-repeat:no-repeat;}

.hbox .box .left a{ width:100%; height:100%; display:block; background-image:url(../images/hl01.png); background-position:right center; background-repeat:no-repeat; overflow:hidden;}

.hbox .box .left .wen{ margin-top:105px; margin-left:5%; width:70%; height:90px; position:relative;}

.hbox .box .left .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0;}

.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}

.hbox .box .left .wen .wz{ padding-left:110px;}

.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box .right{ width:56%; height:340px; position:relative; position:absolute; right:0; bottom:0; background-position:left center; background-repeat:no-repeat;}

.hbox .box .right a{ width:100%; height:100%; display:block; background-image:url(../images/hr01.png); background-position:left center; background-repeat:no-repeat; overflow:hidden;}

.hbox .box .right .wen{ margin-top:105px; float:right; margin-right:5%; width:70%; height:90px; position:relative;}

.hbox .box .right .wen .tu{ width:100px; height:90px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0;}

.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}

.hbox .box .right .wen .wz{ padding-left:110px;}

.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box a:hover .wen{ padding-top:145px;}

}

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

.hbox{ width:100%; background-color:#eee; padding-top:25px; padding-bottom:30px;}

.hbox .title{ text-align:center;}

.hbox .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.hbox .title b{ font-size:18px; height:28px; line-height:28px; color:#29a7e1; display:block;}

.hbox .box{ width:94%; margin:auto; margin-top:15px; height:410px; position:relative;}

.hbox .box .left{ width:100%; height:200px; position:relative; background-position:center; background-repeat:no-repeat; background-size:150% auto;}

.hbox .box .left a{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.7); overflow:hidden;}

.hbox .box .left .wen{ margin-top:55px; margin-left:5%; width:90%; height:90px; position:relative;}

.hbox .box .left .wen .tu{ width:67px; height:60px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:0; top:0;}

.hbox .box .left .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:30px auto;}

.hbox .box .left .wen .wz{ padding-left:80px;}

.hbox .box .left .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .left .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .left .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box .right{ width:100%; height:200px; position:relative; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:150% auto;}

.hbox .box .right a{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.7); overflow:hidden;}

.hbox .box .right .wen{ margin-top:55px; float:right; margin-right:5%; width:90%; height:90px; position:relative;}

.hbox .box .right .wen .tu{ width:67px; height:60px; background-image:url(../images/hz.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:absolute; left:0; top:0;}

.hbox .box .right .wen .tu strong{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:30px auto;}

.hbox .box .right .wen .wz{ padding-left:80px;}

.hbox .box .right .wen .w01{ font-size:18px; height:22px; line-height:22px; color:#fff;}

.hbox .box .right .wen .w02{ font-size:14px; height:40px; line-height:20px; color:#ccc; margin:5px 0;}

.hbox .box .right .wen .w03{ font-size:14px; height:18px; line-height:18px; color:#ccc; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px;}

.hbox .box a:hover .wen{ padding-top:145px;}

}



/*新闻*/

@media screen and (min-width:1280px){

.nbox{ width:100%; height:650px; position:relative;}

.nbox .left{ width:430px; padding-left:360px; height:700px; position:absolute; left:50%; margin-left:-960px; top:-50px; background-color:#29a7e1; z-index:1;}

.nbox .left .title{ width:1200px; margin:auto; padding-top:65px;}

.nbox .left .title b{ display:block; color:#fff; font-size:30px; height:40px; line-height:40px;}

.nbox .left .title p{ display:block; color:#fff; font-size:20px; height:28px; line-height:28px; text-transform:uppercase;}

.nbox .left .sp{ width:380px; height:250px; margin-top:25px; position:relative; cursor:pointer;}

.nbox .left .sp img{ width:100%; display:block;}

.nbox .left .sp a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; position:absolute; left:0; top:0; background-image:url(../images/news.png); background-position:center; background-repeat:no-repeat;background-color:rgba(0,0,0,0.7);}

.nbox .left .sp a:hover{ opacity:0; filter:alpha(opacity=0);}

.nbox .left .box{ width:380px; height:204px; margin-top:23px;}

.nbox .left .swiper-container{ width:100%; height:190px; position:relative; padding-bottom:14px;}

.nbox .left .box .nei{ width:100%; height:190px;}

.nbox .left .box .nei .n01{ font-size:14px; line-height:26px; height:26px; color:#dff5ff;}

.nbox .left .box .nei .n01 span{ display:block; float:left;}

.nbox .left .box .nei .n01 p{ display:block; float:right;}

.nbox .left .box .nei .n02{ font-size:18px; line-height:24px; height:48px; color:#fff; overflow:hidden; display:block; cursor:pointer;}

.nbox .left .box .nei .n03{ font-size:14px; line-height:20px; height:60px; color:#dff5ff; overflow:hidden; display:block; margin-top:10px; margin-bottom:24px;}

.nbox .left .box .nei .n04{ font-size:14px; height:22px; line-height:22px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}

.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}

.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}

.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}



.nbox .right{ width:720px; padding-left:480px; margin:auto; margin-bottom:70px; height:580px; overflow:hidden; position:relative; z-index:0;}

.nbox .right .title{ width:100%; margin:auto; padding-top:65px; position:relative;}

.nbox .right .title b{ display:block; color:#29a7e1; font-size:30px; height:40px; line-height:40px;}

.nbox .right .title p{ display:block; color:#333; font-size:20px; height:28px; line-height:28px; text-transform:uppercase;}

.nbox .right .title a{ font-size:14px; height:40px; line-height:40px; width:130px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; position:absolute; right:0; top:65px;}

.nbox .right .title a:hover{ color:#29a7e1;}

.nbox .right ul{ width:100%; padding-top:5px; display:block;}

.nbox .right ul li{ display:block; padding:20px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}

.nbox .right ul li:last-child{ border-bottom:none;}

.nbox .right ul li .tu{ width:170px; height:110px; float:left;}

.nbox .right ul li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.nbox .right ul li:hover .tu 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);}

.nbox .right ul li .wen{ float:right; width:530px;}

.nbox .right ul li .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#999;}

.nbox .right ul li .wen .n01 span{ display:block; float:left;}

.nbox .right ul li .wen .n01 p{ display:block; float:right;}

.nbox .right ul li .wen .n02 a{ font-size:18px; line-height:28px; height:28px; overflow:hidden; display:block;}

.nbox .right ul li:hover .wen .n02 a{ color:#29a7e1;}

.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:18px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.nbox{ width:100%; position:relative;}

.nbox .left{ width:30%; padding:0 3%; float:left; margin-top:-30px; background-color:#29a7e1; padding-bottom:40px;}

.nbox .left .title{ width:100%; margin:auto; padding-top:35px;}

.nbox .left .title b{ display:block; color:#fff; font-size:24px; height:34px; line-height:34px;}

.nbox .left .title p{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; text-transform:uppercase;}

.nbox .left .sp{ width:100%; height:200px; margin-top:15px; position:relative; cursor:pointer;}

.nbox .left .sp img{ width:100%; display:block;}

.nbox .left .sp a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; position:absolute; left:0; top:0; background-image:url(../images/news.png); background-position:center; background-repeat:no-repeat;background-color:rgba(0,0,0,0.7);}

.nbox .left .sp a:hover{ opacity:0; filter:alpha(opacity=0);}

.nbox .left .box{ width:100%; height:184px; margin-top:13px;}

.nbox .left .swiper-container{ width:100%; height:170px; position:relative; padding-bottom:14px;}

.nbox .left .box .nei{ width:100%; height:170px;}

.nbox .left .box .nei .n01{ font-size:14px; line-height:26px; height:26px; color:#dff5ff;}

.nbox .left .box .nei .n01 span{ display:block; float:left;}

.nbox .left .box .nei .n01 p{ display:block; float:right;}

.nbox .left .box .nei .n02{ font-size:16px; line-height:24px; height:48px; color:#fff; overflow:hidden; display:block; cursor:pointer;}

.nbox .left .box .nei .n03{ font-size:14px; line-height:20px; height:60px; color:#dff5ff; overflow:hidden; display:block; margin-top:5px; margin-bottom:9px;}

.nbox .left .box .nei .n04{ font-size:14px; height:22px; line-height:22px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}

.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}

.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}

.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}



.nbox .right{ width:58%; padding:0 3%; float:left; padding-bottom:20px;}

.nbox .right .title{ width:100%; padding-top:35px; position:relative;}

.nbox .right .title b{ display:block; color:#29a7e1; font-size:24px; height:34px; line-height:34px;}

.nbox .right .title p{ display:block; color:#333; font-size:14px; height:24px; line-height:24px; text-transform:uppercase;}

.nbox .right .title a{ font-size:14px; height:34px; line-height:34px; width:130px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; position:absolute; right:0; top:35px;}

.nbox .right .title a:hover{ color:#29a7e1;}

.nbox .right ul{ width:100%; display:block;}

.nbox .right ul li{ display:block; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}

.nbox .right ul li:last-child{ border-bottom:none;}

.nbox .right ul li .tu{ width:24%; height:100px; float:left;}

.nbox .right ul li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.nbox .right ul li:hover .tu 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);}

.nbox .right ul li .wen{ float:right; width:73%;}

.nbox .right ul li .wen .n01{ font-size:14px; line-height:24px; height:24px; color:#999;}

.nbox .right ul li .wen .n01 span{ display:block; float:left;}

.nbox .right ul li .wen .n01 p{ display:block; float:right;}

.nbox .right ul li .wen .n02 a{ font-size:16px; line-height:26px; height:26px; overflow:hidden; display:block;}

.nbox .right ul li:hover .wen .n02 a{ color:#29a7e1;}

.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:8px;}

}

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

.nbox{ width:100%; position:relative;}

.nbox .left{ width:100%; background-color:#29a7e1; padding-bottom:30px;}

.nbox .left .title{ width:94%; margin:auto; padding-top:25px;}

.nbox .left .title b{ display:block; color:#fff; font-size:18px; height:28px; line-height:28px;}

.nbox .left .title p{ display:block; color:#fff; font-size:14px; height:22px; line-height:22px; text-transform:uppercase;}

.nbox .left .sp{ width:94%; margin:auto; height:200px; margin-top:10px; position:relative; cursor:pointer;}

.nbox .left .sp img{ width:100%; display:block;}

.nbox .left .sp a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; position:absolute; left:0; top:0; background-image:url(../images/news.png); background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7);}

.nbox .left .sp a:hover{ opacity:0; filter:alpha(opacity=0);}

.nbox .left .box{ width:94%; margin:auto; height:184px; margin-top:8px;}

.nbox .left .swiper-container{ width:100%; height:170px; position:relative; padding-bottom:14px;}

.nbox .left .box .nei{ width:100%; height:170px;}

.nbox .left .box .nei .n01{ font-size:14px; line-height:26px; height:26px; color:#dff5ff;}

.nbox .left .box .nei .n01 span{ display:block; float:left;}

.nbox .left .box .nei .n01 p{ display:block; float:right;}

.nbox .left .box .nei .n02{ font-size:16px; line-height:24px; height:48px; color:#fff; overflow:hidden; display:block; cursor:pointer;}

.nbox .left .box .nei .n03{ font-size:14px; line-height:20px; height:60px; color:#dff5ff; overflow:hidden; display:block; margin-top:5px; margin-bottom:9px;}

.nbox .left .box .nei .n04{ font-size:14px; height:22px; line-height:22px; color:#fff; width:72px; background-image:url(../images/more01.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; display:block; overflow:hidden; cursor:pointer;}

.nbox .left .swiper-pagination{ position:absolute; right:0; bottom:0; z-index:3;}

.nbox .left .swiper-pagination span{ display:block; float:left; width:8px; height:8px; margin-left:10px; border-radius:10px; border:1px solid #fff; cursor:pointer;}

.nbox .left .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}



.nbox .right{ width:94%; margin:auto; padding-bottom:15px;}

.nbox .right .title{ width:100%; padding-top:25px; position:relative;}

.nbox .right .title b{ display:block; color:#29a7e1; font-size:18px; height:28px; line-height:28px;}

.nbox .right .title p{ display:block; color:#333; font-size:14px; height:22px; line-height:22px; text-transform:uppercase;}

.nbox .right .title a{ font-size:14px; height:28px; line-height:28px; width:130px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat; background-size:5px 10px; position:absolute; right:0; top:25px;}

.nbox .right .title a:hover{ color:#29a7e1;}

.nbox .right ul{ width:100%; display:block; margin-top:-5px;}

.nbox .right ul li{ display:block; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}

.nbox .right ul li:last-child{ border-bottom:none;}

.nbox .right ul li .tu{ width:40%; height:100px; float:left;}

.nbox .right ul li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.nbox .right ul li:hover .tu 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);}

.nbox .right ul li .wen{ float:right; width:57%;}

.nbox .right ul li .wen .n01{ font-size:14px; line-height:24px; height:24px; color:#999;}

.nbox .right ul li .wen .n01 span{ display:block; float:left;}

.nbox .right ul li .wen .n01 p{ display:block; float:right;}

.nbox .right ul li .wen .n02 a{ font-size:16px; line-height:26px; height:26px; overflow:hidden; display:block;}

.nbox .right ul li:hover .wen .n02 a{ color:#29a7e1;}

.nbox .right ul li .wen .n03{ font-size:14px; line-height:20px; height:40px; color:#666; overflow:hidden; display:block; margin-top:8px;}

}



/*在线留言*/

@media screen and (min-width:1280px){

.cbox{ width:100%; height:650px; position:relative;}

.cbox .box{ width:1920px; height:650px; position:absolute; left:50%; margin-left:-960px; top:0;}

.cbox .left{ width:660px; padding-left:360px; float:left; background-color:#f2f2f2; padding-top:62px; height:588px;}

.cbox .left .title{ width:540px; text-align:center;}

.cbox .left .title b{ display:block; font-size:30px; height:46px; line-height:46px; overflow:hidden;}

.cbox .left .title p{ display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#666; margin-bottom:10px;}

.cbox .left .x01{ width:470px; margin-top:10px;}

.cbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x01 p{ display:block; float:left; width:398px; height:42px; background-color:#fff; border:1px solid #cacaca;}

.cbox .left .x01 p strong{ width:42px; height:42px; float:left; display:block; background-position:center; background-repeat:no-repeat;}

.cbox .left .x01 p input{ width:356px; height:42px; float:left; display:block; font-size:14px; line-height:42px;}

.cbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}

.cbox .left .x02{ width:470px; margin-top:10px;}

.cbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x02 p{ display:block; float:left; width:398px; height:92px; background-color:#fff; border:1px solid #cacaca;}

.cbox .left .x02 p textarea{ width:374px; padding:8px 12px; height:76px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}

.cbox .left .x03{ width:470px; margin-top:10px;}

.cbox .left .x03 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x03 p{ display:block; float:left; width:195px; height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x03 p input{ width:100%; height:42px; position:absolute; left:0; top:0; opacity:0; display:block; cursor:pointer;}

.cbox .left .x03 p a{ width:100%; text-align:center; font-size:14px; height:42px; line-height:42px; color:#666; display:block;}

.cbox .left .x03 b{ float:right; font-size:14px; height:40px; line-height:20px; color:#666; padding-top:2px; font-weight:normal; display:block;}

.cbox .left .x04{ margin-top:10px; margin-left:70px; width:400px;}

.cbox .left .x04 input{ width:100%; height:40px; line-height:40px; background-color:#29a7e1; color:#fff; cursor:pointer; font-size:14px; text-align:center;}



.cbox .right{ width:900px; float:right; height:479px; padding-top:171px; background-image:url(../images/mess.jpg); background-repeat:no-repeat;}

.cbox .right .nei{ width:490px; padding-left:50px; overflow:hidden; text-align:right;}

.cbox .right .nei b{ display:block; overflow:hidden; color:#fff; font-size:30px; height:56px; line-height:56px;}

.cbox .right .nei span{ display:block; overflow:hidden; color:#fff; font-size:16px; height:26px; line-height:26px;}

.cbox .right .nei p{ display:block; overflow:hidden; color:#fff; font-size:16px; height:36px; line-height:36px; margin-top:60px;}

.cbox .right .nei a{ display:block; overflow:hidden; color:#fff; font-size:36px; height:53px; line-height:53px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.cbox{ width:100%; position:relative; background-color:#f2f2f2;}

.cbox .box{ width:100%; height:567px;}

.cbox .left{ width:49%; padding:0 3%; float:left; padding-top:35px; padding-bottom:40px;}

.cbox .left .title{ width:100%; text-align:center;}

.cbox .left .title b{ display:block; font-size:24px; height:34px; line-height:34px; overflow:hidden;}

.cbox .left .title p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#666; margin-bottom:10px;}

.cbox .left .x01{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x01 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x01 p strong{ width:42px; height:42px; position:absolute; left:0; top:0; display:block; background-position:center; background-repeat:no-repeat;}

.cbox .left .x01 p input{ padding-left:42px; width:100%; box-sizing:border-box; height:42px; float:left; display:block; font-size:14px; line-height:42px;}

.cbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}

.cbox .left .x02{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x02 p{ display:block; float:left;  width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:92px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:8px 12px; height:92px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}

.cbox .left .x03{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x03 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x03 p{ display:block; float:left;  width:-moz-calc(100% - 278px); width:-webkit-calc(100% - 278px); width:calc(100% - 278px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x03 p input{ width:100%; height:42px; position:absolute; left:0; top:0; opacity:0; display:block; cursor:pointer;}

.cbox .left .x03 p a{ width:100%; text-align:center; font-size:14px; height:42px; line-height:42px; color:#666; display:block;}

.cbox .left .x03 b{ float:right; font-size:14px; height:40px; line-height:20px; color:#666; padding-top:2px; font-weight:normal; display:block;}

.cbox .left .x04{ margin:auto; margin-top:10px; width:100%; max-width:470px;}

.cbox .left .x04 input{ width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width:calc(100% - 70px); float:right; height:40px; line-height:40px; background-color:#29a7e1; color:#fff; cursor:pointer; font-size:14px; text-align:center;}



.cbox .right{ width:39%; padding:0 3%; float:right; height:410px; padding-top:157px; background-image:url(../images/mess.jpg); background-position:10% center; background-repeat:no-repeat; background-size:cover;}

.cbox .right .nei{ width:100%; overflow:hidden; text-align:right;}

.cbox .right .nei b{ display:block; overflow:hidden; color:#fff; font-size:24px; height:44px; line-height:44px;}

.cbox .right .nei span{ display:block; overflow:hidden; color:#fff; font-size:16px; height:26px; line-height:26px;}

.cbox .right .nei p{ display:block; overflow:hidden; color:#fff; font-size:16px; height:36px; line-height:36px; margin-top:60px;}

.cbox .right .nei a{ display:block; overflow:hidden; color:#fff; font-size:36px; height:53px; line-height:53px;}

}

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

.cbox{ width:100%; position:relative; background-color:#f2f2f2;}

.cbox .box{ width:100%;}

.cbox .left{ width:94%; padding:0 3%; float:left; padding-top:25px; padding-bottom:30px;}

.cbox .left .title{ width:100%; text-align:center;}

.cbox .left .title b{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}

.cbox .left .title p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#666;}

.cbox .left .x01{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x01 p{ display:block; float:left; width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x01 p strong{ width:42px; height:42px; position:absolute; left:0; top:0; display:block; background-position:center; background-repeat:no-repeat;}

.cbox .left .x01 p input{ padding-left:42px; width:100%; box-sizing:border-box; height:42px; float:left; display:block; font-size:14px; line-height:42px;}

.cbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}

.cbox .left .x02{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x02 p{ display:block; float:left;  width:-moz-calc(100% - 72px); width:-webkit-calc(100% - 72px); width:calc(100% - 72px); height:92px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:8px 12px; height:92px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}

.cbox .left .x03{ width:100%; max-width:470px; margin:auto; margin-top:10px;}

.cbox .left .x03 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.cbox .left .x03 p{ display:block; float:left;  width:-moz-calc(100% - 278px); width:-webkit-calc(100% - 278px); width:calc(100% - 278px); height:42px; background-color:#fff; border:1px solid #cacaca; position:relative;}

.cbox .left .x03 p input{ width:100%; height:42px; position:absolute; left:0; top:0; opacity:0; display:block; cursor:pointer;}

.cbox .left .x03 p a{ width:100%; text-align:center; font-size:14px; height:42px; line-height:42px; color:#666; display:block;}

.cbox .left .x03 b{ float:right; font-size:14px; height:40px; line-height:20px; color:#666; padding-top:2px; font-weight:normal; display:block;}

.cbox .left .x04{ margin:auto; margin-top:10px; width:100%; max-width:470px;}

.cbox .left .x04 input{ width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width:calc(100% - 70px); float:right; height:40px; line-height:40px; background-color:#29a7e1; color:#fff; cursor:pointer; font-size:14px; text-align:center;}



.cbox .right{ width:94%; padding:0 3%; float:right; height:310px; padding-top:157px; background-image:url(../images/mess.jpg); background-position:5% center; background-repeat:no-repeat; background-size:cover;}

.cbox .right .nei{ width:90%; margin:auto; overflow:hidden; text-align:right;}

.cbox .right .nei b{ display:block; overflow:hidden; color:#fff; font-size:18px; height:38px; line-height:38px;}

.cbox .right .nei span{ display:block; overflow:hidden; color:#fff; font-size:14px; height:24px; line-height:24px;}

.cbox .right .nei p{ display:block; overflow:hidden; color:#fff; font-size:14px; height:34px; line-height:34px; margin-top:60px;}

.cbox .right .nei a{ display:block; overflow:hidden; color:#fff; font-size:30px; height:40px; line-height:40px;}

}



/*在线留言*/

@media screen and (min-width:1280px){

.footer{ background-color:#222; padding-bottom:22px; overflow:hidden;}

.footer .foot{ width:1200px; margin:auto; padding:26px 0; border-bottom:1px solid #333; height:169px;}

.footer .foot .left{ width:630px; float:left;}

.footer .foot .left ul{ display:block; overflow:hidden; width:653px;}

.footer .foot .left ul li{ display:block; float:left; height:62px; line-height:62px; font-size:16px; margin-right:23px;}

.footer .foot .left ul li a{ display:block; color:#fff;}

.footer .foot .left ul li a:hover{ color:#29a7e1;}

.footer .foot .left p{ display:block; overflow:hidden; padding:3px 0;}

.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; max-height:48px; color:#999; height:30px; overflow:hidden;}

.footer .foot .middle{ width:300px; float:left; padding-top:24px;}

.footer .foot .middle p{ display:block; width:120px; float:left; margin-left:30px; overflow:hidden;}

.footer .foot .middle strong{ width:120px; height:120px; display:block; overflow:hidden; background-color:#fff;}

.footer .foot .middle strong img{ width:100%; display:block;}

.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}

.footer .foot .right{ width:240px; float:right; padding-top:24px;}

.footer .foot .right dl{ width:100%; display:block; overflow:hidden;}

.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:32px; line-height:32px; text-align:right; color:#fff;}

.footer .foot .right dl dd{ float:right;}

.footer .foot .right dl dd a{ display:block; height:24px; margin-left:20px; margin-top:8px; opacity:0.8; float:left;}

.footer .foot .right dl dd a img{ display:block; height:24px;}

.footer .foot .right dl dd a:hover{ opacity:1;}

.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:33px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}

.footer .foot .right p a{ color:#999;}

.footer .link{ width:1200px; margin:auto; padding-top:30px;}

.footer .link p{ float:left; display:block;}

.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:18px; height:18px; color:#999;}

.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:38px; height:38px; color:#fff;}

.footer .link ul{ display:block; float:right; max-width:1040px; margin-top:18px; height:38px; overflow:hidden;}

.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:38px; height:38px; float:left; margin-left:40px;}

.footer .link ul li a{ color:#fff;}

.footer .link ul li a:hover{ color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.footer{ background-color:#222; padding-bottom:15px; overflow:hidden;}

.footer .foot{ width:94%; margin:auto; padding:35px 0; border-bottom:1px solid #333;}

.footer .foot .left{ width:55%; float:left;}

.footer .foot .left ul{ display:block; overflow:hidden;}

.footer .foot .left ul li{ display:block; float:left; height:26px; line-height:26px; font-size:16px; margin-right:10px;}

.footer .foot .left ul li a{ display:block; color:#fff;}

.footer .foot .left ul li a:hover{ color:#29a7e1;}

.footer .foot .left p{ display:block; overflow:hidden; margin-top:10px;}

.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; color:#999; height:30px; overflow:hidden;}

.footer .foot .middle{ width:25%; float:left; padding-top:5px;}

.footer .foot .middle p{ display:block; width:47%; float:left; margin-left:3%; overflow:hidden;}

.footer .foot .middle strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.footer .foot .middle strong img{ width:100%; display:block;}

.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}

.footer .foot .right{ width:20%; float:right;}

.footer .foot .right dl{ width:100%; display:block; overflow:hidden;}

.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:24px; line-height:24px; text-align:right; color:#fff;}

.footer .foot .right dl dd{ float:right;}

.footer .foot .right dl dd a{ display:block; height:24px; margin-left:10px; margin-top:8px; opacity:0.8; float:left;}

.footer .foot .right dl dd a img{ display:block; height:24px;}

.footer .foot .right dl dd a:hover{ opacity:1;}

.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:33px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}

.footer .foot .right p a{ color:#999;}

.footer .link{ width:94%; margin:auto; padding-top:15px;}

.footer .link p{ float:left; display:block;}

.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px; color:#999;}

.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}

.footer .link ul{ display:block; float:right; max-width:70%; overflow:hidden;}

.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; float:left; margin-right:20px;}

.footer .link ul li a{ color:#fff;}

.footer .link ul li a:hover{ color:#29a7e1;}

}

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

.footer{ background-color:#222; padding-bottom:15px; overflow:hidden;}

.footer .foot{ width:94%; margin:auto; padding:15px 0; border-bottom:1px solid #333;}

.footer .foot .left{ width:100%; float:left;}

.footer .foot .left ul{ display:block; overflow:hidden;}

.footer .foot .left ul li{ display:block; float:left; height:26px; line-height:26px; font-size:16px; margin-right:10px;}

.footer .foot .left ul li a{ display:block; color:#fff;}

.footer .foot .left ul li a:hover{ color:#29a7e1;}

.footer .foot .left p{ display:block; overflow:hidden; margin-top:5px;}

.footer .foot .left p span{ display:block; font-size:14px; line-height:24px; color:#999; height:30px; overflow:hidden;}

.footer .foot .middle{ width:50%; float:left; padding-top:5px;}

.footer .foot .middle p{ display:block; width:47%; float:left; margin-right:3%; overflow:hidden;}

.footer .foot .middle strong{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.footer .foot .middle strong img{ width:100%; display:block;}

.footer .foot .middle span{ width:100%; text-align:center; display:block; font-size:14px; height:22px; line-height:22px; padding-top:3px; color:#999; overflow:hidden;}

.footer .foot .right{ width:50%; float:right;}

.footer .foot .right dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}

.footer .foot .right dl dt{ width:100%; float:right; display:block; font-size:14px; height:24px; line-height:24px; text-align:right; color:#fff;}

.footer .foot .right dl dd{ float:right;}

.footer .foot .right dl dd a{ display:block; height:20px; margin-left:10px; margin-top:5px; opacity:0.8; float:left;}

.footer .foot .right dl dd a img{ display:block; height:20px;}

.footer .foot .right dl dd a:hover{ opacity:1;}

.footer .foot .right p{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; height:48px; line-height:24px; text-align:right; color:#999;}

.footer .foot .right p a{ color:#999;}

.footer .link{ width:94%; margin:auto; padding-top:15px;}

.footer .link p{ float:left; display:block;}

.footer .link p span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px; color:#999;}

.footer .link p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}

.footer .link ul{ display:block; float:right; margin-left:-10px; overflow:hidden;}

.footer .link ul li{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; float:left; margin-left:10px;}

.footer .link ul li a{ color:#fff;}

.footer .link ul li a:hover{ color:#29a7e1;}

}



/*内页*/

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

    0%{

        transform:scale(1);  /*开始为原始大小*/

    }

    25%{

        transform:scale(1.1); /*放大1.1倍*/

    }

    50%{

        transform:scale(1);

    }

    75%{

        transform:scale(1.1);

    }

}

@media screen and (min-width:1280px){

.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}

.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}

.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:90px; height:370px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}

.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}

.ban .box p span{ display:block; color:#fff; font-size:36px; height:60px; line-height:60px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.ban .box p a{ display:block; color:#fff; font-size:24px; height:48px; line-height:48px; overflow:hidden; letter-spacing:5px; text-indent:5px;}



#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(41,167,225,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}

#gotop img{ width:100%; display:block;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ban{ width:100%; height:400px; position:relative; overflow:hidden; z-index:0;}

.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}

.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:80px; height:320px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}

.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}

.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:26px; height:46px; line-height:46px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; height:40px; line-height:40px; overflow:hidden; letter-spacing:5px; text-indent:5px;}



#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(41,167,225,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}

#gotop img{ width:100%; display:block;}

}

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

.ban{ width:100%; height:260px; position:relative; overflow:hidden; z-index:0;}

.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}

.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); padding-top:60px; height:200px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}

.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}

.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; line-height:30px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:16px; line-height:26px; overflow:hidden; letter-spacing:5px; text-indent:5px; margin-top:5px;}



#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(41,167,225,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}

#gotop img{ width:100%; display:block;}

}



/*当前位置*/

@media screen and (min-width:1280px){

.wbox{ width:100%; height:50px; background-color:#eee;}

.wbox .box{ width:1200px; margin:auto;}

.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}

.wbox .box .left a:hover{ color:#29a7e1;}

.wbox .box .right{ display:block; float:right; overflow:hidden;}

.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:30px;}

.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}

.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#29a7e1; display:block; position:absolute; left:0; bottom:0;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.wbox{ width:100%; height:50px; background-color:#eee;}

.wbox .box{ width:94%; margin:auto;}

.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}

.wbox .box .left a:hover{ color:#29a7e1;}

.wbox .box .right{ display:block; float:right; overflow:hidden;}

.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:15px;}

.wbox .box .right.mr li{ margin-left:5px;}

.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}

.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#29a7e1; display:block; position:absolute; left:0; bottom:0;}

}

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

.wbox{ width:100%; background-color:#eee;}

.wbox .box{ padding:10px; margin:auto;}

.wbox .box .left{ display:none;}

.wbox .box .right{ display:block; overflow:hidden; text-align:center;}

.wbox .box .right li{ display:inline-table; margin:5px; overflow:hidden; height:24px; position:relative;}

.wbox .box .right li a{ overflow:hidden; display:block;}

.wbox .box .right li a p{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}

.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#29a7e1; display:block; position:absolute; left:0; bottom:0;}

}



/*走进奕德堂*/

@media screen and (min-width:1280px){

.row{ width:100%;}

.ab01{ width:1200px; margin:auto; padding:70px 0;}

.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.ab01 .box .wen{ width:100%; min-height:460px; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:auto 100%;}

.ab01 .box .wen .w01{ color:#fff; margin-left:60px; padding-top:63px; font-size:16px; line-height:28px; height:28px; text-transform:uppercase; width:490px;}

.ab01 .box .wen .w02{ color:#fff; margin-left:60px; font-size:30px; line-height:46px; height:46px; font-weight:bold; width:490px;}

.ab01 .box .wen .w03{ color:#fff; margin-left:60px; padding-bottom:63px; margin-top:25px; font-size:14px; line-height:30px; width:490px;}

.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row{ width:100%;}

.ab01{ width:94%; margin:auto; padding:40px 0;}

.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.ab01 .box .wen{ width:100%; padding:35px 0; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:100% 100%;}

.ab01 .box .wen .w01{ color:#fff; margin-left:5%; font-size:14px; line-height:24px; height:24px; text-transform:uppercase; width:40%;}

.ab01 .box .wen .w02{ color:#fff; margin-left:5%; font-size:24px; line-height:34px; height:34px; font-weight:bold; width:40%;}

.ab01 .box .wen .w03{ color:#fff; margin-left:5%; margin-top:10px; font-size:14px; line-height:24px; width:40%;}

.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}

}

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

.row{ width:100%;}

.ab01{ width:94%; margin:auto; padding:30px 0;}

.ab01 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-size:cover;}

.ab01 .box .wen{ width:100%; padding:25px 0; background-image:url(../images/ab01.png); background-repeat:no-repeat; background-size:140% 100%;}

.ab01 .box .wen .w01{ color:#fff; margin-left:5%; font-size:14px; line-height:24px; height:24px; text-transform:uppercase; width:60%;}

.ab01 .box .wen .w02{ color:#fff; margin-left:5%; font-size:18px; line-height:28px; height:28px; font-weight:bold; width:60%;}

.ab01 .box .wen .w03{ color:#fff; margin-left:5%; margin-top:5px; font-size:14px; line-height:24px; width:60%; max-height:264px; overflow:auto;}

.ab01 .box .wen .w03 span,.ab01 .box .wen .w03 p{ color:#fff !important; background-color:transparent !important;}

}



@media screen and (min-width:1280px){

.ab02{ background-color:#f2f2f2; width:100%;}

.ab02 .box{ width:1200px; margin:auto; position:relative;}

.ab02 .box .left{ width:640px; height:440px; overflow:hidden; float:left; margin:70px 0;}

.ab02 .box .left img{ width:100%; display:block;}

.ab02 .box .right{ width:500px; height:290px; overflow:auto; padding:20px 50px; font-size:14px; line-height:24px; background-color:#29a7e1; color:#fff; position:absolute; right:0; bottom:70px;}

.ab02 .box .right .more{ display:none;}

.ab02 .box .right .wen{ width:100%;}

.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}

.ab02 .box .title{ float:right; text-align:right; width:510px; padding-top:60px;}

.ab02 .box .title b{ display:block; font-size:30px; line-height:50px; height:50px; color:#29a7e1; overflow:hidden; float:right; width:100%;}

.ab02 .box .title p{ display:block; font-size:16px; line-height:26px; height:26px; text-transform:uppercase; overflow:hidden; float:right; width:100%;}

.ab02 .box .title span{ width:50px; height:4px; display:block; float:right; margin-top:10px; background-color:#29a7e1; overflow:hidden;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab02{ background-color:#f2f2f2; width:100%;}

.ab02 .box{ width:94%; margin:auto; position:relative;}

.ab02 .box .left{ width:54%; overflow:hidden; float:left; margin:40px 0;}

.ab02 .box .left img{ width:100%; display:block;}

.ab02 .box .right{ width:50%; height:270px; box-sizing:border-box; overflow:auto; padding:15px 5%; font-size:14px; line-height:24px; background-color:#29a7e1; color:#fff; position:absolute; right:0; bottom:40px;}

.ab02 .box .right .wen{ width:100%; height:216px;}

.ab02 .box .right .wen.keep{ height:auto;}

.ab02 .box .right .more{ color:#fff; text-align:right; font-size:14px; line-height:24px;}

.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}

.ab02 .box .title{ float:right; text-align:right; width:40%; padding-top:35px;}

.ab02 .box .title b{ display:block; font-size:24px; line-height:34px; height:34px; color:#29a7e1; overflow:hidden; float:right; width:100%;}

.ab02 .box .title p{ display:block; font-size:14px; line-height:24px; height:24px; text-transform:uppercase; overflow:hidden; float:right; width:100%;}

.ab02 .box .title span{ width:40px; height:4px; display:block; float:right; margin-top:5px; background-color:#29a7e1; overflow:hidden;}

}

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

.ab02{ background-color:#f2f2f2; width:100%; padding:25px 0;}

.ab02 .box{ width:94%; margin:auto; position:relative; padding-bottom:5px;}

.ab02 .box .left{ width:100%; overflow:hidden; float:left; position:relative; z-index:1;}

.ab02 .box .left img{ width:100%; display:block;}

.ab02 .box .right{ width:84%; overflow:auto; padding:10px 5%; font-size:14px; line-height:24px; background-color:#29a7e1; color:#fff; position:relative; margin-top:-20px; z-index:2; float:left;}

.ab02 .box .right .wen{ width:100%; height:120px;}

.ab02 .box .right .wen.keep{ height:auto;}

.ab02 .box .right .more{ color:#fff; text-align:right; font-size:14px; line-height:24px;}

.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}

.ab02 .box .title{ float:right; text-align:center; width:100%; margin-bottom:30px;}

.ab02 .box .title b{ display:block; font-size:18px; line-height:28px; height:28px; color:#29a7e1; overflow:hidden; float:right; width:100%;}

.ab02 .box .title p{ display:block; font-size:14px; line-height:24px; height:24px; text-transform:uppercase; overflow:hidden; float:right; width:100%;}

.ab02 .box .title span{ width:30px; height:4px; display:block; margin:auto; background-color:#29a7e1; overflow:hidden;}

}



@media screen and (min-width:1280px){

.ab03{ width:100%; height:580px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.ab03 .title{ position:absolute; right:50%; margin-right:-600px; top:70px; z-index:2;}

.ab03 .title img{ display:block;}

.ab03 .black{ position:absolute; left:0px; top:0px; width:46.875%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}

.productIList{ display:block; overflow:hidden; position:absolute; width:1920px; height:100%; left:50%; margin-left:-960px; top:0; z-index:3;}

.productIList dd{ color:#fff; position:relative; padding-left:360px; width:900px; height:145px; display:block;}

.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(41,167,225,0.7); transition:600ms; -webkit-transition:600ms;}

.productIList dd:hover .red-bg{ width:100%;}

.productIList .ico{ width:145px; height:145px; position:absolute; left:0px; top:0px;}

.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(41,167,225,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}

.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:60px auto;}

.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}

.productIList .con{ display:block; padding-left:175px; width:725px; position:relative; height:100%;}

.productIList .txt{ width:635px; padding:35px 0; height:75px;}

.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}

.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}

.productIList .t span.zh{ font-size:18px;}

.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}

.productIList .c{ height:32px; line-height:32px; font-size:16px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}

.productIList dd:hover .t{ height:43px; line-height:43px;}

.productIList dd:hover .t span.zh{ font-size:24px; line-height:38px;}

.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}

.productIList dd:hover .c{ opacity:1; visibility:visible;}

.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}

.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}

.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}

.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab03{ width:100%; height:500px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.ab03 .title{ width:46px; position:absolute; right:3%; top:40px; z-index:2;}

.ab03 .title img{ display:block; width:100%;}

.ab03 .black{ position:absolute; left:0px; top:0px; width:60%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}

.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3;}

.productIList dd{ color:#fff; position:relative; padding-left:3%; width:80%; height:125px; display:block;}

.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(41,167,225,0.7); transition:600ms; -webkit-transition:600ms;}

.productIList dd:hover .red-bg{ width:100%;}

.productIList .ico{ width:125px; height:125px; position:absolute; left:0px; top:0px;}

.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(41,167,225,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}

.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}

.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}

.productIList .con{ display:block; padding-left:145px; padding-right:80px; position:relative; height:100%;}

.productIList .txt{ width:100%; padding:25px 0; height:75px;}

.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}

.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}

.productIList .t span.zh{ font-size:18px;}

.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}

.productIList .c{ height:32px; line-height:32px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}

.productIList dd:hover .t{ height:43px; line-height:43px;}

.productIList dd:hover .t span.zh{ font-size:20px; line-height:38px;}

.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}

.productIList dd:hover .c{ opacity:1; visibility:visible;}

.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}

.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}

.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}

.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}

}

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

.ab03{ width:100%; height:420px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}

.ab03 .title{ width:40px; position:absolute; right:3%; top:30px; z-index:1;}

.ab03 .title img{ display:block; width:100%;}

.ab03 .black{ position:absolute; left:0px; top:0px; width:80%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}

.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3; position:relative;}

.productIList dd{ color:#fff; position:relative; width:90%; height:105px; display:block;}

.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(41,167,225,0.7); transition:600ms; -webkit-transition:600ms;}

.productIList dd:hover .red-bg,.productIList dd.cur .red-bg{ width:100%;}

.productIList .ico{ width:105px; height:105px; position:absolute; left:0px; top:0px;}

.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(41,167,225,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}

.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}

.productIList dd:hover .ico .bg,.productIList dd.cur .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}

.productIList .con{ display:block; padding-left:115px; position:relative; height:100%;}

.productIList .txt{ width:97%; padding:15px 0; height:75px;}

.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}

.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}

.productIList .t span.zh{ font-size:18px;}

.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}

.productIList .c{ height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}

.productIList dd:hover .t,.productIList dd.cur .t{ height:30px; line-height:30px;}

.productIList dd:hover .t span.zh,.productIList dd.cur .t span.zh{ font-size:18px;}

.productIList dd:hover .t .en i,.productIList dd.cur .t .en i{ margin-top:14px; width:50px;}

.productIList dd:hover .c,.productIList dd.cur .c{ opacity:1; visibility:visible;}

.productIList .line{ display:none;}

}



@media screen and (min-width:1280px){

.ab04{ padding:70px 0; width:100%; background-color:#eee;}

.ab04 dl{ width:1200px; display:block; overflow:hidden; margin:auto; margin-top:-10px;}

.ab04 dl dt{ width:510px; display:block; float:left; padding-top:23px; overflow:hidden;}

.ab04 dl dt span{ display:block; overflow:hidden; text-transform:uppercase; font-size:16px; line-height:26px; height:26px;}

.ab04 dl dt b{ display:block; overflow:hidden; color:#29a7e1; font-size:30px; line-height:52px; height:52px;}

.ab04 dl dt p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px;}

.ab04 dl dd{ width:245px; padding:0 20px; height:210px; display:block; float:left; margin-top:10px; background-position:center; background-repeat:no-repeat;}

.ab04 dl dd.d01{ background-image:url(../images/a04.png); margin-left:100px;}

.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d02{ background-image:url(../images/a04r.png); margin-left:20px;}

.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}

.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d04{ background-image:url(../images/a04.png); margin-left:20px;}

.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d05{ background-image:url(../images/a04r.png); margin-left:20px;}

.ab04 dl dd.d05:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d06{ background-image:url(../images/a04.png); margin-left:20px;}

.ab04 dl dd.d06:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd strong{ padding-top:35px; display:block; overflow:hidden;}

.ab04 dl dd strong img{ display:block; height:60px; margin:auto;}

.ab04 dl dd strong img.img02{ display:none;}

.ab04 dl dd:hover img.img01{ display:none;}

.ab04 dl dd:hover img.img02{ display:block;}

.ab04 dl dd a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}

.ab04 dl dd span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}

.ab04 dl dd p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}

.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab04{ padding:40px 0; width:100%; background-color:#eee;}

.ab04 dl{ width:94%; display:block; overflow:hidden; margin:auto;}

.ab04 dl dt{ width:45.5%; display:block; float:left; padding-top:25px; overflow:hidden;}

.ab04 dl dt span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px;}

.ab04 dl dt b{ display:block; overflow:hidden; color:#29a7e1; font-size:24px; line-height:34px; height:34px;}

.ab04 dl dt p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px;}

.ab04 dl dd{ width:24.25%; box-sizing:border-box; padding:0 15px; height:210px; display:block; float:left; background-position:center; background-repeat:no-repeat;}

.ab04 dl dd.d01{ background-image:url(../images/a04.png); margin-left:5%;}

.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d02{ background-image:url(../images/a04r.png); margin-left:1%;}

.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}

.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d04{ background-image:url(../images/a04.png); margin-left:1%;}

.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d05{ background-image:url(../images/a04r.png); margin-left:1%;}

.ab04 dl dd.d05:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d06{ background-image:url(../images/a04.png); margin-left:1%;}

.ab04 dl dd.d06:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd strong{ padding-top:35px; display:block; overflow:hidden;}

.ab04 dl dd strong img{ display:block; height:60px; margin:auto;}

.ab04 dl dd strong img.img02{ display:none;}

.ab04 dl dd:hover img.img01{ display:none;}

.ab04 dl dd:hover img.img02{ display:block;}

.ab04 dl dd a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}

.ab04 dl dd span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}

.ab04 dl dd p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}

.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}

}

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

.ab04{ padding-top:25px; padding-bottom:30px; width:100%; background-color:#eee;}

.ab04 dl{ width:100%; display:block; overflow:hidden;}

.ab04 dl dt{ width:94%; margin-left:3%; margin-bottom:15px; display:block; float:left; overflow:hidden;}

.ab04 dl dt span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; line-height:24px; height:24px;}

.ab04 dl dt b{ display:block; overflow:hidden; color:#29a7e1; font-size:18px; line-height:28px; height:28px;}

.ab04 dl dt p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}

.ab04 dl dd{ width:45.5%; box-sizing:border-box; padding:0 10px; height:160px; display:block; float:left; background-position:center; background-repeat:no-repeat; background-size:100% 100%; margin-left:3%;}

.ab04 dl dd.d01{ background-image:url(../images/a04.png);}

.ab04 dl dd.d01:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d02{ background-image:url(../images/a04r.png);}

.ab04 dl dd.d02:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d03{ background-image:url(../images/a04r.png);}

.ab04 dl dd.d03:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd.d04{ background-image:url(../images/a04.png);}

.ab04 dl dd.d04:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d05{ background-image:url(../images/a04.png);}

.ab04 dl dd.d05:hover{ background-image:url(../images/a04h.png);}

.ab04 dl dd.d06{ background-image:url(../images/a04r.png);}

.ab04 dl dd.d06:hover{ background-image:url(../images/a04rh.png);}

.ab04 dl dd strong{ padding-top:20px; display:block; overflow:hidden;}

.ab04 dl dd strong img{ display:block; height:40px; margin:auto;}

.ab04 dl dd strong img.img02{ display:none;}

.ab04 dl dd:hover img.img01{ display:none;}

.ab04 dl dd:hover img.img02{ display:block;}

.ab04 dl dd a{ font-size:14px; height:20px; line-height:20px; display:block; overflow:hidden;}

.ab04 dl dd span{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}

.ab04 dl dd p{ font-size:14px; height:40px; line-height:20px; display:block; overflow:hidden; color:#666;}

.ab04 dl dd:hover a,.ab04 dl dd:hover span,.ab04 dl dd:hover p{ color:#fff;}

}



@media screen and (min-width:1280px){

.ab05{ width:1200px; margin:auto; padding-top:65px; padding-bottom:70px;}

.ab05 .title{ text-align:center;}

.ab05 .title p{ font-size:16px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.ab05 .title b{ font-size:30px; height:38px; line-height:38px; color:#29a7e1; margin-top:10px; display:block;}

.ab05 .box{ width:1220px; padding-top:25px; position:relative; display:block;}

.ab05 .box li{ width:285px; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-right:20px;}

.ab05 .box li img{ display:block; height:90px; margin:auto;}

.ab05 .box li span{ display:block; font-size:18px; line-height:28px; margin-top:10px; text-align:center;}

.ab05 .box li p{ display:block; font-size:14px; line-height:24px; color:#999; text-align:center;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab05{ width:100%; margin:auto; padding-top:35px; padding-bottom:40px;}

.ab05 .title{ width:94%; margin:auto; text-align:center;}

.ab05 .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.ab05 .title b{ font-size:24px; height:34px; line-height:34px; color:#29a7e1; margin-top:4px; display:block;}

.ab05 .box{ width:100%; position:relative; display:block;}

.ab05 .box li{ width:21.25%; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-left:3%;}

.ab05 .box li img{ display:block; height:90px; margin:auto;}

.ab05 .box li span{ display:block; font-size:18px; line-height:28px; margin-top:10px; text-align:center;}

.ab05 .box li p{ display:block; font-size:14px; line-height:24px; color:#999; text-align:center;}

}

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

.ab05{ width:100%; margin:auto; padding-top:25px; padding-bottom:30px;}

.ab05 .title{ width:94%; margin:auto; text-align:center;}

.ab05 .title p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.ab05 .title b{ font-size:18px; height:28px; line-height:28px; color:#29a7e1; display:block;}

.ab05 .box{ width:100%; padding-top:10px; position:relative; display:block;}

.ab05 .box li{ width:45.5%; height:140px; display:block; float:left; overflow:hidden; position:relative; margin-top:15px; margin-left:3%;}

.ab05 .box li img{ display:block; height:60px; margin:auto;}

.ab05 .box li span{ display:block; font-size:16px; line-height:26px; margin-top:5px; text-align:center;}

.ab05 .box li p{ display:block; font-size:14px; line-height:24px; color:#999; text-align:center;}

}



@media screen and (min-width:1280px){

.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ab06 .box{ width:100%; padding-top:65px; padding-bottom:150px; background-color:rgba(0,0,0,0.7);}

.ab06 .title{ width:1200px; margin:auto; text-align:center;}

.ab06 .title p{ font-size:16px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.ab06 .title b{ font-size:30px; height:38px; line-height:38px; color:#fff; margin-top:10px; display:block;}

.ab06 .cont{ width:1200px; margin:auto; margin-top:65px;}

.ab06 .swiper-container{ width:100%;}

.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center; z-index:1;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:1000px; height:100%; padding:0 100px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:24px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:20px; line-height:50px; height:50px; padding-top:5px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}

.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#29a7e1; background-position:center; background-repeat:no-repeat; position:absolute; top:95px; z-index:2;}

.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}

.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}

.ab06 .swiper-button-disabled{ display:none;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ab06 .box{ width:94%; padding:35px 3%; padding-bottom:80px; background-color:rgba(0,0,0,0.7);}

.ab06 .title{ width:100%; margin:auto; text-align:center;}

.ab06 .title p{ font-size:14px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.ab06 .title b{ font-size:24px; height:34px; line-height:34px; color:#fff; margin-top:4px; display:block;}

.ab06 .cont{ width:100%; margin:auto;}

.ab06 .swiper-container{ width:100%;}

.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center; z-index:1;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%; padding:35px 50px; box-sizing:border-box;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:22px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:18px; line-height:38px; height:38px; margin-top:5px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}

.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#29a7e1; background-position:center; background-repeat:no-repeat; position:absolute; top:95px; z-index:2;}

.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}

.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}

.ab06 .swiper-button-disabled{ display:none;}

}

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

.ab06{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ab06 .box{ width:94%; padding:25px 3%; padding-bottom:60px; background-color:rgba(0,0,0,0.7);}

.ab06 .title{ width:100%; margin:auto; text-align:center;}

.ab06 .title p{ font-size:14px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; display:block;}

.ab06 .title b{ font-size:18px; height:28px; line-height:28px; color:#fff; display:block;}

.ab06 .cont{ width:100%; margin:auto;}

.ab06 .swiper-container{ width:100%;}

.ab06 .swiper-container .swiper-wrapper{ width:100%; text-align:center; z-index:1;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; padding:25px 40px; box-sizing:border-box;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; overflow:auto; height:285px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:80px; margin:auto; line-height:80px; font-size:18px; font-weight:bold; color:#fff; background-image:url(../images/ab05m.png); background-position:center; background-repeat:no-repeat; background-size:auto 80px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:16px; line-height:26px; padding-top:10px; margin-bottom:5px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}

.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab06 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}

.ab06 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#29a7e1; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-15px; z-index:2;}

.ab06 .swiper-button-prev{ left:0; background-image:url(../images/nl.png);}

.ab06 .swiper-button-next{ right:0; background-image:url(../images/nr.png);}

.ab06 .swiper-button-disabled{ display:none;}

}



@media screen and (min-width:1280px){

.ab07{ width:1200px; margin:auto; margin-top:-150px;}

.ab07 .tu{ width:300px; margin:auto;}

.ab07 .tu img{ width:100%; display:block;}

.ab07 .wen{ width:100%; padding:60px 0; text-align:center;}

.ab07 .wen b{ display:block; overflow:hidden; font-size:30px; height:48px; line-height:48px;}

.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:26px; line-height:26px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}

.ab07 .wen p{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px; margin-top:12px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab07{ width:94%; margin:auto; margin-top:-80px;}

.ab07 .tu{ width:160px; margin:auto;}

.ab07 .tu img{ width:100%; display:block;}

.ab07 .wen{ width:100%; padding:30px 0; text-align:center;}

.ab07 .wen b{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px;}

.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}

.ab07 .wen p{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px; margin-top:10px;}

}

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

.ab07{ width:94%; margin:auto; margin-top:-60px;}

.ab07 .tu{ width:120px; margin:auto;}

.ab07 .tu img{ width:100%; display:block;}

.ab07 .wen{ width:100%; padding:20px 0; text-align:center;}

.ab07 .wen b{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px;}

.ab07 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}

.ab07 .wen p{ display:block; overflow:hidden; font-size:16px; height:36px; line-height:36px; margin-top:5px;}

}



/*生态产业*/

@media screen and (min-width:1280px){

.row01{ width:100%; padding-top:65px; padding-bottom:70px;}

.row01 .titles{ width:1200px; margin:auto; text-align:center; padding-bottom:35px;}

.row01 .titles p{ font-size:16px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row01 .titles b{ font-size:30px; height:38px; line-height:38px; color:#29a7e1; margin-top:10px; display:block;}



.row01 .box01{ width:1120px; margin:auto; margin-top:30px; padding:19px 39px; border:1px solid #d9d9d9; height:160px; overflow:hidden;}

.row01 .box01:hover,.row01 .box02:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.row01 .box01 .tu{ width:260px; height:160px; float:left;}

.row01 .box01 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box01 .wen{ width:590px; height:136px; padding:10px 50px; padding-right:80px; float:left;}

.row01 .box01:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box01 .wen a{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px;}

.row01 .box01:hover .wen a{ color:#29a7e1;}

.row01 .box01 .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666;}

.row01 .box01 .more{ width:140px; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}

.row01 .box01 .more a{ width:122px; padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}

.row01 .box01 .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}

.row01 .box01:hover .more{ background-color:#29a7e1;}



.row01 .box02{ width:1120px; margin:auto; margin-top:30px; padding:19px 39px; border:1px solid #d9d9d9; height:160px; overflow:hidden;}

.row01 .box02 .tu{ width:260px; height:160px; float:left;}

.row01 .box02 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box02 .wen{ width:590px; height:136px; padding:10px 50px; padding-left:80px; float:left;}

.row01 .box02:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box02 .wen a{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px;}

.row01 .box02:hover .wen a{ color:#29a7e1;}

.row01 .box02 .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666;}

.row01 .box02 .more{ width:140px; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}

.row01 .box02 .more a{ width:122px; padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}

.row01 .box02 .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}

.row01 .box02:hover .more{ background-color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row01{ width:100%; padding-top:35px; padding-bottom:40px;}

.row01 .titles{ width:94%; margin:auto; text-align:center; padding-bottom:15px;}

.row01 .titles p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row01 .titles b{ font-size:24px; height:34px; line-height:34px; color:#29a7e1; margin-top:4px; display:block;}



.row01 .box01{ width:94%; box-sizing:border-box; margin:auto; margin-top:20px; padding:15px 19px; border:1px solid #d9d9d9; overflow:hidden;}

.row01 .box01:hover,.row01 .box02:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.row01 .box01 .tu{ width:25%; height:160px; float:left;}

.row01 .box01 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box01 .wen{ width:55%; height:134px; padding:10px 3%; float:left;}

.row01 .box01:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box01 .wen a{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px;}

.row01 .box01:hover .wen a{ color:#29a7e1;}

.row01 .box01 .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666;}

.row01 .box01 .more{ width:14%; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}

.row01 .box01 .more a{ padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}

.row01 .box01 .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}

.row01 .box01:hover .more{ background-color:#29a7e1;}



.row01 .box02{ width:94%; box-sizing:border-box; margin:auto; margin-top:20px; padding:15px 19px; border:1px solid #d9d9d9; overflow:hidden;}

.row01 .box02 .tu{ width:25%; height:160px; float:left;}

.row01 .box02 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box02 .wen{ width:55%; height:134px; padding:10px 3%; float:left;}

.row01 .box02:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box02 .wen a{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px;}

.row01 .box02:hover .wen a{ color:#29a7e1;}

.row01 .box02 .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666;}

.row01 .box02 .more{ width:14%; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}

.row01 .box02 .more a{ padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}

.row01 .box02 .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}

.row01 .box02:hover .more{ background-color:#29a7e1;}

}

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

.row01{ width:100%; padding-top:25px; padding-bottom:30px;}

.row01 .titles{ width:94%; margin:auto; text-align:center; padding-bottom:10px;}

.row01 .titles p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row01 .titles b{ font-size:18px; height:28px; line-height:28px; color:#29a7e1; display:block;}



.row01 .box01{ width:94%; box-sizing:border-box; margin:auto; margin-top:15px; padding:9px; border:1px solid #d9d9d9; overflow:hidden;}

.row01 .box01:hover,.row01 .box02:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.row01 .box01 .tu{ width:45%; float:left;}

.row01 .box01 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box01 .wen{ width:50%; margin-left:3%; float:left;}

.row01 .box01:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box01 .wen a{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px;}

.row01 .box01:hover .wen a{ color:#29a7e1;}

.row01 .box01 .wen p{ display:block; overflow:hidden; font-size:14px; line-height:20px; height:80px; color:#666;}

.row01 .box01 .more{ display:none;}



.row01 .box02{ width:94%; box-sizing:border-box; margin:auto; margin-top:15px; padding:9px; border:1px solid #d9d9d9; overflow:hidden;}

.row01 .box02:hover,.row01 .box02:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.row01 .box02 .tu{ width:45%; float:left;}

.row01 .box02 .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .box02 .wen{ width:50%; margin-right:3%; float:left;}

.row01 .box02:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .box02 .wen a{ display:block; overflow:hidden; font-size:16px; height:30px; line-height:30px;}

.row01 .box02:hover .wen a{ color:#29a7e1;}

.row01 .box02 .wen p{ display:block; overflow:hidden; font-size:14px; line-height:20px; height:80px; color:#666;}

.row01 .box02 .more{ display:none;}

}



/*生态产业内页*/

@media screen and (min-width:1280px){

.tp{ width:1200px; margin:auto; margin-top:30px;}

.tp .left{ width:790px; height:350px; float:left;}

.tp .left img{ width:100%; display:block;}

.tp .right{ width:410px; padding-top:110px; float:left;}

.tp .right p{ display:block; margin-left:-17px; height:46px; line-height:46px; font-size:24px; overflow:hidden;}

.tp .right p b{ width:34px; height:6px; display:block; float:left; background-color:#29a7e1; margin:20px; margin-left:0;}

.tp .right p strong{ display:block; float:left; font-weight:normal;}

.tp .right span{ display:block; text-align:right; height:74px; line-height:74px; font-size:48px; color:#29a7e1; text-transform:uppercase;}

.tp .right a{ display:block; margin-left:77px; height:18px; line-height:18px; font-size:18px; color:#666; text-transform:uppercase;}

.row01 .wenz{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:30px;}

.row01 .wenz img{ max-width:100%; height:auto;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.tp{ width:94%; margin:auto; margin-top:20px;}

.tp .left{ width:65%; float:left;}

.tp .left img{ width:100%; display:block;}

.tp .right{ width:35%; padding-top:5%; float:left;}

.tp .right p{ display:block; margin-left:-17px; overflow:hidden; position:relative;}

.tp .right p b{ width:34px; height:4px; display:block; background-color:#29a7e1; margin:13px; margin-left:0; position:absolute; left:0; top:0;}

.tp .right p strong{ display:block; font-weight:normal; line-height:30px; font-size:20px; padding-left:47px;}

.tp .right span{ display:block; text-align:right; height:46px; line-height:46px; font-size:36px; color:#29a7e1; text-transform:uppercase;}

.tp .right a{ display:block; margin-left:20%; height:24px; line-height:24px; font-size:14px; color:#666; text-transform:uppercase;}



.row01 .wenz{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:24px;}

.row01 .wenz img{ max-width:100%; height:auto;}

}

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

.tp{ width:94%; margin:auto; margin-top:15px;}

.tp .left{ width:60%; float:left;}

.tp .left img{ width:100%; display:block;}

.tp .right{ width:40%; padding-top:1%; float:left;}

.tp .right p{ display:block; margin-left:-10px; overflow:hidden; position:relative;}

.tp .right p b{ width:20px; height:2px; display:block; float:left; background-color:#29a7e1; margin:9px; margin-left:0; position:absolute; left:0; top:0;}

.tp .right p strong{ display:block; float:left; font-weight:normal; line-height:20px; font-size:16px; padding-left:30px;}

.tp .right span{ display:block; text-align:center; height:24px; line-height:24px; font-size:20px; color:#29a7e1; text-transform:uppercase;}

.tp .right a{ display:block; text-align:right; line-height:14px; font-size:14px; color:#666; text-transform:uppercase;}



.row01 .wenz{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:24px;}

.row01 .wenz img{ max-width:100%; height:auto;}

}



/*核心产品*/

@media screen and (min-width:1280px){

.row02{ width:100%; padding-top:65px;}

.row02 .titles{ width:1200px; margin:auto; text-align:center; overflow:hidden;}

.row02 .titles p{ font-size:16px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row02 .titles b{ font-size:30px; height:38px; line-height:38px; color:#29a7e1; margin-top:10px; display:block;}



.row02 .pro{ width:100%; margin-top:-5px;}

.row02 .pro dt{ width:100%; display:block; padding:70px 0; overflow:hidden;}

.row02 .pro dd{ width:100%; display:block; padding:70px 0; background-color:#f2f2f2; overflow:hidden;}

.row02 .pro .cont{ width:1200px; margin:auto;}

.row02 .pro dt .tu,.row02 .pro dd .wen{ float:right;}

.row02 .pro dd .tu,.row02 .pro dt .wen{ float:left;}

.row02 .pro .cont .tu{ width:540px; overflow:hidden; height:360px;}

.row02 .pro .cont .tu img{ width:100%; display:block;}

.row02 .pro .cont .wen{ width:570px; overflow:hidden;}

.row02 .pro .cont .w01{ font-size:24px; height:46px; line-height:46px; padding-top:18px;}

.row02 .pro .cont .w01 a:hover{ color:#29a7e1;}

.row02 .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}

.row02 .pro .cont .w03{ width:50px; height:4px; background-color:#29a7e1; margin-top:15px;}

.row02 .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:25px;}

.row02 .pro .cont .w05{ width:140px; height:40px; margin-top:38px;}

.row02 .pro .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}

.row02 .pro .cont .w05 a:hover{ background-color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row02{ width:100%; padding-top:35px;}

.row02 .titles{ width:94%; margin:auto; text-align:center; overflow:hidden;}

.row02 .titles p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row02 .titles b{ font-size:24px; height:34px; line-height:34px; color:#29a7e1; margin-top:4px; display:block;}



.row02 .pro{ width:100%; margin-top:-5px;}

.row02 .pro dt{ width:100%; display:block; padding:40px 0; overflow:hidden;}

.row02 .pro dd{ width:100%; display:block; padding:40px 0; background-color:#f2f2f2; overflow:hidden;}

.row02 .pro .cont{ width:94%; margin:auto;}

.row02 .pro dt .tu,.row02 .pro dd .wen{ float:right;}

.row02 .pro dd .tu,.row02 .pro dt .wen{ float:left;}

.row02 .pro .cont .tu{ width:49%; overflow:hidden;}

.row02 .pro .cont .tu img{ width:100%; display:block;}

.row02 .pro .cont .wen{ width:48%; overflow:hidden;}

.row02 .pro .cont .w01{ font-size:20px; height:40px; line-height:40px; padding-top:15px;}

.row02 .pro .cont .w01 a:hover{ color:#29a7e1;}

.row02 .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}

.row02 .pro .cont .w03{ width:40px; height:4px; background-color:#29a7e1; margin-top:10px;}

.row02 .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:15px;}

.row02 .pro .cont .w05{ width:140px; height:40px; margin-top:25px;}

.row02 .pro .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}

.row02 .pro .cont .w05 a:hover{ background-color:#29a7e1;}

}

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

.row02{ width:100%; padding-top:25px;}

.row02 .titles{ width:94%; margin:auto; text-align:center; overflow:hidden;}

.row02 .titles p{ font-size:14px; height:22px; line-height:22px; text-transform:uppercase; display:block;}

.row02 .titles b{ font-size:18px; height:28px; line-height:28px; color:#29a7e1; display:block;}



.row02 .pro{ width:100%; margin-top:-5px;}

.row02 .pro dt{ width:100%; display:block; padding:30px 0; overflow:hidden;}

.row02 .pro dd{ width:100%; display:block; padding:30px 0; background-color:#f2f2f2; overflow:hidden;}

.row02 .pro .cont{ width:94%; margin:auto;}

.row02 .pro .cont .tu{ width:100%; overflow:hidden;}

.row02 .pro .cont .tu img{ width:100%; display:block;}

.row02 .pro .cont .wen{ width:100%; overflow:hidden;}

.row02 .pro .cont .w01{ font-size:18px; height:28px; line-height:28px; padding-top:5px;}

.row02 .pro .cont .w01 a:hover{ color:#29a7e1;}

.row02 .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}

.row02 .pro .cont .w03{ width:40px; height:4px; background-color:#29a7e1; margin-top:5px;}

.row02 .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:10px;}

.row02 .pro .cont .w05{ width:120px; height:36px; margin-top:10px;}

.row02 .pro .cont .w05 a{ width:100%; height:36px; line-height:36px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}

.row02 .pro .cont .w05 a:hover{ background-color:#29a7e1;}

}



/*社会责任*/

@media screen and (min-width:1280px){

.row01 .zr{ width:1200px; margin:auto; display:block;}

.row01 .zr li{ padding-top:25px; padding-bottom:30px; display:block; overflow:hidden; border-bottom:1px solid #cacaca;}

.row01 .zr li .tu{ width:390px; height:240px; float:left; display:none;}

.row01 .zr li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .zr li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .zr li .wen{ width:100%; float:right;}

.row01 .zr li .w01{ font-size:18px; height:28px; line-height:28px;}

.row01 .zr li:hover .w01 a{ color:#29a7e1;}

.row01 .zr li .w02{ font-size:14px; height:32px; line-height:32px; color:#999;}

.row01 .zr li .w03{ font-size:14px; height:96px; line-height:24px;}

.row01 .zr li .w04{ width:120px; height:36px; line-height:36px; display:block; background-color:#eee; text-align:center; margin-top:15px;}

.row01 .zr li:hover .w04{ background-color:#29a7e1; color:#fff;}



.row01 .fanye{ text-align:center; font-size:14px; margin-top:30px; overflow:hidden;}

.row01 .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; display:inline-block;}

.row01 .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#29a7e1; display:inline-block;}

.row01 .fanye a:hover{ color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row01 .zr{ width:94%; margin:auto; display:block;}

.row01 .zr li{ padding-top:15px; padding-bottom:20px; display:block; overflow:hidden; border-bottom:1px solid #cacaca;}

.row01 .zr li .tu{ width:32.5%; float:left; display:none;}

.row01 .zr li .tu img{ width:100%; display:block;}

.row01 .zr li .wen{ width:100%; float:right;}

.row01 .zr li .w01{ font-size:18px; height:28px; line-height:28px;}

.row01 .zr li:hover .w01 a{ color:#29a7e1;}

.row01 .zr li .w02{ font-size:14px; height:24px; line-height:24px; color:#999;}

.row01 .zr li .w03{ font-size:14px; height:96px; line-height:24px;}

.row01 .zr li .w04{ width:120px; height:36px; line-height:36px; display:block; background-color:#eee; text-align:center; margin-top:10px;}

.row01 .zr li:hover .w04{ background-color:#29a7e1; color:#fff;}



.row01 .fanye{ text-align:center; font-size:14px; margin-top:20px; overflow:hidden;}

.row01 .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; display:inline-block;}

.row01 .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#29a7e1; display:inline-block;}

.row01 .fanye a:hover{ color:#29a7e1;}

}

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

.row01 .zr{ width:94%; margin:auto; display:block;}

.row01 .zr li{ padding-top:10px; padding-bottom:15px; display:block; overflow:hidden; border-bottom:1px solid #cacaca;}

.row01 .zr li .tu{ width:45%; float:left;}

.row01 .zr li .tu img{ width:100%; display:block;}

.row01 .zr li .wen{ width:53%; float:right;}

.row01 .zr li .w01{ font-size:16px; height:24px; line-height:24px;}

.row01 .zr li:hover .w01 a{ color:#29a7e1;}

.row01 .zr li .w02{ font-size:14px; height:20px; line-height:20px; color:#999;}

.row01 .zr li .w03{ font-size:14px; height:40px; line-height:20px;}

.row01 .zr li .w04{ width:80px; height:30px; line-height:30px; display:block; background-color:#eee; text-align:center; margin-top:5px;}

.row01 .zr li:hover .w04{ background-color:#29a7e1; color:#fff;}	

	

.row01 .fanye{ text-align:center; font-size:12px; margin-top:15px; overflow:hidden;}

.row01 .fanye a{ margin:0 3px; min-width:10px; padding:0 5px; height:20px; line-height:20px; background-color:#f2f2f2; display:inline-block;}

.row01 .fanye span{ margin:0 3px; min-width:10px; color:#fff; padding:0 5px; height:20px; line-height:20px; background-color:#29a7e1; display:inline-block;}

.row01 .fanye a:hover{ color:#29a7e1;}

}



/*社会责任内页*/

@media screen and (min-width:1280px){

.row04{ width:1200px; margin:65px auto;}

.row04 .lbar{ width:910px; float:left;}

.row04 .lbar .bt{ text-align:center; color:#29a7e1; font-size:24px; line-height:34px;}

.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}

.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}

.row04 .lbar .wen img{ max-width:100%; height:auto;}

.row04 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}

.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}

.row04 .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}

.row04 .lbar .back p a:hover{ color:#29a7e1;}

.row04 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}

.row04 .lbar .back span a:hover{ color:#29a7e1;}



.row04 .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #29a7e1; float:right; margin:5px 0;}

.row04 .rbar .title{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}

.row04 .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}

.row04 .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}

.row04 .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}

.row04 .rbar ul li strong img{ width:100%; display:block;}

.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}

.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}

.row04 .rbar ul li:hover p{ color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row04{ width:94%; margin:35px auto;}

.row04 .lbar{ width:76%; float:left;}

.row04 .lbar .bt{ text-align:center; color:#29a7e1; font-size:20px; line-height:30px;}

.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}

.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}

.row04 .lbar .wen img{ max-width:100%; height:auto;}

.row04 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}

.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}

.row04 .lbar .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}

.row04 .lbar .back p a:hover{ color:#29a7e1;}

.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}

.row04 .lbar .back span a:hover{ color:#29a7e1;}



.row04 .rbar{ width:21.5%; border:1px solid #ddd; border-top:2px solid #29a7e1; float:right; margin:5px 0;}

.row04 .rbar .title{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}

.row04 .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}

.row04 .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}

.row04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}

.row04 .rbar ul li strong img{ width:100%; display:block;}

.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}

.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}

.row04 .rbar ul li:hover p{ color:#29a7e1;}

}

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

.row04{ width:94%; margin:25px auto;}

.row04 .lbar{ width:100%;}

.row04 .lbar .bt{ text-align:center; color:#29a7e1; font-size:18px; line-height:28px;}

.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}

.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}

.row04 .lbar .wen img{ max-width:100%; height:auto;}

.row04 .lbar .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}

.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}

.row04 .lbar .back p a{ max-width:50%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}

.row04 .lbar .back p a:hover{ color:#29a7e1;}

.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}

.row04 .lbar .back span a:hover{ color:#29a7e1;}



.row04 .rbar{ display:none;}

}



/*爱心救助*/

@media screen and (min-width:1280px){

.row01 .zr01{ width:1200px; margin:auto; padding-top:10px;}

.row01 .zr01 ul{ width:1220px; display:block; overflow:hidden;}

.row01 .zr01 li{ display:block; overflow:hidden; float:left; width:285px; margin-right:20px; margin-top:20px;}

.row01 .zr01 li .tu{ width:100%; height:176px;}

.row01 .zr01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .zr01 li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .zr01 li .wen{ background-color:#f2f2f2; padding-top:7px;}

.row01 .zr01 li .wen .w01{ font-size:18px; height:50px; line-height:50px; margin:0 20px;}

.row01 .zr01 li .wen .w03{ font-size:14px; height:72px; line-height:24px; color:#666; margin:0 20px; margin-bottom:25px;}

.row01 .zr01 li .wen .w04{ width:264px; padding-left:19px; border:1px solid #f2f2f2; height:38px; line-height:38px; font-size:14px; display:block; overflow:hidden; background-color:#fff;}

.row01 .zr01 li:hover .wen{ background-color:#29a7e1;}

.row01 .zr01 li:hover .w01 a,.row01 .zr01 li:hover .w03{ color:#fff;}

.row01 .zr01 li:hover .w04{ border:1px solid #29a7e1; width:283px; padding-left:0; text-align:center; color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row01 .zr01{ width:100%; margin:auto;}

.row01 .zr01 ul{ width:100%; display:block; overflow:hidden;}

.row01 .zr01 li{ display:block; overflow:hidden; float:left; width:21.25%; margin-left:3%; margin-top:20px;}

.row01 .zr01 li .tu{ width:100%; height:150px;}

.row01 .zr01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .zr01 li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .zr01 li .wen{ background-color:#f2f2f2; padding-top:10px;}

.row01 .zr01 li .wen .w01{ font-size:18px; height:38px; line-height:38px; margin:0 15px;}

.row01 .zr01 li .wen .w03{ font-size:14px; height:72px; line-height:24px; color:#666; margin:0 15px; margin-bottom:20px;}

.row01 .zr01 li .wen .w04{ width:100%; box-sizing:border-box; padding-left:14px; border:1px solid #f2f2f2; height:40px; line-height:38px; font-size:14px; display:block; overflow:hidden; background-color:#fff;}

.row01 .zr01 li:hover .wen{ background-color:#29a7e1;}

.row01 .zr01 li:hover .w01 a,.row01 .zr01 li:hover .w03{ color:#fff;}

.row01 .zr01 li:hover .w04{ border:1px solid #29a7e1; padding-left:0; text-align:center; color:#29a7e1;}

}

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

.row01 .zr01{ width:100%; margin:auto;}

.row01 .zr01 ul{ width:100%; display:block; overflow:hidden;}

.row01 .zr01 li{ display:block; overflow:hidden; float:left; width:45.5%; margin-left:3%; margin-top:15px;}

.row01 .zr01 li .tu{ width:100%; height:126px;}

.row01 .zr01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.row01 .zr01 li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.row01 .zr01 li .wen{ background-color:#f2f2f2; padding-top:10px;}

.row01 .zr01 li .wen .w01{ font-size:16px; height:26px; line-height:26px; margin:0 10px;}

.row01 .zr01 li .wen .w03{ font-size:14px; height:72px; line-height:24px; color:#666; margin:0 10px; margin-bottom:10px;}

.row01 .zr01 li .wen .w04{ width:100%; box-sizing:border-box; padding-left:9px; border:1px solid #f2f2f2; height:36px; line-height:34px; font-size:14px; display:block; overflow:hidden; background-color:#fff;}

.row01 .zr01 li:hover .wen{ background-color:#29a7e1;}

.row01 .zr01 li:hover .w01 a,.row01 .zr01 li:hover .w03{ color:#fff;}

.row01 .zr01 li:hover .w04{ border:1px solid #29a7e1; padding-left:0; text-align:center; color:#29a7e1;}

}



/*新闻*/

@media screen and (min-width:1280px){

.row01 .news{ width:1200px; margin:auto; padding-top:10px; display:block;}

.row01 .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}

.row01 .news li .left{ width:170px; height:110px; float:left;}

.row01 .news li .left img{ width:100%; display:block;}

.row01 .news li .right{ width:1010px; height:110px; float:right;}

.row01 .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}

.row01 .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:25px;}

.row01 .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}

.row01 .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}

.row01 .news li .right:hover .bt a{ color:#29a7e1;}

.row01 .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}

.row01 .news li .right .shi{ width:100%; height:24px;}

.row01 .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}

.row01 .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}

.row01 .news li .right:hover .shi b{ background-color:#29a7e1;}

.row01 .news li .right:hover .shi span{ color:#29a7e1;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row01 .news{ width:94%; margin:auto; display:block;}

.row01 .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee; position:relative;}

.row01 .news li .left{ width:170px; height:110px; position:absolute; left:0; top:20px;}

.row01 .news li .left img{ width:100%; display:block;}

.row01 .news li .right{ padding-left:190px; height:110px;}

.row01 .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}

.row01 .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:25px;}

.row01 .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}

.row01 .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}

.row01 .news li .right:hover .bt a{ color:#29a7e1;}

.row01 .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}

.row01 .news li .right .shi{ width:100%; height:22px;}

.row01 .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}

.row01 .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}

.row01 .news li .right:hover .shi b{ background-color:#29a7e1;}

.row01 .news li .right:hover .shi span{ color:#29a7e1;}

}

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

.row01 .news{ width:94%; margin:auto; display:block;}

.row01 .news li{ padding:15px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}

.row01 .news li .left{ width:30%; height:110px; float:left;}

.row01 .news li .left img{ height:100%; display:block;}

.row01 .news li .right{ width:67%; height:110px; float:right;}

.row01 .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}

.row01 .news li .right .bt.b01 a{ display:block; float:left; position:relative; padding-right:20px;}

.row01 .news li .right .bt.b01 a b{ display:block; position:absolute; right:0; top:0;}

.row01 .news li .right .bt.b01 a b img{ width:16px; float:right; display:block;}

.row01 .news li .right:hover .bt a{ color:#29a7e1;}

.row01 .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}

.row01 .news li .right .shi{ width:100%; height:22px;}

.row01 .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}

.row01 .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}

.row01 .news li .right:hover .shi b{ background-color:#29a7e1;}

.row01 .news li .right:hover .shi span{ color:#29a7e1;}

}



/*新闻内页*/

@media screen and (min-width:1280px){

.bshare-custom{ margin-top:20px; text-align:right;}

.fbox{ padding:70px 0; background-color:#f7f7f7;}

.fbox .title{ width:1200px; margin:auto;}

.fbox .title b{ width:30px; height:30px; line-height:30px; border-radius:30px; background-color:#29a7e1; font-size:14px; color:#fff; text-align:center; float:left;}

.fbox .title p{ display:block; float:left; margin-left:10px; font-size:18px; height:30px; line-height:30px;}

.fbox .title a{ display:block; float:left; margin-left:40px; padding-left:30px; background-image:url(../images/ping.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; height:30px; line-height:30px; cursor:pointer;}

.fbox .box{ width:1200px; display:block; margin:auto; margin-top:10px;}

.fbox .box li{ width:100%; padding:20px 0; border-bottom:1px solid #cacaca; overflow:hidden;}

.fbox .box li .tu{ width:80px; height:80px; float:left; border-radius:80px;}

.fbox .box li .tu img{ width:100%; display:block;}

.fbox .box li .wen{ width:1110px; float:right;}

.fbox .box li .wen .w01{ font-size:18px; line-height:28px; height:28px;}

.fbox .box li .wen .w02{ font-size:14px; line-height:24px; margin:2px 0;}

.fbox .box li .wen .w03{ font-size:14px; line-height:24px; text-align:right; color:#666;}

.fbox .box li .wen .w04{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; font-size:14px; line-height:24px; color:#666;}

.fbox .box li .wen .w05{ font-size:14px; line-height:24px; color:#666;}



.pmask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9998; display:none;}

.ping{ width:400px; padding:5px; background-color:rgba(0,0,0,0.3); position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.ping .box{ border:1px solid #bbb; background-color:#fff;}

.ping .box .title{ padding:5px 10px; font-weight:700; font-size:16px; border-bottom:1px solid #f2d9d9; background:#fff3f3; height:34px; line-height:34px;}

.ping .box .title .close{ width:34px; height:34px; text-align:right; font-size:16px; float:right; cursor:pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.ping .box .title .close:hover{ color:#29a7e1;}

.ping .box .submit{ padding:10px; background:#f7f7f7; border-top:1px solid #e4e4e4;}

.ping .box .submit input{ width:70px; height:28px; line-height:28px; font-size:12px; border-radius:5px; text-align:center; color:#fff; background-color:#29a7e1; margin:auto; display:block;}

.ping .dialog{ margin:10px;}

.ping .dialog>span{ width:60px; font-size:14px; line-height:34px; height:34px; float:left; display:block;}

.ping .dialog input{ width:308px; border:1px solid #ddd; font-size:14px; height:32px; line-height:32px; float:left; display:block; overflow:hidden; text-indent:10px;}

.ping .dialog textarea{ width:288px; padding:5px 10px; border:1px solid #ddd; font-size:14px; height:130px; line-height:24px; float:left; display:block; overflow:auto;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.bshare-custom{ margin-top:15px; text-align:right;}

.fbox{ padding:40px 0; background-color:#f7f7f7;}

.fbox .title{ width:94%; margin:auto;}

.fbox .title b{ width:30px; height:30px; line-height:30px; border-radius:30px; background-color:#29a7e1; font-size:14px; color:#fff; text-align:center; float:left;}

.fbox .title p{ display:block; float:left; margin-left:10px; font-size:18px; height:30px; line-height:30px;}

.fbox .title a{ display:block; float:left; margin-left:40px; padding-left:30px; background-image:url(../images/ping.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; height:30px; line-height:30px; cursor:pointer;}

.fbox .box{ width:94%; display:block; margin:auto; margin-top:10px;}

.fbox .box li{ width:100%; padding:20px 0; border-bottom:1px solid #cacaca; overflow:hidden; position:relative;}

.fbox .box li .tu{ width:80px; height:80px; border-radius:80px; position:absolute; left:0; top:20px;}

.fbox .box li .tu img{ width:100%; display:block;}

.fbox .box li .wen{ padding-left:90px; min-height:80px;}

.fbox .box li .wen .w01{ font-size:18px; line-height:24px; height:24px;}

.fbox .box li .wen .w02{ font-size:14px; line-height:24px;}

.fbox .box li .wen .w03{ font-size:14px; line-height:24px; text-align:right; color:#666;}

.fbox .box li .wen .w04{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; font-size:14px; line-height:24px; color:#666;}

.fbox .box li .wen .w05{ font-size:14px; line-height:24px; color:#666;}



.pmask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9998; display:none;}

.ping{ width:400px; padding:5px; background-color:rgba(0,0,0,0.3); position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.ping .box{ border:1px solid #bbb; background-color:#fff;}

.ping .box .title{ padding:5px 10px; font-weight:700; font-size:16px; border-bottom:1px solid #f2d9d9; background:#fff3f3; height:34px; line-height:34px;}

.ping .box .title .close{ width:34px; height:34px; text-align:right; font-size:16px; float:right; cursor:pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.ping .box .title .close:hover{ color:#29a7e1;}

.ping .box .submit{ padding:10px; background:#f7f7f7; border-top:1px solid #e4e4e4;}

.ping .box .submit input{ width:70px; height:28px; line-height:28px; font-size:12px; border-radius:5px; text-align:center; color:#fff; background-color:#29a7e1; margin:auto; display:block;}

.ping .dialog{ margin:10px;}

.ping .dialog>span{ width:60px; font-size:14px; line-height:34px; height:34px; float:left; display:block;}

.ping .dialog input{ width:308px; border:1px solid #ddd; font-size:14px; height:32px; line-height:32px; float:left; display:block; overflow:hidden; text-indent:10px;}

.ping .dialog textarea{ width:288px; padding:5px 10px; border:1px solid #ddd; font-size:14px; height:130px; line-height:24px; float:left; display:block; overflow:auto;}

}

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

.bshare-custom{ margin-top:10px; text-align:right;}

.fbox{ padding:30px 0; background-color:#f7f7f7;}

.fbox .title{ width:94%; margin:auto;}

.fbox .title b{ width:26px; height:26px; line-height:26px; border-radius:30px; background-color:#29a7e1; font-size:14px; color:#fff; text-align:center; float:left;}

.fbox .title p{ display:block; float:left; margin-left:5px; font-size:16px; height:26px; line-height:26px;}

.fbox .title a{ display:block; float:left; margin-left:20px; padding-left:30px; background-image:url(../images/ping.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; height:26px; line-height:26px; cursor:pointer;}

.fbox .box{ width:94%; display:block; margin:auto; margin-top:10px;}

.fbox .box li{ width:100%; padding:15px 0; border-bottom:1px solid #cacaca; overflow:hidden; position:relative;}

.fbox .box li .tu{ width:60px; height:60px; border-radius:80px; position:absolute; left:0; top:15px;}

.fbox .box li .tu img{ width:100%; display:block;}

.fbox .box li .wen{ padding-left:70px; min-height:80px;}

.fbox .box li .wen .w01{ font-size:16px; line-height:24px; height:24px;}

.fbox .box li .wen .w02{ font-size:14px; line-height:24px;}

.fbox .box li .wen .w03{ font-size:14px; line-height:18px; text-align:right; color:#666;}

.fbox .box li .wen .w04{ border-top:1px solid #ddd; padding-top:5px; margin-top:5px; font-size:14px; line-height:24px; color:#666;}

.fbox .box li .wen .w05{ font-size:14px; line-height:24px; color:#666;}



.pmask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9998; display:none;}

.ping{ width:90%; padding:5px; background-color:rgba(0,0,0,0.3); position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.ping .box{ border:1px solid #bbb; background-color:#fff;}

.ping .box .title{ padding:5px 10px; font-weight:700; font-size:16px; border-bottom:1px solid #f2d9d9; background:#fff3f3; height:34px; line-height:34px;}

.ping .box .title .close{ width:34px; height:34px; text-align:right; font-size:16px; float:right; cursor:pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.ping .box .title .close:hover{ color:#29a7e1;}

.ping .box .submit{ padding:10px; background:#f7f7f7; border-top:1px solid #e4e4e4; margin-top:20px;}

.ping .box .submit input{ width:70px; height:28px; line-height:28px; font-size:12px; border-radius:5px; text-align:center; color:#fff; background-color:#29a7e1; margin:auto; display:block;}

.ping .dialog{ margin:10px; margin-bottom:0;}

.ping .dialog>span{ width:100%; font-size:14px; line-height:34px; height:34px; float:left; display:block;}

.ping .dialog input{ width:100%; box-sizing:border-box; border:1px solid #ddd; font-size:14px; height:34px; line-height:32px; float:left; display:block; overflow:hidden; text-indent:10px;}

.ping .dialog textarea{ width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #ddd; font-size:14px; height:130px; line-height:24px; float:left; display:block; overflow:auto;}

}



/*宣传视频*/

@media screen and (min-width:1280px){

.row01 .news01{ width:1200px; margin:auto; padding-top:10px;}

.row01 .news01{ width:1220px; display:block;}

.row01 .news01 li{ display:block; float:left; width:285px; margin-top:20px; margin-right:20px; cursor:pointer;}

.row01 .news01 li .left{ width:285px; height:240px;}

.row01 .news01 li .left img{ width:100%; display:block;}

.row01 .news01 li .right{ padding-top:10px; background-color:#f1f1f1;}

.row01 .news01 li .right .bt{ height:38px; line-height:38px; font-size:18px; margin:0 20px;}

.row01 .news01 li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 20px; margin-bottom:23px;}

.row01 .news01 li .right .more{ padding:0 20px; height:40px; border-top:1px solid #ddd;}

.row01 .news01 li .right .more span{ display:block; font-size:14px; height:40px; line-height:40px; float:left; color:#666;}

.row01 .news01 li .right .more b{ display:block; float:right; width:5px; height:10px; margin:15px 0; background-image:url(../images/more.png); background-size:100% 100%;}

.row01 .news01 li:hover .right{ background-color:#29a7e1;}

.row01 .news01 li:hover .right .bt,.row01 .news01 li:hover .right .wen{ color:#fff;}

.row01 .news01 li:hover .right .more{ border-top:1px solid #8edbff;}

.row01 .news01 li:hover .right .more span{ color:#fff;}

.row01 .news01 li:hover .right .more b{ background-image:url(../images/more01.png);} 

 

.sbg{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:9998; display:none;}

.spbox{ width:906px; padding:20px; padding-bottom:15px; background-color:#fff; border-radius:5px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.spbox .video{ width:100%; height:566px; background-color:#000;}

.spbox video,.spbox iframe{ width:100%; height:100%; display:block; overflow:hidden;}

.spbox .title{ width:100%; position:relative; margin-top:15px;}

.spbox .title .prev{ width:11px; height:20px; position:absolute; left:0; top:5px; cursor:pointer; background-image:url(../images/left.jpg);}

.spbox .title .prev:hover{ background-image:url(../images/lefth.jpg);}

.spbox .title .next{ width:11px; height:20px; position:absolute; left:50px; top:5px; cursor:pointer; background-image:url(../images/right.jpg);}

.spbox .title .next:hover{ background-image:url(../images/righth.jpg);}

.spbox .title .txt{ width:80%; margin:auto; text-align:center; font-size:18px; line-height:30px;}

.spbox .title .close{ width:30px; height:30px; position:absolute; right:0; top:0; cursor:pointer; background-image:url(../images/close.jpg);}

.spbox .title .close:hover{ background-image:url(../images/close01.jpg);}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row01 .news01{ width:100%;}

.row01 .news01{ width:100%; display:block;}

.row01 .news01 li{ display:block; float:left; width:21.45%; margin-top:20px; margin-left:3%; cursor:pointer;}

.row01 .news01 li .left{ width:100%; height:17.89vw;}

.row01 .news01 li .left img{ width:100%; display:block;}

.row01 .news01 li .right{ padding-top:5px; background-color:#f1f1f1;}

.row01 .news01 li .right .bt{ height:38px; line-height:38px; font-size:18px; margin:0 15px;}

.row01 .news01 li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 15px; margin-bottom:18px;}

.row01 .news01 li .right .more{ padding:0 15px; height:40px; border-top:1px solid #ddd;}

.row01 .news01 li .right .more span{ display:block; font-size:14px; height:40px; line-height:40px; float:left; color:#666;}

.row01 .news01 li .right .more b{ display:block; float:right; width:5px; height:10px; margin:15px 0; background-image:url(../images/more.png); background-size:100% 100%;}

.row01 .news01 li:hover .right{ background-color:#29a7e1;}

.row01 .news01 li:hover .right .bt,.row01 .news01 li:hover .right .wen{ color:#fff;}

.row01 .news01 li:hover .right .more{ border-top:1px solid #8edbff;}

.row01 .news01 li:hover .right .more span{ color:#fff;}

.row01 .news01 li:hover .right .more b{ background-image:url(../images/more01.png);} 



.sbg{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:9998; display:none;}

.spbox{ width:80%; padding:15px; padding-bottom:10px; background-color:#fff; border-radius:5px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.spbox .video{ width:100%; height:400px; background-color:#000;}

.spbox video,.spbox iframe{ width:100%; height:100%; display:block; overflow:hidden;}

.spbox .title{ width:100%; position:relative; margin-top:10px;}

.spbox .title .prev{ width:11px; height:20px; position:absolute; left:0; top:5px; cursor:pointer; background-image:url(../images/left.jpg);}

.spbox .title .prev:hover{ background-image:url(../images/lefth.jpg);}

.spbox .title .next{ width:11px; height:20px; position:absolute; left:30px; top:5px; cursor:pointer; background-image:url(../images/right.jpg);}

.spbox .title .next:hover{ background-image:url(../images/righth.jpg);}

.spbox .title .txt{  width:80%; margin:auto; text-align:center; font-size:18px; line-height:30px;}

.spbox .title .close{ width:30px; height:30px; position:absolute; right:0; top:0; cursor:pointer; background-image:url(../images/close.jpg);}

.spbox .title .close:hover{ background-image:url(../images/close01.jpg);}

}

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

.row01 .news01{ width:100%;}

.row01 .news01{ width:100%; display:block;}

.row01 .news01 li{ display:block; float:left; width:45.5%; margin-top:15px; margin-left:3%; cursor:pointer;}

.row01 .news01 li .left{ width:100%; height:38.31vw;}

.row01 .news01 li .left img{ width:100%; display:block;}

.row01 .news01 li .right{ padding-top:10px; background-color:#f1f1f1;}

.row01 .news01 li .right .bt{ height:26px; line-height:26px; font-size:16px; margin:0 10px;}

.row01 .news01 li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 10px; margin-bottom:10px;}

.row01 .news01 li .right .more{ padding:0 10px; height:34px; border-top:1px solid #ddd;}

.row01 .news01 li .right .more span{ display:block; font-size:14px; height:34px; line-height:34px; float:left; color:#666;}

.row01 .news01 li .right .more b{ display:block; float:right; width:5px; height:10px; margin:12px 0; background-image:url(../images/more.png); background-size:100% 100%;}

.row01 .news01 li:hover .right{ background-color:#29a7e1;}

.row01 .news01 li:hover .right .bt,.row01 .news01 li:hover .right .wen{ color:#fff;}

.row01 .news01 li:hover .right .more{ border-top:1px solid #8edbff;}

.row01 .news01 li:hover .right .more span{ color:#fff;}

.row01 .news01 li:hover .right .more b{ background-image:url(../images/more01.png);} 



.sbg{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:9998; display:none;}

.spbox{ width:80%; padding:10px; background-color:#fff; border-radius:5px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9999; display:none;}

.spbox .video{ width:100%; height:260px; background-color:#000;}

.spbox video,.spbox iframe{ width:100%; height:100%; display:block; overflow:hidden;}

.spbox .title{ width:100%; position:relative; margin-top:10px;}

.spbox .title .prev{ width:11px; height:20px; position:absolute; left:0; top:0; cursor:pointer; background-image:url(../images/left.jpg);}

.spbox .title .prev:hover{ background-image:url(../images/lefth.jpg);}

.spbox .title .next{ width:11px; height:20px; position:absolute; left:20px; top:0; cursor:pointer; background-image:url(../images/right.jpg);}

.spbox .title .next:hover{ background-image:url(../images/righth.jpg);}

.spbox .title .txt{ width:70%; margin:auto; text-align:center; font-size:14px; line-height:20px;}

.spbox .title .close{ width:20px; height:20px; position:absolute; right:0; top:0; cursor:pointer; background-image:url(../images/close.jpg); background-size:100% 100%;}

.spbox .title .close:hover{ background-image:url(../images/close01.jpg);}

}



/*招商合作*/

@media screen and (min-width:1280px){

.zs01{ width:1200px; margin:auto; margin-top:65px;}

.zs01 img.img01{ width:100%; display:block;}

.zs01 img.img02{ display:none;}



.zs02{ width:1200px; margin:70px auto;}

.zs02 .left{ float:left; width:600px; font-size:14px; line-height:24px; padding-top:25px;}

.zs02 .right{ float:right; width:530px; height:330px;}

.zs02 .right img{ width:100%; display:block;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.zs01{ width:94%; margin:auto; margin-top:35px;}

.zs01 img.img01{ width:100%; display:block;}

.zs01 img.img02{ display:none;}



.zs02{ width:94%; margin:40px auto;}

.zs02 .left{ float:left; width:45%; font-size:14px; line-height:24px;}

.zs02 .right{ float:right; width:52%;}

.zs02 .right img{ width:100%; display:block;}

}

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

.zs01{ width:94%; margin:auto; margin-top:25px;}

.zs01 img.img02{ width:100%; display:block;}

.zs01 img.img01{ display:none;}



.zs02{ width:94%; margin:30px auto;}

.zs02 .left{ float:left; width:100%; font-size:14px; line-height:24px;}

.zs02 .right{ float:right; width:100%; margin-top:15px;}

.zs02 .right img{ width:100%; display:block;}

}



@media screen and (min-width:1280px){

.zs03{ width:1200px; margin:65px auto; margin-bottom:70px;}

.zs03 .left{ width:670px; height:340px; float:left;}

.zs03 .left img{ width:100%; display:block;}

.zs03 .right{ width:530px; padding-top:30px; float:left;}

.zs03 .right .r01{ height:56px; margin-left:-30px;}

.zs03 .right .r01 b{ width:110px; height:4px; display:block; background-color:#29a7e1; margin:26px 0; float:left;}

.zs03 .right .r01 strong{ display:block; float:left; font-size:34px; margin-left:30px; color:#29a7e1; line-height:56px;}

.zs03 .right .r02{ margin-left:30px; margin-top:13px; font-size:20px; line-height:36px; color:#666; font-weight:bold;}

.zs03 .right .r03{ margin-left:30px; margin-top:13px; font-size:14px; line-height:30px;}



.zs04{ width:100%; height:470px; background-color:#eee; position:relative;}

.zs04 .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0;}

.zs04 .box .left{ width:890px; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.zs04 .box .left img{ display:none;}

.zs04 .box .right{ width:670px; float:right; padding-top:70px;}

.zs04 .box .right .r01{ font-size:18px; line-height:34px; height:34px; font-weight:bold; color:#29a7e1; width:620px;}

.zs04 .box .right .r02{ font-size:14px; line-height:30px; width:620px;}

.zs04 .box .right .r03{ width:100%; height:20px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.zs03{ width:94%; margin:35px auto; margin-bottom:40px;}

.zs03 .left{ width:55%; float:left;}

.zs03 .left img{ width:100%; display:block;}

.zs03 .right{ width:45%; padding-top:15px; float:left;}

.zs03 .right .r01{ margin-left:-30px;}

.zs03 .right .r01 b{ width:60px; height:4px; display:block; background-color:#29a7e1; margin:15px 0; float:left;}

.zs03 .right .r01 strong{ display:block; float:left; font-size:24px; margin-left:3%; color:#29a7e1; line-height:34px;}

.zs03 .right .r02{ margin-left:3%; margin-top:10px; font-size:18px; line-height:28px; color:#666; font-weight:bold;}

.zs03 .right .r03{ margin-left:3%; margin-top:10px; font-size:14px; line-height:24px;}



.zs04{ width:100%; height:400px; background-color:#eee; position:relative;}

.zs04 .box{ width:100%; height:100%;}

.zs04 .box .left{ width:50%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.zs04 .box .left img{ display:none;}

.zs04 .box .right{ width:44%; float:right; padding:35px 3%;}

.zs04 .box .right .r01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#29a7e1;}

.zs04 .box .right .r02{ font-size:14px; line-height:24px;}

.zs04 .box .right .r03{ width:100%; height:15px;}

}

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

.zs03{ width:94%; margin:25px auto; margin-bottom:30px;}

.zs03 .left{ width:100%; float:left;}

.zs03 .left img{ width:100%; display:block;}

.zs03 .right{ width:100%; padding-top:10px; float:left;}

.zs03 .right .r01 b{ width:30px; height:4px; display:block; background-color:#29a7e1; margin:12px 0; float:left;}

.zs03 .right .r01 strong{ display:block; float:left; font-size:18px; margin-left:3%; color:#29a7e1; line-height:28px;}

.zs03 .right .r02{ margin-top:5px; font-size:16px; line-height:26px; color:#666; font-weight:bold;}

.zs03 .right .r03{ margin-top:5px; font-size:14px; line-height:24px;}



.zs04{ width:100%; background-color:#eee; position:relative;}

.zs04 .box{ width:100%; height:100%;}

.zs04 .box .left{ width:100%; float:right; background-image:none;}

.zs04 .box .left img{ display:block; width:100%;}

.zs04 .box .right{ width:94%; float:right; padding:25px 3%;}

.zs04 .box .right .r01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#29a7e1;}

.zs04 .box .right .r02{ font-size:14px; line-height:24px;}

.zs04 .box .right .r03{ width:100%; height:10px;}

}



@media screen and (min-width:1280px){

.zs05{ width:1200px; margin:60px auto; margin-bottom:70px;}

.zs05 .biao{ text-align:center; font-size:24px; line-height:34px; margin-bottom:5px; font-weight:bold;}

.zs05 .list{ width:1220px; display:block; overflow:hidden;}

.zs05 .list li{ width:285px; height:190px; display:block; overflow:hidden; position:relative; float:left; margin-top:20px; margin-right:20px;}

.zs05 .list li img{ width:100%; display:block;}

.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}

.zs05 .list li .wen p{ display:block; padding:0 20px; position:absolute; left:5%; bottom:12px; line-height:26px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}

.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}

.zs05 .list li .mask .nei span{ padding:0 20px; display:block; color:#fff; font-size:20px; line-height:30px;}

.zs05 .list li .mask .nei p{ padding:5px 20px; display:block; color:#fff; font-size:14px; line-height:24px;}

.zs05 .list li .mask .nei strong{ margin:5px auto; display:block; width:20px;}

.zs05 .list li:hover .wen{ display:none;}

.zs05 .list li:hover .mask{ display:table;}



.z06{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}

.z06 .box{ width:1200px; margin:auto; position:relative; z-index:1;}

.z06 .box .left{ float:left;}

.z06 .box .left img{ display:block;}

.z06 .box .right{ float:right; padding:22px 30px; padding-left:70px; width:660px; background-color:#fff;}

.z06 .box .right .r01{ font-size:24px; height:44px; line-height:42px; color:#29a7e1; font-weight:bold; margin-bottom:11px;}

.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#29a7e1;}

.z06 .box .right .r02{ font-size:16px; line-height:32px; margin-bottom:23px;}

.z06 .box .right .r03{ font-size:14px; line-height:30px; margin-bottom:9px;}

.z06 .box .right .r04{ font-size:24px; height:42px; line-height:42px; color:#29a7e1; font-weight:bold; text-align:right;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.zs05{ width:100%; margin:30px auto; margin-bottom:40px;}

.zs05 .biao{ width:94%; margin:auto; text-align:center; font-size:18px; line-height:28px; margin-bottom:5px; font-weight:bold;}

.zs05 .list{ width:100%; display:block; overflow:hidden;}

.zs05 .list li{ width:21.25%; height:150px; display:block; overflow:hidden; position:relative; float:left; margin-top:20px; margin-left:3%;}

.zs05 .list li img{ width:100%; display:block;}

.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}

.zs05 .list li .wen p{ display:block; padding:0 15px; position:absolute; left:5%; bottom:12px; line-height:26px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}

.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}

.zs05 .list li .mask .nei span{ padding:0 15px; display:block; color:#fff; font-size:18px; line-height:28px;}

.zs05 .list li .mask .nei p{ padding:5px 15px; display:block; color:#fff; font-size:14px; line-height:24px;}

.zs05 .list li .mask .nei strong{ margin:5px auto; display:block; width:20px;}

.zs05 .list li:hover .wen{ display:none;}

.zs05 .list li:hover .mask{ display:table;}



.z06{ width:100%; padding:40px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}

.z06 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.z06 .box .left{ float:left; width:7%;}

.z06 .box .left img{ display:block; width:100%;}

.z06 .box .right{ float:right; padding:22px 4%; width:55%; background-color:#fff;}

.z06 .box .right .r01{ font-size:20px; height:40px; line-height:38px; color:#29a7e1; font-weight:bold; margin-bottom:5px;}

.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#29a7e1;}

.z06 .box .right .r02{ font-size:16px; line-height:26px; margin-bottom:5px;}

.z06 .box .right .r03{ font-size:14px; line-height:24px; margin-bottom:5px;}

.z06 .box .right .r04{ font-size:20px; line-height:38px; color:#29a7e1; font-weight:bold; text-align:right;}

}

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

.zs05{ width:100%; margin:20px auto; margin-bottom:30px;}

.zs05 .biao{ width:94%; margin:auto; text-align:center; font-size:16px; line-height:26px; font-weight:bold;}

.zs05 .list{ width:100%; display:block; overflow:hidden;}

.zs05 .list li{ width:45.5%; height:130px; display:block; overflow:hidden; position:relative; float:left; margin-top:15px; margin-left:3%;}

.zs05 .list li img{ width:100%; display:block;}

.zs05 .list li .wen{ width:100%; height:100%; background-image:url(../images/hz05.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0;}

.zs05 .list li .wen p{ display:block; padding:0 10px; position:absolute; left:5%; bottom:10px; line-height:20px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

.zs05 .list li .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; vertical-align:middle;}

.zs05 .list li .mask .nei{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}

.zs05 .list li .mask .nei span{ padding:0 10px; display:block; color:#fff; font-size:16px; line-height:22px;}

.zs05 .list li .mask .nei p{ padding:5px 10px; padding-top:0; display:block; color:#fff; font-size:14px; line-height:20px;}

.zs05 .list li .mask .nei strong{ margin:3px auto; margin-top:0; display:block; width:20px;}

.zs05 .list li:hover .wen{ display:none;}

.zs05 .list li:hover .mask{ display:table;}



.z06{ width:100%; padding:30px 0; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}

.z06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}

.z06 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.z06 .box .left{ float:left; width:7%;}

.z06 .box .left img{ display:block; width:100%;}

.z06 .box .right{ float:right; padding:10px 3%; width:84%; background-color:#fff;}

.z06 .box .right .r01{ font-size:18px; height:30px; line-height:28px; color:#29a7e1; font-weight:bold; margin-bottom:5px;}

.z06 .box .right .r01 b{ display:block; width:40px; height:2px; background-color:#29a7e1;}

.z06 .box .right .r02{ font-size:14px; line-height:24px; margin-bottom:5px;}

.z06 .box .right .r03{ font-size:14px; line-height:24px; margin-bottom:5px;}

.z06 .box .right .r04{ font-size:16px; line-height:26px; color:#29a7e1; font-weight:bold; text-align:right;}

}



/*联系我们*/

@media screen and (min-width:1280px){

.lx01{ width:1198px; margin:65px auto; margin-bottom:70px;}

.lx01 ul{ width:1226px; display:block; overflow:hidden;}

.lx01 ul li{ width:280px; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-right:26px; height:370px;}

.lx01 ul li strong{ height:50px; padding:30px 0; display:block; overflow:hidden;}

.lx01 ul li strong img{ display:block; height:50px; margin:auto;}

.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:100%; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}

.lx01 ul li p{ width:240px; height:218px; padding:20px; display:table; text-align:center; vertical-align:middle; overflow:hidden;}

.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:18px; line-height:30px;}

.lx01 ul li p span a{ color:#29a7e1;}

.lx01 ul li p em{ display:block; width:110px; overflow:hidden; font-style:normal;}

.lx01 ul li p em img{ width:100%; display:block;}

.lx01 ul li p em i{ display:block; font-style:normal; font-size:14px; line-height:14px; margin-top:10px;}



#map{ width:100%; height:470px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.lx01{ width:100%; margin:35px auto; margin-bottom:40px;}

.lx01 ul{ width:100%; display:block; overflow:hidden;}

.lx01 ul li{ width:21.25%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%;}

.lx01 ul li strong{ height:50px; padding:20px 0; display:block; overflow:hidden;}

.lx01 ul li strong img{ display:block; height:50px; margin:auto;}

.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:94%; margin:auto; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}

.lx01 ul li p{ width:94%; height:200px; padding:15px 3%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}

.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:16px; line-height:26px;}

.lx01 ul li p span a{ color:#29a7e1;}

.lx01 ul li p em{ display:block; width:48%; overflow:hidden; font-style:normal;}

.lx01 ul li p em img{ width:100%; display:block;}

.lx01 ul li p em i{ display:block; font-style:normal; font-size:14px; line-height:14px; margin-top:5px;}



#map{ width:100%; height:400px;}

}

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

.lx01{ width:100%; margin:10px auto; margin-bottom:30px;}

.lx01 ul{ width:100%; display:block; overflow:hidden;}

.lx01 ul li{ width:45.5%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%; margin-top:15px;}

.lx01 ul li strong{ height:50px; padding:15px 0; display:block; overflow:hidden;}

.lx01 ul li strong img{ display:block; height:50px; margin:auto;}

.lx01 ul li b{ display:block; overflow:hidden; height:2px; width:94%; margin:auto; background-image:url(../images/cline.jpg); background-position:center; background-repeat:no-repeat;}

.lx01 ul li p{ width:94%; height:140px; padding:10px 3%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}

.lx01 ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}

.lx01 ul li p span a{ color:#29a7e1;}

.lx01 ul li p em{ display:block; width:48%; overflow:hidden; font-style:normal;}

.lx01 ul li p em img{ width:100%; display:block;}

.lx01 ul li p em i{ display:block; font-style:normal; font-size:12px; line-height:12px; margin-top:5px;}



#map{ width:100%; height:360px;}

}



/*在线留言*/

@media screen and (min-width:1280px){

.lx02{ width:1200px; margin:65px auto; margin-bottom:70px; height:500px; position:relative;}

.lx02 .left{ width:500px; position:absolute; left:0; top:0;}

.lx02 .left img{ width:100%; display:block;}

.lx02 .right{ width:780px; padding:30px; padding-top:61px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden;}

.lx02 .right .r01{ float:left; margin-top:20px; width:350px;}

.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02{ float:left; margin-top:20px; width:350px; margin-left:80px;}

.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}

.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r03 textarea{ display:block; float:left; width:690px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}

.lx02 .right .r04{ float:left; margin-top:20px; width:780px; position:relative;}

.lx02 .right .r04 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r04 input{ display:block; width:194px; height:44px; opacity:0; overflow:hidden; display:block; position:absolute; left:70px;}

.lx02 .right .r04 a{ display:block; float:left; width:194px; line-height:44px; font-size:14px; background-color:#fff; text-align:center;}

.lx02 .right .r04 p{ display:block; float:left; margin-left:10px; line-height:44px; font-size:14px; color:#666;}

.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}

.lx02 .right .r05 span{ margin-left:70px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}

.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#29a7e1; display:block; float:right;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.lx02{ width:94%; margin:35px auto; margin-bottom:40px; height:500px; position:relative;}

.lx02 .left{ width:500px; position:absolute; left:0; top:0;}

.lx02 .left img{ width:100%; display:block;}

.lx02 .right{ width:65%; padding:30px 2.5%; padding-top:61px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; overflow:hidden;}

.lx02 .right .r01{ float:left; margin-top:20px; width:48%; padding-left:70px; box-sizing:border-box; position:relative;}

.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02{ float:left; margin-top:20px; width:48%; margin-left:4%; padding-left:70px; box-sizing:border-box; position:relative;}

.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r03{ float:left; margin-top:20px; width:100%; position:relative; padding-left:70px; box-sizing:border-box;}

.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}

.lx02 .right .r04{ float:left; margin-top:20px; width:100%; position:relative;}

.lx02 .right .r04 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r04 input{ display:block; width:194px; height:44px; opacity:0; overflow:hidden; display:block; position:absolute; left:70px;}

.lx02 .right .r04 a{ display:block; float:left; width:194px; line-height:44px; font-size:14px; background-color:#fff; text-align:center;}

.lx02 .right .r04 p{ display:block; float:left; margin-left:10px; line-height:44px; font-size:14px; color:#666;}

.lx02 .right .r05{ float:left; margin-top:20px; width:100%; position:relative;}

.lx02 .right .r05 span{ margin-left:70px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}

.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#29a7e1; display:block; float:right;}

}

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

.lx02{ width:94%; margin:25px auto; margin-bottom:30px; position:relative;}

.lx02 .left{ display:none;}

.lx02 .right{ width:94%; padding:25px 3%; padding-top:56px; float:right; background-image:url(../images/lx03.jpg); background-position:right top; background-repeat:no-repeat; overflow:hidden; background-color:#f1f1f1;}

.lx02 .right .r01{ float:left; margin-top:15px; width:100%; padding-left:70px; box-sizing:border-box; position:relative;}

.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02{ float:left; margin-top:15px; width:100%; padding-left:70px; box-sizing:border-box; position:relative;}

.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r03{ float:left; margin-top:15px; width:100%; position:relative; padding-left:70px; box-sizing:border-box;}

.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}

.lx02 .right .r04{ float:left; margin-top:15px; width:100%; position:relative;}

.lx02 .right .r04 span{ display:block; float:left; text-align:right; width:60px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r04 input{ display:block; width:194px; height:44px; opacity:0; overflow:hidden; display:block; position:absolute; left:70px;}

.lx02 .right .r04 a{ display:block; float:left; width:194px; line-height:44px; font-size:14px; background-color:#fff; text-align:center;}

.lx02 .right .r04 p{ display:block; float:left; margin-left:70px; line-height:20px; font-size:14px; color:#666; margin-top:10px;}

.lx02 .right .r05{ float:left; margin-top:10px; width:100%; position:relative;}

.lx02 .right .r05 span{ display:none;}

.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#fff; cursor:pointer; background-color:#29a7e1; display:block; float:right;}

}



/*合作项目*/

@media screen and (min-width:1280px){

.hz01{ width:1200px; margin:65px auto; margin-bottom:70px;}

.hz01 .left{ width:540px; height:360px; float:left;}

.hz01 .left img{ width:100%; display:block;}

.hz01 .right{ width:580px; padding-top:19px; float:right;}

.hz01 .right .r01{ font-size:24px; height:46px; line-height:46px; font-weight:bold; color:#29a7e1;}

.hz01 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz01 .right .r03{ width:40px; height:4px; margin-top:15px; background-color:#29a7e1;}

.hz01 .right .r04{ font-size:14px; line-height:24px; padding-top:35px;}



.hz02{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz02 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz02 .box{ width:1200px; margin:auto; position:relative; z-index:1;}

.hz02 .left{ width:510px; height:340px; float:right; padding-bottom:40px; padding-right:40px; background-image:url(../images/xm02.png); background-repeat:no-repeat;}

.hz02 .left p{ width:510px; height:340px; display:block; overflow:hidden; background-color:#fff;}

.hz02 .left img{ width:100%; display:block;}

.hz02 .right{ width:580px; padding-top:19px; float:left;}

.hz02 .right .r01{ font-size:24px; height:46px; line-height:46px; font-weight:bold; color:#fff;}

.hz02 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz02 .right .r03{ width:40px; height:4px; margin-top:15px; background-color:#29a7e1;}

.hz02 .right .r04{ font-size:14px; line-height:24px; padding-top:35px; color:#fff;}

.hz02 .right .r04 p,.hz02 .right .r04 span{ color:#fff !important;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.hz01{ width:94%; margin:35px auto; margin-bottom:40px;}

.hz01 .left{ width:45%; float:left;}

.hz01 .left img{ width:100%; display:block;}

.hz01 .right{ width:48%; padding-top:15px; float:right;}

.hz01 .right .r01{ font-size:20px; height:40px; line-height:40px; font-weight:bold; color:#29a7e1;}

.hz01 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz01 .right .r03{ width:30px; height:3px; margin-top:10px; background-color:#29a7e1;}

.hz01 .right .r04{ font-size:14px; line-height:24px; padding-top:15px;}



.hz02{ width:100%; padding:40px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz02 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz02 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.hz02 .left{ width:45.5%; float:right; padding-bottom:3%; padding-right:3%; background-image:url(../images/xm02.png); background-repeat:no-repeat; background-size:100% 100%;}

.hz02 .left p{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.hz02 .left img{ width:100%; display:block;}

.hz02 .right{ width:48%; padding-top:15px; float:left;}

.hz02 .right .r01{ font-size:20px; height:40px; line-height:40px; font-weight:bold; color:#fff;}

.hz02 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz02 .right .r03{ width:30px; height:3px; margin-top:10px; background-color:#29a7e1;}

.hz02 .right .r04{ font-size:14px; line-height:24px; padding-top:15px; color:#fff;}

}

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

.hz01{ width:94%; margin:25px auto;}

.hz01 .left{ width:100%; float:left;}

.hz01 .left img{ width:100%; display:block;}

.hz01 .right{ width:100%; padding-top:10px; float:right;}

.hz01 .right .r01{ font-size:18px; height:28px; line-height:28px; font-weight:bold; color:#29a7e1;}

.hz01 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz01 .right .r03{ width:20px; height:2px; margin-top:5px; background-color:#29a7e1;}

.hz01 .right .r04{ font-size:14px; line-height:24px; padding-top:5px;}



.hz02{ width:100%; padding-top:30px; padding-bottom:25px; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz02 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz02 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.hz02 .left{ width:95%; float:right; padding-bottom:5%; padding-right:5%; background-image:url(../images/xm02.png); background-repeat:no-repeat; background-size:100% 100%;}

.hz02 .left p{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.hz02 .left img{ width:100%; display:block;}

.hz02 .right{ width:100%; padding-top:10px; float:left;}

.hz02 .right .r01{ font-size:18px; height:28px; line-height:28px; font-weight:bold; color:#fff;}

.hz02 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz02 .right .r03{ width:20px; height:2px; margin-top:5px; background-color:#29a7e1;}

.hz02 .right .r04{ font-size:14px; line-height:24px; padding-top:5px; color:#fff;}

}



@media screen and (min-width:1280px){

.hz03{ width:1200px; margin:65px auto; margin-bottom:70px;}

.hz03 .left{ width:540px; height:360px; float:right;}

.hz03 .left img{ width:100%; display:block;}

.hz03 .right{ width:580px; padding-top:19px; float:left;}

.hz03 .right .r01{ font-size:24px; height:46px; line-height:46px; font-weight:bold; color:#29a7e1;}

.hz03 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz03 .right .r03{ width:40px; height:4px; margin-top:15px; background-color:#29a7e1;}

.hz03 .right .r04{ font-size:14px; line-height:24px; padding-top:35px;}



.hz04{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz04 .box{ width:1200px; margin:auto; position:relative; z-index:1;}

.hz04 .left{ width:510px; height:340px; float:left; padding-bottom:40px; padding-right:40px; background-image:url(../images/xm02.png); background-repeat:no-repeat;}

.hz04 .left p{ width:510px; height:340px; display:block; overflow:hidden; background-color:#fff;}

.hz04 .left img{ width:100%; display:block;}

.hz04 .right{ width:580px; padding-top:19px; float:right;}

.hz04 .right .r01{ font-size:24px; height:46px; line-height:46px; font-weight:bold; color:#fff;}

.hz04 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz04 .right .r03{ width:40px; height:4px; margin-top:15px; background-color:#29a7e1;}

.hz04 .right .r04{ font-size:14px; line-height:24px; padding-top:35px; color:#fff;}

.hz04 .right .r04 p,.hz04 .right .r04 span{ color:#fff !important;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.hz03{ width:94%; margin:35px auto; margin-bottom:40px;}

.hz03 .left{ width:45%; float:right;}

.hz03 .left img{ width:100%; display:block;}

.hz03 .right{ width:48%; padding-top:15px; float:left;}

.hz03 .right .r01{ font-size:20px; height:40px; line-height:40px; font-weight:bold; color:#29a7e1;}

.hz03 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz03 .right .r03{ width:30px; height:3px; margin-top:10px; background-color:#29a7e1;}

.hz03 .right .r04{ font-size:14px; line-height:24px; padding-top:15px;}



.hz04{ width:100%; padding:40px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz04 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.hz04 .left{ width:45.5%; float:left; padding-bottom:3%; padding-right:3%; background-image:url(../images/xm02.png); background-repeat:no-repeat; background-size:100% 100%;}

.hz04 .left p{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.hz04 .left img{ width:100%; display:block;}

.hz04 .right{ width:48%; padding-top:15px; float:right;}

.hz04 .right .r01{ font-size:20px; height:40px; line-height:40px; font-weight:bold; color:#fff;}

.hz04 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz04 .right .r03{ width:30px; height:3px; margin-top:10px; background-color:#29a7e1;}

.hz04 .right .r04{ font-size:14px; line-height:24px; padding-top:15px; color:#fff;}

.hz04 .right .r04 p,.hz04 .right .r04 span{ color:#fff !important;}

}

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

.hz03{ width:94%; margin:25px auto;}

.hz03 .left{ width:100%; float:left;}

.hz03 .left img{ width:100%; display:block;}

.hz03 .right{ width:100%; padding-top:10px; float:right;}

.hz03 .right .r01{ font-size:18px; height:28px; line-height:28px; font-weight:bold; color:#29a7e1;}

.hz03 .right .r02{ font-size:14px; height:24px; line-height:24px;}

.hz03 .right .r03{ width:20px; height:2px; margin-top:5px; background-color:#29a7e1;}

.hz03 .right .r04{ font-size:14px; line-height:24px; padding-top:5px;}



.hz04{ width:100%; padding-top:30px; padding-bottom:25px; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.hz04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}

.hz04 .box{ width:94%; margin:auto; position:relative; z-index:1;}

.hz04 .left{ width:95%; float:right; padding-bottom:5%; padding-right:5%; background-image:url(../images/xm02.png); background-repeat:no-repeat; background-size:100% 100%;}

.hz04 .left p{ width:100%; display:block; overflow:hidden; background-color:#fff;}

.hz04 .left img{ width:100%; display:block;}

.hz04 .right{ width:100%; padding-top:10px; float:left;}

.hz04 .right .r01{ font-size:18px; height:28px; line-height:28px; font-weight:bold; color:#fff;}

.hz04 .right .r02{ font-size:14px; height:24px; line-height:24px; color:#fff;}

.hz04 .right .r03{ width:20px; height:2px; margin-top:5px; background-color:#29a7e1;}

.hz04 .right .r04{ font-size:14px; line-height:24px; padding-top:5px; color:#fff;}

.hz04 .right .r04 p,.hz04 .right .r04 span{ color:#fff !important;}

}



/*弹出框*/

@media only screen and (min-width:769px){

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #29a7e1; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #29a7e1; color: #FFFFFF;}

}

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

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 5%; top: 10%; background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 1.5rem; line-height: 1.5rem; padding:1% 2%; border-bottom: solid 1px #eef0f1; position: relative; overflow: hidden;}

.xcConfirm .popBox .ttBox .tt{font-size: 1rem; display: block; float: left; text-align: center; height:1.5rem; line-height: 1.5rem; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; bottom: 0.5rem; right: 2%; background: url(../images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{ width: 90%; padding:2%; margin-left: 6%; overflow: hidden; text-align: center; height: 2rem; display: table; vertical-align: middle;}

.xcConfirm .popBox .txtBox .bigIcon{ display: table-cell; width:2rem; height:2rem; background-image: url(../images/icons01.png); background-repeat: no-repeat; background-size: 2rem 2rem; background-position: left center;}

.xcConfirm .popBox .txtBox p{ font-size:1rem; padding-left: 3%; line-height: 2rem; height: 2rem; color: #0f8638; display:  table-cell; text-align: left;}

.xcConfirm .popBox .btnArea{ border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup .sgBtn{ margin:2% auto;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; width:30%; height:2rem; line-height: 2rem; text-align: center; color: #FFFFFF; border-radius: 5px; font-size: 0.875rem;}

.xcConfirm .popBox .sgBtn.ok{background-color: #0f8638; color: #FFFFFF;}

}



.bo{ display:none;}

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

.bo{ position:fixed; right:1%; bottom:5%; z-index:999; background-color:rgba(41,167,225,0.8); display:block; border-radius:40px;}

.bo a{ display:block; padding:5px 10px; overflow:hidden; vertical-align:middle;}

.bo img{ height:18px; display:block; float:left;}

.bo span{ color:#fff; display:block; float:left; font-size:12px; height:18px; line-height:18px;}

}



@media screen and (min-width:1280px){

.row09{ width:1200px; margin:70px auto; font-size:14px; line-height:24px;}

.row09 img{ max-width:100%; display:block; margin:auto;}

}



@media screen and (min-width:769px) and (max-width:1279px){

.row09{ width:94%; margin:50px auto; font-size:14px; line-height:24px;}

.row09 img{ max-width:100%; display:block; margin:auto;}

}

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

.row09{ width:94%; margin:30px auto; font-size:14px; line-height:24px;}

.row09 img{ max-width:100%; display:block; margin:auto;}

}



/*微信*/

.bd_weixin_popup {

    position:fixed;

    left:50%;

	margin-top:-156px;

    top:50%;

	margin-left:-131px;

    padding: 10px;

    width: 240px;

    height: 300px;

    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;

}



/*培训栏目*/

@media screen and (min-width:1280px){

.kcbox{ width:1200px; margin:auto; margin-top:50px;}

.kcbox .biao{ width:400px; height:40px; background-image:url(../images/title1.png); background-repeat:no-repeat; margin:auto; text-align:center; font-size:24px; line-height:40px;}

.kcbox .boxs{ width:1200px; margin:auto; margin-top:30px; background-color:#eee;}

.kcbox .boxs>div{ width:50%; float:left;}

.kcbox .boxs .left img{ width:100%; display:block;}

.kcbox .boxs .tab_menu{ width:100%; height:50px; display:block; overflow:hidden; float:left;}

.kcbox .boxs .tab_menu li{ width:50%; float:left; font-size:18px; line-height:50px; height:50px; text-align:center; background-color:#DCDCDC; overflow:hidden; overflow:hidden; display:block;}

.kcbox .boxs .tab_menu li.on{ color:#fff; background-color:#29a7e1;}

.kcbox .boxs .tabox{ padding:15px 0; width:100%; box-sizing:border-box; float:left;}

.kcbox .boxs .tabox .tab{ padding:0 20px; font-size:14px; line-height:24px; height:264px; overflow:auto;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar{ width:5px; height:1px;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#29a7e1;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

.kcbox .boxs .more{ height:34px; border-radius:5px; background-color:#29a7e1; font-size:14px; line-height:34px; margin-left:20px; margin-bottom:20px; float:left; padding:0 20px;}

.kcbox .boxs .more a{ padding-left:26px; background-image:url(../images/tel1.png); background-position:left center; background-repeat:no-repeat; display:block; color:#fff;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.kcbox{ width:94%; margin:auto; margin-top:40px;}

.kcbox .biao{ width:400px; height:40px; background-image:url(../images/title1.png); background-repeat:no-repeat; margin:auto; text-align:center; font-size:20px; line-height:40px;}

.kcbox .boxs{ width:100%; margin:auto; margin-top:25px; background-color:#eee;}

.kcbox .boxs>div{ width:50%; height:344px; float:left;}

.kcbox .boxs .left img{ height:100%; display:block;}

.kcbox .boxs .tab_menu{ width:100%; height:44px; display:block; overflow:hidden; float:left;}

.kcbox .boxs .tab_menu li{ width:50%; float:left; font-size:18px; line-height:44px; height:44px; text-align:center; background-color:#DCDCDC; overflow:hidden; overflow:hidden; display:block;}

.kcbox .boxs .tab_menu li.on{ color:#fff; background-color:#29a7e1;}

.kcbox .boxs .tabox{ padding:15px 0; width:100%; box-sizing:border-box; float:left;}

.kcbox .boxs .tabox .tab{ padding:0 20px; font-size:14px; line-height:24px; height:216px; overflow:auto;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar{ width:5px; height:1px;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#29a7e1;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

.kcbox .boxs .more{ height:34px; border-radius:5px; background-color:#29a7e1; font-size:14px; line-height:34px; margin-left:20px; margin-bottom:20px; padding:0 15px; float:left;}

.kcbox .boxs .more a{ padding-left:26px; background-image:url(../images/tel1.png); background-position:left center; background-repeat:no-repeat; display:block; color:#fff;}

}

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

.kcbox{ width:94%; margin:auto; margin-top:30px;}

.kcbox .biao{ width:100%; height:34px; background-image:url(../images/title1.png); background-repeat:no-repeat; margin:auto; text-align:center; font-size:18px; line-height:34px; background-size:100% 100%;}

.kcbox .boxs{ width:100%; margin:auto; margin-top:15px; background-color:#eee;}

.kcbox .boxs>div{ width:100%; float:left;}

.kcbox .boxs .left img{ width:100%; display:block;}

.kcbox .boxs .tab_menu{ width:100%; height:36px; display:block; overflow:hidden; float:left;}

.kcbox .boxs .tab_menu li{ width:50%; float:left; font-size:16px; line-height:36px; height:36px; text-align:center; background-color:#DCDCDC; overflow:hidden; overflow:hidden; display:block;}

.kcbox .boxs .tab_menu li.on{ color:#fff; background-color:#29a7e1;}

.kcbox .boxs .tabox{ padding:10px 0; width:100%; box-sizing:border-box; float:left;}

.kcbox .boxs .tabox .tab{ padding:0 15px; font-size:14px; line-height:24px; height:216px; overflow:auto;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar{ width:5px; height:1px;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#29a7e1;}

.kcbox .boxs .tabox .tab::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

.kcbox .boxs .more{ height:30px; border-radius:5px; background-color:#29a7e1; font-size:14px; line-height:30px; margin-left:15px; margin-bottom:15px; float:left; width:100%; box-sizing:border-box; padding:0 10px;}

.kcbox .boxs .more a{ padding-left:26px; background-image:url(../images/tel1.png); background-position:left center; background-repeat:no-repeat; display:block; color:#fff;}

}



/*二维码*/

@media screen and (min-width:1280px){

.row09 .click{ width:200px; height:50px; line-height:50px; text-align:center; cursor:pointer; font-size:16px; background-color:#29a7e1; color:#fff; border-radius:5px; margin:auto; margin-top:30px;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.row09 .click{ width:200px; height:50px; line-height:50px; text-align:center; cursor:pointer; font-size:16px; background-color:#29a7e1; color:#fff; border-radius:5px; margin:auto; margin-top:25px;}

}

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

.row09 .click{ width:120px; height:34px; line-height:34px; text-align:center; cursor:pointer; font-size:14px; background-color:#29a7e1; color:#fff; border-radius:5px; margin:auto; margin-top:15px;}

}

.bd_weixin_popup {

    position:fixed;

    left:50%;

	margin-top:-156px;

    top:50%;

	margin-left:-131px;

    padding: 10px;

    width: 240px;

    height: 300px;

    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;

}