@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:35px; background:#eeeeee;}

.topline_left{float:left; text-indent:20px; line-height:35px; background:url(../images/icon01.png) no-repeat left center;}

.topline_right{float:right; line-height:35px;}



.lan{float:right; height:35px; background:#df1e23;}

.lan li{ display:block; padding:0 20px; text-indent:15px; background:url(../images/icon02.png) no-repeat 10px center; float:left;}

.lan li a{ color:#fff;}



.tr_media{float:right;}

.tr_media li{float:right; height:35px; line-height:35px;}

.tr_media li a{ display:block; text-indent:25px; padding-right:30px;}

.tr_media li.tr_mwb a{ background:url(../images/weibo.jpg) no-repeat left center;}

.tr_media li.tr_mwx a{ background:url(../images/weixin.jpg) no-repeat left center;}



.header{height:90px;}

.logo{float:left; height:90px; overflow:hidden;}

.hotline{float:right; margin-top:30px; padding-left:35px; height:30px; line-height:30px; color:#696969; background:url(../images/icon03.png) no-repeat left center;}

.hotline strong{ font-size:18px; color:#ff0000; padding-right:10px;}



.i_nav{height:42px; background:#0377c2;}

/*.i_nav ul{width:1000px; margin:0 auto; overflow:hidden;}

.i_nav li{float:left; width:140px; height:42px; line-height:42px;}

.i_nav li > a{display:block; color:#FFF; font-size:14px; text-align:center;}

.i_nav li > a:hover{color:#FFF; background:#df1e23;}

.i_nav li > a.on{color:#FFF; background:#df1e23;}

.i_nav li.line{width:2px; background:url(../images/nav_line.png) no-repeat center center;}*/



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

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

/*.i_banner li{width:100%; height:460px;}

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

.i_banner_p a{display:inline-block; margin:0 3px; width:12px; height:12px; border-radius:100%; background:#FFF; overflow:hidden;}

.i_banner_p a:hover{ background:#0377c2;}

.i_banner_p a.on{ background:#0377c2;}*/



.i_container{overflow:hidden;}



.i_about{width:1000px; margin:0 auto; padding:20px 0; overflow:hidden;}

.i_about_c{padding:20px 0; height:240px; overflow:hidden;}

.i_about_cv{float:right; width:360px; height:240px;}

.i_about_cc{float:left; width:630px; /*height:168px;*/ height:240px; line-height:28px; overflow:hidden;}

.i_about_cm{float:left; width:630px; height:62px; margin-top:10px; overflow:hidden;}

.i_about_cm li{float:left; display:inline; width:135px; height:62px; margin-right:15px;}

.i_about_cm li a{ display:block; height:62px; padding-left:28px; background:url(../images/icon06.png) no-repeat 14px 18px #eeeeee;}

.i_about_cm li a span{display:block; padding-top:9px; height:24px; line-height:24px; color:#333333; font-size:14px;}

.i_about_cm li a ins{display:block; line-height:20px; height:20px; color:#333333; text-decoration:none; overflow:hidden;}

.i_about_cm li a:hover{ background:url(../images/icon07.png) no-repeat 14px 18px #df1e23;}

.i_about_cm li a:hover span, .i_about_cm li a:hover ins{color:#FFF;}



.i_pro{width:100%; background:#eeeeee; padding:20px 0 30px; overflow:hidden;}

.i_pro_l{ margin-top:17px;}

.i_pro_l li{float:left; display:inline; margin:0 15px; width:220px;}

.i_pro_l li img{width:220px; height:183px;}/*height:150px;*/

.i_pro_l li strong{ display:block; line-height:20px; padding-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_pro_l li span{display:block; line-height:24px; height:72px; overflow:hidden;}



.i_news01{width:1000px; margin:0 auto; padding:20px 0; overflow:hidden;}

.i_news01_l{width:1000px; margin-top:15px;}

.i_news01_l li{float:left; display:inline; margin:0 5px; width:320px;}

.i_news01_l li img{width:320px; height:215px;}

.i_news01_l li strong{ display:block; font-size:14px; line-height:25px; padding-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news01_l li ins{display:block; line-height:20px; color:#78625e; text-decoration:none; overflow:hidden;}

.i_news01_l li span{display:block; line-height:24px; height:72px; overflow:hidden;}



.i_splink{width:1000px; margin:0 auto; padding:10px 0 20px; overflow:hidden;}

.i_splink li{float:left; width:250px; height:85px;}

.i_splink li a{ display:block; padding-left:105px; height:85px;}

.i_splink li a strong{ font-size:16px; padding-top:20px; line-height:30px; display:block; color:#333333;}

.i_splink li a span{display:block;}

.i_splink li a.i_sp01{ background:url(../images/btn01.png) no-repeat left center;}

.i_splink li a.i_sp02{ background:url(../images/btn02.png) no-repeat left center;}

.i_splink li a.i_sp03{ background:url(../images/btn03.png) no-repeat left center;}

.i_splink li a.i_sp04{ background:url(../images/btn04.png) no-repeat left center;}

.i_splink li a.i_sp01:hover{ background:url(../images/btn01_on.png) no-repeat left center;}

.i_splink li a.i_sp02:hover{ background:url(../images/btn02_on.png) no-repeat left center;}

.i_splink li a.i_sp03:hover{ background:url(../images/btn03_on.png) no-repeat left center;}

.i_splink li a.i_sp04:hover{ background:url(../images/btn04_on.png) no-repeat left center;}





.footer{width:100%; padding:30px 0 0; border-top:2px solid #666; background:#eeeeee; overflow:hidden;}

.footer_nav{width:1000px; padding-bottom:20px; margin:0 auto; background:url(../images/icon09.jpg) no-repeat right top;}

.footer_nav dl{float:left; width:120px; /*text-align:center;*/}

.footer_nav dl dt{ height:30px; color:#333333; font-size:14px; font-weight:bold; padding-bottom:10px; line-height:30px;}

.footer_nav dl dd{ height:25px; line-height:25px;}

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

.footer_nav dl dd a:hover{ color:#1983eb;}



.foot_bottom{ padding:15px 0; background:#0377c2;}

.copyright{width:100%; text-align:center; color:#FFF;}

.jsq{width:100%; text-align:center; color:#FFF; margin:5px 0px;}

.alinks{width:1000px; margin:0 auto; text-align:center; color:#FFF;}

.alinks_title{ float:left;}

.alinks li{ float:left; padding:0px 5px;}

.alinks li a{ color:#fff;}

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



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

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

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



.p_box{ position:absolute; left:0; top:70px; width:100%; height:125px; z-index:50;}

.p_title{float:left; height:56px; color:#FFF; line-height:28px; font-size:13px;}

.p_title h3{ display:block; font-size:24px; font-weight:bold;}

.p_title ins{ display:block; text-decoration:none;}



.p_path{float:right; padding-top:30px; height:25px; color:#fff; line-height:25px; text-indent:25px; background:url(../images/icon10.png) no-repeat left 34px;}

.p_path span{ padding:0 10px; color:#fff;}

.p_path a{color:#fff;}



.sidebar{overflow:hidden; width:1000px; height:30px; margin-top:39px;}

/*.sidebar li{float:left; display:inline; width:120px; height:30px; margin-right:1px; line-height:30px;}

.sidebar li a{color:#333333; display:block; width:120px; height:30px; text-align:center; background:url(../images/icon11.jpg) repeat-x left bottom;}

.sidebar li a:hover{color:#FFF; background-position:left top;}

.sidebar li a.on{color:#FFF; background-position:left top;}*/



.p_container{padding:20px 0; overflow:hidden;}



.p_content{padding:15px 0; line-height:35px; font-size:14px;}



.p_left{ float:left;}

.p_right{ float:right;}

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


.slider{ width:1920px; margin:0 auto;  position:relative; overflow:hidden;   height:460px;  }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{ height:437px; overflow:hidden; }
.slider .bd li img{ display:block;width:100%;height:460px;  }

.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px; 
background:url(images/dot.png) 0 -16px;
overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; float: left;
}
.slider .hd ul .on{ background-position:0 0;  }
.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }