@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px){html{font-size:62.5%;}}
body{overflow-y:scroll;}
html {font-size: 62.5%; margin:0; padding:0;}
body,button,input,select,textarea{color:#333; font-size:1.6rem; font-family:Arial,Helvetica, "微软雅黑",}
a:link,a:visited,a:active{color:#000;text-decoration:none}
a:hover{color:#008aff;text-decoration:none}
/* webcss start*/
#wrapper{margin:0 auto;width:62.5%; min-width:800px; position:relative;}
#wrapper h1{font-size:4.0rem;padding:60px 0 30px 0; text-align:center !important; font-weight: bold; display:block; position:relative; margin-bottom:20px;}
#wrapper h1 span{color:#f15f43}
#wrapper h1:after{ content:""; height:3px; width:60px; position:absolute; bottom:0; left:50%;transform:translate(-50%,0);  background:#f15f43;}
.top{padding:0;z-index:9999; position:relative;}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
.section{width:100%; padding:0;}
.section hr{ height:5px; background:#2b3c50; padding:3px 0;}
.sectionbg{ background:#f2f3f5}
.mainfont {color:#686868;line-height:30px;text-align:justify; text-justify:inter-ideograph;}
.mainfont p{text-align:justify; text-justify:inter-ideograph; display:block;}
.t-s{text-align:justify; text-justify:inter-ideograph; }
.t-s p{ display:block;padding:30px 0;}
.t-s h2{font-size:3.0rem;padding:40px 0 20px 0; margin-bottom:20px; text-align:center !important; font-weight: bold; display:block;position:relative;}
.t-s h2 span{ color:#f15f43}
.t-s h2:after{ content:""; height:3px; width:100px; position:absolute; bottom:0; left:50%;transform:translate(-50%,0);  background:#eda900;}
.t-s h3{ font-size:2rem; color:#244061; padding:20px 0 5px 0; text-align:left;}
.swiper-container {width:100%;}
.swiper-container img{width:100%;}
.space{ margin:5px 0;}
.space1{ margin:20px 0;}
.space-tb{ padding:30px 0;}
.space-b{ padding-bottom:50px;}
.s-p{ padding:20px 0;}

.viewmore{margin:20px 0; display:inline-block;}
.viewmore ul {display:block; margin:0 auto;}
.viewmore ul li{ display:inline-block;padding:3px; margin:0 auto;background:#f15f43;}
.viewmore ul li span{ display:block; padding:3px 10px; border:1px solid #fff; border-radius:5px; color:#FFF; font-weight:bold;}
.moreinfo{ clear:both; text-align: center; margin:30px 0;}
.moreinfo span{padding:10px 30px; display:inline-block; background:#850044; border-radius:20px; color:#FFF; font-weight:bold;box-shadow:2px 2px 5px #999999;}
.viewmoreon{ text-align:center;margin:20px 0;}
.viewmoreon span{padding:10px 30px; display:inline-block; background:#850044; border-radius:20px; color:#FFF;font-weight:bold; box-shadow:2px 2px 5px #999999;}

/* index start*/
.index_banner{width:100%; height:auto; min-width:800px; margin:0 auto;overflow:hidden; position:relative; background:#000;}
.index_banner .swiper-container {width:100%; height:auto; margin:0 auto; position:relative;}
.index_banner .swiper-container img{ display:block; margin:0 auto;}
.b-d-1{ position:absolute; top:30%; left:20%; color:#FFF;}
.b-d-1 h3{ padding:10px 0;}
.b-d-1 p{ display:block}
.b-d-2{ position:absolute; top:30%; right:20%; color:#FFF;text-align:right}
.b-d-2 h3{ padding:10px 0;}
.b-d-2 p{ display:block;}
.index-aboutus{ margin:0; position:relative; display:table; }
.index-aboutus-content{ text-align:left; width:58%; display:table-cell; padding-right:2%; vertical-align:top;}
.index-aboutus-content p{ padding:10px 0;color:#686868; line-height:30px;text-align:justify; text-justify:inter-ideograph; }
.i-c-img{ width:40%; display:table-cell; overflow:hidden;background:#354b77; height:100%;}
.i-l{ width:100%; background:#f15f43; overflow:hidden; position:relative;padding:15% 0;text-align: center;  }
.yoe{ font-size:2.0rem; font-weight:bold; overflow:hidden; margin:0 auto; display:inline-block;}
.yoe ul{margin:0 auto; display:table}
.yoe ul li{display:table-cell; vertical-align:middle; padding:0 10px; text-align:left;}
.yoe ul li i{ font-size:8rem; color:#fff; display:block;font-weight:bold;}
.yoe ul li span{ font-size:1.5rem; color:#fff; display:block; font-weight:normal;}

.i-m{ width:100%; background:url(../images/i-m.jpg) no-repeat center center; background-size:cover; padding-bottom:50%;}
.i-r{ width:100%;text-align:center;}
.i-r p{ display:block;font-size:1.4rem;color:#CCC; font-weight:normal; height:100%; padding:15% 0}

.r-m {position:absolute; width:100%; left:0; bottom:10px;text-align:center; z-index:2;}
.r-m ul{ display:block; margin:0 auto;}
.r-m ul li{display:inline-block; padding:5px; margin:0 auto;background:#f15f43;}
.r-m ul li span{display:block; padding:5px 20px;border:1px solid #e4e8eb; border-radius:5px; color:#FFF}

.index-aut{ overflow:hidden; }
.autbg{background:#354b77;}
.aut{ padding:1%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/*.index-aut dl{ width:33%; float:left; display:inline-block;margin:0;padding:30px 0; border-right:1px dashed #949494;}
.index-aut dt{width:100%; height:100%;  display:table; text-align:center;}
.index-aut dt img{vertical-align:middle; width:30%; height:30%; }
.index-aut dd{ width:100%; display:block; text-align:center; padding:10px 0;font-size:2rem;}
.index-aut hr{  width:95%; height:1px; margin:10px auto;border:none;border-top:1px solid #949494;}*/
.mainbg{ width:100%;  background:url(../images/mainbg.png) no-repeat center; background-attachment:fixed}
.mainbg-fix{background:rgba(23,43,67,0.9); overflow:hidden;padding-top:200px;}
.clearbox{clear:both;}
.i-app-bg{background:#2c3a46 url(../images/a-bg.png) no-repeat center center;}
.i-application-menu{ width:100%; overflow:hidden;}
.i-application-menu dl{width:32%; margin:2% 2% 2% 0  ;float:left; position:relative;}
.i-application-menu dl:nth-child(3n){margin:2% 0;}
.i-application-menu dl dd{width:100%;}
.i-application-menu dl dd img{width:100%; height:100%;display:block;}
.i-application-menu dl dt{ width:100%; padding:20px 0;text-align:center; font-weight:bold; background:#fff;}
.i-application-menu dl dt a{color:#354b77;transition:all 0.5s;}
.i-application-menu dl:hover dt a{color:#f15f43}
.i-a-font{ color:#FFF;}
/* index end*/

/* application Start */
.pro-banner{width:100%;height: auto;min-width:800px; margin:5px auto;overflow:hidden;}
.appbanner-seccson{ width:100%; margin:5px 0 0 0;background:rgba(0, 0, 0, 0.5);}
.app-d-banner{width:1200px;height: auto;margin:0 auto; padding-top:200px; padding-bottom:80px;overflow:hidden; }
.app-m{background:#f5f5f5;}
.application-menu{ width:100%; }
.application-menu dl{width:32%; margin:2% 1.6% 2% 0  ;float:left; border-radius:10px; overflow:hidden;position:relative; border:1px solid #CCC;transition:all 0.3s;}
.application-menu dl:nth-child(3n){margin:2% 0;}
.application-menu dl dd{width:100%;overflow:hidden; }
.application-menu dl dd img{width:100%;display:block; transition:all 0.5s;-moz-transition:all 0.5s; -webkit-transition:all 0.5s;}
.application-menu dl dt{ width:100%; padding:20px 0;text-align:center; font-weight:bold;}
.application-menu dl dt a{color:#2c3a46;transition:all 0.5s;}
.application-menu dl:hover{ box-shadow:2px 2px 10px #CCCCCC,-2px 2px 10px #cccccc,2px -2px 10px #cccccc,-2px -2px 10px #cccccc;}
.application-menu dl:hover dd img{transform:scale(1.1)}
.application-menu dl:hover dt a{color:#f15f43}
.apprightmenu{ width:470px; float:right;  overflow:hidden; line-height:110px; font-size:1.8rem;}
.application-detail-menu{ width:100%}
.application-detail-menu dl{ width:30%;float:left; margin:0 5% 2% 0; overflow:hidden;}
.application-detail-menu dl:nth-child(3n+3){width:30%;float:left; margin:0 0 2% 0; overflow:hidden;}
.application-detail-menu dl dd{ width:100%;}
.application-detail-menu dl dd img{ display:block; width:100%;}
.application-detail-menu dl dt{ width:100%;font-weight:bold; text-align:center; padding:20px 0 0 0;}
.app-t ul{ width:100%;}
.app-t ul li{ width:50%; float:left; padding:10px 0 10px 50px; background:url(../images/s_menu.png) left center no-repeat; background-size:30px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.a-title{ width:100%;background: #999}
.a-title h1{ padding:30px 0; color:#FFF; font-size:4rem; text-align:center; font-weight:normal; display:block; margin:0 auto; position: relative;}
.a-title h1:after{content:""; height:2px; width:14%; position:absolute; bottom:30px; background:#FFF; left:43%;}
.a-menu-bg{width:100%;background: #FFF;}
.a-s-menu ul{ width:48%; float:left; margin:0 1%;}
.a-s-menu ul li{ padding:15px 20px; position:relative; background:url(../images/right.gif) left center no-repeat;}
.a-s-menu ul li a{ color: #666}
/* application End */

/*产品页面开始*/
.promenulist{ overflow:hidden; text-align:center; padding:0 0 5px 0;}
.promenulist ul li{ width:20%; float:left;}
.promenulist ul li dl{ width:100%;font-size:1.3rem; }
.promenulist ul li dl dt{ height:50px; background:#244062; border:1px solid #000;display: flex;justify-content: space-around;flex-direction:column;}
.promenulist ul li dl dt a{color:#FFF;}
.promenulist ul li dl dd{ height:40px;  border:1px solid #CCC;margin:0 0 -1px -1px; display:flex;justify-content:center;align-items:Center;}
.promenulist ul:first-child li dl dd{ margin-left:0;}
.promenulist ul li dl dd:nth-child(even){background:#ebebeb;}
.promenulist ul li dl dd:hover{ background:#CCC;}
.p-d-text {color:#686868;}
.p-d-text h2{ font-size:1.6rem; color:#069; text-align:center; font-weight:bold; margin:40px 0 20px 0; padding-bottom:10px; border-bottom:1px solid #CCC;}
.pro-d-img { margin:20px 0;}
.pro-d-img img{ display:block; width:100%;}

.pro-d-table table{ width:100%; border:1px solid #CCC; margin:10px 0; text-align:center; font-size:1.3rem;word-wrap:break-word;word-break:normal; overflow:hidden;}
.pro-d-table table td{border:1px solid #CCC; padding:5px 0;word-wrap:break-word;}
.pro-d-table table td a:link,a:visited { color:#333;}
.pro-d-table table td a:hover{ color:#F00;}
.pro-d-table table tr{}
.pro-d-table table tr:first-child{ background:#244062 !important; color:#FFF; font-weight:bold; height:50px;}
.pro-d-table table tr:first-child td a { color:#FFF;}
.pro-d-table .tdbg{ background:#ebebeb;}
.pro-d-table p{padding:10px 0; text-align:justify; text-justify:distribute-all-lines; display:block; line-height:2.0rem;}
.pro-d-table img{ display:block; float:right; margin:0 0 10px 10px;}
.p-banner{ margin:10px 0; }
.p-banner img{ display:block; width:100%;}


/*产品页面结束*/


/*服务页面开始*/
.ser-banner{width:100%;height: auto;min-width:800px; margin:5px auto;overflow:hidden;}
.ser-d-banner{width:100%;height: auto;min-width:800px; margin:5px auto;overflow:hidden;}
.service-menu{ width:100%; overflow:hidden;}
.service-menu dl{width:23%; margin:10px 1%;float:left; box-shadow:5px 5px 10px #ccc,-5px -5px 10px #ccc;}
.service-menu dl dd{width:100%;padding:5%;}
.service-menu dl dd img{width:90%;display:block; }
.service-menu dl dt{ width:100%; }
.service-menu dl dt span { display:block; width:100%; padding:15px 0;font-style:italic; color:#354b77;transition:all 0.5s;text-align:center;}
.service-menu dl dt p{ display:block; padding:5px 10px 20px 10px; color:#333; font-size:1.4rem;}
.service-menu dl:hover dt span{ color:#f15f43;}
/*服务页面结束*/


/*联系我们页面开始*/
.con-banner{width:100%;height: auto;min-width:800px; margin:5px auto;}
.mainmsg-bg{ background:#eef3f7  url(../images/msgbg.jpg) no-repeat center center;}/* 页面留言板 start*/
.mainmsg{width:65%; float:left; padding:50px 0; display:inline-block; }
.mainmsg h2{display:inline-block; padding:5px 10px; border-bottom: 3px double #CCCCCC; margin:0 10px 10px 10px;}
.mainmsg ul{ padding:0 1%;}
.mainmsg ul li{ width:80%; margin-right:2%; margin-bottom:20px;overflow:hidden;}
.mainmsg ul li input{ width:100%; height:40px; background:rgba(80%,80%,80%,0.5); border:none;padding-left:5%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.mainmsg ul li:nth-child(4){ width:80%; }
.mainmsg ul li:nth-child(4) textarea{ width:100%; height:150px; background:rgba(80%,80%,80%,0.5); border:none;padding-left:5%; line-height:3.0rem;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.mainmsg ul li:nth-child(4) textarea::-webkit-input-placeholder{ font-family:Arial, Helvetica, sans-serif}
.mainmsg ul li label input{ width:30%; text-align:center; padding-left:0 !important; }
.msgdesc{width:35%; float:left; padding:50px 1%;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.msgdesc h2{display:inline-block; padding:5px 10px; border-bottom: 3px double #CCCCCC; margin:0 10px 10px 10px;}
.msgtext{ padding:20px 0;}
/*联系我们页面开始*/

#bottom{width:62.5%; margin: 0 auto; min-width:800px;}
.b-text{overflow:hidden; padding:5% 0; font-size:1.2rem;}
.b-text ul{ width:100%;}
.b-text ul li{ width:25%; float:left; padding:0;border-right:1px solid #000;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.b-text ul li h3{ padding:5px 0; position:relative; margin-bottom:10px;}
.b-text ul li h3:after{ content:""; height:2px; width:15%; background:#f15f43; position:absolute; left:50%; bottom:0; transform:translate(-50%,0)}
.b-text ul li:last-child{ border-right:0;}
.b-text ul li p{font-size:1.5rem; font-weight:bold; }
.c-name{ background:#850044; color:#FFF; font-size:2.0rem; text-align:center;position:relative;}
.c-name p{ display:block; padding:20px 5px;}
.c-name:after { content:""; width:0;height:0; border-width:30px 30px 0;border-style:solid; border-color:#850044 transparent transparent;/*灰 透明 透明 */ position:absolute; bottom:-30px; left:50%; transform: translate(-50%,0)}
.link{ background:#000; padding:20px 0; text-align:center; overflow:hidden;}
.link p{ color:#FFF;}
.linklogo{ text-align:center;background:#000;}
.linklogo img{ display:inline-block; width:40px; padding:10px 20px ; }