@charset "utf-8";
/* CSS Document */
/*公共样式*/
*{ margin:0; padding:0;}
img{border:none}
.fl{ float:left}
.fr{ float:right}
.wp{width:1100px; margin:0 auto;}
.box{width:1100px; margin:0 auto;}
body{font:14px 'Microsoft YaHei';}
a{	text-decoration:none;}
.cl{ clear:both; }
html,body{
		height: 100%;
		background-color:#ffffff ;
	}

/*导航*/
.logofl{margin-left:15px; margin-top:5px;}
.searchfl{ margin:13px 0 0 200px;}
.search01{ 
	background: url(../images/s_z.jpg) no-repeat;
	height:	33px;
	width:6px;
}
.search02{ 
	background:url(../images/s_c.jpg) repeat-x;
	height:33px;
	width:240px;
}
.search03{ 
	background: url(../images/s_r.jpg) repeat-x;
	height:33px;
	width:71px;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
}
.search02 input{
	height:22px;
	width:230px; 
	line-height:22px;
     border: none;
	 margin-top:3px;
	 padding-top:5px;
	 padding-left:40px;
	 background:url(../images/search_icon.png) no-repeat left center;
	 font-size:14px;
	 color:#979797
}
.search03 button{
	height:33px;
	 width:71px;
	  border:0; 
	  background:0; 
	  cursor:pointer;
}
 .search-top{background-color:#FFFFFF;padding:4px 0}
.toppage{background-color:#c4c2c3;}

.toppage .topleft ul li{list-style:none; float:left; padding-left:4px; }
.toppage .topleft ul li:nth-child(1){padding-left:10px;     padding-top: 10px;}
.toppage .topright ul li{list-style:none; float:left; padding-left:80px; }
.navbox{
	    height: 49px;background:#006ae1;
}
.logo{
	float:left;   
}
.nav li{
	float:left;
	list-style:none;
	padding:0 30px;
	
}
    .nav li:hover {
        background-color: #303f9f
    }
.nav li:hover .menu01{display:block;}
.nav li:hover .menu02{display:block;}
.nav li:hover .menu03{display:block;}
.nav li:hover .menu04{display:block;}
.nav li:hover .menu05{display:block;}
.nav li:hover .menu06 {
    display: block;
}

.nav{line-height:47px;left:0px;}
.nav li a{
	font-size: 18px;
 
	color:#ffffff;
}
.nav .currentli .currentlia{ color: #303f9f; 

	
}
.nav .currentli a{ 
	color:#ffffff; 
	
}
.currentli {
    background-color: #303f9f
}
.searchbox{ 

	 background:url(../images/search_icon.png) no-repeat left center;
	border:2px solid #db4748;
	width:200px;
	height:32px; 
	padding-left:40px;
	color:#8B8B8B
}
.navbox .wp p{line-height:75px; }
.navbox .wp p a{
	color:#ffffff;
	    font-size: 16px;
	
}
.navbox .wp p input{
	margin-right:10px;
	    margin-left: 100px;
}
.nav dd a{
   color: #ffffff;font-size:16px;}
.nav dd:hover {
    background-color: #303f9f;
}
.nav dd:hover a {
        color: #FFF
}
.nav li dd{
    height:45px;
	line-height:45px;
}
.menubox01{position:relative; z-index:19999;}
.menu01 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}
.menu01 dd{
    padding: 0px 4px;
	}

  .menubox02{position:relative; z-index:19999;}
.menu02 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}
.menu02 dd{
    padding: 0px 12px;
	}

.menubox03{position:relative; z-index:19999;}
.menu03 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}
.menu03 dd{
    padding: 0px 12px;
	}

  .menubox04{position:relative; z-index:19999;}
.menu04 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}
.menu04 dd{
    padding: 0px 12px;
	}

.menubox05{position:relative; z-index:19999;}
.menu05 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}
.menu05 dd{
    padding: 0px 12px;
	}
.menubox06 {
    position: relative;
    z-index: 19999;
}

.menu06 {
    position: absolute;
    left: 0px;
    top: 49px;
    background-color:#006ae1;
    width: 100%;
    display: none;
    text-align: center
}

    .menu06 dd {
        padding: 0px 12px;
        height: 32px;
        line-height: 32px;
    }

/*轮播图*/

