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

body{ font-size:12px;}
a { color:#666; text-decoration:none; }
a:hover { text-decoration:none;}
li{list-style-type:none;}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}

/******************header css***************/
body,td,th {
    font-family:Microsoft YaHei, Helvetica, Arial, sans-serif;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}  
.fixed {
    position:fixed;
    top: 0px;
	z-index:999;
}


/* 头部 */ 
.header{ width:100%; height:140px; background:url(../images/h_bg.jpg) repeat-x;}
.header .head{ width:1200px; height:140px; margin:0 auto;}
.header .logo{ width:220px; height:113px; float:left;}
.header .you{ width:auto; float:right; margin-top:55px;}
.header .up{ width:auto; float:right; position:relative; z-index:999;}
.up ul {padding:0; margin:0; list-style-type: none;}
.up ul li {position:relative; float:right; border:1px solid #90b6d3;border-radius:25px; width:100px; padding-left:20px;}
.up ul li img{ margin-top:2px;}
.up ul li a, .menu ul li a:visited {color:#4e4e4e; display:block; text-decoration:none; line-height:28px; color:#005a9e;} 
.up ul li ul {display: none;}
.up ul li:hover a { color:#005a9e;}
.up ul li:hover ul {display:block; position:absolute; top:30px; left:0;}
.up ul li:hover ul li { width:120px; float:left; position:relative; text-align:center; margin:0; padding:0;}
.up ul li:hover ul li a {display:block; color:#4e4e4e;}
.up ul li:hover ul li a:hover {}
.navlink{ float:right;   position:relative;   margin-right:23px;   width:210px;   }      
.navlink input{   float:left;   width:200px;   padding-left:10px;   height:26px;   border: 1px solid #90b6d3;   background:transparent;   border-radius:25px;   position:relative;   }
.navlink input.submit{   width: 33px;   height: 28px;   background:url(../images/input.png) no-repeat center;   padding: 0px;   cursor: pointer;   border: 0px none;   position:absolute;   right:0;   } 
.textIn {    width: 120px;    height: 18px;    line-height: 18px;    float: left;    color:#bdbdbd;	font-size:12px;}  




/* 导航 */  
.menubg{width:100%; height:auto; overflow:hidden; background:url(../images/i_01.jpg) repeat-x;}  
.menu{ width:1200px; height:46px; margin:0 auto; font-size:16px;}
.menu li{ width:auto; height:46px; float:left; line-height:46px; text-align:center;}
.menu li a{ width:auto; height:46px; padding:0 52px; display:block; color:#005a9e;}
.menu li a:hover{ background:url(../images/i_02.jpg) repeat-x; color:#fff;}


/*公司视频/新闻中心/产品中心*/

.ik{ width:1200px; overflow:hidden; margin:70px auto 80px;}
.ik_lan{ width:100%; height:58px; font-size:20px; color:#52575b;}
.ik_lan span{ float:right;font-size:14px; color:#015ca5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.ik_lan span a{color:#015ca5; display:block; background:url(../images/i_08.png) no-repeat right; padding-right:28px;}

.video{ float:left; width:360px; padding-right:35px; border-right:1px solid #f4f4f4;height:290px;}
.video .v{ width:360px; height:230px;}

.i_news{ width:430px; margin-left:40px; padding-right:35px; height:290px; float:left; border-right:1px solid #f4f4f4;}
.i_news .dnew{ width:430px; height:90px; float:left; margin-bottom:30px;}
.i_news .dnew a{ width:430px; height:90px; display:block;}
.i_news .dnew a img{ width:160px; height:90px; float:left;}
.i_news .dnew a .cont{ width:250px; height:90px; float:right;}
.i_news .dnew a .time{ width:100%; height:20px; line-height:20px; color:#969696; font-family:Arial, Helvetica, sans-serif;}
.i_news .dnew a .title{ width:100%; height:30px; line-height:30px; color:#52575b; font-size:14px; overflow:hidden;}
.i_news .dnew a .memo{ width:100%; height:40px; line-height:20px; color:#848484; overflow:hidden;}
.i_news .dnew a .memo span{ color:#0064af;}
.i_news .dnew a:hover .title{ color:#0064af;}
.i_news li{ width:100%; height:36px; line-height:36px; float:left; border-bottom:1px solid #f2f2f2;}
.i_news li a{ width:100%; height:36px; display:block; color:#595757;}
.i_news li a:hover{ color:#0064af;}
.i_news li a span{ float:right;}

.i_products{ float:right;height:290px; width:250px; margin-right:15px;}

    .img-scrollc { position:relative; width:250px; height:290px; overflow:hidden; float:left;}
    .img-scrollc .prev,.img-scrollc .next { position:absolute; display:block; width:23px; height:23px; top:0; z-index:99;}
    .img-scrollc .prev { right:30px;background:url(../images/i_09.png) no-repeat;}
    .img-scrollc .next { right:5px;background:url(../images/i_09.png) no-repeat top right;}
    .img-listc { position:relative; width:240px; height:228px; overflow:hidden; margin:0 auto;}
    .img-listc ul { width:9999px;}
    .img-listc li { float:left; display:inline; overflow:hidden; width:236px; height:216px; border:2px solid #f5f5f5; position:relative;}
	.img-listc li img { width:236px; height:180px;}	
	.img-listc li .tit{width:100%; height:36px; text-align:center; color:#000; background:#ededed; line-height:36px; }




/* 首页关于我们 */  

.iabout{ width:100%; background:#eeeeee; overflow:hidden; padding:50px 0;}
.cc1{ width:1200px; height:300px; margin:0 auto;}
.i_about{ width:800px; height:300px; float:left; background:#fff;}
.i_about img{ width:225px; height:300px; float:left;}
.i_about .cont{ width:490px; height:260px; margin-left:40px; margin-top:40px; float:left;}
.i_about .cnt{ width:100%; height:30px; line-height:30px; font-size:20px; color:#52575b;}
.i_about .ent{  height:20px; line-height:20px; opacity:0.3; padding-bottom:22px; border-bottom:2px solid #e2e3e3;}
.i_about .memo{ width:100%; height:88px; line-height:22px; overflow:hidden; color:#000; opacity:0.6; margin-top:12px; margin-bottom:25px;}
.i_about .more{ width:100%; height:26px; line-height:26px; font-size:14px;}
.i_about .more a{ color:#015ca5;}


.i_yfzx{ width:345px; height:135px; float:left; margin-left:55px; background:#fff;}
.mb{ margin-bottom:30px;}
.i_yfzx a{ width:345px; height:135px; display:block;}
.i_yfzx a img{ width:170px; height:135px; float:left;}
.i_yfzx a .cont{ width:130px; height:auto; margin-left:20px; margin-top:15px; float:left;}
.i_yfzx a .title{ width:100%; height:36px; line-height:36px; font-size:14px; color:#51575b;}
.i_yfzx a .memo{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#51575b;}



/************************ 首页 底部 *************************/
.i_db{ width:100%; background:#3b4550; overflow:hidden; padding:50px 0;}
.idb{ width:1200px; margin:0 auto;}
.i_db .cont{ width:270px; float:left; color:#fff;}
.inav{ width:auto; float:left; border-right:1px solid rgba(248,248,248,0.1); margin-left:40px; max-width:150px; height:260px;}
.inavx{ max-width:125px;}
.inav .tit{ width:100%; height:40px; font-size:14px; color:#fff; float:left;}
.inav .tit a{ color:#fff;}
.inav li{ float:left; height:30px; margin-right:25px;}
.inav li a{ color:#fff; opacity:0.3;}
.inav li a:hover{  opacity:1;}


/********  招聘   ********/

.zhaoping{ height:54px; line-height:54px; margin-bottom:30px; width:100%;}
.zhaoping .title{ background:#ebebeb; font-weight:bold;}
.zhaoping td{ padding-left:16px;}
.zhaoping a{ color:#444;}
.zhaoping a:hover{ color:#005a9e}
.zhaoping .zy02{ background:#ddd;}

.zhaopingd{ position:relative; line-height:46px; font-size:12px;}
.zhaopingd .title{ font-size:18px; margin-bottom:10px; color:#005a9e; font-weight:bold; border-bottom:2px solid #ddd; width:100$;}

.zhaopingd .nrg{ line-height:32px; color:#555; width:100%;font-size: 16px; }
.zhaopingd .inputnow{  height:36px; line-height:36px; margin-top:30px; margin-bottom:30px; float:left; width:200px;}
.zhaopingd .inputnow a{ display:block; height:36px; color:#fff; background:#ee4602; text-align:center; width:200px;}




/************************ 首页 底部版权 *************************/

.db{ width:100%; height:72px; background:#2a3541;}
.dbbq{ width:1200px; height:auto; margin:0 auto; color:#fff; font-size:14px; line-height:72px;}
.dbbq a{color:#fff;}



/************    内页banner  and  栏目   *************/

.ab_banner{ width:100%; height:auto; overflow:hidden; position:relative;}

.ab_banner img{
	width:100%;
	height:auto;
}
.mbx{ width:1200px; height:72px; line-height:72px; color:#898989; font-size:14px; margin:0 auto;}
.mbx a{ color:#898989;}



/************    about   us   *************/

.a-about{
	height:auto;
	width: 100%;
	background:#eeeeee;
	padding-top:40px;
	padding-bottom:20px;
}
.a-about .about{ width:1080px; height:auto; padding:40px 60px; margin:0 auto; background:#fff;}
.about_tit{ width:100%; height:76px; margin-bottom:60px; background:url(../images/lan.png) repeat-x left bottom;}
.about_tit1{float:left; line-height:62px; color:#1e2226; font-size:30px;}
.about_tit2{float:left; color:#d8bb8d; font-size:18px; padding-top:30px; padding-left:15px; font-family:'Times New Roman', Times, serif;}
.about_tit3{float:right; color:#898989; font-size:14px; line-height:24px; padding-top:30px;}
.about_tit3 a{color:#898989;}
.about_tit3 a:hover{color:#d8bb8d;}
.about_memo{ width:100%; height:auto; font-size:14px; color:#353535; line-height:34px; overflow:hidden;}



/******************新闻中心 css***************/

.new{}
.news{ width:100%; border-bottom:1px solid #f8f8f8; float:left; padding-bottom:30px;}
.news a{ width:100%; display:block;}
.news_img{ width:390px; height:278px; float:left;}
.news_right{ width:440px; height:280px;  float:right;}
.news_time{ font-size:14px; color:#d3d3d3; width:100%; line-height:58px;}
.news_tit{ font-size:18px; color:#005a9e; font-weight:bold; width:100%; padding-bottom:14px;}
.news_memo{ font-size:14px; line-height:26px; height:78px; overflow:hidden; padding-bottom:35px;}
.news a p{ width:102px; height:30px; line-height:30px; float:left; color:#3a81c4; text-align:center; border:1px solid #005a9e;}
.news a:hover p{background:#005a9e; color:#fff;}

.new li{ width:100%; height:175px; float:left; border-bottom:2px solid #f8f8f8;}
.new li a{ display:block; width:100%; height:125px; padding:25px 0;}
.new li a .time{ width:125px; height:125px; float:left; background:#f9f9f9; color:#d3d3d3; text-align:center;}
.new li a .time1{ width:100%; font-size:70px; float:left; line-height:80px;}
.new li a .time2{ font-size:20px; float:left; text-align:center; width:100%;}
.new li a:hover .time{background:#005a9e; color:#fff;}
.new_right{ float:right; width:700px;}
.new li a span{ color:#878787; font-size:18px; width:100%; float:left; font-weight:bold; padding-top:25px; padding-bottom:10px;}
.new_memo{ line-height:26px; height:52px; color:#585757; width:100%; float:left; overflow:hidden; font-size:14px;}






.abcd{ width:1200px; height:auto; overflow:hidden; position:relative; z-index:1; margin:0 auto;}
.protype{ width:240px; float:left; overflow:hidden; margin-bottom:50px; background:#f7f7f7;}
.protype_first{ background:url(../images/type_01.jpg) no-repeat; float:left; width:190px; height:70px; padding-left:50px; padding-top:30px; color:#fff; font-size:28px; margin-bottom:15px;}
.protype li{ width:240px; height:60px; line-height:60px; float:left; border-bottom:1px solid #ebecec;}
.protype li a{ border-left:4px solid transparent; height:60px; display:block; font-size:14px; color:#666666; text-transform:uppercase; padding-left:40px; background:url(../images/type_02.png) no-repeat right #f7f7f7;}
.protype li a:hover{background:url(../images/type_03.png) no-repeat right #fff; color:#005a9e; border-color:#005a9e;}
.protype li.hover a{background:url(../images/type_03.png) no-repeat right #fff; color:#005a9e; border-color:#005a9e;}

.abcd .ri{ width:870px; height:auto; overflow:hidden; border:1px solid #ebebeb; padding:0 35px; background:#fff; float:right; padding-bottom:40px;}
.abcd .lan{ width:870px; height:54px; line-height:54px; margin-top:15px; color:#595757; font-size:24px; font-weight:bold; border-bottom:1px solid #efefef;}
.course{ width:870px; line-height:28px; color:#898989; font-size:14px; margin:50px auto; overflow:hidden;}



.products{ width:266px; height:256px; float:left; margin:0 12px 25px;}
.products a{ width:250px; height:240px; border:8px solid #efefef; float:left;}
.products a .pic{ width:250px; height:200px;}
.products a .pic img{ width:250px; height:200px;}
.products a .title{ width:100%; height:40px; line-height:40px; background:#efefef; text-align:center; color:#595757;}

.products a:hover{ border:8px solid #0a4c9a; }
.products a:hover .title{ background:#0a4c9a; color:#fff; }




::-webkit-scrollbar {
  width: 4px;
} /* 这是针对缺省样式 (必须的) */

::-webkit-scrollbar-track {
   background-color: #e2e2e2;
} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
background-color:#0a5195;
} /* 滑块颜色 */

::-webkit-scrollbar-button {
background-color:none;

} /* 滑轨两头的监听按钮颜色 */


.module .center {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1200px;
	height: 120px;
	margin-left: -600px;
	overflow: hidden;
}
.kwicks {
	width: 1200px;
	height: 120px;
}



@media (min-width: 1099px) and (max-width: 1199px) {
.header .head{ width:1060px;}
.menu{ width:1060px;}
.menu li a{ padding:0 42px;}
.module .center {width: 1060px; margin-left: -530px;}
.kwicks { width: 1060px;}
.ik{ width: 1060px;}
.video{ padding-right:5px;}
.i_news{margin-left:5px; padding-right:5px;}
.i_products{ margin-right:0px;}
.cc1{ width:1060px;}
.i_about{ width:700px;}
.i_about .cont{ width:390px;}
.i_yfzx{ margin-left:15px;}
.idb{ width:1060px;}
.i_db .cont{ display:none;}
.dbbq{ width:1060px;}

.mbx{ width:1060px; }
.abcd{ width:1060px;}
.abcd .ri{ width:730px;}
.abcd .lan{ width:730px;}
.course{ width:730px;}

.news_right{ width:320px; }
.new_right{ width:580px;}

.products{ width:220px; height:219px; margin:0 10px 25px;}
.products a{ width:204px; height:203px;}
.products a .pic{ width:204px; height:163px;}
.products a .pic img{ width:204px; height:163px;}
.products a .title{ width:100%; height:40px; line-height:40px; background:#efefef; text-align:center; color:#595757;}

.products a:hover{ border:8px solid #0a4c9a; }
.products a:hover .title{ background:#0a4c9a; color:#fff; }

}


@media (min-width: 999px) and (max-width: 1098px) {
.header .head{ width:990px;}
.menu{ width:990px;}
.menu li a{ padding:0 42px;}
.module .center {width: 1060px; margin-left: -530px;}
.kwicks { width: 1060px;}
.ik{ width: 1060px;}
.video{ padding-right:5px;}
.i_news{margin-left:5px; padding-right:5px;}
.i_products{ margin-right:0px;}
.cc1{ width:1060px;}
.i_about{ width:700px;}
.i_about .cont{ width:390px;}
.i_yfzx{ margin-left:15px;}
.idb{ width:1060px;}
.i_db .cont{ display:none;}
.dbbq{ width:1060px;}

.mbx{ width:1060px; }
.abcd{ width:1060px;}
.abcd .ri{ width:730px;}
.abcd .lan{ width:730px;}
.course{ width:730px;}

.news_right{ width:320px; }
.new_right{ width:580px;}

.products{ width:220px; height:219px; margin:0 10px 25px;}
.products a{ width:204px; height:203px;}
.products a .pic{ width:204px; height:163px;}
.products a .pic img{ width:204px; height:163px;}
.products a .title{ width:100%; height:40px; line-height:40px; background:#efefef; text-align:center; color:#595757;}

.products a:hover{ border:8px solid #0a4c9a; }
.products a:hover .title{ background:#0a4c9a; color:#fff; }

}