@charset "utf-8";
/* CSS Document */

body{  font-size:14px; color:#333;   font-family: "Microsoft YaHei",  Verdana, sans-serif, "SimSun";  -webkit-text-size-adjust:none;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;  margin:0px; padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100% }ul,li,p{ list-style-type:none; padding:0px; margin:0px;}img{ border:0px;}
a:link {color:#333;text-decoration: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
a:visited {text-decoration: none;color: #333;}a:hover {text-decoration: none;color:#333;}a:active {text-decoration: none;color: #ea421e;}
.head{ width:100%; background:#eeeeee; height:100px;}
.main{ max-width:1200px; overflow:hidden; margin:0 auto;}
.main1{ max-width:1200px;  margin:0 auto;}
.logo{ float:left; overflow:hidden; margin-top:20px;}


.nav1{  height:60px; float:left; margin-top:30px; margin-left:50px; }

.main{ max-width:1200px;  margin:0 auto; overflow:hidden;}

.dropdownmenu{ max-width:700px;margin:0 auto;	height:60px;}
.dropdownmenu ul, .dropdownmenu li {
	
	margin: 0;
	padding: 0;
}
.dropdownmenu ul {
	margin-left:-300px
	

	list-style: none;
	width: 100%;
}
.dropdownmenu li {
	float: left;
	position: relative;
	width:auto;
	height:70px;
	background-repeat: no-repeat;
	background-position: right 15px;
	background-image: url(li.jpg);
}
.dropdownmenu a {
	font-size:16px;


	display: block;

	padding: 13px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.dropdownmenu li:hover a {
	color:#000;
}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 70px;
	visibility: hidden;
	z-index: 1;
}
li:hover ul#submenu {
	opacity: 1;
	top: 70px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: none;
	width: 320px;

	height:39px;



}
#submenu a:hover {
	background: #eee;
	color:#333;


}
#submenu a {
	background-color:#eee;
	color:#333;
		padding: 10px 25px;
		font-size:14px;
}


.so{ width:auto; float:left; overflow:hidden; margin-top:40px;}
.so1{ width:auto; border:1px solid #CCC; padding:5px; outline:none; max-width:100px; float:left; background:#eee;}
.so2{ width:60px; float:left; background:#b90302; overflow:hidden; overflow:hidden; border:0px; outline:none; padding:5px; color:#FFF;}
.banner{ width:100%; display:block; overflow:hidden;}
.banner img{ width:100%; display:block;}
.sot{float:right; overflow:hidden; margin-left:5%; width:40px; height:40px;border-radius:50%; margin-top:40px; background:#cc0202; color:#FFF; line-height:40px; text-align:center;}
.sot a{ color:#FFF}
.sot:hover{ background:#000;}
.txt{ width:100%; font-size:30px; font-weight:700; overflow:hidden; text-align:center; margin-top:50px;} 
.txt span{ color:#cc0001;}





	.por{ width:100%; overflow:hidden; margin-top:50px; padding-bottom:0;}
        .por li{
           width:29%;
            height:280px;
			overflow:hidden;
			position:relative;
			float:left;
			margin-left:2%; margin-right:2%;
			margin-bottom:4%;
	
        }
		
		 .por li img{ width:100%; display:block;}
		        .por li p{ width:100%; text-align:center; margin-top:20px; font-size:16px; overflow:hidden;}
        .cs{
            width:100%;
          background-color:rgba(204,0,1,0.9);

            top:0px;
			height:100%;

            opacity: 0;
       
            font-size: 18px;
			font-weight:700;
           
			padding-top:30%;
		
		 text-align:center;

	   position:absolute;
		
			
		
			
        }
		 .cs a{ color:#FFF;}
		        .cs p{ padding:20px;box-sizing: border-box; margin:0 auto; line-height:120%; overflow:hidden; font-weight:100;}
				 .cs p a{ color:#FFF;}
       .por li:hover .cs{
		   position:absolute;
            color: #fff;
            opacity: 1;		
        }
		
	    .por li:hover .eyu{  opacity: 0;	}	 
		
		
		.moer{ width:60px; height:30px; line-height:30px; margin:0 auto;  text-align:center; color:#FFF; background:#cc0001}		.moer a{ color:#FFF;}
		
		
		.banner1{ width:100%; overflow:hidden; background:url(op.jpg) no-repeat;background-attachment:fixed; background-size:100% 100%; margin-top:50px; padding-top:80px; padding-bottom:80px; }
		
		.txt1{ width:100%; font-size:30px; font-weight:700; overflow:hidden; color:#FFF;}
				.txt1 p{ font-size:14px; font-weight:100; overflow:hidden; margin-top:50px; line-height:180%;}
				
				
.youshi{ width:100%; overflow:hidden;}
.youshi li{ width:30%; float:left; overflow: hidden; margin-left:1%; margin-right:1%; text-align:center; margin-top:30px;}

.youshi1{ width:100%; overflow:hidden; text-align:center;}

.youshi2{ width:90%; margin:0 auto; overflow:hidden; color:#cc0001; font-size:24px; font-weight:800; margin-top:30px;}

.youshi2 p{ width:100%; line-height:180%; font-size:14px; color:#000; font-weight:100; margin-top:20px;}



.news{ width:100%; overflow:hidden; margin-bottom:50px; margin-top:50px;}
.news li{ width:43%; padding:20px; float:left; overflow:hidden;  margin-left:1%; margin-right:1%; margin-bottom:2%;}
.news1{ width:14%; float:left; overflow:hidden;}
.news2{ width:100%; text-align:center; font-size:30px; font-weight:800; height:40px; line-height:35px; border-bottom:1px solid #000; overflow:hidden;}
.news3{ width:100%; font-size:16px; text-align:center; overflow:hidden;line-height:35px; }
.news4{ width:80%; float:right; overflow:hidden; font-size:16px; font-weight:800;}
.news4 p{ font-size:14px; margin-top:5px; font-weight:100; text-align:justify;}

.news li:hover{ background:#cc0001; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}

.news li:hover .news1{ color:#FFF;}
.news li:hover .news4{ color:#FFF;}
.news li:hover .news2{border-bottom:1px solid #fff;}

.sdsd{background:#3535ff; height:50px; margin-top:50px;line-height:50px; text-indent:30px; font-size:16px; font-weight:600; color:#FFF;}
.left_about{ width:300px; float:left; overflow:hidden;  padding-bottom:50px; margin-bottom:100px;}
.left_about1{ width:90%;  margin:0 auto; line-height:40px; text-indent:10px; margin-top:50px; font-weight:600; font-size:16px;}
.left_about1 li{ width:100%; margin-bottom:10px; overflow:hidden; line-height:40px;  font-size:14px; font-weight:100; border-bottom:1px  solid #d5d4d4; }

.rig_about{
	width:850px;
	float: right;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:50px;
}

.rig_about1{
	width:100%;
	border-bottom:1px solid #d5d4d4;
	line-height:40px;

	overflow:hidden;
	background-image: url(031.jpg);
	text-indent:30px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.rig_about2{ width:100%; margin-top:0px; line-height:180%; overflow:hidden;}
.txta{text-align:center; color:#0000fe; font-size:30px; font-weight:800; margin-top:20px;}
.footer{ width:100%; background:#eeeeee; overflow:hidden; margin-top:50px; padding-top:50px; padding-bottom:50px; border-bottom:1px solid #ccc;}

.footer1{ width:100%; overflow:hidden;}
.footer1 li{  padding-left:10px; padding-right:10px; overflow:hidden; float:left;}
.rig_about2 img{ max-width:100%;}

.footer2{ width:100%; background:#eeeeee; overflow:hidden; text-align:center; padding-top:10px; padding-bottom:10px; line-height:180%;}
.nav_snav{ background:#ce0001; color:#FFF; border:0px!important;}

.nav_snav a{ color:#FFF;}


.page_turner { padding: 10px 0; overflow: hidden; text-align: right; }
.page_turner a, .page_turner span { text-align: center; color:#333; display: inline-block; *display:inline;
border: 1px solid #2E2E2E; height: 20px; min-width: 20px; margin-left: 4px; line-height: 20px; padding: 4px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #2E2E2E; color: #FFF; }