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

*{ margin:0; padding:0; border:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display: none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family:"Microsoft Yahei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

.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){
.banner{ width:100%; height:100%; position:relative; box-sizing:border-box; padding-top:160px;}
.banner .header{ width:1200px; padding:14px 0; height:72px; position:absolute; left:50%; margin-left:-600px; top:0;}
.banner .header .logo{ float:left; height:72px;}
.banner .header .logo a{ display:block; float:left; height:72px;}
.banner .header .logo a img{ display:block; height:72px;}
.banner .header .logo p{ font-size:20px; color:#333; font-weight:bold; line-height:22px; float:left; margin-top:15px; padding-left:16px; margin-left:22px; border-left:1px solid #e0e0e0;}
.banner .header .logo p span{ display:block; font-size:16px; color:#333; font-weight:normal; margin-top:4px; line-height:18px;}
.banner .header .tel{ float:right; margin-top:6px; padding-left:60px; background-image:url(../images/tel_06.jpg); background-position:left center; background-repeat:no-repeat; height:60px;}
.banner .header .tel span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-top:2px;}
.banner .header .tel p{ display:block; font-size:25px; height:32px; line-height:32px; color:#666; overflow:hidden; font-weight:bold; color:#008cd7;}
.banner .header .ya12{ float:right; margin-top:6px; padding-left:60px; background-image:url(../images/tel_06.jpg); background-position:left center; background-repeat:no-repeat; height:60px; margin-right:20px;}
.banner .header .ya12 span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-top:2px;}
.banner .header .ya12 p{ display:block; font-size:25px; height:32px; line-height:32px; color:#666; overflow:hidden; font-weight:bold; color:#008cd7;}
         
.banner .header .nav_btn{ display:none;}
.banner .nav{ width:100%; height:60px; background-color:#eee; position:absolute; left:0; top:100px; z-index:113;}
.banner .nav ul{ width:1200px; margin:auto;}
.banner .nav ul li{ width:149px; padding-left:1px; display:block; float:left; text-align:center; height:60px; background-image:url(../images/nav_11.jpg); background-position:left center; background-repeat:no-repeat;}
.banner .nav ul li:first-child{ background-image:none;}
.banner .nav ul li a{ width:100%; display:block; font-size:17px; height:60px; line-height:60px; overflow:hidden;}
.banner .nav ul li:hover a{ color:#008cd7;}
.banner .nav ul li.on a{ background-color:#008cd7; color:#fff;}
.banner .nav ul li p{ display:none; width:129px; padding:10px; text-align:center; background-color:#008cd7;}
.banner .nav ul li p a{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff !important; background-color:transparent !important;}
.banner .nav ul li p a:hover{ text-decoration:underline;}
.banner .nav ul li:hover p{ display:block;}
.nav_list{ display:none;}

.banner .box{ width:100%; height:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat;}
.banner .swiper-slide a img{ width:1920px; height:900px; position:absolute; left:50%; top:50%; margin-left:-960px; margin-top:-450px; display:block;}
.banner .swiper-pagination{ width:100%; text-align:center; bottom:20px; position:absolute; left:0;}
.banner .swiper-pagination span{ display:inline-block; width:8px; height:8px; border-radius:20px; margin:0 3px; border:1px solid #fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .box img{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:relative; padding-top:140px;}
.banner .header{ width:94%; padding:15px 3%; height:60px; position:absolute; left:0%; top:0;}
.banner .header .logo{ float:left; height:60px;}
.banner .header .logo a{ display:block; float:left; height:60px;}
.banner .header .logo a img{ display:block; height:60px;}
.banner .header .logo p{ font-size:20px; color:#333; font-weight:bold; line-height:22px; float:left; margin-top:9px; padding-left:10px; margin-left:10px; border-left:1px solid #e0e0e0;}
.banner .header .logo p span{ display:block; font-size:16px; color:#333; font-weight:normal; margin-top:4px; line-height:18px;}
.banner .header .tel{ float:right; padding-left:55px; background-image:url(../images/tel_06.jpg); background-position:left center; background-repeat:no-repeat; height:60px;}
.banner .header .tel span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-top:3px;}
.banner .header .tel p{ display:block; font-size:25px; height:32px; line-height:32px; color:#666; overflow:hidden;}
.banner .header .ya12{ float:right; padding-left:55px; background-image:url(../images/tel_06.jpg); background-position:left center; background-repeat:no-repeat; height:60px; margin-right:20px;}
.banner .header .ya12 span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-top:3px;}
.banner .header .ya12 p{ display:block; font-size:25px; height:32px; line-height:32px; color:#666; overflow:hidden;}
.banner .header .nav_btn{ display:none;}
.banner .nav{ width:100%; height:50px; background-color:#eee; position:absolute; left:0; top:90px; z-index:113;}
.banner .nav ul{ width:100%; margin:auto;}
.banner .nav ul li{ width:12.5%; box-sizing:border-box; padding-left:1px; display:block; float:left; text-align:center; height:50px; background-image:url(../images/nav_11.jpg); background-position:left center; background-repeat:no-repeat;}
.banner .nav ul li:first-child{ background-image:none;}
.banner .nav ul li a{ width:100%; display:block; font-size:16px; height:50px; line-height:50px; overflow:hidden;}
.banner .nav ul li:hover a{ color:#008cd7;}
.banner .nav ul li.on a{ background-color:#008cd7; color:#fff;}
.banner .nav ul li p{ display:none; width:100; box-sizing:border-box; padding:10px; text-align:center; background-color:#008cd7;}
.banner .nav ul li p a{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff !important;}
.banner .nav ul li p a:hover{ text-decoration:underline;}
.banner .nav ul li:hover p{ display:block;}
.nav_list{ display:none;}

.banner .box{ width:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; text-align:center; bottom:15px; position:absolute; left:0;}
.banner .swiper-pagination span{ display:inline-block; width:8px; height:8px; border-radius:20px; margin:0 3px; border:1px solid #fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .box img{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1024px){
.banner .header .logo p{ display:none;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; padding-top:80px;}
.banner .header{ width:94%; padding:15px 3%; height:50px; overflow:hidden; position:fixed; z-index:120; background-color:#fff;}
.banner .header .logo{ float:left; height:50px;}
.banner .header .logo a{ display:block; float:left; height:50px;}
.banner .header .logo a img{ display:block; height:50px;}
.banner .header .logo p{ display:none;}
.banner .header .tel,.banner .header .ya12{ display:none;}
.banner .header .nav_btn{ float:right; width:30px; height:30px; padding:10px 0;}
.banner .header .nav_btn img{ display:block; height:30px;}
.banner .nav{ display:none;}
.nav_list{ width:100%; height:100%; box-sizing:border-box; overflow:hidden; box-sizing:border-box; position:fixed; left:0; top:0; padding-top:80px; background-color:rgba(0,0,0,0.5); overflow:hidden; z-index:111;}
.nav_list b{ width:13.2%; display:block; float:left; height:100%;}
.nav_list ul{ display:block; float:right; width:86.8%; box-sizing:border-box; height:100%; background-color:rgba(0,140,215,0.9); padding:10% 0;}
.nav_list ul li{ width:100%; text-align:center; display:block; font-size:18px; line-height:36px; height:36px;}
.nav_list ul li a{ color:#fff; text-transform:uppercase;}

.banner .box{ width:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; text-align:center; bottom:10px; position:absolute; left:0;}
.banner .swiper-pagination span{ display:inline-block; width:8px; height:8px; border-radius:20px; margin:0 3px; border:1px solid #fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .box img{ display:block; width:100%;}
}

/*关于*/
@media screen and (min-width:1280px){
.abox{ width:100%;}
.abox .box{ width:1200px; margin:auto; margin-top:65px;}
.abox .left{ width:425px; float:left;}
.abox .left .en{ position:relative; font-size:30px; font-weight:bold; font-style:italic; height:62px; line-height:62px; display:inline-block; padding-right:3px;}
.abox .left .en b{ height:10px; width:100%; background-color:#f02304; position:absolute; left:0; bottom:13px; display:block; z-index:-1;}
.abox .left .cn{ font-size:22px; height:66px; line-height:66px;}
.abox .left .wen{ font-size:15px; line-height:24px; height:310px; color:#555; padding-top:3px;}
.abox .right{ width:718px; height:450px; float:right; position:relative; padding-left:7px; padding-right:10px; padding-top:7px; padding-bottom:10px;}
.abox .right strong{ display:block; position:absolute; left:0; top:0; z-index:0;}
.abox .right b{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.abox .right img{ width:100%; display:block;}
.abox .right iframe{ width:100%; height:450px; display:block; position:relative; z-index:11;}
.abox .left:hover .wen{ margin-top:-10px;}
.abox .left:hover .cn{ color:#f02304;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%;}
.abox .box{ width:94%; margin:auto; margin-top:35px;}
.abox .left{ width:45%; float:left;}
.abox .left .en{ position:relative; font-size:24px; font-weight:bold; font-style:italic; height:40px; line-height:40px; display:inline-block; padding-right:3px;}
.abox .left .en b{ height:8px; width:100%; background-color:#f02304; position:absolute; left:0; bottom:7px; display:block; z-index:-1;}
.abox .left .cn{ font-size:18px; height:40px; line-height:40px;}
.abox .left .wen{ font-size:14px; line-height:24px; color:#666; height:335px;}
.abox .right{ width:50%; height:450px; float:right; position:relative; padding-left:7px; padding-right:10px; padding-top:7px; padding-bottom:10px; box-sizing:border-box;}
.abox .right strong{ display:block; position:absolute; left:0; top:0; z-index:0;}
.abox .right b{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.abox .right img{ width:100%; display:block;}
.abox .right iframe{ width:100%; height:100%; display:block; position:relative; z-index:11;}
.abox .left:hover .wen{ margin-top:0px;}
.abox .left:hover .cn{ color:#f02304;}
}
@media only screen and (max-width:768px){
.abox{ width:100%;}
.abox .box{ width:94%; margin:auto; margin-top:15px;}
.abox .left{ width:100%; float:left; margin-bottom:15px;}
.abox .left .en{ position:relative; font-size:24px; font-weight:bold; font-style:italic; height:40px; line-height:40px; display:inline-block; padding-right:3px;}
.abox .left .en b{ height:8px; width:100%; background-color:#f02304; position:absolute; left:0; bottom:7px; display:block; z-index:-1;}
.abox .left .cn{ font-size:18px; height:40px; line-height:40px;}
.abox .left .wen{ font-size:14px; line-height:24px; color:#666; height:240px;}
.abox .right{ width:100%; height:270px; float:right; position:relative; padding-left:7px; padding-right:10px; padding-top:7px; padding-bottom:10px; box-sizing:border-box;}
.abox .right strong{ display:block; position:absolute; left:0; top:0; z-index:0;}
.abox .right b{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.abox .right img{ width:100%; display:block;}
.abox .right iframe{ width:100%; height:100%; display:block; position:relative; z-index:11;}
.abox .left:hover .cn{ color:#f02304;}
}

/*痛点*/
@media screen and (min-width:1280px){
.tbox{ width:100%; background-image:url(../images/yz-bg.jpg); background-position:top center; background-repeat:no-repeat;}
.tbox{ width:1200px; margin:auto; padding-top:49px;}
.tbox .title{ text-align:center;}
.tbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.tbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden;}
.tbox .title span a{ color:#e22b19;}
.tbox .list{ width:1200px; display:block; height:343px; position:relative;}
.tbox .list li{ display:table; position:absolute; background-color:#fff; text-align:center; border-radius:100%; overflow:hidden; vertical-align:middle; width:179px; height:179px; padding:33px;}
.tbox .list li.l01{ left:18px; top:5px;}
.tbox .list li.l02{ left:326px; top:98px;}
.tbox .list li.l03{ right:343px; top:35px;}
.tbox .list li.l04{ right:12px; top:102px;}
.tbox .list li p{ display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.tbox .list li p span{ display:block; font-size:24px; color:#333; overflow:hidden; line-height:36px;}
.tbox .list li p b{ display:block; font-size:16px; color:#333; overflow:hidden; line-height:31px; margin-top:8px; font-weight:normal;}
.tbox .list li p b a{ color:#e22b19;}
.tbox .td{ width:1200px; margin:auto; overflow:hidden;}
.tbox .td .left{ width:420px; float:left;}
.tbox .td .left 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;}
.tbox .td .right{ width:620px; float:left; margin-left:6px; text-align:center;}
.tbox .td .right .t01{ width:100%; margin-top:39px; height:52px; line-height:52px; font-size:20px;}
.tbox .td .right .t02{ width:580px; padding:0 20px; background-color:#008cd7; height:38px; line-height:38px; font-size:22px; color:#fff;}
.tbox .td .right .t03{ width:100%; height:48px; line-height:48px; font-size:22px;}
.tbox .td .right .t04{ margin-top:11px;}
.tbox .td .right .t04 img{ display:block; margin:auto;}
.tbox .list li:hover{ background-color:#008cd7;}
.tbox .list li:hover p b,.tbox .list li:hover p span{ color:#fff;}
.tbox .td:hover .left 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);}
.tbox .td:hover .right .t01{ color:#e22b19;}
.tbox .td:hover .right .t02{ background-color:#e22b19;}
.tbox .td:hover .right .t03{ color:#e22b19;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.tbox{ width:100%; background-image:url(../images/yz-bg.jpg); background-position:top center; background-repeat:no-repeat;}
.tbox{ width:94%; margin:auto; padding-top:25px;}
.tbox .title{ text-align:center;}
.tbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.tbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.tbox .title span a{ color:#e22b19;}
.tbox .list{ width:100%; display:block; height:300px; position:relative; margin-top:10px;}
.tbox .list li{ display:table; position:absolute; background-color:#fff; text-align:center; border-radius:100%; overflow:hidden; vertical-align:middle; width:150px; height:150px; padding:25px;}
.tbox .list li.l01{ left:0; top:5px;}
.tbox .list li.l02{ left:25%; top:98px;}
.tbox .list li.l03{ right:25%; bottom:98px;}
.tbox .list li.l04{ right:0; bottom:0;}
.tbox .list li p{ display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.tbox .list li p span{ display:block; font-size:20px; color:#333; overflow:hidden; line-height:30px;}
.tbox .list li p b{ display:block; font-size:14px; color:#333; overflow:hidden; line-height:26px; font-weight:normal;}
.tbox .list li p b a{ color:#e22b19;}
.tbox .td{ width:100%; margin:auto; overflow:hidden;}
.tbox .td .left{ width:45%; float:left;}
.tbox .td .left img{ width:100%; display:block;}
.tbox .td .right{ width:55%; float:right; text-align:center;}
.tbox .td .right .t01{ width:100%; margin-top:2%; line-height:26px; font-size:18px;}
.tbox .td .right .t02{ padding:5px 15px; background-color:#008cd7; line-height:26px; font-size:18px; color:#fff; margin:2% auto;}
.tbox .td .right .t03{ width:100%; line-height:26px; font-size:18px;}
.tbox .td .right .t04{ margin-top:2%;}
.tbox .td .right .t04 img{ display:block; margin:auto;}
.tbox .list li:hover{ background-color:#008cd7;}
.tbox .list li:hover p b,.tbox .list li:hover p span{ color:#fff;}
.tbox .td:hover .left 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);}
.tbox .td:hover .right .t01{ color:#e22b19;}
.tbox .td:hover .right .t02{ background-color:#e22b19;}
.tbox .td:hover .right .t03{ color:#e22b19;}
}
@media only screen and (max-width:768px){
.tbox{ width:100%; background-image:url(../images/yz-bg.jpg); background-position:top center; background-repeat:no-repeat;}
.tbox{ width:94%; margin:auto; padding-top:20px;}
.tbox .title{ text-align:center;}
.tbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.tbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.tbox .title span a{ color:#e22b19;}
.tbox .list{ width:100%; display:block; height:350px; position:relative; margin-top:10px;}
.tbox .list li{ display:table; position:absolute; background-color:#fff; text-align:center; border-radius:100%; overflow:hidden; vertical-align:middle; width:130px; height:130px; padding:15px;}
.tbox .list li.l01{ left:0; top:0;}
.tbox .list li.l02{ right:5%; top:15px;}
.tbox .list li.l03{ left:5%; bottom:15px;}
.tbox .list li.l04{ right:0; bottom:0;}
.tbox .list li p{ display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.tbox .list li p span{ display:block; font-size:18px; color:#333; overflow:hidden; line-height:26px;}
.tbox .list li p b{ display:block; font-size:14px; color:#333; overflow:hidden; line-height:24px; font-weight:normal;}
.tbox .list li p b a{ color:#e22b19;}
.tbox .td{ width:100%; margin:auto; overflow:hidden; margin-top:10px;}
.tbox .td .left{ display:none;}
.tbox .td .right{ width:100%; float:left; text-align:center;}
.tbox .td .right .t01{ width:100%; line-height:24px; font-size:16px;}
.tbox .td .right .t02{ padding:5px 15px; background-color:#008cd7; line-height:24px; font-size:16px; color:#fff; margin:5px auto;}
.tbox .td .right .t03{ width:100%; line-height:24px; font-size:16px;}
.tbox .td .right .t04{ margin-top:5px;}
.tbox .td .right .t04 img{ display:block; margin:auto;}
.tbox .list li:hover{ background-color:#008cd7;}
.tbox .list li:hover p b,.tbox .list li:hover p span{ color:#fff;}
.tbox .td:hover .left 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);}
.tbox .td:hover .right .t01{ color:#e22b19;}
.tbox .td:hover .right .t02{ background-color:#e22b19;}
.tbox .td:hover .right .t03{ color:#e22b19;}
}

/*为什么*/
@media screen and (min-width:1280px){
.wbox{ width:100%;}
.wbox .title{ text-align:center; margin-bottom:42px;}
.wbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.wbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden;}
.wbox .title span a{ color:#e22b19;}
.wbox .b01{ width:100%; position:relative;}
.wbox .b01 .left{ width:50%; height:424px; float:left; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b01 .right{ width:50%; height:424px; float:right; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t01_33.jpg); background-position:left center; background-repeat:no-repeat;}
.wbox .b02{ width:100%; position:relative;}
.wbox .b02 .left{ width:50%; height:424px; float:right; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b02 .right{ width:50%; height:424px; float:left; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t02_34.jpg); background-position:right center; background-repeat:no-repeat;}
.wbox .b01 .bt{ margin-left:75px; width:525px; padding-top:55px; font-size:25px; line-height:46px; color:#008cd7;}
.wbox .b01 ul{ margin-left:75px; width:525px; display:block; overflow:hidden; padding-top:5px;}
.wbox .b02 .bt{ margin-right:75px; width:525px; padding-top:55px; font-size:25px; line-height:46px; color:#008cd7; float:right;}
.wbox .b02 ul{ margin-right:75px; width:525px; display:block; overflow:hidden; padding-top:5px; float:right;}
.wbox ul li{ display:block; margin-top:23px; overflow:hidden;}
.wbox ul li em{ display:block; float:left; height:40px; width:40px; margin-top:7px;}
.wbox ul li em img{ height:40px; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.wbox ul li p{ display:block; float:left; width:470px; margin-left:15px}
.wbox ul li b{ display:block; font-size:20px; height:30px; line-height:30px; font-weight:normal;}
.wbox ul li:hover b{ color:#008cd7;}
.wbox ul li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.wbox ul li p span{ display:block; font-size:17px; line-height:26px; color:#666;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%;}
.wbox .title{ text-align:center; margin-bottom:20px;}
.wbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.wbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.wbox .title span a{ color:#e22b19;}
.wbox .b01{ width:100%; position:relative;}
.wbox .b01 .left{ width:50%; height:100%; position:absolute; left:0; top:0; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b01 .right{ width:40%; padding:5%; margin-left:50%; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t01_33.jpg); background-position:left center; background-repeat:no-repeat;}
.wbox .b02{ width:100%; position:relative;}
.wbox .b02 .left{ width:50%; height:100%; position:absolute; right:0; top:0; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b02 .right{ width:40%; padding:5%; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t02_34.jpg); background-position:right center; background-repeat:no-repeat;}
.wbox .b01 .bt{ width:100%; font-size:22px; line-height:26px; color:#008cd7;}
.wbox .b01 ul{ width:100%; display:block; overflow:hidden;}
.wbox .b02 .bt{ width:100%; font-size:22px; line-height:26px; color:#008cd7;}
.wbox .b02 ul{ width:100%; display:block; overflow:hidden; float:right;}
.wbox ul li{ display:block; margin-top:3%; overflow:hidden; position:relative; padding-left:50px;}
.wbox ul li em{ display:block; float:left; position:absolute; left:0; top:3px;}
.wbox ul li em img{ height:40px; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.wbox ul li p{ display:block; width:100%;}
.wbox ul li b{ display:block; font-size:18px; height:26px; line-height:26px; font-weight:normal;}
.wbox ul li:hover b{ color:#008cd7;}
.wbox ul li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.wbox ul li p span{ display:block; font-size:16px; line-height:24px; color:#666;}
}
@media only screen and (max-width:768px){
.wbox{ width:100%; padding-top:20px;}
.wbox .title{ text-align:center; margin-bottom:10px;}
.wbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.wbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.wbox .title span a{ color:#e22b19;}
.wbox .b01{ width:100%; position:relative;}
.wbox .b01 .left{ width:100%; height:220px; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b01 .right{ width:94%; padding:15px 3%; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t01_33.jpg); background-position:left center; background-repeat:no-repeat;}
.wbox .b02{ width:100%; position:relative;}
.wbox .b02 .left{ width:100%; height:220px; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat;}
.wbox .b02 .right{ width:94%; padding:15px 3%; background-color:#f3f3f3; overflow:hidden; background-image:url(../images/t02_34.jpg); background-position:right center; background-repeat:no-repeat;}
.wbox .bt{ width:100%; font-size:18px; line-height:26px; color:#008cd7;}
.wbox ul{ width:100%; display:block; overflow:hidden;}
.wbox ul li{ display:block; margin-top:2%; overflow:hidden; position:relative; padding-left:50px;}
.wbox ul li em{ display:block; height:40px; width:40px; position:absolute; left:0; top:2px;}
.wbox ul li em img{ height:40px; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.wbox ul li p{ display:block; width:100%;}
.wbox ul li b{ display:block; font-size:18px; height:26px; line-height:26px; font-weight:normal;}
.wbox ul li:hover b{ color:#008cd7;}
.wbox ul li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.wbox ul li p span{ display:block; font-size:14px; line-height:24px; color:#666;}
}

/*理念*/
@media screen and (min-width:1280px){
.sbox{ width:100%; margin-top:75px; margin-bottom:65px;}
.sbox .box{ width:1200px; position:relative; margin:auto;}
.sbox .box .left{ width:400px; float:left; overflow:hidden; margin-top:-40px;}
.sbox .box .left p{ margin-top:40px; padding:20px 40px; background-color:#008cd7; font-size:23px; line-height:36px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .box .left p:nth-child(2n){ display:none;}
.sbox .box .right{ width:400px; float:right; overflow:hidden; margin-top:-40px;}
.sbox .box .right p{ margin-top:40px; padding:20px 40px; background-color:#008cd7; font-size:23px; line-height:36px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .box .right p:nth-child(2n+1){ display:none;}
.sbox .middle{ width:200px; height:200px; border-radius:300px; padding:12px; border:2px solid #e1280a; position:absolute; left:50%; margin-left:-114px; top:50%; margin-top:-114px;}
.sbox .middle p{ display:table; text-align:center; vertical-align:middle; width:196px; height:196px; border-radius:300px; border:2px solid #e1280a; overflow:hidden;}
.sbox .middle p span{ display:table-cell; text-align:center; vertical-align:middle; color:#e1280a; font-size:40px; line-height:56px;}
.sbox .box .left p:hover,.sbox .box .right p:hover{ background-color:#e22b19;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sbox{ width:100%; margin-top:35px; margin-bottom:30px;}
.sbox .box{ width:94%; position:relative; margin:auto;}
.sbox .box .left{ width:35%; float:left; overflow:hidden; margin-top:-20px;}
.sbox .box .left p{ margin-top:20px; padding:10px 5%; background-color:#008cd7; font-size:20px; line-height:30px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .box .left p:nth-child(2n){ display:none;}
.sbox .box .right{ width:35%; float:right; overflow:hidden; margin-top:-20px;}
.sbox .box .right p{ margin-top:20px; padding:10px 5%; background-color:#008cd7; font-size:20px; line-height:30px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .middle{ width:140px; height:140px; border-radius:300px; padding:12px; border:2px solid #e1280a; position:absolute; left:50%; margin-left:-84px; top:50%; margin-top:-84px;}
.sbox .middle p{ display:table; text-align:center; vertical-align:middle; width:136px; height:136px; border-radius:300px; border:2px solid #e1280a; overflow:hidden;}
.sbox .box .right p:nth-child(2n+1){ display:none;}
.sbox .middle p span{ display:table-cell; text-align:center; vertical-align:middle; color:#e1280a; font-size:30px; line-height:46px;}
.sbox .box .left p:hover,.sbox .box .right p:hover{ background-color:#e22b19;}
}
@media only screen and (max-width:768px){
.sbox{ width:100%; margin:25px 0;}
.sbox .box{ width:94%; position:relative; margin:auto;}
.sbox .box .left{ width:100%; overflow:hidden;}
.sbox .box .left p{ margin-bottom:15px; padding:10px 5%; background-color:#008cd7; font-size:18px; line-height:26px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .box .left p:nth-child(4){ display:none;}
.sbox .box .left p:nth-child(5){ display:none;}
.sbox .box .left p:nth-child(6){ display:none;}
.sbox .box .right{ width:100%; overflow:hidden;}
.sbox .box .right p{ margin-top:15px; padding:10px 5%; background-color:#008cd7; font-size:18px; line-height:26px; border-radius:5px; overflow:hidden; display:block; color:#fff;}
.sbox .middle{ width:120px; height:120px; border-radius:300px; padding:5px; border:2px solid #e1280a; margin:auto;}
.sbox .middle p{ display:table; text-align:center; vertical-align:middle; width:116px; height:116px; border-radius:300px; border:2px solid #e1280a; overflow:hidden;}
.sbox .box .right p:nth-child(1){ display:none;}
.sbox .box .right p:nth-child(2){ display:none;}
.sbox .box .right p:nth-child(3){ display:none;}
.sbox .middle p span{ display:table-cell; text-align:center; vertical-align:middle; color:#e1280a; font-size:24px; line-height:34px;}
.sbox .box .left p:hover,.sbox .box .right p:hover{ background-color:#e22b19;}
}

/*产品线*/
@media screen and (min-width:1280px){
.cbox{ width:100%; background-image:url(../images/cb_42.jpg); background-position:left bottom; background-repeat:repeat-x; padding-bottom:30px;}
.cbox .title{ text-align:center; margin-bottom:46px;}
.cbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.cbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden;}
.cbox .title span a{ color:#e22b19;}
#tab{ width:1200px; margin:auto;}
#tab .tab_menu{ width:1220px; overflow:hidden; display:block;}
#tab .tab_menu li{ width:510px; padding:0 40px; margin-right:20px; background-color:#e0e0e0; float:left; display:block; height:64px; border-radius:10px; overflow:hidden;}
#tab .tab_menu li b{ display:block; float:left; font-size:20px; height:64px; line-height:64px;}
#tab .tab_menu li a{ display:block; float:right; font-size:16px; height:64px; line-height:64px;}
#tab .tab_menu li.on{ background-color:#008cd7;}
#tab .tab_menu li.on b,#tab .tab_menu li.on a{ color:#fff;}
#tab .tab_box{ width:1160px; margin-top:10px; background-color:#f5f5f5; border-radius:10px; padding:12px 40px; padding-right:0;}
#tab .tab_box .box{ width:1152px; height:72px;}
#tab .tab_box .box a{ display:block; float:left; width:128px; height:36px; line-height:36px; font-size:16px; overflow:hidden;}
#tab .tab_box .box a:hover{ color:#008cd7;}
.cbox .tp{ width:1200px; margin:auto;}
.cbox .tp .p01{ width:100%; height:567px; position:relative; overflow:hidden;}
.cbox .tp .p01 .swiper-container{ width:100%; height:567px; position:relative;}
.cbox .tp .p01 .swiper-container .swiper-wrapper{ width:100%; height:567px; position:relative; z-index:0;}
.cbox .tp .p01 .swiper-slide{ width:100%; position:relative; height:567px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:23px;}
.cbox .tp .p01 .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.cbox .tp .p01 .swiper-slide .nei{ margin-left:100px; margin-top:95px; background-color:rgba(255,255,255,0.67); width:395px; padding:0 60px; height:377px;}
.cbox .tp .p01 .swiper-slide .nei .bt{ height:58px; line-height:58px; font-size:26px; color:#008cd7; padding-top:20px;}
.cbox .tp .p01 .swiper-slide .nei .bt b{ display:block; float:right; width:50%; height:2px; background-color:#008cd7; margin-top:28px;}
.cbox .tp .p01 .swiper-slide .nei dl{ width:100%; display:block; overflow:hidden; margin-top:-10px;}
.cbox .tp .p01 .swiper-slide .nei dl dt{ display:block; margin-top:11px; font-size:20px; line-height:30px; height:30px; color:#008cd7; overflow:hidden;}
.cbox .tp .p01 .swiper-slide .nei dl dd{ display:block; font-size:15px; line-height:24px; max-height:48px; overflow:hidden;}
.cbox .tp .p01 .swiper-slide:hover .nei{ background-color:#fff;}
.cbox .tp .p01 .swiper-button-white{ width:50px; height:120px; position:absolute; top:50%; margin-top:-60px; z-index:11;}
.cbox .tp .p01 .swiper-button-white img{ width:100%; display:block;}
.cbox .tp .p01 .swiper-button-prev{ left:0;}
.cbox .tp .p01 .swiper-button-next{ right:0;}
.cbox .tp .p02{ width:1200px; display:block; margin-top:23px;}
.cbox .tp .p02 .swiper-container{ width:100%; height:230px; position:relative;}
.cbox .tp .p02 .swiper-container .swiper-wrapper{ width:100%; height:230px; position:relative;}
.cbox .tp .p02 .swiper-slide{ display:block; float:left; margin-right:30px; width:277.5px; height:230px; overflow:hidden;}
.cbox .tp .p02 .swiper-slide img{ height: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;}
.cbox .tp .p02 .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .tp .p02 .swiper-slide a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.cbox .tp .p02 .swiper-slide a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.cbox .tp .p02 .swiper-slide a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.cbox .tp .p02 .swiper-slide a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.cbox .tp .p02 .swiper-slide.swiper-slide-active p{ background-color:rgba(245,245,245,1);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; background-image:url(../images/cb_42.jpg); background-position:left bottom; background-repeat:repeat-x; padding-bottom:25px;}
.cbox .title{ text-align:center; margin-bottom:20px;}
.cbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.cbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.cbox .title span a{ color:#e22b19;}
#tab{ width:100%; margin:auto;}
#tab .tab_menu{ width:100%; overflow:hidden; display:block;}
#tab .tab_menu li{ width:39.5%; padding:0 3%; margin-left:3%; background-color:#e0e0e0; float:left; display:block; height:40px; border-radius:5px; overflow:hidden;}
#tab .tab_menu li b{ display:block; float:left; font-size:18px; height:40px; line-height:40px;}
#tab .tab_menu li a{ display:block; float:right; font-size:14px; height:40px; line-height:40px;}
#tab .tab_menu li.on{ background-color:#008cd7;}
#tab .tab_menu li.on b,#tab .tab_menu li.on a{ color:#fff;}
#tab .tab_box{ width:94%; margin:auto; margin-top:10px; background-color:#f5f5f5; border-radius:5px; padding:12px 0;}
#tab .tab_box .box{ width:100%; height:60px;}
#tab .tab_box .box a{ display:block; float:left; width:12%; margin-left:4%; height:30px; line-height:30px; font-size:16px; overflow:hidden;}
#tab .tab_box .box a:hover{ color:#008cd7;}

.cbox .tp{ width:100%; margin:auto;}
.cbox .tp .p01{ width:94%; margin:auto; margin-top:15px; overflow:hidden;}
.cbox .tp .p01 .swiper-container{ width:100%; position:relative;}
.cbox .tp .p01 .swiper-container .swiper-wrapper{ width:100%; position:relative; z-index:0;}
.cbox .tp .p01 .swiper-slide{ height:310px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cbox .tp .p01 a{ width:90%; padding:20px 5%; display:block; overflow:hidden; position:relative;}
.cbox .tp .p01 .nei{ background-color:rgba(255,255,255,0.67); padding:0 5%; width:60%;}
.cbox .tp .p01 .nei .bt{ height:38px; line-height:38px; font-size:20px; color:#008cd7; padding-top:20px;}
.cbox .tp .p01 .nei .bt b{ display:block; float:right; width:50%; height:2px; background-color:#008cd7; margin-top:18px;}
.cbox .tp .p01 .nei dl{ width:100%; display:block; overflow:hidden; padding-bottom:25px;}
.cbox .tp .p01 .nei dl dt{ display:block; margin-top:5px; font-size:18px; line-height:30px; height:30px; color:#008cd7; overflow:hidden;}
.cbox .tp .p01 .nei dl dd{ display:block; font-size:14px; line-height:24px; max-height:48px; overflow:hidden;}
.cbox .tp .p01:hover .nei{ background-color:#fff;}
.cbox .tp .p01 .swiper-button-white{ height:100px; position:absolute; top:50%; margin-top:-50px; z-index:11;}
.cbox .tp .p01 .swiper-button-white img{ height:100%; display:block;}
.cbox .tp .p01 .swiper-button-prev{ left:0;}
.cbox .tp .p01 .swiper-button-next{ right:0;}
.cbox .tp .p02{ width:94%; margin:auto; display:block; margin-top:10px;}
.cbox .tp .p02 .swiper-container{ width:100%; height:230px; position:relative;}
.cbox .tp .p02 .swiper-container .swiper-wrapper{ width:100%; height:230px; position:relative;}
.cbox .tp .p02 .swiper-slide{ display:block; float:left; width:29.33%; overflow:hidden;}
.cbox .tp .p02 .swiper-slide 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;}
.cbox .tp .p02 .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .tp .p02 .swiper-slide a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.cbox .tp .p02 .swiper-slide a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.cbox .tp .p02 .swiper-slide a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.cbox .tp .p02 .swiper-slide a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.cbox .tp .p02 .swiper-slide.swiper-slide-active p{ background-color:rgba(245,245,245,1);}
}
@media only screen and (max-width:768px){
.cbox{ width:100%; background-image:url(../images/cb_42.jpg); background-position:left bottom; background-repeat:repeat-x; padding-bottom:20px;}
.cbox .title{ text-align:center; margin-bottom:10px;}
.cbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.cbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.cbox .title span a{ color:#e22b19;}
#tab{ width:100%; margin:auto;}
#tab .tab_menu{ width:100%; overflow:hidden; display:block;}
#tab .tab_menu li{ width:39.5%; padding:0 3%; margin-left:3%; background-color:#e0e0e0; float:left; display:block; height:36px; border-radius:5px; overflow:hidden;}
#tab .tab_menu li b{ display:block; float:left; font-size:15px; height:36px; line-height:36px;}
#tab .tab_menu li a{ display:block; float:right; font-size:14px; height:36px; line-height:36px;}
#tab .tab_menu li.on{ background-color:#008cd7;}
#tab .tab_menu li.on b,#tab .tab_menu li.on a{ color:#fff;}
#tab .tab_box{ width:94%; margin:auto; margin-top:5px; background-color:#f5f5f5; border-radius:5px; padding:10px 0;}
#tab .tab_box .box{ width:100%; height:48px;}
#tab .tab_box .box a{ display:block; float:left; width:20%; margin-left:4%; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
#tab .tab_box .box a:hover{ color:#008cd7;}

.cbox .tp{ width:100%; margin:auto;}
.cbox .tp .p01{ width:94%; margin:auto; position:relative; margin-top:10px; overflow:hidden;}
.cbox .tp .p01 .swiper-container{ width:100%; position:relative;}
.cbox .tp .p01 .swiper-container .swiper-wrapper{ width:100%; position:relative; z-index:0;}
.cbox .tp .p01 .swiper-slide{ height:310px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cbox .tp .p01 a{ width:90%; padding:15px 5%; display:block; overflow:hidden; position:relative;}
.cbox .tp .p01 .nei{ background-color:rgba(255,255,255,0.67); width:90%; padding:0 5%;}
.cbox .tp .p01 .nei .bt{ height:26px; line-height:26px; font-size:18px; color:#008cd7; padding-top:15px;}
.cbox .tp .p01 .nei .bt b{ display:block; float:right; width:50%; height:2px; background-color:#008cd7; margin-top:12px;}
.cbox .tp .p01 .nei dl{ width:100%; display:block; overflow:hidden; padding-bottom:15px;}
.cbox .tp .p01 .nei dl dt{ display:block; margin-top:5px; font-size:16px; line-height:26px; height:30px; color:#008cd7; overflow:hidden;}
.cbox .tp .p01 .nei dl dd{ display:block; font-size:14px; line-height:20px; max-height:40px; overflow:hidden;}
.cbox .tp .p01:hover .nei{ background-color:#fff;}
.cbox .tp .p01 .swiper-button-white{ height:80px; position:absolute; top:50%; margin-top:-40px; z-index:11;}
.cbox .tp .p01 .swiper-button-white img{ height:100%; display:block;}
.cbox .tp .p01 .swiper-button-prev{ left:0;}
.cbox .tp .p01 .swiper-button-next{ right:0;}
.cbox .tp .p02{ width:94%; margin:auto; display:block; margin-top:10px;}
.cbox .tp .p02 .swiper-container{ width:100%; position:relative;}
.cbox .tp .p02 .swiper-container .swiper-wrapper{ width:100%; position:relative;}
.cbox .tp .p02 .swiper-slide{ display:block; float:left; width:45.5%; overflow:hidden;}
.cbox .tp .p02 .swiper-slide 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;}
.cbox .tp .p02 .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .tp .p02 .swiper-slide a{ width:100%; display:block; overflow:hidden; position:relative;}
.cbox .tp .p02 .swiper-slide a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.cbox .tp .p02 .swiper-slide a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.cbox .tp .p02 .swiper-slide a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.cbox .tp .p02 .swiper-slide.swiper-slide-active p{ background-color:rgba(245,245,245,1);}
}

/*保障*/
@media screen and (min-width:1280px){
.bbox{ width:100%; background-image:url(../images/bz.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.bbox .box{ width:100%; padding-top:65px; padding-bottom:75px; background-color:rgba(0,0,0,0.65);}
.bbox .title{ text-align:center; margin-bottom:10px;}
.bbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.bbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden; color:#fff;}
.bbox .title span a{ color:#fff;}
.bbox .list{ width:1200px; margin:auto;}
.bbox .list ul{ width:1240px; display:block; overflow:hidden;}
.bbox .list ul li{ width:580px; float:left; margin-right:40px; margin-top:35px; overflow:hidden;}
.bbox .list ul li .left{ width:405px; height:280px; float:left;}
.bbox .list ul li .left img{ height: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;}
.bbox .list ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.bbox .list ul li .right{ width:155px; padding-left:20px; position:relative; height:236px; float:left;}
.bbox .list ul li .right span{ display:block; font-size:24px; line-height:34px; line-height:34px; color:#fff; text-align:right;}
.bbox .list ul li .right b{ width:257px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:39px;}
.bbox .list ul li .right strong{ font-weight:normal; margin-top:20px; display:block; font-size:20px; height:30px; line-height:30px; color:#fff;}
.bbox .list ul li .right p{ display:block; font-size:14px; line-height:24px; height:192px; overflow:hidden; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bbox{ width:100%; background-image:url(../images/bz.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.bbox .box{ width:100%; padding-top:30px; padding-bottom:35px; background-color:rgba(0,0,0,0.65);}
.bbox .title{ text-align:center;}
.bbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.bbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#fff;}
.bbox .title span a{ color:#fff;}
.bbox .list{ width:100%; margin:auto;}
.bbox .list ul{ width:100%; display:block; overflow:hidden;}
.bbox .list ul li{ width:45.5%; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.bbox .list ul li .left{ width:60%; height:240px; float:left;}
.bbox .list ul li .left img{ height: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;}
.bbox .list ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.bbox .list ul li .right{ width:35%; padding-left:5%; position:relative; height:200px; float:left;}
.bbox .list ul li .right span{ display:block; font-size:20px; line-height:30px; line-height:30px; color:#fff; text-align:right;}
.bbox .list ul li .right b{ width:120%; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:35px;}
.bbox .list ul li .right strong{ font-weight:normal; margin-top:12px; display:block; font-size:18px; height:30px; line-height:30px; color:#fff;}
.bbox .list ul li .right p{ display:block; font-size:14px; line-height:24px; height:168px; color:#fff;}
}
@media only screen and (max-width:768px){
.bbox{ width:100%; background-image:url(../images/bz.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.bbox .box{ width:100%; padding:25px 0; background-color:rgba(0,0,0,0.65);}
.bbox .title{ text-align:center;}
.bbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.bbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
.bbox .title span a{ color:#fff;}
.bbox .list{ width:100%; margin:auto;}
.bbox .list ul{ width:100%; display:block; overflow:hidden;}
.bbox .list ul li{ width:94%; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.bbox .list ul li .left{ width:100%; float:left;}
.bbox .list ul li .left 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;}
.bbox .list ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.bbox .list ul li .right{ width:100%; position:relative; float:left;}
.bbox .list ul li .right span{ display:block; font-size:20px; margin-top:-34px; line-height:34px; line-height:34px; color:#fff; text-align:right; width:90%; padding:0 5%; background-color:rgba(0,0,0,0.7);}
.bbox .list ul li .right b{ width:100%; display:block; height:3px;}
.bbox .list ul li .right strong{ font-weight:normal; display:block; font-size:18px; height:30px; line-height:30px; color:#fff;}
.bbox .list ul li .right p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
}

/*案例*/
@media screen and (min-width:1280px){
.cabox{ width:100%; padding-top:70px; padding-bottom:75px; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .title{ width:1200px; margin:auto; overflow:hidden;}
.cabox .title span{ display:block; float:left; font-size:28px; height:40px; line-height:40px; color:#e22b19;}
.cabox .title p{ display:block; float:left; font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#666; margin-left:28px;}
.cabox .title a{ width:98px; height:32px; display:block; float:right; margin-top:4px; text-align:center; line-height:30px; height:30px; border-radius:35px; font-size:14px; border:1px solid #ddd; color:#666;}
.cabox .title a:hover{ border-color:#008cd7; color:#008cd7;}
.cabox .line{ width:100%; background-image:url(../images/al_02.jpg); background-position:center; height:3px; margin-top:21px;}
.cabox .swiper-container{ width:1200px; margin:auto; margin-top:48px; position:relative; overflow:hidden; padding:0 22px; z-index:1; height:450px;}
.cabox .left{ position:absolute; left:-8px; bottom:-75px; width:30px; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .right{ position:absolute; right:-8px; bottom:-75px; width:30px; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .swiper-wrapper{ position:relative; z-index:0; height:450px;}
.cabox .swiper-wrapper .swiper-slide{ width:386px; height:450px; overflow:hidden;}
.cabox .swiper-wrapper .swiper-slide a{ width:386px; height:450px; overflow:hidden; display:block; position:relative;}
.cabox .swiper-wrapper .swiper-slide a img{ display:block; height:450px;}
.cabox .swiper-wrapper .swiper-slide .mask{ background-color:rgba(255,255,255,0.9); position:absolute; left:0; bottom:0; height:145px; width:100%; box-sizing:border-box;}
.cabox .swiper-wrapper .swiper-slide .mask .bt{ padding-top:145px; height:0; font-size:18px; position:relative;}
.cabox .swiper-wrapper .swiper-slide a .bt img{ width:auto !important; height:auto !important; max-width:100%; max-height:100%; margin:auto; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cabox .swiper-wrapper .swiper-slide:hover a .bt img{ display:none; margin:0;}
.cabox .swiper-wrapper .swiper-slide:hover .mask{ background-color:rgba(0,0,0,0.7); padding:0 40px; padding-top:19px; height:180px;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff; padding-top:0;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .wen{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.cabox .swiper-button-prev{ width:48px; height:48px; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-next{ width:48px; height:48px; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-prev:hover{ background-color:#008cd7; background-image:url(../images/left01.png);}
.cabox .swiper-button-next:hover{ background-color:#008cd7; background-image:url(../images/right01.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cabox{ width:100%; padding-top:30px; padding-bottom:35px; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .title{ width:94%; margin:auto; overflow:hidden;}
.cabox .title span{ display:block; float:left; font-size:28px; height:40px; line-height:40px; color:#e22b19;}
.cabox .title p{ display:block; float:left; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#666; margin-left:15px;}
.cabox .title a{ width:98px; height:32px; display:block; float:right; margin-top:4px; text-align:center; line-height:30px; height:30px; border-radius:35px; font-size:14px; border:1px solid #ddd; color:#666;}
.cabox .title a:hover{ border-color:#008cd7; color:#008cd7;}
.cabox .line{ width:94%; margin:auto; background-image:url(../images/al.jpg); background-position:left center; height:3px; margin-top:15px;}
.cabox .swiper-container{ width:94%; margin:auto; margin-top:20px; position:relative; overflow:hidden; padding:0 3%; z-index:1; height:450px;}
.cabox .left{ position:absolute; left:0; bottom:-75px; width:3%; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .right{ position:absolute; right:0; bottom:-75px; width:3%; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .swiper-wrapper{ position:relative; z-index:0; height:450px;}
.cabox .swiper-wrapper .swiper-slide{ width:386px; height:450px; overflow:hidden;}
.cabox .swiper-wrapper .swiper-slide a{ width:386px; height:450px; overflow:hidden; display:block; position:relative;}
.cabox .swiper-wrapper .swiper-slide a img{ display:block; height:450px;}
.cabox .swiper-wrapper .swiper-slide .mask{ background-color:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; height:120px; width:100%; box-sizing:border-box;}
.cabox .swiper-wrapper .swiper-slide .mask .bt{ padding-top:120px; height:0; font-size:18px; position:relative;}
.cabox .swiper-wrapper .swiper-slide a .bt img{ width:auto !important; height:auto !important; max-width:100%; max-height:100%; margin:auto; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cabox .swiper-wrapper .swiper-slide:hover a .bt img{ display:none; margin:0;}
.cabox .swiper-wrapper .swiper-slide:hover .mask{ padding:0 40px; background-color:rgba(0,0,0,0.7); padding-top:19px; height:180px; padding:0 20px;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff; padding-top:10px;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .wen{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.cabox .swiper-button-prev{ width:48px; height:48px; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-next{ width:48px; height:48px; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-prev:hover{ background-color:#008cd7; background-image:url(../images/left01.png);}
.cabox .swiper-button-next:hover{ background-color:#008cd7; background-image:url(../images/right01.png);}
}
@media only screen and (max-width:768px){
.cabox{ width:100%; padding:25px 0; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .title{ width:94%; margin:auto; overflow:hidden;}
.cabox .title span{ display:block; float:left; font-size:24px; height:32px; line-height:32px; color:#e22b19;}
.cabox .title p{ display:none;}
.cabox .title a{ width:98px; display:block; float:right; text-align:center; line-height:30px; height:30px; border-radius:35px; font-size:14px; border:1px solid #ddd; color:#666;}
.cabox .title a:hover{ border-color:#008cd7; color:#008cd7;}
.cabox .line{ width:94%; margin:auto; background-image:url(../images/al.jpg); background-position:left center; height:3px; margin-top:10px;}
.cabox .swiper-container{ width:94%; margin:auto; margin-top:15px; position:relative; overflow:hidden; padding:0 3%; z-index:1; height:450px;}
.cabox .left{ position:absolute; left:0; bottom:-75px; width:3%; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .right{ position:absolute; right:0; bottom:-75px; width:3%; height:525px; z-index:11; background-color:#fff; background-image:url(../images/ab_05.jpg); background-position:left bottom; background-repeat:repeat-x;}
.cabox .swiper-wrapper{ position:relative; z-index:0; height:450px;}
.cabox .swiper-wrapper .swiper-slide{ width:386px; height:450px; overflow:hidden;}
.cabox .swiper-wrapper .swiper-slide a{ width:386px; height:450px; overflow:hidden; display:block; position:relative;}
.cabox .swiper-wrapper .swiper-slide a img{ display:block; height:450px;}
.cabox .swiper-wrapper .swiper-slide .mask{ background-color:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; height:80px; width:100%; box-sizing:border-box;}
.cabox .swiper-wrapper .swiper-slide .mask .bt{ padding-top:80px; height:0; font-size:16px; position:relative;}
.cabox .swiper-wrapper .swiper-slide a .bt img{ width:auto !important; height:auto !important; max-width:100%; max-height:100%; margin:auto; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cabox .swiper-wrapper .swiper-slide:hover .mask{ background-color:rgba(0,0,0,0.7); padding-top:19px; height:180px; padding:0 20px;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff; padding-top:10px;}
.cabox .swiper-wrapper .swiper-slide:hover a .bt img{ display:none; margin:0;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .wen{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.cabox .swiper-wrapper .swiper-slide:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.cabox .swiper-button-prev{ width:48px; height:48px; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-next{ width:48px; height:48px; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:152px; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 20px; background-color:#fff; border-radius:70px;}
.cabox .swiper-button-prev:hover{ background-color:#008cd7; background-image:url(../images/left01.png);}
.cabox .swiper-button-next:hover{ background-color:#008cd7; background-image:url(../images/right01.png);}
}

/*流程*/
@media screen and (min-width:1280px){
.lcbox{ width:100%; margin-top:65px; background-image:url(../images/lc_09.jpg); background-position:left center; background-repeat:no-repeat;}
.lcbox .title{ text-align:center; margin-bottom:45px;}
.lcbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.lcbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden;}
.lcbox .title span a{ color:#e22b19;}
.lcbox .box{ width:1200px; position:relative; margin:auto; display:table; vertical-align:middle;}
.lcbox .box .left{ width:275px; overflow:hidden; display:table-cell; vertical-align:middle;}
.lcbox .box .left p{ width:195px; margin-top:20px; padding:20px 40px; height:70px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .left p:first-child{ margin-top:0;}
.lcbox .box .left p:nth-child(2n){ display:none;}
.lcbox .box .right{ width:275px; overflow:hidden; display:table-cell; vertical-align:middle;}
.lcbox .box .right p{ width:195px; margin-top:20px; padding:20px 40px; height:70px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .right p:first-child{ margin-top:0;}
.lcbox .box .right p:nth-child(2n+1){ display:none;}
.lcbox .box em{ width:35px; height:35px; display:table-cell; vertical-align:middle; text-align:center;}
.lcbox .box em .l01{ display:inline-block; vertical-align:middle; height:35px; text-align:center;}
.lcbox .box em .l02{ display:none;}
.lcbox .box p:hover em .l01{ display:none;}
.lcbox .box p:hover em .l02{ display:inline-block;}
.lcbox .box p span{ display:table-cell; font-size:18px; line-height:35px; vertical-align:middle; padding-left:5px;}
.lcbox .box p:hover span{ color:#fff;}
.lcbox .box p:hover{ background-color:#008cd7;}
.lcbox .middle{ width:610px; height:500px; padding:0 20px; display:table-cell; vertical-align:middle;}
.lcbox .middle img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lcbox{ width:100%; margin-top:30px; background-image:url(../images/lc_09.jpg); background-position:left center; background-repeat:no-repeat;}
.lcbox .title{ text-align:center; margin-bottom:20px;}
.lcbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.lcbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.lcbox .title span a{ color:#e22b19;}
.lcbox .box{ width:94%; position:relative; margin:auto; display:table; vertical-align:middle;}
.lcbox .box .left{ width:30%; overflow:hidden; display:table-cell; vertical-align:middle;}
.lcbox .box .left p{ width:90%; margin-top:15px; padding:5px 5%; height:40px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .left p:first-child{ margin-top:0;}
.lcbox .box .left p:nth-child(2n){ display:none;}
.lcbox .box .right{ width:30%; overflow:hidden; display:table-cell; vertical-align:middle;}
.lcbox .box .right p{ width:90%; margin-top:15px; padding:5px 5%; height:40px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .right p:first-child{ margin-top:0;}
.lcbox .box .right p:nth-child(2n+1){ display:none;}
.lcbox .box em{ width:20px; height:20px; display:table-cell; vertical-align:middle; text-align:center;}
.lcbox .box em .l01{ display:inline-block; vertical-align:middle; height:20px; text-align:center;}
.lcbox .box em .l02{ display:none;}
.lcbox .box p:hover em .l01{ display:none;}
.lcbox .box p:hover em .l02{ display:inline-block;}
.lcbox .box p span{ display:table-cell; font-size:14px; line-height:20px; vertical-align:middle; padding-left:5px;}
.lcbox .box p:hover span{ color:#fff;}
.lcbox .box p:hover{ background-color:#008cd7;}
.lcbox .middle{ width:46%; padding:0 2%; display:table-cell; vertical-align:middle;}
.lcbox .middle img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.lcbox{ width:100%; margin-top:25px;}
.lcbox .title{ text-align:center; margin-bottom:10px;}
.lcbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.lcbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.lcbox .title span a{ color:#e22b19;}
.lcbox .box{ width:94%; position:relative; margin:auto; display:table; vertical-align:middle;}
.lcbox .box .left{ width:100%; overflow:hidden; vertical-align:middle;}
.lcbox .box .left p{ width:90%; margin-bottom:10px; padding:5px 5%; height:40px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .left p:nth-child(5){ display:none;}
.lcbox .box .left p:nth-child(6){ display:none;}
.lcbox .box .left p:nth-child(7){ display:none;}
.lcbox .box .left p:nth-child(8){ display:none;}
.lcbox .box .right{ width:100%; overflow:hidden; vertical-align:middle;}
.lcbox .box .right p{ width:90%; margin-top:10px; padding:5px 5%; height:40px; display:table; vertical-align:middle; background-color:#f5f5f5; overflow:hidden;}
.lcbox .box .right p:nth-child(1){ display:none;}
.lcbox .box .right p:nth-child(2){ display:none;}
.lcbox .box .right p:nth-child(3){ display:none;}
.lcbox .box .right p:nth-child(4){ display:none;}
.lcbox .box em{ width:20px; height:20px; display:table-cell; vertical-align:middle; text-align:center;}
.lcbox .box em .l01{ display:inline-block; vertical-align:middle; height:20px; text-align:center;}
.lcbox .box em .l02{ display:none;}
.lcbox .box p:hover em .l01{ display:none;}
.lcbox .box p:hover em .l02{ display:inline-block;}
.lcbox .box p span{ display:table-cell; font-size:14px; line-height:20px; vertical-align:middle; padding-left:5px;}
.lcbox .box p:hover span{ color:#fff;}
.lcbox .box p:hover{ background-color:#008cd7;}
.lcbox .middle{ width:80%; margin:auto; vertical-align:middle;}
.lcbox .middle img{ width:100%; display:block;}
}

/*联系*/
@media screen and (min-width:1280px){
.lxbox{ width:100%; margin-top:65px;}
.lxbox .title{ text-align:center; margin-bottom:45px;}
.lxbox .title p{ display:block; font-size:36px; line-height:56px; color:#e22b19; overflow:hidden;}
.lxbox .title span{ display:block; font-size:18px; line-height:30px; overflow:hidden;}
.lxbox .title span a{ color:#e22b19;}
.lxbox .box{ width:100%; height:518px; position:relative;}
.lxbox .box .left{ width:50%; float:left; height:518px; position:relative; z-index:1;}
.lxbox .box .left .line{ width:510px; padding-right:90px; float:right; height:3px; margin-top:31px;}
.lxbox .box .left .line span{ width:260px; height:3px; display:block; margin:auto; background-color:#008cd7;}
.lxbox .box .left .wen{ width:510px; padding-right:90px; text-align:center; float:right; height:126px; line-height:42px; font-size:20px; color:#666; margin-top:37px;}
.lxbox .box .left .shu{ width:100%; margin-top:55px; background-color:#e0e0e0; height:195px; padding-right:20px; margin-right:-20px; float:right;}
.lxbox .box .left .shu ul{ width:600px; display:block; height:135px; margin-top:60px; float:right;}
.lxbox .box .left .shu ul li{ width:200px; display:block; float:left; text-align:center;}
.lxbox .box .left .shu ul p{ display:block; height:52px; line-height:52px; font-size:16px;}
.lxbox .box .left .shu ul p b{ font-size:36px;}
.lxbox .box .left .shu ul span{ display:block; height:38px; line-height:38px; font-size:16px;}
.lxbox .box #map{ width:50%; height:518px; float:right; overflow:hidden; position:relative; z-index:0;}
.lxbox .box .left:hover .line span{ background-color:#e22b19;}
.lxbox .box .left:hover .wen p{ color:#e22b19;}
.lxbox .box .left .shu ul li:hover p b{ color:#e22b19;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lxbox{ width:100%; margin-top:30px;}
.lxbox .title{ text-align:center; margin-bottom:20px;}
.lxbox .title p{ display:block; font-size:30px; line-height:40px; color:#e22b19; overflow:hidden;}
.lxbox .title span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.lxbox .title span a{ color:#e22b19;}
.lxbox .box{ width:100%; height:400px; position:relative;}
.lxbox .box .left{ width:50%; float:left; height:400px; position:relative; z-index:1;}
.lxbox .box .left .line{ width:90%; margin:auto; height:3px; margin-top:15px;}
.lxbox .box .left .line span{ width:70%; height:3px; display:block; margin:auto; background-color:#008cd7;}
.lxbox .box .left .wen{  width:90%; margin:auto; text-align:center; height:120px; line-height:30px; font-size:18px; color:#666; margin-top:20px;}
.lxbox .box .left .shu{ width:100%; margin-top:25px; background-color:#e0e0e0; padding-right:20px; margin-right:-20px; float:right;}
.lxbox .box .left .shu ul{ width:100%; display:block; padding:30px 0; overflow:hidden;}
.lxbox .box .left .shu ul li{ width:33.33%; display:block; float:left; text-align:center;}
.lxbox .box .left .shu ul p{ display:block; height:52px; line-height:52px; font-size:16px;}
.lxbox .box .left .shu ul p b{ font-size:36px;}
.lxbox .box .left .shu ul span{ display:block; line-height:38px; font-size:16px;}
.lxbox .box #map{ width:50%; height:400px; float:right; overflow:hidden; position:relative; z-index:0;}
.lxbox .box .left:hover .line span{ background-color:#e22b19;}
.lxbox .box .left:hover .wen p{ color:#e22b19;}
.lxbox .box .left .shu ul li:hover p b{ color:#e22b19;}
}
@media only screen and (max-width:768px){
.lxbox{ width:100%; margin-top:25px;}
.lxbox .title{ text-align:center; margin-bottom:10px;}
.lxbox .title p{ display:block; font-size:24px; line-height:30px; color:#e22b19; overflow:hidden;}
.lxbox .title span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.lxbox .title span a{ color:#e22b19;}
.lxbox .box{ width:100%; height:360px; position:relative;}
.lxbox .box .left{ width:60%; float:left; height:360px; position:relative; z-index:1;}
.lxbox .box .left .line{ width:60%; margin:auto; height:3px; margin-top:15px;}
.lxbox .box .left .line span{ width:100%; height:3px; display:block; margin:auto; background-color:#008cd7;}
.lxbox .box .left .wen{  width:90%; margin:auto; text-align:center; height:130px; line-height:26px; font-size:16px; color:#666; margin-top:15px;}
.lxbox .box .left .shu{ width:150%; margin-top:20px; background-color:#e0e0e0; float:right; margin-right:-50%;}
.lxbox .box .left .shu ul{ width:100%; display:block; padding:30px 0; overflow:hidden;}
.lxbox .box .left .shu ul li{ width:33.33%; display:block; float:left; text-align:center;}
.lxbox .box .left .shu ul p{ display:block; height:30px; line-height:30px; font-size:14px;}
.lxbox .box .left .shu ul p b{ font-size:24px;}
.lxbox .box .left .shu ul span{ display:block; line-height:28px; font-size:14px;}
.lxbox .box #map{ width:40%; height:360px; float:right; overflow:hidden; position:relative; z-index:0;}
.lxbox .box .left:hover .line span{ background-color:#e22b19;}
.lxbox .box .left:hover .wen p{ color:#e22b19;}
.lxbox .box .left .shu ul li:hover p b{ color:#e22b19;}
}

/*案例*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:70px; padding-bottom:40px;}
.nbox .title{ width:100%; margin:auto; overflow:hidden; height:64px; background-image:url(../images/al_02.jpg); background-position:bottom center; background-repeat:no-repeat;}
.nbox .title .box{ width:1200px; margin:auto;}
.nbox .title span{ display:block; float:left; font-size:28px; height:40px; line-height:40px; color:#e22b19;}
.nbox .title p{ display:block; float:left; font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#666; margin-left:28px;}
.nbox .title ul{ display:block; float:right; height:64px;}
.nbox .title ul li{ display:block; float:left; height:61px; line-height:40px; font-size:17px;}
.nbox .title ul span{ display:block; float:left; font-size:17px; color:#d2d2d2; margin:0 40px;}
.nbox .title ul li.on{ border-bottom:3px solid #333;}
.nbox .title ul li.on a{color:#e22b19;}
.nbox .tab_box{ width:1200px; margin:auto; margin-top:30px; position:relative; height:306px;}
.nbox .tab_box .box{ width:100%; position:absolute; left:0p; top:0; height:306px; overflow:hidden; z-index:-111; opacity:0;}
.nbox .tab_box .box.cur{ z-index:11; opacity:1;}
.nbox .tab_box .box .swiper-container{ width:370px; height:306px; float:left; overflow:hidden; position:relative;}
.nbox .tab_box .box .swiper-container .swiper-slide{ width:100%; height:306px; overflow:hidden; position:relative;}
.nbox .tab_box .box .swiper-container .swiper-slide a{ width:100%; height:306px; display:block; position:relative; overflow:hidden;}
.nbox .tab_box .box .swiper-container .swiper-slide img{ height:100%; display:block;}
.nbox .tab_box .box .swiper-container .swiper-slide p{ width:100%; padding-left:10px; padding-right:90px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.3);}
.nbox .swiper-button-prev{ width:34px; height:34px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:37px; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-next{ width:34px; height:34px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-prev:hover{ background-color:#008cd7;}
.nbox .swiper-button-next:hover{ background-color:#008cd7;}
.nbox .tab_box .box .right{ display:block; float:left; width:820px;}
.nbox .tab_box .box .right dt{ margin-left:40px; margin-right:10px; width:360px; display:block; float:left; overflow:hidden; margin-bottom:83px;}
.nbox .tab_box .box .right dt a{ display:block; overflow:hidden; height:26px; line-height:26px; font-size:17px; margin-bottom:9px;}
.nbox .tab_box .box .right dt b{ width:65px; height:2px; display:block; margin-bottom:7px; background-color:#008cd7;}
.nbox .tab_box .box .right dt p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.nbox .tab_box .box .right dt:hover a,.nbox .tab_box .box .right dt:hover p{ color:#008cd7;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; padding-top:30px; padding-bottom:15px;}
.nbox .title{ width:94%; margin:auto; overflow:hidden; height:58px; background-image:url(../images/al.jpg); background-position:left bottom; background-repeat:no-repeat;}
.nbox .title span{ display:block; float:left; font-size:28px; height:40px; line-height:40px; color:#e22b19;}
.nbox .title p{ display:block; float:left; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#666; margin-left:15px;}
.nbox .title ul{ display:block; float:right; height:58px;}
.nbox .title ul li{ display:block; float:left; height:55px; line-height:40px; font-size:14px;}
.nbox .title ul span{ display:block; float:left; font-size:14px; color:#d2d2d2; margin:0 10px;}
.nbox .title ul li.on{ border-bottom:3px solid #333;}
.nbox .title ul li.on a{color:#e22b19;}
.nbox .tab_box{ width:100%; margin:auto; margin-top:20px; position:relative; height:260px;}
.nbox .tab_box .box{ width:100%; position:absolute; left:0p; top:0; height:260px; overflow:hidden; z-index:-111; opacity:0;}
.nbox .tab_box .box.cur{ z-index:11; opacity:1;}
.nbox .tab_box .box .swiper-container{ width:40%; height:260px; float:left; overflow:hidden; position:relative; margin-left:3%;}
.nbox .tab_box .box .swiper-container .swiper-slide{ width:100%; height:260px; overflow:hidden; position:relative;}
.nbox .tab_box .box .swiper-container .swiper-slide a{ width:100%; height:260px; display:block; position:relative; overflow:hidden;}
.nbox .tab_box .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.nbox .tab_box .box .swiper-container .swiper-slide p{ width:100%; padding-left:10px; padding-right:90px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.3);}
.nbox .swiper-button-prev{ width:34px; height:34px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:37px; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-next{ width:34px; height:34px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-prev:hover{ background-color:#008cd7;}
.nbox .swiper-button-next:hover{ background-color:#008cd7;}
.nbox .tab_box .box .right{ display:block; float:left; width:57%;}
.nbox .tab_box .box .right dt{ margin-left:5%; width:42%; display:block; float:left; overflow:hidden; margin-bottom:23px;}
.nbox .tab_box .box .right dt a{ display:block; overflow:hidden; height:26px; line-height:26px; font-size:17px; margin-bottom:9px;}
.nbox .tab_box .box .right dt b{ width:65px; height:2px; display:block; margin-bottom:7px; background-color:#008cd7;}
.nbox .tab_box .box .right dt p{ display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#666;}
.nbox .tab_box .box .right dt:hover a,.nbox .tab_box .box .right dt:hover p{ color:#008cd7;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; padding-top:25px;}
.nbox .title{ width:94%; margin:auto; overflow:hidden; height:45px; background-image:url(../images/al.jpg); background-position:left bottom; background-repeat:no-repeat;}
.nbox .title span{ display:block; float:left; font-size:24px; height:32px; line-height:32px; color:#e22b19;}
.nbox .title p{ display:none;}
.nbox .title ul{ display:block; float:right; height:45px;}
.nbox .title ul li{ display:block; float:left; height:42px; line-height:32px; font-size:14px;}
.nbox .title ul span{ display:block; float:left; font-size:14px; color:#d2d2d2; margin:0 5px;}
.nbox .title ul li.on{ border-bottom:3px solid #333;}
.nbox .title ul li.on a{color:#e22b19;}
.nbox .tab_box{ width:100%; margin:auto; margin-top:15px; position:relative; height:520px;}
.nbox .tab_box .box{ width:100%; position:absolute; left:0p; top:0; height:520px; overflow:hidden; z-index:-111; opacity:0;}
.nbox .tab_box .box.cur{ z-index:11; opacity:1;}
.nbox .tab_box .box .swiper-container{ width:94%; height:260px; overflow:hidden; position:relative; margin-left:3%;}
.nbox .tab_box .box .swiper-container .swiper-slide{ width:100%; height:260px; overflow:hidden; position:relative;}
.nbox .tab_box .box .swiper-container .swiper-slide a{ width:100%; height:260px; display:block; position:relative; overflow:hidden;}
.nbox .tab_box .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.nbox .tab_box .box .swiper-container .swiper-slide p{ width:100%; padding-left:10px; padding-right:90px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.3);}
.nbox .swiper-button-prev{ width:34px; height:34px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:37px; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-next{ width:34px; height:34px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0; z-index:13; cursor:pointer; border:1px solid #008cd7; background-size:auto 18px; background-color:rgba(0,0,0,0.7);}
.nbox .swiper-button-prev:hover{ background-color:#008cd7;}
.nbox .swiper-button-next:hover{ background-color:#008cd7;}
.nbox .tab_box .box .right{ display:block; width:100%;}
.nbox .tab_box .box .right dt{ margin-left:3%; width:45.5%; display:block; float:left; overflow:hidden; margin-top:15px;}
.nbox .tab_box .box .right dt a{ display:block; overflow:hidden; height:26px; line-height:26px; font-size:17px; margin-bottom:5px;}
.nbox .tab_box .box .right dt b{ width:65px; height:2px; display:block; margin-bottom:5px; background-color:#008cd7;}
.nbox .tab_box .box .right dt p{ display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#666;}
.nbox .tab_box .box .right dt:hover a,.nbox .tab_box .box .right dt:hover p{ color:#008cd7;}
}

/*友情链接*/
@media screen and (min-width:1280px){
.link{ width:100%; display:block; overflow:hidden;}
.link dt{ width:100%; height:48px; line-height:48px; border-bottom:1px solid #dcdcdc;}
.link dt b{ width:1200px; margin:auto; font-size:16px; display:block;}
.link dd{ width:970px; padding-right:230px; margin:auto; display:block; overflow:hidden;}
.link dd a{ display:block; float:left; height:42px; line-height:42px; font-size:14px; color:#666; margin-right:25px;}
.link dd a:hover{ color:#008cd7;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.link{ width:100%; display:block; overflow:hidden;}
.link dt{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc;}
.link dt b{ width:94%; margin:auto; font-size:16px; display:block;}
.link dd{ width:80%; display:block; padding:9px 3%; padding-right:16%; overflow:hidden;}
.link dd a{ display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#666; margin-right:20px;}
.link dd a:hover{ color:#008cd7;}
}
@media only screen and (max-width:768px){
.link{ width:100%; display:block; overflow:hidden;}
.link dt{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc;}
.link dt b{ width:94%; margin:auto; font-size:16px; display:block;}
.link dd{ width:94%; display:block; padding:9px 3%; overflow:hidden;}
.link dd a{ display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#666; margin-right:10px;}
.link dd a:hover{ color:#008cd7;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; position:relative; height:270px; background-color:#353535;}
.ma{ width:230px; height:350px; background-color:#008cd7; border-top-left-radius:40px; position:absolute; left:50%;  margin-left:370px; bottom:20px;}
.ma h2{ display:block; margin:auto; padding-top:48px; width: 143px;}
.ma p{ width:143px; margin:auto; text-align:center; margin-top: 28px;}
.ma p img{ width:143px; height:143px; display:block;}
.ma p span{ display:block; font-size:14px; color:#fff; line-height:14px; margin-top:15px;}
.sav{ width:100%; height:80px; line-height:80px; border-bottom:1px solid #868686;}
.sav p{ width:970px; padding-right:230px; margin:auto; display:block; overflow:hidden;}
.sav p a{ display:block; float:left; font-size:15px; margin-right:40px; color:#fff;}
.sav p a:hover{ text-decoration:underline;}
.foot{ width:1200px; margin:auto; margin-top:30px;}
.foot .f01{ width:265px; float:left;}
.foot .f01 strong{ display:block; overflow:hidden; height:67px; margin-bottom:5px;}
.foot .f01 strong img{ display:block; height:67px;}
.foot .f01 a{ display:block; height:30px; line-height:30px; font-size:15px; color:#999; overflow:hidden;}
.foot .f02{ width:660px; float:left;}
.foot .f02 li{ margin-left:40px; float:left; display:block; overflow:hidden; padding-left:38px; margin-top:10px; background-position:left top; background-repeat:no-repeat;}
.foot .f02 li span{ display:block; overflow:hidden; color:#fff; font-size:15px; height:26px; line-height:26px;}
.foot .f02 li p{ display:block; overflow:hidden; color:#999; font-size:15px; height:26px; line-height:26px;}
.foot .f01 a,.foot .f02 li:hover p{ color:#fff;}
.db{ display:none;}
.foot .f02 li:nth-child(2n+1){ width:270px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; position:relative; background-color:#353535; height:220px;}
.ma{ width:15%; padding-bottom:1%; background-color:#008cd7; border-top-left-radius:20px; position:absolute; right:3%; bottom:140px;}
.ma h2{ display:block; margin:auto; padding-top:10%; width:80%;}
.ma p{ width:80%; margin:auto; text-align:center; margin-top:5%;}
.ma img{ width:100%; display:block;}
.ma p span{ display:block; font-size:14px; color:#fff; line-height:14px; margin-top:1%;}
.sav{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #868686;}
.sav p{ width: 80%; display: block; padding:0 3%; padding-right: 16%; overflow:hidden;}
.sav p a{ display:block; float:left; font-size:15px; margin-right:20px; color:#fff;}
.sav p a:hover{ text-decoration:underline;}
.foot{ width:94%; margin:auto; margin-top:20px;}
.foot .f01{ width:30%; float:left;}
.foot .f01 strong{ display:block; overflow:hidden; width:100%; margin-bottom:5px;}
.foot .f01 strong img{ display:block; width:100%;}
.foot .f01 a{ display:block; height:24px; line-height:24px; font-size:14px; color:#999; overflow:hidden;}
.foot .f02{ width:70%; float:left;}
.foot .f02 li{ width:45%; margin-left:5%; box-sizing:border-box; float:left; display:block; overflow:hidden; padding-left:38px; margin-top:10px; background-position:left top; background-repeat:no-repeat;}
.foot .f02 li span{ display:block; overflow:hidden; color:#fff; font-size:15px; height:26px; line-height:26px;}
.foot .f02 li p{ display:block; overflow:hidden; color:#999; font-size:14px; height:24px; line-height:24px;}
.foot .f01 a,.foot .f02 li:hover p{ color:#fff;}
.db{ display:none;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; position:relative; background-color:#353535; overflow:hidden;}
.ma{ display:none;}
.sav{ width:100%; line-height:24px; border-bottom:1px solid #868686;}
.sav p{ width:94%; display: block; padding:10px 3%; overflow:hidden;}
.sav p a{ display:block; float:left; font-size:14px; margin-right:10px; color:#fff;}
.sav p a:hover{ text-decoration:underline;}
.foot{ width:100%; margin-top:20px;}
.foot .f01{ width:94%; margin-left:3%; float:left;}
.foot .f01 strong{ display:block; overflow:hidden; width:100%;}
.foot .f01 strong img{ display:block; height:70px; margin:auto;}
.foot .f01 a{ display:block; line-height:24px; font-size:14px; color:#999; overflow:hidden; margin-top:5px; text-align:center;}
.foot .f02{ width:100%; float:left; padding-top:10px;}
.foot .f02 li{ width:45.5%; margin-left:3%; float:left; box-sizing:border-box; display:block; overflow:hidden; padding-left:38px; margin-bottom:10px; background-position:left top; background-repeat:no-repeat;}
.foot .f02 li span{ display:block; overflow:hidden; color:#fff; font-size:15px; height:26px; line-height:26px;}
.foot .f02 li p{ display:block; overflow:hidden; color:#999; font-size:14px; height:24px; line-height:24px;}
.foot .f01 a,.foot .f02 li:hover p{ color:#fff;}
.db{ width:100%; background-color:#008cd7; position:fixed; bottom:0; left:0; display:block; height:50px; z-index:999;}
.db dt{ width:25%; float:left; overflow:hidden; background-image:url(../images/foot.jpg); background-position:left center; background-repeat:no-repeat;}
.db dd{ width:25%; float:left; overflow:hidden; background-image:url(../images/foot.jpg); background-position:left center; background-repeat:no-repeat;}
.db a{ display:block; width:100%; overflow:hidden; font-size:15px; height:50px; line-height:50px; color:#fff; text-align:center; text-transform:uppercase;}
}

/*客服*/
@media screen and (min-width:1280px){
.suspension{ width:74px; position:fixed; right:0; top:30%; z-index:333;}
.suspension-box{ width:74px; position:relative;}
.suspension-box .a{ display:block; width:74px; margin-top:2px; overflow:hidden;}
.suspension-box .a img{ width:100%; display:block;}
.suspension .d{ display:none; width:223px; background:#fff; position:absolute; right:76px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{ position:absolute; width:8px; height:12px; background:url(../images/side_bg_arrow.png) no-repeat; right:-8px; top:31px;}
.suspension .d-service{ top:0;}
.suspension .d-service-phone{ top:0;}
.suspension .d .inner-box{ padding:10px 20px;}
.suspension .d-service-item{ border-bottom:1px solid #eee; overflow:hidden; padding:5px 0;}
.suspension .d-service .d-service-item{ border-bottom:none;}
.suspension .d-service-item .circle{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left;}
.suspension .d-service-item .i-qq{ width:44px; height:44px; background:url(../images/side_con_icon03.png) no-repeat center 15px; display:block; transition:all .2s; border-radius:50%; overflow:hidden;}
.suspension .d-service-item:hover .i-qq{ background-position:center 3px;}
.suspension .d-service-item h3{ float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px;}

.suspension .d-service-item .i-tel{ width:44px; height:44px; background:url(../images/side_con_icon02.png) no-repeat center center; display:block;}
.suspension .d-service-item .text{ float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{ font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{ padding-top:10px; overflow:hidden;}
.suspension .d-service-intro p{ float:left; display:block; line-height:27px; font-size:12px; width:100%; white-space:nowrap; color:#888;}

.suspension .d-qrcode{ top:64px;}
.suspension .qrcode-img{ width:100%; margin-bottom:10px;}
.suspension .qrcode-img img{ width:120px; display:block; margin:auto;}
.suspension .d-qrcode p{ font-size:14px; color:#93959c; display:block; text-align:center;}
.dii{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.suspension{ width:50px; position:fixed; right:0; bottom:10%; z-index:333;}
.suspension-box{ width:50px; position:relative;}
.suspension-box .a{ display:block; width:50px; margin-top:2px; overflow:hidden;}
.suspension-box .a img{ width:100%; display:block;}
.dii{ display:none;}
.suspension .d{ display:none; width:223px; background:#fff; position:absolute; right:60px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{ position:absolute; width:8px; height:12px; background:url(../images/side_bg_arrow.png) no-repeat; right:-8px; top:31px;}
.suspension .d-service{ top:0;}
.suspension .d-service-phone{ top:0;}
.suspension .d .inner-box{ padding:10px;}
.suspension .d-service-item{ border-bottom:1px solid #eee; overflow:hidden; padding:5px 0;}
.suspension .d-service .d-service-item{ border-bottom:none;}
.suspension .d-service-item .circle{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left;}
.suspension .d-service-item .i-qq{ width:44px; height:44px; background:url(../images/side_con_icon03.png) no-repeat center 15px; display:block; transition:all .2s; border-radius:50%; overflow:hidden;}
.suspension .d-service-item:hover .i-qq{ background-position:center 3px;}
.suspension .d-service-item h3{ float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px;}

.suspension .d-service-item .i-tel{ width:44px; height:44px; background:url(../images/side_con_icon02.png) no-repeat center center; display:block;}
.suspension .d-service-item .text{ float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{ font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{ padding-top:10px; overflow:hidden;}
.suspension .d-service-intro p{ float:left; display:block; line-height:27px; font-size:12px; width:100%; white-space:nowrap; color:#888;}

.suspension .d-qrcode{ top:40px;}
.suspension .qrcode-img{ width:100%; margin-bottom:10px;}
.suspension .qrcode-img img{ width:120px; display:block; margin:auto;}
.suspension .d-qrcode p{ font-size:14px; color:#93959c; display:block; text-align:center;}
}

@media only screen and (max-width:768px){
.suspension{ display:none !important;}
.dii{ height:50px;}
}

/*内页*/
@media screen and (min-width:1280px){
.bn{ height:510px !important;}
.ban{ width:100%; height:350px; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ban p{ width:1920px; height:38px; position:absolute; right:50%; margin-right:-960px; bottom:0;}
.ban p b{ height:5px; background-color:#008cd7; width:600px; display:block; float:right; margin-top:33px;}
.ban p span{ height:38px; line-height:38px; font-size:50px; text-transform:uppercase; color:#fff; display:none; float:right;}
.ban img{ display:none;}

.main{ width:1200px; margin:auto; margin-top:-60px; padding-bottom:50px; position:relative; z-index:111;}
.main .lbar{ width:240px; float:left;}
.main .lbar .title{ padding:8px 20px; background-color:#008cd7; height:84px;  display:block; width:200px;}
.main .lbar .title span{ display:block; color:#fff; font-size:30px; height:52px; line-height:52px;}
.main .lbar .title p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase; overflow:hidden;}
.subNavBox{ width:238px; border-left:1px solid #cacaca; border-right:1px solid #cacaca;}
.subNavBox .subNav{ width:238px; height:44px; display:block; position:relative;}
.subNavBox .subNav b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; z-index:0;}
.subNavBox .subNav a{ width:200px; height:44px; line-height:44px; position:absolute; left:0; top:0; z-index:11; font-size:16px; padding:0 19px; overflow:hidden;}
.subNavBox .subNav.on b,.subNavBox .subNav:hover b{ width:100%;}
.subNavBox .subNav.on a,.subNavBox .subNav:hover a{ color:#008cd7;}
.subNavBox .navContent{ width:100%; height:0; overflow:hidden; border-bottom:1px solid #cacaca; display:block; background-color:#f7f7f7;}
.subNavBox .navContent.cur{ height:auto; padding:0 29px;}
.subNavBox .navContent li{ display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox .navContent li a{ display:block; overflow:hidden; width:100%;}
.subNavBox .navContent li.sec a,.subNavBox .navContent li:hover a{ color:#008cd7;}
.subNavBox .navContent li:last-child{ margin-bottom:10px;}
.subNavBox01{ display:none !important;}

.main .lbar .lian{ width:238px; border:1px solid #cacaca; padding:18px 0; margin-top:20px; text-align:center;}
.main .lbar .lian span{ width:100%; height:42px; line-height:42px; font-size:28px; color:#008cd7; display:block; overflow:hidden;}
.main .lbar .lian p{ width:100%; height:32px; line-height:32px; font-size:14px; color:#999; display:block; overflow:hidden; margin-bottom:5px;}
.main .lbar .lian a{ width:130px; height:36px; line-height:36px; background-color:#008cd7; color:#fff; font-size:14px; display:block; margin:8px auto;}

.main .rbar{ margin-top:66px; float:right; width:880px;}
.main .rbar .title{ width:100%; border-bottom:1px solid #cacaca; height:44px;}
.main .rbar .title span{ height:44px; line-height:44px; float:left; display:block; font-size:18px; color:#008cd7;}
.main .rbar .title p{ height:44px; line-height:44px; float:right; text-align:right; display:block; font-size:14px; color:#333;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.bn{ height:auto;}
.ban{ width:100%; position:relative; background-position:center; background-size:100% auto; background-repeat:no-repeat;}
.ban p{ width:100%; height:28px; position:absolute; right:0; bottom:0;}
.ban p b{ height:5px; background-color:#008cd7; width:30%; display:block; float:right; margin-top:23px;}
.ban p span{ height:28px; line-height:28px; font-size:40px; text-transform:uppercase; color:#fff; display:none; float:right;}
.ban img{ width:100%; display:block;}

.main{ width:94%; padding:0 3%; margin-top:-30px; padding-bottom:30px; position:relative; z-index:11;}
.main .lbar{ width:30%; float:left;}
.main .lbar .title{ padding:8px 20px; background-color:#008cd7; height:84px; display:block; width:100%; box-sizing:border-box;}
.main .lbar .title span{ display:block; color:#fff; font-size:24px; height:40px; line-height:40px;}
.main .lbar .title p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase; overflow:hidden;}
.subNavBox{ border-left:1px solid #cacaca; border-right:1px solid #cacaca; width:100%; box-sizing:border-box;}
.subNavBox .subNav{ width:100%; height:44px; display:block; position:relative;}
.subNavBox .subNav b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; z-index:0;}
.subNavBox .subNav a{ height:44px; line-height:44px; position:absolute; left:0; top:0; z-index:11; font-size:16px; padding:0 19px; overflow:hidden; width:100%; box-sizing:border-box;}
.subNavBox .subNav.on b,.subNavBox .subNav:hover b{ width:100%;}
.subNavBox .subNav.on a,.subNavBox .subNav:hover a{ color:#008cd7;}
.subNavBox .navContent{ width:100%; height:0; overflow:hidden; border-bottom:1px solid #cacaca; display:block; background-color:#f7f7f7;}
.subNavBox .navContent.cur{ height:auto; padding:0 29px;}
.subNavBox .navContent li{ display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox .navContent li a{ display:block; overflow:hidden; width:100%;}
.subNavBox .navContent li.sec a,.subNavBox .navContent li:hover a{ color:#008cd7;}
.subNavBox .navContent li:last-child{ margin-bottom:10px;}
.subNavBox01{ display:none !important;}

.main .lbar .lian{ width:100%; border:1px solid #cacaca; padding:18px 0; margin-top:20px; text-align:center; width:100%; box-sizing:border-box;}
.main .lbar .lian span{ width:100%; height:42px; line-height:42px; font-size:28px; color:#008cd7; display:block; overflow:hidden;}
.main .lbar .lian p{ width:100%; height:32px; line-height:32px; font-size:14px; color:#999; display:block; overflow:hidden; margin-bottom:5px;}
.main .lbar .lian a{ width:130px; height:36px; line-height:36px; background-color:#008cd7; color:#fff; font-size:14px; display:block; margin:8px auto;}

.main .rbar{ width:70%; float:right;}
.main .rbar .title{ width:97%; margin-left:3%; border-bottom:1px solid #cacaca; height:44px; margin-top:40px;}
.main .rbar .title span{ height:44px; line-height:44px; float:left; display:block; font-size:18px; color:#008cd7;}
.main .rbar .title p{ height:44px; line-height:44px; float:right; text-align:right; display:block; font-size:14px; color:#333;}
}

@media only screen and (max-width:768px){
.bn{}
.ban{ width:100%; position:relative; background-position:25% 0; background-size:auto 100%; background-repeat:no-repeat;}
.banner .header{ top:0; left:0;}
.ban p{ width:100%; height:18px; position:absolute; right:0%; bottom:0;}
.ban p b{ height:5px; background-color:#008cd7; width:30%; display:block; float:right; margin-top:13px;}
.ban p span{ height:18px; line-height:18px; font-size:24px; text-transform:uppercase; color:#fff; display:none; float:right; margin-right:3px;}
.ban img{ width:100%; display:block;}

.main{ width:100%; padding-bottom:20px; position:relative; z-index:11;}
.main .lbar{ width:100%; position:relative; overflow:visible; z-index:11;}
.main .lbar .title{ padding:0 6%; background-color:#008cd7; display:none; width:100%; box-sizing:border-box;}
.main .lbar .title span{ display:block; color:#fff; font-size:18px; height:40px; line-height:40px;}
.main .lbar .title p{ display:none;}
.subNavBox{ display:none;}
.subNavBox01{ width:100%; position:relative; overflow:visible;}
.subNavBox01.on{ display:block;}
.subNavBox01 .subNav{ width:45.5%; float:left; margin-left:3%; background-color:#f7f7f7; margin-top:10px; height:44px; display:block; position:relative; z-index:0;}
.subNavBox01 .subNav b{ width:0; height:44px; display:block; background-color:#008cd7; position:absolute; left:0; bottom:0; transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; -o-transition: width .5s; z-index:0;}
.subNavBox01 .subNav a{ height:44px; line-height:44px; position:absolute; left:0; top:0; z-index:11; font-size:16px; padding:0 19px; overflow:hidden; width:100%; box-sizing:border-box;}
.subNavBox01 .subNav.on b,.subNavBox01 .subNav:hover b{ width:100%;}
.subNavBox01 .subNav.on a,.subNavBox01 .subNav:hover a{ color:#fff;}
.subNavBox01 .navContent{ width:94%; margin-left:3%; max-height:120px; overflow:auto; display:none !important; background-color:#008cd7;}
.subNavBox01 .navContent.cur{ display:block !important;}
.subNavBox01 .navContent:nth-child(2){ position:absolute; left:0; top:54px; z-index:11;}
.subNavBox01 .navContent:nth-child(4){ position:absolute; left:0; top:54px; z-index:11;}
.subNavBox01 .navContent:nth-child(6){ position:absolute; left:0; top:108px; z-index:11;}
.subNavBox01 .navContent:nth-child(8){ position:absolute; left:0; top:108px; z-index:11;}
.subNavBox01 .navContent li{ padding:0 5%; width:90%; display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox01 .navContent li a{ display:block; overflow:hidden; width:100%; color:#fff;}
.subNavBox01 .navContent li.sec a,.subNavBox .navContent li:hover a{ color:#e8cf00;}

.main .lbar .lian{ display:none;}

.main .rbar{ width:100%; z-index:0;}
.main .rbar .title{ width:94%; margin:auto; text-align:center; margin-top:10px;}
.main .rbar .title span{ height:34px; line-height:34px; display:inline-block; border-bottom:2px solid #008cd7; font-size:18px; color:#008cd7; text-align:center;}
.main .rbar .title p{ display:none;}
}

/*案例*/
@media screen and (min-width:1280px){
.rbar .case{ width:100%; display:block;}
.rbar .case li{ width:100%; display:block; padding-bottom:20px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .case li .bt{ display:block; height:58px; line-height:58px; font-size:18px; width:100%;}
.rbar .case li .bt span{ display:block; float:left; color:#008cd7;}
.rbar .case li .tu{ width:130px; height:160px; float:left;}
.rbar .case li .tu img{ height:160px; display:block;}
.rbar .case li .wz{ width:730px; margin-left:20px; float:left;}
.rbar .case li .wz p{ width:100%; font-size:14px; line-height:24px; height:120px; display:block; overflow:hidden;}
.rbar .case li .wz span{ width:100%; padding-top:10px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .case li .wz span strong{ display:block; float:left; font-weight:normal; padding-left:30px; background-image:url(../images/time.jpg); background-position:left center; background-repeat:no-repeat; color:#999;}
.rbar .case li .wz span a{ display:block; float:right; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .case li a:hover{ color:#008cd7 !important;}

.fanye{ width:100%; margin-top:20px; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#008cd7; border:1px solid #008cd7; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
.rbar .case{ width:97%; margin-left:3%; display:block;}
.rbar .case li{ width:100%; display:block; padding-bottom:15px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .case li .bt{ display:block; height:42px; line-height:42px; font-size:16px; width:100%;}
.rbar .case li .bt span{ display:block; float:left; color:#008cd7;}
.rbar .case li .tu{ width:25%; height:150px; float:left;}
.rbar .case li .tu img{ height:100%; display:block;}
.rbar .case li .wz{ width:72%; margin-left:3%; float:left;}
.rbar .case li .wz p{ width:100%; font-size:14px; line-height:24px; height:120px; display:block; overflow:hidden;}
.rbar .case li .wz span{ width:100%; padding-top:10px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .case li .wz span strong{ display:block; float:left; font-weight:normal; padding-left:30px; background-image:url(../images/time.jpg); background-position:left center; background-repeat:no-repeat; color:#999;}
.rbar .case li .wz span a{ display:block; float:right; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .case li a:hover{ color:#008cd7 !important;}

.fanye{ width:97%; margin-left:3%; margin-top:15px; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; font-size:16px; height:36px; line-height:36px; color:#333;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#008cd7; border:1px solid #008cd7; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}

@media only screen and (max-width: 768px) {
.rbar .case{ width:94%; margin:auto; display:block;}
.rbar .case li{ width:100%; display:block; padding-bottom:15px; border-bottom:1px solid #cacaca; overflow:hidden;}
.rbar .case li .bt{ display:block; height:42px; line-height:42px; font-size:16px; width:100%;}
.rbar .case li .bt span{ display:block; float:left; color:#008cd7;}
.rbar .case li .tu{ width:25%; height:80px; float:left;}
.rbar .case li .tu img{ height:100%; display:block;}
.rbar .case li .wz{ width:72%; margin-left:3%; float:left;}
.rbar .case li .wz p{ width:100%; font-size:14px; line-height:24px; height:48px; display:block; overflow:hidden;}
.rbar .case li .wz span{ width:100%; padding-top:5px; font-size:14px; line-height:20px; height:20px; display:block; overflow:hidden;}
.rbar .case li .wz span strong{ display:none;}
.rbar .case li .wz span a{ display:block; float:left; text-decoration:underline; color:#999; text-transform:uppercase;}
.rbar .case li a:hover{ color:#008cd7 !important;}

.fanye{ width:94%; margin:auto; margin-top:10px; display:table; vertical-align:middle;}
.fanye h1{ display:none;}
.fanye h2{ display:none;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:14px; padding:0 5px; line-height:24px; font-size:14px; text-align:center; margin:0 3px; background:#008cd7; border:1px solid #008cd7; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:14px; padding:0 5px; line-height:24px; font-size:14px; text-align:center; margin:0 3px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}

/*案例内页*/
@media screen and (min-width:1280px){
.main .wenzi{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenzi img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .wenzi{ width:97%; margin-left:3%; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenzi img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.main .wenzi{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:15px;}
.main .wenzi img{ max-width:100%; height:auto;}
}

@media screen and (min-width:1280px){
.main .wenzi .toub{ font-size:24px; text-align:center; margin-top:20px; line-height:28px;}
.main .wenzi .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .wenzi .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .wenzi .wen img{ max-width:100%; height:auto;}
.main .wenzi .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px;}
.main .wenzi .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .wenzi .back p span{ display:block; height:24px; overflow:hidden;}
.main .wenzi .back p span a:hover{ color:#008cd7;}
.main .wenzi .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .wenzi .back strong a:hover{ color:#008cd7;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .wenzi .toub{ font-size:18px; text-align:center; margin-top:15px; line-height:26px;}
.main .wenzi .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .wenzi .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.main .wenzi .wen img{ max-width:100%; height:auto;}
.main .wenzi .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:15px;}
.main .wenzi .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .wenzi .back p span{ display:block; height:24px; overflow:hidden;}
.main .wenzi .back p span a:hover{ color:#008cd7;}
.main .wenzi .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .wenzi .back strong a:hover{ color:#008cd7;}

}

@media only screen and (max-width:768px){
.main .wenzi .toub{ font-size:16px; text-align:center; margin-top:10px; line-height:20px;}
.main .wenzi .time{ padding:5px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .wenzi .wen{ width:100%; margin:10px auto; font-size:14px; line-height:24px;}
.main .wenzi .wen img{ max-width:100%; height:auto;}
.main .wenzi .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:10px;}
.main .wenzi .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .wenzi .back p span{ display:block; height:24px; overflow:hidden;}
.main .wenzi .back p span a:hover{ color:#008cd7;}
.main .wenzi .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .wenzi .back strong a:hover{ color:#008cd7;}
}

/*新闻*/
@media screen and (min-width:1280px){
.main .news{ width:880px; display:block; overflow:hidden;}
.main .news dd{ width:100%; margin-top:20px; display:block; float:left; position:relative; overflow:hidden;}
.main .news dd .left{ width:300px; height:248px; float:left;}
.main .news dd .left img{ height:100%; display:block;}
.main .news dd .right{ width:550px; float:right;}
.main .news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news dd .right:hover .bt a{ color:#008cd7;}
.main .news dd .right .wen{ width:100%; height:168px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news dd .right .shi{ width:100%; height:22px;}
.main .news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news dd .right:hover .shi b{ background-color:#008cd7;}
.main .news dd .right:hover .shi span{ color:#008cd7;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .news{ width:100%; display:block; overflow:hidden;}
.main .news dd{ width:97%; margin-top:20px; margin-left:3%; display:block; float:left; position:relative; overflow:hidden;}
.main .news dd .left{ width:30%; height:180px; float:left;}
.main .news dd .left img{ height:100%; display:block;}
.main .news dd .right{ width:67%; float:right;}
.main .news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news dd .right:hover .bt a{ color:#008cd7;}
.main .news dd .right .wen{ width:100%; height:120px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news dd .right .shi{ width:100%; height:22px;}
.main .news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news dd .right:hover .shi b{ background-color:#008cd7;}
.main .news dd .right:hover .shi span{ color:#008cd7;}
}
@media only screen and (max-width:768px){
.main .news{ width:100%; display:block; overflow:hidden;}
.main .news dd{ width:94%; margin-top:10px; margin-left:3%; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.main .news dd .left{ width:30%; height:110px; float:left;}
.main .news dd .left img{ height:100%; display:block;}
.main .news dd .right{ width:67%; height:110px; float:right;}
.main .news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news dd .right:hover .bt a{ color:#008cd7;}
.main .news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news dd .right .shi{ width:100%; height:22px;}
.main .news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news dd .right:hover .shi b{ background-color:#008cd7;}
.main .news dd .right:hover .shi span{ color:#008cd7;}
}

/*公司*/
@media screen and (min-width:1281px){
.rbar .wenn{ width:100%; padding-top:20px; font-size:14px; line-height:24px;}
.rbar .wenn img{ max-width:100%; height:auto;}
}

@media screen and (min-width: 769px) and (max-width: 1280px){
.rbar .wenn{ width:97%; margin-left:3%; padding-top:10px; font-size:14px; line-height:24px;}
.rbar .wenn img{ max-width:100%; height:auto;}
}

@media only screen and (max-width: 768px) {
.rbar .wenn{ width:94%; margin:auto; padding-top:10px; font-size:14px; line-height:24px;}
.rbar .wenn img{ max-width:100%; height:auto;}
}


@media screen and (min-width:1280px){
.issues{ width:100%; display:block; margin:auto; margin-top:20px;}
.issues li{ width:100%; overflow:hidden; display:block;}
.issues li .left{ float:left; border-right:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .left h5{ background:url(../images/icon_pointoftime.png) 58.5px 0 no-repeat; background-size:contain; text-align:left; padding-right:30px; font-size:14px; position:absolute; right:-11px; z-index:0;}
.issues li .left .textArea{  display:block; margin:40px 10px; margin-left:0; margin-top:30px; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:12px; border-top-right-radius:0; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
.issues li .right{ float:right; border-left:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .right h5{ background:url(../images/icon_pointoftime.png) no-repeat; background-size:contain; text-align:left; padding-left:30px; font-size:14px; position:absolute; left:-11px; z-index:0;}
.issues li .right .textArea{ display:block;  margin:40px 10px; margin-right:0; margin-top:30px; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:0; border-top-right-radius:12px; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.issues{ width:97%; display:block; margin-left:3%; margin-top:20px;}
.issues li{ width:100%; overflow:hidden; display:block;}
.issues li .left{ float:left; border-right:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .left h5{ background:url(../images/icon_pointoftime.png) 58.5px 0 no-repeat; background-size:contain; text-align:left; padding-right:30px; font-size:14px; position:absolute; right:-11px; z-index:0;}
.issues li .left .textArea{  display:block; margin:40px 10px; margin-left:0; margin-top:30px; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:12px; border-top-right-radius:0; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
.issues li .right{ float:right; border-left:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .right h5{ background:url(../images/icon_pointoftime.png) no-repeat; background-size:contain; text-align:left; padding-left:30px; font-size:14px; position:absolute; left:-11px; z-index:0;}
.issues li .right .textArea{ display:block;  margin:40px 10px; margin-right:0; margin-top:30px; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:0; border-top-right-radius:12px; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
}

@media only screen and (max-width:768px){
.issues{ width:94%; display:block; margin:auto; margin-top:15px;}
.issues li{ width:100%; overflow:hidden; display:block;}
.issues li .left{ float:left; border-right:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .left h5{ background:url(../images/icon_pointoftime.png) 58.5px 0 no-repeat; background-size:contain; text-align:left; padding-right:30px; font-size:14px; position:absolute; right:-9px; z-index:0;}
.issues li .left .textArea{  display:block; margin:30px 10px; margin-left:0; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:12px; border-top-right-radius:0; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
.issues li .right{ float:right; border-left:1px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; position:relative;}
.issues li .right h5{ background:url(../images/icon_pointoftime.png) no-repeat; background-size:contain; text-align:left; padding-left:30px; font-size:14px; position:absolute; left:-11px; z-index:0;}
.issues li .right .textArea{ display:block;  margin:30px 10px; margin-right:0; padding:10px; background:#008cd7; color:#fff; border-top-left-radius:0; border-top-right-radius:12px; border-bottom-right-radius:12px; border-bottom-left-radius:12px; font-size:14px; line-height:24px;}
}

/*荣誉*/
@media screen and (min-width:1280px){
.main .honor{ width:900px; display:block; overflow:hidden;}
.main .honor dd{ width:278px; border:1px solid #cacaca; height:398px; display:block; float:left; margin-top:20px; margin-right:20px; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:398px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:398px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; margin:auto; height:398px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ width:94%; margin:10px auto; display:block; font-weight:normal; font-size:14px; color:#fff; line-height:24px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(0,140,215,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

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

@media screen and (min-width:769px) and (max-width:1279px){
.main .honor{ width:100%; display:block; overflow:hidden;}
.main .honor dd{ width:45.5%; box-sizing:border-box; border:1px solid #cacaca; height:308px; display:block; float:left; margin-top:20px; margin-left:3%; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:308px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:308px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:308px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ width:94%; margin:10px auto; display:block; font-weight:normal; font-size:14px; color:#fff; line-height:24px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(0,140,215,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

.main .fanye{ text-align:center; font-size:14px; margin-top:20px;}
.main .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.main .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#e62129; border-radius:3px; display:inline-block;}
}

@media only screen and (max-width:768px){
.main .honor{ width:100%; display:block; overflow:hidden; margin-top:5px;}
.main .honor dd{ width:45.5%; box-sizing:border-box; border:1px solid #cacaca; height:208px; display:block; float:left; margin-top:10px; margin-left:3%; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:208px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:208px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:208px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ width:94%; margin:10px auto; display:block; font-weight:normal; font-size:14px; color:#fff; line-height:24px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(0,140,215,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

.main .fanye{ text-align:center; font-size:14px; margin-top:10px;}
.main .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.main .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#e62129; border-radius:3px; display:inline-block;}
}

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

@media screen and (min-width:769px) and (max-width:1279px){
.box02{ margin-left:3%; margin-top:20px; width:97%;}
#map{ width:100%; height:300px; overflow:hidden; float:left;}
.box02 .right01{ width:100%; margin-top:20px; float:right;}
.box02 .right01 h2{ display:block; font-size:22px; color:#008cd7; margin-bottom:5px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:30px;}
}

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

/*在线留言*/
@media screen and (min-width:1280px){
.main .mess{ width:662px; overflow:hidden; margin:auto; margin-top:30px;}
.main .mess .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; width:660px; margin-bottom:20px;}
.main .mess .m01 strong{ display:block; float:left; height:42px;}
.main .mess .m01 span{ display:block; width:38px; height:42px; line-height:42px; font-size:14px; color:#666; float:left;}
.main .mess .m01 input{ width:570px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.main .mess .m02{ width:100%; display:block;}
.main .mess .m02 textarea{ width:632px; padding-top:8px; line-height:24px; font-size:14px; padding:0 14px; border:1px solid #cacaca; border-bottom:none; height:120px; display:block; background-color:#fff;}
.main .mess .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .mess{ width:97%; overflow:hidden; margin-left:3%; margin-top:20px; max-width:460px;}
.main .mess .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; width:100%; box-sizing:border-box; margin-bottom:10px; position:relative;}
.main .mess .m01 strong{ display:block; float:left; height:40px; position:absolute; left:0; top:0;}
.main .mess .m01 strong img{ height:40px;}
.main .mess .m01 span{ display:block; width:40px; height:40px; line-height:40px; font-size:14px; color:#666; float:left; position:absolute; left:40px; top:0;}
.main .mess .m01 input{ width:100%; text-indent:90px; display:block; float:left; height:40px; line-height:40px; font-size:14px;}
.main .mess .m02{ width:100%; display:block;}
.main .mess .m02 textarea{ width:100%; box-sizing:border-box; line-height:24px; font-size:14px; padding:0 14px; padding-top:8px; border:1px solid #cacaca; border-bottom:none; height:128px; display:block; background-color:#fff;}
.main .mess .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}
}

@media only screen and (max-width:768px){
.main .mess{ width:94%; overflow:hidden; margin:auto; margin-top:15px;}
.main .mess .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; width:100%; box-sizing:border-box; margin-bottom:10px; position:relative;}
.main .mess .m01 strong{ display:block; float:left; height:40px; position:absolute; left:0; top:0;}
.main .mess .m01 strong img{ height:40px;}
.main .mess .m01 span{ display:block; width:40px; height:40px; line-height:40px; font-size:14px; color:#666; float:left; position:absolute; left:40px; top:0;}
.main .mess .m01 input{ width:100%; text-indent:90px; display:block; float:left; height:40px; line-height:40px; font-size:14px;}
.main .mess .m02{ width:100%; display:block;}
.main .mess .m02 textarea{ width:100%; box-sizing:border-box; line-height:24px; font-size:14px; padding:0 14px; padding-top:8px; border:1px solid #cacaca; border-bottom:none; height:128px; display:block; background-color:#fff;}
.main .mess .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}
}

/*产品*/
@media screen and (min-width:1280px){
.main .pro{ width:900px; display:block;}
.main .pro li{ display:block; float:left; margin-right:20px; margin-top:20px; width:280px; height:230px; overflow:hidden;}
.main .pro li img{ height: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;}
.main .pro li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro li a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.main .pro li a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.main .pro li a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.main .pro li a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.main .pro li:hover p{ background-color:rgba(245,245,245,1);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .pro{ width:100%; display:block;}
.main .pro li{ display:block; float:left; margin-left:3%; width:47%; margin-top:15px; height:230px; overflow:hidden;}
.main .pro li img{ height: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;}
.main .pro li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro li a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.main .pro li a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.main .pro li a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.main .pro li a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.main .pro li:hover p{ background-color:rgba(245,245,245,1);}
}
@media only screen and (max-width:768px){
.main .pro{ width:100%; display:block;}
.main .pro li{ display:block; float:left; margin-left:3%; width:45.5%; margin-top:10px; height:160px; overflow:hidden;}
.main .pro li img{ height: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;}
.main .pro li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro li a{ width:100%; height:160px; display:block; overflow:hidden; position:relative;}
.main .pro li a p{ display:block; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; height:60px; background-color:rgba(245,245,245,0.95);}
.main .pro li a p span{ display:block; overflow:hidden; font-size:15px; height:20px; line-height:20px;}
.main .pro li a p b{ display:block; overflow:hidden; font-size:13px; height:20px; line-height:20px; color:#666; font-weight:normal;}
.main .pro li:hover p{ background-color:rgba(245,245,245,1);}
}

/*产品内页*/
@media screen and (min-width:1280px){
.tb01{ width:1200px; margin:20px auto;}
.tb01 p{ display:block; float:right; height:30px; width:210px; overflow:hidden;}
.tb01 p span{ display:block; padding:0 10px; background-color:#f2f2f2; float:left; height:30px; width:160px;}
.tb01 p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:14px; background-color:#f2f2f2;}
.tb01 p a{ display:block; float:left; height:30px; width:30px;}
.tb01 p a input{ width:100%; display:block; height:30px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#008cd7; background-size:16px 16px; cursor:pointer;}	
.tb01 ul{ display:block; float:left; height:32px; line-height:32px; font-size:14px;}
.tb01 ul span{ color:#008cd7;}

.chan{ width:100%;}
.cl{ width:540px; height:446px; float:left; border:1px solid #cacaca;} 
.cl .swiper-container{ width:100%; height:446px; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.cl .swiper-pagination{ width:60px; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; background-color:rgba(0,0,0,0.7); padding:5px 0; text-align:center; color:#fff; border-radius:30px;}
.cl .swiper-button-next{ width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-prev{ width:40px; height:40px; position:absolute; left:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-next img,.cl .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}
.cr{ width:610px; float:right;}
.cr .tou{ font-size:24px; color:#008cd7; margin-bottom:15px;}
.cr .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:336px;}
.cr .xx{ border-top:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.cr .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.cr .cr03{ height:50px; padding-left:50px; position:relative; background-image:url(../images/tel_06.jpg);  background-size:40px auto; background-position:left center; background-repeat:no-repeat;}
.cr .cr03 span{ display:block; font-size:14px; line-height:24px;}
.cr .cr03 p{ display:block; font-size:22px; line-height:24px; color:#008cd7;}
.cr .cr03 p a{ color:#008cd7; display:block;}
.cr .cr03 .pc{ position:absolute; right:0; top:5px; width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:40px; line-height:40px; overflow:hidden;}
.cr .cr03 .mo{ display:none;}

.xbox{ width:100%; margin-top:20px;}
.xbox .tab_menu{ display:block; overflow:hidden; height:50px; border-bottom:1px solid #eee; width:100%;}
.xbox .tab_menu li{ display:block; float:left; width:160px; line-height:50px; height:50px; text-align:center;}
.xbox .tab_menu li a{ display:block; font-size:16px; cursor:pointer;}
.xbox .tab_menu li:hover a{ color:#008cd7;}
.xbox .tab_menu li.on a{ color:#fff; background-color:#008cd7;}
.xbox .wen{ margin-bottom:50px;}
.xbox .box{ width:100%; margin-top:20px; font-size:14px; line-height:24px;}
.xbox .box img{ width:100%; height:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.tb01{ width:100%; margin:15px auto;}
.tb01 p{ display:block; float:right; height:32px; width:182px; overflow:hidden;}
.tb01 p span{ display:block; padding:0 10px; background-color:#f2f2f2; float:left; height:32px; width:130px;}
.tb01 p span input{ width:100%; display:block; height:32px; line-height:32px; font-size:14px; background-color:#f2f2f2;}
.tb01 p a{ display:block; float:left; height:32px; width:32px;}
.tb01 p a input{ width:100%; display:block; height:32px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#008cd7; background-size:16px 16px; cursor:pointer;}
.tb01 ul{ display:block; float:left; height:32px; line-height:32px; font-size:14px;}
.tb01 ul span{ color:#008cd7;}

.chan{ width:100%;}
.cl{ width:50%; height:340px; float:left;} 
.cl .swiper-container{ width:100%; height:340px; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11;}
.cl .swiper-button-next{ width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-prev{ width:40px; height:40px; position:absolute; left:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-next img,.cl .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}
.cr{ width:47%; height:342px; float:right;}
.cr .tou{ font-size:22px; color:#008cd7; margin-bottom:10px;}
.cr .wen{ font-size:14px; line-height:24px; margin-bottom:10px; height:240px;}
.cr .xx{ border-top:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.cr .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.cr .cr03{ height:50px; padding-left:50px; position:relative; background-image:url(../images/tel_06.jpg);  background-size:40px auto; background-position:left center; background-repeat:no-repeat;}
.cr .cr03 span{ display:block; font-size:14px; line-height:24px;}
.cr .cr03 p{ display:block; font-size:22px; line-height:24px; color:#008cd7;}
.cr .cr03 p a{ color:#008cd7; display:block;}
.cr .cr03 .pc{ position:absolute; right:0; top:5px; width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:40px; line-height:40px; overflow:hidden;}
.cr .cr03 .mo{ display:none;}

.xbox{ width:100%; margin-top:20px;}
.xbox .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.xbox .tab_menu li{ display:block; float:left; width:140px; line-height:40px; height:40px; text-align:center;}
.xbox .tab_menu li a{ display:block; font-size:16px; cursor:pointer;}
.xbox .tab_menu li:hover a{ color:#008cd7;}
.xbox .tab_menu li.on a{ color:#fff; background-color:#008cd7;}
.xbox .wen{ margin-bottom:50px;}
.xbox .box{ width:100%; margin-top:15px; font-size:14px; line-height:24px;}
.xbox .box img{ width:100%; height:auto;}
}

@media only screen and (max-width:768px){
.tb01{ width:100%; margin:15px auto;}
.tb01 p{ display:block; float:right; height:30px; width:210px; overflow:hidden;}
.tb01 p span{ display:block; padding:0 10px; background-color:#f2f2f2; float:left; height:30px; width:160px;}
.tb01 p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:14px; background-color:#f2f2f2;}
.tb01 p a{ display:block; float:left; height:30px; width:30px;}
.tb01 p a input{ width:100%; display:block; height:30px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#008cd7; background-size:16px 16px; cursor:pointer;}	
.tb01 ul{ display:none;}

.chan{ width:100%;}
.cl{ width:100%; height:240px; float:left;} 
.cl .swiper-container{ width:100%; height:240px; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11;}
.cl .swiper-button-next{ width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-prev{ width:40px; height:40px; position:absolute; left:10px; top:50%; margin-top:-10px; z-index:11; background-color:#e5f2ff; border-radius:50px;}
.cl .swiper-button-next img,.cl .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}
.cr{ width:100%; float:right; padding-top:5px;}
.cr .tou{ font-size:18px; color:#008cd7; margin:10px auto;}
.cr .wen{ font-size:14px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; line-height:50px; font-size:14px; margin-bottom:10px;}
.cr .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.cr .cr03{ height:50px; padding-left:50px; position:relative; background-image:url(../images/tel_06.jpg);  background-size:40px auto; background-position:left center; background-repeat:no-repeat;}
.cr .cr03 span{ display:block; font-size:14px; line-height:24px;}
.cr .cr03 p{ display:block; font-size:22px; line-height:24px; color:#008cd7;}
.cr .cr03 p a{ display:block; color:#008cd7;}
.cr .cr03 .pc{ position:absolute; right:0; top:8px; width:100px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:34px; line-height:34px; overflow:hidden;}
.cr .cr03 .mo{ display:none;}

.xbox{ width:100%; margin-top:15px;}
.xbox .tab_menu{ display:block; overflow:hidden; height:30px; border-bottom:1px solid #eee; width:100%;}
.xbox .tab_menu li{ width:20%; overflow:hidden; display:block; float:left; line-height:30px; height:30px; text-align:center;}
.xbox .tab_menu li a{ display:block; font-size:14px; cursor:pointer;}
.xbox .tab_menu li:hover a{ color:#008cd7;}
.xbox .tab_menu li.on a{ color:#fff; background-color:#008cd7;}
.xbox .wen{ margin-bottom:20px;}
.xbox .box{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.xbox .box img{ width:100%; height:auto;}
}

/*01*/
@media screen and (min-width:1280px){
.section01{ width:1200px; margin:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.section01{ width:94%; margin:auto;}
}

@media only screen and (max-width:768px){
.section01{ width:94%; margin:auto;}
}

/*02*/
@media screen and (min-width:1280px){
.section02{ width:100%; margin:auto;}
.section02 .tb01{ width:100%; background-color:#f4f4f4; height:32px; margin:0; padding:15px 0;}
.section02 .tb01 .box{ width:1200px; margin:auto;}
.section02 .tb01 p span{ background-color:#fff;}
.section02 .tb01 p span input{ background-color:#fff;}
.section02 .chan{ width:1200px; margin:auto; margin-top:30px;}
.section02 .xbox{ width:1200px; margin:auto; margin-top:20px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.section02{ width:100%; margin:auto;}
.section02 .tb01{ width:100%; background-color:#f4f4f4; height:32px; margin:0; padding:15px 0;}
.section02 .tb01 .box{ width:94%; margin:auto;}
.section02 .tb01 p span{ background-color:#fff;}
.section02 .tb01 p span input{ background-color:#fff;}
.section02 .chan{ width:94%; margin:auto; margin-top:25px;}
.section02 .xbox{ width:94%; margin:auto; margin-top:15px;}
}

@media only screen and (max-width:768px){
.section02{ width:100%; margin:auto;}
.section02 .tb01{ width:100%; background-color:#f4f4f4; height:30px; margin:0; padding:10px 0;}
.section02 .tb01 .box{ width:94%; margin:auto;}
.section02 .tb01 p span{ background-color:#fff;}
.section02 .tb01 p span input{ background-color:#fff;}
.section02 .chan{ width:94%; margin:auto; margin-top:20px;}
.section02 .xbox{ width:94%; margin:auto; margin-top:15px;}
}

/*03*/
@media screen and (min-width:1280px){
.section01 .title{ width:100%; line-height:36px; font-size:20px; border-bottom:1px solid #e5e5e5; display:block; color:#008cd7; overflow:hidden; margin:30px auto;}
.section01 .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#008cd7; margin-top:18px;}
.section01 .title span{ color:#008cd7; display:block; float:left; padding-top:10px;}
.section01 .title strong{ display:block; float:right; font-size:14px; line-height:36px; color:#999; font-weight:normal; padding-top:10px;}
.section01 .title strong a{ color:#999;}
.section01 .title strong a:hover{ color:#008cd7;}
.section01 .title p{ line-height:46px; font-size:36px; display:block; float:left; color:#ccc; margin-left:20px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.section01 .title{ width:100%; margin-bottom:20px; line-height:36px; font-size:20px; border-bottom:1px solid #e5e5e5; display:block; color:#008cd7; overflow:hidden;}
.section01 .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#008cd7; margin-top:18px;}
.section01 .title span{ color:#008cd7; display:block; float:left; padding-top:10px;}
.section01 .title strong{ display:block; float:right; font-size:14px; line-height:36px; color:#999; font-weight:normal; padding-top:10px;}
.section01 .title strong a{ color:#999;}
.section01 .title strong a:hover{ color:#008cd7;}
.section01 .title p{ line-height:50px; font-size:32px; display:block; float:left; color:#ccc; margin-left:10px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
}

@media only screen and (max-width:768px){
.section01 .title{ width:100%; margin-bottom:15px; line-height:36px; font-size:18px; border-bottom:1px solid #e5e5e5; display:block; color:#008cd7; overflow:hidden;}
.section01 .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#008cd7; margin-top:18px;}
.section01 .title span{ color:#008cd7; display:block; float:left; padding-top:10px;}
.section01 .title strong{ display:none;}
.section01 .title p{ line-height:52px; font-size:30px; display:block; float:left; color:#ccc; margin-left:5px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
}

/*03*/
@media screen and (min-width:1280px){
.xbox .tab_menu.ta01{ height:auto;}
.xbox .tab_menu.ta01 li{ border-bottom:2px solid #fff;}
.xbox .tab_menu.ta01 li.on{ border-bottom:2px solid #008cd7;}
.xbox .tab_menu.ta01 li.on a{ background-color:#fff; color:#008cd7;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.xbox .tab_menu.ta01{ height:auto;}
.xbox .tab_menu.ta01 li{ border-bottom:2px solid #fff;}
.xbox .tab_menu.ta01 li.on{ border-bottom:2px solid #008cd7;}
.xbox .tab_menu.ta01 li.on a{ background-color:#fff; color:#008cd7;}
}

@media only screen and (max-width:768px){
.xbox .tab_menu.ta01{ height:auto;}
.xbox .tab_menu.ta01 li{ border-bottom:2px solid #fff;}
.xbox .tab_menu.ta01 li.on{ border-bottom:2px solid #008cd7;}
.xbox .tab_menu.ta01 li.on a{ background-color:#fff; color:#008cd7;}
}

/*05-08*/
@media screen and (min-width:1280px){
.x01{ width:100%; margin-top:25px;}
.x01 .bt{ border-left:5px solid #008cd7; height:20px; line-height:20px; font-size:18px; font-weight:bold; padding-left:10px; color:#008cd7;}
.x01 .zi{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.x01 .zi img{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
#x04{ margin-bottom:25px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.x01{ width:100%; margin-top:20px;}
.x01 .bt{ border-left:5px solid #008cd7; height:20px; line-height:20px; font-size:18px; font-weight:bold; padding-left:10px; color:#008cd7;}
.x01 .zi{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.x01 .zi img{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
#x04{ margin-bottom:20px;}
}

@media only screen and (max-width:768px){
.x01{ width:100%; margin-top:15px;}
.x01 .bt{ border-left:5px solid #008cd7; height:20px; line-height:20px; font-size:18px; font-weight:bold; padding-left:10px; color:#008cd7;}
.x01 .zi{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.x01 .zi img{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
#x04{ margin-bottom:15px;}
}

/*09-12*/
@media screen and (min-width:1280px){
.sideMen{ width:1200px; margin:25px auto; border-bottom:1px solid #cacaca;}
.sideMen .sideMen01{ height:48px; border:1px solid #cacaca; border-bottom:none; background-color:#f4f4f4;}
.sideMen .sideMen01 a{ margin-left:19px; display:block; float:left; line-height:48px; font-size:18px; color:#008cd7; font-weight:bold;}
.sideMen .sideMen01 b{ display:block; width:48px; height:48px; float:right; background-image:url(../images/x01.png); background-position:center; background-repeat:no-repeat;}
.sideMen .sideMen01.on{ background-color:#008cd7; border-color:#008cd7;}
.sideMen .sideMen01.on a{ color:#fff;}
.sideMen .sideMen01.on b{ background-image:url(../images/x02.png);}
.sideMen .sideMen02{ padding:15px 19px; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-top:none; background-color:#fff; display:none; font-size:14px; line-height:24px;}
.sideMen .sideMen02 img{ max-width:100%; height:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.sideMen{ width:94%; margin:20px auto;}
.sideMen .sideMen01{ height:48px; border:1px solid #cacaca; border-bottom:none; background-color:#f4f4f4;}
.sideMen .sideMen01 a{ margin-left:19px; display:block; float:left; line-height:48px; font-size:18px; color:#008cd7; font-weight:bold;}
.sideMen .sideMen01 b{ display:block; width:48px; height:48px; float:right; background-image:url(../images/x01.png); background-position:center; background-repeat:no-repeat;}
.sideMen .sideMen01.on{ background-color:#008cd7; border-color:#008cd7;}
.sideMen .sideMen01.on a{ color:#fff;}
.sideMen .sideMen01.on b{ background-image:url(../images/x02.png);}
.sideMen .sideMen02{ padding:15px 19px; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-top:none; background-color:#fff; display:none; font-size:14px; line-height:24px;}
.sideMen .sideMen02 img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:768px){
.sideMen{ width:94%; margin:15px auto;}
.sideMen .sideMen01{ height:48px; border:1px solid #cacaca; border-bottom:none; background-color:#f4f4f4;}
.sideMen .sideMen01 a{ margin-left:19px; display:block; float:left; line-height:48px; font-size:18px; color:#008cd7; font-weight:bold;}
.sideMen .sideMen01 b{ display:block; width:48px; height:48px; float:right; background-image:url(../images/x01.png); background-position:center; background-repeat:no-repeat;}
.sideMen .sideMen01.on{ background-color:#008cd7; border-color:#008cd7;}
.sideMen .sideMen01.on a{ color:#fff;}
.sideMen .sideMen01.on b{ background-image:url(../images/x02.png);}
.sideMen .sideMen02{ padding:15px 19px; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-top:none; background-color:#fff; display:none; font-size:14px; line-height:24px;}
.sideMen .sideMen02 img{ max-width:100%; height:auto;}
}

/*13-16*/
@media screen and (min-width:1281px){
.boxs{ width:1200px; margin:20px auto;}
.boxs .left{ width:680px; height:400px; float:left; background-color:#f4f4f4;}
#gallery{ height:300px; width:620px; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
	margin:auto;
    height:300px;
    z-index:1;
    -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);
	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;
}
#gallery .swiper-wrapper .swiper-slide{
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;
	width:100%;
    height:300px;
	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;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:300px; display:block; overflow:hidden; background-size:auto 240px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .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;
	-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-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	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;
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 90%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #008cd7;}

.boxs .right{ width:430px; height:340px; padding:30px; background-color:#f4f4f4; float:right;}
.boxs .right .tou{ font-size:24px; color:#008cd7; margin-bottom:15px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:240px;}
.boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#008cd7; display:block;}

.bnoxs01{ width:1140px; margin:auto; background-color:#f4f4f4; padding:30px; padding-top:20px; margin-bottom:25px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#008cd7;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.boxs{ width:94%; margin:20px auto;}
.boxs .left{ width:60%; height:390px; float:left; background-color:#f4f4f4;}
#gallery{ height:300px; width:94%; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
    height:300px;
    z-index:1;
    -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);
	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;
}
#gallery .swiper-wrapper .swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height:300px;
	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;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:300px; display:block; margin:auto; overflow:hidden; background-size:auto 260px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .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;
	-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-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	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;
	position:relative;
	
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #008cd7;}

.boxs .right{ width:36%; height:390px; padding:20px; box-sizing:border-box; background-color:#f4f4f4; float:right;}
.boxs .right .tou{ font-size:24px; color:#008cd7; margin-bottom:15px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:240px;}
.boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#008cd7; display:block;}

.bnoxs01{ width:94%; box-sizing:border-box; margin:auto; background-color:#f4f4f4; padding:20px; margin-bottom:20px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#008cd7;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:768px){
.boxs{ width:94%; margin:20px auto;}
.boxs .left{ width:94%; padding:0 3%; height:290px; float:left; background-color:#f4f4f4;}
#gallery{ height:200px; width:100%; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
    height:200px;
    z-index:1;
    -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);
	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;
}
#gallery .swiper-wrapper .swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height:200px;
	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;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:200px; display:block; margin:auto; overflow:hidden; background-size:auto 180px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    z-index:1;
	width:100%;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .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;
	-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-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	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;
	position:relative;	
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 80%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #008cd7;}

.boxs .right{ width:100%; padding:15px; box-sizing:border-box; background-color:#f4f4f4; float:right; margin-top:15px;}
.boxs .right .tou{ font-size:20px; color:#008cd7; margin-bottom:5px;}
.boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:5px;}
.boxs .right a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#008cd7; display:block;}

.bnoxs01{ width:94%; box-sizing:border-box; margin:auto; background-color:#f4f4f4; padding:15px; margin-bottom:15px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:25%; text-align:center; font-size:14px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#008cd7;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}
}
.xbox{ background-color:#fff;}
@media screen and (min-width:1281px){
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#fff; background-color:#008cd7;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#fff; background-color:#008cd7;}
}

@media only screen and (max-width:768px){
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:25%; text-align:center; font-size:14px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #008cd7; color:#fff; background-color:#008cd7;}
}

/*01*/
@media screen and (min-width:1281px){
.c01{ width:1190px; border:1px solid #008cd7; padding:4px; background-color:#fff; margin-top:30px;}
.c01 p{ width:1150px; font-size:16px; line-height:24px; background-color:#008cd7; color:#fff; display:block; overflow:hidden; padding:0 20px;}
.c01 p:first-child{ padding-top:15px;}
.c01 p:last-child{ padding-bottom:15px;}
.c02{ width:100%; margin-top:50px;}
.c02 .biao{ width:100%; text-align:center;}
.c02 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c02 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c02 ul{ width:1215px; display:block; overflow:hidden;}
.c02 ul li{ width:390px; height:234px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c02 ul li img{ width:100%; display:block;}
.c02 ul li:nth-child(3n+1){ clear:left; float:left;}

.c03{ width:100%; margin-top:50px;}
.c03 .biao{ width:100%; text-align:center;}
.c03 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c03 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c03 ul{ width:1215px; display:block; overflow:hidden;}
.c03 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; background-color:#f1f1f1; padding-top:20px;}
.c03 ul li span{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c03 ul li p{ font-size:14px; line-height:24px; min-height:72px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c03 ul li strong{ width:100%; display:block; height:200px; overflow:hidden;}
.c03 ul li strong img{ width:100%; display:block;}

.c04{ width:100%; margin-top:50px;}
.c04 .biao{ width:100%; text-align:center;}
.c04 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c04 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c04 dl{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.c04 dl .zb{ width:580px; float:left; overflow:hidden; display:block;}
.c04 dl .zb strong{ width:100%; display:block; height:360px; overflow:hidden;}
.c04 dl .zb strong img{ display:block; width:100%;}
.c04 dl .zb span{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; color:#008cd7; font-weight:bold;}
.c04 dl .yb{ width:580px; float:right; overflow:hidden; display:block;}
.c04 dl .yb strong{ width:100%; display:block; height:360px;}
.c04 dl .yb strong img{ display:block; width:100%; float:right;}
.c04 dl .yb span{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; color:#008cd7; font-weight:bold; text-align:right;}
.c04 dl .mb{ width:100px; border:15px solid #fff; background-color:#008cd7; height:100px; border-radius:200px; position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-65px; box-shadow:0 0 10px #999;}
.c04 dl .mb b{ display:block; text-align:center; height:100px; line-height:100px; font-size:36px; color:#fff;}

.c05{ width:100%; margin-top:50px;}
.c05 .biao{ width:100%; text-align:center;}
.c05 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c05 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c05 dl{ width:100%; display:block; overflow:hidden;}
.c05 dl dt{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:20px;}
.c05 dl dd{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:20px;}
.c05 dl .boxx{ width:100%;}
.c05 dl .boxx .left{ width:600px; overflow:hidden;}
.c05 dl dt .left{ float:left;}
.c05 dl dd .left{ float:right;}
.c05 dl .boxx .left img{ display:block; height:360px;}
.c05 dl dd .left img{ float:right;}
.c05 dl .boxx .right{ width:540px; margin:20px 30px; overflow:hidden; display:table; vertical-align:middle;}
.c05 dl dt .right{ float:right;}
.c05 dl dd .right{ float:left;}
.c05 dl .boxx .right .nei{ width:100%; display:table-cell; vertical-align:middle;}
.c05 dl .boxx .right .nei .biaos{ font-size:20px; font-weight:bold; line-height:28px; color:#008cd7;}
.c05 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px;}

.c05 .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; margin:auto; width:660px; margin-top:20px;}
.c05 .m01 strong{ display:block; float:left; height:42px;}
.c05 .m01 span{ display:block; width:38px; height:42px; line-height:42px; font-size:14px; color:#666; float:left;}
.c05 .m01 input{ width:570px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.c05 .m02{ margin:30px auto; width:662px; margin-top:20px; display:block;}
.c05 .m02 textarea{ width:632px; padding-top:8px; line-height:24px; font-size:14px; padding:0 14px; border:1px solid #cacaca; border-bottom:none; height:120px; display:block; background-color:#fff;}
.c05 .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}

.table{ width:100%; border:1px solid #ccc; border-collapse:collapse; text-align:center; margin-top:25px;}  
.table td{ border:1px solid #ccc; border-collapse:collapse; height:41px; line-height:26px;}
.table col{ width:30%; } 
.table .col1{ width:70%;}  
.table .coloe{ background:#f4f4f4; font-size:15px; font-weight:bold;}

.c06{ width:1220px; display:block; margin-top:30px;}
.c06 li{ width:386px; float:left; display:block; overflow:hidden; height:450px; margin-right:20px; margin-top:20px;}
.c06 li a{ width:386px; height:450px; overflow:hidden; display:block; position:relative;}
.c06 li a img{ display:block; max-width:9010000px !important; height:450px;}
.c06 li .mask{ background-color:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; padding:0 40px; height:70px; width:100%; box-sizing:border-box;}
.c06 li .mask .bt{ height:70px; line-height:70px; font-size:18px;}
.c06 li:hover .mask{ background-color:rgba(0,0,0,0.7); padding-top:19px; height:150px;}
.c06 li:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff;}
.c06 li:hover .mask .wenz{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.c06 li:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.c06 li:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.c06 li:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.duo{ width:140px; margin:auto; margin-top:30px;}
.duo a{ width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:40px; line-height:40px; overflow:hidden;}

.que{ width:100%; border-bottom:1px solid #cacaca;}
.que dt{ width:100%; display:block; overflow:hidden; padding-top:20px; display:block;}
.que dt span{ width:30px; height:30px; display:block; float:left; background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center;}
.que dt p{ width:1160px; display:block; float:left; margin-left:10px; line-height:30px; font-size:16px; font-weight:bold; overflow:hidden;}
.que dd{ width:100%; display:block; overflow:hidden; padding-top:10px; padding-bottom:15px; display:block;}
.que dd span{ width:30px; height:30px; display:block; float:left; background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center;}
.que dd p{ width:1160px; display:block; float:left; margin-left:10px; line-height:24px; font-size:14px; overflow:hidden;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.c01{ width:100%; box-sizing:border-box; border:1px solid #008cd7; padding:4px; background-color:#fff; margin-top:20px;}
.c01 p{ width:90%; font-size:14px; line-height:24px; background-color:#008cd7; color:#fff; display:block; overflow:hidden; padding:0 5%;}
.c01 p:first-child{ padding-top:15px;}
.c01 p:last-child{ padding-bottom:15px;}
.c02{ width:100%; margin-top:40px;}
.c02 .biao{ width:100%; text-align:center;}
.c02 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c02 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c02 ul{ width:100%; display:block; overflow:hidden;}
.c02 ul li{ width:48.5%; height:280px; display:block; float:left; margin-top:15px; margin-right:3%; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c02 ul li img{ width:100%; display:block;}
.c02 ul li:nth-child(2n+1){ clear:left; float:left;}
.c02 ul li:nth-child(2n){ margin-right:0;}

.c03{ width:100%; margin-top:40px;}
.c03 .biao{ width:100%; text-align:center;}
.c03 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c03 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c03 ul{ width:100%; display:block; overflow:hidden;}
.c03 ul li{ width:31.33%; display:block; float:left; margin-top:15px; margin-right:3%; overflow:hidden; background-color:#f1f1f1; padding-top:15px;}
.c03 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c03 ul li p{ font-size:14px; line-height:24px; min-height:72px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c03 ul li strong{ width:100%; display:block; height:200px; overflow:hidden;}
.c03 ul li strong img{ width:100%; display:block;}
.c03 ul li:nth-child(3n){ margin-right:0;}

.c04{ width:100%; margin-top:40px;}
.c04 .biao{ width:100%; text-align:center;}
.c04 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c04 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c04 dl{ width:100%; position:relative; overflow:hidden; margin-top:15px;}
.c04 dl .zb{ width:48%; float:left; overflow:hidden; display:block;}
.c04 dl .zb strong{ width:100%; display:block; height:360px; overflow:hidden;}
.c04 dl .zb strong img{ display:block; max-width:99999px !important; height:360px;}
.c04 dl .zb span{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; color:#008cd7; font-weight:bold;}
.c04 dl .yb{ width:48%; float:right; overflow:hidden; display:block;}
.c04 dl .yb strong{ width:100%; display:block; height:360px;}
.c04 dl .yb strong img{ display:block; max-width:99999px !important; height:360px; float:right;}
.c04 dl .yb span{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; color:#008cd7; font-weight:bold; text-align:right;}
.c04 dl .mb{ width:70px; border:10px solid #fff; background-color:#008cd7; height:70px; border-radius:200px; position:absolute; left:50%; margin-left:-45px; top:50%; margin-top:-45px; box-shadow:0 0 10px #999;}
.c04 dl .mb b{ display:block; text-align:center; height:70px; line-height:70px; font-size:30px; color:#fff;}

.c05{ width:100%; margin-top:40px;}
.c05 .biao{ width:100%; text-align:center;}
.c05 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c05 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c05 dl{ width:100%; display:block; overflow:hidden;}
.c05 dl dt{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px;}
.c05 dl dd{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px;}
.c05 dl .boxx{ width:100%;}
.c05 dl .boxx .left{ width:50%; overflow:hidden;}
.c05 dl dt .left{ float:left;}
.c05 dl dd .left{ float:right;}
.c05 dl .boxx .left img{ display:block; max-width:33333px !important; height:300px;}
.c05 dl dd .left img{ float:right;}
.c05 dl .boxx .right{ width:40%; margin:15px 5%; overflow:hidden; display:table; vertical-align:middle;}
.c05 dl dt .right{ float:right;}
.c05 dl dd .right{ float:left;}
.c05 dl .boxx .right .nei{ width:100%; display:table-cell; vertical-align:middle;}
.c05 dl .boxx .right .nei .biaos{ font-size:18px; line-height:28px; color:#008cd7;}
.c05 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px;}

.c05 .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; margin:auto; width:660px; margin-top:20px;}
.c05 .m01 strong{ display:block; float:left; height:42px;}
.c05 .m01 span{ display:block; width:38px; height:42px; line-height:42px; font-size:14px; color:#666; float:left;}
.c05 .m01 input{ width:570px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.c05 .m02{ margin:30px auto; width:662px; margin-top:20px; display:block;}
.c05 .m02 textarea{ width:632px; padding-top:8px; line-height:24px; font-size:14px; padding:0 14px; border:1px solid #cacaca; border-bottom:none; height:120px; display:block; background-color:#fff;}
.c05 .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}

.table{ width:100%; border:1px solid #ccc; border-collapse:collapse; text-align:center; margin-top:25px;}  
.table td{ border:1px solid #ccc; border-collapse:collapse; height:41px; line-height:26px;}
.table col{ width:30%; } 
.table .col1{ width:70%;}  
.table .coloe{ background:#f4f4f4; font-size:15px; font-weight:bold;}

.c06{ width:100%; display:block; margin-top:40px;}
.c06 li{ width:31.33%; float:left; display:block; overflow:hidden; height:360px !important; margin-right:3%; margin-top:15px;}
.c06 li:nth-child(3n){ margin-right:0;}
.c06 li a{ width:100%; height:360px; overflow:hidden; display:block; position:relative;}
.c06 li a img{ display:block; max-width:9010000px !important; height:360px;}
.c06 li .mask{ background-color:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; padding:0 20px; height:40px; width:100%; box-sizing:border-box;}
.c06 li .mask .bt{ height:40px; line-height:40px; font-size:16px;}
.c06 li:hover .mask{ background-color:rgba(0,0,0,0.7); padding-top:15px; height:140px;}
.c06 li:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff;}
.c06 li:hover .mask .wenz{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.c06 li:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.c06 li:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.c06 li:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.duo{ width:140px; margin:auto; margin-top:20px;}
.duo a{ width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:40px; line-height:40px; overflow:hidden;}

.que{ width:100%; border-bottom:1px solid #cacaca;}
.que dt{ padding-left:40px; overflow:hidden; margin-top:20px; display:block; position:relative;}
.que dt span{ width:30px; height:30px; display:block;  background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center; position:absolute; left:0; top:0;}
.que dt p{ width:100%; display:block; line-height:30px; font-size:16px; font-weight:bold; overflow:hidden;}
.que dd{ padding-left:40px; display:block; overflow:hidden; margin-top:10px; margin-bottom:15px; display:block; position:relative;}
.que dd span{ width:30px; height:30px; display:block;  background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center; position:absolute; left:0; top:0;}
.que dd p{ width:100%; display:block; float:left; line-height:24px; font-size:14px; overflow:hidden;}
}

@media only screen and (max-width:768px){
.c01{ width:100%; box-sizing:border-box; border:1px solid #008cd7; padding:4px; background-color:#fff; margin-top:5px;}
.c01 p{ width:90%; font-size:14px; line-height:24px; background-color:#008cd7; color:#fff; display:block; overflow:hidden; padding:15px 5%;}
.c01 p:first-child{ padding-top:15px;}
.c01 p:last-child{ padding-bottom:15px;}
.c02{ width:100%; margin-top:15px;}
.c02 .biao{ width:100%; text-align:center;}
.c02 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c02 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c02 ul{ width:100%; display:block; overflow:hidden;}
.c02 ul li{ width:48.5%; height:110px; display:block; float:left; margin-top:15px; margin-right:3%; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c02 ul li img{ width:100%; display:block;}
.c02 ul li:nth-child(2n+1){ clear:left; float:left;}
.c02 ul li:nth-child(2n){ margin-right:0;}

.c03{ width:100%; margin-top:15px;}
.c03 .biao{ width:100%; text-align:center;}
.c03 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c03 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c03 ul{ width:100%; display:block; overflow:hidden;}
.c03 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden; background-color:#f1f1f1; padding-top:15px;}
.c03 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c03 ul li p{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c03 ul li strong{ width:100%; display:block; height:200px; overflow:hidden;}
.c03 ul li strong img{ width:100%; display:block;}
.c03 ul li:nth-child(3n){ margin-right:0;}

.c04{ width:100%; margin-top:15px;}
.c04 .biao{ width:100%; text-align:center;}
.c04 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c04 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c04 dl{ width:100%; position:relative; overflow:hidden; margin-top:15px;}
.c04 dl .zb{ width:48%; float:left; overflow:hidden; display:block;}
.c04 dl .zb strong{ width:100%; display:block; height:160px;}
.c04 dl .zb strong img{ display:block; max-width:99999px !important; height:160px;}
.c04 dl .zb span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#008cd7; font-weight:bold;}
.c04 dl .yb{ width:48%; float:right; overflow:hidden; display:block;}
.c04 dl .yb strong{ width:100%; display:block; height:160px;}
.c04 dl .yb strong img{ display:block; max-width:99999px !important; height:160px; float:right;}
.c04 dl .yb span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#008cd7; font-weight:bold; text-align:right;}
.c04 dl .mb{ width:40px; border:5px solid #fff; background-color:#008cd7; height:40px; border-radius:200px; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px; box-shadow:0 0 10px #999;}
.c04 dl .mb b{ display:block; text-align:center; height:40px; line-height:40px; font-size:20px; color:#fff;}

.c05{ width:100%; margin-top:15px;}
.c05 .biao{ width:100%; text-align:center;}
.c05 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c05 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c05 dl{ width:100%; display:block; overflow:hidden;}
.c05 dl dt{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px;}
.c05 dl dd{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px;}
.c05 dl .boxx{ width:100%;}
.c05 dl .boxx .left{ width:100%; overflow:hidden;}
.c05 dl dt .left{ float:left;}
.c05 dl dd .left{ float:right;}
.c05 dl .boxx .left img{ display:block; width:100%;}
.c05 dl dd .left img{ float:right;}
.c05 dl .boxx .right{ width:90%; padding:10px 5%; overflow:hidden; display:table; vertical-align:middle;}
.c05 dl dt .right{ float:right;}
.c05 dl dd .right{ float:left;}
.c05 dl .boxx .right .nei{ width:100%; display:table-cell; vertical-align:middle;}
.c05 dl .boxx .right .nei .biaos{ font-size:18px; line-height:28px; color:#008cd7;}
.c05 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px;}

.c05 .m01{ height:42px; background-color:#fff; border:1px solid #cacaca; margin:auto; width:100%; box-sizing:border-box; margin-top:10px; padding-left:80px; position:relative;}
.c05 .m01 strong{ display:block; float:left; height:42px; position:absolute; left:0; top:0;}
.c05 .m01 span{ display:block; width:38px; height:42px; line-height:42px; font-size:14px; color:#666; position:absolute; left:42px; top:0;}
.c05 .m01 input{ width:100%; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.c05 .m02{ margin:20px auto; width:100%; margin-top:10px; display:block;}
.c05 .m02 textarea{ width:100%; box-sizing:border-box; padding-top:8px; line-height:24px; font-size:14px; padding:0 14px; border:1px solid #cacaca; border-bottom:none; height:120px; display:block; background-color:#fff;}
.c05 .m02 input{ width:100%; background-color:#008cd7; color:#fff; cursor:pointer; display:block; height:44px; line-height:44px; font-size:14px;}

.table{ width:100%; border:1px solid #ccc; border-collapse:collapse; text-align:center; margin-top:25px;}  
.table td{ border:1px solid #ccc; border-collapse:collapse; height:41px; line-height:26px;}
.table col{ width:30%; } 
.table .col1{ width:70%;}  
.table .coloe{ background:#f4f4f4; font-size:15px; font-weight:bold;}

.c06{ width:100%; display:block;}
.c06 li{ width:45.5%; margin-left:3%; float:left; display:block; overflow:hidden; height:260px; margin-top:15px;}
.c06 li a{ width:100%; height:260px; overflow:hidden; display:block; position:relative;}
.c06 li a img{ display:block; max-width:9010000px !important; height:260px !important;}
.c06 li .mask{ background-color:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; padding:0 20px; height:40px; width:100%; box-sizing:border-box;}
.c06 li .mask .bt{ height:40px; line-height:40px; font-size:16px;}
.c06 li:hover .mask{ background-color:rgba(0,0,0,0.7); padding-top:15px; height:140px;}
.c06 li:hover .mask .bt{ height:36px; line-height:36px; font-size:16px; color:#fff;}
.c06 li:hover .mask .wenz{ height:69px; line-height:23px; font-size:12px; color:#fff;}
.c06 li:hover .mask .more{ width:100%; margin-top:9px; border-top:1px solid #fff;}
.c06 li:hover .mask .more span{ height:40px; line-height:40px; font-size:12px; display:block; float:left; color:#fff;}
.c06 li:hover .mask .more span b{ height:40px; width:20px; float:right; display:block; background-image:url(../images/mask.png); background-position:right center; background-repeat:no-repeat;}
.duo{ width:140px; margin:auto; margin-top:20px;}
.duo a{ width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background-color:#008cd7; font-size:14px; height:40px; line-height:40px; overflow:hidden;}

.que{ width:100%; border-bottom:1px solid #cacaca;}
.que dt{ padding-left:40px; overflow:hidden; margin-top:20px; display:block; position:relative;}
.que dt span{ width:30px; height:30px; display:block;  background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center; position:absolute; left:0; top:0;}
.que dt p{ width:100%; display:block; line-height:30px; font-size:16px; font-weight:bold; overflow:hidden;}
.que dd{ padding-left:40px; display:block; overflow:hidden; margin-top:10px; margin-bottom:15px; display:block; position:relative;}
.que dd span{ width:30px; height:30px; display:block;  background-color:#008cd7; color:#fff; font-size:16px; line-height:30px; text-align:center; position:absolute; left:0; top:0;}
.que dd p{ width:100%; display:block; float:left; line-height:24px; font-size:14px; overflow:hidden;}
}

/*弹出框*/
@media 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: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

@media only screen and (max-width:768px){
.xcConfirm .popBox{ margin:0; left:5%; width:90%; top:10%;}
.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; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; margin:0; left:5%; width:90%; top:10%; 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: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

/*02*/
@media screen and (min-width:1281px){
.c10{ width:100%; margin-top:50px;}
.c10 .biao{ width:100%; text-align:center;}
.c10 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c10 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c10 ul{ width:1215px; display:block; overflow:hidden;}
.c10 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; background-color:#f1f1f1;}
.c10 ul li span{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c10 ul li p{ font-size:14px; line-height:24px; min-height:72px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c10 ul li strong{ width:100%; display:block; height:210px; overflow:hidden;}
.c10 ul li strong img{ width:100%; display:block;}

.c12{ width:100%; margin-top:50px;}
.c12 .biao{ width:100%; text-align:center;}
.c12 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c12 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c12 ul{ width:1215px; display:block; overflow:hidden;}
.c12 ul li{ width:390px; height:234px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c12 ul li img{ width:100%; display:block;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.c10{ width:100%; margin-top:40px;}
.c10 .biao{ width:100%; text-align:center;}
.c10 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c10 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c10 ul{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.c10 ul li{ width:31.33%; display:block; float:left; margin-right:3%; overflow:hidden; background-color:#f1f1f1;}
.c10 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c10 ul li p{ font-size:14px; line-height:24px; min-height:72px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c10 ul li strong{ width:100%; display:block; height:200px; overflow:hidden;}
.c10 ul li strong img{ width:100%; display:block;}
.c10 ul li:nth-child(3n){ margin-right:0;}

.c12{ width:100%; margin-top:40px;}
.c12 .biao{ width:100%; text-align:center;}
.c12 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c12 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c12 ul{ width:100%; display:block; overflow:hidden;}
.c12 ul li{ width:31.33%; height:220px; display:block; float:left; margin-top:15px; margin-right:3%; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c12 ul li img{ width:100%; display:block;}
.c12 ul li:nth-child(3n){ margin-right:0;}
}

@media only screen and (max-width:768px){
.c10{ width:100%; margin-top:15px;}
.c10 .biao{ width:100%; text-align:center;}
.c10 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c10 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c10 ul{ width:100%; display:block; overflow:hidden;}
.c10 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden; background-color:#f1f1f1;}
.c10 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c10 ul li p{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c10 ul li strong{ width:100%; display:block; height:200px; overflow:hidden;}
.c10 ul li strong img{ width:100%; display:block;}
.c10 ul li:nth-child(3n){ margin-right:0;}

.c12 .biao{ width:100%; text-align:center;}
.c12 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c12 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c12 ul{ width:100%; display:block; overflow:hidden;}
.c12 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.c12 ul li img{ width:100%; display:block;}
}

/*03*/
@media screen and (min-width:1281px){
.c11{ width:100%; margin-top:50px;}
.c11 .biao{ width:100%; text-align:center;}
.c11 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c11 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c11 ul{ width:1215px; display:block; overflow:hidden;}
.c11 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden;}
.c11 ul li span{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c11 ul li p{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c11 ul li strong{ width:160px; display:block; height:160px; border-radius:160px; margin:auto; overflow:hidden;}
.c11 ul li strong img{ height:100% !important; display:block; margin:auto;}

} 

@media screen and (min-width:769px) and (max-width:1280px){
.c11{ width:100%; margin-top:40px;}
.c11 .biao{ width:100%; text-align:center;}
.c11 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c11 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c11 ul{ width:100%; display:block; overflow:hidden;}
.c11 ul li{ width:31.33%; display:block; float:left;margin-top:15px; margin-right:3%; overflow:hidden;}
.c11 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c11 ul li p{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c11 ul li strong{ width:120px; display:block; height:120px; border-radius:120px; margin:auto; overflow:hidden;}
.c11 ul li strong img{ height:100% !important; display:block; margin:auto;}
.c11 ul li:nth-child(3n){ margin-right:0;}
}

@media only screen and (max-width:768px){
.c11{ width:100%; margin-top:15px;}
.c11 .biao{ width:100%; text-align:center;}
.c11 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c11 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c11 ul{ width:100%; display:block; overflow:hidden;}
.c11 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden;}
.c11 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c11 ul li p{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c11 ul li strong{ width:80px; border-radius:80px; display:block; height:80px; margin:auto; overflow:hidden;}
.c11 ul li strong img{ height:100% !important; display:block;}
.c11 ul li:nth-child(3n){ margin-right:0;}
}

/*04*/
@media screen and (min-width:1281px){
.c13{ width:100%; margin-top:50px;}
.c13 .biao{ width:100%; text-align:center;}
.c13 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c13 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c13 ul{ width:1215px; display:block; overflow:hidden;}
.c13 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; position:relative;}
.c13 ul li a{ padding:10px 20px; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; width:350px;}
.c13 ul li span{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c13 ul li p{ font-size:14px; line-height:24px; overflow:hidden; padding-top:0; color:#fff;}
.c13 ul li strong{ width:100%; display:block; height:240px; margin:auto; overflow:hidden;}
.c13 ul li strong img{ width:100%; display:block; margin:auto;}

} 

@media screen and (min-width:769px) and (max-width:1280px){
.c13{ width:100%; margin-top:40px;}
.c13 .biao{ width:100%; text-align:center;}
.c13 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c13 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c13 ul{ width:100%; display:block; overflow:hidden;}
.c13 ul li{ width:31.33%; display:block; float:left; margin-right:3%; overflow:hidden; position:relative;}
.c13 ul li a{ padding:10px 5%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; width:90%;}
.c13 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c13 ul li p{ font-size:14px; line-height:24px; overflow:hidden; padding-top:0; color:#fff;}
.c13 ul li strong{ width:100%; display:block; height:200px; margin:auto; overflow:hidden;}
.c13 ul li strong img{ width:100%; display:block; margin:auto;}
.c13 ul li:nth-child(3n){ margin-right:0;}
}

@media only screen and (max-width:768px){
.c13{ width:100%; margin-top:15px;}
.c13 .biao{ width:100%; text-align:center;}
.c13 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c13 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c13 ul{ width:100%; display:block; overflow:hidden;}
.c13 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden; position:relative;}
.c13 ul li a{ padding:10px 5%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; width:90%;}
.c13 ul li span{ display:block; font-size:18px; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c13 ul li p{ font-size:14px; line-height:24px; overflow:hidden; padding-top:0; color:#fff;}
.c13 ul li strong{ width:100%; display:block; height:260px; margin:auto; overflow:hidden;}
.c13 ul li strong img{ width:100%; display:block; margin:auto;}
.c13 ul li:nth-child(3n){ margin-right:0;}
}

/*05*/
@media screen and (min-width:1281px){
.c14{ width:100%; margin-top:50px;}
.c14 .biao{ width:100%; text-align:center;}
.c14 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c14 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c14 ul{ width:1215px; display:block; overflow:hidden;}
.c14 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden;}
.c14 ul li .cc01{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c14 ul li .cc02{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c14 ul li strong{ width:160px; display:block; height:160px; border-radius:160px; margin:auto; overflow:hidden;}
.c14 ul li strong img{ height:100% !important; display:block; margin:auto;}

} 

@media screen and (min-width:769px) and (max-width:1280px){
.c14{ width:100%; margin-top:40px;}
.c14 .biao{ width:100%; text-align:center;}
.c14 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c14 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c14 ul{ width:100%; display:block; overflow:hidden;}
.c14 ul li{ width:31.33%; display:block; float:left; margin-right:3%; overflow:hidden; margin-top:15px;}
.c14 ul li .cc01{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c14 ul li .cc02{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c14 ul li strong{ width:120px; display:block; height:120px; border-radius:120px; margin:auto; overflow:hidden;}
.c14 ul li strong img{ height:100% !important; display:block; margin:auto;}
.c14 ul li:nth-child(3n){ margin-right:0;}
}

@media only screen and (max-width:768px){
.c14{ width:100%; margin-top:15px;}
.c14 .biao{ width:100%; text-align:center;}
.c14 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c14 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c14 ul{ width:100%; display:block; overflow:hidden;}
.c14 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden;}
.c14 ul li .cc01{ display:block; font-size:18px; height:38px; line-height:38px; color:#008cd7; text-align:center; padding:0 20px; overflow:hidden;}
.c14 ul li .cc02{ font-size:14px; line-height:24px; padding:15px 20px; overflow:hidden; padding-top:0;}
.c14 ul li strong{ width:80px; border-radius:80px; display:block; height:80px; margin:auto; overflow:hidden;}
.c14 ul li strong img{ height:100% !important; display:block;}
.c14 ul li:nth-child(3n){ margin-right:0;}
}

/*06*/
@media screen and (min-width:1281px){
.c15{ width:100%; margin-top:50px;}
.c15 .biao{ width:100%; text-align:center;}
.c15 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c15 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c15 ul{ width:1215px; display:block; overflow:hidden;}
.c15 ul li{ width:390px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden; position:relative;}
.c15 ul li a{ padding:10px 20px; background-color:rgba(28,142,239,0.9); position:absolute; left:0; bottom:0; width:350px; height:220px; overflow:hidden; display:block;}
.c15 ul li .cc01{ display:block; font-size:20px; font-weight:bold; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c15 ul li .cc02{ font-size:14px; line-height:24px; overflow:hidden; color:#fff; height:168px;}
.c15 ul li .cc02 span{ color:#fff !important; background-color:transparent !important;}
.c15 ul li strong{ width:100%; display:block; height:240px; margin:auto; overflow:hidden;}
.c15 ul li strong img{ width:100%; display:block; margin:auto;}

} 

@media screen and (min-width:769px) and (max-width:1280px){
.c15{ width:100%; margin-top:40px;}
.c15 .biao{ width:100%; text-align:center;}
.c15 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c15 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c15 ul{ width:100%; display:block; overflow:hidden;}
.c15 ul li{ width:31.33%; display:block; float:left; margin-right:3%; margin-top:15px; overflow:hidden; position:relative;}
.c15 ul li a{ padding:10px 5%; background-color:rgba(28,142,239,0.9); position:absolute; left:0; bottom:0; width:90%; height:180px; overflow:hidden; display:block;}
.c15 ul li .cc01{ display:block; font-size:18px; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c15 ul li .cc02{ font-size:14px; line-height:24px; overflow:hidden; color:#fff; height:144px;}
.c15 ul li .cc02 span{ color:#fff !important; background-color:transparent !important;}
.c15 ul li strong{ width:100%; display:block; height:200px; margin:auto; overflow:hidden;}
.c15 ul li strong img{ width:100%; display:block; margin:auto;}
.c15 ul li:nth-child(3n){ margin-right:0;}
}

@media only screen and (max-width:768px){
.c15{ width:100%; margin-top:15px;}
.c15 .biao{ width:100%; text-align:center;}
.c15 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c15 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c15 ul{ width:100%; display:block; overflow:hidden;}
.c15 ul li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden; position:relative;}
.c15 ul li a{ padding:10px 5%; background-color:rgba(28,142,239,0.9); position:absolute; left:0; bottom:0; width:90%; height:240px;}
.c15 ul li .cc01{ display:block; font-size:18px; height:38px; line-height:38px; color:#fff; text-align:center; overflow:hidden;}
.c15 ul li .cc02{ font-size:14px; line-height:24px; overflow:hidden; color:#fff; height:192px;}
.c15 ul li .cc02 span{ color:#fff !important; background-color:transparent !important;}
.c15 ul li strong{ width:100%; display:block; height:260px; margin:auto; overflow:hidden;}
.c15 ul li strong img{ width:100%; display:block; margin:auto;}
.c15 ul li:nth-child(3n){ margin-right:0;}
}


/*01*/
@media screen and (min-width:1281px){
.c16{ width:100%; margin-top:50px;}
.c16 .biao{ width:100%; text-align:center;}
.c16 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c16 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c16 dl{ width:1215px; display:block; overflow:hidden;}
.c16 dl dt{ width:390px; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:20px; float:left; margin-right:15px;}
.c16 dl .boxx{ width:100%;}
.c16 dl .boxx .left{ width:100%; height:260px; overflow:hidden;}
.c16 dl .boxx .left img{ display:block; width:100%;}
.c16 dl dd .left img{ float:right;}
.c16 dl .boxx .right{ width:350px; padding:10px 20px; overflow:hidden;}
.c16 dl .boxx .right .nei{ width:100%;}
.c16 dl .boxx .right .nei .biaos{ font-size:20px; font-weight:bold; line-height:28px; height:28px; color:#008cd7;}
.c16 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px; height:96px;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.c16{ width:100%; margin-top:40px;}
.c16 .biao{ width:100%; text-align:center;}
.c16 .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.c16 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.c16 dl{ width:100%; display:block; overflow:hidden;}
.c16 dl dt{ width:31.33%; margin-right:3%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px; float:left; margin-right:3%;}
.c16 dl dt:nth-child(3n){ margin-right:0;}
.c16 dl .boxx{ width:100%;}
.c16 dl .boxx .left{ width:100%; height:160px; overflow:hidden;}
.c16 dl .boxx .left img{ display:block; width:100%;}
.c16 dl dd .left img{ float:right;}
.c16 dl .boxx .right{ width:90%; padding:10px 5%; overflow:hidden;}
.c16 dl .boxx .right .nei{ width:100%;}
.c16 dl .boxx .right .nei .biaos{ font-size:18px; line-height:28px; height:28px; color:#008cd7;}
.c16 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px; height:96px;}
}

@media only screen and (max-width:768px){
.c16{ width:100%; margin-top:15px;}
.c16 .biao{ width:100%; text-align:center;}
.c16 .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.c16 .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.c16 dl{ width:100%; display:block; overflow:hidden;}
.c16 dl dt{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px;}
.c16 dl .boxx{ width:100%;}
.c16 dl .boxx .left{ width:100%; overflow:hidden;}
.c16 dl .boxx .left img{ display:block; width:100%;}
.c16 dl dd .left img{ float:right;}
.c16 dl .boxx .right{ width:90%; padding:10px 5%; overflow:hidden;}
.c16 dl .boxx .right .nei{ width:100%;}
.c16 dl .boxx .right .nei .biaos{ font-size:18px; line-height:28px; height:28px; color:#008cd7;}
.c16 dl .boxx .right .nei .wz{ font-size:14px; line-height:24px; height:96px;}
}
.xbox .wen img{ max-width:99999999px !important;}

.a-service{ display:none !important;}

/*微信*/
.bd_weixin_popup{ position:fixed; left:5%; top:10%; padding:10px; width:90%; box-sizing:border-box; height:320px; 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;}
.bbg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,0.7); display:none;}

/*视频*/
@media screen and (min-width:1281px){
.cs{ width:100%; margin-top:50px;}
.cs .biao{ width:100%; text-align:center;}
.cs .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.cs .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.cs ul{ width:1215px; display:block; overflow:hidden;}
.cs ul li{ width:390px; height:300px; display:block; float:left; margin-top:20px; margin-right:15px; overflow:hidden;}
.cs ul li iframe{ display:block; width:100%; height:300px; overflow:hidden;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.cs{ width:100%; margin-top:40px;}
.cs .biao{ width:100%; text-align:center;}
.cs .biao span{ display:block; font-size:24px; margin:auto; color:#333; font-weight:bold;}
.cs .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:10px;}
.cs ul{ width:100%; display:block; overflow:hidden;}
.cs ul li{ width:31.33%; margin-right:3%; display:block; overflow:hidden; margin-top:15px; float:left; margin-right:3%;}
.cs ul li:nth-child(3n){ margin-right:0;}
.cs ul li iframe{ display:block; width:100%; height:250px; overflow:hidden;}
}

@media only screen and (max-width:768px){
.cs{ width:100%; margin-top:15px;}
.cs .biao{ width:100%; text-align:center;}
.cs .biao span{ display:block; font-size:18px; margin:auto; color:#333; font-weight:bold;}
.cs .biao b{ width:40px; height:4px; background-color:#008cd7; display:block; margin:auto; margin-top:5px;}
.cs ul{ width:100%; display:block; overflow:hidden;}
.cs ul li{ width:48.5%; display:block; overflow:hidden; float:left; margin-top:15px; margin-right:3%;}
.cs ul li:nth-child(2n){ margin-right:0;}
.cs ul li iframe{ display:block; width:100%; height:200px; overflow:hidden;}
}

/*产品视频*/
@media screen and (min-width:1281px){
.c01 iframe{ width:100%; height:560px; display:block;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.c01 iframe{ width:100%; height:400px; display:block;}
}

@media only screen and (max-width:768px){
.c01 iframe{ width:100%; height:260px; display:block;}
}