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


.dd_mess_1{ margin-bottom: 10px; }
.dd_mess_a{ font-size: 14px; width: 90px; height: 42px; line-height: 42px; text-align: right; padding-right: 10px; }
.dd_mess_a span{ color: #ff0000; padding-right: 5px; }
.dd_mess_b{ width: 310px; border:1px solid #e1e1e1; height: 40px; line-height: 40px; }
.dd_mess_b input{ border:none; background: none; padding: 0px 10px; width: 290px; height: 40px; outline: none;}
.dd_mess_2{ margin-bottom: 10px;}
.dd_mess2_a{font-size: 14px; width: 90px; height: 42px; line-height: 42px; text-align: right; padding-right: 10px; }
.dd_mess2_a span{ color: #ff0000; padding-right: 5px; }
.dd_mess2_b{width: 310px; border:1px solid #e1e1e1;}
.dd_mess2_b textarea{ border:none; background: none; padding: 6px 10px; width: 290px; line-height: 25px; outline: none;}
.dd_mess_3{ padding-left: 100px; margin-top: 10px;}
.dd_mess_3 input{ width: 312px; height: 40px; line-height: 40px; font-size: 14px; background: #b19373; color: #ffffff;  text-align: center; border: none; cursor: pointer;}

.itemimg{ width:375px;margin:10px 15px 0px 0px; float:left; position: relative; transition: all 0.3s; top: 0px;}
.videoimg{ width:365px; height:300px; overflow:hidden;border:2px solid #dfdfdf; padding:3px; }
.videoimg div{width:365px; height:300px; display:table-cell; text-align:center; vertical-align:middle; }
.item_titless{ width:375px; margin: 0 auto; padding:10px 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:390px;margin:10px 0px 0px 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 #b19373;}
.itemimgx:hover{ transition: all 0.3s; top: -10px; }
.itemimgx:hover .videoimg{border:2px solid #b19373;}


.itemimg2{ width:582px;margin:10px 30px 20px 0px; float:left; position: relative; transition: all 0.3s; top: 0px;}
.videoimg2{ width:572px; height:410px; overflow:hidden;border:2px solid #dfdfdf; padding:3px; }
.videoimg2 div{width:572px; height:410px; display:table-cell; text-align:center; vertical-align:middle; }
.item_titless2{ width:582px; 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:582px;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 #f59915;}
.itemimgx2:hover{ transition: all 0.3s; top: -10px; }
.itemimgx2:hover .videoimg2{border:2px solid #f59915;}




.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*/
.lf_news_lst{}
.lfnl_one{ border-bottom:1px dashed #b2b2b2; padding:15px 0px; width:580px;margin-bottom: 15px;}
.lfnl_img{ width:152px; height:120px;}
.lfnlo_left{ width:152px; height:120px; border:1px solid #e1e1e1; padding:4px;}
.lfnlo_left div{ width:152px; height:120px; display:table-cell; vertical-align:middle; text-align:center;}
.lfnlo_righ{ width:405px; margin-top:5px;}
.lfnlo_righ span{ display:block; width:405px; height:35px; line-height:35px; overflow:hidden; font-size:18px;}
.lfnlo_righ i{ display:block; width:405px; height:30px; line-height:30px; overflow:hidden; font-size:16px; font-style:normal; color:#999999;}
.lfnlo_righ font{ display:block; height:50px; width:405px; overflow:hidden; line-height:25px; font-size:14px; color:#999999;}

.news_tit{ text-align:center;}
.news_time{border-bottom:1px solid #cccccc; line-height:30px; text-align:center; color:#cccccc; font-size:14px;}
.news_con{margin:15px 0px; line-height:210%;}
.news_next{color:#cccccc; margin:20px 0px;}

/*end news*/
.case_xlst{ margin:10px 0px 10px 0px;}
.case_xl1tit{ height:35px; line-height:35px; font-size:14px; padding-bottom:5px;}
.case_xl1lst{ width:195px; height:155px; border:1px solid #cfcfcf; padding:9px;}
.case_xl1lst div{ width:195px; height:155px; display:table-cell; vertical-align:middle; text-align:center;}
.case_xl2{ margin-left:15px; margin-left:36px;}
.case_xl3{}

.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*/
.xin3lst{  height: 560px; margin-bottom: 20px;}
.xin3lstmr{ margin-right: 26px;}

.in5lone{ width: 282px; margin-right: 24px;}
.in5lone .in5loimg{ border: 1px solid #e1e1e1; }

@media (max-width:480px){
	
.lfnl_one{ width:100%; margin:0;}
.lfnlo_left{ display:none;}
.lfnlo_righ{ width:100%;}
.lfnlo_righ span{ width:100%;}
.lfnlo_righ i{ width:100%;}
.lfnlo_righ font{ width:100%;}


}