body { text-align:left;font-family:Arial;color:#585858; font-size:12px; width:100%; color:#7F8583;padding:0px; margin:0; } table,td,tr,th{font-size:12px;border-collapse:collapse;border-spacing:0;padding: 0px;} div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p {margin: 0; padding: 0; border: 0;list-style-type:none;} h1,h2,h3,h4 { font-family:"Microsoft Yahei";} a { text-decoration:none; color:#555} a:hover {color:#016ce4; text-decoration:underline; } /* ty */ .fl { float:left;} .fr { float:right;} .clear { clear:both;} .kuaij { margin:10px;} .tpkz { line-height:0; font-size:0;} .green,a.green:link{ color:#7C9A5A; line-height:30px;} .topcss {width:970px;margin:0 auto; background:#FCFDFF; color:#DEA496; padding:5px 0 5px 0; text-align:center;font-weight:normal; font-size:12px;} .red { color:#ff4000; } .grey { color:#696969;} .orange { color:#ff5a00;!important;} .blue { color:#0168a3;} .fbt { color:#fa4b1c;} .hui { color:#CCCCCC;} .yellow { color:#fffd66; font-size:18px;} /* top */ .head { height:80px; border-bottom:5px solid #112a67; } .n { width:1200px; margin:0 auto;} .n .logo { padding-top:10px; margin-right:20px;} .n .nav { padding-top:30px; line-height:50px; position:relative;} .n .nav .nava { display:inline-block; float:left; color:#112a67; width:85px; height:50px; text-align:center; line-height:50px; font-size:16px; font-family:"Microsoft Yahei"} .n .nav dfn { display:block; float:left;} .n .nav .on { color:#fff; background:#112a67;border-radius:5px 5px 0 0; font-weight:bold; text-decoration:none;} .n .nav .off {text-decoration:none;} .n .call { background:url(pic/phone.png) 0 5px no-repeat;width: 200px;height: 30px;line-height: 30px;text-indent: 30px;font-size: 22px;float: right;color: #555;} .n .nav .fcc {font-family:"Microsoft Yahei" ;width:1200px;border-radius:0 0 20px 20px; height:300px; background-color:rgba(17,42,103,0.9); position:absolute;top:80px;} .n .nav .fccb {font-family:"Microsoft Yahei" ;width:200px;border-radius:0 0 20px 20px; background-color:rgba(17,42,103,0.9); position:absolute;top:80px; right:360px;} .n .nav .fccb a { width:165px; margin-left:15px; text-align:center; height:60px; line-height:60px; display:block; font-size:16px; color:#fff; border-bottom:1px dashed #fff;} .n .nav .fccb a:hover { color:#fff000; text-decoration:none; } .n .nav .fcc ul { padding:10px 0 0;} .n .nav .fcc ul li { width:155px; padding: 20px 20px; border-right:1px solid #ffffff; height:250px; float:left;} .n .nav .fccb .nbx { border:0;} .n .nav .fcc ul .nbx { border:0;} .n .nav .fcc ul li .t1 { background:url(pic/navbg.png) -180px -30px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc ul li .t2 { background:url(pic/navbg.png) -180px -190px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc ul li .t3 { background:url(pic/navbg.png) -180px -350px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc ul li .t4 { background:url(pic/navbg.png) -180px -510px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc ul li .t5 { background:url(pic/navbg.png) -180px -670px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc ul li .t6 { background:url(pic/navbg.png) -180px -826px no-repeat; width:100px; height:60px; margin-left:23px;} .n .nav .fcc li .dbt { margin-bottom:20px; padding-bottom:10px; text-align:center; width:155px; display:block; font-size:20px; color:#fff; font-weight:bold; border-bottom:1px dashed #fff;} .n .nav .fcc li .dbt:hover { color:#fff000; text-decoration:none;} .n .nav .fcc li .xbt { margin-bottom:10px; width:130px; margin-left:15px; text-align:center; height:30px; line-height:30px; display:block; border:1px solid #fff; font-size:14px; color:#fff;border-radius:5px; } .n .nav .fcc li .xbt:hover { background:#fff000; color:#112a67; text-decoration:none; } .fls { background:url(pic/fls.jpg) no-repeat; height:300px;} .nr { margin:0 auto; background:#112a67; } .nr2 { margin:0 auto; background:#f5f5f5; } .nr .ius { padding:20px 0 30px;background:#112a67; margin:0 auto; width:1200px; text-align:center; font-size:18px; font-weight:bold; color:#fff;font-family:"Microsoft Yahei"; } .nr .ius .eng { font-size:50px; font-weight:bold; color:#fff; text-shadow:#000 5px 5px 10px;} .nr .ius .h1 h1 { display:inline;font-size:20px;} .nr .ius .h1 { background:url(pic/btg.png) center no-repeat; color:#f9ff5d; margin-bottom:20px; font-size:20px; font-weight:bold;} .nr2 .ius { width:1200px;background:#f5f5f5; height:450px; margin: 0 auto; padding:20px 0; text-align:center; color:#fff;font-family:"Microsoft Yahei"; } .nr2 .ius .eng { font-size:50px; font-weight:bold; color:#112a67; text-shadow:#999 2px 2px 5px;} .nr2 .ius .h1 h2 { display:inline;font-size:20px;} .nr2 .ius .h1 { background:url(pic/btgg.png) center no-repeat; color:#333; margin-bottom:20px; font-size:20px; font-weight:bold;} .nr2 .ius ul li { float:left; width:200px; font-size:14px; color:#333; height:300px;} .nr2 .ius ul li img { width:180px;} .nr2 .ius ul li a { margin-bottom:10px; outline:none;width:200px; height:300px; display:block;} .nr2 .ius ul li a:hover { text-decoration:none; } .nr2 .ius ul li h3 { margin:10px 0; font-size:20px;} .nr2 .ius ul li span { display:block; padding:0 20px;} .nr3 { width:1200px; height:270px; padding:20px 0; margin:0 auto;} .nr3 .left { font-size:14px; line-height:25px; border:1px solid #f5f5f5; width:378px; height:248px; padding:10px;} .nr3 .left .tit { margin-bottom:20px; width:378px; height:40px; background:url(pic/td.png) repeat-x bottom;} .nr3 .left .tit h4 { font-size:18px; height:38px; width:75px; line-height:38px; border-bottom:3px solid #112a67} .nr3 .left .tit a { display:block; width:75px; height:38px; } .nr3 .left .tit a:hover { text-decoration:none;} .nr3 .left .st { margin-bottom:10px; background:url(pic/st.png) no-repeat; display:inline-block; float:left; margin-right:20px; width:149px; height:100px;} .nr3 .left .more { background:#112a67; color:#fff; padding:2px; margin-left:10px;border-radius:2px;} .nr3 .right { font-size:14px; line-height:25px; border:1px solid #f5f5f5; width:768px; height:258px; padding:10px 0 0px 10px;} .nr3 .right .tit { margin-bottom:20px; width:758px; height:40px; background:url(pic/td.png) repeat-x bottom;} .nr3 .right .tit h4 { float:left; font-size:18px; height:38px; width:75px; line-height:38px; border-bottom:3px solid #112a67} .nr3 .right .tit .ha { display:block; width:75px; height:38px; } .nr3 .right .tit .ha:hover { text-decoration:none;} .nr3 .right ul li { float:left; margin-right:15px; margin-bottom:10px; border:1px solid #f5f5f5; width:175px; height:86px;} .nr3 .right ul li img { width:175px; height:86px;} .nr3 .right .more { line-height:38px; font-size:14px;} .foot { background:#000; height:150px;} .foot .footk { width:1200px; height:90px; margin:0 auto; color:#fff; line-height:20px; padding:30px 0; background:url(pic/dlogo.png) #000 no-repeat 0 50px ; } .foot .footk .fn { float:right;} /* ���� */ .fls2 { background:url(pic/nrbg.jpg) no-repeat center; height:494px;} .fls5 { background:url(pic/dxal.jpg) no-repeat center top; height:200px;} .fls6 { background:url(pic/nrbg.jpg) no-repeat center top; height:200px;} .fls8 { background: url(pic/sdsfsdys.jpg) no-repeat center top; height:1000px;} .fls8 .nrk { width:1200px; margin:0 auto;} .fls8 .nrk .ysw { padding:155px 0 0 184px; } .fls8 .nrk .ysw iframe {width:375px; height:667px; background:#fff;} .fls4 { background:url(pic/lxwm.jpg) no-repeat center; height:810px;} .fls4 .nrk { line-height:40px; font-family:"Microsoft Yahei";margin:0 auto; width:1200px; text-align:center; padding-top:100px; color:#fff;} .fls4 .nrk h1 { display:inline; font-size:26px;} .fls4 .nrk .lnr { padding:20px 50px; text-align:left; } .fls4 .nrk h2 { font-size:40px;} .fls4 .nrk { font-size:18px;} .fls2 .nrk { margin:0 auto; width:1200px;position:relative;} .fls2 .nrk .xys { background-image:url(pic/navbg.png);} .fls2 .nrk a {display:block;width:149px; height:149px;} .fls3 { background:url(pic/rkg.jpg) center; height:605px;} .fls3 .nrk { width:1200px; margin:0 auto; padding-top:60px;font-family:"Microsoft Yahei";} .fls3 .subk { border-radius:20px;background:#f4f4f4; width:310px; margin-left:200px; padding:20px; height:460px;} .fls3 .subk h1 { text-align:center; margin-bottom:10px; color:#000;} .fls3 .subnk { border-radius:20px; border:1px solid #ddd;background:#fff; width:290px; height:360px; padding:10px 10px 0 10px; } .fls3 .subnk .input { border-bottom:1px solid #ddd; height:40px; margin-bottom:5px; line-height:40px; font-size:16px; color:#000;} .fls3 .subnk span { color:#ff0000; margin-right:5px; font-size:20px; vertical-align:-6px;} .fls3 .subnk input { border:0; width:210px; height:30px; outline:none; line-height:30px; font-size:16px;font-family:"Microsoft Yahei"; padding-left:10px;} .fls3 .subnk .tit { font-size:18px; font-weight:bold; line-height:50px; margin-bottom:10px; color:#000; } .fls3 .subnk .radio { font-size:16px; margin-bottom:10px; color:#000;} .fls3 .subnk .radio input { width:20px; height:20px; vertical-align:-5px; margin-right:10px;} .fls3 .subk .submit { cursor:pointer; width:310px; height:40px; background:#ff4100; margin-top:15px; font-size:20px; text-align:center; line-height:40px; color:#fff; font-weight:bold; border-radius:20px;} .fls3 .subnk .cc{width: 100px;margin: 0px 6px;border: 1px #ccc solid;border-radius: 3px;height: 25px;vertical-align: bottom;} .xnava { position:absolute; top:165px; left:242px;} .xnava .off { background-position:0 0;}.xnava .on {background-position:-160px 0;} .xnavb { position:absolute; top:165px; left:494px;} .xnavb .off { background-position:0 -160px;} .xnavb .on {background-position:-160px -160px;} .xnavc { position:absolute; top:165px; left:754px;} .xnavc .off { background-position:0 -319px;} .xnavc .on {background-position:-160px -319px;} .xnavd { position:absolute; top:300px; left:357px;} .xnavd .off { background-position:0 -478px;} .xnavd .on {background-position:-160px -478px;} .xnave { position:absolute; top:300px; left:630px;} .xnave .off { background-position:0 -637px;} .xnave .on {background-position:-160px -637px;} .xnavf { position:absolute; top:300px; left:880px;} .xnavf .off { background-position:0 -796px;} .xnavf .on {background-position:-160px -796px;} .cpe .pa { } .cpe .pa .erw { background:url(pic/erwm.png) ; width:266px; height:344px; top:-356px; left:0px; position:absolute;} .cpe .pa .gb { background:url(pic/x.png) no-repeat; width:37px; height:37px; cursor:pointer; position:absolute; top: -370px; right:120px;} .cpe .pa .a { background:#f6ff00;} .cpe .pa .xfk { position:relative; width:400px;} .cpe .pa .b { background:#fff;} .cpe .pa .ak { width:1170px; margin:0 auto; padding-top:460px; padding-left:30px;} .cpe .pb {background:url(pic/cp5/02.jpg) center no-repeat; height:252px;} .cpe .pc {background:url(pic/cp5/03.jpg) center no-repeat; height:773px;} .cpe .pd {background:url(pic/cp5/04.jpg) center no-repeat; height:773px;} .cpd .pa {background:url(pic/cp4/01.jpg) center no-repeat; height:521px;} .cpd .h1 { text-align:center; background:url(pic/lx.jpg) center bottom no-repeat;padding-bottom:20px; margin:30px 0;} .cpd .h1 h1 { font-size:40px; color:#000; margin-bottom:5px;} .cpd .h1 span { font-size:16px;} .cpe .pa {background:url(pic/cp5/01.jpg) center no-repeat; height:521px;} .cpe .pa a {border-radius:5px; font-size:14px; font-weight:bold; color:#333; display:block; float:left; line-height:40px; text-align:center; border:1px solid #999; width:185px; height:40px;font-family:"Microsoft Yahei"; margin-right:10px;} .cpe .pa a:hover { background:#112a67; color:#fff; text-decoration:none;} .update {width:1100px; margin:0 auto; padding:50px;font-family:"Microsoft Yahei";} .update .tit { font-size:40px; font-weight:bold; color:#000; margin-bottom:20px;} .update ul { margin-left:30px; background:url(pic/rptdf.jpg) repeat-y;} .update ul li { background:url(pic/rptd.jpg) 0 15px no-repeat; padding-left:30px; } .update ul li .rq { font-size:28px; color:#174793; font-weight:bold; margin:20px 0 18px;line-height:45px;} .update ul li .gnr { font-size:16px; color:#333; line-height:28px;} /*����*/ .wnav { border:1px solid #ddd; border-left:0; border-right:0; height:50px; line-height:50px;} .wnavk { width:1200px; margin:0 auto;} .wnavk .mbx span { margin:0 10px;} .wnavk .nnav { border-right:1px solid #ddd;} .wnavk .nnav a { display:block; float:left; padding:0 20px; font-size:14px; border-left:1px solid #ddd;} .wnavk .nnav a:hover { background:#112a67; color:#fff; text-decoration:none;} .wnavk .nnav .on { background:#112a67; color:#fff; text-decoration:none;} .w_nrk { background:#eaeaea; padding:20px 0;font-family:"Microsoft Yahei"; } .w_nrk .w_nr { width:1200px; margin:0px auto; } .w_nrk .w_nr .left { width:808px; padding:20px; border:1px solid #ddd; background:#fff; float:left;} .w_nrk .w_nr .right { width:318px; padding:10px; border:1px solid #ddd; background:#fff; float:right;} .w_nrk .w_nr .left ul li { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:10px;} .w_nrk .w_nr .left ul li .bt { line-height:30px; margin-bottom:0px; width:808px; } .w_nrk .w_nr .left ul li .bt .lm { color:#0056cb; display:inline-block; float:left; font-weight: bold; font-size:16px; margin-right:10px;} .w_nrk .w_nr .left ul li .bt .tit { font-size:16px;color:#000; height:30px; width:600px ;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .w_nrk .w_nr .left ul li .bt span { float:right; font-size:14px; color:#ff4000;} .w_nrk .w_nr .left ul li .dd { line-height:20px; font-size:12px;} .w_nrk .w_nr .left h1 { border-bottom:1px solid #ddd; padding-bottom:10px; line-height:30px; margin-bottom:10px; color:#000;} .w_nrk .w_nr .right h2 { border-bottom:1px solid #ddd; padding-bottom:10px; line-height:30px; font-size:18px; padding:10px 0; margin-bottom:10px; color:#000;} .w_nrk .w_nr .right .top li { border-bottom:1px dashed #ddd; line-height:40px; width:318px; height:40px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .w_nrk .w_nr .right .top li em { margin-right:10px; font-weight:bold; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:30px; vertical-align:-6px;} .w_nrk .w_nr .right .top li .h { color:#ff0000;} .w_nrk2 { background:#eaeaea; padding:20px 0;font-family:"Microsoft Yahei"; } .w_nrk2 .w_nr { width:1200px; margin:0px auto; } .w_nrk2 .w_nr .left { width:808px; padding:20px; border:1px solid #ddd; background:#fff; float:left;} .w_nrk2 .w_nr .right { width:318px; padding:10px; border:1px solid #ddd; background:#fff; float:right;} .w_nrk2 .w_nr .left ul li { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:10px;} .w_nrk2 .w_nr .left ul li .bt { line-height:30px; margin-bottom:0px; width:808px; } .w_nrk2 .w_nr .left ul li .bt .lm { color:#0056cb; display:inline-block; float:left; font-weight: bold; font-size:16px; margin-right:10px;} .w_nrk2 .w_nr .left ul li .bt .tit { font-size:16px;color:#000; height:30px; width:600px ;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .w_nrk2 .w_nr .left ul li .bt span { float:right; font-size:14px; color:#ff4000;} .w_nrk2 .w_nr .left ul li .dd { line-height:20px; font-size:12px;} .w_nrk2 .w_nr .left h1 { border-bottom:1px solid #ddd; padding-bottom:10px; line-height:30px; margin-bottom:10px; color:#000;} .w_nrk2 .w_nr .right h2 { border-bottom:1px solid #ddd; padding-bottom:10px; line-height:30px; font-size:18px; padding:10px 0; margin-bottom:10px; color:#000;} .w_nrk2 .w_nr .right .top li { border-bottom:1px dashed #ddd; line-height:40px; width:318px; height:40px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .w_nrk2 .w_nr .right .top li em { margin-right:10px; font-weight:bold; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:30px; vertical-align:-6px;} .w_nrk2 .w_nr .right .top li .h { color:#ff0000;} .w_nrk2 .wznk h1{ display:block; font-size:24px; line-height:50px; border-bottom:solid 1px #ddd; text-align:center; color:#333;} .w_nrk2 .wznk .item{ line-height:30px; text-align:center;display:block; } .next{ margin:20px 0 0px; margin-top:30px; padding-top:20px; border-top:1px solid #ddd; line-height:30px; font-size:12px; color:#333;} .next a{ color:#1765C9; } .next div {width:750px; height:30px; display:inline-block;float:left;} .n_page { height:30px;line-height:30px; margin:20px 0; } .n_page a { padding:5px 10px; display:block; float:left; background:#fff; margin-right:5px; line-height:19px;} .n_page a:hover { text-decoration:none; border:1px solid #3b93f7; color:#fff; background:#5ca8ff;} .n_page i { width:4px; font-size:0; line-height:0; vertical-align:2px; margin: 0 5px; height:7px; background:url(http://www.citscq.com/Themes/pic/zh.png) no-repeat; display:inline-block;} .n_page .lof { background-position:-149px -65px;} .n_page .lon { background-position:-149px -75px;} .n_page .rof {background-position:-154px -65px;} .n_page .ron { background-position:-154px -75px;} .n_page .off { border:1px solid #eee; color:#ddd;} .n_page .off:hover { text-decoration:none; background:#fff; color:#ddd; border:1px solid #eee;} .n_page .on { border:1px solid #3b93f7; color:#0057b9;} .n_page .curr {border:1px solid #3b93f7; color:#fff; background:#5ca8ff; } .dxal { font-family:"Microsoft Yahei";} .dxal .dxk { width:1200px; margin:0 auto; padding:30px 0;} .dxal .dxk h1 { text-align:center; color:#000; font-size:40px; margin-bottom:50px; background:url(pic/lx.jpg) bottom center no-repeat; padding-bottom:20px;} .dxal .dxk h2 { text-align:center; font-size:28px; color:#fff; border:1px solid #ddd;border-radius:50px; line-height:50px; width:300px; background:#0e3e90; margin-left:450px;} .dxal .dxk .alu { margin:30px 0;} .dxal .dxk .alu li { float:left; text-align:center; margin-bottom:30px; border-top:1px solid #ddd; border-radius:5px; margin-right:30px; width:270px;box-shadow: 0 10px 5px -10px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1); } .dxal .dxk .alu li img { width:95%; margin-bottom:10px; border-bottom:1px solid #ddd;border-radius: 0 0px 5px 5px;} .dxal .dxk .alu li .pm { height:30px; text-align:center; font-size:16px; line-height:30px; } .dxal .dxk .alu li .wz { text-align:center;color:#999; font-size:14px;} .dxal .dxk .alu li:hover { color:#fff; background:#002c6e;} .dxal .dxk .alu li a { width:270px; height:250px; display:block; color:#000;} .dxal .dxk .alu li a:hover { color:#fff; text-decoration:none;} .hjjf { margin:50px 0;} .dxal .dxk .glu { margin:30px 0;} .dxal .dxk .glu li { float:left; text-align:center; margin-bottom:30px; border-top:1px solid #ddd; border-radius:5px; margin-right:15px; width:185px;box-shadow: 0 10px 5px -10px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.1); } .dxal .dxk .glu li img { width:95%; border-bottom:1px solid #ddd;border-radius: 0 0px 5px 5px;} .dxal .dxk .glu li .pm { height:30px; text-align:center; font-size:14px; line-height:30px; } .dxal .dxk .glu li .wz { text-align:center;color:#999;} .dxal .dxk .glu li:hover { color:#fff; background:#002c6e;} .dxal .dxk .glu li a { width:185px; height:150px; display:block; color:#000;} .dxal .dxk .glu li a:hover { color:#fff; text-decoration:none;} .hjjf { margin:50px 0;} .cent { width:1200px;text-align:center; margin-bottom:50px; border-bottom:1px solid #ddd;} .n_page2 { height:30px;line-height:30px; margin:20px 0; display:inline-block; } .n_page2 a { padding:5px 10px; display:block; float:left; background:#fff; margin-right:5px; line-height:19px;} .n_page2 a:hover { text-decoration:none; border:1px solid #3b93f7; color:#fff; background:#5ca8ff;} .n_page2 i { width:4px; font-size:0; line-height:0; vertical-align:2px; margin: 0 5px; height:7px; background:url(http://www.citscq.com/Themes/pic/zh.png) no-repeat; display:inline-block;} .n_page2 .lof { background-position:-149px -65px;} .n_page2 .lon { background-position:-149px -75px;} .n_page2 .rof {background-position:-154px -65px;} .n_page2 .ron { background-position:-154px -75px;} .n_page2 .off { border:1px solid #eee; color:#ddd;} .n_page2 .off:hover { text-decoration:none; background:#fff; color:#ddd; border:1px solid #eee;} .n_page2 .on { border:1px solid #ddd; color:#0057b9;} .n_page2 .curr {border:1px solid #ddd; color:#fff; background:#0c3f92; } .nr4 {margin:0 auto; background:url(pic/indb.jpg);} .nr4 .ius { height:440px; padding:30px 0 30px; margin:0 auto; width:1200px; text-align:center; font-size:18px; font-weight:bold; color:#fff;font-family:"Microsoft Yahei"; } .nr4 .ius .eng { font-size:40px; font-weight:bold; color:#fff; text-shadow:#999 2px 2px 5px;} .nr4 .ius .h1 h2 { display:inline;font-size:20px;} .nr4 .ius .h2 { background:url(pic/btg.png) center no-repeat; color:#f9ff5d; margin-bottom:30px; padding-left:10px; font-size:16px; font-weight:bold;} .nr4 .ius .nav { height:40px; margin:10px 0;} .nr4 .ius .nav a { display:block; margin-right:20px; float:left; text-decoration:none} .nr4 .ius .nav .off { color:#fff;} .nr4 .ius .nav .on { color:#f9ff5d;} .nr4 .ius .videolist { margin-bottom:20px;} .nr4 .ius .videolist li { width:280px;height:200px; position:relative; overflow:hidden; float:left; margin-right:20px;} .nr4 .ius .videolist li img { width:280px; height:200px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .nr4 .ius .videolist li img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .nr4 .ius .videolist li .play {position: absolute; bottom: 0;left: 0;top: 0; right: 0; z-index: 2; margin: auto; width: 53px; height: 53px;background-image: url(pic/play.png); background-size: cover; background-repeat: no-repeat;} .nr4 .ius .videolist li .name { position:absolute; font-size:16px; overflow:hidden; white-space:nowrap; width:100%; color:#fff; height:40px; line-height:40px; left:0; bottom:0; background:#000; opacity:0.8} .nr4 .more { clear:both; margin-top:30px;} .nr4 .more a { border-radius:10px; background:#ff7400; padding:10px 50px; color:#fff; text-decoration:none; } .nr4 .more a:hover { background:#ff4800;} .videok {} .videok .videolist { margin-bottom:20px;} .videok .videolist li { width:280px;height:200px; position:relative; overflow:hidden; float:left; margin-right:20px; margin-bottom:30px;} .videok .videolist li img { width:280px; height:200px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;transition: all 1s; } .videok .videolist li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .videok .videolist li .play {position: absolute;bottom: 0; left: 0; top: 0; right: 0;z-index: 2; margin: auto; width: 53px; height: 53px; background-image: url(pic/play.png); background-size: cover; background-repeat: no-repeat;} .videok .videolist li .name { text-align:center; padding:0 10px; position:absolute; font-size:16px; overflow:hidden; white-space:nowrap; width:100%; color:#fff; height:40px; line-height:40px; left:0; bottom:0; background:#000; opacity:0.8} .fls7 { background:url(pic/videobg.jpg) no-repeat center top; height:200px;}