@charset "utf-8";



html,

body {

  background: #fff;

  color: #333;

  font: 14px/1.6 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dt,

li,

ol,

ul,

dd,

th,

td,

p,

pre,

form,

input,

button,

textarea,

hr {

  margin: 0;

  padding: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%

}



a {

  color: #333;

  text-decoration: none;

}



a:hover {

  color: #0d6fb8;

  text-decoration: none;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.clear {

  clear: both;

}



ul,

li {

  list-style: none;

}



img {

  border: 0

}



button,

input,

select,

textarea {

  font-size: 100%

}





.container {

  width: 1200px;

  margin: 0 auto;

}



.header {

  width: 100%;

  display: block;

  margin: 0;

  padding: 0;

  height: 50px;

  background: #0d6fb8;

}



.top_out {

  background-color: #eee;

  height: 37px;

  line-height: 37px;

  width: 100%;

}



.head_out {

  padding: 15px 0;

  overflow: hidden;

}



.header_logo{

  width: 537px;

}



.logo_out {

  float: left;

  margin-right: 20px;

  width: 320px;

  margin-top: 5px;

}



.logo_out img{

  width: 100%;

}



.logo_name {

  float: left;

  margin-top: 15px;

}



.logo_name h2 {

  font-size: 20px;

  font-weight: bold;

  color: #000;

  /* line-height: 59px; */

}



.head_search {

  padding: 10px;

  float: right;

}



.head_search .input_text {

  background-color: #fff;

  color: #ccc;

  width: 305px;

  height: 32px;

  border: 1px solid #ccc;

  float: left;

  padding-left: 10px;

  line-height: 32px;

}



.head_search .btnSubmit {

  width: 44px;

  height: 34px;

  background-color: #0285d9;

  color: #fff;

  float: left;

  border: 0px;

}



/*导航*/

.nav_out {

  width: 576px;

  display: block;

  float: left;

  height: 50px;

  margin-top: 10px;

  transition: all .3s;

}



.header nav {

  position: absolute;

  height: 50px;

  line-height: 40px;

}



.header nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.header nav ul li {

  position: relative;

  float: left;

  margin-left: 8px;

  line-height: 50px;

}



.nav_line {

  height: 58px;

  width: 1px;

  overflow: hidden;

  display: none !important;

}



.header nav a {

  display: block;

  padding: 0px 47px;

  font-size: 16px;

  color: #fff;

  transition: all .1s;

}



.header nav>a:hover {

  color: #fff;

  border-bottom: 3px solid #fff;

  height:47px;

}



.header nav a.active {

  color: #fff;

  border-bottom: 3px solid #fff;

  height: 47px;

}



.header nav a.active:hover {

  color: #fff;

}



.header nav ul li dl {

  position: absolute;

  top: 50px;

  left: 0;

  z-index: 99;

  display: none;

  background: rgba(0, 0, 0, .8);

  color: #fff;

}



.header nav ul li dl dd {

  float: left;

  padding: 20px 0;

  width: 140px !important;

}



.header nav ul li dl dd a {

  margin: 0 10px;

  padding: 0;

  padding: 8px 5px;

  text-align: center;

  line-height: 1.5;

  color: #fff;

  font-size: 14px;

}



.header nav ul li dl dd a:hover {

  color: #0d6fb8;

}



.header nav ul li:hover>dl {

  color: #fff;

  display: block;



}



/*banner*/

#flash {

  width: 100%;

  display: block;

}



#flash .swiper-slide {

  width: 100%;

}



#flash .swiper-slide .img {

  width: 100%;

  display: block;

}



#flash .swiper-slide .img img {

  width: 100%;

  display: block;

}



#flash .swiper-pagination-bullet {

  background: #fff;

  width: 8px;

  height: 8px;

  opacity: 1;

  display: inline-block;

  margin: 0 3px;

  vertical-align: middle;

}



#flash .swiper-pagination-bullet-active {

  background: none;

  border: 1px solid #fff;

  padding: 1px;

}



