@charset"utf-8";

/*公共样式*/

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ font-family: "微软雅黑"; font-size: 14px; }

h1,h2,h3,h4,h5,h6{ font-weight: initial; }

li{ list-style: none; }

img{ border: none; }

a{ text-decoration: none; cursor: pointer; }

input,select,textarea{ appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; outline: none; }

input[type="button"],input[type="submit"]{ cursor: pointer; font-family: "微软雅黑"; }

video{ width: 100%; }

em{ display: inline-block; vertical-align: middle; height: 100%;     margin-left: 0px;
    padding-top: 35px;
    margin-right: 33px;}

dt{ font-size: 0; }

.container{ width: 1200px; margin: auto;  }

.over{ overflow: hidden; }

.left{ float: left; }

.right{ float: right; }

.pc{ display: block; }

.iphone{ display: none; }

/*header*/

.head{ background: url(../images/head-bg.jpg) no-repeat center center; }

.head-top{ height: 42px; line-height: 40px; background: url(../images/head-x.jpg) repeat-x bottom; }

.head-top p{ color: #666; }

.head-top ul{ margin: 0 -15px; }

.head-top ul li{ float: left; margin: 0 15px; }

.head-top ul li img,.head-top ul li span{ display: inline-block; vertical-align: middle; }

.head-top ul li img{ margin-right: 5px; }

.head-top ul li span{ color: #1ab5bb; }

.head-cont{ height: 148px; line-height: 148px; font-size: 0; }

.head-tel,.head-ewm{ display: inline-block; vertical-align: middle; }

.head-tel{ margin-right: 20px; }

.head-cont img{ display: inline-block; vertical-align: middle; }

.head-bottom{ background-color: #e87e33; }

.nav{ height: 50px; margin: 0 -7px; }

.nav>li{ float: left; position: relative; }

.nav>li>a{ float: left; font-weight: bold; color: #fff; height: 50px; line-height: 50px; padding: 0 20px; }

.nav>li>a{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.nav>li.active>a{ background-color: #ea3a34; }

.pc .nav div{ position: absolute; z-index: 2; top: 60px; left: 0; padding: 10px 0; width: 150%; background-color: #f5f5f5; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}

.pc .nav>li:hover div{ visibility: visible; opacity: 1; top: 50px;}

.pc .nav div a{ line-height: 36px; padding: 0 20px; font-size: 14PX; color: #666666; }

.pc .nav div li:hover a{ background-color: #e87e33; color: #fff; display: block; }

.iphone .nav div{ clear: both; display: none;}

.iphone .nav div li a{ font-size: 12px; color: #ccc; line-height: 30px;}

/*banner*/

.banner{ clear: both; font-size: 0; position: relative; }

.banner img{ width: 100%; }

.swiper-wrapper,.swiper-slide{ height: auto !important; }

.banner-page{ position: absolute; z-index: 2; bottom: 30px; width: 100%; height: 20px; line-height: 20px; text-align: center; }

.banner-page .pagination,.banner-page .ban-page{ display: inline-block; vertical-align: middle; }

.banner-page .pagination span{ display: inline-block; vertical-align: middle; width: 50px; height: 1px; background-color: #666666; margin: 0 5px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.banner-page .pagination span.swiper-active-switch{ height: 2px; background-color: #ea3a34; }

.ban-page{ font-size: 20px; color: #666666; margin-left: 25px; }

.ban-page span.col{ color: #ea3a34; }

/*footer*/

.footop{ background-color: #e87e33; }

.footnav{ text-align: center; }

.footnav li{ display: inline-block; vertical-align: middle; margin: 0 27px; }

.footnav li a{ font-size: 14px; font-weight: bold; color: #fff; height: 54px; line-height: 54px; display: block; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.footbotm .left,.footbotm .right{ height: 300px; }

.footbotm .left ul{ display: inline-block; vertical-align: middle; }

.footbotm .left li{ line-height: 32px; }

.footbotm .left li span{ font-size: 14px; color: #666666; display: inline-block; vertical-align: top; }

.footbotm .left li>div{ display: inline-block; vertical-align: top; }

.footbotm .left li a{ font-size: 14px; color: #666; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.footbotm .left li>div a{ margin-right: 10px; }

.footbotm .left li strong{ font-size: 14px; color: #ea3a34; }

.footbotm .right dl{ display: inline-block; vertical-align: middle; text-align: center; }

.footbotm .right dt{ background: url(../images/ewm-bg.png) no-repeat center center; width: 172px; height: 172px; line-height: 172px; font-size: 0; margin-bottom: 15px; }

.footbotm .right dt img{ display: inline-block; vertical-align: middle; }

.footbotm .right dd{ font-size: 20px; color: #e87e33; }

/*导航按钮*/

.navToggle{ width: 60px; text-align: center; height: 60px; border-radius: 100%; position: absolute; top: 0; right: 0; vertical-align: middle; }

.navToggle .icon,.navToggle .icon:before,.navToggle .icon:after{ transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }

.navToggle .icon{ width: 30px; height: 2px; background-color: #e87e33; display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 30px; }

.navToggle .icon:before,.navToggle .icon:after{ content: ""; width: 30px; height: 2px; background-color: #e87e33; position: absolute; left: 0; display: inline-block; }

.navToggle .icon:before{ top: -8px; }

.navToggle .icon:after{ bottom: -8px; }

.navToggle.active .icon{ width: 0; }

.navToggle.active .icon:before{ top: -4px; -webkit-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg); }

.navToggle.active .icon:after{ top: -4px; -webkit-transform: translateY(4px) rotate(-45deg); -ms-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); }

/*首页*/

/*搜索*/

.seach-sec{ padding: 30px 0; }

.seach-sec .left{ height: 50px; line-height: 50px; }

.seach-sec .left strong{ color: #ce221c; }

.seach-sec .left a{ color: #808080; margin: 0 10px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }

.inp{ position: relative; }

.inp label{ position: absolute; top: 0; left: 0; cursor: text; }

.inp input{ width: 280px; height: 48px; }

.seach-sec label{ line-height: 48px; }

.seach>div{ border: solid 1px #ea3a34; font-size: 0; border-radius: 50px; overflow: hidden; }

.seach>div .inp label,.seach>div .inp input{ padding: 0 20px; }

.seach>div .inp{ display: inline-block; vertical-align: middle; }

.seach>div .inp label{ font-size: 14px; color: #999999; }

.seach>div .inp input{ display: inline-block; width: 280px; }

.seach>div .seach-but{ display: inline-block; vertical-align: middle; }

.seach>div .seach-but input{ display: inline-block; width: 120px; height: 48px; padding-left: 20px; background: #ea3a34 url(../images/seach-img.png) no-repeat center left 17px; color: #ffffff; font-weight: bold; }

.gugao-sec .over{ margin: 0 -10px; }

.gugao-sec dl{ float: left; width: 285px; height: 178px; margin: 0 10px; position: relative; }

.gugao-sec dl dd{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; text-align: center; background-color: rgba(0,0,0,.3); }

.gugao-sec dl dd a{ font-size: 16px; color: #ffffff; }

.gugao-sec dl dt{ overflow: hidden; }

.gugao-sec dl dt img,.gugao-sec dl dd a{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.gugao-sec dl dt img{ width: 100%; }

/*home-sec1*/

.home-txt1{ margin-top: -25px; padding-bottom: 80px; }

.home-sec1{ margin-top: 80px; }

.sec-tit{ text-align: center; font-size: 0; }

.sec-tit h2 strong{ font-size: 32px; color: #333333; }

.sec-tit h2 strong.col{ color: #e87e33; margin-left: 10px; }

.sec-tit h2 span{ color: #bcbcbc; text-transform: uppercase; margin-top: 15px; display: block; font-size: 14px; font-family: "Arial"; }

.sec-tit h2:after{ content: ""; display: inline-block; width: 80px; height: 4px; background-color: #ea3a34; margin-top: 30px; }

.procent-tit h2{ float: left; font-size: 0; }

.procent-tit a{ float: right; height: 34px; line-height: 34px; }

.procent-tit a span,.procent-tit a small{ font-size: 16px; color: #e9241d; text-transform: uppercase; }

.procent-tit a small{ font-family: "宋体"; margin-left: 5px; }

.pro-center{/* width: 897px;*/ width: 900px; background: url(../images/head-x.jpg) repeat-x top; margin-top: 65px; }

.procent-tit{ margin: 30px 0; }

.procent-txt .over{ margin: 0 -14px; }

.procent-txt dl{ width: calc(33% - 30px); margin: 0 14px 20px; display: inline-block; top: 0; }

.procent-txt dt{ font-size: 0; overflow: hidden; }

.procent-txt dt img{ width: 100%; }

.procent-txt dd{ height: 56px; line-height: 56px; padding: 0 20px; background-color: #fff; }

.procent-txt dd h3 strong{ font-size: 14px; color: #666666; float: left; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.procent-txt dd p{ float: right; }

.procent-txt dd p span,.procent-txt dd p small{ font-size: 14px; color: #e87e33; font-weight: bold; }

.procent-txt dd p small{ font-family: "宋体"; margin-left: 5px; }

.procent-tit a,.procent-txt dt img,.procent-txt dd,.procent-txt dd h3 strong,.procent-txt dd p span,.procent-txt dd p small{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

/*左侧标题栏*/

.sider{ width: 260px; }

.siderbox,.siderbox2,.siderbox3{ margin-bottom: 20px; }

.siderbox{ position: relative; margin-top: 65px; padding: 20px 10px 10px; text-align: center; background-color: #e87e33;/* border-radius: 260px;*/ }

.sider-img{ position: absolute; z-index: 1; top: -65px; left: 0; width: 100%; }

.sider-tit{ margin-top: 5px; margin-bottom: 20px; }

.sider .sidernav>li{ margin-bottom: 2px; position: relative; background-color: #fff; border-radius: 5px; overflow: hidden; }

.sider .sidernav>li.active1>a{ background-color: #ea3a34; color: #fff; }

.sider .sidernav>li.active1 small img:nth-child(1){ opacity: 0; }

.sider .sidernav>li.active1 small img:nth-child(2){ opacity: 1; }

.sider .sidernav>li.active2>a{ background-color: #ea3a34; color: #fff; }

.sider .sidernav>li.active2 small img{ transform: rotate(90deg); }

.sider .sidernav>li.active2 small img:nth-child(1){ opacity: 0; }

.sider .sidernav>li.active2 small img:nth-child(2){ opacity: 1; }

.sider .sidernav>li>a{ display: block; height: 50px; line-height: 50px; padding: 0 36px 0 20px; text-align: left; font-size: 16px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #fff; }

.sider .sidernav>li small{ position: absolute; top: 17px; right: 20px; display: inline-block; width: 16px; height: 16px; }

.sider .sidernav>li small img{ position: absolute; top: 0; left: 0; }

.sider .sidernav>li small img:nth-child(2){ opacity: 0; }

.sider .sidernav>li div{ display: none;}

.sider .sidernav>li div ul{ padding: 10px 20px; text-align: left;display: flex;
	justify-content: space-between;
	flex-wrap: wrap; }

.sider .sidernav>li div ul li{ line-height: 36px;width: 28%;
	font-size: 12px; }

.sider .sidernav>li div ul li a{ display: block; font-size: 12px; color: #666666; background: url(../images/sider-jian1.png) no-repeat center right;/* padding: 0 20px; */}

.sider .sidernav>li div ul li.active a{ color: #ea3a34; background: url(../images/sider-jian2.png) no-repeat center right; }

.sider-bottom{ border-radius: 5px 5px 260px 260px; font-size: 0; overflow: hidden; }

.sider-b2tit{ background-color: #e87e33; height: 50px; line-height: 50px; padding: 0 20px; }

.sider-b2tit strong{ font-size: 16px; color: #ffffff; }

.sider-b2txt,.sider-b3txt{ background-color: #f2f2f2; }

.sider-b2txt dl{ font-size: 0; padding: 0 10px; overflow: hidden; }

.sider-b2txt dl div{ margin: 20px 0; }

.sider-b2txt dl:after{ content: ""; display: inline-block; vertical-align: middle; height: 1px; width: 100%; border: dashed 1px #d3d3d3; }

.sider-b2txt dl dt,.sider-b2txt dl dd{ display: inline-block; vertical-align: middle; }

.sider-b2txt dl dt{ font-size: 0; width: 110px; overflow: hidden; }

.sider-b2txt dl dt img{ width: 100%; }

.sider-b2txt dl dd{ width: 130px; padding: 0 10px; }

.sider-b2txt dl dd h3{ font-size: 14px; color: #e87e33; margin-bottom: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.sider-b2txt dl dd span{ font-size: 14px; color: #666666; font-family: "Arial"; }

.sider-b3txt ul,.sider-b3txt ul li{ padding: 0 10px; }

.sider-b3txt ul{ padding-top: 20px; padding-bottom: 20px; }

.sider-b3txt ul li{ line-height: 36px; }

.sider-b3txt ul li strong{ font-size: 16px; color: #e87e33; }

.sider-b3txt ul li span{ font-size: 14px; color: #808080; display: inline-block; vertical-align: middle; line-height: 22px; }

/*home-sec2*/

.home-sec2{ padding: 90px 0; }

.home-tit2 h2 strong{ color: #fff !important; }

.home-tit2 h2 span{ color: #35dce3; }

.home-tit2 h2:after{ background-color: rgba(255,255,255,.5); }

.home-txt2 ul{ font-size: 0; text-align: center; margin: 55px 0 40px; }

.home-txt2 ul li{ display: inline-block; vertical-align: middle; margin: 0 18px; }

.home-txt2 ul li a{ font-size: 16px; color: #fff; }

.home-txt2 ul li a{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.hsec2-list{ width: 25%; overflow: hidden; height: 420px; background-color: #e87e33; position: relative; float: left; box-shadow: 0 0 10px 2px rgba(0,0,0,.1) }

.hsec2-list{ transition: all 0.5s ease 0.2s; -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; }

.hsec2-list:nth-child(2){ background-color: #e7ecf2; }

.hsec2-list.vis{ width: 50%; }

.hsec2-list dl{ font-size: 0; width: 600px; position: absolute; right: 0; }

.hsec2-list dl dd,.hsec2-list dl dt{ display: inline-block; vertical-align: middle; }

.hsec2-list dl dt{ font-size: 0; width: 340px; }

.hsec2-list dl dt img{ width: 100%; }

.hsec2-list dl dd{ width: 260px; padding: 0 30px; }

.homesec2-tit{ position: absolute; top: 30px; left: 30px; }

.homesec2-tit h3{ font-size: 22px; color: #ffffff; margin-bottom: 5px; }

.hsec2-list:nth-child(2) .homesec2-tit h3{ color: #e87e33; }

.homesec2-tit span{ font-size: 12px; color: #c1fdff; text-transform: uppercase; }

.hsec2-list:nth-child(2) .homesec2-tit span{ color: #9ebebf; }

.homesec2-txt p{ font-size: 14px; line-height: 26px; color: #fff; max-height: 130px; overflow: hidden; }

.hsec2-list:nth-child(2) .homesec2-txt p{ color: #e87e33; }

.homesec2-but{ position: absolute; bottom: 30px; left: 30px; }

.homesec2-but small{ display: block; margin-top: 90px; width: 40px; height: 40px; background: url(../images/hsec2-ico.png) no-repeat center center; }

.homesec2-but small{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.hsec2-list:nth-child(2) .homesec2-but small{ background: url(../images/hsec2-ico2.png) no-repeat center center; }

.hsec2-list.vis .homesec2-but small{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

/*home-sec3*/

.home-sec3{ padding: 80px 0 86px;}
.home-txt3{ display: flex;justify-content: space-between;margin: 40px 0}
.home-txt3>div{width: calc(100% - 227px)}
.home-txt3 ul{ overflow: hidden; /*margin: 35px -11px 30px;*/width: 200px }

.home-txt3 ul li{ margin-bottom:10px;width: 170px; height: 70px; float: none;  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.home-txt3 ul li a{ padding-left: 30px;
	padding-top: 15px;display: block; width: 100%; height: 100%; border: solid 1px #d2d2d2; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }
.home-txt3 ul li a h4{color: #5d5d5e}
.home-txt3 ul li a p{color: #bcbcbc;font-size: 12px}
.home-txt3 ul li.active{ background-color: #e87e33; }

.home-txt3 ul li.active a{ background-position: right top; }

/*.h3list1 a{ background: url(../images/hsec3-tit1.png) no-repeat left top; }*/

/*.h3list2 a{ background: url(../images/hsec3-tit2.png) no-repeat left top; }*/

/*.h3list3 a{ background: url(../images/hsec3-tit3.png) no-repeat left top; }*/

/*.h3list4 a{ background: url(../images/hsec3-tit4.png) no-repeat left top; }*/

/*.h3list5 a{ background: url(../images/hsec3-tit5.png) no-repeat left top; }*/

/*.h3list6 a{ background: url(../images/hsec3-tit6.png) no-repeat left top; }*/

/*.h3list7 a{ background: url(../images/hsec3-tit7.png) no-repeat left top; }*/

/*.h3list8 a{ background: url(../images/hsec3-tit8.png) no-repeat left top; }*/

.hmtxt3-div dl{ position: relative; display: none; }

.hmtxt3-div dl:nth-child(1){ display: block; }

.hmtxt3-div dl dt{ font-size: 0; }

.hmtxt3-div dl dt img{ width: 100%; }

.hmtxt3-div dl dd{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; background-color: rgba(0,0,0,.25); }

.hmtxt3-div dl dd strong{ font-size: 16px; color: #ffffff; }

.hmtxt3-div{ position: relative; }

.hmtxt3-div .yiyog-left,.hmtxt3-div .yiyog-right{ position: absolute; z-index: 2; top: 40%; display: inline-block; font-size: 0; }

.hmtxt3-div .yiyog-left{ left: 40px; }

.hmtxt3-div .yiyog-right{ right: 40px; }

/*home-sec4*/

.home-sec4{ padding: 80px 0 60px; }

.swiper-sec4{ margin: 45px 0 40px; }

.pagina-sec4{ text-align: center; }

.pagina-sec4 span{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../images/sec4-but.png) no-repeat center center; }

.pagina-sec4 span.swiper-active-switch{ background: url(../images/sec4-buts.png) no-repeat center center; }

.swiper-sec4 ul{ overflow: hidden; padding: 1px 0 0 1px;display: flex;justify-content: space-between;flex-wrap: wrap }

.swiper-sec4 ul li{ /*float: left;*/width:calc(25% - 10px); background-color: #fff; border: solid 1px #e5e5e5; margin: -1px 0 15px -1px; font-size: 0; position: relative; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.swiper-sec4 ul li img{ width:100%;/*-webkit-filter: grayscale(100%);*/ /*-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);*/ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}

/*home-sec5*/

.home-sec5{ padding: 85px 0; }

.home-txt5{ /*margin-left: -15px;*/ }

.home-txt5>ul{ text-align: center; margin-top: 50px; margin-bottom: 40px; }

.home-txt5>ul li{ display: inline-block; vertical-align: middle; margin: 0 15px; }

.home-txt5>ul li a{ font-size: 16px; color: #666666; }

.wrap{ width: 1200px; margin:20px auto; }

.poster-main{ position: relative; }

.poster-main .poster-btn{ width: 60px !important; height: 60px !important; border-radius: 100%; position: absolute; top:45%; cursor: pointer; }

.poster-main .poster-prev-btn{ left: 30px; background:rgba(0,0,0,.4) url('../images/1.png') no-repeat center center; }

.poster-main .poster-next-btn{ right: 30px; background:rgba(0,0,0,.4) url('../images/2.png') no-repeat center center; }

.poster-main .poster-list .list-item{ position: absolute; top:0; left:0; }

.list-item a,.list-item a img{ display: block; width: 100%; height: 100%; border: 0; }

.homesec5-div dl{ position: relative; }

.homesec5-div dd{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background-color: rgba(0,0,0,.4); }

.homesec5-div dd p{ font-size: 16px; color: #fff; text-align: center; }

/*home-sec6*/

.home-sec6{ padding: 80px 0 70px; }
.home-sec6 .container{width: 1300px;}
.homesec6-div{ text-align: center; }

.home-txt6{ margin-top: 60px; }

.homesec6-div dl,.homesec6-div .over>span{ display: inline-block; vertical-align: middle; }

.homesec6-div .over>span{ margin: 0 0px; }

.homesec6-div dl dd{ margin-top: 15px; }

.homesec6-div dl dd strong{ font-size: 16px; color: #d9f8f9; }

/*home-sec7*/

.home-sec7{ padding: 80px 0 }

.home-txt7 ul{ margin: 45px -10px 20px; text-align: center; font-size: 0; }

.home-txt7 ul em{ margin-left: 0; }

.home-txt7 ul li{ display: inline-block; vertical-align: middle; width: 120px; height: 133px; margin: 0 38px; }

.home-txt7 ul li a{ display: inline-block; vertical-align: top; width: 100%; height: 120px; border: solid 1px #c6c6c6; border-radius: 100%; }

.home-txt7 ul li a p{ display: inline-block; vertical-align: middle; }

.home-txt7 ul li strong,.home-txt7 ul li small{ display: block; }

.home-txt7 ul li strong{ font-size: 16px; color: #515151; margin-bottom: 10px; }

.home-txt7 ul li small{ font-size: 12px; color: #999999; font-family: "Arial"; text-transform: uppercase; }

/*.home-txt7 ul li,.home-txt7 ul li a,.home-txt7 ul li strong,.home-txt7 ul li small{ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; }*/

.home-txt7 ul li.active{ background: url(../images/hsec7-icobg.png) no-repeat center center; }

.home-txt7 ul li.active a{ border-color: rgba(0,0,0,0); }

.home-txt7 ul li.active strong,.home-txt7 ul li.active small{ color: #fff; }

.homesec7-div .left dl{ position: relative; }

.homesec7-div .left dt{ font-size: 0; overflow: hidden; }

.homesec7-div .left dt img{ width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.homesec7-div .left dd{ position: absolute; z-index: 2; top: 0; left: 0; width: 310px; height: 100%; background: url(../images/sec7-imgbg.png) no-repeat top center; padding: 0 30px; }

.homesec7-div .left dd div{ display: inline-block; vertical-align: middle; width: 190px; }

.homesec7-div .left dd h2{ font-size: 28px; color: #ffffff; margin-bottom: 20px; }

.homesec7-div .left dd p{ font-size: 14px; color: #fff; line-height: 26px; }

.homesec7-div .left dd span{ display: inline-block; font-size: 0; margin-top: 45px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.homesec7-div .right{ width: 280px; }

.homesec7-div .right dl{ position: relative; margin-bottom: 15px; }

.homesec7-div .right dt{ font-size: 0; }

.homesec7-div .right dt img{ width: 100%; }

.homesec7-div .right dd{ position: absolute; top: 10px; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(25,177,183,.8); visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.homesec7-div .right dd strong{ display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; }

.homesec7-div .right dl.vis dd{ top: 0; visibility: visible; opacity: 1; }

.sec7-li{ display: none; }

.sec7-li:nth-child(1){ display: block; }

/*home-sec8*/

.home-sec8{ padding: 70px 0 50px; }

.home-txt8{ margin-top: 30px; }

.home-txt8 .over{ margin: 0 -15px; padding-top: 10px; }

.home-txt8 dl{ margin: 0 15px 10px; width: 380px; float: left; }

.home-txt8 dl dt{ overflow: hidden; font-size: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 0 10px 1px rgba(0,0,0,.2); }

.home-txt8 dl dt img{ width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.home-txt8 dl dd a{ font-size: 16px; color: #666; display: block; text-align: center; height: 55px; line-height: 55px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

/*home-sec9*/

.home-sec9{ padding: 75px 0; }

.home-txt9{ margin-top: 60px; }

.home-txt9 .over{ margin: 0 -15px; padding-top: 30px; }

.hsec9-list{ width: 380px; padding: 40px 20px; background-color: #fff; margin: 0 15px; float: left; position: relative; text-align: center; }

.hs9l-tit{ position: absolute; z-index: 2; top: -30px; left: 40px; width: 100px; height: 100px; border-radius: 5px; background-color: #e87e33; }

.hs9l-tit h2{ display: inline-block; vertical-align: middle; font-size: 26px; color: #fff; }

.hsec9-list dl{ text-align: left; }

.hsec9-list dt{ font-size: 0; margin-bottom: 20px; overflow: hidden; }

.hsec9-list dt img{ width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.hsec9-list dd li{ overflow: hidden; line-height: 40px; padding-left: 25px; background: url(../images/siderlist-j1.png) no-repeat center left; }

.hsec9-list dd li p{ float: left; width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #666666; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.hsec9-list dd li span{ float: right; font-size: 14px; color: #999999; font-family: "Arial"; }

.home-txt9 .more{ text-align: center; margin-top: 25px; }

.home-txt9 .more a{ width: 100%; height: 50px; line-height: 48px; border: solid 1px #e2e2e2; border-radius: 5px; display: block; }

.home-txt9 .more a,.home-txt9 .more span,.home-txt9 .more small{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.home-txt9 .more span,.home-txt9 .more small{ font-size: 16px; color: #e9241d; text-transform: uppercase; }

.home-txt9 .more small{ font-family: "宋体"; margin-left: 10px; }

.hsec9-list3 .hs9l-tit{ background-color: #ea3a34; }

.hsec9-list3 h2 small{ font-size: 16px; color: #fff; }

.hsec9-list3 dd div{ border-bottom: dashed 1px #cecece; padding: 16px 0; }

.hsec9-list3 dd div:nth-child(1){ margin-top: -1px; }

.hsec9-list3 dd div:nth-child(2){ border-bottom: none; }

.hsec9-list3 dd h3{ font-size: 14px; color: #e87e33; padding-left: 35px; background: url(../images/q-ico.png) no-repeat center left; height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.hsec9-list3 dd p{ font-size: 14px; color: #666666; padding-left: 35px; background: url(../images/a-ico.png) no-repeat left top 5px; line-height: 22px; }

/*home-sec10*/

.home-sec10{ padding: 80px 0 90px; }

.home-txt10{ margin-top: 50px; }

.home-txt10 dl{ overflow: hidden; padding: 0 65px; }

.home-txt10 dt{ float: left; width: 500px; font-size: 0; }

.home-txt10 dd{ float: right; height: 312px; width: 530px; }

.home-txt10 dd>div{ display: inline-block; vertical-align: middle; }

.home-txt10 dd p{ font-size: 14px; color: #4a4a4a; line-height: 32px; }

.home-txt10 .more{ margin-top: 35px; }

.home-txt10 .more a{ display: block; width: 160px; height: 46px; text-align: center; line-height: 46px; background-color: #ea3a34; border-radius: 5px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.home-txt10 .more a span,.home-txt10 .more a small{ font-size: 14px; color: #fff; text-transform: uppercase; }

.home-txt10 .more a small{ font-family: "宋体"; margin-left: 8px; }

/*产品中心*/

.n-banner{ font-size: 0; }

.n-banner>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.n-banner>div .container{ height: 100%; }

.n-banner>div img{ width: auto; max-width: 100%; }

.n-banner>div h2{ margin-bottom: 20px;margin-top: 9vh; }

.n-banner>div h3{ font-size: 24px; color: #ffffff; margin-bottom: 5px;  }

.n-banner>div span{ font-size: 12px; font-family: "Arial"; color: #ffffff; text-transform: uppercase; }

.ban-txt{ display: inline-block; vertical-align: middle; }

.pro-smnav{line-height: 28px; }

.pro-smnav img,.pro-smnav a,.pro-smnav span{ display: inline-block; vertical-align: middle; font-size: 14px; color: #808080; }

.pro-smnav img{ margin-right: 10px;}

.pro-smnav span{ font-family: "宋体"; margin: 0 8px; font-weight: bold; }

.pro-smnav .active{ color: #e87e33; }

.pro-sec{ margin-top: 40px; padding-bottom: 80px; }

.pro-sec .pro-center{ background: none; margin-top: 55px; }

.pro-tit{ color: #e87e33; border-bottom: solid 1px #d3d3d3; margin-bottom: 30px; }

.pro-tit>div{ display: inline-block; vertical-align: middle; border-bottom: solid 3px #e87e33; margin-bottom: -2px; padding-bottom: 15px; }

.pro-tit h2,.pro-tit span{ display: inline-block; vertical-align: middle; }

.pro-tit h2{ font-weight: bold; font-size: 26px; margin-bottom: 5px; }

.pro-tit span{ font-size: 16px; text-transform: uppercase; }

.pro-sec .procent-txt dd{ background-color: #f5f5f5; }

.pro-sec .procent-txt dd h3 strong{ font-weight: 400; }

/*分页*/

.page{ font-size: 0; text-align: center; margin-top: 30px; }

.page a{ display: inline-block; vertical-align: middle; font-size: 16px; color: #808080; padding: 0 11px; min-width: 45px; text-align: center; height: 40px; line-height: 38px; border: solid 1px #e2e2e2; border-radius: 2px; margin: 0 5px; }

.page a.col{ color: #d2d2d2; border-color: #e2e2e2; }

.page a.active{ background-color: #e60020; border-color: #e60020; color: #fff; }

.pro-div2{ margin-top: 50px; }

/*产品中心-详情*/

.protxt-txt dl{ overflow: hidden; }
.protxt-txt h3{
	font-size: 23px;
	color: #00BEB9;
	line-height: 28px;
	padding: 0;
	border-bottom: 1px dashed #ccc;
	width: 675px;
}
.propar div, .proshop div { padding:5px; padding-bottom:0; line-height:22px; text-align:left; z-index:999; }
.propar div span { font-weight:bold; }
.propar .spanPhone { color:#0053af; font-size:20px; }
.propar a.more { background:url(../images/ico14.gif) no-repeat 0 3px!important; _background:url(../images/ico14.gif) no-repeat 0 1px; padding-left:10px; }
.font_hotline {
	font-size: 22px;
	font-weight: bold;
	color: #00BEB9;
}
 .span_prev, .span_next{
	background: url(../images/sprite.png) no-repeat;
}

 .span_prev,  .span_next { position:absolute; bottom:0; width:22px; height:49px; text-indent:-999em; overflow:hidden; cursor:hand; cursor:pointer; }
 .span_prev { left:0px; _left:-25px; background-position:-90px -282px; }
 .span_prevb {  margin-top: 10px; background-position:-112px -282px; cursor:default; }
 .span_next { right:0px; background-position:-156px -282px; }
 .span_nextb { margin-top: 10px; background-position:-134px -282px; cursor:default; }

.protxt-txt dt,.protxt-txt dd{ float: left; }

.protxt-txt dt{ width: 480px; overflow: hidden; font-size: 0;/*display: flex;justify-content: space-between*/position: relative}
.protxt-txt dt .imglist{width: 80%;margin: auto}

.protxt-txt dt img{ width: 100%;}
.protxt-txt dt>img{margin-bottom: 20px;}

.protxt-txt dd{ width: 420px; padding-left: 40px; }

.protxt-txt dd li{ line-height: 36px; }

.protxt-txt dd li span{ font-size: 14px; color: #333333; }

.protxt-txt dd li span.col{ color: #999999; }

.protxt-txt dd a{ display: inline-block; width: 30%; height: 44px; line-height: 40px; font-size: 0; background-color: #e87e33; text-align: center; border-radius: 5px; }

.protxt-txt dd a img,.protxt-txt dd a span{ display: inline-block; vertical-align: middle; margin: 0 5px; }

.protxt-txt dd a span{ font-size: 14px; color: #ffffff; line-height: 44px; }

.protxt-txts{ border-top: solid 1px #d3d3d3; margin-top: 40px; padding-top: 30px; }

.inp{ position: relative; }

.inp label{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.form-div{ overflow: hidden; margin: 0 -20px 20px; }

.form-div div{ float: left; margin: 0 20px; }

.form-div div>label,.form-div div .inp{ float: left; }

.form-div div>label{ height: 50px; line-height: 50px; width: 100px; }

.form-div div>label span,.form-div div>label small{ font-size: 15px; }

.form-div div>label span{ color: #666666; }

.form-div div>label small{ color: #ff0000; margin-right: 10px; }

.form-div div p input,.form-div div p label,.form-div div p textarea{ padding: 0 20px; }

.form-div div p input,.form-div div p textarea{ width: 330px; height: 50px; background-color: #f2f2f2; border-radius: 5px; font-size: 16px; color: #333; }

.form-div div p label{ font-size: 16px; color: #bababa; line-height: 50px; }

.form-div2 div p input{ width: 800px; }

.form-div4 div p textarea{ width: 800px; height: 200px; padding: 15px 20px; }

.form-div4 div p label{ line-height: 30px; padding: 10px 20px; }

.form-yz a{ font-size: 0; }

.form-yz a span,.form-yz a img{ display: inline-block; vertical-align: middle; }

.form-yz a span{ font-size: 16px; color: #e87e33; margin-left: 10px; }

.form-but{ margin-bottom: 50px; }

.form-but input{ width: 230px; height: 50px; font-size: 20px; color: #ffffff; text-align: center; border-radius: 5px; background-color: #e87e33; }

/*应用领域*/

.application-txt dl{ margin-bottom: 30px; }

.application-txt dl:last-child{ margin-bottom: 0; }

.application-txt dl dt{ width: 900px; overflow: hidden; }

.application-txt dl dt img{ width: 100%; }

.application-txt dl dd{  background-color: #f5f5f5; position: relative; }

.application-txt dl dd h3{ width: 90%; height: 60px; line-height: 60px; padding: 0 20px; font-size: 16px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.application-txt dl dd span{ position: absolute; right: 20px; top: 0; height: 60px; line-height: 60px; display: inline-block; font-size: 0; }

.application-txt dl dd span img{ display: inline-block; vertical-align: middle; }

/*应用领域-详情*/

.applic-txt .over{ margin: 0 -15px; }

.applic-txt dl{ width: 280px; margin: 0 15px; float: left; }

.applic-txt dl dt{ overflow: hidden; }

.applic-txt dl dd{ padding: 15px 0; height: 74px; }

.applic-txt dl p{ line-height: 22px; color: #666666; font-size: 14px; }

.applic-txt dl dt img{ width: 100%;}

/*合作商*/

.customer-txt .over{ margin: 0 -15px; }

.customer-txt dl{ width: 280px; margin: 0 15px 10px; float: left; }

.customer-txt dt{ border: solid 1px #dcdcdc; overflow: hidden; }

.customer-txt dt img{ width: 100%; }

.customer-txt dd a{ display: block; text-align: center; font-size: 16px; color: #666666; height: 50px; line-height: 50px; }

.cus-tit{ border-bottom: dashed 1px #d7d7d7; text-align: center; padding-bottom: 10px; margin-bottom: 35px; }

.cus-tit h2{ font-size: 22px; color: #e87e33; font-weight: bold; margin-bottom: 35px; }

.cus-tit span{ font-size: 14px; color: #999999; }

/*框架定制效果*/

.kjdz-list .over{ margin: 0 -15px; }

.kjdz-list dl{ width: 280px; float: left; margin: 0 15px 10px; text-align: center; }

.kjdz-list dt{ overflow: hidden;}

.kjdz-list dt img{ width: 100%;}

.kjdz-list dl dd h3{ font-size: 14px; color: #666666; height: 55px; line-height: 55px; }

/*新闻*/

.new-list li{ height: 70px; line-height: 70px; border-bottom: dashed 1px #d8d8d8; padding-left: 30px; background: url(../images/siderlist-j1.png) no-repeat left center; }

.new-list li p{ width: 750px; font-size: 16px; color: #666666; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.new-list li span{ float: right; font-size: 16px; color: #aaaaaa; }

/*常见问题*/

.quest-list li{ padding: 30px; border: solid 1px #e0e0e0; margin-bottom: 10px; }

.quest-list li h3{ font-size: 16px; color: #e87e33; padding-left: 44px; background: url(../images/q-ico.png) no-repeat top 7px left; line-height: 30px; margin-bottom: 10px; }

.quest-list li p{ background: url(../images/a-ico.png) no-repeat top 7px left; padding-left: 44px; font-size: 16px; color: #666666; line-height: 30px; }

.quest-list li div{ font-size: 0; text-align: right; margin-top: 30px; }

.quest-list li div a{ display: inline-block; vertical-align: middle; width: 140px; height: 40px; text-align: center; line-height: 40px; margin-left: 20px; border-radius: 5px; background-color: #ededed; color: #ea3a34; font-size: 14px; }

.quest-list li div a.col{ color: #fff; background-color: #e87e33; }

/*公司简介*/

.secbox{ padding-bottom: 80px; }

.secnav ul{ overflow: hidden; margin: 35px 0; }

.secnav ul li{ float: left; margin-right: 5px; }

.secnav ul a{ float: left; width: 110px; height: 40px; text-align: center; line-height: 40px; background-color: #f5f5f5; color: #666666; font-size: 16px; font-weight: bold; border-radius: 5px; }

.secnav ul li.active a{ background-color: #e87e33; color: #fff; }

.secsection{ margin-bottom: 45px; }

.secsection:last-child{ margin-bottom: 0; }

.sec-secbox1{ border-bottom: solid 1px #d5d5d5; padding-bottom: 55px; }

.secbox-tit{ color: #dedede; margin-bottom: 35px; }

.secbox-tit h2,.secbox-tit small,.secbox-tit span{ display: inline-block; vertical-align: middle; font-size: 32px; }

.secbox-tit h2{ color: #e87e33; }

.secbox-tit span{ font-family: "Arial"; text-transform: uppercase; margin-top: 5px; }

/*生产车间*/

.workshop-list{ margin: 0 -15px; }

.workshop-list dl{ width: 380px; float: left; margin: 0 15px 10px; text-align: center; }

.workshop-list dt{ overflow: hidden; }

.workshop-list dt img{ width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.workshop-list dd a{ font-size: 16px; color: #666666; display: block; line-height: 55px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

/*生产车间-详情*/

.workshop-txt{ border-top: solid 1px #dadada; overflow: hidden; }

.workshop-txt h2{ font-size: 24px; color: #e87e33; font-weight: bold; text-align: center; margin: 40px 0; }

.workshop-txt img{ display: block; margin: auto; }

/*荣誉资质*/

.rongyu-list{ padding-top: 10px; }

.rongyu-list dt{ box-shadow: 0 0 10px 2px rgba(0,0,0,.1); }

/*视频*/

.video-list dt{ position: relative; }

.video-list dt small{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.video-list dt small img{ width: auto; display: inline-block; vertical-align: middle; }

/*联系我们*/

.map-tit{ border-bottom: solid 1px #d3d3d3; line-height: 68px; margin-bottom: 40px; }

.map-tit h2,.map-tit small,.map-tit span{ font-size: 26px; display: inline-block; vertical-align: middle; }

.map-tit h2{ color: #e87e33; position: relative; }

.map-tit h2:after{ content: ""; display: inline-block; position: absolute; bottom: -2px; left: 0; height: 3px; width: 100%; background-color: #e87e33; }

.map-tit small,.map-tit span{ font-size: 16px; color: #d1d1d1; text-transform: uppercase; }

.map-txt1 dl{ float: left; width: 25%; text-align: center; }

.map-txt1 dt{ margin-bottom: 15px; }

.map-txt1 dl span{ color: #999; font-size: 14px; font-family: "Arial"; text-transform: uppercase; display: block; margin-bottom: 15px; }

.map-txt1 dl p{ font-size: 16px; color: #333333; }

.map{ margin-top: 50px; width: 100%; }

.map img{ width: 100%; }

.mapbox2{ margin-top: 40px; }

.mapbox2 .form-div div p input{ width: 273px; }

.mapbox2 .form-div4 div p textarea{ width: 1100px; }













.homesec7-div .left dl{ display: none; }

.homesec7-div .left dl:nth-child(1){ display: block; }

.owl-controls{

	font-size: 0;

}



#nav{

	padding: 15px;

	height: 50px;

	overflow: hidden;

}

#nav a{

	display: block;

	text-align: center;

	font-size: 14px;

	color: #333;

}

#nav a.active{

	color: #ce221c;

}





.teldiv{

	position: fixed;

	z-index: 9999999999999999999999999999999;

	bottom: 20%;

	right: 0;

	width: 45px;

	height: 45px;

	text-align: center;

	line-height: 45px;

	font-size: 0;

	border-radius: 2px;

	background-color: rgba(233,28,31,.8);

	transform: translate(0,-20%);

	-webkit-transform: translate(0,-20%);

	-moz-transform: translate(0,-20%);

}

.teldiv img{

	display: inline-block;

	vertical-align: middle;

}
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}