@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font-family:"Microsoft Yahei",Arial, Verdana, Geneva, sans-serif;color:#000;padding:0;margin:0;list-style:none;font-size:14px;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
a img {border: none; text-decoration:none;outline:none;color:#000;}
a:link {color:#000;text-decoration: underline;}
a:visited {color: #000;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s; text-decoration:none;}
.container{
	max-width:1900px;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width:1200px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	margin:0 auto;
	overflow:hidden;
}

@font-face{
}

.btm{ width:1200px; height:50px; float:left;}

	
/*首页*/
.headbox{width:100%;height:90px;float:left; background:#063156;}
.logobox{width:1200px;height:90px;margin:0 auto; text-align:center;}


/*首页--导航*/
.navbg{width:100%;height:45px;float:left; overflow:hidden; background:#e7e7e7;}
.navboxM{ width:1200px; height:45px; margin:0 auto; }
.nav{width:640px; height:45px; float:left; margin-left:270px; }
.nav ul li{ list-style:none; float:left; width:160px; height:45px; text-align:center; overflow:hidden;}
.nav ul li a{ height:45px; line-height:45px;color:#333333; font-size:15px;text-decoration:none;}
.nav ul li a:hover{border-bottom:4px inset #2c8ae2; color:#2c8ae2;height:45px; line-height:45px; padding:9px 0px; *padding:8px 0px;}
#choose{border-bottom:4px inset #2c8ae2; color:#2c8ae2; height:45px; line-height:45px; padding:9px 0px; *padding:8px 0px;}


/*--搜索--*/
.searchbox{ width:75px; height:45px; float:right; background:#17a5e8;}
.header_nav { position: relative; float: left; z-index: 98; }
.header_nav.blocklanguages { }
.header_nav .current { overflow: hidden; color: #848484; font-size: 13px; line-height: 18px; position: relative; padding-right: 15px; cursor: pointer;}
.header_nav .current:after { display: block; font-size: 13px; line-height: 18px; position: absolute; top: 0; right: 0; }
@media (max-width: 991px) { .header_nav .current .cur-label { display: none; } }
.header_nav ul.toogle_content { display: none; position: absolute; top: 40px; left: 0; overflow: hidden; width: 180px; margin: 0; padding: 5px 20px; }
@media (max-width: 767px) { .header_nav ul.toogle_content { width: 180px; } }
.header_nav ul.toogle_content li, .header_nav ul.toogle_content li a { display: block; color: #000; font-size: 13px; letter-spacing: 0.04em; line-height: 30px; text-decoration:none; list-style:none; }
.header_nav ul.toogle_content li:last-child, .header_nav ul.toogle_content li a:last-child { border-bottom: 0; }
.header_nav ul.toogle_content li:hover, .header_nav ul.toogle_content li.selected, .header_nav ul.toogle_content li a:hover, .header_nav ul.toogle_content li a.selected { color: #e1bd85; }

	
#s1{height:75px; width:45px; background:url(../img/page/search.png) no-repeat;}
#s1.active{}
#first-languages{ display: none; position: absolute; top: -5px; left: -170px; overflow: hidden; width: 275px;  margin: 0;  outline:none; height:45px;}
	
.search{width:275px;height:45px;float:left;overflow:hidden;}
.seacrh ul li{float:left;list-style:none;}
#search_input1{outline:none;height:39px; *height:39px; width:140px; line-height:39px;float:left;color:#000;font-size:13px;
 border:0; padding:0px 5px; margin-top:3px;}
#search_input2{ float:left; width:75px; height:45px; outline:none;}


/*首页--banner*/
.bannerbox{width:100%; height:auto;float:left; overflow:hidden;  background:#313131; text-align:center;}
.bannerbox iframe{width:100%; height:600px;float:left; background:#313131;}
.banner{
  width:100%;
  height:auto;
  position:relative;
  -webkit-animation: banner_one 9s ease-out;
  -moz-animation: banner_one 9s ease-out;
  -o-animation: banner_one 9s ease-out;
  animation: banner_one 9s ease-out;
}

@-webkit-keyframes banner_one{
  0% {
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}


/*首页--产品*/
.md{ width:1200px;}
.contain{ width:100%; min-height:400px; float:left; background:#313131;}
.containM{ margin:0 auto; min-height:400px; overflow:hidden;}

.sysort{ width:100%; min-height:400px; float:left; margin-top:55px;}
.sysortM{width:1200px; min-height:400px; margin:0 auto; background:#151516; overflow:hidden; padding:10px 15px;}
.sycp{width:380px;height:350px;float:left; margin-top:22px; margin-left:15px;
border:#c9cbce 0px solid;color:#333;}
.sycp ul li{list-style:none;width:380px;min-height:250px;position:relative;overflow:hidden;cursor:pointer;}
.sycp ul li a{text-decoration:none;}
.sycp-name{ width:380px; height:80px; line-height:60px; float:left; color:#FFF; font-size:16px; font-weight:600;}	
.txt{position: absolute;left: 0;bottom:0px;width: 100%;height: 0px;background:#2c8ae2 !important;}
.sycp:hover .sycp-name{ color:#2c8ae2;}
.sycpmore{ width:1200px; height:80px; float:left; text-align:center; margin-top:50px;}


/* ~~ 首页关于我们~~ */
.syab{ width:100%; height:470px; float:left; overflow:hidden;}
.syabM{ width:1200px; min-height:470px; margin:0 auto; background:#063156; margin-top:55px;}
.syabL{ width:370px; height:300px; float:left; margin-left:150px;}
.syab-info{width:370px; height:320px; float:left;line-height:20px; font-size:12px; color:#b6b6b6;}
.syab-bu{ width:95px; height:34px; float:left;}
.syab-bu a{ display:block; background:url(../img/images/page/button.jpg) center -1px;
text-align:center; line-height:32px; font-size:12px; color:#FFF; font-weight:600; text-decoration:none;}
.syab-bu a:hover{background:url(../img/images/page/button.jpg) center 1px;}
.syabR{ width:610px; height:470px; float:left; margin-left:70px;}


/* ~~ 首页work~~ */
.syworkbox{ width:100%; height:508px; float:left; background:url(../img/images/page/sy01.jpg) center center no-repeat; margin-top:55px;}
.syworkM{ width:722px; height:220px; margin:0 auto; margin-top:143px;}
.winfo{  width:722px; height:220px; float:left;color:#FFF; font-size:14px; color:#d9d9d9; line-height:25px; margin-left:5px;}



/* ~~ 关于我们 ~~ */
.aboutbox{ width:850px; float:leftl; min-height:500px; margin-left:175px; }
.ab-t{ width:850px; height:50px; float:left; line-height:50px; color:#FFF; font-size:33px; margin-top:70px;}
.ab-info{ width:850px; min-height:300px; float:left; font-size:16px; color:#b7b7b7; line-height:30px; font-family:Arial; margin-top:10px;
border-bottom:1px dashed #b7b7b7 }

.contactbox{ width:850px; float:left; min-height:500px; margin-left:175px; background:#063156; margin-top:50px; padding-bottom:30px; overflow:hidden;}
.contact-info{ width:850px; float:left; min-height:200px; color:#FFF; font-size:12px;}
.maptop{ width:850px; height:80px; float:left; position:relative; z-index:1;}
.map{ width:850px; height:330px; float:left; margin-top:-80px;}
.map iframe{ width:850px; height:330px; float:left;}

.feedback{ width:100%; min-height:500px; float:left; background:url(../img/page/fbg.jpg) center top no-repeat; }
.feedbackM{  width:850px; float:leftl; min-height:500px; margin:0 auto; }
.f-title{ width:850px; height:50px; float:left; line-height:50px; color:#FFF; font-size:36px; margin-top:80px; text-align:center;}
.fbtable{ margin-left:80px; height:auto; width:690px; float:left; margin-top:50px;}
.lx-n{ width:690px; min-height:70px; border:1px solid #FFF; overflow:hidden;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.lxt{ margin-top:30px;}

#input1{height:30px; *height:30px; width:520px; border:0px solid #e5e5e5; 
line-height:30px; font-size:13px; padding:1px 5px; margin-left:10px; background:transparent; outline:none;
margin-top:20px; color:#FFF; font-size:19px;}
#input2{height:30px; *height:30px; width:370px; border:0px solid #e5e5e5; 
line-height:30px;color:#000; font-size:13px; padding:1px 5px; margin-left:10px; background:transparent; outline:none;
margin-top:20px; font-size:19px;}

.lx-name{ height:70px; padding:0px 10px 0px 30px; float:left; line-height:70px; font-size:19px; color:#FFF;}
#lx-name{ color:#2888e2;}

.lx-n textarea{width:660px;height:70px;padding:0px 30px;resize: none;outline:none;border:0px solid #CCC;font-size:19px; color:#FFF;
 background:transparent; font-family:"Microsoft Yahei";}

.lxbg{ background:#FFF; border:0px solid #FFF; height:70px; overflow:hidden;}
.lxe{ width:428px; height:70px; float:left;}
.lxb{width:120px; height:70px; float:left;}
#button1{width:120px;height:70px;outline:none;cursor:pointer;border:0px;text-align:center;
line-height:70px;color:#FFF;background:url(../img/page/send.png) center center no-repeat #2888e2;font-size:14px;}	
#button1:hover{background:url(../img/page/send.png) center center no-repeat #000;}
#button1{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.feeb{ width:850px; height:170px;overflow:hidden; float:left; line-height:45px; text-align:center; font-size:16px; color:#bebebe;}

/*产品中心*/
.probox{ width:1200px; min-height:500px; margin:0 auto; padding:50px;}
.proT{ width:815px; height:80px; line-height:80px; float:left; margin-left:285px; text-align:center; font-size:18px; font-weight:600;
color:#FFF; letter-spacing:1px; word-spacing:2px;}
.proL-T{width:165px; float:left; height:40px; font-size:16px; line-height:40px; border-bottom:3px solid #00a0e9; 
 margin:20px 0px 20px 0px; font-weight:600; color:#00a0e9;letter-spacing:1px}
.proL{ width:224px; float:left; min-height:300px; background:#595959; padding:0px 18px 0px 18px;}
#ml-nav{background:#00a0e9; color:#ececec;}
#ml-nav2{color:#ececec;
	text-decoration:none;
	background:url(../img/page/navc.png);}
.proR{ width:820px; float:left; min-height:500px; margin-left:24px;}

.cpbox{width:820px;min-height:650px;float:left; }
.cp{width:268px;height:260px;float:left; background:#f7f7f7; margin:2px;}
.cp-pic{ width:268px; height:190px; background:#FFF; overflow:hidden;color:#272727;}
.cp-name{ width:268px; text-align:center; height:70px; line-height:70px; font-size:13px;}
.cp-pic img{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;width:268px; height:190px;}
.cp-pic img:hover{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}
.cp:hover{ color:#00a0e9;}

#lock{ background:url(../img/page/lock.png) right center no-repeat;}
#lock:hover{ color:#00a0e9; }

/* ~~ 新闻中心 ~~ */
.newsbox{ width:930px; min-height:500px; float:left; margin-left:135px;margin-top:20px;}

.newsshow{width:930px;height:165px;float:left; margin-top:50px; overflow:hidden; background:#FFF;}
.info_L{width:230px;height:165px;float:left; overflow:hidden;}
.info_L img{width:230px;height:165px;}
.info_R{width:650px;height:165px;float:left;overflow:hidden;margin-left:50px;}
.info_title{width:600px;max-height:60px;float:left;font-size:15px; overflow:hidden; color:#063156; margin-top:20px;
font-weight:600;}
.info_date{width:630px;float:left;font-size:12px;color:#063156; text-align:right; margin-top:10px;}
.info_content{width:600px;height:65px;float:left;line-height:20px;font-size:13px; margin-top:10px;}
.info_content a{text-decoration:none;color:#063156;display:block;}	
.info_content a:hover{color:#2c8ae2;}

.info_L img{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;}
.info_L img:hover{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}

.page{ width:930px;height:50px;line-height:53px;float:left;text-align:right;font-size:12px; margin-bottom:50px;padding-top:30px;
margin-left:135px;}	
.page a{text-decoration:none;padding:4px 11px;border:1px solid #cecece;background:#FFF;color:#063156;margin-left:2px;
	-moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari 和 Chrome */
    border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	}

.page a:hover{padding:4px 11px;border:#2c8ae2 1px solid;color:#FFF;background:#2c8ae2;margin-left:2px;}	


/* ~~ 新闻详细信息~~ */
.newsM-info{ width:930px;min-height:500px; float:left;}
.in-newsbox_title{  width:930px; min-height:70px; line-height:50px; font-size:20px;text-align:center; float:left; color:#FFF; margin-top:60px;}
.in-newsbox_info{ width:930px; height:30px;float:left;}
.in-newsbox_info ul li{text-align:center;width:460px;font-size:14px;color:#fff;height:30; line-height:30px; float:left; list-style:none;text-align:center;}
.in-newsbox_content{ float:left;margin-bottom:20px;font-size:14px;line-height:40px; color:#FFF;}


	
/* ~~ 脚注 ~~ */
.footbox{width:100%;min-height:60px;float:left; overflow:hidden;}
.footM{ width:1200px; margin:0 auto; height:60px;}
.footMF{ color:#063156; font-size:12px; line-height:60px; height:60px; width:820px; text-align:right; float:left; }
.footMF a{ text-decoration:none;}
.footMS{ width:130px; height:30px; float:left; margin-left:250px; margin-top:10px;}



/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}