/* SiteMap */
.sitemap {width:1100px;margin:0 auto;line-height:6px;background:#FFFFFF;}
.sitemap_1 {line-height:20px;padding-top:20px;}
.sitemap_1 span {font-size:16px;font-weight:bold;padding-left:5px;}
.sitemap_1 hr {width:100%;border:0;border-bottom:1px solid #666666;color:#333333;height:1px;}
.sitemap_3 {margin-top:10px;}
.sitemap_3 ul {padding:0px 0px 20px 10px;color:#062851;}
.sitemap_3 ul li {font-size:13px;line-height:21px;padding-left:10px;background:url('../image/dot.gif') no-repeat left center;}
.sitemap_3 ul li em {padding-right:10px;}
.sitemap_3 ul li a:link,.sitemap_3 ul li a:visited {color:#666666;font-size:12px;text-decoration:none;}
.sitemap_3 ul li a:hover,.sitemap_3 ul li a:active {color:#FF0000;font-size:12px;text-decoration:underline;}
.sobtitle {margin-bottom:20px;padding:20px 0;height:30px;line-height:5px;border-bottom:1px solid #F1F1F1;position:relative;}
.sobtitle::after {position:absolute; content: '\e690'; font-family: 'iconfont';left:0; top:20px; font-size:32px;color:#0276c6;}
.sobtitle p {display:inline-block;height:30px;line-height:0px;font-size:14px;color:#333333;padding-left:35px;}
.sobtitle p a {font-size:14px;color:#333333;}

/*图片*/
.divHonorShow {width:100%; padding:0 0;}
.divHonorShow dl{float:left;width:287px;margin:0px 29px 20px 0;}
.divHonorShow dl:nth-child(3n){margin-right: 0}
.divHonorShow dt { width:285px;height:230px;border:1px solid #CCCCCC;overflow:hidden;display: flex; justify-content: center; align-items: center;}
.divHonorShow dt img {padding:5px;transition:0.5s;}
.divHonorShow dt img:hover {transform:scale(1.1,1.1);}
.divHonorShow dd {text-align:center;line-height:40px;}
.divHonorShow a:link,.divHonorShow a:visited {color:#666666;font-size:14px;}
.divHonorShow a:hover,.divHonorShow a:active {color:#c70000;font-size:14px;}

.divcaseTd {width:100%; padding:40px 0;text-align: center;}
.divcaseTd img {max-width:99%;height:auto !important;}
.divcaseTd table {width:99% !important;word-break:break-all;}
@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_bvxh73ug9ek.eot');
  src: url('../font/font_1298696_bvxh73ug9ek.eot') format('embedded-opentype'),
  url('../font/font_1298696_bvxh73ug9ek.woff2') format('woff2'),
  url('../font/font_1298696_bvxh73ug9ek.woff') format('woff'),
  url('../font/font_1298696_bvxh73ug9ek.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1298696_bvxh73ug9ek.svg') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*产品*/
.proContent {clear:both;padding:0px;}
.proList {padding-left:0px;}
.proList li {float:left; margin:0px 20px 30px 0px;width:286px;height:330px;background:#F6F6F6;}
.proList li:nth-child(3n) {margin-right:0;}
.proList li a {display:block;width:286px;height:286px;position:relative;}
.proList li .Imag{width:286px;height:286px;line-height: 215px;border-bottom: 1px #eee solid; text-align: center;}
.proList li .Imag img{width:286px;height:286px;}
.proList li p {padding:0 20px;width:246px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#555555;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.proList li .proHover {position:absolute;display:flex;justify-content:center;align-items:center;left:1px;top:1px;width:284px;height:284px;opacity:0;background:rgba(0,0,0,0);-webkit-transform:rotateX(180deg) scale(0.5,0.5);transform:rotateX(180deg) scale(0.2,0.2);transition:all ease-out .5s;}
.proList li .proHover i {font-size:45px;color:#FFFFFF;}
.proList li:hover {transition:0.5s;background:#0276c6;}
.proList li:hover p {transition:0.5s;color:#FFFFF0;}
.proList li:hover .proHover {opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0deg) scale(1,1);transform:rotateX(0deg) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,0.3);}
/*产品详情*/
.details_1_4 {display: block; clear:both;padding-left:5px;padding-top:40px;color:#333;font-weight: 700; font-size:18px;line-height:40px;}
.details_1_4 i{color:#0276c6; font-weight: 300;}
.details_1_5 {float:left;width:96%;border-top:1px solid #ccc;padding:15px 2%;background-color:#FFFFFF; line-height:30px; font-size: 14px;}
.details_1_5 img {max-width:99%;height:auto !important;}
.details_1_7 {float:left;width:100%;margin:10px 0px 10px 0px;}
.details_1_7_1 {float:left;width:100%;padding-left:5px;padding-top:10px;color:#333;border-bottom:1px solid #ccc; font-size:18px;
	line-height:40px;font-weight: 700;}
.details_1_7_1 i{color:#0276c6; font-weight: 300;}

#LPdemo {width:100%;overflow:hidden;border:0px solid #666666;padding:10px 0px 0px 0px;margin-left:0px;}
#LPdemo img {text-align:center;padding:0px;overflow:hidden;}
#LPindemo {float:left;width:1000%;}
#LPdemo1 {float:left;}
#LPdemo2 {float:left;}
.details_1_8 {float:left;width:100%;height:220px;overflow:hidden;}
.details_1_8 dl {float:left;width:252px;margin:0px 15px 0px 0px; text-align:center;}
.details_1_8 dt {float:left;width:250px;height:180px;border:1px solid #CCCCCC;display: flex;justify-content:center; align-items:center;}
.details_1_8 dt img {/*width:240px;border:0;*/}
.details_1_8 dd {display: block;line-height:30px;}

/*共用详情 上一页下一页*/
.details_revn {width:98%;padding:0px 1%;overflow:hidden;line-height:52px;font-size:15px;color:#666666;background:#f1f1f1;margin:20px auto;}
.details_revn p {color:#666666;float:left; width:50%;}
.details_revn p:nth-child(2){float:right;text-align: right;}
.details_revn p strong { color:#0276c6;}
.details_revn a:link,.details_revn a:visited {color:#666666;}

/*在线留言*/
.con_feed{width:100%; padding:20px 0 50px;}
.con_feed_title{color: #333; font-size: 40px; line-height: 50px; text-align: center;padding:0px 0 40px 0;}
.con_feed_1{width:500px;float:left;height:350px;padding:80px;margin:10px 0px 0px 50px; background:#f7f7f7;}
.con_feed_1_1{width:100%;float:left;text-align:center;margin-top:15px;}
.con_feed_1_1 p{width:270px;display:inline-block;font-size:30px;color:#333;line-height:50px;background:#fff;font-weight:bold;}
.con_feed_1_2 {width:100%;float:left;font-size:14px;line-height:25px;color:#575757;margin-top:55px;}
.feedback_1_3{width:100%;float:left;padding-top:30px;}
.feedback_1_3 p{font-size:16px;color:#575757;line-height:50px;text-transform: uppercase;}
.con_feed_2{width:570px;float:right; padding-right:20px;}
.index_content{width:100%;float:left;}
.left_content{width:250px;float:left;}
.feed_1{width:100%;float:left;}
.feed_1 span{font-size:16px;color:#333;padding:0px 5px 0px 0px;line-height:1.5;}
.feed_1 p{width:100%;float:left;margin:8px 0px;}
.feed_in {width:78%;height:38px;line-height:38px;border:1px solid #999999;}
.button_submit33 {color:#fff;font-weight:normal;cursor:pointer;height:40px;width:78%;font-weight:bold;background:#333;border:0px solid #999999;border-radius:5px;font-size:16px;}
.button_submit33:hover{background:#000;}
/*news*/
.zx_top {clear:both;text-align:center;border-bottom:1px dashed #D4D4D1;padding:10px 0px 5px 0px;}
.zx_top h2 {font-size:20px;font-weight:bold;padding:0px 10px 0px 10px;line-height:40px;}
.zx_top p {margin:10px auto;color:#333333;}
.zx_top p span {margin-right:20px;}

.zx_txt {color:#666666;padding:20px 10px 10px 10px;line-height:28px;font-size:14px;}
.zx_txt img {max-width:99%;height:auto !important;}
.news_con {width:100%;}
.news_con dl {display: block; padding:20px;height:200px;border-bottom:1px solid #EAEAEA;}
.news_con dt {float:left;width:180px;height:135px;}
.news_con dt img{width:100%; height:100%;}
.news_con dd {float:right; width:660px;height:135px;}
.news_con dd > strong {width:100%;height:30px;line-height:30px;font-size:16px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con dd > span {display:block; height:30px;line-height:30px;font-size:12px;color:#999999;}
.news_con dd > p {display:block;height:50px;line-height:25px;font-size:14px;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con dd > em {display:block; height:25px;line-height:25px;font-size:14px;color:#999999;}
.news_con dl:hover {transition:0.3s;box-shadow:0 0 15px rgba(0,0,0,0.2);}
.news_con dl:hover dd strong {transition:0.3s;color:#0276c6;}
.news_con dl:hover dd em {transition:0.3s;color:#0276c6;}
/*分页*/
.pagesDiv {padding-top:25px;text-align:center;}
.pagination a {display:inline-block;margin:5px;padding:5px 12px;border:1px solid #ccc;line-height:24px;font-size:15px;color:#666;text-decoration:none;cursor:pointer;transition:0.5s;}
.pagination span {display:inline-block;margin:5px;padding:5px 12px;border:1px solid #0276c6;line-height:24px;font-size:15px;background-color:#0276c6;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.pagination a:hover {transition:0.5s;border-color:#0276c6;background-color:#0276c6;color:#FFFFFF;}
.left {float:left;width:100%;padding-bottom:5px;padding-top:0px;}
.left_1 {float:left;width:100%;background:#0276c6;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;font-weight: 700;}
.left_a1{float:left;width:100%;background:#0276c6;height:90px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;font-weight: 700;}
.left_a1 a{color:#fff; font-size:18px;}
.left_2 {float:left;width:245px;padding:0px 0px 0px 0px;border:1px solid #e8e8e8;border-bottom:8px solid #EAEAEA;box-sizing: border-box;}

.left_3 {float:left;width:245px;padding:5px 0px 10px 0px;border:1px solid #e8e8e8;box-sizing: border-box;}
.left_3 dl {float:left;width:113px; margin:5px 4px;text-align: center;}
.left_3 dt {overflow:hidden;border:1px #eee solid; width:100px; height:80px; padding:0 5px;}
.left_3 dd {display: block; line-height:22px;}
.left_3 ul {padding:0px 0px 0px 10px;}
.left_3 ul li {padding-left:8px;background:url('../image/dot.gif') no-repeat left center;line-height:24px;}

.Company {clear:both;padding:10px 10px 10px 10px;line-height:28px;color:#666666;font-size:14px;}
.Company p {line-height:28px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

#masterdiv {float:left;margin-top:0px;}
.menudiv   {float:left;margin-top:0px;}
.menutitle {width:243px;box-sizing: border-box;text-align:left;height:50px;line-height:50px;color:#333;cursor:pointer;font-size:15px;display:block;
	overflow:hidden;border-bottom: 1px #e8e8e8 solid; position: relative;}
.menutitle:hover{background:#0276c6;transition: all 0.5s;}
.menutitle::after{position: absolute; content:'\e679';color:#0276c6; right:10px; font-family:'iconfont';font-size:20px;}
.menutitle:hover::after{color:#fff;content:'\e7d1';}
.menutitle a:link,.menutitle a:visited {float:left;width:190px; color:#333;font-size:15px;text-decoration:none;padding-left:20px;}      
.menutitle:hover a,.menutitle:active a{color:#fff;font-size:15px;text-decoration:none;}

.menutitleSub{ width:243px;box-sizing: border-box;text-align:left;height:50px;line-height:50px;color:#fff;cursor:pointer;font-size:15px;display:block;
	overflow:hidden;background:#0276c6;position: relative;}
.menutitleSub a,.menutitleSub a:visited {float:left;width:190px; color:#fff;font-size:15px;text-decoration:none;padding-left:20px;}
.menutitleSub::after{position: absolute; color:#fff;content:'\e7d1'; right:10px; font-family:'iconfont';font-size:20px;}

.submenu {width:243px;color:#135294;display:block;font-size:14px;padding:0px 0 0 0px;overflow:hidden;background:#f1f1f1;}
.submenu li.checkstyle {position: relative; line-height:40px;height:40px;overflow:hidden;}
.submenu li.checkstyle a,.submenu li.checkstyle a:visited {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;padding-left:35px;}
.submenu li.checkstyle:hover a {color:#0276c6;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyle::after{position: absolute; content: '\e62c';font-family:'iconfont'; left:18px;top:0; font-size:12px;color:#333;}
.submenu li.checkstyle:hover::after{color:#0276c6;}

.submenu li.checkstyleSel {position: relative; line-height:40px;height:40px;overflow:hidden;}
.submenu li.checkstyleSel a,.submenu li.checkstyleSel a:visited {color:#0276c6;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel a:hover {color:#FF0000;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel::after{position: absolute; content: '\e62c';font-family:'iconfont';top:0; left:18px;}

.submenu li.checkThird {padding-left:32px;line-height:22px;height:22px;border-bottom:0px #857156 solid;overflow:hidden;background:url('../image/ico10-1.gif') no-repeat 23px center;}
.submenu li.checkThird a,.submenu li.checkThird a:visited {color:#666666;text-decoration:none;font-size:12px;font-weight:normal;}
.submenu li.checkThird a:hover {color:Red;text-decoration:none;font-size:12px;font-weight:normal;}

.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon,.w1200 {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.topCon100ne {width:100%;margin:0 auto;line-height:20px;background:url(../image/banner.jpg) no-repeat center 0;height: 400px;}
.indexTop  {width:100%;margin:0 auto;line-height:20px;}
.indexLeft {float:left;width:245px;line-height:20px;}
.indexLeft1 {float:left;width:245px;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:50px 0px 0px 0px;}
.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexRight  {float:right;width:920px;}
.indexRight1 {float:right;width:920px;line-height:20px;padding:5px 0px 0px 0px;}
.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}
/*tit*/
.t{text-align: center;}
.t p{font-size:40px;color: #000;line-height:40px;font-weight: bold;position: relative;}
.t p:before{content:"";position: absolute;top:18px;margin-left: -36px; background:url(../image/20210925161758_994776095.png);width:16px;height:16px;}
.t p:after{content:"";position: absolute;top:18px;margin-left:36px; background:url(../image/20210925161841_1256024470.png);width:16px;height:16px;}
.t p>b{color: #c62b91;}
.t span{display:inline-block;font-size:18px;margin-top: 10px;position: relative;z-index: 2;}
.t span:after{content: '';display: block;position: absolute;width: 100%;height: 6px;z-index: -1;background: #d4dcd9;left: 0;bottom: 2px;-webkit-animation: widthchange 2s linear infinite;animation: widthchange 2s linear infinite;}
@-webkit-keyframes widthchange{0%{ width:20%}50%{ width:100%}100%{ width:20%}}
@keyframes widthchange{0%{ width:20%}50%{ width:100%}100%{ width:20%}}
/*xinwen*/
.news{ padding:60px 0;}
.newstitle{ text-align:center; font-size:18px; color:#aaaaaa; font-weight:lighter;}
.newstitle b{ display:block; font-size:42px; color:#222222; margin-bottom:10px;}
.newstitle b i{ color:#18347f;}
.newstab{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #e1e1e1;margin: 30px 0;}
.newstab a{ display: inline-block;width: 120px;line-height: 40px;border-radius: 20px;background: #fff;font-size: 16px;color: #666666;font-weight: lighter;transition: all .3s ease;}
.newstab a+a{margin-left: 10px;}
.newstab a.on{background: #18347f;color: #fff;}
.newsleft{width: 508px;height: 490px;box-sizing: border-box;background: #f5f5f5;padding: 40px;}
.newsright{width: 862px;height: 490px;}
.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 426px;height: 306px; overflow: hidden;overflow: hidden; border: 1px solid #eee;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#18347f;}
.news .news_div_item{position: relative;}
.newsleft .news_div_item{padding-top: 330px;}
.newsleft .news_div_item_date{position: absolute;right:0;padding-top: 52px; bottom:0;text-align: center; background: #18347f; width: 82px;height: 80px;box-sizing: border-box;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 14px;color: #ffffff;font-weight: lighter;}
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
.newsleft .news_div_item_content{width: 290px;}
.news .news_div_item_a{display: block;font-size: 18px;color: #222222;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative; overflow: hidden;} 
.news .news_div_item_body{font-size: 14px;color: #aaaaaa;font-weight: lighter;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;}
.newsright .news_div_item{position: relative; display: inline-block;vertical-align: top;background: #f5f5f5; box-sizing: border-box;width: 430px;height: 162px;margin: 0 1px 1px 0;padding: 40px 0 0 120px;float:right;}
.newsright .news_div_item:nth-child(2n){margin-left: 0;}
.newsright .news_div_item_content{width: 260px;}
.newsright .news_div_item_date{position: absolute;left:30px;padding-top: 52px; top:40px;text-align: center;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 14px;color: #555555;font-weight: lighter;}
.newsright .news_div_item_date .news_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
/* case */
.case{padding: 60px 0;}
.case .title:after{content: '';display: inline-block;width: 38px;height: 2px;background: #18347f;}
.casecenter{margin: 50px 0;}
.casebottom{font-size: 0;text-align: center;}
.casetel{font-size: 16px;color: #222222;font-weight: lighter;padding-left: 36px;background: url(../image/20211015194402_113711117.png) no-repeat left 25px;margin-right: 20px;}
.casetel em{font-size: 40px;color: #18347f;font-family: fontDin1;     width: 320px; float: left;     font-weight: normal;}
.casetel b {line-height: 70px; font-weight: normal;  float: left;}

.casebottom p{display: inline-block;vertical-align: middle;}
.casebtn a{ display: inline-block;width: 227px;line-height: 50px;border-radius: 25px;background: #18347f;font-size: 16px;color: #fff;font-weight: lighter;transition: all .3s ease;margin-top:10px;}
.casebtn a:hover{background: #ff7403;}
.caseleft{font-size: 0;width: 480px;}
.caseleft li{width: 230px;height: 185px;position: relative;cursor: pointer;background: #f2f6f2;display: inline-block;margin: 0 10px 10px 0; text-align: center;font-size: 22px;color: #333333; transition: all .3s ease;}
.caseicon{ position: relative;margin: 30px 0 10px 0;display: inline-block;width: 60px;height: 60px;border-radius: 50%;background: #18347f;transition: all .3s ease;}
.caseleft li em{display: block;font-size: 14px;color: #9e9e9e; text-transform: uppercase;margin-top: 3px;transition: all .3s ease;}
.caseicon span{transition: all .3s ease;display: block;top: 0;bottom: 0;left: 0;right: 0;margin: auto;position: absolute;width: 28px;height: 30px;background: url(../image/20211015195943_880556904.png) no-repeat left -60px;}
.caseleft li:nth-child(2) .caseicon span{background-position-x:-42px;width: 36px;height: 36px; }
.caseleft li:nth-child(3) .caseicon span{background-position-x:-99px;width: 30px;height: 27px; }
.caseleft li:nth-child(4) .caseicon span{background-position-x:-139px;width: 36px;height: 29px; }
.caseleft li:nth-child(5) .caseicon span{background-position-x:-196px;width: 30px;height: 28px; }
.caseleft li:nth-child(6) .caseicon span{background-position-x:-252px;width: 30px;height: 30px; }
.caseleft li.on,.caseleft li.on em{color: #fff;}
.caseleft li.on{background: #18347f;}
.caseleft li.on .caseicon{background: #fff;}
.caseleft li.on .caseicon span{background-position-y:0;}
.casecon .divdgweb_new_div .divdgweb_new_div_item{ width:920px; height:575px; overflow:hidden; position:relative; display: inline-block;vertical-align: top;}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{box-sizing: border-box;height: 130px;  width: 100%; position: absolute; left: 0;bottom: 0; overflow: hidden;background: rgba(0,0,0,.7);padding: 25px 40px; transition: all .3s ease;} 
.casecon .divdgweb_new_div_item_a{font-size: 25px; color: #fff;font-weight: lighter;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body{ font-size: 14px; color: #fff;font-weight: lighter; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 8px;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a{font-size: 14px; color: #fff;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a:hover{color: #ff7403;}

/*五大特性*/
.trait{ padding:70px 0 80px 0; background:#f5f5f5;}
.tratitl{ text-align:center; font-size:18px; color:#999999; font-weight:lighter;}
.tratitl b{ display:block; font-size:42px; color:#222222; margin-bottom:10px;}
.tratitl b i{color:#18347f;}
.tratitl b em{ display:inline-block; vertical-align:middle; margin:0 18px; width:98px; height:1px; background:#dddddd;}
.trait ul{ height:553px; margin-top:45px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.trait ul li{ width:25%; background:#fff;transition:all .3s ease; position:relative;}
.traicon{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; height:113px; background:#222222;border-left:1px solid #383838; transition:all .3s ease;}
.tracen{ height:364px; border:1px solid #e5e5e5; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; padding:0 45px; transition:all .3s ease;}
.trait ul li+li .tracen{ border-left:none;}
.trait ul li.on+li .tracen{border-left:1px solid #e5e5e5;}
.tranum{ text-align:center; font-size:48px; color:#484848; font-family:fontDin1;}
.trawa { font-size:16px; color:#aaaaaa; font-weight:lighter; line-height:33px;}
.trawa span{ font-size:30px; color:#484848; text-align:center; display:block; margin:15px 0 20px 0;}
.trawa:after{ content:''; display:block; width:16px; height:14px; margin:30px auto 0 auto; background:url(../image/20201226085346_1776225978.png) no-repeat center;}
.trabtn{text-align:center; position:absolute; width:100%; opacity:0; left:0; bottom:50px; transform:scale(0); transition:all .3s ease;}
.trabtn a{ display:inline-block; width:109px; line-height:40px; background:#18347f; font-size:18px; color:#fff; font-weight:lighter; transition:all .3s ease;}
.trait ul li.on{ transform:translateY(-20px);}

.trait ul li.on .trawa{ margin-bottom:70px;}
.trait ul li.on .traicon{ background:#18347f; border-left:none; height:133px;}
.trait ul li.on .tracen{ border:none; box-shadow:0 0 15px rgba(0,0,0,.1); height:440px;}
.trait ul li.on .trabtn{ opacity:1; transform:scale(1);}
.trabtn a:Hover{ background:#18347f;}
/*热销产品*/
.product{ padding:55px 0 60px 0;}
.protitle{ text-align:center; position:relative;}
.protitle em{ position:absolute; left:0; right:0; margin:0 auto; top:0; font-size:72px; color:#f5f5f5; line-height:60px; text-transform:uppercase; font-family:impact; z-index:-1;}
.protitle b{ font-size:42px; color:#222222; line-height:60px;}
.protitle b i{ color:#18347f;}
.protitle span{ display:block; font-size:18px; color:#999999; font-weight:lighter; margin:10px 0 20px 0;}
.protitle:after{ content:''; display:inline-block; width:60px; height:1px; background:#222222;}
.protab{ margin:30px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.protab li{float:left;}
.protab a{ display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; width:25%; height:121px; text-align:center; border:1px solid #e3e3e3; transition:all .3s ease; font-size:16px; color:#888888; font-weight:lighter;}
.protab a+a{ border-left:none;}
.protab a span{ display:block; margin-top:10px;}
.protab a i{ display:inline-block; width:32px; height:30px; background:url(../image/20201225171027_1965180028.png) no-repeat left top; transition:all .3s ease;}
.protab a:hover{ background:#18347f; border-color:#18347f; color:#fff;}
.protab a:hover i{ background-position-x:right;}
.protab a.on{ color:#fff; background:#18347f;}
.protab a.on i{ background-position-x:right;}

.product_bg_c ul{position:relative; /*height:700px; */font-weight:lighter;}

.proshow tr{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.proshow tr+tr{ margin-top:20px;}
.proshow td{ width:264px; padding:0 !important;}
.proshow td a,.proshow td span{ display:block; overflow:hidden; position:relative;}
.proshow td>a{ border:1px solid #e3e3e3;}
.proshow td>a:after,.proshow td>a:before{ content:''; display:block; position:absolute; transition:all .3s ease;}
.proshow td>a:after{ width:100%; height:100%; background:rgba(0,0,0,.8); top:0; left:0; opacity:0;}
.proshow td>a:before{ top:0; bottom:0; right:0; left:0; margin:auto; width:52px; height:52px; background:url(../image/20201225175059_1747006340.png) no-repeat center; transform:scale(0); z-index:3;} 
.proshow td:hover>a:after{ opacity:1;}
.proshow td:hover>a:before{ transform:scale(1);}
.proshow td>a img{ width:100%; height:auto;}
.proshow td br{ display:none;}
.proshow td span{ margin-top:10px; height:130px; background:#f3f3f3; padding:30px 0;transition:all .3s ease;}
.proshow td span a{ font-size:16px; color:#666666; font-weight:lighter;transition:all .3s ease;}
.proshow td span .promore{ display:inline-block; margin-top:15px; width:170px; line-height:30px; border-radius:15px; background:#e5e5e5; font-size:14px; color:#888888; font-weight:lighter; transition:all .3s ease;}
.proshow td:hover span{ background:#18347f;}
.proshow td:hover span a{ color:#fff;}
.proshow td:hover span .promore{ background:#18347f; color:#fff;}

/* 头部 */
#header{height: 110px;position: fixed;top: 0;width: 100%;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 30%);padding:0 15px;z-index: 1000;transition: all .3s;-webkit-transition: all .3s;}
.headcon{position:relative;z-index:999;background:#fff;}
.logo{float: left;/*margin:20px 0;*/}
.logo a{display: block;position:relative;}
.logo a img{width:210px;display:block;/*margin-top:20px;*/}
.logotxt{float: left;padding: 20px 0 20px 10px;height: 100px;display: flex;justify-content: flex-start;align-items: center;}
.logotxt>span{font-size:20px;}
.logotxt>span>em{font-size:26px;color: #e60012;}
.head-raea{float: right;margin-left:70px;position: relative;}

#alibtn{padding:27px 0;float:left;}
#alibtn>a{display:block;overflow:hidden;color:#8e9aa8;}
#alibtn>a svg{float:left;width:46px;height:46px;}
#alibtn>a svg path{fill: #8e9aa8;transition:all .3s;-webkit-transition:all .3s;}
#alibtn>a span{float:left;line-height:46px;font-size:16px;font-weight:bold;}
#alibtn>a:hover{color:#18347f;}
#alibtn>a:hover svg path{fill:#18347f;}
#alangbtn{float:left;padding:26px 0;margin-left:25px;position:relative;}
#alangbtn>a{display:block;width:48px;height:48px;line-height:46px;text-align:center;font-size:16px;color:#8e9aa8;border-radius:50%;border:1px solid #d5d5d5;float:left;}
#alangbtn>a.asearch{display:none;background-image:url(../image/hsearchicox.png);background-repeat:no-repeat;background-position:center;}
#alangbtn a+a{margin-left:15px;}
#alangbtn>a:hover{background-color:#18347f;color:#fff;border-color:#18347f;}
#alangbtn>a.asearch:hover{background-image:url(../image/hsearchicoxx.png);}
.search-con{position:absolute;right:0;top:100%;background: #4a4a4a;padding: 10px;overflow: hidden;width: 300px;display:none;}
.search-con form{background:#fff;}
.search-con form>input[type="text"]{display: block;height: 40px;width: 100%;background: none;text-indent: 1em;padding-right:50px;}
.search-con form>input[type="submit"]{position: absolute;right: 10px;top: 10px;cursor: pointer;display: block;width: 40px;height: 40px;background: url(../image/hsearchico.png) no-repeat center;}
#searchbtn{float:left;padding:26px 0;margin-left:25px;}
#searchbtn>form{border:1px solid #d5d5d5;border-radius:30px;}
#searchbtn>form>input[type="text"]{width:300px;float:left;line-height:46px;font-size:16px;padding:0 15px 0 25px;border:none;background: none;}
#searchbtn>form>input[type="submit"]{width:58px;height:46px;cursor:pointer;text-indent:-99999px;background:url(../image/hsearchico.png) no-repeat center;border:none;}
#m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 42px;width: 24px;}	
#m-head-nav .line{width: 24px;height: 2px;background-color: #18347f;position: absolute;left: 0px;top: 7px;}
#m-head-nav .line1{margin-top: -7px;}
#m-head-nav .line3{margin-top: 7px;}
#m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#m-head-nav[data-active="on"] .line2{display: none;}
#m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1199px){
	#m-head-nav{display:block;}
}
@media (max-width: 767px){
	#searchbtn{display:none;}
	#alangbtn>a.asearch{display:block;}
}
@media (max-width: 600px){
	#alibtn{padding: 17px 0;}
	#alangbtn{padding: 16px 0;}
}
@media (max-width: 500px){
	#alibtn, #alangbtn{padding: 13px 0;}
	#alibtn>a svg{width:40px;height:40px;}
	#alibtn>a span{line-height:40px;}
	#alangbtn>a{width:40px;height:40px;line-height: 40px;font-size: 14px;}
}
@media (max-width: 400px){
	.search-con{right: -25px;}
}
@media (max-width: 370px){
	#alibtn{display:none;}
}

/* 导航栏 */
.nav{float: right;}
.nav>li{float: left;margin-right: 80px;position:relative;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{display: block;font-size: 18px;/*font-weight:bold;*/color: #8b8b8b;position: relative;line-height: 100px;padding:0 0px;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.nav>li>a::before{content: '';position: absolute;left:0;top:0;width:100%;transition:all .2s;-webkit-transition:all .2s;}
.nav>li>a::after{content: '';position: absolute;left:0;bottom:0;width:100%;transition:all .2s;-webkit-transition:all .2s;}
.nav>li.navdrop>a::before, .nav>li.cur>a::before, .nav>li:hover>a::before{border-top: 8px solid #18347f;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:0;}
.nav>li.navdrop>a::after, .nav>li.cur>a::after, .nav>li:hover>a::after{border-top: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #18347f;}
.nav-er-box{position: absolute;top: 100%;left: 50%;margin-left: -90px;width: 180px;display: none;padding-top: 6px;box-shadow: 0 10px 10px 0px rgb(0 0 0 / 40%);}
.nav-er-list{background: #18347fb5;line-height: 40px;position: relative;border-bottom: 1px solid #dddddd9e;}
.nav-er-list:last-child{border-bottom: none;}
.nav-er-list a{display: block;padding: 0 15px;font-weight: bold;}
.nav-san-box{position: absolute;top:0;left: 100%;width: 218px;background: #fff;display: none;}
.nav>li:last-child>.nav-er-box .nav-san-box{left: auto;right:100%}
.nav-er{color: #f7f7f7;font-size: 15px;transition: 0.3s all ease;}
.nav-er i{float: left;display:block;width:20px;height:20px;margin-right:10px;margin-top:10px;    background-repeat: no-repeat;background-size: 20px;transition: 0.3s all ease;}
.nav-er span{display: block;text-align:center;}
.nav-san-box a{position: relative;display: block;padding-left: 56px;}
.nav-san-box a::before{content: '';position: absolute;top:15px;left: 23px;width: 10px;height: 10px;background: url(../image/nav-rjt.png);}
.nav-yi::after{position: absolute;content: ''; bottom:25px;left: 0;width: 100%;border-bottom: 2px solid #18347f;display: none;}
.nav-er-box::before{position: absolute;content: ''; width: 18px;height: 6px;/*background: url(../image/nav-up.png) no-repeat center;*/left: 50%;margin-left: -9px;top:0;}
.nav li.active .nav-yi{color: #18347f;}
.nav-box li.active .nav-yi::after{display: block;}
.nav>li.navdrop .nav-er-box{display: block;}
.nav>li:hover .nav-yi{color: #18347f;}
.nav>li:hover .nav-yi:after{display: block;}
.nav-er-list:hover .nav-er{color: #18347f;}
.nav-er-list:hover .nav-er i{background-position-y: -20px;}
.nav-er-list:hover{background: #fff;}
.nav-er-list:hover .nav-san-box{display: block;}
.nav-san-box a:hover{color: #18347f;}
.nav>li:hover>a::after, .nav>li.cur>a::after{}
.nav>li:hover>a, .nav>li.cur>a, .nav>li>a:focus, .nav>li>a:hover,
.nav>li:hover>a, .nav>li.cur>a, .nav>li>a:focus, .nav>li>a:hover{background:transparent;color:#18347f;}

/* 小屏幕导航 */
.mm-nav-box{overflow:hidden;position: fixed;top: 100px;right: 0;width: 100%;height: calc(100% - 100px);overflow-y:scroll;z-index: 998;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
.mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;}
.mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;}
.mm-nav-box .mm-nav .li1.on .a1{color: #e00000;}
.mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;}
.mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;}
.mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:11;}
.mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#18347f}
.mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;}
.mm-nav-box .mm-nav .li1 .mm-innav li>a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;}
.mm-nav-box .mm-nav .li1 .mm-innav li>a:hover{color:#18347f}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox{padding:10px 0;height: calc(100vh - 320px);overflow-y: scroll;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pcon{width:calc(100% - 90px);padding-right:10px;border-right:1px solid #ddd;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pcon .mm-pone{margin-bottom:10px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pcon .mm-pone h4{font-size:14px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pcon .mm-pone .radio{line-height:20px;margin-top:0;margin-bottom:5px;float:left;margin-right:15px;font-size:13px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pcon .mm-pone .radio+.radio{}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pbtn{width:90px;padding-left:10px;position: sticky;top: 10px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pbtn input{width:100%;line-height:35px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pbtn input.mm-pbtn-re{color: #333;background-color: #dadde3;margin-bottom:20px;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pbtn input.mm-pbtn-su{color: #fff;background-color: #18347f;}
.mm-nav-box .mm-nav .li1 .mm-innav li .mm-pbox form .mm-pbtn input.mm-pbtn-su.stapstar{background-color:#fd0018;cursor: not-allowed;}
.mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;}
.mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{color:  #e00000;}
.hdbtong{position:fixed;left:0;top:100px;width:100%;height:calc(100% - 100px);z-index:999;display:none;}
.header_space{width: 100%;height: 100px;}
@media (max-width: 1709px){
	.nav>li{margin-right:70px;}
}
@media (max-width: 1609px){
	.nav>li{margin-right:50px;}
	.head-raea{margin-left: 50px;}
}
@media (max-width: 1509px){
	.nav>li{margin-right:30px;}
	.head-raea{margin-left: 30px;}
}
@media (max-width: 1409px){
	#searchbtn>form>input[type="text"]{width:260px;}
	.nav>li{margin-right:20px;}
	.head-raea{margin-left: 20px;}
}
@media (max-width: 1309px){
	.nav>li>a{font-size:16px;}
	.head-raea, #alangbtn, #searchbtn{margin-left:15px;}
	.nav>li{margin-right:15px;}
}
@media (max-width: 1199px){
.nav>li>a{font-size: 14px;}
	.nav{/*display:none;*/}
	.mm-nav-box {display: block;}
	.header_space{display:block;}
	.head-raea{margin-left:0;}
}
@media (max-width: 800px){
	.mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;}
}
@media (max-width: 600px){
	.mm-nav-box{top:80px;height: calc(100% - 80px);}
	.mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;}
	.mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;}
	.mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;}
	.mm-nav-box .mm-nav .li1{margin: 0 10px;}
	.mm-nav-box .mm-wrap .mmlang{display: block;}
	.logo{margin:10px 0;}
	.logo a img{height:60px;}
	.logotxt{padding: 10px 0 10px 10px;height: 80px;}
	.logotxt>span{font-size:16px;}
	.logotxt>span>em{font-size:22px;}
	#m-head-nav{margin-top:32px;}
	#header, .header_space{height:80px;}
}
@media (max-width: 500px){
	#header, .header_space{height:66px;}
	#header{padding:0 10px;}
	.head-lang{margin:10px 0;}
	#m-head-nav{margin-left:15px;margin-top: 25px;}
	.mm-nav-box{top: 66px;height: calc(100% - 66px);}
	.logo{margin:8px 0;}
	.logo a img{height: 50px;}
	.logotxt{padding: 8px 0 8px 8px;height: 66px;}
	.logotxt>span{font-size:14px;}
	.logotxt>span>em{font-size:20px;}
}
@media (max-width: 450px){
	.logotxt{display:none;}
	#alibtn>a svg{display:none;}
	.head-raea, #alangbtn, #searchbtn, #alangbtn a+a{margin-left: 10px;}
}
@media (max-width: 400px){
	#m-head-nav{margin-left:10px;}
}


/*end*/
body{overflow-x:hidden;}






/**/
.search{height:78px; border:1px solid #e9e9e9;border-left:0;border-right:0; box-sizing: border-box;}
.sea{height:76px;width: 1400px;margin:0 auto;}
.sea span{display: block; height:76px;float:left;}
.sea span i{display: block;height:76px;margin-right: 15px;line-height: 76px;float:left;font-size: 14px;color:#555555;font-weight: bold;}
.sea span a{display: block;height:76px;line-height: 76px;float:left;font-size: 14px;color:#555555;margin-right: 25px;}
.sea span a:last-child{margin-right: 0;}
.sea .sou{width:276px; height: 46px;float:right; border:1px solid #e9e9e9;border-radius: 20px; overflow: hidden; box-sizing: border-box;margin-top: 17px;}
.sea .sou .txt{width:199px; height:44px; line-height: 44px;padding:0 10px; box-sizing: border-box;float:left;background: 0;border:0; font-size: 14px; color:#666;}
.sea .sou .btn{width:75px; height:44px;float:left; background: url(../image/sea-btn.png) no-repeat center; cursor: pointer;}
.sea .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#666;}
.sea .sou .txt::-moz-placeholder{font-size: 14px; color:#666;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .sea{width: 85%;}
}
/**/
.guide{padding: 45px 0 80px;background:url(../image/guide.jpg) no-repeat center top;}
.gui{width: 1400px;margin:0 auto;}
.gui .gui-left{width:594px;float:left;padding-top:43px;position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 28px;}
.gui .gui-left h2 span{display: inline-block;height:56px;line-height: 56px;font-size: 45px;color:#333333;padding-right:37px;font-weight: bold;background:url(../image/gui-yy.png) no-repeat right 11px;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.gui .gui-left h2 em{display: block;height:73px;line-height: 73px;font-size: 55px;color: #1c499e;font-weight: bold;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.gui .gui-left strong{display: block;line-height: 30px;font-weight: normal;font-size: 18px;color: #1d1d1d;font-family: "思源黑体 CN";margin-bottom: 50px;}
.gui .gui-left .hd{width: 583px;height:47px;background:#E1E1E1;margin-bottom: 88px;}
.gui .gui-left .hd ul li{float:left;width: 155px;height:47px;text-align: center;cursor: pointer;position: relative;}
.gui .gui-left .hd ul li.jd2{margin-left: -10px;}
.gui .gui-left .hd ul li.jd4{margin-left: -16px;}
.gui .gui-left .hd ul li.jd3{margin-left: -11px;}
.gui .gui-left .hd ul li i{display: block;width:100%;height:47px;line-height:47px;font-size: 15px;color:#666666;font-family: "思源黑体 CN";position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../image/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../image/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd3:before{width:100%;height:47px; background:url(../image/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd4:before{width:100%;height:47px; background:url(../image/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .hd ul li.jd3.cur:before{display:block;}
.gui .gui-left .hd ul li.jd4.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block;height:56px;line-height: 56px;font-size: 55px;color:#003171;font-weight: bold;}
.timer {
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.timer:hover {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
.gui .gui-left .gui-sz ul li span i{display: inline-block;width:17px;height: 17px;background: #ec3900;border-radius: 50%;text-align: center;line-height: 17px;font-size: 13px;color:#FFFFFF;vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui .gui-left .gui-sz ul li:nth-child(4) p{padding-left: 53px;}
.gui .gui-left .gui-sz ul li:nth-child(5) p{padding-left: 70px;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width: 750px;height: 533px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{/* height:100%; */}
.gui .gui-rig span{display: block;/* width:100%; *//* height:100%; */line-height: 0;overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.pro-top{height:775px;background:url(../image/product.jpg) no-repeat center top;padding-top:80px;box-sizing: border-box;overflow: hidden;/*margin-bottom: 30px;*/}
.pro-top h2{text-align: center; margin-bottom: 64px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%; height:513px;margin:0 auto; position: relative;padding-top:31px; box-sizing: border-box;}
.pro-top .pro-con ul li{width:575px; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; font-family: "思源黑体 CN";}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 17px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}
.pro-top .pro-con ul li.odd h4{float:left;}
.pro-top .pro-con ul li.even h4{float:right; text-align: right;}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{width:562px; position: absolute; left:446px; top:0;}
.pro-top .pro-con .pro-cen i{display: block; width:275px; height:432px; margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 14px; color:#FFF; font-weight: bold; padding-left:28px;background:url(../image/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}
.pro-bot{background:url(../image/probj.jpg) no-repeat center top; padding:30px 12px 112px }
.pro-bot ul li{float:left; width:49%;padding:22px 0;background:#FFF;}
.pro-bot ul li dl dt{width:71.3%; line-height: 0; overflow: hidden; float:right;}
.pro-bot ul li dl dt img{width:100%;}
.pro-bot ul li dl dd{width:28.7%;float:left;padding:47px 0 0 5%; box-sizing: border-box;}
.pro-bot ul li dl dd h4{height:89px; line-height: 89px; margin-bottom: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot ul li dl dd h4 a{font-size: 28px; color:#1e1e1e; font-weight: bold;padding-left:13px; background:url(../image/pro-xt.png) no-repeat left; font-weight: bold;}
.pro-bot ul li dl dd p{margin-bottom: 53px;}
.pro-bot ul li dl dd p em{display: block;height:36px;line-height: 36px;background:url(../image/pro-dd.png) no-repeat left;padding-left:27px;}
.pro-bot ul li dl dd p em a{font-size: 19px; color:#1e1e1e; font-family: "思源黑体 CN";}
.pro-bot ul li dl dd strong{display: block; width:159px; height:44px; background:url(../image/pro-kk.png) no-repeat center;}
.pro-bot ul li dl dd strong a{display: block;width:159px;height:44px; text-align: center;}
.pro-bot ul li dl dd strong i{display: inline-block; height:44px;line-height: 44px;padding-right:41px;background:url(../image/pro-jt.png) no-repeat right; font-weight: normal;}
.pro-bot ul li:last-child{float:right;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .pro-top .pro-con{width:93.3%;}
    .pro-top .pro-con .pro-cen{left:350px;}
    .pro-bot ul li dl dd h4 a{font-size: 20px;}
    .pro-bot ul li dl dd p em a{font-size: 16px;}
}
/**/
.solution{box-sizing: border-box;background: url(../image/probj.jpg) no-repeat center top;}

.solution h2 span{display: inline-block;height:68px;line-height: 68px;font-size: 50px;color:#333333;padding:0 21px;position: relative;font-weight: bold;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.solution h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.solution h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.solution h2 em{display: block;height:42px;line-height: 42px;font-size: 17px;color: #1d1d1d;font-weight: normal;}
.solution .sol-con{width:100%;height:840px;position: relative;}
.solution .sol-con .sol-list,.solution .sol-con .sol-pic{height:840px;}
.solution .sol-con .sol-pic{position: relative;width:100%;}
.solution .sol-con .sol-pic span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.solution .sol-con .sol-pic span img{width:100%;height:100%;}
.solution .sol-con .sol-pic .sol-left{width:50%; height:840px;padding:106px 0 0 178px; box-sizing: border-box; position: absolute; left:0; top:0;}
.solution .sol-con .sol-pic .sol-left i{display: block;width:32px;height:2px;background: #fc7449;margin-bottom: 31px;}
.solution .sol-con .sol-pic .sol-left h4{width:342px;}
.solution .sol-con .sol-pic .sol-left h4 em{display: block; line-height:23px; font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; font-weight: normal;}
.solution .sol-con .sol-pic .sol-left h4 span{display: block; height:62px;line-height: 62px;font-size: 42px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
.solution .sol-con .sol-pic .sol-left p{ line-height:27px;font-size: 16px; color:#FFF; margin-bottom: 372px;width:342px; }
.solution .sol-con .sol-pic .sol-left strong{display: block; width:159px; height: 44px; background:url(../image/sol-kk.png) no-repeat center;}
.solution .sol-con .sol-pic .sol-left strong a{display: block; height:44px; text-align: center;}
.solution .sol-con .sol-pic .sol-left strong em{display: inline-block; height:44px; line-height: 44px;font-size:14px; color:#FFF;padding-right:40px;background:url(../image/sol-jt1.png) no-repeat right;font-weight: normal;}
.solution .sol-con .sol-hd{width:50%; height:840px;background:rgba(0,49,113,0.77); position: absolute;right:0;top:0;}
.solution .sol-con .sol-hd ul li{height:210px;border-bottom:1px solid rgba(255,255,255,0.18); box-sizing: border-box; transition: .5s;}
.solution .sol-con .sol-hd ul li a{display: block;height:208px;padding:19px 106px 0 42px; box-sizing: border-box;}
.solution .sol-con .sol-hd ul li i{display: block;height:80px;line-height: 80px;font-size: 62px;color:rgba(255,255,255,0.1);font-family: "Impact";margin-bottom: 13px;transition: .5s;}
.solution .sol-con .sol-hd ul li span{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; font-family: "思源黑体 CN";}
.solution .sol-con .sol-hd ul li p{height:24px; line-height: 24px;font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; background:url(../image/sol-jt.png) no-repeat right;}
.solution .sol-con .sol-hd ul li:last-child{border-bottom:0;}
.solution .sol-con .sol-hd ul li.cur{background: rgba(255,255,255,0.25);}
.solution .sol-con .sol-hd ul li.cur i{color: #fc7449;}
.solution .sol-con .sol-hd ul li.cur p{background:url(../image/sol-jt_h.png) no-repeat right;}
/**/
.ysbj{height:970px; overflow: hidden;}
.ys{padding-top:100px;}
.ys h2{text-align: center; margin-bottom: 28px;}
.ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.ys h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.ys h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.ys h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.ys .ys-nav{height:74px;}
.ys .ys-nav ul li{float:left; width:300px; height:51px; text-align: center;position: relative;}
.ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:40px; height:46px; overflow: hidden; margin-right:12px; }
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#333333; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
.ys .ys-nav ul li.cur i img{margin-top:-46px;}
.ys .ys-nav ul li.cur h4 span{color:#E60012; font-weight: bold;}
.ys .ys-con dl{height:600px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;}
.ys .ys-con dl dd{width:1168px;height:169px; background:rgba(255,255,255,0.95); position: absolute; left:15px; bottom:15px;padding:28px 0 0 53px; box-sizing: border-box;}
.ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; font-family: "思源黑体 CN";}
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#003171;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; font-family: "思源黑体 CN";padding-bottom:25px; background:url(../image/ys-yy.png) no-repeat left 6px bottom; text-transform: uppercase;letter-spacing: 1px;}
.ys .ys-con dl dd ul{float:left;}
.ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 16px; color:#666666; font-weight: normal;padding-left:13px;background:url(../image/ys-dd.png)  no-repeat left;}
/**/
.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.zcbj h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../image/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;font-family: "思源黑体 CN"; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012;font-family: "思源黑体 CN"; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../image/zc-ico.png) no-repeat left;font-size: 19px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}
/**/
.flow_path{height:379px; background:url(../image/flow_path.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.flow h2 span:before{width:15px; height:15px; background:url(../image/tit-left11.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(../image/tit-left11.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF; font-family: "思源黑体 CN";}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../image/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#E60012; font-weight: bold;}
/**/

.cas{padding-top:79px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.cas h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas h2 em{display: block; height:45px; line-height: 45px;font-size: 24px; color:#666666;font-weight: normal;}
.cas .cas-nav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;	transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.cas .cas-nav ul li{float:left; width:240px; height:47px;position: relative;}
.cas .cas-nav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.cas .cas-nav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.cas .cas-nav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.cas .cas-nav ul li:last-child:before{display: none;}
.cas .cas-nav ul li.cur{background:#E60012;}
.cas .cas-nav ul li.cur i img{margin-top:-21px;}
.cas .cas-nav ul li.cur em{color:#FFF;}
.cas .cas-nav ul li.cur:before{opacity: 0;}
.cas .cas-con{height:598px; margin-bottom: 58px;}
.cas .cas-con dl{width:791px; height:598px;float:left; position: relative;}
.cas .cas-con dl dt{width:100%; height:598px; line-height: 0; overflow: hidden;}
.cas .cas-con dl dt img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con dl dd{height:91px;padding:10px 24px 0 30px; box-sizing: border-box;width:100%; position: absolute; left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con dl dd h4{height:38px; line-height: 38px;background:url(../image/cas-jt1.png) no-repeat right;}
.cas .cas-con dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;display: block;}
.cas .cas-con dl dd p{height:33px;line-height: 33px; font-size: 14px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cas .cas-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-con ul{float:right;width:398px; }
.cas .cas-con ul li{width:100%; position: relative;height:293px; margin-bottom: 9px;}
.cas .cas-con ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.cas .cas-con ul li span img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con ul li em{display: block; width:100%; height:56px; padding:0 16px 0 20px; box-sizing: border-box; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con ul li em i{display: block; height:56px; line-height: 56px; font-size: 16px; color:#FFF; font-weight: bold; background:url(../image/sol-jt.png) no-repeat right;}
.cas .cas-con ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-ml h4{height:67px; margin-bottom:32px; }
.cas .cas-ml h4 span{display: block;height:67px; line-height: 67px; float:left; padding:0 24px;font-size: 28px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold; position: relative;}
.cas .cas-ml h4 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas .cas-ml h4 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas .cas-ml h4 i{display: block; height:67px; line-height: 67px; float:right;position: relative; font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase;}
.cas .cas-ml h4 i:before{width:899px; height:1px; background: #EAEAEA; content:""; position: absolute; left:-946px; top:34px;}
.cas .cas-ml .cas-bd{overflow: hidden;}
.cas .cas-ml .cas-bd ul li{float:left;width:188px !important; height:127px;border:1px solid rgba(197,197,197,0.57); box-sizing: border-box; margin-right: 13px;}
.cas .cas-ml .cas-bd ul li a{display: block; width:100%; height:105px;}
.cas .cas-ml .cas-bd ul li i{display: block; width:183px; height:103px; margin:0 auto; line-height: 0; overflow: hidden;}
.cas .cas-ml .cas-bd ul li i img{width: 100%;}
/**/
.hfbj{height:157px; background:url(../image/hfbj.jpg) no-repeat center;}
.hf{padding-top:36px;}
.hf .hf-left{width:50%;float:left;}
.hf .hf-left .hf1{width:208px; float:left; margin-right:18px; }
.hf .hf-left .hf1 em{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; background: url(../image/hf1.png) no-repeat right;}
.hf .hf-left .hf1 span{display: block; height:47px; line-height: 47px; font-size: 39px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN";}
.hf .hf-left .hf2{padding-top:11px;float:left;}
.hf .hf-left .hf2 em{display: block; height:32px; line-height: 32px;font-size: 12px; color:rgba(255,255,255,0.41); text-transform: uppercase;}
.hf .hf-left .hf2 span{display: block; height:45px;line-height: 45px;font-size: 26px; color:#FFF;}
.hf .hf-rig{width: 388px; float:right;}
.hf .hf-rig .hf-tel{float:left;padding-top:20px;}
.hf .hf-rig .hf-tel em{display: block; height:28px; line-height: 28px; padding-left:42px; background: url(../image/hf-tel.png) no-repeat left;font-size: 14px; color:rgba(255,255,255,0.54);}
.hf .hf-rig .hf-tel p{line-height: 30px;font-size: 24px;color:#FFF;padding-left:42px; }
.hf .hf-rig a{display: block; width:125px; height:43px; line-height: 43px;text-align: center; font-size: 14px; color:#FEFEFE;float:right;background: url(../image/hf-kk.png) no-repeat center; margin-top: 32px;}
/**/
.newsbj{
    padding: 0px 0 105px;
    background: url(../image/hometwobg.jpg) center bottom repeat-x;
    background-size: auto 100%;
}
.news{padding-top: 50px;position: relative;z-index:300;}
.news em{
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    color: #1d1d1d;
    padding-bottom: 68px;
    }

.news h2{text-align: center; }
.news h2 span{display: inline-block;height: 85px;line-height: 95px;font-size: 38px;color:#333333;padding:0 25px;position: relative;font-weight: bold;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.news h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:41px;}
.news h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:41px;}
.case h2{text-align: center; }
.case h2 span{display: inline-block;height:95px;line-height: 95px;font-size: 50px;color:#333333;padding:0 25px;position: relative;font-weight: bold;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.case h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:41px;}
.case h2 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:41px;}
.news .news-left{float:left;}
.news .news-left h4{height:78px;}
.news .news-left h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../image/news-ico1.png) no-repeat left;}
.news .news-left h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-left .news-con{height:338px;position: relative;}
.news .news-left .news-con dl{height:338px;position: relative;}
.news .news-left .news-con dl dt{width:100%; line-height: 0; overflow: hidden;height:338px;}
.news .news-left .news-con dl dt img{width: 100%; height:100%;}
.news .news-left .news-con dl dd{width:100%; height:113px; position: absolute;left:0;bottom:0;padding:0 37px 0 40px; box-sizing: border-box;}
.news .news-left .news-con dl dd h4{height:55px; border-bottom:1px solid rgba(255,255,255,0.35);}
.news .news-left .news-con dl dd h4 a{font-size: 20px; color:#FFF; font-family: "思源黑体 CN"; display: block; background:url(../image/news-jt.png) no-repeat right;}
.news .news-left .news-con dl dd p{height:44px;line-height: 44px;font-size: 14px; color:#FFF;}
.news .news-left .news-con .hd{width:38px; height:6px; position: absolute; right:37px;bottom:32px;}
.news .news-left .news-con .hd ul li{float:left; width:6px; height:6px;border:1px solid #FFF; box-sizing: border-box; margin-left: 10px;font-size: 0; border-radius: 50%;}
.news .news-left .news-con .hd ul li:first-child{margin-left: 0;}
.news .news-left .news-con .hd ul li.on{background:#FFF;}
.news .news-left .news-con .news-jt i{display:block; width:60px; height:60px;cursor:pointer;}
.news .news-left .news-con .news-jt i.news-prev{background:url(../image/news-prev.png) no-repeat center;position:absolute;left:9px;top:110px;}
.news .news-left .news-con .news-jt i.news-next{background:url(../image/news-next.png) no-repeat center;position:absolute;right:9px;top:110px;}
.news .news-left .news-bot{height:155px; background: #FFF;padding:0 46px 0 44px; box-sizing: border-box;}
.news .news-left .news-bot ul{position: relative;}
.news .news-left .news-bot ul li{width:319px;float:left;}
.news .news-left .news-bot ul li em{display: block; height:70px; line-height: 70px;border-bottom:1px solid rgba(0,0,0,0.04);}
.news .news-left .news-bot ul li em:last-child{border-bottom:0;}
.news .news-left .news-bot ul li em a{display: block; font-size: 15px; color:#333333;background:url(../image/news-jt21.png) no-repeat right;}
.news .news-left .news-bot ul li em:hover a{color:#E60012;}
.news .news-left .news-bot ul li:last-child{float:right;}
.news .news-left .news-bot ul:before{width:1px; height:110px; background:rgba(0,0,0,0.07);content:""; position: absolute; left:365px; top:21px;}
.news .news-rig{float:right;}
.news .news-rig h4{height:78px;}
.news .news-rig h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../image/news-ico1.png) no-repeat left;}
.news .news-rig h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-rig .wd{height:492px; background:#FFF;padding:5px 28px 0 34px; box-sizing: border-box;}
.news .news-rig .wd .bd ul li{height:79px; line-height: 79px; border-bottom:1px solid #f5f5f5;background:url(../image/news-dd.png) no-repeat left;padding-left:9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li a{display: block;font-size: 15px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li:hover a{color:#E60012;}
/**/
.about{background:url(../image/O1CN01sA95Iz1D2PMg6q8Qq_!!983070158-0-cib.jpg) no-repeat top center;}
.abo{padding-top: 178px;}
.abo .abo-con{background:#FFF;padding: 38px 90px 52px;box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);border-radius: 15px;}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px;color:#333333;padding:0 25px;position: relative;font-weight: bold;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block;height:47px;line-height: 47px;font-size: 22px;color: #666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../image/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../image/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 17px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block;width:100%;height: 10px;background:url(../image/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../image/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../image/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}
.page{margin:0 auto;width:1200px;height: 360px;}
.case {
    padding: 70px  0 130px 0;
    background: #fff;
}
.case_row2:after{content: '';display: block;clear: both;}
.case_item{width: 238px;height: 180px;display: block;background: #f5f5f5;float: left;margin-right: 2px;margin-bottom: 2px; position: relative;overflow:hidden;}
.case_item > img{content: '';display: block;width: 100%;height: 100%!important;position: absolute;transition: 0.3s all ease;top:0;left:0;opacity: 0;filter: opacity(0);}
.case_item:nth-child(5n){display: block;width: 240px;margin-right: 0}
.case_item > i {
    position: absolute;
    right: 25px;
    bottom: 20px;z-index: 3;
}
.case_item > strong{display: block;color: #343434;font-weight: normal;font-size: 22px;line-height: 30px;padding: 30px;z-index: 3;position: relative;transition:0.3s all ease;}
.case_item > strong > .small{color: #888;font-weight: 100;font-size: 16px;line-height: 30px;display: block;transition:0.3s all ease;}
.case_item:hover > strong{color: #fff}
.case_item:hover > img{opacity:1;filter: opacity(100);}
.case_item:hover > strong > .small{color:#fff}


@media (min-width: 1600px){
.news h2 span {
    height: 88px;
    font-size: 45px;
}
    .news em{font-size: 16px;}
    
}



.cas-ml h4{height: 60px;margin-top: 42px;margin-bottom: 15px;}
.cas-ml h4 span{display: block;height: 60px;line-height: 60px;float:left;padding:0 24px;font-size: 29px;color:#333333;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;font-weight: bold;position: relative;}
.cas-ml h4 span:before{width:15px;height:20px;background:url(../image/tit-left.png) no-repeat center;content:"";position: absolute;left:0;top: 22px;}
.cas-ml h4 span:after{width:15px;height:20px;background:url(../image/tit-left.png) no-repeat center;content:"";position: absolute;right:0;top: 22px;}
.cas-ml h4 i{display: block;height: 63px;line-height: 63px;float:right;position: relative;font-size: 14px;color:#333333;font-weight: normal;text-transform: uppercase;}
.cas-ml h4 i:before{width:899px;height:1px;background: #EAEAEA;content:"";position: absolute;left:-946px;top: 31px;}
.cas-ml .cas-bd{overflow: hidden;margin-bottom: 58px;}
.cas-ml .cas-bd ul li{float:left;width: 185px !important;height: 127px;border:1px solid rgba(197,197,197,0.57);box-sizing: border-box;margin-right: 13px;border-radius: 10px;}
.cas-ml .cas-bd ul li a{display: block; width:100%; height:105px;}
.cas-ml .cas-bd ul li i{display: block;margin:0 auto;line-height: 0;overflow: hidden;}
.cas-ml .cas-bd ul li i img{width: 100%;border-radius: 10px;}
.cas-ml{width: 1200px;margin: 0 auto;}
.cas-yqlj{width: 1400px;margin: 0 auto;}
.cas-yqlj h4{height: 60px;margin-top: 42px;}
.cas-yqlj h4 span{display: block;height: 60px;line-height: 60px;float:left;padding:0 24px;font-size: 29px;color:#333333;font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;font-weight: bold;position: relative;}
.cas-yqlj h4 span:before{width:15px;height:20px;background:url(../image/tit-left.png) no-repeat center;content:"";position: absolute;left:0;top: 22px;}
.cas-yqlj h4 span:after{width:15px;height:20px;background:url(../image/tit-left.png) no-repeat center;content:"";position: absolute;right:0;top: 22px;}
.cas-yqlj h4 i{display: block;height: 63px;line-height: 63px;float:right;position: relative;font-size: 14px;color:#333333;font-weight: normal;text-transform: uppercase;}
.cas-yqlj h4 i:before{width: 975px;height:1px;background: #EAEAEA;content:"";position: absolute;left: -1020px;top: 32px;}
.cas-yqlj .cas-bd{width: 1400px;overflow: hidden;margin-bottom: 42px;}
.cas-yqlj .cas-bd ul li{float:left;border:1px solid rgba(197,197,197,0.57);box-sizing: border-box;margin-right: 10px;border-radius: 6px;padding: 3px 8px 3px 8px;font-size: 12px;margin-bottom: 6px;}