@charset "utf-8";
/* CSS Document */
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*banner*/
.banner{ width:100%; height:740px; position:relative;}
.banner .swiper-container{ width:100%; height:740px; position:relative; overflow:hidden; z-index:0;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide a{ width:1920px; height:100%; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; bottom:15px; right:50%; margin-right:-550px; z-index:2;}
.banner .swiper-pagination span{ width:20px; height:20px; display:block; float:left; cursor:pointer; background-image:url(img/ban.jpg); background-position:center; background-repeat:no-repeat; border-radius:20px; margin-left:10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(img/banh.jpg);}
.banner .swiper-button-prev{ position:absolute; left:50%; margin-left:-550px; bottom:15px; cursor:pointer; height:20px; z-index:2; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);}
.banner .swiper-button-prev .ico{ width:11px; height:20px; display:block; overflow:hidden; background-image:url(img/zz.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-prev .line{ width:0; overflow:hidden; height:2px; background-color:#333; position:absolute; left:0; top:9px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);}
.banner .swiper-button-prev:hover{ margin-left:-560px;}
.banner .swiper-button-prev:hover .line{ width:30px;}
.banner .swiper-button-next{ position:absolute; right:50%; margin-right:450px; bottom:15px; cursor:pointer; height:20px; z-index:2; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);}
.banner .swiper-button-next .ico{ float:right; width:11px; height:20px; display:block; overflow:hidden; background-image:url(img/zy.png); background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-next .line{ width:0; overflow:hidden; height:2px; background-color:#333; position:absolute; right:0; top:9px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2);}
.banner .swiper-button-next:hover{ margin-right:440px;}
.banner .swiper-button-next:hover .line{ width:30px;}
.banner .bg{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:0; background-color:#fff; z-index:1; height:70px;}
.banner .bg .down{ width:20px; margin:30px auto; cursor:pointer;}
.banner .bg .down img{ width:100%; display:block;}

/*header*/
.header{ width:100%; height:100px; position:absolute; left:0; top:0; background-image:url(img/navbg.png); background-position:left bottom; background-repeat:repeat-x; z-index:9;}
.header .box{ width:94%; margin:auto; height:100px;}
.header .box .logo{ height:60px; float:left; padding:20px 0;}
.header .box .logo img{ display:block; height:60px;}
.header .box .nav{ display:block; float:left; height:100px; margin-left:70px;}
.header .box .nav li{ display:block; float:left; margin-left:50px;}
.header .box .nav li a{ display:block; font-size:18px; color:#fff; height:100px; line-height:100px; position:relative;}
.header .box .nav li a b{ width:0; height:2px; display:block; background-color:#f10f10; overflow:hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%) translateY(0); transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; border-radius:2px;}
.header .box .nav li:hover a,.header .box .nav li.on a{ color:#f10f10;}
.header .box .nav li:hover b,.header .box .nav li.on b{ width:100%;}
.header .box .ser{ height:40px; margin:30px 0; float:right; height:100px;}
.header .box .ser .s01{ width:18px; height:18px; float:left; margin:11px 0;}
.header .box .ser .s01 img{ width:100%; display:block;}
.header .box .ser .s02{ width:1px; height:16px; float:left; margin:12px 20px; background-color:#fff;}
.header .box .ser .s03{ float:left; font-size:16px; height:40px; line-height:40px;}
.header .box .ser .s03 a{ color:#fff;}
.header .box .ser .s03 a:hover{ color:#f10f10;}
.header .box .ser .s04{ float:left; width:110px; height:34px; margin-left:20px; margin-top:3px;}
.header .box .ser .s04 a{ display:block; width:100%; height:34px; border-radius:34px; background-color:rgba(255,255,255,0.7); text-align:center; line-height:34px; font-size:16px;}
.header .box .ser .s04 a:hover{ background-color:#f10f10; color:#fff;}
.header .box .ser .s05{ float:left; height:40px;}
.header .box .ser .s05 .h01{ width:40px; height:40px; float:left; border-radius:100%;}
.header .box .ser .s05 .h01 img{ width:100%; display:block;}
.header .box .ser .s05 .h02{ float:left; height:40px; margin-left:10px;}
.header .box .ser .s05 .h03{ font-size:14px; height:18px; line-height:18px; margin-bottom:6px; color:#999;}
.header .box .ser .s05 .h03 a{ font-size:16px; color:#fff;}
.header .box .ser .s05 .h04{ font-size:14px; height:36px; line-height:16px; color:#999; position:relative;}
.header .box .ser .s05 .h04 em{ display:inline-block; vertical-align:middle; margin-left:10px; width:10px; height:4px; background-image:url(img/sel.png); background-position:center; background-repeat:no-repeat;}
.header .box .ser .s05 .h04 dl{ display:none; width:120px; z-index:99; position:absolute; top:28px; left:0; background:rgba(255,255,255,0.9); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; box-sizing:border-box;}
.header .box .ser .s05 .h04 dl:before{ bottom:100%; left:30px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(255,255,255,0.9); border-width:8px; margin-left:-8px;}
.header .box .ser .s05 .h04 dl dd{ display:block; margin-bottom:5px; text-align:center;}
.header .box .ser .s05 .h04 dl dd:last-child{ margin-bottom:0;}
.header .box .ser .s05 .h04 dl dd a{ display:block; color:#333; line-height:24px; font-size:14px;}
.header .box .ser .s05 .h04:hover dl{ display:block;}
.header .box .ser .s05 .h04 dl dd a:hover{ color:#f10f10;}

/*搜索*/
.sbox{ width:100%; position:absolute; left:0; top:100px; background-color:rgba(255,255,255,0.7); z-index:99; padding:50px 0; display:none;}
.sbox .box{ width:600px; height:50px; margin:auto; border-radius:5px;}
.sbox .box p{ display:block; float:left; width:440px; padding:0 20px; height:50px; background-color:#fff;}
.sbox .box p input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px;}
.sbox .box span{ display:block; float:left; width:120px; height:50px;}
.sbox .box span input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#f10f10; cursor:pointer;}

/*热门*/
.rbox{ width:100%; padding-bottom:70px; background-color:#f1f1f1;}
.rbox .box{ width:1200px; margin:auto; background-color:#fff; height:540px;}
.rbox .box .title{ padding-top:38px; height:72px; text-align:center; background-image:url(img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.rbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.rbox .box .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.rbox .box .title p a{ color:#f10f10;}
.rbox .box .swiper-container{ width:1098px; margin:auto; margin-top:30px;}
.rbox .box .swiper-container .swiper-wrapper{ width:100%; height:320px; position:relative;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide{ width:163px; height:320px; overflow:hidden; display:block;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu{ width:100%; height:240px; position:relative; border-radius:5px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu p{ width:70px; padding-left:10px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:rgba(0,0,0,0.7); border-bottom-left-radius:5px; display:block; overflow:hidden; position:absolute; right:0; top:0;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .tu p em{ display:block; width:13px; height:30px; margin-right:5px; float:left; background-image:url(img/hot.png); background-position:center; background-repeat:no-repeat;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen{ width:100%; padding-top:5px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen span{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#999;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide .wen p{ display:block; overflow:hidden; font-size:16px; line-height:24px; height:24px;}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.rbox .box .swiper-container .swiper-wrapper .swiper-slide:hover .wen p{ color:#f10f10;}
.rbox .box .swiper-pagination{ width:100%; text-align:center;}
.rbox .box .swiper-pagination span{ width:10px; height:10px; background-color:#ddd; display:inline-block; cursor:pointer; border-radius:100%; margin:0 5px;}
.rbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f10f10;}

/*最新*/
.xbox{ width:100%; padding:70px 0; background-color:#fff;}
.xbox .box{ width:1200px; margin:auto; display:block;}
.xbox .box dt{ width:540px; padding:14px; border:1px solid #cacaca; float:left; display:block; overflow:hidden;}
.xbox .box dd{ width:540px; padding:14px; border:1px solid #cacaca; float:right; display:block; overflow:hidden;}
.xbox .box dt .tou{ background-image:url(img/t01.jpg);}
.xbox .box dd .tou{ background-image:url(img/t02.jpg);}
.xbox .box .tou{ background-position:center; background-repeat:no-repeat; padding:20px;}
.xbox .box .tou p{ display:block; color:#fff; font-size:24px; line-height:34px; height:34px; font-weight:bold;}
.xbox .box .tou span{ display:block; color:#fff; font-size:16px; line-height:26px; height:26px; text-transform:uppercase;}
.xbox .box ul{ width:100%; margin:auto; display:block; overflow:hidden; padding-bottom:10px;}
.xbox .box ul li{ display:block; margin-top:20px; overflow:hidden;}
.xbox .box ul li b{ width:40px; text-indent:10px; float:left; display:block; overflow:hidden; font-size:16px; height:28px; line-height:28px; color:#666;}
.xbox .box ul li:nth-child(1) b,.xbox .box ul li:nth-child(2) b,.xbox .box ul li:nth-child(3) b{ font-size:18px; color:#f10f10;}
.xbox .box ul li p{ width:390px; float:left; display:block; overflow:hidden;}
.xbox .box ul li p a{ font-size:18px; height:28px; line-height:28px; overflow:hidden; display:block;}
.xbox .box ul li p span{ font-size:14px; height:24px; line-height:24px; overflow:hidden; display:block; color:#999;}
.xbox .box ul li strong{ height:52px; width:52px; border-radius:100%; float:right; overflow:hidden; margin-right:10px;}
.xbox .box ul li strong img{ width:100%; display:block;}
.xbox .box ul li:hover p a{ color:#f10f10;}

/*热门*/
.zbox{ width:100%; padding-bottom:70px; background-color:#fff;}
.zbox .title{ padding-top:68px; height:72px; text-align:center; background-image:url(img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.zbox .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.zbox .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.zbox .title p a{ color:#f10f10;}
.zbox .box{ width:1200px; margin:auto; margin-top:30px; height:480px;}
.zbox .box .swiper-container{ width:100%; position:relative; height:410px; padding-bottom:70px;}
.zbox .box .swiper-slide{ width:285px; height:410px; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.zbox .box .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:0; background-color:rgba(0,0,0,0.8);}
.zbox .box .swiper-slide .z01{ width:245px; margin:auto; text-align:center; height:54px; line-height:54px; padding-top:14px; font-size:22px; color:#fff; font-weight:bold; position:relative; z-index:2;}
.zbox .box .swiper-slide .z02{ width:50px; margin:auto; height:2px; background-color:#f10f10; position:relative; z-index:2;}
.zbox .box .swiper-slide .z03{ width:245px; margin:15px auto; height:240px; position:relative; z-index:2;}
.zbox .box .swiper-slide .z03 a{ display:block; color:#fff; line-height:30px; height:30px; overflow:hidden; font-size:14px;}
.zbox .box .swiper-slide .z03 a:hover{ color:#f10f10;}
.zbox .box .swiper-slide .z04{ width:245px; margin:auto; height:40px; position:relative; z-index:2;}
.zbox .box .swiper-slide .z04 a{ width:243px; height:38px; line-height:38px; font-size:14px; text-align:center; color:#fff; display:block; border-radius:40px; border:1px solid #fff;}
.zbox .box .swiper-slide .z04 a:hover{ border:1px solid #f10f10; background-color:#f10f10;}
.zbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.zbox .box .swiper-pagination span.swiper-pagination-current{ color:#f10f10;}
.zbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(img/left.png); cursor:pointer;}
.zbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(img/right.png); cursor:pointer;}
.zbox .box .swiper-button-prev:hover{ background-image:url(img/left01.png);}
.zbox .box .swiper-button-next:hover{ background-image:url(img/right01.png);}
.zbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(img/line.png); background-position:left center; background-repeat:repeat-x;}
.zbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#f10f10; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}

/*影片分类*/
.cbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.cbox .left{ width:400px; position:absolute; top:50%; left:50%; transform:translateX(-600px) translateY(-50%); z-index:2;}
.cbox .title{ height:102px; background-image:url(img/title.png); background-position:bottom left; background-repeat:no-repeat;}
.cbox .title span{ display:block; overflow:hidden; font-size:30px; height:62px; line-height:62px; color:#fff;}
.cbox .title p{ display:block; overflow:hidden; font-size:30px; height:30px; line-height:30px; text-transform:uppercase; color:#fff;}
.cbox .title p a{ color:#f10f10;}
.cbox .left .button{ margin-top:50px; width:110px;}
.cbox .left .button .swiper-button-prev{ width:36px; height:36px; border:2px solid #fff; border-radius:100%; cursor:pointer; background-image:url(img/fl.png); background-position:center; background-repeat:no-repeat; float:left;}
.cbox .left .button .swiper-button-next{ width:36px; height:36px; border:2px solid #fff; border-radius:100%; cursor:pointer; background-image:url(img/fr.png); background-position:center; background-repeat:no-repeat; float:right;}
.cbox .left .button .swiper-button-prev:hover,.cbox .left .button .swiper-button-next:hover{ background-color:#f10f10; border:2px solid #f10f10;}
.cbox .right{ width:100%; padding:85px 0; background-color:rgba(0,0,0,0.85); position:relative; z-index:0;}
.cbox .right .swiper-container{ padding-left:440px; width:780px; height:300px; margin:auto; position:relative;}
.cbox .right .swiper-wrapper{ flex-direction:multiple; -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.cbox .right .swiper-wrapper .swiper-slide{ width:180px; height:60px;}
.cbox .right .swiper-wrapper .swiper-slide a{ width:170px; height:60px; background-color:rgba(255,255,255,0.3); display:block; overflow:hidden;}
.cbox .right .swiper-wrapper .swiper-slide a em{ display:block; float:left; margin-left:20px; width:30px; height:60px; background-position:center; background-repeat:no-repeat;}
.cbox .right .swiper-wrapper .swiper-slide a p{ display:block; float:left; margin-left:10px; font-size:16px; height:60px; line-height:60px; width:90px; overflow:hidden; color:#fff;}
.cbox .right .swiper-wrapper .swiper-slide a:hover{ background-color:#f10f10;}

/*选片平台*/
.pbox{ width:100%; padding-bottom:70px; background-color:#f1f1f1;}
.pbox .title{ padding-top:68px; height:72px; text-align:center; background-image:url(img/title.png); background-position:bottom center; background-repeat:no-repeat;}
.pbox .title span{ display:block; overflow:hidden; font-size:18px; height:22px; line-height:22px;}
.pbox .title p{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px; text-transform:uppercase;}
.pbox .title p a{ color:#f10f10;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide{ width:285px; height:420px; display:block; position:relative; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .wen{ width:245px; padding:10px 20px; height:50px; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ color:#fff; font-size:16px; height:26px; line-height:26px;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .box .swiper-container .swiper-slide .wen .w03{ width:100%; height:210px; margin-top:3px;}
.pbox .box .swiper-container .swiper-slide .wen .w03 p{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#fff;}
.pbox .box .swiper-container .swiper-slide .wen .w04{ width:243px; height:38px; line-height:38px; font-size:14px; text-align:center; color:#fff; border:1px solid #fff; border-radius:40px; margin-top:47px;}
.pbox .box .swiper-container .swiper-slide .wen .w04:hover{ background-color:#f10f10; border:1px solid #f10f10;}
.pbox .box .swiper-container .swiper-slide:hover .wen{ padding:20px; height:380px;}
.pbox .box .swiper-container .swiper-slide:hover .wen .w01{ font-size:18px; height:36px; line-height:36px;}
.pbox .box .swiper-container .swiper-slide:hover .wen .w02{ height:34px; line-height:34px;}
.pbox .box .more{ width:290px; height:40px; margin:auto; margin-top:30px;}
.pbox .box .more .swiper-button-prev{ width:60px; height:40px; float:left; cursor:pointer; background-image:url(img/pl.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .box .more .swiper-button-prev:hover{ background-image:url(img/plh.jpg);}
.pbox .box .more .swiper-button-next{ width:60px; height:40px; float:left; cursor:pointer; background-image:url(img/pr.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .box .more .swiper-button-next:hover{ background-image:url(img/prh.jpg);}
.pbox .box .more a{ width:158px; height:38px; line-height:38px; font-size:14px; text-align:center; border:1px solid #cacaca; display:block; float:left; margin:0 5px;}
.pbox .box .more a:hover{ color:#f10f10; border:1px solid #f10f10;}

/*footer*/
.footer{ width:100%; padding:29px 0; background-color:#222;}
.footer .link{ width:1200px; margin:auto; padding-bottom:15px; border-bottom:1px solid #333; display:block; margin-bottom:25px;}
.footer .link dt{ width:140px; display:block; float:left; overflow:hidden;}
.footer .link dt span{ display:block; overflow:hidden; text-transform:uppercase; font-size:14px; height:32px; line-height:32px; color:#999;}
.footer .link dt p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link dd{ max-width:1060px; display:block; float:right; overflow:hidden; padding-top:32px; text-align:right;}
.footer .link dd a{ display:inline-block; margin-left:40px; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link dd a:hover{ color:#f10f10;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .left{ float:left; width:970px;}
.footer .foot .left .f01{ width:100%; margin-bottom:17px;}
.footer .foot .left .f01 a{ display:block; float:left; color:#fff; font-size:16px; height:24px; line-height:24px; margin-right:40px;}
.footer .foot .left .f01 a:hover{ color:#f10f10;}
.footer .foot .left .f02{ width:100%; margin-bottom:25px;}
.footer .foot .left .f02 p{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#999;}
.footer .foot .left .f02 p a{ color:#999;}
.footer .foot .left .f02 p a:hover{ color:#fff;}
.footer .foot .left .f03{ width:100%;}
.footer .foot .left .f03 a{ width:40px; height:40px; display:block; border-radius:100%; background-color:#2c2c2c; position:relative; margin-right:20px; margin-bottom:11px; float:left;}
.footer .foot .left .f03 a img{ display:block; max-height:20px; max-width:20px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .foot .left .f03 a:hover{ background-color:#333;}
.footer .foot .right{ float:right; width:120px; padding-top:5px;}
.footer .foot .right strong{ width:100%; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .foot .right p{ display:block; text-align:center; overflow:hidden; height:34px; line-height:34px; font-size:14px; padding-top:6px; color:#999;}

/*内页*/
.header01{ width:100%; height:100px; position:relative; z-index:9; background-color:#fff;}
.header01 .box{ width:94%; margin:auto; height:100px;}
.header01 .box .logo{ height:60px; float:left; padding:20px 0;}
.header01 .box .logo img{ display:block; height:60px;}
.header01 .box .nav{ display:block; float:left; height:100px; margin-left:70px;}
.header01 .box .nav li{ display:block; float:left; margin-left:50px;}
.header01 .box .nav li a{ display:block; font-size:18px; color:#333; height:100px; line-height:100px; position:relative;}
.header01 .box .nav li a b{ width:0; height:2px; display:block; background-color:#f10f10; overflow:hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%) translateY(0); transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; border-radius:2px;}
.header01 .box .nav li:hover a,.header01 .box .nav li.on a{ color:#f10f10;}
.header01 .box .nav li:hover b,.header01 .box .nav li.on b{ width:100%;}
.header01 .box .ser{ height:40px; margin:30px 0; float:right;}
.header01 .box .ser .s03{ float:left; font-size:16px; height:40px; line-height:40px;}
.header01 .box .ser .s03 a{ color:#333;}
.header01 .box .ser .s03 a:hover{ color:#f10f10;}
.header01 .box .ser .s04{ float:left; width:110px; height:34px; margin-left:20px; margin-top:3px;}
.header01 .box .ser .s04 a{ display:block; width:100%; height:34px; border-radius:34px; background-color:#eee; text-align:center; line-height:34px; font-size:16px;}
.header01 .box .ser .s04 a:hover{ background-color:#f10f10; color:#fff;}
.header01 .box .ser .s05{ float:left; height:40px;}
.header01 .box .ser .s05 .h01{ width:40px; height:40px; float:left; border-radius:100%;}
.header01 .box .ser .s05 .h01 img{ width:100%; display:block;}
.header01 .box .ser .s05 .h02{ float:left; height:40px; margin-left:10px;}
.header01 .box .ser .s05 .h03{ font-size:14px; height:18px; line-height:18px; margin-bottom:6px; color:#999;}
.header01 .box .ser .s05 .h03 a{ font-size:16px; color:#333;}
.header01 .box .ser .s05 .h04{ font-size:14px; height:36px; line-height:16px; color:#999; position:relative;}
.header01 .box .ser .s05 .h04 em{ display:inline-block; vertical-align:middle; margin-left:10px; width:10px; height:4px; background-image:url(img/sel.png); background-position:center; background-repeat:no-repeat;}
.header01 .box .ser .s05 .h04 dl{ display:none; width:120px; z-index:99; position:absolute; top:28px; left:0; background:#f7f7f7; padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; box-sizing:border-box;}
.header01 .box .ser .s05 .h04 dl:before{ bottom:100%; left:30px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#f7f7f7; border-width:8px; margin-left:-8px;}
.header01 .box .ser .s05 .h04 dl dd{ display:block; margin-bottom:5px; text-align:center;}
.header01 .box .ser .s05 .h04 dl dd:last-child{ margin-bottom:0;}
.header01 .box .ser .s05 .h04 dl dd a{ display:block; color:#333; line-height:24px; font-size:14px;}
.header01 .box .ser .s05 .h04:hover dl{ display:block;}
.header01 .box .ser .s05 .h04 dl dd a:hover{ color:#f10f10;}

/*搜索*/
.ban{ width:100%; position:relative; z-index:0; height:240px; background-position:center; background-repeat:no-repeat;}
.ban .bg{ width:100%; height:240px; background-color:rgba(0,0,0,0.7);}
.ban .box{ width:600px; height:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:5px;}
.ban .box p{ display:block; float:left; width:440px; padding:0 20px; height:50px; background-color:#fff;}
.ban .box p input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px;}
.ban .box span{ display:block; float:left; width:120px; height:50px;}
.ban .box span input{ width:100%; display:block; font-size:16px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#f10f10; cursor:pointer;}

/*登录*/
.section{ width:100%; background-color:#f1f1f1;}
.deng{ width:1200px; margin:70px auto; background-color:#fff; height:550px; position:relative;}
.deng .left{ text-align:center; width:440px; position:absolute; top:50%; left:200px; transform:translateX(0) translateY(-50%);}
.deng .left .d01{ font-size:24px; height:44px; line-height:44px; font-weight:bold;}
.deng .left .d02{ width:100%; border-bottom:1px solid #ddd; margin-top:23px; padding-bottom:9px;}
.deng .left .d02 span{ width:100%; font-size:14px; height:28px; line-height:28px; color:#999;}
.deng .left .d02 p{ display:block; width:100%; height:30px; position:relative; overflow:hidden;}
.deng .left .d02 p input{ font-size:16px; height:30px; line-height:30px; display:block; background-color:#fff; width:100%; text-align:center;}
.deng .left .d02 p a{ width:80px; height:30px; position:absolute; right:0; top:0; display:block; overflow:hidden;}
.deng .left .d02 p a img{ height:30px; display:block; max-width:100%; float:right;}
.deng .left .d03{ margin-top:30px; margin-bottom:10px;}
.deng .left .d03 .btn{ width:200px; height:40px; line-height:40px; font-size:14px; border-radius:40px; color:#fff; background-color:#f10f10; cursor:pointer; display:block; float:left;}
.deng .left .d03 a{ width:198px; height:38px; line-height:38px; font-size:14px; border-radius:40px; border:1px solid #cacaca; display:block; float:right;}
.deng .left .d03 a:hover{ border:1px solid #f10f10; color:#f10f10;}
.deng .left .d04{ width:280px; margin:20px auto;}
.deng .left .d04 iframe{ width:280px; height:306px; display:block; margin-top:-66px; margin-left:-1px;}
.deng .left .d05{ font-size:14px; line-height:24px; height:29px;}
.deng .right{ text-align:center; width:360px; height:550px; position:relative; background-position:center; background-repeat:no-repeat; float:right;}
.deng .right .d01{ color:#fff; position:absolute; left:20px; top:57px; width:320px; font-size:24px; height:50px; line-height:50px;}
.deng .right .d02{ color:#fff; position:absolute; left:20px; top:108px; width:320px; font-size:16px; line-height:26px;}
.deng .right .d03{ position:absolute; left:110px; bottom:160px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng .right .d03 a{ display:block; color:#fff;}
.deng .right .d03:hover{ border:2px solid #f10f10; background-color:#f10f10;}
.deng .right .d05{ position:absolute; left:110px; bottom:220px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng .right .d05 a{ display:block; color:#fff;}
.deng .right .d05:hover{ border:2px solid #f10f10; background-color:#f10f10;}
.deng .right .d04{ width:100%; height:550px; background-color:rgba(0,0,0,0.7);}

.deng01{ width:1200px; margin:70px auto; background-color:#fff; height:550px; position:relative;}
.deng01 .left{ width:780px; float:right; margin-right:15px; margin-top:48px;}
.deng01 .left .d01{ width:750px; font-size:24px; height:44px; line-height:44px; font-weight:bold; text-align:center;}
.deng01 .left .d02{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:230px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d02 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d02 span b{ color:#da0000; font-weight:normal; margin-left:2px;}
.deng01 .left .d02 p{ display:block; float:left; width:150px; position:relative;}
.deng01 .left .d02 input,.deng01 .left .d02 select{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d03{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:360px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d03 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d03 p{ display:block; float:left; width:280px; position:relative;}
.deng01 .left .d03 input{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d04{ height:30px; padding-bottom:5px; padding-top:19px; border-bottom:1px solid #ddd; width:750px; float:left; margin-right:30px; position:relative;}
.deng01 .left .d04 span{ display:block; float:left; width:80px; font-size:14px; height:30px; line-height:30px; color:#999;}
.deng01 .left .d04 p{ display:block; float:left; width:560px; position:relative;}
.deng01 .left .d04 input{ width:100%; display:block; font-size:14px; height:30px; line-height:30px; text-align:center;}
.deng01 .left .d04 a{ width:90px; height:30px; line-height:30px; position:absolute; right:0px; bottom:5px; border-radius:3px; background-color:#f10f10; color:#fff; font-size:14px; text-align:center;}
.deng01 .left .d04 em{ position:absolute; right:0; top:58px; font-style:normal; color:#da0000; font-size:14px;}
.deng01 .left .d05{ width:440px; margin-top:30px; margin-bottom:10px; margin-left:155px; text-align:center; float:left;}
.deng01 .left .d05 button{ width:200px; height:40px; line-height:40px; font-size:14px; border-radius:40px; color:#fff; background-color:#f10f10; cursor:pointer; display:block; float:left;}
.deng01 .left .d05 a{ width:198px; height:38px; line-height:38px; font-size:14px; border-radius:40px; border:1px solid #cacaca; display:block; float:right;}
.deng01 .left .d05 a:hover{ border:1px solid #f10f10; color:#f10f10;}
.deng01 .right{ text-align:center; width:360px; height:550px; position:relative; background-position:center; background-repeat:no-repeat; float:left;}
.deng01 .right .d01{ color:#fff; position:absolute; left:20px; top:57px; width:320px; font-size:24px; height:50px; line-height:50px;}
.deng01 .right .d02{ color:#fff; position:absolute; left:20px; top:108px; width:320px; font-size:16px; line-height:26px;}
.deng01 .right .d03{ position:absolute; left:110px; bottom:160px; width:136px; font-size:16px; line-height:36px; height:36px; border-radius:40px; border:2px solid #fff;}
.deng01 .right .d03 a{ display:block; color:#fff;}
.deng01 .right .d03:hover{ border:2px solid #f10f10; background-color:#f10f10;}
.deng01 .right .d04{ width:100%; height:550px; background-color:rgba(0,0,0,0.7);}

/*选片*/
.wei{ width:1175px; padding-left:25px; background-image:url(img/wei.png); background-position:left center; background-repeat:no-repeat; margin:auto; height:56px; line-height:56px; font-size:14px; color:#666;}
.wei a{ color:#666;}
.wei a:hover{ color:#f10f10;}

.main{ width:1200px; margin:auto; padding-bottom:20px;}

.tbar{ }
.tbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.tbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:120px; font-size:16px; background-image:url(img/title01.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.tbar .title em{ display:block; position:absolute; right:0; top:0;}
.tbar .title em img{ display:block;}
.tbar .title p{ display:block; float:right; height:50px; line-height:50px; margin-right:20px; color:#666; font-size:14px;}
.tbar .title p a{ color:#f10f10;}
.tbar .sxcon{}
.tbar .search-by{ }
.tbar .sxcon dl{ position: relative; }
.tbar .sxcon dl dt{ margin-bottom: 5px;width: calc(100% - 50px);}
.tbar .sxcon dl .show-con{
	border: #f0f0f0 1px solid;
    padding: 10px;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden !important;
}
.tbar .sxcon dl .show-con a{ display:block;} 
.tbar .sxcon dl .show-con a:first-child{
    position: absolute;
    top: 0;
	right: 0;
    z-index: 1;
} 
.tbar .sxcon dl .show-con a:nth-child(2){} 
.tbar .sxcon dl .show-con a:before { border: #000 1px solid; background-image: none; width: 12px; height: 12px;  content: ""; display: inline-block; margin-right: 5px;
}
.tbar .sxcon dl .show-con a.on,.tbar .sxcon dl .show-con a:hover{ color:#f10f10;}
.tbar .sxcon dl .show-con a.on:before,.tbar .sxcon dl .show-con a:hover:before{ border: #f10f10 1px solid; background-image: url(/template/cn/images/filtering-options-checkbox-checkmark.svg); background-size: 12px 12px; background-position: 100%;}
.tbar .sxcon dl .show-more{ height:34px; display:block; position:absolute; right:0; top:0; cursor:pointer;}
.tbar .sxcon dl .show-more span{ display:block; float:left; text-align:right; font-size:14px; height:34px; line-height:34px; color:#999;}
.tbar .sxcon dl .show-more i{ display:block; float:left; margin-left:5px; height:34px; width:14px; background-position:center; background-repeat:no-repeat;}
.tbar .sxcon dl .show-more .icon-angle-down{ background-image:url(img/xia.jpg);}
.tbar .sxcon dl .show-more .icon-angle-up{ background-image:url(img/xia01.jpg);}
.tbar .shaixuan-btn{ height:42px; line-height:42px; margin-left:80px;}
.tbar .shaixuan-btn span{ display:block; float:left; font-size:14px; color:#999; cursor:pointer;}
.tbar .shaixuan-btn i{ display:block; float:left; margin-left:5px; height:42px; width:14px; background-position:center; background-repeat:no-repeat;}
.tbar .shaixuan-btn .icon-angle-up{ background-image:url(img/xia.jpg);}
.tbar .shaixuan-btn .icon-angle-down{ background-image:url(img/xia01.jpg);}

.lbar{ }
.lbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.lbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:120px; font-size:16px; background-image:url(img/title01.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.lbar .title em{ display:block; position:absolute; right:0; top:0;}
.lbar .title em img{ display:block;}
.lbar .title .xuan{ display:block; float:right; height:28px; margin:11px 0;}
.lbar .title .xuan p{ display:block; float:left; margin-right:30px; font-size:14px; line-height:28px; height:28px;}
.lbar .title .xuan p input{ width:14px; display:block; float:left; margin:7px 5px; margin-left:0;}
.lbar .title .xuan p span{ display:block; float:left; font-size:14px; line-height:28px; height:28px;}
.lbar .title .xuan p a{ display:block; float:left; margin-left:10px; color:#fff; text-align:center; border:1px solid #333; height:26px; line-height:26px; width:88px;}

.lbar .fanye{ width:830px; margin:auto; margin-top:20px; text-align:right;}
.lbar .fanye .on{ display:inline-block; margin-left:10px; background-color:#f10f10; color:#fff; text-align:center; font-size:14px; min-width:10px; padding:0 10px; height:30px; line-height:30px;}
.lbar .fanye a{ display:inline-block; margin-left:10px; background-color:#f1f1f1; text-align:center; font-size:14px; min-width:10px; padding:0 10px; height:30px; line-height:30px;}
.lbar .fanye a:hover{ color:#f10f10;}

.lbar .list{}
.lbar .list li{ padding:20px 0; display:block; border-bottom:1px solid #cacaca; overflow:hidden;}
.lbar .list li .left{ height:140px; float:left; width:40px; position:relative;}
.lbar .list li .left input{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.lbar .list li .mil{ width:95px; height:140px; float:left;}
.lbar .list li .mil img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .list li:hover .mil img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.lbar .list li .right{ width:680px; float:right; height:140px; position:relative;}
.lbar .list li .right span{ color:#999; font-size:14px; height:24px; line-height:24px; overflow:hidden; display:block;}
.lbar .list li .right a{ color:#333; font-size:18px; height:28px; line-height:28px; overflow:hidden; display:block;}
.lbar .list li .right dl{ width:100%; display:block; position:absolute; left:0; bottom:0; color:#666;}
.lbar .list li .right dl dt{ width:320px; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-right:20px; display:block; float:left;}
.lbar .list li .right dl dd{ width:150px; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-right:20px; display:block; float:left;}
.lbar .list li:hover .right a{ color:#f10f10;}
.lbar .list li.cur01{ background-color:#ff4c4c;}
.lbar .list li.cur02{ background-color:#7ecef4;}
.lbar .list li.cur01 .right span,.lbar .list li.cur01 .right a{ color:#fff !important;}
.lbar .list li.cur01 .right dl{ color:#eee !important;}
.lbar .list li.cur02 .right a{ color:#333 !important;}
.lbar .list li.cur02 .right span,.lbar .list li.cur02 .right dl{ color:#666 !important;}

.rbar{ width:300px; background-color:#fff; float:right; padding-bottom:10px;}
.rbar .title{ height:49px; border-bottom:1px solid #eee; position:relative;}
.rbar .title b{ display:block; float:left; height:50px; line-height:50px; color:#fff; font-size:14px; padding-left:10px; width:90px; font-size:16px; background-image:url(img/title03.jpg); background-position:left center; background-repeat:no-repeat; margin-left:-4px;}
.rbar .title em{ display:block; position:absolute; right:0; top:0;}
.rbar .title em img{ display:block;}
.rbar .x01{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(img/h01.jpg); background-position:left center; background-repeat:no-repeat;}
.rbar .x01 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x02{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(img/h02.jpg); background-position:left center; background-repeat:no-repeat;}
.rbar .x02 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x03{ width:209px; height:38px; border:1px solid #ddd; margin:auto; margin-top:20px; padding-left:49px; background-image:url(img/h03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.rbar .x03 input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px;}
.rbar .x03 a{ width:100px; height:38px; position:absolute; right:0; top:0; display:block;}
.rbar .x03 a img{ max-width:100%; height:38px; display:block; float:right;}
.rbar .x04{ width:260px; margin:auto; margin-top:20px;}
.rbar .x04 input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; background-color:#f10f10; color:#fff; cursor:pointer;}
.rbar .x04 a{ width:258px; display:block; font-size:14px; height:38px; line-height:38px; border:1px solid #ddd; text-align:center; margin-top:10px;}
.rbar .x04 a:hover{ border:1px solid #f10f10; color:#f10f10;}
.rbar .x05{ width:100%; text-align:center; font-size:14px; height:44px; line-height:44px;}
.rbar .x05 a:hover{ color:#f10f10;}

/*平台内页*/
.lbar .box01{ width:830px; margin:15px auto; position:relative;}
.lbar .box01 .left{ width:160px; padding:4px; border:1px solid #cacaca; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.lbar .box01 .left p{ width:100%; display:block; overflow:hidden;}
.lbar .box01 .left img{ width:100%; display:block;}
.lbar .box01 .right{ width:640px; float:right;}
.lbar .box01 .right .r01{ margin:3px 0; width:500px; padding-right:140px; font-size:18px; line-height:28px; position:relative;}
.lbar .box01 .right .r01 p{ display:block; position:absolute; right:0; top:0px; height:28px; font-size:22px; font-weight:bold; color:#f10f10;}
.lbar .box01 .right .r01 p span{ display:block; float:left; padding:0 10px; height:28px; line-height:28px; background-color:#f10f10; border-radius:3px; color:#fff; font-size:16px;}
.lbar .box01 .right .r01 p em{ display:block; float:left; margin:9px 0; margin-right:5px; width:0; height:0; border-top:5px solid transparent; border-left:5px solid #f10f10; border-bottom:5px solid transparent;}
.lbar .box01 .right .r02{ display:block; width:660px;}
.lbar .box01 .right .r02 dt{ width:310px; display:block; float:left; margin-right:20px; font-size:14px; line-height:24px; padding:3px 0; overflow:hidden;}
.lbar .box01 .right .r02 dt:nth-child(2n+1){ clear:left; float:left;}
.lbar .box01 .right .r02 dt span{ color:#666; font-weight:bold;}
.lbar .box01 .right .r02 dd{ width:640px; display:block; float:left; font-size:14px; line-height:24px; padding:3px 0; overflow:hidden;}
.lbar .box01 .right .r02 dd span{ color:#666; font-weight:bold;}
.lbar .wenz{ width:830px; margin:auto; margin-top:20px; font-size:14px; line-height:24px;} 
.lbar .wenz img{ max-width:100%; height:auto;}

/*产品中心*/
.lbar .dao{ width:830px; margin:10px auto; margin-bottom:0;}
.lbar .dao ul{ width:840px; display:block; overflow:hidden;}
.lbar .dao ul li{ width:88px; height:30px; line-height:30px; text-align:center; display:block; overflow:hidden; border:1px solid #ddd; float:left; margin-right:10px; margin-top:10px; background-color:#f7f7f7; border-radius:5px;}
.lbar .dao ul li a{ width:100%; display:block; overflow:hidden; height:30px;}
.lbar .dao ul li:hover{ border:1px solid #f10f10;}
.lbar .dao ul li:hover a{ color:#f10f10;}
.lbar .dao ul li.active{ background-color:#f10f10; border:1px solid #f10f10;}
.lbar .dao ul li.active a{ color:#fff;}

.lbar .list01{ width:848px; margin-left:21px; display:block;}
.lbar .list01 li{ display:block; float:left; width:180px; padding:5px; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; border-radius:3px; position:relative;}
.lbar .list01 li strong{ width:100%; display:block; overflow:hidden; height:265px;}
.lbar .list01 li strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .list01 li:hover strong img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.lbar .list01 li p{ width:180px; height:36px; line-height:36px; position:absolute; left:5px; bottom:5px; font-size:14px; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.7);}
.lbar .list01 li:hover{ border:1px solid #f10f10;}
.lbar .list01 li:hover p{ background-color:#f10f10;}

/*产品中心内页*/
.lbar .tou{ font-size:22px; color:#333; width:830px; margin:20px auto; margin-bottom:10px; font-weight:bold;}
.lbar .sjian{ font-size:14px; color:#999; width:830px; padding:0 20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.lbar .sjian a{ float:right; display:block;}
.lbar .back{ width:830px; margin:auto; margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.lbar .back p a:hover{ color:#f10f10;}
.lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.lbar .back span a:hover{ color:#f10f10;}

/*帮助中心*/
.lbar .list02{ width:830px; margin:auto; display:block;}
.lbar .list02 li{ width:100%; display:block; margin:20px 0; overflow:hidden; height:75px;}
.lbar .list02 li:last-child{ margin-bottom:0;}
.lbar .list02 li .time{ width:90px; border-right:1px solid #dfdfdf; overflow:hidden; text-align:center; padding-top:9px; height:66px;}
.lbar .list02 li .time span{ display:block; height:38px; line-height:38px; color:#333; font-size:36px;}
.lbar .list02 li .time p{ display:block; height:20px; line-height:20px; color:#666; font-size:14px;}
.lbar .list02 li .wen{ width:720px; overflow:hidden; margin-top:1px;}
.lbar .list02 li .wen span{ display:block; height:24px; overflow:hidden; width:100%;}
.lbar .list02 li .wen span b{ width:0; overflow:hidden; display:block; height:2px; margin:11px 0; float:left; transition:width .3s; -moz-transition:width .3s; -webkit-transition:width .3s; -o-transition:width .3s;}
.lbar .list02 li .wen span b em{ width:50px; height:2px; background-color:#f10f10; display:block; overflow:hidden;}
.lbar .list02 li .wen span strong{ width:464px; overflow:hidden; height:24px; line-height:24px; font-weight:normal; font-size:16px; color:#333;}
.lbar .list02 li .wen p{ display:block; height:48px; line-height:24px; font-size:14px; color:#666; overflow:hidden; width:100%;}
.lbar .list02 li:hover .time span,.lbar .list02 li:hover .time p,.lbar .list02 li:hover .wen span strong{ color:#f10f10;}
.lbar .list02 li:hover .wen b{ width:60px;}
.lbar .list02 li:hover .wen b strong{ max-width:660px;}

/*选片订单*/
.lbar .title strong{ font-weight:normal; float:right; display:block; font-size:14px; margin-right:30px; height:50px; line-height:50px;}
.lbar .table{ width:830px; margin:auto; margin-top:20px; background-color:#cacaca; font-size:14px;}
.lbar .table th{ background-color:#eee; font-weight:normal;}
.lbar .table td{ background-color:#fff; font-weight:normal;}
.lbar .table td a:hover{ color:#f10f10;}
.lbar .table th p{ display:inline-block; vertical-align:middle; font-size:14px; margin-left:25px;}
.lbar .table th p input{ vertical-align:middle; margin-right:5px;}
.lbar .table th a{ width:88px; height:26px; border:1px solid #cacaca; text-align:center; line-height:26px; background-image:url(img/btn.jpg); background-position:left center; background-repeat:repeat-x; display:inline-block; margin-left:20px;}
.lbar .table th a:hover{ color:#fff; background-color:#f10f10; border:1px solid #f10f10; background-image:none;}
.lbar .table tr:hover td{ background-color:#fffbf7;}
.lbar .table.t01 tr:hover td{ background-color:#fff;}
.lbar .btn{ width:380px; margin:auto; margin-top:30px;}
.lbar .btn a,.lbar .btn input{ width:160px; margin:0 15px; float:left; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; background-color:#f10f10; color:#fff; cursor:pointer; border-radius:40px;} 
.lbar .table.t01{ margin-bottom:20px;}
.lbar .table.t01 b{ color:#f10f10;}

.lbar .btn01{ width:160px; margin:auto; margin-top:20px;}
.lbar .btn01 a,.lbar .btn01 input{ width:160px; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; background-color:#f10f10; color:#fff; cursor:pointer; border-radius:40px;} 

.rbar .x06{ width:260px; margin:20px auto; margin-bottom:17px;}
.rbar .x06 strong{ width:66px; height:66px; display:block; float:left; border-radius:100%; overflow:hidden; border:2px solid #f10f10;}
.rbar .x06 strong img{ height:100%; display:block;}
.rbar .x06 p{ display:block; float:right; width:180px; overflow:hidden;}
.rbar .x06 p span{ width:100%; font-size:18px; height:28px; line-height:28px; overflow:hidden; float:left;}
.rbar .x06 p a{ width:50%; font-size:14px; height:22px; line-height:22px; overflow:hidden; float:left; color:#999;}
.rbar .x06 p a:hover{ color:#f10f10;}
.rbar .x07{ width:260px; margin:auto; font-size:16px; height:20px; line-height:20px; background-image:url(img/line.jpg); background-position:center; background-repeat:no-repeat; text-align:center;}
.rbar .x08{ width:260px; display:block; margin:auto; text-align:center;}
.rbar .x08 dt{ display:block; overflow:hidden; color:#f10f10; margin-top:22px; font-size:24px; height:30px; line-height:30px;}
.rbar .x08 dd{ display:block; overflow:hidden; color:#999; font-size:14px; height:22px; line-height:22px;}
.rbar .x09{ width:240px; margin:20px auto; margin-top:25px;}
.rbar .x09 a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; border-radius:40px; background-color:#f10f10;}

/*个人资料*/
.xx01{ display:flex; align-items:center; border-bottom:1px solid #F4F4F4; padding:20px;}
.xx01 .zc{ width:120px; flex-shrink:0; color:#555;}
.xx01 .yc{ flex-grow:1; color:#777; position:relative;}
.xx01 .yc input,.xx01 .yc select{ width:420px; height:40px; line-height:40px; font-size:14px; background-color:#f1f1f1; text-indent:10px; float:left;}
.xx01 .yc textarea{ width:100%; padding:8px 10px; font-size:14px; line-height:24px; height:88px; box-sizing:border-box; background-color:#f1f1f1;}
.xx01 .yc p{ display:block; font-size:14px; width:230px; line-height:20px; max-height:40px; position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}

.xx02{ display:flex; align-items:center; border-bottom:1px solid #F4F4F4; padding:20px;}
.xx02 .zc{ width:120px; flex-shrink:0; color:#555;}
.xx02 .yc{ flex-grow:1; color:#777; position:relative;}
.xx02 .yc strong{ width:66px; height:66px; display:block; float:left; border-radius:100%; overflow:hidden; border:2px solid #f10f10;}
.xx02 .yc strong img{ height:100%; display:block;}
.xx02 .yc input{ display:block; float:left; margin-left:20px; margin-top:24px;}

.cont .tj{ margin-left:140px; display:block; width:120px; height:40px; line-height:40px; margin-top:20px; text-align:center; font-size:14px; color:#fff; background-color:#f10f10;}