@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
.dn{display:none}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",sans-serif;min-width:1024px;}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
img{object-fit:cover}
video{outline:0;border:none}
a{color:#999;text-decoration:none;border:none;outline:0}
textarea{resize:none}
.dn{display:none}
i,em{font-style: normal;}
.wrap{max-width:1440px;margin:0 auto;width:94%}
.wp{max-width:1200px;margin:0 auto;width:94%}
.container{max-width:1580px;margin:0 auto;width:94%}
.header{line-height:47px;padding:10px 0;position:absolute;width:100%;left:0;top:86px;z-index:999}
.header .container{min-width:1024px}
.head-inner{top:10px;padding:25px 0}
.head{background:url(../images/lx-banner.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:static;top:0;padding:35px 0 25px}
.header .logo{float:left;margin-right:20px}
.header .nav{float:left;width:58%;margin-left:64px}
.header .nav ul{overflow:hidden}
.header .nav ul li{float:left;width:12.5%;text-align:center}
.header .nav ul li a{display:block;color:#fff;font-size:18px}
.header .nav ul li.on a,.header .nav ul li:hover a{color:#4d7ad2}
.header .head-tel{float:right}
.header .head-tel p{background:url(../materimg/index-tel.png) no-repeat left center;padding-left:56px;font-size:16px;color:#fff}
.header .head-tel p strong{font-size:24px;color:#fda82b}

.header .nav ul{overflow: visible;}
.nav-pro{position: relative;}
.nav-pro:hover .nav-more{display: block;}
.nav-more{background-color: #152036;position: absolute;top: 100%;left: -20px;width: 140px;display: none;z-index: 99999;}
.header .nav .nav-more li{float: none;width: 100%;display: block;}
.header .nav .nav-more li a{display: block;color: #cfcfcf;font-size: 16px;line-height: 44px;}
.header .nav .nav-more li:hover a{color: #cfcfcf;background-color: #3c5c99;}
.header .nav ul li:hover a ~ ul a{color: #cfcfcf;}

.crumb{padding:10px 0;line-height:30px;background:url(../materimg/crummbs-icon.png) no-repeat left center;padding-left:26px;font-size:16px}
.crumb li{display:inline-block;color:#d6d6d6}
.crumb li a{color:#d6d6d6}
.crumb li a:hover{color:#2880db}
.crumb-grid li{color:#252e40}
.crumb-grid li a{color:#252e40}

.banner-inner{background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top center;padding:110px 0 250px}


/* top */
.mater-ban{background-image: url(../materimg/mater-top.jpg);padding-bottom: 60px;}
.mater-base{margin-top: 100px;}
.mater-base h1{color:#FFF;font-size: 60px;line-height: 1.2;margin-bottom: 40px;}
.mater-base p{color: #e8e8e8;font-size: 22px;line-height: 1.6;position: relative;padding-left: 30px;margin-top: 14px;}
.mater-base p strong{color: #fcaf97;font-size: 28px;font-weight: normal;}
.mater-base p a{color: #FFF;font-size: 24px;}
.mater-base p a:hover{color: #fcaf97;}
.mater-base p:before{content: "";position: absolute;left: 0;top: 10px;width: 18px;height: 21px;background: url(../materimg/mater-icon01.png) no-repeat;}


/* 01 */
.mater-intro{padding: 80px 0;background: url(../materimg/mater-intro01.png);position: relative;}
.mater-intro:before{content: "";position: absolute;left: 0;top: 0;width: 535px;height:100%;background: url(../materimg/mater-intro04.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.intro-show{position: relative;height:560px;z-index: 0;}
.intro-show:before{content: "";position: absolute;left: 0;top: 0;width: 70%;height:100%;background: url(../materimg/mater-intro02.png);-webkit-box-shadow: 0 0 30px rgba(34,58,94,.1);-moz-box-shadow: 0 0 30px rgba(34,58,94,.1);-ms-box-shadow: 0 0 30px rgba(34,58,94,.1);-o-box-shadow: 0 0 30px rgba(34,58,94,.1);box-shadow: 0 0 30px rgba(34,58,94,.1);-webkit-border-radius: 0 20px 20px 0;-moz-border-radius: 0 20px 20px 0;-ms-border-radius: 0 20px 20px 0;-o-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0;z-index: -1;}
.intro-show .wrap{position: relative;}
.intro-pic{position: absolute;top:-20px;right: 0;width: 600px;height: 600px;padding: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: url(../materimg/mater-intro03.png);-webkit-box-shadow: 0 0 30px rgba(34,58,94,.2);-moz-box-shadow: 0 0 30px rgba(34,58,94,.2);-ms-box-shadow: 0 0 30px rgba(34,58,94,.2);-o-box-shadow: 0 0 30px rgba(34,58,94,.2);box-shadow: 0 0 30px rgba(34,58,94,.2);}
.intro-pic img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

.intro-info{padding: 70px 0;width: 50%;}
.mater-txt{position: relative;padding-top: 40px;margin-bottom: 50px;}
.mater-txt span{position: absolute;left: 0;bottom: 0;}
.mater-txt h2{display: inline-block;position: relative;color: #223a5e;font-size: 42px;line-height: 1.1;z-index: 0;}
.mater-txt h2:before{content: "";position: absolute;left: 0;right:0;bottom: 0;height: 10px;background-color: rgba(252,115,73,.2);z-index: -1;}
.intro-info p{position: relative;color: #4c4c4c;font-size: 20px;line-height: 1.9;padding-left: 30px;margin-top: 22px;}
.intro-info p:before{content: "";position: absolute;left: 0;top: 11px;width: 18px;height: 18px;background: url(../materimg/mater-icon02.png) no-repeat;}


/* 02 */
.mater-cases{padding: 60px 0 100px;background-color: #223A5E; position: relative;}
.mater-cases:before{content: "";position: absolute;right: 0;top: 0;width: 716px;height:100%;background: url(../materimg/mater-casebg.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.mater-cases .mater-txt h2{color: #FFF;}
.cases-fl{float: left;width: 40%;}
.cases-fl p{color: #dedede;font-size: 20px;line-height: 2;}
.mater-btn{margin-top: 55px;}
.mater-btn a{display: inline-block;color:#FEFEFE;font-size: 22px; background-color: #fc7349; padding: 0 80px 0 46px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;-webkit-box-shadow: 0 4px 8px rgba(252,115,73,.35);-moz-box-shadow: 0 4px 8px rgba(252,115,73,.35);-ms-box-shadow: 0 4px 8px rgba(252,115,73,.35);-o-box-shadow: 0 4px 8px rgba(252,115,73,.35);box-shadow: 0 4px 8px rgba(252,115,73,.35);position: relative;}
.mater-btn a:after{content: "";position: absolute;right: 46px;top: 17px; width: 24px;height: 29px;background: url(../materimg/mater-icon03.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.mater-btn a:hover:after{right: 36px;}
.cases-fl .mater-btn a{line-height: 62px;}
.cases-fr{float: right;width: 55.5%;}
.cases-video{margin-top: 40px;position: relative;}
.cases-video video{width: 100%;height: auto; -webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.cases-video span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;background: url(../materimg/mater-videos.png) no-repeat center;cursor: pointer;}


/* 03 */
.mater-line{padding:80px 0;background: url(../materimg/mater-intro02.png);}
.mater-line .wrap{position: relative;}
.line-no{display: none;}
.line-fl{float: left;width: 65%;background-color: #e5eef5;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.line-pro{margin:0 0 0 auto; width: 60%;padding:32px 18px 24px 30px; background-color: #FFF;-webkit-box-shadow: inset 0 0 20px rgba(34,58,94,.15);-moz-box-shadow: inset 0 0 20px rgba(34,58,94,.15);-ms-box-shadow: inset 0 0 20px rgba(34,58,94,.15);-o-box-shadow: inset 0 0 20px rgba(34,58,94,.15);box-shadow: inset 0 0 20px rgba(34,58,94,.15);}
.line-info{display: block;overflow: hidden;}
.line-info strong{display: block;color: #2e4f80;font-size: 20px;line-height: 1.1;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-info strong a,.line-info strong i{color: #fC7349;font-weight: normal;}
.line-info strong a:hover{text-decoration: underline;}
.line-info p{color: #2e4f80;font-size: 18px;line-height: 1.7;margin-top: 10px;}
.line-info p span{display: inline-block;font-size: 18px;}
.line-info p.p1{margin-top: 12px;}
.line-info p.p2{color: #4c4c4c;}

.line-pic{float: right;width: 250px;margin-left: 10px;}
.line-pic img{width: 100%;height: auto;margin-top: -20px;}
.line-tu{margin: 30px 33px;}
.line-tu img{width: 100%;height: auto;}

.line-base{position: absolute;left: 24px;top: 60px;}
.line-base strong{display: block;color: #223a5e;font-size: 34px;line-height: 1.2;}
.line-font p{margin-top: 50px;font-size: 20px;color: #2e4f80;background: url(../materimg/mater-icon07.png) no-repeat left center;    padding-left: 26px;}
.line-font p i{color: #fc7349;}
.line-tab{margin-top: 60px;}
.line-tab span{display: inline-block;color: #2e4f80;font-size: 22px;line-height: 1.2;position: relative;padding-left: 24px;margin-right: 20px;cursor: pointer;}
.line-tab span:before{content: "";position: absolute;left: 0;top: 3px;width: 12px;height: 12px;border:3px solid #2e4f80;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.line-tab span.on{color: #fc7349;}
.line-tab span.on:before{border-color:#fc7349;}
.line-name{position: absolute;left:70%;top:60px;}

.line-fr{float: right;width: 30%;margin-top: 160px;}
.line-fr li{color: #4c4c4c;font-size: 18px;line-height: 2;position: relative;padding-left: 30px;margin-top: 26px;}
.line-fr li i{position: absolute;left: 0;top: 8px;width: 22px;height: 22px;text-align: center;line-height: 22px;background-color: #fc7349;color: #FFF;font-size: 18px;font-style: normal;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.line-fr p{color: #2e4f80;font-size: 20px;line-height: 1.6;margin-top: 30px;}
.line-fr .mater-btn{text-align: center;}
.line-fr .mater-btn a{line-height: 70px;}
.line-fr .mater-btn a:after{top: 21px;}


/* 04 */
.mater-final{padding:0 0 80px;background: url(../materimg/mater-intro02.png);}
.final-show{position: relative;z-index: 0;}
.final-show:before{content: "";position: absolute;left: 28%;right:0;top: 0;bottom:0;background: url(../materimg/mater-finalbg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;z-index: -1;}
.final-fl{float: left;width: 38%;padding:50px 30px;margin-top: 60px; background-color: #FFF;-webkit-box-shadow: 0 0 30px rgba(34,58,94,.1);-moz-box-shadow: 0 0 30px rgba(34,58,94,.1);-ms-box-shadow: 0 0 30px rgba(34,58,94,.1);-o-box-shadow: 0 0 30px rgba(34,58,94,.1);box-shadow: 0 0 30px rgba(34,58,94,.1);-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.final-fl p{color: #223a5e;font-size: 24px;line-height:1.8;}
.final-fl img{margin-top: 20px;width: 100%;height: auto;}

.final-fr{float: left;width: 61%;padding:48px 60px;}
.final-fr img{width: 100%;height: auto;}


/* 关于 */
.mater-about{background: url(../materimg/mater-aboutbg01.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:80px 0;}

.about-fr{float: right;width: 100%;}
.about-fr strong{display: block;line-height: 1.1;color: #FFF;font-size: 42px;margin-bottom: 40px;text-align: center;}
.about-fr strong i{display: inline-block;font-size: 28px;font-weight: normal;padding-left: 10px;letter-spacing: 0.5px;}
.about-fr p{color: #dedede;font-size: 20px;line-height: 2;text-align: center;}
.about-fr ul{margin-top: 60px;margin-left: -3%;}
.about-fr ul li{float: left;width: 30.3%;margin-left: 3%;background: url(../materimg/mater-aboutbg02.png);text-align: center;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;overflow: hidden;}
.about-fr ul li img{width: 100%;height: auto;}
.about-fr ul li .txts{line-height: 40px;color: #FFF;font-size: 20px;padding:20px 0;}
.about-fr ul li .txts span{font-size: 28px;}


/* 相关设备 */
.mater-rele{background-color: #E5EEF5;padding:80px 0;}
.mater-name{color: #223a5e;font-size: 42px;line-height: 1.2;font-weight: bold;}
.mater-name a{float: right;color: #3d6299;font-size: 20px;font-weight: normal;}
.mater-name a:hover{color: #FC7349;}
.mater-rele ul{margin-left: -3%;margin-top: 60px;}
.mater-rele ul li{float: left;width: 22%;margin-left: 3%;padding: 0 20px;position: relative;z-index: 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;}
.mater-rele ul li:before{content: "";position: absolute;left: 0;right:0;top: 90px;bottom:0;background-color: #223a5e;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;z-index: -2;}
.mater-rele ul li:after{content: "";position: absolute;left: 10px;right:10px;top: 80px;bottom:10px;border:1px dashed #B55235;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;z-index: -1;}
.rele-pic{display: block;position: relative;padding-top: 72.4%;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;overflow: hidden;}
.rele-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.rele-info{padding: 12px 0 30px 6px;position: relative;}
.rele-txt{display: block;color: #FFF;font-size: 22px;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rele-txt:hover{color: #fc7349;}
.rele-info p{color: #e8e8e8;font-size: 18px;line-height: 1.6;margin-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 32px;}
.rele-info p span{color: #FFF;}
.rele-more{position: absolute;right:2px;top:54px;width: 32px;height: 32px;line-height: 27px;text-align: center;color: #FFF;font-size: 32px;background-color: #fc7349;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.rele-more:hover{font-size: 36px;}
.mater-rele ul li:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}


/* 相关新闻 */
.mater-news{background-color: #FFF;padding:80px 0 140px;}
.news-hot{margin-top: 50px;}
.news-hot ul{margin-left: -3.3%;}
.news-hot ul li{float: left;width: 30%;margin-left: 3.3%;}
.hot-pic{display: block;position: relative;padding-top: 55.6%;-webkit-border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;-ms-border-radius: 20px 20px 0 0;-o-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;overflow: hidden;-webkit-box-shadow: 0 0 20px rgba(34,58,94,.2);-moz-box-shadow: 0 0 20px rgba(34,58,94,.2);-ms-box-shadow: 0 0 20px rgba(34,58,94,.2);-o-box-shadow: 0 0 20px rgba(34,58,94,.2);box-shadow: 0 0 20px rgba(34,58,94,.2);}
.hot-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.hot-info{position: relative;top:-20px;padding:24px;background-color: #FFF;-webkit-border-radius: 20px 0 20px 20px;-moz-border-radius: 20px 0 20px 20px;-ms-border-radius: 20px 0 20px 20px;-o-border-radius: 20px 0 20px 20px;border-radius: 20px 0 20px 20px;-webkit-box-shadow: 0 2px 20px rgba(34,58,94,.2);-moz-box-shadow: 0 2px 20px rgba(34,58,94,.2);-ms-box-shadow: 0 2px 20px rgba(34,58,94,.2);-o-box-shadow: 0 2px 20px rgba(34,58,94,.2);box-shadow: 0 2px 20px rgba(34,58,94,.2);}
.hot-info a{display: block;color: #333;font-size: 22px;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot-info p{color: #666;font-size: 18px;line-height: 32px;height: 64px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 14px;}
.hot-info span{position: absolute;right: 0;top:-50px;width:200px;height:50px;line-height: 50px; background: url(../materimg/mater-news.png) no-repeat;text-align: center;color: #808080;font-size: 20px;}
.hot-info span:before{content: '';display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 8px; width: 22px;height: 22px;background: url(../materimg/mater-icon06.png) no-repeat;}
.news-hot ul li:hover .hot-info a{color: #fc7349;}


.news-list ul{margin-left: -4%;}
.news-list ul li{float: left;width: 46%;margin-left: 4%;padding:20px 25px;background: url(../materimg/mater-newsbg.png);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;margin-top: 40px;}
.list-txt{display: block;color: #333;font-size: 22px;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list ul li:hover .list-txt{color: #fc7349;}
.news-list p{color: #666;font-size: 18px;line-height: 32px;height: 64px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0 16px;}
.list-time span{display: inline-block;color: #666;font-size: 20px;}
.list-time a{float: right;color: #223a5e;font-size: 20px;padding-right:30px;background: url(../materimg/mater-icon04.png) no-repeat center right;}
.list-time a:hover{color: #fc7349;background-image: url(../materimg/mater-icon05.png);}


.news-inner{margin-top: 50px;}
.news-lb{margin-left:-3%}
.news-lb li{float:left;width:47%;margin-left:3%;padding-left:50px;position:relative;margin-bottom:40px}
.news-lb li .pic{float:left;width:210px;max-height:140px;object-fit:cover;overflow:hidden;position:absolute;left:0;top:0;-webkit-box-shadow:0 5px 13px rgba(56,86,145,.47);-moz-box-shadow:0 5px 13px rgba(56,86,145,.47);-ms-box-shadow:0 5px 13px rgba(56,86,145,.47);-o-box-shadow:0 5px 13px rgba(56,86,145,.47);box-shadow:0 5px 13px rgba(56,86,145,.47);border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px}
.news-lb li .pic img{display:block;width:100%;height:auto;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px}
.news-lb li .txt{background-color:#fff;padding:18px 30px 15px 185px;-webkit-box-shadow:0 5px 13px rgba(56,86,145,.13);-moz-box-shadow:0 5px 13px rgba(56,86,145,.13);-ms-box-shadow:0 5px 13px rgba(56,86,145,.13);-o-box-shadow:0 5px 13px rgba(56,86,145,.13);box-shadow:0 5px 13px rgba(56,86,145,.13);margin-top:28px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.news-lb li .txt .tit{display:block;font-size:20px;color:#4a4a4a;line-height:34px;height:68px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px}
.news-lb li .qt{overflow:hidden}
.news-lb li .qt .gn{font-size:16px;line-height:24px;border:1px dashed #e7e7e7;display:inline-block;padding:0 10px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
.news-lb li .qt .date{display:block;float:right;font-size:16px;color:#4a4a4a;line-height:24px;background:url(../materimg/time.png) no-repeat left center;padding-left:22px}
.news-lb li:hover .tit{color:#FC7349}



/* 左侧导航 */
.mater-nav{position: fixed;left: 12px;top:160px;width: 130px;height:360px;background: url(../materimg/mater-nav.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-right: 20px; display: none;z-index: 999;}
.mater-nav ul{margin: 30px 0 25px;}
.mater-nav li{font-size: 18px;border-bottom:1px dashed rgba(252,115,73,.3); line-height: 50px;padding-left: 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; position: relative;}
.mater-nav li:last-child{border:none;}
.mater-nav li:before{content: "";position: absolute; top: 20px;left: 10px;width: 8px;height: 8px;border:1px solid #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.mater-nav li a{color: #FFF;display: block;letter-spacing: 0.5px;}
.mater-nav li.current a,.mater-nav li:hover a{color: #fc7349;}
.mater-nav li.current:before,.mater-nav li:hover:before{border-color:#fc7349;background-color: #fc7349;}



/* 公共 */
.message-box{background:url(../materimg/msg-bg.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.message-box:after{content:'';width:684px;height:369px;background:url(../materimg/msg-img.png) no-repeat;position:absolute;right:0;top:0}
.message-box::before{content:'';width:404px;height:118px;background:url(../materimg/msg-dot.png) no-repeat;position:absolute;left:8px;top:40px}
.show-msg .msg-fl{float:left;width:50%;margin-top:75px}
.show-msg .msg-fl strong{display:block;font-size:50px;line-height:60px;color:#fff;font-weight:400;margin-bottom:28px;position:relative;z-index:1}
.show-msg .msg-fl p{font-size:18px;color:#babdc6;line-height:28px}
.show-msg .msg-fl ul{margin-top:75px;overflow:hidden;margin-left:-2%}
.show-msg .msg-fl li{float:left;position:relative;width:46.3%;margin-left:2%;margin-right:1.7%;margin-bottom:18px;background:url(../materimg/msg-bg.png) no-repeat}
.show-msg .msg-fl li img{position:absolute;left:20px;top:20px;width:18px;height:auto}
.show-msg ul li input,.show-msg ul li textarea{color:#dfdede;width:100%;line-height:32px;padding:14px 15px 14px 45px;font-size:16px;background-color:transparent;outline:0}
.show-msg input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #424d6e inset!important;box-shadow:0 0 0 1000px #424d6e inset!important;-webkit-text-fill-color:#dfdede!important}
.show-msg ul li.msg-area{width:98%;height:218px;margin-right:0;background:url(../materimg/msg-bg1.png) no-repeat}
.show-msg ul li.msg-area textarea{height:93%}
.show-msg ul li.msg-area img{top:22px}
.foot-btn{position:relative;width:210px;margin-top:28px;margin-bottom:58px;-webkit-box-shadow:0 8px 8px #444046;-moz-box-shadow:0 8px 8px #444046;-ms-box-shadow:0 8px 8px #444046;-o-box-shadow:0 8px 8px #444046;box-shadow:0 8px 8px #444046}
.foot-btn input{width:100%;height:60px;line-height:60px;text-align:center;background-color:#fc7349;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;cursor:pointer;color:#fff;font-size:22px;padding-right:30px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.foot-btn img{position:absolute;left:60%;top:19px;width:24px;height:auto}
.foot-btn:hover input{padding-right:0}
.foot-btn:hover img{-webkit-animation:fadeio .3s forwards;-moz-animation:fadeio .3s forwards;-ms-animation:fadeio .3s forwards;-o-animation:fadeio .3s forwards;animation:fadeio .3s forwards}
@-webkit-keyframes fadeio{
    0%{top:19px}
    33%{top:2px;left:65%}
    66%{top:-22px;left:70%;opacity:1}
    100%{top:-44px;left:80%;opacity:0}
}
@keyframes fadeio{
    0%{top:19px}
    33%{top:2px;left:65%}
    66%{top:-22px;left:70%;opacity:1}
    100%{top:-44px;left:80%;opacity:0}
}
.show-msg .msg-fr{float:right;width:50%;padding:0 30px;position:relative;margin-top:-80px}
.show-msg .msg-fr .con{background-color:rgba(135,153,190,.3);border-radius:4px 79px 4px 4px;-webkit-border-radius:4px 79px 4px 4px;-moz-border-radius:4px 79px 4px 4px;-ms-border-radius:4px 79px 4px 4px;-o-border-radius:4px 79px 4px 4px;padding-bottom:65px}
.show-msg .msg-fr strong{display:block;font-size:24px;color:#354056;line-height:34px;padding:28px 0 20px;text-align:center}
.msg-caption{margin-top:105px;padding:45px 0 45px 60px;position:relative;z-index:1}
.msg-caption p{font-size:18px;line-height:28px;color:#fefefe;margin-bottom:32px;padding-left:48px;position:relative}
.msg-caption p span{color:#eda831}
.msg-caption p:before{content:'';width:16px;height:16px;border:3px solid #c4d4f6;position:absolute;left:0;top:3px;box-shadow:0 0 10px #8a9ec0}
.msg-caption p.one:before{border-color:#eda831;box-shadow:0 0 10px #eda831}
.msg-caption:after{content:'';position:absolute;top:0;left:70px;bottom:0;width:1px;background:url(../materimg/msg-line.png) no-repeat;z-index:-1}
.foot-online{position:absolute;right:0;bottom:-43px}
.foot-online .grid{position:relative}
.foot-online p{font-size:18px;color:#1c2a46;background-color:#8ba0d0;line-height:66px;padding:0 170px 0 35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-box-shadow:0 2px 8px #23395f;-moz-box-shadow:0 2px 8px #23395f;-ms-box-shadow:0 2px 8px #23395f;-o-box-shadow:0 2px 8px #23395f;box-shadow:0 2px 8px #23395f}
.foot-online p span{color:#263452}
.foot-online p em{font-style:normal;font-size:26px;color:#ffc169;font-weight:700}
.foot-online .foot-tel{display:block;width:150px;border-radius:0 24px 0 24px;-webkit-border-radius:0 24px 0 24px;-moz-border-radius:0 24px 0 24px;-ms-border-radius:0 24px 0 24px;-o-border-radius:0 24px 0 24px;background-color:#84a5e8;font-size:24px;line-height:60px;text-align:center;color:#fff;position:absolute;right:-8px;top:-18px;-webkit-box-shadow:0 4px 4px #58698e;-moz-box-shadow:0 4px 4px #58698e;-ms-box-shadow:0 4px 4px #58698e;-o-box-shadow:0 4px 4px #58698e;box-shadow:0 4px 4px #58698e}
.foot-online .grid:after{content:'';width:165px;height:148px;background:url(../materimg/msg-kf.png) no-repeat;position:absolute;right:34px;top:-166px}
.foot-online .foot-tel:hover{background-color:#ffc169}
.footer{font-size:16px;color:#d8d8d8;line-height:26px;padding:15px 0;background-color:#131e33;text-align:center}
.footer a{color:#d8d8d8;margin-left:15px}
.footer a:hover{color:#fff;text-decoration: underline;}

.fixed-right{width:150px;height:314px;position:fixed;right:10px;bottom:30%;background:#7ba6ed;background:-moz-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-webkit-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-o-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-ms-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);border-radius:10px 10px 75px 75px;padding:6px 6px 0;z-index:999}
.fixed-right .fixed{background-color:#fff;border-radius:10px 10px 24px 24px;text-align:center;padding-top:33px;position:relative}
.fixed-right .fixed a{display:inline-block;width:124px;height:38px;line-height:38px;background-color:#b3cdff;font-size:20px;color:#0e2655;border-radius:19px;margin-bottom:30px}
.fixed-right .fixed a:hover{background-color:#ffa11b}
.fixed-right .fixed .fix-get{position:relative;z-index:1}
.fixed-right .fixed:after{content:'';width:125px;height:123px;background:url(../materimg/swt-kf.png) no-repeat;position:absolute;top:-70px;left:6px}
.return-top{display:block;width:100%;height:62px;border-radius:0 0 75px 75px;cursor:pointer;background:url(../materimg/top.png) no-repeat center}
.b-box{position:relative;z-index:1}
.b-box .box{width:182px;position:absolute;right:-150%;top:-36px;background-color:#fff;padding:10px 10px 5px 12px;border:1px solid #f6f6f6;-webkit-box-shadow:2px 0 4px #f6f6f6;-moz-box-shadow:2px 0 4px #f6f6f6;-ms-box-shadow:2px 0 4px #f6f6f6;-o-box-shadow:2px 0 4px #f6f6f6;box-shadow:2px 0 4px #f6f6f6;z-index:-1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.b-box:hover .box{right:111%;z-index:9}
.b-box .box .top{overflow:hidden}
.b-box .box .top img{float:left}
.b-box .box .top .txt{float:left;margin-left:5px;margin-top:6px}
.b-box .box .top .txt p{font-size:14px;color:#4a4a4a;line-height:24px}
.b-box .box .top .txt span{display:block;font-size:14px;color:#7f7f7f;line-height:24px;font-style:italic}
.b-box strong{display:block;font-size:20px;color:#1559d6;line-height:30px}
.b-box .box:after{content:'';width:9px;height:19px;background:url(../materimg/swt-arr.png) no-repeat;position:absolute;right:-9px;top:45px}



@media screen and (max-width:1540px){
    .line-base strong{font-size: 32px;}
}
@media screen and (max-width:1439px){
    .news-lb li .qt .gn{max-width: 65%;}
    .about-fr ul li .txts span{font-size: 24px;}
}
@media screen and (max-width: 1399px){
    .line-pic{width: 220px;}
    .line-fr{margin-top: 120px;}
    .line-name{top:0;}
    .line-fr li{font-size: 16px;}
    .line-base strong{font-size: 30px;}
}
@media screen and (max-width: 1359px){
    .header .nav{margin-left: 40px;}
    .mater-base h1{font-size: 55px;}
    .intro-info{width: 48%;}
    .final-fl p{font-size: 22px;}
    .final-fl ul li span{font-size: 18px;line-height: 20px;width: 20px;top: 30px;}
    .rele-more{display: none;}
    .line-base{left: 20px;}
    .line-tab span{margin-right: 16px;}
    .news-lb li .qt .gn{max-width: 60%;}
}
@media screen and (max-width: 1279px){
    .header .nav ul li a{font-size:16px}
    .header .nav{margin-left:0}
    .header .logo{width:150px}
    .header .head-tel p{padding-left:40px}
    .message-box:after{width:300px;background-size:100%}
    .show-msg .msg-fr{padding:0 10px}
    .foot-online .grid:after{right:14px}
    .foot-online .foot-tel{width:130px}
    .foot-online p{padding:0 130px 0 15px}
    .foot-online p em{font-size:22px}

    .mater-nav{display: none!important;}
    .mater-base h1{font-size: 50px;}
    .intro-info{padding: 50px 0;}
    .mater-btn{margin-top: 40px;}
    .cases-video{margin-top: 80px;}
    .line-tab{margin-top: 40px;}
    .line-tab span{display: block;margin-right: 0;margin-bottom: 12px;}
    .line-info p.p1,.line-info p.p2{display: none;}
    .line-info strong a,.line-info strong i{display: block;line-height: 2;}
    .line-pro{padding-bottom: 100px;}
    .line-base{top:40px;}
    .line-base strong{font-size: 28px;}
    .line-font p{font-size: 16px;}
    .line-fr li{margin-top: 12px;}
    .final-fl p{font-size: 18px;}
    .final-fr ul li span{font-size: 22px;}
    .final-fr{padding: 50px 30px;}
    .mater-rele ul{margin-top: 50px;}
    .rele-txt{font-size: 20px;}
    .rele-info p{font-size: 16px;}
    .rele-info{padding: 12px 0 24px 6px;}
    .hot-info a,.list-txt{font-size: 20px;}
    .hot-info p,.news-list p{font-size: 16px;line-height: 28px;height: 56px;}
    .hot-info span,.list-time span,.list-time a{font-size: 18px;}
    .hot-info span:before{margin-top: -4px}
    .hot-info{padding: 16px;}
    .news-lb li .qt .gn{max-width: 50%;} 
    .about-fr ul{margin-top: 40px;}
    .about-fr p{font-size: 18px;line-height: 1.8;}
    .about-fr ul li .txts span{font-size: 22px;}
}
@media screen and (max-width: 1229px){
    .intro-show:before{width: 77%;}
    .intro-pic{width: 500px;height: 500px;top: 30px;}
    .intro-info p,.cases-fl p{font-size: 18px;}
    .mater-txt h2{font-size: 40px;}
    .line-fr{width: 32%;}
    .final-fl ul li span{font-size: 14px;line-height: 16px;width: 16px;top: 26px;right: 5px;}
    .final-fl ul{margin-left: -5%;}
    .final-fl ul li{width: 45%;margin-left: 5%;}
    .hot-info span{display: none;}
    .news-lb li .qt .gn{display: none;}
    .about-fr ul li .txts{font-size: 16px;padding: 10px 0;}
    .about-fr ul li .txts span{font-size: 18px;}
    .mater-about{padding: 60px 0;}
    .about-fr p{font-size: 16px;}
    .line-base strong{font-size: 24px;}
}