#flash .swiper-button-prev {

  background: url(../images/ad_ctr_01.png) no-repeat;

  width: 46px;

  height: 73px;

  left: 0 !important;

}



#flash .swiper-button-prev:after {

  display: none;

}



#flash .swiper-button-next {

  background: url(../images/ad_ctr_02.png) no-repeat;

  width: 46px;

  height: 73px;

  right: 0 !important;

}



#flash .swiper-button-next:after {

  display: none;

}



#flash .swiper-pagination-bullets {

  bottom: 10px !important;

}



.idx-tit-out {

  width: 100%;

  margin: 40px 0 30px;

  height: 80px;

  text-align: center;

  color: #000;

}



.idx-tit span {

  font-size: 30px;

}



.idx-tit p {

  font-size: 22px;

}



.clase_list dl {

  position: relative;

  border-radius: 12px;

  overflow: hidden;

  width: 586px;

  float: left;

  overflow: hidden;

  height: 440px;

  margin-bottom: 30px;

}



.clase_list dl:first-child,

.clase_list dl:nth-child(3) {

  margin-left: 0px;

  float: left;

}



.clase_list dl:nth-child(2n) {

  margin-right: 0px;

  float: right;

}



.clase_list dl dt .zhezhao {

  width: 435px;

  position: absolute;

  height: 210px;

  padding: 30px 45px;

  left: 30px;

  bottom: -95px;

  background: #fff;

  display: block;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  -ms-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

}



.clase_list dl h3 {

  font-size: 22px;

  color: #333;

  font-weight: normal;

}



.clase_list dl p {

  font-size: 14px;

  color: #666;

  margin-top: 15px;

  padding-bottom: 45px;

  border-bottom: 1px solid #eee;

  min-height: 50px;

}



.clase_list dl span {

  width: 140px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  color: #fff;

  background-color: #0d6fb8;

  font-size: 14px;

  margin-top: 30px;

  display: block;

  border-radius: 20px;

}



.clase_list dl img {

  display: block;

}



.clase_list dl a:hover dt .zhezhao {

  bottom: 15px;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  -ms-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

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

}



.idx_more {

  display: block;

  width: 180px;

  height: 60px;

  background: url(../images/ico_jt.png) #0d6fb8 180px 22px no-repeat;

  margin: 20px auto;

  border-radius: 30px;

  color: #fff;

  font-size: 16px;

  line-height: 60px;

  padding-left: 50px;

}



.idx_more:hover {

  color: #fff;

}









.pro-out {

  padding: 10px 0 50px;

  margin-top: 40px;

}



.pro_list {

  margin: 0 auto;

  width: 1134px;

}



.pro_list li {

  float: left;

  width: 267px;

  padding: 10px;

}



.pro_list h3 {

  font-size: 14px;

  margin-top: 10px;

}



.pro_img,

.news_img {

  overflow: hidden;

}



.pro_img img,

.news_img img {

  max-width: 100%;

  transition: all .6s;

}



.pro_img a:hover img,

.news_img a:hover img {

  transform: scale(1.1);

}



.syjq-out {

  background: url(../images/syjq-bg.jpg) center top repeat-y;

  width: 100%;

  height: 1025px;

  margin-top: 20px;

  padding-top: 40px;

}



.syjq_list li {

  float: left;

  width: 200px;

  height: 270px;

  border-radius: 0 30px 0 0;

  background: #fff;

  padding: 50px 28px 0 28px;

  margin: 30px 29px 0 29px;

}



.syjq_list li:hover {

  background: rgba(13, 111, 184, 0.8);

  color: #fff;

}



.syjq_list li:first-child,

.syjq_list li:nth-child(5) {

  margin-left: 0px;

}



.syjq_list li:nth-child(4n) {

  margin-right: 0px;

}



.syjq-class {

  color: #0d6fb8;

  font-size: 14px;

  font-weight: bold;

}



.syjq_list li:hover .syjq-class,

.syjq_list li:hover .syjq-time {

  color: #fff;

}



.syjq_list li h3 {

  height: 40px;

  margin: 20px 0;

}



.syjq_list li:hover h3 {

  color: #fff;

}



