@import 'font/iconfont.css';
*{margin:0;padding:0;box-sizing: border-box;}
html{width: 100%; min-width: 1600px; font-size: 16px;-webkit-text-size-adjust:100%; background-color: #fff; color: #333; font-family: 'Microsoft YaHei'}

li{list-style:none}
img{max-width: 100%; vertical-align:top;border:none}
input,button,textarea,select,input:focus,textarea:focus{ background:none; outline:none; }
a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a { text-decoration: none; cursor: pointer; color: #333;}
a:hover { text-decoration: none; color: #cc0005; }
h1,h2,h3 { font-weight: normal;}
::-webkit-scrollbar-track-piece { /* //滚动条凹槽的颜色，还可以设置边框属性 */background-color:#f8f8f8;}
::-webkit-scrollbar {/* //滚动条的宽度 */width:9px;height:9px;}
::-webkit-scrollbar-thumb { /* //滚动条的设置 */background-color:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#bbb;}


.fl{ float: left; }
.fr{ float: right; }
.clearfix::after{ clear: both; content: ''; display: block; height: 0; width: 100%; visibility: hidden; }
.ovh { overflow: hidden;}
.ovs { overflow: scroll;}
.bgf5 { background-color: #f5f5f5;}
.dsn { display: none;}
.bos { box-shadow: 0 0 5px #e7e6e6}

body { margin: 0 auto;}
.yKcontainer { margin: 0 auto; width: 1600px;}


header { height: 110px; background-color: #000; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 999; }
.header { display: table; height: 100%;}
.header-left,.header-right,.header-search-box,.top-vip,.header-register1,.header-goLogin {display: table-cell;vertical-align: middle;}
.header-left {width:500px;}
.header-left .topLogo { display: block; width: 100%; height: 100%;background: url('../images/topLogo3.png') left center no-repeat; cursor: pointer;
padding-left: 110px; line-height: 110px; font-size: 20px; color: #fff;}
.header-right {text-align: right;}
.pc-top-h{height: 110px; }
.mobile-top-h{height: 50px; display: none;}

.topNav-toggle { display: none;}

nav { display: -webkit-flex; display: flex;}
.fatherNav { z-index: 9; flex: 1; padding-right: 40px; }
.fatherNav .item { position: relative; display: inline-block; margin: 0 20px; text-align: center;}
.fatherNav .item > a { display: block; padding: 0 6px; font-size: 16px;line-height: 50px; color: #fff; }
.fatherNav .item.on > a { color: #cc0005; font-weight: bold; border-bottom: solid 2px #cc0005;}
.fatherNav .item:hover .sonNav,.fatherNav .item.on .sonNav {}
.fatherNav .icon {position: absolute; right: -90px; top: 8px; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background-color: #2ba245;}
.fatherNav .icon a { color: #fff; font-size: 20px;}
.fatherNav .icon.topPhone {right: -150px; background-color: #0f78bc;}
.fatherNav .icon a img { display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 120px; max-width: initial; }
.fatherNav .icon a:hover img { display: block;}
.sonNav { display: none; z-index: 99; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); padding: 10px 20px; width: 150px; background-color: rgba(255,255,255,.8); border-bottom: solid 3px #cc0005; transition: all .3s; }
.sonNav a { display: block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; border-bottom: solid 1px #c1bebe; color: #333;}
.sonNav a:hover {  background-color: #cc0005; color: #fff;}

.topTel { flex: 0 0 210px; padding-left: 74px; line-height: 26px;  text-align: left; border-left: solid 1px #1a1a1a;background: url('../images/topTel.png') 26px center no-repeat;}
.topTel h2 { font-size: 14px; color: #ccc;}
.topTel a { font-size: 18px; color: #fff;}

.banner { height: 866px; position: relative;}
.banner .swiper-slide { background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.banner-list{width:680px; position: absolute; bottom: 25px; left: 0; right: 0; margin: 0 auto; z-index: 99;}
.banner-list ul li{float: left; width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background: #e62129; margin-right: 20px; font-size: 18px; color: #fff;}
.banner-list ul li a{color: #fff;}

/*footer { background-color: #333;}
.footer { margin: 30px auto; background: url('../images/footerLogo.png') 40px center no-repeat,url('../images/footerWx.jpg') right center no-repeat}
.footer-contact { margin-left: 290px; padding-left: 30px; min-height: 140px; color: #ccc; border-left: solid #484848 1px;}
.footer-contact p { margin-bottom: 16px;}
.footer-contact p a { color: #ccc;}
.footer-contact p a.tel { margin-left: 20px; font-size: 24px;}
.footer-contact p span { font-size: 28px;}*/

.w1300 { width: 1300px; margin: 0 auto;;}
#footerInfo {background-color: #333;}
.footer {  display: -webkit-flex; display: flex;}
.footer .item { flex: 1; padding: 10px; font-size: 14px; color: #ccc;}
.footer .item img { display: block; margin: 0 auto 10px;;}
.footer .item a { display: block; height: 32px; line-height: 32px; text-align: left; color: #ccc;}
.footer .item a:hover {color: #cc0005;}
.footer .item p { text-align: center;}
footer {padding: 16px 0; background-color: #111; text-align: center; font-size: 14px; color: #ccc;}

.w1200 { width: 1200px; margin: 0 auto;;}
#gList { overflow: hidden; margin: 30px auto; }
#gList .item { float: left;  width: 500px; margin-top: 30px; margin-right: 50px;}
#gList .item:nth-of-type(3n) { margin-right: 0;}
#gList .item img { width: 100%; height: 314px;}
#gList .item p { line-height: 62px; font-size: 16px;}
#gList .item .swiper-pagination-bullet { width: 10px; height: 10px;; border: solid 1px #fff; opacity: 1; background: none;}
#gList .item .swiper-pagination-bullet-active { background-color: #fff;}

.formBox {display: -webkit-flex; display: flex; margin: 50px auto;}
.formBox .img { flex: 0 0 1000px;}
.formBox .form { flex: 1; padding: 0 80px; color: #fff; background-color: #4b4848;}
.form h2 { margin: 70px auto 30px; font-size: 30px; }
.form .line { margin-bottom: 40px; width: 50px; border: solid 2px #fff;}
.inputBox { margin-bottom: 20px;  line-height: 42px; border-bottom: solid 1px #5d5a5a;}
.inputBox input { display: inline-block; margin: 0 10px; padding: 0 5px; color: #fff; border: 0;}
.inputBox input.syk { width: 28%;}
.inputBox span { display: inline-block; margin-right: 5px; font-size: 20px;}
.inputBox select {margin-left: 10px; width: 80%; color: #fff; border: 0; font-size: 16px; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.inputBox select option { color: #000;}
.inputBox textarea { width: 100%; font-size: 16px; border: 0; color: #fff;}
.sumbit { display: block; margin-top: 40px; width: 100%; height: 54px; line-height: 54px; color: #fff; font-size: 16px; text-align: center; background-color: #e62129; border: 0; cursor: pointer;}
.sumbit:hover {background-color: #e43c43;}

/*补充*/
.ppjs { height: 484px;}
#ty-n-nav {padding: 18px 0; width: 100%; border-bottom: solid 1px #dedede;}
.ty-n-nav {  text-align: center; font-size: 0;}
.ty-n-nav li {position: relative; display: inline-block; margin-right: 30px;  font-size: 16px;}
.ty-n-nav li:last-of-type { border: 0;}
.ty-n-nav li a {display: block; width: 120px; height: 40px; line-height: 40px;}
.ty-n-nav li i {position: absolute; visibility: hidden; bottom: -22px; left: 43%;; font-size: 28px;color: #4dadc4;}
.ty-n-nav li.on a,.ty-n-nav li:hover a {background-color: #dc7725; color: #fff; border-radius: 15px 0 15px 0;}
.ty-n-nav li.on i { visibility: visible;}
.clearfix::after {content: '';display: block; width: 100%; height: 0; visibility: hidden; clear: both;}
.fl { float: left;}
.fr { float: right;}
.container {margin: 0 auto;overflow: hidden;}
.w1200 { width: 1200px; line-height:30px}
.max1440 { max-width: 1440px;}
.w90 { width: 90%;}
.bgf2 {background-color: #f2f2f2;}

.afbtbor::after {position: absolute; bottom: 0; left: 50%; transform: translateX(-15px); content: ''; width: 30px; height: 0; border: 2px solid #dc7725;}
.ty-title {position: relative;margin: 30px auto; padding: 30px 0; text-align: center; font-size: 36px;}
.ty-title p {margin-top: 40px; font-size: 18px;}
@media only screen and (max-width: 750px) {
.al-list {-webkit-column-width:440px;
    -moz-column-width:440px;
    -o-column-width:440px;
    -ms-column-width:440px;
    column-width:440px;
}

}
.al-list li { overflow: hidden;padding-bottom: 20px; width:480px; float:left   }
@media only screen and (max-width: 750px) {
.al-list li{float:none}
}
.al-list li a { font-size: 18px; color: #666; }
.al-list li a img { height: 330px; opacity: .8; transition: all .5s; width:440px}
.al-list li a p { height: 42px; line-height: 42px; }
.al-list li a p span{ margin-right: 10px; color: #222;}
.al-list li:hover a img { opacity: 1;}
.al-list li:hover a *{color: #dc7725; text-decoration: underline;}

.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:30px}
/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #ddd;color:#000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #dc7725;color:#FFF;background-color:#dc7725; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #dc7725;color:#fff;text-decoration:none; background:#dc7725; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑;padding:5px 10px; display:inline-block}
 
 .news-title { border-bottom: solid 1px #666;}
.news-title h1 { font-size: 36px; font-weight: normal;}
.news-title p { margin: 20px auto; font-size: 16px; color: #666;}
.view-box {margin: 50px auto;}

.bgimg { /*background: url(../images/aboutbg.jpg) bottom center no-repeat;*/}
.view-box {margin: 50px auto;}
.view-info {margin-bottom: 30px;  width: 100%; height: 260px;}
.view-img,.view-text { width: 50%; float: left;}
.view-img img { max-width: 100%;}
.view-text { height: 100%; background: url(../images/bg.jpg); color: #fff; text-align: center;}
.view-text h2 {margin: 50px auto 30px; font-size: 38px; font-weight: normal;}
.view-text p { width: 70%; margin: 0 auto; line-height: 30px; font-size: 16px;}
.view-info.lc { height: 360px;}
.view-info.lc p {margin-bottom: 30px; text-align: left;}

.view-content p{ margin: 10px auto; line-height: 30px; font-size: 16px;}
.view-content img { margin: 20px auto; max-width: 100%;}

.news-more-box {margin: 20px auto; padding: 20px; border-top: solid 1px #666;}
.news-more-box .news-np { display: block; line-height: 30px; font-size: 16px;}
.news-more-box .ty-readmore { float: right; margin: 0;}
.news-more-box .news-np:hover { color: #dc7725;}
.ty-readmore { display: block; margin: 30px auto; width: 160px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #333; border: solid 2px #333;}
.ty-readmore:hover {background-color: #dc7725;color: #fff; border: solid 2px #dc7725;}


.case-box { width: 90%;}
.case-list { margin: 40px auto; font-size: 0;}
.case-item {position: relative; float: left; margin-right: 1%; margin-bottom: 30px; width: 24%; height: 480px; overflow: hidden;}
.case-item:nth-of-type(4n) { margin-right: 0;}
.case-item img { width: 100%; height: 100%; transition: all .5s;}
.case-text {position: absolute; bottom: 0; left: 0; width: 100%; height: 76px; font-size: 16px; color: #fff;background-color: #dc7725;display: table; transition: all .5s;}
.case-text span,.case-text i { display: table-cell; vertical-align: middle}
.case-text span {padding: 0 10%; width: 86%;}
.case-text i { font-size: 32px;}
.case-item:hover .case-text{ background-color: rgba(0, 137, 171, .5);}
.case-item:hover img { transform: scale(1.05); }

.product-list { margin: 40px auto; font-size: 0;}
.product-item {float: left; margin-right: 1%; margin-bottom: 30px; width: 24%; overflow: hidden;}
.product-img  {width: 100%; height: 420px; border: solid 5px #e3e8eb; box-sizing: border-box; display: flex;justify-content:center;align-items:Center; }
.product-img img { max-width: 80%; max-height: 80%;}
.product-text {margin-top: 2px; width: 100%; height: 76px; font-size: 16px; color: #fff;background-color: #e3e8eb;display: table; }
.product-text span,.product-text i { display: table-cell; vertical-align: middle}
.product-text span {padding: 0 10%; width: 86%;color: #333;}
.product-text i { font-size: 32px; color: #dc7725;}
.product-item:hover .product-img { border: solid 5px #dc7725;}
.product-item:hover .product-text {background-color: #dc7725;}
.product-item:hover .product-text span,.product-item:hover .product-text i { color: #fff;}


.commonposition {position: fixed; bottom:10%; right: 0; z-index: 999999;  }

.commonposition a { text-align: center;display: block; padding-top: 10px; width: 75px; height: 75px; line-height: 24px;font-size:0;position: relative; background-color: #dc3a2c; background-repeat: no-repeat; background-position: center center; margin-top: 1px;  }
.commonposition a:first-child{ border-top-left-radius: 5px;border-top-right-radius: 5px;}
.commonposition a:last-child{ border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.commonposition a img{ vertical-align: middle;height: 29px;}
.commonposition a p{ font-size: 14px; color: #fff;}

.commonposition a span { display: none; position: absolute; right: 75px; top: 0; padding: 13px; color: #fff; background-color: #dc3a2c; line-height: 24px; font-size: 14px; width: 190px; }

.commonposition a span.erCoder { width: 113px; height: 113px; background-color: #FFFFFF; padding: 0;border:1px solid #CCCCCC; }
.commonposition a span.erCoder img{ height: 110px;}

.commonposition a.Hometop{ padding-top: 0; line-height: 75px; background-color: #2c384b;}

.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.pc{display:block}
.wap{display:none}
@media screen and (max-width: 414px) {
.pc{display:none}
.wap{display:block}
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{width:100%;height:280px;position:relative;overflow: hidden;visibility: hidden;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%; height:300px; margin-top:0}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.addWrap .swipe-wrap img{ width:100%; height:300px; margin-top:0}
}



#position{ position:absolute;padding:0; right:0; left:0; bottom:2px; margin:auto;text-align:center; z-index:10;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:100%;border-radius:100%; border:1px solid #fff; line-height:25px;}
#position li.cur{background-color:#fff;}
#position li a{ position:absolute; left:0px;}
#addtitle{ position:absolute; bottom:0px;width:100%; height:25px;overflow:hidden; line-height:25px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:25px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}


/*新增-联系我们*/
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.yk-contact-box{background: #f5f5f5; padding: 100px 0;}
.yk-contact{}
.yk-contact-l{min-height: 661px; background: url(../images/yk-contact1.png) no-repeat center; width: 50%;}
.yk-contact-r{ width: 50%; box-sizing: border-box; padding-right: 10%;}
.yk-contact-rtit{font-size: 42px; color: #dc7725;}
.yk-contact-rdis{font-size: 1rem; color: #333; margin: 30px 0;}
.yk-contact-rlist{height: 120px; line-height: 120px;font-size: 1rem; color: #333; border-bottom: 1px solid #ddd; position: relative;}
.yk-contact-rlist:last-child{border-bottom: none;}
.yk-contact-rlist img{vertical-align: middle;}
.yk-contact-rlist span{width: 100px; display: inline-block;}
.yk-contact-rlist span::before{content: ""; position: absolute; left: 0; bottom: -1px; width: 100px; height: 1px; background: #f5f5f5;}

.yk-contact-wechat{ margin-top: 30px; font-size: 1rem; color: #333; position: relative;}
.yk-contact-wechat img{vertical-align: top; float: left;}
.yk-contact-wechat span{width: 100px; display: inline-block; float: left;}
.yk-contact-wechat b{font-weight: normal; line-height: 30px; float: left; margin-top: 25px; margin-left: 20px;}
.yk-contact-wechat em{font-style: normal;}