﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"Arial Black", Gadget, sans-serif,Simsun;

font-size:14px;
line-height:24px;
color:#737373;
background:#fff; 
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#737373; text-decoration: none;}

a:hover{color:#0f98fd;text-decoration:none;}


h1{
float:left;
margin-top:0px;

 padding-top:20px; 
}

.top2{ float:right;  font-size:16px; color:#fff;  background:#0f98fd; text-align:center; border-radius:25px; width:40px; line-height:40px; margin-top:40px; }
.top2 a{  color:#fff}





/*--------------------index.html start----------------------*/
#container{
width:1200px;
margin:auto;

}


.head{
width:1200px; 
margin:auto;padding-bottom:25px; overflow:hidden
}


#search{
width:320px;
float:right;
margin-top:20px;
}
#search_logo{ padding-top:0px; float:left;border:#eaeaea solid 1px;}


.searchinput{
height:33px;
color:#444444;
font-size:12px;
border:#eaeaea solid 1px;
border-right:#eaeaea solid 0px;
line-height:33px;
padding-left:10px;
width:170px;
margin-top:1px;
float:left;
display:inline;
background:#fff;
}

.vv-search{height:33px;border:#eaeaea solid 1px;background:#eaeaea; color:#999999; width:80px; text-align:center;line-height:33px; float:left; margin-top:1px;}




#tu{ width:1200px; margin:auto; }
#tu h3{width:880px; color:#1b1b1b; font-size:25px; font-weight:normal;  line-height:24px; height:24px; float:left; }
#tu h3 span{color:#a1a1a1; font-size:17px; font-weight:normal;}




#menu{width:750px;
float:right;
font-size:15px;  padding-top:35px; 
}

#menu ul{overflow:hidden;}
#menu ul li{display:block;float:left;}
#menu ul li a{float:left; text-align:center;line-height:53px; position:relative; height:53px;  width:88px; }
#menu ul li a:hover{   float:left;  text-align:center; background:url(../images/menu_x.jpg) no-repeat bottom }






#flash{
width:100%;
height:601px;
float:left;
padding-bottom:50px;
}






#ab2{width:1200px; margin:auto; padding-top:30px; clear:both}
#ab2 h3{width:1200px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#000; text-align:center; padding-bottom:30px;}
#ab2 h3 span{color:#828282; text-align:center; font-size:16px; line-height:27px; padding-top:15px; float:left;width:1200px; letter-spacing:0px;}


