@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.eot'); src: url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_uyn3o4mmbg.svg#iconfont') 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; }

body { font-size: 12px; color: #000000; font-family: 'Microsoft YaHei','Arial'; }

body * { box-sizing: border-box; }

body, div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, form, pre, fieldset, legend, table, tr, td, th, input, textarea, img { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }

section, article, header, footer, aside, nav, dialog, figcaption, figure, menu, details { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }

div, ul, ol, li, dd, dl, dt { list-style: none; }

table { border-collapse: collapse; border: 0; }

td, tr, th { font-size: 12px; }

img { border: none; }

select, input, img { vertical-align: middle; }

textarea { vertical-align: middle; font-size: 12px; resize: none; }

em { font-style: normal; }

b { font-weight: normal; }

h1, h2, h3 { font-weight: bold; font-size: 16px; }

h4, h5, h6 { font-weight: bold; font-size: 12px; }

a:link, a:visited { color: #0076BE; text-decoration: none; }

a:hover, a:active { color: #FF0000; text-decoration: none; }

a.sethome:link, a.sethome:visited { color: #273843; font-size: 12px; text-decoration: none; }

a.sethome:hover, a.sethome:active { color: #FF0000; font-size: 12px; text-decoration: underline; }

a.links:link, a.links:visited { color: #3C3B3B; font-size: 12px; text-decoration: none; }

a.links:hover, a.links:active { color: #FF0000; font-size: 12px; text-decoration: underline; }

a.white:link, a.white:visited { color: #FFFFFF; font-size: 12px; text-decoration: none; }

a.white:hover, a.white:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.black:link, a.black:visited { color: #666666; font-size: 12px; text-decoration: none; }

a.black:hover, a.black:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.detail:link, a.detail:visited { color: #000000; font-size: 12px; text-decoration: none; }

a.detail:hover, a.detail:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.newslist:link, a.newslist:visited { color: #666666; font-size: 13px; text-decoration: none; }

a.newslist:hover, a.newslist:active { color: #FF0000; font-size: 13px; text-decoration: none; }

a.prolist:link, a.prolist:visited { color: #615B5B; font-size: 13px; text-decoration: none; }

a.prolist:hover, a.prolist:active { color: #FF0000; font-size: 13px; text-decoration: none; }

a.job:link, a.job:visited { color: #333333; font-size: 12px; text-decoration: none; }

a.job:hover, a.job:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.botmenu:link, a.botmenu:visited { color: #FFFFFF; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }

a.botmenu:hover, a.botmenu:active { color: #FFFF00; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }

.clear, .cl { clear: both; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.fl, .l { float: left; }

.fr, .r { float: right; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.h20 { height: 20px; line-height: 20px; }

.h22 { height: 22px; line-height: 22px; }

.red { color: #FF0000; }

.blue { color: #0000FF; }

.blank { font-family: Times New Roman; font-size: 12px; }

.w1000 { width: 1000px; margin: 0 auto; }

.w1100 { width: 1100px; margin: 0 auto; }

.w1200 { width: 1200px; margin: 0 auto; }

.w1300 { width: 1300px; margin: 0 auto; }

.w1400 { width: 1400px; margin: 0 auto; }

.clearfix { *zoom: 1; }

.clearfix:after { display: block; font-size: 0; content: ""; clear: both; visibility: hidden; }

.flex { display: flex; }

.flex-img { max-width: 100%; max-height: 100%; }

.bridgeCode { text-align: center; clear: both; }

.box-con * { max-width: 100%; line-height: 24px; font-size: 14px; color: #333333; }

.foen{font-family: 'Arial';}

/**********************************************************************************************/



/* top-main */

#top-main { width: 100%; }



/* header */

#Header { position: fixed; top: 0; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 9999; }

.topHead { padding: 20px 0; transition: 0.5s; }

.mini { padding: 10px 0; }



/* topLogo */

.topLogo { width: 240px; height: 70px; align-items: center; }

.topLogo img { max-height: 70px; }



/* topNav */

.topNav { height: 55px; }

.topNav li { float: left; width: 120px; height: 55px; text-align: center; line-height: 55px; }

.topNav li a { display: inline-block; font-size: 15px; color: #444444; text-decoration: none; position: relative; }

.topNav li a:after { content: ""; position: absolute; bottom: 0px; display: block; width: 100%; height: 2px; background: none; transition: 0.5s; }

.topNav li.on a:after, .topNav li a:hover:after { bottom: 10px; background: #0089E2; }



/* topLanguage */

.topLanguage { height: 55px; line-height: 55px; font-size: 16px; color: #C1C1C1; }

.topLanguage > a { text-decoration: none; color: #333; }

.topLanguage > a.active { color: #015198; font-size: 18px;font-weight: 700; }

.topLanguage > a.active:before { content: ""; float: left; margin-right: 5px; width: 16px; height: 55px; background: url(../images/language.png) no-repeat center; display: block; }



/* top-banner */

.top-banner { padding-top: 110px; }

.swiper-a .swiper-slide { width: 100%; justify-content: center; }

.next-a:after, .prev-a:after { color: #FFFFFF; }

.page-a .swiper-pagination-bullet-active { background: #FFFFFF; }

.page-ban { width: 100%; display: flex; justify-content: center; }

.page-ban img { max-width: 100%; }

.top-banner .img {width: 100%;height:auto;position: relative;z-index: 2;}
.top-banner .img img {width: 100%;height: 100%;object-fit: cover; position: relative;
  top: 0;left: 0;}
.top-banner .cont1 {position:absolute;width:60%;left:50%;top:50%;padding:30px 0;
	-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
	z-index:3;color:#333;text-align: center;}
.top-banner .cont1 .tit0{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,255,255,.5);}
/*.top-banner .cont1 .tit0.animated{width:100%;height: 100%; background: rgba(255,255,255,.5); }*/
.top-banner .cont1 .tit {font-size:45px;line-height:1.2;margin-bottom:16px;}
.top-banner .cont1 .tit2 {font-size:50px;line-height:1.2;margin-bottom:16px;}
.top-banner .cont1 .tit3 {font-size:20px;line-height:1.2;}

.top-banner .cont2 {position:absolute;width:56%;left:50%;top:50%;padding:30px 0;
	-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
	z-index:3;color:#ffffff;text-align: center;}
.top-banner .cont2 .tit {font-size:45px;line-height:1.2;margin-bottom:16px;}
.top-banner .cont2 .tit2 {font-size:20px;line-height:1.2;margin-bottom:16px;}


/**********************************************************************************************/



/* foor-main */

#foor-main { padding-top: 50px; width: 100%; background: #2E3033; }



/* foot-link */

.foot-link { width: 100%; line-height: 80px; border-bottom: 1px solid #4A4A4A; justify-content: space-between; }

.foot-link .tit { width: 150px; font-size: 17px; color: #E5E5E5; }

.foot-link .con { width: calc(100% - 150px); font-size: 14px; color: #E5E5E5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.foot-link .con a { margin-right: 10px; font-size: 14px; color: #E5E5E5; }



/* foot-con */

.foot-con { padding: 50px 0; width: 100%; justify-content: space-between; }

.Contact1, .Contact3 { float: left; width: 540px; overflow: hidden; }

.Contact1 p.title { padding-bottom: 25px; font-size: 22px; color: #E5E5E5; }

.Contact1 p.content { line-height: 30px; font-size: 13px; color: #999999; }

.Contact2 { padding: 0 50px; }

.Contact2 .code { width: 120px; height: 120px; background: #FFFFFF; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.Contact2 .code img { max-width: 120px; max-height: 120px; }

.Contact2 p { font-size: 13px; color: #999999; text-align: center; line-height: 40px; }

.Contact3 { text-align: right; line-height: 30px; font-size: 13px; color: #999999; }



/* foot-nav */

.foot-nav { width: 100%; line-height: 75px; border-top: 1px solid #4A4A4A; justify-content: space-between; }

.foot-nav span, .foot-nav a { font-size: 15px; color: #999999; }



/**********************************************************************************************/



/* index-main */

#index-main { width: 100%; }



.section { padding: 50px 0; width: 100%; overflow: hidden; }

.section.bg1 { padding-top: 100px; background: url(../images/bg1.jpg) no-repeat center top; }

.mod_title { width: 100%; text-align: center; position: relative; z-index: 99; }

.mod_title p.title1 { text-align: center; font-size: 27px; color: #0089E2; font-weight: bold; text-transform: uppercase; }

.mod_title p.title2 { display: inline-block; font-size: 20px; color: #555555; line-height: 40px; position: relative; }

.mod_title p.title2:before { content: ""; display: block; position: absolute; top: 20px; left: -40px; width: 30px; height: 2px; background: #D3D3D3; }

.mod_title p.title2:after { content: ""; display: block; position: absolute; top: 20px; right: -40px; width: 30px; height: 2px; background: #D3D3D3; }

.mod_content { padding-top: 40px; width: 100%; }

a.mod_more { position: relative; display: block; margin: 0 auto; text-decoration: none; font-family: arial; font-size: 13px; color: #666666; width: 148px; height: 38px; line-height: 38px; text-align: center; text-transform: uppercase; border: 1px solid #DEDEDE; border-radius: 10px; overflow: hidden; transition: 0.5s; }

a.mod_more:hover { background: #0089E2; color: #0089E2; }

a.mod_more:after { content: "\e6b3"; display: block; position: absolute; color: #FFFFFF; top: 15px; width: 150px; height: 40px; border-radius: 10px; transition: 0.5s; font-weight: bold; font-size: 20px; opacity: 0; }

a.mod_more:hover:after { opacity: 1; top: 0; }



/* Advantages */

.adv_menu { width: 100%; height: 50px; z-index: 99; justify-content: space-between; }

.adv_menu li { width: 263px; height: 48px; line-height: 48px; text-align: center; font-size: 17px; text-align: center; border-radius: 5px; cursor: pointer; border: 1px solid #EEEEEE; color: #555555; background: #FFFFFF; }

.adv_menu li.on1 { border: 1px solid #0089E2; color: #FFFFFF; background: #0089E2; }

.adv_menu li.tabon { border: 1px solid #0089E2; color: #FFFFFF; background: #0089E2; }

.adv_menu li.taboff { border: 1px solid #EEEEEE; color: #555555; background: #FFFFFF; }

.adv_item { padding-top: 35px; width: 100%; position: relative; z-index: 95; }

.adv_item .item.animated { animation-name: fadeInUp; opacity: 1; }

.adv_item .item:not(.active) { display: none; }

.adv_item .item { width: 100%; height: 295px; border-radius: 0 10px 10px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background: #FFFFFF; overflow: hidden; }

.adv_item .item > .img { width: 530px; height: 295px; align-items: center; justify-content: center; }

.adv_item .item > .txt { float: left; margin: 35px 45px; width: 579px; height: 225px; position: relative; }

.adv_item .item > .txt > .tit1 { padding-bottom: 15px; font-size: 20px; color: #333333; font-weight: bold; }

.adv_item .item > .txt > .tit2 { font-size: 14px; color: #999999; line-height: 30px; }

.adv_item .item > .txt a.more { position: absolute; bottom: 0; left: 0; display: block; text-decoration: none; font-size: 13px; color: #666666; width: 148px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #DEDEDE; border-radius: 10px; overflow: hidden; transition: 0.5s; text-transform: uppercase; }

.adv_item .item > .txt a.more:hover { background: #0089E2; color: #0089E2; }

.adv_item .item > .txt a.more:after { content: "\e6b3"; display: block; position: absolute; color: #FFFFFF; top: 15px; width: 150px; height: 40px; border-radius: 10px; transition: 0.5s; font-weight: bold; font-size: 20px; opacity: 0; }

.adv_item .item > .txt a.more:hover:after { opacity: 1; top: 0; }



/* products */

.mod_left { height: 32px; line-height: 32px; }

.mod_left p.t1 { float: left; font-size: 27px; font-weight: bold; color: #0089E2; text-transform: uppercase; }

.mod_left p.t2 { float: left; margin-left: 10px; font-size: 20px; color: #555555; }

.mod_right { padding-top: 10px; text-align: right; }

.mod_right > a { display: inline-block; text-decoration: none; margin: 5px 0; padding: 0 20px; height: 30px; line-height: 30px; border-radius: 10px; color: #888888; transition: 0.5s; }

.mod_right > a:first-child { color: #FFFFFF; background: #0089E2; }

.mod_right > span { font-size: 13px; color: #E2E2E2; }

.mod_right > a:hover { color: #FFFFFF; background: #0089E2; }

.indexProlist { float: left; width: 100%; }

.indexProlist > li:nth-child(4n) { margin-right: 0; }

.indexProlist > li { float: left; margin-bottom: 40px; margin-right: 21px; width: 284px; height: 259px; border-radius: 0px 0px 5px 5px; transition: 0.5s; }

.indexProlist > li .IMG { width: 284px; height: 270px; justify-content: center; align-items: center; overflow: hidden; }

.indexProlist > li .IMG img { transition: 0.5s; }

.indexProlist > li .TXT { width: 284px; height: 50px; line-height: 50px; }

.indexProlist > li .TXT p { float: left; padding-left: 10px; font-size: 15px; color: #333333; transition: 0.5s; }

.indexProlist > li .TXT span { float: right; padding-right: 10px; color: #333333; transition: 0.5s; }

.indexProlist > li:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }

.indexProlist > li:hover .IMG img { transform: scale(1.1, 1.1); }

.indexProlist > li:hover .TXT p { padding-left: 15px; }

.indexProlist > li:hover .TXT span { padding-right: 15px; }



/* about us */

.AboutCon { padding: 55px 0; width: 100%; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }

.AboutCon .mod_content { padding-top: 10px; }

.AboutCon .mod_content > div { margin-bottom: 30px; padding: 0 130px; font-size: 14px; color: #999999; text-align: center; line-height: 30px; }



/* case */

.CaseItem { float: left; margin-bottom: 30px; width: 100%; }

.CaseItem > li:nth-child(3n) { margin-right: 0; }

.CaseItem > li { float: left; margin-right: 33px; width: 378px; border-radius: 0px 0px 10px 10px; transition: 0.5s; }

.CaseItem > li a { text-decoration: none; }

.CaseItem > li .IMG { width: 378px; height: 240px; align-items: center; justify-content: center; background: #FFFFFF; overflow: hidden; }

.CaseItem > li .IMG img { transition: 0.5s; }

.CaseItem > li .TXT { padding: 20px 30px; border-bottom: 1px solid #DEDEDE; transition: 0.5s; }

.CaseItem > li .TXT p.tit1 { padding-bottom: 10px; font-size: 16px; color: #333333; transition: 0.5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.CaseItem > li .TXT p.tit2 {display: none; font-size: 13px; color: #999999; line-height: 25px; transition: 0.5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.CaseItem > li span.more { display: block; font-family: arial; margin: 20px 20px; width: 85px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999999; border: 1px solid #DEDEDE; border-radius: 10px; transition: 0.5s; }

.CaseItem > li:hover { background: #0089E2; box-shadow: 0px 5px 10px rgba(0, 137, 226, 0.2); }

.CaseItem > li:hover .TXT { padding: 20px 35px; }

.CaseItem > li:hover .TXT p.tit1, .CaseItem > li:hover .TXT p.tit2 { color: #FFFFFF; }

.CaseItem > li:hover span.more { margin: 20px 25px; color: #FFFFFF; }

.CaseItem > li:hover .IMG img { transform: scale(1.1, 1.1); }



/* news */

.NewLeft { width: 500px; border-radius: 0px 0px 10px 10px; transition: 0.5s; }

.NewLeft .IMG { width: 100%; height: 240px; align-items: center; justify-content: center; overflow: hidden; }

.NewLeft .IMG img { transition: 0.5s; }

.NewLeft .TEXT { padding: 33px 30px 0 30px; height: 165px; background: #0089E2; border-radius: 0px 0px 10px 10px; }

.NewLeft .TEXT .time { float: left; text-align: center; }

.NewLeft .TEXT .time p.day { font-family: arial; font-weight: bold; font-size: 36px; color: #FFFFFF; }

.NewLeft .TEXT .time p.year { font-family: arial; font-size: 14px; color: #AEDFF7; }

.NewLeft .TEXT .title { float: right; width: 360px; }

.NewLeft .TEXT .title p.tit { height: 35px; font-size: 16px; color: #FFFFFF; border-bottom: 1px solid #5da0ee; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.NewLeft .TEXT .title p.description { height: 50px; margin-top: 10px; font-size: 13px; line-height: 25px; color: #AEDFF7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.NewLeft:hover { box-shadow: 0px 5px 10px rgba(0, 173, 226, 0.2); }

.NewLeft:hover .IMG img { transform: scale(1.1, 1.1); }

.NewRight { float: right; width: 625px; height: 405px; }

.NewRight li.frist { padding-top: 30px; width: 100%; height: 150px; border: none; }

.NewRight li.frist .test { float: left; width: 495px; height: 150px; }

.NewRight li.frist .test p.title { font-size: 16px; color: #333333; height: 35px; border-bottom: 1px solid #CCCCCC; transition: 0.5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.NewRight li.frist .test p.description { margin-top: 10px; height: 50px; font-size: 13px; color: #999999; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.NewRight li.frist .time { float: right; text-align: center; }

.NewRight li.frist .time p.day { font-family: arial; font-size: 36px; font-weight: bold; color: #888888; }

.NewRight li.frist .time p.year { font-family: arial; font-size: 14px; color: #888888; }

.NewRight li.frist .time p.iconfont { padding-top: 25px; font-size: 14px; font-weight: bold; color: #888888; transition: 0.5s; }

.NewRight li.frist:hover .test p.title { padding-left: 10px; color: #0089E2; }

.NewRight li.frist:hover .time p.iconfont { padding-left: 10px; color: #0089E2; }

.NewRight li { width: 100%; border-bottom: 1px solid #CCCCCC; }

.NewRight li p.title2 { float: left; height: 55px; line-height: 55px; font-size: 14px; color: #555555; transition: 0.5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.NewRight li p.time2 { float: right; height: 55px; line-height: 55px; font-family: arial; font-size: 14px; color: #888888; transition: 0.5s; }

.NewRight li:hover p.title2 { padding-left: 10px; color: #0089E2; }

.NewRight li:hover p.time2 { padding-right: 10px; }

.News a.mod_more { margin-top: 30px; }



/* message */

.messagelist { width: 100%; height: 46px; display: flex; justify-content: space-between; }

.messagelist li:first-child { margin-left: 0; }

.messagelist li { float: left; margin-left: 35px; }

.messagelist li img { display: block; float: left; }

.messagelist li .in1 { float: left; padding: 0 20px; width: 180px; height: 44px; border-left: none; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; outline: none; }

.messagelist li .in2 { float: left; padding: 0 20px; width: 314px; height: 44px; border-left: none; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; outline: none; }

.messagelist li .in3 { float: left; width: 160px; height: 46px; border: none; outline: none; font-size: 15px; color: #FFFFFF; background: #0089E2; cursor: pointer; }



/**********************************************************************************************/



/* page-main */

#page-main { padding: 60px 0; width: 100%; }



/* page-left */

.page-left { width: 200px; }

.pageLeft_tit { float: left; width: 100%; }

.pageLeft_tit > h3 { float: left; width: 170px; font-size: 18px; line-height: 25px; color: #000000; font-weight: normal; }

.pageLeft_tit > span { line-height: 25px; color: #c1c1c1; font-size: 14px; text-transform: uppercase; }

.pageLeft_list { float: left; width: 170px; padding: 10px 0px 10px 0px; border: 0px solid #C2C2C2; }

.pageLeft_list > ul { float: left; width: 100%; }

.pageLeft_list > ul > li { float: left; width: 100%; height: 35px; line-height: 35px; margin-top: 5px; border-bottom: 1px solid #E8E8E8; position: relative; }

.pageLeft_list > ul > li:after { position: absolute; content: ""; left: 8px; top: 10px; width: 3px; height: 15px; background-color: #FFFFFF; transition: .5s; }

.pageLeft_list > ul > li > a { padding-left: 20px; font-size: 15px; text-decoration: none; color: #000000; transition: .5s; }

.pageLeft_list > ul > li.active > a { padding-left: 15px; color: #0074DE; }

.pageLeft_list > ul > li.active:after { position: absolute; content: ""; left: 5px; top: 10px; width: 3px; height: 15px; background-color: #0074DE; }

.pageLeft_list > ul > li:hover:after { left: 5px; width: 3px; background-color: #0074DE; }

.pageLeft_list > ul > li:hover > a { padding-left: 15px; color: #0074DE; }



/* page-right */

.page-right { width: 960px; }

.pageRight_tit { margin-bottom: 10px; width: 100%; height: 29px; border-bottom: 1px solid #E9E9E9; }

.pageRight_tit > h1 { float: left; padding-left: 20px; font-size: 18px; font-weight: normal; line-height: 29px; }

.pageRight_tit > div { float: right; padding-right: 20px; height: 29px; line-height: 29px; font-size: 14px; }

.pageRight_tit > div > a { text-decoration: none; color: #222222; }

.pageRight_tit > div > a:hover { color: #FF0000; }



/* feedbackForm */

#feedbackForm { padding: 20px 100px 0; }

.el-button, .addchongzhi { cursor: pointer; }

.addchongzhi { padding: 6px 15px; background-color: #ccc; border: none; border-radius: 2px; position: relative; top: 2px; }

.chongzhi-adds { position: absolute; bottom: 0; left: 15%; }


/*contact*/
.xlcontact{padding-top: 50px; width: 100%; display: flex;justify-content: space-around;  }
.xlcontact .cotw{display: flex;flex-direction: column;justify-content:flex-start;
	line-height:30px;align-items: center;}
.xlcontact .cotw .Iimg{width:130px;height: 130px;border-radius: 50%; box-shadow: 0 0 15px #eee;
	display: flex;justify-content: center;align-items: center;overflow: hidden;}
.xlcontact .cotw img{width:100px;}
.xlcontact .cotw h4{font-size: 18px;color:#95959c;font-weight: 500;padding:15px 0 10px;}
.xlcontact .cotw p{display:block;font-size: 16px;}


/* Proucts */

.pageProucts_Ul { float: left; padding-top: 20px; width: 100%; }

.pageProucts_Ul > li:nth-child(3n) { margin-right: 0; }

.pageProucts_Ul > li { float: left; margin: 0 50px 40px 0; width: 285px; border-radius: 0px 0px 5px 5px; transition: 0.5s; }

.pageProucts_Ul > li .IMG { width: 100%; height: 270px; align-items: center; justify-content: center; overflow: hidden; }

.pageProucts_Ul > li .IMG img { max-width: 284px; max-height: 270px; transition: 0.5s; }

.pageProucts_Ul > li .TXT { width: 284px; height: 50px; line-height: 50px; }

.pageProucts_Ul > li .TXT p { float: left; width: 230px; padding-left: 10px; font-size: 15px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; }

.pageProucts_Ul > li .TXT span { float: right; padding-right: 10px; color: #333333; transition: 0.5s; }

.pageProucts_Ul > li:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }

.pageProucts_Ul > li:hover .IMG img { transform: scale(1.1, 1.1); }

.pageProucts_Ul > li:hover .TXT p { margin-left: 5px; }

.pageProucts_Ul > li:hover .TXT span { padding-right: 15px; }



/* pagesDiv */

.pagesDiv { clear: both; width: 100%; margin: 0 auto; padding: 10px 0px 10px 0px; }

.pagination { text-align: center; }

#pages { padding: 14px 0 10px; text-align: right; }

#pages a { display: inline-block; line-height: 24px; background: #ffffff; border: 1px solid #e3e3e3; text-align: center; color: #333333; padding: 0 10px; }

#pages a.a1 { background: url('../images/admin_img/pages.png') no-repeat 0 5px; padding: 0 5px; }

#pages a:hover { background: #f1f1f1; color: #000000; text-decoration: none; }

#pages span { display: inline-block; padding: 0 10px; line-height: 24px; background: #0089E2; border: 1px solid #0089E2; color: #ffffff; text-align: center; }

#pages .noPage { display: inline-block; line-height: 24px; background: url('../images/icu/titleBg.png') repeat-x 0 -55px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }

.pageRight_show { padding: 10px; width: 100%; }

.pageRight_show > h1 { text-align: center; font-size: 20px; color: #0074DE; }

.pageRight_show > .img { padding: 40px; width: 100%; align-items: center; justify-content: center; }
.pageRight_show > .img .flex-img{max-width: 60%}
.pageRight_show > p { text-align: center; font-size: 12px; line-height: 40px; border-bottom: 1px dashed #CCCCCC; }

.pageRight_show > p > span { margin: 0 10px; }

.pageRight_show > .box-con { padding: 20px 0; }



/* FanYe */

.FanYe { padding: 10px; width: 100%; }

.FanYe p { margin: 15px 0; padding: 0 15px; height: 40px; line-height: 40px; background: #F5F5F5; border-radius: 10px; }



/* pagePictures_Ul */

.pagePictures_Ul { padding-top: 20px; width: 100%; }

.pagePictures_Ul > li:nth-child(3n) { margin-right: 0; }

.pagePictures_Ul > li { float: left; margin: 0 30px 30px 0; width: 300px; border-radius: 0px 0px 10px 10px; transition: 0.5s; }

.pagePictures_Ul > li a { text-decoration: none; }

.pagePictures_Ul > li .IMG { text-align: center; width: 300px; height: 220px; align-items: center; justify-content: center; overflow: hidden; }

.pagePictures_Ul > li .IMG img { transition: 0.5s; }

.pagePictures_Ul > li .TXT { padding: 20px 30px; border-bottom: 1px solid #DEDEDE; transition: 0.5s; }

.pagePictures_Ul > li .TXT p.tit1 { padding-bottom: 10px; font-size: 16px; color: #333333; transition: 0.5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.pagePictures_Ul > li .TXT p.tit2 {display: none; height: 50px; font-size: 13px; 
	color: #999999; line-height: 25px; transition: 0.5s; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.pagePictures_Ul > li span.more { display: block; font-family: arial; margin: 20px 20px; width: 85px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999999; border: 1px solid #DEDEDE; border-radius: 10px; transition: 0.5s; }

.pagePictures_Ul > li:hover { background: #0089E2; box-shadow: 0px 5px 10px rgba(0, 137, 226, 0.2); }

.pagePictures_Ul > li:hover .TXT { padding: 20px 35px; }

.pagePictures_Ul > li:hover .TXT p.tit1, .pagePictures_Ul > li:hover .TXT p.tit2 { color: #FFFFFF; }

.pagePictures_Ul > li:hover span.more { margin: 20px 25px; color: #FFFFFF; }

.pagePictures_Ul > li:hover .IMG img { transform: scale(1.1, 1.1); }



/* pageNews_Ul */

.pageNews_Ul { width: 100%; }

.pageNews_Ul > li { padding: 0 15px; margin-bottom: 20px; height: 159px; border-bottom: 1px solid rgba(0, 0, 0, .08); }

.pageNews_Ul > li .item_img { float: left; width: 270px; height: 136px; align-items: center; justify-content: center; overflow: hidden; }

.pageNews_Ul > li .item_img img { transition: 0.5s; }

.pageNews_Ul > li .item_wrapper { float: right; padding-top: 10px; width: 620px; height: 126px; transition: 0.5s; }

.pageNews_Ul > li .item_wrapper .item_left { float: left; width: 480px; }

.pageNews_Ul > li .item_wrapper .item_left p.title { height: 30px; line-height: 30px; font-size: 16px; color: #555555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.pageNews_Ul > li .item_wrapper .item_left p.description { margin-top: 15px; height: 60px; line-height: 30px; font-size: 13px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.pageNews_Ul > li .item_wrapper .item_right { float: right; width: 100px; text-align: right; }

.pageNews_Ul > li .item_wrapper .item_right p.time { height: 30px; line-height: 30px; font-size: 13px; color: #888888; }

.pageNews_Ul > li .item_wrapper .item_right p.more { margin-top: 65px; width: 98px; height: 30px; line-height: 30px; text-align: center; border: 1px solid rgba(0, 0, 0, .1); font-size: 14px; color: #999999; border-radius: 10px; transition: 0.5s; }

.pageNews_Ul > li:hover .item_img img { transform: scale(1.1, 1.1); }

.pageNews_Ul > li:hover .item_wrapper { margin-right: 10px; width: 600px; }

.pageNews_Ul > li:hover .item_wrapper .item_left p.title { color: #0089E2; }

.pageNews_Ul > li:hover .item_wrapper .item_right p.more { background: #0089E2; color: #FFFFFF; }