@charset "utf-8";

/* CSS Document */

@keyframes myfirst {

  0% {

    left: 50%;

    top: 0%;

  }

  25% {

    left: 50%;

    top: 10%;

  }

  50% {

    left: 50%;

    top: 20%;

  }

  75% {

    left: 50%;

    top: 30%;

  }

  100% {

    left: 50%;

    top: 40%;

  }

}

img {

  outline: none;

}

.vcenter {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  margin: auto;

}

.tHide {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

input[type="button"],

input[type="submit"],

input[type="reset"] {

  -webkit-appearance: none;

}

textarea {

  -webkit-appearance: none;

}

.blockFull {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

}

.relative {

  position: relative;

}

a {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

* {

  transition: All 0.2s ease-in-out;

  -webkit-transition: All 0.2s ease-in-out;

  -moz-transition: All 0.2s ease-in-out;

  -o-transition: All 0.2s ease-in-out;

}

.clearfix:after {

  clear: both;

  content: '.';

  display: block;

  width: 0;

  height: 0;

  visibility: hidden;

}

.pic {

  position: relative;

  overflow: hidden;

}

.pic:after {

  content: "";

  display: block;

}

.clear {clear: both; line-height:0; padding:0px; margin:0px;}

body {

  min-width: 320px;

  background: #fff;padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;

}



ul {

  padding: 0px;

  margin: 0px;

}

ul li {

  list-style: none; list-style-type:none;

}

li{list-style-type:none;}

.fl{ float:left;}

.fr{ float:right;}



.container {

  max-width: 1200px;

  width: 98%;

  margin: auto;

  padding:0;

}





/*通用文字颜色,大小等等*/



header{ width:100%; height:auto; border-top:17px solid #e5e5e5;}

.logo {width:14.5%; height:auto; transition: all 1.7s;z-index: 25; margin-top:35px; float:left;}

.logo img{ width:100%;}

.head_right{ width:60%;transition: all 1.6s; margin-right:5%; text-align:right;}





.search{

  width:8%; margin:0 0 0 0; float:right; text-align:center;

}



.search .search-btn {

  color: #03a3f0;

  border: 0;

  padding: 0;

  background:url(../Image/search.jpg) center no-repeat;

  font-size: 17px;

  line-height: 19px;

  outline: none;

   width:100%; height:125px;

}



.search-modal {

  background: rgba(0, 0, 0, 0.7);

}



.search-modal .modal-dialog {

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.search-modal .modal-dialog .modal-content {

  background: transparent;

  border: 0;

}



.search-modal .modal-dialog .modal-content form {

  background: transparent;

  border: 0;

  padding: 0px;

  position: relative;

   border: 2px solid #ffffff;

   height: 60px;

   border-radius:60px;

}



.search-text{

  color: #ffffff;

  font-size: 16px;

  letter-spacing: 0;

  padding: 0 10px;

  background: transparent;

  outline:none; border:none; line-height:56px; padding-left:20px; width:80%;

}



.search-icon {

  background:url(../Image/search.png) center no-repeat; position:absolute; right:20px; top:0px; width:56px; height:56px;outline:none;border:none; text-indent:-999px;

}



.search-modal .close-modal {

  position: absolute;

  right: 0;

  top: 0;

  background: transparent;

  color: #fff;

  border: 0;

  font-size: 32px;

  padding: 14px;

}



/******************head end************/





.index_search_bj{ width:100%; height:auto; background:#f2f2f2; overflow:hidden; padding:16px 0;}

.index_search .search_left{ width:60%; height:auto; line-height:40px;}

.index_search .search_left p{ color:#0071bd; font-size:16px; font-weight:bold; margin:0;}

.index_search .search_left li{ float:left; margin-right:20px; color:#272727;}

.index_search .search_right{ width:20%; height:40px; background:#ffffff; position:relative; border-radius:40px;}

.index_search .search-text{height: 40px;width:80%; position:absolute; top:0px; left:0px;color:#888888; font-size:12px;outline:none;padding-left:15px; border:none; outline:none;}

.index_search .search-btn{ width: 40px; height:38px; position:absolute; top:0px; right:0px; background:url(../Image/search1.jpg) center no-repeat; text-indent:-9999px; border:none; outline:none;}







/*********************search end*****************/





.index1{ margin-top:5%;}

.index1_top{ margin-bottom:30px;}

.index1_top_left{ color:#000; font-size:22px;}

.index1_top_left span{ color:#0071bd; font-size:13px;}

.index1_top_right{ font-size:12px; color:#737373; margin-top:10px;}

.index1_pro .item{margin: 1%;position:relative; float:left; width:90%; padding-bottom:10px;}

.index1_pro .item .index1_con{ padding:20px 0; color:#858585; text-align:center;}

.index1_pro .item .index1_con p{ color:#767676; text-align:center; font-size:18px;}

.index1_pro .item:hover{}

.index1_pro .item:hover .index1_con{ box-shadow:0 0 10px rgba(0,0,0,0.3);}



.index1_pro .item .pic { position: relative;

  overflow: hidden;}

.index1_pro .item .pic img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  margin: auto;

  transition: 0.3;

}

.index1_pro .item .pic i {

  display: block;

  padding-bottom: 72%;

}

.index1_pro .item:hover img {

    transform: scale(1.02);

}



.owl-pagination{ display:none;}



/**************************index1 end************************/





.index2{ margin-top:5%;}

.index2_left{ width:35%; height:auto;}

.index2_news1_left{ width:50%;}

.index2_news1_left img{ width:100%;}

.index2_news1_right{ width:48%;}

.index2_news1_right li{ line-height:40px; color:#737373;}

.index2_news1_right li p{ width:5px; height:5px; float:left; background:#737373; margin:17px 5px 0 0;}

.index2_news1_right li a{ color:#737373;}

.index2_news1_right li:hover p{ background:#0071bd;}

.index2_news1_right li:hover a{ color:#0071bd;}

.index2_news2 li{ line-height:40px; color:#737373;}

.index2_news2 li p{ width:5px; height:5px; float:left; background:#737373; margin:17px 5px 0 0;}

.index2_news2 li a{ color:#737373;}

.index2_news2 li:hover p{ background:#0071bd;}

.index2_news2 li:hover a{ color:#0071bd;}



.index2_right{ width:50%; height:auto;}

.index2_about_img{ width:100%;}

.index2_about_img img{ width:100%;}

.index2_about_con{ color:#858585; line-height:25px; margin-top:10px;}





/**************************index2 end*********************/









.foot_bj{width:100%; height:auto; background:#02505d; border-top:4px solid #05aa72; margin-top:50px; text-align:center; padding:2% 0 1% 0;}

.foot_logo{ width:17%; margin-top:4px;}
.ewm{ margin-top: 15px;}

.foot_logo img{max-width:100%;}

.foot_nav{ width:40%; margin-left:10%; text-align:left;}

.foot_nav p{ font-size:18px; font-weight:bold; color:#fff;}

.foot_nav li{ float:left; color:rgba(255,255,255,0.8); width:33.3%; line-height:30px;}

.foot_nav li a{ color:rgba(255,255,255,0.8);}

.foot_right{ width:25%; text-align:left;}

.foot_right p{ font-size:18px; font-weight:bold; color:#fff; text-align:left;}

.foot_search{ width:100%; height:35px; background:#014752; position:relative; }

.foot_search .search-text{height: 35px;width:80%; position:absolute; top:0px; left:0px;color:#888888; font-size:12px;outline:none;padding-left:15px; border:none; outline:none;}

.foot_search .search-btn{ width: 35px; height:35px; position:absolute; top:0px; right:0px; background:url(../Image/search2.jpg) center no-repeat; text-indent:-9999px; border:none; outline:none;}

#share{ margin-top:10px;}

#share a{ width:27px; height:27px; padding:0; margin:5px;}

#share a.bds_sqq{background:url(../Image/qq.jpg) no-repeat;}

#share a.bds_tsina{background:url(../Image/weibo.jpg) no-repeat;}

#share a.bds_weixin{background:url(../Image/weixin.jpg) no-repeat;}

.foot_bottom li{ line-height:25px; color:#fff;}

.foot_bottom li a{ color:#ffffff;}







/***********************foot end******************/





.banner_about{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_about1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}

.banner_case{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_case1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}

.banner_contact{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_contact1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}

.banner_jobs{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_jobs1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}

.banner_news{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_news1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}

.banner_pro{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_pro1.jpg) center no-repeat; background-size:cover; padding:6.5% 0;}





.inner_top{ position:relative; margin-top:-50px; z-index:9;}

.inner_top li{ float:left; padding: 0 30px; text-align:center; line-height:44px; background:#fff; margin-right:5px; color:#000; font-weight:bold;}

.inner_top li:hover{background:#02505d; color:#fff;}



.inner{ box-shadow:0 0 20px rgba(0,0,0,0.4); background:#fff; position:relative; z-index:9; padding:30px;}

.location{ background: url(../Image/p3.jpg) left center no-repeat; color:#000; padding-left:30px;}



.inner_about_top{ text-align:center; color:#333; font-size:22px; margin-top:30px;}

.inner_about_top p{ font-size:23px; font-weight:bold;}

.inner_content{ color:#000; line-height:30px; margin-top:30px; font-size:16px;}



.inner_content img{ max-width:100%;}





/**************************company end*********************/







.news{ margin-top:30px;}

.news ul li{ height:auto; overflow:hidden; padding:3% 0; border-bottom:1px dashed #c2bfbf;}

.news_time{ width:10%; color:#c8c8c8; font-size:30px; padding-bottom:40px; text-align:center;}

.news ul li .zxrz_pic{ width:25%;}

.news ul li .zxrz_pic img{ width:100%;}

.news ul li .zxrz_tex{ width:60%; margin-left:20px;}

.news ul li .zxrz_tex .zx1_tit{ color:#282828; font-size:18px; padding-bottom:10px;}

.news ul li .zxrz_tex .zx_midd{ color:#8e8d8d; margin-top:25px;}

.news ul li:hover{ border-bottom:1px dashed #0055a7;}

.news ul li:hover .zx1_tit{ color:#0055a7;}

.news ul li:hover .news_time{ color:#0055a7; background: url(../Image/p24.jpg) bottom center no-repeat;}

.newshow .newshowtit {

  text-align: center;

  margin-top: 55px;

  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;

}

.newshow .newshowtit h1 {

  font-size: 22px;

  color: #333;

}

.newshow .newshowtit .date {

  line-height: 65px;

  font-size: 12px;

  color: #999;

}

.newshow .newshowtxt p {

  margin-top: 25px;

  line-height: 25px;

}

.newshow .newshowimg {

  text-align: center;

  margin: 65px 0;

}





/**********************news end**********************/







.pro{ margin-top:20px;}

.pro .item{margin: 1%;position:relative; float:left; width:31.3%; padding-bottom:10px;}

.pro .item img{display: block;width: 100%;height: auto;}

.pro .item .pro_con{ padding:20px 0; color:#858585; text-align:center;}

.pro .item .pro_con p{ color:#767676; text-align:center; font-size:18px;}

.pro .item:hover .pro_con{ box-shadow:0 0 10px rgba(0,0,0,0.3);}

.pro .item .pic { position: relative;

  overflow: hidden;}

.pro .item .pic img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  margin: auto;

  transition: 0.3;

}

.pro .item .pic i {

  display: block;

  padding-bottom: 72%;

}

.pro .item:hover img {

    transform: scale(1.02);

}





.proshow {

  margin-top: 55px;

  margin-bottom:55px;

}

.proleft {

  width: 47%;

}

.proleft .big .pic:after {

  padding-bottom: 73%;

}

.proleft .small {

  margin-top: 6px;

}

.proleft .small .pic {

  cursor: pointer;

}

.proleft .small .pic:after {

  padding-bottom: 66.9%;

}

.proleft .small .slick-current .pic {

  border: 3px solid #d80808;

}

.proright {

  width: 47%; border:1px solid #d2d2d2; padding:20px;

}

.proright h3 {

  font-size: 22px;

  color: #333;

  line-height: 30px;

  padding-bottom: 10px;

  margin: 30px 0 15px;

}

.proright .crighttxt {

  color: #6b6b6b;

 line-height:25px;

}

.proright .crighttxt li{ line-height:30px;}



.inner_share{ width:370px; margin-top:20px;overflow:hidden;}

.inner_share p{ float: left; color:#000; line-height:30px;}

.go_order{

    padding: 8px 25px;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    background: #0341a6;

    border: none;

    margin-top: 50px;

    outline: none;

}

.go_order:hover{

    background: #f00f0d;

}

.order-content{

    padding: 20px 30px;

    background: #fff;

}



.order-content .order-line{

    color: #333;

    height: 30px;

    line-height: 30px;

    margin-bottom: 12px;

    font-size: 14px;

}

.order-content .order-line:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.order-content .order-line lable{

    width: 70px;

    margin-right: 5px;

    display: inline-block;

    float: left;

    text-align: right;

}

.order-content .order-line .order-zhi{

    float: left;

    padding: 10px;

    line-height: 30px;

    padding: 0px 10px;

    max-width: 380px;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .order-zhi.noborder{

    border:none;

}

.order-content .order-line  .order-zhi.overword{

    height: 30px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;



}

.order-line.bz-line{

    height: auto;

}

.order-content .order-line .beizhu{

    padding: 10px;

    float: left;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .dwid{

    width: 70%;

}

.order-content .order-line img{

    display: inline-block;

    float: left;

    margin-left:15px;

}

.order-content .go-sub{

    margin-left:70px;

    border: none;

    color: #fff;

    background: #0341a6;

    font-size: 14px;

    padding: 8px 28px;

    margin-top:8px;

    border-radius: 5px;

    outline: none;

}

.order-content .go-sub:hover

{

    background: #f00f0d;

}







/***************************pro end**********************/



.honor{ margin-top:20px;}

.honor li{margin: 1%;position:relative; float:left; width:23%;}

.honor li .pic { width: 100%; height: 64%;}

.honor li .pic img{width: 100%;height: 100%;}

.honor li .pic:after { padding-bottom: 71%;}

.honor li p{ text-align:center; line-height:40px; color:#000;}

.honor li:hover p{ color:#0055a7;}





/***************************honor end**********************/





.inner_contact1{ margin-top:20px;}

.inner_contact1 li{ float:left; width:20%; margin:0 6.6%; color:#a7a7a7; line-height:30px; text-align:center; padding-top:130px;}

.inner_contact1 p{ font-weight:bold; color:#3c3c3c;}

.inner_contact1 .p4{ background:url(../Image/p4.jpg) top center no-repeat;}

.inner_contact1 .p5{ background:url(../Image/p5.jpg) top center no-repeat;}

.inner_contact1 .p6{ background:url(../Image/p6.jpg) top center no-repeat;}



.inner_message{ color:#000; line-height:25px; margin-top:20px; margin-bottom:20px;}

.mes_left{ width:30%;}

.mes_right{ width:68%;}

.form-control1 {outline:none;

  display: block;

  width: 100%;

  height: 50px;

  margin-bottom:20px;

  font-size: 14px;

  line-height: 50px;

  color: #000;

  border:none;

  box-shadow: 1px 2px 3px #F0F0F0 inset;

   padding-left:10px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.form-control1:focus {

  border-color: #66afe9;

  outline:none;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}

#content1{ height:140px; background:url(../Image/p32.jpg) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";}

.form-group{ margin-bottom:40px;}

.form-group2{width:50%; height:50px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left; background:#f3f3f3;}

#submit2{ width:45%; height:50px; line-height:50px; text-align:center; background:#0055a7; color:#fff; float:right;}



.form-group #name{ background:url(../Image/p29.jpg) right 11px center no-repeat #f3f3f3;}

.form-group #email{ background:url(../Image/p30.jpg) right 11px center no-repeat #f3f3f3;}

.form-group #tel{ background:url(../Image/p31.jpg) right 11px center no-repeat #f3f3f3;}





/****************************contact end************************/





.jobs{ }

.jobs dl{ width:100%; float:left; background:#FFF; border-bottom:1px solid #f6f6f6; padding-bottom:20px;}

.jobs dd{float:left; background:#fff; color:#4d4d4d; text-indent:3em; background:url(../Image/jobslixian.png) right center repeat-y;

-moz-border-radius: 3px; /* Firefox */

  -webkit-border-radius: 3px; /* Safari 和 Chrome */

  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.jobs .d1{width:40%;}

.jobs .d2{width:20%}

.jobs li{ width:100%; float:left; border-bottom:1px solid #f6f6f6;}

.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:71px ; text-align:center; font-size:16px; color:#676c68; text-align:left;  text-indent:3em;}

.jobs li .p1{width:40%;}

.jobs li .p2{width:20%}

.jobs li .jobsinfo{ width:100%;   line-height:2; font-size:16px ;  height:0; overflow:hidden; padding:0 5%;

transition: all 0.8s ease 0s;

  -moz-transition: all 0.8s ease 0s;

  -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) 60px  top no-repeat #f0f0f0;

}

.jobs li.on .jobsinfo{ height:auto; padding:.5rem 5%;}



.jobsside{ width:23%; float:left;}

.jobssidebt{ width:100%;}

.jobssidebt p{ font-size:14px; color:#6c6c6c;}

.jobssidebt span{ font-size:23px; color:#3c3c3c;}

.jobsside ul{ width:100%; margin-top:37px; background:url(../Image/jobsli.png) top left no-repeat; padding-top:6px;}

.jobsside li{ width:90%; height:75px; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:25px; background:#2167d2; color:#FFF;}

.jobsside li p{ font-size:12px; color:#ffffff;}

.jobsside li span{ font-size:14px; color:#ffffff;}

.jobscon{ margin-top:2px; padding:10%; width:80%; line-height:2; background:#FFF;}

.jobscon p{ font-size:24px; color:#2167d2;}

.jobscon span{ font-size:16px; color:#2167d2;}



.job_more{ width:120px; height:40px; border-radius:5px; background:#02505d; color:#fff; text-align:center; line-height:40px; margin-bottom:10px;}



.order{ margin-top:15px; margin-bottom:15px; color:#4d4d4d; font-family:"宋体"; font-size:16px;}

.order li{ line-height:40px; border-bottom:none;}

.order li span{ }

.order li span input{ height:25px; border:1px solid #191919; color:#858585;}

.t_r{ display:block; float:left;}

#note{ height:140px;}

.messsub{padding:0px 0 0 110px;}

.messsub input{width:125px; height:40px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px; margin-top:20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}

.messsub input:hover{ background:#02505d;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}

#submit{ width:125px; border-radius:5px; background:#02505d; color:#fff; text-align:center; line-height:40px;height:40px; border:none; margin-top:20px; cursor:pointer;}







/**********************jobs end****************************/



.inner_case_top{ text-align:center; margin-top:40px; margin-bottom:20px;}

.inner_case{ margin:20px 0; background:url(../Image/p7.jpg) top left no-repeat; padding:15% 0; background-size:cover;}

.inner_case p{color:#000; line-height:35px; font-size:16px; padding:0 20px;}

.inner_case p b{ font-size:20px;}

.inner_case1 li{margin: 1% 0;position:relative;  overflow:hidden;transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}

.inner_case1 li img{width: 100%;}



.case li{margin: 1%;position:relative; float:left; width:48%; position: relative; overflow:hidden;transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}

.case li .pic { width: 100%; height: 64%;}

.case li .pic img{width: 100%;height: 100%;}

.case li .pic:after { padding-bottom: 65%;}



.case_tit{ background:#02505d; color:#fff; line-height:44px; text-align:center; position:absolute; bottom:0px; left:0px; width:131px; height:44px; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}







#prev_next{ color:#000; margin-top:20px; line-height:30px;}

#prev_next a{ color:#000;}





.page {

  line-height: 50px;

  border: 1px solid #e8e8e8;

  text-align: center;

  margin-top: 35px;

}

.page a {

  font-family: arial;

  background: #f8f8f8;

  padding: 5px 10px;

  margin: 0 2px;

}

.page a:hover {

  background: #d80808;

  color: #fff;

}

.page a.active {

  background: #d80808;

  color: #fff;

}

.page a.bgnone {

  background: none;

}

.page a.bgnone:hover {

  color: #d80808;

}