/*banner begin*/
.box1{ position:relative; width:100%; height:auto;}
.banner{height:750px;overflow:hidden;}
.banner .d1{width:100%;height:750px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:612px; }
.banner .d2 ul{float:left;position:absolute;left:55%;top:0;margin:0 0 0 -96px;display:inline; width:200px; height:15px;}
.banner .d2 li{width:11px;height:11px;overflow:hidden;cursor:pointer; background:#ffffff; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;float:left; margin-right:10px;display:inline;}
.banner .d2 li.nuw{ background:#cecece;}
.baine{ display:none;}
@media(max-width:1024px){
.box2{ clear:both; width:100%;height:750px; position:relative; display:none;}
.baine{ display:block}
}
/*banner end*/

/*main begin*/
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top ; overflow:hidden;} 
.fuw{ height:auto; overflow:hidden;}
.section{width:100%;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left;display:inline;width:25%;height:616px;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:616px;overflow:hidden; padding:168px 33px 0 33px; text-align:center;}
.section ul li .photo img{ margin-bottom:21px;}
.section ul li .photo h1{ text-align:center; color:#333333; font-family:"Microsoft yahei"; font-size:20px; font-weight:18px; margin-bottom:32px; font-weight:bold;}
.section ul li .photo p{ text-align:left; color:#333333; font-size:14px; line-height:24px;}
.section .rsp{width:100%;height:616px;overflow:hidden;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;}
.section .rsp1{ background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;}
.section .rsp2{background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;}
.section .rsp3{ background:url(../images/bg3_4.jpg) no-repeat center bottom #7fbe25;}
.section .text{position:absolute;width:100%;height:616px;left:-100%;top:0px;overflow:hidden;padding:168px 33px 0 33px; text-align:center;}
.section .text img{ margin-bottom:21px;}
.section .text a h1{ text-align:center; color:#fff; font-family:"Microsoft yahei"; font-size:20px; font-weight:bold; font-weight:18px; margin-bottom:32px;}
.section .text a p{ text-align:left; color:#fff; font-size:14px; line-height:24px;}
@media(max-width:568px){
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;} 
.section ul li{float:left;display:inline;width:100%;height:auto;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:auto;overflow:hidden; padding:60px 33px 60px 33px; text-align:center;}
.section .text{position:absolute;width:100%;height:auto;left:-100%;top:0px;overflow:hidden;padding:60px 33px 60px 33px; text-align:center;}
.section .rsp{width:100%;height:400px;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;overflow:hidden;}
.section .rsp1{width:100%;height:400px;position: absolute;background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;top:0px;left:0px;overflow:hidden;}
.section .rsp2{width:100%;height:400px;position: absolute;background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;top:0px;left:0px;overflow:hidden;}
.section .rsp3{width:100%;height:400px;position: absolute;background:url(../images/bg3_3.jpg) no-repeat center bottom #7fbe25;top:0px;left:0px;overflow:hidden;}
}
@media(max-width:320px){
.box3{ clear:both; width:100%; height:auto;background:url(../images/bg2.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;} 
.section ul li{float:left;display:inline;width:100%;height:auto;overflow:hidden;position:relative;}
.section ul li .photo{width:100%;height:auto;overflow:hidden; padding:60px 33px 60px 33px; text-align:center;}
.section .text{position:absolute;width:100%;height:auto;left:-100%;top:0px;overflow:hidden;padding:60px 33px 60px 33px; text-align:center;}
.section .rsp{width:100%;height:360px;position: absolute;background:url(../images/bg3.jpg) no-repeat center bottom #04afa6;top:0px;left:0px;overflow:hidden;}
.section .rsp1{width:100%;height:360px;position: absolute;background:url(../images/bg3_1.jpg) no-repeat center bottom #5754bd;top:0px;left:0px;overflow:hidden;}
.section .rsp2{width:100%;height:360px;position: absolute;background:url(../images/bg3_2.jpg) no-repeat center bottom #ffc57a;top:0px;left:0px;overflow:hidden;}
.section .rsp3{width:100%;height:360px;position: absolute;background:url(../images/bg3_3.jpg) no-repeat center bottom #7fbe25;top:0px;left:0px;overflow:hidden;}
}

.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat; padding:60px 0 0 0;}
.anli_t{ width:50%; height:auto; margin:0 auto; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; text-align:center; padding-bottom:10px; margin-bottom:24px;}
.anli_t a{ font-size:36px;  color:#393939;}
.anli_t a i{ display:block; color:#ff7200; text-transform:uppercase; font-size:20px;}
.anli_c{ text-align:center; height:auto; color:#04afa6; line-height:30px; margin-bottom:0px; font-size:18px;}
.anli_c a{ color:#04afa6; font-size:18px;}
.tab2{width:auto;}
.tab2 ul.menu{height:auto;background:#fcfcfc;position:relative; width:75%; margin:0 auto;}
.tab2 ul.menu li{float:left;text-align:center;width:9%;height:34px;line-height:27px; color:#666666; font-family:"Microsoft YaHei"; font-size:14px;cursor:pointer; margin-right:1%;}
.tab2 ul.menu li.active{ background:url(../images/bg1.png) no-repeat center bottom;color:#04afa6;}
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9{height:auto; padding-top:30px;clear:both;}
.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9{display:none;}
.conns{width:100%;height:auto;background:#fff;}
.conns ul li{width:25%;height:auto;float:left;position:relative;overflow:hidden;cursor:pointer;}
.conns ul li img{ display:block; width:100%; height:auto;}
.txt1{width:100%;height:0px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑"; }
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:100px;}
.txt1 a i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase;}
.tab2 ul.menu span{ float:left; display:block; width:9%; line-height:27px;}
.tab2 ul.menu a{ color:#666666; font-size:14px;}
@media(max-width:1024px){
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:50px;}
}
@media(max-width:768px){
.anli_t{ width:100%; height:auto; margin:0 auto; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; text-align:center; padding-bottom:10px; margin-bottom:24px;}
.tab2 ul.menu{height:auto;background:#fcfcfc;position:relative; width:95%; margin:0 auto;}
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:30px;}
}
@media(max-width:568px){
.anli_t{ width:100%; height:auto; margin:0 auto; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; text-align:center; padding-bottom:10px; margin-bottom:24px;}
.tab2 ul.menu{height:auto;background:#fcfcfc;position:relative; width:95%; margin:0 auto;}
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:60px;}
.tab2 ul.menu li{float:left;text-align:center;width:32%;height:34px;line-height:27px; color:#666666; font-family:"Microsoft YaHei"; font-size:14px;cursor:pointer; margin-right:1%;}
.conns ul li{width:50%;height:auto;float:left;position:relative;overflow:hidden;cursor:pointer;}
}
@media(max-width:414px){
.anli_t{ width:100%; height:auto; margin:0 auto; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; text-align:center; padding-bottom:10px; margin-bottom:24px;}
.tab2 ul.menu{height:auto;background:#fcfcfc;position:relative; width:95%; margin:0 auto;}
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:30px;}
.tab2 ul.menu li{float:left;text-align:center;width:32%;height:34px;line-height:27px; color:#666666; font-family:"Microsoft YaHei"; font-size:14px;cursor:pointer; margin-right:1%;}
.conns ul li{width:50%;height:auto;float:left;position:relative;overflow:hidden;cursor:pointer;}
}
@media(max-width:320px){
.anli_t{ width:100%; height:auto; margin:0 auto; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; text-align:center; padding-bottom:10px; margin-bottom:24px;}
.tab2 ul.menu{height:auto;background:#fcfcfc;position:relative; width:95%; margin:0 auto;}
.txt1 a{font-size:30px;height:auto;text-align:center; display:block; color:#ffffff; margin-top:70px;}
.tab2 ul.menu li{float:left;text-align:center;width:32%;height:34px;line-height:27px; color:#666666; font-family:"Microsoft YaHei"; font-size:14px;cursor:pointer; margin-right:1%;}
.conns ul li{width:100%;height:auto;float:left;position:relative;overflow:hidden;cursor:pointer;}
}

.box5{ clear:both; width:100%; height:auto; background:url(../images/bg5.jpg) no-repeat center top; padding:54px 0 98px 0;}
.gyu_t{ height:auto; overflow:hidden; line-height:40px; text-align:center; margin-bottom:55px;}
.gyu_t a{ color:#393939; font-size:36px; }
.gyu_t a i{ display:block; text-transform:uppercase; color:#ff7200; font-size:20px;}
.gyu_b{ clear:both; height:auto; overflow:hidden;}
.gyu_bl{ float:left; width:35%; border-top:2px solid #000000; padding-top:67px;}
.gyu_bl p img{ display:block; margin:0 auto;}
.gyu_bl p span{ float:left; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:36px;}
.gyu_br{ float:right; width:62%; height:auto; border-top:2px solid #000000; padding-top:26px;}
.gyu_br h1{ color:#000000; line-height:35px; font-size:18px; font-weight:bold; padding:0 18px; margin-bottom:15px;}
.gyu_br p{ line-height:35px; color:#333333; font-size:14px;}
.gyu_br p span{ color:#00c1cf; font-size:14px;}
.gyu_br p font{ float:left; display:block; width:48%; margin-right:2%;}
.gyu_br p i{ float:left; display:block; width:48%; margin-right:2%;}
@media(max-width:1024px){
.box5{ clear:both; width:100%; height:auto; background:url(../images/bg5.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:54px 0 98px 0;}
}
@media(max-width:414px){
.gyu_bl{ float:left; width:100%; border-top:2px solid #000000; padding-top:67px; margin-bottom:20px;}
.gyu_br{ float:right; width:100%; height:auto; border-top:2px solid #000000; padding-top:26px;}
}

.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center top; padding:117px 0 200px 0;}
.xio_t{ height:auto; overflow:hidden;line-height:40px; text-align:center; margin-bottom:80px;}
.xio_t a{ color:#fff; font-size:36px; }
.xio_t a i{ display:block; text-transform:uppercase; color:#ff7200; font-size:20px;}
.xio_b{ clear:both; height:auto; overflow:hidden;}
.xio_bl{ float:left; width:33.33%; height:auto;}
.xio_blt{ height:auto; min-height:140px; border-left:10px solid #d14853;background:rgba(0,0,0,0.5);/*透明背景色，不透明其文字内容*/position:relative; color:#fff; padding:27px 30px 0 30px; cursor:pointer;}
.xio_blt span{ float:left; color:#ffffff; font-size:24px;}
.xio_blt span i{ display:block; color:#fff; font-size:16px;}
.xio_blt a{ display:none; float:right; background:url(../tu/tu9.png) no-repeat; width:38px; height:38px; margin-top:25px;}
.xio_blt:hover a{ display:block;}
.xio_blb{ clear:both; height:auto; overflow:hidden; padding:25px 17px 0 17px;}
.xio_blb li{ line-height:33px;}
.xio_blb li a{ display:block; width:100%; color:#fff;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.xio_blb li a:hover{ color:#ce0000;}
.xio_blt1{ border-left:10px solid #3671c9;}
.xio_blt2{ border-left:10px solid #459c68;}
@media(max-width:568px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:50px 0 50px 0;}
.xio_bl{ float:left; width:100%; height:auto; margin-bottom:20px;}

.xio_blb li a{ display:block; width:100%; color:#fff;overflow:hidden; white-space:normal; text-overflow:none; font-size:15px;}
}
.box7{ clear:both; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat; padding:45px 0;}
.wio_c{ clear:both; text-align:center; line-height:30px; color:#999999; font-size:14px; font-weight:bold;}
.wio_c p{ text-align:center; line-height:30px; color:#999999; font-size:14px; font-weight:bold;}
.anli_t1{ margin-bottom:0px;}
.wiod{ padding-top:40px;}

.box8{ clear:both; width:100%; background:url(../images/bg7.jpg) no-repeat center top; padding:58px 0 44px 0;}
.hie{ text-align:center; height:auto; line-height:40px; text-align:center; margin-bottom:70px;}
.hie a{ color:#fff; font-size:36px;}
.hie a i{ display:block; text-transform:uppercase; color:#ff7200; font-size:20px;}
.hie_b{ width:83%; margin:0 auto; height:auto; overflow:hidden;}
.hie_bl{ float:left; width:50%; height:auto; min-height:150px; border-bottom:1px dashed #95a7ab; border-right:1px dashed #95a7ab; padding:18px 15px 0 15px;}
.hie_bl dt{ float:left; width:13%; height:auto;}
.hie_bl dt img{ display:block; width:100%; height:auto;}
.hie_bl dd{ float:right; width:80%; height:auto;}
.hie_bl dd p{ line-height:22px; color:#ffffff}
.hie_bl1{ border-right:none;}
.hie_b2{ border-bottom:none;}
@media(max-width:1024px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg7.jpg) no-repeat center top fixed;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:50px 0 50px 0;}
.hie_b{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
}
@media(max-width:768px){
.hie_bl{ float:left; width:100%; height:auto; min-height:150px; border-bottom:1px dashed #95a7ab; border-right:none; padding:18px 15px 0 15px;}
}
/*main end*/

/*关于号角 begin*/
.box11{ height:auto; padding-bottom:100px;}
.gyhi_t{ width:45%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:108px;}
.gyhi_t li{ float:left; margin-right:2%; width:31%; text-align:center;}
.gyhi_t li a{ display:block; width:100%; background:url(../images/bg9.jpg) no-repeat center top; padding:128px 0 66px 0; color:#666666; font-size:20px; }
.gyhi_t li a i{ color:#666666; font-size:12px; text-transform:uppercase; display:block;}
.gyhi_t li a:hover{ background:url(../images/bg10.jpg) no-repeat center top; color:#fff;}
.gyhi_t li a:hover i{ color:#fff;}
.gyhi_t li a.byu{ background:url(../images/bg10.jpg) no-repeat center top; color:#fff;}
.gyhi_t li a.byu i{ color:#fff;}
@media(max-width:1024px){
.gyhi_t{ width:70%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px;}
}
@media(max-width:768px){
.gyhi_t{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:20px 0;}
.gyhi_t li{ float:left; margin-right:2%; width:31%; text-align:center; line-height:40px;}
.gyhi_t li a{ display:block; width:100%; background:url(../images/bg9.jpg) no-repeat center top; color:#666666; font-size:20px; }
.gyhi_t li a{ display:block; width:100%; background:url(../images/bg9.jpg) no-repeat center top; padding:108px 0 60px 0; color:#666666; font-size:20px; }

}
@media(max-width:414px){
.gyhi_t{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:20px 0;}
.gyhi_t li{ float:left; margin-right:2%; width:31%; text-align:center; line-height:40px;}
.gyhi_t li a{ display:block; width:100%; background:#eeeeee; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:0 0 0 0; color:#666666; font-size:20px; }
.gyhi_t li a i{ color:#666666; font-size:12px; text-transform:uppercase; display:none;}
.gyhi_t li a:hover{ background:#28bfca; color:#fff;}
.gyhi_t li a.byu{ background:#28bfca; color:#fff;}
.gyhi_t li a.byu i{ color:#fff;}

}

.boxo{ clear:both; height:auto; overflow:hidden;}
.boxo h1{ text-align:center; color:#333; line-height:40px; font-size:36px; /*background:url(../images/bg.png) no-repeat center bottom;*/ padding-bottom:5px; margin-bottom:3px;}
.boxo p span{ display:block; text-align:center; line-height:35px; color:#868686; font-size:14px;}
.boxo p img{ display:block; margin:0 auto;}
.boxo p font{ color:#00a1ad; font-size:23px;}
.boxo p{ color:#000000; font-size:16px; line-height:35px;}
@media(max-width:414px){
.boxo h1{ text-align:center; color:#000000; line-height:40px; font-weight:bold; font-size:25px; background:url(../images/bg.png) no-repeat center bottom; padding-bottom:15px; margin-bottom:10px;}
}

.qywh{ clear:both; height:auto; background:url(../images/bg11.jpg) no-repeat center bottom #fff; padding-bottom:55px;}
.qywh img{ display:block; margin:0 auto;}
.box1p{ padding-bottom:0px;}
.wmil{ clear:both; height:auto; background:url(../images/bg12.jpg) no-repeat center bottom #fff; padding:59px 0 100px 0;}
.wmil_t{ height:auto; overflow:hidden; background:url(../images/bg.png) no-repeat center bottom; text-align:center; line-height:40px; color:#333333; font-size:36px;  padding-bottom:5px; margin-bottom:90px;}
.wmil_t i{ color:#ff7200; font-size:20px; text-transform:uppercase; display:block;}
.wmil_b{ height:auto; overflow:hidden;}
.wmil_b dl{ float:left; width:32%; margin-right:2%; height:auto; overflow:hidden;}
.wmil_b dl h1{ line-height:30px; color:#2f2f2f; font-size:18px; border-bottom:1px solid #44bac3; font-weight:bold; margin-bottom:12px;}
.wmil_b dt{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.wmil_b dt img{ display:block; width:100%; height:auto;}
.wmil_b dd{ height:auto; overflow:hidden;}
.wmil_b dd p{ line-height:25px; color:#2f2f2f; font-size:16px;}
.wmil_b dl.bk{ margin-right:0%;}


.wmil_b li{ float:left; width:32%; margin-right:2%; height:auto; overflow:hidden;}
.wmil_b li h1{ line-height:30px; color:#2f2f2f; font-size:18px; border-bottom:1px solid #44bac3; font-weight:bold; margin-bottom:12px;}
.wmil_b li p img{ margin-bottom:20px; }
.wmil_b li p{ line-height:25px; color:#2f2f2f; font-size:16px;}
.wmil_b li.bk{ margin-right:0%;}



@media(max-width:414px){
.wmil_b dl{ float:left; width:100%; margin-right:0%; margin-bottom:20px; height:auto; overflow:hidden;}
}

.box12{ background:url(../images/bg13.jpg) no-repeat center bottom; padding-bottom:137px;}
.hxys{ width:96%; height:auto; margin:0 auto; overflow:hidden;}
.wmil_t1{ height:auto; overflow:hidden; background:url(../images/bg.png) no-repeat center bottom; text-align:center; line-height:40px; color:#333; font-size:36px;  padding-bottom:5px; margin-bottom:10px;}
.wmil_t1 i{ color:#ff7200; font-size:20px; text-transform:uppercase; display:block;}
.hys_b{ height:auto; overflow:hidden; text-align:center; line-height:35px; color:#868686; font-size:14px; margin-bottom:18px;}
.hys_b p{text-align:center; line-height:35px; color:#868686; font-size:14px;}
.congi{ height:auto; overflow:hidden;}
.congi_t{ width:66px; height:66px; border:5px solid #51ccd3; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; margin:0 auto; text-align:center; line-height:55px; color:#28bfca; font-size:20px;}
.congi_b{ height:auto; background:url(../images/bg14.jpg) repeat-y 577px top; overflow:hidden;}
.congi_b li{ clear:both; padding-right:548px;}
.congi_b li span{ float:right; display:block; width:53px; height:52px; margin-top:64px;}
.congi_b li b{ float:right; display:block; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:74%; height:179px; background:#f8f8f8; padding:14px 24px;}
.congi_b li font i{ float:left; width:40px; height:40px; background:url(../images/bg15.jpg) no-repeat; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.congi_b li font em{ display:block; float:right; width:85%;}
.congi_b li font h1{ line-height:40px; color:#000000; font-size:20px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;;}
.congi_b li font p{ line-height:23px; color:#868686; font-size:14px; height:115px; overflow:hidden;}
.congi_b li.ods{ padding-left:551px; padding-right:0px;}
.congi_b li.ods span{ float:left; display:block; width:53px; height:52px; margin-top:64px;}
.congi_b li.ods b{ float:left; display:block; width:102px; height:2px; margin-top:80px;}
.congi_b li.ods font{ float:left; width:74%; height:179px; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods font i{ float:left; width:40px; height:40px; background:url(../images/bg15.jpg) no-repeat; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.congi_b li.ods font em{ display:block; float:right; width:85%;}
.congi_b li.ods font h1{ line-height:40px; color:#000000; font-size:18px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;;}
.congi_b li.ods font p{ line-height:23px; color:#868686; font-size:14px; height:115px; overflow:hidden;}
.congi_b li font i.byi{ background:url(../images/bg16.jpg) no-repeat;}
.congi_b li font i.byi1{ background:url(../images/bg17.jpg) no-repeat;}
.congi_b li font i.byi2{ background:url(../images/bg18.jpg) no-repeat;}
.congi_b li font i.byi3{ background:url(../images/bg19.jpg) no-repeat;}
.congi_b li font i.byi4{ background:url(../images/bg20.jpg) no-repeat;}
.congi_b li font i.byi5{ background:url(../images/bg21.jpg) no-repeat;}
.congi_b li font i.byi6{ background:url(../images/bg22.jpg) no-repeat;}
@media(max-width:1024px){
.hxys{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.congi_b{ height:auto; background:none; overflow:hidden;}
.congi_b li{ clear:both; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.congi_b li span{ float:left; display:block; width:53px; height:52px; margin-top:64px;}
.congi_b li b{ float:left; display:block; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:83%; height:179px; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods{ padding-left:0px; padding-right:0px;}
.congi_b li.ods font{ float:left; width:83%; height:179px; background:#f8f8f8; padding:14px 24px;}
}
@media(max-width:768px){
.hxys{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.congi_b{ height:auto; background:none; overflow:hidden;}
.congi_b li{ clear:both; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.congi_b li span{ float:left; display:block; width:53px; height:52px; margin-top:64px;}
.congi_b li b{ float:left; display:block; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:78%; height:179px; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods{ padding-left:0px; padding-right:0px;}
.congi_b li.ods font{ float:left; width:78%; height:179px; background:#f8f8f8; padding:14px 24px;}
}
@media(max-width:736px){
.hxys{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.congi_b{ height:auto; background:none; overflow:hidden;}
.congi_b li{ clear:both; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.congi_b li span{ float:left; display:block; width:53px; height:52px; margin-top:64px;}
.congi_b li b{ float:left; display:block; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:76%; height:179px; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods{ padding-left:0px; padding-right:0px;}
.congi_b li.ods font{ float:left; width:76%; height:179px; background:#f8f8f8; padding:14px 24px;}
}
@media(max-width:667px){
.hxys{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.congi_b{ height:auto; background:none; overflow:hidden; padding-top:20px;}
.congi_b li{ clear:both; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.congi_b li span{ float:none; display:block; width:53px; height:52px; margin:0 auto; margin-top:0px; margin-bottom:20px;}
.congi_b li b{ float:left; display:none; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:100%; height:auto; overflow:hidden; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods{ padding-left:0px; padding-right:0px;}
.congi_b li.ods font{ float:left; width:100%; height:auto; overflow:hidden;background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods span{ float:none; display:block; width:53px; height:52px; margin:0 auto; margin-top:0px; margin-bottom:20px;}
.congi_b li font p{ line-height:23px; color:#868686; font-size:14px; height:auto; overflow:hidden;}
.congi_b li.ods font p{line-height:23px; color:#868686; font-size:14px; height:auto; overflow:hidden;}
.congi_b li.ods b{ float:left; display:none; width:102px; height:2px; margin-top:80px;}
}
@media(max-width:375px){
.hxys{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.congi_b{ height:auto; background:none; overflow:hidden; padding-top:20px;}
.congi_b li{ clear:both; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.congi_b li span{ float:none; display:block; width:53px; height:52px; margin:0 auto; margin-top:0px; margin-bottom:20px;}
.congi_b li b{ float:left; display:none; width:102px; height:2px; margin-top:80px;}
.congi_b li font{ float:left; width:100%; height:auto; overflow:hidden; background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods{ padding-left:0px; padding-right:0px;}
.congi_b li.ods font{ float:left; width:100%; height:auto; overflow:hidden;background:#f8f8f8; padding:14px 24px;}
.congi_b li.ods span{ float:none; display:block; width:53px; height:52px; margin:0 auto; margin-top:0px; margin-bottom:20px;}
.congi_b li font p{ line-height:23px; color:#868686; font-size:14px; height:auto; overflow:hidden;}
.congi_b li.ods font p{line-height:23px; color:#868686; font-size:14px; height:auto; overflow:hidden;}
.congi_b li.ods b{ float:left; display:none; width:102px; height:2px; margin-top:80px;}
.congi_b li font em{ display:block; float:right; width:100%;}
.congi_b li.ods font em{ display:block; float:right; width:100%;}
}



.tab6{width:auto; padding-top:50px;}
.tab6 ul.menu{position:relative; width:45%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:108px; border-bottom:1px solid #eee; padding-left:1%;}
.tab6 ul.menu li{float:left;margin-right:2%; width:31%;padding:0 0 0 0; color:#666666; font-size:20px; text-align:center; line-height:40px; cursor:pointer;}
.tab6 ul.menu li.active{color:#333; border-bottom:3px solid #28bfca;}
.con10,.con11,.con12{height:auto; clear:both;}
.con11,.con12{display:none;}
@media(max-width:568px){
.tab6 ul.menu{position:relative; width:70%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:108px; border-bottom:1px solid #eee; padding-left:1%;}
}
@media(max-width:414px){
.tab6 ul.menu{position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:108px; border-bottom:1px solid #eee; padding-left:1%;}
}

/*关于号角 end*/

/*视频服务 begin*/
.spfw{ padding-top:80px;}
.spfw_t{ height:auto; overflow:hidden; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; color:#333; font-size:36px; text-align:center; margin-bottom:31px;}
.spfw_t i{ display:block; font-size:20px; color:#ff7200; text-transform:uppercase;}
.spfw_b{ clear:both; height:auto; overflow:hidden;}
.spfw_bl{ float:left; width:46%; height:auto; overflow:hidden; margin-bottom:28px; cursor:pointer;}
.spfw_blt{ width:100%; height:9px; background:url(../images/bg23.jpg) no-repeat 25px top; position:relative; bottom:-1px;}
.spfw_blb{ width:100%; height:auto; border:1px solid #eeeeee; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:0 19px 19px 24px; overflow:hidden;}
.spfw_blb dl{ float:left; width:31.5%; height:auto; min-height:232px; background:#f8f8f8; padding:49px 0px 0 0px;}
.spfw_blb dt{ margin-bottom:16px; display:block; width:100%; height:62px; background:url(../tu/tu18.png) no-repeat center center;}
.spfw_blb dt a{ display:block; width:100%; height:100%;}
.spfw_blb dd{ text-align:center;}
.spfw_blb dd p{ text-align:center; color:#46b9c2; font-size:18px; font-weight:bold; line-height:35px;}
.spfw_blb dd p a{ color:#46b9c2; font-size:18px; font-weight:bold; }
.spfw_blb dd p span{ display:block; text-align:center; color:#767676; font-weight:normal;}
.spfw_bl:hover .spfw_blt { background:url(../images/bg24.jpg) no-repeat 25px top; position:relative; bottom:-1px;}
.spfw_bl:hover .spfw_blb dl{ background:#36c4d0;}
.spfw_bl:hover .spfw_blb dt{ background:url(../tu/tu18_1.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dd p,.spfw_bl:hover .spfw_blb dd p span,.spfw_bl:hover .spfw_blb dd p a{ color:#fff;}
.coos{ float:right; width:62%;padding-top:20px;}
.coos p{ line-height:30px; color:#333; font-size:16px;}
.coos p a{ color:#333; font-size:16px;}
.spfw_br{ float:right; margin-bottom:28px;}
.spfw_blb dt.ode{ background:url(../tu/tu19.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dt.ode{ background:url(../tu/tu19_1.png) no-repeat center center;}
.spfw_blb dt.ode1{ background:url(../tu/tu20.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dt.ode1{ background:url(../tu/tu20_1.png) no-repeat center center;}
.spfw_blb dt.ode2{ background:url(../tu/tu21.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dt.ode2{ background:url(../tu/tu21_1.png) no-repeat center center;}
.spfw_blb dt.ode3{ background:url(../tu/tu22.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dt.ode3{ background:url(../tu/tu22_1.png) no-repeat center center;}
.spfw_blb dt.ode4{ background:url(../tu/tu23.png) no-repeat center center;}
.spfw_bl:hover .spfw_blb dt.ode4{ background:url(../tu/tu23_1.png) no-repeat center center;}
@media(max-width:1024px){
.spfw_blt{ width:100%; height:9px; background:url(../images/bg23.jpg) no-repeat 25px top; display:none;}
.spfw_bl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:28px;}
.spfw_blb{ width:100%; height:auto; border:1px solid #eeeeee; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:0 19px 0px 24px; overflow:hidden;}
}
@media(max-width:414px){
.spfw_blb dl{ float:left; width:100%; height:auto; min-height:232px; background:#f8f8f8; padding:49px 0px 0 0px;}
.coos{ float:right; width:100%; padding-top:49px; padding-bottom:30px;}
}

/*视频服务 end*/


/*号角案例 begin*/
.boocd{ clear:both; width:100%; height:auto; background:url(../images/bg25.jpg) repeat; line-height:66px; overflow:hidden;}
.boocdd{ clear:both; width:100%; height:auto; background:url(../images/bg25_2.jpg) repeat; line-height:66px; overflow:hidden;}
.bodi_l{ float:left; width:70%; height:auto; overflow:hidden; line-height:66px;}
.bodi_l span{ float:left; width:11%; color:#fff;}
.bodi_l span a{ color:#ef7d17; font-size:20px; font-weight:bold;}
.bodi_l ul{ float:left; width:88%;}
.bodi_l li{ float:left; width:10%; margin-right:1%; text-align:center;}
.bodi_l li a{ display:block; width:100%; color:#ffffff; font-size:16px; height:auto; text-align:center;}
.bodi_l li a:hover{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
.bodi_l li a.yid{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
.bodi_r{ float:left; width:10%;}
.bodi_r a{ color:#28bfcb; font-size:20px; font-weight:bold;}
@media(max-width:1024px){
.boocd{ clear:both; width:100%; height:auto; background:url(../images/bg25.jpg) repeat; line-height:66px; overflow:hidden; padding:10px 0;}   
.bodi_l{ float:left; width:80%; height:auto; overflow:hidden;  line-height:36px;}
.bodi_l span{ float:left; width:15%; color:#fff;}
.bodi_l span a{ color:#ef7d17; font-size:20px; font-weight:bold;}
.bodi_l ul{ float:left; width:88%;}
.bodi_l li{ float:left; width:10%; margin-right:1%; text-align:center; line-height:36px;}
.bodi_r{ float:left; width:100%; line-height:36px;}
}
@media(max-width:768px){
.bodi_l{ float:left; width:100%; height:auto; overflow:hidden; line-height:30px;}
.bodi_l span{ float:left; width:100%; color:#fff;}
.bodi_l ul{ float:left; width:100%;}
.bodi_r{ float:right; width:100%; line-height:30px;}
}
@media(max-width:667px){
.bodi_l li{ float:left; width:24%; margin-right:1%; text-align:center;}
}

.box13{ clear:both; width:100%; background:#f9f9f9; padding:46px 0;}
.clod{ height:auto; overflow:hidden;}
.clod dl{ float:left; width:24%; height:auto; margin-right:1.3%; margin-bottom:37px;}
.clod dt{ width:100%; height:auto; overflow:hidden;}
.clod dt img{ width:100%; height:auto;}
.clod dd{ height:auto; background:#fff; padding:0 10px; cursor:pointer}
.clod dd h1{ line-height:30px;}
.clod dd h1 a{ color:#000000; font-size:16px; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.clod dd p{ line-height:30px; color:#868686; font-size:14px;}
.clod dd:hover{ background:#36c4cf; color:#fff;}
.clod dd:hover h1 a,.clod dd:hover p{ color:#fff;}
.clod dl.bj{ margin-right:0%;}

.clod1{ height:auto; overflow:hidden;}
.clod1 dl{ float:left; width:20%; height:auto; margin-right:6%; margin-bottom:37px;}
.clod1 dt{ width:100%; height:auto; overflow:hidden;}
.clod1 dt img{ width:100%; height:auto;}
.clod1 dd{ height:auto; padding:0 10px; cursor:pointer;background:#eee; color:#FFF;}
.clod1 dd h1{ line-height:50px; color:#000000; font-size:16px; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clod1 dd h1 a{ color:#000000; font-size:16px; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clod1 dd p{ line-height:50px; color:#868686; font-size:14px;}
.clod1 dd:hover{ background:#ddd;  }
.clod1 dd:hover h1 a,.clod dd:hover p{ color:#333;}
.clod1 dl.bj{ margin-right:0%;}
@media(max-width:568px){
.clod dl{ float:left; width:48%; height:auto; margin-right:2%; margin-bottom:37px;}
}
@media(max-width:375px){
.clod dl{ float:left; width:100%; height:auto; margin-right:0%; margin-bottom:37px;}
}
.fy{ clear:both; line-height:30px; text-align:center; margin-top:15px;} 
.fy div{ clear:both; text-align:center; margin:0 auto;}
.fy div a.prev{ border:1px solid #ebebeb; border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px; background:#e4e4e4; padding:6px 10px; color:#000; margin-right:10px;}
.fy div span.current{ border:1px solid #ebebeb; background:#0caec6; color:#fff;padding:6px 10px; margin-right:10px;}
.fy div a{ border:1px solid #ebebeb; border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px; background:#ebebeb; padding:6px 10px; color:#000; margin-right:10px;}
.fy div a.next{ border:1px solid #ebebeb;  border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px;background:#ebebeb; padding:6px 10px; color:#000; margin-right:10px;}
@media (max-width:320px){
.fy div a.prev{ border:1px solid #ebebeb; background:#ebebeb; padding:3px; color:#000; margin-right:10px;border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px;}
.fy div span.current{ border:1px solid #0caec6; background:#0caec6; color:#fff;padding:3px;margin-right:10px;}
.fy div a{ border:1px solid #ebebeb; background:#ebebeb;padding:3px; color:#000; margin-right:10px;border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px;}
.fy div a.next{ border:1px solid #ebebeb; background:#ebebeb; padding:3px; color:#000; margin-right:10px;border-radisu:3px;-moz-border-radisu:3px;-webkit-border-radisu:3px;}
}


.box14{ height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat; padding-bottom:46px;}
.boci{ line-height:61px; border-bottom:1px solid #eeeeee; margin-bottom:40px;}
.boci a{ color:#000000; font-size:14px;}
.boci a:hover{ color:#ce0000;}
.coii{ height:auto; overflow:hidden;}
.coii h1{ text-align:center; color:#383838; line-height:26px; font-size:16px; margin-bottom:15px;}
.coii h2{ text-align:center; color:#868686; font-size:14px; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:40px;}
.coii p img{ display:block; margin:0 auto;}
.coii p{ line-height:26px; color:#383838; font-size:16px;}
.coii p a{ color:#525252; font-size:14px;}
.bodi_l ul.odp{ float:left; width:88%;}
.bodi_l ul.odp li{ float:left; width:10%; margin-right:1%; text-align:center;}
.bodi_l ul.odp li a{ display:block; width:100%; color:#ffffff; font-size:16px; height:auto; text-align:center;}
.bodi_l ul.odp li a:hover{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
.bodi_l ul.odp li a.yid{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
@media (max-width:736px){
.bodi_l ul.odp li{ float:left; width:32%; margin-right:1%; text-align:center;}
}
@media (max-width:320px){
.bodi_l ul.odp li{ float:left; width:49%; margin-right:1%; text-align:center;}
}

/*号角案例 end*/

/*号角团队 begin*/
.box15{ clear:both; height:auto; overflow:hidden; padding:85px 0;}
.pok{ height:auto; overflow:hidden; margin-bottom:30px;}
.pok_t{ height:auto; overflow:hidden; background:url(../images/bg.png) no-repeat center bottom;text-align:center; line-height:40px; font-size:36px;  margin-bottom:59px;}
.pok_t i{ display:block; text-align:center; color:#ff7200; font-size:20px; text-transform:uppercase;}
.pok_b{ height:auto;}
.pok_b dl{ float:left; width:20%; margin-right:6.6%; margin-bottom:25px;}
.pok_b dt{ position:relative; width:100%; height:auto; margin-bottom:20px;}
.pok_b dt img{ display:block; width:100%; height:auto;}
.pok_b dt span{ display:none; position:absolute; left:0; top:0; background:#00a1ad; width:100%; height:100%; padding:10px 19px 0 19px; color:#ffffff; font-size:14px; line-height:26px;transition: background-color  0.5s ease-in 0.5s;}
.pok_b dt:hover span{ display:block;background:rgba(0, 161, 173, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=1);  background:#00a1ad; }
.pok_b dd{ line-height:30px}
.pok_b dd h1{ color:#000000; line-height:35px; font-size:20px;}
.pok_b dd p{ color:#868686; line-height:35px; font-size:18px;}
.pok_b dl.bj{ margin-right:0%;}
@media (max-width:1024px){
.pok_b dt span{ display:none; position:absolute; left:0; top:0; background:#00a1ad; width:100%; height:100%; padding:20px 19px 0 19px; color:#ffffff; font-size:14px; line-height:26px;transition: background-color  0.5s ease-in 0.5s;}
}
@media (max-width:768px){
.pok_b dt span{ display:none; position:absolute; left:0; top:0; background:#00a1ad; width:100%; height:100%; padding:125px 19px 0 19px; color:#ffffff; font-size:14px; line-height:26px;transition: background-color  0.5s ease-in 0.5s;}
.pok_b dl{ float:left; width:47%; margin-right:3%; margin-bottom:25px;}
}
@media (max-width:414px){
.pok_b dt span{ display:none; position:absolute; left:0; top:0; background:#00a1ad; width:100%; height:100%; padding:125px 19px 0 19px; color:#ffffff; font-size:14px; line-height:26px;transition: background-color  0.5s ease-in 0.5s;}
.pok_b dl{ float:left; width:100%; margin-right:0%; margin-bottom:25px;}
}
.code{ clear:both; line-height:30px; color:#000000; font-size:16px; padding-top:40px;}
.code p{ line-height:30px; color:#000000; font-size:16px; text-align:left;}
/*号角团队 end*/

/*流程套餐 bein*/
.hzxx{ clear:both; width:100%; height:auto; background:url(../images/bg27.jpg) no-repeat center top; padding:112px 0;}
.doso{ text-align:center; line-height:30px; color:#010101; font-size:16px; margin-bottom:76px;}
.doso p{ text-align:center; line-height:30px; color:#010101; font-size:16px;}
.hzxi{ width:83%; height:auto; margin:0 auto;}
.hzxi ul{ float:left; width:31%; margin-right:2%;}
.hzxi li{ width:100%; height:auto; margin-bottom:32px;}
.hzxi li img{ display:block; margin:0 auto;}
.hzxi p{ text-align:center; line-height:30px; color:#010101; font-size:16px;}
@media (max-width:768px){
.hzxi{ width:100%; height:auto; margin:0 auto;}
}
@media (max-width:414px){
.hzxi ul{ float:left; width:100%; margin-right:0%; margin-bottom:20px;}
}
.fwio{ clear:both; height:auto; overflow:hidden; background:url(../images/bg28.jpg) no-repeat center top; padding:115px 0;}
.spfw_t1{ height:auto; overflow:hidden; background:url(../images/bg.png) no-repeat center bottom; line-height:40px; color:#fff; font-size:36px; text-align:center; margin-bottom:77px;}
.spfw_t1 i{ display:block; font-size:20px; color:#ff7200; text-transform:uppercase;}
.doic{ clear:both; height:auto; padding:82px 0;}
.doic_l{ float:left; width:43%;}
.doic_r{ float:right; width:53%; padding-top:40px;}
@media (max-width:768px){
.doic_l{ float:left; width:100%;}
.doic_r{ float:right; width:100%; padding-top:40px;}
}
/*流程套餐 end*/

/*人才招聘 begin*/
.doox{ clear:both; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat; padding:46px 0;}
.doxx{ width:80%; margin:0 auto;}
.doxx dl{ float:left; width:25%; height:auto; margin-right:8%;}
.doxx dt img{ display:block; margin:0 auto;}
.doxx dt{ margin-bottom:30px;}
.doxx dd p{ text-align:center; line-height:36px; color:#666666; font-size:16px;}
.doxx dd p i{ text-align:center; color:#868686; font-size:16px;}
@media (max-width:1024px){
.doxx{ width:100%; margin:0 auto;}
}
@media (max-width:414px){
.doxx dl{ float:left; width:100%; height:auto; margin-right:0%; margin-bottom:15px;}
}
.bopd{ clear:both; height:auto; background:#f8f8f8; padding:76px 0;}
.bopd_t{ height:auto; overflow:hidden; text-align:center; margin-bottom:42px;}
.bopd_b{ width:81%; height:auto; margin:0 auto;}
.bopd_b dt{ float:left; width:24%; height:auto;}
.bopd_b dd{ float:right; width:63%; height:auto; overflow:hidden;}
.bopd_b dd h1{ line-height:36px; color:#383838; font-size:16px;}
.bopd_b dd p{ line-height:25px; color:#000000; font-size:14px;}
@media (max-width:1024px){
.bopd_b{ width:100%; height:auto; margin:0 auto;}
}
@media (max-width:667px){
.bopd_b dt{ float:none; width:100%; height:auto; margin-bottom:20px;}
.bopd_b dt img{ display:block; margin:0 auto;}
.bopd_b dd{ float:right; width:100%; height:auto; overflow:hidden;}
}
.box4r{ clear:both; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat; padding:72px 0;}
.boxk{ float:left; width:50%; height:auto;}
.boxk_k{ height:auto; overflow:hidden; border-bottom:1px solid #434343; line-height:26px; color:#383838; font-size:24px; padding-bottom:10px; margin-bottom:35px;}
.boxk_k span{ display:block; color:#00a1ad; font-size:20px; font-weight:bold;}
.boxk_l1{ height:auto; overflow:hidden; margin-bottom:76px;}
.boxk_l1 p{ line-height:26px; color:#383838; font-size:14px;}
.boxk_l1 p a{ display:block; width:130px; height:37px; background:#ff7200; text-align:center; line-height:37px; color:#fff; font-size:14px;}
.dooxds{ float:right; width:36%; height:auto;}
.doos_t{ width:109px; height:109px; background:#f7f7f7; margin-left:104px;}
.doos_c{ width:436px; height:110px; padding-left:0px;}
.doos_c font{ float:left; display:block; width:110px; height:110px; background:#eeeeee;}
.doos_c span{ float:left; width:110px; height:110px; background:#31c8d3; text-align:center; line-height:36px; padding-top:15px;}
.doos_c span a{ color:#fffefe; font-size:20px; font-weight:bold;}
.dooe_c1{ height:110px; width:210px; margin-left:213px; background:#eeeeee; padding-left:109px;}
.dooe_c1 span{ float:left; width:110px; height:110px; background:#38d78e; text-align:center; line-height:36px; padding-top:15px;}
.dooe_c1 span a{ color:#fffefe; font-size:20px; font-weight:bold;}
.dooe_c3{ height:110px; width:109px; margin-left:210px; background:#eeeeee;}
.dooe_c3 span{ float:left; width:110px; height:110px; background:#fe2d42; text-align:center; line-height:36px; padding-top:15px;}
.dooe_c3 span a{ color:#fffefe; font-size:20px; font-weight:bold;}
.dooe_c2{ height:220px; width:auto; margin-left:0px; background:#eeeeee; }
@media (max-width:768px){
.boxk{ float:left; width:100%; height:auto;}
.dooxds{ float:right; width:100%; height:auto;}
.dooe_c1{ height:auto; width:210px; margin-left:0px; background:#eeeeee; padding-left:0px;}
.dooe_c3{ height:auto; width:auto; margin-left:0px; background:#eeeeee;}
.doos_c{ width:100%; height:auto; background:#e5e5e5; padding-left:0;}
.dooe_c2{ height:auto; width:auto; margin-left:0px; background:#eeeeee; }
}
/*人才招聘 end*/

/*联系号角 begin*/
.boxlx{ clear:both; height:auto; overflow:hidden; background:url(../images/bg29.jpg) no-repeat center top; padding:46px 0;}
.lbox_b{ height:auto; overflow:hidden; width:91%; margin:0 auto;}
.lbox_b dl{ float:left; width:28%; height:auto; margin-right:8%;}
.lbox_b dl.bj{ margin-right:0%;}
.lbox_b dt{ display:block; margin-bottom:20px;}
.lbox_b dt img{ display:block; margin:0 auto;}
.lbox_b dd{ text-align:center; min-height:130px;}
.lbox_b dd p{ text-align:center; line-height:40px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.lbox_b dd p a{ color:#333; font-size:22px; font-family:"Microsoft YaHei";}
@media (max-width:768px){
.lbox_b{ height:auto; overflow:hidden; width:100%; margin:0 auto;}
.lbox_b dl{ float:left; width:31%; height:auto; margin-right:2%;}
}
@media (max-width:414px){
.lbox_b{ height:auto; overflow:hidden; width:100%; margin:0 auto;}
.lbox_b dl{ float:left; width:100%; height:auto; margin-right:0%;}
}
.ocpl{ clear:both; height:auto; padding-top:30px;}
.dooxd{ width:76%; height:auto; margin:0 auto; padding-bottom:50px; overflow:hidden; }
.dooxd dt{ float:left; width:10%; height:auto; padding-top:40px;}
.dooxd dd{ float:right; width:85%;}
.dooxd dd h1{ line-height:36px; color:#383838; font-size:18px; font-weight:bold;}
.dooxd dd p{ line-height:26px; color:#383838; font-size:16px;}

@media (max-width:1024px){
.dooxd{ width:100%; height:auto; margin:0 auto; padding-bottom:50px;}
}
@media (max-width:414px){
.dooxd dt{ float:none; width:100%; height:auto; padding-top:40px;}
.dooxd dt img{ display:block; margin:0 auto;}
.dooxd dd{ float:right; width:100%;}
}
/*联系号角 end*/


/*新闻 begin*/
.xinw{ height:auto; overflow:hidden; padding:57px 0;}
.xinw_t{ height:auto; overflow:hidden; margin-bottom:58px;}
.xinw_t span{ float:left; width:17%; line-height:34px; color:#000000; font-size:16px;}
.xinw_t span a{ color:#000; font-size:16px;}
.xinw_t ul{ float:left; width:63%; height:auto;}
.xinw_t li{ float:left; width:18%; margin-right:2%;}
.xinw_t li a{ display:block; width:100%; line-height:34px; text-align:center; color:#000000; font-size:14px;}
.xinw_t li a:hover{ background:#00a1ad; color:#fff; font-weight:bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.xinw_t li a.udd{ background:#00a1ad; color:#fff; font-weight:bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nav_bss{ margin-top:10px;}
@media (max-width:1024px){
.xinw_t ul{ float:left; width:58%; height:auto;}
}
@media (max-width:768px){
.xinw_t span{ float:left; width:25%; line-height:34px; color:#000000; font-size:16px;}
.xinw_t ul{ float:left; width:75%; height:auto;}
}
@media (max-width:414px){
.xinw_t span{ float:left; width:100%; line-height:34px; color:#000000; font-size:16px;}
.xinw_t ul{ float:right; width:100%; height:auto;}
}
@media (max-width:375px){
.xinw_t span{ float:left; width:100%; line-height:34px; color:#000000; font-size:16px;}
.xinw_t ul{ float:right; width:100%; height:auto;}
.xinw_t li{ float:left; width:31%; margin-right:2%;}
}
.xinw_b{ clear:both; height:auto; overflow:hidden; border-top:1px solid #ccc; padding-top:33px;}
.xinw_b dl{ clear:both; height:auto; overflow:hidden; margin-bottom:49px; cursor:pointer; background:#f9f9f9;}
.xinw_b dt{ float:left; width:28%; height:auto;}
.xinw_b dt img{ display:block; width:100%; height:auto;}
.xinw_b dd{ float:right; width:67%; height:auto; overflow:hidden; margin-right:20px; padding-top:30px;}
.xinw_b dd h1{ border-bottom:1px dashed #333; line-height:26px; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.xinw_b dd h1 a{ display:block; float:left; width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#383838; font-size:18px; font-weight:bold;}
.xinw_b dd h1 span{ float:right; color:#8c8c8c; font-size:14px;}
.xinw_b dd p{ line-height:26px; color:#383838; font-size:16px;}
.xinw_b dd p a{ display:block; float:right; width:241px; height:36px; border:1px solid #ccc; text-align:center; line-height:36px; color:#383838; font-size:18px;}
.xinw_b dl:hover{ background:#36c7d2;}
.xinw_b dl:hover h1 a,.xinw_b dl:hover dd h1 span,.xinw_b dl:hover dd p,.xinw_b dl:hover dd p a{ color:#fff;}
.xinw_b dl:hover h1{ border-bottom:1px dashed #fff;}
@media (max-width:1024px){
.xinw_b dd{ float:right; width:67%; height:auto; overflow:hidden; margin-right:20px; padding-top:0px;}
}
@media (max-width:768px){
.xinw_b dt{ float:none; width:70%; margin:0 auto; height:auto; padding-top:20px;}
.xinw_b dt img{ display:block; width:100%; height:auto;}
.xinw_b dd{ float:none; width:100%; height:auto; overflow:hidden; margin-right:20px; padding:20px 10px ;}
.xinw_b dd h1 a{ display:block; float:left; width:100%;overflow:hidden; white-space:normal; text-overflow:none;
 color:#383838; font-size:18px; font-weight:bold;}
.xinw_b dd h1 span{ float:left; color:#8c8c8c; font-size:14px;}
}

.dixo{ height:auto; overflow:hidden;}
.dixo1{ padding-top:60px;}
.dixo h1{ text-align:center; line-height:36px; color:#383838; font-size:16px;}
.dixo h2{ text-align:center; line-height:36px; color:#868686; font-size:14px; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:20px;}
.dixo p{ line-height:26px; color:#1d1d1d; font-size:16px; clear:both; overflow:hidden;}
.dixo p span{ color:#1d1d1d; font-size:18px; }
.dixo p img{ display:block; margin:0 auto;}
/* .dixo p a img{ float:left;} */

.dixo p a{ color:#868686; font-size:14px;}
.xoid{ height:auto; overflow:hidden; clear:both;}
.xoid h1{ height:auto; overflow:hidden; border-bottom:1px solid #ccc; line-height:36px; color:#525252; font-size:14px; margin-bottom:15px;}
.xoid dl{ clear:both; height:auto; overflow:hidden; margin-bottom:15px;}
.xoid dt{ float:left; width:10%; height:auto; }
.xoid dt img{ display:block; width:100%; height:auto;}
.xoid dd{ float:right; width:89%; height:auto; overflow:hidden;padding-top:10px;}
.xoid dd h1{text-align: left; line-height:26px; color:#525252; font-size:14px; border:none; margin-bottom:0px; }
.xoid dd h1 a{ color:#525252; font-size:14px;}
.xoid dd p{ line-height:21px; color:#525252; font-size:14px;}
@media (max-width:667px){
.xoid dt{ float:none; margin:0 auto; width:90%; height:auto; }
.xoid dd{ float:none; width:100%; height:auto; overflow:hidden;padding-top:10px;}
}

.dlis{ width:100%; height:auto; background:url(../images/bg30.jpg) repeat; padding:139px 0; overflow:hidden}
.denl{ width:83%; height:auto; background:#fff; margin:0 auto; padding:42px 51px; overflow:hidden}
.denl_l{ float:left; width:45%; height:auto;}
.denl_l h1{ color:#585858; line-height:25px; font-size:24px; font-weight:bold; margin-bottom:20px;}
.bel{ width:100%; height:51px; border:1px solid #eeeeee; background:url(../images/bg31.jpg) no-repeat; padding-left:60px; color:#333; font-size:16px; font-family:"Microsoft YaHei";}
.denl_l p{ margin-bottom:22px; line-height:51px; overflow:hidden;}
.bel1{background:url(../images/bg32.jpg) no-repeat; padding-left:60px;}
.denl_l p span{ float:left; color:#585858; font-size:15px;}
.denl_l p a{ float:right; color:#3c8bc4; font-size:15px;}
.denl_l p .deos{ display:block; width:100%; height:60px; background:#00a1ad; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height:60px; border:none;}
.denl_r{ float:right; width:45%; height:auto; padding-top:75px;}
.denl_r p img{ display:block; margin:0 auto; margin-bottom:15px;}
.denl_r p { color:#585858; font-size:14px;}
.denl_r p a{ display:block; width:100%; height:60px; background:#f5f5f5; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; color:#585858; font-size:22px; font-weight:bold; text-align:center; margin-top:70px; line-height:60px; border:none;}
@media (max-width:1024px){
.denl{ width:100%; height:auto; background:#fff; margin:0 auto; padding:42px 51px; overflow:hidden}
}
@media (max-width:414px){
.denl_l{ float:left; width:100%; height:auto;}
.denl_r{ float:right; width:100%; height:auto; padding-top:75px;}
}
/*新闻 end*/






.boic{ width:96%; height:auto; margin:0 auto;}
.boocv{ clear:both; width:100%; height:auto; background:url(../images/bg25.jpg) repeat; line-height:66px; overflow:hidden;}
.bodiv_l{ float:left; width:72%; height:auto; overflow:hidden; line-height:66px;}
.bodiv_l span{ float:left; width:11%; color:#fff;}
.bodiv_l span a{ color:#ef7d17; font-size:20px; font-weight:bold;}
.bodiv_l ul{ float:left; width:88%;}
.bodiv_l li{ float:left; width:10%; margin-right:1%; text-align:center;}
.bodiv_l li a{ display:block; width:100%; color:#fff; font-size:16px; height:auto; text-align:center;}
.bodiv_l li a:hover{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
.bodiv_l li a.yid{ background:url(../images/bg26.jpg) no-repeat center 50px; color:#00a0ac;}
.bodiv_r{ float:left; width:10%; line-height:66px;}
.bodiv_r a{ color:#28bfcb; font-size:20px; font-weight:bold;}
@media(max-width:1024px){
.bodiv_l{ float:left; width:85%; height:auto; overflow:hidden; line-height:66px;}
.bodiv_l span{ float:left; width:15%; color:#fff;}
.bodiv_l ul{ float:left; width:85%;}
.bodiv_r{ float:left; width:15%; line-height:66px;}
.nav_b11{ width:221px; height:22px; float:right; margin-top:0px;}
}

@media(max-width:768px){
.bodiv_l{ float:left; width:100%; height:auto; overflow:hidden; line-height:30px;}
.bodiv_l span{ float:left; width:100%; color:#fff;}
.bodiv_l ul{ float:left; width:100%;}
.bodiv_r{ float:right; width:100%; line-height:30px;}
}
@media(max-width:667px){
.bodiv_l li{ float:left; width:24%; margin-right:1%; text-align:center;}
}





.clodw{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}
.clodw li{ float:left; width:19%; margin-right:1%; line-height:35px; text-align:center;}
.clodw li a{ display:block; width:100%; height:auto; text-align:center; border-bottom:3px solid #ccc; font-size:16px; color:#333;}
.clodw li a:hover{ border-bottom:3px solid #28bfca;}
.clodw li a.lok{ border-bottom:3px solid #28bfca;}
@media(max-width:414px){
.clodw li{ float:left; width:32%; margin-right:1%; line-height:35px; text-align:center;}
}