/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} 
body{ font-family:"Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}
a, img { -webkit-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-o-transition: .3s; transition: .3s;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;-webkit-appearance: none;} /*去除右下角拖动边框标�?/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wp{width:96%;max-width:1500px;margin:0 auto}
.wrap{width:96%;max-width:1400px;margin:0 auto}


/* public style */
.head{background-color: #253B5C;line-height: 110px;}
.logo{float: left;margin-right: 45px;}
.nav{float: left;width: 60%;}
.nav ul{overflow: hidden;}
.nav ul li{float: left;width: 11%;margin-left: 6%; text-align: center;position: relative;}
.nav ul li.nav-index{width: 8%;}
.nav ul li:after{content: "";position: absolute;left: 0;bottom: -4px;width: 100%;height: 4px;background-color: #FC7449;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-ms-border-radius: 4px 4px 0 0;-o-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.nav ul li.on:after,.nav ul li:hover:after{bottom:0;}
.nav ul li.on a,.nav ul li:hover a{color: #fc7449;}
.nav ul li a{display: block; color: #FFF;font-size: 18px;}
.top-tel{float: right;background: url(/template/images/top-tel.png) no-repeat left center;line-height: 1.2;padding-left: 40px;margin-top: 25px;}
.top-tel span{display: block;background: url(/template/images/top-line.png) no-repeat left bottom;color: #FFF;font-size: 16px;padding-bottom: 6px;margin-bottom: 5px;}
.top-tel p{color: #fc7449;font-size: 20px;font-weight: bold;letter-spacing: 1px;}
.top-tel p strong{font-size: 26px;}

.navBtn{display: none;float: right;cursor: pointer;}


.banner{background: url(/template/images/ban-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.banner .wrap{position: relative;}
.ban-fl{float: left;width: 63%;left:-13%;position: absolute;bottom: 0;padding-right: 20px;}
.ban-fl a{display: block;}
.ban-fl a:hover img{-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);-webkit-transform: scale(1.02);transform: scale(1.02);}
.ban-fl .ban02{display: none;}


.ban-fr{float: right;width: 50%;padding:116px 0 112px 60px;}
.ban-txt{display: block;line-height: 1.1;color: #FFF;font-size: 60px;font-weight: bold;}
.ban-txt:hover{color: #FC7449;}
.ban-fr ul{font-size: 0;margin: 48px 0 68px -5%;}
.ban-fr ul li{display: inline-block;width: 45%;margin-left: 5%; line-height: 69px;text-align: center; color: #FFF;font-size: 24px;background: url(/template/images/data-bg.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.ban-fr ul li strong{color: #ff9d7f;}
.ban-fr p{color: #e8e8e8;font-size: 22px;padding-left: 40px;position: relative;line-height: 1.1;margin-bottom: 40px;}
.ban-fr p:before{content: "";position: absolute;left: 0;top: 11px;width: 20px;height: 4px;background-color: #fc7449;}
.ban-btn{line-height: 60px;color: #87abe0;font-size: 24px;margin-top: 66px;}
.ban-btn a{display: inline-block;background-color: #FC7449;border:6px solid rgba(252,116,73,.2);color: #ffffff;font-size: 24px;position: relative;margin-left: 95px;padding:0 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px; background-clip: padding-box;}
.ban-btn a:before{content: "";position: absolute;left: -80px;top: 22px;width: 16px;height: 16px;background-color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border:4px solid #fc7449;}
.ban-btn a:after{content: "";position: absolute;left: -66px;top: 29px;width: 80px;height: 1px;border-top:1px dashed #fc7449;}
.ban-btn a:hover{color: #223655;}


.footer{background-color: #121f33;line-height: 30px;padding: 25px 0;text-align: center;color: #e8e8e8;font-size: 18px;}
.footer a{display: inline-block; color: #e8e8e8;margin-left: 20px;}
.footer a:hover{color: #fc7449;}


.fix-show{position: fixed;right: 10px;top: 30%;z-index: 9999;display: block;background: url(/template/images/fix-bg.png) no-repeat;width: 136px;height: 350px;padding: 130px 4px 0;}
.fix-show p{color: #FFF;font-size: 17px; line-height: 30px;margin-top: 6px;}
.fix-show p:before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 2px;background-color: #fff;margin-right: 6px;margin-top: -5px;}
.fix-show a{display: block;font-size: 18px; color:#FFF;background-color: #fc7449; width:112px;height:28px;line-height: 26px;text-align: center; margin: 14px auto;-webkit-border-radius: 28px;-moz-border-radius: 28px;-ms-border-radius: 28px;-o-border-radius: 28px;border-radius: 28px;}
.fix-show a:hover{background-color: #294166;}
#totop{text-align: center;color: #FFF;font-size: 17px;line-height: 40px; margin-top: 24px;cursor: pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#totop:after{ content: "";display: inline-block;vertical-align: middle;width: 10px;height: 14px;background: url(/template/images/fix-icon01.png) no-repeat;margin-left: 6px;margin-top: -3px;}
#totop:hover{color: #fc7449;}
#totop:hover:after{background-image: url(/template/images/fix-icon02.png);}

.fix-top{display: none;}
.fix-day{position: fixed;left:0;right:0;bottom: 0;margin:0 auto;max-width: 768px;background: url(/template/images/foot-bg01.png) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;padding:24px 0 6px;display: none;z-index: 99999;padding-bottom: env(safe-area-inset-bottom);}
.fix-day a{color: #FFF;line-height: 1.3;}
.fix-day a.zx{float: left; width: 52%;text-align: center;padding-top: 20px;font-size: 18px;}
.fix-day a.zx:before{content: '';display: inline-block;vertical-align: middle; margin-top:-2px;margin-right:6px;width:20px;height:20px;background: url(/template/images/foot-icon01.png) no-repeat left center;}
.fix-day a.bd{display: block;overflow: hidden;position: relative;padding-left: 45px;font-size: 16px;}
.fix-day a.bd:before{content: '';position: absolute;left:15px;top:11px; width:22px;height:27px;background: url(/template/images/foot-icon03.png) no-repeat left center;}
.fix-day a.bd strong{display:block;font-size: 24px;}
.fix-day a.bd strong i{font-size: 16px;font-weight: normal;}

.fix-night{position: fixed;left:0;right:0;bottom: 0;margin:0 auto;max-width: 768px;max-height:136px;background: url(/template/images/foot-bg02.png) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;padding:24px 0 6px;color: #FFF;line-height: 1.4;font-size: 16px;display: none;z-index: 99999;}
.fix-night p{float: left; width: 56%;padding-left: 40px;padding-top: 26px;}
.fix-night a.ly{color: #FFF;display: block;overflow: hidden;padding-left: 80px;}
.fix-night a.ly:before{content: '';display: inline-block;vertical-align: middle; margin-top:-2px;margin-right:6px;width:20px;height:20px;background: url(/template/images/foot-icon02.png) no-repeat left center;}
.fix-night a.ly strong{display:inline-block;font-size: 24px;}
.fix-night a.ly i{display: block;padding-left: 12px;}


/* index style */
.index-pro{background: url(/template/images/index-bg01.png);padding: 80px 0;}
.index-txt{text-align: center;margin-bottom: 80px;}
.index-txt h1{color: #1f314c;font-size: 42px;position: relative;line-height: 1.1;padding-bottom: 26px;}
.index-txt h1:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 80px;height: 6px;background-color: #fc7449;margin: 0 auto;}
.index-txt h2{color: #1f314c;font-size: 40px;position: relative;line-height: 1.1;padding-bottom: 26px;}
.index-txt p{color: #666666;font-size: 20px;line-height: 2;}



.pro-fl{float: left;width: 46%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.pro-fl:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.list-pic a{display: block;position: relative;padding-top: 89.1%;}
.list-pic a img{position: absolute;left: 0;top: 0;width: 100%;}
.index-pro .list-txt{padding:30px 28px;margin: -50px 80px 0 30px;position: relative; background: url(/template/images/line-bg01.png);-webkit-box-shadow: 0 6px 10px rgba(20,33,51,.05);-moz-box-shadow: 0 6px 10px rgba(20,33,51,.05);-ms-box-shadow: 0 6px 10px rgba(20,33,51,.05);-o-box-shadow: 0 6px 10px rgba(20,33,51,.05);box-shadow: 0 6px 10px rgba(20,33,51,.05);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.index-pro .list-txt h3 a{display: block;color: #333;font-size: 26px;line-height: 1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro .list-txt h3 a:hover{color: #FC7449;}
.index-pro .list-txt p{color: #4c4c4c;font-size: 20px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 15px;}
.index-pro .list-txt p strong{font-weight: bold;}
.pro-more{position: absolute;right: -80px;bottom: 26px;width: 120px;height: 42px;line-height: 42px;text-align: center; background-color: #335280;color: #FFF;font-size: 20px;-webkit-border-radius: 42px;-moz-border-radius: 42px;-ms-border-radius: 42px;-o-border-radius: 42px;border-radius: 42px;}
.pro-more:hover{background-color: #FC7449;}

.pro-fr{float: right;width: 48%;}
.pro-fr li{position: relative;margin-bottom: 40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.pro-fr li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.pro-fr li .list-pic{width: 67.2%;}
.pro-fr li .list-pic a{padding-top: 66.7%;}
.pro-fr li .list-txt{position: absolute;right: 0;bottom:20px;width: 48%;}
.pro-fr li .list-txt p{height: 60px;white-space: initial;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pro-fr li .pro-add{position: absolute;right: 0;bottom: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;color: #FFF;font-size: 30px;font-weight: bold;background-color: #335280;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-ms-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;border-radius: 10px 0 10px 0;}
.pro-fr li .pro-add:hover{background-color: #FC7449;}


.index-case{background-color: #f0f3f7;padding: 80px 0 100px;}
.index-case ul{margin-left: -4%;}
.index-case li{float: left;width: 46%;margin-left: 4%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.index-case li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.index-case li:hover .list-txt h3 a{color: #FC7449;}
.index-case li .list-pic{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;overflow: hidden;}
.index-case li .list-pic a{padding-top: 53.3%;}
.index-case li .list-txt{margin: -50px 30px 0 30px;padding:20px 170px 20px 30px;position: relative; background: url(/template/images/case-listbg01.png);-webkit-box-shadow: 0 6px 10px rgba(20,33,51,.05);-moz-box-shadow: 0 6px 10px rgba(20,33,51,.05);-ms-box-shadow: 0 6px 10px rgba(20,33,51,.05);-o-box-shadow: 0 6px 10px rgba(20,33,51,.05);box-shadow: 0 6px 10px rgba(20,33,51,.05);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.index-case li .list-txt h3 a{font-size: 24px;margin-bottom: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-case li .list-txt p{font-size: 18px;color: #666;margin-top: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-case li .list-txt p strong{color: #4c4c4c;}
.case-more{position: absolute;right:0;bottom: 26px;width: 140px;height: 52px;line-height:52px;text-align: center; background-color: #335280;color: #FFF;font-size: 20px;-webkit-border-radius: 52px 0 0 52px;-moz-border-radius: 52px 0 0 52px;-ms-border-radius: 52px 0 0 52px;-o-border-radius: 52px 0 0 52px;border-radius: 52px 0 0 52px;}
.case-more:hover{background-color: #FC7449;}



.index-video{background: url(/template/images/line-bg02.png);}
.index-video video{width: 100%;height: auto;}
.video-fl{float: left;width: 57.3%;position: relative;z-index: 2;}


.video-play{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;cursor: pointer;}
.video-play img{position: absolute;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;cursor: pointer;z-index: 99;}
.index-video .wrap{position: relative;}
.video-fr{float: right;width: 36%;padding-bottom: 120px;}
.video-txt{display: block; color: #FFF;font-size: 40px;font-weight: bold; line-height: 1.1;margin: 58px 0 20px;}
.video-fr p{color: #cfcfcf;font-size: 20px;line-height: 1.7;}
.video-fr ul{border-top:1px solid #294066;margin-top: 40px;}
.video-fr ul li{border-bottom:1px solid #294066;color: #7a9acc;font-size: 20px;padding:24px 0 30px;}
.video-fr ul li strong{display: block; font-size: 24px;font-weight: bold;line-height: 1.2;}
.video-btn{display: inline-block;color: #FFF;font-size: 28px; background: url(/template/images/btn-video.png) no-repeat;width: 348px;height: 90px;text-align: center;line-height: 108px;position: absolute;bottom: 0;right: 0;}
.video-btn:after{content: '';display: inline-block;vertical-align: middle; width: 36px;height: 24px;background: url(/template/images/btn-arrow.png) no-repeat;margin-left: 12px;margin-top: -6px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.video-btn:hover:after{margin-left: 20px;}

.index-news{background: url(/template/images/index-bg01.png);padding: 80px 0 100px;}
.news-fl{float: left;width: 45%;}
.news-fr{float: right;width: 45%;}
.news-txt{margin-bottom: 60px;}
.news-txt .link{background: url(/template/images/news-icon01.png) no-repeat left center;color: #333;font-size: 30px;font-weight: bold; line-height: 1.1;padding-left: 42px;}
.news-txt .link:hover{color: #FC7449;}
.news-txt .more{float: right;color: #333;font-size: 18px;}
.news-txt .more:hover{font-weight: bold;}
.index-news li{padding-left: 22px;position: relative;margin-top: 44px;}
.index-news li:before{content: "";position: absolute;left: 0;top: 7px;width: 11px;height: 11px;border:2px solid #fc7449;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.news-name{line-height: 24px;}
.news-name a{color: #333;font-size: 20px;font-weight: bold; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news li:hover .news-name a{color: #FC7449;}
.news-name span{float: right;width: 105px;text-align: right; color: #666;font-size: 18px;}
.index-news li p{color: #666;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.1;margin-top: 24px;}


.index-about{background: url(/template/images/index-bg02.jpg) no-repeat;padding: 84px 0 60px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.about-txt{padding-left: 29%;margin-bottom: 48px;}
.about-txt strong{display: block;color: #FFF;font-size: 44px;line-height: 1.2;}
.about-txt p{color: #FFF;font-size: 20px;line-height: 1.2;margin-top: 26px;}

.about-step{position: relative;z-index: 0;}
.about-step:before{content: "";position: absolute;left: 100px;right:0;top: 0;bottom:0;background: url(/template/images/index-bg01.png);-webkit-border-radius: 280px 10px 10px 0;-moz-border-radius: 280px 10px 10px 0;-ms-border-radius: 280px 10px 10px 0;-o-border-radius: 280px 10px 10px 0;border-radius: 280px 10px 10px 0;z-index: -2;}
.about-step:after{content: "";position: absolute;left: 125px;right:25px;top: 25px;bottom:25px;border:2px dashed #f7b39c;-webkit-border-radius: 280px 10px 10px 0;-moz-border-radius: 280px 10px 10px 0;-ms-border-radius: 280px 10px 10px 0;-o-border-radius: 280px 10px 10px 0;border-radius: 280px 10px 10px 0;z-index: -1;}
.about-ren{position: absolute;left: -32px;bottom: -60px;width: 439px;z-index: 20;}
.about-step ul{padding:80px 56px 80px 390px;position: relative;}
.about-step ul:before{content: "";position: absolute;right: 108px;bottom: 130px;width: 813px;height: 49px;background: url(/template/images/about-line.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;z-index: -1;}
.about-step ul li{float: left;width: 20%;margin-left: 5%; height: 200px;background: url(/template/images/about-step.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;text-align: center;color: #FFF;padding-right: 14px;}
.about-step li span{display: block;width: 50px;height: 50px;line-height: 39px;text-align: center; background-color: #f5f7fa; border: 5px solid rgba(245,247,250,.2);-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;background-clip: padding-box;color: #fc7449;font-size: 20px;margin: 20px auto;}
.about-step li strong{display: block;color: #FFF;font-size: 22px;line-height: 1.2;margin: 40px auto 8px;}
.about-step li p{color: #d9d9d9;font-size: 18px;line-height: 1.1;}

.index-link{background-color: #1b2f4d;padding: 24px 0;font-size: 16px;line-height: 2;}
.index-link span{float: left;width: 100px;color: #cfcfcf;}
.index-link p{display: block;overflow: hidden;font-size: 0;}
.index-link p a{display: inline-block;font-size: 16px;color: #cfcfcf;margin-right: 20px;}
.index-link p a:hover{color: #fc7449;}


/* about style */
.place-show{position: relative;}
.place-show img{width: 100%;max-height: 410px;min-height:300px;-webkit-object-fit: cover;object-fit: cover;vertical-align: middle;}
.place-main{position: absolute;left: 0;right: 0;top:0;color: #FFF;max-width: 1400px;margin:32px auto;}

.place-base{line-height: 24px;font-size: 14px;}
.place-base span{display: inline-block;color: #FFF;}
.place-base ol {display: inline-block;}
.place-base li{display: inline-block;color: #FFF;line-height: 1.2;}
.place-base li i{color: #FFF;}
.place-base li a{color: #FFF;}
.place-base li a:hover{color: #FF6D34;}


.place-txt{text-align: center;margin-top:100px;}
.place-txt h1{color: #FFF;font-size: 42px;position: relative;line-height: 1.1;padding-bottom: 26px;margin-bottom: 20px;}
.place-txt h1:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 80px;height: 6px;background-color: #fc7449;margin: 0 auto;}
.place-txt p{color: #FFF;font-size: 20px;line-height: 2;}

.place-about{text-align: left;margin-top:90px;}
.place-about h1{padding-bottom: 0;}
.place-about h1:after{display: none;}


.about-video{position: absolute;top:-100px;right: 0;width: 1000px;-webkit-border-bottom-left-radius: 50px;-moz-border-bottom-left-radius: 50px;-ms-border-bottom-left-radius: 50px;-o-border-bottom-left-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;}
.about-video:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.2);}
.about-video span{position: absolute;left: 50%;top: 50%; width: 72px;height: 72px;margin-left: -36px;margin-right: -36px;cursor: pointer;z-index: 10;}

.popu-video{position: fixed;left: 0;top: -100%;width: 100%;height: 100%;-webkit-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;opacity: 0;filter: alpha(opacity=0);z-index: 9999;}
.popu-video.open {top: 0;opacity: 1;filter: alpha(opacity=100);}
.popu-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.popu-video .video-show {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;width: 92%;max-width: 1000px;}
.popu-video .video-show video { display: block;width: 100%;height: auto;}
.popu-video .video-close {position: absolute;right: 0;top: -50px;font-size: 40px;line-height: 1;color: #FFF;cursor: pointer;font-weight: 400;font-style: normal;}

.about-intro{position: relative;padding: 80px 0;background: url(/template/images/about-bg01.png);}
.about-intro .about-name{width: 41%;}
.about-name h2{color: #1f314c;font-size: 40px;font-weight: bold;line-height: 1.1;border-left:8px solid #fc7449;padding-left: 20px;margin-bottom: 40px;}
.about-name p{color: #666666;font-size: 18px;line-height: 2;}


.about-intro ul{margin-top: 130px;}
.about-intro li{float: left;width: 25%;height:234px;background: url(/template/images/about-intro.png) no-repeat;text-align: center;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; color: #666666;font-size: 24px;line-height: 1.1;}
.about-intro li img{display: block;margin: 60px auto 30px;}


.about-ability{background: url(/template/images/about-bg02.png) no-repeat bottom center #1f314d;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; padding: 90px 0 70px;}
.ability-fl{float: left;width: 46.5%;}
.about-ability .pic01{position: relative;margin-right: 20px;z-index: 0;}
.about-ability .pic01 img{width: 100%;height: auto;-webkit-border-radius: 10px 50px 10px 10px;-moz-border-radius: 10px 50px 10px 10px;-ms-border-radius: 10px 50px 10px 10px;-o-border-radius: 10px 50px 10px 10px;border-radius: 10px 50px 10px 10px;}
.about-ability .pic01:before{content: "";position: absolute;left: 0;right:0;top: -20px;height: 100px;background-color: rgba(255,255,255,.18);-webkit-border-radius: 10px 50px 10px 10px;-moz-border-radius: 10px 50px 10px 10px;-ms-border-radius: 10px 50px 10px 10px;-o-border-radius: 10px 50px 10px 10px;border-radius: 10px 50px 10px 10px;z-index: -1;}
.about-ability .pic02{margin-top: 50px;}
.about-ability .pic02 img{width: 100%;height: auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}

.ability-fr{float: right;width: 49.2%;margin-top: 12px;}
.ability-fr h2{color: #FFF;}
.ability-fr p{color: #cfcfcf;}
.about-ability .pic03{position: relative;z-index: 0;margin-top: 90px;}
.about-ability .pic03 img{width: 100%;height: auto;-webkit-border-radius: 10px 10px 10px 50px;-moz-border-radius: 10px 10px 10px 50px;-ms-border-radius: 10px 10px 10px 50px;-o-border-radius: 10px 10px 10px 50px;border-radius: 10px 10px 10px 50px;}
.about-ability .pic03:before{content: "";position: absolute;left: 0;right:0;bottom: -20px;height: 100px;background-color: rgba(255,255,255,.18);-webkit-border-radius: 10px 10px 10px 50px;-moz-border-radius: 10px 10px 10px 50px;-ms-border-radius: 10px 10px 10px 50px;-o-border-radius: 10px 10px 10px 50px;border-radius: 10px 10px 10px 50px;z-index: -1;}


.about-honor{background: url(/template/images/about-bg03.png);padding: 60px 0;}
.about-honor .about-name p{margin-bottom: 15px;}
.about-honor .ban-btn{color: #335280;font-size: 20px;margin-top: 42px;}
.about-honor .ban-btn a{margin-left: 70px;padding: 0 46px;font-size: 22px;}
.about-honor .ban-btn a:before{left: -70px;}
.about-honor .ban-btn a:after{left: -56px;}
.honor-fl{float: left;width: 39%;margin-top: 90px;}
.honor-fr{float: right;width: 55%;}
.honor-fr ul{margin-left: -2%;}
.honor-fr ul li{float: left;width: 48%;margin-left: 2%;background-color: #FFF;-webkit-box-shadow:0 0 20px rgba(20,33,51,.15);-moz-box-shadow:0 0 20px rgba(20,33,51,.15);-ms-box-shadow:0 0 20px rgba(20,33,51,.15);-o-box-shadow:0 0 20px rgba(20,33,51,.15);box-shadow:0 0 20px rgba(20,33,51,.15);padding: 15px;margin-bottom: 15px;}
.honor-fr ul li img{width: 100%;height: auto;}


.about-nation{background: url(/template/images/about-bg04.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; padding: 80px 0;}
.about-nation h2{color: #FFF;font-size: 40px;text-align: center;}
.about-nation h2 span{display: inline-block;color: #fc7449;font-size: 32px;font-weight: bold;}
.nation-pic{margin-top: 60px;position: relative;}
.nation-pic img{width: 100%;height: auto;}
.nation-pic p{position: absolute;left:0;right:0;top:44px;width: 40%;margin: 0 auto;color: #e8e8e8;font-size: 22px;line-height: 1.8;text-align: center;}
.nation-pic p strong{display: block;font-size: 34px;margin-bottom: 10px;}

/* prolist style */
.pro-list{margin: 70px auto;}
.pro-list ul{margin-left: -1%;}
.pro-list li{float: left;width: 24%;margin-left: 1%;margin-bottom: 50px; position: relative;padding:0 24px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.pro-list li:before{content: "";position: absolute;left: 0;right:0;bottom: -15px;height: 215px;background: url(/template/images/pro-list01.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;z-index: -1;}
.pro-list li a{display: block;}
.pro-list li a.pic{position: relative;padding-top: 76%;}
.pro-list li a.pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.pro-list li a.txt{line-height: 60px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #2e4f80;font-size: 20px;font-weight: bold;text-align: center;}
.pro-list li a.txt:before{content: '';display: inline-block;vertical-align: middle;width: 12px;height: 12px;border:2px solid #2e4f80;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;margin-top: -3px;margin-right: 8px;}
.pro-list li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.pro-list li:hover:before{background-image: url(/template/images/pro-list02.png);}
.pro-list li:hover a.txt{color: #FFF;}
.pro-list li:hover a.txt:before{border-color: #FFF;}


/* prodetail style */
.inner-shows{background-color: #192940;position: relative;padding:36px 0 80px;z-index: 0;}
.inner-shows:before{content: "";position: absolute;left: 31%;right:0;top: 0;bottom:0;background: url(/template/images/line-bg02.png);z-index: -1;}
.inner-show{margin-top: 100px;}
.inner-fl{float: left;width: 50%;}
.inner-pic{position: relative;z-index: 0;}
.inner-pic:before{content: "";position: absolute;left: 20px;right:20px;top: -14px;bottom:-14px;background: rgba(246,246,246,.07);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19f6f6f6,endColorstr=#19f6f6f6);z-index: -1;}
.inner-pic:after{content: "";position: absolute;left: 40px;right:40px;top: -28px;bottom:-28px;background: rgba(246,246,246,.07);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19f6f6f6,endColorstr=#19f6f6f6);z-index: -1;}
.inner-pic img{width: 100%;}
.inner-pic img,.inner-pic:before,.inner-pic:after{-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.inner-fl p{margin-top: 55px;}
.inner-fl p span{display: inline-block;color: #e1e6ed;font-size: 16px;position: relative;padding-left: 34px;margin:0 32px;}
.inner-fl p span:before{content: '';position: absolute;left: 0;top: 4px; width: 34px;height: 27px;background: url(/template/images/pro-ico01.png) no-repeat;}

.inner-fr{float: right;width: 45%;}
.inner-fr h1{color: #ffffff;font-size: 38px;line-height: 1.2;margin-bottom: 26px;}
.inner-fr p{color: #cadefc;font-size: 18px;line-height: 1.9;}
.inner-fr ul{font-size: 0;margin: 36px 0 48px;}
.inner-fr ul li{display: inline-block;width: 239px;height:124px; background: url(/template/images/inner-data.png) no-repeat;text-align: center;color: #FFF;font-size: 24px;font-weight: bold;line-height: 1.6;margin-right: 30px;}
.inner-fr ul li span{color: #7a9bcc;font-size: 20px;display: block;margin-top: 26px;}
.inner-cont{margin-top: 50px;height: 96px;}
.inner-cont .cont01{float: left;background: url(/template/images/inner-cont01.png) no-repeat;width: 293px;height: 96px;line-height: 96px; color: #333;font-size: 22px;font-weight: bold;text-align: right;padding-right: 44px;}
.inner-cont .cont01:hover{color: #2f569b;}
.inner-cont .cont02{float: left;background: url(/template/images/inner-cont02.png) no-repeat;width: 259px;height: 96px;color: #FFF;font-size: 20px;line-height: 30px;margin-left: 48px;}
.inner-cont .cont02 i{display: inline-block; padding-left:100px;}
.inner-cont .cont02 a{display: block;color: #FFF;font-size: 30px;font-weight: bold;text-align: right;margin-top: 5px;}

.inner-nav{background: url(/template/images/inner-nav.png);-webkit-box-shadow: 0 6px 18px rgba(20,33,51,.15);-moz-box-shadow: 0 6px 18px rgba(20,33,51,.15);-ms-box-shadow: 0 6px 18px rgba(20,33,51,.15);-o-box-shadow: 0 6px 18px rgba(20,33,51,.15);box-shadow: 0 6px 18px rgba(20,33,51,.15);-webkit-border-radius: 0 0 20px 20px;-moz-border-radius: 0 0 20px 20px;-ms-border-radius: 0 0 20px 20px;-o-border-radius: 0 0 20px 20px;border-radius: 0 0 20px 20px;line-height: 120px;overflow: hidden;border: 1px solid #EEE;border-top:none;}
.inner-nav li{float: left;width: 25%;text-align: center;position: relative;}
.inner-nav li:before{content: "";position: absolute;left: -1px;top: 50%;width: 2px;height: 40px;margin-top: -20px; background-color: #e8e8e8;}
.inner-nav li:after{content: "";position: absolute;left: 0;right:0;bottom:-6px;width: 50px;height: 5px;background-color: #fc7449;margin: 0 auto;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-ms-border-radius: 4px 4px 0 0;-o-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.inner-nav li.on:before{display: none;}
.inner-nav li.on:after,.inner-nav li:hover:after{bottom: 0;}
.inner-nav li.on a,.inner-nav li:hover a{color: #355585;}
.inner-nav li a{display: block; color: #4c4c4c;font-size: 24px;font-weight: bold;}


.inner-main{margin-top: 70px;}
.main-fl{float: left;width: 66%;}
.main-fl h2{color: #355585;font-size: 30px;margin-bottom:26px;line-height: 36px;}
.main-fl h3{color: #355585;font-size: 30px;margin-bottom:26px;padding-left: 66px;position: relative;line-height: 36px;}
.main-fl h3:before{content: "";position: absolute;left: 0;top: 0;width: 62px;height: 36px;background: url(/template/images/pro-ico02.png) no-repeat;}

.mai-txt h2{color: #355585;font-size: 30px;margin-bottom:26px;padding-left: 66px;position: relative;line-height: 36px;}
.mai-txt h2:before{content: "";position: absolute;left: 0;top: 0;width: 62px;height: 36px;background: url(/template/images/pro-ico02.png) no-repeat;}
.mai-txt h3{color: #355585;font-size: 30px;margin-bottom:26px;line-height: 36px;}

.main-fl p{color: #666;font-size: 18px;line-height: 2;margin-bottom: 20px;}
.main-fl p img, .main-fl p video{max-width: 800px;width: 100%;height: auto;}
.main-fl p strong{color: #fc7449;font-size: 20px;}
.main-fl p a{color: #DA251D;padding: 0 4px;display: inline-block;}
.main-fl p a:hover{text-decoration: underline;}
.main-fl table{margin-bottom: 20px;}
.main-fl table td {padding: 5px 2px;word-break: break-all;}
.main-fl span.zxline{color: #ffffff;font-size: 18px;font-weight: bold;display: inline-block; width: 175px;height: 62px;line-height: 56px;text-indent: 12px; background: url(/template/images/point-bg.png) no-repeat;cursor: pointer;position: relative;margin-left: 4px;}
.main-fl span.zxline:hover{color: #335280;}
.main-fl span.zxline:after{content: "";position: absolute;right: 12px;top: 14px;width: 30px;height: 30px;background: url(/template/images/point-icon.png) no-repeat;-webkit-animation: zxIcon 1s ease-out infinite;animation: zxIcon 1s ease-out infinite;}
@-webkit-keyframes zxIcon {
    0%,100% {
        -webkit-transform:scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform:scale(1);
        transform: scale(1);
    }
}

@keyframes zxIcon {
    0%,100% {
        -webkit-transform:scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform:scale(1);
        transform: scale(1);
    }
}

.inner-slick{max-width: 800px;width: 100%;border:1px solid #bfbfbf;padding: 10px 10px 32px;margin: 0 auto 32px;}
.inner-slick .slick-slide{outline: none;}
.slick-pic img{width: 100%;height: auto;}
.slick-pic p{text-align: center;margin: 20px 0;}
.slick-tab .slick-slide img{border:2px solid transparent}
.slick-tab .slick-current img{border-color:#fc7449;}



.main-fr{float: right;width:24%;}
.rele-pro{background: url(/template/images/pro-txts.png);-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;text-align: center;margin-top: 30px;padding: 0 20px 30px;}
.rele-name{background: url(/template/images/pro-txt.png) no-repeat;width: 270px;height: 57px;line-height: 57px;text-align: center;color: #ffffff;font-size: 30px;font-weight: bold;margin: 0 auto;position: relative;top: -30px;}

.rele-pic{position: relative;padding-top: 73.3%;display: block;}
.rele-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.rele-txt{padding:0 6px;border:1px solid #EEE;height: 48px;line-height: 48px;background-color: #FFF;-webkit-border-radius: 48px;-moz-border-radius: 48px;-ms-border-radius: 48px;-o-border-radius: 48px;border-radius: 48px;margin: -26px 30px;display: block;color: #333;font-size: 18px; position: relative;-webkit-box-shadow: 0 6px 0 rgba(53,85,133,.2);-moz-box-shadow: 0 6px 0 rgba(53,85,133,.2);-ms-box-shadow: 0 6px 0 rgba(53,85,133,.2);-o-box-shadow: 0 6px 0 rgba(53,85,133,.2);box-shadow: 0 6px 0 rgba(53,85,133,.2);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rele-pro li{margin-bottom: 70px;}
.rele-pro li:hover .rele-txt{border-color:#355585;background-color: #355585;color: #FFF;}


.inner-case{margin-top: 100px;}
.inner-name{line-height: 1.1;margin-bottom: 50px;}
.inner-name strong{display: inline-block;color: #335280;font-size: 36px;}
.inner-name a{float: right;color: #4c4c4c;font-size: 22px;}
.inner-name a i{color: #fc7449;}
.inner-name a:hover{color: #fc7449;}
.inner-case ul{margin-left: -3%;}
.inner-case ul li{float: left;width: 30.3%;margin-left: 3%;background: url(/template/images/pro-txts.png);-webkit-box-shadow: 0 11px 7px rgba(11,34,85,.08);-moz-box-shadow: 0 11px 7px rgba(11,34,85,.08);-ms-box-shadow: 0 11px 7px rgba(11,34,85,.08);-o-box-shadow: 0 11px 7px rgba(11,34,85,.08);box-shadow: 0 11px 7px rgba(11,34,85,.08);-webkit-border-top-left-radius: 42px;-moz-border-top-left-radius: 42px;-ms-border-top-left-radius: 42px;-o-border-top-left-radius: 42px;border-top-left-radius: 42px;overflow: hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.inner-case ul li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.inner-case li .pics{position: relative;padding-top: 82.7%;display: block;}
.inner-case li .pics img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inner-case li .infos{padding: 16px 10px;line-height: 55px;position: relative;}
.inner-case li .info01{color: #333;font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 150px;display: block;}
.inner-case li .info02{position: absolute;right: 0;top: 16px;width: 107px;height: 55px;background-color: #5283cc;-webkit-border-radius: 40px 0 0 40px;-moz-border-radius: 40px 0 0 40px;-ms-border-radius: 40px 0 0 40px;-o-border-radius: 40px 0 0 40px;border-radius: 40px 0 0 40px;color: #FFF;font-size: 18px;text-align: center;}
.inner-case li .info02:before{content: "";position: absolute;left: -44px;top: 20px;width: 44px;height: 14px;background: url(/template/images/pro-line.png) no-repeat;}
.inner-case li .info01:hover{color: #5283cc;}
.inner-case li .info02:hover{background-color: #fc7449;}


.inner-news{margin-top: 80px;}
.inner-news ul{margin-left: -3%;}
.inner-news ul li{float: left;width: 47%;margin-left: 3%;background-color: #fff;-webkit-box-shadow: 0 0 15px rgba(20,33,51,.08);-moz-box-shadow: 0 0 15px rgba(20,33,51,.08);-ms-box-shadow: 0 0 15px rgba(20,33,51,.08);-o-box-shadow: 0 0 15px rgba(20,33,51,.08);box-shadow: 0 0 15px rgba(20,33,51,.08);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;padding: 10px;margin-bottom: 36px;}
.inner-news li .pics{float: left; width: 190px;margin-right: 16px;}
.inner-news li .pics a{display: block;padding-top: 76.3%;position: relative;overflow: hidden; -webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.inner-news li .pics img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-object-fit: cover;object-fit: cover;}
.inner-news li:hover img{-moz-transform: scale(1.08, 1.08);-ms-transform: scale(1.08, 1.08);-o-transform: scale(1.08, 1.08);-webkit-transform: scale(1.08, 1.08);transform: scale(1.08, 1.08);}
.inner-news li .infos{display: block;overflow: hidden;padding: 20px 10px;line-height: 1.2;}
.inner-news li .infos > a{color: #333;font-size: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.inner-news li .infos > a:hover{color: #fc7449;}
.inner-news li .infos p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #4c4c4c;font-size: 18px;margin: 18px 0 20px;}
.inner-news li .more{color: #666;font-size: 16px;}
.inner-news li .more a{color: #335280;font-size: 18px;float: right;}
.inner-news li .more a:hover{color: #fc7449;}



/* message style */
.msg-show{background: url(/template/images/msg-bg.jpg) no-repeat bottom center;padding-bottom: 110px;margin-top: 60px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.msg-txt{background: url(/template/images/msg-txt.png) no-repeat;color: #FFF;font-size: 18px;height: 108px;line-height: 98px; padding-left: 62px;}
.msg-txt strong{font-size: 36px;font-weight: normal;}
.msg-txt strong:after{content: '';display: inline-block;vertical-align: middle;width: 40px;height: 26px;background: url(/template/images/msg-arrow.png) no-repeat;margin: 0 16px 0 10px;}

.msg-main{background: url(/template/images/msg-dot.png);-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;margin-top: -16px;padding: 40px 50px 50px;position: relative;z-index: 0;}
.msg-main:before{content: "";position: absolute;right: 0;top: 0;bottom:0;width: 733px;background: url(/template/images/msg-step.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-border-radius: 0 16px 16px 0;-moz-border-radius: 0 16px 16px 0;-ms-border-radius: 0 16px 16px 0;-o-border-radius: 0 16px 16px 0;border-radius: 0 16px 16px 0;z-index: -1;}


.msg-fl{float: left;width: 38.5%;}
.msg-fl p{color: #333;font-size: 18px;line-height: 2;}
.msg-fl ul{margin-top: 32px;}
.msg-fl li{margin-bottom: 18px; background-color: #fff;-webkit-box-shadow: 0 4px 24px rgba(34,55,141,.09);-moz-box-shadow: 0 4px 24px rgba(34,55,141,.09);-ms-box-shadow: 0 4px 24px rgba(34,55,141,.09);-o-box-shadow: 0 4px 24px rgba(34,55,141,.09);box-shadow: 0 4px 24px rgba(34,55,141,.09);-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;position: relative;overflow: hidden;}
.msg-fl li img{position: absolute;left: 10px;top: 10px;}
.msg-fl li input,.msg-fl li textarea{width: 100%;height: 53px;line-height: 53px;font-family:"Microsoft YaHei","微软雅黑";font-size: 18px;color: #333;padding:0 10px 0 50px}
.msg-fl li textarea{height: 190px;line-height: 32px;padding-top: 10px;}
.msg-fl input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFFFFF inset!important;box-shadow:0 0 0 1000px #FFFFFF inset!important;-webkit-text-fill-color:#666!important}


.msg-btn{line-height: 60px;color: #335280;font-size: 20px;margin-top: 26px;text-align: right;}
.msg-btn span{display: inline-block;border:1px dashed #FC7449;position: relative;margin-left: 66px;padding:5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px; }
.msg-btn span:before{content: "";position: absolute;left: -50px;top: 22px;width: 16px;height: 16px;background-color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border:4px solid #fc7449;}
.msg-btn span:after{content: "";position: absolute;left: -38px;top: 29px;width:50px;height: 1px;border-top:1px dashed #fc7449;}
.msg-btn span input{background-color: #FC7449;color: #ffffff;font-size: 20px;-webkit-box-shadow: 0 4px 13px rgba(50,109,74,.43);-moz-box-shadow: 0 4px 13px rgba(50,109,74,.43);-ms-box-shadow: 0 4px 13px rgba(50,109,74,.43);-o-box-shadow: 0 4px 13px rgba(50,109,74,.43);box-shadow: 0 4px 13px rgba(50,109,74,.43);-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;display: block;line-height: 52px;padding:0 30px;cursor: pointer;}
.msg-btn span input:hover{color: #223655;}

.msg-fc{float: left;width: 24%;margin-left: 4%;margin-top: 120px;}
.msg-fc dl{line-height: 1.2;}
.msg-fc dt{color: #4c4c4c;font-size: 20px;position: relative;z-index: 0;margin-top: 32px;}
.msg-fc dt:before{content: "";position: absolute;left: -16px;top: 4px;width: 24px;height: 19px;background: url(/template/images/msg-ico.png) no-repeat;z-index: -1;}
.msg-fc dd{color: #335280;font-size: 24px;margin-top: 12px;}


.msg-fr{float: right;width: 20%;}
.msg-fr span{position: absolute; width: 108px;height: 108px;text-align: center;background: url(/template/images/msg-steps.png) no-repeat;color: #fc7449;font-size: 18px;line-height: 1.8;padding-top: 18px;}
.msg-fr span.font01{right: 160px;top: 30px;}
.msg-fr span.font02{right: 48px;top: 212px;}
.msg-fr span.font03{right: 66px;bottom: 70px;}

.msg-pic{position: absolute;right: 190px;bottom:0;}



/* solution style */
.case-list{margin: 70px auto;}
.case-list ul{margin-left: -3%;}
.case-list ul li{float: left;width: 30.3%;margin-left: 3%;background: url(/template/images/case-listbg01.png);-webkit-border-radius: 0 40px 10px 10px;-moz-border-radius: 0 40px 10px 10px;-ms-border-radius: 0 40px 10px 10px;-o-border-radius: 0 40px 10px 10px;border-radius: 0 40px 10px 10px;-webkit-box-shadow: 0 6px 12px rgba(22,34,51,.15);-moz-box-shadow: 0 6px 12px rgba(22,34,51,.15);-ms-box-shadow: 0 6px 12px rgba(22,34,51,.15);-o-box-shadow: 0 6px 12px rgba(22,34,51,.15);box-shadow: 0 6px 12px rgba(22,34,51,.15);overflow: hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom: 60px;}
.case-list li .pic a{position: relative;padding-top: 68.2%;display: block;}
.case-list li .pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 0 40px 0 40px;-moz-border-radius: 0 40px 0 40px;-ms-border-radius: 0 40px 0 40px;-o-border-radius: 0 40px 0 40px;border-radius: 0 40px 0 40px;}
.case-list li .info{position: relative;padding: 24px;line-height: 1.2;}
.case-list li .txt{color: #333333;font-size: 22px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;margin-bottom: 15px;}
.case-list li p{color: #4c4c4c;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 24px;}
.case-list li p strong{font-weight: bold;}
.case-list li .more{position: absolute;right:0;bottom:0;width: 50px;height: 50px;line-height: 46px;text-align: center;background-color: #fc7449;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-ms-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;border-radius: 10px 0 10px 0;color: #FFF;font-size: 40px;}
.case-list ul li:hover{background-image: url(/template/images/case-listbg02.png);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.case-list ul li:hover .txt,.case-list ul li:hover p{color: #FFF;}


.inner-fr p.case-line{color: #9dbaff;border-bottom:1px dashed #3b4876;padding: 12px 0;}

.prev-next{margin: 50px 0; background: url(/template/images/page-line.png);border:1px solid #E5E5E5;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;padding: 10px;}
.prev-next ul{background-color: #fff;-webkit-box-shadow: 0 3px 8px rgba(58,58,58,.2);-moz-box-shadow: 0 3px 8px rgba(58,58,58,.2);-ms-box-shadow: 0 3px 8px rgba(58,58,58,.2);-o-box-shadow: 0 3px 8px rgba(58,58,58,.2);box-shadow: 0 3px 8px rgba(58,58,58,.2);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;padding: 0 30px;}
.prev-next ul li{line-height: 60px;border-bottom:1px dashed #DCDCDC;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.prev-next ul li:last-child{border-bottom: none;}
.prev-next ul li img{margin-right: 18px;margin-top: -2px;}
.prev-next ul li a{color: #333;}
.prev-next ul li a:hover{color: #fc7449;}


/* news style */
.news-list{margin: 70px auto;}
.hot-fl{float: left;width: 42%;background: url(/template/images/line-bg01.png);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 20px rgba(53,85,133,.2);-moz-box-shadow: 0 0 20px rgba(53,85,133,.2);-ms-box-shadow: 0 0 20px rgba(53,85,133,.2);-o-box-shadow: 0 0 20px rgba(53,85,133,.2);box-shadow: 0 0 20px rgba(53,85,133,.2);overflow: hidden;}
.hot-fl .pic{position: relative;padding-top: 60%;display: block;}
.hot-fl .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.hot-fl .info{position: relative;padding: 26px 30px;line-height: 1.2;}
.hot-fl .info .txt{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #335280;font-size: 22px;font-weight: bold;}
.hot-fl .info p{color: #666;font-size: 16px;height: 56px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 12px 0 22px;}
.hot-fl .info span{display: inline-block;color: #4c4c4c;font-size: 16px;}
.hot-fl .info .more{position: absolute;right: 0;bottom: 0;background-color: #335280;width: 160px;line-height: 50px;-webkit-border-radius: 40px 0 10px 0;-moz-border-radius: 40px 0 10px 0;-ms-border-radius: 40px 0 10px 0;-o-border-radius: 40px 0 10px 0;border-radius: 40px 0 10px 0;color: #FFF;font-size: 18px;text-align: center;}
.hot-fl .info .more:hover{background-color: #fc7449;}
.hot-fl:hover .info .txt{color: #fc7449;}

.hot-fr{float: right;width: 55%;}
.hot-fr li{background-color: #fff; border: 1px solid #EEE;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 20px rgba(53,85,133,.2);-moz-box-shadow: 0 0 20px rgba(53,85,133,.2);-ms-box-shadow: 0 0 20px rgba(53,85,133,.2);-o-box-shadow: 0 0 20px rgba(53,85,133,.2);box-shadow: 0 0 20px rgba(53,85,133,.2);padding: 30px;line-height: 1.2;margin-bottom: 19px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.hot-fr li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.hot-fr li:hover a{color: #335280;font-weight: bold;}
.hot-fr li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333;font-size: 20px;}
.hot-fr li p{color: #666;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin: 22px 0;}
.hot-fr li span{display: inline-block;color: #4c4c4c;font-size: 16px;}


.list-news{margin-top: 90px;position: relative;}
.list-news:before{content: "";position: absolute;left: 50%;top: 12px;bottom:30px;width: 1px;background-color: #e8e8e8;}
.list-news ul{margin-left: -8%;}
.list-news li{float: left;width: 42%;margin-left: 8%; line-height: 50px;margin-bottom: 25px;}
.list-news li span{float: right;width: 102px;margin-left: 20px;color: #999;font-size: 18px;}
.list-news li a{display: block;color: #333;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-news li a:before{content: '';display: inline-block;vertical-align: middle;width: 24px;height: 24px;background: url(/template/images/news-icon.png) no-repeat;margin-right:20px;margin-top: -6px;}
.list-news li:hover a{margin-left: 4px;color: #335280;}

/* 翻页 */
.main-page{position: relative;width: 100%;color: #999;font-size: 18px;line-height: 38px;text-align: center;margin: 80px auto 100px;}
.main-page span,.main-page a{display: inline-block;color: #999;margin: 0 5px;padding: 0 14px;border: 1px solid #b5b5b5;background-color: #FFF;cursor: pointer;-webkit-border-radius: 4px;border-radius: 4px;}
.pagination {display: inline-block;margin: 0 auto;}
.pagination li {float: left;}
.active span,.disabled span{cursor: default;}
.main-page a:hover,.pagination .active span,.ul-tab-page .on a,.page-active span {color: #FFF;border: 1px solid #fc7449;background: #fc7449;}

.pagination ul {display: inline-block;}
.dn {display: none;}
.t-page {box-sizing: inherit;display: none;position: absolute;left: 50%;width: 600px;bottom: 80px;margin-left: -300px;padding: 36px 26px 10px;border: 1px solid #DEDFE0;z-index: 10;background-color: #FFF;-webkit-border-radius: 4px;border-radius: 4px;}
.t-page .close {position: absolute;right: 0;top: 0; width: 30px;height: 30px;line-height: 30px;color: #999;cursor: pointer;font-size: 30px;}
.t-page .ico {content: '';position: absolute;bottom: -12px;left: 50%;margin-left: -12px;width: 0;height: 0;border-width: 12px 12px 0;border-style: solid;border-color: #DEDFE0 transparent transparent;}
.t-page .ico em {content: '';position: absolute;bottom: 1px;left: -12px;width: 0;height: 0;border-width: 12px 12px 0;border-style: solid;border-color: #FFF transparent transparent;}
.ul-page {text-align: center;overflow: hidden;}
.ul-page li {float: left;margin-bottom: 10px;}
.ul-page li a {display: block;padding: 2px;width: 40px;height: 40px;line-height: 35px;border: 1px solid #b5b5b5;text-align: center;}
.ul-page li a,.ul-page li span {margin: 0 6px;}
.ul-tab-page {overflow: hidden;margin-top: 20px;}
.ul-tab-page li {float: left;width: 20%;text-align: center;margin-bottom: 15px;}
.ul-tab-page li a {display: block;font-size: 16px;color: #333;padding: 0 12px;line-height: 36px;border: 1px solid #F5F5F5;background-color: #F5F5F5;}


.page-m{display: none;margin: 40px auto 60px;}
.page-tab{text-align: center;color: #666;line-height: 32px;}
.page-tab a{font-size: 20px;}
.page-tab span{border: 1px solid #b5b5b5;-webkit-border-radius: 4px;border-radius: 4px;display: inline-block;padding: 0 10px;margin: 0 20px;cursor: pointer;}
.page-list{position: fixed;left:0;bottom: 0;max-width: 768px;width: 100%;height: 160px;overflow-y: scroll;z-index: 9999999;padding: 10px 0;background-color: #FFF;-webkit-box-shadow: 0px -1px 6px rgba(82,131,204,.4);-moz-box-shadow: 0px -1px 6px rgba(82,131,204,.4);box-shadow: 0px -1px 6px rgba(82,131,204,.4);display: none;}
.page-top{border-bottom: 1px solid #DEDFE0;font-size: 16px;padding-bottom: 10px;}
.page-top a{display: inline-block;margin-left:10px;}
.page-top .hide{display: block;float: right;font-size: 30px;margin-top: -14px; margin-right: 10px;color: #666;cursor: pointer;}
.page-list li{ float: left; width: 13.3%;margin-left: 3%;text-align: center;font-size: 16px;color: #333;-webkit-border-radius:4px;border-radius:4px;line-height: 30px; margin-top: 10px;background: #F5F5F5;}
.page-list li a{color: #333;display: block;}
.page-list li.on{background: #fc7449;}
.page-list li.on a{color: #FFF;font-weight: bold;}



/* newsdetail style */
.news-box{background: url(/template/images/top-ban04.jpg) no-repeat top center;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; padding: 32px 0;}
.news-base{margin-top: 90px;}
.news-base h1{color: #FFF;font-size: 32px;line-height: 1.3;}
.news-base p{background: url(/template/images/news-line.png);max-width: 900px;width: 100%;height: 50px;line-height: 50px;margin-top: 32px;padding:0 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;}
.news-base p span{display: inline-block;color: #333;font-size: 16px;margin-right: 36px;}
.news-base p span i{color: #666;}
.news-base p span img{margin-top: -2px;margin-right: 8px;}
.news-base p span.last{float: right;margin-right: 0;}

.news-inner{padding:10px 60px 30px;margin-top:60px;background-color: #fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}

.rele-news{margin-top: 90px;text-align: left;}
.rele-news li{position: relative;padding-left: 20px;margin-bottom: 30px;}
.rele-news li:before{content: "";position: absolute;left: 0;top: 10px;width: 10px;height: 10px;border:1px solid #fc7449;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.rele-news li a{color: #333333;font-size: 18px;line-height: 1.8;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rele-news li a:hover{color: #fc7449;}
.rele-news li p{color: #666;font-size: 16px;line-height: 1.2;margin-top: 8px;}


/* contact style */
.cont-box{background: url(/template/images/top-ban05.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; padding: 32px 0 100px;}
.cont-base{color: #FFF;margin-top: 80px;line-height: 1.3;}
.cont-base h1{font-size: 44px;margin-bottom: 18px;}
.cont-base p{color: #e8e8e8;font-size: 22px;margin-bottom: 60px;}
.cont-base p.cont-txt{color: #5283cc;margin-bottom: 32px;}
.cont-base p.cont-txt strong{color: #65a2fc;font-size: 24px;}
.cont-base p.cont-txt img{margin-top: -5px;margin-right: 10px;}
.cont-btn{line-height: 60px;color: #e8e8e8;font-size: 20px;margin-top: 77px;}
.cont-btn a{display: inline-block;background-color: #FC7449;border:6px solid rgba(252,116,73,.2);color: #ffffff;font-size: 22px;position: relative;margin-right: 75px;padding:0 48px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px; background-clip: padding-box;}
.cont-btn a:before{content: "";position: absolute;right: -70px;top: 22px;width: 16px;height: 16px;background-color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border:4px solid #fc7449;}
.cont-btn a:after{content: "";position: absolute;right: -56px;top: 29px;width: 80px;height: 1px;border-top:1px dashed #fc7449;}
.cont-btn a:hover{color: #223655;}

.cont-ser{margin: 80px auto;}
.cont-name{text-align: center;line-height: 1.3;margin-bottom: 80px;}
.cont-name h2{color: #1f314c;font-size: 40px;}
.cont-name h2 span{color: #fc7449;font-size: 28px;}
.cont-name p{color: #666;font-size: 20px;margin-top: 22px;}
.cont-ser ul{margin-left: -2%;}
.cont-ser ul li{float: left;width: 23%;margin-left: 2%;background: url(/template/images/cont-line.png);-webkit-box-shadow: 0 0 10px rgba(20,33,51,.15);-moz-box-shadow: 0 0 10px rgba(20,33,51,.15);-ms-box-shadow: 0 0 10px rgba(20,33,51,.15);-o-box-shadow: 0 0 10px rgba(20,33,51,.15);box-shadow: 0 0 10px rgba(20,33,51,.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;position: relative;line-height: 1.7;z-index: 0;}
.cont-ser ul li:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 24px;height: 12px;background: url(/template/images/cont-lines.png) no-repeat;margin: 0 auto;z-index: -1;}
.cont-ser ul li strong{display: block;text-align: center;color: #294166;font-size: 26px;font-weight: bold;padding: 14px 0;}
.cont-ser ul li img{width: 100%;-webkit-box-shadow: 0 3px 3px rgba(20,33,51,.1);-moz-box-shadow: 0 3px 3px rgba(20,33,51,.1);-ms-box-shadow: 0 3px 3px rgba(20,33,51,.1);-o-box-shadow: 0 3px 3px rgba(20,33,51,.1);box-shadow: 0 3px 3px rgba(20,33,51,.1);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.cont-ser ul li p{color: #4c4c4c;font-size: 18px;padding:20px 26px;}



/* error style */
.error-box{background: url(/template/images/error-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;min-height:100vh;padding-bottom: 40px;}
.error-show{padding-top: 32px;}
.error-base{text-align: center;line-height: 1.3;margin-top: 60px;}
.error-base strong{display: block;color: #FFF;font-size: 32px;font-weight: normal;margin-top: 50px;}
.error-base p{color: #e8c8be;font-size: 18px;margin-top: 32px;}
.error-base p a{color: #e8c8be;}
.error-base p a:hover{color: #fc7449;text-decoration: underline;}
.error-btn{display: inline-block;width: 220px;line-height: 60px;background-color: #fc7449;-webkit-border-radius: 60px;-moz-border-radius: 60px;-ms-border-radius: 60px;-o-border-radius: 60px;border-radius: 60px;color: #ffffff;font-size: 24px;font-weight: bold;margin-top: 50px;}
.error-btn:hover{background-color: #FFF;color: #fc7449;}


/* 响应 */
@media screen and (min-width: 1925px) {
    .video-fl{width: 54%;}
}
@media screen and (max-width: 1900px) {
    .video-fr ul{margin-top: 20px;}
    .video-fr ul li{padding: 16px 0;}
    .about-video{width: 920px;top: -70px;}
}
@media screen and (max-width: 1660px){
    .video-fr ul li{font-size: 18px;}
    .video-fr ul li strong{font-size: 20px;margin-top: 4px;}
    .video-fr ul li{padding: 10px 0;}
    .video-txt{margin-top: 30px;}
    .about-video{width: 55%;top: 60px;}
    .place-txt{margin-top:60px;}
}
@media screen and (max-width: 1460px){
    .ban-btn{font-size: 20px;}
    .video-fl{width: 61%;}
    .about-honor .ban-btn i{display: none;}
    .inner-cont .cont01{width: 48%;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
    .inner-cont .cont02{margin-left: 2%;width: 48%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
    .inner-fl p span{margin: 0 28px;}
    .msg-btn{font-size: 18px;}
    .msg-fc dt{font-size: 18px;}
    .msg-fc dd{font-size: 20px;}
    .hot-fr li{padding: 26px 30px;}
    .cont-ser ul li p{padding: 20px;}
}
@media screen and (max-width: 1360px){
    .logo{margin-right: 20px;}
    .ban-btn{line-height: 50px;}
    .ban-btn a{padding: 0 30px;font-size: 20px;}
    .video-btn{display: none;}
    .video-fr{padding-bottom: 40px;}
    .about-step ul li{width: 22%;margin-left: 3%;}
    .about-step li strong{font-size: 20px;}
    .about-step li p{font-size: 16px;}
    .ability-fl{width: 49%;}
    .ability-fr{width: 46%;}
    .honor-fl{margin-top: 30px;}
    .inner-fl p span{margin: 0 24px;}
    .msg-fl p{font-size: 16px;}
    .msg-fl{width: 42%;}
    .msg-pic{width: 200px;}
    .cont-ser ul li p{font-size: 16px;}
    .cont-ser ul li strong{font-size: 24px;}
}

@media screen and (max-width: 1280px){
    .top-tel{display: none;}
    .nav{float: none;width: auto;display: block;overflow: hidden;}
    .logo{margin-right: 40px;}
    .ban-txt{font-size: 50px;}
    .ban-fr ul li{font-size: 22px;}
    .ban-fr p{font-size: 20px;}
    .ban-btn a{margin-left: 20px;}
    .ban-btn a:before,.ban-btn a:after{display: none;}
    .index-pro,.index-case,.index-news,.about-intro,.about-ability,.about-nation{padding: 60px 0;}
    .index-pro .list-txt h3 a{font-size: 24px;}
    .index-pro .list-txt p{font-size: 18px;}
    .index-txt h1,.place-txt h1{font-size: 40px;}
    .index-txt h2,.about-txt strong,.about-name h2,.about-nation h2,.cont-name h2{font-size: 38px;}
    .video-txt{font-size: 38px;}
    .about-nation h2 span{font-size: 30px;}
    .about-ren{width: 360px;}
    .about-step ul{padding-left: 320px;}
    .about-step ul:before{right: 10px;}
    .about-intro li{font-size: 20px;}
    .about-intro li img{width: 120px;}
    .about-honor .ban-btn a{margin-left: 0;}
    .nation-pic p{top:24px;}
    .inner-fr ul li{width: 48%;margin-right: 2%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
    .inner-fl p span{margin: 0 18px;}
    .inner-cont .cont01{line-height: 88px;font-size: 20px;}
    .inner-case li .info02{display: none;}
    .inner-case li .info01{margin-right: 0;text-align: center;}
    .msg-btn span input{font-size: 18px;}
    .msg-txt strong{font-size: 32px;}
    .hot-fl{width: 45%;}
    .hot-fr{width: 52%;}
}
@media screen and (max-width: 1200px){
    .pro-fr li .pro-add,.pro-more{display: none;}
    .pro-fr li .list-txt{padding: 16px;}
    .index-pro .list-txt{margin-right: 30px;padding: 16px;}
    .index-pro .list-txt h3 a{font-size: 22px;}
    .pro-fr li{margin-bottom: 28px;}
    .index-txt h1,.place-txt h1{font-size: 36px;}
    .index-txt h2,.about-txt strong,.about-name h2,.about-nation h2,.cont-name h2{font-size: 34px;}
    .video-txt{font-size: 32px;}
    .index-txt{margin-bottom: 50px;}
    .case-more{display: none;}
    .index-case li .list-txt{padding: 20px;}
    .video-fr p,.about-txt p{font-size: 18px;}
    .about-ren{display: none;}
    .about-step:before{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;left: 0;}
    .about-step:after{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;left: 12px;top: 12px;right: 12px;bottom: 12px;}
    .about-step{padding:60px;}
    .about-step ul{padding:0;}
    .about-step ul:before{bottom:50px;}
    .about-txt{padding-left: 0;text-align: center;}
    .index-link,.index-link p a,.footer{font-size: 16px;}
    .about-name h2{margin-bottom: 24px;}
    .about-name p{font-size: 16px;}
    .inner-cont .cont02{background:none;height:auto}
    .inner-cont .cont02 a{font-size: 26px;}
    .inner-cont .cont02 i{display: block;font-size: 16px;text-align: right;}
    .inner-cont .cont01{line-height: 80px;padding-right: 33px;}
    .main-fl{width: 100%;}
    .main-fr{width: 100%;}
    .rele-name{margin-left:0;}
    .rele-pro ul{margin-left:-2%;}
    .rele-pro ul li{float: left;width:23%;margin-left:2%;margin-bottom: 10px;}
    .rele-pic img{-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
    .rele-txt{margin: 0;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;    font-size: 18px;}
    .inner-case,.inner-news{margin-top: 60px;}
    .inner-case li .infos{line-height: 40px;}
    .msg-main:before,.msg-fr{display: none;}
    .msg-pic{right: 20px;}
    .msg-fl{width: 55%;}
    .msg-fc{width: 30%;}
    .case-list li .more{display: none;}
    .case-list li .txt{font-size: 20px;}
    .case-list li p{font-size: 15px;padding-right: 0;}
    .news-inner{padding:30px;}
    .news-inner .inner-main{margin-top: 0;}
    .cont-name p{font-size: 18px;}
    .cont-ser{margin: 60px auto;}
    .cont-name{margin-bottom: 60px;}
    .error-base img{width: 80%;}
    .error-base strong{font-size: 28px;}
}
@media screen and (max-width: 1100px){
    .ban-txt{font-size: 44px;}
    .ban-fr ul li{font-size: 20px;}
    .ban-fr p{font-size: 18px;margin-bottom: 30px;}
    .ban-fl{left: -11%;}
    .ban-fr{padding: 80px 0 80px 40px;}
    .ban-btn{margin-top: 44px;}
    .video-fr{width: 32%;padding-bottom: 20px;}
    .video-fl{width: 65%;}
    .video-txt{margin-top: 20px;margin-bottom: 10px;}
    .video-fr p{font-size: 16px;}
    .about-intro ul{margin-top: 60px;}
    .ability-fl{width: 53%;}
    .ability-fr{width: 44%;}
    .about-honor .ban-btn{margin-top: 20px;}
    .about-honor .about-name p{line-height: 1.8;}
    .honor-fl{margin-top: 0;}
    .nation-pic p strong{font-size: 24px;}
    .nation-pic p{font-size: 18px;line-height: 1.6;}
    .inner-cont .cont01{font-size: 18px;}
    .inner-fr p{font-size: 16px;}
    .inner-fr ul{margin:20px 0 30px;}
    .inner-cont{margin-top:30px;}
    .inner-cont .cont02{width: 100%;margin-top: 20px;}
    .inner-cont .cont02 i{display: inline-block;padding-left: 0;}
    .inner-cont .cont02 a{display: inline-block;padding-left: 6px;}
    .inner-cont .cont01{width: 293px;line-height: 96px;    padding-right: 44px;font-size: 22px;}
    .inner-news li .pics{margin-right: 10px;}
    .pro-list,.case-list,.news-list{margin:50px auto;}
    .rele-news ul li{width: 48%;margin-bottom: 20px;}
    .cont-ser{margin: 50px auto;}
    .cont-name{margin-bottom: 50px;}
}
@media screen and (max-width: 1000px){
    .nav ul li{width: 16%;margin-left: 2%;}
    .logo{width: 180px;}
    .head{line-height: 90px;}
    .nav ul li a{font-size: 17px;}
    .ban-txt{font-size: 36px;}
    .ban-fr{padding: 50px 0 50px 20px;}
    .ban-fr ul li{font-size: 17px;width: 47%;margin-left: 3%;}
    .ban-fr ul{margin:30px 0 40px -3%;}
    .ban-fr p{font-size: 17px;}
    .pro-fr li .list-txt{width: 55%;}
    .index-txt p{font-size: 18px;}
    .index-case li .list-txt h3 a{font-size: 22px;margin-bottom: 10px;}
    .index-case li .list-txt p{font-size: 16px;margin-top: 0;}
    .video-fr p{display: none;}
    .news-fl,.news-fr{width: 47%;}
    .news-txt .link{font-size: 24px;}
    .index-news li p,.news-name span{display: none;}
    .news-name a{font-weight: normal;}
    .index-news li{margin-top: 30px;}
    .index-about{padding: 50px 0;}
    .about-step{padding: 40px;}
    .about-step ul:before{display: none;}
    .about-intro .about-name{width: 100%;}
    .about-video{display: none;}
    .place-about{margin-top: 70px;}
    .place-txt p{font-size: 18px;}
    .about-intro ul{margin-top: 20px;}
    .about-intro li{font-size: 18px;height: auto;padding-bottom: 40px;}
    .about-intro li img{width: 100px;margin: 40px auto 20px;}
    .nation-pic{margin-top: 30px;}
    .nation-pic p{width:50%;}
    .pro-list li{width: 32.3%;}
    .inner-fr ul li{font-size: 22px;}
    .inner-fr ul li span{font-size: 18px;}
    .inner-fl{margin-top:10%;}
    .inner-news li .more{display: none;}
    .inner-news li .infos{padding: 10px;}
    .inner-news li .infos > a{font-size: 18px;line-height: 28px;height:56px; font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: initial;}
    .inner-news li .infos p{font-size: 16px;margin: 12px 0 0;}
    .inner-news li .pics{width: 150px;}
    .msg-btn i,.msg-btn span:before,.msg-btn span:after{display: none;}
    .msg-pic{width: 160px;}
    .msg-main{padding: 30px;}
    .msg-btn span{margin-left: 0;}
    .case-list li .info{padding: 16px 10px;}
    .hot-fl .info,.hot-fr li{padding: 20px;}
    .hot-fr li p{margin: 16px 0;}
    .list-news{margin-top: 60px;}
    .list-news li span{display: none;}
    .news-base{margin-top: 50px;}
    .news-base p span{margin-right: 17px;font-size: 15px;}
    .news-base p span img{margin-right: 6px;}
    .cont-base h1{font-size: 40px;}
    .cont-ser{margin: 40px auto;}
    .cont-name{margin-bottom: 40px;}
}
@media screen and (max-width: 768px){
    .head{line-height: 60px;position: relative;}
    .logo{width: 160px;margin-right: 0;}
    .navBtn{display: block;}
	.navBtn img{width: 28px;height: auto;vertical-align: middle;}
	.nav{display: none;position: absolute;top: 100%;right: 4px;z-index: 9999;background-color: #FFF;-webkit-box-shadow: 0 0 6px rgba(37,59,92,.5);-moz-box-shadow: 0 0 6px rgba(37,59,92,.5);-ms-box-shadow: 0 0 6px rgba(37,59,92,.5);-o-box-shadow: 0 0 6px rgba(37,59,92,.5);box-shadow: 0 0 6px rgba(37,59,92,.5);width: 136px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;overflow: initial;}
	.nav ul:before{content: ""; position: absolute;top: -9px;right: 8px;width: 0;border-bottom: 10px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;}
	.nav ul li:after{display: none;}
    .nav ul li{width: 100%;margin-left: 0;text-align: center;line-height: 46px;}
    .nav ul li.nav-index{width: 100%;}
    .nav ul li a{color: #333;}
    .fix-top{display: block;position: fixed;right: 6px;bottom: 80px;}
    .place-base{white-space: nowrap;overflow-x: scroll;}
	::-webkit-scrollbar{display:none;}
    .fix-show{display: none;}
    /* .fix-day,.fixed-night{display: block;} */
    body{padding-bottom:80px;padding-bottom: calc(80px + env(safe-area-inset-bottom));}

    .banner{background-image: url(/template/images/ban-bgs.jpg);}
    .ban-fr ul{display: none;}
    .ban-fl{width: 50%;left: -6%;top:22%;}
    .ban-fr{width: 60%;padding: 40px 0;}
    .banner .ban-btn i{display: none;}
    .banner .ban-btn a{margin-left: 0;}
    .ban-fl .ban01{display: none;}
    .ban-fl .ban02{display: block;}
    .ban-txt{margin-bottom: 36px;}
    .index-pro,.index-case,.index-news,.about-intro,.about-ability,.about-honor,.about-nation{padding: 40px 0;}
    .index-txt{margin-bottom: 40px;}
    .index-txt h1,.place-txt h1,.inner-fr h1{font-size: 34px;}
    .index-txt h2{font-size: 32px;padding-bottom: 16px;}
    .about-name h2,.about-nation h2,.cont-name h2{font-size: 32px;}
    .about-nation h2 span{font-size: 28px;}
    .video-txt{font-size: 24px;}
    .index-txt p,.about-txt p{font-size: 16px;}
    .index-pro .list-txt p,.pro-fr li .list-txt p{display: none;}
    .index-pro .list-txt{margin: 0;background: #fff;}
    .pro-fr{width: 50%;}
    .index-pro .list-txt h3 a{font-size: 18px;}
    .pro-fr li .list-txt{width: 66%;}
    .index-case li .list-txt{margin-left: 16px;margin-right: 16px;padding: 12px 16px;}
    .index-case li .list-txt h3 a{font-size: 20px;margin-bottom: 6px;}
    .video-fr ul li{font-size: 15px;}
    .video-fr ul li strong{font-size: 16px;}
    .news-fl,.news-fr{width: 100%;}
    .news-fr{margin-top: 36px;}
    .news-txt{margin-bottom: 20px;}
    .news-name span{display: block;}
    .about-step{padding: 40px 20px;}
    .about-txt strong{font-size: 32px;}
    .index-link{padding: 16px 0;line-height: 1.8;}
    .index-link span{width: 86px;}
    .about-intro li{width: 50%;}
    .ability-fl{display: none;}
    .ability-fr{width: 100%;}
    .about-ability .pic03{margin-top: 20px;}
    .about-ability .pic03:before{bottom:-10px;}
    .honor-fl{width: 100%;}
    .honor-fr{width: 100%;margin-top:20px;}
    .about-honor .ban-btn a{font-size: 20px;}
    .nation-pic p i{display: none;}
    .nation-pic p strong{margin-bottom:0;}
    .nation-pic p{top:15%;}
    .place-txt{margin-top:40px;}
    .place-txt h1:after{width:50px;height:3px;}
    .place-txt h1{padding-bottom:16px;}
    .pro-list li{width: 49%;margin-bottom: 30px;}
    .pro-list,.case-list,.news-list{margin:40px auto;}

    .inner-show{margin-top:40px;}
    .inner-fl{width: 100%;margin-top:0;}
    .inner-pic:before{top:-6px;bottom:-6px;}
    .inner-pic:after{top:-12px;bottom:-12px;}
    .inner-fl p{display: none;}
    .inner-fr{width:100%;margin-top: 30px;}
    .inner-nav{line-height: 100px;}
    .inner-nav li a{font-size: 22px;}
    .rele-name{background: none;color: #335280;text-align: left;top:0;margin-bottom:20px;height:auto;line-height: 30px;}
    .rele-pro ul li{width:48%;margin-bottom:20px;}  
    .rele-pro{padding:20px 20px 10px;margin-top: 0;}
    .inner-name strong{font-size: 30px;}
    .inner-name a{font-size: 18px;}
    .inner-name{margin-bottom: 30px;}
    .inner-case li .info01{font-size: 18px;}
    .inner-case li .infos{padding: 8px 6px;}
    .inner-news ul{margin-left: 0;}
    .inner-news ul li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .msg-fl{width: 100%;}
    .msg-txt{font-size: 16px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;line-height: 84px;}
    .msg-txt strong{font-size: 26px;}
    .msg-txt strong:after{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;width: 20px;height: 13px;}
    .msg-main{margin-top: -30px;padding: 20px 12px;}
    .msg-fl ul{margin-top: 20px;}
    .msg-fc{width: 100%;margin-top: 0;}
    .msg-btn{text-align: center;}
    .msg-fl li input, .msg-fl li textarea{font-size: 16px;}
    .msg-show{padding-bottom: 60px;}
    .case-list ul li{width: 47%;margin-bottom: 30px;}
    .hot-fl{width: 100%;}
    .hot-fr{width: 100%;margin-top: 20px;}
    .list-news li a{font-size: 16px;}
    .list-news li a:before{width: 16px;height: 16px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-right: 10px;}
    .list-news li{line-height: 30px;}
    .list-news{margin-top: 40px;}
    .main-page{display: none;}
    .page-m{display: block;}
    .news-box{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
    .news-base p{height: auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;padding: 10px;line-height: 30px;}
    .news-base p span.last{float: none;}
    .news-inner{padding:24px;}
    .rele-pro{-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .rele-news li p{display: none;}
    .cont-base h1{font-size: 36px;}
    .cont-base p{font-size: 20px;}
    .cont-base p.cont-txt strong{font-size: 22px;}
    .cont-name p{font-size: 16px;line-height: 1.6;}
    .cont-ser ul li{width: 48%;margin-bottom: 20px;}
    .cont-ser ul li strong{font-size: 22px;}
    .error-base strong{font-size: 24px;}
}

@media screen and (max-width: 680px){
    .video-fr ul{display: none;}
    .video-fr p{display: block;margin-top: 20px;}
    .about-step li strong{margin-top: 20px;font-size: 18px;}
    .about-step ul{margin-left: -3%;}
    .about-step ul li{width: 47%;margin-bottom: 20px;background: #395B8F;padding-right: 0;height: auto;padding-bottom: 20px;}
    .about-step{padding-bottom: 20px;}
    .index-link,.index-link p a,.footer{font-size: 15px;}
    .place-txt p{font-size: 16px;line-height: 1.6;}
    .place-about{margin-top: 40px;}
    .place-show img{min-height: 240px;}
    .pro-list li:before{display: none;}
    .pro-list li{padding:0;width:47%;margin-left:3%;margin-bottom: 20px;}
    .pro-list ul{margin-left: -3%;}
    .pro-list li:hover a.txt{color: #2e4f80;}
    .pro-list li a.txt:before{display: none;}
    .pro-list li a.txt{line-height: 40px;}
    .rele-name{font-size: 24px;}
    .rele-pro{padding:10px;}
    .rele-txt{height: 40px;line-height: 40px;font-size: 16px;}
    .msg-show{margin-top: 40px;}
    .msg-txt{background: none;color: #335280;padding-left: 0;height: auto;line-height: 30px;margin-bottom: 20px;}
    .msg-txt strong{font-weight: bold;margin-right: 10px;}
    .msg-txt strong:after{display: none;}
    .msg-main{margin-top: 0;}
    .msg-show{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center 300px;padding-bottom: 30px;}
    .list-news:before{display: none;}
    .list-news ul{margin-left: 0;}
    .list-news li{margin-bottom: 16px;width: 100%;margin-left: 0;}
    .list-news{margin-top: 20px;}
    .ban-fr p{font-size: 16px;}
}
@media screen and (max-width: 550px){
    .logo{width: 140px;}
    .head{line-height: 48px;}
    .fix-night{padding: 16px 0 6px;}
    .fix-night p{padding-left: 22px;padding-top: 22px;}
    .fix-night a.ly{padding-left: 40px;}
    .fix-night a.ly strong{font-size: 22px;}
    .ban-btn i,.ban-fr p:before{display: none;}
    .ban-btn a{margin-left: 0;}
    .ban-fr p{font-size: 16px;margin-bottom: 20px;padding-left: 0;}
    .ban-txt{font-size: 30px;}
    .ban-btn{line-height: 40px;margin-top: 30px;}
    .ban-btn a{font-size: 18px;}
    .pro-fr li .list-txt{position: static;width: 100%;text-align: center;padding: 10px 16px;}
    .pro-fr li .list-pic{width: 100%;}
    .index-pro .list-txt h3 a{text-align: center;}
    .pro-fr li{margin-bottom:8px;}
    .pro-fl{width: 62%;}
    .pro-fr{width: 36%;}
    .index-txt{margin-bottom: 30px;}
    .index-txt h1{font-size: 30px;padding-bottom: 16px;}
    .place-txt h1,.inner-fr h1{font-size: 30px;}
    .index-txt h2{font-size: 28px;padding-bottom: 0;}
    .about-name h2,.about-nation h2,.cont-name h2{font-size: 28px;}
    .about-nation h2 span,.cont-name h2 span{font-size: 24px;}
    .about-txt strong{font-size: 28px;}
    .index-txt p,.about-txt p{display: none;}
    .index-case li .list-txt p{display: none;}
    .index-case li .list-txt{margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;padding:8px 6px;}
    .index-case li .list-txt h3 a{text-align: center;font-size: 18px;margin-bottom: 0;}
    .index-case li .list-pic{-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .video-txt{font-size: 20px;}
    .video-fl{width: 100%;}
    .video-fl span img{width: 50px;height: auto;}
    .video-fr{width: 100%;text-align: center;}
    .video-fr p{margin-top: 10px;}
    .index-link{display: none;}
    .footer{line-height: 26px;}
    .honor-fr ul li{padding:6px;}
    .inner-nav{line-height: 80px;}
    .inner-nav li a{font-size: 18px;}
    .inner-case,.inner-news{margin-top: 40px;}
    .inner-case ul{margin-left: 0;}
    .inner-case ul li{width: 100%;margin-left: 0;margin-bottom: 16px;-webkit-border-top-left-radius: 12px;-moz-border-top-left-radius: 12px;-ms-border-top-left-radius: 12px;-o-border-top-left-radius: 12px;border-top-left-radius: 12px;}
    .inner-name strong,.msg-txt strong{font-size: 24px;}
    .inner-name{margin-bottom: 20px;}
    .case-list li .txt{font-size: 18px;}
    .inner-fr ul li{height: auto;padding:20px 0;}
    .inner-fr ul li span{margin-top: 0;}
    .news-inner{margin-top: 40px;}
    .rele-news ul{margin-left: 0;}
    .rele-news ul li{width: 100%;margin-left: 0;}
    .cont-btn i,.cont-btn a:before,.cont-btn a:after{display: none;}
    .cont-base p{font-size: 18px;}
    .error-base strong{font-size: 18px;}
    .error-base p{font-size: 16px;line-height: 30px;}
    .error-btn{line-height: 50px;font-size: 20px;}
    
}
@media screen and (max-width: 480px){
    .place-main{margin: 16px auto;}
    .inner-shows,.news-box{padding-top: 16px;}
    .fix-day{padding: 10px 0 6px;}
    .fix-day a.zx{width: 44%;padding-top: 16px;font-size: 16px;}
    .fix-day a.bd,.fix-day a.bd strong i{font-size: 14px;}
    .fix-day a.bd strong{font-size: 22px;}
    .fix-night{font-size: 14px;padding-top: 10px;}
    .fix-night p{padding-left: 20px;padding-top:20px;width: 58%;}
    .fix-night a.ly{padding-left: 10px;}
    .fix-night a.ly strong{font-size: 20px;}
    .index-pro .list-txt h3 a{font-size: 16px;}
    .index-txt{margin-bottom: 24px;}
    .index-txt h1:after{width: 50px;height: 4px;}
    .index-txt h1,.place-txt h1,.inner-fr h1,.news-base h1{font-size: 26px;}
    .index-txt h2,.about-name h2,.about-nation h2,.cont-name h2,.cont-name h2{font-size: 24px;}
    .about-nation h2 span,.cont-name h2 span{font-size: 18px;}
    .about-txt strong{font-size: 24px;}
    .pro-fl{width: 100%;margin-bottom: 12px;}
    .pro-fr{width: 100%;}
    .pro-fr li{margin-bottom: 12px;}
    .index-pro,.index-case,.index-news,.about-intro,.about-ability,.about-honor,.about-nation{padding: 30px 0;}
    .index-case li .list-txt h3 a{font-size: 16px;}
    .index-case ul{margin-left: -2%;}
    .index-case li{width: 48%;margin-left: 2%;}
    .news-txt .more{color: #666;font-size: 16px;}
    .news-txt .link{font-size: 20px;-webkit-background-size: 20px 20px;-moz-background-size: 20px 20px;-ms-background-size: 20px 20px;-o-background-size: 20px 20px;background-size: 20px 20px;padding-left: 30px;}
    .news-name span{display: none;}
    .news-name a{font-size: 18px;white-space: initial;line-height: 28px;}
    .list-news li a{white-space: initial;line-height: 28px;}
    .index-news li{margin-top: 20px;}
    .about-step ul li{margin-bottom:12px;}
    .index-about{padding: 40px 0;}
    .about-txt{margin-bottom: 30px;}
    .footer{padding: 15px 0;}
    .about-intro li{font-size: 16px;}
    .about-intro li img{width: 84px;}
    .nation-pic p strong{font-size:18px;}
    .nation-pic{margin-top:20px;}
    .pro-list li a.txt{font-size: 18px;}
    .pro-list li{margin-bottom:10px;}
    .pro-list,.case-list,.news-list{margin:30px auto;}
    .inner-cont .cont01{font-size: 20px; padding-right: 52px;}
    .inner-cont .cont02 a{font-size: 24px;}
    .inner-shows{padding-bottom:40px;}
    .inner-show{margin-top: 30px;}
    .inner-nav{line-height: 60px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
    .inner-nav li a{font-size: 16px;}
    .inner-news li .pics{width: 120px;}
    .inner-news li .infos{padding: 2px 5px 2px 2px;}
    .inner-news li .infos > a{font-size: 16px;}
    .inner-news li .infos p{margin-top: 6px;}
    .msg-fc dt{font-size: 16px;margin-top: 20px;}
    .msg-fc dd{font-size: 18px;}
    .msg-pic{width: 120px;right: 10px;}
    .msg-btn span input{line-height: 48px;}
    .msg-fc{margin-top: 20px;}
    .inner-name a{font-size: 16px;}
    .case-list li p{display: none;}
    .case-list li .txt{margin-bottom: 0;text-align: center;}
    .case-list ul li,.case-list li .pic a img{-webkit-border-radius: 0 10px 0 10px;-moz-border-radius: 0 10px 0 10px;-ms-border-radius: 0 10px 0 10px;-o-border-radius: 0 10px 0 10px;border-radius: 0 10px 0 10px;}
    .case-list ul li{margin-bottom: 20px;}
    .case-list li .info{padding: 10px 8px;line-height: 24px;}
    .case-list li .txt{font-size: 16px;}
    .inner-fr h1{margin-bottom: 16px;}
    .inner-fr ul li span{font-size: 15px;}
    .inner-fr ul li{font-size: 18px;}
    .inner-cont{margin-top: 20px;}
    .inner-fr p.case-line{padding: 8px 0;}
    .main-fl h2,.main-fl h3{font-size: 22px;margin-bottom: 20px;}    
    .main-fl h3,.main-fl h2{font-size: 22px;padding-left: 44px;margin-bottom: 20px;}
    .main-fl h3:before,.main-fl h2:before{width: 40px;height: 23px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;top:6px;}
    .main-fl p,.main-fl table{margin-bottom: 16px;}
    .main-fl p{font-size: 16px;}
    .inner-main{margin-top: 40px;}
    .prev-next{padding: 6px;margin: 30px 0;}
    .prev-next ul{padding: 0 12px;}
    .prev-next ul li img{display: none;}
    .prev-next ul li{font-size: 16px;line-height: 48px;}
    .hot-fl .info .txt{font-size: 20px;}
    .hot-fr li a{font-weight: bold;}
    .hot-fl .info span,.hot-fl .info .more,.hot-fr li span{display: none;}
    .hot-fr li p,.hot-fl .info p{margin-bottom: 0;}
    .hot-fl .info .txt,.hot-fr li a{font-size: 18px;}
    .hot-fr li{margin-bottom: 10px;}
    .hot-fr{margin-top: 10px;}
    .hot-fl .info, .hot-fr li{padding: 12px;}
    .page-m{margin: 30px auto 40px;}
    .news-base{margin-top: 32px;}
    .news-base p{margin-top: 24px;}
    .news-base p span{font-size: 13px;margin-right: 8px;}
    .news-base p span img{width: 14px;margin-right: 4px;}
    .news-inner{padding:16px;}
    .news-inner{margin-top: 30px;}
    .rele-news li a{font-size: 16px;}
    .rele-news ul li{margin-bottom: 12px;}
    .cont-base h1{font-size: 30px;}
    .cont-base p{font-size: 16px;line-height: 1.8;margin-bottom: 30px;}
    .cont-base p.cont-txt img{width: 16px;}
    .cont-base p.cont-txt strong{font-size: 20px;}
    .cont-base p.cont-txt{margin-bottom: 10px;}
    .cont-base{margin-top: 60px;}
    .cont-btn{margin-top: 40px;}
    .cont-box{padding-bottom: 60px;}
    .cont-btn{line-height: 50px;}
    .cont-btn a{font-size: 20px;}
    .cont-ser ul li strong{font-size: 20px;padding: 8px 0;}
    .cont-ser ul li p{padding: 10px;}
    .cont-name p{margin-top: 12px;}
    .banner{text-align: center;}
    .ban-fl{width: 100%;left: 0; position: static;    padding-right: 0;margin: 30px 0 10px 0;}
    .ban-fl .ban02 img{max-width: 300px;width: 100%;}
    .ban-fr{width: 100%;padding-top: 0;}
    .ban-txt{margin-bottom: 24px;}
    .news-name a{font-size: 16px;}
    .error-base strong i{display: none;}
    .msg-fl li textarea{height: 120px;}
    .msg-btn{margin-top: 20px;}
    .inner-cont .cont01{width: 240px;height: 79px;line-height: 79px;font-size: 18px;padding-right: 40px;}
    .inner-cont .cont02{margin-top: 10px;}
    .main-fl p strong{font-size: 18px;}
    .rele-name{font-size: 22px;}
    .cont-name{margin-bottom: 20px;}
    body{padding-bottom:60px;padding-bottom: calc(60px + env(safe-area-inset-bottom));}
}
@media screen and (max-width: 370px){
    .navBtn img{width: 24px;}
 
    .fix-day a.zx{padding-top: 12px;font-size: 15px;}
    .fix-day a.bd{font-size: 12px;}
    .fix-day a.bd strong{font-size: 17px;}
    .fix-day a.bd:before{top:8px;}
    .fix-night{font-size: 12px;padding-top: 8px;}
    .fix-night p{width: 58%;}
    .fix-night a.ly strong{font-size: 18px;}
    .index-txt h1,.place-txt h1,.inner-fr h1,.news-base h1{font-size: 22px;}
    .index-txt h2,.about-name h2,.about-nation h2{font-size: 20px;}
    .main-fl h2,.main-fl h3,.cont-name h2{font-size: 20px;}
    .about-nation h2 span,.cont-name h2 span{font-size: 16px;}
    .ban-txt{font-size: 24px;}
    .about-txt strong{font-size: 20px;}
    .index-case li .list-txt h3 a{font-size: 15px;}
    .news-txt .link{font-size: 18px;}
    .about-step:after{left: 8px;top: 8px;right: 8px;bottom: 8px;}
    .about-step{padding: 20px 16px;}
    .about-step li p{font-size: 15px;}
    .footer{font-size: 13px;}
    .about-intro ul{margin-top: 10px;}
    .about-intro li{font-size: 14px;}
    .about-honor .ban-btn a{font-size: 18px;}
    .nation-pic p strong{font-size:16px;}
    .pro-list li a.txt{font-size: 16px;}
    .pro-list,.case-list,.news-list{margin:24px auto;}
    .pro-list li a.pic img{-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .inner-nav{line-height: 50px;}
    .inner-nav li a{font-size: 15px;}
    .inner-case,.inner-news{margin-top: 30px;}
    .inner-case li .info01{font-size: 16px;}
    .inner-news li .pics{width: 100px;}
    .inner-news li .infos p{display: none;}
    .inner-news li .infos > a{font-weight: normal;margin-top: 8px;}
    .msg-fc dd{font-size: 16px;}
    .msg-pic{width: 100px;right: 6px;}
    .msg-fl p{display: none;}
    .msg-fc{margin-top: 10px;}
    .msg-show{margin-top: 20px;}
    .place-txt p{font-size: 15px;}
    .case-list ul li{margin-bottom: 10px;}
    .case-list li .txt,.list-news li a{font-size: 15px;}
    .inner-fr p{line-height: 1.8;}
    .hot-fl .info, .hot-fr li{padding: 12px 8px;}
    .hot-fl .info .txt, .hot-fr li a{font-size: 16px;}
    .hot-fl .info p,.hot-fr li p{margin-top: 10px;font-size: 15px;line-height: 28px;}
    .news-base p img{display: none;}
    .news-base p span{font-size: 12px;}
    .news-base p{line-height: 24px;}
    .main-fl h3:before{width: 30px;height: 17px;top: 12px;}
    .main-fl h3{padding-left: 32px;}
    .cont-base h1{font-size: 26px;}
    .cont-base p{font-size: 15px;}
    .cont-base p.cont-txt strong{font-size: 18px;}
    .cont-base p.cont-txt img{margin-right: 4px;}
    .cont-btn{line-height: 44px;}
    .cont-btn a{font-size: 18px;}
    .cont-ser ul li p{font-size: 15px;}
    .cont-ser ul li strong{font-size: 16px;}
    .cont-name p{display: none;}
    .ban-fr p{font-size: 15px;margin-bottom: 12px;}
    .error-base strong{margin-top: 30px;}
    .index-case ul{margin-left: 0;}
    .index-case li{width: 100%;margin-left: 0;margin-bottom: 10px;}
    .index-news li{margin-top: 10px;}
    .inner-cont .cont02 a{font-size: 22px;}
}

.pc_cs {
    display: block;
}

.mob_cs {
    display: none;
}

@media screen and (max-width: 480px) {
    .mob_cs {
        display: block;
    }

    .pc_cs {
        display: none;
    }

}