*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;} body{line-height:24px; font-size:14px; color:#333; background:#FFF;} img{border:0px;} a{color:#333333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;} a:hover{color:#13cb09;} .clear{clear:both; height:0px; font-size:0px;} #top01{ height:100px; width:100%; padding:0; margin:0 auto; z-index:99; background:#e9f3fc; cursor:pointer;filter:alpha(opacity=90);opacity:0.9; filter:progid:DXImageTransform.Microsoft.Shadow(color=#c3c3c3,direction=120,strength=3);/*ie*/ -moz-box-shadow: 0 0 7px #c3c3c3;/*firefox*/ -webkit-box-shadow: 0 0 7px #c3c3c3;/*safari或chrome*/ box-shadow:0 0 7px #c3c3c3;/*opera或ie9*/ left:0; -position:inherit\0; position:inherit\9; position:inherit\0; cursor:pointer; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) } #top02{ width:1200px; height:100px;margin:0 auto;} #logo{ width:180px; height:auto; float:left; padding-top:28px; text-align: center;} #logo img{ width:149px;} #language{ width:100px; float:left; height:100px; line-height:100px; text-align:left;} #language a{color:#6d6d6d;} #language a:hover{color: #990000;} #linklogo{ width:170px; height:auto; float:left; padding-top:33px; text-align: center;} #linklogo img{ width:134px;} .dh{width:750px; height:auto;float:left;} .dh ul{width:100%; height:auto;} .dh ul li{width:14.2%; height:100px; float:left;} .dh ul li .menulist{width:100%; line-height:100px; text-align:center; color:#6d6d6d; font-size:18px; display:block;} .dh ul li:hover .menulist,.dh ul li .onmenu{color:#fff; background:#00afe2;} .dh_xl01{width:100%; height:60px; background:#00afe2; padding:0px; position:absolute;left:0;top:100px; z-index:999999; display:none;} .menu_weizhi{ width:800px; margin:0 auto;} .dh_xl01 a{ width:15%; color:#fff; padding:0; height:60px; line-height:60px; text-align:center; float:left;} .dh_xl01 a:hover{color: #9af0ff;} .banner{ width:100%; margin:0 auto; padding:0;} .banner img{ width:100%; height:auto;} /* 轮播 */ .fullSlide{width:100%;position:relative;background:#1eacee; padding:0; margin:0; height:auto;} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100%;} .fullSlide .bd li{width:100%;height:auto;overflow:hidden;text-align:center; background-size:100% auto;margin-bottom:0;} .fullSlide .bd li a{display:block;height:auto;} .fullSlide .bd li a img{width:100%;height:400px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:18px;height:108px;margin:-53px 15px 0 0;overflow:hidden;filter:alpha(opacity=80);opacity:0.8;line-height:999px;background:url(../img/ico2.png) 0 center no-repeat;} .fullSlide .hd ul .on{background:url(../img/ico1.png) 0 center no-repeat;} .fullSlide .prev,.fullSlide .next{display:none;position:absolute;top:50%;margin-top:-91px;width:100px;height:182px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background:url(../img/ico_sliding.png) no-repeat;} .fullSlide .prev{left:20px;background:url(../img/l1.png) no-repeat;} .fullSlide .prev:hover{background:url(../img/l.png) no-repeat;} .fullSlide .next{right:20px;background:url(../img/r1.png) no-repeat;} .fullSlide .next:hover{background:url(../img/r.png) no-repeat;} /* 视频 */ #shipin{ width:100%; height:auto;margin:0 auto;padding:0;} #video{ width:49.53%; float:left;height:auto;background:#1eacee;margin-bottom:0;} #video img{ width:100%; height:auto;display: inherit;} .box-mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 99;display: none;} .box {position: absolute;width: 1000px;height: 620px;line-height:620px;text-align: center;z-index: 101;display: none;} .demo{width:100%; height:100%;margin:0 auto;} #homeus{ width:50.47%; float:left;height:auto;background:#f0f3f5;margin-bottom:0;} #homeus img{ width:100%; height:auto;display: block;} /*发展沿革*/ #home_fazhan{ width:100%; background:#f0f3f5; padding:0 0 60px;} #home_fazhan h1{ color:#7a7a7a; font-size:43px; text-align:center; line-height:40px; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;-webkit-text-stroke:1px #7a7a7a;letter-spacing:-1px; padding-top:60px;} #home_fazhan h1 span{ display:block; font-size:25px; font-weight:normal;-webkit-text-stroke:0;letter-spacing:1px; color:#7a7a7a; background:url(../img/ico0.png) no-repeat center 50px; height:80px;} #home_fazhan h2{ font-size:15px; text-align:center; font-weight:normal; text-align:center;width:80px; margin:0 auto;} #home_fazhan h2 a{ color:#333333; display:block; width:80px; background:url(../img/ico4.png) no-repeat right center; height:20px; line-height:20px;font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;} #home_fazhan h2 a:hover{ color:#00afe2;} /* Slider */ .Slider{width:100%;margin:10px auto} .Slider li{list-style-type:none;float:left;} .Slider li img{border:none;} .SliderTitle{ position:absolute; left:-100%;} /* SliderPic */ .SliderPic{width:100%;padding:10px 0;position:relative;z-index:1; } .SliderPicList{position:relative;width:1200px;overflow:hidden;height:554px;margin:0 auto;} .SliderPic ul{position:absolute;display:none;top:3px;left:0;} .SliderPic ul.show{display:block;} .SliderPic li img{width:600px;} .SliderPic li{width:600px;padding:0;height:554px;overflow:hidden;} .SliderPic li div{height:50%;width:100%;} .SliderPic li div a{display:block; background:#00b0e2; height:100%;} .SliderPic li div a:hover{background:#00b0e2;} .SliderPic li div img{ height:100%; width:50%;overflow:hidden;} .SliderPic li div a:hover img{transform: scale(1); transition: all 1s ease 0s;} .SliderPic li div h3{ font-size:80px; line-height:60px;color:#1acbff; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold; padding:50px 0 0 30px;} .SliderPic li div a h3{ color:#1acbff;} .SliderPic li div a:hover h3{ color:#00b0e2;} .SliderPic li div p{ font-size:20px; color:#1c3941; text-align:left;padding-left:30px;padding-top:30px; line-height:28px;} .SliderPic li div a p{color:#1c3941;} .SliderPic li div a:hover p{color:#54697f;} .SliderPic li div p span{ font-size:12px;} .SliderPic li div a.leftimg img{ float:left; margin-right:30px;} .SliderPic li div a.rightimg img{ float: right;} .SliderPic li p{height:26px;line-height:26px;text-align:center;color:#5b5b5b;} .SliderPrevBtn,.SliderNextBtn{height:100%;width:100px;position:absolute;z-index:999;top:50%;text-align:center;} .SliderPrevBtn{left:5%;} .SliderNextBtn{right:5%;} .SliderPrevBtn a,.SliderNextBtn a{height:182px;width:100px;display:inline-block;background:url(../img/l1.png) no-repeat;margin-top:-91px;} .SliderNextBtn a{background:url(../img/r1.png) no-repeat 0 0;} /*产品介绍*/ #p_title{ width:100%; background:#fff; padding:0 0 60px;} #p_title h1{ color:#7a7a7a; font-size:43px; text-align:center; line-height:40px; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;-webkit-text-stroke:1px #7a7a7a;letter-spacing:-1px; padding-top:80px;} #p_title h1 span{ display:block; font-size:25px; font-weight:normal;-webkit-text-stroke:0;letter-spacing:1px; color:#7a7a7a; background:url(../img/ico0.png) no-repeat center 50px; height:80px;} #yejing{width:100%; margin:0 auto;position:relative; background: url(../img/line.jpg) repeat-x 0 0;} #yj_main{ width:1200px; margin:0 auto; padding-bottom:80px;} #yj_main h1{font-size:26px; color:#01afe2;font-weight:normal; padding:60px 0;} #yj_main h1 span{ font-size:12px; color:#7b7b7b;} #yj_main ul{ width:1200px; margin:0 auto;} #yj_main li{ width:25%; float:left; height:auto;} #yj_main li img{ display:block; height:auto; width:100%;} #yj_main li a{ background:#f0f3f5;} #yj_main li a:hover{background:#00afe2;} #yj_main li h2{ font-weight:normal;} #yj_main li a h2{ font-size:20px; color:#b8b9b9; padding:20px 0 20px 52px; background:#f0f3f5 url(../img/1.png) no-repeat 11px center; display:block;} #yj_main li a h2 span{ font-size:12px; display:block;} #yj_main li a:hover h2{ font-size:20px; color:#a2e9fd;background:#00afe2 url(../img/01.png) no-repeat 11px center; display:block;} #yj_main li a h2.gd{background:#f0f3f5 url(../img/2.png) no-repeat 11px center; } #yj_main li a:hover h2.gd{background:#00afe2 url(../img/02.png) no-repeat 11px center;} #yj_main li a h2.xf{background:#f0f3f5 url(../img/3.png) no-repeat 11px center; } #yj_main li a:hover h2.xf{background:#00afe2 url(../img/03.png) no-repeat 11px center;} #oled{ width:100%; margin:0 auto;position:relative;margin-bottom:-4px\0; height:auto; background:#00b0e2;} #oled img{ width:100%; height:auto; position:relative;} #oled h1{ position:absolute; z-index:99; font-size:26px; color:#01afe2;top:12%; width:1200px; left:50%;font-weight:normal; margin-left:-600px; text-align:left;} #oled h1 span{ font-size:12px; color:#7b7b7b;} #footer{ color: #ade6f7; background: #00b0e2; width: 100%; padding: 30px 0 20px; text-align: center; font-size: 15px; line-height: 2rem;} /*#footer a img{ width:91px; height:110px; margin:0 auto; display:block; padding-bottom:25px;}*/ #footer a{ color:#ade6f7;} #footer span{ font-family:Arial, Helvetica, sans-serif;} /*二页开始*/ #menu2{ height:82px; width:100%; border-bottom:1px solid #cacaca; margin:0 auto; padding:0;} #menu2main{ width:1200px; margin:0 auto; padding:0; font-size:15px; color:#21bae4;} #menu2left{ width:49%; margin:0; padding:0 0 0 1%; float:left; text-align:left; line-height:82px; padding-top:11px;} #menu2left a{color:#21bae4;} #menu2left a:hover{color:#7a7a7a;} #menu2r{ width:45%; margin:0; padding:10px 5% 0 0; float:left; text-align:right;color:#7a7a7a; font-size:15px;} #menu2r span{ float:right; padding:29px 15px 0;} #menu2r a{color:#7a7a7a; display:block; padding-top:30px; float:right;} #menu2r a:hover{color:#21bae4;} #menu2r a.dangqian{color:#21bae4;font-weight:bold; background:url(../img/ico03.jpg) no-repeat center 0; padding-top:31px;} #menu2r a.lxbg{color:#21bae4;font-weight:bold; background:url(../img/ico05.jpg) no-repeat center 0; padding-top:31px;} #menu2r a.probg{color:#21bae4;font-weight:bold; background:url(../img/ico04.jpg) no-repeat center 0; padding-top:31px;} #menu2r a.yfbg{color:#21bae4;font-weight:bold; background:url(../img/ico02.jpg) no-repeat center 0; padding-top:31px;} #menu2r a.usbg{color:#21bae4;font-weight:bold; background:url(../img/ico01.jpg) no-repeat center 0; padding-top:31px;} #newsmain{width:1200px; margin:0 auto; padding:0; font-size:16px;} #newsmain h1{ color:#01afe2; font-size:43px; text-align:center; line-height:46px; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;-webkit-text-stroke:2px #01afe2;letter-spacing:0; padding-top:60px;} #newsmain h1 span{ display:block; font-size:26px; font-weight:normal;-webkit-text-stroke:0;letter-spacing:1px; color:#01afe2; background:url(../img/ico0.png) no-repeat center 50px; height:80px;} /*新闻 */ #newlist_c{padding:20px 0;position:relative;clear:both; width:100%; margin:0 auto; text-align:left;} #newlist_c .item {clear:both;position:relative;padding:15px 0;height:180px;border-bottom:1px solid #cacaca; margin-bottom:20px;} #newlist_c .item a img{float:left;width:273px;height:166px;margin-right:30px; padding:3px; border:1px solid #fff;} #newlist_c .item a:hover img{padding:0px; border:4px solid #00aee1;} #newlist_c .item h4{font-size:20px;color:#00aee1;margin-bottom:16px; overflow:hidden; display:block;} #newlist_c .item a h4{color:#00aee1;display:block; white-space:nowrap; text-overflow:ellipsis; } #newlist_c .item a:hover h4{color:#666;} #newlist_c .item h5{font-size:16px;color:#949494; margin-bottom:6px; font-weight:normal;} #newlist_c .item a h5{color:#adadad;} #newlist_c .item a:hover h5{color:#666;} #newlist_c .item p{color:#707070;font-size:19px;line-height:2;overflow:hidden; height:109px;} #newlist_c .item a p{color:#717171;} #newlist_c .item a:hover p{color:#424242;} /*翻页样式*/ .pagination{ float:right; width:380px; padding-right:20px; margin:0 auto; height:100px; font-size:12px;} .pagination li{font-size:12px; float:left; margin:0 2px; font-weight:bold; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #c0c0c0;} .pagination li:hover{ color: #fff; background:#00afe1; } .pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last {font-size:12px; width:60px; } .pagination li:hover a, .pagination li.active a {font-size:12px; color:#fff;} .pagination li.active { background:#00afe1; font-size:12px; } #newscc{ clear:both; position:relative; width:90%; padding:30px 5%; margin:0 auto; text-align:left;} #newscc h4{ font-size:26px; text-align: center;color:#757575; font-weight:normal; display:block; line-height:40px;padding-top:50px; margin-bottom:5px;} #newscc h5{ font-size:15px; text-align: center;color:#b0b0b0;display:block; line-height:30px;margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif;} #newscc p{ font-size:16px; color:#757575; line-height:2.5;} #newscc h6,#sq h6{ margin-top:60px; } #newscc h6 a,#sq h6 a,#chanpinmain h6 a{ text-align: right; margin:0 auto; text-decoration:none; color:#000; font-size:14px; display:block; width:100px; height:32px; border:1px solid #CCCCCC; background:#EFEFEF; text-align:center; line-height:32px; font-weight:normal;} #newscc h6 a:hover,#sq h6 a:hover{ color:#fff; border:1px solid #00b0e2; background: #00b0e2;} #allmain{width:100%; margin:0 auto; padding:0; font-size:16px;} #allmain h1{ color:#01afe2; font-size:43px; text-align:center; line-height:46px; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;-webkit-text-stroke:2px #01afe2;letter-spacing:0; padding-top:60px;} #allmain h1 span{ display:block; font-size:26px; font-weight:normal;-webkit-text-stroke:0;letter-spacing:1px; color:#01afe2; background:url(../img/ico0.png) no-repeat center 50px; height:80px;} #kh{width:834px; margin:0 auto 50px; padding:0;} #khpart2{width:100%; margin:0 auto; background:#e7e7e7; text-align:center; color:#018dca; font-weight:bold; font-size:20px; line-height:30px; padding:30px 0;} #khpart2 div{ width:1000px; margin:0 auto; text-align:center; padding:20px 0;} #khpart2 span{ padding:30px 0; height:40px; width:100%; display:block;} #lxwm{ width:1200px; margin:0 auto; padding:30px 0 80px;} #lxwm img{ width:100%; height:auto;display: inherit;} #kfpart1{ position:relative; width:100%; margin:20px auto; padding:0; background:url(../img/kfbg1.jpg) no-repeat center 0;} #kfpart1 div{position:relative; width:490px; top:5%; left:50%; margin-left:-500px; line-height:2.2em; font-size:19px; color:#8f8f91;padding:50px 0;} #kfpart1 div h2{ color:#01afe4; font-size:26px; line-height:2em; padding:20px 0 30px;} #kfpart1 div h2 span{ font-size:16px; font-weight:normal; padding-left:20px;} #kfpart2{ width:1200px; margin:0 auto; padding:80px 0;} #kfpart2 img{ width:100%; height:auto;margin:0 auto;padding:0;display: inherit;} #kfpart3{ position:relative; width:100%; margin:0 auto; padding:0; background:url(../img/kfbg2.jpg) no-repeat center 0;} #kfpart3 div{position:relative; width:650px; top:5%; left:50%; line-height:2.2em; font-size:18px; color:#8f8f91; padding:50px 0;} #kfpart3 div h2{ color:#01afe4; font-size:26px; text-align:center;line-height:2em; padding:20px 0 30px;} #kfpart3 div h2 span{ font-size:16px; font-weight:normal;padding-left:20px;} #kaifa{ width:100%; margin:0 auto; padding:0; position:relative; background:url(../img/uuu.jpg) no-repeat center 0; height:388px;} #kaifa div{ position:relative; width:580px; left:51%; height:98%;padding-top:2%; color:#01b1e2; font-size:21px; text-align:left; line-height:1.9em;} #kaifa h3{ font-size:24px; margin-bottom:22px; padding:0; display:block; font-weight:bold; line-height:1.7em;} #kaifa img{ width:100%; height:auto;display: inherit;} #jigou{ width:100%; margin:0 auto; padding:0; position:relative;} #jigou img{ max-width:100%; height:auto; display: inherit;} #join{ width:1200px; margin:0 auto 80px; padding:0; position:relative; font-size:18px; line-height:30px;} #join img{ width:100%; height:auto;display: inherit;} #usus{ width:100%; margin:50px auto; padding:0; line-height:2.2em;color:#01afe4;font-size:21px; text-align:center;} #usus h2{ color:#01afe4; font-size:25px; line-height:2em; padding:20px 0 10px; font-weight:bold;} #usus2{ width:1000px; margin:50px auto; padding:0; line-height:2.2em;color:#717171;font-size:18px; text-align:left;} #usus2 span{ color:#00b0e2; font-weight:bold;} #uspart1{ position:relative; width:100%; margin:50px auto; padding:0; background:url(../img/us_17.jpg) no-repeat center 0;} #uspart1 div{position:relative; width:600px; top:5%; left:50%; margin-left:-600px; line-height:2.2em; font-size:19px; color:#8f8f91;padding:50px 0;} #uspart1 div h2{ color:#01afe4; font-size:22px; line-height:2em; padding:20px 0 30px;} #uspart1 div h2 span{ font-size:16px; font-weight:normal; padding-left:20px;} #fenzhi{ width:1100px; margin:60px auto; padding:0;} #fenzhi img{ width:100%; margin:0 auto; padding:0;display: inherit;} #fenzhi li{ width:100%; height:147px; line-height:32px; font-size:21px; color:#727171; background: url(../img/fz02.jpg) no-repeat 145px 0; display:block;} #fenzhi li b{ background:url(../img/fz01.jpg) no-repeat 0 0; color:#fff; font-size:20px;text-align:center; display:block; float:left;height:107px; padding-top:40px; width:145px;line-height:30px; font-weight:normal;} #fenzhi li i{ font-style:normal; float:left; padding:30px 0 0 50px;color:#a0a1a1;} #wenhua{width:100%; margin:0 auto; padding:60px 0; background:#edf2f5;} #wenhua div img{ width:100%; height:auto;display: inherit;} #wenhua div{ width:853px; margin:0 auto; padding:0;} #history{ width:1200px; margin:0 auto; padding:0; position:relative;padding-bottom:80px;} #history li{float:left; width:50%; background:#00b0e2;} #history li img{height:100%; width:50%;overflow:hidden;display: inherit;} #history li a{display:block; background:#00b0e2; height:277px;} #history li a:hover{background:#00b0e2;} #history li h3{ font-size:80px; line-height:50px;color:#1acbff; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold; padding:50px 0 0 30px;} #history li a h3{ color:#1acbff;} #history li a:hover h3{ color:#1a5da4;} #history li.rightimg p{ float:left; font-size:20px; color:#1c3941; text-align:left;padding-left:40px;padding-top:20px; line-height:28px; background:url(../img/pp.jpg) no-repeat 28px 32px;width: 226px;height: 157px;word-wrap: break-word;} #history li.leftimg p{ float:left; font-size:20px; color:#1c3941; text-align:left;padding-left:15px;padding-top:20px; line-height:28px; background:url(../img/pp.jpg) no-repeat 0 32px;width: 226px;height: 157px;word-wrap: break-word;} #history li a p{color:#1c3941;} #history li a:hover p{color:#1a5da4;} #history li.leftimg p span{ font-size:12px; line-height:20px;background:url(../img/pp.jpg) no-repeat 0 5px;padding-left:15px; display:block; margin-left:-18px; margin-top:6px;} #history li.rightimg p span{ font-size:12px; line-height:20px;background:url(../img/pp.jpg) no-repeat 10px 5px;padding-left:25px; display:block;margin-left:-22px;margin-top:6px;} #history li.leftimg img{ float:left; margin-right:30px;} #history li.rightimg img{ float: right;} #psearch{ float:right; padding-top:15px; position:relative;} #search_top{ position:absolute; right:10px; top:20px;width:300px;margin:0; padding:0;} .d2 form { margin:0; padding:0; float:right;} .d2 input { width:210px; height: 36px; padding-left:30px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border:1px solid #c9c9c9; background: #fff url(../img/ss.jpg) no-repeat 5px center; outline: none; position: relative; transition: .3s linear; } .d2 input:focus { width: 300px; } .d2 button { width:50px; height:32px; background: url(../img/s.jpg) no-repeat 0 center; border: none; position: absolute; top:2px; right: 0; cursor:pointer; } .d2 button:before{ background: url(../img/search.png) no-repeat 0 center; } #chanpinmenu{ border-bottom:1px solid #cacaca;width:100%; margin:50px auto 0; height:70px;overflow:hidden;} #chanpinmenu ul{ width:70%;float:left; height:70px;background:url(../img/line2.jpg) repeat-y 0 0; padding-left:1px;} #chanpinmenu li{ float:left; width:24%; background:#fff; line-height:69px; text-align:center; color:#858585; border-right:1px solid #cacaca; font-size:17px;} #chanpinmenu li a{color:#858585; border-top:1px solid #cacaca; height:69px; display:block;} #chanpinmenu li a.on2,#chanpinmenu li a:hover{color:#00afe4;border-top:1px solid #cacaca; height:69px; background:url(../img/line3.jpg) repeat-x 0 0;} #chanpin{ width:1200px; margin:0 auto 100px; padding:0;} #chanpin h1{ color:#01afe2; font-size:43px; text-align:center; line-height:46px; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold;-webkit-text-stroke:2px #01afe2;letter-spacing:0; padding-top:60px; padding-bottom:30px;text-transform: uppercase;} #chanpin h1 span{ display:block; font-size:26px; font-weight:normal;-webkit-text-stroke:0;letter-spacing:1px; color:#01afe2; height:80px;} #chanpinmain{ width:100%; margin:0 auto; padding:0;} #chanpinmain li{ width:50%; float:left; height:466px; background:#00b0e2; color:#fff; font-size:18px; text-align:center; line-height:50px;} #chanpinmain li img{ width:100%;height:416px; display:block;} #chanpinmain li.rr{ background:#00bde7;} /*联系我们*/ .clear{ clear:both; line-height:0; height:0; font-size:0;} .tabshow{width:1200px;height:496px;position:relative;margin:20px auto 80px; padding:0;overflow:hidden;} .tabshow .tabcon{ position:absolute;left:0; top:0; z-index:88;height:496px;width:1027px;background:#00b0e2;color:#c5e7f7;line-height:30px;overflow:hidden;} .tabshow .tabcon img{ float:left; width:707px; height:496px; margin-right:20px;} .tabshow .tabcon h2{height:30px;line-height:30px;font-size:20px;color:#fff;padding:70px 0 35px; font-weight:bold;} .tabshow .tabcon b{ font-size:16px;color:#fff; height:30px;line-height:60px;} .tabshow .hide{display:none;} /* 联系我们转换菜单 */ .tabshow .tabTagBox{ position:absolute; right:0;top:0; z-index:99;height:496px;width:173px;overflow:hidden;margin:0;background:url(../img/usline.jpg) repeat-x 0 0; padding-top:1px;} /* .tabshow .tabTagBox li{float:right; text-align:center;width:153px; padding-left:20px;height:99px;line-height:99px;overflow:hidden;cursor:pointer;background:url(../img/usbg1.jpg) no-repeat 0 center; color:#666666; font-size:15px;}*/ .tabshow .tabTagBox li{float:right; text-align:center;width:195px; padding-left:20px;height:99px;line-height:99px;overflow:hidden;cursor:pointer;background:url(../img/usbg1.jpg) no-repeat 0 center; color:#666666; font-size:15px;} .tabshow .tabTagBox li.current{background:url(../img/usbg2.jpg) no-repeat;color:#00b0e2;} .yhLinks{ width:600px; margin:10px auto 0; padding:0; text-align:center; color:#9ee7f6;} .yhLinks h3{ font-weight:normal; float:left; line-height:49px; width:80px; height:60px; display:block; font-size:15px;} .yhLinks li{ float:left; margin:0 10px 10px; width:133px; height:49px;} .yhLinks li a{ display:block;width:133px; height:49px;} .yhLinks li a img{width:133px; height:49px; border:0; margin:0;} @media only screen and (min-width:0px) and (max-width:1270px) { .d2 input:focus { width: 210px; } #join{ width:1000px;} .tabshow{width:1000px;height:416px;} .tabshow .tabcon{height:416px;width:827px;background:#00b0e2;color:#c5e7f7;line-height:24px;overflow:hidden;} .tabshow .tabcon img{width:593px; height:416px;} .tabshow .tabcon h2{padding:40px 0 35px;} .tabshow .tabTagBox{height:416px;width:173px;} /*.tabshow .tabTagBox li{width:153px; padding-left:20px;height:83px;line-height:83px;background:url(../img/us2bg1.jpg) no-repeat 0 center;}*/ .tabshow .tabTagBox li{width:195px; padding-left:20px;height:83px;line-height:83px;background:url(../img/us2bg1.jpg) no-repeat 0 center;} .tabshow .tabTagBox li.current{background:url(../img/us2bg2.jpg) no-repeat;color:#00b0e2;} #kaifa div{ position:relative; width:480px; left:51%; height:98%;padding-top:2%; color:#01b1e2; font-size:20px; text-align:left; line-height:1.8em;} .fullSlide .bd li a img{ width:100%;height:300px;} #history li a{display:block; background:#00b0e2; height:240px;} #history li.rightimg p{ float:left; font-size:16px; color:#1c3941; text-align:left;padding-left:40px;padding-top:20px; line-height:20px; background:url(../img/pp.jpg) no-repeat 28px 32px;} #history li.leftimg p{ float:left; font-size:16px; color:#1c3941; text-align:left;padding-left:15px;padding-top:20px; line-height:20px; background:url(../img/pp.jpg) no-repeat 0 32px;} #chanpin{ width:1000px; margin:0 auto 100px; padding:0;} #history{ width:1000px; margin:0 auto; padding:0; position:relative;padding-bottom:80px;} #fenzhi{ width:1000px; margin:60px auto; padding:0;} #uspart1 div{position:relative; width:500px; top:5%; left:50%; margin-left:-500px; line-height:2em; font-size:17px; color:#8f8f91;padding:50px 0;} #kfpart2{width:1000px; margin:0 auto; padding:80px 0;} #kfpart3 div{position:relative; width:560px; top:5%; left:42%; line-height:2.2em; font-size:18px; color:#8f8f91; padding:50px 0;} #lxwm{ width:1000px; margin:0 auto; padding:30px 0 80px;} #top02{ width:1000px; height:100px;margin:0 auto;} #logo{ width:170px; height:auto; float:left; padding-top:28px; text-align: center;} #logo img{ width:149px;} #linklogo{ width:140px; height:auto; float:left; padding-top:33px; text-align: center;} #linklogo img{ width:134px;} #menu2main{ width:1000px; margin:0 auto; padding:0; font-size:15px; color:#21bae4;} #newsmain{width:1000px; margin:0 auto; padding:0; font-size:16px;} .dh{width:550px; height:auto;float:left;} .dh ul li .menulist{width:100%; line-height:100px; text-align:center; color:#6d6d6d; font-size:15px; display:block;} .dh ul li:hover .menulist,.dh ul li .onmenu{color:#fff; background:#00afe2;} #topmain{ width:1000px; margin:0 auto; padding:0;} #yj_main{ width:1000px; margin:0 auto;} #yj_main ul{ width:1000px; margin:0 auto;} #yj_main li a h2{ font-size:16px; color:#b8b9b9; padding:20px 0 20px 52px; background:#f0f3f5 url(../img/1.png) no-repeat 11px center; display:block;} #oled h1{ position:absolute; z-index:99; font-size:26px; color:#01afe2;top:12%; width:1000px; left:50%;font-weight:normal; margin-left:-500px; text-align:left;} .SliderPicList{position:relative;width:1000px;overflow:hidden;height:480px;margin:0 auto;} .SliderPic li img{width:500px;} .SliderPic li{width:500px;padding:0;height:480px;overflow:hidden;} .SliderPic li div h3{ font-size:70px; line-height:50px;color:#1acbff; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold; padding:30px 0 0 30px;} .SliderPic li div p{ font-size:18px; color:#1c3941; text-align:left;padding-left:30px;padding-top:30px; line-height:28px;} .SliderPrevBtn{left:1%;} .SliderNextBtn{right:1%;} #history li a p{color:#1c3941; width:41%; overflow:hidden;} } .bottom_tools { position: fixed; z-index: 999999; right: 40px; bottom: 40px; } #scrollUp { width: 72px; height: 73px; background: #D6D6D6 url(../img/r_top.png) no-repeat 0 0; display: none; } .bottom_tools>* { font: 0/0 a; display: block; margin-top: 5px; color: transparent; border: 0; background-color: transparent; text-shadow: none; } #history li a p{color:#1c3941; width:38%;overflow:hidden; } .relatedLinks { display:block; margin:8px auto; padding:0;} .relatedLinks select{width: 170px;height:48px;line-height:48px;color: #d1f7fd;font-size:18px;-webkit-appearance: menulist-button;background: #03a6d5; border:1px solid #d1f7fd;-moz-border-radius:10px; -webkit-border-radius:10px;} /* @media only screen and (min-width:0) and (max-width:1000px) { #kfpart2{width:100%; margin:0 auto; padding:80px 0;} #lxwm{ width:96%; margin:0 auto; padding:30px 0 80px;} #menu2main{ width:100%; margin:0 auto; padding:0; font-size:15px; color:#21bae4;} #newsmain{width:100%; margin:0 auto; padding:0; font-size:16px;} #topmain{width:100%; margin:0 auto; padding:0;} #yj_main{width:100%;margin:0 auto;} #yj_main ul{width:100%; margin:0 auto;} .SliderPicList{position:relative;width:100%;overflow:hidden;height:480px;margin:0 auto;} .SliderPic li img{width:50%;} .SliderPic li{width:50%;padding:0;height:480px;overflow:hidden;} .SliderPic li div h3{ font-size:70px; line-height:50px;color:#1acbff; font-family:Helvetica,Impact,Arial, Helvetica, sans-serif; font-weight:bold; padding:30px 0 0 30px;} .SliderPic li div p{ font-size:18px; color:#1c3941; text-align:left;padding-left:30px;padding-top:30px; line-height:28px;} .SliderPrevBtn{left:1%;} .SliderNextBtn{right:1%;} } */