@charset "gb2312";

/* CSS Document */

@charset "utf-8";

body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"; min-width:1200px}

*{padding:0px;margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}

input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}

button {overflow:visible}

img{border:none;}

a{color:#3d2f1b;text-decoration:none;}

a:hover{color:#ff0000;text-decoration:none;}



input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}

.clear{overflow:hidden;clear:both; height:0px;}

li{	list-style:none;}

.lf{ float:left;}

.rt{ float:right;}







.lange{ float:right}



.head{ position:absolute; top:0; width:100%; z-index:999;background-image: linear-gradient(180deg, #000,transparent);transition:all 0.6s; height:90px;}





.head.on{ position:fixed; background:#fff;box-shadow: 0px 0px 4px rgba(195,195,195,0.45);height:60px;

  top:0; left:0;transition:all 0.6s;}



.head.on .logo2 img{ height:40px; width:auto}

.head.on .logo2{ display:block}

.head.on .logo{ display:none;}



.logo2{ display:none; float:left; margin:10px auto}

.logo{ float:left; margin:10px auto;}

.logo img{ height:70px; width:auto}



.lange{ margin-top:25px; line-height:40px; font-size:16px; color:#fff; float:right; margin-left:20px}

.lange a{ color:#fff}

.head.on .lange{ color:#333; margin-top:10px}

.head.on .lange a{ color:#333}



.fullSlide{width:100%;position:relative;height:600px;background:#000;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;height:600px;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:5px;margin:3px;overflow:hidden;background:#fff;line-height:999px;}

.fullSlide .hd ul .on{background:#ff9933;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}







.pro { width:1200px; margin:40px auto;}

.bt1{ text-align:center}

.bt1 h3{ font-size:30px; color:#2a5eac}

.bt1 em{ display:block; width:60px; height:2px; background:#2a5eac; overflow:hidden; margin:5px auto}

.bt1 span{ color:#999; font-size:14px;text-transform:uppercase}





.marqueeleft{width:1200px;overflow:hidden;margin:30px auto;}

.marqueeleft ul{float:left;}

.marqueeleft li{float:left;margin:0 20px;display:inline;width:380px;overflow:hidden;}

.marqueeleft li .pic{display:block;width:380px;height:270px;overflow:hidden; position:relative; overflow:hidden}

.marqueeleft li .pic img{ width:100%; height:auto; min-height:100%; transition:all 0.6s}

.marqueeleft li .pic:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.marqueeleft li .txt{text-align:center;height:40px;line-height:40px; font-size:16px}



.more { display:block; width:120px; line-height:35px; margin:0 auto}

.more a{ display:block; border:#2a5eac 1px solid; border-radius:50px; text-align:center; color:#2a5eac; transition:all 0.6s}

.more a:hover{ background:#2a5eac; color:#fff;transition:all 0.6s}





.m1{ background:#e9eff7; padding:40px 0; overflow:hidden}

.contain{ width:1200px; margin:0 auto}

.guanyu{ float:left; width:580px;}



.bt2{ margin-bottom:20px;}

.bt2 h3{ display:block; float:left;font-size:30px; color:#2a5eac}

.bt2 h3 i{ color:#999; font-size:20px;text-transform:uppercase; font-weight:normal; padding-left:5px}

.bt2 span a{ display:block; float:right; line-height:25px; width:60px; border:#2a5eac 1px solid; border-radius:50px; text-align:center; color:#2a5eac; margin-top:10px; transition:all 0.6s}

.bt2 span a:hover{ background:#2a5eac; color:#fff;transition:all 0.6s}

.bt2 em{ display:block; width:60px; height:2px; background:#2a5eac; overflow:hidden; margin:10px 0;}



.js1{ float:left; width:270px; font-size:14px; line-height:30px; color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow:hidden}

.pic1{ float:right; width:270px; height:320px; position:relative; overflow:hidden}

.pic1 img{ position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.6s; max-height: 320px; max-width: 100%; width: 100%; height: auto;}

.pic1 a:hover img{ transform:scale(1.1,1.1) translate(-50%,-50%);  transition:all 0.6s}









.yingyong{ float:right; width:580px;}









.gb_dk .nr{margin:0px 0;   height:200px; overflow:hidden ;transition:all 0.6s;}

.gb_dk .nr.on{height:auto;transition:all 0.6s;}

.gb_dk .xq{display:block; border:#2a5eac 1px solid; border-radius:50px; text-align:center; color:#2a5eac; transition:all 0.6s; display:block; width:120px; line-height:35px; margin:0 auto;cursor:pointer}

.gb_dk .xq span.x_q{display:block;}

.gb_dk .xq span.s_q{display:none;}

.gb_dk .xq.on span.x_q{display:none;}

.gb_dk .xq.on span.s_q{display:block;}



.hezuo { width:1200px; margin:40px auto; overflow:hidden}

.hezuo ul li{ float:left; width:180px; height:180px; margin:10px; position:relative; box-sizing:border-box; border:#efefef 0px solid; margin-bottom:20px;}

.hezuo ul li img{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%}

.hezuo ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.55);}





/* 底部 */

.foot{ background:#313131;padding-top:30px;}

.foot1{ width:1200px;  margin:0 auto; padding-bottom:30px; overflow:hidden}

.links{ float:left; overflow:hidden}

.links ul li{ width:auto; float:left; margin-right:100px }

.links ul li h3{ font-size:16px; color:#fff; line-height:45px;  font-weight:normal; display:block; background:url(dline.jpg) left bottom no-repeat; margin-bottom:10px;}

.links ul li p a{ color:#a4a4a4; display:block; line-height:25px;}

.links ul li p a:hover{ color:#fff; text-decoration:underline}



.erweima{ width:120px; text-align:center; line-height:25px; color:#FFF }

.erweima img{ width:120px; height:auto}





.foot2{ border-top:#464646 1px solid; width:1200px; margin:0 auto; color:#a4a4a4}

.foot2 p{ display:block; width:1200px; margin:0 auto; line-height:25px; padding:10px 0; text-align:center; font-size:12px;  }



.dlx{ color:#a4a4a4; display:block; line-height:25px;}

.dlx h3{font-size:16px; color:#fff; line-height:45px;  font-weight:normal; display:block; background:url(dline.jpg) left bottom no-repeat; margin-bottom:10px;}





.nbanner{ width:100%; height:auto; max-width:1920px; min-width:1200px; margin:0 auto; position:relative; background:#000}

.nbanner img{ width:100%; height:auto; opacity:0.9}

.nbanner .nbt{ position:absolute; width:1200px; left:50%; margin-left:-600px; z-index:9; top:50%; transform:translate(0,-50%);letter-spacing:1.5px;}

.nbanner .nbt h3{ font-size:35px; color:#fff; line-height:70px}

.nbanner .nbt p{ font-size:25px; color:#fff}





.ndh{ display:block; text-align:center; width:1200px; margin:30px auto}

.ndh ul li { display:inline-block;}

.ndh ul li a{ display:block; line-height:40px; padding:0 30px; font-size:16px; background:#e7e7e7; color:#666; border-radius:5px; margin:0 5px;transition:all 0.6s}

.ndh ul li a:hover { background:#2b5eaa; color:#fff; transition:all 0.6s}





.nmain{ width:1200px; margin:40px auto; }



.cplb ul{ position:relative; width:1230px}

.cplb ul li{ float:left; width:380px; margin-right:30px; margin-bottom:30px; background:#f5f5f5}

.cplb ul li i{ display:block;width:380px; height:270px; overflow:hidden}

.cplb ul li img{ width:380px; height:270px; transition:all 0.6s}

.cplb ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}



.cplb ul li a h3{ display:block; width:350px; margin:15px auto; font-size:16px; color:#333}



.cplb ul li a p{ display:block; width:350px; margin:0 auto; color:#777; line-height:23px; height:46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}



.cplb ul li a span{ display:block; border:#3c6aae 1px solid; border-radius:20px; line-height:30px; margin:15px; text-align:center; width:120px; color:#3c6aae}



.cplb ul li a:hover span{ background:#3c6aae; color:#fff}



.weizhi{ background:#f5f5f5;padding:15px 0; line-height:20px; color:#999; font-size:14px}



.weizhi img{ height:20px; width:auto;vertical-align: middle; padding-right:10px;}



.nmain2{ background:#f5f5f5; overflow:hidden}

.kuang{ background:#fff; width:1200px; margin:40px auto; padding:30px 50px; box-sizing:border-box}



.dtail{ overflow:hidden}

.dtail .cppic{ display:block; float:left; width:550px;}

.dtail .cppic img{ width:500px; height:auto}

.dtail .cpjs{ float:right; width:650px; font-size:14px; line-height:30px; color:#666}

.dtail .cpbt{ display:block; border-bottom:#ededed 1px solid; font-size:20px; line-height: 30px; color:#333; padding-bottom: 5px; margin-bottom: 5px; margin-top: -3px;}





.canshu{ margin:10px 0; overflow:hidden}

.canshu ul li{ line-height:40px; font-size:14px; float:left; width:325px; border:#ebebeb 1px solid; box-sizing:border-box; padding:0 15px; overflow:hidden}

.canshu ul li p{ display:block; float:left; color:#999}

.canshu ul li span{ display:block; float:left; color:#333}







.tuwen{font-size:14px; line-height:30px; color:#666}

.tuwen img{ max-width:1200px; height:auto}













.leftLists ul li {



    overflow: hidden;

    padding-top: 20px;

    border-top: 1px solid #e6e6e6;

    padding-bottom: 20px;

	transition:all 0.6s;



	 box-sizing:border-box;

	 padding:15px;

	

	



}

.leftLists ul li:hover {

	background:#f3f5f7;

	transition:all 0.6s





}





.nationalListImg {

    width: 260px;

    height: 150px;

    float: left;

	border-radius:5px;

    overflow: hidden

}



.nationalListImg img {

	width:100%;

	height:auto;

	min-height:100%

	

	

   

}



.nationalListImg:hover img {

    transform: scale(1.1);

    transition: 1s

}



.nationalListText {

    width: 840px;

    height: 100%;

    float: right;

	padding-right:10px

}

.nationalListText h2{font-weight: bold;}

.nationalListText h2{

    font-size: 18px;



}



.leftT{

    font-size: 14px;

    line-height: 26px;

    color: #888;

    margin-top: 10px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

}

.leftF{

    font-size: 14px;

    color: #999999;

    margin-top: 12px;

}

.leftF span{padding:5px 10px ;border: solid 1px #e5e5e5;margin-right: 10px;}

.nationalListTextTig {

    margin-top: 12px;

    font-size: 14px;

    color: #999999

}

.nationalListTextTig>span{

    float: right;

}

.leftListTip{

    float: left;

}

.leftListTip img{

    width: auto;

    height: 12px;

    display: inline-block;

    vertical-align: middle;

}

.leftListTip span{

    vertical-align: middle;

}







.zp1{ float:left; width:620px;}



#lib_Tab1{width:620px;margin:0px;padding:0px;margin-bottom:15px; text-align:center}





.lib_Menubox {line-height:40px; width:200px;position:relative; background:#CCC;float:left;}

.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; left:0; width:180px; height:25px;text-align:center;}

.lib_Menubox li{cursor:pointer;width:auto;color:#666;font-weight:bold;border-bottom:#e6e6e6 1px solid; padding:0 10px;height:45px;line-height:45px; font-size:18px; position:relative; }

.lib_Menubox li.hover{padding:0 10px;background:#fff;width:auto; border-bottom:#2b5eaa 1px solid;color:#fff; background:#2b5eaa;height:45px;line-height:45px; }

.lib_Menubox li.hover:after

  {

	  content:"";

width: 0;

            height: 0;

            border-top: 10px solid transparent;

            border-bottom: 10px solid transparent;

            border-left: 10px solid #2b5eaa;

            border-right: 10px solid transparent;



   position:absolute; left:180px; top:14px;

  }





.lib_Contentbox{clear:both;margin-top:0px; border-top:none; text-align:left; float:right; width:400px;}





.zp2{ float:right; width:500px; height:auto; position:relative; overflow:hidden}

.zp21{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); z-index:99; width:100%; box-sizing:border-box; padding:15px; line-height:45px; color:#fff; font-size:16px; font-weight:bold}





.zpzz{ font-size:14px; line-height:30px; color:#666; margin-bottom:20px}

.zpzz h3{ font-size:16px; line-height:35px; color:#000}



.zpzz2{ font-size:14px; line-height:30px; color:#666}

.zpzz2 h3{ font-size:16px; line-height:35px; color:#000}





.lx{ margin:40px auto; overflow:hidden}

.lx1{ box-sizing:border-box; float:left; width:540px;}

.lx2{ float:right; width:600px;}





.lx1 h3{ color:#333; font-size:28px;letter-spacing:1.5px; line-height:60px;}

.lx1 em{ display:block; background:#999; height:2px; width:80px; overflow:hidden; margin:20px 0}



.lx1 ul li{ line-height:30px; font-size:16px; color:#666; margin:25px 0}



.lx1 ul li  img{ width:22px; height:auto; vertical-align:middle; padding-right:10px}



.wei ul li{ float:left; width:150px; text-align:center; line-height:30px; color:#666; font-size:14px; margin-right:30px}

.wei ul li img{ width:140px; height:auto}













.rongyu img{ height:420px; width:auto}

.img-container {

  margin: 20px;

  text-align: center;

} 



.img-container img {

   width: auto;

   height: 420px;

   padding:0 15px;



   cursor: pointer;

   -webkit-tap-highlight-color: transparent;

   transition: .3s;

  -webkit-transition: .3s;

  -moz-transition: .3s;

   

}

.img-container img:hover{





  transition: .3s;

 -webkit-transition: .3s;

 -moz-transition: .3s;

}

     



.lightbox {

	position: fixed;

	background: #fff;

	display: none;

	z-index: 100;

	box-shadow: 0px 0px 10px rgba(195,195,195,0.55);



	

}



.lightbox .img-show {

	position: absolute;

	height: 80%;

	width: 80%;

	box-sizing: border-box;

	text-align: center;

	left:10%;

	top:10%

}



.img-caption {

	background: none;

	padding: 10px;

	position: absolute;

	bottom: 0;

	display: block;

	z-index: 101;

	color: #fff;

	text-shadow: 1px 0.4px rgba(0, 0, 0, 0.5);

	width: 100%;

	box-sizing: border-box;

}



.lightbox .btn-close {

	position: absolute;

	top: 10px;

	right: 10px;

	width: 32px;

	height: 32px;

	border: 1px solid #fff;

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

	border-radius: 50%;

	text-align: center;

	font-size: 18pt;

	z-index: 101;

	cursor: pointer;

}



.lightbox .btn-close:hover {

	background: #fff;

}



.lightbox .lightbox-status {

	position: absolute;

	top: 20px;

	left: 20px;

	color: #333;

	font-size: 14px;

	z-index: 101;

}



.img-show img {

	width: 100%;

	height: auto;

	position: absolute;

	display: block;

	top: 0;

	bottom: 0;

	margin: auto;

}





/* Next and Previous Buttons */



.btn-prev,

.btn-next {

	width: 32px;

	height: 100px;

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

	cursor: pointer;

	position: absolute;

	top: 50%;

	margin-top: -50px;

	z-index: 101;

	border: 0;

	font-family: FontAwesome;

	color: #fff;

	color: rgba(255, 255, 255, 0.6);

	font-size: 18pt;

	border-radius: 5px;

}



.btn-prev:hover,

.btn-next:hover {

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

	color: #fff;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: 0.4s;

	-o-transition: .4s;

}



.btn-prev {

	left: 5px;

}



.btn-next {

	right: 5px;

}



.btn-prev:before {

	content: "\f104";

}



.btn-next:before {

	content: "\f105";

}