.ab3{width:481px; height:480px; float:left; background:url(../images/a1.jpg) no-repeat;  color:#23405d;  }
.ab3 h4{width:481px;  font-size:25px; font-weight:normal;float:left; color:#23405d; text-align:left; padding-bottom:20px;}



.az{width:719px; float:right; background:#f2f2f2}

.az11{width:719px; float:left; }
.az1{width:50%; height:240px; float:left;}
.az1 h4{width:100%;  font-size:15px; font-weight:normal;float:left; color:#6a6a6a; text-align:center; padding-top:70px;}
.az1 h4 span{width:100%;  font-size:50px; font-weight:normal;color:#0f98fd; line-height:70px;}

.az2{width:325px; height:240px; float:left;}
.az2 h4{width:325px;  font-size:15px; font-weight:normal;float:left; color:#6a6a6a; text-align:center; padding-top:70px;}
.az2 h4 span{width:325px;  font-size:50px; font-weight:normal;color:#0f98fd; line-height:70px;}


.az4{width:719px; height:240px; float:right; }
.az4-1{width:395px; height:240px; float:right; overflow:hidden}
.az4-1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.az4-1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.nr1{ float:right; width:395px; height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:395px; height:44px; position: absolute;clear: both; color:#FFFFFF; background:url(../images/a_d.png) no-repeat left top; margin-top:100px }



.az4-2{width:244px; height:140px;  float:left; font-size:25px; color:#fff; padding-top:100px; padding-left:80px; line-height:30px; background:#0f98fd}
.az4-2 a{color:#fff;}
.az4-2 a:hover{color:#fff;}

.az4-2 span{font-size:30px; }
.az4-2 a:hover span{color:#fff;}








#pro1{width:100%; height:514PX; background:url(../images/u3.jpg) no-repeat center; float:left; margin-top:141px;}



/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:1200px;margin:0 auto;background-repeat:repeat-x; z-index:-9999; padding-top:0px; padding-bottom:50px;}
.rollBox .LeftBotton{height:66px;width:38px;background:url(../images/leftarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:38px;background:url(../images/rightarrow.png) no-repeat 0px 0;overflow:hidden;float:right;display:inline;margin:137px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:1100px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:254px; height:305px;  float:left;text-align:center; color:#333; margin-left:11px; margin-right:11px;   border-bottom:#0c99fd solid 5px;   
  }
.rollBox .Cont .pic{width:254px; height:305px; float:left;text-align:left;  color:#333; overflow:hidden; border:#e1e1e1 solid 1px;
  background:#fff; 
 }
.rollBox .Cont .pic h5{ width:254px;float:left; color:#000; font-size:25px!important; text-align:center; background:url(../images/lj.png) no-repeat top center; padding-top:40px; margin-top:30px; font-weight:normal}
.rollBox .Cont .pic h5 a{  color:#000; }
.rollBox .Cont .pic h5 span{ width:254px;float:left; color:#0c99fd; font-size:17px!important; text-align:center; font-weight:normal; line-height:20px; height:60px; padding-top:10px;}
.wenn{ width:194px;float:left; padding-left:30px; padding-right:30px; height:80px; color:#636363 }


.rollBox .Cont .pic .linkmore a{ width: 105px; height:31px; line-height:31px; border-radius: 20px; float:left;
-moz-border-radius:  20px;
-khtml-border-radius:  20px;
-webkit-border-radius:  20px; margin-left:70px; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5}
.rollBox .Cont .pic .linkmore a:hover{ color:#fff; background:#0c99fd; border:0}










#new1{width:1200px; margin:auto; overflow:hidden; padding-top:50px;}
#new1  h3{width:1200px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:left; padding-bottom:30px;  padding-top:40px;}
#new1 h3 span{color:#828282;  font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }
#new1 h3 em{color:#828282;  font-size:14px; float:right; font-style:normal}




.nn1{ width:484px; height:358px; background:#444344; float:left}
.nn2{ width:484px; height:262px; float:left; overflow:hidden}
.nn2 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nn2 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.nn3{ width:464px; float:left; height:96px;  color:#FFFFFF; font-size:20px; line-height:96px; padding-left:20px;}
.nn3 a{color:#FFFFFF; }
.nn3 span{ width:117px; float:right; height:96px; background:#0f98fd; color:#FFFFFF; font-size:17px; line-height:96px; text-align:center}



.n2{width:669px;float:right; }

.n2 ul{overflow:hidden; text-align:left; float:left;width:669px;}
.n2 ul li{display:inline;float:left;  height:190px; float:left;  width:299px; padding-right:35px;}


.n2 ul li h5{display:inline;float:left; font-weight:normal; color:#000; float:left;  width:299px; margin-bottom:10px; font-size:17px;}
.n2 ul li h5 a{color:#000; }

.shijian{ width:299px; float:left; color:#a1a1a1; font-size:14px;margin-bottom:10px; }

 
 







#footer1{ float:left; width:100%; background:#005bac; padding-top:50px; margin-top:70px;  }
#footer21{float:left; width:100%; background:#333333;  margin-top:142px; }
.fot1{float:left;width:1200px; text-align:right; font-size:15px; color:#b2b2b2; line-height:70px; padding-bottom:30px;}




.fot{float:left;width:1200px; border-top:#494949 solid 1px;  border-bottom:#494949 solid 1px; height:70px; font-size:16px; color:#FFFFFF; line-height:40px; padding-top:30px;}
.dz{float:left;width:500px; background:url(../images/ad.jpg) no-repeat left; padding-left:40px;line-height:20px; }
.dh{float:left;width:300px; background:url(../images/dh.jpg) no-repeat left; padding-left:40px;}
.em{float:right;width:250px; background:url(../images/wm.jpg) no-repeat left; padding-left:40px;}
.em a{ color:#fff}





.ewm{ width:150px; height:125px; float:right;border-left:#494949 solid 1px; text-align:right; margin-top:30px;}



#footer{ float:left;width:1200px;  text-align:left; overflow:hidden; color:#FFFFFF; padding-top:60px; }

.zzb07tail
{  color:#FFFFFF;
}
a.zzb07link{color:#FFFFFF;

	text-decoration:none;
}

a.zzb07link:hover {color:#FFFFFF;
	text-decoration:underline;

}


.qq1{ width:130px; float:right; padding-top:10px;}
#demoleft{OVERFLOW: hidden; WIDTH:1170px; margin:0 auto; padding-top:55px; }
.boxa{ width:1200px; margin:auto;}

.wj-mb1-13{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 108px;
	background-color: #fff;
	overflow: hidden;
}.wj-mb1-13-ul {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 52px;   flex-wrap: wrap; display:flex; justify-content:space-between;
}.wj-mb1-13-ul a {
	text-decoration: none;
}

.wj-mb1-13-ul-li {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}

a:hover .wj-mb1-13-ul-li {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);}

a:hover .wj-mb1-13-ul-h5 {
	text-decoration: none;
}a:hover .wj-mb1-13-ul-p {
	text-decoration: none;
}
.wj-mb1-13-ul-li {
	background-color: #f8f7fa;
	height: 140px;
	width: 527px;
	margin-bottom: 19px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px; display:flex; justify-content: space-between;
}
.wj-mb1-13-ul-nr1 { width:84px;}
.wj-mb1-13-ul-nr2 {
	display: flex; flex-wrap:wrap;
	margin-top: 10px; margin-left:25px; width:100%;
}
.wj-mb1-13-ul-h5 {
	font-size: 50px;
	color: #41a3f7;
	font-weight: bold; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}.wj-mb1-13-ul-span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6d6d6d; padding-bottom:5px; display:block
}.wj-mb1-13-ul-h2 {
	color: #333333;

	padding-left: 21px;  text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:18px; width:100%; height:24px; display:block; float:left; margin:0
}
.wj-mb1-13-ul-p {
	color: #737373;
	line-height: 22px;
	padding-left: 21px;  text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;display:block; float:left;
}.wj-mb1-13-ul-em {
	margin-top: 10px;
	margin-left: 10px;
}
.news_more {
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.ggmain{
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
.taotu_nr_T {
	background-repeat: no-repeat;
	background-position: top center ;
	float: left;
	height: 99px;
	width: 1200px;
	text-align: center;
	background-image: url(../images/pbg.png);
	margin-top: 62px; padding-top:30px;
}

#demoleft{OVERFLOW: hidden; WIDTH:1170px; margin:0 auto; padding-top:55px; }
.gao{ height:10px; color:#fff;} 
.cp{ float:left; display:inline; margin-right:25px; border:#d0d0d0 solid 5px; width:253px; height:334px; margin-left:20px;}
.cp img{ text-align:center;  border:0px solid #d8d8d8; }
.cp .cimg{  margin:0 auto;  }
.cp .cimg h2{ font-size:20px; color:#fff; font-weight:100}
.cp .cimg h3{ font-size:14px; color:#636363; font-weight:100}
.blue{ padding:27px; text-align:center}
.cp .cimg{  margin:0 auto;  }
a:hover .cp  .xingxi p{ color:#000}
a:hover .cp  .gd{ width:146px; height:38px; -webkit-border-radius: 25px;
            -moz-border-radius: 25px; font-size:16px; color:#FFF; background:#005bac; line-height:38px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; border:0 }
	
a:hover .gd{ margin:0 auto;margin-top:10px;  width:80px; height:30px; display:block; text-align:center; color:#fff; line-height:30px; background:#2462af }
.moreb{-moz-border-radius:20px;/*Firefox支持*/ 
-webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ border:1px solid #f4aa0b; text-align:center; width:120px; margin:0 auto; margin-top:30px; height:30px;}
.gd{ margin:0 auto;margin-top:10px;  width:146px; height:38px; display:block; text-align:center; color:#666666; line-height:38px; background:#f7f7f7; border:1px #b2b2b2 solid; -webkit-border-radius: 25px;
            -moz-border-radius: 25px; font-size:16px;}
	
.xingxi{  margin:30px auto;  background:#ededed; padding:20px 16px; }
.xingxi p{ line-height:28px; font-size:14px; color:#636363 ; text-align:left}
.down{ width:100%; height:83px; line-height:83px; background:#005bac; color:#fff; float:left; margin-top:50px;}
.downa{ width:1200px; margin:auto;}
.downa ul li{ width:145px; text-align:center; line-height:83px; float:left;}
.downa ul li a{ color:#fff;}
.downb{ width:100%; background:#333333; height:100px; float:left; padding-top:50px; }

.wj-mb1-13-ul-h5 {
    font-size: 50px;
    color: #0f98fd;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height:50px;
	line-height:50px;
}
