@charset "utf-8";

body {margin: 0; padding:0;font-family: 'Microsoft YaHei';overflow-x: hidden; color:#333; font-size:13px;min-width:1200px;}
nav, footeraa, section, header, article {display: block;}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p, input, textarea, i, em, select { padding: 0;margin: 0;font-weight: normal;
font-style: normal;font-family: 'Microsoft YaHei';}
ul, li {list-style: none;padding: 0;margin: 0;}
img {margin: 0px;padding: 0px;border: none;max-width: 100%;}
.img {display: block;height: 100%;width: 100%;overflow: hidden;line-height: 0; text-align:center;}
.img img {-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.img img:hover { -webkit-transform: scale(1.04)-moz-transform: scale(1.04); transform: scale(1.04);}
a {color: #666;text-decoration: none;}
a:link {-webkit-tap-highlight-color: rgba(0,0,0,0); /*禁止链接高亮*/-webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/}

input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px;border-radius: 0px;}
a, button, input, input:focus, textarea:focus, select:focus, label:focus, option:focus {outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear: both;height: 0;font-size: 1px;line-height: 0px;}


.header{ background:#00447d; width:100%; height:35px; line-height:35px; color:#fff;}
.header1{ width:1200px; margin:0 auto;}
.wel{ float:left;}
.tel{ float:right;}


.top{ width:1200px; margin:20px auto 10px;}
.logo{ float:left;}
nav{ float:right; margin-top:27px;}
nav .nav_list{ float:left; position:relative;}
nav a.nav_list_a{ display:inline-block; height:43px; border-bottom:3px #fff solid; margin-left:40px; font-size:16px; color:#333; line-height:100%;}
nav .nav_list:hover a,nav a.active{ color:#003581; border-color:#003581}
.m{ padding:30px 0; display:none; width:452px; height:auto;background:#fff; position:absolute; left:50%; margin-left:-226px;top:46px; border-top:1px #e1e1e1 solid; z-index:999;}
.m ul{ width:180px; float:left;}
.m ul li{ height:36px; overflow:hidden; padding-left:30px;}
.m ul li a{ text-align:left; display:block; height:36px; line-height:36px; background:url(../images/mnav_sjbg_gray.jpg) left center no-repeat; text-indent:20px; color:#666 !important;}
.m ul li a:hover{ background:url(../images/mnav_sjbg.jpg) left center no-repeat; color:#11277d !important;}
.m_img{ width:222px; height:138px; float:right; margin-right:20px; padding-left:20px; border-left:1px #e1e1e1 solid;}
.m_img img{ display:block; width:100%; height:138px;}
.nav_list:last-child .m{ left:auto; margin:0; right:0;}
.nav_list:hover .m,.nav_list:hover .m2{ display:block;}



/* banner */
.fullSlide{width:100%;position:relative;height:501px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:501px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:501px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:3px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on{background:#fe5d02;}



.banbottom{ height:80px; line-height:80px; color:#666; background:#dddddd; width:100%;}
.content{ width:1200px; margin:0 auto;}
.key{}
.key b{ color:#01479c;}
.key a{ padding-left:6px;}
.key a:hover{ color:#01479c}
.search{ margin-top: 26px; background:url(../images/serbg.jpg) no-repeat; width: 288px;height: 30px;}
.inp01{height:30px;line-height:30px;   padding-left: 10px; width:240px;float:left;color:#555555;  border: none; background: none;}


.ind_pro{ margin:20px auto; width:100%;}
.ys{ height:50px; line-height:50px; width:1200px; margin:0px auto;}
.title{ background:url(../images/index-1.png) left center no-repeat; padding-left:36px; float:left;}
.title .zw{ font-size:24px;display: inline;color:#00447d; float:left;}
.title .yw{ color:#999; float:right; font-size:16px; padding-left:10px;}
.more{ float:right;}
.more a:hover{ text-decoration:underline;}


.ind_prolist{ margin:20px auto; width:100%;}
.ind_prolist li{width: 22.75%;margin-right:2.25%; float:left; margin-bottom:20px;}
.product-item {position: relative;}
.product-item .portfolio-img {overflow: hidden;position: relative;margin-bottom: 13px;}
.portfolio-img img {width: 100%;display: block; text-align:center;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.product-item:hover img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.portfolio-title {margin-bottom: 10px;line-height: normal; text-align:center;}
.portfolio-title a:hover {text-decoration: none;color:#01479c;}


.ind_ab{ width:1200px; margin:0 auto;}
.indabcon{ width:1200px; margin:20px auto;}
.abimg{ float:left;}
.abrig{ float:right;  width:56%;}
.abrig h1{ font-size:24px; color:#00447d; padding-bottom:20px;}
.abrig p{ line-height:24px;}
.abmore{ width:120px; border:1px #ccc solid; padding:10px 15px; text-align:center; margin-top:25px;}
.abmore a:hover{ color:#00447d;}



.ind_casebj{ background:#f2f2f2; width:100%; margin:0 auto;}
.ind_case{ width:1200px; margin:0 auto; padding-top:30px;}
.caseli{ width:100%; margin:20px auto; padding-bottom:40px;}
.caseli li{ width: 270px;margin-right: 15px; float:left; margin-left:15px;}
.caseimg {overflow: hidden;position: relative;margin-bottom: 13px;}
.caseimg img {width: 100%;display: block; text-align:center;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.caseimg:hover img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.casetit{ font-size:16px; text-align:center; color:#333;}
.casetit a:hover{ color:#00447d;}



/*新闻*/
.ipro{width: 1280px; margin:0 auto;height: 370px; position: relative; }
.ipro_box{ margin-top:20px;}
.ipro_title{width: 1100px; height: 85px; margin:0 auto 30px;  line-height: 40px; overflow: hidden;}
.ipro_title h4,.ipro_title span,.ipro_title i{margin-top: 45px;display:inline-block; float: left;}
.ipro_title h4{ font-size: 20px; color: #444; font-family: "微软雅黑"; font-weight: bold;  cursor: pointer;}
.ipro_title h4.on{color: #2b3082;}
.ipro_title span{border-right: 1px solid #c9c9c9; height: 25px; margin-top: 55px; margin-left: 10px; margin-right: 20px; }
.ipro_title i{ font-size: 14px; color: #888; line-height: 43px;}
.ipro_list{overflow: hidden; width: 1100px; margin:0 auto;}
.ipro_list ul{width: 110%;}
.ipro_list li{float: left; width: 300px; height: 290px;  margin-right: 96px;}
.ipro_list li a{display: block;}
.ipro_list li p{ color:#666; line-height:22px;}
.ipro_list li .iprol_pic{width: 300px;height: 159px; overflow:hidden;}
.iprol_pic img {width: 100%;display: block; text-align:center;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.iprol_pic:hover img {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.ipro_list li .iprol_name{font-size: 16px; color: #333; height: 35px; line-height: 35px;}
.ipro_list li .iprol_name:hover{color:#00447d; }
.ipro .ipro_an{ position: absolute; top: 200px; left: 30px; height: 45px; width: 1220px;}
.ipro .ipro_an>a{display:  block; width: 50px; height: 50px; text-align: center; }
.ipro .ipro_an>a>img{ width: 40%; margin: 5px auto; }
.ian{width: 1100px; margin:0 auto;}
.ipro .ipro_an>a.sPrev{ position: absolute; left: 0px; top:5%;}
.ipro .ipro_an>a.sNext{ position: absolute; right: 0px;}
.time{ background:#00447d; width:90px; height:75px; position:absolute;text-align:center; padding-top:10px; margin-left:10px; z-index:9999}
.date{ font-size:26px; font-weight:bold; color:#fff; }
.year{ font-size:13px; color:#fff !important;}




.copyright{ background:#00447d; width:100%; height:155px; line-height:155px;}
.copy{ width:1200px; margin:0px auto;}
.copyl{ float:left; color:#fff; font-size:30px; width:150px; text-align:center;}
.copyc{ float:left; background:#d5d5d5; height:137px; padding-top:18px; width:150px; text-align:center;}
.copyr{  float:left; background:#efefef; width:900px; }
.copyr li{ float:left;}
.copyr .dh{ background:url(../images/dh.jpg) left center no-repeat; padding-left:45px; margin-left:45px;}
.copyr .email{ background:url(../images/yx.jpg) left center no-repeat; padding-left:45px;margin-left:45px;}
.copyr .fax{ background:url(../images/fax.jpg) left center no-repeat; padding-left:45px;margin-left:45px;}
.bottom{ width:100%; margin:0 auto; background:#1c1a1a; text-align:center; line-height:26px;padding:15px; color:#666;}
.bottom .dh a{ padding-left:15px;}
.bottom a:hover{ text-decoration:underline;}



.topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto; }
.topadcs a img{ margin:0 auto; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}

.left { width:239px; float:left; overflow:hidden; margin:20px 0px 30px;}
.leib2,.leib{ width:239px; margin-bottom:20px;}
.leib2 .tit{background:url(../images/flh2.jpg) no-repeat;padding: 50px 0 0 40px; height: 30px;font-size: 20px;font-weight: bold;color: #242020;}
.leib .tit{background:url(../images/flh2.jpg) no-repeat;padding: 50px 0 0 40px; height: 30px;font-size: 20px;font-weight: bold;color:#242020;}
.leib2 .tit i,.leib .tit i{color: #A6C0DA;display: block;font:12px Arial; text-align: center; font-size:14px; line-height:18px; text-transform:uppercase;}
.leib2 .tit a,.leib tit a{ color:#333;}
.leib2 .nr{ padding: 20px 24px 15px 24px; border:1px #ccc solid; border-top:0px;}
.leib2 .nr ul { padding-bottom:5px;}
.leib2 .nr ul li { border-bottom:1px dashed #dedede; height:36px; line-height:36px;margin-bottom:1px;padding-left: 22px;}
.leib2 .nr ul li a {font-size:14px; color:#494949; background:url(../images/left_li.gif) left center no-repeat; display:inline-block; padding-left:12px;}
.leib2 .nr ul li:last-child{ border-bottom:0;}
.leib2 .nr li.cur a,.leib2 .nr li a:hover{color:#01479d;text-decoration: none;}

.leftlx{text-align: left;font-family: "微软雅黑"; padding: 6px 0; overflow:hidden; border: 1px solid #ccc; margin:10px auto;border-top:3px solid #01479d;}
.leftlx h3 {font-size: 16px; color:#3b3b3b; border-bottom:1px solid #ccc; height:45px; line-height:38px; margin-bottom:10px;padding-left: 10px;}
.leftlx h3 span{ color:#c4c4c4; margin-left:10px; font-weight:normal; }
.leftlx .phone{ margin:0 10px 10px; height:45px; color:#01479d; }
.leftlx .phone span{ font-size:16px; background:url(../images/h_pho.gif) no-repeat 0 8px; padding-left:48px; height:45px; display:block;}
.leftlx .phone span b{ display:block; color:#01479d; font-size:20px; margin-top:2px;}
.leftlx p{ line-height:26px; font-size:14px; color:#666;padding-left:10px;}
.leftlx p span{ float:left; height:23px;}





.right_main { width:930px; padding-bottom:15px; float:right; display:inline; margin-left:26px; overflow:hidden; margin-top:20px;}
.plc{ background:url(../images/logo_03.gif) no-repeat 11px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px; position:relative; color:#242020; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; padding-bottom:8px; font-family:"Microsoft YaHei";}
.abcon{ width:100%; margin-top:20px; margin-bottom:20px;}
.abcon p{ line-height:26px; color:#666;}
.ind_prolist h1{ text-align:center; font-size:26px;}
.prolistimg{ text-align:center; margin-top:20px;}


.caseliny{ width:100%; margin:20px auto; padding-bottom:40px;}
.caseliny li{ width: 30%;margin:0px 15px 15px; float:left;}
.caseliny h1{ font-size:26px; text-align:center;}
.casedetimg{ text-align:center; margin-top:20px; padding-bottom:10px;}


.News_2{ width:100%; margin:0 auto;}
.inf_lc{ clear:both;padding:8px 0 0;}
.inf_lc h1{ font-size:26px; text-align:center;}
.fbtime{ border-bottom:1px #ccc dashed; text-align:center; padding:10px 0px;}
.inf_lc li{padding:25px 0px 25px 0; overflow:hidden;border-bottom:1px solid #f2f2f2;}
.inf_lc li h4{ padding:8px 5px 8px 0;text-align:center; float:left;width:64px; overflow:hidden;background: #00447d;margin-top: 5px;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Arial; text-transform:uppercase;color:#fff;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Arial; text-transform:uppercase; color:#fff;}
.inf_lc li p{padding:0 0 0 30px; line-height:26px;width:830px; overflow:hidden;font-size:14px; float:left; color:#444; }
.inf_lc li p span a{color:#01479d;}
.inf_lc li p b{ display:block; font-weight:100; color:#000000;}
.inf_lc li p b a,.inf_lc li p b a:hover{ color:#343434; font-weight:bold; font-size:15px;}
.inf_lc li p b a:hover{ color:#01479d;}
.newsdet{ margin-top:10px; }


.problem li{padding:10px 0px 10px 0;overflow:hidden;border-bottom:1px solid #f2f2f2;}
.problem li p{line-height:26px;overflow:hidden;font-size:14px; float:left; color:#444; }
.problem li p span a{color:#01479d;}
.problem li p b{ display:block; font-weight:100; color:#000000;}
.problem li p b a,.problem li p b a:hover{ color:#343434; font-weight:bold; font-size:15px;}
.problem li p b a:hover{ color:#01479d;}

.technology li{ border-bottom:1px #ccc dashed; padding-bottom:6px; margin-bottom:10px; }
.techtit{ font-size:16px; color:#666; float:left;}
.techtit a:hover{ color:#00447d}
.download{ float:right; width:50px; background:#00447d; border-radius:5px; padding:6px 10px; text-align:center;}
.download a{ color:#fff;}
.download a:hover{ text-decoration:underline;}




.conleft{ float:left; width:45%;}
.book{ float:right; width:45%;}
.book label{ float:left; width:14%; line-height:30px;}
.book input{ float:left; width:75%; border:1px #ccc solid; height:30px; padding-left:10px;}
.book textarea{float:left; width:75%; border:1px #ccc solid; resize:none;padding-left:10px; padding-top:5px;}
.book .yzm{float:left; width:22%; border:1px #ccc solid; height:30px;}
.book .tj{width:100px; color:#fff; background:#00447d; border:none;}

.inputerror1{border:1px solid #f5501eee !important;}