#header .top{ width:1002px; margin:0 auto; position:relative; height:143px;}
#header .top .topnav{ position:absolute; top:21px; right:0; height:14px; line-height:14px;}
.topnav a,.search a.btn,.case .title a,.news .title a,.product .title a{background:url(../images/pt.png) left center no-repeat;}
.topnav a{ overflow:hidden; display:inline-block; height:14px; padding-left:12px;}
.topnav a.home{ background-position:0 -137px}
.topnav a.join{ background-position:0 -113px}
.topnav a.contact{ background-position:0 -126px}
#header .top .logo{ width:500px;height:85px;position:absolute; left:0; top:27px;}
#header .top .logo img{width:100%;height:100%;}
#header .top .phone{width:195px;height:61px; position:absolute; top:51px; right:0}
#header .top .phone img{width:100%;height:100%;}
#header .top .search{ position:absolute; top:77px; right:214px;}
@media only screen and (max-width:1370px){
.search { width:300px;height:50px; float:right;margin-top:15px;margin-right:30px;line-height:24px; border:4px solid #156b42; border-radius:8px; padding-left:12px;}
}
@media only screen and (max-width:1539px){
.search { width:300px;height:50px; float:right;margin-top:15px;margin-right:30px;line-height:24px; border:4px solid #156b42; border-radius:8px; padding-left:12px;}
}
@media only screen and (min-width:1920px){
.search { width:300px;height:50px; float:right;margin-top:26px;margin-right:30px;line-height:24px; border:4px solid #156b42; border-radius:8px; padding-left:12px;}
}
.search .btn{ display:block; float:left; width:9px; height:9px; background-position:0 -102px; margin:9px 0 0;}
.search .btn input{ background:none; border:none}
.search .input{ float:left; height:50px; line-height:24px; width:237px; text-align:right; color:#0067c3; background:none; border:none;text-align: center; }
.button{width:63px;height:50px;background-image: url(../images/search.jpg);background-size:100% 100%;}
#header .nav{ position:relative; z-index:10000000; width:100%; height:56px; background:#156b42;}
#header .nav ul{ width:994px; margin:0 auto;}
#header .nav li{ float:left; width:140px; height:58px; padding-right:2px;  position:relative}
#header .nav li .menu{ display:block; height:56px; width:156px; margin:-11px -8px 0; text-align:center; line-height:56px; padding-top:11px; color:#fff; font-size:16px; font-weight:bolder}
#header .nav li .menu:hover,#header .nav li .menu.on,#header .nav li:hover .menu{  color:#fff}
#header .nav li .drop{ position:absolute; left:-2px; top:58px; display:none; width:128px; background:#156b42; text-align:center; padding:0 8px; display:none}
#header .nav li .drop a{ display:block; height:36px; line-height:36px; border-bottom:1px solid #fff; font-size:14px; color:#fff; margin-bottom:3px}
#header .nav li:hover .drop{ display:block}
#header .nav li.last{ background:none}

@media only screen and (max-width:1370px){
.banner{position:relative; width:100%; height:557px; text-align:center;margin:0 0 72px -960px;}
.banner .bd ul {
    width: 100% !important;
    height: 557px !important;
}
.banner li{ width:100% !important;height: 557px !important; text-align:center}
}
@media only screen and (max-width:1539px){
.banner{position:relative; width:100%; height:519px; text-align:center;margin:0 0 0px 0;}
.banner .bd ul {
    width: 100% !important;
    height: 519px !important;
}
.banner li{ width:100% !important;height: 519px !important; text-align:center}
}
@media only screen and (min-width:1920px){
.banner{position:relative; width:100%; height:743px; text-align:center;margin:0 0 0px 0;}
.banner .bd ul {
    width: 100% !important;
    height: 743px !important;
}
.banner li{ width:100% !important;height: 743px !important; text-align:center}
}
@media only screen and (max-width:1370px){
.search1{width:100%;height:85px;background-image: url(../images/bg2.jpg);background-size: 100% 100%;}
}
@media only screen and (max-width:1539px){
.search1{width:100%;height:85px;background-image: url(../images/bg2.jpg);background-size: 100% 100%;}
}
@media only screen and (min-width:1920px){
.search1{width:100%;height:111px;background-image: url(../images/bg2.jpg);background-size: 100% 100%;}
}
#content{ width:1002px; margin:37px auto;}
#content1{ width:100%; margin:37px auto;}
.case{ float:left; width:599px;height:358px;}
.case img{ width:100%;height:100%;}
.case .title{ height:41px; line-height:41px; background:#e5e5e5; padding-left:37px; }
.case .title a,.product .title a{ float:right; display:block; width:22px; height:22px; background-position:0 -73px; margin:8px 18px 0 0}
.section .title h3,.product .title h3{color:#0067c3; font-size:22px; font-weight:bolder;}
.section .title h3 span,.product .title h3 span{ color:#575757; font-size:16px; font-family:Arial; text-transform:uppercase}
.case .carousel{ border:3px solid #e5e5e5; padding-top:27px; height:210px; position:relative;}
.case .slides{overflow:hidden;position:relative;width:522px; margin:0 auto;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.prevButton,.nextButton{display:block;position:absolute;z-index:99;cursor:pointer;bottom:-10px;width:30px;height:15px;}
.prevButton{left:238px; background:url(../images/index_58.gif) no-repeat;}
.nextButton{left:268px; background:url(../images/index_59.gif) no-repeat}

.news{ float:right; width:713px;}
.stitle{width:1002px;height:104px;margin:0 auto;margin-bottom:27px;}
.stitle img{width:100%;height:100%;}
.news .title a{ float:right; width:23px; height:24px; background-position:0 -14px;}
.news .title{ width:710px;height:101px; line-height:24px;}
.news .cont{width:705px;height:247px;font-size:15px;font-family: "楷体";text-indent: 18px;padding-top:10px;}
.news .headlines img{ display:block; float:left; width:132px; height:88px; margin:-1px 17px -1px -1px;}
.news .headlines .h_right{ float:left; width:236px; line-height:16px;}
.news .headlines .h_right a{ display:block; height:38px; line-height:38px; color:#ffba00; font-size:15px; font-weight:bold;}
.news .headlines{ height:86px; border:1px solid #dcdcdc; background:#f6f6f6; margin:27px 0 6px}
.news li{ height:34px; line-height:34px; border-bottom:1px dashed #575757; background:url(../images/index_50.gif) 3px center no-repeat; padding-left:28px;}
.news li span{ float:right;}
.news .cont .more{width:115px;height:29px;margin-top:152px;margin-left:594px;color:#fff;text-align:center;background-color:#156b42;font-size: 20px;font-family: "微软雅黑";border-radius: 7px; }
.section{ width:1349px;height:488px;margin:0 auto; overflow:hidden;}

.about{  width:100%; height:740px; padding-top:20px; }
.about .title{ width:100%; height:178px; margin:0 auto;text-align:center;}
.about .title img{width:100%;height:100%;}
.about .title a{ color:#000; font-size:30px; font-weight:bolder}
.about .title a span{ color:#000; font-family:Arial; font-weight:normal; text-transform:uppercase; display:inline-block; margin-top:5px;}
.about .cont{ line-height:22px; width:100%;height:562px; background:url(../images/news.jpg) no-repeat;background-size:100% 100%;}
.about .cont a{ display:block; width:57px; height:19px; line-height:19px; text-align:center; margin-top:21px; color:#156b42; text-transform:uppercase;font-size:19px;margin-left: 292px;}
.about .cont .left{width:680px;height:225px;float:left;background-color:#fff;margin-top: 173px;margin-left:53px;position: relative;right:-58px;}
.about .cont .left .newimg{width:279px;height:176px;margin-top:26px;margin-left:11px;float:left;}
.about .cont .left .newimg img{width:100%;height:100%;}
.about .cont .left .newcontent{width:366px;height:176px;float:right;margin-top:21px;padding-right:10px;}
.about .cont .left .newcontent .newstitle{width:119px;height:28px;background-color:#156b42;color:#fff;text-align:center;font-size:16px;border-radius: 8px;padding-top:5px;}
.about .cont .left .newcontent .newsdesc{width:366px;height:118px;}
.about .cont .right{width:550px;height:349px;margin-top:110px;margin-right: 66px;}
.about .cont .right img{width:100%;height:100%;}
.conts{width:1349px;height:349px;margin:0 auto;}

.product1{ height:408px;overflow:hidden;margin-top: 57px;background-image: url(../images/product.jpg);background-size: 100% 100%;}
.product1 .title1{ height:86px; line-height:38px; text-align:center;font-size:30px;color:#fff;padding-top:10px;}
.product1 .title1 h3 span{font-family:"楷体";}
.product1 .product_list1{ padding-top:167px;}
.product1 .bd1{width:1160px;  margin:0 auto; height:169px;}
.product_list1 .picList1 li{ float:left; width:218px; height:169px; margin:0 5px;border:2px solid #fff;border-radius: 4px;}
.product_list1 .picList1 li .photo1{ width:218px; height:169px; text-align:center;}
.product_list1 .picList1 li  .name1{ display:block; width:218px; height:29px; text-align:center; line-height:29px; color:#fff; font-size:16px;   z-index:1000}
.product1 .hd1{ height:15px; clear:both; overflow:hidden}
.product1 .hd1 a{ display:block; width:30px; height:15px; float:left; cursor:pointer}

.product{ width:1349px;height:388px;margin:0 auto;overflow:hidden}
.product .title{ width:1349px;height:176px; line-height:38px;  padding-left:22px;}
.product .title img{width:100%;height:100%;}
.product .product_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product .bd{width:1190px;  margin:0 auto; height:135px;}
.product_list .picList li{ float:left; width:218px; height:169px; margin:0 10px;}
.product_list .picList li .photo{ width:218px; height:135px; text-align:center;}
.product_list .picList li  .name{ display:block; width:218px; height:29px; text-align:center; line-height:29px; color:#000; font-size:16px;  margin-top:6px; position:relative; z-index:1000}
.product .hd{ width:1349px;height:50px; clear:both; overflow:hidden;position: relative;top:-91px;}
.product .hd a{ display:block; width:49px; height:50px;  cursor:pointer}
.product .next{ background:url(../images/right.png) no-repeat;background-size:100% 100%;float: right;}
.product .prev{ background:url(../images/left.png) no-repeat;background-size:100% 100%;float: left;}

#footer{ width:100%; height:449px; background:#156b42; text-align:center; line-height:32px; padding-top:11px; color:#989898; margin-top:76px;color:#fff;font-size:16px;}
#footer a{ color:#fff;font-size:16px;}
#footer span{ font-family:Verdana, Geneva, sans-serif}
.ewm{width:200px;height:200px;margin:0 auto;}
.ewm img{width:100%;height:100%;}
#header1{ height:104px; background:#156b42; width:100%; margin-bottom:33px;}
#header1 .top{ width:1002px; margin:0 auto; position:relative}
#header1 .top .logo{width:410px;height:71px;position:absolute; left:-171px; top:17px;}
#header1 .top .logo img{width:100%;height:100%;}
#header1 .top .rexian{ position:absolute; top:15px; right:193px; padding-left:30px; color:#fff; font-size:24px; height:26px; line-height:26px; font-weight:bolder}
#header1 .top .search{ position:absolute; top:16px; right:0; background:#fff}
#header1 .nav{ position:absolute; top:72px; right:0;}
#header1 .nav li{ float:left; margin-left:54px;}
#header1 .nav li a{ color:#fff; font-size:14px;}
#header1 .nav li a:hover,#header1 .nav li.current a{ color:#ffcc00}

.left{ float:left; width:196px;}
.left li{ height:49px; line-height:49px; border:2px solid #156b42; border-bottom:none; padding-left:25px; font-size:16px;}
.left li:hover,.left li.hover{ background-color: #156b42; }
.left li:hover a,.left li.hover a{ color:#fff}
.left ul{ margin-bottom:36px; border-bottom:2px solid #156b42}

.service_tel{ line-height:20px; color:#156b42}
.service_tel img{ display:block}
.service_tel p{ background:url(../images/about_15.gif) left center no-repeat; padding-left:29px; height:20px; font-size:20px; margin-top:5px;}

.right{ float:right; width:754px;}
.right .title{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:70px}
.right .title p{ float:right}
.right .title h3{ height:45px; border-bottom:2px solid #156b42; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}

.ny_danye img{ max-width:100%; display:block}
.ny_danye .cont{ line-height:27px;}

.page{width:706px; height:21px; border-bottom:1px solid #d3d3d3; margin:52px auto 0; clear:both}
.page a.prev,.page a.next{ float:left; width:22px; height:22px; margin-bottom:-1px;}
.page .num{ float:left; width:662px; text-align:center}
.page .num span{ height:22px;background:#fff; padding:0 10px; display:inline-block; margin-bottom:-2px;}
.page .num a{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #d3d3d3; color:#000; margin:0 4px;}
.page a:hover,.page a.cur{ color:#156b42; border-color:#156b42}

.ny_news .first_list img{ display:block; float:left; width:203px; height:121px; padding:1px; border:1px solid #c2c2c2;}
.ny_news .first_list .first_list_right{ float:right; width:516px; line-height:20px;}
.first_list .first_list_right .tit{ display:block; height:31px; color:#156b42; font-size:14px;}
.first_list .first_list_right .text{ height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .first_list_right .more{ display:block; color:#156b42}
.first_list .first_list_right .date{ display:block; height:20px; line-height:20px; background:url(../images/news_03.gif) left center no-repeat; padding-left:20px; margin-top:10px;}
.ny_news .first_list{ height:125px; overflow:hidden; margin-bottom:26px;}
.ny_news li{ height:37px; line-height:37px; border-bottom:1px dotted #dddddd}
.ny_news li span{ float:right}

.ny_pro li .photo{ display:block; width:211px; height:156px;}
.ny_pro li .info{ width:211px; height:110px; background:#f5f5f5;}
.ny_pro li .info .name{ height:40px; line-height:40px; padding-left:19px; font-size:14px;}
.ny_pro li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;}
.ny_pro li .info .more{ display:block; height:24px; line-height:24px; background:#adadad; padding-left:20px; color:#fff}
.ny_pro li{ float:left; width:211px; height:266px; border:3px solid #fff; margin:0 25px 67px;}
.ny_pro ul{ float:left; margin:0 -24px 0 -23px;}
.ny_pro li:hover{ border-color:#7c7f90}
.ny_pro li:hover .more{ background:#7c7f90}

#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}

.paper {
  width: 1200px;
  margin: 26px auto;
  min-height: 500px;
}
.paper:after {
  display: block;
  content: "";
  clear: both;
}
.paper1 {
  width: 1200px;
  margin: 0px auto;
  min-height: 500px;
}
.paper1:after {
  display: block;
  content: "";
  clear: both;
}
/*侧导航*/

.side {
  width: 286px;
  float: left;
  background: #023257;
  padding-bottom: 24px;
  overflow: hidden;
}
.side .tit {
  width: 100%;
  height: 66px;
  padding-top: 30px;
  background: #2654a9;
}
.side .tit .iconfont {
  font-size: 42px;
  color: #FFFFFF;
  float: left;
  margin: 0 10px 0 60px;
}
.side .tit p {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}
.side .tit span {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
.side ul {
  padding: 0 30px;
  margin-top: 30px;
}
.side ul li {
  height: 36px;
  line-height: 36px;
  padding-left: 54px;
  background: #FFFFFF;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 14px;
}
.side ul li a {
  font-size: 15px;
  color: #666666;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.side ul li span {
  margin-right: 10px;
}
.side ul li:hover, .side ul li.on {
  background: #13439d;
}
.side ul li:hover a, .side ul li.on a {
  color: #FFFFFF;
}
.side .side_drop .drop {
  padding-left: 47px;
  display: none;
}
.side .side_drop .drop a {
  display: block;
  padding-left: 17px;
  height: 36px;
  line-height: 36px;
  background: #FFFFFF;
  margin-bottom: 14px;
  color: #666666;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.side .side_drop .drop a:hover {
  background: #13439d;
  color: #FFFFFF;
}
.side .side_drop .drop span {
  margin-right: 14px;
}
.side .info {
  padding: 0 30px;
  margin-top: 46px;
  text-align: center;
}
.side .info .contact {
  margin-bottom: 22px;
  width: 226px;
}
.side .info p {
  font-size: 22px;
  color: #fff;
}
.side .info p span {
  color: #fff;
  margin: 0 8px;
}
.side .info a {
  display: block;
  width: 143px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #2654a9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 16px auto 0;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
}

.call{
  width:100%;
  height:740px;
  background-color: #f6f6f6;
}
.form {
  width: 100%;
  padding-top: 55px;
}
.form_tit {
  width: 100%;
  text-align: center;
}
.form_tit .p1 {
  font-size: 36px;
  color: #efefef;
  text-transform: uppercase;
}
.form_tit .p2 {
  width:100px;
  height:50px;
  margin:0 auto;
  font-size: 24px;
  color: #333333;
  line-height: 50px;
  border-bottom: 3px solid #156b42;
}
.form_tit .p3 {
  width: 800px;
  height: 43px;
  line-height: 66px;
  margin: 0 auto;
  font-size: 12px;
  color: #9c9c9c;
}
.layui-form {
  width: 830px;
  margin: 50px auto 0;
}
.layui-form td span {
  font-size: 16px;
  color: #333333;
  margin: 0 15px;
  float: left;
  line-height: 46px;
}
.layui-form table {
  width: 100%;
}
.layui-form td {
  width: 50%;
  padding-bottom: 25px;
  position: relative;
}
.layui-form td input {
  height: 46px;
  text-indent: 25px;
  font-size: 16px;
  line-height: 46px;
  border-radius: 2px;
  background: #fff;
  outline: none;
  border: 1px solid #e2e2e2;
  width: 264px;
}
.layui-form .new input {
  width: 674px;
}
.layui-form td .s1 {
  color: red;
  float: right;
  margin-right: 10px;
}
.layui-form textarea {
  resize: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  width: 670px;
  padding: 5px;
  outline: none;
  background: #fff;
  height: 153px;
}
.form ul {
  width: 100%;
}
.form ul li {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 35px;
  margin: 0 110px;
}
.form ul li input {
  width: 100%;
  height: 100%;
}

/* all */

::-webkit-input-placeholder {
  color: #dedede;
}
::-moz-placeholder {
  color: #dedede;
}

/* firefox 19+ */

:-ms-input-placeholder {
  color: #dedede;
}

/* ie */

input:-moz-placeholder {
  color: #dedede;
}

/* individual: webkit */

.form td input::-webkit-input-placeholder {
  color: #dedede;
}
.form td input::-webkit-input-placeholder {
  color: #dedede;
}
.form td input::-webkit-input-placeholder {
  color: #dedede;
}

/* individual: mozilla */

.form td input::-moz-placeholder {
  color: #dedede;
}
.form td input::-moz-placeholder {
  color: #dedede;
}
.form td input::-moz-placeholder {
  color: #dedede;
}

.item_tit {
  text-align: left;
  font-size: 0.36rem;
  color: #333333;
/*  margin: 0.3rem 0;*/
}
.item_tit p {
  font-size: 0.36rem;
  color: #333333;
}
.item_tit hr {
  width: 0.52rem;
  height: 0.02rem;
  background: #252525;
  border: none;
  margin: 0.15rem auto;
}
.item_tit span {
  font-size: 0.24rem;
  color: #333333;
  text-transform: uppercase;
}

.form {
  margin-top: 0.4rem;
  padding: 0 0.25rem;
  min-height: 5rem;
}
.form .form-row {
  min-height: 0.8rem;
  max-height: 2.08rem;
  position: relative;
  clear: left;
  overflow: hidden;
}
.form .form-row:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.form .form-row label {
  height: 0.8rem;
  line-height: 0.8rem;
  float: left;
  width: 35%;
  font-size: 0.34rem;
  padding-left: 15px;
}
.form .form-row input {
  background: none;
  float: right;
  width: 65%;
  border: 0;
  height: 0.8rem;
  outline: none;
  font-size: 0.36rem;
}
.form .form-row textarea {
  height: auto;
  outline: none;
  resize: none;
  border: none;
  width: 65%;
  font-size: 0.36rem;
  height: 2rem;
  padding: 0.16rem 0;
}
.form .form-btn {
  text-align: center;
  margin: 0.3rem 0;
}
.form .form-btn button {
  outline: none;
  border: none;
  margin: 0 0.15rem;
  font-s