@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../fonts/SourceHanSerifCN-Heavy-4.otf');
    font-weight: normal;
    font-style: normal;
}

html, body { height:100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#666; background: #fff; -webkit-tap-highlight-color:transparent; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%;}
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; -webkit-tap-highlight-color:transparent; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#02346c;}
* { padding: 0px; margin: 0px;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1300px; height:auto; margin:0 auto;}
.orange{ color:#ff6600;}
.blue{ color:#0082db;}
.green{ color:#00a5b8;}

/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-speech-button { display: none; }


.navFixed header{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);height: 100px;width: 100%;}
.conten-wrapper{display: block;transition: width 0.25s ease, margin 0.25s ease;position: relative;overflow: hidden; }
.main-content{width: calc(100%);min-height: 100vh;position: relative;overflow: hidden;transition: 0.3s;}
/*网站顶部*/
.head { width:100%; height:90px;position: relative;left: 0;top: 0;right: 0;z-index: 100;transition:cubic-bezier(0.215,.61,.355,1) .45s; background-color:#fff;}
.lh-logo{width:180px; height:53px; overflow:hidden; float:left; margin:18px auto;}
.lh-logo>div{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-header{width: 100%;height:90px;}
.lh-nav{ width:1120px; position:relative; z-index:3; height:90px; float:right;}
.lh-nav-item{ width:85%; text-align:center; float:right;}
.lh-nav-item li{ margin-right:0.3vw; position:relative; display:inline-block;}
.lh-nav-item li a{line-height:90px; color:#333; font-size:16px; display:block; position:relative; padding:0 25px;}
.lh-nav-item li a:hover{color:#0b90d3; font-weight:bold;}
.lh-nav-item li dl{ width:max-content; position:absolute; left:0; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li:nth-child(3) dl{ width:max-content; position:absolute; left:-50px; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0; border-bottom:1px solid #fff;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0;}
.lh-nav-item li dl dd a{font-size:14px; color:#666; line-height:30px; white-space:nowrap; border-bottom:2px solid #fff;}
.lh-nav-item li dl dd a:hover{color:#0b90d3; border-bottom:2px solid #0b90d3; font-weight:400;}
.lh-nav-btn{ width:15%;line-height:90px; color:#fff; font-size:18px; display:block; float:right;}
.lh-nav-btn:hover{opacity:1;}
.lh-nav-btn em{width:22px; height:22px; float:left; margin:35px 10px 0 10px; position:relative; background: url(../img/images/t1.png) no-repeat center;background-size: 100%;}
.lh-nav-btn span{display: inline-block;float: left;}
.lh-nav-btn i{display: inline-block;float: left;font-size: 18px;font-family: Arial; color:#0b90d3; font-weight: bold;}
.lh-nav-en{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #fff; border-radius:50%; transition:all 0.4s;}
.lh-nav-en:hover{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #6ebb36; border-radius:50%; transition:all 0.4s; background-color:#6ebb36;}
/* hover 二级栏目 */
.lh-nav-item li:hover dl{ opacity:1; visibility:visible;transform:translateY(0%); top:90px; z-index:1;}
.navFixed header .lh-nav-item li>a{color: #333;}
.navFixed .lh-nav-item li>a:hover,.navFixed .lh-nav-item li>a.on{color: #e48122}
.navFixed .lh-nav-btn{color: #e48122;}
.navFixed .lh-nav-btn em{background: url(../img/tel_cur.png)no-repeat;background-size: 100%;}
/* banner */
.banner{position: relative; width:100%;height:auto;z-index: 11;overflow: hidden;opacity: 1;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
/*轮播图设置*/
.flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height: 100vh;text-align: center;background-size: cover;}
.slides li a{display: block;height:100%;}
.slides li img{margin: 0 auto;display: none;}
.flexslider:hover .flex-direction-nav{opacity:1;}
.flex-control-nav{position: absolute;z-index: 11;width: 100%;text-align: center;left: 0px; right: 0px;margin: 0px auto;bottom: 40px;}
.flex-control-nav li{z-index: 2;margin: 0px 5px;display: inline-block; cursor:pointer;}
.flex-control-nav li a{text-indent: -9999px;width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255,255,255,0.33);display: inline-block;}
.flex-control-nav li .flex-active{background-color: #6ebb36;}

.banner .inner-banner.articleShow{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.banner .inner-banner .banner-bg{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transition: 4s;-o-transition: 4s;-moz-transition: 4s;transition: 4s;}


/* 产品 */
.p_bg{width: 100%; height: auto; overflow: hidden; position:relative; background:url(../img/images/bg1.jpg) no-repeat center top; background-size:cover;}
.product{display:block; margin:90px auto; text-align:center;}
.product .top{ width:100%; height:auto; display:block;}
.product .top .left{ width:45%; height:auto; float:left; display:block; position:relative;}
.product .top .left .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.product .top .left .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.product .top .left .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}
.product .top .right{ width:55%; height:55px;  display:block; position: absolute; right:0; top:95px; background: linear-gradient(to left,#0b8fd2,#15bbec); border-radius:25px 0 0 0;}
.product .top .right .intro{ width:540px; height:auto; overflow:hidden; margin:0 2.5%; float:left; color:#fff; font-size:20px; line-height:55px; font-family:microsoft yahei; text-align:left;}
.product .top .right .intro pre{ font-family:microsoft yahei; letter-spacing:10px;}
.product .top .right .more{ width:150px; height:auto; overflow:hidden; float:left; color:#fff; font-size:16px; line-height:55px; font-family:microsoft yahei; text-align:right;}

.product .down{ width:100%; height:auto; display:inline-block; margin:50px 0 0 0; }
.product .down .box{ width:32%; height:auto; overflow:hidden; margin:0 2% 30px 0; float:left;}
.product .down a:nth-child(3n) .box{ width:32%; height:auto; overflow:hidden; margin:0 0 30px 0 ; float:left;}
.product .down .box .pic{ width:100%; height:320px; display:block;margin:0 auto; text-align:center;}
.product .down .box .pic img{ width:100%; height:320px; transition:all 0.3s;}
.product .down .box .pic:hover img{ width:100%; height:320px; transition:all 0.3s; transform:scale(1.1);}
.product .down .box .title{ width:100%; height:50px; overflow:hidden; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:50px; text-align:center; background: linear-gradient(to left,#0b8fd2,#15bbec); border-radius:0 0 0 25px;}

/* 关于我们 */
.a_bg{width: 100%; height: auto; overflow: hidden; position:relative;}
.left_e{ width:150px; height:100%; overflow:hidden; position:absolute; left:0; top:0; background: linear-gradient(#22bfed,#1796d5); z-index:1;}
.left_e .t{ width:550px; height:50px; overflow:hidden; position:absolute; left:-200px; top:50%; color:#fff; font-size:32px; letter-spacing:20px; line-height:55px; font-weight:bold; font-family:microsoft yahei; text-align:left; z-index:10; transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}

.about{display:block; margin:90px auto;}
.about .top{ width:45%; height:auto; display:inline-block; position:relative;}
.about .top .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.about .top .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.about .top .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}

.about .center{ width:920px; height:380px; display:inline-block; position:relative; margin:96px auto 0 0; background:#fff; box-shadow:5px 5px 10px #e9e9e9;}
.about .center .title{ width:85%; height:auto; overflow:hidden; margin:50px auto 0 auto; color:#333; font-size:24px; line-height:1.5; font-family:microsoft yahei; text-align:left;}
.about .center .con{width:85%; height:auto; overflow:hidden; margin:30px auto 0 auto; color:#333; font-size:16px; line-height:2; font-family:microsoft yahei; text-align:left;}
.about .center .con pre{font-family:microsoft yahei; white-space: normal; text-indent:2em;}
.about .center .more{ height:auto; overflow:hidden; margin:50px 7.5% 0 7.5%; padding:10px 25px; background: linear-gradient(to left,#22bfed,#1796d5); color:#fff; font-size:16px; line-height:1.2; font-family:microsoft yahei; text-align:center; border-radius:25px 0 25px 0; display:inline-block;}

.about .down{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
.about .down .lie{ width:25%; height:auto; float:left; overflow:hidden; transition:all 0.3s;}
.about .down .lie .pic{ width:100%; height:50px; text-align:center; margin:0 auto; overflow:hidden; transition:all 0.3s;}
.about .down .lie .title{ width:100%; height:auto; margin:10px auto 0 auto; overflow:hidden; font-size:20px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center; font-weight:bold; transition:all 0.3s;}
.about .down .lie:hover .title{color:#0b90d3;}

/* 案例 */
.c_bg{width: 100%; height: auto; overflow: hidden; position:relative; background:#e3f3fa;}
.case{margin:90px auto 0 auto;}
.case .top{ width:100%; height:auto; display:inline-block; position:relative;}
.case .top .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.case .top .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.case .top .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}
.case .top .more{ height:auto; overflow:hidden; margin:20px auto 0 auto; float:right; padding:10px 25px; background: linear-gradient(to left,#22bfed,#1796d5); color:#fff; font-size:16px; line-height:1.2; font-family:microsoft yahei; text-align:center; border-radius:25px 0 25px 0; display:inline-block;}

.c_bg .down{ width:84%; height:auto; display:inline-block; margin:50px 0 90px auto; position:relative; float:right;}
.c_bg .down .box{ width:32%; height:auto; overflow:hidden; margin:0 2% 0 0; float:left; }
.c_bg .down a:nth-child(3n) .box{ width:32%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.c_bg .down .box .pic{ width:100%; height:100%; overflow:hidden; margin:0 auto; text-align:center;}
.c_bg .down .box .pic img{ width:100%; height:100%; max-height:100%; transition:all 0.3s;}
.c_bg .down .box .pic:hover img{ width:100%; height:100%; max-height:100%; transition:all 0.3s; transform:scale(1.05);}
.c_bg .down .box .title{ width:100%; height:50px; overflow:hidden; margin:0 auto; color:#333; font-size:18px; line-height:50px; font-family:microsoft yahei; text-align:center; background: linear-gradient(to right,#c0ebf9,#c0ebf9); border-radius:0 0 0 25px; transition:all 0.3s;}
.c_bg .down .box:hover .title{color:#fff; background: linear-gradient(to right,#22bfed,#1796d5); border-radius:0 0 0 25px; transition:all 0.3s;}

.c_bg .swiper-container{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.c_bg .swiper-wrapper{ width:100%; margin:0; position:relative;}
.c_bg .swiper-slide{ width:100%; height:100%;  position:relative; text-align:center;}
.c_bg .swiper-slide img{ width:100%; height:100% ;}
.c_bg .swiper_pagina{ height:12px; overflow:hidden; position:absolute; right:0px; bottom:-40px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.c_bg .swiper_pagina span{ display:inline-block;width:8px; border-radius:100%; height:8px; border:1px solid #fff; background:none; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.c_bg .swiper_pagina span.swiper-pagination-bullet-active{ background-color:#9bd075;opacity:1 !important;}
.c_bg .swiper_btnz{position: absolute;top: 40%;width: 44px;height: 44px; left:-5%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.c_bg .swiper_btny{position: absolute;top: 55%;width: 44px;height: 44px; left:-5%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.c_bg .swiper_btnz:hover{position: absolute;top: 40%;width: 44px;height: 44px; left:-5%;background: url(../img/images/lefta.png) 0 0 no-repeat;display: block;z-index:10;}
.c_bg .swiper_btny:hover{position: absolute;top: 55%;width: 44px;height: 44px; left:-5%;background: url(../img/images/righta.png) 0 0 no-repeat;display: block;z-index:10;}
/* 新闻 */
.n_bg{width: 100%; height: auto; overflow: hidden; position:relative; background:#fff;}
.news{margin:90px auto;}
.news .top{ width:100%; height:auto; display:inline-block; position:relative;}
.news .top .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.news .top .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.news .top .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}
.news .top .more{ height:auto; overflow:hidden; margin:20px auto 0 auto; float:right; padding:10px 25px; background: linear-gradient(to left,#22bfed,#1796d5); color:#fff; font-size:16px; line-height:1.2; font-family:microsoft yahei; text-align:center; border-radius:25px 0 25px 0; display:inline-block;}

.news .down{ width:100%; height:auto; overflow:hidden; margin:50px auto 90px auto;}
.news .down .left{ width:42%; height:410px; overflow:hidden; margin:0 auto; position:relative; float:left;}
.news .down .left img{ width:100%; height:100%; transition:all 0.3s;}
.news .down .left:hover img{ width:100%; height:100%; transition:all 0.3s; transform:scale(1.1);}
.news .down .left .up{ width:100%; height:60px; overflow:hidden; position:absolute; left:0; bottom:0; background-color:rgba(12,146,212,0.78); }
.news .down .left .up .title{ width:75%; height:60px; overflow:hidden; margin:0 2.5%; font-size:20px; color:#fff; font-family:microsoft yahei; line-height:60px; font-weight:bold; text-align:left;}
.news .down .left .up .more{ width:20%; height:60px; overflow:hidden; position:absolute; right:0; bottom:0; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:60px; text-align:center;}
.news .down .right{ width:54%; height:410px; overflow:hidden; margin:0 auto 0 4%; float:left;}
.news .down .right .list{ width:100%; height:50px; overflow:hidden; border-bottom:1px dashed #cecece;}
.news .down .right .list .title{ width:85%; height:50px; overflow:hidden; float:left; font-size:16px; color:#333; font-family:microsoft yahei; line-height:50px; text-align:left; background:url(../img/images/t11.png) no-repeat left center; text-indent:1em;}
.news .down .right .list .load{ width:15%; height:50px; overflow:hidden; float:right; margin:0 auto; font-size:16px; color:#666666; font-family:microsoft yahei; line-height:50px; text-align:right;}
.news .down .right .list .load:hover{ width:15%; height:50px; overflow:hidden; float:right; margin:0 auto; font-size:16px; color:#666666; font-family:microsoft yahei; line-height:50px; text-align:right;}
.news .down .right .list:hover .title{ width:85%; height:50px; overflow:hidden; float:left; font-size:16px; color:#0c92d4; font-family:microsoft yahei; line-height:50px; text-align:left; background:url(../img/images/t11.png) no-repeat left center; text-indent:1em;}

/*foot*/
.footer{width:100%; height:420px; overflow:hidden; background:url(../img/images/bg2.jpg) no-repeat center top; position:relative;}
.footer .top{ width:100%; height:95px; overflow:hidden; margin:0 auto; border-bottom:1px solid #50bde1; text-align:center;}
.footer .top .w .title{ width:260px; height:45px; overflow:hidden; margin:25px 250px 25px auto; display:inline-block; background:url(../img/images/t8.png) no-repeat left center; }
.footer .top .w .title .t{ width:210px; height:20px; overflow:hidden; margin:0 auto 0 50px; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:20px; text-align:left;}
.footer .top .w .title .c{ width:210px; height:25px; overflow:hidden; margin:0 auto 0 50px; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:25px; text-align:left;}
.footer .top .w .title:nth-child(2){width:260px; height:45px; overflow:hidden; margin:25px 250px 25px auto; display:inline-block; background:url(../img/images/t9.png) no-repeat left center; }
.footer .top .w .title:nth-child(3){width:260px; height:45px; overflow:hidden; margin:25px auto; display:inline-block; background:url(../img/images/t10.png) no-repeat left center; }
.footer .center{overflow:hidden; margin:25px auto 0 auto; color:#fff; text-align:center;}
.footer .center a{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.2; text-align:left; }
.footer .center a:nth-child(1){ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px 0 0; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1; text-align:left; }
.footer .center a:hover{color:#ccc;}
.footer .right{overflow:hidden; margin:35px auto; text-align:center;}
.footer .right li{ display:inline-block; text-align:center; font-size:16px; color:#fff;}
.footer .right li:last-child{ margin-left:30px;}
.footer .right li .img{ width:120px; height:120px; display:block; overflow:hidden; background-color:#fff; border-radius:10px; margin-bottom:5px;}
.footer .right li img{ width:110px; height:110px; margin:5px; }
.footer .right li .title{ width:110px; height:30pxpx; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:30px; text-align:center;}
.footer .copy{ width:100%; height:54px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:54px; text-align:left;}
.footer .copy a{ color:#fff;}

/**内页**/
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:microsoft yahei; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#ecf7fc; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:21px 40px; font-size:16px; color:#333; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:21px 40px; background:#0b90d3; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:21px 40px; background:#0b90d3; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width:1300px; height:auto; margin:0 auto; overflow:hidden; padding:50px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#f3f3f3; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#6ebb36;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#6ebb36;}
/*位置*/
.locals{ width:100%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }
.locals a{ line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }

/*about*/
.about_nei{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.about_nei .about_one{ width:100%; height:auto; overflow:hidden; margin:80px auto; line-height:2;}
.about_nei .about_one .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.about_nei .about_one #slider{ width:100%; height:auto;}

.about_nei{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.about_nei .box{ width:23%; height:auto; overflow:hidden; margin:0 1% 30px 1%; float:left;}
.about_nei .box .pic{ width:100%; height:440px; display:block; margin:0 auto; text-align:center;}
.about_nei .box .pic img{ width:100%; height:440px;  transition:all 0.3s;}
.about_nei .box .pic:hover img{ width:100%; height:440px; transition:all 0.3s; transform:scale(1.01);}
.about_nei .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#eaebe9; font-family:Arial; text-align:center;}

/*youshi*/
.youshi_nei{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.youshi_nei .youshi_one{ width:48%; height:auto; overflow:hidden; float:left; margin:80px 1%;}
.youshi_nei .youshi_two{ width:100%; height:auto; overflow:hidden; margin:80px auto;}
.youshi_nei .youshi_two .title{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.youshi_nei .youshi_two .con{ width:100%; height:auto; overflow:hidden; margin:30px auto; font-family:microsoft yahei; line-height:2;}

/*product*/
.pro_l{ width:21%; height:auto; overflow:hidden; float:left; margin:0 2% 0 auto;}
.pro_l .top{ width:100%; height:75px; overflow:hidden; background: linear-gradient(to left,#22bfed,#1796d5); border-radius:10px 10px 0 0;}
.pro_l .top .nav{ width:auto; height:auto; overflow:hidden; padding:20px 0 10px 0; margin:0 0 0 30px; line-height:40px; font-size:28px; color:#fff; text-align:left; position:relative; }
.pro_l .top .nav .en{ width:auto; height:auto; overflow:hidden; position:absolute; left:5px; top:30px; line-height:1.3; font-size:34px; color:#fff; text-align:left; font-weight:bold; opacity:0.1;}
.pro_l .down{ width:99%; height:auto; overflow:hidden; margin:0 auto 25px auto; padding:10px 0; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-radius:0 0 10px 10px;}
.pro_l .down .navs{ width:94%; height:40px; overflow:hidden; margin:5px 3%; background:#f2f7f9;}
.pro_l .down .navs .title{ width:100%; height:40px; overflow:hidden; margin:0; line-height:40px; font-size:16px; color:#333; text-align:left; text-indent:1.5em; background:url(../img/images/t12.png) no-repeat 5% center;}
.pro_l .down .navs:hover{ width:94%; height:40px; overflow:hidden; margin:5px 3%; background:linear-gradient(to left,#22bfed,#1796d5);}
.pro_l .down .navs:hover .title{ color:#fff; background: url(../img/images/t13.png) no-repeat 5% center;}
.pro_l .down .navs.active{ width:94%; height:40px; overflow:hidden; margin:5px 3%; background:linear-gradient(to left,#22bfed,#1796d5);}
.pro_l .down .navs.active .title{color:#fff; background: url(../img/images/t13.png) no-repeat 5% center;}
.pro_l .contact .lie { width:87%; height:auto; overflow:hidden; margin:0 4% 20px 4%; padding-left:8%; line-height:20px; font-size:16px; color:#333; text-align:left; background:url(../img/images/t14.png) no-repeat left top;}
.pro_l .contact .lie:nth-child(2) { width:87%; height:auto; overflow:hidden; margin:0 4% 20px 4%; padding-left:8%; line-height:20px; font-size:16px; color:#333; text-align:left; background:url(../img/images/t15.png) no-repeat left top;}
.pro_l .contact .lie:nth-child(3) { width:87%; height:auto; overflow:hidden; margin:0 4% 20px 4%; padding-left:8%; line-height:20px; font-size:16px; color:#333; text-align:left; background:url(../img/images/t16.png) no-repeat left top;}
.pro_l .contact .lie:nth-child(4) { width:87%; height:auto; overflow:hidden; margin:0 4% 20px 4%; padding-left:8%; line-height:20px; font-size:16px; color:#333; text-align:left; background:url(../img/images/t17.png) no-repeat left top;}

.pro_list{ width:77%; height:auto; overflow:hidden; margin:0 auto;}
.pro_list .down a .box{ width:32%; height:auto; overflow:hidden; margin:25px 2% 0 0; float:left;}
.pro_list .down a:nth-child(3n) .box{ width:32%; height:auto; overflow:hidden; margin:25px 0 0 0; float:left;}
.pro_list .box .pic{ width:100%; height:250px; display:block; margin:0 auto; text-align:center;}
.pro_list .box .pic img{ width:100%; height:100%; transition:all 0.3s;}
.pro_list .box .pic:hover img{ width:100%; height:100%; transition:all 0.3s; transform:scale(1.01);}
.pro_list .box .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahei; line-height:40px; text-align:center; border-radius:0 0 0 10px; background:#f2f7f9;}
.pro_list .box:hover .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:40px; text-align:center; border-radius:0 0 0 10px;background:linear-gradient(to left,#22bfed,#1796d5);}
/*news*/
.new_list{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; float:left;}
.new_list .box{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px 0; position:relative; border-bottom: 1px #e6e6e6 dashed; background:url(../img/images/t12.png) no-repeat 1% center;}
.new_list .box .title{ width:82%; height:30px; overflow:hidden; margin:0 auto 0 3%; font-size:16px; color:#333; font-family:microsoft yahei; line-height:30px; text-align:left; float:left;}
.new_list .box .time{ width:15%; height:30px; overflow:hidden; margin:0 auto; font-size:16px; color:#979797; font-family:microsoft yahei; line-height:30px; text-align:right; float:right;}
.new_list .box:hover .title{ width:82%; height:30px; overflow:hidden; margin:0 auto 0 3%; font-size:16px; color:#0b90d3; font-family:microsoft yahei; line-height:30px; text-align:left; float:left;}

/*infor*/
.infor{ width:100%; height:auto; margin:0 auto; text-align:center;}
.fac_list{ position:relative; display:inline-block;}
.fac_list a .box{ width:32%; height:auto; overflow:hidden; margin:25px 2% 0 0; float:left;}
.fac_list a:nth-child(3n) .box{ width:32%; height:auto; overflow:hidden; margin:25px 0 0 0; float:left;}
.fac_list .box .pic{ width:100%; height:315px; display:block; margin:0 auto; text-align:center;}
.fac_list .box .pic img{ width:100%; height:100%; transition:all 0.3s;}
.fac_list .box .pic:hover img{ width:100%; height:100%; transition:all 0.3s; transform:scale(1.01);}
.fac_list .box .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahei; line-height:40px; text-align:center; border-radius:0 0 0 10px; background:#f2f7f9;}
.fac_list .box:hover .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:40px; text-align:center; border-radius:0 0 0 10px;background:linear-gradient(to left,#22bfed,#1796d5);}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:77%; height:auto; min-height:400px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:90%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.con_nei .left{ width:49%; height:auto; overflow:hidden; margin:0 1% 0 auto; float:left;}
.con_nei .left .title{ width:80%; height:auto; overflow:hidden; margin:0 auto 40px 5%; overflow:hidden; color:#0b90d3; font-size:30px; line-height:1.5; font-family:microsoft yahei; font-weight:bold; text-align:left;}
.con_nei .left .con{ width:80%; height:auto; overflow:hidden; margin:0 auto 15px 5%; overflow:hidden; color:#333; font-size:20px; line-height:1.3; font-family:microsoft yahei; text-align:left; }
.con_nei .left .con span{ font-weight:bold;}
.con_nei .right{ width:48%; height:473px; overflow:hidden; margin:0 0 0 1%; float:right; background:url(../img/images/t18.png) no-repeat center top; background-size:100% auto;}
.con_nei .right .map{ width:92%; height:325px; overflow:hidden; margin:22px auto 0 auto;}

.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#0b90d3; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#0b90d3; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#0b90d3;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:right;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 20px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:10px auto; font-size:18px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:94%; height:50px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:50px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:96%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:50px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#0b90d3; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:50px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.ullist li{ width:100%; height:35px; overflow:hidden; border-bottom:1px dashed #dedede; background:url(../img/images/t2.png) no-repeat left center; text-indent:1em;}
.ullist li a{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#333;}
.ullist li a span{color:#999; float:right;}
.ullist li a:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/**手机导航**/
.menuBtn { background:#1286d5; width:47px; height:47px; position:absolute; right:0; top:12px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menuBtn .burger {  background:#fff; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 13px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:23px; }
.menuBtn .burger-3 { top:33px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#1286d5; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:70px 0 40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; padding:7px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#1286d5; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#1286d5;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}

/*分页*/
.page{ clear:both;width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 50px 0; margin:50px auto 0px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 5px; padding: 1px 6px;background: #fff; color:#0b90d3; font-size:16px;min-width:18px;text-align: center; border:1px solid #0b90d3; border-radius:5px;}
.pagination li.active {background: #0b90d3;color: #fff;}
.pagination li a {display: block;text-align: center; color:#0b90d3;}

@media screen and (max-width:1600px){
.w{ width:92%; height:auto;}

.head { width:100%; height:90px;position: relative;left: 0;top: 0;right: 0;z-index: 100;transition:cubic-bezier(0.215,.61,.355,1) .45s; background-color:#fff;}
.lh-logo{width:15%; height:53px; overflow:hidden; float:left; margin:18px auto;}
.lh-logo>div{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-header{width: 100%;height:90px;}
.lh-nav{ width:85%; position:relative; z-index:3; height:90px; float:right;}
.lh-nav-item{ width:85%; text-align:center; float:right;}
.lh-nav-item li{ margin-right:0.3vw; position:relative; display:inline-block;}
.lh-nav-item li a{line-height:90px; color:#333; font-size:16px; display:block; position:relative; padding:0 25px;}
.lh-nav-item li a:hover{color:#0b90d3; font-weight:bold;}
.lh-nav-item li dl{ width:max-content; position:absolute; left:0; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li:nth-child(3) dl{ width:max-content; position:absolute; left:-50px; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0; border-bottom:1px solid #fff;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0;}
.lh-nav-item li dl dd a{font-size:14px; color:#666; line-height:30px; white-space:nowrap; border-bottom:2px solid #fff;}
.lh-nav-item li dl dd a:hover{color:#0b90d3; border-bottom:2px solid #0b90d3; font-weight:400;}
.lh-nav-btn{ width:15%;line-height:90px; color:#fff; font-size:18px; display:block; float:right;}
.lh-nav-btn:hover{opacity:1;}
.lh-nav-btn em{width:22px; height:22px; float:left; margin:35px 10px 0 10px; position:relative; background: url(../img/images/t1.png) no-repeat center;background-size: 100%;}
.lh-nav-btn span{display: inline-block;float: left;}
.lh-nav-btn i{display: inline-block;float: left;font-size: 17px;font-family: Arial; color:#0b90d3; font-weight: bold;}
.lh-nav-en{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #fff; border-radius:50%; transition:all 0.4s;}
.lh-nav-en:hover{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #6ebb36; border-radius:50%; transition:all 0.4s; background-color:#6ebb36;}

/* 关于我们 */
.a_bg{width: 100%; height: auto; overflow: hidden; position:relative;}
.left_e{ width:150px; height:100%; overflow:hidden; position:absolute; left:0; top:0; background: linear-gradient(#22bfed,#1796d5); z-index:1;}
.left_e .t{ width:550px; height:50px; overflow:hidden; position:absolute; left:-200px; top:50%; color:#fff; font-size:32px; letter-spacing:20px; line-height:55px; font-weight:bold; font-family:microsoft yahei; text-align:left; z-index:10; transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}

.about{display:block; margin:90px auto;}
.about .top{ width:45%; height:auto; display:inline-block; position:relative; margin-left:200px;}
.about .top .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.about .top .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.about .top .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}

.about .center{ width:920px; height:380px; display:inline-block; position:relative; margin:96px auto 0 200px; background:#fff; box-shadow:5px 5px 10px #e9e9e9;}
.about .center .title{ width:85%; height:auto; overflow:hidden; margin:50px auto 0 auto; color:#333; font-size:24px; line-height:1.5; font-family:microsoft yahei; text-align:left;}
.about .center .con{width:85%; height:auto; overflow:hidden; margin:30px auto 0 auto; color:#333; font-size:16px; line-height:2; font-family:microsoft yahei; text-align:left;}
.about .center .con pre{font-family:microsoft yahei; white-space: normal; text-indent:2em;}
.about .center .more{ height:auto; overflow:hidden; margin:50px 7.5% 0 7.5%; padding:10px 25px; background: linear-gradient(to left,#22bfed,#1796d5); color:#fff; font-size:16px; line-height:1.2; font-family:microsoft yahei; text-align:center; border-radius:25px 0 25px 0; display:inline-block;}

.about .down{ width:80%; height:auto; overflow:hidden; margin:60px auto 0 200px;}
.about .down .lie{ width:25%; height:auto; float:left; overflow:hidden; transition:all 0.3s;}
.about .down .lie .pic{ width:100%; height:50px; text-align:center; margin:0 auto; overflow:hidden; transition:all 0.3s;}
.about .down .lie .title{ width:100%; height:auto; margin:10px auto 0 auto; overflow:hidden; font-size:20px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center; font-weight:bold; transition:all 0.3s;}
.about .down .lie:hover .title{color:#0b90d3;}


/*foot*/
.footer{width:100%; height:420px; overflow:hidden; background:url(../img/images/bg2.jpg) no-repeat center top; position:relative;}
.footer .top{ width:100%; height:95px; overflow:hidden; margin:0 auto; border-bottom:1px solid #50bde1; text-align:center;}
.footer .top .w .title{ width:260px; height:45px; overflow:hidden; margin:25px 190px 25px auto; display:inline-block; background:url(../img/images/t8.png) no-repeat left center; }
.footer .top .w .title .t{ width:210px; height:20px; overflow:hidden; margin:0 auto 0 50px; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:20px; text-align:left;}
.footer .top .w .title .c{ width:210px; height:25px; overflow:hidden; margin:0 auto 0 50px; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:25px; text-align:left;}
.footer .top .w .title:nth-child(2){width:260px; height:45px; overflow:hidden; margin:25px 190px 25px auto; display:inline-block; background:url(../img/images/t9.png) no-repeat left center; }
.footer .top .w .title:nth-child(3){width:260px; height:45px; overflow:hidden; margin:25px auto; display:inline-block; background:url(../img/images/t10.png) no-repeat left center; }
.footer .center{overflow:hidden; margin:25px auto 0 auto; color:#fff; text-align:center;}
.footer .center a{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.2; text-align:left; }
.footer .center a:nth-child(1){ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px 0 0; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1; text-align:left; }
.footer .center a:hover{color:#ccc;}
.footer .right{overflow:hidden; margin:35px auto; text-align:center;}
.footer .right li{ display:inline-block; text-align:center; font-size:16px; color:#fff;}
.footer .right li:last-child{ margin-left:30px;}
.footer .right li .img{ width:120px; height:120px; display:block; overflow:hidden; background-color:#fff; border-radius:10px; margin-bottom:5px;}
.footer .right li img{ width:110px; height:110px; margin:5px; }
.footer .right li .title{ width:110px; height:30pxpx; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:30px; text-align:center;}
.footer .copy{ width:100%; height:54px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:54px; text-align:left;}
.footer .copy a{ color:#fff;}

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width:80%; height:auto; margin:0 auto; overflow:hidden; padding:50px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#f3f3f3; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#6ebb36;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#6ebb36;}
/*位置*/
.locals{ width:100%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }
.locals a{ line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }
/*contact*/
.con_nei .left{ width:49%; height:auto; overflow:hidden; margin:0 1% 0 auto; float:left;}
.con_nei .left .title{ width:90%; height:auto; overflow:hidden; margin:0 auto 40px 5%; overflow:hidden; color:#0b90d3; font-size:28px; line-height:1.5; font-family:microsoft yahei; font-weight:bold; text-align:left;}
.con_nei .left .con{ width:90%; height:auto; overflow:hidden; margin:0 auto 15px 5%; overflow:hidden; color:#333; font-size:20px; line-height:1.3; font-family:microsoft yahei; text-align:left; }
.con_nei .left .con span{ font-weight:bold;}
.con_nei .right{ width:48%; height:473px; overflow:hidden; margin:0 0 0 1%; float:right; background:url(../img/images/t18.png) no-repeat center top; background-size:100% auto;}
.con_nei .right .map{ width:92%; height:260px; overflow:hidden; margin:22px auto 0 auto;}

.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#0b90d3; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#0b90d3; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#0b90d3;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:right;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 20px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:10px auto; font-size:18px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:94%; height:50px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:50px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:96%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:50px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#0b90d3; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:50px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

}

@media screen and (max-width:1366px){
.w{ width:92%; height:auto;}

.head { width:100%; height:90px;position: relative;left: 0;top: 0;right: 0;z-index: 100;transition:cubic-bezier(0.215,.61,.355,1) .45s; background-color:#fff;}
.lh-logo{width:15%; height:53px; overflow:hidden; float:left; margin:18px auto;}
.lh-logo>div{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-header{width: 100%;height:90px;}
.lh-nav{ width:85%; position:relative; z-index:3; height:90px; float:right;}
.lh-nav-item{ width:85%; text-align:center; float:right;}
.lh-nav-item li{ margin-right:0; position:relative; display:inline-block;}
.lh-nav-item li a{line-height:90px; color:#333; font-size:16px; display:block; position:relative; padding:0 22px;}
.lh-nav-item li a:hover{color:#0b90d3; font-weight:bold;}
.lh-nav-item li dl{ width:max-content; position:absolute; left:0; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li:nth-child(3) dl{ width:max-content; position:absolute; left:-50px; top:50px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-bottom: 3px solid #0b90d3;border-left: 3px solid #0b90d3;border-right: 3px solid #0b90d3; border-radius:0 0 5px 5px;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0; border-bottom:1px solid #fff;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0;}
.lh-nav-item li dl dd a{font-size:14px; color:#666; line-height:30px; white-space:nowrap; border-bottom:2px solid #fff;}
.lh-nav-item li dl dd a:hover{color:#0b90d3; border-bottom:2px solid #0b90d3; font-weight:400;}
.lh-nav-btn{ width:15%;line-height:90px; color:#fff; font-size:18px; display:block; float:right;}
.lh-nav-btn:hover{opacity:1;}
.lh-nav-btn em{width:22px; height:22px; float:left; margin:35px 10px 0 0; position:relative; background: url(../img/images/t1.png) no-repeat center;background-size: 100%;}
.lh-nav-btn span{display: inline-block;float: left;}
.lh-nav-btn i{display: inline-block;float: left;font-size: 17px;font-family: Arial; color:#0b90d3; font-weight: bold;}
.lh-nav-en{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #fff; border-radius:50%; transition:all 0.4s;}
.lh-nav-en:hover{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #6ebb36; border-radius:50%; transition:all 0.4s; background-color:#6ebb36;}

/* 关于我们 */
.a_bg{width: 100%; height: auto; overflow: hidden; position:relative;}
.left_e{ width:150px; height:100%; overflow:hidden; position:absolute; left:0; top:0; background: linear-gradient(#22bfed,#1796d5); z-index:1;}
.left_e .t{ width:550px; height:50px; overflow:hidden; position:absolute; left:-200px; top:50%; color:#fff; font-size:32px; letter-spacing:20px; line-height:55px; font-weight:bold; font-family:microsoft yahei; text-align:left; z-index:10; transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}

.about{display:block; margin:90px auto;}
.about .top{ width:45%; height:auto; display:inline-block; position:relative; margin-left:200px;}
.about .top .shu{ width:8px; height:36px; overflow:hidden; background: linear-gradient(#22bfed,#1796d5); float:left; border-radius:3px; margin:7px 10px 0 0;}
.about .top .cn{ width:80%; height:auto; overflow:hidden; float:left; color:#000; font-size:42px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; }
.about .top .en{ position:absolute; left:-30px; top:20px; color:#fff; font-size:55px; line-height:1.2; font-family:microsoft yahei; text-align:left; font-weight:bold; background-image:-webkit-linear-gradient(top left
,#307bb6,#1fdf9b); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.08; z-index:1;}

.about .center{ width:920px; height:380px; display:inline-block; position:relative; margin:96px auto 0 200px; background:#fff; box-shadow:5px 5px 10px #e9e9e9;}
.about .center .title{ width:85%; height:auto; overflow:hidden; margin:50px auto 0 auto; color:#333; font-size:24px; line-height:1.5; font-family:microsoft yahei; text-align:left;}
.about .center .con{width:85%; height:auto; overflow:hidden; margin:30px auto 0 auto; color:#333; font-size:16px; line-height:2; font-family:microsoft yahei; text-align:left;}
.about .center .con pre{font-family:microsoft yahei; white-space: normal; text-indent:2em;}
.about .center .more{ height:auto; overflow:hidden; margin:50px 7.5% 0 7.5%; padding:10px 25px; background: linear-gradient(to left,#22bfed,#1796d5); color:#fff; font-size:16px; line-height:1.2; font-family:microsoft yahei; text-align:center; border-radius:25px 0 25px 0; display:inline-block;}

.about .down{ width:80%; height:auto; overflow:hidden; margin:60px auto 0 200px;}
.about .down .lie{ width:25%; height:auto; float:left; overflow:hidden; transition:all 0.3s;}
.about .down .lie .pic{ width:100%; height:50px; text-align:center; margin:0 auto; overflow:hidden; transition:all 0.3s;}
.about .down .lie .title{ width:100%; height:auto; margin:10px auto 0 auto; overflow:hidden; font-size:20px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center; font-weight:bold; transition:all 0.3s;}
.about .down .lie:hover .title{color:#0b90d3;}


/*foot*/
.footer{width:100%; height:420px; overflow:hidden; background:url(../img/images/bg2.jpg) no-repeat center top; position:relative;}
.footer .top{ width:100%; height:95px; overflow:hidden; margin:0 auto; border-bottom:1px solid #50bde1; text-align:center;}
.footer .top .w .title{ width:260px; height:45px; overflow:hidden; margin:25px 190px 25px auto; display:inline-block; background:url(../img/images/t8.png) no-repeat left center; }
.footer .top .w .title .t{ width:210px; height:20px; overflow:hidden; margin:0 auto 0 50px; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:20px; text-align:left;}
.footer .top .w .title .c{ width:210px; height:25px; overflow:hidden; margin:0 auto 0 50px; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:25px; text-align:left;}
.footer .top .w .title:nth-child(2){width:260px; height:45px; overflow:hidden; margin:25px 190px 25px auto; display:inline-block; background:url(../img/images/t9.png) no-repeat left center; }
.footer .top .w .title:nth-child(3){width:260px; height:45px; overflow:hidden; margin:25px auto; display:inline-block; background:url(../img/images/t10.png) no-repeat left center; }
.footer .center{overflow:hidden; margin:25px auto 0 auto; color:#fff; text-align:center;}
.footer .center a{ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.2; text-align:left; }
.footer .center a:nth-child(1){ width:auto; height:auto; overflow:hidden; margin:0 auto; padding:0 30px 0 0; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1; text-align:left; }
.footer .center a:hover{color:#ccc;}
.footer .right{overflow:hidden; margin:35px auto; text-align:center;}
.footer .right li{ display:inline-block; text-align:center; font-size:16px; color:#fff;}
.footer .right li:last-child{ margin-left:30px;}
.footer .right li .img{ width:120px; height:120px; display:block; overflow:hidden; background-color:#fff; border-radius:10px; margin-bottom:5px;}
.footer .right li img{ width:110px; height:110px; margin:5px; }
.footer .right li .title{ width:110px; height:30pxpx; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:30px; text-align:center;}
.footer .copy{ width:100%; height:54px; overflow:hidden; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:54px; text-align:left;}
.footer .copy a{ color:#fff;}

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width:80%; height:auto; margin:0 auto; overflow:hidden; padding:50px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#f3f3f3; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#6ebb36;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#6ebb36;}
/*位置*/
.locals{ width:100%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }
.locals a{ line-height:30px; font-size:16px; color:#a4a4a4; font-family:microsoft yahei; text-align:left; }
/*contact*/
.con_nei .left{ width:49%; height:auto; overflow:hidden; margin:0 1% 0 auto; float:left;}
.con_nei .left .title{ width:90%; height:auto; overflow:hidden; margin:0 auto 40px 5%; overflow:hidden; color:#0b90d3; font-size:28px; line-height:1.5; font-family:microsoft yahei; font-weight:bold; text-align:left;}
.con_nei .left .con{ width:90%; height:auto; overflow:hidden; margin:0 auto 15px 5%; overflow:hidden; color:#333; font-size:20px; line-height:1.3; font-family:microsoft yahei; text-align:left; }
.con_nei .left .con span{ font-weight:bold;}
.con_nei .right{ width:48%; height:473px; overflow:hidden; margin:0 0 0 1%; float:right; background:url(../img/images/t18.png) no-repeat center top; background-size:100% auto;}
.con_nei .right .map{ width:92%; height:260px; overflow:hidden; margin:22px auto 0 auto;}

.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#0b90d3; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#0b90d3; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#0b90d3;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:microsoft yahei;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:right;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 20px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:10px auto; font-size:18px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:94%; height:50px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:50px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:96%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:50px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#0b90d3; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:50px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

}