﻿/*头部*/
.wrap{width:1200px; margin:0px auto;}
.head{ height:90px}

.logo {
	display: block;
	margin-top:15px;
	background: url(../images/logo.png) no-repeat;
    overflow: hidden;
    text-indent: -99em;
    width: 247px;
    height: 55px;
    cursor: pointer;
    float: left;
}

.nav{float:right; font-size:14px; line-height:55px; font-weight:bold;padding-top:25px}
.nav li{ display:inline-block; padding-left:50px}
.tline{border-top:1px solid #e2e2e2;}
.banner{width:100%; height:260px}
.hometitle{ text-align:center; font-size:14px; line-height:150%; padding-top:20px;}
.hometitle h1{ background:url(../images/line.png) repeat-x center center; font-size:24px; font-weight:normal; padding:0 20px; line-height:60px;}
.hometitle .w3{width:250px; margin:0px auto}
.hometitle .w2{width:200px; margin:0px auto}
.hometitle .w1{width:400px; margin:0px auto}
.hometitle .w0{width:180px; margin:0px auto}
.hometitle .w3 span{background:#eee; padding:0 20px}
.hometitle .w2 span{background:#eee; padding:0 20px}
.hometitle .w1 span{background:#fff; padding:0 20px}
.hometitle .w0 span{background:#fff; padding:0 20px}
.graybox{background:#eeeeee; width:100%; min-width:1200px;}
.logo_pic{ margin:0 -10px}
.logo_pic li{float:left; width:25%;}
.logobox{ padding:10px;}
.logo_pic img{width:100%; display:block;max-width:285px;max-height:214px;}
.logo_pic dt{background:#ddd;line-height:24px;font-size:14px;padding-top:5px;padding-bottom:8px; padding-left:15px; color: #787878}
.logo_pic h2{ font-weight:normal; font-size:16px; text-align:center; line-height: 35px;}
.logo_pic h2 a{ color:#e00900}
.logo_pic h2 a:hover{ color:#000}
.logo_pic span{width:115px; display: inline-block}
.sortlistbox{padding-top:20px; padding-bottom:30px}
.sortlistbox h3{ font-size:14px; color:#000; line-height:30px}
.sortlist{font-size:14px;float:left;width:680px;}
.sortlist li{ width:85px;float:left; line-height:24px}
.sortlist1{font-size:14px;float:left;width:220px; padding-left:30px;}
.sortlist1 li{ width:55px;float:left; line-height:24px}
.sortlist2{font-size:14px;float:right;width:210px}
.sortlist2 li{ width:30px;float:left; line-height:24px}
.bannerfont{width:100%; min-width:1200px; background:#e60012; color:#fff; text-align:center; font-size:30px; line-height:150%; padding:25px 0}
.bannerfont span{ padding-top:15px; font-size:24px; display:block; line-height:150%}
.footfont{width:100%; min-width:1200px; background:#eee; text-align:center; font-size:30px; line-height:150%; padding:25px 0; color:#e60012}
.footfont span{ padding-top:15px; font-size:14px; display:block; line-height:180%; color:#444}
.homenews{padding-bottom:40px;float:left; width: 22%;}
.homenews1{padding-bottom: 40px;float:left; width: 23%; margin-left:3%}
.homenewstitle{ font-size:14px; line-height: 35px; font-weight:bold; color:#d40900; border-bottom: 1px solid #dddddd; padding-top:30px}
.homenewstitle .more{float:right; line-height:35px; font-size:12px; font-weight:normal;}
.homenewstitle .more a{ color:#666666}
.homenewstitle .more a:hover{ color:#ec0000}
.news_box1{padding-top:15px; font-size:14px}
.news_box1 ul{padding:0; margin:0; list-style-type:none}
.news_box1 li{line-height:30px; background:url(../images/newsjian.gif) no-repeat 2px 50%; padding-left:12px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.taocan{ margin:0 -10px; padding-top:20px}
.taocan .taocan_a{float:left; width:25%}
.tcbox{margin:0 8px; border:1px solid #e2e2e2; border-radius:6px}
.tcbox:hover{ box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);
transition: all .3s;
    -webkit-transition: all .3s; /* Safari */
transform: scale(1.02);
    -ms-transform:scale(1.02);     /* IE 9 */
    -moz-transform:scale(1.02);     /* Firefox */
    -webkit-transform:scale(1.02); /* Safari 和 Chrome */
    -o-transform:scale(1.02);}
.tctitle{ border-bottom:1px solid #e2e2e2; font-size:18px; font-weight:bold; text-align:center; line-height:50px}
.ys1{ color:#6ac334}
.ys2{ color:#0089e1}
.ys3{ color:#9b2575}
.ys4{ color:#fdc800}
.price{ font-size:16px; text-align:center; padding-bottom:20px; padding-top:20px}
.price strong{ font-size:30px;}
.choise{ text-align:center}
.choise{border-radius:18px; line-height:35px; border:2px solid #6ac334; color:#6ac334; width:100px; display:block; font-size:18px; text-align:center; margin:0px auto}
.choise2{ text-align:center}
.choise2{border-radius:18px; line-height:35px; border:2px solid #0089e1; color:#0089e1; width:100px; display:block; font-size:18px; text-align:center; margin:0px auto}
.choise3{ text-align:center}
.choise3{border-radius:18px; line-height:35px; border:2px solid #9b2575; color:#9b2575; width:100px; display:block; font-size:18px; text-align:center; margin:0px auto}
.choise4{ text-align:center}
.choise4{border-radius:18px; line-height:35px; border:2px solid #fdc800; color:#fdc800; width:100px; display:block; font-size:18px; text-align:center; margin:0px auto}
.tc1{text-align:center; font-size:18px; padding-bottom:20px; padding-top:20px}
.tc2{ font-weight:bold; font-size:16px; border-top:1px solid #e2e2e2; padding-top:20px; padding-left:20px}
.ts{ font-size:16px; padding-top:10px; padding-left:20px; height:230px}

.ts p.pl32{line-height:40px; font-size:16px; background: url(../images/bz.png) no-repeat 0px 0px; padding-left:40px}
.ts p.pl32 strong{ font-size:24px;}
.ts p.pl32 span{ font-size:18px}
.ts p.t1{background-position: 0 -0px;}
.ts p.t2{background-position: 0 -40px;}
.ts p.t3{background-position: 0 -80px;}
.ts p.t4{background-position: 0 -120px;}
.ts p.t5{background-position: 0 -160px;}
.ts p.t6{background-position: 0 -200px;}
.ts p.t7{background-position: 0 -240px;}
.foot{ padding:0 100px}
.footer{background:#615d5c; width:100%; min-width:1200px; padding-top:20px; padding-bottom:20px;color: #eee; font-size:14px;}
.footer a{color: #eee;}
.footer .hotline{ color:#fff; line-height:24px; padding-top:10px; text-align:center; padding-bottom:10px}
.footer .hotline span{padding-left:20px}
.footer .copy{ border-top:1px solid #676767; line-height:40px}
.footer .link{padding-top:10px; border-top:1px solid #676767}
.footer .city{padding-top:15px; text-align: center}
.footer_l{float:left; line-height:26px;}
.footer_l span{padding-left:30px;}
.l50{padding-left:120px}
.footer_r{float:right; line-height:26px;}
.gg{ padding-top:30px; padding-bottom:20px}
.sortbox{border:1px solid #e2e2e2; padding-left:20px; padding-top:20px; font-size:14px; padding-bottom:10px; background:#fff;}
.sortbox a{padding-left:10px}
.sortbox1{padding-bottom:10px}
.sortbox1 li{float:left; width:106px; line-height:28px}
.sortbox2{padding-bottom:10px}
.sortbox2 li{float:left; line-height:28px; padding-right:20px}
.orage{background:#ff6600; color:#fff; font-weight:bold; text-align:center; width:85px}
.h20{height:20px}
.location{ line-height:30px; border-bottom:1px solid #e2e2e2;padding-bottom:5px; padding-top:20px}
.sm{padding-top:20px;}
.smtitle{ text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:15px}
.smtitle h1{ font-size:24px; line-height:35px; font-weight:normal; padding-bottom:10px;}
.cs1{background:url(../images/cs.png) no-repeat left 50%; padding-left:22px; font-size:14px; padding-right:30px}
.cs2{background:url(../images/cs2.png) no-repeat left 50%; padding-left:22px; font-size:14px; padding-right:30px}
.cs3{background:url(../images/cs3.png) no-repeat left 50%; padding-left:22px; font-size:14px;}
.cstitle{ background:#e2e2e2; font-size:14px; font-weight:bold; padding-left:20px; line-height:35px}
.csbox{ padding-top:20px;font-size:14px; line-height:180%; padding-bottom:20px}
.csbox h1{ font-size:24px; line-height:35px; font-weight:normal; padding-bottom:10px; text-align: center}
.wrap_left{float:left; width: 250px}
.wrap_right{float:right; width: 900px}
.leftsorttitle{background:url(../images/ltd.png) right 50%; line-height: 50px; font-weight: bold; padding-left: 20px; font-size:18px; margin-bottom: 10px}
.leftsort{padding-top:25px; padding-bottom: 20px}
.leftsort li{float:left; width: 50%; line-height: 40px; border-bottom: 1px solid #e8ebee;}
.leftsort a{background:url(../images/ljt.png) no-repeat 2px 50%; padding-left: 15px; font-size:14px;}

.leftsort1{ padding-top:25px; padding-bottom: 20px}
.leftsort1 li{line-height: 40px; border-bottom: 1px solid #e8ebee;}
.leftsort1 a{background:url(../images/ljt.png) no-repeat 10px 50%; padding-left: 25px; font-size:14px;}

.otherlabel{padding-bottom:30px}
.otherlabel li{float:left; border: 1px solid #dbe0e6; margin-right: 5px; margin-bottom: 5px}
.otherlabel a{ font-size:14px; line-height: 32px; padding: 0 10px}
.sm_box{padding-top:30px; padding-bottom:30px}
.sm_left{float:left; width:370px}
.sm_left img{width:350px; height:250px; border:5px solid #eee;}
.sm_right{float:right; width:510px}
.sm_list{ font-size:14px;}
.sm_list li{background:#eee; line-height:40px; padding-left:20px; margin-bottom:10px}
.sm_list span{padding-left:50px}
.fengxiang{padding-top:0px; padding-bottom:30px}
.context{ font-size:14px;height:35px;}
.context li{ line-height:26px;float:left; width:420px}
.logosm{text-align:center; font-size:14px; line-height:26px; background:#eee; padding:10px}
.logosm a{ color:#ff0000; text-decoration: underline}
#pro_list{height:220px}
.p_title{ font-size:14px; line-height:40px; font-weight:bold; padding-top:20px; padding-bottom:10px}
.p_tu{ height:185px}
.p_tu li{float:left; width:190px;height:185px; text-align:center; overflow:hidden}
.p_tu img{width:180px;height:135px; display:block}
.p_tu li h2{width:180px;background:#eee; line-height:35px;height:35px;overflow:hidden; font-weight:normal; font-size:14px; text-align:center}
.aboutcontent{ font-size:14px; line-height:200%; padding-bottom:30px}
.aboutcontent_l{width:40%; float:left;padding-top:20px;}
.aboutcontent_r{float:right; width: 55%;padding-top:20px;padding-bottom:20px}
.news_view{text-align: center;padding-top:10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; font-size:12px;}
.news_view h1{font-size:24px; text-align: center; font-weight:normal; line-height: 45px}
.news_content{padding:0; font-size:14px; line-height: 180%; padding-bottom: 20px; padding-top:15px}
.context{border-top:1px solid #e2e2e2; padding-top:10px; font-size:14px}
.context li{line-height:26px; padding-left:5px}
.newslist{ padding-top:10px}
.newslist li{ background:url(../images/njt.png) no-repeat left 26px; padding-left:12px; border-bottom: 1px #ccc dashed; line-height: 180%; padding-bottom: 10px; color:#777; font-size:14px;}
.newslist h2{ font-size:22px; font-weight: normal; line-height: 45px; padding-top: 5px}
.newslist h2 a{ color:#333}
.ywlj{font-size:14px; padding-bottom: 15px}
.ywlj a{text-decoration:underline;}
.bannercity{background:#cd0112; color: #fff; padding:75px 0; text-align: center; min-width: 1200px; font-size:14px;}
.bannercity h3{ font-size:24px; line-height: 35px; font-weight: normal; padding-bottom: 15px}
.cityfont{ text-align: center; font-size:14px; line-height: 200%; color: #777; padding: 40px 0;}
.cityline{border-bottom:1px solid #e2e2e2;}
.cityfont h2{ font-size:24px; color: #222; line-height: 35px; font-weight: normal; padding-bottom: 10px}
.cityfont h3{ font-size:18px; color: #222; line-height: 35px; font-weight: normal; padding-bottom: 5px}
.cityfont li{float:left;border:1px solid #ccc; padding: 4px 12px; margin-right: 10px; margin-top:10px;}
.cityfont li a{display:block}
.cityimg{ padding: 0; margin: 0; padding-top: 10px}
.cityimg img{width:100%}
.diqu{ font-size:14px;padding-top:15px;border-top:1px solid #ddd;padding-bottom: 15px}
.diqu h2{ font-size:24px; color: #222; line-height: 35px; font-weight: normal; padding-bottom: 10px}
.diqu li{ line-height:40px}
.more-center{text-align:center;padding-top:10px}
a.btn-center{text-align:center;font-size:14px;padding:4px 30px 2px 30px;margin:10px 15px 0 15px;color:#da5a04;border:1px solid #da5a04;display:inline-block}
a.btn-center:hover{background-color:#FF6C0A;border:1px solid #FF6C0A;color:#fff;text-decoration:none}
/* 设计团队 页面弹出浮层 css 样式 */

.aboutcontent h3{line-height:35px;background:url(../images/jiantoudi.gif) no-repeat 10px 50%;font-size:14px; font-weight:bold; padding-left:35px;color:#333333;height:35px;background-color:#dddddc;margin-top:20px; margin-bottom:20px}
.aboutcontent p img{text-align:center;display: block; margin: 0px auto}
.col3_3 {position:relative;background:url('../images/team01.jpg');width: 660px; height:550px; margin:0px auto}
#hover_image_div {position:relative;left:0;	top:0;}
#hover_image_div a {position:absolute;display:block;width:110px;height:110px;}
#hover_image_div a:hover {width:220px;}
a#designer1 {left:0;top:0;}
a#designer1:hover {	background:url('../images/designer1.jpg') no-repeat;}
a#designer2 {left:220px;top:0;}
a#designer2:hover {	background:url('../images/designer2.jpg') no-repeat;}
a#designer3 {left:550px;top:0;}
a#designer3:hover {left:440px;background:url('../images/designer3.jpg') no-repeat;}
a#designer5 {height:220px;left:110px;top:110px;}
a#designer5:hover {left:0;background:url('../images/designer5.jpg') no-repeat;}
a#designer8 {height:220px;left:220px;top:220px;}
a#designer8:hover {width:110px;	height:330px;background:url('../images/designer8.jpg') no-repeat;}
a#designer9 {height:220px;left:550px;top:220px;}
a#designer9:hover {	width:110px;height:330px;background:url('../images/designer9.jpg') no-repeat;}
a#designer10 {width:220px;left:0px;top:330px;}
a#designer10:hover {height:220px;top:220px;	background:url('../images/designer10.png') no-repeat;}
a#designer11 {left:330px;top:330px;}
a#designer11:hover {width:110px;height:220px;background:url('../images/designer11.jpg') no-repeat;}
a#designer12 {left:440px;top:330px;}
a#designer12:hover {width:110px;height:220px;top:220px;	background:url('../images/designer12.jpg') no-repeat;}
a#designer13 {left:110px;top:440px;}
a#designer13:hover {background:url('../images/designer13.jpg') no-repeat;}
a#designer14 {left:440px;top:440px;}
a#designer14:hover {background:url('../images/designer14.jpg') no-repeat;}
a#designer15 {left:660px;top:440px;}
a#designer15:hover {background:url('../images/designer15.jpg') no-repeat;}
.teamimage{ padding:0px; text-align:center}