@charset "gb2312";
*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.container{padding:0px;}
/*公共样式*/

*{ margin: 0;

    padding: 0;

    font-family: "微软雅黑";

    list-style: none;

}

body{

    background-color: #F1F2F3;

	overflow-x:hidden

}

img{border: 0;}

a{ text-decoration: none;}

.container{

    width: 1200px;

    margin: 0 auto;

}




.main { height: 100%; margin: 0 auto;

    width: 1920px;}

.mianc { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto;}

.main h1 { width: 900px; margin: 40px auto; font: 32px "Microsoft Yahei";}

.explain, .dowebok-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}



.vad { margin: 50px 0 5px; font-family: Consolas,arial,"宋体",sans-serif; text-align:center;}

.vad a { display: inline-block; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 50px; font-size: 14px; text-align:center; color:#eee; text-decoration: none; background-color: #222;}

.vad a:hover { color: #fff; background-color: #000;}

.thead { width: 728px; height: 90px; margin: 0 auto; border-bottom: 40px solid #fff;}

.code { position: relative; margin-top: 100px; padding-top: 41px;}

.code h3 { position: absolute; top: 0; z-index: 10; width: 100px; height: 40px; font: 16px/40px "Microsoft Yahei"; text-align: center; cursor: pointer;}

.code .cur { border: 1px solid #f0f0f0; border-bottom: 1px solid #f8f8f8; background-color: #f8f8f8;}

.code .h31 { left: 0;}

.code .h32 { left: 102px;}

.code .h33 { left: 204px;}

.code .h34 { left: 306px;}

.code { width: 900px; margin-left: auto; margin-right: auto;}

pre { padding: 15px 0; border: 1px solid #f0f0f0; background-color: #f8f8f8;}

.f-dn { display: none;}



.ck-slide { width: 100%; height: 400px; margin: 0 auto;}

.ck-slide ul.ck-slide-wrapper { height: 400px;}

.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}

.ck-slide { position: relative; overflow: hidden;}

.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}

.ck-slide ul.ck-slide-wrapper li { position: absolute;}

.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}

.ck-slide .ck-prev { display:none; left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}

.ck-slide .ck-next {display:none; right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}

.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}

.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}

.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}

.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}

