@charset "utf-8";
/* CSS Document */
body{ position:relative;}
#project .main{ width:100%; background:#fff; overflow:hidden;}
#project .main .top{ margin-bottom:95px; background:url(lll-b.jpg) no-repeat center top; background-size:100%; *background-size:cover; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lll-b.jpg',sizingMethod='scale');}
#project .main .title{ height:112px; width:100%; margin-top:47px;}
#project .main .title h2{ font-size:34px; text-align:center; line-height:34px; font-weight:normal; color:#333;}
#project .main .title p{ font-size:16px; text-align:center; line-height:47px; color:#666;}
#project .main .title img{ display:block; margin:0 auto;}
#project .main .top-list{ width:100%;}
#project .main .top-list ul{ overflow:hidden; padding:0 69px;}
#project .main .top-list ul li{ float:left; margin:0 40px 35px; cursor:pointer;}
#project .main .top-list ul li img{ width:163px; height:163px; border-radius:163px;}
#project .main .top-list ul li h3{ text-align:center; font-size:18px; color:#666; line-height:48px;}
#project .main .bottom{ background:url(lll-b.jpg) no-repeat center top; background-size:100%; margin-bottom:100px;}
#project .main .bottom-list{ width:100%;}
#project .main .bottom-list ul{ overflow:hidden; padding:0 35px;}
#project .main .bottom-list ul li{ float:left; margin:0 25px 25px; cursor:pointer;}
#project .main .bottom-list ul li img{ width:210px; height:165px;}
#project .main .bottom-list ul li h3{ text-align:center; font-size:18px; color:#666; line-height:40px;}
#project .dialog{ position:absolute; z-index:100; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(51,51,51,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC515151,endColorstr=#CC515151); display:none;}
#project .dialog .swap{ width:810px; padding:0 90px; position:fixed; margin:0;}
#project .dialog .swap a{ position:absolute; z-index:101; text-indent:-99999px;}
#project .dialog .swap .details-box{ width:810px; overflow:hidden; position:relative;}
#project .dialog .dialog-l{ top:332px; left:13px; background:url(common/prev.png) no-repeat center; width:36px; height:81px;}
#project .dialog .dialog-r{ top:332px; right:13px; background:url(common/next.png) no-repeat center; width:36px; height:81px;}
#project .dialog .dialog-c{ top:0; right:90px; background:url(common/close.png) no-repeat center; width:69px; height:69px;}
#project .dialog  li{ padding-top:62px;}
#project .dialog .details{ overflow:hidden;}
#project .dialog .details .de-l{ float:left; width:244px; height:519px; background:url(common/shell.png) no-repeat center;}
#project .dialog .details .de-l img{ width:206px; height:365px; margin:76px 0 0 20px;}
#project .dialog .details .de-r{ float:right; padding:0 0 0 64px; width:470px; margin-top:119px; background:url(common/corner.png) no-repeat top left;}
#project .dialog .details .de-r .de-tx{ width:424px; height:254px; padding:27px 22px; color:#fff; overflow:auto;}
#project .de-r .de-tx h2{ font-size:20px; line-height:1; padding:13px 0;}
#project .de-r .de-tx p{ line-height:24px; font-size:14px;}
#project .slider{ position:absolute; z-index:100; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(51,51,51,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC515151,endColorstr=#CC515151); display:none;}
#project .slider .swap{ display:none; background:#fff; padding:90px 45px; width:900px; height:344px; position:fixed; left:0; top:0; right:0; bottom:0; margin:auto;}
#project .slider .swap a{ position:absolute; z-index:101; text-indent:-99999px;}
#project .slider .swap .slider-c{ top:0; right:0; background:url(common/close.png) no-repeat center; width:69px; height:69px;}
#project .slider .swap .sli-l{ float:left;}
#project .slider .swap .sli-l img{ width:417px; height:340px;}
#project .slider .swap .sli-r{ float:right; width:424px;}
#project .sli-r .sli-title{ overflow:hidden;}
#project .sli-title .sli-lg{ margin-bottom:10px; font-size:14px;}
#project .sli-title .sli-lg img{ width:43px; height:53px; vertical-align:middle; margin-right:10px;}
#project .sli-r .sli-li{ overflow:hidden; padding-left:53px;}
#project .sli-li li{ float:left; margin-right:30px; line-height:30px;}
#project .sli-r .sli-content{ height:160px; padding:10px; overflow:auto; font-size:12px; line-height:24px;}