@charset "utf-8";

@import url(dll.css);

@import url(font.css);

@import url(main.css);

@import url(onlineeditor.css);

@import url(ddsmoothmenu.css);

@import url(animate.css);

@import url(banner.css);

/* ��ҳ���ֿ�ʼ */

.topline{height:32px; background:#1c1c1c; line-height:32px; color:#FFF;}

.tll{float:left;}

.hotline{float:right; padding-left:25px; background:url(../images/icon01.png) no-repeat left center;}



.i_banner_box{position:relative; width:100%; height:630px; overflow:hidden;}



.header{position:absolute; width:100%; height:185px; text-align:center; background:url(../images/icon02.png) repeat left top; z-index:2000;}

.logo{float:left;}



.i_nav{float:right; padding-top:52px; height:80px;}

/*.i_nav li{float:left; width:105px; height:80px; text-align:left; font-size:14px; text-align:center;}

.i_nav li > a{color:#FFF; display:block; width:105px; height:80px; line-height:20px;}

.i_nav li > a span{ display:inline-block; width:48px; height:40px;}

.i_nav li > a span.in01{ background:url(../images/m01.png) no-repeat center top;}

.i_nav li > a span.in02{ background:url(../images/m02.png) no-repeat center top;}

.i_nav li > a span.in03{ background:url(../images/m03.png) no-repeat center top;}

.i_nav li > a span.in04{ background:url(../images/m04.png) no-repeat center top;}

.i_nav li > a span.in05{ background:url(../images/m05.png) no-repeat center top;}

.i_nav li > a span.in06{ background:url(../images/m06.png) no-repeat center top;}

.i_nav li > a span.in07{ background:url(../images/m07.png) no-repeat center top;}

.i_nav li > a span.in08{ background:url(../images/m08.png) no-repeat center top;}

.i_nav li > a span.in09{ background:url(../images/m09.png) no-repeat center top;}

.i_nav li > a ins{ display:block; height:20px; padding-top:20px; text-decoration:none;}

.i_nav li > a:hover{color:#f4ae00;}

.i_nav li > a:hover span{ background-position:center bottom;}

.i_nav li > a.on{color:#f4ae00;}

.i_nav li > a.on span{ background-position:center bottom;}*/



.i_banner{display: inline;float: left;}



.i_banner_p{position:absolute; width:100%; left:0; bottom:25px; text-align:center;}

.i_banner_p a{display:inline-block; margin:0 10px; width:15px; height:10px; background:#FFF; overflow:hidden; border-radius:5px;}

.i_banner_p a:hover{ background:#ec8d0f;}

.i_banner_p a.on{ background:#ec8d0f; width:50px;}



.i_container{ overflow:hidden;}



.i_liucheng{padding:40px 0; width:100%; background:#404040;}

.i_liucheng_c{text-align:center;}

.i_liucheng_c li{display:inline-block; margin:0 10px; width:117px; height:117px; background:#5f5f5f; text-align:center;}

.i_liucheng_c span{display:inline-block; width:44px; height:40px; margin-top:30px;}

.i_liucheng_c span.i_lc01{ background:url(../images/lc01.png) no-repeat center top;}

.i_liucheng_c span.i_lc02{ background:url(../images/lc02.png) no-repeat center top;}

.i_liucheng_c span.i_lc03{ background:url(../images/lc03.png) no-repeat center top;}

.i_liucheng_c span.i_lc04{ background:url(../images/lc04.png) no-repeat center top;}

.i_liucheng_c span.i_lc05{ background:url(../images/lc05.png) no-repeat center top;}

.i_liucheng_c span.i_lc06{ background:url(../images/lc06.png) no-repeat center top;}

.i_liucheng_c span.i_lc07{ background:url(../images/lc07.png) no-repeat center top;}

.i_liucheng_c span.i_lc08{ background:url(../images/lc08.png) no-repeat center top;}

.i_liucheng_c ins{display:block; width:117px; height:35px; line-height:35px; color:#FFF; font-size:14px; text-decoration:none;}



.i_case{width:1146px; margin:70px auto 0; padding-bottom:50px; overflow:hidden;}

.i_case_s{ text-align:center; margin-top:30px; height:38px; height: auto; margin-bottom: 10px;}

.i_case_s li{display:inline-block; text-align:center; font-size:20px;}

.i_case_s li a{display:block; color:#FFF; height:38px; line-height:38px; padding:0 20px;}

.i_case_s li a:hover{ background:#f4ae00; color:#FFF;}

.i_case_s li a.on{ background:#f4ae00; color:#FFF;}

.i_case_c{width:1146px; margin-top:15px;}

.i_case_cl{float:left; position:relative; width:340px; height:430px; overflow:hidden;}

.i_case_cll{ position:absolute; bottom:11px; right:11px; height:31px; padding:5px 10px; background:url(../images/icon02.png) repeat left top;}

.i_case_cll span{float:left; display:block; width:13px; height:27px; padding-top:4px;}

.i_case_cll ul{float:left; display:block; width:104px; height:31px; padding:0 10px; overflow:hidden;}

.i_case_cll li{display:inline; float:left; padding:0 2px;}

.i_case_cll li a{display:block; border:3px solid #676566; width:42px; height:25px;}

.i_case_cll li a:hover{ border:3px solid #a8a8a8;}

.i_case_cll li a.on{ border:3px solid #a8a8a8;}

.i_case_clc{ width:340px; height:430px; overflow:hidden;}

.i_case_clc ul{width:2000px; height:430px; overflow:hidden;}

.i_case_clc li{float:left; width:340px; height:430px;}

.i_case_clc li img{ height:430px;}

.i_case_cr{float:right; width:790px; overflow:hidden;}

.i_case_cr ul{width:810px; overflow:hidden;}

.i_case_cr ul li{float:left; display:inline; width:250px; margin-right:20px;}

.i_case_cr ul li img{ width:250px; height:188px;}

.i_case_cr ul li span{display:block; width:250px; height:40px; padding-bottom:12px; line-height:40px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_case_cr ul li span a{ color:#fff;}

.i_case_cr ul li span a:hover{color:#f4ae00;}



.i_design{position:relative; width:1146px; margin:10px auto 0; padding:0 31px 50px; overflow:hidden;}

/*.i_design_l{width:1116px; height:320px; padding:0 15px; margin:30px  auto 0; overflow:hidden;}

.i_design_l ul{width:5000px; overflow:hidden; text-align:center;}

.i_design_l ul li{float:left; display:inline-block; margin:0 12px; width:255px; height:320px;}*/



.i_box01{width:1146px; margin:0 auto; padding-bottom:50px; overflow:hidden;}



.i_about{float:left; width:350px;}

.i_about_c{ margin-top:20px; width:350px; overflow:hidden; color:#FFF;line-height:24px; font-size:14px;}

.i_about_c span{display:block; padding:5px 0; line-height:24px; color:#FFF; font-size:14px;}

.i_about{ width:100%;}

.i_about_c{ width:100%;}



.i_pj{float:left; width:400px; margin-left:25px;}

.i_pj_l{margin-top:20px; width:400px; overflow:hidden;}

.i_pj_l dl{width:400px; height:125px; padding-bottom:10px; overflow:hidden;}

.i_pj_l dl dt{float:left; width:190px; height:125px; padding-right:6px;}

.i_pj_l dl dd{float:left; width:204px; height:125px; color:#b8b8b8;}

.i_pj_l dl dd h3{display:block; width:204px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_pj_l dl dd h3 a{ color:#fff;}

.i_pj_l dl dd h3 a:hover{ color:#f4ae00;}

.i_pj_l dl dd ins{ display:block; line-height:20px; text-decoration:none;}

.i_pj_l dl dd span{ display:block; height:80px; margin-top:10px; line-height:20px;}



.i_yy{float:right; width:350px;}

.i_yy_l{}

.i_yy_l dl{padding-top:7px;}

.i_yy_l dt{height:35px; line-height:35px; color:#FFF;}

.i_yy_l dd{width:350px; height:34px;}

.i_yy_l dd input{float:left; width:348px; height:32px; padding:0; margin:0; color:#b8b8b8; text-indent:10px; font-family:microsoft yahei; background:#585858; border:1px dotted #505050;}

.i_yy_l span{ display:block; margin-top:20px;}

.i_yy_l span input{float:left; width:154px; height:40px; color:#FFF; background:#585858; background:#212121; font-family:microsoft yahei; margin:0; padding:0; border:0; font-size:14px; cursor:pointer;}



.i_news01{float:left; width:350px;}

.i_news01_f{padding:20px 0 30px; border-bottom:1px solid #545454; color:#a3a3a3;}

.i_news01_f h3{display:block; height:33px; line-height:33px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news01_f h3 a{ color:#FFF;}

.i_news01_f h3 a:hover{ color:#f4ae00;}

.i_news01_f ins{display:block; height:20px; line-height:20px; font-size:12px; text-decoration:none;}

.i_news01_f span{display:block; height:40px; padding:4px 0; line-height:20px; font-size:12px; overflow:hidden;}

.i_news01_f strong{display:block; margin-top:5px; height:125px; overflow:hidden;}

.i_news01_l{padding-top:25px;}

.i_news01_l li{height:28px; line-height:28px;}

.i_news01_l li span{display:block; float:left; width:70px; color:#a7a59b; overflow:hidden;}

.i_news01_l li a{display:block; float:left; width:280px; color:#6e6e6e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news01_l li a:hover{ color:#f4ae00;}

.i_nfl{margin-left:48px;}



.i_ys{width:1250px; margin:0 auto; overflow:hidden; color:#adadad; text-align:center;}

.i_ys li{float:left; display:inline; margin:0 50px; width:150px;}

.i_ys li ins{ display:block; height:150px; overflow:hidden;}

.i_ys li span{ display:block; margin-top:30px; height:30px; line-height:30px; overflow:hidden;}



.footer{width:100%; background:#191919; border-top:2px solid #454545; margin-top:40px; overflow:hidden;}

.fbox{width:1146px; margin:0 auto; padding:30px 0;}

.footer_nav{float:left; width:775px; overflow:hidden;}

.footer_nav dl{float:left; padding-left:74px; width:119px;}

.footer_nav dl dt{font-size:16px; color:#666; padding-bottom:10px;}

.footer_nav dl dd{height:32px; line-height:31px; text-indent:12px; background:url(../images/icon03.png) no-repeat left top;}

.footer_nav dl dd a{color:#666664;}



.f_gz{float:right; width:270px;}

.f_gz h3{font-size:16px; color:#666; padding-bottom:10px;}

.f_gz ins{ display:block; text-decoration:none; color:#666668; padding:10px 0 5px 0;}

.f_gz strong{ display:block; color:#FFF; font-size:24px; padding-bottom:5px;}



.copyright{width:100%; text-align:center; line-height:30px; color:#596655; background:#000000;}

.copyright a{color:#596655;}

.footer a:hover{color:#f4ae00;}



/* ��ҳ���ֽ��� */



/* ��ҳ���ֿ�ʼ */

.p_banner_box{position:relative; width:100%; height:450px;  overflow:hidden;}

.p_banner {display: inline;float: left;}









.p_container{width:1090px; margin:0 auto; padding-top:30px; overflow:hidden;}



.p_left{float:left; width:190px; overflow:hidden;}

.p_right{float:right; width:840px; overflow:hidden;}



.i_left{ float:left;}

.i_right{ float:right;}



.sidebar{text-align:center; overflow:hidden;}

/*.sidebar li{height:35px; line-height:35px; padding-bottom:13px; font-size:14px;}

.sidebar a{ display:block; width:190px; height:35px; background:#fff;color:#767676;}

.sidebar a:hover{ color:#ec8d0f; background:#ebeae8;}

.sidebar a.on{ color:#ec8d0f; background:#ebeae8;}*/



.p_path{float:right; line-height:44px; color:#515151;}

.p_path a{ padding:0 10px; color:#515151;}

.p_path a:hover{ color:#f4ae00;}

.p_path dd{display:block; float:left; width:30px; height:44px; background:url(../images/icon04.jpg) no-repeat center center;}



.p_about{ margin-top:30px; line-height:30px; font-size:14px;}





/* ��ҳ���ֽ��� */

.jsq{ text-align:center; color:#666664;}