.nav{}
.nav>ul{margin:30px 0 0 30px;}
.nav>ul>li{float:left;line-height:95px;position:relative;}
.nav>ul>li:hover ul{display:block;}
.nav>ul>li>a{float:left;margin:0 10px;padding:10px 10px;font-size:16px;line-height:22px;outline:1px solid transparent;}
.nav>ul>li>a:hover{color:#5658a1;}
.nav>ul>li>a:focus{outline:1px dashed currentColor;}
.nav .active>a{color:#ff9000 !important;}
.header-search{margin-top:30px;}
.header-search>form{position:relative;z-index:0;}
.header-search>form input{padding-left:100px;height:40px;line-height:40px;background:transparent;border:2px solid #96a3c3;border-right:none;transition:border ease-in-out 0.2s;}
.header-search>form input:focus{border-color:#6c7a9b;}
.header-search .search-type{position:absolute;top:2px;left:0;width:94px;height:38px;line-height:38px;font-size:12px;color:#666;cursor:pointer;}
.header-search .search-btn{width:60px;height:40px;border:none;cursor:pointer;}
.header-search .search-type .typeshow{position:relative;z-index:20;padding-left:15px;}
.header-search .search-type .typeshow>span{color:#999;}
.header-search .search-type .typeshow>span.iconfont{margin-left:5px;display:inline-block;color:#999;font-size:8px;vertical-align:1px;transition:all ease-in-out 0.2s;}
.header-search .search-type .typeshow>span.iconfont.avtive{-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.header-search .typelist{position:absolute;z-index:10;top:0;left:0;padding-top:38px;display:none;width:94px;border:2px solid #96a3c3;border-top:none;background:#fff;}
.header-search .typelist>span{display:block;padding-left:13px;}
.header-search .typelist>span:hover{background:#bebebe;color:#fff;}
.header-search .typelist>span.active{background:#f3f3f3;color:#999;}
.work-subtitle{position:absolute;top:42px;left:0;z-index:99;display:none;background:#fff;line-height:30px;box-shadow:0 0 15px rgba(0,0,0,.2)}
.work-subtitle>li>a{padding:5px 20px;display:inline-block;}
.work-subtitle>li:hover{background-color:rgba(0,0,0,.02);}


.design-banner{position:relative;width:700px;height:340px;overflow:hidden;}
.design-banner-window{position:absolute;left:0;top:0;}
.design-banner-window>img{float:left;width:700px;height:340px;}
.design-banner span{position:absolute;top:50%;z-index:10;padding:20px 0;display:inline-block;font-size:36px;color:#fff;background:rgba(0,0,0,.4);cursor:pointer;transition:all ease-in-out 0.3s;transform:translateY(-50%);}
.design-banner span.left{float:left;left:-36px;}
.design-banner span.right{float:right;right:-36px;}
.design-banner:hover .left{left:0;}
.design-banner:hover .right{right:0;}

.padding20{padding:20px;}
.padding30{padding:30px;}

.dseign-news{width:480px;}
.section-title{width:100%;}
.section-title>.taglink{padding:0 20px;display:inline-block;height:40px;line-height:40px;color:#fff;font-size:16px;background:#96a3c3;}
.section-title>.taglink:hover{color:#fff;text-decoration:underline;}
.section-title>a{margin:9px 0;line-height:22px;}
.section-title>a:hover{color:#5658a1;}
.indexlist{margin-top:12px;padding-left:10px;-webkit-padding-start:15px;list-style:square}
.indexlist>li{padding:7px 0;color:#ccc;font-size:10px;line-height:22px;}
.indexlist>li>a{margin-left:10px;max-width:365px;color:#333;font-size:14px;}
.indexlist>li>a:hover{color:#5658a1;}
.indexlist>li>span{color:#333;font-size:14px;color:#999;}
.product-item{position:relative;display:block;box-shadow:0 0 14px rgba(0,0,0,0.4)}
.product-item>img{width:100%;}
.product-item>p{padding:0 10px;width:100%;height:36px;line-height:36px;text-align:center;border-top:1px solid #ddd;background:#fff;}
.magazine{padding-top:30px;}
.magazine .product-item{margin-left:20px;width:224px;}
.magazine .product-item>img{height:294px;}
.illustration{padding-top:30px;}
.illustration .product-item{margin-left:20px;width:285px;}
.illustration .product-item.pd20{margin-bottom:20px;}
.illustration .product-item>img{height:214px;}
.video{padding-top:30px;}
.video .product-item{margin-left:20px;width:386px;}
.video .product-item.pd20{margin-bottom:20px;}
.video .product-item>img{height:290px;}
.video .product-item>.play-icon{position:absolute;z-index:2;top:0;left:0;width:386px;height:290px;background:url(../image/play.png) no-repeat center;}

.list-condition{padding:5px 0;}
.list-condition>.ld-name{color:#2e3192;line-height:22px;}
.list-condition a{margin:0 10px;}
.list-condition a:hover{color:#5658a1;text-decoration:underline;}
.list-condition .active{color:#ff9000 !important;}
.list-condition .mark-tip{color:#999;}
.list-condition input{margin:0 10px;padding:0 10px;width:200px;height:30px;line-height:30px;border:1px solid #ddd;}
.list-condition .date{position:relative;display:inline-block;}
.datetimepicker{position:absolute;display:none;background:#fff;border:1px solid #dedede;}

.list-magazine{padding-top:20px !important;}
.list-magazine .product-item{margin-bottom:20px;}
/*作品展示*/
.product{padding-right:20px;width:840px;border-right:1px solid #ddd;}
.product .title{padding:20px 0;border-bottom:1px dashed #ddd;font-size:24px;font-weight:normal;text-align:center;}
.product .content{padding:30px 0 50px;}
.product .content img,.product .content video{max-width:600px;}
.product .post-message{margin:20px 0;line-height:22px;font-size:14px;text-align:center;}
.product .post-message>span{margin:0 15px;}
.product .footer-btn{font-size:14px;text-align:center;}
.product .footer-btn>a{margin:0 20px;}

.product-aside{padding:10px 0 30px;width:340px;}
.product-aside .aside-item{position:relative;margin-top:20px;padding-left:40px;}
.product-aside .aside-item>.iconfont{position:absolute;top:0;left:0;font-size:30px;}
.product-aside .aside-item>p,.product-aside .aside-item>a{line-height:30px;}
.product-aside .aside-item>a{margin-right:10px;text-decoration:underline;}


/*快报*/
.newsflash-list{width:100%;}
.newsflash-list>a{padding:8px 0;display:block;width:100%;height:90px;border-bottom:1px solid #ddd;}
.newsflash-list>a>h3{color:#333;}
.newsflash-list>a>div{margin-top:20px;color:#666;}
.crumb{border-bottom:1px solid #ddd;}
.crumb a:hover{text-decoration:underline;color:#5658a1;}
.news{}
.news .title{text-align:center;font-size:24px;font-weight:normal;}
.news .post-message{padding:20px 0;text-align:center;color:#666;}
.content{}
.content.shadow img,.contentbox.shadow img{box-shadow:0 0 15px #ccc;}
.content .contentbox{margin:0 auto;width:810px;}
.content img,.content video{margin:0 auto;display:block;width:auto;max-width:100%;}
.content{color:#666;line-height:24px;font-size:16px;}
.contentbox p{margin-bottom:20px;}

.page{padding:30px 0;width:100%;text-align:center;}
.page>a,.page>span.count,.page button{margin:0 5px;padding:3px 12px;display:inline-block;background:#fff;line-height:22px;border-radius:5px;border:none;}
.page>a,.page button{transition:all ease-in-out 0.2s;cursor:pointer;}
.page>form{display:inline-block;}
.page input{width:90px;height:28px;margin:0 5px;padding:3px 0 3px 10px;line-height:22px;border:1px solid #ddd;border-radius:4px;}
.page>span.now{margin:0 5px;padding:2px 12px;display:inline-block;line-height:22px;}
.page>a:hover,.page button:hover{color:#fff;background:#96a3c3;}

/*定制*/
.custom-step{padding:30px 0;width:700px;}
.custom-step>div{line-height:30px;font-size:15px;}
.custom-step>div>div,.custom-step>div>p,.custom-step>div>div>span,.custom-step>div>div>p{float:left;}
.custom-step>div>div{padding:10px 0;}
.custom-step>div>p>a{color:#5658a1;}
.custom-step>div>p>a:hover{text-decoration:underline;}
.custom-step span{width:80px;color:#ff9000;}
.custom-step>div>div>p{width:620px;}
.custom-contact{padding:30px 0;width:800px;}
.custom-contact>p{line-height:30px;font-size:15px;}
.custom-charge{padding:30px 0;}
.custom-charge>table{margin:0 auto 30px auto;width:720px;border:1px dashed #999;border-right:0;border-bottom:0;}
.custom-charge>table th{background:#f3ebb0;color:#5658a1}
.custom-charge>table th,.custom-charge>table td{padding:0 10px;height:45px;border:1px dashed #999;border-top:0;border-left:0;line-height:22px;text-align:center;font-size:15px}
.custom-charge>p{line-height:30px;font-size:15px;}
.custom-btn-container{text-align:center;}
.custom-btn{padding:15px 30px;display:inline-block;font-size:16px;line-height:22px;border-radius:3px;cursor:pointer;}
/*指导*/
.guide{padding:50px;width:575px;height:650px;}
.guide>h3{margin-bottom:50px;color:#96a3c3;font-size:18px;text-align:center;font-weight:normal;}
.guide>p{font-size:15px;line-height:35px;color:#000;text-indent:2em;}
.purpose{margin:20px 0 50px;background:url(../image/purpose.png) no-repeat center 500px  #f3f3f3;}
.deadline{margin:20px 0 50px;background:url(../image/deadline.png) no-repeat center 500px  #f3f3f3;}
.stipulate{margin-bottom:50px;background:url(../image/stipulate.png) no-repeat center 500px  #f3f3f3;}
.describe{margin-bottom:50px;background:url(../image/describe.png) no-repeat center 500px  #f3f3f3;}
.guide-download{margin:0 auto;display:block;width:250px;height:90px;line-height:90px;font-size:16px;text-align:center;background:#f8f8f8;color:#96a3c3;border:1px solid #ddd;box-shadow:5px 5px 5px #e6e6e6;transition:all ease-in-out 0.2s;}
.guide-download>span{margin-right:10px;font-size:36px;vertical-align:-8px;}
.guide-download:hover{background:#96a3c3;color:#fff;}