@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0}
section,article,aside,header,footer,nav,dialog,figure{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,label{font-weight:normal;font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; font-family: "microsoft yahei";}
q:before,q:after{content:""}
abbr,acronym{border:0}
select,input,button,button img,textarea,img{margin:0;vertical-align:middle}
input[type=radio],input[type=checkbox]{margin-right:5px}
b{font-weight:bold}
i{ font-style: normal;}
a,a:link,a:hover,a:visited,a:active{text-decoration:none;cursor: pointer; }
a,a:focus,button,button:focus,input{outline: none;}
*, *::before, *::after { box-sizing: border-box;}
html,body{ font-family:"microsoft yahei"; font-size: 12px; background-color: #f3f3f3; position: relative;}
a,a:focus,button,input,input:focus{ outline: none;}
.container-s{ width: 1200px; padding: 0 15px; margin: 0 auto;}
.mb30{ margin-bottom: 30px;}
.mb60{margin-bottom: 60px;}
.detail-artcile.ma10 img{margin: 10px;}
.rel{ position: relative; }
.text-hidden{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* toolbar */

.toolbar{ background-color: #2fc1fd; color: #bee7fe; padding-top: 7px; padding-bottom: 7px; }
.toolbar a,.toolbar a:link,.toolbar a:hover,.toolbar a:visited,.toolbar a:active{ color: #bee7fe;}
.toolbar-wel{ float: left;}
.toolbar-tip{ float: right;}
.toolbar-tip a{ border-right: 1px solid #bee7fe; padding: 0 30px; display: block; float: left; }
.toolbar-tip a:last-child{ border-right: none;padding-right: 15px;}
#focuswx{ position: relative;}
.focuswx{ position: absolute; top: 26px; left: 0; z-index: 6; display: none; }
/*  */
.head{ }
.top-head{ background: rgba(255,255,255,.9); position: absolute; top: 31px; left: 50%;  z-index: 2; width: 1170px; margin-left: -585px; }
.top-logo{ float: left; width: 300px; border-right: 1px solid #6cd3fd;}
.logo{ display: block; margin: 15px auto 16px;}
.logo img{ display: block; margin: 0 auto;}
.top-menus{ float: right; }
.top-menu > li{ float: left;}
.top-menu > li > a{ display: block; text-align: center; color: #00b5ff; width: 145px; height: 105px; padding: 31px 0;}
.top-menu > li > a > .li-menu{ display: block; font-size: 14px; border-left: 1px solid #6cd3fd; text-align: center;}
.top-menu > li:first-child > a > .li-menu{ border-left: none;}

.top-menu > li > a > .li-menu em{ display: block;}
.top-menu > li > a > .li-menu b{ font-weight: normal; color: #b9e3fb; text-transform: capitalize; border-bottom: 2px solid #fff; padding-bottom: 2px;}
.top-menu > li > .menu-dropdown{ display: none; position: absolute; top: 105px;  z-index: 3; padding-top: 16px;}
.menu-dropdown > li { float: left; border-right: 1px solid #8ad3f4; }
.menu-dropdown > li > a{background:rgba(47,193,253,.8); color: #fff; text-align: center; display: block; padding: 15px 25px; font-size: 14px;}
.menu-dropdown > li:last-child { border-right: none;}
.menu-dropdown > li > a:focus, .menu-dropdown > li > a:hover{ background-color: #fff; color: #2fc1fd;  }
.caret { display: none; border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 8px dashed #6cd3fd;  height: 0;  margin-left: 65px;  position: absolute;  vertical-align: middle;  width: 0;}

.top-menu > li:hover >a{ background-color: #6cd3fd; color: #fff;}
.top-menu > li:hover .menu-dropdown{display: block;}
.top-menu > li:hover .caret{display: block;}
.top-menu > li:hover + li > a > .li-menu { border-left: none;}

/**/
.search{ margin-bottom: 60px; margin-top: 40px;}
.search-wd{float: left; width: 70%; height: 34px; line-height: 34px;}
.search-wd span{ font-weight: bold; font-size: 14px; color: #2f2f2f;}
.search-wd a{ color: #737373; font-size: 14px; padding: 0 20px; border-right: 1px solid #737373;}
.search-wd a:last-child{ border-right: none;}
.search-form{ float: right; text-align: right; width: 25%;}
.ipt-txt{ border: 1px solid #2fc1fd; color: #2f2f2f; padding: 6px; padding-left: 10px; font-size: 14px; width: 85%;}
.ipt-btn{ background:#2fc1fd url("../img/icons.png") no-repeat 4px 6px; padding: 4px; border: none; width: 34px; height: 34px;}

.box{ margin-bottom: 60px; margin-top: 150px; min-height: 550px;}
.hd-word{ text-align: center; position: relative; margin-bottom: 30px; z-index: 1;}
.hd-word span.word{ display: inline-block; background-color: #f3f3f3; position: relative; z-index: 2; padding: 0 15px; }
.hd-word span.word b{ display: block;}
.word1{ text-transform: uppercase; font-weight: bold; font-family: arial, helvetica; font-size: 30px; color: #010101;}
.word2{ color: #6e6e6e; text-transform: uppercase;}
.word3{ color: #25aae1; font-size: 30px;}
.hr{position: absolute; top: 40px; width: 100%; height: 1px; background-color:  #bfbfbf;}

.box-bd{ position: relative;}
.ops-click{position: absolute; right: 15px;  top: 0; text-transform: uppercase; font-size: 18px; color: #25aae1;}
.bread-menu{position: relative; left: 0; font-size: 18px; color: #25aae1; margin-bottom: 30px;}
.ops-click:hover ,.bread-menu a , .bread-menu:hover { color: #25aae1;}
.life{ margin-bottom: 100px;}
.life-pro-list{ margin: 0 -15px; position: relative; top: 50px;}
.life-pro-list .life-pro{ float: left; margin: 0 14px; border: none;}

.life-pro{display: block; position: relative; border-left: 3px solid #fff; border-right: 3px solid #fff;  }
.life-pro img{ display: block; width: 370px; height: 260px}
.life-pro-name{ display: block; background: rgba(0,0,0,.5); font-size: 14px; color: #fff; padding: 5px; position: absolute; bottom: 0; width: 100%;}
.life-pro-name i{ position: absolute; right: 10px; font-size: 18px;}
.life-pro-cover{ display: none; position: absolute; top: 0; left: 0; background: rgba(255,252,0,.3); width: 100%; height: 100%;}
.life-pro:hover .life-pro-cover,.owl-engin .item:hover .life-pro-cover{ display: block;}
.company-msg{ border-right: 1px solid #cecece; text-align: center;}
.company-name{ font-size: 22px; color: #2f2f2f; margin-bottom: 25px;}
.company-short{ font-size: 14px; color: #808080; line-height: 2;}

.div-head{ text-align: center; margin-bottom: 50px;}
.div-head > li{  margin: 0 5px; display: inline;}
.div-head > li > a{ color: #f4f4f4; background-color: #c5c5c5; font-size: 20px; padding: 5px 25px;}
.div-head > li.active > a{ color: #fff; background-color: #2fc1fd;}

.div-head.life0{ margin-bottom: 70px;}
.life0-dropdown{ display: none; position: absolute; right: 57px;  z-index: 3; padding-top: 10px; }
.life0-dropdown > li { float: left; margin-right:10px;  }
.life0-dropdown > li > a{ color: #f4f4f4; background-color: #c5c5c5;  text-align: center; display: block; padding: 8px 25px; font-size: 14px;}
.life0 > li:hover > a, .life0 .life0-dropdown > li:hover > a{  background:rgba(47,193,253,.8); color: #fff; }
.life0 > li:hover .life0-dropdown{ display: block;}

/*  */
.bd-container .infro-text:last-child{ border-bottom: none;}
.infro-text:after{  content: "";  display: table;  clear: both;}
.infro-text h3{ font-size: 18px; color: #2f2f2f; margin-bottom: 15px;}
.detail-artcile{ font-size: 14px; color: #808080; line-height: 2; word-break: break-all; margin-bottom: 50px;}

.detail-artcile .callus{ font-size: 24px; font-weight: bold; color: #2fc1fd;}
.detail-artcile img{ display: block;border: 1px solid #c5c5c5; max-width: 100%; margin: 10px auto;}
.detail-artcile.ma10>a>img{ margin: 10px 0; margin-right: 6px;}
.detail-artcile:after{ display: table; clear: both; content: "";}
.page-tab{ border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 5px;}
.page-tab a,.page-tab a:link,.page-tab a:hover,.page-tab a:visited,.page-tab a:active{  width: 40%; color: #2fc1fd;}
.page-tab .tab-prev{ float: left;}
.page-tab .tab-next{ float: right; text-align: right;}


.aside-fix{ position: fixed; bottom: 200px; right:0; display: none; z-index: 2;}
.aside-fix ul>li{position: relative;}
.aside-fix ul>li >a{ display: block; position: relative; width: 44px; height: 44px; margin-bottom: 1px;  background: #2fc1fd url("../img/icons.png") repeat-y ;}
.aside-fix-i{ display: none; position: absolute; right: 45px; top: 0;  width: 140px;}
span.aside-fix-i{ background-color: #2fc1fd; font-size: 16px; height: 44px; line-height: 44px; color: #fff; text-align: center;  }

/* nes */
.panel{  display: block; background-color: #ebeae9; margin-bottom: 20px; height: 200px; overflow: hidden; border: none; border-radius: 0;}
.panel-img{ float: left; margin-right: 20px;}
.panel-img img{ width: 340px; height: 200px;}
.panel-main{ padding: 15px;}
.panel-main h3{ margin-bottom: 15px; }
.panel-main h3{ font-size: 24px;color: #41322d;  }
.panel-main h3 .time{ color: #7a7371; font-size: 12px; float: right; position: relative; top: 10px;}
.panel-main .d-mm{  border-top: 1px solid #d1d1d0; font-size: 14px; color: #584d49; line-height: 2; height: 77px; padding: 15px 0 10px; overflow: hidden;}
.panel-main .more{ margin-top: 10px; padding: 2px 6px; font-size: 14px; border: 1px solid #d8d5d4; color: #2f1e19; display: block; float: right; text-transform: uppercase; font-family: "Arial"; border: 1px solid}

.panel-main .more .caret-r{ width: 16px; height: 16px;  display: inline-block; position: relative; top: 3px; margin-left: 5px;}
.panel:hover{ background-color: #d9d6d5; }

.goTo{ border: 1px solid #b2b2b2; background-color: #ececec; color: #7b7b7b; width: 244px; height: 40px; margin: 25px auto; display: block; text-align: center; line-height: 40px;}
.goTo:hover{ color: #7b7b7b;}

.herepage{ text-align: center;}
.herepage li{ display: inline-block; width: 25px; height: 25px; margin: 0 3px;}
.herepage li a{ font-size: 16px; display: block; background-color: #6cd3fd; color: #fff; text-align: center;}
.herepage li.active a{ background-color: #2fc1fd; }

/* right */
.aside-fix ul>li >a:hover{ background-color: #202020;}
.aside-fix ul>li >a.icon-1{ background-position: 7px -21px;}
.aside-fix ul>li >a.icon-2{ background-position: 7px -64px;}
.aside-fix ul>li >a.icon-3{ background-position: 7px -109px;}
.aside-fix ul>li >a.icon-4{ background-position: 7px -190px;}
.aside-fix ul>li >a.icon-5{ background-position: 7px -154px;}
.aside-fix ul>li >a.icon-6{ background-position: 7px -227px;}

/* makemsg */
.gettip{ display: none;}
.gettip .get-do{ position: fixed; top: 50%; margin-top: -137px; left: 50%; margin-left: -300px; z-index: 11;}
.gettip .get-do .btn-cancel{ position: absolute; top: -26px; right: -26px; background-color: transparent;}

.gettipmsg{ position: fixed; bottom: 0; right: 0; width: 15%; z-index: 2; display: none;}
.gettipmsg img{ width: 100%; }

.makemsg{ display: none;}
.bg-cover{ position: absolute; top: 0; left: 0; z-index: 10;width: 100%; height: 100%;background: rgba(0,0,0,.4);}
.leavemsg{ position: fixed; top: 50%; left: 50%; z-index: 11; background-color: #fff; width: 500px; height: 370px; padding: 20px; margin-top: -200px; margin-left: -300px;}
.leavemsg h3{ font-size: 16px; color: #2fc1fd; margin-bottom: 10px;}
.label-txt{ font-size: 14px; color: #000; margin-bottom: 15px; }
.label-txt span{ width: 74px; text-align: right;  display: inline-block;  padding-right: 10px; vertical-align: top;}
.label-txt input{ border: 1px solid #c5c5c5; padding: 5px; width: 260px;}
.label-txt textarea{ resize: none; width: 350px; height: 160px; padding: 4px; font-size: 14px; line-height: 1.5; color: #000; border: 1px solid #c5c5c5;}

.input-btn{ float: right; border: none; font-size: 14px; padding: 5px 25px; margin: 0 5px;}
.btn-submit{ background-color: #2fc1fd; color: #fff;}
.btn-cancel{ background-color: #c0c0c0; color: #fff;}

/* foot */
.foot{ background-color: #202020; display: block; width: 100%; position: relative; bottom: 0; }
.foot-menu{ border-bottom: 1px solid #373737;}
.foot-menu >li{ float: left;width: 14%; text-align: center;}
.foot-menu >li >a{ font-size: 16px; color: #fff; display: block; padding: 20px 0; }
.contact{ color: #a9a9a9; border-bottom: 1px solid #373737; text-align: center; padding: 2% 0;}
.copyright{ color: #484848; text-align: center; padding: 2% 0;}
.csyt{color: #484848; }

/* Slider */

.slick-list,.slick-slider{position:relative;display:block}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}

.slick-slide{float:left;display:none;height:100%;min-height:1px}
.slick-slide img{display:block; width: 100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff ;}

.single-item .slick-arrow{position: absolute; top: 50%;  background-color:#25aae1; color: #fff; z-index: 10; border: none; width: 50px; height: 50px; display: block;}
.single-item .slick-arrow i.fa{ font-size: 3rem;}
.single-item .slick-prev{left:0}
.single-item .slick-next{right:0px}

.slick-dots{position:absolute;bottom:20px;display:block;padding:0;width:100%;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block; margin:0 5px;padding:0}
.slick-dots li,.slick-dots li button{width:60px;height:4px;cursor:pointer}
.slick-dots li button{display: block;background:#fff; border: none; font-size: 0;}
.slick-dots li.slick-active button{ background:#25aae1}

/* */
#icontent .bd-container{margin: 0 auto;}

.multiple-items{}
.multiple-items .slick-arrow{position: absolute; top: 50%; margin-top: -60px; color: #25aae1; z-index: 10; border: none; display: block; background: transparent; }
.multiple-items .slick-arrow i.fa{ font-size: 10rem; }
.multiple-items .slick-prev{left:-50px;}
.multiple-items .slick-next{right:-50px}