@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.5 "微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
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;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; height:90px; position:absolute; z-index:99;}
.header .line{ width:100%; height:1px; background-color:rgba(255,255,255,.0); position:absolute; left:0; bottom:0; z-index:1;}
.header .head{ width:1200px; margin:auto; height:100%; position:relative; z-index:3;}
.header .head .logo{ float:left; height:60px; padding:15px 0;}
.header .head .logo img{ display:block; height:60px;}
.header .head .icon{ display:block; height:100%; float:right; margin-left: 5px;}
.header .head .icon li{ display:block; height:100%; float:left; margin-left:15px; position:relative;}
.header .head .icon li span{ height:100%; display:block; position:relative; display:flex; align-items:center;}
.header .head .icon li span img{ display:block; height: 18px; margin-top: 21px;}
.header .head .icon li dl{ display:none; width:140px; z-index:99; position:absolute; top:100%; right:-20px;}
.header .head .icon li dl dt{ display:block; border:solid transparent; content:" "; height:0; width:0; pointer-events:none; border-bottom-color:rgba(0,0,0,.7); border-width:8px; margin-left:102px;}
.header .head .icon li dl dd{ display:block; background:rgba(0,0,0,.7); padding:10px; border-radius:4px;}
.header .head .icon li dl dd img{ width:120px; display:block; }
.header .head .icon li:hover dl{ display:block;}
.header .head #main-nav{ display:block; height:100%; float:right;}
.header .head #main-nav li{ display:block; height:100%; float:left; margin-left:20px; position:relative;}
.header .head #main-nav li span{ height:100%; display:block; position:relative; display:flex; align-items:center;}
.header .head #main-nav li span a{ font-size:16px; line-height:30px; color:#fff; display:flex; align-items:center; margin-top: 15px;}
.header .head #main-nav li span a img{ display:block; margin-left:5px; height:4px;}
.header .head #main-nav li:hover span a img{ transform:rotateX(180deg);}
.header .head #main-nav li span:after{ content:""; background:linear-gradient(to right,rgba(51,178,193,1),rgba(51,178,193,.3)); width:0; height:4px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.header .head #main-nav li.on span:after{ width:100%;}
.header .head #main-nav li dl{ display:none; width:140px; z-index:99; position:absolute; top:100%; left:-20px;}
.header .head #main-nav li dl dt{ display:block; border:solid transparent; content:" "; height:0; width:0; pointer-events:none; border-bottom-color:rgba(0,0,0,.7); border-width:8px; margin-left:20px;}
.header .head #main-nav li dl dd{ display:block; background:rgba(0,0,0,.7); padding:15px 20px; border-radius:4px;}
.header .head #main-nav li dl dd a{ padding:2px 0; display:block; color:#fff; line-height:24px; font-size:14px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .head #main-nav li:hover dl{ display:block;}
.header .head #main-nav li dl dd a:hover{ color:#33b2c1 !important;}

