@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {-webkit-text-size-adjust:none;}
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:"微软雅黑";font-size:14px;color:#7f7f7f;font-weight:normal; }
html,body{ margin:0; padding:0; min-width: 1300px;}
table {border-collapse:collapse;border-spacing:0;}
td,th {word-wrap:break-word;word-break:break-all;}
img {border:0;}
del,ins {text-decoration:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {vertical-align:baseline;}
/* because legend doesn't inherit in IE */input,select {vertical-align:middle;}
i,cite,em {font-style:normal}
/* New Clearfix */.clearfix:after {visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0;}
* html .clearfix {zoom:1;}
/* IE6 */*:first-child + html .clearfix {zoom:1;}
/* IE7 *//* Defaults */a {text-decoration:none;color:#7f7f7f;font-size:14px;}
a:hover {text-decoration:none;color:#7f7f7f;}
a:focus {outline:none;color:#7f7f7f;}
.L,.l,.C,.c,.Left,.Center,.left,.center {float:left;}
.R,.r,.Right,.right {float:right;}
.reset_ul {margin:0;padding:0;list-style:none;}
ul {margin:0;padding:0;list-style:none;}
li {margin:0;padding:0;list-style:none;}
*{transition: all .2s; -webkit-transition: all .2s; }
.container{ width: 1300px;margin:0 auto;}
.margin100{ margin:100px auto;}
.fontsize16{ font-size: 16px;}
.fontsize12{ font-size: 12px;}
.fontsize26{ font-size: 26px;}
.bluetext{  color: #4d5fe3;}
.bigtext{ font-size: 30px; }
.bigtext p{ font-size: 30px; color: #333}
.fontbold{ font-weight: bold;}
.colorblack{ color: #333}
.textcenter{ text-align: center}
/*全站顶部*/
.header{ width: 100%; overflow:hidden; height: 95px;}
.header .top{ overflow:hidden; padding:25px 0;}
.header .top .l{ width: auto; height: 45px; line-height: 45px; font-size: 35px; font-weight: bold; color: #333;}
.header .top .l img{ max-height: 45px;}
.header .top .r .tool{ margin-top: 10px;}
.header .top .r .tool li{ float:left; border-radius: 50%; background-color: #f1f2f6; width: 35px; height: 35px; margin:0 10px; position: relative;}
.header .top .r .tool li a,.header .top .r .tool li i{ display: block; width: 100%; height: 100%; cursor: pointer; background-repeat: no-repeat; position: relative; z-index: 2}
.header .top .r .tool li:first-child i{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/home.png)}
.header .top .r .tool li:last-child i{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/like.png)}
.header .top .r .tool li a:after{ content: ""; width: 100%; height: 100%; position: absolute; top:50%;left:50%; margin-top: -17.5px; margin-left: -17.5px; display: block; background-color: #4d5fe3; border-radius: 50%;-ms-transform:scale(0,0);  -webkit-transform: scale(0,0);  transform: scale(0,0); transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);transform-origin:center;-ms-transform-origin:center;  -webkit-transform-origin:center;z-index: -1;}
.header .top .r .tool li:hover a:after{-ms-transform:scale(1,1);  -webkit-transform: scale(1,1);  transform: scale(1,1);}
.header .top .r .tool li:first-child:hover i{background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/home-hover.png)}
.header .top .r .tool li:last-child:hover i{background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/like-hover.png)}
.header .top .r .info span{ display: block; font-size: 14px; color: #999; margin-bottom: 5px; font-weight: normal}
.header .top .r .info{ font-size: 16px; color: #333; margin-left: 40px; background-repeat: no-repeat; background-position: left center; padding: 0 50px; font-weight: bold; background-size: 30px; min-height:47px;}
.header .top .r .phone { background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/phone.png); border-right:1px solid #e0e2e9;}
.header .top .r .email{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/email.png)}

/*全站导航*/
.nav{ width: 100%; height:80px; border-top:1px solid #e0e2e9; background-color: #fff}
.nav.fixed{ position: fixed; z-index: 100; top:-95%;transition: transform 500ms ease, visibility 500ms ease;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);}
.nav ul li{float:left; margin-right: 50px; position: relative}
.nav ul li a{ font-size: 15px; color: #666; line-height: 80px; font-weight: bold}
.nav ul li.on a,.nav ul li:hover a{ color: #4d5fe3;}
.nav ul li ul{ position: absolute; top:80px; left:0; width: 220px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; box-shadow: 1px 2px 8px 0px rgba(0,0,0,0.1); background-color: #fff; display: none; z-index: 10}
.nav ul li ul li{ width: 100%; border-bottom: 1px solid #efefef;}
.nav ul li ul li a{ padding:0 20px; line-height: 45px;  color: #666 !important;}
.nav .seachbtn{ width: auto; line-height: 40px; border-radius: 5px; background-color: #4d5fe3; color: #fff; padding:0 20px; margin-top: 20px; cursor: pointer }
.nav ul li ul li a:hover{ color: #4d5fe3 !important;}

/*搜索*/
.search{ width: 100%; background: rgba(0,0,0,0.3); position: fixed; left:0; z-index: 100; display: none; top:-100%;}
.search form{ width: 500px; background: #fff; left:50%; top:50%; height: 66px; overflow: hidden; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform:  translate(-50%,-50%);}
.search form input{ border:none; outline: medium;}
.search form #keyword{ width: 389px; padding:0 20px; line-height: 66px;}
.search form #button{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/pc-search.png); background-position: center; background-repeat: no-repeat; width: 66px; height: 66px; background-color: #4d5fe3;}

/*首页banner*/
.banner-container{ width: 100%; overflow:hidden; height: 760px;}
.banner-container .swiper-wrapper,.banner-container .swiper-slide{ width: 100%; height: 100%;}
.banner-container .swiper-slide img{ width: 100%; height: 100%; object-fit: cover}

/*首页goods*/
.goods{ height: 126px; }
.goods li{float:left; margin-right: 80px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); width: 380px; padding:30px; border-radius: 10px;box-sizing: border-box; position: relative; overflow: hidden;}
.goods li:last-child{ margin-right: 0;}
.goods li i{ overflow: hidden;}
.goods li i .icohover{  -ms-transform:scale(0,0); -webkit-transform: scale(0,0);  transform: scale(0,0); }
.goods li i{ display: block; float:left; width: 66px; height: 66px; margin-right: 20px;}
.goods li i img{ width: 100%; height: 100%; object-fit: contain}
.goods li p{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 30px; margin-top: 5px;}
.goods li span{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #666; }
.goods li:after{ content: ""; position: absolute; bottom:0px; height: 6px; width: 100%;background-color:#4d5fe3; left:0; transform: translate(0,6px); -ms-transform: translate(0,6px);  -webkit-transform: translate(0,6px);}
.goods li:hover .ico{ display: none}
.goods li:hover .icohover{ display: block;-ms-transform:scale(1,1); -webkit-transform: scale(1,1);  transform: scale(1,1);}
.goods li:hover{ border:1px solid #4d5fe3;}
.goods li:hover:after{transform: translate(0,0); -ms-transform:translate(0,0);  -webkit-transform: translate(0,0);}

/*首页关于*/
.in-about{ overflow: hidden;}
.in-about .l{ width: 650px; height: 500px; position: relative; }
.in-about .l .bg{ border-radius: 10px; background-color:#4d5fe3; width: 300px; height: 450px; position: absolute; z-index: -1; top:20px; left:0;}
.in-about .l .img{ width: 632px; height: 100%; overflow:hidden; border-radius: 10px; margin-left: 18px;}
.in-about .l .img img{ width: 100%; height: 100%; object-fit: cover;}
.in-about .l:after{ content: ""; display: block; position: absolute; z-index: 1; border-radius: 50%;width: 0; height: 0; background-color: rgba(255, 255, 255, 0.2); top:50%; left:50%;-webkit-transform: translate(-50%, -50%);)  transform: translate(-50%, -50%);}
.in-about .l:hover:after{ -webkit-animation: circle .75s; animation: circle .75s; }
.in-about .l:hover .img img{ -ms-transform:scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.in-about .r {width: 560px;}
.in-about .r .bigtext{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:40px 0; }
.in-about .r .text{ line-height: 200%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical; margin:20px 0; }
.more{ display: block; float:left; background-color:#4d5fe3; border-radius: 10px; color: #fff; margin-top: 100px; position: relative; overflow: hidden}
.more span{ display: block; color: #fff; padding:15px 40px; position: relative; z-index: 2}
.more:after{ content: ""; display: block; width: 100%; height: 100%; background-color: #1c1e27; position: absolute; top:0;-webkit-transform: translate(0, -100%);)  transform: translate(0, -100%);transition: all .2s; -webkit-transition: all .2s;}
.more:hover:after{color: #fff;-webkit-transform: translate(0, 0);)  transform: translate(0, 0);  }

/*首页产品*/
.in-pro .bigtext{ margin-top:10px;}
.in-pro ul{ width: 100%; margin: 40px 0; height: 670px;}
.in-pro ul li{ width: 295px; border-radius: 10px; overflow: hidden; position: relative; float: left;margin-right:40px; margin-bottom: 40px; box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);}
.in-pro ul li:nth-child(4n){ margin-right: 0;}
.in-pro ul li .img{ width: 100%; height: 200px; overflow: hidden; position: relative;}
.in-pro ul li .img img{ width: 100%; height: 100%; object-fit: cover }
.in-pro ul li .img::before{display: block; content: ""; position: absolute; border-radius: 50%;width: 0; height: 0; background-color: rgba(255, 255, 255, 0.2); top:50%; left:50%;-webkit-transform: translate(-50%, -50%);)  transform: translate(-50%, -50%); z-index: 2}
.in-pro ul li .type{ width: auto; position: absolute; right:10px; top:10px; color: #fff; padding:5px 10px; z-index: 2; background-color: #4d5fe3; border-radius: 10px; font-size: 12px}
.in-pro ul li .info{ padding: 20px; overflow: hidden}
.in-pro ul li .fontbold{ line-height: 35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in-pro ul li .star{ margin-top: 5px;}
.in-pro ul li:hover .img::before{  -webkit-animation: circle 1.5s; animation: circle  1.5s;}
.in-pro ul li:hover .img img{ -ms-transform:scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }

/*首页留言*/
.in-message{ width: 100%; height: 742px; position:relative;}
.in-message .bg{ width: 100%; height: 600px; background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/ly-bg.jpg); background-attachment:fixed; background-size: cover; background-position: top center;}
.in-message .l{ margin-top: 120px; width: 630px;}
.in-message .l h2,.in-message .l .by{ color: #fff}
.in-message .bigtext{ margin-top: 20px; height: 425px; overflow: hidden;}
.in-message .bigtext p{ color: #fff}
.in-message .l .bottom p{ margin-bottom: 10px;}
.in-message .l .bottom span{ color: #ccc;}
.in-message .l .bottom{ border-bottom:1px solid #e0e2e9; background: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/in-messageico.png) left center no-repeat;padding: 36px 0 36px 125px;}
.in-message form{ background-color: #fff; border-radius: 10px; padding:50px; margin-top: 120px; width: 350px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);}
.in-message form input,.in-message textarea{ width: 318px; overflow: hidden; background-color: #f1f2f6; height: 60px; line-height: 60px; margin-bottom: 10px; border:none; border-radius: 10px; padding:0 20px;resize: none; outline: medium}
.in-message textarea{ height: 130px;}
.in-message .submit{ width: auto;  background-color:#4d5fe3; padding:0 40px; margin-top: 0 }
.in-message form p{ font-size: 20px; margin-bottom: 40px;}

/*首页课程分类*/
.in-classfl{ overflow: hidden;position: static;}
.in-classfl .swiper-slide{ height: 360px; overflow: hidden; border-radius: 10px; position: relative}
.in-classfl .swiper-slide img{ width: 100%; height: 100%; object-fit: cover}
.in-classfl .swiper-slide .text{ position: absolute; bottom:20px; left:20px;}
.in-classfl .swiper-slide .text span{ display: block; width: 70px; height: 35px; color: #aeb2c2; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background-color: #1d1f28; border-top-left-radius: 10px; border-top-right-radius: 10px;padding:0 20px;}
.in-classfl .swiper-slide .text p{ padding:0 20px; background-color: #4e60e3; color: #fff; height: 45px; line-height: 45px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;width: 120px;}
.in-classfl .swiper-pagination{ position: static; margin-top: 20px; }

/*客户反馈*/
.say{ width: 100%; height: 600px; background: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/say-bg.jpg) center top repeat-x; overflow: hidden;}
.say .title{ padding-top: 100px; margin-bottom: 50px;}
.say .title h2,.say .title div,.say .title div p{ color: #fff;}
.say .title div{ margin-top: 10px; }
.say-container{ overflow: visible;}
.say-container .swiper-slide{ background-color: #fff; border-radius: 10px ;overflow:hidden; padding:40px; width: 326px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);}
.say-container .swiper-slide .top{ margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.say-container .swiper-slide .text{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 200%; font-size: 14px;}
.say-container .swiper-slide .bottom{ overflow: hidden; margin-top: 20px;}
.say-container .swiper-slide .bottom .img{ border-radius: 50px; width: 60px ;height: 60px; background-color: #cccccc; margin-right: 20px; overflow: hidden;}
.say-container .swiper-slide .bottom .img img{ width: 100%; height: 100%; object-fit: cover;}
.say-container .swiper-slide .bottom .name{ margin-top: 10px; margin-bottom: 5px;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.say-container .swiper-slide .bottom .job{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.say .swiper-pagination{ position: static; margin-top: 30px;}

/*首页选择我们*/
.choose{ width: 100%; overflow: hidden; position: relative; height: 840px;}
.choose .r{ width: 50%; height: 100%; overflow: hidden; position: absolute; top:0; right:0;}
.choose .r .img{ width: 100%; height: 550px; overflow: hidden; border-top-left-radius: 10px;  border-bottom-left-radius: 10px; margin-top: 120px;}
.choose .r .img img{ width: 100%; height: 100%; object-fit: cover;}
.choose .r span{border-top-left-radius: 10px;  border-bottom-left-radius: 10px; display: block; height: 100%; width: 100%; background-color: #f0f1f5; position: absolute; top:0; left:120px; z-index: -1; }
.choose .l{ width: 480px; margin-top: 110px;}
.choose .l div{ margin-top: 20px;}
.choose .l .text{ line-height: 200%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 13;  line-clamp: 13;  -webkit-box-orient: vertical;}

/*首页新闻*/
.in-news{ overflow: hidden;}
.innews-container{ margin:50px auto;}
.innews-container .swiper-slide a{ display: block;}
.innews-container .swiper-slide{ width: 100%; overflow: hidden; border:1px solid #dee0e7; border-radius: 10px; box-sizing: border-box;}
.innews-container .swiper-slide .img{ width: 100%; height: 240px; overflow: hidden; position: relative}
.innews-container .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover}
.innews-container .swiper-slide .text{ padding:20px; line-height: 200% ;}
.innews-container .swiper-slide .text .nr{ text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden; }
.innews-container .swiper-slide .text .name{ font-size: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px;}
.innews-container .swiper-pagination{ position: static; margin-top: 20px;}
.innews-container .swiper-slide:hover img{ -ms-transform:scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
.innews-container .swiper-slide .img::before{display: block; content: ""; position: absolute; border-radius: 50%;width: 0; height: 0; background-color: rgba(0, 0, 0, 0.2); top:50%; left:50%;-webkit-transform: translate(-50%, -50%);)  transform: translate(-50%, -50%); z-index: 2}
.innews-container .swiper-slide:hover .img::before{  -webkit-animation: circle 1.5s; animation: circle  1.5s;}

/*通用底部*/
.foot{ width: 100%; background: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/footer-v1-bg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.foot ul{ overflow: hidden;}
.foot ul li{float:left; margin-right: 100px;max-width: 366px;}
.foot ul li:last-child{margin-right: 0}
.foot ul li p{ color: #fff; margin-bottom: 40px;}
.foot ul li a{ display: block; color: #969ba9; line-height: 30px;}
.foot ul li a:hover{ color: #f3cb5d;}
.foot .tool{ margin-top: 10px; float: right;}
.foot .tool a{ float:left; border-radius: 50%; background-color: #0d0f13; width: 35px; height: 35px; margin:0 10px; position: relative;display: block; cursor: pointer; background-repeat: no-repeat; z-index: 2}
.foot .tool a i { display: block; width: 100%; height: 100%; cursor: pointer; background-repeat: no-repeat; position: relative; z-index: 2;}
.foot .tool a:first-child i{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/home-hover.png)}
.foot .tool a:last-child i{ background-image: url(//filecdn.ify.cn/skin/jyxytgmb10112/img/like-hover.png)}
.foot .tool a:after{ content: ""; width: 100%; height: 100%; position: absolute; top:50%;left:50%; margin-top: -17.5px; margin-left: -17.5px; display: block; background-color: #4d5fe3; border-radius: 50%;-ms-transform:scale(0,0);  -webkit-transform: scale(0,0);  transform: scale(0,0); transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);transform-origin:center;-ms-transform-origin:center;  -webkit-transform-origin:center;z-index: -1;}
.foot .tool a:hover:after{-ms-transform:scale(1,1);  -webkit-transform: scale(1,1);  transform: scale(1,1);}

/*内页banner*/
.nei-banner{ height: 339px;}

/*当前位置*/
.now{ overflow: hidden; margin-top: -50px; position: relative; z-index: 1}
.now .box{ border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff; padding:10px 20px; line-height: 30px;color: #666}
.now .box a{color: #666}

/*内页通用*/
.main{ overflow:hidden;}
.nei-nav{ margin:40px 0; overflow: hidden}
.nei-nav li{ float:left; width: auto; overflow: hidden; border-radius: 10px; margin:10px;}
.nei-nav li a{ line-height: 40px; padding:0 10px;}
.nei-nav li.on{background-color:#4d5fe3; }
.nei-nav li.on a{ color: #fff; }
.nei-nav li:hover{ background-color: #4d5fe3; }
.nei-nav li:hover a{ color: #fff; }

/*关于我们*/
.about{ width: 100%; overflow: hidden; line-height: 200%}

/*产品内页*/
.pro .l{ width: 886px; border-radius: 10px; overflow: hidden; border:1px solid #e0e2e9; }
.pro .l .img{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.pro .l .img img{ width: 100%; height: 100%; object-fit: cover;}
.pro .l .img span{ position: absolute; z-index: 1; right: 10px; top:10px; background-color: #4d5fe3; color: #fff; padding:5px 10px; border-radius: 10px;}
.pro .l .img:hover img{ -ms-transform:scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
.pro .l .img::before{display: block; content: ""; position: absolute; border-radius: 50%;width: 0; height: 0; background-color: rgba(0, 0, 0, 0.4); top:50%; left:50%;-webkit-transform: translate(-50%, -50%);)  transform: translate(-50%, -50%); z-index: 2}
.pro .l .img:hover::before{  -webkit-animation: circle 1.5s; animation: circle  1.5s;}
.pro .l .row{ padding:50px;}
.pro .l .row h1.title{ font-size: 20px; margin-bottom: 10px;}
.pro .l .row .line{ width: 100%; height: 1px; background-color:#e0e2e9; margin: 40px 0; }
.pro .l .row .info{ line-height: 200% }
.pro .r{ width: 370px; overflow: hidden;  }
.pro .r .top{ border:1px solid #e0e2e9; border-radius: 10px; overflow: hidden; }
.pro .r .jump{ width: 100%; overflow: hidden;background-color: #f1f2f6;}
.pro .r .jump .more{ margin:40px auto; float: none;width: 136px;}
.pro .r .infomessage{ padding: 10px 40px; overflow: hidden}
.pro .r .infomessage li{ border-bottom:1px solid #e0e2e9; overflow: hidden; padding:20px 0; line-height: 40px;text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}
.pro .r .infomessage li:last-child{ border-bottom: 0;}
.pro .r .infomessage li img{ float:left; margin-right: 10px;}
.pro .r .recommendz{ border:1px solid #e0e2e9; border-radius: 10px; overflow: hidden; margin-top: 40px; padding: 20px 40px 0 40px; }
.pro .r .recommendz ul{ height: auto; margin:20px 0;}
.pro .r .recommendz ul li{ float: none}

/*新闻列表*/
.newslist .swiper-wrapper{ flex-wrap: wrap}
.newslist .swiper-slide{ width: 406px; margin-right: 38px; margin-bottom: 38px;}
.newslist .swiper-slide:nth-child(3n){margin-right: 0}

/*联系我们*/
.contact .way{ height: 127px;}
.contact .way li{ margin-right: 30px; overflow: hidden; padding:30px 40px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%); float:left; border-radius: 10px;width: 331px; border:1px solid #fff;}
.contact .way li:last-child{ margin-right: 0}
.contact .way li .img{ width:65px; height: 65px; border-radius: 50%; float:left; overflow:hidden; background-color: #f1f2f6; position: relative; margin-right: 20px;}
.contact .way li .img img{ position: absolute; top:50%; left:50%; z-index: 2; display: block;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.contact .way li .img .icohover{ display: none;}
.contact .way li .img:after{content: ""; position: absolute; top:50%; left:50%;transform: scale(0,0); transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); background-color: #4d5fe3; width: 100%; height: 100%; border-radius: 50%; margin-top: -32.5px; margin-left: -32.5px; z-index: 1}
.contact .way li:hover .img:after{transform: scale(1,1);}
.contact .way li:hover .ico{ display: none}
.contact .way li:hover .icohover{ display: block}
.contact .way li p{ margin-top:10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 5px;}
.contact .row{margin:100px 0 40px 0; overflow: hidden; width: 100%}
.contact .row .map{ background-color: #f1f2f6; border-radius: 10px; width: 500px; overflow: hidden; height: 426px;}
.contact form{ width: 770px; overflow:hidden; float:right; }
.contact form input{  height: 60px; line-height: 60px; background-color: #f1f2f6; border-radius: 10px; border:none; outline: medium; padding:0 20px; margin: 8px; width: 200px;}
.contact form input#ZDY_text3{ margin-right:0;}
.contact form textarea{background-color: #f1f2f6; border-radius: 10px; border:none; outline: medium; padding: 10px 20px; resize: none; margin:8px; width: 721px; height: 150px;}
.contact form .submit{ background-color: #4d5fe3}
.contact form p{ margin:20px 8px; font-size: 18px;}

/*页码*/
.pagenum{ width: 100%; margin:0 auto; display: flex; justify-content: center; line-height: 32px; color: #9FA2AA; outline: medium;}
.pagenum .on{ background: #3990FF; color: #fff;}
.pagenum span{ height: 32px; line-height: 32px; background: #f5f5f5; font-size: 14px;color: #9FA2AA;text-align: center;display: block;float:left;border-radius: 2px;margin:4px;padding:0 10px;}
.pagenum .ellipsis{background: none;}
.pagenum span img{display: block;width: 8px;height: 13.3px;margin-top: 10px;margin-left: 12px;}
.pagenum input{width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 2px;border: 1px solid #f5f5f5;outline: medium;background: none;margin:4px;padding:0 5px;color: #9FA2AA;}
.JZD_PAGE_GONG,.JZD_PAGE_ZHUANGDAO{padding-right:0 !important;}
.JZD_PAGE_TIAOJILU,.JZD_PAGE_SELECT_YE{padding-left:0 !important;}
.JZD_PAGE_GONG,.JZD_PAGE_ZONGSHU,.JZD_PAGE_DANGQIANYE,.JZD_PAGE_XIEGANG,.JZD_PAGE_ZHONGYE,.JZD_PAGE_SELECT {margin:4px 0 !important;}
.JZD_PAGE_TIAOJILU,.JZD_PAGE_YE,.JZD_PAGE_SELECT_YE{margin-left:0 !important;}
.JZD_PAGE_ZONGSHU,.JZD_PAGE_DANGQIANYE,.JZD_PAGE_XIEGANG,.JZD_PAGE_ZHONGYE,.JZD_PAGE_SELECT{padding:0 !important;}
.JZD_PAGE_YECI,.JZD_PAGE_ZHUANGDAO{margin-right: 0 !important;}
.JZD_PAGE_SELECT select{border:none;background: none;}
.JZD_PAGE_YECI{padding-right:5px !important;}
.JZD_PAGE_YE{padding-left:5px !important;}
.JZD_PAGE_XIEGANG{padding:0 5px !important;}

/*产品内页*/
.proinfo{ overflow:hidden; line-height: 200%}
.proinfo h2{ font-size: 20px; color: #333; margin-bottom: 10px;}
.proinfo .title{ border-bottom:1px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 20px;}
.nei-pages{ width: 100%; margin-top: 20px;}
.nei-pages .shang,.nei-pages .xia{ border-radius: 4px; background-color:#4d5fe2; color: #fff;  margin: 10px 0; display: table; padding:0 20px;line-height: 35px; }
.nei-pages .shang a,.nei-pages .xia a{ display: block; color: #fff;line-height: 35px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; float:left; }
.nei-pages span{ float:left;line-height: 35px; }
.left-newslist a{ color: #333}

/*VRHF*/
.vrhf{ width: 100%;height: 300px;	background: #000; cursor:pointer}
.vrhf .text{ position: absolute;z-index: 2;	color: #fff;width: 100%;height: 300px;line-height: 300px;font-size: 30px;text-align: center;letter-spacing: 10px;}
.vrhf .iframe{width: 100%;border: none;height: 100%;object-fit: cover;}

@keyframes circle
{
    from {width: 0; height: 0}
    to { width: 1000px; height: 1000px; opacity: 0}
}

@-webkit-keyframes circle /* Safari 与 Chrome */
{
    from {width: 0; height: 0}
    to { width: 1000px; height: 1000px;opacity: 0}
}