@charset "utf-8";
*{ padding:0; margin:0;}
ul{ margin:0 !important;}
html{ width: 100%; height: 100%;}
body{ font-family:"微软雅黑" !important; overflow-x: hidden; width: 100%; height: 100%;}
.wrap{ width:1200px; max-width:96%; margin:0 auto;}
/*顶部*/

.header{ width:100%; z-index:104; padding:17px 0; position:relative;}
.Logo{ display:inline-block;}
.tel{ float:right; font-size:24px; color:#000; line-height:36px; margin: 24px 0 0 0;}
.tel span{ display:block; font-size:32px; color:#18729a;}
/*header.logo部分*/

.banner{ width:100%; overflow:hidden;}
.pic{ width: 100%; height: 550px;}
.picture{ width:100%;}
.picture img{ width:100%;}
.aa .swiper-pagination-bullet{ width:15px; height:4px; opacity:1; border-radius:2px; background:#fff;}
.aa .swiper-pagination-bullet-active{ background:#104d62;}
/*pc端轮播大图的显示高度和大图下面的分页按钮的颜色属性*/

.nav{ width:100%; height:50px; z-index:104; /*background: url(../images/navbg.png) no-repeat center center; background-size: cover;*/ background: #104d62;}
.nul{ width:100%; height:50px;}
.nul>li{float:left; width:11.111%; position:relative;}
.nul>li>a{color:#fff; line-height:50px; height:50px; padding:0 2px; overflow:hidden; display:block; text-align:center; font-size:20px; transition: all 0.3s;}
/*.nul>li:hover>a{ color:#fff; background: #fab102;}*/
.nul>li ul{ display: none; position: absolute; top: 100%; left: 0; width:100%; z-index:104; background:rgba(16, 77, 98 ,0.72);}
.nul>li ul li{ width:100%;}
.nul>li ul li>a{ line-height:36px; display: block; text-align: center; width: 100%; overflow:hidden; font-size:14px; height:36px; border:none; color:#fff;}
.nul>li ul li>a:hover{ color:#fff; background:#104d62;}
.acta{ color:#fff !important; background: #fab102 !important;}
.acta2{color: #fab102 !important;background: inherit !important;}
.nul>li:nth-child(8)>a{ font-size: 22px; font-style: italic; color: #fab102;}
.nul>li:nth-child(9)>a{ font-size: 22px; font-style: italic; color: #fab102;}
.nul>li:nth-child(8)>a:hover{ background: #104d62;}
.nul>li:nth-child(9)>a:hover{ background: #104d62;}
/*PC头部导航*/

.title{ width: 100%; position: relative; padding: 35px 0; background: #fff; text-align: center; border-bottom: 1px #f0f0f0 solid;}
.title1{ width: 100%; font-size: 32px; line-height: 36px; color: #0e0e0e; padding: 0 0 10px 0; letter-spacing: 3px; background: url(../images/h1.png) no-repeat bottom;}
.title1 span{ display: inline-block; letter-spacing: normal; font-size: 23px; color: #3c3c3c; margin: 0 0 0 15px;}
.title2{ margin: 10px 0 0 0; font-size: 18px; line-height: 28px; color: #3d3d3d; letter-spacing: 3px;}
.title a{ display: inline-block; position: absolute;top: 100%; left: 50%; transform: translate(-50%,0);}
/*栏目标题*/

.gywm{ width:100%; overflow: auto; position: relative;}
.gsjjctn{ width: 100%; overflow: hidden; padding: 65px 0 20px 0;}
.gsjj-left{ width: 45%; float: left; padding: 0 24px 0 0;}
.gsjj-left p{ display: block; text-indent: 2em; font-size: 17px; line-height: 29px; color: #0e0e0e; margin: 20px 0 0 0 !important;}
.gsjj-right{ width: 55%; float: right; padding: 0 16px 16px 0;}
.grimg{ width: 100%; overflow: hidden; box-shadow: 16px 16px 0 #104d62;}
.grimg1{ transition: all 0.8s;}
.gsjj-right:hover .grimg1{ transform:scale(1.1);}
.grimg2{ padding-top: 59.7222%;}
/*关于我们*/

.ppsl{ width: 100%; padding: 30px 0; background:linear-gradient(to bottom, #104d62 60%, rgba(255, 255, 255, 0.01) 40%);}
.ppsltit{ width: 100%; text-align: center; padding: 0 0 15px 0; background: url(../images/sltitbg.png) no-repeat bottom; margin: 0 0 50px 0;}
.ppsltit h4{ display: block; margin: 0 !important; font-size: 23px; line-height: 36px; color: #fff;}
.ppsltit h2{ display: block; margin: 0 !important; font-size: 26px; line-height: 36px; color: #fff; letter-spacing: 3px;}
.ppslctn{ width: 100%; overflow: auto;}
.ppsl-left{ width: 49%; float: left; padding: 30px 30px 0 0;}
.plimg{ width: 100%; position: relative; background: #fff; overflow: hidden; box-shadow: 30px -30px 0 #fff;}
.plimg img{ transition: all 0.8s;}
.ppsl-left:hover .plimg img{ transform: scale(1.1);}
.pitop{ padding-top: 95.535%; height: 533px;}
.ppsl-right{ width: 51%; float: right;}
.pr1{ width: 100%; padding: 0 0 0 20px;}
.prtxt{ width: 100%; padding: 10px;}
.prtxt span{ display: block; font-size: 20px; line-height: 28px; color: #fff; font-weight: bold; letter-spacing: 2px;}
.prtxt p{ display: block; font-size: 18px; line-height: 28px; letter-spacing: 1px; color: #fff; margin: 12px 0 0 0;}
.pr2{ width: 100%; border: 20px #fff solid; box-sizing: border-box; background: #104d62; padding: 10px;}
/*品牌实力*/

.fwln{ width: 100%; border-bottom: 30px #104d62 solid; margin: 0 0 20px 0;}
.fwln .wrap{ padding: 30px 0; background: #fff;}
.fwln .wrap .title{ padding: 0 0 30px 0; border: none;}
.fwlnctn{ width: 900px; max-width: 100%; margin: 0 auto; text-align: center;}
.fwlnctn h2{ margin: 0 0 15px 0 !important; font-size: 24px; line-height: 40px; color: #333; letter-spacing: 5px;}
.fwlnctn span{ display: block; font-size: 14px; line-height: 24px; color: #666;}
/*服务理念*/

.cpzx{ width: 100%;}
.cpzxtop{ width: 100%; background: #fff; border-bottom: 1px #f0f0f0 solid; position: relative;}
.cpzxtop .wrap>a{ display: inline-block; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0);}
.cpzxtop1{ width: 100%; overflow: auto; padding: 28px 0;}
.cpzxtop1>h2{ float: left; font-size: 36px; color: #0e0e0e; line-height: 48px; margin: 0 !important; letter-spacing: 3px;}
.cpzxtop1 span{ display: inline-block; letter-spacing: normal; font-size: 26px; color: #3c3c3c; margin: 0 0 0 10px;}
.cpzxtop1>ul{ float: right; padding: 10px 0; overflow: auto;}
.cpzxtop1>ul li{ display: inline-block; float: left; height: 28px; padding: 0 18px; border-right: 1px #040203 solid;}
.cpzxtop1>ul li a{ display: block; transition: all 0.5s; font-size: 20px; line-height: 28px; color: #0c0c0c;}
.cpzxtop1>ul li a:hover{ color: #e57603;}
.cpzxtop1>ul li:last-child{ border: none; padding: 0 0 0 18px;}
.cpzxtop2{ width: 100%; height: 72px; position: relative;}
.cpzx1{ width: 100%; position: absolute !important; bottom: 0; left: 0;}
.cpzx1 .swiper-slide{ height: 72px; position: relative;}
.cpfl{ width: 100%; text-align: center; font-size: 24px; color: #0e0e0e; display: block; border-right: 1px #040203 solid; box-sizing: border-box; transition: all 0.5s; height: 52px; line-height: 52px; position: absolute; left: 0; bottom: 0; border-left: 1px #fff solid; background: url(../images/xxjt.png) no-repeat bottom; background-position: center calc(100% + 11px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cpfl:hover{ color: #e57603;}
.cpzx1 .swiper-slide:hover .cpfl{ height: 72px; padding: 0 0 20px 0;}
.cpzx1 .swiper-slide:first-child a{ border-left: 1px #040203 solid; box-sizing: border-box;}
.sa{ height: 72px !important; padding: 0 0 20px 0 !important; border-left: 1px #e57603 solid !important; border-right: 1px #e57603 solid !important; color: #e57603; background-position: center calc(100% - 11px);}
.dx{ height: 52px; border-right: 1px #fff solid; }
.qws a{ height: 72px !important; padding: 0 0 20px 0 !important; border-left: 1px #e57603 solid !important; border-right: 1px #e57603 solid !important; color: #e57603; background-position: center calc(100% - 11px); overflow: hidden;}
.productctn{ width: 100%; padding: 45px 0; overflow: auto; display: none;}
.productshow{ width: 100%; padding: 45px 0; overflow: auto; display: block;}
.product_left{ width: 50%; padding: 6px; float: left;}
.cpimg{ width: 100%; overflow: hidden;}
.cpimg1{ transition: all 0.8s;}
.cpimg:hover .cpimg1{ transform: scale(1.1);}
.cpimg2{ padding-top: 94%;}
.product_right{ width: 50%; float: right; overflow: auto;}
.cp{ width: 50%; float: left; padding: 6px;}
/*产品中心*/

.xmal{ width: 100%;}
.xmaltop{ width: 100%; background: #fff; border-bottom: 1px #f0f0f0 solid; position: relative;}
.xmaltop .wrap>a{ display: inline-block; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0);}
.xmaltop1{ width: 100%; overflow: auto; padding: 28px 0;}
.xmaltop1>h2{ float: left; font-size: 36px; color: #0e0e0e; line-height: 48px; margin: 0 !important; letter-spacing: 3px;}
.xmaltop1 span{ display: inline-block; letter-spacing: normal; font-size: 26px; color: #3c3c3c; margin: 0 0 0 10px;}
.xmaltop1>ul{ float: right; padding: 10px 0; overflow: auto;}
.xmaltop1>ul li{ display: inline-block; float: left; height: 28px; padding: 0 18px; border-right: 1px #040203 solid;}
.xmaltop1>ul li a{ display: block; transition: all 0.5s; font-size: 20px; line-height: 28px; color: #0c0c0c;}
.xmaltop1>ul li a:hover{ color: #e57603;}
.xmaltop1>ul li:last-child{ border: none; padding: 0 0 0 18px;}
.xmaltop2{ width: 100%; height: 72px; position: relative;}
.as1{ width: calc(100% - 168px); float: left; height: 72px; position: relative;}
.as2{ width: 168px; float: right; text-align: center; padding: 20px 0 0 0;}
.as2 a{ display: block; line-height: 52px; font-size: 20px; color: #0e0e0e; transition: all 0.5s;}
.as2 a:hover{ color: #e57603;}
.xmal1{ width: 100%; position: absolute !important; bottom: 0; left: 0;}
.xmal1 .swiper-slide{ height: 72px; position: relative;}
.xmfl{ width: 100%; overflow: hidden; text-align: center; font-size: 20px; color: #0e0e0e; display: block; border-right: 1px #040203 solid; box-sizing: border-box; transition: all 0.5s; height: 52px; line-height: 52px; position: absolute; left: 0; bottom: 0; border-left: 1px #fff solid; background: url(../images/xxjt.png) no-repeat bottom; background-position: center calc(100% + 11px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xmfl:hover{ color: #e57603;}
.xmal1 .swiper-slide:hover .xmfl{ height: 72px; padding: 0 0 20px 0;}
.xmal1 .swiper-slide:first-child a{ border-left: 1px #040203 solid; box-sizing: border-box;}
.sa1{ height: 72px !important; padding: 0 0 20px 0 !important; border-left: 1px #e57603 solid !important; border-right: 1px #e57603 solid !important; color: #e57603; background-position: center calc(100% - 11px);}
.dx1{ height: 52px; border-right: 1px #fff solid; }
.qws1 a{ height: 72px !important; padding: 0 0 20px 0 !important; border-left: 1px #e57603 solid !important; border-right: 1px #e57603 solid !important; color: #e57603; background-position: center calc(100% - 11px);}

.alctn{ width: 100%; padding: 45px 0;}
.xmalctn{ width: 100%; overflow: auto; display: none;}
.xmalshow{ width: 100%; overflow: auto; display: block;}
.xmal_left{ width: 36%; float: left; padding: 30px 0 0 7%;}
.xlbt{ width: 100%; font-size: 32px; line-height: 48px; color: #000;}
.xldz{ font-size: 26px; line-height: 36px; color: #000;}
.xmal_left a{ display: inline-block; float: right; text-align: center; transition: all 0.5s; width: 210px; height: 60px; background: #104d62; border: 1px #104d62 solid; box-sizing: border-box; line-height: 58px; font-size: 32px; color: #fff; letter-spacing: 3px; margin: 150px 0 0 0;}
.xmal_left a:hover{ background: none; color: #104d62;}
.xmal_right{ width: 62%; float: right;}
.xrimg{ width: 100%; overflow: hidden; position: relative;}
.xrimg img{ transition: all 0.8s;}
.xrimg:hover img{ transform: scale(1.1);}
.xrtop{ padding-top: 71.255%;}
.skl{ width: 100%; clear: both; padding: 6px 0 0 0;}
.skl li{ width: 33.33%; float: left; padding: 6px;}
.slimg{ width: 100%; overflow: hidden;}
.slimg1{ transition: all 0.5s;}
.slimg:hover .slimg1{ transform: scale(1.08);}
.slimg2{ padding-top: 72.193%;}
.more{ width: 100%; text-align: center; margin: 30px 0 0 0;}
.more a{ display: inline-block; font-size: 22px; color: #000; line-height: 36px; transition: all 0.5s;}
.more a:hover{ color: #e57603;}
/*项目案例*/

.zsdz{ width: 100%; padding: 25px 0; background: #104d62; overflow: auto;}
.zsdz_left{ width: 226px; float: left; text-align: center;}
.zsdz_left img{ max-width: 100%;}
.zsdz_right{ width: calc(100% - 256px); float: right;}
.dz{ width: 100%; text-align: center; border: 1px #fff solid; box-sizing: border-box; padding: 12px 0;}
.dzimg{ width: 85px; max-width: 94%; position: relative; overflow: hidden; display: inline-block;}
.dzimg img{ transition: all 0.5s;}
.dz:hover .dzimg img{ transform: scale(0.8);}
.dztop{ padding-top: 100%;}
.dztit{ width: 100%; font-size: 22px; line-height: 30px; color: #fff; margin: 5px 0; letter-spacing: 5px;}

.zsdz2{ width: 100%; padding: 50px 0 20px 0;}
.zxzt{ width: 100%; position: relative;}
.zsimg{ width: 100%;}
.zsimg1{ padding-top: 45.9166%;}

.preview{ width: 475px; max-width: 60%; position: absolute; top: 0; right: 0;}
.preview .swiper-container{ width:100%; }
.preview .swiper-slide{ width: 33.33%; cursor:pointer; padding: 0 0 0 4px;}
.sl{ width: 100%;}
.sl img{ display: block; width: 100%;}
.po1{ display: block;}
.po2{ display: none !important;}
.preview .active-nav .po1{ display: none !important;}
.preview .active-nav .po2{ display: block !important;}
/*.preview .swiper-slide:hover .po1{ display: none !important;}
.preview .swiper-slide:hover .po2{ display: block !important;}*/
/*.slctn{ position: absolute; top: 0; right: 0; z-index: 103; width: 100%;}
.sl{ position: absolute; top: 0; right: 0; overflow: auto;}
.sl li{ width: 155px; float: left; margin: 0 0 0 4px; cursor: pointer;}
.sl li img{ max-width: 100%;}*/
.tb{ width: 100%; margin: 15px 0 0 0; padding: 17px;}
.td1{ width: 20%; padding: 17px; text-align: center; font-size: 25px; line-height: 36px; color: #010101;}
.td2{ width: 80%; padding: 17px; font-size: 20px; line-height: 30px; color: #010101;}
.zxs2{ display: none;}
/*专属定制*/

.yzsdz{ width: 100%;}
.yzsdz1{ width: 100%; background: #fff; padding: 35px;}
.yzstit{ width: 100%; margin: 0 0 36px 0; text-align: center;}
.yzstit h1{ width: 100%; margin: 0 !important; font-size: 44px; line-height: 48px; color: #666;}
.yzstit h2{ width: 100%; margin: 15px 0 0 0 !important; font-size: 40px; line-height: 48px; color: #000;}
.yzstit h2 span{ display: inline-block; font-size: 22px; margin: 0 0 0 15px;}
.yzs{ width: 100%; position: relative; padding: 0 0 43px 0;}
.yzsimg{ width: 100%; overflow: hidden;}
.yzsimg1{ transition: all 0.5s;}
.yzs:hover .yzsimg1{ transform: scale(1.1);}
.yzsimg2{ padding-top: 87.749%;}
.yzsbt{ position: absolute; bottom: 0; width: 84%; text-align: center; left: 8%; background: rgba(16, 77, 98, 0.8); padding: 10px 0;}
.yzsbt span{ display: inline-block; color: #fff; font-size: 20px;line-height: 26px; border-bottom: 1px #fff solid;}
.yzsbt h1{ margin: 0 !important; font-size: 30px; color: #fff; line-height: 48px;}
.yzsbt h6{ margin: 0 !important; color: #fff; display: block; width: 100%; font-size: 16px; line-height: 28px; height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.yzsdz2{ width: 100%; padding: 25px 0; background: #104d62; overflow: hidden;}
.os{ width: 100%; text-align: center;}
.os h6{ margin: 0 !important; font-size: 14px; line-height: 30px; color: #fff;}
.osimg{ position: relative; overflow: hidden; max-width: 100%; display: inline-block; width: 76px; max-width: 100%; margin: 5px 0;}
.osimg img{ transition: all 0.8s;}
.os:hover .osimg img{ transform: rotateY(180deg);}
.ostop{ padding-top: 100%;}
.os h5{ margin: 0 !important; font-size: 20px; color: #fff; line-height: 28px; letter-spacing: 3px;}
/*一站式定制*/

.xwzx{ width: 100%;}
.xwzxctn{ padding: 40px 0 20px 0; background: #fff;}
.xwctn{ width: 100%; overflow: auto;}
.xwctn li{ width: 48%; float: left; padding: 18px 0;}
.xwctn li:nth-child(even){ float: right;}
.xw{ width: 100%; overflow: auto;}
.xwimg{ float: left; width: 180px; overflow: hidden;}
.xwimg1{ transition: all 0.5s;}
.xw:hover .xwimg1{ transform: scale(1.1);}
.xwimg2{ padding-top: 95.555%;}
.xwright{ width: calc(100% - 195px); float: right;}
.xwtit{ display: inline-block; font-size: 18px; font-weight: bold; line-height: 28px; height: 29px; border-bottom: 1px #676769 solid; box-sizing: border-box; overflow: hidden; color: #000; transition: all 0.5s;}
.xw:hover .xwtit{ color: #104d62; border-color: #104d62;}
.xwtxt{ margin: 10px 0 0 0; font-size: 14px; line-height: 24px; color: #000; max-height: 120px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
/*新闻资讯*/

.fnav{ width:100%; height:50px; z-index:104; background: #042f3f;}
.fnul{ width:100%; height:50px;}
.fnul>li{float:left; width:11.111%; position:relative;}
.fnul>li>a{color:#fff; line-height:50px; height:50px; padding:0 2px; overflow:hidden; display:block; text-align:center; font-size:20px; transition: all 0.3s; background: url(../images/xzc.png) no-repeat right;}
.fnul>li:hover>a{ color:#fab102;}
.fnul>li:nth-child(8)>a{ font-size: 22px; font-style: italic; color: #fab102; background: none;}
.fnul>li:nth-child(9)>a{ font-size: 22px; font-style: italic; color: #fab102; background: none;}
/*PC底部导航*/

.footer{ width: 100%; overflow: auto; background: url(../images/footerbg.jpg) no-repeat center center; background-size: cover; padding: 32px 0;}
.ft1{ width: 24%; float: left; padding: 30px 10px 0 0; min-height: 218px; background: url(../images/jx.png) no-repeat right;}
.ft1 img{ max-width: 100%;}
.ft2{ width: 50%; float: left; padding: 0 10px; min-height: 218px; background: url(../images/jx.png) no-repeat right; text-align: center;}
.lx{ display: inline-block; text-align: left; width: 420px; max-width: 100%;}
.lx>span{ display: block; font-size: 26px; line-height: 28px; color: #fff; margin: 0 0 22px 0;}
.mf{ display: block; overflow: auto; margin: 0 0 8px 0; text-align: left !important;}
.mf>span{ float: left; display: inline-block; font-size: 18px; line-height: 26px; color: #fdfdfd; width: 130px;}
.mf>div{ float: right; width: calc(100% - 130px);}
.mf>div>span{ display: block; font-size: 17px; line-height: 26px; color: #fdfdfd;}
.mf>div>span a{ display: inline-block; color: #fff;}
.mf>div>span a:hover{ color: #fff;}
.mf>div>span>b{ display: inline-block; font-weight: 100; font-size: 16px;}
.ft3{ width: 26%; float: right; padding: 0 0 0 10px; text-align: right;}
.ewm{ display: inline-block; max-width: 100%; text-align: center; width: 210px;}
.ewm img{ max-width: 100%; width: 150px;}
.ewm span{ display: block; font-size: 18px; line-height: 26px; color: #fff; margin: 10px 0 0 0;}

.ctn{ width:100%; overflow:auto; padding:70px 0; background: #fff;}
.cltit{ width:100%; pointer-events:none; background:url(../images/ntit.png) no-repeat center center; margin: 0 0 30px 0; text-align: center; cursor: pointer;}
.cltit h2{ display: block; margin: 0 !important; font-size: 30px; line-height: 36px; color: #000; font-weight: bold; letter-spacing: 5px;}
.cltit h4{ display: block; margin: 5px 0 0 0 !important; font-size: 20px; color: #000;}
.crb{ width: 100%; overflow: auto;}
.crb1{ width: 100%; overflow: auto; padding: 50px 0 15px 0;}
/*内页*/

.cplist{ width:100%; overflow:auto;}
.cplist li{ width:25%; float:left; padding:6px;}
.goods{ width: 100%;}
.goodsimg{ width: 100%; overflow: hidden;}
.goodsimg1{ transition: all 0.5s;}
.goods:hover .goodsimg1{ transform: scale(1.1);}
.goodsimg2{ padding-top: 96.575%;}
.goodstit{ width: 100%; text-align: center; padding: 0 3px; transition: all 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 50px; line-height: 50px; background: #d9d9d9; font-size: 20px; color: #333;}
.goods:hover .goodstit{ background: #104d62; color: #fff;}

.about{ width:100%;}
.aboutimg{ width: 100%; text-align: center; padding: 5px 0;}
.about img{ max-width: 100%;}
.abt{ font-size: 16px; line-height: 28px; color: #0e0e0e; margin: 5px 0 0 0 !important; text-indent: 2em;}


.pd{ width:100%; overflow: auto;}
.pd_left{ width: 48%; float: left;}
.pd_right{ width: 48%; float: right; padding: 20px 0 0 0;}
.pd1{ font-size:24px; line-height:36px; color:#000;}
.pd2{ width: 100%; margin: 15px 0;}
.pd2 span{ display: block; font-size: 18px; line-height: 32px; color: #000;}
.pd3{ font-size: 24px; line-height: 36px; color: #000; font-weight: bold; padding-left:80px;}
.pd4{ width: 100%; padding: 20px 0 0 80px;}
.pd4 a{ display: block; max-width: 100%; width: 235px; line-height: 69px; background: url(../images/s7.png) no-repeat; background-size: 100% 100%; padding: 0 0 0 40px; font-size: 26px; color: #000; letter-spacing: 5px;}
.pd5{ padding-left:120px; }

.contact{ width:94%;  overflow: auto; margin: 0 auto; border: 1px #000 solid; box-sizing: border-box; padding: 40px;}
.contact_left{ width: 58%; float: left;}
.contact_left span{ display: block; font-size: 18px; line-height: 50px; color: #000; border-bottom: 1px #686868 dashed;}
.contact_right{ width: 37%; float: right;}
.message{ width: 100%;}
.message span{ display: block; font-size: 20px; line-height: 30px; color: #000;}
.message input{ width: 100%; padding: 0 10px; transition: all 0.5s; height: 40px; color: #ccc; border: 1px #ccc solid; box-sizing: border-box; line-height: 38px; margin: 8px 0 0 0;}
.message input:hover{ border-color: #000;}
.message input:focus{ border-color: #000;}
.message textarea{ width: 100%; padding: 0 10px; transition: all 0.5s; height: 94px; color: #ccc; border: 1px #ccc solid; box-sizing: border-box; line-height: 38px; margin: 8px 0 0 0; outline: none; resize: none;}
.message textarea:hover{ border-color: #000;}
.message textarea:focus{ border-color: #000;}
.message button{ margin: 8px auto 0; display: block; width: 90px; line-height: 32px; background: #e47603; text-align: center; transition: all 0.5s; font-size: 16px; color: #fff; border-radius: 8px; border: none; outline: none;}
.message button:hover{ opacity: 0.8;}
.map{ width: 100%; margin: 30px 0 0 0;}

.news{ width:100%; overflow:auto;}
.news li{ width:100%; padding:10px 0;}
.new{ width:100%; overflow:auto; padding: 5px 0; background:#fff; border-bottom:1px #e5e5e5 solid;}
.newimg{ width:126px; float:left; margin:0 12px 0 0; overflow:hidden;}
.newimg1{ transition:all 0.3s;}
.new:hover .newimg1{ transform:scale(1.1);}
.newimg2{ padding-top:87.301%;}
.newtit{ font-size:16px; line-height:28px; color:#000; transition:all 0.3s; height:28px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newtxt{ font-size:14px; line-height:24px; color:#5f5f5f; height:48px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:5px 0;}
.new:hover .newtit{ color:#e57603;}
.newtime{ font-size:12px; line-height:22px; color:#5f5f5f;}
/*新闻列表*/

/*.accordion { width:100%;}
.accordion>li{ width:100%; margin: 6px 0 0 0;}
.accordion>li>a{ transition:all 0.3s; display:block; text-align:center; color:#4a4949; line-height:40px; background: #eaeaea; height:40px; padding: 0 3px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size:14px;}
.accordion>li>a:hover{ color:#fff; background: #008cd6;}	
.dka{ color:#fff !important; background: #008cd6 !important;}	
.accordion>li>ul{display: none;}
.accordion>li>ul>li{ width: 100%;}
.accordion>li>ul>li>a{display: block; text-align:center; height:35px; line-height:35px; overflow:hidden; color:#000; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.accordion>li>ul>li>a:hover{ color:#008cd6;}*/
/*内页左侧栏目*/


.album{ width:900px; max-width:100%; margin:15px auto; position:relative; border-radius:10px; background:#fff; border-radius: 15px; overflow: hidden;}
.pc-slide{ width:100%;}
.arrow-left{ background:url(../images/jt1_2.png) no-repeat; background-size:100% 100%; position: absolute; width:39px; height:71px; left:0; top:50%; transform:translate(0,-50%); z-index: 10; transition:all 0.3s;}
.arrow-right{ background:url(../images/jt2_2.png) no-repeat; background-size:100% 100%; position: absolute; width:39px; height:71px; right:0; top:50%; transform:translate(0,-50%); z-index: 10; transition:all 0.3s;}
.album .preview{ width: 100% !important; position: relative !important; padding:5px 30px !important; background:#eae9e9 !important; max-width: 100% !important;}
.album .preview .swiper-container{ width:100%; }
.album .preview .swiper-slide{ width: 100px; padding:5px; cursor:pointer;}
.album .preview .arrow-left{ background:url(../images/feel3.png) no-repeat left top; position:absolute; left:10px; top:50%; width:9px; height:18px; z-index:10;}
.album .preview .arrow-right{ background:url(../images/feel4.png) no-repeat left bottom; position:absolute; right:10px; top:50%; width:9px; height:18px;z-index:10;}
.album .preview .active-nav .sxc{ padding:0; border:1px solid #028dd6;}
.dxc{ width:100%;}
.dxctop{ padding-top:75.285%;}
.sxc{ width:100%; position:relative; overflow:hidden; border:1px #204d69 solid; box-sizing:border-box; background:#fff;}
.sxctop{ padding-top:79.183%;}



.crb{ overflow: initial;}
.twoLayers{ position: absolute; width: 168px; top: 100%; right: 0; z-index: 99;display: none;}
.twoLayers>li{ width: 100%; background: rgba(229, 118, 3, 0.8);}
.twoLayers>li>a{ display: block; width: 100%; text-align: center; height: 46px; line-height: 45px; border-bottom: 1px rgba(255, 255, 255, 0.5) solid; box-sizing: border-box; font-size: 16px; color: #fff; transition: all 0.3s ease-out;}
.twoLayers>li>a:hover{ background: #e57603;}
.thv{ color: #e57603 !important;}

.established{ width: 100%; padding: 50px 0 0 0;}
.established>b{ display: block; width: 100%; text-align: center; font-size: 24px; color: #666; border-bottom: 3px #e9e8e8 solid; padding: 0 0 10px 0; font-weight: 100;}
.established table{ width: 100%; border: none; margin: 25px 0;}
.established table tr th{ padding: 3px;}
.th1{ width: 90px; text-align: center; font-size: 15px; font-weight: bold; color: #333;}
.th2{ font-size: 14px; color: #333; font-weight: 100;}
.established>span{ display: block; text-align: center; padding: 12px 0;}
.established img{ max-width: 100%;}
.paging{ width: 100%; background: #e3e3e3; padding: 0 10px; margin: 20px 0;}
.paging a{ display: inline-block; font-size: 14px; line-height: 30px; color: #000; padding: 0 10px; transition: all 0.3s ease-out;}
.paging a span{ display: inline-block; color: #ff0000;}
.paging a:hover{ color: #000; transform: translateX(5px);}
.bdsharebuttonbox{ padding: 20px 0 0 0;}
.bdsharebuttonbox>span{ font-size: 16px; line-height: 36px; color: #000; float: left;}
.bdsharebuttonbox>.pull-left>a{ margin: 0 10px !important;}
.preview{ max-width: 45%;}

@media screen and (max-width: 1200px){
.nul>li>a{ font-size: 18px;}
.nul>li:nth-child(8)>a{ font-size: 18px;}
.nul>li:nth-child(9)>a{ font-size: 18px;}
.pic{ height: 420px;}
.gsjj-left p{ font-size: 14px; line-height: 24px; margin: 10px 0 0 0;}
.cpfl{ font-size: 20px;}
.xmfl{ font-size: 16px;}
.dztit{ font-size: 18px;}
.fnul>li>a{ font-size: 18px;}
.fnul>li:nth-child(8)>a{ font-size: 18px;}
.fnul>li:nth-child(9)>a{ font-size: 18px;}

.dztit{ font-size: 15px; letter-spacing: 2px;}
.os h5{ font-size: 18px; letter-spacing: 2px;}
	}

@media screen and (max-width: 991px){
.Logo{ margin:0; float:none;}
.Logo img{ height: 100px;}
.header{ padding:12px 0;}

.header .navbar-toggle{ margin:0; position:absolute; padding:0; right:3%; top:50%; transform:translate(0,-50%); display:block;  cursor:pointer;}
.header	.navbar-toggle .icon-bar{background:#104d62; width:35px; height:5px;}
.header	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
.sjdnav{ width:140px; position:absolute; top:100%; z-index:100; background:rgba(16, 77, 98, 0.72); right:3%;}
.sjdnav li{ height:45px; line-height:44px; overflow:hidden; text-align:center; border-bottom:1px solid #fff; box-sizing:border-box;}
.sjdnav li a{display:block;line-height:44px; font-size:14px; color:#fff;}
.sjdnav li a:hover{background:rgba(16, 77, 98, 0.82);}
.sjdnavhide{ display:none;}
.icon-bar{ transition:all 0.4s;}
.tx .icon-bar:nth-child(1){ margin-top:12px; transform:rotateZ(45deg);}
.tx .icon-bar:nth-child(2){ opacity:0;}
.tx .icon-bar:nth-child(3){ top:50%; position:absolute; margin:0 !important; transform:translate(0,-50%) rotateZ(135deg);}
/*移动端导航*/

.ppsl-left{ width: 100%; float: none; margin: 0 0 20px 0;}
.pitop{ height: auto;}
.ppsl{ background: #104d62 ;}
.ppsl-right{ width: 100%; float: none;}
.fwlnctn h2{ font-size: 20px; line-height: 36px; letter-spacing: 2px;}
.cpzxtop1>h2{ width: 100%; float: none;}
.cpzxtop1>ul{ width: 100%; float: none;}
.xmaltop1>h2{ width: 100%; float: none;}
.xmaltop1>ul{ width: 100%; float: none;}
.xmal_left{ padding: 0;}
.xlbt{ font-size: 24px; line-height: 40px;}
.xldz{ font-size: 20px; line-height: 32px;}
.xmal_left a{ margin: 30px 0 0 0; max-width: 100%; font-size: 20px; height: 45px; line-height: 43px; width: 180px;}
.td1{ padding: 10px;}
.td2{ padding: 10px;}
.lx>span{ font-size: 18px;}
.mf>span{ font-size: 18px;}
.mf>div{ font-size: 18px;}
.ewm{ width: 138px;}
.ewm span{ font-size: 14px;}
.cplist li{ width: 33.33%;}

.zsdz_left{ width: 140px;}
.zsdz_right{ width: calc(100% - 160px);}
.dzimg img{ max-height: 70% !important; max-width: 70% !important;}
.dztit{ line-height: 22px; margin: 0;}
.dz{ padding: 10px 0;}
.os h5{ font-size: 14px; letter-spacing: initial;}
.os h6{ font-size: 12px;}
}
	
@media screen and (max-width: 767px){
.Logo{ padding: 12px 0;}
.header{ padding: 0;}
.Logo img{ height:68px;}
.aa .swiper-pagination-bullet{ width:6px; height:6px; opacity:1; border-radius:3px; margin:0 2px !important; background:#fff;}
.aa .swiper-pagination-bullet-active{ background:#104d62;}
/*手机端轮播大图的显示高度和大图下面的分页按钮的颜色属性*/

.title{ padding: 12px 0;}
.title1{ font-size: 20px; line-height: 32px; padding: 0 0 4px 0;}
.title1 span{ font-size: 18px;}
.title2{ font-size: 14px; margin: 5px 0 0 0;}
.gsjjctn{ padding: 50px 0 20px 0;}
.gsjj-right{ width: 100%; float: none;}
.gsjj-left{ width: 100%; float: none;}
.ppsltit{ margin: 0 0 25px 0;}
.pr1{ padding: 0;}
.prtxt span{ font-size: 18px;}
.prtxt p{ font-size: 14px; margin: 7px 0 0 0; line-height: 22px;}
.prtxt{ padding: 5px;}
.pr2{ border: none; padding: 0;}
.fwlnctn h2{ font-size: 18px; line-height: 30px;}
.cpzxtop1>h2{ font-size: 28px; line-height: 40px;}
.cpzxtop1>ul li{ padding: 3px 6px; border: none;}
.cpzxtop1>ul li a{ font-size: 14px;}
.cpzxtop1{ padding: 28px 0 15px 0;}
.cpfl{ font-size: 14px; height: 40px; line-height: 40px;}
.product_left{ display: none;}
.product_right{ width: 100%; float: none;}
.productshow{ padding: 50px 0 30px 0;}
.xmaltop1>h2{ font-size: 28px; line-height: 40px;}
.xmaltop1>ul li{ padding: 3px 6px; border: none;}
.xmaltop1>ul li a{ font-size: 14px;}
.xmaltop1{ padding: 28px 0 15px 0;}
.as2{ width: 85px;}
.as2 a{ font-size: 16px;}
.as1{ width: calc(100% - 85px);}
.xlbt{ font-size: 14px; line-height: 24px;}
.xldz{ font-size: 12px; line-height: 20px;}
.xmal_left a{ font-size: 14px; width: 98px; height: 36px; line-height: 34px;}
.alctn{ padding: 50px 0 30px 0;}
.more{ margin: 20px 0 0 0;}
.zsdz_left{ width: 124px;}
.zsdz_right{ width: calc(100% - 150px);}
.dztit{ font-size: 14px; letter-spacing: normal;}
.dzimg{ max-width: 60%;}
.dz{ padding: 10px 0;}
.dztit{ margin: 5px 0 0 0;}
.td1{ font-size: 18px; line-height: 30px; width: 30%; padding: 5px;}
.td2{ font-size: 14px; line-height: 24px; width: 70%; padding: 5px;}
.yzsdz1{ padding: 25px 10px;}
.yzstit h1{ font-size: 18px; line-height: 32px;}
.yzstit h2{ margin: 5px 0 0 0 !important; font-size: 16px; line-height: 28px;}
.yzstit h2 span{ font-size: 16px;}
.yzstit{ margin: 0 0 25px 0;}
.xwctn li{ width: 100%; float: none !important; padding: 10px 0 !important;}
.xwimg{ width: 127px;}
.xwright{ width: calc(100% - 140px);}
.xwtit{ font-size: 16px;}
.xwtxt{ max-height: 72px; -webkit-line-clamp:3;}
.ft1{ width: 100%; float: none; padding: 0; min-height: initial; text-align: center; background: none;}
.ft2{ width: 100%; float: none; padding: 20px 0; min-height: initial; background: none;}
.lx>p{ line-height: 24px; margin: 0 !important;}
.lx{ text-align: center;}
.ft3{ width: 100%; float: none; padding: 0; text-align: center;}
.footer{ margin: 0 0 54px 0;}
.ctn{ padding: 40px 0;}
.cplist li{ width: 50%;}
.pd_left{ width: 100%; float: none;}
.pd_right{ width: 100%; float: none;}
.contact{ padding: 15px;}
.contact_left{ width: 100%; float: none;}
.contact_left span{ font-size: 15px;line-height: 30px;}
.contact_right{ width: 100%; float: none; margin: 25px 0 0 0;}
.goodstit{ height: 40px; line-height: 40px; font-size: 14px;}

.qws a{ height: 62px !important; padding: 0 0 10px 0 !important;}
.cpzx1 .swiper-slide{ height: 62px !important;}
.qws1 a{ height: 62px !important; padding: 0 3px 10px 3px !important;}
.xmfl{ font-size: 14px;}
.xmfl{ padding: 0 3px;}
.zsdz_left{ width: 100%; float: none;}
.zsdz_right{ width: 100%; float: none; margin: 20px 0 0 0;}
.dztit{ font-size: 12px; line-height: 20px;}
.dzimg img{ max-width: 80% !important; max-height: 80% !important;}
.zsdz_left img{ width: 125px;}
.os h5{ font-size: 16px; letter-spacing: initial; line-height: 24px;}
.os h6{ display: none;}
.osimg img{ max-height: 60% !important; max-width: 60% !important;}
.ft2{ padding: 15px 0;}
.lx>span{ font-size: 16px; margin: 0 0 12px 0;}
.mf>span{ font-size: 16px; width: 115px;}
.mf>div{ width: calc(100% - 115px);}
.mf>div>span{ font-size: 15px; line-height: 24px;}
.mf{ margin: 0 0 5px 0;}
.footer{ padding: 25px 0;}
.mf>div>span>b{ opacity: 0.7; font-size: 13px;}
.mf>div>span a{ color: #5db1f9;}
.mf{ width: 80%; margin: 0 auto;}
.ewm{ width: 115px;}
.ewm span{ font-size: 12px;}
/*.pic1{ width: 100%;}*/

.os h5{ font-size: 12px; transform: scale(0.7); width: 130%; margin-left: -15% !important;}
.osimg{ margin: 0;}
	}
@media screen and (max-width: 360px){
	.Logo img{ height:60px;}
}
	
	
/*手机底部*/
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto; padding: auto;}

/*手机底部*/
.hot{width:100%; height:54px; background:#104d62; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #fff;}
.ds{ display:block; border-right:1px #fff solid; box-sizing:border-box;}
.ds:nth-child(4){ border:none;}
.ds:hover{ background:#fff;}
.hot .row div a:hover{ color:#104d62;}
.hot .row div a:hover span{ color:#104d62 !important;}

.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px; margin:4px 0 0 0;}
.hot .row div a{ display:block; color:#fff; padding:7px 0 3px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}