@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;color:#000;padding:0;margin:0;list-style:none;font-size:14px;}
@font-face{}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
ul li{ list-style:none;}
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:1920px;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width:1002px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	margin:0 auto;
	overflow:hidden;
}

.bob{ width:100%; height:50px; float:left;}

/*首页--头部*/
.topbox{width:100%;height:30px;float:left; background:#212224;}
.topbox1{width:1002px;height:30px;margin:0 auto;}

/*中英文*/
.topbox1_r{width:582px; padding:0px 10px; height:30px; float:right; font-size:12px; line-height:30px; text-align:right; color:#FFF;}
.topbox1_r a{color:#FFF;text-decoration:none;}	
.topbox1_r a:hover{color:#c0bfbf;}

.header{width:100%;height:110px;float:left;}
.hboxM{width:1002px; height:110px; margin:0 auto;}
.logo{ width:170px; height:110px; float:left;}

.navM{ width:685px; height:45px; float:left; margin-top:40px;}
.navM ul li{ list-style:none; float:left; padding:0px 30px; height:45px; text-align:center; overflow:hidden; }
.navM ul li a{ height:45px; line-height:45px;color:#666666; font-size:14px;text-decoration:none; }
.navM ul li a:hover{border-bottom:4px inset #073f89; color:#073f89;height:45px; line-height:45px; padding:9px 0px; *padding:8px 0px;}
#choose a{border-bottom:4px inset #073f89; color:#073f89;height:45px; line-height:45px; padding:9px 0px; *padding:8px 0px;}

/*首页--查找*/
.searchbox{ width:137px; height:110px; float:left;}
.search{width:137px;height:37px;float:left;overflow:hidden; margin-top:43px; background:url(../img/page/sbg.jpg) center center no-repeat;}
.search ul li{float:left; list-style:none;}
#search_input1{outline:none;height:24px; *+height:24px; width:85px; line-height:24px;float:left;color:#828282;font-size:12px;
border:0px solid #828282; padding:0px 5px; background-color:transparent; margin-top:7px;}
#search_input2{ float:left; width:25px; height:25px; outline:none; margin-top:6px; margin-left:5px;}

/*首页--banner*/
.bannerbox{width:100%; max-height:700px;float:left; overflow:hidden; position:relative;}
.banner{
  height:auto;
  width: 100%;
  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);
  }
}
@-moz-keyframes sky_background {
  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);
  }
}
@keyframes sky_background {
   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:1002px;}
.mpic{ margin:0px 35px;*margin:0px 29px;}
.mts{ margin-top:35px;}
.contain{ width:100%; min-height:500px; float:left;}
.containM{ min-height:300px; margin:0 auto;}

.sycpbox{ width:100%; min-height:500px; float:left; background:#f6f6f6; padding-bottom:60px;}
.sytitle{ width:1002px; margin-top:15px; float:left; height:50px; border-bottom:1px solid #828282; font-size:18px; line-height:50px; color:#212224;}
.sysortb{width:1002px;height:890px; overflow:hidden; }
.sycp{width:310px;height:410px;float:left; margin-top:22px; margin-bottom:15px;
border:#c9cbce 0px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c9cbce,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 2px 2px 10px #c9cbce;/*兼容firefox*/
-webkit-box-shadow: 2px 2px 10px #c9cbce;/*兼容safari或chrome*/
box-shadow:2px 2px 10px #c9cbce;/*兼容opera或ie9*/
}
.sycp ul li{list-style:none;width:310px;height:410px;position:relative;overflow:hidden;cursor:pointer;}
.sycp ul li a{text-decoration:none;}	
.txt{position: absolute;left: 0;bottom:0px;width: 100%;height: 0px;background:#073f89 !important;}

.syabbox{ width:100%; min-height:400px; float:left;}
.syab{ width:1002px; min-height:400px; margin:0 auto;}
.syab-info{ width:100%; min-height:100px; float:left; margin-top:60px; font-size:12px; color:#212224; line-height:25px;}
.syab-but{ width:100%; height:44px; float:left; margin-top:27px;}
.sybut{ width:120px; height:40px; margin:0 auto;
}
.sybut a{ display:block; line-height:40px; text-align:center;border:1px solid #ddd; font-size:12px; color:#666; text-decoration:none;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.sybut a:hover{ color:#FFF; background:#212224;border:1px solid #212224;}

.sypic{ width:1002px; height:293px; padding-bottom:30px; float:left; margin-top:45px;}
.sypicL{ width:501px; height:293px; float:left;}


/* ~~ 导航loc ~~ */
.locbox{width:1002px;height:30px;margin:30px auto 0px auto;padding:10px 0px 15px;border-bottom:1px solid #CCC;}
.loctitle{width:35px;height:30px;float:left;}
.loc{width:900px;height:30px;float:left;}
.loc ul li{padding:0px 3px;height:30px;line-height:30px;float:left;font-size:13px;list-style:none;color:#666;}	
.loc ul li a{color:#000;text-decoration:none;}	
.loc ul li a:hover{color:#666;text-decoration:none;}
#loc{color:#000;}


/*~~ 关于我们 ~~*/
.abbox{ width:1002px; min-height:800px; float:left; color:#666; font-size:14px; margin-top:60px; line-height:28px;}

/*产品中心*/
.pf{min-height:700px;}
.probox{ width:1002px; min-height:500px; float:left; margin-top:50px;}
.proL{ width:180px; float:left; min-height:300px; background:#595959; padding:0px 12px 30px 12px;}
.proL-T{width:180px; float:left; height:45px; font-size:20px; line-height:40px; border-bottom:3px solid #073f89; 
 margin:20px 0px 20px 0px;  color:#ececec;letter-spacing:1px}
#ml-nav{background:#073f89; color:#ececec;}
#ml-nav2{color:#ececec;text-decoration:none;background:#073f89;}
.proR{ width:788px; float:left; min-height:500px; margin-left:10px;}

.cpbox{width:788px;min-height:500px;float:left;}
.cp{width:245px;height:240px;float:left; background:#FFF; margin-left:17px; margin-bottom:17px;}
.cp-pic{ width:100%; height:190px; background:#FFF; overflow:hidden; color:#272727;}
.cp-name{ width:100%; text-align:center; height:50px; line-height:50px; font-size:13px; font-weight:bold; color:#212224;}
.cp-pic img{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;width:100%; height:100%;}
.cp-pic img:hover{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}
.cp:hover .cp-name{ background:#595959; color:#ececec;}
.cp-pic a{ text-decoration:none; cursor:pointer;}


.t2{width:450px;height:450px;border:1px solid #CCC;}
.ban{ width:1002px; min-height:550px; position:relative; overflow:hidden; float:left; *+z-index:5;}
.prev{ float:left; cursor:pointer;}
.num{ height:50px;overflow:hidden; width:370px; position:relative;float:left;}
.min_pic{ padding-top:30px; width:450px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:50px; height:50px; margin-right:13px;  text-align:center;}
.num ul li img{ width:48px; height:48px; border:1px solid #a9a8a8;}
.num ul li img:hover{ border:1px solid #212224; }
.num ul li a:on{ border:1px solid #808080; }
.prev_btn1{ width:30px; text-align:center; height:50px; margin-right:12px; cursor:pointer; float:left;}
.next_btn1{ width:30px; text-align:center; height:50px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.cpinfobox{float:right;width:480px;min-height:550px;margin-top:-550px;*+margin-top:-550px; }
.cf01{ width:480px; min-height:100px; float:left; font-size:14px; color:#271e22; line-height:30px; overflow:hidden;}
.cf01 img{ width:100%;}
.cft{ margin-top:10px;position:relative; z-index:3; }

.piccon{ width:480px; min-height:100px; float:left; overflow:hidden;}
#preview{position:absolute;border:1px solid #DDD;background:#FFF;padding:5px;display:none;color:#fff;z-index:999;}

.cpinfos_more{width:1002px;min-height:370px;float:left; }
.cpinfos_more_name{width:1002px;height:45px;line-height:45px;color:#212224;font-size:14px;word-spacing:2px;
border-bottom:1px solid #ddd;}
.cms1{ margin-left:0px; margin-bottom:0px;margin-top:40px; width:240px;}
.cms2{ margin-left:11px; margin-bottom:0px;margin-top:40px; width:240px;}


/*~~ 技术 ~~*/
.best01{ width:1002px; min-height:300px; float:left; line-height:30px; font-size:14px; color:#666; }
.best02{ width:982px; min-height:300px; float:left; line-height:30px; font-size:14px; color:#666; margin-top:70px; padding:10px;
border:1px solid #ddd;}
.b-title{ width:300px; height:50px; float:left; position:relative; z-index:2; margin-top:-35px; margin-left:350px;font-size:24px;
 text-align:center; color:#093c88; font-weight:bold; line-height:50px;}
.b-info{ width:100%; min-height:400px; float:left;}

.bi-box{ width:491px; height:131px; float:left; margin-top:45px; margin-bottom:30px;}
.bi-pic{ width:130px; height:131px; float:left; background:#212224; margin-left:5px;}
.bi-show{ width:331px; height:121px; float:left; padding:5px 0px 5px 20px; font-size:14px; color:#212224; overflow:hidden; line-height:25px;}
.bi-box:hover .bi-pic{ background:#666; cursor:pointer;}
.bi-box:hover .bi-show{ color:#666;cursor:pointer;}

.best03{ width:1002px; height:500px; float:left; color:#666; margin-top:70px;}
.copys{ width:430px; height:300px; margin-top:10px;}



/*~~ 新闻中心 ~~*/
.nmr{margin-right:15px;}
.newsbox{ width:100%; min-height:300px; float:left; overflow:hidden; margin-top:20px;}
.idsimg_box{width:324px;height:350px; float:left;margin-top:30px; background:#FFF; overflow:hidden;}
.idsimg_box a{ text-decoration:none; cursor:pointer;}
.idsimg_box:hover{background:#464646;}
.idsimg_box:hover a .ip1{color:#FFF;}
.idsimg_box:hover a .ip2{color:#FFF;}
.idsimg_box:hover a .ip3{color:#FFF;}

.imgbox{ width:324; height:204px; float:left; overflow:hidden;} 
.imgbox img{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;}
.imgbox img:hover{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}

.imginfo{width:304px; padding:0px 10px; height:230px;float:left; }
.ip1{ width:304px; height:25px; margin-top:15px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:25px; color:#212224;}
.ip2{ width:304px; min-height:25px; float:left; overflow:hidden; font-size:12px;line-height:25px;color:#828282;}
.ip3{ width:304px; height:40px; float:left; overflow:hidden; font-size:12px;line-height:40px;color:#666666; font-weight:600;}

.in-newsbox_title{ width:1002px; min-height:40px; line-height:40px; font-size:16px;text-align:center; float:left;color:#0183c7; margin-top:50px;}
.in-newsbox_info{width:1002px; height:40px;float:left;}
.in-newsbox_info ul li{text-align:center;width:500px;font-size:13px;color:#3d393b;height:40; line-height:40px; float:left; list-style:none;text-align:center;}
.in-newsbox_content{ float:left;margin-bottom:20px;font-size:14px;line-height:32px; color:#464646;}

.page{ width:100%;height:50px;line-height:53px;float:left;text-align:right;font-size:13px; margin-bottom:20px;padding-top:30px; overflow:hidden;}	
.page a{text-decoration:none;padding:3px 11px;border:1px solid #FFF;background:#FFF;color:#212224;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:3px 11px;border:#073f89 1px solid;color:#FFF;background:#073f89;margin-left:2px;}	


/* ~~ 新闻详细信息~~ */
.newsM-info{ width:1002px;min-height:500px; float:left;}
.in-newsbox_title{  width:1002px; min-height:70px; line-height:50px; font-size:20px;text-align:center; float:left; color:#212224; margin-top:30px;}
.in-newsbox_info{ width:1002px; height:30px;float:left;}
.in-newsbox_info ul li{text-align:center;width:500px;font-size:14px;color:#212224;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:#212224;}



/*~~ 联系我们 ~~~*/
.contbg{background:#f6f6f6;}
.contbox{ width:100%; min-height:300px; float:left;}
.cont-info{ width:1002px; min-height:200px; margin-top:40px; font-size:14px; float:left; color:#666666;}
.map{ width:100%; height:530px; float:left;}
.map iframe{width:100%; height:530px; float:left;}

.feedbackbox{ width:100%; min-height:300px; float:left; margin-top:60px;}
.feedback{ width:1002px; height:560px; margin:0 auto;}
.feeb-info{ width:1002px; height:560px; float:left;}
.p2{ width:1002px; height:60px; float:left; line-height:50px; font-size:15px; color:#073f89;font-weight:bold;}
.p3{ width:1002px; min-height:35px; float:left; font-size:15px; font-weight:bold;}
.wz{ color:#666666;}
.p3l{ width:130px; float:left; height:33px; line-height:33px; }
.p3r{ width:850px; float:left; min-height:35px; }
.p3r3{ width:850px; height:50px; float:left;}
.fkname-i{ width:850px; float:left; min-height:50px; margin-top:5px;}
.fkname-i textarea{width:780px;height:180px;padding:10px;resize: none;outline:none;border:1px solid #828282; color:#6c6d70;
font-family:"Microsoft Yahei"; font-size:14px;
-moz-box-shadow: inset 0 0 5px #ccc;
-webkit-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
}

#input1{height:22px; *height:22px; width:350px; border:1px solid #828282; 
line-height:22px; color:#828282; font-size:14px; padding:1px 5px; outline:none;
-moz-box-shadow: inset 0 0 5px #ccc;
-webkit-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
margin-top:4px;
}
#button1{width:120px;height:28px;outline:none;float:left;outline:none;cursor:pointer;border:0px;text-align:center;line-height:27px;
color:#828282;background:#073f89;margin-top:30px;color:#FFF;}	
#button1:hover{background:#212224;}
#button1{
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
}
	
/* ~~ 脚注 ~~ */
.footbox{width:100%;min-height:250px;float:left;background:#212224;}	
.footM{width:1002px;min-height:250px;margin:0 auto; font-size:14px; color:#212224; line-height:75px;}
.footM-up{ width:1002px; min-height:150px; float:left;}

.footshow{width:700px;min-height:120px;float:left;line-height:25px;font-size:12px;margin-top:30px; margin-left:80px;color:#b0b0b0; padding-bottom:10px;}
.footshow a{text-decoration:none;color:#b0b0b0;}
.footshow a:hover{ text-decoration:none; color:#FFF;}

.footshow2{width:200px;min-height:120px;float:left;line-height:25px;font-size:12px;margin-top:30px;}
.footshow2 table{color:#b0b0b0;}
.footshow2 a{ text-decoration:none;color:#b0b0b0;}
.footshow2 a:hover{ text-decoration:none; color:#FFF;}

#share_foot a{ width:30px; height:30px; display:block; padding:0px; margin:0px;}
#share_foot a.bds_weixin{background:url(../img/page/footWX.png) -5px -5px no-repeat;}
#share_foot a.bds_sqq{background:url(../img/page/footQQ.png) -5px -5px no-repeat;}
#share_foot a.bds_tsina{background:url(../img/page/footWB.png) -5px -5px no-repeat;}
.footM-down{width:1002px;min-height:50px; font-size:12px; color:#a0a0a0; line-height:50px; text-align:center;}
.footM-down a{ color:#a0a0a0; text-decoration:none;}

/* ~~ 其它浮动/清除类 ~~ */
.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;
}