.syjq_list li p {

  height: 90px;

  font-size: 12px;

}



.syjq-time {

  font-size: 12px;

  color: #666

}



.ys_list_out {

  padding: 70px 0;

}



.ys_list li {

  float: left;

  width: 20%;

  text-align: center;

}



.ys_list li img {

  display: inline-block;

}



.ys_list li span {

  font-size: 26px;

  font-weight: bold;

  margin: 10px 0;

  display: block;

  width: 100%;

}



.ys_list li p {

  font-size: 16px;

  color: #666;

}



.ys_list li img:hover {

  -webkit-animation: doudong 1s ease;

  animation: doudong 1s ease;

}



.tab-hd02 {

  width: 330px;

  height: 46px;

  margin: 30px auto;

}



.tab-hd02 li {

  float: right;

}



.tab-hd02 li {

  display: block;

  width: 150px;

  border: 1px solid #c3c3c3;

  text-align: center;

  height: 46px;

  line-height: 46px;

  font-size: 16px;

  border-radius: 23px;

}



.tab-hd02 li:first-child {

  float: left;

}



.tab-hd02 .active {

  background-color: #0d6fb8;

  color: #fff;

  border: 1px solid #0d6fb8

}



.tab-bd02 {

  clear: both;

  padding-top: 30px;

}



.news_left,

.news_right {

  width: 380px;

}



.news_left div:last-child,

.news_right div:last-child {

  margin-top: 30px;

}



.news_item {

  width: 340px;

  height: 168px;

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

  padding: 30px 20px;

  border-bottom: 2px solid #0d6fb8;

}



.news_item h3 {

  font-size: 16px;

  color: #333;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

}



.news_item p {

  font-size: 14px;

  line-height: 28px;

  height: 50px;

  color: #666;

  padding: 20px 0;

}



.news_item span {

  font-size: 12px;

  color: #999;

}



.news_center {

  width: 380px;

  margin-left: 30px;

}



.index_case_con {

  position: relative;

  margin-bottom: 70px;

}



.index_case_con .case_l,

.index_case_con .case_r {

  width: 33px;

  height: 57px;

  display: block;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);



}



.index_case_con .case_l {

  left: -10px;

  z-index: 999;

}



.index_case_con .case_r {

  right: -10px;

  z-index: 999;

}



.hzhb_list dl {

  float: left;

  margin: 15px 23px;

  text-align: center;

  width: 202px;

}



.hzhb_list dl dt{

  background: url(../images/new_bg.jpg) no-repeat center;

  width: 100%;

  height: 158px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 25px 50px;

  box-sizing: border-box;

}



.hzhb_list dl dt img{

  max-width: 100%;

  max-height: 100%;

}



.hzhb_list dl p {

  font-size: 16px;

}



.hzhb_list dl:first-child,

.hzhb_list dl:nth-child(6) {

  margin-left: 0px;

}



.hzhb_list dl:nth-child(5n) {

  margin-right: 0px;

}



.link_list {

  padding-top: 30px;

}



.link_list li {

  float: left;

  padding: 0 20px;

  line-height: 55px;

  font-size: 14px;

}



.link_list li:first-child {

  padding: 0px;

  line-height: 0px;

}



.page-footer {

  background: url(../images/foot-bg.jpg) no-repeat;

  width: 100%;

  padding-top: 110px;

  color: #fff;

  margin-top: 5px;

  height: 250px;

}



.page-footer a {

  color: #fff;

}



.foot-logo {

  float: left;

  width: 242px;

}



.foot-tel span {

  background: url(../images/tel_ico.png) no-repeat;

  display: block;

  padding-left: 28px;

  height: 18px;

  line-height: 18px;

  margin: 10px 0;

}



.foot-tel p {

  font-size: 30px;

}



.foot-content {

  float: left;

  width: 586px;

  margin-left: 110px;

}



.foot-content li {

  float: left;

  margin: 0 8px;

}



.foot-content li:first-child {

  margin-left: 0px;

}



.foot-contact {

  line-height: 26px;

  margin-top: 10px;

}



