#imgto{width:600px; float:left;padding-bottom: 20px;}
#imgto .big{width:600px;height:360px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/  text-align:center; background:#fff;border:1px solid #e2e2e2; padding:4px;}
#imgto .big img{max-width:600px; height: 400px;}

#imgto .small{height:80px; margin-top:5px;width:100%; clear:both;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:18px;height:78px; line-height:78px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; font-weight:bold; color: #999; cursor:pointer; font-family:"宋体";}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:560px; position:relative;height:80px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:80px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:108px;height:78px; margin-left:10px;cursor:pointer;border:1px solid #1a1f23;}
#imgto .small div.imgc ul li img{max-width:106px; height:78px;}
#imgto .small div.imgc ul li.the {border:1px solid #316baa}


.pro-tab{position: absolute;top: 40px;border-bottom: 1px solid #ccc;z-index: 99;  bottom: auto!important; left: auto!important; width: auto!important;}
.pro-tab a{font-size:18px;line-height:36px;color:#999;padding: 0 10px;width: auto; height: auto; background: none;opacity: 1; transition: all .5s;}
.pro-tab a:after{content:"";width: 0;height: 4px;border-radius: 2px; background: #ea5504; display: block;margin: 0 auto;transition: all .5s;}
.pro-tab a.swiper-pagination-bullet-active,.pro-tab a:hover{color:#ea5504;}
.pro-tab a.swiper-pagination-bullet-active:after,.pro-tab a:hover:after{width:100%}
.pro-tab2{border-bottom: 1px solid #ccc; width:504px!important;  text-align: center; margin: 0 auto 20px;bottom: auto!important;left: auto!important; position: relative!important;}
.pro-tab2 a{font-size:20px;line-height:46px;color:#999;width:160px; height: auto; background: none;opacity: 1; border-radius: 0; transition: all .5s;}
.pro-tab2 a:after{content:"";width: 0;height:2px;background: #ea5504; display: block;margin: 0 auto;transition: all .5s;}
.pro-tab2 a.swiper-pagination-bullet-active,.pro-tab2 a:hover{color:#ea5504;background: #f5f5f5;font-weight: bold;}
.pro-tab2 a.swiper-pagination-bullet-active:after,.pro-tab2 a:hover:after{width:100%}
.pro-info { width: 600px;  }
.pro-name { color: #ea5504; font-size: 34px; line-height:38px; font-weight: normal; margin-bottom:20px; }
.pro-tag { margin-bottom:25px; overflow: hidden; }
.pro-tag a { border: 1px #ea5504 solid; float: left; padding: 0 15px; line-height: 30px; color: #ea5504; border-radius: 4px;  transition: .36s;margin-right: 10px;font-size: 14px;}
.pro-tag a:hover { background: #ea5504; color: #fff; }
.pro-cont { overflow: hidden; margin-bottom:20px; }
.pro-cont ul li { margin-bottom: 16px; font-size: 16px; line-height: 28px; overflow: hidden; }
.pro-cont ul li span { color: #555; width: 90px; float: left; }
.pro-cont ul li p { color: #222; float: left;width: 440px; }



#home{ height: auto; border-bottom: 1px solid #e6e6e6;}
#home ul li{ float: left; padding: 0 2%; height: 60px; line-height: 60px; text-align: center; color: #333333; font-size: 15px; transition:0.3s;}
#home ul li:hover a{ color: #fff;}
#home ul li:hover{ background: #d71418; color: #fff;}
#home ul #li-on{ background: #d71418; color: #fff;}
#home ul #li-on a{ color: #fff;}
#home #home_nr{ text-align: right; height: 60px; line-height: 60px; color: #999999;}
#home #home_nr p,#home #home_nr i{ float: right;}
#home #home_nr a{ padding: 0 7px;}
@media screen and (max-width:768px){
    #home ul li{ height: 35px; line-height: 35px; font-size: 14px;}
}

.cptel{ color: #333333; margin-top: 5%; font-size: 14px;}
.cptel i{ font-size: 35px; float: left; padding-right: 3%; padding-top: 7%;}
.cptel .left{ line-height: 25px;}
.cptel .left span{ font-size: 28px; color: #d71418; font-weight: bold;}

#cpbtqh{ width: 100%; transition:0.3s; background: #f2f2f2;}
.cpbt1{ background: #f2f2f2; height: 5rem; line-height: 5rem; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s; margin: 0 auto !important;}
.cpbt1 li{ float: left; color: #333333; font-weight: bold; font-size: 16px; width: 11%; text-align: center; position: relative; transition:0.3s;}
.cpbt1 li:hover{ background: #d71418; color: #fff;}
.cpbt1 li:hover a{ color: #fff;}
.cpbt1 li.current a{ color: #fff;}
.cpbt1 li.current{ background: #d71418;}

i {
  display: block;
}
.main_zy{ padding: 2% 0 4%;}
.content_zy{ padding: 2% 15px; line-height: 30px;}
.content_zy h2 span{width: 200px !important;}
.main {
  padding: 3% 0;
    padding-bottom: 3%;
  line-height: 30px;
}
.tit_in{ text-align: center;}
.tit_in p{ position: relative; color: #333333; font-size: 28px; font-weight: bold; display: inline-block;}
.tit_in p:before{ position: absolute; content: ''; left: -15%; top: 50%; width: 10%; height: 2px; background: #cccccc; }
.tit_in p:after{ position: absolute; content: ''; right: -15%; top: 50%; width: 10%; height: 2px; background: #cccccc; }
.cphui{ background: #f2f2f2;}
.cp_class{ padding-top: 2%;}
#cptd{ padding: 2% 3%; margin: 0 auto !important;}
#cptd li{ text-align: center; cursor: pointer; margin-bottom: 1%;}
#cptd li i{ color: #d71418; font-size: 35px; background: #ffffff; border-radius: 100%; width: 80px; height: 80px; line-height: 80px; margin: 12% auto 5%; transition: 0.3s;}
#cptd li p{ color: #333333; padding: 2% 0; font-size: 18px;}
#cptd li span{ color: #666666; font-size: 14px; display: block; line-height: 25px; }
#cptd li:hover i{ color: #fff;  background: #d71418;}

#cpggbj{ background: url("../images/gg_bj1.jpg") no-repeat center fixed;}
#cpggbj .main{ padding: 2% 0;}
#cpggbj .tit_in p{ color: #fff;}
#cpggbj ul{ text-align: center; margin: 2% 0 3% !important;}
#cpggbj ul li{ display: inline-block; color: #fff; font-size: 24px; padding: 0 3%;}
#cpggbj ul li i{ display: inline-block; font-size: 25px; padding-right: 10px;}

.mes-form3 { margin: 0 auto; overflow: hidden; width: 100%; padding: 0;}
.mes-form3 .form-tr { padding: 0; overflow: hidden;}
.mes-form3 .form-tr input { display: block; width: 94%; padding: 0 2%; height: 45px; line-height: 45px; background: #fff; color: #333; border-radius: 5px; border: none;}
.mes-form3 .form-tr .code { overflow: hidden;}
.mes-form3 .form-tr .code input { width: 65%; float: left;}
.mes-form3 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 10px; width: 80px; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form3 .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form3 .form-tr .submit2 { display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; background: #d71418; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s;}
.mes-form3 .form-tr .submit2:hover { background: #333;}
.mes-form3 .form-tr .error { height: 1rem; line-height: 1rem;}

#zxly,#zxly_nr{ margin-top: 3%;}
.mes-form2 { margin: 0 auto; overflow: hidden; width: 100%; padding: 0;}
.mes-form2 .form-tr { padding: 0; overflow: hidden; margin-bottom: 2%;}
.mes-form2 .form-tr p{ float: left;}
.mes-form2 .form-tr input { float: left; display: block; width: 80%; background: #f3f3f3; padding: 0 2%; height: 45px; line-height: 45px; border-radius: 5px; border: none;}
.mes-form2 .form-tr textarea { float: left; display: block; width: 80%; background: #f3f3f3; padding: 0 2%; height: 120px; line-height: 45px; border-radius: 5px; border: none;}
.mes-form2 .form-tr .code { overflow: hidden;}
.mes-form2 .form-tr .code input { width: 25%; float: left;}
.mes-form2 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 10px; width: 80px; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form2 .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form2 .form-tr .submit3 { display: block; width: 50%; height: 45px; text-align: center; line-height: 45px; background: #d71418; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s; margin: 0 auto;}
.mes-form2 .form-tr .submit3:hover { background: #333;}
.mes-form2 .form-tr .error { height: 1rem; line-height: 1rem;}

.kjly,.kjly1{ border: 1px solid #e6e6e6; border-radius: 5px; padding: 3%;}
.kjly .tit{ color: #333333; font-size: 16px;}
.kjly .content{ color: #666; line-height: 35px; font-size: 13px;}
.kjly .content i{ float: left; color: #d71418; padding-right: 10px;}
.kjly1{ margin-top: 3%; text-align: center;}
.kjly1 p{ color: #333333; font-size: 16px;}
.kjly1 span{ margin: 2% auto 0; display: block; height: 40px; line-height: 40px; width: 50%; color: #fff; border-radius: 10px; background: #d71418;}

#youshi{ margin-top: 2%;}
#youshi .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#youshi .swiper-slide { background-size: cover; background-position: center; position: relative;}
#youshi .gallery-top { height: auto; width: 100%; margin-top: 10px; padding: 0; background: #fff; position: relative;}
#youshi .gallery-top .swiper-slide{ padding: 0;}
#youshi .gallery-top .swiper-slide .pic{ width: 100%; text-align: center; }
#youshi .gallery-top .swiper-slide .pic img{ width: 100%;}
#youshi .gallery-top .swiper-slide .font{ width: 100%; position: absolute; left: 0; bottom: 0;}
#youshi .gallery-top .swiper-slide .font .container{ background: #fff; padding: 1% 2%;}
#youshi .gallery-top .swiper-slide .num{ float: left; height: 60px; line-height: 60px; color: #d51418; font-size: 60px; font-weight: bold;}
#youshi .gallery-top .swiper-slide .tit{ border-left: 1px solid #e6e6e6; float: left; margin-left: 10px; padding-left: 10px; text-align: left; line-height: 28px;}
#youshi .gallery-top .swiper-slide .tit p{ color: #333333; font-size: 24px; font-weight: bold;}
#youshi .gallery-top .swiper-slide .tit span{ color: #333333; font-size: 16px;}
#youshi .gallery-top .swiper-slide .content{ float: left; width: 75%; padding: 0 0 0 3%;}
#youshi .gallery-top .swiper-button-next,#youshi .gallery-top .swiper-button-prev { text-align: center; background: none; width: auto; height: auto; margin: 0; }
#youshi .gallery-top .swiper-button-next i,#youshi .gallery-top .swiper-button-prev i{ font-size: 80px; font-weight: bold; color: #d51418;}


#youshi .gallery-thumbs { height: auto; padding: 0 15%; box-sizing: border-box;}
#youshi .gallery-thumbs .swiper-wrapper{ padding-bottom: 5px;}
#youshi .gallery-thumbs .swiper-slide { height: auto; border: 1px solid #e6e6e6; cursor: pointer; padding: 2.5% 0 2% 2%;width: 318px !important;}
#youshi .gallery-thumbs .swiper-slide i{ float: left; font-size: 40px;}
#youshi .gallery-thumbs .swiper-slide .left{ padding-left: 20px; line-height: 20px;}
#youshi .gallery-thumbs .swiper-slide .left p{ color: #333333; font-size: 20px; font-weight: bold;}
#youshi .gallery-thumbs .swiper-slide .left span{ color: #cccccc; font-size: 12px; text-transform: uppercase;}
#youshi .gallery-thumbs .swiper-slide-thumb-active { background: #d51418; color: #fff;}
#youshi .gallery-thumbs .swiper-slide-thumb-active .left p,#youshi .gallery-thumbs .swiper-slide-thumb-active .left span{ color: #fff;}