@charset "utf-8";
/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd{ margin:0; padding:0;  }
body { font-family: microsoft yahei; background: #fff; overflow-x: hidden; font-size:13px; color:#333; margin:0 auto; font-family:"微软雅黑"; }
img { border:0; }
ul,ol,li { list-style:none; }
a {text-decoration: none;color: #333;}
a:hover {color: #0c4da2;}
.blue{color: #0c4da2;}
.clear{ clear: both; }
.fl { float: left; }
.fr { float: right; }

.g-wrap {position:relative; margin:0 auto; width:1100px; height:100%; overflow:hidden;}
.topbj{ height:30px; background:#0c4da2;}
.hy{ width:1100px; margin:0 auto}
.hy p{ float:left; line-height:30px; color:#fff; font-size:12px;}
.tel{ float:right;}
.tel p{ float:right; line-height:30px; color:#fff; font-size:12px;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
#logo { float:left; background: url(../images/logo.jpg) no-repeat 0 0; width:531px; height:67px; margin-top:5px;}
#nav { float:right;z-index:4; height:100%; background-color:#fff; overflow:hidden; }
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n1, #nav .n4 {width:83px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:nomal; font-size:14px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a:hover{ color:#fff;}
#nav li a .bkg {top:100%; z-index:1; background-color:#e00000; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg, #nav li a:hover .bkg {top:0; color:#fff;}


.fullSlide{width:100%;position:relative;height:421px;background:#000; z-index:2;}
.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:421px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:421px;}
.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:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}

.ys{ margin-top:50px; width:100%;}
.g-wrap h2{ border-bottom:1px #e7e7e7 solid; line-height:24px; padding-bottom:20px; text-align:center; margin-bottom:15px; font-size:30px; font-weight:normal;}
.g-wrap .txt{ text-align: center; font-size:13px; margin-bottom:40px;}
.g-wrap .yslist { margin-bottom:20px;}
.g-wrap .yslist li{ float:left; display:inline-block; width:23.8%; margin:0.6%;background:#f2f2f2; text-align:center; cursor:pointer;}
.g-wrap .yslist a{ display:block; margin:1px; padding:15px; background:#fff;}
.g-wrap .yslist a span{ display:block; line-height:1.6;}
.g-wrap .yslist a span.mp{ margin-bottom:20px;}
.g-wrap .yslist a span.mt{ font-size:18px;}
.g-wrap .yslist a span.mc{ font-size:13px;}


#in_06{width: 100%;height: 299px;padding:35px 0px;background: #dedede;margin:0 auto;}
#in_06_mid{width: 1100px;height: 299px;margin:0 auto;}
#in_06_mid #in_06_l{width: 530px;height: 299px;float: left;background: #fff;position: relative;}
#in_06_mid #in_06_l .intro_img{width: 184px;height: 299px;position: absolute;background: url(../images/intro_img.png) no-repeat; left: 0px;top:0px;}
#in_06_mid span{padding:10px 18px; background: #0c4da2;color: #fff;font-size: 20px;font-weight: bold;text-align: center;line-height: 30px;position: absolute;left: 0px;top:0px;z-index: 999;}
#in_06_mid #in_06_l .intro_title{position: absolute;left: 202px;top:15px;color: #000000;font-size: 18px;font-weight: bold;line-height: 20px;}
#in_06_mid #in_06_l .intro_title i{text-transform: uppercase;color: #b2b2b2;font-size: 14px;font-style: normal;font-weight: normal;}
#in_06_mid #in_06_l .intro_info{width: 316px;height: 147px;position: absolute;left: 202px;top:68px;line-height: 30px;font-size: 14px;color: #3a3a3a;}
#in_06_mid #in_06_l .intro_btn{width: 80px;height: 28px;text-align: center; position: absolute;right: 32px;bottom:20px;line-height: 28px;}
#in_06_mid #in_06_l .intro_btn a{display: block;background: #7f7f7f;font-size: 14px;color: #fff;}
#in_06_mid #in_06_l .intro_btn a:hover{background: #0c4da2}
#in_06_mid #in_06_r{width: 500px;height: 259px;padding: 20px; overflow: hidden; float: right;background: #fff;position: relative;}
#in_06_mid #in_06_r .news_f{width: 100%;height: 121px;background: url(../images/nophoto.jpg) left center no-repeat;position: relative;}
#in_06_mid #in_06_r .news_t{width: 323px;height: 30px;line-height: 30px;position: absolute;left: 183px;top:0px;font-size: 15px;font-weight: bold;color: #000000;}
#in_06_mid #in_06_r .news_i{width: 323px;line-height: 30px;position: absolute;left: 183px;top:30px;font-size: 14px;color: #7a7a7a;line-height: 24px;}
#in_06_mid #in_06_r .news_ul{width: 100%;margin:0 auto;margin-top: 5px;}
#in_06_mid #in_06_r .news_ul li{height: 36px;line-height: 36px;position: relative;width: 100%;background: url(../images/news_icon.png) left center no-repeat;}
#in_06_mid #in_06_r .news_ul li .news_time{width: 80px; position: absolute;right:0px; top:0px;height: 36px;line-height: 36px;font-size: 14px;color: #3a3a3a;}
#in_06_mid #in_06_r .news_ul li a{font-size: 14px;color: #3a3a3a;display: block; padding-left:12px;}
#in_06_mid #in_06_r .news_ul li a:hover{color: #e00000;}





.products_list{ width:1100px;  margin:0 auto; padding-top:25px;}
.products_list h2{ line-height:24px;text-align:center; margin-bottom:15px; font-size:30px; font-weight:normal; }
.products_list h2 a{ color:#0c4da2;}
.products_list span{color: #ccc;font-size: 16px;display: block; text-align:center;}
.products_list ul li{width: 22%;float: left;margin:2% 1.1% 0;text-align: center;border:1px solid #e5e5e5;padding:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;-o-transition:ease .3s;-ms-transition:ease .3s;-moz-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s;}
 .products_list1 ul li{width: 31%;float: left;margin:2% 1.1% 0;text-align: center;border:1px solid #e5e5e5;padding:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;-o-transition:ease .3s;-ms-transition:ease .3s;-moz-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s;}
.products_list ul li img, .products_list1 ul li img{ width: 100%;}
.products_list ul li p, .products_list1 ul li p{font-size: 13px;color: #333;line-height: 2;padding-bottom: 5px;}
.products_list ul li span, .products_list1 ul li span{font-size: 13px;color: #333;border:1px solid #999;border-radius: 1rem; display: block;width: 60px;text-align: center;margin:0 auto;line-height: 26px;}
.products_list ul li:hover span, .products_list1 ul li:hover span{border:1px solid #0c4da2;color:#0c4da2;}
.products_list ul li:hover, .products_list1 ul li:hover{-ms-transform:translate(1px, -5px) ;-webkit-transform:translate(1px, -5px) ;-moz-transform:translate(1px, -5px) ;-o-transform:translate(1px, -5px) ; transform:translate(1px, -5px) ;border:1px solid #0c4da2;}


#footer_01{width: 100%;height: 100px;margin:0 auto;;background: #f7f7f7; margin-top:30px;}
#footer_02{width:100%;height: 250px;margin:0 auto;position: relative;background: url(../images/footer_map.jpg) center no-repeat;}
#footer_02_mid{width: 1100px;height: 250px;margin:0 auto;position: relative;}
#footer_02_title{width: 312px;height: 89px;background: #000000;position: absolute;left: 0px;top:-89px;}
#footer_02_title p{font-size: 16px;color: #fff;padding:23px 0px 0px 40px;}
#footer_02_title p span{color: #cccccc;font-size: 30px;font-weight: bold;}
#footer_02_c{width: 312px;height: 250px;position: absolute;left: 0px;top: 0px;background: #222222 url(../images/contact_icon.png) 25px 36px no-repeat;}
#footer_02_c p{line-height: 36px;color: #bdbdbd;font-size: 14px;padding-top: 28px;padding-left: 50px;}
#footer_02_tel{min-width: 318px;height: 60px;line-height: 30px; position: absolute;right:0px;top:-80px;background: url(../images/footer_tel.png) right center no-repeat;color: #000;font-size: 16px;font-weight: bold;}
#footer_02_tel span{font-size: 30px;color: #e00000;font-family: Impact;}
#footer{width:100%;padding:30px 0px; margin:0 auto;background: #0c4da2;}
#footer_nav{width: 900px;height: 20px;margin:0 auto;line-height: 20px;text-align: center;}
#footer_nav a{padding:0px 20px;color: #fff;font-size: 13px;}
#footer_nav a:hover{ text-decoration:underline; }
#footer_c{width: 1100px;margin:0 auto;margin-top: 10px; font-size: 14px;color: #b1d7f6;text-align: center;}
#footer_c a{font-size: 14px;color: #b1d7f6;}
#footer_c p{ line-height:26px;}



.banner{ margin:0 auto; text-align:center; overflow:hidden;}
.other_content{width:1000px;margin:0 auto; padding-top:20px; padding-bottom:20px;}
.other_left{width:200px;float:left;background:#f4f4f4;}
.other_left_cat{width:100%;padding-bottom:30px;}
.other_left_cat_top{width:100%;height:60px;background:#0c4da2;line-height:60px;}
.other_left_cat_title{padding-left:15px;font-family:'微软雅黑';color:#fff;font-size:18px;}
.other_left_cat_title span{font-size:14px;padding-left:9px;}
.other_left_cat_list{width:100%;}
.other_left_cat_list li{width:100%;height:40px;line-height:40px;}
.other_left_cat_list li a{height:40px;display:block;padding-left:38px;background:url(../images/other_left_cat_list_bg.jpg) no-repeat;}
#on{background:url(../images/other_left_cat_sel_list_bg.jpg) no-repeat;color:#fff;font-weight:bold;}
.other_left_cat_list li a:hover{background:url(../images/other_left_cat_sel_list_bg.jpg) no-repeat;color:#fff;font-weight:bold;}
.other_right{width:760px;float:right;}
.other_right_top{width:100%;height:35px;line-height:35px;border-bottom:1px solid #dddddd;}
.other_right_title{float:left;font-size:16px;font-weight:normal;color:#0c4da2;}
.position{float:right;}
.other_right_content{width:98%;margin-top:20px;}
.other_right_content{ line-height:26px; margin:0 auto; padding-top:20px;}




.news-recomment { position: relative; margin-bottom: 20px; height: 120px; padding-left: 212px; }
.news-recomment .pic { position: absolute; top: 0; left: 0; padding: 5px 7px; width: 176px; height: 107px; background: #f0f0f0; }
.news-recomment h1 { padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #666; }
.news-recomment span { position: absolute; top: 0; right: 0; font-weight: bold; color: #666; line-height: 18px; }
.news-recomment p { line-height: 2em; color: #666; }
.news-recomment p a { color: #1c62b0; }
.news-list { border-top: 1px solid #eee; margin-bottom: 10px; }
.news-list li { position: relative; padding-top: 10px; border-bottom: 1px solid #eee; }
.news-list li a { display: block; line-height: 32px; color: #666; }
.news-list li i { display: inline-block; margin-right: 6px; width: 0; height: 0; overflow: hidden; border-width: 4px; border-style: solid; border-color: #fff #fff #fff #9c9c9c; }
.news-list li i { *display: inline; }
.news-list li span { position: absolute; top: 10px; right: 0; line-height: 32px; color: #666; }
.news-list li a:hover { color: #1c62b0; }
.news-list li a:hover i { border-left-color: #1c62b0; }
.news-detail-title h1, .pro-detail-title h1 { margin-bottom: 8px; font-size: 18px; font-weight: normal; text-align:center; }
.news-detail-title p { font-weight: normal; line-height: 26px; text-align:center; color:#a4a3a3}
.cpimg{ text-align:center; padding-top:20px;  width:400px;  margin:0 auto;}
.news-detail-content, .pro-detail-content{ line-height:26px; margin-top:20px; }
.news-detail-content p, .pro-detail-content p { line-height:26px;padding-top:10px; }




.contact-list{ width:100%; margin:0 auto; }
.map{ width: 415px; height: 246px; float:left; }
/*在线留言*/
.zxly{ width:100%; margin:0 auto;}
.messages{padding:15px 0; width:60%; margin:0 auto;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:295px; height:100px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#e00000;color:#fff;}