.foot-ewm {

  float: right;

  width: 184px;

}



.foot-ewm img {

  /* float: left; */

}



.foot-ewm .ft-ewm-txt {

  /* float: right; */

  /* margin-top: 41px; */

  /* margin-right: 23px; */

}



/*左侧分栏*/

.con_section {

  position: relative;

  padding: 20px 0 50px;

}



lside {

  display: block;

  position: relative;

  float: left;

  width: 222px;

}



lside section h2 {

  background: url(../images/p_tit.png) 10px no-repeat #0060a9;

  height: 112px;

  font-size: 30px;

  line-height: 112px;

  color: #fff;

  padding-left: 65px

}



lside .lside_list {

  border: 1px solid #dfdfdf;

  display: block;

  overflow: hidden;

  background: #fff;

  padding: 15px 0 30px;

}



lside .lside_list dl {

  border-bottom: 1px solid #dfdfdf;

}



lside .lside_list dl dt {

  padding-left: 34px;

  font-size: 16px;

  color: #666;

  background: url(../images/side_ico.png) 180px no-repeat;

  display: block;

}



lside .lside_list dl dt a {

  display: block;

  padding: 15px 0 15px 20px;

  color: #4b4b4b;

}



lside .lside_list dl dt:hover {

  color: #fff;

  background: url(../images/side_ico1.png) 180px no-repeat #ffa94c;

  display: block;

}



lside .lside_list dl dt:hover a {

  color: #fff;

}



lside .lside_list dl dt.current {

  color: #fff;

  background: url(../images/side_ico1.png) 180px no-repeat #ffa94c;

  display: block;

}



lside .lside_list dl dt.current a {

  color: #fff;

}



lside .lside_list dl dd {

  padding: 6px 0 6px 0;

}



lside .lside_list dl dd a {

  display: block;

  padding-left: 40px;

  height: 36px;

  color: #333;

  font-weight: normal;

  line-height: 36px;

  background: url(../images/p_ico.png) 10px no-repeat;

  border-bottom: 1px solid #eee;

}



lside .lside_list dl dd .current a,

