@charset "UTF-8";
@font-face {
font-family: 'Mekanik';
src: url('../font/MekanikStd.ttf'),url('../font/MekanikStd.eot'),url('../font/MekanikStd.woff'),url('../font/MekanikStd.woff2'),url('../font/MekanikStd.otf')}
*{ margin:0; padding:0; font-size:13px; font-family:microsoft yahei}
body { overflow-x: hidden; font: normal "微软雅黑",Arial,Helvetica,sans-serif;}
a {color: #333; text-decoration: none;}
a:hover { color: #191b76;text-decoration: none; border-bottom-style:}
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}

.page{ margin:0 auto; padding:0px 5%; min-width:1002px; max-width:1400px;}

@media screen and (max-width:1920px){ 
.page{ /*margin:0 auto; width:1400px;*/}
}

.cl,.clear{ clear:both}
.dis{ display:none} 
.top10{ margin-top:10px}
.top35{ margin-top:35px}
.top40{ margin-top:40px}
.top60{ margin-top:60px}
.top90{ height:90px; overflow:hidden; }
.en{ text-transform:uppercase; font-family:arial}
.homeTopic{width:180px;margin: 0 auto 40px;font-size: 36px;font-weight: normal;color: #333333;text-align: left;position: relative;}
.homeTopic span{font-size: 12px;color: #999999;text-transform: uppercase;display: block;padding-left: 3px;margin-top: 5px;}
.homeTopic:after{background-image: url(../images/hTopic-ico1.png);right: -50px;bottom: 5px;content: "";position: absolute;background-repeat: no-repeat;background-position: center;width: 92px;height: 38px;}
.hmeca{width: 219px;margin: 0 auto 40px;font-size: 36px;font-weight: normal;color: #fff;text-align: left;position: relative;}
.hmeca span{font-size: 12px;color: #fff;text-transform: uppercase;display: block;padding-left: 3px;margin-top: 5px;}
.hmeca:after{background-image: url(../images/hTopic-ico2.png);right: -50px;bottom: 5px;content: "";position: absolute;background-repeat: no-repeat;background-position: center;width: 92px;height: 38px;}
.top { position: fixed;  z-index: 335; padding:0px 5%;  background: #fff;transition:0.3s all ease-in-out;top: 0;left: 0; width:90%; min-width:1200px; }
.top:hover{background:#fff;}
.top .fr {}
.hy_logo{display: block; height: 50px; width: 195px; padding-top:20px; }
.top .page .top_laug { float: right;  width: 167px;  height: 38px; border: 1px solid #e5e5e5; border-radius: 50px;  display: block; margin: 36px 15px 36px 25px;    transform: rotate(0deg);    overflow: hidden;}
.top .page .top_laug a{font-size: 14px;color: #aaa;display: block;float: left;line-height: 38px;text-align: center;width: 70px;font-family: arial,microsoft yahei;transition:0.3s all ease;}
.top .page .top_laug .top_laug1{border-right:1px solid #e5e5e5;padding-left:10px;width:71px;font-size: 14px;}
.top .page .top_laug .top_laug2{width: 80px;padding-right: 5px;letter-spacing: -0.4px;}
.top .page .top_laug a:hover{background: #191b76;color: #fff}
.top .page .fl a,.top .page .fl a img{ display: block; }

/*language*/
.c-lan{cursor: pointer; outline: none; }
.c-lan i {width: 20px; margin-right: 8px; }
.c-lan:after {border-color: #666 transparent transparent transparent; border-width: 8px 5px 0px 5px; vertical-align: middle; margin-left: 10px; }
.lan-box {z-index: 2; }
.lan-box {margin-left: 10px; }
.lan-box:hover {z-index: 2; }
.imgW-100, .w-100 { width: 100%;}
.dis-m {vertical-align: middle; }
.dis-t, .dis-m, .dis-b {display: inline-block; }
.text-center {text-align: center;}
.text-c {text-transform: capitalize;}
.pc, .pc-800 {display: block;}
.mob, .mob-800 {display: none;}
.lan li a {padding: 0.7vw 0; display: block; transition: 0.5s ease 0s; }
.lan ul {line-height: normal; width: 7.8vw; background: #fff; box-shadow: 0 6px 9px 0 rgba(0,0,0,0.06); border-radius: 0vw  0vw  0.5vw  0.5vw ; overflow: hidden; }
.lan:before {content: ''; position: absolute; top: calc(1vw - 10px); z-index: 0; border-style: solid; border-color: transparent transparent #fff; border-width: 0px 8px 10px; left: 50%; transform: translateX(-50%); }
.lan { position: absolute; right:2.5%; transform: translate(-50%, -15%) scale(1, 0); z-index: 0; padding-top:1.6vw; transform-origin: top; transition: 0.5s ease 0s; opacity: 0; }
.lan-box:hover .lan {transform: translate(-50%, 0) scale(1, 1); opacity: 1; }
.lan a:hover {background: #f5f5f5;}
.SJ-B:after {border-color: #000 transparent transparent transparent;    border-width: 4px 5px 0px 5px;}
.SJ-L:after, .SJ-B:after, .SJ-BL:after, .SJ-R:after { content: '';    display: inline-block;    border-style: solid;  width: 0;    height: 0;    margin-left: 5px;}
.search{background: url(../images/sea_n.png) no-repeat center;width: 22px;height: 20px;margin-left:1vw;cursor: pointer;}
.search:hover .slideDown{opacity: 1;height: 190px;}
.search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(10, 41, 95, 0.7);z-index: 8;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;}
.search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1010px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.search .slideDown .searchBox{*display: inline}
.search .slideDown .searchHot,.search .slideDown .searchHot a{ font-size: 15px; color: #fff;}
.search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.search-bg{width: 936px;height: 60px;line-height:60px;    padding-left: 20px;    float: left;}
.search .submit{width: 21px; height: 18px; background: url(../images/estw.jpg) no-repeat center;border: 0;font-size: 0;}

.search-i {width: 32px;overflow: hidden;height:27px;float: left;margin-top: 16px;}
@-webkit-keyframes "warn" {
    0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;}
    100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;}
    
}
.nav_tel{line-height:22px;padding-left:25px; margin-left:1vw;color:#000;font-family: "Tw Cen MT"; font-size:24px; background: url(../images/hytel.png)no-repeat left;}



.pserch{background: #f5f5f5;    margin-bottom: 50px;  padding-top: 50px;  overflow: hidden;}
.pserch .slideDown{text-align: center;  height: 60px; margin-bottom:60px; }
.pserch .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 950px; height: 60px; background: #fff;border:2px solid #373b85; }
.pserch .slideDown .searchBox{*display: inline}
.pserch #infoname{width:1028px; background:none; outline:none; color:#666; border: none; height:60px; line-height:60px;}
.pserch .slideDown .searchHot,.search .slideDown .searchHot a{ font-size: 15px; color: #fff;}
.pserch .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.pserch .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.pserch .search-bg{width:92%;height: 60px;line-height:60px;   float: left;}
.pserch .search-i {width: 32px;overflow: hidden;height:27px;float: left;margin-top: 16px;}
.pserch .submit{width: 21px; height: 18px; background: url(../images/estw.jpg) no-repeat center;border: 0;font-size: 0;}

/*nav*/
.NavCeshi{}
.NavCeshi > li {float: left; padding:0px 1.3vw;  top: 0px; transition: 0.2s all ease-in-out;  }
.NavCeshi > li{}
.NavCeshi > li a:after{ content: ''; display: block; width: 0%; height:3px; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; position: absolute; left: 0; right:0; margin:auto; bottom: 0px; background: #133984; }
.NavCeshi > li > a { display: block; text-align: center ;font-size: 18px; line-height: 90px; color: #333; transition: 0.2s all ease-in-out; height: 90px; position: relative; z-index: 55555; }
.yiji ul .erji{width: 120px;    margin-left: 14px;}
.yiji ul .erji a{color: #555 !important;    display: block !important;    line-height: 26px !important;	height:30px !important;padding-bottom:0 !important;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #191b76;  height:90px;  line-height:90px; }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width: 100%}
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ text-indent: 99em; background-position:center !important; line-height: 45px; }


/*.erji_menu > .page > .fl { display: block; padding: 90px 0; width: 200px; }
.erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #fff; margin-bottom: 20px; }
.erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #fff; line-height: 30px; }
.erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #fff; text-align: center; line-height: 30px; color: #fff; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; }
.erji_menu > .page > .fr { width: 1126px; height: 150px; padding: 60px 0; }
.erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; }
.erji_menu.product_list_nav > .page > .fr > ul{ width: 150px; padding:0 10px; text-align: center; }
.erji_menu.product_list_nav1 > .page > .fr > ul{width: 120px}
.erji_menu > .page > .fr > ul img{ width: 100%; display: block; height: auto; background: #fff; transition:0.3s all ease-in-out;    text-align: center;  margin: 0 auto; }
.erji_menu > .page > .fr > ul a:hover img{ padding: 2px; width: 120px; }
.erji_menu.product_list_nav1 > .page > .fr > ul a:hover img { padding: 2px; width: 110px; }
.erji_menu > .page > .fr > ul > strong{ display: block; }
.erji_menu > .page > .fr > ul > strong a{ font-size: 14px; font-weight: normal; color: #fff; display: block; line-height: 40px; padding-bottom:5px; }
.erji_menu.product_list_nav > .page > .fr > ul > strong a{    color: #fff; font-weight: bold;}
.erji_menu.product_list_nav > .page > .fr > ul:hover > strong a{ color: #fff}
.erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666}
.erji_menu .divnews_tag li,.erji_menu .divdgweb2_tag li { float: none !important; width: 330px !important; }
.erji_menu .divnews_tag li span, .erji_menu .divdgweb2_tag li span { color: #666; }*/
.top .page .top_button {    float: right;    position: relative;   width: 270px;    height:80px;    margin-left: 30px;}
.top .page .top_tel,.top_button .top_search{ overflow:hidden; position:absolute; float: left; width:40px; height:40px; display:block; margin-right:15px; border-radius:50px; transition:0.3s all ease-in-out; left: 0; top: 20px; /*border: 1px solid #e5e5e5;*/}
.top .page .top_tel { left: 55px; z-index: 4; }
.top .page .top_tel p{ position: absolute; right: 0; top:0; opacity: 0; transition:0.3s all ease-in-out 0.2s; color: #fff; line-height: 41px; display: block; padding: 0 16px 0 20px; font-size: 15px; font-family: arial; font-weight: normal; height: 42px; }
.top .page .top_tel{ width: 210px; background: #343434; border-color: #343434;}
.top .page .top_tel p{ opacity: 1; }
.top .page .top_tel i{ transition:0.3s all ease-in-out; display: block; width: 20px; height: 20px; padding: 10px; cursor: pointer; position:absolute; left:4px; top:0px; box-sizing: content-box; border: 0 none; background-color:transparent; z-index:2; }
.top .page .top_tel i:after{ content: ''; display: block; background: url(../images/top_tel_blank.png) no-repeat; width:100%; height:100%; opacity: 0.7; filter: alpha(opacity=70); transition:0.3s all ease-in-out; left: 10px;top: 10px;position: absolute;}
.top .page .top_tel i img{ display: block; width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); transition:0.3s all ease-in-out; }
.top .page .top_tel i:after{ opacity: 0; filter: alpha(opacity=0); }
.top .page .top_tel i{background-color: #343434;}
.top .page .top_tel i img{ opacity: 1; filter: alpha(opacity=100); }
.hright{ margin-top:35px; }
.hrdrop{ position:absolute; right:0px; top:35px; background:#fff; height:0px; overflow:hidden; transition:all 0.5s ease;  z-index:99999;}
.hrdrop.hrphone{ font-size:20px; background:#222; font-weight:bold;background:#fff;}
.hright ul li:hover .hrphone{ padding:20px; height:60px; width:210px;border-radius: 10px;}
.hrdrop.hrcode img{ width:100px; height:100px;}
.hright ul li:hover .hrcode{ padding:10px;border-radius: 10px; width:120px; height:120px;}
#search_bg{ height:37px; width:270px; border:1px solid #bbb; padding-left:15px;border-radius: 10px;}
.hright ul li:hover .hrsearch{ padding:20px; width:310px; height:77px;border-radius: 10px;}
.hrsearch input{ border:none; background:none; height:35px; display:block; float:left;}
#infoname{ width:215px;}
/**/
.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1002px; height:800px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 800px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:400px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20190807103852_1631435358.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20190807103852_1631435358.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:35px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #1059a9; width: 70px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.sesa{ width:100%; border-bottom:1px solid #f1f1f1; height:66px;}
.gogn{ width:890px; overflow:hidden;line-height:66px; }
.gogn h3{ overflow:hidden; font-size:14px; background:url(../images/ha06.jpg) no-repeat left; padding-left:34px; font-family:"Microsoft Yahei"; color:#222; float:left; font-weight: bold;  }
.gogn span{ padding-left:15px;}
.gogn span a{ color:#666; font-size:14px;}
.gogn span a:hover{ color:#f30;}
.bgbgpr{ width:100%; overflow:hidden; border-bottom:1px solid #ccc;  padding-top:5px;}
.sosou{ width:322px; overflow:hidden; padding-top:12px;}
.sosou .input_btn{background:url(../images/ha04.jpg) no-repeat; border: 0 none; width:49px; float:left; text-indent:-999em; display: block; cursor:pointer; height:38px; color:#FFF;} 
.sosou .input_text{ width:252px; background:url(../images/ha05.jpg) no-repeat; border:none; padding-left:20px; color:#525252;  float:left;  line-height:38px; height:38px;}

/*产品*/
.prkw{ background:#fff; width:100%; overflow:hidden; padding:80px 0px 80px 0px;min-width:1200px; }
.po_title{ text-align:center;}
.po_title h3{ font-size:44px; color:#333; line-height:44px;}
.po_title span{    padding-top: 15px;    display: block; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; letter-spacing:10px;}
.pr_l{ width: 56%; overflow:hidden; background:#fff;}
.pr_r{ width:43%; overflow:hidden; background:#fff;}
.product_item2 {background:#f2f2f2; overflow:hidden; margin-bottom:10px; height:340px;}
.product_item2:hover{ color:#FFF;    background-image: linear-gradient(to right, #121839, #172679);}
.product_item2:hover strong{ color:#FFF; }
.product_item2 > a{padding: 2% 0px 0px 7%;    float:left;} 
.product_item2 > a strong{ font-size:27px; font-weight: normal; display: block; line-height: 32px; position: relative;color: #333;     padding-top: 5vw;}
.product_item2 > a strong .en{ font-size: 12px; display: block; line-height: 25px; padding: 5px 0 20px; color: #aaa; text-transform: capitalize; }
.pao{    padding-top: 45px;    padding-right: 35px;     width: 48%;}
.product_item2 > a strong:after{ content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #195093; display: block; background: url(../images/ha10.png) no-repeat 11px center; transition: 0.3s all ease; }
.product_item2 > a:hover strong:after{ background: #195093 url(../images/ha10.png) no-repeat -29px center}
.product_item2 > a > i{ display: block; text-align: center; width: 128px; height:34px; border: 1px solid #ddd; line-height: 34px; border-radius: 50px; font-style: normal; color: #666; margin-top: 30px; transition:0.3s all ease; }
.product_item2 > a:hover > i{ background: #195093; color: #fff; border: 1px solid #195093; }
.product_item2 > a > ul:after{ content: ''; display: block; clear: both; }
.product_item2 > a > ul{ padding: 10px 0 20px; height: 80px; }
.product_item2 > a > ul > li{ float: left; margin-right: 10px; width: 80px; height: 80px; background: #393939; background: -moz-linear-gradient(-45deg, #393939 0%, #393939 50%, #444444 50%, #444444 100%); background: -webkit-linear-gradient(-45deg, #393939 0%,#393939 50%,#444444 50%,#444444 100%); background: linear-gradient(135deg, #393939 0%,#393939 50%,#444444 50%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#444444',GradientType=1 ); color: #fff; text-align: center; font-size: 14px; font-weight: 100; line-height: 25px; border-radius: 10px; position: relative; }
.product_item2 > a > ul > li:hover{ background: #255f9e; background: -moz-linear-gradient(-45deg, #255f9e 0%, #144385 100%); background: -webkit-linear-gradient(-45deg, #255f9e 0%,#144385 100%); background: linear-gradient(135deg, #255f9e 0%,#144385 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255f9e', endColorstr='#144385',GradientType=1 ); }
.product_item2 > a > ul > li:after{ content:''; width: 100%; height: 50px; background: url(../images/ha08.png) no-repeat center; position: absolute; display: block; left: 0; bottom: -50px; }
.product_item2 > a > ul > li img{ display: block; margin: 11px auto 0; }
.product_item3{background:#f2f2f2; overflow:hidden; margin-top:10px;height:340px; width:98%;}
.product_item3:hover{ color:#FFF;    background-image: linear-gradient(to right, #121839, #172679);}
.product_item3:hover strong{ color:#FFF; }
.product_item3 > a{padding: 105px 0px 0px 7%;    float:left;} 
.product_item3 > a strong{ font-size: 28px; font-weight: normal; display: block; line-height: 32px; position: relative;color: #333; }
.product_item3 > a strong .en{ font-size: 12px; display: block; line-height: 25px; padding: 5px 0 20px; color: #aaa; text-transform: capitalize; }
.product_item3 > a > i{ display: block; text-align: center; width: 128px; height:34px; border: 1px solid #ddd; line-height: 34px; border-radius: 50px; font-style: normal; color: #666; margin-top: 30px; transition:0.3s all ease; }
.product_item3 > a strong:after{ content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #195093; display: block; background: url(../images/ha10.png) no-repeat 11px center; transition: 0.3s all ease; }
.product_item3 > a:hover strong:after{ background: #195093 url(../images/ha10.png) no-repeat -29px center}


.product_item3 > a:hover > i{ background: #195093; color: #fff; border: 1px solid #195093; }
.product_item3 > a > ul:after{ content: ''; display: block; clear: both; }
.product_item3 > a > ul{ padding: 10px 0 20px; height: 80px; }
.product_item3 > a > ul > li{ float: left; margin-right: 10px; width: 80px; height: 80px; background: #393939; background: -moz-linear-gradient(-45deg, #393939 0%, #393939 50%, #444444 50%, #444444 100%); background: -webkit-linear-gradient(-45deg, #393939 0%,#393939 50%,#444444 50%,#444444 100%); background: linear-gradient(135deg, #393939 0%,#393939 50%,#444444 50%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#444444',GradientType=1 ); color: #fff; text-align: center; font-size: 14px; font-weight: 100; line-height: 25px; border-radius: 10px; position: relative; }
.product_item3 > a > ul > li:hover{ background: #255f9e; background: -moz-linear-gradient(-45deg, #255f9e 0%, #144385 100%); background: -webkit-linear-gradient(-45deg, #255f9e 0%,#144385 100%); background: linear-gradient(135deg, #255f9e 0%,#144385 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255f9e', endColorstr='#144385',GradientType=1 ); }
.product_item3 > a > ul > li:after{ content:''; width: 100%; height: 50px; background: url(../images/ha08.png) no-repeat center; position: absolute; display: block; left: 0; bottom: -50px; }
.product_item3 > a > ul > li img{ display: block; margin: 11px auto 0; }
.pmaw{padding-top: 7%;  padding-right: 6%; width: 46%;}
.product_it{ background:#f2f2f2; width: 31.7%; height: 340px;  margin-right:2.3%; float:left; }
.product_it:hover{ color:#FFF; background-image: linear-gradient(to right, #121839, #172679);}
.product_it:hover  a strong{ color:#FFF;}
.product_it > a{  height: 95px; overflow:hidden }
.product_it > a strong{ font-size: 24px; font-weight: normal; display: block; line-height: 28px; position: relative; color:#333;    padding: 16% 0px 6% 14%; }
.product_it > a strong .en{ font-size: 12px; color: #aaa; display:block; line-height: 25px; text-transform: capitalize; padding: 5px 0 10px; }
.product_it > a strong:after{ content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #195093;    margin-top: 8%; display: block; background: url(../images/ha10.png) no-repeat 11px center; transition: 0.3s all ease; }
.product_it > a:hover strong:after{ background: #195093 url(../images/ha10.png) no-repeat -29px center}
.product_it:nth-child(5){ margin-right:0px;}
.pr_r .product_it:nth-child(2){ margin-right:0px;}
.product_it img{ display: block;   margin: 0px auto;}
.prkw .more{clear:both;padding-top:1.875rem;text-align:center;}
.prkw .more a{display:inline-block;padding:0px 30px;line-height:50px;font-size:18px;border-radius:5rem;}
.prkw .more a:after{display:inline-block;content:"";margin-left:0.625rem;width: 14px; height: 14px;content:"";background:url(../images/more.png) no-repeat;background-size:100%;}
.prkw .more a:hover{color:#fff;background:#f15929;background-image:linear-gradient(to right, #121839, #172679);}
.prkw .more a:hover:after{filter:contrast(0) brightness(2);}


/*应用*/
.w1440 { width: 1440px;    margin-left: auto;    margin-right: auto;}
.indcustomer {position: relative;overflow: hidden;height: 727px;}
.indcustomer .big_title {font-weight: bold;text-align: center;color: #ffffff;margin-bottom: 52px;}
.indcustomer .bg_list {height: 100%;}
.indcustomer .bg_item {padding: 3.8% 0 9.89%;position: absolute;top: 0;width: 100%;opacity: 0;height: 100%;transition: all 0.6s;}
.indcustomer .bg_item .itembg_list .itembg_item{position: absolute;top: 0;left: 0;width: 100%;/*opacity: 0;*/height: 100%;transition: all 0.4s;}
.indcustomer .bg_item .itembg_list .itembg_item:not(.show) {   opacity: 0;}
.indcustomer .bg_item.active {opacity: 1;	transition: all 0.6s;}
.indcustomer .text_box {width: 77%;position: relative;z-index: 3;margin-left: auto;}
.indcustomer .text_box .text_item:not(.show) {    display: none;}
.indcustomer .text_box .title {color: #fff;margin-bottom: 41px;opacity: 0;transition: all 0.5s ease-out;position: relative;transform: translateY(150%);}
@keyframes myfirst {from {	opacity: 0;	transform: translateY(150%);}
to {	opacity: 1;	transform: translateY(0);}}
.indcustomer .text_box .title_act {animation: myfirst 0.5s;}
.indcustomer .text_box .des_act {animation: myfirst 0.5s;}
.indcustomer .text_box .des {color: #dbdbdb;margin-bottom: 27px;opacity: 0;transition: all 0.5s ease-out;position: relative;transform: translateY(150%); line-height:24px;}
.indcustomer .text_box .des a {color: #dbdbdb;}
.indcustomer .text_box .des a:hover {color: #fff;}
.indcustomer .text_box .link {margin-bottom: 69px;opacity: 0;transition: all 0.5s ease-out;position: relative;transform: translateY(150%);}
.indcustomer .bg_item.active .text_box .title {transform: translateY(0);opacity: 1;}
.indcustomer .bg_item .text_box .title span {vertical-align: middle; font-size:24px;}
.indcustomer .bg_item.active .text_box .des {transform: translateY(0);opacity: 1;}
.indcustomer .bg_item.active .text_box .link {transform: translateY(0);opacity: 1;}
.indcustomer .text_box .link a {width: 140px;height: 40px;line-height: 40px;border: 1px solid #ffffff;border-radius: 5px;color: #ffffff;float: left;margin-right: 10px;text-align: center;}
.indcustomer .text_box .link a::after {border: solid white;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg) translateY(-1px);-webkit-transform: rotate(-45deg) translateY(-1px);transition: 0.5s;display: inline-block;content: "";vertical-align: middle;margin-left: 2px;}
.indcustomer .text_box .link a:hover::after {margin-left: 10px;transition: 0.5s;}
.indcustomer .text_box .link a span {display: inline-block;}
.indcustomer .text_box .link a i {width: 6px;display: inline-block;border: 6px solid transparent;border-left-color: #fff;margin-left: 8px;}
.indcustomer .text_box .customers-logos {opacity: 0;transition: all 0.8s ease-out;position: relative;}
.indcustomer .bg_item.active .text_box .customers-logos {transform: translateY(0);opacity: 1;}
.indcustomer .text_box .customers-logo {width: 200px;height: 86px;background: rgba(255, 255, 255, 0.3);text-align: center;float: left;line-height: 86px;}
.indcustomer .text_box .customers-logo-act {background: rgba(255, 255, 255, 0.38)}
.indcustomer .text_box .customers-logo img {vertical-align: middle;max-width: 60%;max-height: 60%;}
.indcustomer .text_box .customers-logo.active {background: rgba(255, 255, 255, 0.5);}
.menu_list {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.menu_list ul {width: 17.36%;background: rgba(255, 255, 255, 0.1);padding: 23px 0px;}
.menu_list ul li {height: 53px;line-height: 53px;padding-left: 50px;position: relative;}
.menu_list ul li:last-child:after {display: inline-block;content: "";border: solid white;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transition: 0.5s;}
.menu_list ul li:last-child:hover:after {margin-left: 10px;transition: 0.5s;}
.menu_list ul li a {color: #fff;vertical-align: middle;}
.menu_list ul li:before {width: 3px;height: 0;content: "";display: block;position: absolute;left: 0;bottom: 14px;background: #2185ee;transition: all 0.2s ease-out;}
.menu_list ul li.active:before {height: 24px;top: 14px;bottom: auto;}
@media only screen and (max-width: 1440px) {.indcustomer .text_box .link {	margin-bottom: 100px;}}
@media only screen and (max-width: 1440px) {.indcustomer .text_box .customers-logo {	width: 150px;	height: 76px;	line-height: 76px;}.indcustomer .text_box .link {	margin-bottom: 124px;}}

/**/
.indpaas {background: url(../images/pingtai_bg1.jpg) no-repeat center;background-size: cover;padding: 7.29% 0 7.7%;overflow: hidden; min-width:1200px;}
.indpaas .big_title {text-align: center;color: #252B3A;font-weight: bold; font-size:38px; }
.indpaas .des {text-align: center;margin-top: 10px;color: #252B3A; font-size:20px;}
.indpaas .link a {display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;background-image: linear-gradient(to right, #121839, #172679);border-radius: 5px;color: #fff;margin: 0 auto;margin-top: 36px;vertical-align: middle;}
.indpaas .link a::after {display: inline-block;content: "";border: solid white;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg) translateY(-2px);-webkit-transform: rotate(-45deg) translateY(-1px);transition: 0.5s;vertical-align: middle;margin-left: 2px;}
.indpaas .link a:hover {box-shadow: 1px 2px 12px 0 rgb(0 0 0 / 20%);}
.indpaas .link a:hover::after {transition: 0.5s;margin-left: 10px;}

/**/
.homeYs{padding: 100px 0;}
.homeYs .homeTopic{width:328px;}
.homeYs .homeTopic:after{background-image: url(../images/hTopic-ico3.png);content: "";width: 145px;height: 38px;}
.homeYs li{width: 24.5%;border:1px solid #e2e2e2;height: 480px;float: left;margin-right: -1px;position: relative;z-index: 0}
.homeYs li:after{content: "";position: absolute;left: -1px;right: -1px;bottom: -1px;top: 100px;background-image: linear-gradient(to right, #121839, #172679);z-index:-1;opacity: 0;transition: all .4s;}
.homeYs li i{display: block;width: 180px;height: 180px;background-image: url(../images/hYs-bg1.png);background-repeat: no-repeat;background-position: center center;margin:50px auto 30px;position: relative;}
.homeYs li i b{display: block;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;overflow: hidden;}
.homeYs li i b img{position: absolute;left: -60px;transition: all .4s;}
.homeYs li h5{font-size: 24px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 20px;}
.homeYs li h5 span{display: block;font-size: 12px;color: #888888;}
.homeYs li p{width: 255px;margin: 0 auto;font-size: 15px;color: #666;text-align: center; line-height:24px;}
.homeYs li:hover:after{top: -1px;opacity: 1}
.homeYs li:hover i b img{left: 0}
.homeYs li:hover i{background-image: url(../images/hYs-bg2.png);}
.homeYs li:hover h5 {color:#fff}
.homeYs li:hover h5 span{color:rgba(255,255,255,.6)}
.homeYs li:hover p{color:rgba(255,255,255,.6)}
/**/
.zAbout{padding:100px 0;background:url(../images/ahbout.jpg) no-repeat center;background-size:cover;overflow:hidden; width:100%; height:540px;min-width:1200px;}
.wrap {width:1300px; overflow: hidden; min-width:1300px; margin:0 auto;}
.zAbout .homeTopic { width: 145px; color:#FFF; }
.zAbout .homeTopic:after{background-image: url(../images/hTopic-ico2.png);right: -50px;bottom: 5px;content: "";position: absolute;background-repeat: no-repeat;background-position: center;width: 93px;height: 38px;}
.zAbout .box p{text-align:center;font-size:20px;color:#e2e1e1;line-height:50px;padding-top:20px;}
.zAbout .box a{display:block;border:1px solid #ccd5e6;width:133px;height:38px;line-height:40px;font-size:14px;color:#fff;margin:30px auto 0; text-align:center;}
.zAbout .box a:hover{background:#fff;color:#1d2b55;}
.zAbout .strength{padding-top:50px;overflow:hidden;color:#fff;text-align:center;}
.zAbout .strength ul{overflow:hidden;padding-top:25px;}
.zAbout .strength li{float:left;width:16.66666%;}
.zAbout .strength li span{display:block;font-size:16px;padding-top:20px;}


/*新闻*/
.nc_le{width: 592px; border:1px solid #ececec;}
.ncl_li{position: relative;}
.ncl_li+.ncl_li {display: none;}
.nc_le .news_div_item{width: 590px;position: relative;display: inline-block;height: 590px;}
.nc_le .news_div_item+.news_div_item{display: none;}
.nc_le .news_div_item_date{position: absolute;bottom: 125px;right: 101px;color: #222;z-index: 7; font-size:16px;display: inline-flex;}
.nc_le .news_div_item_year,.nc_le .news_div_item_month,.nc_le .news_div_item_day{font-size: 16px;}
.nc_le .news_div_item_content{position: absolute;bottom:0px;left: 0;z-index: 5;height: 170px; background:#f6f6f6; padding:10px 30px;}
.nc_le .news_div_item_title{height: 50px;display: block;margin-bottom: 10px;}
.nc_le .news_div_item_a{color:#222;font-size: 16px;line-height:50px;}
.nc_le .news_div_item_a:hover{ color:#e8130f;}
.nc_le .news_div_item_body{color: #666666;line-height: 30px; font-weight:100;}
.nc_le .news_div_item_pic{ width:590px !important; position: absolute;top: 0;left: 0;z-index: 3;}
.nc_le .news_div_item_pic,.nc_le .news_div_item_pic a,.nc_le .news_div_item_image{width: 590px;height: 406px;z-index: 4; position: relative;  overflow:hidden;}
.nc_le ol{position: absolute;right: 32px;bottom: 132px;z-index: 6;display: block !important;}
.nc_le ol li{width: 8px;height: 8px;border-radius:24px;background:#fff;position:relative;transition:300ms; cursor:pointer;}
.nc_le ol li+li{margin-left:10px;}
.nc_le ol li.on{background:#323232;transition:300ms;}
.new_con{}
.nc_ri{width: 735px;}
.nc_list{ text-align:center;}
.nc_list a{ width: 126px;height:40px;display: inline-block;vertical-align: top;text-align: center;line-height: 40px;font-size: 16px;color: #222; background:#e5e5e5; transition:all 0.5s ease;}
.nc_list a+a{ margin-left:18px;}
.nc_list a.cur{ background:#323232; color:#fff;}
.nc_tab li+li{display: none;}
.nc_tab .news_div{ width:770px;}
.nc_tab .news_div_item{height: 156px;border-bottom: 1px solid #e6e6e6;padding-top: 50px;}
.nc_tab .news_div_item:nth-child(1){padding-top:20px;}
.nc_tab .news_div_item+.news_div_item{}
.nc_tab .news_div_item_date{float: right;height: 44px;position: relative;display: inline-block; top:40px;}
.nc_tab .news_div_item_year{position: absolute;bottom: 43px;right: 0; font-size:30px;}
.nc_tab .news_div_item_month{font-size: 16px;color: #666;display: inline-block;}
.nc_tab .news_div_item_day{font-size: 16px;color: #666;display: inline-block;}
.nc_tab .news_div_item_content{float: left;width:640px; padding-right:30px; border-right:1px solid #ececec; }
.nc_tab .news_div_item_a{font-size: 16px;color: #222;}
.nc_tab .news_div_item_a:hover{ color:#e8130f;}
.nc_tab .news_div_item_body{font-size: 14px; font-weight:100; color: #666;line-height: 30px;display: block;padding-top: 20px;    }
.nc_tab .news_div_item_pic{display: none;}

/*--news--*/
.wrapper {    margin: 0 auto;  width: 1400px; min-width:1200px; }
.wrapper .homeTopic {   width: 145px;}
.news-main{ height:585px;}
.news{ width:100%; padding:100px 0px; overflow:hidden;background:#f0f0f0; min-width:1300px;}
.news-tab{overflow:hidden;}
.news-menu{margin-bottom:0.625rem;text-align:center;overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{margin:0 1%;width:30%;max-width:190px;height:60px;line-height:60px;}
.news-menu li a{display:block;font-size:18px;color:#333;background:#fff;}
.news-menu li:hover{color:#fff;background:#172676;background-image:linear-gradient(to right, #121839, #172679);}
.news-menu li.on a{color:#fff;background:#172676;background-image:linear-gradient(to right, #121839, #172679);}
.news-top{float:left;margin-top:1.875rem;width:50%;}
.news-top .pic{display:block;overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 0.5s;}
.news-top .textBox{position:relative;z-index:3;display:block;margin:-4.375rem 1.25rem 0;padding:34px 0px;overflow:hidden;background:#fff;}
.news-top .date{float:left;width:7.5rem;height:5rem;font-family:"DIN Medium";color:#666;text-align:center;border-right:#ebebeb solid 1px;}
.news-top .date em{display:block;font-size:52px;line-height:1; font-style:normal;}
.news-top .date small{display:block;font-size:0.875rem;line-height:1;}
.news-top .text{padding:0 1.875rem;overflow:hidden;}
.news-top .text h3{font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
.news-top .text p{margin-top:0.75rem;font-size:0.875rem;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-top:hover img{transform:scale(1.1);}
.news-top:hover .textBox{background:#f15929;background-image:linear-gradient(to right, #121839, #172679);}
.news-top:hover .textBox *{color:#fff;}
.news-list{float:right;padding-left:3.125rem;width:47%;overflow:hidden;}
.news-list .item{display:block;margin-top:1.875rem;overflow:hidden;}
.news-list .item .date{float:left; padding-top:20px;width:115px;height:98px;font-family:"DIN Medium";color:#666;text-align:center;background:#fff;}
.news-list .item .date em{display:block;font-size:52px;line-height:1; font-style:normal;}
.news-list .item .date small{display:block;font-size:14px;line-height:25px;}
.news-list .item .text{padding:0 1.875rem;overflow:hidden;}
.news-list .item .text h3{font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
.news-list .item .text p{margin-top:0.75rem;font-size:0.875rem;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-list .item:hover .date{color:#fff;background:#f15929;background-image:linear-gradient(to right, #121839, #172679);}
.news-list .item:hover .text h3{color:#172678;}
.news .more{clear:both;padding-top:1.875rem;text-align:center;}
.news .more a{display:inline-block;padding:0px 30px;line-height:50px;font-size:18px;border-radius:5rem;}
.news .more a:after{display:inline-block;content:"";margin-left:0.625rem;width:0.875rem;height:0.875rem;content:"";background:url(../images/more.png) no-repeat;background-size:100%;}
.news .more a:hover{color:#fff;background:#f15929;background-image:linear-gradient(to right, #121839, #172679);}
.news .more a:hover:after{filter:contrast(0) brightness(2);}
/*--end news--*/
/*9-14*/
.wrap1400 {margin:0 auto; padding:0px 5%; min-width:1002px; max-width:1400px;}
.footer {width: 100%; padding:60px 0px; background:url(../images/footer_b.jpg) no-repeat center top;  min-width:1200px;}
.footer_center {padding-bottom: 30px;background-color: #121839;min-width:1200px;}
.footer_bottom {height: 80px;line-height: 80px;background-color: #121839; border-top:1px solid #2a304d ;min-width:1300px; }
.footer_l{ width:450px;}
.footer_l h2 {line-height: 1;padding-bottom: 35px;font-size: 28px;color: #fff; font-weight: normal;}
.mian_xian {height: 1px;width: 300px;margin-top: 22px;margin-bottom: 25px;background-color: #2a304d;}
.footer_l p {margin-bottom: 12px;padding-left: 38px;line-height: 25px;font-size: 16px;color:rgba(255,255,255,.6);}
.p_ico1 {background: url(../images/index_ico8.png) no-repeat left center;}
.p_ico2 {background: url(../images/index_ico9.png) no-repeat left center;}
.p_ico3 {background: url(../images/index_ico10.png) no-repeat left center;}
.p_ico4 {background: url(../images/index_ico11.png) no-repeat left center;}
.p_ico5 {background: url(../images/index_ico12.png) no-repeat left center;}
.footer_l p span {font-size: 26px;color: #fff;}
.footer_r{ width:955px;} 

.foot_ul {margin-left: 2.5vw;margin-right:2.8vw;}

.foot_ul h2 {font-size: 16px;color: #fff;padding-bottom: 12px; font-weight: bold ;}
.foot_ul h2 a{font-size: 16px;color: #fff;}
.foot_ul li a {font-size: 14px;line-height: 30px;color:#fff;}
.foot_ul li a:hover {color: #fff;}
.fers{ color:#fff; text-align:center; font-size:14px; padding-top:60px; border-top: 1px solid rgba(219,219,219,0.3); margin-top:60px; }
.fers a{ color:#fff;font-size:14px;}




.hlink {position: relative;width: 100%; line-height: 35px;  overflow: hidden;}
.hlink i {width: 10px;height: 7px;position: absolute;right: 2px;top: 7px;transition: 300ms linear;-o-transition: 300ms linear;-ms-transition: 300ms linear;-webkit-transition: 300ms linear;}
.hlink:hover b i {transform: rotate(180deg);}
.link-list {z-index: 9999;float: left;width: 95%;overflow: hidden;}
.link-list li a {height: 36px;color: #787878;font-size: 12px;text-align: center;line-height: 20px;}
.link-list li a:hover {color: #da251d;padding-left: 0px;}
.link-list li {float: left;}
.link-list li a {color:rgba(255,255,255,.6);margin: 0 8px;}
.link-list li a:hover {color: #e6212a;}
.hlink h6 {width: 5%;float: left;font-size: 12px;color: #fff;padding-top: 2px;}

/* 侧边资讯 */
.prod_row1_box { width: 100%; height: 540px; position: relative; }
.prod_row1_btn { position: absolute; right: 30px; top: 50%; z-index: 33; margin-top: -26px; height: 52px; }
.prod_row1_btn .hd ul{ text-align: center; }
.prod_row1_btn .hd ul li{ display: block; cursor: pointer; margin: 10px; width: 30px; height: 3px; background: #666; font-size: 0px; text-indent: -99999999999999em; border-radius: 50px; transition: 0.3s all ease; margin-left: auto; position: relative; }
.prod_row1_btn .hd ul li.on{ background:#1059a9; width:60px; }
.prod_row1_btn .hd ul li.on:after{ content:''; display:block; background:#1059a9; width:12px; height:3px; border-radius:50px; position:absolute; left:-1px; top:-4px; transform: rotate(-45deg); }

/**/
.container{position:relative;margin:0 auto; padding:0px 5%; min-width:1002px; max-width:1400px;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;left: 24%;}
.applyList li{background:#e4edef;overflow:hidden;margin-bottom:50px;transition:all .5s; height:420px; }
.applyList li .pic{width:50%;overflow:hidden;display:block;height:420px; background:#f5f5f5;}
.applyList li .pic:hover{background-image: linear-gradient(to right, #121839, #172679);}
.applyList li .txt{width:42%;padding:2% 4%;position:relative;}
.applyList li .txt .pstk{ overflow:hidden;}
.applyList li .txt .pstk a{     font-size: 16px;    display: block;    line-height:32px; font-family:Arial, Helvetica, sans-serif; }
.applyList li .txt:hover{background:#fff;}

.applyList li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px; margin-top:40px;}
.applyList li h4::after,.applyFont .title::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#1d2088;width:15px;transition:all 0.4s; }
.applyList li h4 a{color:#333; font-size: 30px;}
.applyList li .txt .info{min-height:45px;}
.applyList li .btn{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background-image:linear-gradient(to right, #121839, #172679);border-radius: 5px;}
.applyList li .more{background:#fff;color:#333;margin-left:15px; border-radius: 5px; border: 1px solid #eee;}
.applyList li .btn:hover{color:#fff;background: #d80000;}
.applyList li:nth-child(2n) .txt{float:left;} 
.applyList li:nth-child(2n) .pic{float:right;}
.applyList li:hover .bgImg{transform: scale(1.05);}
.applyList li:hover{box-shadow:0 0 10px #ccc; background:#fff;}
.applyList li h4 a:hover{color:#1d2088;}

/**/
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.product_list{box-sizing: border-box;}
.product_detail_list{box-sizing: border-box;}
.product_detail_list li{padding:5.57% 0;    box-sizing: border-box;}
.product_detail_list li:nth-child(5){ padding:5.57% 0 2.2% 0;}
.product_detail_list li:first-child{padding-top:3.57%}
.product_detail_list li .w1440{position:relative}
.product_detail_list li .left{width:52.7%;float:left;position:relative}
.product_detail_list li .left img{max-width:100%;border-radius: 10px;}
.product_detail_list li .left:hover img:first-child{transform:scale(1.04);transition:all 0.6s ease-out}
.product_detail_list li .left .img_small{position:absolute;left:30px;bottom:30px}
.product_detail_list li .right{width:36%;float:right;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.product_detail_list li:nth-child(even){background:#f5f5f5}
.product_detail_list li:nth-child(even) .left{float:right}
.product_detail_list li:nth-child(even) .right{right:auto;left:0}
.product_detail_list li .right .title{margin-bottom:30px;color:#222;position: relative;    padding-bottom: 15px;}
.product_detail_list li .right .title::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#1d2088;width:15px;transition:all 0.4s}
.product_detail_list li .right .title a{font-size:30px}
.product_detail_list li .right .des{line-height:1.625em;color:#333;margin-bottom:32px}
.product_detail_list li .product_detail_link{position:relative}
.product_detail_list li .product_detail_link a{box-sizing:content-box;float:left;margin-right:10px;width:126px;height:38px;text-align:center;border-radius:5px;line-height:38px;border:1px solid #7b7d7e;color:#7b7d7e}
.product_detail_list li .product_detail_link a:nth-child(2){background-image: linear-gradient(to right, #121839, #172679);color:#fff;border:none;height:40px;line-height:40px}
.product_detail_list li .product_detail_link a .iconfont{opacity:0;transition:all 0.4s}
.product_detail_list li .product_detail_link a:hover .iconfont{opacity:1;margin-left:10px}
.product_detail_list li .product_detail_link a:after{transform:translateY(-1px);content:"";transition:0.5s;font-family:"iconfont";display:inline-block;vertical-align:middle}
.product_detail_list li .product_detail_link a:hover:after{content:"";transition:0.5s;margin-left:5px}
@media only screen  and (max-width:1440px){.product_detail_list li .right .title{margin-bottom:10px}
.product_detail_list li .right .txt p{margin-top:10px}
.product_detail_list li .right .txt{margin-bottom:20px}
.product_detail_list li .right{width:40%}
}@media only screen  and (max-width:1366px){.product_detail_list li .left{width:54.7%}
.product_detail_list li .left .img_small{max-width:50%}
}
.fnt_30{font-size:30px}
.fnt_16{font-size:16px}
.product_detail_list li img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;border:0;display:inline-block}

/**/
.c_title{text-align:center; padding-bottom:30px;}
.c_title p{font-size:40px;line-height:50px; color:#333;}
.c_title span{display:block;color:#615b5b;line-height:36px;font-size:18px;}

.fuwu{background-color:#f8f8f8;padding:70px 0px 80px}
.fuwu ul{display:flex;justify-content:space-between;margin: 0 auto; width:1300px;}
.fuwu ul li{width:25%;text-align:center;position:relative}
.fuwu ul li:after{content:"";position:absolute;width:1px;height:104px;background:rgba(0,0,0,.1);right:0;top:50%;margin-top:-52px}
.fuwu ul li:last-child:after,.fuwu ul li:nth-child(2):after{display:none}
.fuwu ul li a{display:block;color:#000}
.fuwu ul li a i{display:block;margin:0 auto;width:90px;height:90px;border-radius:50%;border:1px rgba(0,0,0,.2) solid;text-align:center}
.fuwu ul li a i b{line-height:88px;font-size:4.0rem;font-weight:300;color:rgba(0,0,0,.7)}
.fuwu ul li a p{font-size:23px;line-height:36px;margin:25px 0px 5px}
.fuwu ul li a span{display:block;color:rgba(0,0,0,.5);font-size:16px}
.fuwu ul li a:hover i{border: none;    background-image: linear-gradient(to right, #fff, #fff);}
.fuwu ul li a:hover i b{color:#fff}
@media (max-width:1440px){.fuwu ul li a i b{line-height:88px;font-size:4.0rem}
.fuwu ul li a p{font-size:1.8rem;line-height:26px;margin:15px 0px 5px}
.fuwu ul li a span{font-size:1.4rem}
}@media (max-width:992px){.fuwu{padding:20px 0px}
.fuwu ul{margin:25px 10px 0px;flex-wrap:wrap}
.fuwu ul li{width:50%;margin-bottom:15px}
.fuwu ul li a i{width:60px;height:60px}
.fuwu ul li a i b{line-height:58px;font-size:2.0rem}
.fuwu ul li a p{font-size:1.6rem;line-height:26px;margin:10px 0px 5px}
.fuwu ul li a span{font-size:1.3rem}
}


/*ne*/
.plc{line-height:70px;height:70px;background:#fff}
.plc > .page{position:relative;height:100%}
.plc .fl:after{content:'';display:block;clear:both}
.plc .fl a,.plc .fl p{font-size:16px;color:#666;line-height:70px;height:70px;font-weight:100}
.plc .fl a{display:inline-block;line-height:70px;padding:0 2px}
.plc .fl a:hover{text-decoration:underline;color:#191b76}
.plc .fl p{float:left}
.plc .fl .index_plc{width:32px;height:32px;padding:19px;float:left;border-right:1px solid #eee;border-left:1px solid #eee;margin-right:20px;transition:0.3s all ease-in-out;position:relative}
.plc .fl .index_plc:hover{background:#191b76}
.plc .fl .index_plc img{width:100%;height:100%;display:block}
.page_nav{float:right;text-align:left;padding-top:1px}
.page_nav li{display:inline-block;position:relative;transition:0.3s;height:70px}
.page_nav li a{padding:0 20px;transition:0.3s;font-size:16px;color:#333;display:block;line-height:70px}
.page_nav li:before{transition:0.3s;content:"";width:22px;height:0px;background-color:#191b76;position:absolute;bottom:0px;left:50%;margin-left:-9px}
.page_nav li:hover a{color:#191b76}
.page_nav li:hover:before{height:5px}
.page_nav li.on a{color:#191b76}
.page_nav li.on:before{height:5px}
.banner_ding{position:absolute;top:-49px;left:0px;z-index:2;width:425px;text-align:center;height:120px;line-height:120px;background:url(../images/page_img.jpg) no-repeat center / cover}
.banner_ding h5{font-size:44px;color:#fff;line-height:120px;display:block;text-transform:capitalize;font-weight:normal;font-family:arial}

.nmenu{width:100%;margin-top:60px;}
.nmenu ul{display:table; text-align: center;margin: auto;}
.nmenu li{/*! flex: 1; */ display: inline-block;}
.nmenu li a{ position:relative;z-index:2; display: block;margin:0 0px;color:#191919;font-size:18px; border:1px #ddd solid; overflow: hidden;padding: 12px 50px;border-radius: 30px;margin: 0 10px; background: #fff;}
.nmenu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:0%; background: #191b76; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.nmenu li:hover a,.menu li.active a{ color:#fff;border-color:#191b76 }
.nmenu li:hover a:after,.menu li.active a:after{height:100%;}
.nmenu.Rre{display: none;}


*:before, *:after {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;	-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.rack{width:100%;padding:40px 0 80px 0; margin:auto; box-sizing: border-box;}
.NewsListBox{padding-bottom:0 !important}
.NewsListBox .up{margin-bottom:80px;}
.NewsListBox .up .more{}
.NewsListBox .up .more{color:#fff;font-size:12px;padding: 10px 30px;display: table;margin-top: 40px;background: #666;}
.NewsListBox .up .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 15px;transition: all .4s ease-in-out;}
.NewsListBox .up .more:hover{ background: #191b76;}
.NewsListBox .up .more:hover:before{transform:translateX(3px);}
.NewsListBox .up .swiper-container:after{content: "";position: absolute; left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox .up .spot{bottom:0;display: table;width: 100%;left: 700px;text-align: left;padding: 30px 35px 30px 50px;background:#191b76;z-index:888; }
.NewsListBox .up .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px; }
.NewsListBox .up .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox .up li{ position: relative; }
.NewsListBox .up li a{position: relative;display: block;height:352px;padding:50px 50px 50px 750px;background:#f2f2f2;}
.NewsListBox .up li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox .up li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .up li .box{float: left;width: 100%;height: 100%;}
.NewsListBox .up li .box h4{width: 100%;font-size:24px;color:#191919;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsListBox .up li .box .time{position:relative; display: block; color:#999;font-size:12px;margin-top:20px;}
.NewsListBox .up li .box .time:before{content:"";float:left;margin:10px 20px 0 0; width:40px;height:1px; background:#ccc}
.NewsListBox .up li .box p{-webkit-line-clamp: 4;font-size:14px;color:#464646;margin-top: 30px;line-height: 24px;}
.NewsListBox .up li:hover h4{color:#191b76}
.NewsListBox .shell{padding: 70px 0 50px 0;background-color: #f3f3f3; overflow: hidden;}
.NewsListBox .shell ul{margin:0 0 -30px -30px;}
.NewsListBox .shell li{float: left;width: 33.3%;}
.NewsListBox .shell li a{position: relative;display: block;margin:0 0 30px 30px;padding: 30px; overflow: hidden;background-color: #fff;}
.NewsListBox .shell li a:after{content: "";position: absolute;left: 0;top: 0;height: 3px;width: 0;transition: all .5s;background-color: #191b76;}
.NewsListBox .shell li a h4{width: 100%;font-size: 16px;color: #191919;margin-top:30px;;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.NewsListBox .shell li a .txt{-webkit-line-clamp: 2;font-size: 14px;color: #666666;line-height: 24px;margin-top:15px;/*! overflow: hidden; */margin-bottom: 15px;}
.NewsListBox .shell li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.NewsListBox .shell li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.NewsListBox .shell li:hover{transform:scale(1.04);transition:all 0.6s ease-out}
.NewsListBox .shell li a .time{float:left; margin-right:20px; display: block;font-size: 12px;color: #999999;}
.NewsListBox .shell .more{float:left;color:#999;font-size:12px;padding: 0 0px;display: block;}
.NewsListBox .shell .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 10px;transition: all .4s ease-in-out;}
.NewsListBox .shell li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.NewsListBox .shell li:hover a{transform: scale(1.02);}
.NewsListBox .shell li:hover a:after{width: 100%;}
.NewsListBox .shell li:hover a h4{color: #191b76}
.NewsListBox .shell li:hover .more{color:#f60}
.NewsListBox .shell li:hover .more:before{ background-position:0 0 }

.n_title{position:relative;font-weight:normal;text-align:center;margin-bottom:40px}
.n_title span,.n_title a{display:block;height:58px;line-height:58px;font-size:40px;color:#333333}
.n_title em{display:inline-block;max-width:640px;height:23px;position:relative}
.n_title em:before,.n_title em:after{content:'';position:absolute;width:30px;height:3px;background:#191b76;top:10px;z-index:2}
.n_title em:before{left:-30px}
.n_title em:after{right:-30px}
.n_title i{display:block;height:23px;font:14px/23px 'Arial';color:#999999;font-style:normal;letter-spacing:2px;padding:0 40px}
.n_title i:before,.n_title i:after{position:absolute;content:'';width:280px;height:1px;background:#e0e0e0;top:11px;z-index:1}
.n_title i:before{left:-280px}
.n_title i:after{right:-280px}


.blk-main{margin:0 auto; padding:0px 5%; min-width:1002px; max-width:1400px;}
.p102-news-1{padding:80px 0 80px}
.p102-news-1-list dl{float:left;width:43%;border:1px solid #ebebeb;padding:10px 29px;box-shadow:10px 10px 20px #f2f2f2}
.p102-news-1-list dl.last{margin-left:20px}
.p102-news-1-list dd{padding:30px 0 30px 26px;border-bottom:1px dashed #d2d2d2}
.p102-news-1-list dl dd:last-child{border-bottom:0}
.p102-news-1-list dd h4{height:30px;line-height:30px;font-weight:normal;position:relative}
.p102-news-1-list dd h4:before{content:'';position:absolute;width:8px;height:8px;border:3px solid #191b76;border-radius:100%;left:-26px;top:50%;margin-top:-7px}
/*.p102-news-1-list dd h4:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:#191b76;left:-21px;top:50%;margin-top:-2px}*/
.p102-news-1-list dd h4 a{display:inline-block;max-width:400px;height:30px;font-size:20px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p102-news-1-list dd:hover h4 a{color:#191b76}
.p102-news-1-list dd h4 span{position:absolute;width:90px;height:20px;font:14px/20px Arial;color:#808080;right:0;bottom:0;z-index:1}
.p102-news-1-list .p102-news-1-desc{height:24px;line-height:24px;font-size:14px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.p102-info-related{padding:30px 0 0}
.p102-info-1-title{height:48px;line-height:48px;font-weight:normal;font-size:28px;color:#191b76;padding-bottom:10px;position:relative}
.p102-info-1-title:after{content:'';position:absolute;width:30px;height:2px;background:#191b76;left:0;bottom:-1px;z-index:1}
.p102-info-related-list{padding:29px 0;background:#fff;border:1px solid #f0f0f0;position:relative; height:130px;}
.p102-info-related-list:after{content:'';position:absolute;width:1px;background:#dedede;left:49%;top:29px;bottom:29px;z-index:1}
.p102-info-related-list dl{float:left;width:44%;padding:0 29px;position:relative}
.p102-info-related-list dt{width:220px}
.p102-info-related-list dt a,.p102-info-related-list dt img{width:100%;display:block}
.p102-info-related-list dd{position:absolute;padding-top:2px;left:280px;right:29px;top:0;bottom:0;z-index:1}
.p102-info-related-list dd h4{height:34px;line-height:34px;font-weight:normal;margin-bottom:6px}
.p102-info-related-list dd h4 a{display:inline-block;width:100%;height:34px;font-size:20px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p102-info-related-list dd p{font-size:14px;line-height:26px;color:#666666;text-align:justify}
.p102-info-related-list dd p a{color:#333333}
.p102-info-related-list dl:hover dd h4 a{color:#191b76}
.p102-info-latest{padding:30px 0 30px}
.p102-info-latest ul{padding:29px 39px;border:1px solid #f0f0f0;position:relative;background:#fff; overflow:hidden;}
.p102-info-latest li{float:left;width:45%}
.p102-info-latest li h4{height:36px;padding-left:25px;position:relative;line-height:36px;font-weight:normal}
.p102-info-latest li h4:before{content:"";position:absolute;width:4px;height:4px;border-radius:100%;border:2px solid #191b76;left:0;top:50%;margin-top:-4px}
.p102-info-latest li h4 a{display:inline-block;max-width:400px;height:36px;font-size:16px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.p102-info-latest li h4:hover a{color:#191b76}
.p102-info-latest li h4:hover:before{border-color:#191b76}
.p102-info-latest li h4:hover:after{background:#191b76}
.p102-info-latest li h4 em{float:right;width:90px;height:36px;font-family:Arial;color:#808080;text-align:right;font-style:normal}
.p102-info-latest li.last{margin-left:80px}
.p102-info-latest li.last:before{content:'';position:absolute;width:1px;left:50%;top:22px;bottom:22px;background:#dedede;z-index:1}

/**/
input,select{font-family:Arial,Verdana;font-size:14px;color:#444}
textarea{font-family:Arial,Verdana;font-size:14px;color:#444}
#products_sstr h2{margin-top:20px;font-size:16px}
#products_sstr p{padding:5px 0px 0px 0px;font-size:14px}
#products_cur{position:relative;padding:15px 15px 10px 15px}
#products_reset{position:absolute;bottom:6px;right:15px;display:block;width:60px;height:26px;font-weight:bold;line-height:26px;text-align:center;background:#0e8bdd}

#products{margin:0 auto; min-width:900px; max-width:98%;color:#333}
#products table{border:1px solid #1584a8;border-right:none; width:98% !important; }
#products td{padding:10px 3px;text-align:center;font-size:12px;border-right:1px solid #1584a8;border-bottom:1px solid #1584a8}
#products_data td{border-bottom:none}
.products_list_title td{color:#fff;font-weight:bold;background:#1caedf}
.products_list_bgs td{background:#f0f0f0}
.products_sx{height:89px;overflow:auto}
.products_sx li{padding:0px 8px 0px 8px;height:29px;line-height:29px;border-bottom:1px dotted #ccc;text-align:left;overflow:hidden}
.products_sx li label{display:block;width:100%;height:29px;cursor:pointer}
.products_sx li input{margin-right:5px}
@media screen and (-webkit-min-device-pixel-ratio:0){.products_sx li input{position:relative;top:2px}
}#products_search{margin:0px auto;width:180px}
#products_search_key{padding:0px 6px;width:58%;height:30px;color:#999;font-size:12px;line-height:30px\9;border:1px solid #ddd;vertical-align:middle}
#products_search_button{width:50px;height:32px;font-size:12px;border:1px solid #ddd;border-left:none;background:#f0f0f0;vertical-align:middle;cursor:pointer}
.div_slider{margin:0 auto;position:relative;clear:both}
.range-left{width:30px;margin:0 auto}
.div_input{}
.div_input input{background:none;width:40px;height:25px;border:1px solid #ccc;line-height:25px;font-size:12px;line-height:25px;display:inline-block;text-align:center;margin-left:10px}
.ui-slider-vertical{height:80px;width:10px}
.ui-slider .ui-slider-handle{width:15px;height:15px;left:-4px;margin-bottom:-7.5px}
.ui-widget-header{background:#faaf32}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#f6f6f6}
.range-left{float:left}
.range-right{width:50px;position:relative;height:80px;float:right}
.range-max{position:absolute;top:0;left:0}
.range-min{position:absolute;bottom:0;left:0}
.gots{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/**/
.contactA{width:100%;float:left;background:#fff;}
.contactA_T{padding:2.5em;overflow:hidden;position:relative}
.contactA_T_l{width:20%;float:left;padding-top: 51px;    padding-left: 20px;}
.contactA_T_l>p{font-size:0.95em;color:#bbb;line-height:0.8em}
.contactA_T_l>span{display:block;font-size:2em;color:#333333;line-height:0.8em;margin:15px 0px;font-weight:bold}
.contactA_T_l>i{display:block;font-style:normal;color:#999999;line-height:1.5em;letter-spacing:0.05rem;font-size:0.7em}
.contactA_T_l>a{display:inline-block;width:180px;line-height:50px;background:#191b76;color:#fff;text-align:center;font-size:18px;letter-spacing:0.05rem;margin-top:45px}
.contactA_T_R{float:left;width:14%;text-align:center}
.contactA_T_R p{font-size:12PX;line-height:1.5em;margin-top:0;color:#454545}
.contactA_T_R img{width:86%;display:block;margin:0 auto 0.8em}
.contactA_T_m{width:44%;margin:0 auto;padding:0px 6em;height:100%;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;float:left;box-sizing:border-box; margin-right:52px;}
.contactA_T_m div{width:100%;margin-bottom:1em}
.contactA_T_m div span{font-size:24px;color:#191b76;display:block;line-height:30px; letter-spacing:-1px;}
.contactA_T_m div strong{display:block;font-family:"Arial";font-size:1.8em;color:#191b76;line-height:1em;margin:5px 0px 10px}
.contactA_T_m div p{color:#999999;line-height:15px;font-size:13px;display:block}
.contactA_T_m>p{font-size:15px;color:#333;line-height:2em}
.form_contactA{margin-bottom:60px;margin-top:0}
.contact_A_page{width:100%;height:100%;position:relative}
.contactA_B{padding:2.5em;height:455px;background:transparent;overflow:hidden;position:relative;z-index:10}
.con_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.con_img i{display:block;background:url(../images/map.png) no-repeat;width:35px;height:50px;margin:0 auto 40px;animation:myanimate 0.5s infinite alternate;-webkit-animation:myanimate 0.5s infinite alternate}
.con_img a{width:150px;padding:12px 0px;background:#191b76;text-align:center;border-radius:6px;color:#fff;display:inline-block}
.contactB{width:79%;background:#fff;margin: 0 auto;height:540px}
.contactB_l{width:30.6%;float:left;background:#545454;height:100%;color:#fff;position:relative}
.contactB_l dt{margin:1.5em auto 1.0em;font-size:1.6em;line-height:1.2em;padding-bottom:1em;position:relative;color:#fff;font-weight:bold;width:80%}
.contactB_l dt:after{content:'';position:absolute;bottom:0px;left:0px;width:40px;height:1px;background:#fff}
.contactB_l dd{width:75%;margin:0 auto}
.contactB_l dd p{font-size:18px;line-height:2.5em;color:#ccc;font-weight:lighter}
.contactB_l:after{content:url(../images/cico2.png);position:absolute;bottom:40px;right:13%}
.contactB_R{width:62%;float:right;margin-right:3.5%;margin-top:1%}
.contactB_R input{width:35%;float:left;height:52px;background:#fff;color:#7f7f7f;margin-top:30px;padding:0px 2%;border:1px solid #ddd}
.contactB_R input:nth-child(2n){width:52.2%;float:right}
.contactB_R textarea{width:96%;float:left;height:160px;background:#fff;color:#7f7f7f;margin-top:30px;padding:20px 2%;border:1px solid #ddd}
.contactB_R #submit{background:#191b76;color:#fff;border:0 none;font-size:16px;width:200px}
.contactB_R>a{float:right;width:142px;line-height:50px;cursor:pointer;text-align:center;color:#fff;background:#191b76;font-size:16px;margin-top:24px}
.contactB_R p{width:37%;float:left;height:52px;background:#f2f2f2;color:#7f7f7f;margin-top:30px;padding-left:2%}
.contactB_R p input{float:left;margin-top:0px;padding:0px}
.contactB_R p img{float:right;height:100%}
.contactA_B .contactA_item{position:absolute;width:100%;height:100%}
.contact_A_tit{z-index:333;height:70px;line-height:70px;border-radius:1000px;padding:0;bottom:;right:;background:#fff;text-align:center;width:85%;margin:0 auto 1.5em;left:0;position:relative}
.contact_A_tit > ul > .block{position:absolute;z-index:1;background:#c60000;height:34px;border-radius:50px;top:3px}
.contact_A_tit > ul > li{line-height:70px;height:70px;display:inline-block;position:relative;z-index:3;color:#454545;margin:0 2em;font-size:1.2em;transition:0.3s all ease;cursor:pointer}
.contact_A_tit > ul > li.contact_A_cur{color:#191b76}



/**/
.brands_title {
    color: #2c3b52;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    padding: 0 12px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #8795aa;
    transition: all 0.3s;
}
.brands_content{ padding-left:5%; padding-bottom:10%; overflow:hidden;}
.brands_content p { float:left;
    position: relative;
    width: 40%;
    color: #2c3b52;
    font-size: 14px;
    font-weight: 500;
    padding: 0 12px;
    margin-bottom: 10px;
    transition: all 0.3s;}
.brands_content p:before {
content: ">";
position: absolute;
top: 1px;
left: 0;
font-weight: 900;
font-family: "FontAwesome";