@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(banner.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
/* ��ҳ���ֿ�ʼ */
.topbar{ height:38px; line-height:38px; border-bottom:1px solid #e3e3e3; position:relative; background:#1F00FF;}
.tb_left{ font-size:14px; font-weight:bold; color:#004383;}
.tb_right{float:right;}
.tb_right li{float:left; padding:0 10px; color:#FFF; text-align:center;}
.tb_right li a{color:#FFF; display:inline-block;}

.header{height:83px; position:relative; z-index:999;}
.logo{float:left; overflow:hidden;height:83px;}

.i_nav{float:right; height:83px;}
/*.i_nav li{float:left; width:100px; height:83px; font-size:13px; font-weight:bold; text-align:center;}
.i_nav li a{color:#333; display:block; height:79px; line-height:79px;}
.i_nav li a:hover{color:#c10c17; border-bottom:4px solid #1F00FF;}
.i_nav li a.on{color:#c10c17; border-bottom:4px solid #1F00FF;}*/
.ntopyy{width:100%; height:7px; display:block; position:absolute; bottom:-7px; background:url(../Images/icon03.png) repeat-x left top;}


.banner{position:relative; width:100%; height:495px; overflow:hidden;}
.i_banner{float:left; display:inline;}
.banner_line{ position:absolute; left:0; bottom:0; width:1920px; height:13px; overflow:hidden; background:url(../Images/icon04.png) no-repeat center top; z-index:20000}
.banner .banner_nav{ display:block; width:220px; height:54px;background:url(../Images/banner_navbg.png) no-repeat 0 0; position:absolute; left:50%; margin-left:-110px; bottom:15px; text-align:center; line-height:20px;}
.banner .banner_nav a{ display:inline-block; width:12px; height:12px; line-height:0; font-size:0;background:#6d6c6e; border-radius:10px; margin-left:3px; margin-right:3px; margin-top:15px;}
.banner .banner_nav a.on{ background:#c82529; cursor:pointer;}

.i_container{}
.i_prosort{ padding:30px 0; background:url(../Images/icon06.jpg) repeat-x left bottom #f4f4f4;}
.i_prosort ul{width:960px; margin:0 auto;}
.i_prosort li{ position:relative; width:118px; height:125px; float:left; display:inline; border:1px solid #e5e3e3; margin-right:17px; background:#FFF;}
.i_prosort li ins{display:none; position:absolute; right:0; bottom:0; width:8px; height:8px;}
.i_prosort li strong{width:117px; height:96px; overflow:hidden;}
.i_prosort li strong img{width:118px; height:96px;}
.i_prosort li span{width:117px; height:29px; display:block; line-height:29px; overflow:hidden; text-align:center; font-size:14pxpx;}
.i_prosort li:hover{ border:1px solid #1F00FF;}
.i_prosort li:hover ins{display:block; background:url(../Images/icon05.png) no-repeat left top;}

.i_sev{height:126px; padding-bottom:6px; background:url(../Images/icon07.jpg) repeat-x left bottom #FFF;}
.i_sev_t{float:left; width:255px; height:86px; padding-top:40px; background:#1F00FF;}
.i_sev_t h3{display:block; float:left; padding-left:30px; font-weight:bold; color:#A1D1FF; font-size:17px; line-height:18px;}
.i_sev_t h3 ins{display:block; font-size:24px; text-decoration:none; line-height:24px; text-transform:uppercase; color:#ffffff; font-weight:normal; font-family:Tahoma;}
.i_sev_t span{display:inline-block; float:right; width:28px; height:28px; margin:5px 35px 0 0;}
.i_sev_t span a{display:block; width:28px; height:28px; background:url(../Images/icon08.jpg) no-repeat left top;}
.i_sev_l{float:left; padding-left:15px;}
.i_sev_l li{float:left; width:170px; text-align:center; padding-top:25px;}
.i_sev_l li a{color:#515567; font-weight:bold;}
.i_sev_l li a ins{display:inline-block; width:49px; height:49px;}
.i_sev_l li a ins.is_l1{ background:url(../Images/icon09.png) no-repeat left top;}
.i_sev_l li a ins.is_l2{ background:url(../Images/icon10.png) no-repeat left top;}
.i_sev_l li a ins.is_l3{ background:url(../Images/icon11.png) no-repeat left top;}
.i_sev_l li a ins.is_l4{ background:url(../Images/icon12.png) no-repeat left top;}
.i_sev_l li a span{display:block; padding-top:10px; font-size:14px;}
.i_sev_l li a:hover{color:#1F00FF;}
.i_sev_l li a:hover ins{ background-position:left bottom;}

.i_box{padding:20px 0;}

.i_news{float:left; width:690px;}
.i_news_l{float:left; position:relative; width:228px; height:182px; overflow:hidden;}
.i_news_l img{width:228px; height:182px;}
.i_news_l span{display:block; position:absolute; left:0; bottom:0; width:165px; height:50px; padding:0 5px; color:#FFF; line-height:25px; background:url(../Images/icon13.png) repeat; overflow:hidden;}
.i_news_l dl{display:block; position:absolute; right:0; bottom:0; width:43px; height:50px; padding:0 5px; text-align:center; color:#FFF; background:#1F00FF;}
.i_news_l dl dt{ line-height:25px; border-bottom:1px solid #FFF;}
.i_news_l dl dd{ line-height:24px;}
.i_news_r{float:left; margin-left:20px; width:442px; overflow:hidden;}
.i_news_r li{height:26px; line-height:26px; color:#8d8d8d;}
.i_news_r li span{float:left; display:block; width:88px;}
.i_news_r li a{float:left; display:block; width:354px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}

.i_clink{float:right; width:240px;}
.i_clink dd{margin-top:10px;}
.i_clink dd .i_cdd_01{padding-right:12px;}

.footer{line-height:20px; background: url(../Images/icon14.png) no-repeat center top; color:#a0a0a0;}
.footer a{color:#FFF;}
.footer a:hover{color:#FFF;}
.footer_box{width:960px; height:210px; margin:0 auto; padding:34px 0 20px;}
.footer_box_l{float:left; width:67%;}
.footer_box_l h2{height:40px; background:url(../Images/icon15.png) no-repeat left; font-size:18px; font-weight:bold; color:#fff; line-height:30px; text-indent:15px;} 
.f_about{font-size:14px; color:#FFF; margin-top:15px; margin-bottom:10px; height:100px; overflow:hidden;}

.f_tel{ font-size:14px; color:#fff; float:left;}
.f_tel span{ font-size:30px; font-weight:bold; font-style:italic; line-height:34px;}

.footer_box_r{ width:25%; float:right;}
.footer_box_rl li{ float:left; border-top:1px dotted #7DA9FC; width:45%; margin-left:5%; color:#b0c9e3;  font-size:15px; text-align:center; line-height:42px;}
.footer_box_rl li a{color:#FFF;}
.foot_ewm{ margin-top:15px;}
.foot_ewm li{ width:45%; text-align:center; float:left; padding:10px 0 5px; margin-left:5%;}
.foot_ewm li p{ color:#000; margin-top:5px;}
.foot_ewm img{ width:75px; height:75px;}
.foot_ewm .ewm_1{ background:#75a1ce;}
.foot_ewm .ewm_2{ background:#b4cce4;}
.foot_ewm .ewm_3{ background:#75a1ce;}

.footer_b{padding:15px 0; line-height:20px; background:#888888; color:#FFF;}
.footer_nav{float:left;}
.footer_nav a{padding:0 10px;}
.footer_nav span{padding:0 10px;}
.copyright{float:left;}
.copyright_r{float:right;}

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

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

.pbanner{position:relative; width:100%; height:277px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.p_container{}

.pc_top{ background:#f1f1f1; position:relative; z-index:5;}

/*.sidebar{ float:left; width:835px; background:#fff; height:42px; border-bottom:1px solid #7f7f7f; border-top:1px solid #e8e8e8; box-shadow: 0px 2px 4px #666;}
.sidebar li{ float:left; width:14%; line-height:42px; text-align:center; border-right:1px solid #f2f2f2;}
.sidebar li a{ display:block;}
.sidebar li a:hover{ background:#dd2523; color:#fff;}
.sidebar li a.on{ background:#dd2523; color:#fff;}*/


.p_path{ text-align:right; height:42px; line-height:42px;}
.p_path span{padding:0 10px;}

.p_content{width:960px; padding:20px 0; margin:0 auto; line-height:25px; font-size:14px;}

.pa_link{padding:40px 0 50px; background:#fafafa url(../Images/icon17.jpg) repeat-x top; position:relative; z-index:8; height:163px;}
.pa_link li{float:left; display:inline; position:relative; width:226px; height:163px; margin-right:14px;}
.pa_link li span{display:block; width:100%; height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; color:#fff; text-indent:20px; font-size:16px; background:url(../Images/icon13.png) repeat; cursor:pointer;}

.pro_link{padding:40px 0 50px; background:#fafafa url(../Images/icon17.jpg) repeat-x top; position:relative; z-index:8;}
.pro_link li{float:left; display:inline; position:relative; width:226px; height:163px; margin-right:14px;}
.pro_link img{ width:224px; height:161px;}
.pro_link a{border:1px solid #ddd; width:224px; height:161px; display:block;}
.pro_link a:hover{border:1px solid #1F00FF;}



.p_left{ float:left;}
.p_right{ float:right;}

/* ��ҳ���ֽ��� */
.mtop{ margin-top:10px;}

.i_txt{ display:block; width:960px; margin-top:5px;}
.i_txt .title01{ height:86px; background-color:#f7f7f7; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.i_txt .title01 li{ float:left; width:154px; height:86px; text-align:center; line-height:86px;}
.i_txt .title01 li a{ background-color:#f7f7f7; display:block; width:154px; height:86px;}
.i_txt .title01 li .activetab{ display:block; width:154px; height:86px; background-color:#1F00FF; color:#fff;}


.indexprotitle{ background:url(/templates/images/icon10.jpg) no-repeat left; width:960px; height:44px; z-index:2000; bottom:-5px; position:relative;}
.indexprotitle h3{ font-size:16px; line-height:39px; font-weight:bold; padding-left:25px;}

.i_left{ float:left; width:690px;}
.i_right{ float:right; width:240px;}