.culture-con {width:100%;padding-bottom:385px;background:#1f1f1f url(../images/culture-bg.jpg) no-repeat center bottom;}
.culture-tt {width:100%;height:77px;line-height:77px;font-size:27px;color:#fff;text-align: center;padding-bottom:14px;background:url(../images/culture-tt.png) no-repeat center bottom;padding-top:75px;}
.culture {width:1100px;overflow:hidden;margin:82px auto 130px;}
.culture li {position:relative;float:left;width:50%;overflow:hidden;padding:70px 0px;}
.culture li img {width:108px;height:108px;}
.culture-nr {width:400px;}
.culture-nr p {width:100%;height:50px;line-height:50px;font-size:24px;color:#fff;}
.culture-nr span {height:25px;line-height:25px;font-size:16px;color:#fff;margin-top:5px;padding:0 5px;}
.culture-nr1 span,.culture-nr3 span {float:left;}
.culture-nr2 span,.culture-nr4 span {float:right;}
.culture .line {position:absolute;background:#fff;}
.culture1 img,.culture3 img {float:left;}
.culture2 img,.culture4 img {float:right;}
.culture1 .culture-nr,.culture3 .culture-nr {float:right;margin-right:15px;}
.culture2 .culture-nr,.culture4 .culture-nr {float:left;margin-left:15px;text-align: right;}

.culture1 .line {right:0px;top:12px;bottom:12px;width:1px;}
.culture2 .line {bottom:0px;left:12px;right:12px;height:1px;} 
.culture3 .line {top:0px;left:12px;right:12px;height:1px;} 
.culture4 .line {left:0px;top:12px;bottom:12px;width:1px;}

.about {width:100%;background:#252525;overflow: hidden;}
.about-bg {width:100%;font-size:0;}
.about-bg img {width:100%;}
.about-logo {float:left;padding:200px 130px 200px 0;background:url(../images/about-bg.png) no-repeat right center;}
.about-con {float:right;margin-top:115px;width:630px;}
.about-tt h2 {font-size:26px;color:#fff;height:42px;line-height:42px;}
.about-tt p {font-size:26px;color:#fff;height:42px;line-height:42px;}
.about .nr {margin-top:16px;}
.about .nr p {font-size:14px;color:#fff;line-height:30px;text-indent:2em;}
.about .nr .link {margin-top:60px;font-size:14px;color:#fff;line-height:30px;text-align: right;}
.about .nr a {font-size:14px;color:#fff;line-height:30px;margin:0 30px;text-decoration: underline;}

.contact-banner {width:100%;height:700px;background: url(../images/contact.jpg) no-repeat center center;background-size:cover;}
.contact {width:100%;background:#1f1f1f;padding:105px 0 150px;}
.contact .cu {float:left;width:470px;margin-left:20px;}
.contact .cn {float:right;width:580px;margin-right:20px;}
.contact .wrap {overflow: hidden;}
.contact .cu-tt h2{font-size:32px;color:#fff;line-height:56px;}
.contact .cu-tt p {font-size:24px;color:#777;line-height:48px;}
.contact .cn .cu-tt p {font-size:14px;line-height:24px;margin-top:12px;}
.contact .cu-con {position:relative;width:100%;}
.contact .cu-con ul {margin-top:50px;width:100%;overflow: hidden;}
.contact .cu-con ul img {float:left;}
.contact .cu-con li {float:left;width:100%;margin-top:20px;height:35px;line-height:35px;}
.contact .cu-con li {font-size:14px;color:#777;}
.contact .cu-con li label {float:left;margin-left:20px;}
.contact .cu-con li label span {font-size:16px;color:#fff;}
.contact .cu-con li label a {display:inline-block;margin-left:15px;}
.contact .cu-con .qrcode {position:absolute;right:30px;bottom:0;}
.contact .form {width:100%;margin-top:20px;}
.contact .form ul {width:100%;overflow:hidden;}
.contact .form li {position:relative;float:left;width:250px;border:1px solid #777;padding:10px 8px;margin-right:20px;font-size:12px;line-height:16px;margin-top:18px;}
.contact .form li label {float:left;color:#777;}
.contact .form li input {float:right;width:205px;height:16px;color:#777;border:none;background:none;}
.contact .form li.file {width:180px;padding-right:70px;}
.contact .form li.file button {position:absolute;right:8px;top:10px;width:58px;height:18px;color:#fff;font-size:12px;padding:0;background:#ababab;border:1px solid #777;}
.contact .form li.file input {width:115px;}
.contact .form li.file button~input {position:absolute;right:8px;top:5px;width:58px;height:18px;opacity: 0;}
.contact .form li.text {width:538px;}
.contact .form li.text textarea {float:right;width:490px;height:64px;line-height:16px;border:none;background:none;color:#777;font-size:12px;}
.btn-box {width:100%;margin-top:15px;text-align:right;}
.btn-box button {width:110px;height:42px;background:#2d77b4;font-size:14px;color:#fff;margin-right:20px;border:1px solid #c7c7c7}

.contact .swqt {width:100%;margin-top:20px;}
.contact .swqt h5 {display:none;}
.contact .swqt .table_form {border-collapse:separate; border-spacing:0px 18px;cellspacing:0;cellpadding:0;}
/* .contact .swqt .table_form tr {width:50%;float:left;} */
.contact .swqt .table_form tbody td,.contact .swqt .table_form tbody th {border:1px solid #777;font-size:12px;line-height:16px;padding:10px 8px;}
.contact .swqt .table_form tbody th {border-right:none;color:#777;}
.contact .swqt .table_form tbody td {border-left:none;}
.contact .swqt .table_form tr:last-child td {border:none;text-align: right;}
.contact .swqt .table_form .input-text {float:right;width:100%;height:16px;color:#777;border:none;background:none;}
.contact .swqt .table_form textarea {float:right;width:100%;height:64px;line-height:16px;border:none;background:none;color:#777;font-size:12px;}
#dosubmit {width:110px;height:42px;background:#2d77b4;font-size:14px;color:#fff;margin-right:20px;border:1px solid #c7c7c7}
.contact .swqt .table_form .button {float:right;margin:0;}
.contact .swqt .table_form fieldset {display:none;}
.contact .swqt .table_form #fjsc {    float: left;
    height: 16px;
    color: #777;
    border: none;
    background: none;}

.job {width:100%;background: #1f1f1f;/*background:url(../images/job.jpg) no-repeat center top;background-size:cover;*/overflow:hidden;}
.job-banner {height:auto;width:100%;text-align: center;}
.job-banner h2 {font-size:36px;color:#fff;line-height:1;}
.job-banner p {font-size:24px;color:#fff;line-height:1;margin-top:32px;}
.job-tt {width:100%;margin-top:80px;height:44px;overflow: hidden;}
.job-tt h2 {float:left;height:44px;line-height:44px;font-size:29px;color:#2d77b4;}
.job-email {float:right;height:44px;line-height:22px;color:#fff;font-size:12px;padding-left:55px;background:url(../images/email.png) no-repeat left center;}
.job-doc {float:right;margin-right:30px;height:44px;line-height:44px;}
.job-doc a {font-size:16px;color:#fff;text-decoration: underline;}
.job-list {width:100%;overflow: hidden;}
.job-list ul {width:1300px;padding-bottom:50px;overflow:hidden}
.job-list li {float:left;width:530px;min-height:300px;padding:20px 30px;margin-right:20px;margin-top:15px; background: -webkit-linear-gradient(#030002, #020418); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#030002, #020418); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#030002, #020418); /* Firefox 3.6 - 15 */
  background: linear-gradient(#030002, #020418); /* 标准的语法 */}
.job-list li h2 {display: inline-block;width:auto;height:27px;line-height:27px;font-size:18px;color:#2d77b4;border:1px solid #2d77b4;padding:0 5px;}
.job-list li p {line-height:22px;color:#fff;font-size:12px;margin-top:10px;}
.job-list li p span {font-weight: bold;}

.product {width:100%;padding-top:310px;background:#1f1f1f url(../images/product.jpg) no-repeat center top;}
.product-list li {margin-top:200px;}
.product-list h2 {width:100%;height:77px;line-height:77px;font-size:27px;color:#fff;text-align: center;padding-bottom:14px;background:url(../images/culture-tt.png) no-repeat center bottom;}
.product-name  {width:100%;height:77px;line-height:77px;font-size:24px;color:#fff;text-align: center;}
.product-list li p {margin:30px auto 110px;font-size:14px;color:#bbb;line-height:42px;}
.product-list li>p {width:900px;}

.product-con {width:100%;padding-bottom:70px;}
.product-con:after {display:block;clear:both;content:"";visibility:hidden;height:0}
.product-item {float:left;}
.product-con2 {margin-top:70px;}
.product-con2 .product-item + .product-item {margin-left:200px;}
.product-item h3 {height:26px;line-height:26px;font-size:26px;color:#fff;padding-left:10px;background: url(../images/product-item.jpg) no-repeat left center;}
.product-info {position:relative;line-height:34px;color:#fff;font-size:14px;margin-top:10px;z-index:9;}
.product-con1 .product-info {text-align: center;}
.product-con1 {padding-bottom:0px;}
.product-con1 .product-item {width:1200px;}
.product-con1 .product-item h3 {position:relative;height:auto;line-height:34px;background-position:left 4px;z-index:9;}
.product-con1 .product-item h3 {width:100%;background:none;text-align: center;}
.product-con1 .product-item .pro-img {width:100%;text-align: center;}
.product-con1 .product-item p {line-height:26px;text-align: center;}

.product-adv {width:100%;overflow: hidden;padding-bottom:120px;}
.pro-adv-item {position:relative;float:left;padding-left:185px;width:415px;height:95px;margin-top:120px;}
.pro-adv-item img {position:absolute;left:50px;top:50%;margin-top:-47.5px;}
.pro-adv-item  p {margin:0;line-height:30px;font-size:24px;color:#fff;margin-top:20px;}
.pro-adv-item span {margin:0;line-height:30px;font-size:24px;color:#767779;}

.news {width:100%;overflow:hidden;background:#1F1F1F;/*url(../images/news-bg.jpg) no-repeat center top;*/}
.news-banner {width:100%;height:375px;background: url(../images/news-banner.jpg) no-repeat;background-size:100% 100%;margin:0 auto;}
.news-con {width:1100px;height:1570px;margin:0 auto 100px;background-color:#fff;padding-top:30px;}
.news-l {float:left;width:310px;margin-left:33px;}
.news-tt {position:relative;font-size:30px;line-height:50px;font-weight:normal;padding-bottom:30px;border-bottom:1px solid #000;color:#3a3a3a;}
.news-tt span {font-size:24px;}
.news-l h2 {height:52px;line-height:52px;font-size:18px;color:#222;border-bottom:1px solid #f0f0f0;margin-top:30px;}
.hot ul {width:100%;overflow: hidden;margin-top:20px;}
.hot li {position:relative;float:left;width:100%;height:30px;color:#777;font-size:13px;}
.hot li a {float:left;width:100%;height:30px;line-height:30px;color:#777;font-size:13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot li span {position:absolute;right:0px;top:0px;height:30px;line-height:30px;color:#777;font-size:13px;}
.key ul {width:100%;overflow: hidden;margin-top:20px;}
.key li {float:left;height:28px;line-height:28px;margin-top:10px;margin-right:10px;border:1px solid #c7c7c7;}
.key li a {float:left;height:28px;padding:0 10px;color:#777;font-size:13px;}
.Industry ul {width:100%;overflow: hidden;}
.Industry li {float:left;width:270px;margin-top:20px;}
.Industry li .img-box {width:270px;height:170px;font-size:0px;overflow: hidden;}
.Industry li img {width:270px;height:170px;}
.Industry li .tips {font-size:12px;color:#777;line-height:26px;margin-top:12px;}
.Industry li .tips span {color:#2d77b4;margin-right:15px;}
.Industry li h3 {width:100%;height:32px;line-height:32px;color:#222;font-size:18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.news-list {position:relative;float:right;width:610px;height:1500px;padding:0 5px 70px;background: url(../images/news-list.jpg) repeat-y left top;margin-right:33px;overflow: hidden;}
.news-list .swiper-container {width:100%;height:100%;}
.news-list .swiper-slide {height:auto;}
.news-list ul {width:550px;padding:0 30px;overflow: hidden;}
.news-list li {padding-bottom:20px;border-bottom:1px dashed #ccc;margin-top:30px;}
.news-list li .img-box {width:550px;height:250px;font-size:0px;overflow: hidden;}
.news-list li img {width:100%;}
.news-list li .time {font-size:14px;color:#666;line-height:30px;}
.news-list li h3 {width:100%;height:32px;line-height:32px;color:#3a3a3a;font-size:18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list li p {width:100%;line-height:22px;color:#666;font-size:12px;margin-top:10px;}
.news-list li .link {margin-top:40px;}
.news-list li .link a {color:#2d77b4;font-size:12px;line-height:15px;padding:0 5px;border:1px solid #2d77b4;}
.news-list .more {position:absolute;left:0;bottom:0;width:100%;height:70px;line-height:40px;text-align: center;cursor: pointer;}

.contents {width:100%;background:#252525 url(../images/news-bg.jpg) no-repeat center top;padding:30px 0;}
.contents .cons {width:1000px;padding:0 50px;margin:0px auto;background:#fff;}
.contents .tips {height:60px;line-height:60px;font-size:14px;color:#666;border-bottom:1px solid #e6e6e6;}
.contents .times {float:right;}
.contents .nr {width:900px;margin:0 auto;padding-bottom:50px;}
.contents .nr h2 {line-height:60px;font-size:32px;color:#3a3a3a;padding-top:25px;;}
.contents .nr img {float:left;width:100%;margin:25px 0;}
.contents .nr p {line-height:24px;font-size:12px;color:#666;}

.atlas {wdith:100%;overflow: hidden;background: #1F1F1F;padding: 50px 0;}
.atlas-list {width:100%;overflow: hidden;}
.atlas-list ul {width:1300px;overflow: hidden;}
.atlas-list li {float:left;margin-right: 30px;margin-bottom: 30px;overflow:hidden;}
.atlas-list a {position:relative;display: block; width: 380px; height: 380px;}
.atlas-list a .image-box {position:relative;display: block; width:100%; height:100%;overflow: hidden;}
.atlas-list a .image-box .image_main {display: block;overflow: hidden;}
.atlas-list a .image-box .image_item {position:absolute;display: block;left:0;top:0;width:100%;height:100%;}
.atlas-list a .image-box .image_info {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity: 0;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.atlas-list a .image-box .image_tt {display: block;position: absolute;left: 0;bottom: 0;width:340px;height:30px;line-height:30px;font-size:16px;padding:10px 20px;background: rgba(0,0,0,.4);}
.atlas-list a:hover .image-box .image_info {opacity:1;}