﻿@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;*/
	float:right;
	padding-left:35px;
	line-height:30px;
	color:#696969;
	background:url(../images/icon03.png) no-repeat left 0;
	margin-top:18px;
}

.hotline strong{ 
	/*font-size:18px; color:#ff0000; padding-right:10px;*/
	font-size:18px;
	color:#0377c2;
	padding-right:10px;
	float: right;
}



.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;*/
	float: right;
    height: 258px;
    overflow: hidden;
    width: 360px;
}

.i_about_cc{float:left; width:630px; height:168px; 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;*/

	background:url(../images/icon06.png) no-repeat 14px 28px #eeeeee;

	display: block;

    height: 62px;

    padding-left: 28px;

}

.i_about_cm li a span{

	/*display:block; padding-top:9px; height:24px; line-height:24px; color:#333333; font-size:14px;*/

	color: #333333;

    display: block;

    font-size: 16px;

    height: 24px;

    line-height: 24px;

    padding-top: 16px;

}

.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 28px #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:#333; line-height:25px; text-indent:25px; background:url(../images/icon10.png) no-repeat left 34px;}

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

.p_path a{color:#333;}



.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;}

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







.Pagers{

	clear: both;

	padding: 15px 0px 10px 0px;

	font-size: 14px;

	font-family: arial,simsun,sans-serif;

	text-align: center;

	width: 100%;

}


.in_pro_list {
	margin-top: 10px;
}
.in_pro_list li {
    float: left;
    margin: 0 14px 5px;
    width: 222px;
}
.in_pro_list li img {
	padding: 5px;
	width: 200px;
	border: 1px solid #ccc;
}
.in_pro_list li span {
	display: block;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
	line-height: 30px;
	height: 30px;
	text-align: center;
}



.picMarquee-left{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:360px; height:240px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }



.in_pro {
    height: 255px;
    width: 360px;
}
.in_pro li {
    border: 1px solid #ccc;
    float: left;
    height: 223px;
    margin-right: 5px;
    padding: 15px;
    width: 328px;
}
.in_pro li img {
    height: 210px;
    width: 100%;
}
.in_pro li span {
    border-top: 1px solid #ccc;
    display: block;
    line-height: 30px;
    text-align: center;
}