﻿*{padding:0;margin:0;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p{padding:0; margin:0;}
ul{list-style-type:none;}
select,input{vertical-align:middle;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1;}
img{border:0;}
.conbg{ background:#f4e8d5;}
.dfzlbg{ background:url(http://pic5.qiyipic.com/common/20141119/f370a470e8484af3a13274475d95acf8.jpg) no-repeat center 0; width:expression(document.body.clientWidth <= 980? "980px": "auto"); min-width:980px;}
.content{ width:980px; margin:0 auto; position:relative; padding:0 0 60px;}
.topbox{ height:248px;}
.topbox a.link{ height:248px; display:block;}
.video{ width:964px; height:554px; padding:9px 8px;}
.banner{ margin:37px 0 0;}
.jmlist{ width:980px; padding:10px 0 0;}
.jmlist .smalList{ width:980px; position:relative; overflow:hidden;}
.jmlist ul{ width:984px;}
.jmlist ul li {width:984px; cursor:pointer; position:relative;}
.jmlist ul li div{ float:left;display:inline; position:relative; margin:0 5px 0 0; width:323px; height:208px;}
.jmlist ul li div img{width:323px;height:200px; filter:alpha(opacity:90); opacity:0.90;-moz-opacity:0.90;}
.jmlist ul li div em{ width:323px; height:200px; position:absolute; top:0px; left:0px; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/play.png) no-repeat center 55px; filter:alpha(opacity:90) gray; opacity:0.90;-moz-opacity:0.90;}
.jmlist ul li div.selected em { background:none;}
.jmlist ul li div.selected img{ filter:alpha(opacity:100);opacity:1.0;-moz-opacity:1.0;}
.jmlist ul li div h2{ width:90%; position:absolute; top:146px; left:0; z-index:11; color:#fff; font:20px/54px '微软雅黑'; padding:0 5%; font-weight:normal; background:#000; filter:alpha(opacity:70); opacity:0.70;-moz-opacity:0.70;}
.jmlist ul li div h2.x1{ display:none;}
.jmlist ul li div h2.x2{ display:block; color:#959595;}
.jmlist ul li div.selected .x1{ display:none; color:#f60; top:60px; background:none; text-align:center;}
.jmlist ul li div.selected .x2{ display:block; color:#fff;}
.conbox{ margin:30px 0 0; position:relative; width:980px; overflow:hidden;}
.conbox h1.tit01{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/title01.png) no-repeat; width:489px; height:63px; margin:0 0 1px;}
.conbox h1.tit02{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/title02.png) no-repeat; width:489px; height:63px; margin:0 0 1px;}
.conbox h1.tit03{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/title03.png) no-repeat; width:489px; height:63px; margin:0 0 1px;}
.slideGroup{ width:980px; padding:25px 0 143px; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/wordbg.png) no-repeat 19px bottom #a40000;}
.slideGroup .parHd{ height:35px; padding:0 20px; position:relative;}
.slideGroup .parHd ul{ float:left; position:absolute; left:18px; top:0px; height:35px;}
.slideGroup .parHd ul li{ float:left; cursor:pointer; font:20px/35px '微软雅黑'; color:#fff; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/dian.png) no-repeat 20px center; padding:0 15px 0 50px;}
.slideGroup .parHd ul li.on{ background:#660000; padding:0 12px;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:30px 0 0 12px; position:relative; height:265px;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:870px; top:260px; display:block; width:38px; height:38px; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/prevnext.png) no-repeat;}
.slideGroup .sNext{ background-position:-38px 0; left:921px;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 7px; float:left; display:inline; overflow:hidden; cursor:pointer;}

.parBd ul li div{ float:left;display:inline; position:relative; width:304px; height:220px;}
.parBd ul li div img{width:304px;height:220px; filter:alpha(opacity:90); opacity:0.90;-moz-opacity:0.90;}
.parBd ul li div em{ width:304px; height:220px; position:absolute; top:0px; left:0px; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/play.png) no-repeat center 68px; filter:alpha(opacity:90) gray; opacity:0.90;-moz-opacity:0.90;}
.parBd ul li div.selected em { background:none;}
.parBd ul li div.selected img{ filter:alpha(opacity:100);opacity:1.0;-moz-opacity:1.0;}
.parBd ul li div h2{ width:254px; position:absolute; top:180px; left:0; z-index:11; color:#fff; font:14px/40px '微软雅黑'; font-weight:normal; background: url(http://www.qiyipic.com/marketing/fix/szjz.images/vplay.png) no-repeat 10px center #000; filter:alpha(opacity:70); opacity:0.70;-moz-opacity:0.70; padding:0 0 0 50px;}
.parBd ul li div h2.x1{ display:none;}
.parBd ul li div h2.x2{ display:block; color:#fff;}
.parBd ul li div.selected .x1{ display:none; color:#f60; top:60px; background:none; text-align:center;}
.parBd ul li div.selected .x2{ display:block; color:#fff;}

/*图形巴黎*/
.picmenu{ height:61px; position:absolute; top:608px; z-index:9;}
.picmenu li{ position:relative; width:297.5px; height:61px; float:left; display:inline; font:18px/61px '微软雅黑'; text-align:center; color:#fff; cursor:pointer;}
.picmenu li.color01{ background:#142a5d;}
.picmenu li.color02{ background:#fff; color:#000;}
.picmenu li.color03{ background:#a40000;}
.picmenu li a{ display:block; width:297.5px; height:61px; position:relative; color:#fff;}
.picmenu li.color02 a{ color:#000;}
.picmenu li em{ background:none; width:24px; height:21px; display:block; position:absolute; top:-21px; left:50%; margin:0 0 0 -12px;}
.picmenu li.color01 a.current em{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/sanjiao1.png) no-repeat;}
.picmenu li.color02 a.current em{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/sanjiao2.png) no-repeat;}
.picmenu li.color03 a.current em{ background:url(http://www.qiyipic.com/marketing/fix/szjz.images/sanjiao3.png) no-repeat;}
.picBtnTop{ width:980px; height:605px; position:relative; overflow:hidden; zoom:1;}
.picBtnTop .hd{ width:84px;  height:605px; position:absolute; right:0px; overflow:hidden;}
.picBtnTop .hd ul li{ width:84px; margin:0 0 1px;}
.picBtnTop .hd ul li img{ width:84px; height:54px; cursor:pointer; vertical-align:bottom;}
.picBtnTop .hd ul li.on img{ border:2px solid #970000; width:80px; height:50px;}
.picBtnTop .bd{ width:892px; height:544px; position:relative;}
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li img{ width:892px;  height:544px;}

/*巴黎使者*/

.blszlist{ width:980px; padding:10px 0 0;}
.blszlist .smalList{ width:980px; position:relative; overflow:hidden;}
.blszlist ul{ width:988px;}
.blszlist ul li { float:left;display:inline; position:relative; cursor:pointer; position:relative;}
.blszlist ul li div{ float:left;display:inline; position:relative; margin:0 13px 0 0; width:234px; height:150px;}
.blszlist ul li div img{width:234px;height:150px; filter:alpha(opacity:80); opacity:0.80;-moz-opacity:0.80;}
.blszlist ul li div em{ width:234px; height:150px; position:absolute; top:0px; left:0px; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/vplay2.png) no-repeat center 45px; filter:alpha(opacity:90) gray; opacity:0.90;-moz-opacity:0.90;}
.blszlist ul li div.selected em { background:none;}
.blszlist ul li div.selected img{ filter:alpha(opacity:100);opacity:1.0;-moz-opacity:1.0;}
.blszlist ul li div h2{ width:90%; position:absolute; top:117px; left:0; z-index:11; color:#fff; font:14px/33px '微软雅黑'; padding:0 5%; font-weight:normal; background:#000; filter:alpha(opacity:70); opacity:0.70;-moz-opacity:0.70; text-align:right;}
.blszlist ul li div h2.x1{ display:none;}
.blszlist ul li div h2.x2{ display:block; color:#fff;}
.blszlist ul li div.selected .x1{ display:none; color:#f60; top:60px; background:none; text-align:center;}
.blszlist ul li div.selected .x2{ display:block; color:#fff;}

.txtScroll-top{ width:980px; overflow:hidden; position:relative; padding:30px 0 40px;}
.txtScroll-top .hd{ overflow:hidden; height:52px; padding:0 10px; position:absolute; top:30px; right:0;}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:18px; height:16px; overflow:hidden; cursor:pointer; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/arrow.png) no-repeat -18px 0;}
.txtScroll-top .hd .next{ background-position:-18px -16px; margin:20px 0 0;}
.txtScroll-top .hd .prevStop{ background-position:0 0;}
.txtScroll-top .hd .nextStop{ background-position:0 -16px;}
.txtScroll-top .bd{ float:left;}
.txtScroll-top .infoList li{ height:52px;}
.wordlist{ width:255px; float:left; display:inline; height:52px; overflow:hidden;}
.wordlist dd{ font:14px/25px '微软雅黑'; border-bottom:1px dashed #aaaaaa; color:#666;}
.wordlist dd a{ color:#666; text-decoration:none;}
.wordlist dd a:hover{ color:#f60; text-decoration:none;}
.mar01{ margin:0 0 0 125px;}
.mar02{ margin:0 0 0 35px;}
.pageState{ display:none;}
.txtScroll-top .dflogo{ position:absolute; top:20px; left:275px; width:88px; height:80px; display:block; background:url(http://www.qiyipic.com/marketing/fix/szjz.images/dflogo.png) no-repeat;}


/*产品图*/
.picscrollBox{ width:980px; height:475px; overflow:hidden; position:relative; margin:0 auto;}
.picscrollBox .hd{ height:11px; overflow:hidden; position:absolute; right:10px; bottom:20px; z-index:1;}
.picscrollBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.picscrollBox .hd ul li{ float:left; margin:0 5px;  width:11px; height:11px; line-height:14px; text-align:center; background:url(http://www.qiyipic.com/marketing/fix/keepexploring.images/icon.png) no-repeat; cursor:pointer; text-indent:-99999px;}
.picscrollBox .hd ul li.on{ background-position:-11px 0; color:#fff;}
.picscrollBox .bd{ position:relative; height:100%; z-index:0;}
.picscrollBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.picscrollBox .bd li h2{ width:96%; height:50px; background:#000; padding:0 2%; color:#fff; font:16px/50px '微软雅黑'; position:absolute; bottom:0; left:0; z-index:8; filter:alpha(opacity:80); opacity:0.80;-moz-opacity:0.80;}
.picscrollBox .bd img{ width:980px; height:475px; display:block;}

.picscrollBox .prev,.picscrollBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:60px; height:60px; background:url(http://pic3.qiyipic.com/common/20141118/73c1768b90f94dfcb8f80100c767572b.png) no-repeat;}
.picscrollBox .next{ left:auto; right:1%; background-position:-60px 0;}
.picscrollBox .prev:hover,
.picscrollBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.picscrollBox .prevStop{ display:none;}
.picscrollBox .nextStop{ display:none;}

/*底部logo*/
.blogo{ height:136px; padding:20px 0 0;}
.blogo a{ width:180px; height:110px; display:inline-block; float:left; margin:0 5px;}

/*浮层*/
.newbox{ position:absolute;visibility:hidden;top:150px;left:50%; width:700px; margin:0 0 0 -350px; padding:12px; z-index:1001; background:#fff;}
.newbox .sbor{ border:4px solid #1d3556; padding:9px;}
.newbox .sbor .thbor{ border:4px solid #a20000; padding:10px 10px 10px 18px;}
.containbox{ height:660px; overflow:auto; overflow-x:hidden;}
.newbox h1{ color:#222; font:18px/30px '微软雅黑'; text-align:center;}
.containbox h2{ color:#333; font:16px/24px '微软雅黑'; padding:8px 0 0; text-indent:1.5em;}
.containbox p{ font:12px/24px '微软雅黑'; color:#555; padding:8px 10px 0 0;text-align:justify;text-justify:inter-ideograph; text-indent:2em;}
.containbox p a{ color:#f60; text-decoration:underline;}
.containbox p a:hover{ color:#f60; text-decoration:none;}
.containbox img{ width:98%; margin:10px 10px 10px 0;}
.newbox .close-reveal-modal{ position:absolute; top:-15px; right:-15px; display:block; overflow:hidden; width:55px; height:55px;cursor:pointer; background:url(http://pic0.qiyipic.com/common/20141118/7ab4b5328dce49faadf9e80e09796f88.png) no-repeat;}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;z-index:100;display:none;top:0;left:0; -moz-opacity: 0.85; opacity:.85; filter: alpha(opacity=85);}