.lside_list dl dd a:hover {

  background: #efefef;

}
lside .lside_list dl dd .on2{background: #efefef;}


.sider_tit {

  background-color: #0060a9;

  display: block;

  overflow: hidden;

  height: 102px;

  text-align: center;

}



.sider_tit h4 {

  font-size: 28px;

  color: #fff;

  margin-top: 20px;

}



.sider_tit span {

  font-size: 16px;

  line-height: 22px;

  color: #fff;

  text-transform: uppercase;

}



.side_contact {

  border: 1px solid #dcdcdc;

  margin: 20px 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}



.side_contact h5 {

  color: #0093d8;

  font-size: 16px;

  line-height: 32px;

  border-bottom: 1px solid #eaeaea;

  padding: 5px;

}



.side_contact ul {

  list-style: none;

  padding: 15px 8px;

  display: block;

  overflow: hidden;

  padding-left: 17px;

  border-bottom: 1px solid #eaeaea;

  margin-bottom: 10px;

}



.side_contact ul li {

  width: 100%;

  display: block;

  line-height: 25px;

  color: #4a4a4a;

}



.side_contact h6 {

  color: #000;

  font-size: 18px;

  font-weight: 400;

  padding-left: 17px;

}



.side_contact h6 em {

  display: block;

  font-style: normal;

  color: #013791;

  font-weight: 700;

  font-size: 26px;

  line-height: 34px;

  margin-bottom: 10px;

}



/*右侧内容*/

article {

  width: 930px;

  float: right;

  padding: 0 10px;

  margin-bottom: 20px;

}



.article_head {

  position: relative;

  height: 60px;

  border-bottom: 1px solid #ddd;

  line-height: 60px;

}



.article_head .position {

  position: absolute;

  top: 0;

  right: 0px;

  color: #aaa;

  font-family: '宋体';

}



.article_head .position a {

  color: #999;

  font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

}



.article_head h1 {

  color: #555;

  font-weight: normal;

  font-size: 18px;

}



/*新闻列表*/

.module_list_article {

  padding: 10px;

}



.module_list_article dl {

  list-style: none;

  border-bottom: 1px solid #ddd;

  padding: 15px 0px;

  position: relative;

  clear: both;

}



.module_list_article dl dt {

  width: 20%;

  float: left;

  max-height: 101px;

  overflow: hidden;

}



.module_list_article dl dt img {

  width: 100%;

}



.module_list_article dl dd {

  float: right;

  width: 78%;

}



.module_list_article dl dd h3 {

  font-weight: normal;

  font-size: 16px;

}



.module_list_article dl dd p {

  font-size: 14px;

  line-height: 20px;

  padding: 5px 0px;

  color: #666;

}



.module_list_article dl dd span {

  font-size: 12px;

  color: #666;

}



/*新闻详细*/

.article_content h1.article_title {

  font-size: 28px;

  font-weight: normal;

  padding: 5px 0

}



.article_content .article_infos {

  color: #818181;

  font-size: 12px;

  margin-bottom: 30px;

  padding-bottom: 10px;

  border-bottom: 1px solid #ddd

}



.article_content .article_infos span {

  margin-right: 10px;

}



.article_editor {

  padding: 10px;

  font-size: 16px;

}



/*图片列表*/

.module_list_img {

  padding: 10px;

}



.module_list_img li {

  width: 33.3333%;

  float: left;

  margin: 10px 0;

}



.module_list_img li a {

  display: block;

  width: 280px;

  text-align: center;

}



.module_list_img li .img-size {

  width: 280px;

}



.module_list_img li h3 {

  font-weight: normal;

  height: 44px;

}



/*图片详情*/

.product-info {

  padding: 10px;

}



.product-img {

  width: 500px;

  float: left;

  border-right: 1px solid #eee;

  padding-right: 49px;

}



.product-img img {

  width: 100%;

}



.product-arr {

  float: left;

  width: 550px;

  padding-left: 50px;

}



.product-arr h3 {

  font-size: 24px;

  padding: 20px 5px;

  border-bottom: 1px solid #ddd;

}



.product-arr p {

  line-height: 28px;

  font-size: 14px;

}



.product_nav {

  height: 45px;

  line-height: 45px;

  margin: 30px 0;

  border: 1px solid #ddd

}



.product_nav li {

  float: left;

  list-style: none;

  border-right: 1px solid #ddd;

  cursor: pointer;

  padding: 0 40px;

}



.product_nav li a {

  display: block;

  padding: 0 40px

}



.product_nav li.active02{

  background:#0d6fb8;

  color:#fff

}



.product_nav li.product_nav_now,

.product_nav li.product_nav_hover {

  background: #f7f8fa

}



/*留言*/

.msg_hr {

  border-top: 1px solid #ddd;

  margin: 0;

  padding: 0 5px 0 15px;

  font-weight: bold;

  font-size: 16px;

  background: #ddd;

  height: 60px;

  line-height: 60px;

}



:-ms-input-placeholder {

  color: #999

}



.msg {

  border: 1px solid #ddd;

  border-top: 0;

  overflow: hidden;

  text-align: left

}



.msg dl:after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0

}



.msg dl {

  width: 100%;

  zoom: 1;

  background: #fff

}



.msg dl {

  border-top: 1px solid #ddd;

  margin: 0;

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -ms-flexbox;

  position: relative;

  padding: 5px 0

}



.msg dl dt {

  padding: 15px 15px 10px 15px;

  width: 105px;

  text-align: left;

  font-weight: normal;

  overflow: hidden;

  line-height: 1.2

}



.msg dl dd {

  -moz-box-flex: 1.0;

  -webkit-box-flex: 1.0;

  box-flex: 1.0;

  -ms-flex: 1;

  padding: 2px 0 0 15px;

  margin: 10px 0

}



.msg dl dd label input {

  position: relative;

  top: 1px;

  margin-right: 3px

}



.msg dl dd .fbox {

  margin: 0 10px 0 0

}



