.wrapper{ width:1280px; margin:0px auto;}
.topheadm{ height:39px; line-height:39px; border-bottom:1px solid #DDDDDD; background:#E9E9E9;}
.topheadm .pp1{float:left;}
.topheadm .pp2{ float:right;}
.topheadm .pp2 a{ text-align:center; float:left; color:#585858; width:85px; display:inline-block;}
.topheadm .pp2 a.Select{ color:#fff; background:#F16B2F;}
.topheadm .pp2 a:hover{ color:#fff; background:#F16B2F;}

.tophead{ height:145px; display: flex; justify-content:space-between; align-items: center;}
.tophead .logo{}
.tophead .logo a{float:left;}
.tophead .logofont{color: #1D6CAF; font-size: 32px; font-weight: bold; background:url(../images/logoline.png) no-repeat left center; padding-left:25px;float:left; margin-top:2px;line-height: 1.4;}
.tophead .logofont h1{font-size: 18px; line-height: 1.4; color: #333;letter-spacing:2px;}
.tophead .tel{ color:#606060; font-size:16px; padding-left:60px;background:url(../images/tel.png) left center no-repeat;}
.tophead .tel span{ color:#F16B2F; font-family:Impact; font-size:32px; display: block; margin: 5px 0;}

.topmenunav{ background:#1D6CAF; height:55px;}
.topmenunav ul li{ position:relative; margin-top:-7px; width:160px; float:left; height:62px; line-height:62px; text-align:center; font-size:16px;}
.topmenunav ul li a{ color:#fff;}
.topmenunav ul li.tt1{ background:url(../images/muen.png) center center no-repeat;}
.topmenunav ul li:hover{  background:url(../images/muen.png) center center no-repeat;} 
.topmenunav ul li .dropmenu{ display:none;}
.topmenunav ul li:hover .dropmenu{ display:block; z-index:99999; background:#e6e6e6; position:absolute; left:5px; top:62px; width:150px; }
.topmenunav ul li:hover .dropmenu p{ border-bottom:1px solid #ccc; font-size:14px; line-height:20px; text-align:center; padding: 8px;}
.topmenunav ul li:hover .dropmenu p a{ color:#333333;display: block;}
.topmenunav ul li:hover .dropmenu p:hover{ background:#1D6BAF;}
.topmenunav ul li:hover .dropmenu p:hover a{ color:#fff;}

/*banner*/
.banner{height: 100%;width: 100%; text-align: center;position: relative; margin-top:1px;}
.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url(../images/rightjt.png) no-repeat center center;width: 40px;height: 40px; border-radius:50%; border:1px solid #fff;right:0px;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 20px;border-radius: 4px;margin: 0 5px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:50px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important; display: none;}
.banner .swiper-button-prev{left: 40px!important;display: none;}
@media(max-width:1024px){
	.banner .swiper-pagination{display: none;}
	.PC_ban{display: none;}
	.Mob_ban{display: block;}
	.banner .swiper-button-next,.banner .swiper-button-prev{width:25px;height:25px;right:0; background-size:80%;}
	.banner .swiper-button-next{right: 10px!important;left: auto!important;}
	.banner .swiper-button-prev{left: 10px!important;}
}
.abanner{min-height:400px; background-repeat: no-repeat; background-position: center center;}
.inkeyword{ height:65px;}
.inkeyword .key{ float:left; line-height:65px;}
.inkeyword .key span{ color:#0171BD; font-weight: bold;}
.inkeyword .key a{margin-left: 10px;}
.inkeyword .search{ float:right; margin-top:17px;}
.inkeyword .search .pp1{ float:left;}
.inkeyword .search .pp1 input{ width:229px; border:1px solid #DDDDDD; border-right:0; height:30px; line-height:30px; text-indent: 10px;}
.inkeyword .search .pp2{float:right; width:40px;}
.inkeyword .search .pp2 input{ cursor:pointer; border:0px; width:40px; height:32px;background:url(../images/btnSearch.png) left center no-repeat;}

.mtitle{ font-size:30px; text-align:center; color:#1D6BAF; text-transform: uppercase; line-height:1.2; background:url(../images/heng.png) left center repeat-x;}
.mtitle span{ color:#1D6BAF; font-size: 30px;}
.mtitle label{ padding-left:15px; padding-right:15px; background-color:#F5F5F5;}

.whitetitle{ font-size:30px; text-align:center; color:#FFFFFF; line-height:1.2; background:url(../images/whiteline.png) center center no-repeat;}
.whitetitle span{ color:#F16B2F; font-size:30px;}
.whitetitle2{ height:35px; line-height:35px; text-align:center; color:#AEAEAE; font-size:14px;}
.pt40{padding-top:40px;}
.pd50{padding:60px 0;}
.graybox{background:#F5F5F5;}
.indexabout{ background:url(../images/aboutbg2.jpg);}
.indexabout .mtitle label{ padding-left:10px; padding-right:10px; background:url(../images/aboutbg2.jpg);}
.indexabout .limg{ float:left; width:40%;}
.indexabout .rtext{ float:right; width:58%;}
.indexabout .rtext .rtitle{ line-height:1.5; color:#383838; font-size:20px;}
.indexabout .rtext .ttext{ line-height:1.9; color: #666; margin: 15px 0 20px;}
.indexabout .rtext .morean a{ background:#1D6CAF; display:block; width:115px; height:40px; line-height:40px; text-align:center; color:#fff;}
.indexabout .rtext .morean a:hover{ background:#FF8800;}

.inproduct{padding-top: 30px;}
.inproduct .promenu{width:24%; float:left; background:url(../images/gaibg.jpg) left top no-repeat #1d6caf; background-size: 100%; padding-bottom:20px;margin-top:10px;}
.inproduct .promenu .ttile{ height:80px; padding-bottom:10px; text-align: center;}
.inproduct .promenu .ttile .pp1{ padding-top:20px; color:#fff; line-height:35px; font-size:24px;}
.inproduct .promenu .ttile .pp2{ line-height:30px; color:#FBD3C1; font-size:20px; display: none;}
.inproduct .promenu ul.menu{ overflow:hidden;}
.inproduct .promenu ul.menu li{ padding-left:40px; text-align:left; height:35px; line-height:35px;}
.inproduct .promenu ul.menu li a{ font-size:14px; color:#fff; display:block; padding-left:30px; background:url(../images/ico.png) left center no-repeat;}
.inproduct .promenu ul.menu li:hover{ background-color:#F16B2F;}
.inproduct .promenu ul.menu li.tt1{ background-color:#F16B2F;}
.inproduct ul.plist{ float:right; width:76%;}
.inproduct ul.plist li{float:left; width:24%; margin-left: 1%; margin-top:10px;}
.inproduct ul.plist .probox{background: #fff;min-height: 255px; text-align: center; border:2px solid #fff;}
.inproduct ul.plist .probox .proheight{height:200px; overflow: hidden; display:flex; align-items: center;}
.inproduct ul.plist .probox img{transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s; max-width:95%; max-height: 200px; display: block; margin: 0px auto;}
.inproduct ul.plist .probox h2{ font-size: 14px; line-height: 25px; min-height: 50px;}
.inproduct ul.plist li .probox:hover{ border:2px solid #F16B2F;}
.inproduct ul.plist .probox img:hover{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}

.incase{background:url(../images/youbg.jpg) no-repeat center top; background-size: cover;}
.incase ul.case{ padding-top:30px;}
.incase ul.case li{ color:#3F3F3F; float:left; width:22%; margin: 0 1.5%; text-align:center; overflow:hidden;}
.incase ul.case li .caseimg{ text-align:center;}
.incase ul.case li .caseimg img{ width:190px;height:190px; behavior: url(PIE.htc); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.incase ul.case li .casetitle{ line-height:1.3; font-size:16px; text-align:center; margin: 20px 0 15px;color:#fff;}
.incase ul.case li .casefont{ text-align:left; line-height:1.8; color:#8A8A8A;} 
.incase ul.case li .casefont{text-align:left; color:#8A8A8A;}
.incase ul.case li .casemore{margin-top:15px;display:inline-block; border:1px solid #F16B2F; line-height:30px; text-align:center; padding: 0 10px; color:#FF8800;}
.incase ul.case li:hover .casemore{color: #fff;border:1px solid #fff;}
.incase ul.case li:hover .casetitle{color:#FF8800;}

.innews{}
.innews .limg{ float:left; width:32%;}
.innews .rtext{ float:right; width:63%;}
.innews .newstitle{font-size:30px; border-bottom: 1px solid #e2e2e2; line-height: 50px;}
.innews .newstitle span{color:#1D6CAF; font-size: 24px;}
.innews .newstitle:after{content: ''; display: block; background: #1D6CAF; width:120px; height: 2px;}
.innews .innewslist{ padding-top:10px;}
.innews .innewslist li{font-size:16px; border-bottom: 1px dotted #ccc; line-height:50px; position: relative; padding-left:12px;}
.innews .innewslist li:before{content: ''; width:4px; background: #1D6BAF; height:4px; position: absolute; left:0; top:48%; border-radius: 50%;}
.innews .innewslist .time{float:right; font-size: 14px;}
.inzheng{ background:url(../images/youbg1.jpg) center top no-repeat; background-size: cover;}

.culture{padding-top: 30px;}
.culture .container { position: relative;}
.culture .culture_swiper { overflow: hidden;}
.culture .culture_swiper .swiper-slide { text-align: center;}
.culture .culture_swiper .swiper-slide img{width:100%}
.culture .culture_swiper .swiper-slide .caseswbox{text-align: center;}
.culture .culture_swiper .swiper-slide .caseswbox h2{ font-size:16px; line-height:45px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#ddd;}
.culture .swiper-button-prev{top: 45%;width:40px;height: 45px; background: url(../images/rightjt.png) no-repeat center center #999;left:0px;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.culture .swiper-button-next{top: 45%;width:40px;height: 45px; background: url(../images/rightjt.png) no-repeat center center #999;right:0px;}
.culture .swiper-button-prev { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #1D6CAF;}
.culture .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #1D6CAF;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}

.link{ padding-top:30px; margin: 0 -10px;}
.link li{float:left; width:16.666%;}
.linkbox{border:1px solid #ddd; margin:10px 10px 0; padding:5px 0; background: #fff;}
.link li img{width: 100%;}

/*内页*/
.Banner2{ height:525px; width:100%;}
.Banner{ height:310px; width:100%;}
.mainbody{ background:#e8e8e8; padding:30px 0;}
.lefts{ float:left; width:20%;}
.lefts .promuen{ margin-bottom:15px; background:#fff;}
.lefts .promuen .ttile{ height:60px; background: url(../images/sai.png) no-repeat 92% center #1D6CAF; background-size:24px ; color:#fff; padding-left:20px; line-height:60px; font-size:20px;}
.lefts .promuen ul.muen{ margin:0 20px; padding: 20px 0;}
.lefts .promuen ul.muen li{ padding-left:18px; text-align:left; height:37px; line-height:37px; margin-top: 1px;}
.lefts .promuen ul.muen li a{ color:#646464; display: block;}
.lefts .promuen ul.muen li.on{background:#1D6CAF;border-left:4px solid #F16B2F; padding-bottom:2px}
.lefts .promuen ul.muen li.on a{ color:#fff;}
.lefts .promuen ul.muen li:hover{background:#1D6CAF;border-left:4px solid #F16B2F;}
.lefts .promuen ul.muen li:hover a{ color:#fff;}
.lefts .hotnew{ border:1px solid #ddd; margin-bottom:15px; background:#fff;}
.lefts .hotnew .ttile{ color:#fff; font-size:16px; font-weight:bold; padding-left:15px; height:45px; line-height:45px; background:#1D6CAF;}
.lefts .hotnew ul{padding:10px 15px;}
.lefts .hotnew li{ line-height:1.4; margin:10px 0; position: relative;}
.lefts .hotnew li:before{content: ''; width:4px; background: #1D6BAF; height:4px; position: absolute; left:0; top:7px; border-radius: 50%;}
.lefts .hotnew li a{padding-left: 12px;}
.lefts .lcontact{ border:1px solid #ddd; background:#fff;}
.lefts .lcontact .ttile{ color:#fff; font-size:16px; font-weight:bold; padding-left:15px; height:45px; line-height:45px; background:#F16B2F;}
.lefts .lcontact .img{ padding:15px 15px 0;text-align:center;}
.lefts .lcontact .img img{width: 100%;}
.lefts .lcontact .text{ padding:15px;}
.lefts .lcontact .text p{padding-top:5px;}
.lefts .lcontact .text span{ color:#1D6BAF; font-size:22px; font-family:Impact;}
.rights{ background:#fff; border:1px solid #ddd; float:right; width:78.5%;}
.rights .rightbox{padding:10px 30px;}
.rights .location{ line-height:45px; height:45px; border-bottom:1px solid #DDDDDD;}
.rights .local{ float:left; padding-left:15px; color:#1D6BAF; font-size:16px; font-weight:bold; position: relative;}
.rights .local:before{content: ''; width:3px; background: #1D6BAF; height:20px; position: absolute; left:0; top:50%; margin-top:-11px;}
.rights .locar{ float:right;}
.rights .aboutcontent{padding: 20px 0; line-height: 2;}
.rights .procontent{padding: 20px 0;}
.rightimg{float: right;border: 1px solid #e2e2e2; width:150px}
.newslist li{ padding:25px 0; border-bottom:1px dashed #D5D5D5;}
.newslist .imgs{float:left; width:20%; text-align: center;}
.newslist .imgs img{}
.newslist .texts{float:right; width:77%}
.newslist .textscon{margin: 15px 0; color: #777; line-height: 1.8;}
.newslist .texts h2,.newslist .texts h2 a{font-size: 18px;color:#1D6BAF; margin-top: 10px;}
.newslist .texts h2 a:hover{color:#F16B2F}

.produlist li{ padding:25px 0; border-bottom:1px dashed #D5D5D5;}
.produlist .imgs{float:left; width:28%; text-align: center;}
.produlist .imgs img{}
.produlist .texts{float:right; width:70%}
.produlist .textscon{margin: 15px 0; color: #777; line-height: 1.8;}
.produlist .texts h2,.produlist .texts h2 a{font-size: 18px;color:#1D6BAF; margin-top: 10px;}
.produlist .texts h2 a:hover{color:#F16B2F}
.more a{ text-align:center; display:block; color:#1D6BAF; width:100px; height:30px; line-height:30px; border:1px solid #ddd; background: #fafafa; color:#1777C5; font-size:12px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.more a:hover{ color:#fff; background: #1D6BAF; border:1px solid #1d6baf}
.viewbox{text-align: center; padding:10px 0;color: #888;}
.viewbox h2{font-size: 18px; margin-bottom: 10px;color: #444;}
.viewbox img{display: block; margin: 10px auto; text-align: center;}
.view_right{ border-bottom:1px solid #dedede;height:35px;}
.view_right span{ float:left; width:110px; background: #008adc; color:#fff; line-height: 35px; text-align:center; font-weight:bold;}
.viewcontent{padding: 20px 0; line-height: 2;}

.pro-download{ padding:10px 0;}
.pro-download table{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-collapse:collapse;font-size:14px; background: #fff;}
.pro-download th{font-weight:normal;font-size:14px;line-height:50px;color:#333333;background:#f6f6f6;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; text-align:center}
.pro-download th span{float:left;padding-left:20px;}
.pro-download td{font-size:14px;line-height:50px;text-align:center;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.pro-download td.bg{background:#f8fbfe;}
.pro-download td a.fl{background:none;width:auto;color:#666;padding-left:20px;float:left;}
.pro-download td a.fl:hover{color:#1172ab;}
.downBtn{width:27px;height:42px; margin:0px auto; line-height:42px;background:url(../images/bg_btn09.png) no-repeat;}
.downBtn a{ display:block}
.downBtn:hover{color:#fff;background:url(../images/bg_btn09.png) no-repeat bottom;}

.buttommenu{ background:#1D6CAF; height:50px; line-height:50px; text-align:center; color:#fff;}
.buttommenu a{ margin-left:9px; margin-right:9px; color:#fff;}
.buttommenu a:hover{ color:#FF8800;}
.foot{ padding:35px 0; line-height: 1.9;}
.foot .logo{ float:left; padding-right: 30px;}
.foot .ltext{ float:left; padding-left:30px;border-left:1px solid #DDDDDD;}
.foot .friendlink{ float:right;width:350px; padding-right:20px;}
.foot .friendlink a{margin-right: 10px;}
.foot .rwei{ float:right; text-align:center;}
.foot .rwei img{width:120px}
.conpage{border-top:1px dotted #ddd; padding-top: 6px;}
.conpage li{line-height:32px;}
.conpage span{margin-right: 10px; color: #777;}
.mapok{width: 100%; min-height: 500px; margin-top: 20px;}

.linkall{ margin: 0 -10px;}
.linkall li{float:left; width:25%;}
.linkallbox{border:1px solid #ddd; margin:10px 10px 0; padding:0; background: #fff;}
.linkall li img{width: 100%;}

.shililist{ margin: 0 -10px;}
.shililist li{float:left; width:33.333%;}
.shililist li:nth-child(3n+1){clear:both}
.shililist h2{font-size: 16px; padding-top: 15px;}
.shilibox{ margin:10px 10px 0; text-align: center;}