@charset "utf-8";
/* CSS Document */
/**/


.txt_class{ width:300px; height:25px; line-height:25px; padding-left:5px;}
.txt_classx{ width:310px; height:30px; line-height:30px; padding-left:5px;}
.txt_class2{width:100px; height:25px; line-height:25px;padding-left:5px;}
.txt_class_con{ width:300px; height:80px; line-height:20px;padding-left:5px; resize:none;}
.txt2_class{ background:none; border:none;}
.dd_class{ margin-top:20px;}
.dd_class2{ margin-top:10px;}

.dd_classdiv font{ color:#ff0000;}
.dd_classdiv{ margin:10px 0px;}
	.dd_classdiv span{ width:100px; text-align:right; height:31px; line-height:31px; }
.dd_classdivx{  margin:10px 0px; line-height:40px;}
.dd_price{ float:left;}
.dd_type{ float:left; margin-left:15px;}
.dd_type2{float:left; margin-left:30px;}
.dd_bz{ float:left;}
.dd_bz2{ float:left; width:300px;}
.dd_sub{ float:left; width:220px; text-align:center; margin-left:6px;}
	.dd_sub input{ width:100px; height:30px; cursor:pointer;}
.dd_sub2{ float:left; width:220px; text-align:center;}
	.dd_sub2 input{ width:100px; height:30px; cursor:pointer;}

.dd_res{ float:left; width:200px;text-align:center;}
	.dd_res input{ width:100px; height:30px; cursor:pointer;}
	
	.dd_clas_left{ float:left; background:url(../../images/zh_book.jpg) no-repeat bottom right; min-height:256px; width:100%;}
	.dd_clas_right{ float:left;  width:500px; height:230px;}
	.dd_clas_right2{ float:left;  width:450px; height:270px; margin-bottom:20px;}

.dd_c_dl{ float:left; width:85px; text-align:right;}
.dd_c_dr{ float:left; width:305px;}

.itemimg{ width:380px;margin:10px 30px 20px 0px; float:left; position: relative; transition: all 0.3s; top: 0px;}
.videoimg{ width:370px; height:312px; overflow:hidden;border:2px solid #dfdfdf; padding:3px; }
.videoimg div{width:370px; height:312px; display:table-cell; text-align:center; vertical-align:middle; }
.item_titless{ width:380px; margin: 0 auto; padding:5px 0px 10px 0px; overflow:hidden; font-size:16px;}
.item_titless span{ display: block; height: 35px; line-height:35px; overflow: hidden; text-align: center;}

.itemimgx{ width:380px;margin:10px 0px 10px 0px; float:right;position: relative; transition: all 0.3s; top: 0px;}
.itemimg:hover{ transition: all 0.3s; top: -10px; }
.itemimg:hover .videoimg{border:2px solid #195ab6;}
.itemimgx:hover{ transition: all 0.3s; top: -10px; }
.itemimgx:hover .videoimg{border:2px solid #195ab6;}


.itemimg2{ width:380px;margin:10px 30px 20px 0px; float:left; position: relative; transition: all 0.3s; top: 0px;}
.videoimg2{ width:370px; height:222px; overflow:hidden;border:2px solid #dfdfdf; padding:3px; }
.videoimg2 div{width:370px; height:222px; display:table-cell; text-align:center; vertical-align:middle; }
.item_titless2{ width:380px; margin: 0 auto; padding:5px 0px 10px 0px; overflow:hidden; font-size:16px;}
.item_titless2 span{ display: block; height: 35px; line-height:35px; overflow: hidden; text-align: center;}

.itemimgx2{ width:380px;margin:10px 0px 10px 0px; float:right;position: relative; transition: all 0.3s; top: 0px;}
.itemimg2:hover{ transition: all 0.3s; top: -10px; }
.itemimg2:hover .videoimg2{border:2px solid #da251c;}
.itemimgx2:hover{ transition: all 0.3s; top: -10px; }
.itemimgx2:hover .videoimg2{border:2px solid #da251c;}




.sys_one{ width: 580px; background: #F4F4F4; margin-bottom: 20px;}
.sys_oneL{ width: 180px; height: 80px; background: #198BCA; color: #FFFFFF; padding: 25px 0px 25px 0px;}
.sys_oneL span{ display: block; text-align: center; font-size: 48px;font-family: 华文细黑; letter-spacing: -1px; height: 55px; line-height: 55px;}
.sys_oneL font{ display: block; text-align: center; font-size: 16px; height: 25px; line-height: 25px; }
.sys_oneR{ padding: 20px 30px 20px 30px; width: 340px; height: 90px;}
.sys_oneR span{ display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: rgb(90,90,90);}
.sys_oneR font{ display: block; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #878787;}
/*分页*/
#pages { padding:14px 0 10px;font-family:宋体; text-align:center}
#pages a { display:inline-block; height:22px; line-height:22px; background:#ffffff; border:1px solid #cccccc; text-align:center; color:#444444; padding:0 10px}
#pages a.a1 { background:#F9F9F9; width:56px; padding:0 }
#pages a:hover { background:#e9e9e9; color:#333333; text-decoration:none; }
#pages span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#F9F9F9; border:1px solid #cccccc; color:#444444; text-align:center; }
.page .noPage { display:inline-block; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*news*/
	.snews_l1{ width: 320px; border-top: 1px solid #000000; margin-bottom: 25px;}
	.snews_l1date{ font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; margin: 10px 0px;}
	.snews_l1tit{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
	.snews_l1desc{ font-size: 12px; color: #858585; line-height: 25px; height: 75px; overflow: hidden; margin-bottom: 15px; }
	.snews_l1img{ width: 320px; height: 240px; background: #f9f9f9; overflow: hidden;}
	.snews_l1img div{ width: 320px; height: 240px; display: table-cell; vertical-align: middle; text-align: center;}

	.snews_l1mr{ margin-right: 20px; }
	.snews_l1 a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
	.snews_l1 img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
/*end news*/
/*prolo*/
	.prolo{width: 320px; margin-bottom: 25px;}
	.proloimg{ width: 320px; height: 320px; background: #f9f9f9; overflow: hidden;}
	.proloimg div{ width: 320px; height: 320px; display: table-cell; vertical-align:middle; text-align: center; }
	.prolofot{ padding:15px 0px 0px 0px; }
	.prolofot1{ font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; }
	.prolofot2{ font-size: 14px; height: 50px; line-height: 25px; overflow: hidden; text-align: left; color: #858585;}
	.prolomr{ margin-right: 20px; }
	.prolo a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
	.prolo img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
/*end prolo*/
.ksbj_list{ background:url(../../images/zh_book.jpg) no-repeat center right; padding:20px 0px;}
.ksbj_lone{ width:400px; height:35px; margin-bottom:15px;}
.ksbj_lone span{ display:block; float:left; width:70px; line-height:35px; text-align:right; font-size:14px;}
.ksbj_lone font{ display:block; float:right; width:320px; height:35px;}
.ksbj_lone font select{ width:320px; border:1px solid #ececec; height:35px; line-height:35px; padding:0px 10px; outline:none; border-radius:5px;}
.ksbj_lone font input{ width:300px; border:1px solid #ececec; height:34px; line-height:34px; padding:0px 9px; outline:none; border-radius:5px;}
#btnclick1{ background:#dcb323; color:#FFFFFF; width:150px; height:35px; border:none; cursor:pointer; font-size:14px; border-radius:5px;}

/*hr_one*/
.hr_one{ width: 292px; height: 292px; margin-bottom: 10px; }
.hr_one_mr{ margin-right: 10px; }
.my_tsi{ height: 50px; line-height: 50px; text-align: center; color: #999999; font-size: 14px;}

/*case*/
.pro_lone_mr{ margin-right: 26px; }
.pro_lone{ width: 280px; height: 420px; margin-bottom: 15px; background: #ffffff; -moz-box-shadow:0px 0px 10px #f0f0f0; -webkit-box-shadow:0px 0px 10px #f0f0f0; box-shadow:0px 0px 10px #f0f0f0;}
.pro_loimg{ width: 280px; height: 210px; overflow: hidden; }
.pro_loimg div{ width: 280px; height: 210px; display: table-cell; vertical-align: middle; text-align: center; }
.pro_lofot{ padding: 32px 25px 38px 25px; width: 230px; height: 140px;transition: all 0.3s; }
.pro_lofot span{ display: block; height: 40px; background: url(../../images/images/index_18.jpg) no-repeat center left;transition: all 0.3s;  padding-left: 10px; line-height: 40px; font-size: 18px; color: #333333; font-weight: bold; overflow: hidden;}
.pro_lofot font{ display: block; font-size: 16px; color: #666666; line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0px 20px 0px;transition: all 0.3s; }
.pro_lofot i{ display: block; background: url(../../images/images/index_24.jpg) no-repeat center left; height: 20px; width: 40px;transition: all 0.3s; }
.pro_lone a:hover .pro_lofot{ background: #2b52a9; transition: all 0.3s; }
.pro_lone a:hover .pro_lofot span{background: url(../../images/images/index_20.jpg) no-repeat center left; color: #FFFFFF;transition: all 0.3s; }
.pro_lone a:hover .pro_lofot font{color: #FFFFFF;transition: all 0.3s; }
.pro_lone a:hover .pro_lofot i{background: url(../../images/images/index_26.jpg) no-repeat center left;transition: all 0.3s; }
.pro_lone a:hover .pro_loimg img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.pro_lone a .pro_loimg img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}