@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body{ margin:0; padding:0; font-size:12px; color:#1a1a1a; background:#FFF;}
img{ margin:0; padding:0; border:none;}
ul,li,ol,h1,h2,h3,p,i{ margin:0; padding:0; list-style:none;}
a,a:link,a:visited,a:active{  text-decoration:none; color:#333333;}
a:hover{  text-decoration:none; color:#cb0101;}
.fl{ float:left;}
.fr{ float:right;}
.div_clear{ clear:both;}
.div_1200{width:1200px; margin:0 auto;}
.clr{ clear:both;}

/*头部*/
.index_head{}
.index_h1{min-width: 1200px; width: 100%; background:url(../../images/images/index_01.png) no-repeat top center; height: 133px; position: relative; z-index: 10;}
.index_h1left{ width: 520px; height: 103px; }

.index_h1midd{ width: 140px; margin: 0px 10px; height: 133px;}
.index_h1midd a{ display: block; width: 140px; height: 133px; }

.index_h1righ{ width: 520px; height: 103px;}

.nav_before a,.nav_before a:link,.nav_before a:visited,.nav_before a:active{
	font-size:18px;
	color:#ffffff; font-family:"微软雅黑";
	text-decoration:none;float:  left;;
	display:block;
	height:103px; padding: 0px 0px 0px 0px;
	line-height:103px; width: 130px;
	text-align:center;
	vertical-align:middle;
}
.nav_before_down a,.nav_before_down a:link,.nav_before_down a:visited,.nav_before_down a:active{color:#FFFFFF; background: url(../../images/images/iix_02.jpg) no-repeat bottom center;}
.nav_before_down a:hover{color:#FFFFFF;  background: url(../../images/images/iix_02.jpg) no-repeat bottom center;}

.index_h2{ position: relative; top: -30px; margin-bottom: -30px; }
.flexslider{position:relative;width:100%; height:640px; top: 0px; text-align:center; overflow:hidden; min-width:1200px;  background:url(../../images/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:640px;}
.flex-control-nav{position:absolute;bottom:25px;z-index:2;width:100%;text-align:center; left:0; margin-bottom:-10px;}
.flex-control-nav li{display:inline-block;width:40px;height:10px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:40px;height:10px;line-height:40px;overflow:hidden;background:#ffffff; border-radius: 10px; ;cursor:pointer;}
.flex-control-nav .flex-active{background:#195fbf;}

/*中间*/
.index_body{}
/*index_m1*/
.index_m1{ background: url(../../images/images/main_03.jpg) no-repeat top center; min-width: 1200px; width: 100%; padding: 40px 0px 68px 0px; }
.index_m1tit{ text-align: center; margin-bottom: 30px;}
.index_m1tit span{ display: block; font-size: 30px; font-weight: bold; color: #0b0306; height: 40px; line-height: 40px;}
.index_m1tit font{ display: block; font-size: 16px; font-weight: bold; color: #0b0306; text-transform: uppercase; height: 25px; line-height: 25px;}
.index_m1lst{ width: 1200px; height:430px; overflow: hidden;  position: relative;}
.index_m1left{}
.index_m1left span{ display: block; height: 73px; line-height: 73px; font-weight: bold; font-size: 54px; color: #e2eaed; text-transform: uppercase;}
.index_m1left font{ display: block; width: 554px; height: 357px;}
.index_m1righ{ position: absolute; width: 670px; height: 430px; top: 0; right: 0;}
.index_m1rx1{ background: #ffffff; margin-left: 10px; padding: 20px 30px 10px 30px; height: 335px;}
.index_m1rx1 span{ display: block; margin-bottom: 15px; height: 283px; line-height: 35px; overflow: hidden; color: #3b3b3b; font-size: 14px; text-indent: 2em;}
.index_m1rx1 a{ display: block; border: 1px solid #dcdcdc; width: 185px; height:35px; line-height: 35px; text-align: center; color: #3b3b3b; font-size: 14px; border-radius: 18px; margin: 0 auto;}
.index_m1rx2{ background: url(../../images/images/iix_06.png) no-repeat center left; padding-left: 140px;font-size: 16px; color: #3b3b3b; height: 65px; line-height: 65px; overflow: hidden;}
.index_m1rx2 span{ display: block; float: right; padding-left: 60px;}
.index_m1rx2 font{ display: block; float: right; letter-spacing: 22px; text-transform: uppercase;}
/*index_m2*/
.index_m2{ background: url(../../images/images/main_05.jpg) no-repeat top center; min-width: 1200px; width: 100%; padding: 25px 0px 32px 0px; }
.index_m2tit{ color: #FFFFFF; text-align: center; font-weight: bold;}
.index_m2tit span{ display: block; font-size: 30px;height: 40px; line-height: 40px;}
.index_m2tit font{ display: block; font-size: 16px;text-transform: uppercase; height: 25px; line-height: 25px;}
.index_m2nav{ margin: 30px 0px 50px 0px; width: 100%; height:108px; position: relative;}
.index_m2nav ul{ position: absolute; width: 100%; height: 108px; text-align: center; }
.index_m2nav li{ display: inline-block; margin: 0px 10px;}
.index_m2nav li a{ display: block; background: url(../../images/images/index_10.png) no-repeat center; width: 125px; height: 108px; transition: all linear 0.3s; line-height: 108px; color: #FFFFFF; font-size: 16px; overflow: hidden;}
.index_m2nav li a:hover{ background: url(../../images/images/index_08.png) no-repeat center;transition: all linear 0.3s; }
.index_m2lst{ height: 465px; }
.chinaz { width:1200px; height: 465px; position: relative; overflow:hidden;}
.q51buypic{ width:1200px; height:410px; overflow:hidden; position:relative;}
.q51buypic li{ width:585px; height:410px;position:relative; overflow:hidden; margin-right:30px; float: left;}
.index_m2lxone{ width: 585px; height: 410px; overflow: hidden; position: relative;}
.index_m2lxoimg{width: 585px; height: 410px; background: #ffffff;}
.index_m2lxoimg div{width: 585px; height: 410px; display: table-cell; vertical-align: middle; text-align:center;}
.index_m2lxone span{ display: block; position: absolute; background: url(../../images/images/index_22.png) top center; width: 285px; height: 175px; top: 117px; left: 150px; display: none;}
.index_m2lxone font{ display: block; position: absolute; top: 410px; left: 150px; width: 285px; height: 47px; text-align: center;}
.index_m2lxofont{position: absolute; top: 410px; left: 150px; width: 285px; height: 45px; text-align: center;}
.index_m2lxofont i{ display: block; width: 250px; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 16px; overflow: hidden; text-align: center; font-style: normal; margin: 0 auto }
/*数字按钮样式*/
.chinaz .num { overflow:hidden; height: 13px; position: absolute; bottom:0px; right: 0px; zoom:1; z-index:3; text-align:center; width:100%;}
.chinaz .num ul{ position:absolute; width:100%; text-align:center;}
.chinaz .num li { width: 45px; height: 13px; line-height: 124px; text-align:center;background:#b7b7b7; border-radius: 5px; cursor:pointer;display:inline-block; margin:0px 5px;}
.chinaz .num li.on { background:#ffffff;} /*当前项*/

/*index_m3*/
.index_m3{ background: url(../../images/images/main_06.jpg) no-repeat top center; min-width: 1200px; width: 100%; padding: 30px 0px 75px 0px; }
.index_m3tit{ text-align: center; margin-bottom: 30px;}
.index_m3tit span{ display: block; font-size: 30px; font-weight: bold; color: #0b0306; height: 40px; line-height: 40px;}
.index_m3tit font{ display: block; font-size: 16px; font-weight: bold; color: #0b0306; text-transform: uppercase; height: 25px; line-height: 25px;}
.index_m3lst{ width: 1200px; height:588px; overflow: hidden; background: #f8f8f8;}
.chinaz2 { width:1200px; height: 588px; position: relative; overflow:hidden;}
.q51buypic2{ width:1200px; height:588px; overflow:hidden; position:relative;}
.q51buypic2 li{ width:1200px; height:588px;position:relative; overflow:hidden; margin-right:30px; float: left;}
.index_m3lxone{ width: 1200px; height: 588px; }
.index_m3lxonex1{ height: 510px; background: #ffffff;}
.index_m3lxoleft{ width: 837px; height: 510px; background: #f9f9f9; }
.index_m3lxoleft div{ width: 837px; height: 510px; display: table-cell;vertical-align: middle; text-align: center; }
.index_m3lxorigh{ width: 363px; height: 510px; }
.index_m3lxorx1{ width: 363px; height:255px; }
.index_m3lxorx1 div{ width: 363px; height: 255px; display: table-cell; vertical-align: middle; text-align: center; }
.index_m3lxonex2{ background: url(../../images/images/index_32.jpg) no-repeat bottom left; margin:10px 0px 0px 10px; padding-bottom: 10px;}

.index_m3lxonex2 span{ height: 45px; line-height: 45px; font-size: 18px; }
.jt_nav{ position: absolute;bottom: 15px; right: 30px;}
.jt_navx{ width: 110px; height: 40px; }
.jt_navx a.prev{ display: block; float: left; width: 40px; height: 40px; background: url(../../images/images/index_27.png) no-repeat center center; }
.jt_navx a.next{ display: block; float: right; width: 40px; height: 40px; background: url(../../images/images/index_29.png) no-repeat center center; }
/*index_m4*/
.index_m4{ background: url(../../images/images/main_07.jpg) no-repeat top center; min-width: 1200px; width: 100%; padding: 70px 0px 70px 0px; }
.index_m4left{ width: 200px; }
.index_m4ltit{ background: url(../../images/images/iix_10.png) no-repeat bottom center; padding-bottom: 15px;  margin-bottom: 50px; color: #FFFFFF; text-align: center; font-weight: bold;}
.index_m4ltit span{ display: block; font-size: 30px;height: 40px; line-height: 40px;}
.index_m4ltit font{ display: block; font-size: 16px;text-transform: uppercase; height: 25px; line-height: 25px;}
.index_m4llst{}
.index_m4llst span{ display: block;padding: 21px 5px 21px 5px; }
.index_m4llst span a{ display: block; border: 1px solid #ffffff; font-size:16px; color: #FFFFFF; height: 50px; line-height: 50px; overflow: hidden; text-align: center; border-radius: 25px;}
.index_m4llst span a:hover{background: #FFFFFF; color: #195fbf;}
.index_m4llst span a.on_zzjssb{ background: #FFFFFF; color: #195fbf; }
.index_m4righ{ width: 970px; }
.index_m4rone{ padding: 19px 15px;transition: all linear 0.3s; margin-bottom: 15px;}
.index_m4ronex1{ width: 235px; height: 130px; background: #ffffff; }
.index_m4ronex1 div{ width: 235px; height: 130px; display: table-cell; vertical-align: middle; text-align: center; }
.index_m4ronex2{ margin-left: 30px; width: 530px; }
.index_m4ronex2 span{ display: block; font-size: 18px; color: #FFFFFF; height: 40px; line-height: 40px; overflow: hidden;}
.index_m4ronex2 font{ display:block;  font-size: 16px; color: #FFFFFF; height: 60px; line-height: 30px; overflow: hidden; margin-top: 15px;}
.index_m4ronex3{ width: 90px; height: 70px; margin-top:30px;}
.index_m4ronex3 span{ display: block; font-size: 36px; font-weight: bold; color: #FFFFFF; text-align: center; height: 45px; line-height: 45px; overflow: hidden;}
.index_m4ronex3 font{ display: block; font-size: 16px; color: #FFFFFF; text-align: center; height: 25px; line-height: 25px; overflow: hidden;}
.index_m4rone:hover{  background:url(../../images/images/index_41.png) top center;transition: all linear 0.3s;}
/*index_m5*/
	.index_m5{ background: url(../../images/images/main_09.jpg) no-repeat bottom center; min-width: 1200px; width: 100%; padding: 53px 0px 57px 0px; }
	.index_m5left{ width: 710px; height: 380px; }
	.index_m5righ{ width: 455px; height: 380px;}
	.index_m5rx1{}
	.index_m5rx1q{ width: 120px; height: 75px;}
	.index_m5rx1q span{ display: block; font-size: 30px; font-weight: bold; color: #0b0306; line-height: 35px;}
	.index_m5rx1q font{ display: block; font-size: 16px; font-weight: bold; color: #0b0306; text-align:center; line-height: 25px; margin-top: 5px; text-transform: uppercase;}
	.index_m5rx1w{ background: url(../../images/images/index_48.png) no-repeat center left; margin-left: 10px; width: 170px; height: 75px; }
	.index_m5rx2{ height: 50px; line-height: 50px; }
	.index_m5rx2 span{ display: block; float: left; font-size: 16px; color: #0b0306;}
	.index_m5rx2 font{ display: block; float: left; font-size: 30px; color: #0b0306; font-weight: bold;}
	.index_m5rx3{}
	.index_m5rx3 span{ display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; }
	.index_m5rx4{ margin-top: 15px; }
	.index_m5rx4y1{}
	.index_m5rx4y1 span{ display: block; height: 110px; width: 110px; background: #ffffff; padding: 5px; }
	.index_m5rx4y1 font{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; margin-top: 5px; }
	.index_m5rx4y2{ margin-left: 40px; }
/*底部开始*/
.index_foot{ background:#195fbf; min-width: 1200px; font-size: 16px; width: 100%; height: 60px; line-height: 60px; text-align: center;color: #FFFFFF;}
.index_foot span{ padding: 0px 15px;}
.index_foot span a{ color: #FFFFFF;}

/*about*/
.s_index_m{ position:relative; width: 100%;}
.s_index_mx{ position: absolute; bottom: 250px; width: 100%;}
.s_index_m_tit{ text-align: center; height: 95px; line-height: 95px; text-align: center; color: #FFFFFF; font-size: 24px;}
.s_index_m_nav{ position: relative; width: 100%; height: 55px; margin-top: 10px;}
.s_index_m_nav ul{ position: absolute; width: 100%; height: 55px; text-align: center; }
.s_index_m_nav li{ display: inline-block; margin: 0px 10px;}
.s_index_m_nav a{ display: block; padding: 0px 60px; height: 55px; line-height: 55px; background: #a1a1a1; color: #FFFFFF; font-size: 16px; border-radius: 28px;}
.s_index_m_nav a.linkhover{ background: #195fbf; }
.s_index_lst{ padding: 20px 0px 30px 0px; }
.s_index_con{ line-height: 210%; min-height: 200px; }
/*site_abot*/

/**/

.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:285px;  margin:10px 20px 10px 0px; float:left;}
.videoimg{ width:275px; height:193px; overflow:hidden; border:1px solid #dfdfdf; padding:4px;}
.videoimg div{width:275px; height:193px; display:table-cell; text-align:center; vertical-align:middle; }
.item-titless{ line-height:30px; text-align:center; width:285px; height:30px; margin-top:10px; overflow:hidden; font-size:16px;}

.itemimgx{ width:285px;  margin:10px 0px 10px 0px; float:right;}

.itemimg:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimg img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}

.itemimgx:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimgx img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}


.itemimg2{ width:385px;  margin:10px 22px 10px 0px; float:left;}
.videoimg2{ width:375px; height:228px; overflow:hidden; border:1px solid #dfdfdf; padding:4px;}
.videoimg2 div{width:375px; height:228px; display:table-cell; text-align:center; vertical-align:middle; }
.item-titless2{ line-height:30px; text-align:center; width:385px; height:30px; margin-top:10px; overflow:hidden; font-size:16px;}
.itemimgx2{ width:385px;  margin:10px 0px 10px 0px; float:right;}
.itemimg2:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimg2 img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
.itemimgx2:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimgx2 img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}

/*分页*/
#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;}
.lfnlo_left{ width:217px; height:120px; border:1px solid #e1e1e1; padding:4px;}
.lfnlo_left div{ width:217px; height:120px; display:table-cell; vertical-align:middle; text-align:center;}
.lfnlo_righ{ width:330px; margin-top:5px;}
.lfnlo_righ span{ display:block; width:330px; height:35px; line-height:35px; overflow:hidden; font-size:18px;}
.lfnlo_righ i{ display:block; width:330px; height:30px; line-height:30px; overflow:hidden; font-size:16px; font-style:normal; color:#999999;}
.lfnlo_righ font{ display:block; height:50px; width:330px; overflow:hidden; line-height:25px; font-size:14px; color:#999999;}


/*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; }