/*banner*/
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.banner .swiper-slide .wen{ width:1200px; position:absolute; left:50%; top:50%; transform:translateY(-50%); margin-left:-600px; z-index:3;}
.banner .swiper-slide .wen .w01{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:56px; line-height:64px; font-weight:bold; color:#fff;}
.banner .swiper-slide .wen .w01 span{ color:#33b2c1;}
.banner .swiper-slide .wen .w02{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:48px; line-height:58px; font-weight:bold; color:#fff; margin-top:30px; letter-spacing:15px;}
.banner .swiper-slide .wen .w03{ transform:translateY(200px); opacity:0; transition:all 0.8s; margin-top:65px;}
.banner .swiper-slide .wen .w03 a{ width:140px; height:40px; display:block; background-image:url(../images/more.png); font-size:14px; line-height:40px; text-indent:20px; color:#33b2c1;}
.banner .swiper-slide .wen .w03 a:hover{ background-image:url(../images/more01.png); color:#fff;}
.banner .swiper-slide.swiper-slide-active .wen .w01{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w02{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w03{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide .blogo{ display:none; position: absolute; right: 0; height: 80px; top: 50%; margin-top: -40px;}
.banner .swiper-slide .blogo img{ display:block; height:80px; }
.banner .swiper-slide:last-child .blogo{ display:block; }
.banner .down{ position:absolute; left:50%; bottom:30px; margin-left:-600px; z-index:3; cursor:pointer; transition:all 0.5s;}
.banner .down p{ display:block; writing-mode:vertical-rl; color:#fff; font-size:14px; width:22px; text-align:center; margin-left:-5px;}
.banner .down span{ display:block; overflow:hidden; width:1px; height:30px; margin-top:10px; background-color:rgba(255,255,255,.3);}
.banner .down:hover{ padding-bottom:10px;}
.banner .swi{ position:absolute; right:50%; margin-right:-600px; bottom:60px; z-index:3;}
.banner .swi .swiper-button-prev{ width:38px; height:38px; float:left; cursor:pointer; border:1px solid #fff; border-bottom-left-radius:20px; border-top-left-radius:20px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat;}
.banner .swi .swiper-button-next{ width:38px; height:38px; float:left; cursor:pointer; border:1px solid #fff; border-bottom-right-radius:20px; border-top-right-radius:20px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; margin-left:10px;}
.banner .swi .swiper-button-prev:hover,.banner .swi .swiper-button-next:hover{ border:1px solid #33b2c1; background-color:#33b2c1;}

/*公司简介*/
.title{ width:1200px; margin:auto; position:relative; z-index:3;}
.title .t01{ width:100%;}
.title .t01 p{ display:block; float:left; font-size:30px; line-height:36px; height:40px; overflow:hidden;}
.title .t01 b{ width:12px; height:12px; display:block; overflow:hidden; background-color:#33b2c1; float:left; margin-left:10px; margin-top:22px;}
.title .t02{ width:100%; font-size:16px; line-height:24px; height:24px; text-transform:uppercase; color:#999; margin-top:-4px;}
.title .t03{ font-size:16px; line-height:26px; position:absolute; right:0; bottom:0; text-align:right; max-width:1000px;}
.title .t04{ position:absolute; right:0; bottom:5px;}
.title .t04 a{ width:140px; height:40px; display:block; background-image:url(../images/more01.png); font-size:14px; line-height:40px; text-indent:20px; color:#fff; background-position:left top; background-repeat:no-repeat; transition:.5s;}
.title .t04 a:hover{ padding-right:10px;}

.abox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:740px; float:left;}
.abox .box .left .title{ width:100%;}
.abox .box .left .bt{ font-size:24px; line-height:34px; font-weight:bold; color:#33b2c1; margin-top:20px;}
.abox .box .left .bt a{ color:#33b2c1;}
.abox .box .left .wen{ font-size:14px; line-height:30px; max-height:150px; margin-top:9px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.abox .box .left .more{ width:100%; margin-top:32px;}
.abox .box .left .more a{ width:140px; height:40px; display:block; background-image:url(../images/more01.png); font-size:14px; line-height:40px; text-indent:20px; color:#fff; background-position:right top; background-repeat:no-repeat; transition:.5s;}
.abox .box .left .more a:hover{ padding-left:10px;}
.abox .box .left .list{ margin-top:70px; width:100%; height:180px; background-position:center; background-size:cover; position:relative;}
.abox .box .left .list .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(51,178,193,.9); z-index:1;}
.abox .box .left .list ul{ display:block; position:relative; z-index:3; overflow:hidden; padding:10px 0;}
.abox .box .left .list ul li{ width:295px; display:block; float:left; margin-left:50px; margin-top:20px;}
.abox .box .left .list ul li b{ display:block; color:#fff; font-size:18px; line-height:28px; overflow:hidden;}
.abox .box .left .list ul li b span{ width:6px; height:6px; display:block; float:left; overflow:hidden; margin:11px 10px; margin-left:0; background-color:#fff;}
.abox .box .left .list ul li p{ display:block; padding-left:16px; color:#fff; font-size:14px; line-height:24px; overflow:hidden; margin-top:-2px; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .right{ width:410px; height:590px; position:relative; float:right; margin-top:5px;}
.abox .box .right a{ width:360px; height:540px; position:relative; float:right; z-index:2; display:block; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .box .right b{ width:354px; height:204px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-image:url(../images/abg_03.jpg); background-position:left bottom; background-repeat:no-repeat;}

/*主营业务*/
.bbox{ width:100%; padding-top:65px; padding-bottom:220px; position:relative; z-index:1; background-color:#f7f7f7; background-position:bottom center; background-repeat:no-repeat;}
.bbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.bbox .box .list{ width:1210px; display:block; overflow:hidden;}
.bbox .box .list li{ width:340px; height:400px; display:block; overflow:hidden; float:left; position:relative; margin-top:25px; margin-right:10px; transition:width 0.5s; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box .list li .bg{ width:100%; height:100%; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));}
.bbox .box .list li .bt{ width:calc(100% - 40px); position:absolute; left:20px; bottom:25px; z-index:2; transition:0.5s;}
.bbox .box .list li .bt .w01{ font-size:18px; color:#fff; line-height:28px; height:28px; font-weight:bold;}
.bbox .box .list li .bt .w02{ font-size:14px; color:#fff; line-height:24px; height:24px; text-transform:uppercase;}
.bbox .box .list li .wen{ width:calc(100% - 60px); position:absolute; left:30px; top:-100%; z-index:2; transition:0.5s;}
.bbox .box .list li .wen .w01{ font-size:18px; color:#fff; line-height:28px; height:28px; font-weight:bold;}
.bbox .box .list li .wen .w01 a{ color:#fff;}
.bbox .box .list li .wen .w02{ font-size:14px; color:#fff; line-height:22px; height:22px; text-transform:uppercase;}
.bbox .box .list li .wen .w03{ margin-top:8px; width:140px; height:2px; background-color:rgba(255,255,255,.3);}
.bbox .box .list li .wen .w03 b{ width:30px; height:2px; display:block; background-color:#fff; overflow:hidden;}
.bbox .box .list li .wen .w04{ font-size:14px; color:#fff; line-height:24px; height:144px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:25px;}
.bbox .box .list li .wen .w05{ margin-top:36px;}
.bbox .box .list li .wen .w05 a{ width:140px; height:40px; display:block; background-image:url(../images/more.png); font-size:14px; line-height:40px; text-indent:20px; color:#33b2c1; background-position:right top; background-repeat:no-repeat; transition:.3s;}
.bbox .box .list li .wen .w05 a:hover{ padding-left:10px;}
.bbox .box .list li.on{ width:500px;}
.bbox .box .list li.on .bg{ background:linear-gradient(to top,rgba(51,178,193,.9),rgba(51,178,193,.9));}
.bbox .box .list li.on .bt{ bottom:-100%;}
.bbox .box .list li.on .wen{ top:45px;}

/*发明专利*/
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:2; margin-top:-220px;}
.cbox .bg{ width:100%; height:440px; background-position:center; background-size:cover; position:absolute; left:0; bottom:0; z-index:1;}
.cbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.cbox .box .swiper-slide{ display:block; overflow:hidden;}
.cbox .box .swiper-slide a{ display:block; overflow:hidden; width:283px; height:398px; border:1px solid #ddd;}
.cbox .box .swiper-slide a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .swiper-pagination{ display:flex; justify-content:center; margin-top:30px;}
.cbox .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; background-color:#fff; border-radius:10px; overflow:hidden; opacity:.7;}
.cbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; opacity:1;}

/*产品中心*/
.dbox{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:2; background-color:#fff;}
.dbox .title{ position:absolute; left:50%; margin-left:-600px; top:65px; z-index:4; width:400px;}
.dbox .title .list{ width:100%; padding-top:10px;}
.dbox .title .list a{ display:block; padding-left:20px; width:140px; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; margin-right:40px; margin-top:10px;}
.dbox .title .list a:hover{ background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; color:#33b2c1;}
.dbox .title .t04{ position:relative; margin-top:35px;}
.dbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.dbox .box dl{ width:1220px; display:block; overflow:hidden; margin-left:-10px;}
.dbox .box dl dt{ width:360px; height:270px; padding:10px; float:left; display:block; margin-left:10px; overflow:hidden; position:relative;}
.dbox .box dl dt:nth-child(1){ margin-left:450px;}
.dbox .box dl dd{ width:380px; height:284px; padding:10px; float:left; display:block; margin-right:10px; overflow:hidden; position:relative; margin-top:6px;}
.dbox .box dl dd:nth-child(5),.dbox .box dl dd:nth-child(8){ margin-right:0;}
.dbox .box dl dt .tu{ width:360px; height:270px;}
.dbox .box dl dt .tu img{ height:270px; display:block; margin:auto;}
.dbox .box dl dd .tu{ width:380px; height:284px;}
.dbox .box dl dd .tu img{ height:284px; display:block; margin:auto;}
.dbox .box dl .mask{ width:0; height:0;  position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:rgba(51,178,193,.9); transition:all 0.5s ease;}
.dbox .box dl .mask p{ width:calc(100% - 22px); height:calc(100% - 22px); border:1px solid #fff; display:block; margin:10px; opacity:.3;}
.dbox .box dl dt:hover .mask,.dbox .box dl dd:hover .mask{ opacity:1; width:100%; height:100%;}
.dbox .box dl .wen{ width:300px; position:absolute; left:50%; top:50%; z-index:3; transform:translateX(-50%) translateY(-50%); transition:all 1s ease; opacity:0; text-align:center;}
.dbox .box dl dt:hover:hover .wen,.dbox .box dl dd:hover:hover .wen{ opacity:1;}
.dbox .box dl .wen .c01{ color:#fff; font-size:18px; height:28px; line-height:28px; font-weight:bold;}
.dbox .box dl .wen .c01 a{ color:#fff;}
.dbox .box dl .wen .c02{ color:#fff; font-size:14px; height:24px; line-height:24px;}
.dbox .box dl .wen .c03{ margin-top:8px; width:100%; height:2px;}
.dbox .box dl .wen .c03 img{ display:block; height:2px; margin:auto;}
.dbox .box dl .wen .c04{ font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.dbox .box dl .wen .c04 *{ color:#fff !important;}
.dbox .box dl .wen .c05{ width:118px; height:34px; line-height:34px; border:1px solid rgba(255,255,255,.3); border-radius:40px; text-align:center; color:#fff; font-size:14px; margin:5px auto; margin-top:16px;}
.dbox .box dl .wen .c05 a{ display:block; color:#fff;}
.dbox .box dl .wen .c05:hover{ background-color:#fff; border:1px solid #fff; color:#33b2c1;}
.dbox .box dl .wen .c05:hover a{ color:#33b2c1;}

/*媒体中心*/
.ebox{ width:100%; padding-top:65px; padding-bottom:95px; position:relative; z-index:1; background-color:#f7f7f7;}
.ebox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:380px; float:left; background-color:#fff; padding:30px; padding-top:50px; box-sizing:border-box; margin-top:25px;}
.ebox .box .right{ width:380px; float:left; background-color:#fff; padding:30px; padding-top:50px; box-sizing:border-box; margin-top:25px; margin-left:30px;}
.ebox .box .tou{ width:100%; text-align:center;}
.ebox .box .tou img{ display:block; height:50px; margin:auto;}
.ebox .box .tou p{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; margin-top:10px;}
.ebox .box .left .list{ display:block; overflow:hidden; padding-top:4px;}
.ebox .box .left .list li{ display:flex; align-items:center; overflow:hidden; margin-top:15px;}
.ebox .box .left .list li .tu{ width:110px; height:74px; margin-right:15px;}
.ebox .box .left .list li .tu img{ width:100%; display:block;}
.ebox .box .left .list li .wen{ width:calc(100% - 125px);}
.ebox .box .left .list li .wen a{ font-size:14px; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ebox .box .left .list li .wen p{ font-size:14px; line-height:20px; height:20px; color:#999; display:block; overflow:hidden; margin-top:6px;}
.ebox .box .left .list li .wen a:hover{ color:#33b2c1;}
.ebox .box .right .list{ display:block; overflow:hidden;}
.ebox .box .right .list li{ height:34px; border-bottom:1px dashed #cacaca; padding-left:16px; background-image:url(../images/nli_31.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; margin-top:10px;}
.ebox .box .right .list li:last-child{ border-bottom:none;}
.ebox .box .right .list li a{ font-size:14px; display:block; line-height:34px; height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ebox .box .right .list li a:hover{ color:#33b2c1;}
.ebox .box .right .tu{ margin-top:16px; width:100%; height:120px;}
.ebox .box .right .tu img{ width:100%; display:block;}

/*footer*/
.footer{ width:100%; background-color:#333; position:relative; z-index:2; padding-top:80px;}
.footer .tel{ position:absolute; left:50%; transform:translateX(-50%); top:-25px; min-width:410px; padding:0 20px; box-sizing:border-box; height:50px; border-radius:50px; background-color:#33b2c1; display:flex; justify-content:center; align-items:center;}
.footer .tel b{ display:block; width:20px; height:20px; border-radius:100%; background-color:#fff; overflow:hidden;}
.footer .tel b img{ display:block; height:12px; margin:4px auto;}
.footer .tel p{ display:block; font-weight:bold; color:#fff; margin-left:10px; font-size:16px;}
.footer .tel a{ display:block; font-weight:bold; color:#fff; font-size:24px;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .f01{ width:320px; float:left;}
.footer .foot .f01 .flogo{ height:60px;}
.footer .foot .f01 .flogo img{ display:block; height:60px;}
.footer .foot .f01 .add{ display:block; margin-top:5px;}
.footer .foot .f01 .add dt{ display:block; overflow:hidden; padding-top: 15px;}
.footer .foot .f01 .add dt b{ display:block; width:20px; height:20px; border-radius:100%; background-color:#33b2c1; overflow:hidden; float:left;}
.footer .foot .f01 .add dt b img{ display:block; height:12px; margin:4px auto;}
.footer .foot .f01 .add dt p{ display:block; font-weight:bold; color:#fff; margin-left:10px; font-size:16px; height:20px; line-height:20px; float:left;}
.footer .foot .f01 .add dd{ display:block; overflow:hidden; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02{ display:block; width:300px; float:left; margin-left:50px; padding-top:10px;}
.footer .foot .f02 dt{ display:block; overflow:hidden;}
.footer .foot .f02 dt b{ display:block; width:20px; height:20px; border-radius:100%; background-color:#33b2c1; overflow:hidden; float:left;}
.footer .foot .f02 dt b img{ display:block; height:12px; margin:4px auto;}
.footer .foot .f02 dt p{ display:block; font-weight:bold; color:#fff; margin-left:10px; font-size:16px; height:20px; line-height:20px; float:left;}
.footer .foot .f02 dd{ display:block; overflow:hidden; padding-top:25px;}
.footer .foot .f02 dd a{ width:80px; margin-right:20px; font-size:14px; line-height:24px; height:24px; color:#999; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.footer .foot .f02 dd a:hover{ color:#33b2c1;}
.footer .foot .f03{ display:block; width:300px; float:left; margin-left:30px; padding-top:10px;}
.footer .foot .f03 dt{ display:block; overflow:hidden;}
.footer .foot .f03 dt b{ display:block; width:20px; height:20px; border-radius:100%; background-color:#33b2c1; overflow:hidden; float:left;}
.footer .foot .f03 dt b img{ display:block; height:12px; margin:4px auto;}
.footer .foot .f03 dt p{ display:block; font-weight:bold; color:#fff; margin-left:10px; font-size:16px; height:20px; line-height:20px; float:left;}
.footer .foot .f03 dd{ display:block; overflow:hidden; padding-top:25px;}
.footer .foot .f03 dd a{ width:130px; margin-right:20px; font-size:14px; line-height:24px; height:24px; color:#999; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.footer .foot .f03 dd a:hover{ color:#33b2c1;}
.footer .foot .f04{ float:right; padding-top:20px; display:flex; align-items:center;}
.footer .foot .f04 dt{ width:120px; display:block; overflow:hidden;}
.footer .foot .f04 dt img{ width:100%; display:block;}
.footer .foot .f04 dd{ width:14px; text-align:center; color:#999; font-size:14px; line-height:16px; display:block; margin-left:16px;}
.footer .link{ width:100%; margin-top:65px; background-color:#33b2c1; padding:10px 0;}
.footer .link dl{ width:1200px; margin:auto; min-height:40px; display:flex; align-items:center;}
.footer .link dl dt{ display:block; width:190px; height:20px; overflow:hidden;}
.footer .link dl dt b{ display:block; width:20px; height:20px; border-radius:100%; background-color:#fff; overflow:hidden; float:left;}
.footer .link dl dt b img{ display:block; height:12px; margin:4px auto;}
.footer .link dl dt p{ display:block; font-weight:bold; color:#fff; margin-left:10px; font-size:16px; height:20px; line-height:20px; float:left;}
.footer .link dl dt span{ display:block; font-weight:bold; color:#fff; margin-left:5px; font-size:16px; height:20px; line-height:20px; float:left; text-transform:uppercase;}
.footer .link dl dd{ width:1010px; display:block; overflow:hidden;}
.footer .link dl dd a{ font-size:14px; line-height:20px; height:20px; display:block; float:left; margin-left:30px; color:#fff; opacity:.7;}
.footer .link dl dd a:hover{ opacity:1;}

.footer .bq{ width:1200px; margin:auto; height:60px;}
.footer .bq dt{ display:block; float:left; overflow:hidden;}
.footer .bq dt p{ display:block; float:left; font-size:14px; height:60px; line-height:60px; color:#999; margin-right:40px;}
.footer .bq dt p a{ color:#999;}
.footer .bq dd{ display:block; float:right; overflow:hidden;}
.footer .bq dd p{ display:block; float:left; font-size:14px; height:60px; line-height:60px; color:#999; margin-left:40px;}
.footer .bq dd p a{ color:#999;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(51,178,193,0.9); border-radius:5px; position:fixed; right:30px; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
.ban{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
.ban .ntitle{ width:1200px; position:absolute; left:50%; top:165px; transform:translateX(-50%);}
.ban .ntitle .t01{ font-size:54px; line-height:60px; font-weight:bold; color:#fff;}
.ban .ntitle .t01 span{ font-style:normal; color:#33b2c1;}
.ban .ntitle .t02{ width:100%; margin-top:10px;}
.ban .ntitle .t02 p{ color:#fff; display:block; float:left; font-size:30px; line-height:36px; height:40px; overflow:hidden;}
.ban .ntitle .t02 b{ width:12px; height:12px; display:block; overflow:hidden; background-color:#33b2c1; float:left; margin-left:10px; margin-top:22px;}
.ban .wei{ position:absolute; right:50%; margin-right:-600px; bottom:15px; font-size:14px; line-height:24px; color:#fff; padding-left:25px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; height:70px; position:relative; margin:auto; position:relative; z-index:3; background-color:#f7f7f7; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.dao a{ display:block; margin:0 15px; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.dao a:hover{ color:#33b2c1;}
.dao a.on{ color:#33b2c1;}

.main{ width:100%; padding-top:45px; padding-bottom:95px; background-color:#fff; position:relative; z-index:1;}
.titles{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.titles .t01{ font-size:30px; line-height:40px; font-weight:bold; letter-spacing:5px; text-indent:5px;}
.titles .t02{ font-size:16px; line-height:26px; color:#666; margin-top:4px;}
.titles .t03{ width:60px; height:5px; margin:auto; margin-top:10px;}
.titles .t03 p{ width:45px; height:5px; border-radius:5px; background-color:#33b2c1; display:block; float:left; overflow:hidden;}
.titles .t03 span{ width:10px; height:5px; border-radius:5px; background-color:#999; display:block; float:right; overflow:hidden;}

/*走进天科*/
.ab01{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab01 .left{ width:740px; float:left;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:8px 20px; font-size:16px; line-height:24px; color:#fff; background-color:#33b2c1;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.ab01 .left .w04{ font-size:14px; line-height:30px; margin-top:10px;}
.ab01 .right{ width:410px; height:590px; position:relative; float:right;}
.ab01 .right a{ width:360px; height:540px; position:relative; float:right; z-index:2; display:block; overflow:hidden;}
.ab01 .right a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab01 .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.ab01 .right b{ width:354px; height:204px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-image:url(../images/abg_03.jpg); background-position:left bottom; background-repeat:no-repeat;}
.ab01 .wen{ font-size:14px; line-height:30px; float:left; width:100%;}
.ab01 .wen img{ max-width:100%; height:auto; }

.ab02{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab02 .left{ width:480px; padding-right:20px; padding-bottom:20px; float:left; position:relative;}
.ab02 .left p{ width:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.ab02 .left p img{ width:100%; display:block;}
.ab02 .left b{ width:120px; height:120px; display:block; background-color:#33b2c1; position:absolute; right:0; bottom:0; z-index:1;}
.ab02 .right{ width:650px; float:right; margin-top:25px;}
.ab02 .right .w01{ width:100%; font-size:24px; line-height:34px; font-weight:bold;}
.ab02 .right .w02{ width:60px; height:2px; background-color:#33b2c1; margin-top:10px;}
.ab02 .right .w03{ width:100%; font-size:14px; line-height:30px; margin-top:17px;}

.ab03{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab03 .left{ width:550px; float:right;}
.ab03 .left img{ width:100%; display:block;}
.ab03 .right{ width:580px; float:left;}
.ab03 .right ul{ display:block; overflow:hidden;}
.ab03 .right ul li{ display:block; overflow:hidden; position:relative; margin-top:35px; padding-left:10px;}
.ab03 .right ul li em{ display:block; position:relative; z-index:3; font-size:48px; line-height:45px; height:45px; font-weight:bold; font-family:Arial; color:#33b2c1; width:66px; float:left; margin-top:2px;}
.ab03 .right ul li p{ width:calc(100% - 66px); display:block; font-size:18px; font-weight:bold; line-height:28px; float:left;}
.ab03 .right ul li p a{ display:block; font-size:16px; line-height:26px; font-weight:normal; color:#666;}
.ab03 .right ul li span{ width:100%; height:10px; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; background-color:#33b2c1; opacity:0.3; display:block; overflow:hidden;}

.ab04{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab04 .tab_menu{ display:block; width:300px; float:left; margin-top:-5px;}
.ab04 .tab_menu li{ display:block; overflow:hidden; margin-top:30px; position:relative; cursor:pointer;}
.ab04 .tab_menu li strong{ width:90px; height:90px; border-radius:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.ab04 .tab_menu li strong img{ width:100%; display:block;}
.ab04 .tab_menu li p{ display:block; padding:10px 40px; height:50px; width:150px; position:absolute; right:0; top:50%; margin-top:-35px; z-index:1; background-color:#eee; border-radius:10px;}
.ab04 .tab_menu li p span{ display:block; font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ab04 .tab_menu li p a{ display:block; font-size:14px; line-height:22px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ab04 .tab_menu li.selected p{ background-color:#33b2c1;}
.ab04 .tab_menu li.selected span,.ab04 .tab_menu li.selected a{ color:#fff;}
.ab04 .tabox{ width:800px; float:right;}
.ab04 .tabox .left{ width:380px; float:left; border-radius:10px;}
.ab04 .tabox .left img{ width:100%; display:block;}
.ab04 .tabox .right{ width:370px; float:right;}
.ab04 .tabox .right .a01{ font-size:24px; line-height:34px; margin-top:25px;}
.ab04 .tabox .right .a02{ font-size:18px; line-height:30px; padding-bottom:5px; border-bottom:1px solid #cacaca; color:#33b2c1;}
.ab04 .tabox .right .a03{ font-size:14px; line-height:24px; margin-top:25px;}

.ab05{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}

.ab06{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab06 .list{ width:1220px; padding-top:10px;}
.ab06 .list a{ width:285px; height:190px; display:block; margin-top:20px; margin-right:20px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.ab06 .list a img{ width:100%; margin:auto; 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;}
.ab06 .list a span{ display:block; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; padding:0 20px; box-sizing:border-box;}
.ab06 .list a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#33b2c1;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#33b2c1;}

.ab07{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab07 .list{ width:1230px;}
.ab07 .list a{ width:380px; height:285px; display:block; margin-top:30px; margin-right:30px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.ab07 .list a img{ width:100%; margin:auto; display:block;}
.ab07 .list a span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; line-height:26px; background-color:rgba(51,178,193,0.9); font-size:16px; color:#fff; position:absolute; left:0; top:100%; padding:0 20px; box-sizing:border-box; transition:.5s;}
.ab07 .list a:hover span{ top:0;}

/*产品中心*/
.pro{ width:1200px; margin:auto; position:relative; z-index:3;}
.pro .list{ width:100%; display:block; padding-top:10px;}
.pro .list li{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.pro .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .list li a{ display:block; overflow:hidden; padding:9px; padding-bottom:0; border:1px solid #eee; border-radius:5px; position:relative; background-color:#fff;}
.pro .list li a:hover{ border:1px solid #33b2c1;}
.pro .list li .tu{ width:100%; border-radius:5px; background-color:#f7f7f7; position:relative;}
.pro .list li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.pro .list li .tu img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro .list li .more{ position:absolute; right:19px; bottom:69px; width:30px; height:30px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; display:block; overflow:hidden; background-color:#333;}
.pro .list li a:hover .more{ background-color:#33b2c1;}
.pro .list li .wen{ padding:15px 10px;}
.pro .list li .wen span{ width:calc(100% - 40px); display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:2px;}
.pro .list a:hover .wen span{ color:#33b2c1;}

/*产品中心内页*/
.chan{ width:1200px; margin:50px auto;}
.chan .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;}
.chan .swiper-container-android .swiper-slide,.chan .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);}
.chan .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;}
.chan .swiper-pagination{ position:absolute; text-align:center; -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;}

.cl{ width:638px; height:340px; float:left; border:1px solid #cacaca;} 
.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; height:100%;}
.cl .swiper-button-prev{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#33b2c1;}
.cl .swiper-button-next{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#33b2c1;}

.cr{ width:510px; float:right; padding-top:15px;}
.cr .tou{ font-size:24px; line-height:34px; color:#33b2c1; margin-bottom:5px;}
.cr .wen{ font-size:14px; max-height:72px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:10px;}
.cr .xx p{ display:block; line-height:24px; font-size:14px; margin-top:5px;}

.pro02{ width:1200px; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; width:160px; line-height:40px; height:40px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:16px; cursor:pointer;}
.pro02 .tab_menu li:hover a{ color:#33b2c1;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#33b2c1,#76ccd6);}
.pro02 .wen{ margin-bottom:95px;}
.pro02 .box{ width:100%; margin-top:20px; font-size:14px; line-height:24px;}
.pro02 .box img{ max-width:100%; height:auto;}

/*防水系统*/
.xt{ width:1200px; margin:auto; margin-top:30px;}
.xt img{ max-width:100%; height:auto;}

/*研发创新*/
.yf01{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.yf01 .swiper-container{ width:100%; position:relative; height:530px;}
.yf01 .swiper-container .swiper-slide{ width:840px; height:530px; margin:0 30px; position:relative; overflow:hidden;}
.yf01 .swiper-container .swiper-slide img{ width:100%; display:block;}
.yf01 .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.yf01 .swiper-container .swiper-slide .wen{ padding:15px 20px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(51,178,193,.9);}
.yf01 .swiper-container .swiper-slide .wen .h01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.yf01 .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.yf01 .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.yf01 .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.yf01 .swiper-button-white{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; z-index:3;}
.yf01 .swiper-button-white img{ width:100%; display:block;}
.yf01 .swiper-button-prev{ left:30px;}
.yf01 .swiper-button-next{ right:30px;}

.yf02{ width:1200px; margin:auto; padding-top:10px; position:relative; z-index:3;}
.yf02 a{ display:block; float:left; overflow:hidden; width:283px; height:398px; border:1px solid #ddd; margin-left:20px; margin-top:20px;}
.yf02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.yf02 a img{ width:100%; display:block;}
.yf02 a:hover{ border:1px solid #33b2c1;}

/*工程案例*/
.case{ width:1200px; margin:auto; position:relative; z-index:3;}
.case .case01{ width:100%; font-size:14px; line-height:24px; margin-top:25px;}
.case .list{ width:100%; display:block; padding-top:5px;}
.case .list li{ width:285px; float:left; margin-top:20px; margin-left:20px; position:relative; overflow:hidden;}
.case .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .list li .t01{ width:100%; height:213px; position:relative;}
.case .list li .t01 img{ height:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .list li:hover .t01 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);}
.case .list li .t02{ width:100%; font-size:14px; line-height:40px; height:40px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.case .list li .t03{ width:100%; height:1px; background-color:#ddd;}
.case .list li .t03 span{ width:30px; display:block; height:1px; background-color:#33b2c1; overflow:hidden; transition:.5s;}
.case .list li:hover .t02{ color:#33b2c1;}
.case .list li:hover .t03 span{ width:100%;}

/*媒体中心*/
.news{ width:1200px; margin:auto; position:relative; z-index:3;}
.news .list{ width:100%; display:block;}
.news .list li{ display:flex; align-items:center; overflow:hidden; padding:30px 0; border-bottom:1px solid #eee;}
.news .list li .left{ width:300px; height:214px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(100% - 320px); margin-left:20px;}
.news .list li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#33b2c1;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.news .list li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:10px; padding-top:10px; border-top:1px solid #eee; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:10px; padding-bottom:5px;}
.news .list li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#f7f7f7; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.news .list li .right .w04 a:hover{ background-color:#33b2c1; color:#fff;}

/*媒体中心内页*/
.ny{ width:1200px; margin:auto; padding-top:45px; padding-bottom:95px; position:relative; z-index:1;}
.ny .lbar{ width:890px; float:left;}
.ny .lbar .bt{ color:#33b2c1; font-size:24px; line-height:34px;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.ny .lbar .fb{ font-size:18px; line-height:28px; font-weight:bold; margin-top:20px; color:#33b2c1;}
.ny .lbar .list{ display:block;}
.ny .lbar .list li{ font-size:14px; line-height:24px; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #eee; width:33.33%; display:block; float:left; overflow:hidden;}
.ny .lbar .list li:nth-child(7){ width:100%;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:780px; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:6px;}
.ny .lbar .back p a:hover{ color:#33b2c1;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#33b2c1;}

.ny .rbar{ width:258px; border:1px solid #eee; border-top:2px solid #33b2c1; float:right; margin-top:5px;}
.ny .rbar .bt{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; height:165px; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#33b2c1;}

/*服务支持*/
.fw01{ width:1200px; margin:auto; position:relative; z-index:3;}
.fw01 .list{ width:100%; display:block; overflow:hidden;}
.fw01 .list li{ display:block; background-color:#f7f7f7; width:380px; float:left; margin-top:30px; margin-left:30px; overflow:hidden; padding:40px 30px; padding-top:35px; box-sizing:border-box;}
.fw01 .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw01 .list li .w01{ font-size:14px; line-height:24px; height:24px; color:#999; text-overflow:ellipsis; white-space:nowrap;}
.fw01 .list li .w02{ margin-top:5px;}
.fw01 .list li .w02 a{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.fw01 .list li .w02 a:hover{ color:#33b2c1;}
.fw01 .list li .w03{ font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px; color:#666;}
.fw01 .list li .w04{ margin-top:10px;}
.fw01 .list li .w04 a{ display:block; height:24px; line-height:24px; font-size:14px; color:#666; float:right;}
.fw01 .list li .w04 a:hover{ color:#33b2c1;}

.mapbox{ width:1200px; margin:auto; margin-top:30px; min-height:540px; position:relative; padding:30px; box-sizing: border-box;}
.mapbox #map{ width:100%; height:100%; position: absolute; left: 0; top: 0; z-index: 1;}
.mapbox .map-dialog{ width:350px; padding:20px 30px; box-sizing:border-box; background-color:#fff; position: relative; z-index: 2;}
.mapbox .map-dialog .bt{ font-size:18px; line-height:28px;}
.mapbox .map-dialog .list{ overflow:hidden; margin-top:5px;}
.mapbox .map-dialog .list .map-item{ padding:10px 0; border-bottom:1px solid #eee; overflow:hidden;}
.mapbox .map-dialog .list .map-item:last-child{ border-bottom:none; padding-bottom:0;}
.mapbox .map-dialog .list .map-item .tit{ font-size:14px; line-height:24px; color:#999;}
.mapbox .map-dialog .list .map-item .con{ font-size:14px; line-height:24px; color:#333;}
.mapbox .map-dialog .list .map-item .con p{ width:120px; border:1px solid #eee; display:block; margin-top:5px;}
.mapbox .map-dialog .list .map-item .con p img{ width:100%; display:block;}

/*文件下载*/
.down{ width:1200px; margin:auto; position:relative; z-index:3;}
.down .list{ width:100%; display:block;}
.down .list li{ width:calc(100% - 150px); overflow:hidden; display:block; padding:25px 0; border-bottom:1px solid #eee; position:relative; padding-right:150px;}
.down .list li .bt{ padding-left:20px; background-image:url(../images/li01.png); background-position:left center; background-repeat:no-repeat;}
.down .list li .bt:hover{ background-image:url(../images/li.png);}
.down .list li .bt a{ font-size:18px; line-height:28px; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.down .list li .bt a:hover{ color:#33b2c1;}
.down .list li .abstract{ width:calc(100% - 20px); font-size:14px; line-height:24px; display:block; height:48px; margin-left:20px; margin-top:5px; color:#666;}
.down .list li .xz{ position:absolute; right:0; margin-top:-20px; top:50%;}
.down .list li .xz a{ width:126px; height:40px; line-height:40px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-color:#f7f7f7; text-align:center; border-radius:5px; cursor:pointer;}
.down .list li .xz a:hover{ background-color:#33b2c1; color:#fff;}