@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/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:85px; text-align:center; background:url(../Images/icon02.png) repeat left top; z-index:2000;}
.logo{float:left;}
.i_nav2{float:right; padding-top:5px;}
.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;}
.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:left; width:1140px; overflow:hidden;}
.i_case_cr ul{width:1140px; overflow:hidden;}
.i_case_cr ul li{float:left; display:inline; width:250px; margin-right:17px;margin-left:17px;}
.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;text-align:center;}
.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_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:80px; color:#a7a59b; overflow:hidden;margin-right: 10px;}
.i_news01_l li a{display:block; float:left; width:260px; 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 span{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;color:#cbcbcb;}


.p_about a{color:#cbcbcb;}


/* ��ҳ���ֽ��� */
.jsq{ text-align:center; color:#666664;}