.msg dl dd .tips {

  color: #aaa

}



.msg dl dd .tips:hover {

  color: #f00

}



.msg dl dd.labelinline label {

  display: inline

}



.msg dl dt.addimgdt {

  padding: 10px 5px 10px

}



.msg dl dt.addimgdt p {

  height: 30px;

  line-height: 30px;

  margin-bottom: 8px

}



.msg dl.noborder {

  border-bottom: 0

}



.msg dl dd.ftype_description {

  color: #fff;

  padding: 8px;

  margin: 0 5px;

  background: #00AAFF

}



.ftype_input .fbox {

  float: left

}



.ftype_input .tips {

  float: left;

  padding-top: 5px

}



.ftype_input .fbox input {

  width: 350px;

  height: 28px;

  line-height: 28px\9;

  padding: 2px 5px;

  border: 1px solid #dcdfe0;

  background-color: #fff;

  color: #333;

  outline: 0;

  border-radius: 2px

}



.placeholder-ie {

  position: relative

}



.placeholder-ie label {

  position: absolute;

  left: 8px;

  top: 7px;

  cursor: text;

  color: #999

}



.ftype_textarea .tips {

  display: block

}



.ftype_textarea textarea {

  width: 350px;

  line-height: 1.5;

  height: 100px;

  padding: 7px 5px;

  border: 1px solid #dcdfe0;

  background-color: #fff;

  color: #333;

  outline: 0

}



.ftype_select .tips,

.ftype_select-linkage .tips {

  display: block;

  margin-top: 5px

}



select {

  line-height: 31px;

  height: 31px;

  vertical-align: middle;

  background-color: #fff;

  outline: 0;

  border: 1px solid #ccc;

  padding: 4px;

  color: #656565

}



.ftype_radio .fbox label {

  font-weight: normal;

  height: 28px;

  line-height: 28px;

  margin: 0;

  display: block

}



.ftype_radio .fbox input[type='radio'] {

  border-radius: 100%;

  bottom: 3px;

  height: 15px;

  position: relative;

  vertical-align: middle;

  width: 15px;

  margin: 0;

  position: relative;

  top: -1px;

  margin-right: 6px

}



.ftype_radio .formerror {

  margin-top: 0

}



.ftype_checkbox .fbox input[type='checkbox'] {

  border-radius: 100%;

  bottom: 3px;

  height: 15px;

  position: relative;

  vertical-align: middle;

  width: 15px;

  margin: 0

}



.ftype_checkbox .fbox label {

  font-weight: normal;

  height: 28px;

  line-height: 28px;

  margin: 0;

  display: block

}



.ftype_checkbox .fbox input {

  position: relative;

  top: -1px;

  margin-right: 6px !important

}



.ftype_checkbox .formerror {

  margin-top: 0

}



.ftype_transverse .fbox label {

  display: inline;

  margin-right: 15px

}



.submit {

  display: block;

  background: #0d6fb8;

  border: 0 none;

  height: 34px;

  line-height: 26px;

  padding: 0 35px;

  color: #fff;

  cursor: pointer;

  border-radius: 2px;

  font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'

}



.submit:hover {

  background: #38c4f0

}



.submit.active {

  background: #1ba4cf

}



.msg dl dd.ftype_code input {

  width: 80px;

  margin-right: 10px

}



.msg dl dd.ftype_code img {

  height: 30px;

  position: relative;

  bottom: 2px

}



/*分页*/

.page-list {

  clear: both;

  margin: 20px 0px 0px 0px;

  text-align: center;

}



.page-list .page-item {

  display: inline-block;

}



.page-list .page-link {

  display: inline-block;

  font-family: Arial;

  font-size: 13px;

  padding: 7px 11px;

  margin-left: 6px;

  background-color: #fff;

  border: 1px solid #e6e6e6;

  border-radius: 4px;

}



.page-item.active .page-link {

  z-index: 1;

  color: #fff;

  background-color: #007bff;

  border-color: #007bff;

}



.page-item.disabled .page-link {

  color: #6c757d;

  pointer-events: none;

  cursor: auto;

  background-color: #fff;

  border-color: #dee2e6;

}



