@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;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
.fl{ float:left;}
.fr{ float:right;}

.container {
  max-width: 1400px;
  width: 98%;
  margin: auto;
  padding:0;
}


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

.head{}
.logo {width:20.5%; height:auto; transition: all 1.7s;z-index: 25; margin-top:15px; float:left;}
.logo img{ width:100%;}
.head_right{ width:60%;transition: all 1.6s; margin-right:5%; text-align:right;}


.search{}
.search {
  width:8%; margin:0 0 0 0; float:right; background:#0055a7; text-align:center;
}

.search .search-btn {
  color: #03a3f0;
  border: 0;
  padding: 0;
  background:url(../Image/search.png) center no-repeat #0055a7;
  font-size: 17px;
  line-height: 19px;
  outline: none;
   width:100%; height:105px;
}

.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************/


.index1 li{ width:48%; margin-top:65px;}
.index1 li p{ color:#353535; font-size:18px; margin:20px 0 10px 20px;}
.index1 li p span{ width:25px; height:5px; background:#fff; display:block; float:left; margin-top:10px; margin-right:5px;}
.index1_more{ margin-left:50px; color:#767676;}
.index1 li .index1_img{ overflow:hidden;}
.index1 li .index1_img img{ width:100%; height:100%;transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.index1 li:hover .index1_img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index1 li:hover p span{ background:#0055a7;}


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



.index2_bj{ width:100%; height:auto; background: url(../Image/p2.jpg) center bottom no-repeat; position:relative; margin-top:7%;}
.index2_left{ width:72.5%; height:auto;background: url(../Image/p3.jpg) left top no-repeat;}
.index2_about{ width:80%; position:relative;}
.index2_about_top{ color:#010101; font-size:24px; margin:5% 0;}
.index2_about_main{line-height:35px; color:#767676;}
.index2_about_more{ float:right; width:56px; height:56px; background:#0055a7; text-align:center; color:#fff; line-height:56px; font-size:36px;}
.index2_num{ width:80%; margin:5.2% 0;}
.aboutBox .modern{position:relative} 
.aboutBox .modern:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;} 
.aboutBox .modern .modernfix{position:relative} 
.aboutBox .modern .modernfix .wood{float:left} 
.aboutBox .modern .modernfix .wood p{color:#767676;font-size:16px;line-height:1.8;}
.aboutBox .modern .modernfix .woodnub{position:relative} 
.aboutBox .modern .modernfix .woodnub:before{content:"";position:absolute;left:0;top:0} 
.index2_num li{ width:25%;padding:0 2%; float:left; }
.aboutBox .modern .modernfix .woodnub .wood-info{ float:left; width:100%; text-align:center; padding:0 2%; } 
.aboutBox .modern .modernfix .woodnub .wood-info p{color:#000000;font-size:14px;line-height:1.4; position:relative;} 
.aboutBox .modern .modernfix .woodnub .wood-info p b{display:inline-block;color:#0055a7;font-size:80px;font-weight:bold;} 
.aboutBox .modern .modernfix .woodnub .wood-info p span{ position:absolute; right:0; top:0; font-size:16px; color:#0055a7;} 


.index2_right{ height:auto; position:absolute; right:0; width:37%;}
.index2_right img{ width:100%; height:100%;}


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



.technologyBox{height:100%;position:relative ; margin-top:75px;}
.technologyBox .contBox{height:100%;position:relative;overflow:hidden} 
.technologyBox .contBox .leftBox{ width:40%;position:absolute;right:0; z-index:99999;background:url(../Image/p5.png) center no-repeat; padding:5% 0; margin-top:50px;} 
.technologyBox .contBox .leftBox .title{padding-top:40px} 
.technologyBox .contBox .leftBox .list{margin-top:15px;width:100%} 
.technologyBox .contBox .leftBox .list li{display:none; width:50%; margin-left:5%;} 
.technologyBox .contBox .leftBox .list li:first-child{display:block;} 
.technologyBox .contBox .leftBox .list h2{font-size:48px;color:#00aecb;padding-bottom:25px} 
.technologyBox .contBox .leftBox .list p{font-size:16px;color:#767676;line-height:36px; margin-top:20px;} 
.technologyBox .contBox .leftBox .list span{display:block;font-size:18px;color:#00aecb;padding:10px 0} 
.technologyBox .contBox .leftBox .list .tb{display:flex;flex-wrap:wrap;width:630px} 
.technologyBox .contBox .leftBox .list .tb .item{font-size:17px;color:#fff;background:#00aecb;margin:0 1.5%;padding:10px;text-align:center} 
.technologyBox .contBox .leftBox .list .tb .item:nth-child(2){background:#75b433} 
.technologyBox .contBox .leftBox .list .tb .item:nth-child(3){background:#604a7b} 
.technologyBox .contBox .rightBox{float:left;width:100%; z-index:999;} 
.technologyBox .contBox .rightBox .image{width:100%;height:100%;background-size:cover;background-position:top right} 
.technologyBox .iconBox{width:100%; padding-top:110px;bottom:0;text-align:center;background:url(../Image/p4.jpg) bottom center repeat-y; margin-top:-120px;} 
.technologyBox .iconBox ul{display:inline-block;overflow:hidden;height:100%; position:relative; z-index:99999; bottom:-4px;} 
.technologyBox .iconBox ul li{cursor:pointer;transition-duration:.5s;-webkit-transition-duration:.5s;float:left; width:16.5%;height:100%;float:left; border-bottom:5px solid rgba(0,0,0,0);} 
.technologyBox .iconBox ul li .icon{width:67px;position:relative;top:0;height:67px;text-align:center;margin:38px auto 31px;position:relative;top:0;transition-duration:.5s;-webkit-transition-duration:.5s;border:1px solid transparent} 
.technologyBox .iconBox ul li .icon.icon1{background:url(../Image/adv1-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .icon.icon2{background:url(../Image/adv2-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .icon.icon3{background:url(../Image/adv3-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .icon.icon4{background:url(../Image/adv4-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .icon.icon5{background:url(../Image/adv5-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .icon.icon6{background:url(../Image/adv6-1.png) center no-repeat;} 
.technologyBox .iconBox ul li .text{color:#fff;font-size:14px;position:relative;top:0} 
.technologyBox .iconBox ul li .en{font-size:12px;text-transform:uppercase;line-height:40px} 
.technologyBox .iconBox ul li.active, .technologyBox .iconBox ul li:hover{ border-bottom:5px solid #0055a7;} 
.technologyBox .iconBox ul li.active .icon, .technologyBox .iconBox ul li:hover{} 
.technologyBox .iconBox ul li.active .text, .technologyBox .iconBox ul li:hover .text{color:#fff;top:5px} 
.technologyBox .iconBox ul li.active .en, .technologyBox .iconBox ul li:hover .en{}


/***********************************adv end*********************/

.index3{ margin-top:75px;}
.index3_top_left{ width:50%; height:auto; color:#767676; font-size:18px;}
.index3_top_left p{ color:#010101; font-size:30px;}
.index3_type{ width:50%;}
.index3_type li{ width:30.3%; float:left; font-size:14px; color:#000000; background:#f1f1f1; text-align:center; line-height:40px; margin:8px 1.5%;}
.index3_type li:hover{background:#0055a7;cursor:pointer;color:#fff;}
.index3_more{width:30%; float:left; font-size:14px; color:#fff; text-align:center; line-height:40px; margin:8px 10px;background:url(../Image/p7.jpg) right 20px center no-repeat #0055a7;}
.index3_pro .item{margin: 1%;position:relative; float:left; width:90%; border:1px solid #dcdcdc; overflow:hidden;}
.index3_pro .item .index3_con{ padding:20px 0;}
.index3_pro .item .index3_con p{ color:#767676; text-align:center; font-size:18px;}
.index3_line{ width:70px; height:1px; margin:10px auto; background:#dcdcdc;}
.index3_pro_more{ width:70px; margin:0 auto; line-height:21px; border:1px solid #dcdcdc; text-align:center; color:#767676; border-radius:10px;}
.index3_pro .item:hover{ border:1px solid #0055a7;}
.index3_pro .item:hover .index3_con{ background:#0055a7;}
.index3_pro .item:hover .index3_con p{ color:#fff;}
.index3_pro .item:hover .index3_line{ width:80%;}

.index3_pro .item .pic { position: relative;
  overflow: hidden;}
.index3_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;
}
.index3_pro .item .pic i {
  display: block;
  padding-bottom: 100.8%;
}
.index3_pro .item:hover img {
    transform: scale(1.02);
}

/***********************************index3 end*********************/



.index4_bj{width:100%; height:auto; background: url(../Image/p8.jpg) center no-repeat; background-size:cover; margin-top:50px; text-align:center; padding:7.5% 0;}


/***********************index4 end******************/


.index5 li{ width:50%;}
.index5 li .index5_img{ overflow:hidden;}
.index5 li .index5_img img{ width:100%; height:100%;transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.index5 li:hover .index5_img img{transform: scale(1.1); -webkit-transform: scale(1.1);}


/****************************index5 end*********************/

.index6{ margin-top:50px;}
.index6_top_left{ width:50%; color:#3c3c3c; font-size:30px;}
.index6_top_right li{ width:120px; height:40px; border-radius:40px; background:#f1f1f1; text-align:center; line-height:40px; color:#767676; float:left; margin-left:20px;}
.index6_top_right li:hover{ background:#0055a7; color:#fff;}
.index6_main{ width:100%; margin-top:45px; overflow:hidden;}
.index6_main ul li{ float:left; width:30.1%; margin:0 1.6%; position:relative; }

.index6_main li .pic { width: 100%; height: 64%;}
.index6_main li .pic img{ width:100%; height: 100%;}
.index6_main li .pic:after { padding-bottom: 50%;}


.index6_main ul li .news1_tit{ color:#313131; font-size:19px; margin-top:20px;}
.index6_main ul li .news1_tex{ color:#5f5f5f; text-align:justify;margin-top:23px; border-bottom:1px solid #dcdcdc; padding-bottom:25px;}
.index6_main ul li .news1_date{ color:#838383; font-size:18px; font-weight:bold; margin-top:20px;}
.index6_main ul li:hover .news1_date{ color:#0055a7;}
.index6_main ul li:hover .news1_tit{ font-weight:bold; color:#0055a7;}
.index6_main ul li:hover .news1_tex{ border-bottom:1px solid #0055a7;}
.index6_main ul li:hover .pic img{transform: scale(1.1); -webkit-transform: scale(1.1);}


/*************************index6 end************************/



.foot_bj{width:100%; height:auto; background: url(../Image/p12.jpg) center no-repeat; background-size:cover; margin-top:50px; text-align:center; padding:2% 0;}
.foot_top{ text-align:center;}
.foot_nav li{ float:left; color:#fff; width:14%; margin:2.5% 0; line-height:30px;}
.foot_nav li a{ color:#fff;}
.foot_contact li{ width:24%; color:#fff; float:left; line-height:30px;}
.foot_contact .foot_tel{ padding-top:50px; background: url(../Image/p14.png) top right no-repeat; text-align:right;}
.foot_contact .foot_email{ padding-top:50px; background: url(../Image/p15.png) top right no-repeat; text-align:right; margin-right:7%;}
.foot_contact .foot_add{ padding-top:50px; background: url(../Image/p16.png) top right no-repeat; text-align:right;}
.foot_contact li p{ font-size:18px;}
.cop{ float:right;}
.cop p{ font-size:14px; line-height:30px; margin-top:10px;}
.foot2{ text-align:center; color:#919192; line-height:40px; margin-top:20px;}
.foot2 a{ color:#919192;}
.foot2 span{ margin-left:10px;}

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


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

.inner_about1_bj{ width:100%; height:auto; background:#f9f8f8; padding:2% 0;}
.inner_about1_left{ width:50%; height:auto;}
.inner_content{ color:#767676; line-height:30px;}
.inner_about1_right{ width:48%;}
.inner_about1_right img{ width:100%;}

.inner_about2_bj{ width:100%; height:auto; background:#f2f2f2; padding:2% 0;}
.inner_video{ width:47%; margin-bottom:30px;}
.video{width:100%;height:465px;background:url(../Image/video.jpg) center no-repeat #000;}
.inner_video_right{ width:47%; height:465px; background:#fff; margin-bottom:60px; text-align:center;}
.inner_video_right img{ width:100%;}
.inner_about2_num{ width:47%; height:465px; float:left; background:#fff; text-align:center;}
.inner_about2_num img{ width:100%;}

.inner_about2_right{ width:47%; height:465px; background:#0055a7;}
.inner_about2_right img{ width:100%;}


.inner_about3_bj{ width:100%; height:auto; background:#f9f8f8; padding:2% 0;}
.inner_about3_top{ text-align:center;}
.inner_about3_main .b3 {
    margin-top: 55px;
    width: 100%;
    background: url(../Image/company.jpg) no-repeat center;
    background-size: cover;
	height:100%; overflow:hidden;
}
.inner_about3_main .b3 li {
    float: left;
    width: 22%;
    padding-top: 64px;
    padding-bottom: 90px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 2.6%;
    padding-right: 2.6%;
    height: 430px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.inner_about3_main .b3 li:last-child {
    border-right: none;
}
.inner_about3_main .b3 li .c1 {
    font-size: 26px;
    color: rgba(255, 255, 255, 0.95);	}
.inner_about3_main .b3 li .c2 {
    margin-top: 10px;
    height: 170px;
    width: 100%;
}
.inner_about3_main .b3 .li_on .c2 .d2 {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
}
.inner_about3_main .b3 li .c2 .d1 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-delay: 0.1s;
}
.inner_about3_main .b3 li .c2 .d2 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 26px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transform: translateX(30px);
    -ms-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -o-transform: translateX(30px);
    opacity: 0;
    transition-delay: 0.5s;
	margin-top:10px;
}
.inner_about3_main .b3 .li_on .c3 {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    opacity: 1;
}
.inner_about3_main .b3 li .c3 {
    transform: translateY(30px);
    -ms-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-delay: 0.3s;
}
.inner_about3_main .b3 .li_on {
    width: 34%;
    background: rgba(0, 0, 0, 0.3);
}  
.inner_about3_main .b3 li .c3 img {
    max-height: 58px;
}
.inner_about4{ margin-top:30px;}
.inner_about4 li{ float:left; width:30.3%; float:left; background:#f2f2f2; border-radius:5px; margin:0 1.5%;}
.inner_about4 li img{ width:100%; border-top-left-radius:5px; border-top-right-radius:5px}
.inner_about4 li .inner_about4_con{ width:80%; margin:0 auto; height:175px; color:#898888; line-height:25px;}
.inner_about4 li .inner_about4_con p{ font-size:20px; color:#030303; margin-top:30px;}


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



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

.location{ line-height:50px; border-bottom:1px solid #dcdcdc; color:#767676;}
.location a{ color:#767676;}
.inner_pro_top{ text-align:center; color:#767676; font-size:18px; margin-top:20px;}
.inner_pro_top p{ color:#010101; font-size:30px;}
.inner_pro_type{ margin-top:50px;}
.inner_pro_type li{ width:30.3%; float:left; font-size:14px; color:#000000; background:#f1f1f1; text-align:center; line-height:40px; margin:8px 1.5%;}
.inner_pro_type li:hover{background:#0055a7;cursor:pointer;color:#fff;}

.pro{ margin-top:20px;}
.pro li{margin: 1%;position:relative; float:left; width:23%; border:1px solid #dcdcdc;}
.pro li .pic { width: 100%; height: 64%;}
.pro li .pic img{ width:100%; height: 100%;}
.pro li .pic:after { padding-bottom: 100%;}
.pro li .index3_con{ padding:20px 0;}
.pro li .index3_con p{ color:#767676; text-align:center; font-size:18px; overflow:hidden; height:50px;}
.index3_line{ width:70px; height:1px; margin:10px auto; background:#dcdcdc;}
.index3_pro_more{ width:70px; margin:0 auto; line-height:21px; border:1px solid #dcdcdc; text-align:center; color:#767676; border-radius:10px;}
.pro li:hover{ border:1px solid #0055a7;}
.pro li:hover .index3_con{ background:#0055a7;}
.pro li:hover .index3_con p{ color:#fff;}
.pro li:hover .index3_line{ width:80%;}


.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; margin-top:50px;
}
.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**********************/


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

.news{ margin-top:30px;}
.news ul li{ height:auto; overflow:hidden; padding:3% 0; border-bottom:1px solid #c2bfbf;}
.news_time{ width:10%; color:#c8c8c8; font-size:30px; padding-bottom:40px;}
.news ul li .zxrz_pic{ width:25%;}
.news ul li .zxrz_pic img{ width:100%;}
.news ul li .zxrz_tex{ width:60%;}
.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 .zxrz_tex .zx_bt{ color:#3c3c3c; margin-top:30px; border:1px solid #bfbfbf; line-height:38px; width:153px; text-align:center;}
.news ul li:hover{ border-bottom:1px solid #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**********************/


.banner_honor{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_honor.jpg) center no-repeat; background-size:cover; padding:10% 0;}
.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: 0%;}
.honor li p{ text-align:center; line-height:40px; color:#000;}
.honor li:hover p{ color:#0055a7;}


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


.banner_case{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_case.jpg) center no-repeat; background-size:cover; padding:10% 0;}
.case li{margin: 1%;position:relative; float:left; width:31.3%; 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: 0%;}
.case_tit{ background:rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:-100%;transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.case_tit p{ width:70%; border-bottom:1px solid #fff; border-top:1px solid #fff; margin:0 auto; line-height:50px; text-align:center; color:#fff; margin-top:27%;}
.case li:hover .case_tit{ top:0;}



/**********************case end*********************/



.banner_contact{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_contact.jpg) center no-repeat; background-size:cover; padding:10% 0;}
.inner_contact1{ margin-top:20px;}
.inner_contact1 li{ color:#a7a7a7; line-height:30px;}
.inner_contact1 p{ font-size:24px; font-weight:bold; color:#3c3c3c;}
.inner_contact1 li span{ margin-right:10px;}
.inner_contact1 #share{ margin-top:10px;}
.inner_contact1 #share a{ width:38px; height:38px; padding:0; margin:5px;}
.inner_contact1 #share a.bds_sqq{background:url(../Image/qq.jpg) no-repeat;}
.inner_contact1 #share a.bds_tsina{background:url(../Image/weibo.jpg) no-repeat;}
.inner_contact1 #share a.bds_weixin{background:url(../Image/weixin.jpg) 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************************/



.banner_zsjm{ height:100%; width:100%; text-align:center; overflow:hidden; background: url(../Image/banner_zsjm.jpg) center no-repeat; background-size:cover; padding:10% 0;}
.zsjm1_top{ text-align:center; font-size:30px; color:#3c3c3c; margin:40px 0;}
.zsjm1_main li{ float:left; width:18%; margin:10px 1%;}
.zsjm1_main li img{ width:100%;}

.zsjm2{ margin-top:20px;}
.zsjm2_left{ width:40%; margin-left:8%; margin-top:2%; text-align:center;}
.zsjm2_right{ width:50%;}
.zsjm2_right img{ width:100%;}

.zsjm3{ margin-top:20px;}
.zsjm3_left{ width:50%;}
.zsjm3_left img{ width:100%;}
.zsjm3_right{ width:40%; margin-right:8%; text-align:center;}
.zsjm3_right_top{ color:#60699c; font-size:30px; margin-top:20px;}

.zsjm4_bj{ height:100%; width:100%; overflow:hidden; background: url(../Image/z8.jpg) center no-repeat; background-size:cover; padding:30px 0;}
.zsjm4_top{ text-align:center; color:#3c3c3c; font-size:30px; margin-bottom:40px;}

.zsjm4_left{ width:48%; height:auto; background:rgba(0,85,167,0.7); padding:5%; text-align:center; font-size:16px; color:#fff;}
.zsjm4_left p{ font-size:30px; margin-bottom:20px;}
.zsjm4_left li{ float:left; width:33.3%; line-height:40px;}

.zsjm4_right{width:48%; height:auto; background:rgba(1,1,1,0.7); padding:5%; text-align:center; font-size:16px; color:#fff;}
.zsjm4_right p{ font-size:30px; margin-bottom:20px;}
.zsjm4_right li{ float:left; width:33.3%; line-height:40px;}

.zsjm5_top{ font-size:30px; color:#3c3c3c; text-align:center; margin:50px 0;}
.zsjm5_main li{ width:14.6%; margin:1%; float:left;}
.zsjm5_main li .pic { width: 100%; height: 64%;}
.zsjm5_main li .pic img{ width:100%; height: 100%;}
.zsjm5_main li .pic:after { padding-bottom: 79%;}

.zsjm6_top{ text-align:center; color:#3c3c3c; font-size:30px; margin:50px 0 30px 0;}
.zsjm6_top p{ font-size:48px;}
.zsjm6_tel{ font-size:60px; color:#0055a7; font-weight:bold; text-align:center;}
.zsjm6_tel p{ font-size:30px;}
.zsjm6_tel p img{ margin-right:20px;}

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

#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;
}