.ck-slidebox ul li.current em { background-color: #fe6500;}

.ck-slidebox ul li em:hover { background-color: #fe6500;}



/*分类列表*/

.fl_list { width: 1200px; height: 400px;margin-top: -400px ;  z-index:1000; position:relative; }



.fl_list ul { width: 170px;  position: relative; }

.fl_list ul li { height: 49px;  text-align: left; line-height: 48px; font-size:15px;border-bottom:1px solid #434647;  z-index: 2;background:#2A2D2F url(../pic_images/fl_img1.png) no-repeat 145px center ; }

.fl_list ul li span{padding-left: 0;padding-right: 25px; margin-top: 3px; height: 15px; width: 19px; float: left; display: block; }

.fl_list ul li a { color: #ffffff; float: left; display: block; width: 170px; text-indent: 20px; }

.fl_list ul li a:hover { color:#fff;  cursor: pointer; }

.fl_list ul li:hover {  height:49px; font-size:15px;line-height:48px; border-bottom:1px solid #434647; background: #605D5E url(../pic_images/fl_img1.png) no-repeat 145px center; }

.fl_list ul li:hover .submenu { display: block; }

.fl_list ul li .submenu { position: absolute; left: 170px; top: 0; width:1030px;height:398px; border: 1px solid #DDD;  background-color: #FFF; z-index: 3; display: none; }



.pic_submenu{text-align:center;margin:20px auto;width:450px;}
.pic_submenu dt{display:block;color:#2d66a5;font-size:24px;height:50px;}
.pic_submenu dd{float:left;width:100px;height:40px;line-height:40px;margin:0 5px 10px 5px;border:solid 1px #ff9966;}	
.pic_submenu dd.on{ background-color:#2d66a5;border:solid 1px #2d66a5;}
.pic_submenu dd.on a{color:#fff;}


#subleft ul{ width:100%; overflow:hidden;}

#subleft li{ width:240px; height:170px; display:block; float:left; background:none; border:none; margin-left:14px; margin-top:14px; display:block;}

#subleft li a{width:240px; height:170px; text-indent:0;  }

#subleft li a span{ position:relative; display:block; height:30px; background-color:rgba(0,0,0,0.7); width:240px; top:-58px;  margin:0; padding:0; line-height:30px; text-align:center; }

#subleft li a span:hover{background-color:rgba(22,128,199,0.7)}

#subleft li:last-child{ background:#1680C7; line-height:40px; text-align:center;}



#subleft li:last-child:hover{ background:#D9A300;

		-webkit-transition: background 0.3s linear;

		-moz-transition: background 0.3s linear;

		-ms-ransition: background 0.3s linear;

		-o-transition: background 0.3s linear;

		transition: background 0.3s linear;}

#subleft li:last-child h2{ margin-top:20px;}

#subleft li:last-child img:hover{

	-webkit-animation:0.2s ease-out backwards;

-moz-animation:0.2s ease-out backwards;

-ms-animation:0.2s ease-out backwards;

animation:0.2s ease-out backwards;

-webkit-animation-name:rotatein;

-moz-animation-name:rotatein;

-ms-animation-name:rotatein;

animation-name:rotatein;}



@-webkit-keyframes rotatein{

    0%{opacity:1;-webkit-transform:rotate(-180deg);

        transform-origin:18px 18px; }

    100%{opacity:1;-webkit-transform:rotate(0);transform-origin:18px 18px;}

}

@-moz-keyframes rotatein{

    0%{opacity:1;-moz-transform:rotate(-180deg);transform-origin:18px 18px;}

    100%{opacity:1;-moz-transform:rotate(0);transform-origin:18px 18px;}

}

@-ms-keyframes rotatein{

    0%{opacity:1;

        -ms-transform:rotate(-180deg);transform-origin:18px 18px;}

    100%{opacity:1;-ms-transform:rotate(0);transform-origin:18px 18px;}

}

@keyframes rotatein{

    0%{opacity:1;transform:rotate(-180deg);transform-origin:18px 18px;}

    100%{opacity:1;transform:rotate(0);transform-origin:18px 18px;}

}



/*专题图片样式*/

.con{width:1200px;height:410px;margin:30px auto;overflow:hidden;}

.con ul li:first-child{ width:293px; height: 411px;margin-left:0px;}

.con ul li{width:292px;height:200px;float:left;margin-left:10px;margin-bottom:10px;position:relative;overflow:hidden;cursor:pointer;}

.txt{width:292px;height:45px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}

.txt h3{font-size:18px;font-weight:100;height:45px;text-align:center;line-height:45px;}

.txt p{font-size:14px;text-align:center; color: #cccccc;}



/*图片分类样式*/

#tjtp{

    background: #FFFFFF;

    overflow: hidden;

}

.ztfl_top{margin: 20px;  overflow: hidden;}

.ztfl_top .title{ float: left; width: 1040px; display: block}

.ztfl_top .title h4{display: inline; font-size: 24px; font-weight: bold;}

.ztfl_top .title span{color: #B2B2B2;}

.ztfl_top .more{  float:right; width: 100px; display: block; background: #1680C7; border-radius: 3px; height: 32px; line-height: 32px; color: #FFFFFF; text-align: center; font-size: 14px;}

.ztfl_top .more a{ color: #FFFFFF; display: block;}

.ztfl_top .more:hover{background-color: #FF8000;

    -webkit-transition: background-color 0.3s linear;

    -moz-transition: background-color 0.3s linear;

    -ms-ransition: background-color 0.3s linear;

    -o-transition: background-color 0.3s linear;

    transition: background-color 0.3s linear;

}

.ztfl_content{ margin: 20px; overflow: hidden;}

.ztfl_content_l{width: 257px; height: 365px;float: left; }

.ztfl_content_l ul{ position: relative; top: -350px;}

.ztfl_content_l li{ width: 113px;height: 35px; font-size: 14px; text-align: center; line-height: 33px;  float: left; margin-left:10px;  background-color: #FFFFFF;  margin-bottom:10px;}

.ztfl_content_l li a{display: block; border: 1px solid #FFFFFF;}

.ztfl_content_l li a:hover{border: 1px solid #1680C7;}

.ztfl_content_l li :hover {

    -webkit-transition: ALL 0.3s linear;

    -moz-transition: ALL 0.3s linear;

    -ms-ransition: ALL 0.3s linear;

    -o-transition: ALL 0.3s linear;

    transition: ALL 0.3s linear;

    color: #1680C7;

}

.ztfl_content_l li a{color: #000000; }



.ztfl_content_r{width: 1160px;float: left;}

.ztfl_content_r li{ width:275px;height:205px;float:left;margin-right:20px; margin-bottom:20px; overflow:hidden;text-align: center; line-height: 40px; font-size: 15px; }

.ztfl_content_r li a{color: #000000; }

.ztfl_content_r li:nth-child(4n+4){ margin-right:0;}

.ztfl_content_r li:hover{ background:#f2f2f2;}

.ztfl_content_r li a:hover{  }

.ztfl_content_r li a span{overflow: hidden; width:275px;height:165px;display: block;}

.ztfl_content_r li img{

	width:100%;height:165px;

	}

.ztfl_content_r li:hover img{

    transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);

    -ms-transform:scale(1.1);

    -webkit-transition: ALL 0.5s linear;

    -moz-transition: ALL 0.5s linear;

    -ms-ransition: ALL 0.5s linear;

    -o-transition: ALL 0.5s linear;

    transition: ALL 0.5s linear;

  }

.ztfl_content_r li:nth-child(n+5){

	margin-bottom:0;

	}

#rmtp{

    margin: 30px auto;

    background: #FFFFFF;

    overflow: hidden;}

/*底部样式*/

#footer{width: 100%; }



#main{ min-height:600px;}





/*栏目页css*/

.wzdh{height:40px; z-index: 1; display: block; line-height: 40px; font-size: 14px;color:#000000;}

.wzdh a{color:#000000;}

/*筛选列表样式*/

.sx_list{width:1200px;height: auto;  margin: 0 auto; font-size: 15px; overflow: hidden;    padding-bottom: 5px;}



.sxtj{ width:1200px; overflow:hidden; margin-top:10px; background:#FFF;}

.yxztj{height: 40px; line-height: 40px; margin-top: 10px;}

.yxztj span{ display: block; float: left;height: 30px;}

.yxztj a{ display: block; float: left; padding: 0px 10px; color: #FFFFFF; margin-right: 10px; background: #1680C7; height: 30px; margin-top: 5px;line-height: 30px;}

.gzw{ overflow: hidden; background: #FFFFFF; height: 40px;  border-bottom: 1px dashed #CCCCCC; width:1200px; margin:0 auto;}

.gzw:last-child{border: none;}

.{ margin-top:10px;}

.gzw a{display: block; float: left; padding: 0px 15px;color: #000000; height: 30px; line-height: 30px;margin-top: 5px; }

.gzw a:hover{background: #1680C7; line-height: 30px; color: #FFFFFF;}

.gzw b{display: block; float: left; height: 30px; line-height: 30px; margin-top: 5px; margin-left:20px;}





.del_jhx{ color: #1680c7; height:25px; line-height:25px; display:block; float:left;border: #1680c7 1px dashed; padding: 0px 10px;     margin-top: 7px; margin-right: 10px;}

.yxtj{color: #000000; height:40px; line-height:40px; display:block; float:left; font-weight:bold; margin-left:20px;}

.changefieldandcss{ color: #000000;}





.tpfl{ overflow: hidden; background: #FFFFFF; height: 40px;   width:1200px; margin:0 auto;}

.tpfl a{display: block; float: left; padding: 0px 15px;color: #000000; height: 30px; line-height: 30px;margin-top: 5px; }

.tpfl a:hover{background: #1680C7; line-height: 30px; color: #FFFFFF;}

.tpfl b{display: block; float: left; height: 30px; line-height: 30px; margin-top: 5px; margin-left:20px;}



/*筛选内容样式*/



#contianer{

    position: relative;

    font-size: 0;

    margin:0px auto;

}

/*.box{

	

    padding: 10px 10px;

    float: left;

    box-sizing: border-box;



	

}

#contianer .box:last-child{margin-bottom: 100px; width:500px;}



.boximg{

    padding: 10px 10px 30px 10px;

	box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);

    position: relative;

    background:#FFF;

    border-radius: 4px;

}

.boximg a{ display: block;height: 100%; width: 100%;}



.boximg img{

    width: 268px;

    height: auto;

}

.nr_title{width: 278px; height: 100%; position: absolute;  opacity: 1; line-height: 30px; color: #666; bottom:5px;  }

.pictitle{ width: 100%; height: 100%; position: relative; left: 0; top:0; z-index: 1000;}

.pictitle span{ color: #666; display:block; width: 100%; height:30px; line-height: 30px; position: absolute; bottom: 0; text-align: center; }*/

/*.box{

	

    padding: 10px 10px;

    float: left;

    box-sizing: border-box;



	

}

.box a{

	display:block;

	

}

.box span{

	display:block;

	

}

#container div:last-child{margin-bottom:60px;}



.boximg{

    padding: 10px 10px 10px 10px;

	box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);

    position: relative;

    background:#FFF;

    border-radius: 4px;

}

.boximg a{ display: block;height: 100%; width: 100%;}



.boximg img{

    width: 268px;

    height: auto;

}



.nr_title{width: 278px; height: 100%; position: absolute;  opacity: 1; line-height: 30px; color: #666; bottom:5px;  }

.pictitle{ width: 100%; height: 100%; position: relative; left: 0; top:0; z-index: 1000;}

.pictitle span{ color: #666; display:block; width: 100%; height:30px; line-height: 30px; position: absolute; bottom: 0; text-align: center; }*/





.fy{

	width:1200px;

	height:100px;

	margin:0 auto;

	text-align:center;

	color:#666666; 

	font-size:14px;}





.fy a{color:#666666; font-size:14px;}





/*返回顶部开始*/

#gotop{ width:50px; height:50px; background:url("../images/fhjt1.png");display:block;bottom:210px;_margin-bottom:67px;position:fixed;right:0px;cursor:pointer;_position:absolute;_bottom:100px;}

#gotop:hover{background:url("../images/fhjt.png");}

/*返回顶部结束*/





/*内容页样式*/

#nr_body{position:relative; top: 0px; overflow:hidden; margin-bottom: 30px; }

#nr_body_l{width: 810px; height: auto;background: #FFFFFF; float: left; padding:10px 20px 20px 20px; overflow: hidden;}

#nr_body_l_top{width: 810px; margin:0 auto; height: 40px; }

#nr_body_l_top div:first-child{ display: block;width: 675px;float: left;height: 40px;line-height: 40px;}

#nr_body_l_top div:last-child{width: 135px;float: left;display: block; height: 20px; margin-top: 10px;  }

#nr_body_l_top div:last-child a{color: #000000; font-size:15px;}

#nr_body_l_bottom{width: 760px;}

#nr_body_l_bottom img{ max-width: 810px; width: 810px;}

#nr_body_r{width: 330px;float: left; margin-left: 20px;}

#nr_body_r_top{width: 330px; height: auto; background: #ffffff; overflow: hidden;}

#nr_body_title{ width: 290px; height: 40px; margin: 20px auto 10px auto; line-height: 40px;}

#nr_body_xz{width: 290px; height: 50px; margin: 10px auto;  line-height: 50px; text-align:center;background: #168DE2; border-radius: 3px; font-size: 18px; color: #FFFFFF; }

#nr_body_xz img{ vertical-align: text-bottom;line-height: 50px; margin-right:20px;}

#nr_body_xz a{color: #FFFFFF; display: block;}

#nr_body_xz:hover{background:#FF8000;

    -webkit-transition: ALL 0.2s linear;

    -moz-transition: ALL 0.2s linear;

    -ms-ransition: ALL 0.2s linear;

    -o-transition: ALL 0.2s linear;

    transition: ALL 0.2s linear;}

#nr_body_xq{width: 290px; overflow: hidden; margin: 0 auto;border-bottom: 1px solid #F0F0F0;}

#nr_body_xq li{width: 135px; float: left; margin-right: 20px; font-size: 14px; line-height: 30px; color: #666666;}

#nr_body_xq li:nth-child(even){margin-right: 0px;}

#nr_body_xq li:nth-child(5){width: 290px; padding-bottom: 10px;}



#nr_body_bq{ width: 290px; overflow: hidden; margin: 0 auto;}

#nr_body_bq h4{ line-height: 40px;}

#nr_body_bq li{height: 30px; line-height: 30px; font-size: 14px; float: left; padding:0 5px; border: 1px solid #CCCCCC; color: #999999; margin-right: 10px; margin-bottom: 10px;}

#nr_body_bq li a{color: #999999;}

#nr_body_bq li a:hover{ color: #666666;}



#nr_body_r_bottom{width: 290px;height: auto; margin-top: 30px; background: #ffffff; padding: 20px;}

#xstp{overflow: hidden;}

#xstp span:first-child{width: 200px; height: 30px; line-height: 30px; font-size: 16px;display: block;float: left; font-weight:bold;}

#xstp span:last-child{width: 90px; height: 30px; font-size: 14px; display: block;float: left;color: #FFFFFF; text-align: center; border-radius: 3px; background:#1680C7; line-height: 30px; }

#xstp span:last-child a{color: #FFFFFF;}

#xstp span:last-child:hover{ background:#FF8000;

    -webkit-transition: ALL 0.2s linear;

    -moz-transition: ALL 0.2s linear;

    -ms-ransition: ALL 0.2s linear;

    -o-transition: ALL 0.2s linear;

    transition: ALL 0.2s linear;

}

#xstp_more{ width: 290px; height: 40px;border: 1px solid #CCCCCC; display: block; border-radius: 3px; text-align: center; line-height: 40px;}

#xstp_more a{ display: block; color:#000000;}







#nr_body_r_bottom ul{height: 265px;}

#nr_body_r_bottom li img{width: 135px; height:110px;}

#nr_body_r_bottom li span{

	display:none;

	}

#nr_body_r_bottom li:hover span{

	 display: block;

    position: relative;

    top: -33px;

   background: rgba(0,0,0,0.5);

    width: 135px;

    color: #FFF;

    height: 30px;

    font-size: 14px;

    text-align: center;

    line-height: 30px;

	}



	

#nr_body_r_bottom li{float: left; margin-right: 20px; margin-top: 20px; overflow: hidden; height: 110px;}

#nr_body_r_bottom li:nth-child(2),#nr_body_r_bottom li:nth-child(4),#nr_body_r_bottom li:nth-child(6){margin-right:0;}







.pageBox {text-align: center; margin: 30px;}

.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;padding:0 13px;font: 14px/34px arial; background:#FFF;}

.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}

.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}

.pageBox a.cur {color: #fff;}

.pageBox .disabled {}

.pageBox b{border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070; padding:0 13px;height:34px;font:bold 14px/34px arial; background:#3aa9f2; color:#FFF}





.fy {text-align: center; margin-bottom: 10px;}

.fy b {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070; padding:0 13px;height:34px;font:bold 14px/34px arial; background:#3aa9f2; color:#FFF}

.fy a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070; padding:0 13px;height:34px;font:bold 14px/34px arial; background:#FFF;}

.fy a:hover,.fy a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}

.fy .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}

.fy a.cur {color: #fff;}

.fy .disabled {width: 79px;}





.fy a:first-child{ display:none}



#changpage{ margin-top:20px;}

#changpage a{ border:1px solid #ddd;display:inline-block; color:#707070;margin-right:6px;color: #707070; padding:0 13px;height:34px;font:bold 14px/34px arial; background:#FFF; width:auto;}

#changpage a:hover{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}







.ztfl_content_r li .djl{

	background:url(../images/liulan.png) no-repeat 0px 14px;

	display:none;

	height:40px;

	width:50px;

	color:#B2B2B2;

	float:left;

	text-align: left;

    text-indent: 18px;}

.ztfl_content_r li .xzl{

	background:url(../images/xiazai.png) no-repeat 0px 14px;

	display:none;

	height:40px;

	width:60px;

	color:#B2B2B2;

	float:left;

	text-align: left;

    text-indent: 18px;}

.ztfl_content_r li:hover .zt_title{

	float:left;

	width:165px;

	overflow:hidden;

	text-align:left;

	text-indent:20px;

}

.ztfl_content_r li:hover .djl,.ztfl_content_r li:hover .xzl{

	display:block;



	float:right;}

	





	.sjtj{

    width: 1200px;

    height:100px;

    margin: 30px auto 0 auto;

    overflow: hidden;

    background: #ffffff;

}

.sjtj li{

    float: left;

    width: 399px;

    font-size: 24px;

    font-weight: bold;

    color: #999;

    margin-top: 20px;;

    line-height: 53px;

    border-right: 1px solid #e4e4e4;

}

.sjtj li:last-child{

    border-right: none;

}

.sjtj li img{

    display: block;

    float: left;

    margin-right: 20px;

    margin-left:60px;

}