.seach_box{

  display: block;

  width: 24px;

  height: 22px;

  /* position: relative; */

  top: 25px;

  padding-right: 4px;

}



.seach_box img{

  /* margin-right: 5px; */

}



.search {

  width: calc(100% - 1072px);

  width: 270px;

  border: 3px solid #1048a0;

  height: 36px;

  line-height: 45px;

  margin-left: 27px;

  margin-top: 10px;

}



.boxs {

  

width: 100%;

  

overflow: hidden;

}



.texts {

  width: 75%;

  height: 36px;

  float: left;

  padding-left: 10px;

  font-family: "Microsoft YaHei";

  border: none;

  outline: none;

  border: none;

  /* line-height: 36px; */

}



.btnSubmits {

  width: 19%;

  height: 36px;

  background: #0d6fb8;

  color: #fff;

  font-family: "微软雅黑";

  font-size: 14px;

  line-height: 36px;

  border: none;

  cursor: pointer;

  vertical-align: top;

  float: right;

}



.clearfix::after{

  content: "";

  display: block;

  height: 0;

  clear: both;

  overflow: visible;

}



.clearfix{

  zoom: 1;

}



.hzhb_i_list{

  padding-top: 20px;

}



.hzhb_i_list dl {

  float: left;

  margin-right: 34px;

  text-align: center;

  width: 202px;

  margin-bottom: 15px;

}



.hzhb_i_list dl dt{

  background: url(../images/new_bg.jpg) no-repeat center;

  width: 100%;

  height: 158px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 25px 50px;

  box-sizing: border-box;

}



.hzhb_i_list dl dt img{

  max-width: 100%;

  max-height: 100%;

}



.hzhb_i_list dl p {

  font-size: 16px;

}



.hzhb_i_list dl:first-child,

.hzhb_i_list dl:nth-child(6) {

  margin-left: 0px;

}



.hzhb_i_list dl:nth-child(4n) {

  margin-right: 0px;

}



.page_bg{

  height: 400px;

}



.pro_con_01,

.pro_con_02{

  margin-top: 15px;

}



.pro_con_01 h3,

.pro_con_02 h3{

  line-height: 36px;

  color: #0d6fb8;

}



.pro_con>p:nth-of-type(2){

  margin-top: 15px;

  color: #0d6fb8;

}



pre{

  font-family: '微软雅黑';

  margin-top: 10px;

  line-height: 36px;

  font-size: 16px;

}



table{

  border: 1px solid #eaeaea;

  border-collapse: collapse;

}



table td{

  border: 1px solid #eaeaea;

  padding: 8px 10px;

}



.pro_con_02 td:nth-child(1){

  width: 10%;

  text-align: center;

}



.pro_con_02 td:nth-child(3){

  width: 10%;

  text-align: center;

}



.pro_con_02 td:nth-child(4){

  width: 10%;

  text-align: center;

}



.pro_con_02 table td:nth-child(1){

  background:#d9ecff

}



.pro_con_02 table tr:nth-child(1) td{

  text-align: center;

}



.pro_con_02 table tr:last-child td{

  text-align: left;

  background: none;

}



.top_tel {

  background: url(../images/top_tel.png) left no-repeat;

  padding-left: 60px;

  display: block;

}



.top_tel span {

  font-size: 14px;

  color: #6b6b6b;

  line-height: 23px;

}



.top_tel h3 {

  font-size: 24px;

  color: #222222;

  line-height: 36px;

}



.pro_desc_l{

  width: 355px;

}



.pro_desc_r{

  width: calc(100% - 360px);

  -webkit-width: calc(100% - 360px);

  -moz-width: calc(100% - 360px);

  text-align: center;

}



.pro_desc_r span{

  display: block;

}



.pro_img{

  width: 267px;

  height: 192px;

}



.cpsms{

  padding: 0 20px;

}



.cpsms h2{

  font-size: 20px;

  color: #f00;

  line-height: 40px;

}



