@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
/*@import "login.css";*/
@import "/font/iconfont.css";
@import "/cart/css/cart.css";

body{font-size:14px;font-family:"Microsoft YaHei";color:#666; min-width: 1240px;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#086365}
input{outline:none;}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.content{ margin:20px auto; }
.locationp{ float: right; }
.w1200{ width: 1200px; margin: auto; position: relative; }
.w1000{ width: 1000px; margin:auto; }
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}

.middle{  margin:30px auto; }

.top{ background: url(../images/dhbj.jpg) repeat-x; height: 136px; position:relative; z-index:99 }
.top1{ margin: 15px auto; }
.logo{ float: left; position: absolute; left: 0px; z-index: 999; }
.logo_r{ /*overflow: hidden;*/ margin-left: 170px; }
.user{ position: relative; height: 23px; line-height: 23px; text-align: right; }

.user a{ display: inline-block;}
.user a i:before{font-family:"iconfont"; content: "\e60e"; font-size:14px; color: #333; padding-right: 5px; display: inline-block;}
.user a:nth-child(2) i:before{content: "\e64c";  display: inline-block;}

.ad{ float: left;  }
.sou{ float: right; width: 267px;border:#eee 1px solid; margin-right: 40px; }
.sou input{ height: 28px; line-height: 28px; border:none; width: 212px; float: left; text-indent: 15px; }
.sou a{ background: #157375; height: 29px; line-height: 29px; color: #fff; text-align: center; display: block; width: 50px; float: right; }
.tel{ float: right; background: url(../images/tel.png) no-repeat left center; padding-left:30px; height:30px;  color: #086365;}
.tel span{font-size: 18px; }

.nav{ margin:auto; padding-top: 10px; }
.nav li{ float: left; text-align: center; margin-left: 9px; position: relative;  z-index: 999;}
.nav li:first-child{ margin-left: 0px; }
.nav li a{ display: block;  color: #fff; border:#157375 2px solid; font-size: 16px; height: 25px; line-height: 25px; padding: 0px 10px; }
.nav li a:hover{  border:#fff 2px solid; border-radius:5px;}
.nav li.on a{border:#fff 2px solid; border-radius:5px;}

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; top:29px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding-top:12px; }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ border:none; display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #fff 1px dotted; line-height: 30px; height:30px; background:#157375;border-radius:0px;  }
.nav li .sub-box a:hover,.nav li.on .sub-box a:hover{border:none; background:#FFF; color:#157375; border-bottom:#fff 1px dotted; border-radius:0px; }






.nbanner{ height: 190px; margin: auto; background-size: auto; background-repeat: no-repeat; background-position: center; display: block;}
.index_dh{ margin:auto;  background: url(../images/dh1.png) no-repeat top 42px center;  padding: 25px 0px 0px 0px; text-align: center; }
/*.index_dh:before{ content: " "; background: url(../images/img-28.png); width: 228px; height: 14px;   display: inline-block;}
.index_dh:after{ content: " "; background: url(../images/img-29.png); width: 228px; height: 14px;    display: inline-block;}*/
.index_dh p{ font-size: 24px; color: #333; }
.index_dh span{ display: block; font-family: "Arial"; margin: 2px auto;/*text-transform:uppercase;*/ }
.about{ width: 75%; margin: 30px auto; line-height: 200%; text-align:center; }
.about_pic{ margin: 30px auto; }
.about_pic .list{ margin-bottom: 40px; }
.about_pic .list .pic span{ height: 173px; }
.about_pic .list .text{ margin: auto; line-height: 50px; text-align: center; background: #f6f6f6; }
.about_tu{margin: auto; }
.about_pic .list a:hover span.bak{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px; }
.swiper-pagination-bullet-active{ background: #f01e00; }
.swiper-pagination-bullet{ width: 10px; height: 10px;  border-radius:10px;}

/*.swiper-button-next, .swiper-button-prev{ outline: none;  background-size:22px;  }*/


.index_box{ background-image:  url(../images/aboutbj1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; margin:  auto; padding:40px 0px; }
.cxb_pic{ margin: 50px auto;  }
.cxb_con{margin: auto; }
.cxb_con .list{ border:#ccc 1px solid; }
.cxb_con .list .pic{ position: relative; }
.cxb_con .list .pic span{ padding-top: 130%; }
.cxb_con .list .text{ position: absolute; top: 0px; left: 0px; width: 100%;  background: rgba(0,0,0,0.8); height: 100%;  text-align: center; opacity: 0; }
.cxb_con .list:hover .text{ display: block; opacity: 1; display: flex; align-items: center; }
.cxb_con .list .text p{ margin: auto; color: #fff; width: 90%; display: block; }
.cxb_con .list .text p i:before{font-family:"iconfont"; content: "\e61e"; font-size:28px; color: #fff; padding-right: 5px; display: block; margin-bottom: 10px;}
.swiper-button-next, .swiper-button-prev{ background-size:28px; outline: none;  }
.cxb_pic .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url(../images/img-24.png); right: 0px; top: 50px; }
.cxb_pic .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/img-23.png);right: 50px; top: 50px; left: auto;}
.about_pic .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url(../images/img-24.png); right: 0px; top: 50px; }
.about_pic .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/img-23.png);right: 50px; top: 50px; left: auto;}
/*.cxb_con .list a:hover .text{background: url(../images/icon01.png) no-repeat 20px center #f00;}*/

.index_login{ float: left; width: 309px; margin-right: 30px; }



.about_r{ overflow: hidden; }
.about_r p{ float: left; margin-right: 2%; width: 50%; line-height: 180%; color: #fff; }
.about_r dd{ overflow: hidden; }

.youshi{ margin: 50px auto; }
.youshi li{ float: left; width: 25%; text-align: center; }

.youshi li img{ margin: auto; }
.youshi li span{ display:  block; margin: auto; font-size:20px; margin: 10px auto;  }
.youshi li p{ margin: auto; color: #999; width: 80%; }


.foot_box1{ background: #151414; padding: 20px 0px; color: #fff; line-height: 180%; text-align: center;}
.foot_box1 a{ color: #fff; }
.foot_box1 .l{ padding-top: 10px; }


.wei{ float: right; text-align: center; margin-top: 40px; }
.wei p{ margin: 5px auto; }


.left{ float: left; width: 265px; margin-right: 30px; }

.right{ overflow: hidden; }
.left_dh{ margin:auto; background: #157375; padding: 15px 0px; color: #fff; }
.left_dh span{ font-size: 18px; }
.left_dh p{ font-family: Arial; font-size: 12px; }
.left_dh li{ padding-left: 50px; }

.left_con{ margin: auto; }
.left_con li a{ line-height: 40px; padding-left: 50px;  background: #DADADA; margin: 2px auto 0px auto; display: block;}
.left_con li a:hover{ background: #A1C7C8; color: #fff; }
.left_con li a.on{ background: #A1C7C8; color: #fff; }
.left_con dd a{ line-height: 30px; padding-left: 70px;  background: #ebebeb; margin: 2px auto 0px auto; display: block;}
.left_con dd a:hover,.left_con dd a.on{ background: #A1C7C8; color: #fff; }



.lxwm{ background: url(../images/img-03.jpg); height: 112px; position: relative; margin: 10px auto; }
.lxwm p{ position: absolute; right: 35px; bottom: 25px; color: #086365; font-size: 16px; }
.right_dh{ border-bottom: #ccc 1px solid; line-height: 35px; }

.name{ float: left; font-size: 18px; }
.wzdh{ float: right; }