﻿@import url(common.css);

.center {width:1000px;margin:0 auto;}

.ico {background-image:url(../images/ico.png);background-repeat:no-repeat;}

#header {background:#000;}

.top {height:38px;color:#fff;float:left;line-height:38px;}

.search {float:right;width:230px;padding-top:6px;}

.search span {color:#fff;line-height:29px;}

.search input[type=text] {height:24px;width:131px;padding-left:5px;line-height:24px;border:medium none;float:right;}

.search input[type=button] {height:24px;width:24px;background-position:-23px 5px;border:medium none;background-color:#fff;cursor:pointer;float:right;}

.topbg {background:#fff;height:115px;}

.logo_img{width:550px;float:left; height:115px;overflow:hidden;text-align:left;}

.logo_img span {display:inline-block;height:100%;vertical-align: middle;}

.logo_img img {width:460px;height:70px;vertical-align: middle;}

.hot-tel {float:right;text-align:right;}

.hot-tel a {display:inline-block;padding:10px 0 0 25px;background-position: -23px -88px;color:#666666;}

.hot-tel a:hover {text-decoration:underline;}

.hot-tel p {background-position:-23px -184px;text-align:left;height:45px;line-height:60px;padding-left:60px;font-size:20px;font-family:"微软雅黑";}

.hot-tel p span {color:#ff3300;font-size:24px;}

#nav {background:#0084c8;height:140px;border-top:1px solid #02b9fd;text-align:center;}

.nav-ul {height:140px;display:inline-block;}

.nav-ul li {float:left;}

.nav-ul li a {display:block;height:100px;background:url(../images/index_07.jpg) no-repeat left center;padding:0 20px 0 36px;color:#fff;text-align:center;padding-top:40px;}

.nav-ul li a span {display: block;height:20px;line-height:20px;font-size:14px;font-family:"微软雅黑";}

.nav-ul li a em {display: block;height:20px;line-height:20px;font-size:12px;font-family:Arial;}

/*****banner图****/

.banner {height:421px;width:100%;position:relative;}

.bd {height:421px;width:100%;}

.bd ul li {width: 100%;height:421px;text-align:center;background-position:center;background-repeat:no-repeat;}

.bd ul li img {display:none;}

.hd {position:absolute;left:0;bottom:20px;height:7px;width:100%;text-align:center;}

.hd ul li {display:inline-block;*display:inline;zoom:1;background:#fff;width:32px;margin:0 5px; line-height:30px;height:7px;overflow:hidden;cursor:pointer;}

.hd ul li.on {background:#007cc3!important;}


/*****index - main****/ 

.i-about {margin-top:50px;}

.i-top {background:url(../images/index1_05.jpg) repeat-x center;text-align:center;}

.i-top span,.i-top i,.i-top em {background:#fff;padding:0 15px;display:inline-block;}

.i-top span {font-size:24px;font-weight:bold;color:#0055ac;font-family:"微软雅黑";line-height:50px;}

.i-top i {color:#a7a7a7;}

.i-top em {color:#a7a7a7;font-family:Arial;padding-bottom:32px;}

.i-about-tb {width:100%;table-layout:fixed;background:#efefef; height:440px;}

.i-about-tb img {margin:0;display:block;}

.i-about-tb a {display:block;height:220px;overflow:hidden;}

.i-about-tb a span {display:block;text-align:center;font-size:26px;color:#0084c8;font-family:"微软雅黑";line-height:220px;}

.i-about-tb dl {height:100%;position:relative;margin:0 12px;}

.i-about-tb dl dt {font-size:18px;color:#0084c8;font-family:"微软雅黑";line-height:55px;}

.i-about-tb dl dd {color:#808080;line-height:24px;}

.i-about-tb dl i {display:block;position:absolute;height:22px;width:100%;background-position:-10px -375px;left:0;bottom:20px;}

.i-contact {height:440px;overflow:hidden;}

.i-news-bg {height:275px;background:#eeeeee;padding-top:45px;margin-top:57px;}

.i-news {height:280px;width:680px;background:#fff;float:left;position:relative;overflow:hidden;}

.i-news ul li {height:280px;float:left;}

.i-news ul li a {display:block;}

.i-news ul li a img {height:280px;width:680px;}

.i_news_t {position:absolute;width:100%;height:50px;line-height:50px;font-size:26px;color:#0084c8;font-family:"微软雅黑";text-align:center;background:url(../images/fixed.png) repeat;bottom:0;left:0;z-index:9999;}

/*.i-news {height:220px;width:680px;background:#fff;float:left;}

.i-news-l {float:left;width:158px;background:#0084c8;height:180px;padding-left:22px;padding-top:40px;}

.i-news-l span {display:block;font-size:32px;font-family:Tahoma;color:#fff;}

.i-news-l i {display:block;color:#fff;}

.i-news-l a {display:block;width:60px;height:25px;border:1px solid #749ec8;text-align:center;line-height:25px;color:#fff;margin-top:50px;}

.i-news-r {float:right;width:500px;}

.i-news-r dl {width:460PX;margin:20px auto 0 auto;border-bottom:1px solid #d0d0d0;font-family:"微软雅黑";height:90px;overflow:hidden;}

.i-news-r dl span {display:block;background:#e9e9e9;width:50px;height:70px;text-align:center;font-family:"微软雅黑";color:#8c8c8c;float:left;margin-right:23px;}

.i-news-r dl span i {display:block;border-bottom:1px solid #d0d0d0;font-size:25px; line-height:40px;}

.i-news-r dl span em {line-height:25px;}

.i-news-r dl dt {margin-bottom:15px;}

.i-news-r dl dt a {font-size:16px;color:#333333;}

.i-news-r dl dd {font-size:14px;color:#666666;}*/

.i-news-a {float:right;display:block;width:270px;height:130px;overflow:hidden;font-family:"微软雅黑";background:#fff;}

.i-news-a dl img {float:left;height:96px;width:107px;margin-right:5px;}

.i-news-a dl dt {font-size:16px;color:#333333;line-height:40px;}

.i-news-a dl dd {color:#666666;}

.i-pro {padding-top:25px;margin-bottom:60px;}

.ladyScroll {width:974px;height:122px;position:relative;overflow:hidden;margin-left:13px;margin-top:20px;}

.ladyScroll .scrollwrap {position:absolute;width:974px;height:122px;}

.ladyScroll ul li {float:left;width:180px;height:120px;border:1px solid #b7b6b6;margin:0 8px;}

.ladyScroll ul li a {display:block;}

.ladyScroll ul li img {display:block;width:178px;height:118px;border:1px solid #e4e8ee;}
/****下*******/
footer {height:100px;background:#000;color:#fff;font-family:"微软雅黑";}

.foot-bq {float:left;line-height:25px;padding-top:20px;}

.QR-code {float:right;background:url(../images/index_03.png) no-repeat right bottom;font-size:13px;padding-top:15px;margin-right:40px;}

.QR-code img {width:72px;}
.QR-code span{float:left;text-align:center;margin-right:23px;}
.back-top {position:fixed;bottom:20px;background-color:#05a1f1;background-position:-13px -270px;width:70px;height:77px;text-align:center;line-height:115px;color:#fff;cursor:pointer;display:none;}

/********内页相同样式**********/
.n-banner {height:300px;width:100%; overflow: hidden;background-repeat: no-repeat;background-position:center;}

.n-banner img {display:none;}

.left {float:left;position:relative;margin-top:-71px;width:210px;}

.left-top {display:block;height:71px;background:url(../images/about1_03.jpg) repeat-x center;text-align:center;color:#fff;font-size:24px;line-height:71px;font-family:"微软雅黑";}

.left-nav {padding-bottom:10px;background:#0499d7;margin-bottom:17px;font-family:"微软雅黑";}

.m {line-height:43px;background:url(../images/about_11.jpg) no-repeat center top;}

.m:hover {background:url(../images/about_09.jpg) no-repeat center top;}

.m>a {display:block;height:43px;padding-left:50px;color:#4c4c4c;font-size:14px;white-space:nowrap;overflow:hidden;}

.m>a:hover {color:#fff;}

.sub {display:none;background:#f7f7f7;padding-left:50px;}

.sub li {background:url(../images/about_05.jpg) no-repeat left center;padding-left:15px;height:43px;}

.sub li a {display:block;text-align:left;line-height:43px;color:#4c4c4c;white-space:nowrap;overflow:hidden;}

.left-contact {border:1px solid #e6e6e6;padding-top:2px;color:#333333;font-family:"微软雅黑";margin-bottom:50px;padding-bottom:20px;}

.left-contact img {display:block;margin:0 auto 30px auto;width:202px;height:90px;}

.left-contact p {padding-left:15px; line-height:25px;}

.right {float:left;margin-left:40px;width:750px;padding-top:25px;margin-bottom:50px;}

.sitemap {border-bottom:1px solid #d9d9d9;height:42px;overflow:hidden;}

.sitemap span {display:block;float:left;font-family:"微软雅黑";line-height:42px;font-size:20px;margin-left:10px;color:#333333;}

.sitemap i {display:block;float:right;color:#808080;line-height:42px;}

article {font-size:14px;color:#333333;text-indent: 2em;line-height:25px;font-family: "宋体";padding-top:30px;}

/****人才招聘****/
.hr section {border-bottom:1px solid #cccccc;padding-bottom:40px;margin-bottom:30px;}

.hr section h1 {margin-bottom:10px;}

.hr section dl {line-height:35px;padding-left:10px;}

.hr section dt {font-size:14px;font-weight:bold;}
/****分页****/
.page {clear:both;margin:40px auto; text-align:center;}

.page a {display:inline-block;padding:7px 5px;border:1px solid #aaaaee;color:#1155bb;}

.page a:hover {background:#2266bb;color:#fff;}

._red {color:red;font-weight:bold;}

.page-l {float:left;line-height:30px;}

.page-r {float:left;}
/*******百度地图******/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*******show**********/
.show-art {font-family:"微软雅黑";}

.show_title {color: #cf0010;font-size: 16px;line-height:30px;text-align:center;}

.show_xx {margin:20px auto; color: #999999;line-height:30px;text-align:center;}

.show_img {overflow:hidden;margin:20px auto; text-align:center;}

.show_a {text-align:right;}

.show_a a {color: #d70010;font-size: 18px;line-height:30px;margin:40px auto;}

/****关于我们***/
.img-list {margin-top:20px;}

.img-list li {display:inline-block;*display:inline;zoom:1;margin:10px 11px;}

.img-list li img {display:block;width:215px;height:140px;padding:3px;border:1px solid #cccccc;}

.img-list li a {display:block;text-align:center;font-family:"微软雅黑";color:#333333; line-height:30px;}

.img-list li a:hover {color:#0499d7;}

/**pro**/
.pro-tb {width:100%;border-collapse: collapse;text-align:center;margin-top:30px;line-height:25px;}

.pro-tb thead .hd-bg {background:#dbeff8;}

.pro-tb thead input[type=button] {width:106px;font-size:12px;font-family:"宋体";color:#000;cursor: pointer;}

.pro-tb thead select {border:1px solid #9a9a9a;width:110px;}

.pro-tb tbody td {border:1px solid #cccccc;}

.pro-tb tbody td a {background:url(../images/pdf.jpg) no-repeat left center;padding-left:25px;display:block;text-align:left;margin-left:15px;}


/*****news*******/
.news-list {margin-top:35px;}

.news-list li {height:30px;border-bottom:1px dashed #cccccc;background:url(../images/news_03.png) no-repeat left center;padding-left:20px;font-family:"微软雅黑";margin-top:5px;}

.news-list li a {color:#333333;display:block;float:left; line-height:30px;}

.news-list li span {display:block;float:right;color:#333333;line-height:30px;}

/**app*******/
.list2{margin: 0 auto; clear:both; margin-top:10px; padding:10px 20px 5px 40px;width:944px; font-size:16px; font-weight:bold; background: #D6F2FA;}
.list2 a{ float:left; padding:16px 30px 0px 55px; height:50px;}
.list2 a.yylist{ background:url("../images/im_43.gif") no-repeat 2px 6px; }
.list2 a.yylist:hover{ background:url("../images/im_43_2.gif") no-repeat 2px 6px; color:#000;}

.list2 a.yylist2{ background:url("../images/im_44.gif") no-repeat 2px 6px; }
.list2 a.yylist2:hover{ background:url("../images/im_44_2.gif") no-repeat 2px 6px; color:#000;}

.list2 a.yylist3{ background:url("../images/im_45.gif") no-repeat 2px 6px; }
.list2 a.yylist3:hover{ background:url("../images/im_45_2.gif") no-repeat 2px 6px; color:#000;}

.list2 a.yylist4{ background:url("../images/im_46.gif") no-repeat 2px 6px; }
.list2 a.yylist4:hover{ background:url("../images/im_46_2.gif") no-repeat 2px 6px; color:#000;}

.list2 a.yylist5{ background:url("../images/im_47.gif") no-repeat 2px 6px; }
.list2 a.yylist5:hover{ background:url("../images/im_47_2.gif") no-repeat 2px 6px; color:#000;}

.list2 a.yylist6{ background:url("../images/im_48.gif") no-repeat 2px 6px; }
.list2 a.yylist6:hover{ background:url("../images/im_48_2.gif") no-repeat 2px 6px; color:#000;}	

.yy{margin: 0 auto; clear:both; margin-top:10px;width:1004px; text-align:left;}
.yy .yyjtitle{ padding:8px 0 3px 25px; margin-bottom:6px; font-size:16px; font-weight:bold; border-bottom:1px solid #0DA8FB;  background: #F6F6F6;}
.yy .yyleft{float:left; display:inline; width:180px; padding:0px 10px; margin-right:16px;}
.yy .yyright{float:right; display:inline; width:718px; padding:20px 20px; font-size:14px; color: #0099FF; line-height:24px; text-align:left;}
.yyy table{ margin-top:2px;border: 1px solid #ccc;border-collapse:collapse;}
.yyy table th {border-width:1px; padding:6px; border-style:solid; border-color:#E8E8E8; background:#ffffff; text-align:left; font-weight:bold;}
.yyy table td {border-width:1px;padding:6px;border-style:solid;border-color:#E8E8E8;background-color:#ffffff;text-align:left;}
.list{ margin:0; padding:0;}
.list li{ float:left; padding:0 8px 0 8px;}


/* CSS 二级页面 */
.main{margin: 0 auto; clear:both; margin-top:10px;width:1004px;}
.main .mleft{float:left; display:inline; width:720px;}
.main .mright{float:right; display:inline; width:274px;}

.ertitle{margin:0 auto; clear:both;padding:6px 15px; height:20px; width:974px; text-align:left; background:#EEEEEE; color:#999999;}
.ritle3 span p{ text-align:left;}
.nproducts{ margin-bottom:10px; padding:0; width:718px;}
.nproducts .nptitle{ padding:8px 0 3px 25px; font-size:16px; font-weight:bold; border-bottom:3px solid #0DA8FB; color:#FF6600; background: #F6F6F6;}
.newproduct{ padding:8px 2px 4px 15px; border-bottom:1px dashed #ccc;}
.newproduct .npimg{ float:left; display:inline;width:150px; margin-top:6px; margin-right:30px; padding:3px; border:1px solid #ccc;}
.newproduct .nptt{ float:left; display:inline; width:472px;}
.newproduct .nptt h3{ text-align:left; font-size:14px; font-weight:bold;}
.newproduct .nptt li {padding:0px 8px 0px 0px;line-height:22px;font-size:13px; color:#666666; text-align:left;}
.newproduct .nptt li span{ float:right; color:#0099FF;font-size:12px;}
.emal{ margin:20px 20px 40px 20px; }
.emal li{padding:10px 0;  border-bottom:1px dashed #ccc; font-size:12px; color:#666666;}
.emal li span{vertical-align:top; padding-right:20px; width:100px; text-align:left;font-size:16px; color:#333333;}
.emal li em{vertical-align:top; color:#FF0000; font-weight:bold; padding-right:10px;font-size:16px;}
.emal li p{ padding:6px 125px; text-align:left; font-size:12px; color:#FF6600;}
.emal .einput{ padding:3px 6px; width:280px; height:26px; border:1px solid #ccc; background:#F6F6F6}
.emal .einput3{ padding:3px 6px; width:80px; height:26px; border:1px solid #ccc; background:#F6F6F6}
.emal .einput2{ padding:3px 6px; width:280px; height:80px; border:1px solid #ccc;background:#F6F6F6}
.emal .ebut{ background:url("../images/im68.gif"/*tpa=http://www.21yangjie.com/images/im68.gif*/) no-repeat; width:200px; height:41px; margin-left:125px; border:none; cursor:pointer;}
.scp{ padding:8px 2px 4px 15px; border-bottom:1px dashed #ccc;}
.scp .scpimg{ float:left; display:inline;width:150px; margin-top:6px; margin-right:30px; padding:3px; border:1px solid #ccc;}
.scp .scptt{ float:left; display:inline; width:472px;}
.scp .scptt li {padding:0px 8px 0px 0px;line-height:22px;font-size:14px; color:#666666; text-align:left;}
.scp .scptt li span{ float:right; color:#0099FF;font-size:12px;}
.serch{ margin:8px 20px;}
.serch span{ font-size:14px; color:#FF6600; padding:0 6px;}
.sm{margin:30px 20px; line-height:22px; color:#999999;}
.xq{ padding:20px 2px 4px 15px;}
.xq .xqimg{ float:left; display:inline;width:200px;  margin-right:30px; padding:20px 3px; border:1px solid #ccc; text-align:center;}
.xq .xqtt{ float:left; display:inline; width:422px;}
.xq .xqtt h3{ text-align:left; font-size:14px; font-weight:bold;}
.xq .xqtt li { float:left; width:200px;padding:6px 8px 0px 0px;font-size:13px; color:#666666; text-align:left;}
.xq .xqtt li span{font-weight:bold;}
.xqq{ padding:0;}
.xqq li{ float:left; padding:0px 4px 0px 0px;}
.title2{ height:24px; padding:8px 12px 0 12px; font-size:14px; font-weight:bold; text-align:left; background-color:#f4f4f4; border-bottom: 1px solid #ccc;}
.title2 li{ float:left;margin-right:20px; height:24px; width:100px;}
.title2 li.tit4{ margin-right:20px; width:100px; font-size:14px; font-weight:bold; text-align:center; color:#FF3300;border-bottom: 1px solid #FF3300;}
.title2 li.tit4 a:link{color:#FF3300; text-decoration:none;}
.title2 li.tit4 a:hover{color:#FF3300;text-decoration:none;}
.title2 li.tit4 a:visited{color:#FF3300;text-decoration:none;}
.title2 li.tit4 a:active{color:#FF3300;text-decoration:none;}
.title2 li.tit41{ margin-right:20px; width:100px; font-size:14px; font-weight:bold; text-align:center; color:#FF3300;}
.cpxq{ margin-bottom:8px;margin-top:8px;}
.cpxq table{border: 1px solid #ccc;border-collapse:collapse;}
.cpxq table th {border-width:1px; padding:6px; border-style:solid; border-color:#ccc; background:#FFEADF;text-align:center;}
.cpxq table td {border-width:1px;padding:6px;border-style:solid;border-color:#ccc;background-color:#ffffff;text-align:left;}
.wxj{ margin-bottom:10px; padding:0; width:718px;}
.wxj .wxjtitle{ padding:8px 0 3px 25px; margin-bottom:6px; font-size:16px; font-weight:bold; border-bottom:1px solid #0DA8FB;  background: #F6F6F6;}
.wxj .wxjtitle span{ float:right; padding-right:20px; color:#FF6600}
.wxj .wxjtitle span a:link{ color:#FF6600}
.wxj .wxjtitle span a:visited{ color:#FF6600}
.wxj .wxjtitle span a:hover{ color:#FF3300;}
.xj table{ margin-top:8px;border: 1px solid #ccc;border-collapse:collapse;}
.xj table th {border-width:1px; padding:6px; border-style:solid; border-color:#ccc; background:#dceff8; text-align:cent;}
.xj table td {border-width:1px;padding:6px;border-style:solid;border-color:#ccc;background-color:#ffffff;text-align:left;}
.title3{ height:24px; padding:8px 12px 8px 12px; font-size:18px; font-weight:bold; text-align:left; background-color:#f4f4f4; border-bottom: 1px solid #ccc;}
.title3 li{ float:left; padding-bottom:8px; height:24px; width:100px;}
.title3 li.tit5{ margin-right:20px; width:100px; font-size:18px; font-weight:bold; text-align:center; color:#FF3300;border-bottom: 1px solid #FF3300;}
.title3 li.tit5 a:link{color:#FF3300; text-decoration:none;}
.title3 li.tit5 a:hover{color:#FF3300;text-decoration:none;}
.title3 li.tit5 a:visited{color:#FF3300;text-decoration:none;}
.title3 li.tit5 a:active{color:#FF3300;text-decoration:none;}
.title3 li.tit51{ margin-right:20px; width:100px; font-size:18px; font-weight:bold; text-align:center; color:#FF3300;}

.ritle8{ margin:0px; padding:8px 0 4px 15px;font-size:15px; font-weight:bold; color:#ffffff; background:#627f91;}
.ritle8 span{ float:right; padding-right:10px; font-size:12px; color:#ffffff; font-weight:normal;}
.ritle8 span a:link{color:#ffffff;}
.ritle8 span a:visited{color:#ffffff;}
.ritle8 span a:hover{color:#ffffff;}


.fudongqq{ position:fixed; top:300px; right:0px;}
.li_1 a{display: block;background:url(../images/sq.jpg) no-repeat; width:255px; height:85px;}
.li_2 a{display: block;background:url(../images/sh.jpg) no-repeat;width:255px; height:85px;}
.li_3 a{display: block;background:url(../images/tx.jpg) no-repeat;width:255px; height:85px;}

