body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0;font-family:microsoft yahei,verdana,arial,helvetica,sans-serif,宋体;} h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;} ol, ul, li {list-style:none;} address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;} fieldset {border:0;} caption, th{text-align:left;} q:before, q:after{content:'';} .l{float:left;} .r{float:right;} .tc{text-align:center;} .tr{text-align:right;} .dis{display:block;} .undis{display:none;} .input{height:18px;border-width: 1px;border-color: #dddddd;} .button {height:20px; margin-left:5px; padding-top:1px; border: 1px solid #c8c8ca; border-color: #f7f7f7; color:#000000;} .header2{ display:none; background-color:#fff; border-bottom:1px solid #dcdcdc;} .header2.header{ position:fixed; top:-64px;} .header2 .head,.header2 .logo{ height:64px;} .header2 .user,.header2 .lg{ padding-top:14px;} .header2 .serch{ padding-top:23px;} .header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);} .header2 .user_img{ border:3px solid #fff;} .nav2 .nav_name{ background:url(/uploads/image/twcdimages/top_navline.jpg) no-repeat right;} .nav2 .nav_name:hover{ color:#0065b6;} .header2 .lg a:hover{ color:#0065b6;} .header2 .sub_ser{ border-bottom:1px solid #dcdcdc;} .header2 .sub_ser,.header2 .ser_text{ background-color:#fff;} .header2 .ser_text{ color:#666;} .header2 .sub_seline{ border-bottom:1px solid #dcdcdc;} .nav1{ padding-top:26px;} .nav1 .nav_name{ background:url(/uploads/image/twcdimages/nav_line.png) no-repeat right; color:#fff;} .nav1 .sub_chnal li a{ color:#aad5ff;} .nav1 .sub_infname a{ color:#fff;} .nav1 .sub_infintro{ color:#76a4d1;} .nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#aad5ff;} .header1 .lg a:hover{ opacity:1; filter: alpha(opacity=100);} .header1 .sub_ser,.header1 .ser_text{ background:url(/uploads/image/twcdimages/sub_yy.png) repeat;} .header1 .ser_text{ color:#fff; opacity:0.5; filter: alpha(opacity=50);} /*banner效果*/ .banner { position:relative; width:100%;height:500px} .banner_list{ width:100%; overflow:hidden; height:500px} .banner_list li { position:absolute; width:100%; display:none; } .banner_list li img{ position:absolute; left:50%; top:50%; width:100%;} .banner_owd{ position:absolute; left:0; bottom:8.6%; z-index:800; width:100%; height:7px;} .banner_btn{ height:7px;} .banner_o{ width:auto; height:7px; padding-left:22px;} .banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#a8a8a8; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;} .banner_o li.on{ background-color:#0065b6; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;} .banner_o span em{ font-size:0; text-indent:-99999;} .ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;} .ban_down a{ cursor:pointer;} /*warp*/ .warp_show{ width:100%; height:auto; overflow:hidden; } .warp_shbox{ clear:both; position:relative;} .name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;} .intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;} /*首页*/ .ititle{text-align:center; background:url(/uploads/image/twcdimages/line.gif) no-repeat bottom; height:62px; margin-top:3%;} .ititle a{font-size:35px; line-height:50px; color:#363636; font-weight:bold;} .indexwenzi{font-size:14px; line-height:25px; color:#666; text-align:center; max-width:1000px; margin:0 auto; padding-top:1%;} .kefujiaoliu{clear:both; background:url(/uploads/image/twcdimages/kefubg.jpg) no-repeat center; height:438px;} .kefujiaoliu .content{ clear:both; width:1200px; margin:0 auto; overflow:hidden} .kefujiaoliu .wenzibg{ float:right; width:418px; height:438px; background-color:rgba(255,255,255,0.3); margin-right:3%; } .kefujiaoliu .wenzibg .wenzi{font-size:20px; line-height:29px; color:#000; padding:30% 10% 0% 10%;} .kefujiaoliu .wenzibg .wenzi span{ font-size:35px; color:#fff; line-height:55px; font-weight:bold} .kefujiaoliu .wenzibg .more{ width:160px; margin:0 auto; text-align:center; margin-top:5%; background:#fff; border:#a4a4a4 1px solid } .kefujiaoliu .wenzibg .more a{line-height:40px; color:#0065b6; font-size:16px;} .kefujiaoliu .wenzibg .more a:hover{ background:#0065b6; display:block; color:#fff;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; } .indexnews{clear:both; width:1200px; margin:0% auto 1% auto; overflow:hidden} .indexnews .news{clear:both; width:1200px;margin:0 auto 0 auto; overflow:hidden;} .indexnews .news .new_navbg{} .indexnews .news .new_nav{margin:2% auto; width:378px;} .indexnews .news .new_nav ul{height:40px; } .indexnews .news .new_nav ul li{ float:left; } .indexnews .news .new_nav ul li a.hkbox1{line-height:40px; width:172px; color:#6e6e6e; font-size:16px; font-weight:bold; text-align:center; background:#ffffff; display:block; text-decoration:none; margin-right:10px; border-radius:0px; border:#c3c3c3 1px solid} .indexnews .news .new_nav ul li a.hkbox1a{line-height:40px; width:172px; color:#ffffff; font-size:16px; font-weight:bold; text-align:center; background:#2c64b1; display:block; text-decoration:none; margin-right:10px; border-radius:0px; } .indexnews .news .neirong{padding-top:2%; width:98%; margin:0 auto;} .indexnews .news .neirong .ileft1{ float:left; width:46%; overflow:hidden;} .indexnews .news .neirong .ileft1 ul{} .indexnews .news .neirong .ileft1 ul li{clear:both; overflow:hidden; color:#393939; font-size:13px; line-height:26px; } .indexnews .news .neirong .ileft1 ul li img{ width:100%; display:block; padding-bottom:1%;} .indexnews .news .neirong .ileft1 ul li strong{ display:block;} .indexnews .news .neirong .ileft1 ul li strong a{font-size:16px; line-height:32px; color:#393939;font-weight:bold;} .indexnews .news .neirong .iright1{ width:50%; float:right;background: no-repeat left top 15px;} .indexnews .news .neirong .iright1 dl{clear:both; border-bottom:dotted 1px #c5c5c5; overflow:hidden; } .indexnews .news .neirong .iright1 dl dt{ float:left;width:15%;padding-top:3%;} .indexnews .news .neirong .iright1 dl dd{float:right; width:80%; line-height:30px;font-size:16px; padding-top:3%; padding-bottom:3%;color:#4e4e4e;} .indexnews .news .neirong .iright1 dl dd a{ line-height:30px;font-size:16px;} .indexnews .news .neirong .iright1 dl dd p{ clear:both; overflow:hidden; line-height:22px; color:#808080; font-size:14px;} /*日期新样式*/ .dtmwarp{display:block;padding-top:2%; border-right:#ccc 1px solid;} .dtmwarp:hover{ background-color:#e5e5e5} .dtmd{clear:both; display:block; text-align:center; font-size:42px; line-height:32px; border-bottom:0px dashed #999999; color:#848484; padding-top:5%;} .dtmym{clear:both; display:block;text-align:center;font-size:14px; line-height:36px; color:#848484} .about{clear:both; margin:1% auto 3% auto; width:1200px; overflow:hidden;} .about .jianjie{float:left;width:284px; padding-right:1.32%;} .about .jianjie dl{} .about .jianjie dt{overflow:hidden;} .about .jianjie dt img{display:block; width:100%;height: auto; line-height: 1; transition: 588ms; } .about .jianjie dt:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .about .jianjie dd a{display:block; overflow:hidden; font-size:22px; color:#04419c; line-height:45px; } .about .jianjie dd p{color:#666; line-height:22px; font-size:14px;} .footerlianxi{width:100%; background-color:#3e3f40; height:254px; } .footerlianxi .content{ width:1200px; margin:0 auto} .footerlianxi .content dl{float:left; margin-top:7%; margin-right:4%; } .footerlianxi .content dl dt{float:left; } .footerlianxi .content dl dd{float:right; color:#ccc; font-size:18px; line-height:30px;} .indexfootbg{clear:both; width:100%; margin:0 auto; background:#000000 url(/uploads/image/twcdimages/footerbg.jpg) no-repeat top; overflow:hidden;} .footermenubg{width:1200px; margin:0 auto; margin-top:3%; } .footermenu{float:left; width:954px; color:#ffffff;text-align:center;} .footermenu a,.footermenu a:link,.footermenu a:visited{color:#ffffff;font-size:14px; padding:0px 20px; } .footermenu a:hover {color:#fff;} .footmenu .dibumenu1{float:left; padding-left:2.5%; padding-right:2.5%; padding-bottom:5%;} .footmenu .dibumenu1 h2{color:#ffffff;text-align:center;border-bottom:0px solid #b5b8bb;} .footmenu .dibumenu1 h2 a{ font-size:18px; color:#fff;} .footmenu .dibumenu1 h2 a:hover{text-decoration:underline;} .footmenu .dibumenu1 ul{padding:10px 0 0 0; margin:0;} .footmenu .dibumenu1 ul li{ line-height:26px;} .footmenu .dibumenu1 ul li a {text-decoration:none; font-size:15px;} .footmenu .dibumenu1 ul li a:link,.footmenu .dibumenu1 ul li a:visited{ color:#9c9c9c;} .footmenu .dibumenu1 ul li a:hover{color: #9c9c9c;text-decoration:underline;} .footermenubg .erweima{ float:right; width:188px;font-size:14px; line-height:30px; color:#ccc; padding-left:5%; border-left:#757575 1px solid;} .footermenubg .erweima img{display:block} .footerwrap{clear:both; width:100%; margin:0 auto; line-height:55px; background-color:#000;} .footer{clear:both;width:1200px;margin:0 auto;color:#fff; text-align:center; font-size:14px;} .footer a{ color:#fff} /*产品系列*/ /*.pro_chnal{ height:272px; text-align:center; width:100%; } .pro_chnal li{ float:left; position:relative; background:url(/uploads/image/twcdimages/pro_chline1.png) repeat-y right top; width:400px; height:262px; padding:5px 0;} .pro_chpo{ width:240px; margin:0 auto;} .pro_chimg{ width:160px; height:160px; margin:0 auto;} .pro_chname{ color:#333; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center;} .pro_chintro{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center;} .pro_chintro pre{ font-family:'microsoft yahei';} .pro_chshave{ display:none; position:absolute; top:0; left:0; z-index:10; width:380px; height:336px; overflow:hidden;} .pro_chshow{ position:absolute; top:0; left:0; background-color:#0065b6; width:304px; height:312px; padding:24px 0 0 16px;} .pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;} .pro_chall{width:208px; margin-top:16px; display:inline;} .pro_chaname{ margin-bottom:14px; text-align:left;} .pro_chaname a{ display:block; color:#fff; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pro_chalbox{ width:118px; height:36px; line-height:36px; border-bottom:1px dotted #e4f4ff;} .pro_chalbox a{ display:block; background:url(/uploads/image/twcdimages/pro_chsbac.png) no-repeat left; padding-left:14px; margin-left:2px; color:#c0dff8; font-size:14px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pro_chalbox a:hover{ background:url(/uploads/image/twcdimages/pro_chsbho.png) no-repeat left; color:#fff;} .pro_chamore{ width:116px; height:24px; margin-top:16px;} .pro_chamore a{ display:block; color:#7fb2db; font-size:14px; width:114px; height:22px; line-height:22px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;} .pro_chamore a:hover{ color:#fff;} .pro_chamore a span{ background:url(/uploads/image/twcdimages/pro_chmicon.png) no-repeat right; padding-right:24px;} .pro_chapimg{ position:relative; width:135px; height:135px; margin:0 auto;} .pro_chapbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;} .pro_chapbd a{ display:block; background: no-repeat; width:135px; height:135px;} .pro_chapen,.pro_chapcn,.pro_chapro{ text-align:center;} .pro_chapen{ color:#fff; font-size:18px; padding-top:12px; margin-bottom:2px;} .pro_chapcn{ color:#fff; font-size:14px;} .pro_chapro{ color:#cce8ff; line-height:18px; height:54px; overflow:hidden; padding-top:8px;} .pro_chnal li.cur1 .pro_chshow{ left:-444px;} .pro_chnal li.cur2 .pro_chshave{ right:0; left:auto;} .pro_chnal li.cur2 .pro_chshow{ right:-444px; left:auto;} .pro_chnal li.zindex{ z-index:20;} .box-b{ bottom:-800px;}*/ .pro_chnal{ height:270px; margin-top:5%;} .pro_chnal li{ float:left; position:relative; background:url(/uploads/image/twcdimages/pro_chline1.png) repeat-y right top; width:300px; height:262px; padding:5px 0;} .pro_chpo{ width:240px; margin:0 auto;} .pro_chimg{ width:160px; height:160px; margin:0 auto;} .pro_chname{ color:#333; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center;} .pro_chintro{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center; color:#666} .pro_chintro a{ display:block; color:#666;} .pro_chshave{ display:none; position:absolute; top:0; left:0; z-index:10; width:300px; height:336px; overflow:hidden;} .pro_chshow{ position:absolute; top:0; left:0; background-color:#0065b6; width:284px; height:312px; padding:24px 0 0 16px;} .pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;} .pro_chall{ background:url(/uploads/image/twcdimages/pro_chline2.jpg) repeat-y right top; width:208px; margin-top:16px; display:inline;} .pro_chaname{ margin-bottom:14px;} .pro_chaname a{ display:block; color:#fff; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pro_chalbox{ width:118px;line-height:36px; border-bottom:1px dotted #e4f4ff; overflow:hidden} .pro_chalbox a{ display:block; background:url(/uploads/image/twcdimages/pro_chsbac.png) no-repeat left; padding-left:14px; margin-left:2px; color:#c0dff8; font-size:14px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dotted #e4f4ff;} .pro_chalbox a:hover{ background:url(/uploads/image/twcdimages/pro_chsbho.png) no-repeat left; color:#fff;} .pro_chamore{ width:116px; height:24px; margin-top:16px;} .pro_chamore a{ display:block; color:#7fb2db; font-size:14px; width:114px; height:22px; line-height:22px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;} .pro_chamore a:hover{ color:#fff;} .pro_chamore a span{ background:url(/uploads/image/twcdimages/pro_chmicon.png) no-repeat right; padding-right:24px;} .pro_chapimg{ position:relative; width:135px; height:135px; margin:0 auto;} .pro_chapbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;} .pro_chapbd a{ display:block; background: no-repeat; width:135px; height:135px;} .pro_chapen,.pro_chapcn,.pro_chapro{ text-align:center;} .pro_chapen{ color:#fff; font-size:18px; padding-top:12px; margin-bottom:2px;} .pro_chapcn{ color:#fff; font-size:14px;} .pro_chapro{ color:#cce8ff; line-height:18px; height:54px; overflow:hidden; padding-top:8px;} .pro_chnal li.cur1 .pro_chshow{ left:-444px;} .pro_chnal li.cur2 .pro_chshave{ right:0; left:auto;} .pro_chnal li.cur2 .pro_chshow{ right:-444px; left:auto;} .pro_chnal li.zindex{ z-index:20;} .box-b{ bottom:-800px;} /*three-chnal*/ .three_chnal{ background:url(/uploads/image/twcdimages/three_chimg.jpg) no-repeat center; position:relative; width:100%; height:600px;} .banner_three{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;} .banner_thlist{ position:relative; width:1200px; height:600px; margin:0 auto; overflow:hidden;} .banner_thlist li{ float:left; position:relative; width:1200px; height:600px;} .th_media{ width:504px; margin:0 auto; padding-top:145px;} .th_medicon{width:80px; height:80px; margin:15% auto; cursor:pointer;} .th_medcon{ padding-top:8px;} .th_medimg{ width:230px; height:72px; margin:0 auto;} .th_medgod{ color:#fff; opacity:0.6; filter: alpha(opacity=60); font-size:14px; line-height:22px; padding-top:4px; text-align:center;} .banner_thowd{ position:absolute; left:50%; bottom:25px; margin-left:-224px; z-index:30; background:url(/uploads/image/twcdimages/three_line.png) repeat-x; width:448px; height:63px;} .banner_tho{ width:408px; height:63px; margin:0 auto;} .banner_tho a{ display:inline-block; float:left; background:url(/uploads/image/twcdimages/three_chac.png) no-repeat bottom; width:86px; height:36px; margin:0 25px; cursor:pointer;} .banner_tho a em{ display:block; color:#fff; font-size:14px; font-style:normal; width:86px; height:23px; line-height:23px; text-align:center;} .banner_tho a.on{ background:url(/uploads/image/twcdimages/three_chho.png) no-repeat bottom;} .banner_tho a.on em{ background:url(/uploads/image/twcdimages/three_chpbd.png) no-repeat;} .th_chpage{ position:absolute; top:250px; z-index:100; width:34px; height:64px; cursor:pointer;} .three_pre{ background:url(/uploads/image/twcdimages/three_lac.png) no-repeat; left:4%;} .three_next{ background:url(/uploads/image/twcdimages/three_rac.png) no-repeat; right:4%;} .three_pre:hover{ background:url(/uploads/image/twcdimages/three_lho.png) no-repeat;} .three_next:hover{ background:url(/uploads/image/twcdimages/three_rho.png) no-repeat;} .th_medpo{ display:none; position:absolute; top:20px; left:50%; margin-left:-454px; z-index:50; width:908px; height:544px;} .th_mdclose{ width:28px; height:28px; cursor:pointer;} .job{ width:915px; height:330px; margin:0 auto; padding-top:128px;} .job_list{ width:915px; height:330px;} .job_lbox{ float:left; background-color:#f3f3f3; width:285px; height:330px; margin:0 10px; display:inline; } .job_img{ width:285px; height:150px;} .job_lshow{ padding:22px 27px 0 27px;} .job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;} .job_en{ font-family:arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;} .job_intro{line-height:22px; height:66px; overflow:hidden; padding-top:18px; font-size:14px; } .job_lbox:hover{ background-color:#0065b6; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;} .job_lbox:hover .job_title a{ color:#fff;} .job_lbox:hover .job_en{ color:#b8e7cf;} .job_lbox:hover .job_intro{ color:#fff;} /*cont*/ #warp_shbox6{ background:url(/uploads/image/twcdimages/cont_img.jpg) no-repeat center; width:100%; height:532px;} #warp_shbox6 .pdd{ padding:84px 0 0 0;} #warp_shbox6 .name a{ color:#fff;} .cont{ height:140px; padding-top:40px;} .cont li{ float:left; width:300px; height:140px;} .cont li a{ display:block; width:300px;} .cont_icon{ display:block; width:115px; height:100px; margin:0 auto;} .cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;} .cont_icon1{ background:url(/uploads/image/twcdimages/cont_ac1.png) no-repeat;} .cont_icon2{ background:url(/uploads/image/twcdimages/cont_ac2.png) no-repeat;} .cont_icon3{ background:url(/uploads/image/twcdimages/cont_ac3.png) no-repeat;} .cont_icon4{ background:url(/uploads/image/twcdimages/cont_ac4.png) no-repeat;} .cont li a:hover .cont_icon1{ background: no-repeat;} .cont li a:hover .cont_icon2{ background: no-repeat;} .cont li a:hover .cont_icon3{ background: no-repeat;} .cont li a:hover .cont_icon4{ background: no-repeat;} .cont li a:hover .cont_name{ color:#0065b6;} /*左侧定位*/ .float_po{ position:fixed; top:50%; left:24px; margin-top:-140px; z-index:1400; width:43px; } .float_po li{ background:url(/uploads/image/twcdimages/float_pobd.png) no-repeat; position:relative; position:relative; width:43px; height:40px;} .float_poname{ display:none; background:url(/uploads/image/twcdimages/float_ponbd.png) no-repeat; position:absolute; top:-15px; left:0; z-index:30; width:43px; height:43px;} .float_poname a{ display:block; padding:9px 9px 0 9px; color:#fff; font-size:12px; font-weight:bold; line-height:14px; width:25px; height:34px; text-align:center;} .float_poclick a{ display:block; width:43px; height:43px; font-size:0; text-indent:-9999;} .float_po li.cur .float_poname{ display:block;} .float_po li a{ cursor:pointer;} .float_poline{ background:url(/uploads/image/twcdimages/float_poline.png) no-repeat; position:absolute; left:0; bottom:0; width:43px; height:27px;}