.banner{height:506px;width:100%;overflow:hidden; }
.banner .d1{width:100%;height:506px;display:block;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:510px;}
.banner .d2 ul{float:left;position:absolute;top:0;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background: url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
/*登录框*/
.loginTxt{color:#000000; font-size:20px;margin:10px auto;text-align:center;}
.zhanghao{text-align:center;margin:20px 0;}
.zhanghao input{height:32px;width:240px;border:none;border:1px solid #B1B1B1;border-radius:3px;}
.mima{text-align:center;margin:20px 0;}
.mima input{height:32px;width:240px;border:none;border:1px solid #B1B1B1;border-radius:3px;}
.jizhu{margin:0 auto;;text-align:center;}
.theRememberMeLabel{font-size:12px;}
.forgotPasswordEm {
    font-size: 12px;
    font-style: normal;
    color: #303f9f;
}
.zhuce {
    font-size: 12px;
    font-style: normal;
    color: #303f9f;
}

/*section*/
.section{position:relative;}
/*icon*/
.iconbox{height:200px;width:800px;background-color:#ffffff;text-align:center;box-shadow:1px 1px 6px #ECECEC; position:absolute;top:0px;left:0;right:0;bottom:0; margin:0 auto;margin-top: -236px;}
.iconbox ul li{list-style:none;float:left;width:150px; padding:0 23px;margin-top:30px;border-left:1px solid #D5D5D5}
.iconbox ul li:nth-child(1){border-left:none;}

.consultbox {
    margin-top:200px;
}
/*资讯*/
 .activity{margin-top:0;
 	
 }
    .activity .title h3 {
        color: #5c5c5c;
        font-weight: normal;
        font-size: 18px;
        border-left: 4px solid #303f9f;
        padding-left: 5px;
    }
  .activity .title h3 span{color:#000000;font-weight:bold;}
 .activity ul li img{
	float:left;
	
}
.activity ul li{
	float:left;
	list-style:none;
 margin-right:20px;
 width:530px;
 height:210px;

}
.activity ul li p{
width:250px; 
height:40px;
overflow:hidden;
font-size:14px;
 text-overflow:ellipsis;
padding-top:6px;
}
.activity ul li:last-child{
overflow:hidden;
 margin-right:0px;

}
.activity .event{margin-top:10px;overflow:hidden;}
.activity ul li dl dd{margin:12px 0; text-overflow:ellipsis;overflow:hidden; white-space:nowrap}
.activity ul li dl dd:last-child{float:right;}

/*work*/
.work{
	margin-top:20px;
	height:420px;
	background-color:#F9F9F9;
}
.gztit{text-align:center;padding:20px 0}
.Workshops{padding: 22px 22px;}
.Workshops li{list-style:none;float:left;}
.Workshops li:last-child{margin-left:20px;margin-top:20px;}
.Workshopsbox li{list-style:none;}
.Workshopsbox:hover{ box-shadow:3px 3px 20px #E5E5E5}
.Workshopsbox li h3{width:230px;}
.Workshopsbox{width:530px;height:283px;background-color:#FFFFFF;margin-bottom:30px;}
.more{text-align:center;}
.more a{color:#5C5C5C}

/*设计师专访*/
.d-interview{ overflow:hidden;}
.user{background-color:#ffffff;width:260px; height:302px;text-align:center;border:1px solid #E3E3E3; float:left;margin-left:17px;margin-bottom:30px;}
.user:hover{ box-shadow:3px 3px 10px #EBEBEB}
.user:hover .user-bottom p{ display:none;}
.user:hover .user-bottom a{ display: block;}
.user-bottom a {
    width: 120px;
    height: 30px;
    background-color: #303f9f;
    color: #FFFFFF;
    padding: 4px 30px;
    line-height: 30px;
    border-radius: 100px;
    font-size: 16px;
    margin-left: 38px;
    margin-top: 18px;
    display: none;
}
.firstuser{margin-left:0;}
.user-bottom p{text-align: left;padding:20px 10px 15px 10px;}
.user-bottom{background-color:#ffffff;}
.usertop{padding-top:20px; background-color:#fafafa}
.usertop h4{padding-top:10px;}
.usertop p{padding-top:10px;color:#5A5A5A;padding-bottom:30px;}
/*作品赏析*/
.winning{	margin-top:20px;
	height:520px;
	background-color:#F9F9F9; overflow:hidden;}
.appreciation{width:260px; height:340px;background-color:#FFFFFF;text-align:center;border:1px solid #EBEBEB; position:relative; float:left; margin-left:17px;margin-bottom:30px;}
.appreciation:hover{box-shadow:3px 3px 20px #E5E5E5}
.win-bottom h3{font-size:15px;margin-top:30px;}
.win-bottom p{font-size:12px; text-align:left;padding:6px;color:#777777}
.touxiang img{border-radius:200px; border:2px solid #E3E3E3; position: absolute;    top: 195px;
    right: 100px;}
	/*轮播效果*/
	@-webkit-keyframes move  
{  
    0%{  
        left:0;  
    }  
    100%  
    {  
        left:-2000px;  
    }     
}  
#wrap{ width:1100px;height:350px;position:relative; overflow:hidden;margin-bottom: 30px;}  

/*#list{ position:absolute;left:0;top:0;margin:0;padding:0; -webkit-animation:14s move infinite linear; width:300%;}  */
#list{ position:absolute;left:0;top:0;margin:0;padding:0; width:300%;}
#wrap:hover #list{ -webkit-animation-play-state:paused;}  
	/*广告*/
.advertisement{margin-top:20px;margin-bottom:20px;}
/*合作企业*/
  .cooperation .title{border-bottom:1px solid #E1E1E1;padding-bottom:10px; overflow:hidden}
  .cooperation .title a{color:#5C5C5C}
    .cooperation .title h3 {
        color: #5c5c5c;
        font-weight: normal;
        font-size: 18px;
        border-left: 4px solid #303f9f;
        padding-left: 5px;
    }
  .cooperation .title h3 span{color:#000000;font-weight:bold;}
  .jituan ul{ float:left;margin-left:60px;margin-top:10px;}
  .jituan ul:first-child{ margin-left:20px;}
    .jituan ul li a{ color:#000000;  } 
  .jituan{overflow:hidden;}
  /*弹窗样式*/
   /*弹框样式3*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 p{font-size:18px; font-weight:bold;}
.cd-buttons{font-size:14px;line-height:24px;text-align:left}
.cd-popup-container3 {
	padding:20px;
    position: relative;
    width:500px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
/*弹窗1*/
.cd-popup-container1 span{font-size:18px; font-weight:bold;}
.cd-popup-container1 p{ text-indent:24px;}
.cd-popup1 {
   position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup1.is-visible1 {
  opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
  padding:20px;
    position: relative;
    width:500px;
    margin:150px auto;
    height:350px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible1 .cd-popup-container1 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
.listbox { margin:0 auto;}
.hd { width:100%; padding:10px 10px 25px;}
.hd2 { width:100%; padding:35px 10px;}
.hd h3,.hd2 h3 { font-size:18px; text-align:center;}
/*footer*/
#footer{background:#000000;
    margin-top: 0px;
    padding: 20px 0 0 0; z-index:1000px;}
#footer dl{float:left; line-height: 26px;}
#footer dl dt { color:#ffffff;font-size:20px;    }
#footer dl dd { color:#ffffff;}
#footer dl .lastdd{font-size:18px;}

#footer .foot_cont dl:nth-child(1){margin-right:100px;margin-left:100px; margin-top:30px; }
#footer .foot_cont dl:nth-child(2){margin-right:10px;margin-top:30px; }
#footer .foot_cont dl:nth-child(3){margin-right:100px; }
#footer .foot_cont dl:nth-child(3) dt{font-size:18px;margin-bottom:4px;  }
#footer .foot_cont dl:nth-child(4){margin-right:20px; }
#footer .foot_cont dl:nth-child(4) img{
  
    margin-top: 10px;
}
#footer .foot_cont dl:nth-child(4) dt{font-size:18px; margin-bottom:4px; }
#footer .foot_cont dl:nth-child(5){margin-right:100px;margin-top:15px; }
#footer .foot_cont dl:nth-child(6){margin-top:20px; }
#footer .foot_cont dl:nth-child(6) dt .fa-weixin{background-color:#7B7B7B;color:#B9B9B9;font-size:30px; padding:16px; border-radius:6px;}
#footer .foot_cont dl:nth-child(6) dt .fa-weixin:hover{color:#FFFFFF}
#footer .foot_cont p{margin:10px 0 0 400px; }
#footer .fudong{ position:absolute;top:-80px;right:1px; display:none;}
#footer .foot_cont dl:nth-child(6){ position:relative;}
#footer .foot_cont dl:nth-child(6):hover .fudong{ display:block}
#footer .foot_cont p {
    margin: 10px 0 0 400px;
    color: #ffffff;
}