.pro_form{

  margin-top:20px;

  border-top:1px solid #eaeaea;

  padding-top:20px

}



.product_xq>div{

  display: none;

}



/*左侧工具条*/

#toolbar {

  position: fixed;

  z-index: 99999;

  right: 17px;

  bottom: 30%;

}



#toolbar li {

  margin-bottom: 3px;

  font-size: 0;

  width: 57px;

  height: 57px;

  right: 0;

  position: relative;

}



#toolbar li a {

  display: block;

  position: absolute;

  z-index: 9;

  right: 0;

  top: 0;

  width: 57px;

  height: 57px;

  overflow: hidden;

  background: #0160b0;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  white-space: nowrap;

  font-size: 0;

}



#toolbar li .icon-font {

  display: inline-block;

  vertical-align: middle;

  width: 57px;

  height: 57px;

  background-color: #d9d9d9;

}



#toolbar li .icon-qq:after {

  background-position: 0 -150px;

}



#toolbar li .icon-phone:after {

  background-position: 0 -90px;

}



#toolbar li .icon-ewm:after {

  background-position: 0 -30px;

}



#toolbar li .icon-message:after {

  background-position: 0 -120px;

}



#toolbar li .icon-top:after {

  background-position: 0 -60px;

}



#toolbar li .icon-wangwang:after {

  background-position: 0 0;

}



#toolbar li .wz {

  display: inline-block;

  line-height: 57px;

  font-size: 14px;

  color: #fff;

  vertical-align: middle;

  padding-left: 10px;

}



#toolbar li.ewm .ewm-box {

  position: absolute;

  z-index: 1;

  padding: 5px;

  background: #0160b0;

  width: 110px;

  right: 120%;

  bottom: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

  -webkit-transition: all .7s;

  transition: all .7s;

}



#toolbar li.ewm .ewm-box p {

  margin-bottom: 0;

}



#toolbar li.ewm .ewm-box img {

  max-width: 100%;

}



#toolbar li.ewm .ewm-box:after {

  content: '';

  position: absolute;

  right: -5px;

  bottom: 20px;

  width: 0;

  height: 0;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  border-width: 5px;

  cursor: pointer;

  border-style: dashed dashed dashed solid;

  border-color: transparent transparent transparent #0160b0;

  border-right: none;

}



#toolbar li.ewm:hover .icon {

  background-position: -57px -180px;

}



#toolbar li.ewm:hover .ewm-box {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



#toolbar li.backtop {

  cursor: pointer;

}



#toolbar li.backtop .iconfont {

  color: #fff;

  background-color: #0160b0;

}



#toolbar li:hover a {

  width: 200px;

}



#toolbar li:hover .icon-font {

  background-color: #0160b0;

}



#toolbar li:hover .icon-qq:after {

  background-position: -30px -150px;

}



#toolbar li:hover .icon-phone:after {

  background-position: -30px -90px;

}



#toolbar li:hover .icon-ewm:after {

  background-position: -30px -30px;

}



#toolbar li:hover .icon-message:after {

  background-position: -30px -120px;

}



#toolbar li:hover .icon-wangwang:after {

  background-position: -30px 0;

}



#toolbar li:hover .icon-top:after {

  background-position: -30px -60px;

}



.icon-font:after {

  content: "";

  width: 30px;

  height: 30px;

  background-image: url(../images/icon_spirit.png);

  background-repeat: no-repeat;

  position: absolute;

  left: calc(50% - 15px);

  top: calc(50% - 15px);

}



.icon-font {

  position: relative;

}



@media (max-width: 990px) {

  #toolbar {

      display: none;

  }

}





@-webkit-keyframes doudong {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  20% {

    -webkit-transform: translateY(6px);

    transform: translateY(6px);

  }



  40% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }



  60% {

    -webkit-transform: translateY(3px);

    transform: translateY(3px);

  }



  80% {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes doudong {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  20% {

    -webkit-transform: translateY(6px);

    transform: translateY(6px);

  }



  40% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }



  60% {

    -webkit-transform: translateY(3px);

    transform: translateY(3px);

  }



  80% {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}