html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
* {margin:0;padding:0;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
/* remember to define focus styles! */:focus {outline:0;}
/* remember to highlight inserts somehow! */ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */table {border-collapse:collapse;border-spacing:0;}
/* img 3px  */img {vertical-align:middle;}
/* a link */a {text-decoration:none;outline:none;}
body {font-size:12px;font-family:Microsoft YaHei;} 
.tr{text-align: right;}
.w1200{width: 1200px;margin:10px auto;}
.fl{float: left;}
.fr{float: right}
.top{height: 114px;padding-top:40px;}
.top .logo{width: 940px}
.top .title{margin-left: 15px;margin-top: 5px }
.clear{clear: both}
.t1{color: #255caa;margin-top: 4px;font-size: 14px;position: relative;}
.t2{margin-top: 58px}
.t3 input{width: 206px;height: 34px; border: 1px solid #255caa}
.t4{height: 36px;width: 50px;background: url(../images/3.png);cursor:  pointer }
.t1 span{display: block;width:80px;float: right;}
.t1 span:hover .qrcode{display: block;}
.qrcode{position: absolute;top: 20px;
    right: 0px;display: none;z-index: 9999}
.qrcode img{width: 120px;height: 120px}

.nav{background-color: #255caa; height: 50px;line-height: 50px;color: #fff;font-size: 20px;font-family:Microsoft YaHei;width:1200px;margin:0px auto;}
.nav a{color: #fff;display: block;}
.nav ul li{float: left;width: 12.5%;text-align: center;letter-spacing:4px; position: relative;}
.nav ul li.on{background-color: #5c8dd3}
.nav ul li:hover{background-color: #5c8dd3}
.nav li ul {
    line-height: 27px;
    list-style-type: none;
    width: 150px;
    position: absolute;
    z-index: 20;
    display: none;
    top: 50px;
    left: 0px;
    background-color: #255caa;
    opacity:0.8;
}
.nav li ul li{
	width: 100%;height: 50px;line-height: 50px;letter-spacing:0px;
}
.nav ul li:hover ul{
display: block;    
}
.banner{height: 500px}
.banner img{width: 1200px;height: 500px;position:absolute;}
.picbox .ptitle{position: absolute; bottom: 0;height: 30px;z-index: 9999;width: 100%;background: #000;color: #fff;
opacity:0.5;z-index: 99}
.picbox span{color: #fff;position: absolute;z-index: 999;bottom: 0;font-size: 14px;padding-left:15px;line-height: 30px;}
.flex{height:200px;display: flex;flex-direction: row; justify-content: space-between;}
.flex .item{width: 170px; text-align: center;position: relative; cursor: pointer;  }
.flex .item2{position:absolute;z-index:99;width: 170px; height: 200px; text-align: center;   background: url('../images/4.png') no-repeat center center ;}
.flex .item2:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.flex .item2{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.flex .item a{z-index:88;position:absolute;top:0;width:100%;height:120px;font-size: 24px;font-weight: 700;display: block;;padding-top: 68px;color:#255caa ; }
.b1{width: 450px;height: 296px}
.b2{width: 373px;margin-left: 15px;height: 296px}
.b3{width: 325px;height: 296px;background: url('../images/5.png' ) no-repeat center center;border-radius: 5px;border: #ccc 1px solid;
 padding-left: 35px}
 .b3 ul{margin-top: 20px}
 .b3 ul li{line-height: 46px;font-size: 16px; color: #255caa;font-weight: 700;float: left;}
 .b3 ul li span{width: 80px;display: block;float: left;ine-height: 40px;}
 .b3 ul li input{ height:28px;width: 210px }
 .b3 .note{margin-top:11px;color: #848484;margin-left: 35px;font-size: 14px}
 .b3 .note2{margin-top:10px;color: #848484;font-size: 15px;text-align: center;padding-right: 35px}
 .b3 .note2 a{ color: #ff0000; }
  .b3 .but {margin-top: 5px}
 .b3 .but input{color: #fff;background: #255caa;font-weight: 700;font-size: 20px; text-align: center
 	;height: 40px;line-height: 40px;border:none;width: 294px;cursor:  pointer}
.b1 img{width: 450px; height: 296px;}
.b2 .title{font-size: 24px;font-weight: 800;color: #404c7a}
.b2 .news{margin-top: 10px; }
.b2 ul{margin-left: 20px}
.b2 li{height: 35px;line-height: 35px;list-style-type:disc; width: 100%; text-overflow : ellipsis }
.b2 li a{color: #242424;font-size: 16px}
.b2 li a:hover{color: #255caa;}
.ad {margin-top: 10px}
.ad img{height: 90px;width: 1200px}
.qu{width:1160px;margin:0 auto;font-size: 24px;color: #404C7A;font-weight: 700;margin-top: 10px;
	background: url('../images/car.png') no-repeat left center;padding-left: 40px}
.nbox{margin-top: 10px}
.nbox .n{border: 1px #ccc solid;width: 280px}
.nbox .title{height: 50px; background: #EDEDED; font-size: 16px;color: #404C7A; line-height: 50px;
padding-left: 22px;padding-right:  10px}
.nbox .title span a{color: #6E6E6E;font-weight: 400;font-size: 14px;}
.n {width:270px;
height:313px;
border:1px solid rgba(225,225,225,1);
border-radius:10px;}
.n ul{margin-left: 26px;margin-top: 10px}
.n li{ line-height: 32px;list-style-type:disc; }
.n li a{color: #242424; font-size: 14px;}
.n li a:hover{color: #255caa}
.link{height: 50px; line-height: 50px;font-size: 14px}
.link a{color: #222222}
.footer{background: #255caa;text-align: center;color:#fff;height: 104px;line-height: 30px; padding-top: 30px;font-size: 14px;width:1200px;margin:0px auto;}
.footer span{display: block;}

/*内页公共*/
.banner2 img{width: 100%;height: 350px}
.content .left{width:271px;
min-height:400px;
background:rgba(237,237,237,1);text-align: center;}

.content .left .on{
background: #fff;
border-left: 10px solid red;
}
.content .left .on a{
color:#404C7A;
}
.content .left .first{
height:73px;
line-height: 73px;
background:rgba(37,92,170,1);
font-size: 18px;color: #fff
}
 
.content .left li a{
 color: #404C7A;
 display: block;
}

.content .left li{
height:73px;
line-height: 73px;
border-bottom: 1px #a0c8ff solid;
font-size: 18px;color: #404C7A
}
/*图片列表*/
.content .right{
	width: 929px
}
.content .right ul{text-align: center;margin-top: 20px}
.content .right ul li{
	width: 256px;float: left;margin-top: 15px;margin-left: 40px;
	margin-bottom: 10px;transition:all .5s;
}
.content .right ul li span{
	display: block;
	height: 30px;
	line-height: 30px;
	color: #404C7A;
	font-size: 16px;
	font-weight: bold;
}
.content .right ul li span a{
	display: block;
}
.content .right ul li img{
	width: 256px;height: 167px
}
.content .right ul li:hover{transform:translateY(-5px);box-shadow:3px 3px 10px 3px #666;}
/*新闻列表*/
.content .right2{
	width: 929px;
	padding-bottom: 50px;
}
.right2 li {width:100%;float:left;height: 40px; line-height: 40px; font-size: 16px;color: #424242;list-style-type:disc;border-bottom: 1px #ccc dotted;  }
.right2 ul{margin-left: 55px;margin-top: 30px}
.right2 li a {color: #424242;}
.right2 li a:hover {color: #255caa;}
.right2 li .date{float: right;width: 170px;display: inline;}
.right3  .span{ width: 160px;display: inline;}


#pages{ padding:10px 0 10px;text-align:center;font-size:12px; margin-top:20px; width:100%}
#pages a { display:inline-block; padding:0px 8px; height:32px;font-size:14px;line-height:32px; background:#fff; border:1px solid669 #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:32px; line-height:32px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:30px; line-height:30px; background:#255caa; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:32px; line-height:32px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }