@charset "UTF-8";
body{overflow-x: hidden; font-family: "Microsoft YaHei"; font-size:13px; line-height:28px}
ul{padding: 0; margin: 0;}
ul li{list-style: none;}
a{color: #434343; text-decoration: none;}
h1, h2, h3, h4, h5{margin: 0;}
a:focus,
a:hover{color: #50b355;text-decoration: none;}
a:focus{outline: none; outline-offset: -2px;}
P{margin-bottom: 0;}
button,input,textarea{font-size:100%;vertical-align:middle;padding: 0;outline:0;border-radius:0;-webkit-appearance:none;}
html{font-size:100px}
@media screen and (min-width:360px){html{font-size:112.5px}}
@media screen and (min-width:375px){html{font-size:117.19px}}
@media screen and (min-width:414px){html{font-size:129.38px}}
@media screen and (min-width:480px){html{font-size:150px}}
@media screen and (min-width:640px){html{font-size:200px}}
.coms-product .pro-sort .pro-sort-menu:after, .coms-case-item .case-main-bot ul:after, .hot-keys:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after{content: ""; display: table; clear: both;}
.coms-product .pro-sort .pro-sort-menu > li > a, .coms-product .pro-list-box .pro-list-item li h3, .coms-case-item .case-main-bot ul li h5, .coms-honor .honor-slick .honor-slick1 .slick-con h3, .coms-caseb .caseb-slick .slick-con h3, .news-slick .slick-con h3, .coms-news-mid li a, .coms-problem li h4, .xy-tonglan .ft-nav dd a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-news-list li .tit h3, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@font-face{font-family: "iconfont"; src: url("../fonts/iconfont.eot"); /* IE9*/ src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/096023c00751480a873302f20bc10dde.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg"); /* iOS 4.1- */} .iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-msnui-qr-code:before{content: "\e66a";} .icon-msnui-download:before{content: "\e67b";} .icon-tubiao209:before{content: "\e61b";} .icon-huiyuan21:before{content: "\e641";} .icon-zhiding:before{content: "\e66d";} .icon-qq:before{content: "\e62d";} .icon-icon-inquiry:before{content: "\e645";} .icon-iconfontphone:before{content: "\e634";}
.icon-tuichu:before{content: "\e642";}
.icon-gengduo:before{content: "\e688";}
.icon-emiyanzhengma:before{content: "\e61c";}
.icon-shouji:before{content: "\e6a1";}
.icon-shijian:before{content: "\e6b5";}
.icon-weixin:before{content: "\e64f";}
.icon-arrowdown:before{content: "\e692";}
.icon-arrowleft:before{content: "\e693";}
.icon-arrowright:before{content: "\e694";}
.icon-arrowup:before{content: "\e695";}
.icon-close:before{content: "\e69a";}
.icon-account:before{content: "\e6a3";}
.icon-search:before{content: "\e6a5";} .icon-up:before{content: "\e6a9";} .icon-add:before{content: "\e6b9";} .icon-minus:before{content: "\e6ba";} .icon-atm:before{content: "\e6bd";} .icon-dizhi:before{content: "\e61a";} .icon-mimaffffffpx:before{content: "\e604";} .icon-chakan:before{content: "\e605";} .icon-wenjianxiazaiicon:before{content: "\e603";}
/* 自动获取下载文件类型图标样式 */
@font-face{font-family: 'filetypeicon'; /* project id 455609 */ src: url("../fonts/font_455609_md6xsqc4pwrk9.eot"); src: url("../fonts/font_455609_md6xsqc4pwrk9.eot") format("embedded-opentype"), url("../fonts/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("../fonts/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("../fonts/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg");}
.filetypeicon{font-family: "filetypeicon"; font-size: 13px; font-style: normal;}
#ydemo{background-color:#f2f2f2; padding:15px; overflow: hidden; margin: 0 auto; position: relative; height:495px; margin-top: 30px;}
#yindemo{height: 100%;}
#ydemo1{}
#ydemo2{}
/* 顶部 */
.xy-top{font-size: 12px; color: #666666; line-height: 33px; height: 33px; background: #f6f6f6;}
.xy-top .top-links{text-align: right; color: #999999;}
.xy-top .top-links a{color: #999999; display: inline-block; margin: 0 5px;}
.xy-top .top-links a:hover{text-decoration: underline;}
/* 头部 */
.xy-head img{height: 80px; max-width:100px;object-fit:cover;margin-top: 10px;margin-bottom: 10px;float: left;display: inline-block;}
.xy-head .cxt{float: right;height: 100px;padding-left: 83px;background: url(../images/tel.png) no-repeat 12px center;}
.xy-head .cxt p{padding-top: 18px;color: #555;font-size: 18px;}
.xy-head .cxt span{color: #dd0000;font-size: 30px;font-weight: bold;}

.xy-head h1{width: 500px;/* display:inline-block; */font-size: 32px;margin-left: 15px;float: left;font-weight: 600;margin-top: 15px;}
.xy-head h1 span{display:inline-block;font-size: 15px;/* margin-left: 5px; */font-weight: 600;}
@media (max-width: 990px){
	.xy-head h1{/* display:inline-block; */font-size: 18px;margin-left: 5px;font-weight: 600;width: 75%;white-space: normal;margin-top: 20px;}
	.xy-head h1 span{/* display:inline-block; */font-size: 12px;overflow: hidden;font-weight: 600;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
	.xy-head img{height: 60px;max-width: 60px;object-fit:cover;margin-top: 10px;margin-bottom: 10px;display: inline-block;}
}

.xy-logo{position: relative;}
.xy-logo .logo-img{/* font-size: 0; */}
@media (max-width: 990px){.xy-logo{position: relative;}
.xy-logo .logo-img{line-height: 100px;padding-right: 10%;}}
@media (max-width: 990px){.xy-logo .logo-img{line-height: 80px;}}
/* 导航样式 */
.xy-nav{background: #50b355}
.xy-menu > li{float: left;position: relative;width: 12.5%;transition: all .5s;}
.xy-menu > li > a{display: block; text-align: center; color: #fff; line-height: 48px; font-size: 16px; color: #ffffff;}
.xy-menu > li:hover, .xy-menu > li.cur .topa{background: #f8db5b;color: #50b355;font-weight: 600;}
.xy-menu > li dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.xy-menu > li dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.xy-menu > li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.xy-menu > li dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #006065;}
.xy-menu > li dl dd:first-child{border: none;}
.xy-menu > li dl dd a{display: block;color: #fff;font-size: 14px;padding: 0;background: #50b355;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #00b9c3, #00b9c3);background-image: linear-gradient(to right, #0078bd, #0078bd);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.xy-menu > li dl dd a:hover {background-size: 100% 100%;padding-left: 10px;color: rgba(255, 255, 255, 0.9999);}
@media (max-width: 990px){.xy-nav{position: absolute;display: none;z-index: 9999;left: 0;right: 0;}
.xy-menu > li{float: none;width: 100%;border: none;}
.xy-menu > li:not(:last-child){border-bottom: 1px dashed #009aa2;}
.xy-menu > li > a{line-height: 40px;font-size: 14px;}
.xy-menu > li dl{display: none;}}
.nav-btn{display: none;}
@media (max-width: 990px){.nav-btn{display: block;position: absolute;z-index: 999;right: 3px;width: 30px;top: 50%;margin-top: 21px;}
.nav-btn span, .nav-btn:after, .nav-btn:before{display: block; height: 2px; background: #333;-webkit-transition: all .5s ease; transition: all .5s ease;}
.nav-btn span{margin: 8px 0;}
.nav-btn:after, .nav-btn:before{content: ''; -webkit-transform-origin: 3%; transform-origin: 3%;}



.nav-btn.clicked span{opacity: 0;}
.nav-btn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-btn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}}
/*首页banner样式*/
.slick-banner{position: relative;}
.slick-banner .slick-arrow{position: absolute; z-index: 99; width: 60px; height: 60px; margin-top: -30px; top: 50%; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: auto; background-image: url(../images/coms-banner-jt.png); border-radius: 90px; cursor: pointer; outline: none; border: none; font-size: 0; -webkit-transition: all .5s; transition: all .5s;}
.slick-banner .slick-arrow.slick-prev{left: 7.8125%; background-position: 0 0;}
.slick-banner .slick-arrow.slick-next{right: 7.8125%; background-position: -60px 0;}
.slick-banner .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.5);}
.slick-banner .slick-dots{position: absolute;left: 0;right: 0;text-align: center; height:20px;font-size: 0;z-index: 9;bottom: 2%;}
.slick-banner .slick-dots li{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #50b355;cursor: pointer;}
.slick-banner .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}
.slick-banner .slick-dots li.slick-active{background: #f8db5b;}
.slick-banner .img img{width: 100%;}
.slick-banner .slick-con{position: relative;}
#mob-banner{display: none;}
@media (max-width: 768px){#pc-banner{display: none;}
#mob-banner{display: block;/* height: 150px; */}}
/*coms-honor*/
.coms-honor{background: #fff url(../images/index_pro_bg.jpg) top center no-repeat;background-size: cover;padding: 30px 0 30px 0;}
.in_title{width:100%; height:auto; overflow:hidden; border-bottom:2px solid #50b355}
.in_title a{font: bold 28px/30px "微软雅黑";color:#000;text-align:center;padding-bottom:15px;}
.in_title a span{color: #50b355;}
.in_title font{font-size:16px;color:#787878;margin-left:15px;float: right;}
.in_cpyy{margin-top:20px; width:100%; height:auto; overflow:hidden; text-align:center}
.in_cpyy ul{text-align:center;margin:0 auto; /**//* display:inline-block; */}
.in_cpyy ul li{text-align:center;float:left;margin:3px 3px;overflow:hidden;width: 202px;text-overflow: ellipsis;white-space:nowrap;}
@media (max-width: 768px){.in_cpyy ul li{width: 46%;}}
.in_cpyy ul li a{font-size: 14px;border:1px solid #ccc;/* border-radius:5px; */display:block;padding:5px 15px;}
.in_cpyy ul li a:hover{background-color:#50b355; color:#fff}
.coms-honor .honor-tit{background: url(../images/honor_bg.png) top 20px right 55px no-repeat; margin-bottom: 25px;}
.coms-honor .honor-tit li{display: inline-block; width: 147px; line-height: 44px; text-align: center; background: #288fc7; font-size: 20px;}
.coms-honor .honor-tit li a{color: #ffffff;}
.coms-honor .honor-tit li:hover{background: #0b6a9f;}
.coms-honor .honor-tit li + li{margin-left: 10px;}
.coms-honor .honor-tit .more{float: right; font-size: 14px; color: #000000; margin-top: -30px;}
.coms-honor .honor-slick{position: relative;margin-top: 20px;}
.coms-honor .honor-slick .slick-list{margin: 0 -10px;}
.coms-honor .honor-slick .slick-con{display: block; padding: 0 10px;}
.coms-honor .honor-slick .slick-con .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}




.coms-honor .honor-slick .slick-con .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.coms-honor .honor-slick .slick-con h2{font-size:16px;line-height:30px;color:#434343;background-color:#fff;text-align:center;padding: 20px 10px;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.coms-honor .honor-slick .slick-con:hover img{transform: scale(1.1);}
.coms-honor .honor-slick .slick-con:hover p{background-color: #50b355;color:#fff;}
.coms-honor .honor-slick .slick-con h3{text-align: center; font-size: 14px; color: #666666; line-height: 30px;}
.coms-honor .honor-slick .slick-dots{position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: -45px;}
.coms-honor .honor-slick .slick-dots li{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #fff;cursor: pointer;}
.coms-honor .honor-slick .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}
.coms-honor .honor-slick .slick-dots li.slick-active{background: #50b355;}
.in_sh h4{font-weight:normal;text-align: center; margin-top:60px}
.in_sh h4 b{display:inline-block;width:498px; margin:0 auto; height: 50px;line-height: 50px;font-size: 24px;color: #01848b;border:1px solid #01848b;}
.in_sh .tel{text-align: center;height:36px;line-height: 36px;margin-top:25px;}
.in_sh .tel span{padding:10px 0 10px 60px;font-size: 28px;color: #222; font-family:Arial, Helvetica, sans-serif; background:url(../images/index_ic.png) no-repeat left center;}
.in_sh .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #f28500;border-radius:2px;vertical-align:top;margin-left:14px;font-weight:bold;}
@media (max-width: 991px){.in_title a{font: bold 28px/30px "微软雅黑";}
.in_title font{margin-top:10px;color: #ec6e13;margin-left:0;display:block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} }
@media (max-width: 768px){.coms-honor{padding: 10px 0 60px 0;}
.coms-honor .honor-tit{background: none;margin-bottom: 25px;}
.coms-honor .honor-tit li{width: 100px;line-height: 35px;font-size: 16px;}
.coms-honor .honor-slick .slick-con{padding: 0 5px;}}
@media (max-width: 767px){.in_sh{display:none}}
/*about*/
.in_about{width:100%; margin-top:30px; height:auto; overflow:hidden;}
.in_about_r{width:50%;float:right;padding: 3px;border: 2px solid #50b355;/* height: 150px; */}
.in_about_r a img{width:100%;height: 360px;overflow:hidden;object-fit: cover;}
@media (max-width: 991px){.in_about_r a img{height: auto;}}

.in_about_l{width:46%; float:left}
.in_about_l h3{padding-bottom:15px;/* margin-top: 20px; */}
.in_about_l h3 a{font-size:40px; font-weight:bold; color:#000}
.in_about_l h3 a span{font:normal 46px/56px Arial, Helvetica, sans-serif;color:#ddd;display:block;margin-left: 50px;}
.in_about_l p{margin-top: 10px;}
.in_kl{height:auto; overflow:hidden; margin-top:30px}
.in_kl_cj{width:50%; float:left; height:auto; overflow:hidden; text-align:center;background-color:#00aaaa}
.in_kl_cj h3{width:50%;float:left;padding: .15rem 0 0 0;}
.in_kl_cj span{width:50%; float:right}
.in_kl_cj span a img{width:100%; height:auto; overflow:hidden}
.in_kl_cj h3 a img{display:inline-block;}
.in_kl_cj h3 a b{display:block;margin-top: .1rem;font-weight:normal;font-size:20px;color:#fff;}
.in_kl_ry{width:50%; float:left; height:auto; overflow:hidden; text-align:center;background-color:#f2f2f2}
.in_kl_ry h3{width:50%;float:left;padding: .15rem 0 0 0;}
.in_kl_ry span{width:50%; float:right}
.in_kl_ry span a img{width:100%; height:auto; overflow:hidden}
.in_kl_ry h3 a img{display:inline-block}
.in_kl_ry h3 a b{display:block;margin-top: .1rem;font-weight:normal;font-size:20px;}
@media (max-width: 1023px) and (min-width: 991px){.in_kl dl dt{width:35%;float:none; text-align:center; margin:0 auto}
.in_kl dl a dd{text-align:center;}
.in_kl dl a dd span{margin-top:15px}}
@media (max-width: 991px){.in_about_r{width:100%; float:none}
.in_about_l{width:100%; float:none}
.in_kl_cj{width:100%; float:none}
.in_kl_ry{width:100%; float:none}}
@media (max-width: 560px){.in_kl_cj h3{padding: .1rem 0 0 0;}
.in_kl_ry h3{padding: .1rem 0 0 0;}
.in_kl_cj h3 a img{display:inline-block; width:40%}
.in_kl_cj h3 a b{margin-top: .05rem;}
.in_kl_ry h3 a img{display:inline-block; width:40%}
.in_kl_ry h3 a b{margin-top: .05rem;} }
@media (max-width: 1199px){.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
.in_about_b_l span{margin-top:40px;}}
@media (max-width: 1024px){.in_about_t ul li span{font-size:50px}
.in_about_b_l p{margin-top:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.in_about_b_l span{margin-top:30px;}
.in_about_b{padding:25px}}
@media (max-width: 900px){.in_about_t ul li span{font-size:46px}
.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}}
@media (max-width: 768px){.in_about_t ul li{width:50%; margin-bottom:25px}
.in_about_t ul li span{margin-bottom:0px}
.in_about_b{margin-top:30px}
.in_about_b_l{width:100%; margin-top:15px}
.in_about_b_r{width:100%;}
.in_about_b_l span{margin-top:60px;}
.in_about_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.in_about_b{padding:25px 20px}}
/*荣誉资质*/
.in_honor_bg{background:url(../images/itmbg.png)  center #f9f9f9;padding: 30px 0 30px 0;margin-top: 20px;}
.coms-service{width:100%; height:auto; overflow:hidden; margin-top:40px;; background:url(../images/index_zx_bg.jpg) no-repeat center top}
.coms-service_l{width:62%; float:left; padding:2.5% 0 0 2%}
.coms-service_l h3{font-size:36px; color:#383838; font-weight:normal}
.coms-service_l h4{background:url(../images/index_se_bg.png) no-repeat center left; margin-top:20px; line-height:68px; padding-left:15px; color:#fff; font-size:20px}
.coms-service_r{width:35%; float:right}
.coms-service_r a img{width:100%; height:auto; overflow:hidden}
.coms-service_l .tel{height: 40px;line-height: 40px;margin-top:25px;}
.coms-service_l .tel span{display: inline-block;padding-left:60px;font-size: 28px;color: #222;font-family:Arial, Helvetica, sans-serif;background:url(../images/index_ic.png) no-repeat left center;}
.coms-service_l .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #20b5b5;border-radius:2px;vertical-align:top;margin-left:14px;font-weight:bold;margin-top: 2px;}
@media (max-width: 1199px){.coms-service{display:none}}
.coms-news-bg{width:100%;height:auto;overflow:hidden;margin-top: 30px;}
.coms-news{width:100%; height:auto; overflow:hidden; margin-top:25px}
.coms-news_list{width:32%; float:left; background-color:#f4f4f4}
.coms-news_list1{width:32%; float:left; margin:0 2%; background-color:#f4f4f4}
.coms-news_top h2{width:100%;padding-top: 50%;position:relative;overflow:hidden;}
.coms-news_top h2 a img{width:100%;height:100%;position:absolute;left:0;top:0;min-height: 100%;display: block;object-fit: cover;}
.coms-news_top h2 a b{width:100%; text-align:center; background:rgba(0,0,0,0.7); display:block; font:normal 24px/48px "微软雅黑"; color:#fff; margin-top:-48px; z-index:9; position:relative}
.coms-news_top h3{padding: 5% 5% 0 5%;margin-bottom: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.coms-news_top h3 a{font-size:18px;font-weight:bold;color: #50b355;}
.coms-news_top span{padding:0 5%; color:#787878; font-family:Arial, Helvetica, sans-serif}
.coms-news_top p{padding:5%;padding-top: 0;color:#626262;text-align: justify;}
.coms-news_b{margin:0 5%; padding:5% 0; border-top:1px solid #d1d1d1}
.coms-news_b ul li{width:100%; line-height:36px}
.coms-news_b ul li a{line-height:36px; font-size:14px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden}
.coms-news_b ul li a span{color: #50b355;font-weight:bold;margin-right:10px;}
@media (max-width: 640px){.coms-news_list{width:100%; float:none;}

.coms-news_list1{width:100%; float:none; margin:4% 0;}}
/*footer*/

.footer{background-color: #343434;height:auto;overflow:hidden;padding-top: 20px;margin-top: 20px;}

.footer_t{height:auto; overflow:hidden;}
.footer_t_l{width:70%; float:left}
.footer_t_l dl{width:25%; float:left; color:#fff}
.footer_t_l dl dt{display:block; margin-bottom:20px}
.footer_t_l dl dt a{font-size:18px; /*font-weight:normal*/ color:#fff}
.footer_t_l dl dt img{width:100%; height:auto; overflow:hidden}
.footer_t_l dl dd a{line-height:32px;color: #999;opacity:0.9;text-align:left;}
.footer_t_l dl dd a:hover{color:#FFFFCC;}
.footer_t_r{width:30%; float:right}
.footer_t_r dl{float:left; width:48%; margin-left:2%}
.footer_t_r dl dt img{width: 80%;padding: 5px;height:auto;overflow:hidden;border: 1px solid #f4f4f4;}
.footer_t_r dl dd{text-align:center;display:block;color:#fff;line-height:32px;margin-top:15px;width: 80%;}
.footer_b{border-top:1px solid #fff;margin-top:20px;padding: 20px 0;width:100%;color:#fff;height:auto;overflow:hidden;text-align: center;}
.footer_b a{color: #fcf8e3;opacity:.8;}
@media (max-width: 768px){.footer_t_l{width:100%; border-bottom:1px dotted #4ea9ae; padding-bottom:25px; margin-bottom:25px}

@media (max-width: 900px){.footer_b{ font-size:10px}}

.footer_t_r{width:70%; margin:0 auto; float:none}
.footer_dh{width:50%; float:right}
.footer_t_r dl{width:48%;margin:0 1%;text-align: center;}}
@media (max-width: 640px){.footer_t_l{border-bottom:none;}
.footer_t_l dl{width:100%; border-bottom:1px solid #4ea9ae; padding:10px 0}
.footer_t_l dl dt{margin-bottom:10px}
.footer_t_l dl dd{width:25%; float:left}
.footer_t_r{width:80%;}
.footer_dh{width:100%; float:none;}
.footer_t_l h3{width:70%; margin:0 auto; margin-top:20px}
.footer_t_l p{width:70%; margin:0 auto;}
.footer_b{padding-bottom: 70px;}}
@media (max-width: 480px){.footer_t_r{width:100%;}}
@media (max-width: 320px){.footer_t_r dl{width:100%; margin:0 0 2% 0} }
.xy-tonglan .ft-logo img{max-width: 100%;}
.ban{padding-top: 25px;}
.dilian{float: left; width: 26%; color: #fff; margin-top: 50px;}
.dilian a{color: #fff;}
.xy-tonglan .ft-nav{width: 40%; float: left; color: #fff;}
.xy-tonglan .ft-nav dl{float: left; width: 25%;}
.ft-tit{font-size: 16px; color: #ffffff; margin: 20px 0; font-weight: normal;}
.xy-tonglan .ft-nav dd a{display: block; font-size: 14px; line-height: 25px; color: rgba(255, 255, 255, 0.3); padding-right: 5%;}
.xy-tonglan .ft-nav dd a:hover{color: #288fc7;}
.xy-tonglan .ft-contact{width: 22%; float: left;}
.xy-tonglan .ft-contact .contact-box{font-size: 14px; line-height: 25px; color: rgba(255, 255, 255, 0.5);}
.xy-tonglan .ft-ewm{padding-top: 30px; width: 30%; float: right; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 25px; padding-bottom: 40px;}
.you{background: url(../images/you.png) left center no-repeat; float: right; width: 70%; height: 40px; margin-top: 50px;}
.you a{float: left; padding:0 70px; line-height:36px;}
.xy-tonglan .ft-ewm img{max-width: 100%;}
@media (max-width: 990px){.xy-tonglan .ft-nav, .xy-tonglan .ft-ewm{display: block;}
.xy-tonglan .ft-logo{width: 45%;margin-right: 5%;}
.xy-tonglan .ft-contact{width: 50%;}}
@media (max-width: 768px){.xy-tonglan .ft-logo{width: 100%;margin-right: 0;float: none;border-right: none;height:auto;padding: 0;margin-bottom: 20px;text-align: center;}
.dilian{display: none;}
.you{display: none}
.contact-box{display: none}
.xy-tonglan .ft-nav{width: 100%;text-align: center;}
.xy-tonglan .ft-contact{width: 100%;float: none;}}
/*页脚*/
.xy-footer{background: #333333;}
.xy-footer .container{border-top: 1px solid #454545; padding: 10px 0; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.7; text-align: center;}
.xy-footer .container a{color: rgba(255, 255, 255, 0.5);}
.xy-footer .container a:hover{color: #288fc7;}
/*内页banner样式*/
.xypg-banner{position: relative;}
.xypg-banner .img{height: 540px; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.xypg-banner .wz{position: absolute; left: 0; right: 0; top: 50%; text-align: center; width: 50%; margin: 0 auto;}
.xypg-banner .wz h3{font-size: 30px; padding-bottom: 20px; margin: 0; color: #000;}
.xypg-banner .wz h3:after{content: ''; position: absolute; bottom: 0; width: 50px; height: 2px; left: 0; right: 0; background: #000; margin: 0 auto;}
@media (max-width: 1200px){.xypg-banner .img{height: 400px;}}
@media (max-width: 1024px){.xypg-banner .img{height: 300px;}}
@media (max-width: 768px){.xypg-banner .img{height: 220px;}
.xypg-banner .wz{top: 0;bottom: 0;margin: auto;height: 50px;}}
/* 内页基本样式 */
.xypg-wrap{padding-top: 20px; padding-bottom: 40px;}
.xypg-left-box{margin-bottom: 20px;}
.xypg-left-title{line-height: 62px; text-align: center; color: #fff; font-size: 22px; background: #3c486d; font-weight: bold; margin: 0;}
.xypg-left-con{border: 1px solid #ebebeb; padding: 15px;}
.latest-news li{margin-top: 15px;}
.latest-news li a{display: block; font-size: 14px; line-height: 20px; color: #666666;}
.latest-news li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}

.latest-news li a:hover{color: #288fc7; text-decoration: underline;}
.latest-news li a:hover:before{background-color: #288fc7;}
.hot-keys li{width: 47%; float: left; margin: 6px 0;}
.hot-keys li a{display: block; text-align: center; font-size: 14px; color: #666666; line-height: 36px; background: #ededed;}
.hot-keys li a:hover{color: #288fc7; text-decoration: underline;}
.hot-keys li:nth-child(even){float: right;}
.contact-box .hot-line{background: url(../images/xypg-right-phone.png) left 5px no-repeat; padding-left: 70px; margin-bottom: 15px;}
.contact-box .hot-line h4{font-weight: normal; margin: 0; font-size: 14px; color: #666666;}
.contact-box .hot-line p{font-size: 25px; font-family: Arial; font-weight: bold; color: #ab001a; margin-bottom: 0;}
.contact-box .gs-name{font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.contact-box .contact-info p{margin-bottom: 0; border-bottom: 1px dotted #b8b8b8; font-size: 14px; color: #333333; padding: 8px 0;}
.contact-box .contact-info p:last-child{border-bottom: 0;}
.xypg-right-mbx{border-bottom: 1px solid #ebebeb; font-size: 14px; color: #666666; line-height: 25px; padding: 17px 0 7px 0;}
.xypg-right-mbx .cur-pos{display: inline-block; color: #333;}
.xypg-right-mbx .cur-pos .iconfont{font-size: 25px; display: inline-block; height: 25px; color: #000; margin-right: 5px;}
.xypg-right-mbx a{color: #666;}
.xypg-right-mbx a:hover{color: #288fc7; text-decoration: underline;}
@media (max-width: 992px){.xypg-right-mbx{padding-top: 0;}}
.xypg-right-content{font-size: 14px; color: #333; line-height: 1.7; padding: 15px 0;}
.xypg-right-content p img{max-width: 100%;}
.xypg-wrap .xymob-page-icon{position: fixed; right: 15px; bottom: 100px; z-index: 9999;}
.xypg-wrap .xymob-page-icon li{width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; background: rgba(40, 143, 199, 0.7); cursor: pointer;}
.xypg-wrap .xymob-page-icon li i{font-size: 20px; color: #fff;}
@media (min-width: 992px){.xypg-wrap .xymob-page-icon{display: none;}}
/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn{display: none;}
@media (max-width: 990px){/* 弹出框之后 body 上增加一个禁止滚动的类*/ body.no-scroll, html.no-scroll{height: 100vh;overflow: hidden;}
.xymob-menu-click{position: fixed;width: 100vw;overflow-y: scroll;top: 0;left: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 999999;height: 100vh;background: rgba(0, 0, 0, 0.7);}
.xymob-menu-click .xypg-left-news, .xymob-menu-click .xypg-left-keys, .xymob-menu-click .xypg-left-contact{display: none;}
.xymob-menu-click .xymob-left-close-btn{display: block;position: absolute;top: 15px;right: 15px;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;border: 1px solid #fff;text-align: center;background: black;}
.xymob-menu-click .xymob-left-close-btn i{font-size: 18px;color: #fff;}
.xymob-menu-click .xypg-left{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;min-height: 90vh;padding: 5vh 0;}
.xymob-menu-click .xypg-left .xypg-left-menu{width: 90%;background: #fff;}
.xymob-menu-click.click{left: 0;}}
/* 内页左侧导航栏样式 */
.xypg-left-nav > li{margin-bottom: 12px; position: relative;}
.xypg-left-nav > li > a{display: block; text-indent: 27px; font-size: 14px; color: #666666; position: relative; line-height: 40px; border: 1px solid #e4e4e4; padding-right: 15%;}
.xypg-left-nav > li .first-nav-btn{position: absolute; z-index: 99; width: 16px; height: 16px; border-radius: 50%; background: #d1d1d1 url(../images/xypg-left-jt.png) 0 -15px no-repeat; right: 10%; top: 13px;}
.xypg-left-nav > li .first-nav-btn.clicked{background: #288fc7 url(../images/xypg-left-jt.png) 0 1px no-repeat;}
.xypg-left-nav > li:last-child{margin-bottom: 0;}
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a{color: #288fc7;}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn{background-color: #288fc7;}
.xypg-left-nav .xypg-left-subnav{display: none; margin-top: 10px;}
.xypg-left-nav .xypg-left-subnav > li > a{display: block; line-height: 35px; color: #666666; font-size: 14px; padding-left: 15%; padding-right: 5%;}
.xypg-left-nav .xypg-left-subnav > li > a:before{content: ''; 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 #d4d4d4; border-right: none; vertical-align: 5px; margin-right: 10px;}
.xypg-left-nav .xypg-left-subnav > li > a:hover{color: #288fc7;}
.xypg-left-nav .xypg-left-subnav > li > a:hover:before{border-left-color: #288fc7;}
.xypg-left-nav .xypg-left-subnav > li.hover > a:before{content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #288fc7 transparent transparent transparent; border-bottom: none; vertical-align: middle; margin-right: 5px;}
.xypg-left-nav .xypg-left-threenav{display: none;}
.xypg-left-nav .xypg-left-threenav > li > a{display: block; font-size: 14px; line-height: 24px; color: #999999; padding-left: calc(15% + 15px); padding-right: 5%;}
.xypg-left-nav .xypg-left-threenav > li > a:before{content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 2px; background: #d4d4d4; margin-right: 5px;}
.xypg-left-nav .xypg-left-threenav > li > a:hover{color: #288fc7;}
@media (max-width: 990px){.xypg-left-nav .xypg-left-threenav{display: block;}}
/*产品列表页样式*/
.xypg-pro-description{border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em;}
.xypg-product-list{margin: 0 -1%; font-size: 0;}
.xypg-product-list li{display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 20px 1%;}
.xypg-product-list li .img{display: block; overflow: hidden;}
.xypg-product-list li .img img{width: 100%; -webkit-transition: all .7s ease; transition: all .7s ease;}
.xypg-product-list li .img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.xypg-product-list li h3{font-size: 16px; font-weight: normal; margin: 15px 0 0 0;}
.xypg-product-list li h3 a{color: #333333; display: block; text-align: center;}
.xypg-product-list li h3 a:hover{color: #288fc7;}
@media (max-width: 768px){.xypg-product-list li{width: 48%;}}
@media (max-width: 375px){.xypg-product-list li{width: 98%;}}
/* 分页基本样式 */
.xypg-pagination{margin-top: 20px; text-align: center; font-size: 0;}
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select{display: inline-block; vertical-align: middle;}
.xypg-pagination a, .xypg-pagination #current{display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei",Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px;}
.xypg-pagination #current, .xypg-pagination a:hover{color: #fff; border-color: #288fc7; background: #288fc7;}
.xypg-pagination .pagin-mid{font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: none;}
.xypg-pagination .pagin-select{font-size: 14px;}
.xypg-pagination .pagin-select select{height: 28px; padding: 0 8px; margin: -1px 5px 0 5px;}
@media (max-width: 768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display: none;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: block;}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display: inline-block;padding: 0 8px;line-height: 28px;font-size: 14px;}
.xypg-pagination .pagin-select{display: none;}}
/* 内页新闻列表 */
.xypg-news-list li{border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s;}
.xypg-news-list li .tit{border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative;}
.xypg-news-list li .tit h3{padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0;}
.xypg-news-list li .tit .date{position: absolute; right: 0; top: 0; font-size: 14px; color: #666666;}
.xypg-news-list li .info{font-size: 14px; line-height: 2; color: #999999;}
.xypg-news-list li .more{margin-top: 15px;}
.xypg-news-list li .more span{display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.xypg-news-list li:hover{-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}
.xypg-news-list li:hover .tit h3{color: #288fc7;}
.xypg-news-list li:hover .more span{color: #fff; background-color: #288fc7;}
@media (max-width: 990px){.xypg-news-list li .tit{border-bottom: none;}
.xypg-news-list li .tit h3{padding-right: 0;padding-bottom: 10px;}
.xypg-news-list li .tit .date{position: static;border-bottom: 1px solid #cbcbcb;padding-bottom: 5px;color: #999;}}
/*内页详情页面公用样式*/
.xypg-detail-title{font-size: 20px; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7;}
.xypg-detail-info-bar{font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px;}
.xypg-detail-info-bar .detail-info-time{float: left; margin-right: 20px;}
.xypg-detail-info-bar .detail-info-time i{margin-right: 4px;}
.xypg-detail-info-bar .detail-info-numbers{float: left;}
.xypg-detail-info-bar .detail-info-numbers i{font-size: 12px; margin-right: 4px;}
.xypg-detail-info-bar .xypg-file-down{float: right; position: relative;}
.xypg-detail-info-bar .xypg-file-down .file-down-title{cursor: pointer;}
.xypg-detail-info-bar .xypg-file-down .file-down-title i{margin-right: 5px;}
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover{color: #288fc7;}
.xypg-detail-info-bar .xypg-file-down .file-down-list{position: absolute; z-index: 9999; width: 250%; right: 0; background: #fff; display: none;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li{padding: 10px 0; border-top: 1px dashed #cfcfcf;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon{float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con{overflow: hidden; line-height: 1;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p{font-size: 12px; margin-bottom: 0; line-height: 20px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a{font-size: 12px;}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover{color: #288fc7;}
.xypg-detail-con-title{margin: 20px 0 10px 0;}
.xypg-detail-con-title span{display: inline-block; font-size: 18px; color: #288fc7;}
.xypg-detail-tags{margin-top: 40px;}
.xypg-detail-tags .tags-title{border-bottom: 1px solid #c3c3c3; position: relative;}
.xypg-detail-tags .tags-title h3{display: inline-block; padding: 0 30px; font-size: 16px; color: #288fc7; line-height: 40px; border-bottom: 3px solid #288fc7; margin-bottom: -1px;}
.xypg-detail-tags .tags-title .baidu-share{position: absolute; right: 0; top: 8px;}
.xypg-detail-tags .tags-content{padding-top: 10px;}
.xypg-detail-tags .tags-content a{font-size: 13px; color: #666666; display: inline-block; margin-right: 20px;}
.xypg-detail-tags .tags-content a:hover{color: #288fc7;}
.xypg-detail-pn{margin-top: 30px;}
.xypg-detail-pn div{margin-bottom: 10px; background: #ededed; line-height: 35px; padding: 0 20px; position: relative;}
.xypg-detail-pn div b{font-size: 16px; color: #333333; float: left; font-weight: normal;}
.xypg-detail-pn div a{float: left; width: 75%; font-size: 14px; color: #565656;}
.xypg-detail-pn div a:hover{color: #288fc7;}
@media (max-width: 600px){.xypg-detail-pn div a{width: 60%;}}
@media (max-width: 600px){.xypg-detail-pn div a{width: 50%;}}
.xypg-detail-pn div span{position: absolute; right: 20px; top: 0; font-size: 13px; color: #666666;}
/*相关产品 和 相关新闻*/
.xypg-relate{margin-top: 50px;}
.xypg-relate .relate-title{background: #288fc7; color: #fff; font-size: 16px; line-height: 50px; padding-left: 25px; margin-bottom: 20px;}
.relate-product-slick{padding: 0 5%; position: relative;}
.relate-product-slick .slick-arrow{position: absolute; top: 50%; width: 14px; height: 26px; margin-top: -13px; outline: none; border: none; font-size: 0;}
.relate-product-slick .slick-arrow.slick-prev{left: 0; background: url(../images/xypg-relate-pro-ljt.png) center no-repeat;}
.relate-product-slick .slick-arrow.slick-next{right: 0; background: url(../images/xypg-relate-pro-rjt.png) center no-repeat;}
.relate-product-slick .slick-list{margin: 0 -7px;}
.relate-product-slick .slick-slide{outline: none;}
.relate-product-slick .slick-slide img{display: inline-block; width: 100%;}
.relate-product-slick .slick-con{padding: 0 7px;}
.xypg-relate .relate-news{margin-top: 40px;}
.relate-news-list li{float: left; width: 48%; position: relative; line-height: 30px; font-size: 14px; color: #666666;}
.relate-news-list li:nth-child(even){float: right;}
.relate-news-list li a{display: block; padding-right: 30%; color: #666666;}
.relate-news-list li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.relate-news-list li span{position: absolute; right: 0; top: 0;}
.relate-news-list li:hover a{color: #288fc7;}
.relate-news-list li:hover a:before{background-color: #288fc7;}
.relate-news-list li:hover span{color: #288fc7;}
@media (max-width: 990px){.xypg-relate{display: none;}}
/*新闻详情页*/
/*案例基本详情页*/
.xypg-case-detail .main-img{text-align: center;}
.xypg-case-detail .main-img img{max-width: 100%;}
/* 详情页面下载列表样式 */
.xypg-detail-file-dwon li{padding: 10px 0; border-bottom: 1px dashed #cfcfcf; width: 50%; float: left;}
.xypg-detail-file-dwon li .icon{float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px;}
.xypg-detail-file-dwon li .list-con{overflow: hidden; line-height: 1;}
.xypg-detail-file-dwon li .list-con p{font-size: 12px; margin-bottom: 0; line-height: 20px;}
.xypg-detail-file-dwon li .list-con a{font-size: 12px;}
.xypg-detail-file-dwon li .list-con a:hover{color: #ab001a;}
/* 相册列表页 */
.xypg-album-cate{margin: 0 -1%;}
.xypg-album-cate li{float: left; width: 31.33333%; margin: 0 1% 20px 1%; border: 1px solid #eaeaea; padding: 10px;}
.xypg-album-cate li .album-img{margin-bottom: 15px;}
.xypg-album-cate li .album-img img{width: 100%;}
.xypg-album-cate li .album-title{text-align: center; font-size: 15px; color: #666666; margin-bottom: 5px;}
.xypg-album-cate li .album-num{font-size: 16px; color: #333333; text-align: center;}
.xypg-album-cate li .album-num span{display: inline-block; margin-right: 5px;}
@media (max-width: 768px){.xypg-album-cate li{width: 48%;}}
@media (max-width: 420px){.xypg-album-cate{margin: 0;}
.xypg-album-cate li{width: 100%;margin: 0 0 20px 0;}}

.xypg-album-list{margin: 0 -1%;}
.xypg-album-list li{float: left; width: 31.33333%; margin: 0 1% 20px 1%; position: relative;}
.xypg-album-list li .img{display: block; overflow: hidden;}
.xypg-album-list li .img img{width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}

.xypg-album-list li h3{position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; line-height: 40px; font-weight: normal; font-size: 16px;}
.xypg-album-list li:hover .img img{-webkit-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 768px){.xypg-album-list li{width: 48%;}}
@media (max-width: 420px){.xypg-album-list{margin: 0;}
.xypg-album-list li{width: 100%;margin: 0 0 20px 0;}}
.xypg-album-list.xypg-getkey-list li{width: 18%;}
@media (max-width: 1200px){.xypg-album-list.xypg-getkey-list li{width: 31.3333%;}}
@media (max-width: 768px){.xypg-album-list.xypg-getkey-list li{width: 48%;}}

@media (max-width: 420px){.xypg-album-list.xypg-getkey-list{margin: 0;}
.xypg-album-list.xypg-getkey-list li{width: 100%;margin: 0 0 20px 0;}}

/* 产品详情页面 */
.product-detail-swiper{width: 399px; float: left;}

.product-detail-swiper .view{border: 1px solid #e5e5e5;}

.product-detail-swiper .view .swiper-slide{outline: none;}
.product-detail-swiper .view .slick-con{text-align: center; display: block; height: 318px; line-height: 318px; font-size: 0;}
.product-detail-swiper .view .slick-con img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.product-detail-swiper .view .slick-con:after{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
.product-detail-swiper .preview{margin: 0 -5px; position: relative; margin-top: 10px;}
.product-detail-swiper .preview .swiper-slide{outline: none;}
.product-detail-swiper .preview .swiper-slide.active-nav .slick-con{border-color: #288fc7;}
.product-detail-swiper .preview .slick-con{text-align: center; display: block; height: 101px; line-height: 99px; margin: 0 5px; border: 1px solid #e1e1e1; font-size: 0;}
.product-detail-swiper .preview .slick-con img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.product-detail-swiper .preview .slick-con:after{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
.product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right{position: absolute; z-index: 99; top: 50%; margin-top: -25px; width: 20px; height: 50px; background: rgba(89, 89, 89, 0.8); text-align: center; line-height: 50px; color: #fff; font-size: 20px;}
.product-detail-swiper .preview .arrow-left{left: 5px;}
.product-detail-swiper .preview .arrow-right{right: 5px;}
.product-detail-list{width: calc(100% - 440px); padding-top: 20px; float: right;}
.product-detail-list h1{font-size: 30px; font-weight: bold; color: #333333; line-height: 65px;}
.product-detail-list .product-detail-item li{border-top: 1px solid #eee; padding: 25px 0; font-size: 18px; color: #333333;}
.product-detail-list .product-detail-item li span{font-size: 14px; color: #666666;}
.product-detail-list .product-detail-inquiry{margin-bottom: 20px;}
.product-detail-list .product-detail-inquiry a{display: inline-block; width: 80%; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; background: #288fc7; border-radius: 2px;}
.product-detail-list .product-detail-inquiry a i{font-size: 20px; line-height: 0; vertical-align: -2px; margin-right: 5px;}
.product-detail-list .service-number{font-size: 14px; color: #333333;}
.product-detail-list .service-number span{font-size: 25px; color: #b80024;}
@media (max-width: 1200px){.product-detail-list h1{font-size: 20px;line-height: 50px;}
.product-detail-list .product-detail-item li{padding: 10px 0;font-size: 16px;}
.product-detail-list .product-detail-inquiry{margin-bottom: 20px;}
.product-detail-list .product-detail-inquiry a{width: 85%;line-height: 45px;font-size: 16px;}
.product-detail-list .service-number span{display: block;}}
@media (max-width: 768px){.product-detail-swiper{width: 100%;float: none;}
.product-detail-swiper .view .slick-con{height: auto;line-height: 0;}


.product-detail-swiper .preview .slick-con{height: auto;line-height: 0;}
.product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right{position: absolute;z-index: 99;top: 50%;margin-top: -25px;width: 20px;height: 50px;background: rgba(89, 89, 89, 0.8);text-align: center;line-height: 50px;color: #fff;font-size: 20px;}
.product-detail-list{width: 100%;float: none;}}
.product-detail-tab{margin-top: 50px;}
.product-detail-tab .product-detail-tabli{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 45px;}
.product-detail-tab .product-detail-tabli li{float: left; width: 20%; line-height: 45px; margin-top: -1px; text-align: center; font-size: 15px; color: #333333; cursor: pointer;}
.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:hover{background: #333333; color: #fff;}
.product-detail-tab .product-detail-tabcon{padding: 15px 0;}
@media (max-width: 768px){.product-detail-tab .product-detail-tabli{height: 40px;}
.product-detail-tab .product-detail-tabli li{font-size: 14px;line-height: 40px;}}

@media (max-width: 420px){.product-detail-tab .product-detail-tabli{height: 40px;}
.product-detail-tab .product-detail-tabli li{font-size: 12px;line-height: 40px;}}
/* 分页基本样式 */
.xypg-pagination{margin-top: 20px; text-align: center; font-size: 0;}
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select{display: inline-block; vertical-align: middle;}
.xypg-pagination a, .xypg-pagination #current{display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei",Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px;}
.xypg-pagination #current, .xypg-pagination a:hover{color: #fff; border-color: #ab001a; background: #ab001a;}
.xypg-pagination .pagin-mid{font-size: 14px;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: none;}
.xypg-pagination .pagin-select{font-size: 14px;}
.xypg-pagination .pagin-select select{height: 28px; padding: 0 8px; margin: -1px 5px 0 5px;}
@media (max-width: 768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display: none;}
.xypg-pagination .pagin-mid .mob-pagin-mid{display: block;}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display: inline-block;padding: 0 8px;line-height: 28px;font-size: 14px;}
.xypg-pagination .pagin-select{display: none;}}
/*相关产品 和 相关新闻*/
.xypg-relate{margin-top: 50px;}
.xypg-relate .relate-title{background: #ab001a; color: #fff; font-size: 16px; line-height: 50px; padding-left: 25px; margin-bottom: 20px;}
.relate-product-slick{padding: 0 5%; position: relative;}
.relate-product-slick .slick-arrow{position: absolute; top: 50%; width: 14px; height: 26px; margin-top: -13px; outline: none; border: none; font-size: 0;}
.relate-product-slick .slick-arrow.slick-prev{left: 0; background: url(../images/xypg-relate-pro-ljt.png) center no-repeat;}
.relate-product-slick .slick-arrow.slick-next{right: 0; background: url(../images/xypg-relate-pro-rjt.png) center no-repeat;}
.relate-product-slick .slick-list{margin: 0 -7px;}
.relate-product-slick .slick-slide{outline: none;}
.relate-product-slick .slick-slide img{display: inline-block; width: 100%;}
.relate-product-slick .slick-con{padding: 0 7px;}
.xypg-relate .relate-news{margin-top: 40px;}
.relate-news-list li{float: left; width: 48%; position: relative; line-height: 30px; font-size: 14px; color: #666666;}
.relate-news-list li:nth-child(even){float: right;}
.relate-news-list li a{display: block; padding-right: 30%; color: #666666;}
.relate-news-list li a:before{content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px;}
.relate-news-list li span{position: absolute; right: 0; top: 0;}
.relate-news-list li:hover a{color: #ab001a;}
.relate-news-list li:hover a:before{background-color: #ab001a;}
.relate-news-list li:hover span{color: #ab001a;}

@media (max-width: 990px){.xypg-relate{display: none;}}
@media (min-width: 991px){.history-box .tit-box .cn{font-size: 20px; line-height: 30px;}
.history-box .swiper-slide .year{font-size: 31vw;line-height: 30vw;}
.history-box .tab-box .next{right: 5%;}
.history-box{padding: 70px 0;}
.history-box .swiper-slide .img-box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 40.6%;margin: 0;}
.history-box .swiper-slide .img-box .bimg{width: 85.2%;}
.history-box .swiper-slide .img-box .simg{width: 30%;}
.history-box .swiper-slide .year{position: static;}.history-box .tab-box .txt{position: absolute;left: 46.7%;margin: 0;top: 50%;transform: translateY(-50%);width: 50%;}.history-box .tab-box .next{top: 50%;}.history-box .year-box{margin: 0;}.history-box .year-box .swiper-slide{margin-right: 60px;}
.history-box .tab-box .next{transition: all .2s linear;}.history-box .tab-box .next:hover{background-image: url('../images/history-next2.png')}/* about end */}
@media (min-width: 1367px){.history-box .tit-box .cn{font-size: 24px; line-height: 34px;}.history-box .tit-box .en{font-size: 48px; line-height: 58px; margin-top: 5px;}
.history-box .year-box{padding: 0 50px;}.history-box .year-box .swiper-slide{margin-right: 100px;}.history-box .year-box{margin-top: 0;}.history-box .swiper-slide .year{line-height: 25vw;}.history-box .tab-box .next{width: 76px;height: 76px;transition: all .2s linear;}.about-dialog-box .about-dialog-wrap h3{font-size: 24px; line-height: 34px;}/* about end */}
/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;/* height: 100%; */min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.f_kslj{display: none;}
.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar dd{width: 53px;height: 53px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 20px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #01848b;display: none;}
.toolbar .pop-code{width: 160px;}

.toolbar .pop-code img{width: 160px;height: 140px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color: #01848b;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #01848b;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #01848b;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}

.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #01848b;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
@media screen and (max-width: 640px){.f_kslj{width: 100%;background: rgba(0,0,0,0.7);background: #3c3c3c;padding: .5em 0;display: block;position: fixed;bottom: 0;height: auto;overflow: hidden;}
.f_kslj ul li{width: 25%; float: left; list-style: none; text-align: center;}
.f_kslj ul li a{color: #fff;text-align: center;line-height: 2.3em;}
.f_kslj ul li a i{display: block;color:#fff; font-size: 18px;}
.toolbar{display: none;}}

.head-title{background: #f6f6f6; border-bottom: 1px solid #ededed; height: 35px;}
.head-title .mianfzhuc{ float: left;  line-height: 35px;background: #888888;color: #ffff;padding: 0 15px;font-size: 14px;margin-right: 20px;}
.head-title h2{display:inline-block;line-height: 35px;float: left;font-size: 14px;font-weight: normal;width: 80%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.head-title .isca{float:left;background: url(../images/ca.png) 0px 8px no-repeat;height: 30px;line-height: 30px;font-size: 12px;margin: 0px 0px 0px 0px;padding-left: 20px;color: #333333;}

@media (min-width: 1280px){ #links{ margin:0 auto;width:1280px;}}
@media (max-width: 990px){
.links strong{ width: 25%;} #links{ margin:0 auto;width:100%;}.links li{font-size: 10px;width: 25%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .links{  float:left;line-height:25px; }
.coms-banner{ height:135px;}
.slick-banner .img img{height: 135px;object-fit: cover;}
}
.links{  float:left;line-height:35px; border:1px solid #e6e6e6; font-size:14px;margin-top:15px;}
.links strong{ font-size:16px; font-weight:bold; float:left; padding:0px 10px;}
.links li{float:left; padding:0px 10px;}

.owl-theme .owl-controls.clickable .owl-page:hover span{background: #50b355;}