@charset "utf-8";
/* CSS Document */
.contentwidth{width:1200px;}

/*头部*/
header{background:#fff;}
.top{background:#5ba4db;height:45px;}
.topcenter p{width:350px;float:left;height:45px;}
.topcenter p i{display:inline-block;color:#e0e8e8;font-size:14px;float:left;margin-right:10px;}
.topcenter p i:first-child{padding-top:7px;}
.topcenter p i:last-child{height:45px;line-height:45px}
.topcenter p i img{width:30px;}
.header{height:83px;padding:10px;background:#fff;}
.logo{width:100px;height:82px;padding-top:10px;float:left;}
.logo img{width:100px;}
.hright{width:1100px;float:left;}
.search{width:200px;float:left;padding-top:30px;}
.search dl dt{display:inline-block;width:40px;float:left;}
.search dl dd{display:inline-block;width:100px;float:left;font-size:24px;color:#f00;font-weight:bold;}
.topform{width:120px;text-align:left;padding:0 10px;float:left;border:1px solid #ccc;}
.topform input[type="text"]{height:24px;line-height:24px;border:none;width:100%;}
.topform input[type="text"]:focus{border:none;outline:none}
.topbutton{width:50px;text-align:left;cursor:pointer;float:left;}

/*banner*/
.banner1{width:100%;height:788px;position:relative;}
.banner1 h5 img{max-width:100%;position:absolute;height:788px;}
.banner1 h5{position:relative;width:100%;}
.banner1 p{position:absolute;top:130px;z-index:99999;left:30%}
.box1{margin:30px auto;}

/*关于我们*/
.indexbartitle{font-size:50px;color:#434343;text-align:center;margin-top:20px;font-weight:bold;font-variant:all-small-caps;}
.indexbarline{width:140px;height:5px;background:#d9d9d9;}
.designitem{margin-top:60px;margin-bottom:60px;}
.designitem p{font-size:18px;line-height:32px;text-indent:24px;margin-bottom:20px;}
.yellowtitle{color:#e2ac06;font-weight:bold;}
.designitem:after{display:block;content:"";color:#fff;clear:both;}
.designiteml{width:850px;float:left;}
.designitemr{width:280px;float:right;}
.designitemr img{width:100%;}
a.pdesign{display:block;width:200px;height:43px;line-height:43px;border:3px solid #5ba4db;text-align:center;margin:30px auto;font-size:16px;color:#5ba4db;transition:all 0.5s;}
a.pdesign:hover{background:#5ba4db;color:#fff;}

/*团队*/
.indexteam{height:630px;background:#f5f5f5;padding:20px;}
.indexteamlist ul li{width:20%;float:left;padding:2%;}
.indexteamlist ul li p.pphoto{width:280px;height:330px;text-align:center;}
.indexteamlist ul li p.pphoto img{width:100%;height:100%;}
.indexteamlist ul li p.pname{display:block;width:280px;text-align:center;font-size:20px;height:41px;line-height:41px;background:#5ba4db;color:#fff;}
.teamattr{margin:20px auto;font-variant:all-small-caps;font-size:20px;color:#5ba4db;width:200px;text-align:center;height:45px;line-height:45px;font-weight:bold;}
.teamintro{margin:20px auto;font-size:16px;color:#786666;width:700px;text-align:center;height:50px;line-height:25px;}
a.hrefteam{display:block;width:200px;height:43px;line-height:43px;border:3px solid #5ba4db;text-align:center;margin:30px auto;font-size:16px;transition:all 0.5s;background:#5ba4db;color:#fff;}
a.hrefteam:hover{color:#5ba4db;background:#fff;}

/*最近设计*/
.indexdesign{height:auto;padding:90px 0;}
.indexdesignlist{margin-top:60px;margin-bottom:60px;}
.indexdesignlist:after{display:block;content:"";color:#fff;clear:both;}
.indexdesignlist ul li{width:20%;float:left;padding:2%;}
.indexdesignlist ul li p.pdesignimg{width:280px;height:330px;text-align:center;}
.indexdesignlist ul li p.pdesignimg img{width:100%;height:100%;}
.indexdesignlist ul li p.pdesigntitle{width: 280px;text-align:left;font-size:20px;color:#726f6b;height:43px;line-height:43px;}
.indexdesignlist ul li p.pdesigndesc{font-size:12px;color:#726f6b;height:20px;line-height:20px;text-align:left;}
a.pdesign{display:block;width:200px;height:43px;line-height:43px;border:3px solid #5ba4db;text-align:center;margin:30px auto;font-size:16px;color:#5ba4db;transition:all 0.5s;}
a.pdesign:hover{background:#5ba4db;color:#fff;}

/*案例展示*/
.indexcase{height:820px;background:#f5f5f5;padding:20px;}
.indexcasetitle{margin:20px auto;width:1000px;}
.indexcasetitle a{width:123px;height:54px;line-height:54px;display:block;float:left;text-align:center;color:#5ba4db;font-size:16px;}
a.caseselected{background:#5ba4db;color:#fff;}
.indexcasetitle a:hover{background:#5ba4db;color:#fff;}
.indexcaselist{margin:20px auto;}
.indexcaselist ul li{width:auto;height:268px;padding:10px;float:left;border:1px solid #f5f5f5;}
.indexcaselist ul li:hover{border:1px solid #5ba4db;}
.indexcaselist ul li a img{max-width:100%;height:100%;}

/*interview*/
.interview{text-align:center;margin-top:30px;margin-bottom:30px;}
.interview img{border-radius:100px;border:1px solid #ccc;}
.interviewtext{}
.interviewtext strong{font-size:16px;font-weight:bold;text-align:center;height:45px;line-height:45px;display:block;width:780px;margin:30px auto}
.interviewtext p{line-height:25px;font-size:14px;width:780px;display:block;margin:30px auto;}

/*首页banner*/
.indexbanner{height:700px;background:url(../images/banner.jpg) no-repeat left top;}

/*新闻中心*/
.indnews{}
.indexnewsli{width:1000px;margin:30px auto;}
.indexnewsli ul li{height:35px;line-height:35px;background:url(../images/dot.png) no-repeat left center;padding-left:25px;}
.indexnewsli ul li a{font-size:14px;color:#333;}
.indexnewsli ul li span{float:right;}

/*网站底部*/
.footertop{height:120px;background:#00c0ab;}
.footertopcontent strong{display:block;height:120px;line-height:120px;font-size:20px;color:#fff;float:left;width:500px;}
.footertopcontent p{width:120px;float:right;display:block;height:120px;}
.footertopcontent p a{display:block;width:150px;height:40px;line-height:40px;border-radius:20px;color:#fff;text-align:center;margin-top:35px;border:1px solid #fff;}
.footertopcontent p a:hover{background:#00c0ab;}
.footer{height:190px;padding:30px;background:#2e323e}
.footerleft{width:340px;float:left;}
.footerleft h1{font-size:16px;color:#a19d97;height:45px;line-height:45px;}
.footerleft p{font-size:14px;color:#a19d97;line-height:25px;}
.footerc{width:200px;float:left;margin-left:100px;}
.footerc h1{font-size:16px;color:#a19d97;height:45px;line-height:45px;}
.footerc p{font-size:14px;color:#a19d97;line-height:25px;}
.footerd{width:65px;float:left;margin-left:100px;}
.footerd h1{font-size:16px;color:#a19d97;height:45px;line-height:45px;}
.footerd p{font-size:14px;color:#a19d97;line-height:25px;}
.footerd p a{display:block;}
.footerright{width:300px;color:#808080;font-size:14px;line-height:30px;float:right;}
.footerright h1{font-size:16px;color:#a19d97;height:45px;line-height:45px;}
.footerright ul li{height:35px;line-height:35px;background:url(../images/dot.png) no-repeat left center;padding-left:25px;}
.footerright ul li a{font-size:14px;color:#a19d97;}
.footerright ul li span{float:right;}
.footerf{background:#292b37;height:35px;line-height:35px;color:#a19d97;text-align:center;}


/*内页*/
.icontainer{background:#fff;padding:20px 0;}
.innerbanner{height:500px;background:url(../images/ibg.jpg) left top no-repeat;}
.indexadvtext{width:100%;margin-top:150px;position:absolute;}
.indexadvtext h1{width:200px;display:block;margin:30px auto;font-size:38px;color:#fff;height:40px;line-height:40px;text-align:center;}
.indexadvtext h2{width:200px;display:block;margin:30px auto;font-size:30px;color:#fff;height:40px;line-height:40px;text-align:center;}
.aboutuscontent{width:100%;}
.aboutusleft{width:70%;float:left;}
.aboutusright{width:28%;float:right;}
.aboutusright img{width:100%;}
.aboutimgs{margin-top:30px;}
.aboutimgs img{width:300px;}
.aboutitem{width:33.3%;float:left;text-align:left;}
.courselist{}
.courselist ul li{width:50%;float:left;margin-bottom:40px;}
.courselist ul li:hover .coursemask{transform:scale(1);}
.courselist ul li:hover .masklink{display:block;}
.courselist ul li div.courseimg{width:420px;margin:0 auto;}
.courselist ul li div.courseimg .cimg{width:100%;}
.courselist ul li div.courseimg a{position:relative;width:420px;height:280px;display:block;}
.coursemask{transform:scale(0);width:420px;height:280px;background:#1CE233;opacity:0.5;position:absolute;left:0;top:0;z-index:1;transition:all 1s;}
.masklink{display:none;width:420px;height:50px;text-align:center;padding-top:100px;z-index:3;left:0;top:0;position:absolute;transition:all 1s ease;}
.courselist ul li div.coursetitle{width:420px;margin:0 auto;font-size:18px;color:#333;font-weight:bold;height:30px;line-height:30px;margin-top:40px;}
.courselist ul li div.coursedesc{width:420px;margin:0 auto;font-size:14px;height:50px;line-height:25px;overflow:hidden;color:#666;}

.teamlist{}
.teamlist ul li{width:200px;height:260px;margin-right:20px;padding:20px;float:left;margin-bottom:40px;background:#e5fbf6;border:1px solid #a3d4c8;border-radius:5px;}
.teamlist ul li div.courseimg{width:200px;margin:0 auto;}
.teamlist ul li div.courseimg .cimg{width:200px;}
.teamlist ul li div.courseimg a{position:relative;width:200px;height:200px;display:block;}
.teamlist ul li div.coursetitle{width:200px;margin:0 auto;font-size:18px;color:#333;font-weight:bold;height:30px;line-height:30px;margin-top:10px;}
.teamlist ul li div.coursedesc{width:200px;margin:0 auto;font-size:14px;height:50px;line-height:25px;overflow:hidden;color:#666;}

.picturelist{}
.picturelist ul li{width:240px;height:370px;margin-right:10px;padding:10px;float:left;margin-bottom:30px;}
.picturelist ul li div.courseimg{width:240px;margin:0 auto;}
.picturelist ul li div.courseimg .cimg{width:240px;border-radius:5px;}
.picturelist ul li div.courseimg a{position:relative;width:240px;display:block;}
.picturelist ul li div.coursetitle{width:240px;margin:0 auto;font-size:18px;color:#333;font-weight:bold;height:30px;line-height:30px;margin-top:10px;}
.picturelist ul li div.coursedesc{width:240px;margin:0 auto;font-size:14px;height:50px;line-height:25px;overflow:hidden;color:#666;}
.picturelist ul li a img{width:100%;}
.picturelist ul li a{font-size:18px;color:#333;}

.icontent{min-height:500px;height:auto;;}
.ileft{width:950px;min-height:500px;float:left;background:#fff;border-radius:5px;}
.iright{width:230px;min-height:200px;float:right;background:#fff;border-radius:5px;border:1px solid #0079b0;}
.positon{color:#0075c1;font-size:20px;padding-left:10px;margin-bottom:30px;}
.iright h1{height:100px;width:230px;background:url("../images/lbg.png") no-repeat left top;opacity:0.7;text-align:center;line-height:100px;font-size:35px;color:#fff;}
.iright ul li{height:45px;line-height:45px;border-bottom:1px solid #f5f5f5;transition:all 1s;margin:0 10px;}
.iright ul li a{display:block;height:45px;line-height:45px;color:#333;font-size:16px;background:url("../images/bline.png") no-repeat left center;margin-left:40px;padding-left:40px;}
.iright ul li:hover{border-bottom:1px solid #0079b0;}
.iright ul li:hover a{display:block;height:45px;line-height:45px;color:#0075c1;font-size:16px;background:url("../images/blinetwo.png") no-repeat left center;margin-left:40px;padding-left:40px;}
.contentdetail{padding:20px;}

.innernewslist{width:890px;float:none;}
.innernewslist ul li dl{width:780px;float:right;}
#baidumap{min-height:560px;height:auto;width:897px;}
.iaboutus a{color:#00a0e9;border-bottom:1px solid #00a0e9;}

.item{width:320px;height:234px;float:left;margin-right:40px;margin-left:30px;margin-bottom:30px;padding:30px;}
.ione{background:url("../images/ione.png") no-repeat left top;}
.itwo{background:url("../images/i2.png") no-repeat left top;}
.ithree{background:url("../images/i3.png") no-repeat left top;}
.ifour{background:url("../images/i4.png") no-repeat left top;}
.ifive{background:url("../images/i5.png") no-repeat left top;}
.isix{background:url("../images/ione.png") no-repeat left top;}
.item dl dt{height:88px;border-bottom:1px solid #fff;margin-bottom:10px;}
.item dl dt p{width:92px;float:left;}
.item dl dt h1{width:200px;float:right;font-size:24px;padding-top:12px;color:#333;}
.item dl dd{font-size:14px;line-height:25px;}

.indexnewsitems{width:890px;float:right;}
.indexnewsitems ul li{height:135px;border-bottom:1px solid #ccc;margin-bottom:30px;}
.indexnewsitems ul li p:first-child{width:70px;height:70px;background:#4781b7;border-radius:5px;text-align:center;padding:10px;float:left;}
.indexnewsitems ul li p:first-child i:first-child{color:#fff;font-size:20px;width:100%;text-align:center;}
.indexnewsitems ul li p:first-child i:first-child:after{display:block;width:100%;border-top:1px solid #fff;height:2px;content:"";clear:both;}
.indexnewsitems ul li p:first-child i:last-child{color:#fff;font-size:24px;width:100%;text-align:center;}
.indexnewsitems ul li dl{width:770px;float:right;}
.indexnewsitems ul li dl dt{height:24px;line-height:24px;color:#111;text-align:left;font-size:24px;}
.indexnewsitems ul li dl dd{line-height:24px;font-size:14px;margin-top:10px;}
.indexnewsitems ul li:after{display:block;content:"";clear:both;color:#0A246A;}
.indexnewsitems ul li:last-child{margin:0;border-bottom:none;}
.picturelist ul li{height:auto;}

.posenglist,.positon{display:none;}

/*@media (max-width:1199px){*/
    /*.contentwidth{width:980px;}*/
    /*header{height:60px;}*/
    /*.logo{width:224px;padding-top:10px;}*/
    /*.logo img{width:60px;}*/
    /*.hright{width:720px;height:120px;}*/
    /*.aboutitem{width:33.3%;float:left;text-align:center;}*/
    /*.aboutitem img{min-width:200px;max-width:100%;}*/
    /*.course{height:auto;}*/
    /*.courseleft,.courseright{float:none;margin:0 auto;}*/
    /*.indexnewsleft,.indexnewsitems{float:none;margin:30px auto;}*/
    /*.indexenvir{height:auto;}*/
    /*.envirleft,.envircenter,.envirright{float:none;width:100%;margin:0 auto;}*/
    /*.envirpictures{height:auto;width:500px;margin:0 auto;}*/
    /*.indexenvir p{text-align:center;}*/
/*}*/

/*@media (max-width:991px){*/
    /*.contentwidth{width:350px;margin:0 auto;padding:0 5px;}*/
    /*header{height:80px;padding-top:5px;}*/
    /*.logo{width:100px;float:left;}*/
    /*.logo img{width:60px;}*/
    /*.hright{width:100px;float:right;}*/
    /*.mainmenu ul li{width:100%;float:none;text-align:center;}*/
    /*.indextext img{width:100%;}*/
    /*.indexbartitle{font-size:30px;color:#019b4c;text-align:center;margin:20px 0;font-weight:bold;}*/
    /*.indexabout{padding:45px 0 165px 0;height:auto;}*/
    /*.aboutitem{width:33.3%;float:left;}*/
    /*.aboutitem img{min-width:100px;max-width:100%;}*/
    /*.course{height:auto;padding:45px 0 165px 0;}*/
    /*.course:after{display:block;content:".";clear:both;}*/
    /*.courseleft,.cone,.ctwo,.cthree,.cone_left,.cone_right,.ctwo_left,.ctwo_right,.courseright{float:none;}*/
    /*.cone_right,.ctwo_left,.ctwo_right,.cone_left,.cone_right h2,.ctwo_left h1,.ctwo_left h2{margin:20px auto;}*/
    /*.courseleft,.cone_right,.ctwo_left h1,.ctwo_left{width:100%;height:auto;}*/
    /*.cone_right{width:100%;}*/
    /*.ctwo{width:100%;}*/
    /*.ctwo_left h1{width:100%;}*/
    /*.courseleft:after{display:block;content:".";clear:both;}*/
    /*.ctwo img{max-width:345px;}*/
    /*.indexnewsleft{width:350px;float:none;}*/
    /*.indexnewsleft img{max-width:350px;}*/
    /*.indexnewsleft h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}*/
    /*.courseright{width:100%;padding:10px;}*/
    /*.courseright p{width:96%;}*/
    /*.indexnews{height:auto;margin:0 auto;}*/
    /*.indexnewsitems{width:350px;}*/
    /*.indexnewsitems ul li dl{width:240px;}*/
    /*.indexnewsitems ul li dl dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}*/
    /*.indexteacher{height:auto;}*/
    /*.indexteacherintro{color:#333;}*/
    /*.indexteacheritems ul li{float:none;margin:30px auto;}*/
    /*.indexenvir,.envirpictures{height:auto;}*/
    /*.envirleft,.envircenter,.envirright{float:none;width:100%;}*/
    /*.envirleft p,.envircenter p,.envirright p{width:100%;text-align:center;margin:20px 0;}*/
    /*.envirleft p i img,.envircenter p i img,.envirright p i img{max-width:345px;}*/
    /*.footer{height:auto;margin:10px 0;padding:10px;background:#f4f4f4;color:#333}*/
    /*.footerleft{float:none;}*/
    /*.footerright{color:#333;width:365px;float:none;}*/
    /*.footer a{color:#333;}*/
    /*.footer:after{display:block;content:".";clear:both;}*/
    /*.footerleft img{width:50%;}*/
/*}*/

@media (max-width:767px){
    .contentwidth{width:350px;margin:0 auto;padding:0 5px;}
    header{height:120px;padding-top:5px;overflow:hidden;}
    .topcenter p i{color:#fff;}
    .logo{width:60px;height:60px;border-radius:30px;padding-top:0;margin-top:6px;}
    .logo img{width:100%;}
    .hright{width:100px;float:right;}
    .mainmenu ul li{width:100%;float:none;text-align:center;}
    .designiteml{width:auto;padding:15px;float:none;}
    .designitemr{width:auto;padding:15px;float:none;}
    .designitem{margin-top:20px;margin-bottom:0;}
    .indexabout{padding:0;height:auto;}
    .indexbartitle{margin:0;font-size:30px;color:#019b4c;text-align:center;font-weight:bold;padding-top:15px;}
    .indexbarline{margin-bottom:25px;}
    a.pdesign{margin:20px auto;}
    .indexteam{padding:0;height:auto;padding-bottom:10px;}
    .indexteamlist ul li{width:96%;padding:0 2%;margin:0 auto;margin-bottom:20px;}
    .indexteamlist ul li p{margin:0 auto;}
    .indexdesign{height:auto;}
    .indexdesignlist ul li{width:96%;padding:0 2%;margin:0 auto;margin-bottom:20px;}
    .indexdesignlist ul li p.pdesignimg{margin:0 auto;width:280px;}
    .indexdesignlist ul li p.pdesigntitle{margin:0 auto;width:280px;text-align:center;text-overflow:ellipsis;white-space: nowrap;}
    .indexdesignlist ul li p.pdesigndesc{display:none;}
    .indexcase{padding:0;height:auto;padding-bottom:10px;}
    .indexcaselist{margin-top:20px;}
    .indexcaselist ul li{width:280px;margin:0 auto;margin-bottom:20px;float:none;height:200px;}
    .indexcaselist ul li p{margin:0 auto;}
    .interviewtext strong{width:auto;}
    .interviewtext p{width:auto;}
    .indexbanner{height:132px;background-size:100%;}
    .indexnewsli ul li a{display:block;width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .footer{background:none;}
    .footerleft,.footerc,.footerd{float:none;width:300px;margin-left:0;}
    .footertopcontent strong{margin-top:30px;line-height:35px;width:auto;}
    .footertopcontent p{display:none;}
    .footerright{float:none;}

    .innerbanner{height:120px;}
    .indexadvtext{margin-top:0;}
    .indexadvtext h1{font-size:20px;height:30px;line-height:30px;margin:0 auto;margin-top:30px;}
    .indexadvtext h2{font-size:16px;height:30px;line-height:30px;margin:0 auto;}
    .iright{float:left;}
    .aboutusleft{width:100%;float:none;}
    .aboutusright{width:100%;float:none;}
    .indexnewsitems{margin:0;width:360px;float:none;}
    .indexnewsitems ul li p{width:70px;height:70px;border-radius:5px;}
    .indexnewsitems ul li p:first-child i:last-child{font-size:18px;}
    .indexnewsitems ul li dl{width:250px;}
    .indexnewsitems ul li dl dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}
    .indexnewsitems ul li dl dd{height:48px;overflow:hidden;}
    .contentdetail{padding:0;}
    .indexnewsitems ul li{height:105px;}
    #page a.currpage{display:none;}
    .artview_title{font-size:18px;}
    .picturelist ul{width:240px;margin:0 auto;}
    .picturelist ul li{float:none;margin:0 auto;}
    .ileft{width:99%;min-height:400px;float:none;}
    .iright{width:230px;min-height:200px;margin-top:10px;float:none;}
    .picturelist ul li{height:auto;}
    .picturelist ul li div.courseimg a{height:auto;}
    .artview_content img{max-width:100%;}
    .aboutuscontent img{max-width:100%;}
}