@charset "utf-8";
/* CSS Document */
html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
	-ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
a,area{outline:none; blur:expression(this.onFocus=this.blur())}
a{text-decoration:none; color:#000;}
a:focus{outline:none}
a:hover,a:active{outline:none; color:#0071b7; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix,.clear{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
/*不自适应的时候增加的代码-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}

.vcenter {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;text-align: center;margin: auto}



.top{ width:1200px; height:110px; margin:0 auto; padding:0px 0px;}
.top .logo{ width:450px; float:left; height:64px; margin:23px 0px;}
.top .topR{ width:250px; float:right;}
.top .topR .topA{ width:220px; text-align:right;float:right; color:#a1a0a0; height:30px; line-height:30px;}
.top .topR .topA a{color:#a1a0a0;}
.top .topR .search{ width:248px; height:28px;float:right; border:solid 1px #c3c8cd;}
.top .topR .search .ipt1{ width:200px; padding:0px 8px; color:#a1a0a0;display:block; float:left; border:none; height:28px;}
.top .topR .search .btn1{ display:block; float:right; background:url(../images/searchBtn.jpg) top center no-repeat; width:32px; height:28px; border:none;}
.menuBg{ width:100%; background:#0071b7; height:50px;}
.menu{ width:1200px; margin:0 auto; height:50px;}

#nav{ width:1200px; margin:0px 0px; padding:0px 0px;}
#nav .mainlevel{float:left;width:171px;height:50px; line-height:50px;float:left;display:block;text-align:center;}
#nav .mainlevel a {color:#fff;text-decoration:none;height:50px;font-family:"微软雅黑";text-align:center;line-height:50px;display:block;font-size:16px; width:171px;}
#nav li.mainlevel a:hover{width:171px;height:50px;color: #fff; background:#e03b00;}

#nav li.hover a:hover,#nav li.hover a{color: #fff; text-decoration:none;background:#e03b00;}
#nav li.mainlevel:hover {color:#fff;width:171px;height:50px;text-decoration:none;}
.menu ul li#mainlevel_01{ width:171px;height:50px; line-height:50px;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:171px;margin-left:0px; z-index:2;}
.ulnav ul{width:100%;float:left; margin:0px 0px;background-color: #0071b7; padding:5px 0px;overflow: hidden;position: absolute;z-index: 2;}

#nav .mainlevel ul li {line-height:40px;height:40px;display:block;width:100%;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#fff; font-family:"微软雅黑";line-height:40px; width:96%; padding:0 2%;height:40px;text-align:center;background:none;float:left;font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#nav .mainlevel ul li a:hover{color:#fff;line-height:40px; width:96%; padding:0 2%;height:40px;background:none;text-decoration:underline; font-size:14px;background:none;}



/*---------- banner style ----------*/
.banner{ width:100%; height:520px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#0071b7;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#e03b00; cursor:pointer;}
.banner, .banner a {height:520px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}



/*公共大标题*/
.index-title .t1{font-size:30px;line-height:1.2;font-weight:bold; color:#0064b2; background:url(../images/titleBg1.png) top center no-repeat;}
.index-title .t2{color:#ccc; font-size:12px; height:24px; text-transform:uppercase;}


.product {padding: 80px 0;overflow: hidden; clear:both;}
.layui-container{ width:1200px; margin:0 auto; padding:0px 0px;}
.pro-menu {color: #666; margin-top:30px; margin-bottom:25px; width:1200px;float:left;}

.pro-menu ul{width:710px; padding:0px 245px; float:left;}
.pro-menu ul li{ margin:0px 6px;width:130px;height:40px; display:block; float:left;border-radius:5px; background:#0071b7;}
.pro-menu a{font-size:16px;color:#fff;width:130px;height:40px; line-height:40px;display:block; float:left;}
.pro-menu ul li:hover , .pro-menu ul li.hover{color:#fff; background:#e03b00;}
.pro-list{ display:none;}
.pro-list ul{ margin-left:-32px; width:1232px; margin-top:15px; float:left;}
.pro-list li{ margin-left:32px; width:276px; float:left;}
.product li a{display:block;text-align:center;overflow:hidden;}
.product li a .imgBox{width:274px;height:192px;position: relative; border:solid 1px #eee;}
.product li a .imgBox img{htransform:scale(1,1);transition:all .3s; display:block; margin:0 auto;}
.product li a h3{line-height:175%;font-size:16px;padding-top:5px; font-weight:normal;}
.product li a:hover img{transform:scale(1.05,1.05)}


.aboutBg{ width:100%; background:url(../images/aboutBg.jpg) center bottom no-repeat #f8f8f8; padding:80px 0px;}
.about{ width:1200px; margin:0 auto;}
.aboutTxt{ width:1200px; margin:30px auto;line-height:34px; color:#666666; font-size:16px;}


.honor-scroll{position:relative; width:1200px; margin:0 auto;}
.honor-scroll a.scroll{position:absolute;width:45px;height:45px;display:block;top:80px;z-index:10;}
.honor-scroll a.prev{background:url(../images/leftBtn.jpg) no-repeat;left:-60px;}
.honor-scroll a.next{background:url(../images/rightBtn.jpg) no-repeat;right:-60px;}
.honor-scroll .bd{overflow:hidden;margin-top:30px;}
.honor-scroll .bd li{width:285px; height:204px;float:left; margin:0px 10px;}
.honor-scroll .bd li a{display:block;margin:0 10px;text-align:center;background:url(../images/honorBg.jpg) top center no-repeat;width:272px;height:182px; padding:11px 6px 11px 7px; }
.honor-scroll .bd li .imgBox{width:272px;height:182px; position:relative;}
.honor-scroll .bd li a img{}
.honor-scroll .bd li a h3{background:#f5f5f5;color:#666;padding:6px 0;}
.honor-scroll .bd li a:hover h3{background:#0c9439;color:#fff;}


.sbzs{ width:1200px; margin:60px auto 40px auto;}
.index-title2 .t1{font-size:30px;line-height:1.2;font-weight:bold; color:#0064b2; background:url(../images/titleBg2.png) top center no-repeat;}
.sbzs .pro-list{ width:1200px; float:left; margin-top:20px;}
.sbzs .pro-list li{ margin-bottom:10px;}
.sbzs .pro-list li a{display:block;text-align:center;overflow:hidden;}
.sbzs .pro-list li a .imgBox{width:274px;height:192px;position: relative; border:solid 1px #eee;}
.sbzs .pro-list li a .imgBox img{htransform:scale(1,1);transition:all .3s; display:block; margin:0 auto;}

.grayBg{ width:100%; background:#f8f8f8; padding:60px 0px;}
.xwzx{ width:1200px; margin:0 auto;}
.pro-menu2 {color: #666; margin-top:30px; margin-bottom:25px; width:1200px;float:left;}
.pro-menu2 ul{width:426px; padding:0px 387px; float:left;}
.pro-menu2 ul li{ margin:0px 6px;width:130px;height:40px; display:block; float:left;border-radius:5px; background:#0071b7;}
.pro-menu2 a{font-size:16px;color:#fff;width:130px;height:40px; line-height:40px;display:block; float:left;}
.pro-menu2 ul li:hover , .pro-menu2 ul li.hover{color:#fff; background:#e03b00;}

.xwzxBox{ width:1200px; float:left; margin-top:30px; display:none;}
.xwzxBox .xwImg , .xwzxBox .xwImg a{ width:450px; height:280px; float:left; position:relative;}
.xwzxBox .xwImg a img{ width:450px; height:280px; display:block; float:left; position:relative;}
.xwzxBox .xwImg a p{ width:420px; padding:0px 15px; position:absolute; height:40px; background:url(../images/black.png) repeat; overflow:hidden; color:#fff; bottom:0px; line-height:40px;white-space: nowrap;text-overflow: ellipsis;}
.xwzxBox .xwUl{ width:725px; float:right;}
.xwzxBox .xwUl ul li{ width:645px; display:block; float:left; border-bottom:solid 1px #dad9d9; height:58px; background:url(../images/arrow.jpg) 680px 33px no-repeat; padding:17px 80px 17px 0px;}
.xwzxBox .xwUl ul li .date{ width:95px; border-right:solid 1px #d0d0d0;height:58px;text-align:center;float:left;color:#b4b1b1;}
.xwzxBox .xwUl ul li .date span{ display:block; float:left; text-align:center; width:100%; color:#8e8e8e; font-size:32px; height:40px; line-height:40px;}
.xwzxBox .xwUl ul li .date p{ display:block; float:left; text-align:center; width:100%;height:18px; line-height:18px;}
.xwzxBox .xwUl ul li .txt{ width:525px; float:right;}
.xwzxBox .xwUl ul li .txt a{ width:525px; display:block; float:left; height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:16px; color:#333;}
.xwzxBox .xwUl ul li .txt p{width:525px; display:block; float:left; height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px; color:#848484;}
/*合作单位*/
.hzdw{padding:40px 0;overflow: hidden; clear:both; margin-top:40px;}

.hzdwBox{ width:1200px; margin:30px auto;}
.hzdwBox ul{ width:1222px; margin-left:-22px;}
.hzdwBox ul li{ width:220px; height:100px; display:block; float:left; border:solid 1px #e1e1e1; margin-left:22px; margin-top:10px; position:relative;}
.hzdwBox ul li img{}


/*copyright*/
#footer{background:#333;color:#333;}


.foot{padding:40px 0px 20px 0px;overflow:hidden; width:1200px; margin:0 auto;}
.foot .footBox1{ width:220px; float:left;}
.foot .footBox1 b{ display:block; float:left; font-size:16px;width:100%; color:#fff;}
.foot .footBox1 ul{ display:block; float:left; width:100%; margin-top:10px;}
.foot .footBox1 ul li{ width:100%; line-height:30px; font-size:14px;}
.foot .footBox1 ul li a{ color:#9c9d9e;}
.foot .footBox2{ width:320px; float:left;}
.foot .footBox2 b{display:block; float:left; font-size:16px;width:100%; color:#fff;}
.foot .footBox2 span{display:block;float:left;margin-top:10px;line-height:30px; color:#9c9d9e;font-size:14px; width:320px; background:url(../images/footBg.png) 0px 8px no-repeat; padding-left:30px;}
.foot .footBox3{ width:200px; float:right;}
.foot .footBox3 img{ display:block; margin:0 auto; width:130px; height:130px;}
.foot .footBox3 span{ display:block; float:left; text-align:center; color:#9c9d9e; font-size:14px; width:100%; line-height:30px;}
.copyright{padding:15px 0; text-align:center; background:#222; color:#fff; text-align:center;height:40px; line-height:40px; }
.copyright a{ color:#fff;}



.banner_ny{width:100%; height:480px; margin:0px auto; /*background:url(../images/banner02.jpg) center no-repeat;*/ position:relative;}
.banner_ny0{ width:1200px; margin:0 auto;padding-top: 240px;}
.banner_ny0 h1{ color:#fff; font-size:40px; padding-left: 25px; display:block;}
.banner_ny0 span{ color:#fff; font-size:30px; padding-left: 25px; display:block;line-height: 100px;}


.ny{ width:1200px; margin:0 auto 40px auto;}
.ny01{ width:1200px; margin:0 auto;}
.ny_l{ width:250px; float:left;}
.ny_la dl{ position: relative;}
.ny_la dt{ width:225px; height:70px;padding-left:25px;line-height:70px;background:#155dac; color:#fff; font-size:22px; position:absolute; top:-70px;}
.ny_la dd{ width:100%; background:#f2f2f2; padding-bottom:20px;}
.sub_a_link{ display:block; background: url(../images/ny01.png) no-repeat 25px 50%; padding-left:40px; line-height:50px; border-bottom:1px #e0e0e0 solid;}
.sub_a_hover{ display:block;background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; padding-left:40px; line-height:50px; color:#155dac;border-bottom:1px #e0e0e0 solid;}
.ny_la dd a:hover{background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; color:#155dac;}

.ny_lb{ width:250px; float:left; margin-top:20px;}


.ny_r{ width:920px; float:right; padding-top:35px;}
.ny_ra{ width:100%; border-bottom:#cfcfcf 1px solid;margin-bottom: 15px;}
.ny_ra span{ display:block; float:left; color:#155dac; font-size:22px; font-weight:bold; padding-bottom:10px;}
.ny_ra span i{ width:4px; height:21px; background:url(../images/spanBg1.jpg) no-repeat; display:block;float: left;
margin-top: 2px;margin-right: 5px;} 
.ny_ra h2{ float:right; font-weight:normal; font-size:14px;} 

.ny_img{ width:920px; float:left;}
.ny_img .pro-list{ display:block;}

.ny_img .pro-list ul{ margin-left:-46px; width:966px; margin-top:15px; float:left;}
.ny_img .pro-list li{ margin-left:46px; width:276px; float:left;}
.ny_img .pro-list a{display:block;text-align:center;overflow:hidden;}
.ny_img .pro-list a .imgBox{width:274px;height:192px;position: relative; border:solid 1px #eee;}
.ny_img .pro-list a .imgBox img{htransform:scale(1,1);transition:all .3s; display:block; margin:0 auto;}
.ny_img .pro-list a h3{line-height:30px; height:30px; overflow:hidden;font-size:16px;padding-top:5px; font-weight:normal;}
.ny_img .pro-list a:hover img{transform:scale(1.05,1.05)}



.ny_xw{ width:920px; float:left;}

.ny_xw ul li{ width:840px; display:block; float:left; border-bottom:solid 1px #dad9d9; height:58px; background:url(../images/arrow.jpg) 870px 33px no-repeat; padding:17px 80px 17px 0px;}
.ny_xw ul li .date{ width:95px; border-right:solid 1px #d0d0d0;height:58px;text-align:center;float:left;color:#b4b1b1;}
.ny_xw ul li .date span{ display:block; float:left; text-align:center; width:100%; color:#8e8e8e; font-size:32px; height:40px; line-height:40px;}
.ny_xw ul li .date p{ display:block; float:left; text-align:center; width:100%;height:18px; line-height:18px;}
.ny_xw ul li .txt{ width:720px; float:right;}
.ny_xw ul li .txt a{ width:720px; display:block; float:left; height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:16px; color:#333;}
.ny_xw ul li .txt p{width:720px; display:block; float:left; height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px; color:#848484;}

/*分页样式*/
.page_area{padding:25px 0px; text-align:center; clear:both;}

/*分页*/
.pageNav{width:100%;height:auto;font-size:0px;text-align:center;position:relative;overflow:hidden; padding: 20px 0; margin-top:20px; margin-bottom:60px;}/*分页*/
.pageNav a,
.pageNav span{ display:inline-block; height:26px;line-height:24px;text-align:center; font-size:18px;color:#333;border:1px solid #e8e8e8;margin:0 5px; padding: 0 12px; font-size: 14px;}
.pageNav a.on, .pageNav a:hover,
.pageNav .laypage_curr{background-color:#0170ca;color:#ffffff;border-color:#0170ca;}
.pageNav a:first-child,
.pageNav a:last-child{background:none;border:1px solid #cccccc;font-weight:600;color:#888888;}

/**********单页展示***********/
.show_single{width:100%; margin:0px auto;}
.show_single_t{font-size:20px; line-height:20px; color:#000000; text-align:center; padding-bottom:20px;}
.show_single_d{height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:14px; background:#cbcbcb;}
.show_single_c{padding-top:10px; font-size:16px; line-height:35px;}

/**********图文混排展示***********/
.show_news_img{width:100%; margin:0px auto;}
.show_news_img ul li{width:100%; padding:10px 0px; text-align:left;}
.show_news_img ul li div{height:150px;/* border:1px solid #ccc; background:#FFFFFF;*/ position:relative;}
/*.show_news_img ul li div:hover{border:1px solid #afd4c7; background:#eff8f5;}*/
.show_news_img ul li div img{width:200px; height:150px; background:#f0f0f0; display:block; position:absolute; left:0px; top:0px; z-index:1;}
.show_news_img ul li div span{width:620px; height:auto; line-height:25px; display:block; color:#555; font-size:14px; position:absolute; left:220px; top:0px; z-index:1;}
.show_news_img ul li div span h3{line-height:40px; font-size:18px; margin:0px;}
.show_news_img ul li div span p{width:100%; height:25px; line-height:25px; color:#999; padding-bottom:10px;}


/**********纯图片展示***********/
.show_img{width:100%; margin:0px auto; overflow:hidden;padding-top: 15px;}
.show_img ul{width:110%; margin:0px auto;}
.show_img ul li{width:280px; height:auto; background:#fff; margin-right:40px; margin-bottom:30px; position:relative; float:left;}
.show_img ul li .div01{width:100%; height:220px; overflow:hidden;}
.show_img ul li .div01 img{width:100%; height:220px; display:block; transition:0.6s;}
/*.show_img ul li .div01:hover img{transform:scale(1.4);}*/

.show_img ul li span{width:100%; height:50px; line-height:50px; display:block; font-size:16px; text-align:center;}
.show_img ul li p{display:none;}
.show_img ul li:hover p{width:100%; height:220px; background:url(../images/tm_bj01.png); position:absolute; top:0px; left:0px; display:block;}
.yuan01{width:60px; line-height:60px; border-radius:50%; border:1px #FFFFFF solid; color:#FFF; font-size:30px; text-align:center; display:block; margin:66px auto 0px auto;}

.artTitle{width:920px; min-height:35px; height:auto; line-height:35px; display:block; font-size:18px; font-weight:bold;text-align:center;/* border-bottom:1px #CCC solid; */}
.subTxt{width:920px; height:30px; line-height:30px; text-align:center; font-size:12px;margin-bottom:10px;}
.subTxt span{color:#F00;}




.pageContact{ width:920px; float:left;}
.pageContact ul{ width:920px; float:left; margin-top:50px;}
.pageContact ul li{width:33.333%;float: left;text-align: center;}
.pageContact span{background: #F6F6F6; display:inline-block; height:100px; width:100px; position: relative; border-radius:50%;}
.pageContact span img{position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; transition:all 0.5s ease;}
.pageContact strong{margin-top:22px;font-size:22px;font-weight: normal;letter-spacing: 2px; line-height: 38px; display: block;}
.pageContact p{ font-size:16px; line-height:28px; letter-spacing:1px; margin-top:5px;}
.pageContact h5{ letter-spacing: 2px; line-height: 38px; font-size: 20px; font-weight: normal; display: block; }
.pageContact ul li:nth-child(1){ width:33%;}
.pageContact ul li:nth-child(2){ width:33%;}
.pageContact ul li:nth-child(3){ width:33%;}
.pageContact .m2lxMap{ width:920px; float:left; margin-top:30px; background:#F6F6F6; height:400px;}


