@import url('./icomoon.css'); /* Imports icomoon Stylesheet */

/* #Site Styles
================================================== */
*{margin:0;padding:0;list-style-type:none; font-family:Microsoft Yahei;}
a,img{border:0;}

body {
	font-family:Microsoft Yahei;
  margin:0;
  padding:0;
  ::-webkit-scrollbar-thumb{  
   background-color:#FB4446;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#F01360;  
   height:50px;  
   -webkit-border-radius:4px;  
}  
/*---滚动条大小--*/  
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}
 }
 
 
 
/* Box */
.wp_box {

  background: #fff;
  margin: 0 50px;
}
.wp_box .hd {

  height: 32px;
  line-height: 32px;
  margin: 1px;
  text-align:center;
  font-weight:bold;
  color:#333;  
}
.plst_pt {
  overflow: hidden;
  _width: 100%;
}
.plst_pt ul {
  overflow: hidden;
*zoom:1;
  padding: 15px 0;
  width: 122em;
  height:470px;
  overflow:hidden;
}
.plst_pt li {
  float: left;
  margin-left: 22px;
  display: inline;
  text-align: center;
}


.plst_pt li p {
  text-align: center;
  width:180px;
  height: 50px;
}

.plst_pt li p span{ display:block; padding:}


.plst_pt li img {
  display: block;
  width: 230px;
  height: 173px;
  margin-bottom: 5px;
  border: 1px solid #e3f2fa;
  padding: 1px;
}
/* Roll */
.wp_roll {
  position: relative;
  _width: 100%;
}
.roll_lt, .roll_rt {
  position: absolute;
  top: -15px;
  right:10%;
  width: 18px;
  line-height: 89px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.roll_rt {
  left: auto;
  right: 5%;
}

.roll_lt{
  left: auto;
  right: 8%;
}

.roll_cnt {
  padding: 0 20px;
  height:480px;
}
.roll_lt:hover, .roll_rt:hover {
  color: #000;
}

.subbg{width:280px; height:40px; border:0; background:#5591a9; color:#fff; font-size:15px;  font-weight:bold; border:1px solid #41637c;}
.c{ clear:both;}
.size{ margin:0 auto; width:1179px; min-height:680px; height:auto; overflow:hidden;}
.size .gsjjtitle{ padding:50px; color:#fff;}
.size .gsjjtitle h1{ text-align:center;}
.size .gsjjtitle::after{ display:block; content:""; width:100px; height:3px; background:#20455f; margin-top:20px; margin:0 auto; }
.size .gsjjcont { padding:10px; width:100%; color:#333333; font-size:16px; font-weight:bold; line-height:30px;}
.size .gsjjcont .gsleft{  width:100%; padding-left:34px; padding-bottom:20px;}
.size .gsjjcont .gsright{width:100%; padding:0px 10px 0px 40px; font-size:16px; color:#666666; line-height:30px;}
.size .gsjjcont .gsright .feekbook .feekcont{ margin:0 auto;  width:50%; margin-top:20px;}	
.size .gsjjcont .gsright .feekbook .feekcont input{ width:280px; height:34px;}			
.size .gsjjcont .gsright .feekbook .feekcont label { width: 150px; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}	
.size .gsjjcont .gsright .feekbook .feekcont div { clear: left; font-size: 12px;}			
.size .gsjjcont .gsright .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
.size .gsjjcont .gsright .feekbook .feekcont .enter { text-align: center; margin-top:20px; }	
.size .gsjjcont .gsright .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:340px; border:1px solid #3b657b;}


.size .procont{ margin:0 auto; width:100%; height:auto; overflow:hidden; padding:50px 60px;}
.size .procont .showproleft{ float:left;  width:70%; text-align:center;}
.size .procont .showproleft img{ width:90%;}
.size .procont .showproright{ float:right; width:30%; }
.size .procont .showproright p span{ font-weight:bold;}

.size .newslist{ width:100%;}

.size .newslist ul{width:100%;  padding:30px 5px 30px 5px;} 
.size .newslist ul li{width:100%; height:30px; font-size:15px; color:#000000; border-bottom:1px dashed #2f5d7f; text-decoration:none; padding:30px;}
.size .login{ margin:0 auto; width:50%; height:200px;  border:1px solid #41637c; }
.size .denglu{ width:100%; height:auto;  padding-top:10%;}
.size .reg{ width:100%; height:auto; padding-left:15%; }
.size .reg .feekbook{ margin:0 auto; width:585px; height:500px; float:left; } 
.size .reg .feekbook .feektitle{ width:100%; }	
.size .reg .feekbook .feektitle dl{ }	
.size .reg .feekbook .feektitle dl h1{}								
.size .reg .feekbook .feektitle dt{}				
.size .reg .feekbook .feektitle dd{}		
.size .reg .feekbook .feekcont{ width:100%; }	
.size .reg .feekbook .feekcont input{ width:280px; height:34px;}			
.size .reg .feekbook .feekcont label { width: 120px; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}	
.size .reg .feekbook .feekcont div { clear: left; font-size: 12px;}			
.size .reg .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
.size .reg .feekbook .feekcont .enter { text-align: center; margin-top:20px; }	
.size .reg .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:340px; border:1px solid #3b657b;}
.size .denglu .shouming{ margin:0 auto; width:50%; height:auto;}
.size .denglu .shouming .shuomingtitle{ text-align:center;}
.size .denglu .shouming .shuomingtitle h1{ color:#2f5d7f;}
.size .denglu .shouming .shuomingcont{ width:100%; padding:10px 0px; color:#f00;}

.size .denglu .login .username{ margin:0 auto; width:400px; height:34px; padding-top:20px; color:#2f5d7f; }
.size .denglu .login .username input{FONT-WEIGHT: normal; FONT-SIZE: 12px; WIDTH:70%; LINE-HEIGHT: normal; FONT-STYLE: normal; HEIGHT: 34px; FONT-VARIANT: normal; border:1px solid #999;}

.size .denglu .login .submit1{ width:400px; height:24px; margin-top:90px; margin-left:148px;}	

.size .username{ margin:0 auto; width:400px; height:34px; padding-top:20px; color:#999999; }
.size .submit{ width:400px; height:24px; margin-top:20px; margin-left:110px;}
.size .submit1{ width:400px; height:24px; margin-top:20px; margin-left:155px;}	
.fontright{ text-align:right;} 

.size .joblist ul{width:100%;  padding:30px 5px 30px 5px;} 	
.size .joblist ul li {width:100%; height:auto; font-size:15px; color:#000000; border-bottom:1px dashed #2f5d7f; text-decoration:none; padding:30px;}			
.size .newslist ul li a#nt{ float:left; width:430px; padding-left:5px; font-size:15px; color:#2f5d7f; text-decoration:none; text-align:left; padding-top:5px; }	
.size .newslist ul li a#date{ float:right; padding-top:5px; padding-right:50px; color:#2f5d7f;} 

.size .newslist .newstitle::after{ display:block; content:""; width:100px; height:3px; background:#20455f; margin-top:30px;  margin:0 auto; }
.size .newslist .newstitle h1{ text-align:center; color:#2d5e7e; padding-top:10px; padding-bottom:10px;}
.size .newslist .newsnr{width:100%; height:auto; line-height:30px; font-size:14px; overflow:hidden; color:#000000; padding:40px 20px 30px 20px;}
.size .newslist .newsnr img{ width:100%; text-align:center;}	
.size .newslist .newsdate{width:100%; font-size:14px; color:#000000; text-align:right; padding:0px 20px 50px 0px;}

.newsbg{ width:100%; background:#fafafa; min-height:758px;}
.wrapper {
    margin: 0 auto;
    max-width: 1300px;
    height: 100%;
}
header {
   background-color: #c6f0fe;
	background-image:url(../images/topbg.jpg);
	border-top:5px solid #067ab5;
}
header:after {
    content: " ";
    display: table;
    clear: both;
}
.brand, h1, h2, h3 {
     font-family: 'Roboto Condensed', sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand {
    float: left;
    height: 80px;
}
.brand p {
    margin: 0;
}
.rm-nav {
    letter-spacing: 1px;
}

.zhbg{float: left; width: 179px; height: 120px; border:1px solid #000000;}
.logo {

    font-size: 1.4em;
    line-height: 40px;
    margin: 10px 0 0;
    width: 179px;
    height: 120px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
	margin-left:15px;
}

.logo img { width:240%;}
.rm-toggle.rm-button {
    margin-top: 25px;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}


.pfont{ font-size:28px;}

.rm-container.rm-layout-expanded {

    float: right;
}
.rm-nav li a,
.rm-top-menu a {
    font-family:Microsoft Yahei;	
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    font-family:Microsoft Yahei;	
    height: 150px;
    line-height: 150px;
	font-size:15px;
}

.main {
    background-image: url("../images/cloud.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    padding-top: 1px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}


	#avder{ height:auto; overflow:hidden; }

#nav{z-index:50;width:100%;background:#fff; position:relative;}
.navLanguage a{background:url(../images/cn.png) 0 18px no-repeat;font-size:11px!important;}
.navMember a{background:url(../images/sitechrome.png) -6px -268px no-repeat;text-indent:0px;font-size:10px!important;}
.navMember a:hover{background:url(../images/sitechrome.png) -198px -268px no-repeat;}
.navShopcart a{background:url(../images/sitechrome.png) 0px -183px no-repeat;text-indent:10px;}
.navShopcart a:hover{background:url(../images/sitechrome.png) -192px -183px no-repeat;}
.navSearch{}

#search-box{background:url(../cn/images/search-icon.png) 10px 50% no-repeat; width:200px;padding:5px 10px 5px 30px;margin-top:15px;}


#content{ height:auto; overflow:hidden;}

	#content .ProductC{margin:0 auto; width:1170px; height:auto; overflow:hidden; padding-bottom:10px; }
	#content .ProductC .Productcont{
  background: #fff;
  margin: 0 10px;}
	#content .ProductC .Productcont .Productconttitle{ width:100%; text-align:center; font-size:15px;}	
	#content .ProductC .Productcont .procont{ margin:0 auto; width:100%; height:auto; overflow:hidden;}
	#content .ProductC .Productcont .procont ul{ margin:0 auto; width:90%; list-style-type:none;}
	#content .ProductC .Productcont .procont ul li{ float:left;} 
	#content .ProductC .Productcont .procont ul li .pic{ width:340px; height:auto; overflow:hidden;}	
	#content .ProductC .Productcont .procont ul li .pic img{ width:90%;} 		
		
	
	

	#content .newspro{margin:0 auto; width:1170px; height:auto; overflow:hidden; padding-bottom:10px; }
	#content .newspro .gstt{ float:left; width:50%; height:auto;  font-size:30px; font-weight:bold; padding:10px;}
	#content .gsjj{ width:100%; min-height:760px; height:auto; overflow:hidden; padding:10px 0px 10px 0px; background:url(../images/about.jpg); background-size:140%;}
	#content .gsjj1{ width:100%; min-height:760px; height:auto; overflow:hidden; padding:10px 0px 10px 0px;  background-size:140%;}			
	#content .newspro .search{ float:right; width:20%; padding:0px 10px 10px 0px;}	
	#content .about{min-height:559px; height:auto; overflow:hidden; background:#fff;}	

		#content .about .aboutcont{ width:1170px;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:18px; text-align:left;}
		#content .about .aboutcont .aboutleft{ float:left; width:800px; line-height:40px; color:#5b5a5a;}		
		#content .about .aboutcont .aboutright{ float:right;}
		#content .about .aboutcont .aboutright .img{ width:200px;}				
		#content .about .abouttitle{ width:1170px;  margin:0 auto;  text-align:center; padding-top:60px; color:#fff;}
		#content .about .aboutside{ width:50%;  background-color:#66819c; margin:0 auto;}					
		#content .about .solid{ background:#214660; width:10%;  height:3px;  margin:0 auto; }		
		
		
	
	#content .news{ background:#f7f7f7; min-height:559px; height:auto; overflow:hidden;}	
	#content .news .newslistcont{ width:1170px;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:18px; text-align:left;}		
		#content .news .newstop{ width:100%; height:505px;  margin:10px 0px 10px 0px; float:left; margin:0 auto;} 
			#content .news .newstop	.title{ width:100%; text-align:center;}
			#content .news .newstop	.title .h1{ font-weight:bold; font-family:'Oswald',"Roboto Condensed",sans-serif; color:#000;}	
			#content .news .newstop .newscont{ width:80%; margin:0 auto;}	
			#content .news .newstop .newscont ul{ width:100%; }
			#content .news .newstop .newscont ul li{ float:left; width:290px; height:366px;  margin-left:5px;}	
			#content .news .newstop .newscont ul li .newstaitou{ width:100%; height:173px; background:#FFFFFF;}		
			#content .news .newstop .newscont ul li .newstaitou a{width:100%; height:173px; background:#FFFFFF; color:#666666; padding-left:3px;}
			#content .news .newstop .newscont ul li .newstaitou a:hover{width:100%; height:173px; background:#d61718; color:#FFFFFF; display:block; text-decoration:none;}												
			#content .news .newstop .newscont ul li .newstupian{ width:100%; height:253px;}	
			#content .news .newstop .newscont ul li img{ width:290px;}			
			
			#content .news .newstop .newscont dl{}
			#content .news .newstop .newscont dt{ display:list-item; list-style-type:disc; margin-left:2em;float:left;}	
			#content .news .newstop .newscont dt a{ color:#000; text-decoration:none; font-size:14px;}						
			#content .news .newstop .newscont dd{ padding:10px 0px 10px 15px; border-bottom:1px dotted #d2d2d2}				
		
			
		#content .contact{ background-color:#f7f7f7; min-height:437px; height:auto; overflow:hidden; }	
		#content .contact .contacttitle{ width:1170px;  margin:0 auto;  text-align:center; padding-top:60px; color:#fff;}
		#content .contact .contactside{ width:50%;  background-color:#66819c; margin:0 auto;}					
		#content .contact .solid{ background:#214660; width:10%;  height:3px;  margin:0 auto; }
		#content .contact .contactcont{ width:1170px; margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding-top:30px;}		
		
		#content .contact .contactcont .contacttop{ width:585px; height:auto; border-right:2px dotted #fff;  float:left; padding:40px 15px 10px 25px;} 	
		#content .contact .contactcont .contacttop .contitle{ width:100%; height:auto; text-align:left;}		
		#content .contact .contactcont .contacttop p{ text-align:left; padding-top:10px;  font-weight:bold;}	
		#content .contact .contactcont .contactword{ width:585px; height:auto;  margin:50px 0px 10px 0px; float:left; padding-left:30px; } 	
		#content .contact .contactcont .contactword .word{ width:auto; height:auto; text-align:center;}		
		
#content .contact .contactcont .contacttop .feekbook{ width:585px; height:450px;  margin:10px 0px 10px 0px; float:left; padding-left:30px;} 
#content .contact .contactcont .contacttop .feekbook .feektitle{ width:100%; }	
#content .contact .contactcont .contacttop .feekbook .feektitle dl{ }	
#content .contact .contactcont .contacttop .feekbook .feektitle dl h1{}								
#content .contact .contactcont .contacttop .feekbook .feektitle dt{}				
#content .contact .contactcont .contacttop .feekbook .feektitle dd{}		
#content .contact .contactcont .contacttop .feekbook .feekcont{ width:100%; }	
#content .contact .contactcont .contacttop .feekbook .feekcont input{ width:280px; height:34px;}			
#content .contact .contactcont .contacttop .feekbook .feekcont label { width: 120px; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}	
#content .contact .contactcont .contacttop .feekbook .feekcont div { clear: left; font-size: 12px;}			
#content .contact .contactcont .contacttop .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
#content .contact .contactcont .contacttop .feekbook .feekcont .enter { text-align: center; margin-top:20px; }	
#content .contact .contactcont .contacttop .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:340px; border:1px solid #3b657b;}		
		
						
				
							
#footer{ height:50px; background:#067ab5;}
	#footer .foot{ margin:0 auto; width:1170px; height:auto; }
	#footer .foot .footfont{ color:#fff; font-weight:bold; padding:15px 0px 5px 0px;}


#prolistcontainer{margin:10px auto; width:96%; height:auto; position:relative; overflow:hidden;}
#procontentcontainer{position:relative;background:#fff; margin:0px auto; width:100%; min-width:1000px; max-width:1920px; height:auto;}
.item{float:left;overflow:hidden;}
.itemw1{float:left;overflow:hidden;}
.itemw2{float:left;overflow:hidden;}
.itemw4{float:left;}
.itemw5{float:left;border:0px solid #000;}
.itemw6{float:left;border:0px solid #000;width:120px;}
.itemw6 img{width:100px;}
.item img{}
.itemw1 img{}
.itemw2 img{margin:5px;margin-top:0px;}
.itemw4 img{margin-bottom:0px;}
.prolistinner{position:relative;margin:0 5px 10px 5px;background-color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.33);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.33);box-shadow:0 1px 3px 0 rgba(0,0,0,0.33);}
.prolistinner img{ height:200px;}
.demo-box{position:relative;width:100%;height:100%;}
.demo5{color:#000;font-size:18px;font-weight:bold;height:44px;line-height:44px;text-shadow:-2px 2px 0px rgba(0,0,0,.2);padding:0 50px 0 15px;background:url(../images/shakebtn.png) right center no-repeat;position:absolute;bottom:10px;left:10px;}	

.prolistinner h5{ margin-top:8px; }
.itemw4 figcaption{ padding:0 10px;}

.flexslider{ width:100%; position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}

.slides li{height:400px; width:100%;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li{ list-style-type:none; width:100%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}	

.subNav{cursor:pointer; scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-dark-shadow-color:#ffffff;  }
.subNav h6{ font-weight:bold; padding-left:6px; font-size:13px;}
.subNav h6 a{ color:#fff; text-decoration:none; font-size:13px;}
.subNav h6 a:hover{ color:#fff; text-decoration:none; font-size:13px;}
.navContent{display:none;color:#999;}
.toolbar{position:fixed;top:0;left:0;right:0; background-color:transparent;line-height:68px;border-top:2px solid #b0120a;}
.sidebar{margin:0;padding-top:1em;color:white;background-color:#067ab5; }
.sidebar li{margin:.5em 0;padding:0 1em;line-height:22px; list-style-type:disc;}
.sidebar li:hover{background-color:#e84e40;}
.sidebar li a{ padding-left:7px; color:#fff; font-size:12px; }
.sidebar li a:hover{ width:100%; background-color:#e84e40; text-decoration:none; font-size:12px;}
.sidebar .protitle h4{ text-align:center; padding:10px 0px 10px 0px; border-bottom:1px dashed #fff; font-size:22px;}
/*.page{ margin:0 auto; width:100%; text-align:center; padding:10px 30px 10px 30px; border:1px solid #f00;}*/
.page {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  width:100%;
}

@media all and (max-width: 1024px) {

	
		#content .about .aboutcont{ width:100%;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:14px; text-align:left;}
		#content .about .aboutcont .aboutleft{ float:left; width:100%; line-height:40px; color:#5b5a5a;}				
		#content .about .abouttitle{ width:100%;  margin:0 auto;  text-align:center; padding-top:60px; color:#fff;}
		#content .about .aboutside{ width:80%;  background-color:#66819c; margin:0 auto;}					
		#content .about .solid{ background:#214660; width:20%;  height:3px;  margin:0 auto; }	
		#content .about .aboutcont{ width:100%;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:13px; text-align:left;}		
		#content .contact .contacttitle{ width:100%;  margin:0 auto;  text-align:center; padding-top:60px; color:#fff;}
		#content .contact .contactside{ width:50%;  background-color:#66819c; margin:0 auto;}					
		#content .contact .solid{ background:#214660; width:10%;  height:3px;  margin:0 auto; }
		#content .contact .contactcont{ width:100%; margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding-top:30px;}	
#content .news{ margin:0 auto; width:100%; height:auto; overflow:hidden; }	
		#content .news .newstop{ width:100%; height:auto; overflow:hidden; border-bottom:2px dotted #787878; border-right:0px;  margin:10px 0px 10px 0px; float:left;} 
			#content .news .newstop	.title{ width:100%; }
			#content .news .newstop	.title .h1{ font-weight:bold; font-family:'Oswald',"Roboto Condensed",sans-serif;}	
			#content .news .newstop .newscont{ margin:0 auto;  width:100%;  height:auto; overflow:hidden;}				
			
			#content .news .newstop .newscont dl{ padding:0px 20px;}
			#content .news .newstop .newscont dt{ display:list-item; list-style-type:disc; margin-left:2em}					
			#content .news .newstop .newscont dd{ padding:10px 0px 10px 0px; border-bottom:1px dotted #d2d2d2; }				
		#content .news .feekbook{ width:100%; height:500px;  float:left; padding: 0px 5px;} 
			#content .news .feekbook .feektitle{ width:100%; }	
			#content .news .feekbook .feektitle dl{ }	
			#content .news .feekbook .feektitle dl h1{}								
			#content .news .feekbook .feektitle dt{}
			#content .news .feekbook .feektitle dt h1{ font-size:30px;}							
			#content .news .feekbook .feektitle dd{}		
			#content .news .feekbook .feekcont{ width:100%; }	
			#content .news .feekbook .feekcont input{ width:60%;}	
			#content .news .feekbook .feekcont textarea	{ width:70%;}	
	#content .ProductC {width:100%;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:18px; text-align:left;}				
	#content .ProductC .Productcont{width:100%;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:10px; line-height:50px; font-size:18px; text-align:left;}			
	#content .news .newslistcont{ width:100%;  margin:0 auto; text-align:center;   color:#fff;  height:auto; overflow:hidden; padding:30px; line-height:50px; font-size:18px; text-align:left;}		
	#content .ProductC .Productcont .procont{ margin:0 auto;  width:100%;  height:auto; overflow:hidden;}
		#content .about .aboutcont .aboutright{ float:right; width:100%; text-align:center;}	
			#content .news .newstop .newscont ul{ margin:0 auto; width:100%;  height:auto; overflow:hidden; text-align:center;}			
	#content .news .newstop .newscont ul li{ margin:0 auto; float:left; width:100%; height:366px; overflow:hidden; margin-bottom:15px; }
	#content .news .newstop .newscont ul li .newstupian{ width:100%; height:auto; overflow:hidden;}			
	#content .news .newstop .newscont ul li img{ width:100%; }			
		#content .news .newstop{ margin:0 auto; width:100%; height:auto; overflow:hidden;  float:left;} 
	#content .ProductC .Productcont .procont ul li .pic{ width:100%; height:auto; overflow:hidden;}		
	#content .ProductC .Productcont .procont ul li .pic img{ width:100%;} 		
#footer{ height:50px; background:#067ab5;}
	#footer .foot{ margin:0 auto; width:100%; height:auto; }
	#footer .foot .footfont{ color:#fff; font-weight:bold; padding:15px 0px 5px 0px;}		
#content .contact .contactcont .contacttop{ width:100%; height:auto;    border-right:0px;  float:left; padding:40px 15px 10px 25px;} 

#content .contact .contactcont .contacttop .feekbook{ width:100%; height:300px; margin:10px 0px 10px 0px;  float:left; padding:0px 5px;} 
#content .contact .contactcont .contacttop .feekbook .feektitle{ width:100%; }	
#content .contact .contactcont .contacttop .feekbook .feektitle dl{ }	
#content .contact .contactcont .contacttop .feekbook .feektitle dl h1{}								
#content .contact .contactcont .contacttop .feekbook .feektitle dt{}				
#content .contact .contactcont .contacttop .feekbook .feektitle dd{}		
#content .contact .contactcont .contacttop .feekbook .feekcont{ width:100%; }	
#content .contact .contactcont .contacttop .feekbook .feekcont input{ width:60%; height:34px;}			
#content .contact .contactcont .contacttop .feekbook .feekcont label { width: 25%; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}	
#content .contact .contactcont .contacttop .feekbook .feekcont div { clear: left; font-size: 12px;}			
#content .contact .contactcont .contacttop .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
#content .contact .contactcont .contacttop .feekbook .feekcont .enter { text-align: center; margin-top:20px; }	
#content .contact .contactcont .contacttop .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:60%; border:1px solid #3b657b;}		
		#content .contact .contactcont .contacttop{ width:100%; height:auto; border-right:2px dotted #fff;  float:left; padding:40px 15px 10px 25px;} 	
		#content .contact .contactcont .contacttop p{ text-align:left; padding-top:10px;  }	
		#content .contact .contactcont .contactword{ width:100%; height:auto;  margin:50px 0px 10px 0px; float:left; padding-left:30px; } 		
		
.size .gsjjcont .gsright .feekbook .feekcont{ margin:0 auto;  width:70%; margin-top:20px;}	
.size .gsjjcont .gsright .feekbook .feekcont input{ width:60%; height:34px;}			
.size .gsjjcont .gsright .feekbook .feekcont label { width: 30%; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}
.size .gsjjcont .gsright .feekbook .feekcont div { clear: left; font-size: 12px;}		
.size .gsjjcont .gsright .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
.size .gsjjcont .gsright .feekbook .feekcont .enter  { text-align: center; margin-top:20px; }	
.size .gsjjcont .gsright .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:60%; border:1px solid #3b657b;}			

.logo img { width:80%;}	

	#content .newspro{margin:0 auto; width:100%; height:auto; overflow:hidden; }
	
.size{ margin:0 auto; width:100%; min-height:680px; _height:auto; overflow:hidden;}
.size .gsjjtitle{ padding:30px; color:#fff;}
.size .gsjjtitle h1{ text-align:center;}
.size .gsjjtitle::after{ display:block; content:""; width:100px; height:3px; background:#20455f; margin-top:20px; margin:0 auto; }
.size .gsjjcont { padding:10px; width:100%; color:#fff;}
.size .gsjjcont .gsleft{ float:left; width:100%; padding:0px 10px 0px 0px; text-align:left; font-size:15px; color:#999999;}
.size .gsjjcont .gsright{float:left; width:100%; padding:0px 10px 0px 40px; font-size:14px;}

.size .newslist ul{width:100%;  padding:30px 5px 30px 5px;} 
.size .newslist ul li{width:100%; height:auto; overflow:hidden; font-size:15px; color:#000000; border-bottom:1px dashed #2f5d7f; text-decoration:none; padding:10px;  list-style-type:circle;}

.size .newslist ul li a#nt{ float:left; width:60%; padding-left:2px; font-size:15px; color:#2f5d7f; text-decoration:none; text-align:left; padding-top:5px; }	
.size .newslist ul li a#date{ float:right; padding-top:5px; padding-right:2px; color:#2f5d7f;  width:25%;} 

.pfont{ font-size:19px; }

.logo {

    font-size: 1.4em;
    line-height: 40px;
    margin: 5px 0px 0px -10px;
    width: 250px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
}

.size .gsjjcont .gsleft img{ width:100%;}
.size .gsjjcont .gsright{float:left; width:100%; padding:0px 10px; font-size:14px; }

.size .showproleft{ float:left; }
	
#footer .foot .footfont{ color:#fff; font-weight:bold; font-size:12px; padding:15px 0px 5px 0px;}	
#content .newspro .gstt{ float:left; width:50%; height:auto;  font-size:20px; font-weight:bold; padding:10px;}

#content .newspro .search{ float:right; width:50%; padding:0px 10px 10px 0px;}	
#content .newspro .search input{ width:97%;}
.page{ margin:0 auto; width:100%; text-align:left; padding:10px; }	


.size .procont{ margin:0 auto; width:100%; height:auto; overflow:hidden; padding:50px 60px;}
.size .procont .showproleft{ float:left;  width:100%; text-align:center;}
.size .procont .showproleft img{ width:90%;}
.size .procont .showproright{ float:right; width:100%; padding-top:10px; }
.size .procont .showproright p span{ font-weight:bold;}

.size .login{ margin:0 auto; width:80%; height:200px;  border:1px solid #41637c; padding:10px; }
.size .denglu{ width:100%; height:auto; overflow:hidden; padding-top:10%;}
.size .denglu .shouming{ margin:0 auto; width:90%; height:auto;}
.size .denglu .shouming .shuomingtitle{ text-align:center;}
.size .denglu .shouming .shuomingtitle h1{ color:#2f5d7f;}
.size .denglu .shouming .shuomingcont{ width:100%; padding:10px 0px; color:#f00;}

.size .denglu .login .username{ margin:0 auto; width:100%; height:34px; padding-top:20px; color:#2f5d7f; }
.size .submit{ width:400px; height:24px; margin-top:20px; margin-left:110px;}
.size .denglu .login .submit1{ width:100%; height:24px; margin-top:90px; margin-left:50px;}
.size .denglu .login .username input{FONT-WEIGHT: normal; FONT-SIZE: 12px; WIDTH:75%; LINE-HEIGHT: normal; FONT-STYLE: normal; HEIGHT: 34px; FONT-VARIANT: normal; border:1px solid #999;}


.size .reg{ width:100%; height:auto; padding:0px 5px; }
.size .reg .feekbook{ margin:0 auto; width:100%; height:auto; } 
.size .reg .feekbook .feektitle{ margin:0 auto; width:90%; }	
.size .reg .feekbook .feektitle dl{ }	
.size .reg .feekbook .feektitle dl h1{}								
.size .reg .feekbook .feektitle dt{}				
.size .reg .feekbook .feektitle dd{}		
.size .reg .feekbook .feekcont{ width:90%; }	
.size .reg .feekbook .feekcont input{ width:60%; height:34px;}			
.size .reg .feekbook .feekcont label { width: 25%; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}	
.size .reg .feekbook .feekcont div { clear: left; font-size: 12px;}			
.size .reg .feekbook .feekcont input { margin:5px;  padding:0px; font-size: 11px; border:1px solid #3b657b;}				
.size .reg .feekbook .feekcont .enter { text-align: center; margin-top:20px; }	
.size .reg .feekbook .feekcont textarea { margin: 6px; padding:1px; font-size: 11px; width:65%; border:1px solid #3b657b;}	
		
.flexslider{ width:100%; position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li img{ width:100%;}
#content .news .feekbook .feekcont label { width: 25%; text-align: right; float: left; color:#000; padding-top:15px; font-size:13px; color:#616161; font-weight:normal;}		
#content .contact .contactcont .contactword{ width:92%; height:auto;  margin:50px 0px 10px 0px; float:left; padding-left:30px; } 					

.wp_box {

  background: #fff;
  margin: 0 10px;
}

.wp_box .hd {

  height: 32px;
  line-height: 32px;
  
  margin: 1px;
}

.flexslider{ width:100%; position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}


.roll_lt, .roll_rt {
  position: absolute;
  top: -15px;
  right:15%;
  width: 18px;
  line-height: 89px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.subbg{width:50%; height:40px; border:0; background:#5591a9; color:#fff; font-size:15px;  font-weight:bold; border:1px solid #41637c;}
.userinp{ width:50%;}
}

@media all and  and (max-width: 400px){
.roll_lt, .roll_rt {
  position: absolute;
  top: -15px;
  right:20%;
  width: 18px;
  line-height: 89px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
}
@media all and (max-width: 360px) {

.size .denglu .login .username input{FONT-WEIGHT: normal; FONT-SIZE: 12px; WIDTH:60%; LINE-HEIGHT: normal; FONT-STYLE: normal; HEIGHT: 34px; FONT-VARIANT: normal; border:1px solid #999;}

.size .denglu .login .submit1{ width:100%; height:24px; margin-top:90px; margin-left:20px;}
}
@media all and (min-width: 1300px){

}
@media all and (min-width: 1000px) and (max-width: 1365px) {

}