body,html{ overflow-x:hidden;font-family:"Microsoft YaHei",微软雅黑,STHeiti;font-size:12px; margin:0px; padding:0px; letter-spacing:1px; color:#333;}
ul,li{margin:0px; padding:0px; list-style:none;}
ul,li,dir,h4,h3,p{ margin:0px; padding:0px;}
a{ text-decoration:none;transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
body,html{width:100%;}
a:hover{text-decoration:none;transition: all 0.3s linear; color:#00adef;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
img{border:none;}
.clear{clear:both;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#000;}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#666;}
::-webkit-scrollbar-thumb:hover{background:#666;}
::selection {
background:#00adef;
color: #fff;
}
/*daohang开始*/
.header{ width:100%; height:100px; background:#00adef; position:fixed; width:100%; z-index:999999999;}
.header_left{ width:100%; float:left; position:relative}
.header_right{ width:30%; float:right;}
.logo_box{ float:left;}
.menu{float:right;}
.menu ul li{ }
.menu ul li a{ }
.menu ul li a:hover{}
.header_right{ width:15%; float:right; padding-top:5px;}
.header_right_top{ background:url(../images/globe.png) no-repeat left center; position:relative; padding-left:22px; height:23px;}
.header_right_top a{ font-size:12px;}
.header_right_top a:hover{ color:#fff;}
.header_right_bot{ width:100%; padding-top:12px; }
.header_right_bot ul li{
float:left;
width:28px;
height:28px;
-moz-border-radius: 15px;
border-radius: 15px;
background:#2ba9e0; margin-right:10px;
}
.menu{
float:right;
height:50px;
line-height:85px;
margin-top:10px;
}
.menu>ul>li{
width:100px; padding-right:20px; float:left; line-height:100px; position:relative;
}
.menu>ul>li:first-child{text-align:center;}
.menu>ul>li>a{
color:#fff; font-size:16px;
}
.menu>ul>li>a:hover{
color:#64ccf5;
}
.menu>ul>li>ul{
position:absolute;
top:80px;
left:0;
z-index:999;
background:#00adef;
padding:15px 0;
display:none;
border-radius:5px;
}
.menu>ul>li>ul>li{
position:relative;
line-height:35px;
padding:0 30px 0 15px;
border-top: 1px dashed rgba(255,255,255,.2);
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
}
.menu>ul>li>ul>li:last-child{
border-bottom: 1px dashed rgba(255,255,255,.2);
}
.menu>ul>li>ul>li>a{
color:#fff;
display:block;
white-space: nowrap;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
}
.menu>ul>li>ul>li:hover>a{
color:#64ccf5;
padding-left:15px;
}
/*daohang结束*/
.banner{position:relative;text-align:center;width:100%;height:600px}
@media only screen and (max-width:1920px){.banner{height:600px}
}
@media only screen and (max-width:1680px){.banner{height:525px}
}
@media only screen and (max-width:1600px){.banner{height:500px}
}
@media only screen and (max-width:1440px){.banner{height:450px}
}
@media only screen and (max-width:1366px){.banner{height:427px}
}
@media only screen and (max-width:1280px){.banner{height:400px}
}
@media only screen and (max-width:1199px){.banner{height:375px}
}
@media only screen and (max-width:1024px){.banner{height:320px}
}
.banner .pic{position:relative;width:100%;height:100%}
.banner .pic li{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:1;background-repeat:no-repeat}
#Banner .btn{position:absolute;width:100%;height:135px;bottom:0;left:0;z-index:5}
#Banner .btn li{width:14px;height:14px;margin-top:70px;line-height:9px;color:#fff;display:inline-block;background:#000;overflow:hidden;margin-right:7px;overflow:hidden;border-radius:50%}
#Banner .btn li.selected{background:#1b82c4}
/** banner **/
.banner{ position:relative;}
.banner1{ background:url(../images/banner2.jpg) no-repeat center center; background-size:cover;}
.banner5{ background:url(../images/banner5.png) no-repeat center center; background-size:cover;}
.banner2{background:url(../images/banner5.jpg) no-repeat center center; background-size:cover;}
.banner3{ background:url(../images/banner1.jpg) no-repeat center center; background-size:cover;}
.banner6{ background:url(../images/sp.gif) no-repeat center center; background-size:cover;}
.banner7{background:url(../images/banner9.jpg) no-repeat center center; background-size:cover;}
.bannerwz{ position:absolute; top:0px; left:0px; width:100%; z-index:99;}
.bannerwzbt{ margin-top:30%; margin-left:12%; font-size:35px; color:#00adef;text-shadow: 2px 2px 3px #fff; position:relative; font-weight:600;}
.bannerwzbt1{ font-weight:bold;margin-top:14%; font-size:35px; color:#000; text-shadow: 2px 2px 3px #fff; line-height:normal; margin-right:11%; position:relative; padding-bottom:20px; margin-bottom:20px;}
.bannertext{font-size:20px; margin-top:-3%; text-transform:uppercase;margin-bottom:0px;color:#686868}
.bannerwz a{ margin-top:30px; display:block; width:150px; height:40px; line-height:40px; background:#00adef; color:#fff; text-align:center; text-transform:capitalize; margin-left:20%;}
.bannerwz a i{ margin-left:8px;}
.bannerwz a:hover{ border:1px solid #00a0e9; background:#00a0e9; color:#fffs;}
.lk{font-size:16px; font-weight:600; color:#00adef; margin-top: 0px;line-height:50px; height:50px;}
.bannerimg{width: 274px;
background: url(../images/cyc.png);
background-size: 10px 10px; height:109px;}
.banner{ width:100%; text-align:center; position:relative;}
.banner_wz{ position:absolute; z-index:999; top:35%; left:5%;}
.banner_wz h1{ font-size:46px; color:#0077be;}
.banner_wz p{ font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.banner_wz .anniu{ background:#0077be; width:120px; line-height:35px; text-align:center; color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; margin-top:30px;}
.sp_wenzi{
width:806px;
height:220px;
margin:auto;
margin-top:60px;
}
.spsppro{
position:relative;
}
.spsppro img{
width:100%;
}
.sp_wenzi1{
position:absolute;
top:-20px;
left:122px;
width:310px;
height:45px;
z-index:999;
text-align:center;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition:all 2s cubic-bezier(.645,.045,.355,1);
-moz-transition:all 2s cubic-bezier(.645,.045,.355,1);
-ms-transition:all 2s cubic-bezier(.645,.045,.355,1);
-o-transition:all 2s cubic-bezier(.645,.045,.355,1);
transition:all 2s cubic-bezier(.645,.045,.355,1);
}
.sp_wenzi2{
position:absolute;
top:25px;
right:0;
width:420px;
height:45px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition:all 2s cubic-bezier(.645,.045,.355,1);
-moz-transition:all 2s cubic-bezier(.645,.045,.355,1);
-ms-transition:all 2s cubic-bezier(.645,.045,.355,1);
-o-transition:all 2s cubic-bezier(.645,.045,.355,1);
transition:all 2s cubic-bezier(.645,.045,.355,1);
}
.sp_wenzi3{
position:absolute;
top:70px;
left:190px;
width:520px;
height:45px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition:all 2s cubic-bezier(.645,.045,.355,1);
-moz-transition:all 2s cubic-bezier(.645,.045,.355,1);
-ms-transition:all 2s cubic-bezier(.645,.045,.355,1);
-o-transition:all 2s cubic-bezier(.645,.045,.355,1);
transition:all 2s cubic-bezier(.645,.045,.355,1);
}
.sp_wenzi4{
position:absolute;
top:115px;
right:-50px;
width:585px;
height:52px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition:all 2s cubic-bezier(.645,.045,.355,1);
-moz-transition:all 2s cubic-bezier(.645,.045,.355,1);
-ms-transition:all 2s cubic-bezier(.645,.045,.355,1);
-o-transition:all 2s cubic-bezier(.645,.045,.355,1);
transition:all 2s cubic-bezier(.645,.045,.355,1);
}
/** banner **/
/** sec **/
.sec{ background:#222; padding-top:100px; padding-bottom:100px; text-align:center;}
.sectext{ color:#d3d3d3;}
.seczw{ font-size:48px; position:relative; padding-bottom:20px; margin-bottom:20px;}
.seczw:after{position:absolute; bottom:0px; left:50%; width:30px; height:2px; background:#00adef; content:""; margin-left:-6px;}
.secyw{ font-size:24px; margin-top:10px; text-transform:uppercase; margin-bottom:0px;}
/** sec **/
/** sec2 **/
.sec2{ overflow:hidden;}
.sec2 .row{width: 1170px;margin: 50px auto 0;border-bottom: 1px solid #e5e5e5;}
.sec2 .col-lg-3{ padding:0px;}
.sec2img{ background:#f5f5f5; position:relative;}
.sec2warp{ border-right:1px solid #e5e5e5;}
.sec2text{ text-align:center; margin-top:30px; padding-bottom:30px; height: 192px;}
.sec2text p{ font-size:18px;}
.sec2text_js{ font-size:14px !important; width:80%; margin:20px auto; height: 100px;}
.sec2text a{ color:#00adef; text-transform:capitalize; margin-top:10px; display:block;}
.sec2text a i{ margin-left:8px;}
.sec2warp:hover{-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;}
.sec2warp:hover .sec2text a{ margin-left:10px;color:#00adef;}
.sec2bg{ position:absolute; top:10px; left:10px; bottom:10px; right:10px;background-color: rgba(0, 0, 0, .7); text-align:center;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2bg .sec2bt{ font-size:18px; color:#fff; position:relative; padding-bottom:30px; padding-top:35%;}
.sec2bg .sec2bt:after{position:absolute; bottom:0px; left:50%; width:30px; height:2px; background:#fff; content:""; margin-left:-15px;}
.sec2bg .sec2more{ width:150px;width:150px; height:40px; line-height:40px; background:#00adef; color:#fff; text-align:center;text-transform:capitalize; margin:0 auto; margin-top:30px;}
.sec2bg .sec2more i{ margin-left:8px;}
.sec2bg .sec2more:hover{border:1px solid #00a0e9; background:#00a0e9; color:#fff;}
.boder{ position:absolute;background:#00adef;}
.boder_top{ width:0%; height:5px; top:0px; left:0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.boder_left{ width:5px; height:0%; left:0px; bottom:0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.boder_bottom{ width:0%; height:5px; right:0px; bottom:0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.boder_right{ width:5px; height:0%; right:0px; top:0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2warp:hover .boder_top{ width:100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2warp:hover .boder_left{ height:100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2warp:hover .boder_bottom{ width:100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2warp:hover .boder_right{ height:100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2warp:hover .sec2bg{opacity:1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
/***indexcon***/
.indexcon{padding: 60px 0 60px;
background: #f3f4f4;}
.indexcontitle{}
.indexcontitle p{ font-size:32px; color:#000; margin-bottom:20px;}
.indexcontitle p:after{position: absolute;
bottom: 0;
left: 0px;
width: 104px;
height: 4px;
content: "";
background: url(../images/cyc.png) repeat-x;
background-size: 10px 10px;}
.indexbt{ margin-bottom:43px;}
.indexconwarp{ background:#fff;border-right: 1px solid #cbcbcb; position:relative; right:-300px; opacity:0;}
.pro_left{position:relative; left:-300px; opacity:0;}
.pro_right{position:relative; right:-300px; opacity:0;}
.indexcontextwarp{position: relative;
top: 0;
padding: 20px 25px 20px;
-webkit-transition: top .3s;
transition: top .3s;
color: #000;
background: #fff; cursor:pointer;}
.indexconbt{margin: 0 0 11px; font-size:18px; color:#333;}
.indextext{ font-size:13px;padding: 0 18.09945% 0 0; color:#808080; line-height:22px; height:110px; overflow:hidden;}
.indexconlist .col-lg-3{ padding:0px;}
.indexcon .container{width: 100%;
max-width: 1260px;
margin: 0 auto;
padding: 0 20px;
}
.indexcon .row{margin-right: 0px;
margin-left:0px;}
.indexcon .col-lg-12{padding:0px;}
.indexconwarp:hover .indexcontextwarp {
top: -10px;
}
.link{
position: absolute;
z-index: 5;
bottom: 10px;
left: 25px;
display: none;
}
.link a{color: #0187d0; font-size:14px; background:url(../images/sj.png) no-repeat right 1px; padding-right:30px; line-height:16px;}
.indexcontextwarp:after{position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
margin: -20px 0 0;
content: "";
-webkit-transition: margin .3s;
transition: margin .3s;
background: #fff;}
.indexconwarp:hover .indexcontextwarp:after {
margin: 0;
}
.indexconwarp:hover .link{
display: block;
}
.indexconimgbg{ position:absolute; top:0px; left:0px; width:100%; height:100%;background-color: rgba(0, 0, 0, 0);transition: all 1s;
-webkit-transition: all 1s;}
.indexconimg{ position:relative;}
.indexconwarp:hover .indexconimgbg{background-color: rgba(0, 0, 0, .25);transition: all 1s;
-webkit-transition: all 1s;}
/***indexcon***/
/** sec2 **/
/** sec3 **/
.sec3{ background:url(../images/s01.jpg) no-repeat center center fixed; background-size:cover; padding-top:100px; padding-bottom:100px;}
.sec3text p{ color:#d3d3d3; width:410px;}
.sec3titlte{ font-size:40px; margin-bottom:30px; position:relative; padding-bottom:20px;}
.sec3titlte:after{position:absolute; bottom:0px; left:0%; width:30px; height:3px; background:#d3d3d3; content:"";}
.sec3wz{ line-height:26px; font-size:14px;}
.sec3wztop{ margin-top:30px;}
.sec3text a{ margin-top:20px; display:block; width:150px; height:40px; line-height:40px; background:#00adef; color:#fff; text-align:center; text-transform:capitalize;}
.sec3text a i{ margin-left:8px;}
.sec3text a:hover{ border:1px solid #00a0e9; background:#00a0e9; color:#fff;}
/** sec3 **/
/** sec4 **/
.sec4{/* background:url(../images/newsbg.jpg) no-repeat center center; background-size:cover;*/ background:#d8d8d8; padding:40px 35px;}
.sec4title{font-size:48px;color:#d3d3d3; margin-bottom:30px; position:relative;padding-bottom:10px;}
.sec4title:after{position:absolute; bottom:0px; left:0%; width:30px; height:3px; background:#d3d3d3; content:"";}
.sec4warp{ background:rgba(34,34,34,.9);padding:50px 45px;}
.sec4warp a{color:#d3d3d3; text-transform:capitalize; margin-top:20px; display:block;}
.sec4warp a i{ margin-left:8px;}
.indexnewsbt{ font-size:18px; color:#e5e5e5; position:relative; padding-bottom:20px; margin-bottom:20px;}
.indexnewsbt i{ margin-right:5px; font-size:14px;}
.indexnewsbt:after{position:absolute; bottom:0px; left:0%; width:30px; height:1px; background:#00adef; content:"";}
.indexnewswz{color:#d3d3d3; line-height:24px;}
.indexnewsdate{ margin-top:20px;color:#999; margin-bottom:10px;}
.sec4warp:hover a {color:#fff; margin-left:10px;}
.indexnewstop{ margin-top:30px;}
.sec4warp:hover{ margin-top:-10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; background:#00adef;
}
.sec4warp{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.sec4warp:hover .indexnewsbt:after{background:#fff;}
.sec4warp:hover .indexnewsdate{ color:#d3d3d3;}
/** sec4 **/
/** sec5 ***/
/***indexpro***/
.indexprobt{ text-transform:uppercase;margin: 48px 0 40px 0;font-family: "DINWeb-Medium-woff"; color:#00adef;
font-size: 3.4em;
line-height: 34px;}
.indexprolist{ position:relative; overflow:hidden; margin-bottom:15px;}
.indexprolist a{ display:block; position:relative;}
.indexprobg{ position:absolute; bottom:0px; left:0px; width:100%;height:50px;background:url(../images/bg_opa.png) repeat; background: rgba(37, 52, 106, .9);
transition: all .6s;
-webkit-transition: all .6s;}
.indexprobg p{ color:#fff; font-size:18px; line-height:50px; padding-left:20px;}
.indexprowarp .col-lg-4{ }
.indexpro .col-lg-12{ padding-left:0px;}
.indexprolist:hover .indexprobg{bottom:-70px;
transition: all .6s;
-webkit-transition: all .6s;}
.indexprolist img{-webkit-transform: scaleX(1) scaleY(1);
transition: all 1s;
-webkit-transition: all 1s;
border: 1px solid #e8e8e8;
}
.indexprolist:hover img{transform:scaleX(1.1) scaleY(1.1);
-webkit-transform:scaleX(1.1) scaleY(1.1);}
.indexprowarp .row{ margin-left:-30px;}
/***indexpro***/
/** index_pro **/
.index_pro{
width:100%;
height:auto;
padding:30px 0 60px 0;
}
.sypro_div{
height:auto;
}
.sypro_div01{
height:auto;
}
.sypro_div01a{
padding:0;
}
.sypro_div02{
height:auto;
padding:0;
}
.sypro_tp{
height:auto;
overflow:hidden;
}
.sypro_tp img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.0);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.sypro_tp img:hover{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.1);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
/*-webkit-filter:brightness(.5);*/
}
.index_pro .row{ margin-left:-30px;}
.sypro_tpwzjs{
width:100%;
height:auto;
background:rgba(0,91,187,0.7);
position:absolute;
bottom:0;
left:0;
z-index:999;
}
.sypro_tpwznr{
height:auto;
padding:20px;
}
.sycptp_wznm{
line-height:25px;
font-size: 18px;
}
.sycptp_wznm a{
color:#fff;
text-transform:uppercase;
}
.sypro_line1{
width:20px;
height:2px;
background:#fff;
margin-left:0;
margin-top:10px;
}
.sypro_more1{
line-height:25px;
text-transform:uppercase;
margin-top:8px;
}
.sypro_more1 a{
color:#fff;
}
.sypro_more1 a:hover{
color:#fff;
}
.sypro_gengduo{
width:600px;
height:50px;
margin-top:50px !important;
margin:0 auto;
}
.sypro_gengduo a{
width:600px;
height:50px;
display:block;
border:1px solid #eee;
text-align:center;
line-height:50px;
color:#000;
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
}
.sypro_gengduo a:hover{
background:#51ccfb;
color:#fff;
border:1px solid #00A0E9;
}
.sypro_tp1{
height:auto;
overflow: hidden;
border:1px solid #eee;
position:relative;
}
.heibj{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#fff;
font-family:"微软雅黑";
letter-spacing:2px;
font-size:20px;
text-align:center;
padding-top:15%;
background:url(../images/hbj.png) no-repeat left top;
}
.ctlgnqt_pic{ width:300px; height:200px; }
.ctlgnqt_pic svg{ width:250px; height:155px;}
.sypro_tp1 img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.0);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.sypro_tp1 img:hover{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.1);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
.sypro_list{
height:auto;
}
.sypro_wznr{
height:auto;
padding-top:15px;
}
.sypro_cpmc{
line-height:25px;
font-size:18px;
}
.sypro_cpmc a{
color:#51ccfb;
}
.sypro_cpmc a:hover{
color:#51ccfb;
}
.sypro_line{
width:20px;
height:2px;
background:#51ccfb;
margin-left:0;
margin-top:10px;
}
.sypro_more{
line-height:25px;
margin-top:20px;
font-size:14px;
font-weight:bold;
font-family: 'webfontregular';
}
.sypro_more a{
color:#005eb8;
}
.sypro_more a:hover{
text-decoration:underline
}
.sypro_div1{}
.sypro_div2{
margin-top:30px;
}
.sypro_gengduo{
width:600px;
height:50px;
margin-top:50px;
}
.sypro_gengduo a{
width:600px;
height:50px;
display:block;
border:1px solid #eee;
text-align:center;
line-height:50px;
color:#000;
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
}
.sypro_gengduo a:hover{
background:#51ccfb;
color:#fff;
border:1px solid #51ccfb;
}
.indexprowarp_con{
left:300px;
opacity:0;}
/** index_pro **/
/** sec5 ***/
/***indexnew***/
.indexnewwarp{ padding-top:50px;}
.indexnew{
padding: 60px 0 60px;
background: #f3f4f4;}
.indexnew .container{width: 100%;
max-width: 1260px;
margin: 0 auto;
padding: 0 20px;
}
.indexnewwarp .col-lg-12{padding:0px;}
.indexnew .row{margin-right: 0px;
margin-left:0px;}
.indexnew .col-lg-12{padding:0px;}
.indexnewstext p{text-shadow: 0 1px 0 #fff; line-height:22px; width:100%; margin:0 auto; font-size:13px; color:#666;}
.code{width:30%; float:left;}
.code ul{margin:0px; padding:0px;}
.code ul li{width:31%;margin-right:3.5%; float:left;}
.code ul li:nth-child(3){margin-right:0;}
.code ul li img{width:100%;}
.indexaboutimg{ position:relative; overflow:hidden; }
.indexaboutimg:hover .indexnewbg{ bottom:0px;transition: all 1s;
-webkit-transition: all 1s;}
.lastnews{ margin-bottom:50px;}
.lastnewsbt{text-shadow: 0 1px 0 #fff; text-align:center; font-size:24px; margin-bottom:30px;}
.lastnewstext{ position:relative; background:url(../images/line2.png) no-repeat right center;}
.lastdate{ color:#999;text-shadow: 0 1px 0 #fff; font-size:12px; letter-spacing:1px;}
.lasttext{ width:90%;margin-top:10px; height:70px; overflow:hidden; margin-bottom:10px;}
.lasttext a{ color:#333;text-shadow: 0 1px 0 #fff; font-size:12px; line-height:22px;color:#666;}
.lasttext a:hover{ color:#0187d0;}
.lastnewsbt a{ font-size:12px; text-transform:uppercase;float:right; margin-right:15px; color:#0187d0; line-height:35px;}
.indexnewwarp .col-lg-4{ padding-left:0px;}
.indexnewwarp .col-lg-3{ padding-left:0px; position:relative; right:-300px; opacity:0;}
.indexnewwarp .row{}
.indexmore{ margin-top:20px;}
.indexmore a{ display:block; width:100px; height:35px; line-height:35px; background:#0187d0; color:#fff; text-align:center;}
.indexnewimg{ border:1px solid #fff; position:relative; overflow:hidden;}
.indexnewbg{ position:absolute; bottom:-40px; height:40px; width:100%; left:0px;background-color: rgba(0, 0, 0, .5);transition: all 1s;
-webkit-transition: all 1s;}
.indexnewbg p{ font-size:18px; line-height:40px; color:#fff; margin-left:20px;}
.indexnewimg:hover .indexnewbg{ bottom:0px;transition: all 1s;
-webkit-transition: all 1s;}
.indexnewsmore a{color:#0187d0;transition: all 1s;
-webkit-transition: all 1s;}
.indexnewsmore a:hover{ margin-left:10px;transition: all 1s;
-webkit-transition: all 1s;}
.indexnewimg img{-webkit-transform: scaleX(1) scaleY(1);
transition: all 1s;
-webkit-transition: all 1s;}
.indexnewimg:hover img{transform:scaleX(1.1) scaleY(1.1);
-webkit-transform:scaleX(1.1) scaleY(1.1);}
.inner {width: 1170px;overflow: hidden;margin: 0 auto;}
.con {width:100%; overflow:hidden;}
.con1 {height:570px; background:#fff;}
.con1 .title { height:100px; padding:50px 0; text-align:center; display: table; width: 100%;}
.con1 .box {width:260px; padding:0 25px; height:318px; float:left; background:#f1f1f1; color:#444;margin:0 16px; text-align:center; }
.con1 .box:hover { background:#00adef; color:#fff;}
.con1 .box .pic { padding:25px 0 10px 0; text-align:center;}
.con1 .box h1 { font-size:16px; height:35px; margin-top: 10px; line-height:35px; border-bottom:1px dashed #fff;}
.con1 .box h2 { font-weight:normal; font-size:12px; line-height:20px;}
.con1 .box a {width:96px; height:24px; line-height:24px; border:1px solid #bbb; display:block; margin:20px auto; color:#bbb; font-size:12px;}
.con1 .box a:hover { border:1px solid #fff;color:#fff;}
.con3_m{display:none;}
.con3 { background:#fff; overflow:hidden; zoom:1; padding-bottom:10px;}
.con3 .AD1 {width:1920px; display:table; position:relative; left:50%; margin-left:-960px; height:92px; padding-top: 10px;}
.con3 .AD-title {width:1920px; position:relative; left:50%; margin-left:-960px; height:105px;}
.con3 .ys {width:960px;display:table;margin:0 auto; background:url(../images/con3-bg.jpg) no-repeat;}
.con3 .ys .box1 {padding:55px 0px 0 85px; height:330px; clear:both;display:table;}
.con3 .ys h1{ font-weight:normal; font-size:24px; color:#b80000; margin:0;}
.con3 .ys font {color:#3a0f00;}
.con3 .ys h3 { font-weight:normal; font-size:12px;}
.con3 .ys h2 { padding-top:16px; font-weight:normal; font-size:14px; width:390px; float:left; line-height:24px; margin:0;letter-spacing:0px; }
.con3 .ys .box2 { padding:96px 0 0 545px; display:table; height:240px;clear:both; float:left;width:400px;}
.con3 .ys .box3 {padding:95px 0 0 85px; display:table; clear:both; width:395px; float:left;}
.application{width:1170px;margin:0px auto;}
.application> .title{height: 70px; text-align: center; margin: 35px 0 46px 0; background: url(../images/case-bts.png) no-repeat center 46px;}
.application> .title p{font:bold 22px/2.0 "微软雅黑";text-align:center;}
.application> .title .bg{font:14px/1.1 "微软雅黑";}
.ban{ width:1170px; height:530px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:1170px; height:350px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1170px; height:350px;}
.ban2 ul li .textBox{background:#f0f0f0; overflow: hidden;width:1170px;height:350px;}
.ban2 ul li .textBox> div{float:left;}
.ban2 ul li .textBox .img {width:480px;height:350px;}
.ban2 ul li .textBox .img img{width:100%;height:100%;}
.ban2 ul li .textBox .text{margin-top: 20px;padding:0px 20px ;width:680px;height:330px;}
.ban2 ul li .textBox .text .p1{font:bold 20px/1.5 "微软雅黑";}
.ban2 ul li .textBox .text .p2{font: 16px/28px "微软雅黑";color: #D60011;margin-bottom: 10px;font-weight: bold;}
.ban2 ul li .textBox .text .p3{font: 14px/2.5 "微软雅黑";color: #363636;text-align: justify; height: 185px;overflow: hidden;}
.ban2 ul li .textBox .text .p4{margin-top:20px;}
.ban2 ul li .textBox .text p> a{color: #D60011}
.prev{ float:left; cursor:pointer;}
.num{ height:160px;overflow:hidden; width:1120px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:1170px; display:table; border:1px solid #e8e8e8;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:172px; height:150px; margin-right:17px; padding:2px; border:1px solid #e8e8e8;}
.num ul li img{width:166px;height:120px;}
.num ul li a p{font:12px/26px "微软雅黑";text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.num ul li.on{ background:#c9cece;}
.num ul li.on a{color:#fff;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:65px; margin-right:10px; cursor:pointer; float:left;}
.next_btn1{ width:16px; text-align:center; height:18px; margin-top:65px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:1170px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:1170px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:1170px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
/***indexnew***/
/***合作伙伴***/
.indexworkwarp .col-lg-2{}
.copra{ border:1px dotted #e5e5e5;transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
.copra:hover{ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
/***合作伙伴***/
.sec5title{font-size:40px;color:#333; margin-bottom:30px; position:relative;padding-bottom:10px;}
.sec5title:after{position:absolute; bottom:0px; left:0%; width:30px; height:3px; background:#333; content:"";}
.indexwork{ padding:80px 0;}
/** footer **/
.footer{ background:#00adef;}
.copy{ line-height:65px; color:#ccc; font-family:Arial, Helvetica, sans-serif;}
.unohacha_logo{ float:right; margin-top:10px;}
.footer_top{ padding-top:40px; padding-bottom:40px; border-bottom:1px solid #083887;}
.footernav h3{ font-size:14px; margin-bottom:10px; color:#fff;}
.footernav a{ display:block; line-height:24px; color:#ccc;}
.footernav a:hover{ color:#fff;}
.footer_top .col-lg-3{ width:20%;}
.footernav a:hover{ margin-left:10px;}
/** footer **/
.showmore{ margin-top:30px; margin-bottom:30px;}
.showmore a{ margin-top:20px; display:block; width:150px; height:40px; line-height:40px; background:#00adef; color:#fff; text-align:center; text-transform:capitalize; margin:0 auto;}
.showmore a i{ margin-left:8px;}
.showmore a:hover{ border:1px solid #00adef; background:none; color:#00adef;}
/** 特效 **/
.sectop{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.sec2top{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.sec3left{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;left:-200px;}
.indexnewshd{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
/** 特效 **/
.sec5{ padding-top: 50px;}
/** 内页 **/
.abbanner{ position:relative;}
.bannernav{ position:absolute;left:0px; bottom:0px; background:#00adef; width:100%;}
.bannernav ul{ text-align:center}
.bannernav ul li{ line-height:60px; width:25%; border-right:1px solid #51ccfb; float:left;}
.bannernav ul li a{ color:#fff; display:block; font-size:14px;}
.bannernav ul li a:hover{ color:#fff; background:#64ccf5;}
.bannercur{ background:#64ccf5;}
/** 内页 **/
.gallery:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery a{width:260px;height:174px;display:inline-block;margin:14px 10px;border:1px solid #e8e8e8}
.gallery a:hover{box-shadow:0 0 4px 2px #999}
.gallery img{height:100%}
.gallery span{height:30px; line-height:30px; text-align:center; width:100%; display:table; color:#51ccfb;}
.gallery2:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery2 a{width:260px;height:370px;display:inline-block;margin:14px 10px;border:1px solid #e8e8e8}
.gallery2 a:hover{box-shadow:0 0 4px 2px #999}
.gallery2 img{height:100%}
.gallery2 strong{height:30px; line-height:30px; text-align:center; width:100%; display:table; color:#51ccfb;}
.baguetteBoxOne{width:1170px;margin:0 auto}
.honer_title{width:96%; height:50px; line-height:50px; font-size:26px; font-weight:bold; color:#333; border-bottom:1px solid #e8e8e8; margin:30px 0;}
.honer_title .more2{margin-left:10px; height:32px; color:#666; font-size:14px;border: 0;margin: 0px;display: inline-table; text-indent: 10px;}
.honer_title .more2:hover{box-shadow:none;}
/** about **/
.about{ padding-top:70px; padding-bottom:80px;}
.about_title{ border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:30px; font-size:14px;}
.about_title a{ color:#333;}
.about_title a i{ margin-right:8px;}
.about_title span{ margin-left:8px; color:#666;}
.about_title a:hover{ color:#00adef;}
.about_warp p{ line-height:30px; margin-bottom:10px; font-size:14px; margin-top: 10px;}
.about_warp h2{ margin-bottom:20px; font-size:18px; font-weight:600;}
.about_img{ margin-top:35px;}
/** about **/
/** honor **/
.honor_warp{ text-align:center; border:1px solid #e5e5e5; padding-bottom:30px;}
.honor_warp p{ margin-top:20px; font-size:14px;}
.honor_top{ margin-top:40px;}
.honor_warp:hover{-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.honor_warp{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
/** honor **/
/** news **/
.news_list{ padding-left:25px; padding-right:25px; padding-top:25px; border:1px solid #e8e8e8; background:#fff; margin-bottom:30px;}
.newswarp{ margin-top:60px;}
.news_date{ position:relative; padding-left:20px;}
.news_date:after{position:absolute; top:50%; left:0px; width:8px; height:2px; background:#51ccfb; content:""; margin-top:-3px;}
.news_img{ margin-top:20px;}
.news_text{ padding-bottom:30px; margin-top:20px;}
.news_text a{ color:#999; margin-top:20px; display:block; text-transform:capitalize;}
.news_text a i{ margin-left:8px;}
.news_list:hover .news_text a{ color:#51ccfb; margin-left:10px;}
.news_text h3{ font-size:14px; font-weight:600;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news_text p{ color:#666; margin-top:20px;}
.news_list:hover h3{ margin-left:-10px;color:#51ccfb;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_list:hover{-webkit-filter: brightness(103%);
filter: brightness(103%);
box-shadow: 0 20px 40px -10px rgba(0,0,0,.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_list{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_list:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_img{ overflow:hidden;}
.news_img img{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_one{ border-bottom:1px dotted #ccc; padding:20px 0px;}
.news_one .news_bottom_date{ color:#666;}
.news_one .news_bottom_gs{ display:inline-block; width:120px; height:25px; line-height:25px; background:#51ccfb; text-align:center; color:#fff; text-transform:capitalize; margin-left:20px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_one .news_text{ color:#333; margin-left:20px; font-weight:600;}
.news_one .news_bottom_more{ float:right; text-transform:capitalize; line-height:25px;}
.news_one .news_bottom_more i{ margin-left:8px;}
.news_one:hover .news_bottom_gs{ background:#00a0e9;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.news_one:hover .news_text{ color:#51ccfb; margin-left:30px;}
.news_one:hover .news_bottom_more{ margin-right:10px;}
.news_fl{ float:right; margin-top:20px;}
.news_fl a{ margin-right:10px; font-size:14px; color:#999; text-transform:capitalize; display:inline-block; width:150px; height:30px; line-height:30px; background:#e5e5e5;}
.news_fl .news_fl_cur{ background:#64ccf5; color:#fff;}
.news_fl a:hover{background:#64ccf5; color:#fff;}
.news_top{ margin-top:50px;}
/** news **/
/** 岗位自荐 **/
.applic{}
.zxyp{ height:auto; padding-top:10px; margin:0 auto;background-color: rgba(255, 255, 255, .7); padding-bottom:40px;
}
.zxzpnr{ width:auto; height:auto;padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;color:#666;font-size:12px;line-height:30px; border-bottom:1px #ddd dashed }
.tjl{ width:100px; height:50px; position:relative; float:right}
.biaoge{ width:auto; height:auto; margin:0 auto; padding-top:20px;}
.biaoge table{ border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid;}
.biaoge table tr td{border-top:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.biaoge table tr td input{ background:none; outline:none; padding-left:5px; padding-right:5px;}
.biaoge table tr td textarea{ background:none;padding-left:5px; padding-right:5px;outline:none;}
.tjqx{ width:100%;height:60px; margin:0 auto;border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;border-bottom:1px #e1e1e1 solid;}
.tjqxmid{ width:200px; height:30px; margin:0 auto; padding-top:15px;}
.tjqxz{ float:left; width:80px; height:30px;line-height:28px; text-align:center;font-size:12px;}
.tjqxz a{color:#00adef; display:block;}
.tjqxz a:hover{color:#fff; background:#00adef; display:block;}
.tjqxy{float:right; width:80px; height:30px; line-height:28px;text-align:center;font-size:12px;}
.tjqxy a{color:#00adef; display:block;}
.tjqxy a:hover{color:#fff; background:#00adef; display:block;}
.pxfz{ width:780px; height:auto; padding-top:20px; margin:0 auto;}
.tub{ position:relative; z-index:9999; margin-top:-15%;}
.phonebiaoge{ margin-top:70px;}
.phonebiaoge td{ border:1px solid #ccc; text-align:center; height:40px; line-height:40px;}
/** 岗位自荐 **/
/** 人才招聘 **/
.recitem{ margin-top:50px;position:relative;}
.xsry{ font-size:18px; color:#00adef; font-weight:600;}
.zptj p{ line-height:24px;}
.recmore{ margin-top:30px; position:relative; float:right; margin-right:50px;}
.recmore a{ display:block; width:180px; height:40px; line-height:40px; border:1px solid #00adef; text-align:center; font-size:12px;text-transform:uppercase;}
.recmore a:hover{ background:#00adef; color:#fff;border:2px solid #00adef; }
.margin30{ margin-top:30px;}
.recitem{ border-bottom:1px dotted #ccc; padding-bottom:50px;}
.recimg{ border:1px solid #fff;position:relative;}
.recwarp{position:relative;}
.zpgw{ margin-bottom:5px;}
.zptj{ float:left;}
/** 人才招聘 **/
/** 联系我们 **/
.contact_warp{}
.contact_warp h2{ font-size:18px; font-weight:600; position:relative; padding-bottom:20px;}
.contact_warp h2:after{position:absolute; bottom:0px; left:0%; width:30px; height:2px; background:#00adef; content:""; margin-left:0px;}
.contact_warp p{ line-height:34px; font-size:14px;}
.contact_warp p i{ margin-right:8px;}
.contact_warp h3{ font-size:14px; line-height:26px; margin-bottom:15px;}
/** 联系我们 **/
/** 在线留言 **/
.mess_warp{}
.mess_warp h2{ font-size:18px; font-weight:600; position:relative; padding-bottom:20px; margin-bottom:30px;}
.mess_warp h2:after{position:absolute; bottom:0px; left:0%; width:30px; height:2px; background:#00adef; content:""; margin-left:0px;}
.mess_warp p{ margin-bottom:10px;}
.mess_warp input{ border:1px solid #e5e5e5;transition: all 0.4s linear; padding-left:8px; padding-right:8px;
font-family:"Microsoft YaHei","微软雅黑"; outline:none; line-height:40px; width:100%; color:#999;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
height:40px;
}
.mess_warp input:focus {
border-color: #00adef;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37, 52, 106, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37, 52, 106, .6);transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.mess_warp textarea{ border:1px solid #e5e5e5;transition: all 0.4s linear; padding-left:8px; padding-right:8px;
font-family:"Microsoft YaHei","微软雅黑"; outline:none; line-height:40px; width:100%; color:#999;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.mess_warp textarea:focus {
border-color: #00adef;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37, 52, 106, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(37, 52, 106, .6);transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.mess_warp button{ width:120px; height:40px; line-height:40px; background:#00adef; color:#fff; border:none; border:none;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
outline:none;
}
.mess_warp button:hover{ background:#64ccf5;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
/** 在线留言 **/
/** map **/
.map{ margin-top:30px;}
/** map **/
/** 用人之道 **/
.join_one{ border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
.join_one h2{ font-size:18px;}
.join_one p{ margin-top:20px; color:#666;}
.join_list{ text-align:center;}
.join_list p{ margin-top:20px; font-size:14px;}
.join_line{border-bottom:1px solid #e5e5e5;margin:0px; padding-bottom:30px; margin-bottom:30px; margin-top:40px;}
.join_img{ position:relative}
.join_img:after{position:absolute; top:50%; left:90%; width:100px; height:1px; background:#e5e5e5; content:""; margin-left:0px;}
.join_last:after{ background:none;}
/** 用人之道 **/
/** 访客指南 **/
.gudie_top{margin:0px; margin-top:40px; border-top:1px solid #9b9fa6;}
.gudie_one{ border-bottom:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px;}
.gudie_left{ float:left; position:relative; padding:0px 45px;}
.gudie_left:after{position:absolute; bottom:0px; right:0px; width:1px; height:70px; background:#e5e5e5; content:""; margin-left:-6px;}
.gudie_left h2{text-align:center; color:#00adef}
.gudie_left p{text-align:center;}
.gudie_right{ float:left; margin-top:20px; margin-left:50px;}
.gudie_right p{ line-height:24px; color:#666;}
.gudiemian{width:100%; border:1px solid #e5e5e5; height:150px; margin:0px;}
.gudieitem_title{background-color:#0187d0; text-align:center; color:#fff; font-size:18px; line-height:150px;}
.gudieitem{ padding:35px 0px;}
.gudieitem_left{width:90%; float:left;}
.gudieitem_left p{text-align:center;}
.gudieitem_left i{ font-size:34px; text-align:center; color:#333; padding-bottom:20px;}
.gudieitem_left h4{text-align:center; font-size:14px;}
.gudieitem_right{width:10%; float:left;}
.gudieitem_right i{ padding-top:20px; font-size:36px; color:#0187d0;}
/** 访客指南 **/
/******实力呈现******/
.stren_main{width:100%; margin-top:30px;}
.stren_wen{width:100%; line-height:24px; text-align:center;}
.stren_item{margin-top:30px;}
.stren_pic{position:relative; overflow:hidden;}
.stren_bg{position:absolute; top:8px; left:8px; bottom:8px; right:8px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
transform: translateY(40px);
-webkit-transform: translateY(40px);
transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.stren_bg p{text-align:center; color:#fff; margin-top:25%; font-size:16px; line-height:32px;}
.stren_bg:hover{transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;transform: translateY(0px);
-webkit-transform: translateY(0px);}
/******实力呈现******/
/******产品中心******/
.pro_warp{ text-align:center; margin-bottom: 30px;}
.pro_warp p{ margin-top:20px; font-size:14px;}
.pro_img{ border:1px solid #e5e5e5;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.pro_warp:hover .pro_img{
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
#prolb_banner{padding:40px 0;min-height:200px;position:relative;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100%; width:100%;}
#prolb_banner .map_path_box{position:relative;color:#333;margin-top:5px}
#prolb_about{clear:both}
#prolb_about .pro_about_img{float:left;width:40%}
#prolb_about .lb_about_text{width:50%;float:right;margin-top:30px}
#prolb_about .lb_about_text h1.bt{font-size:22px;color:#fff;line-height:30px;margin-bottom:15px}
#prolb_about .lb_about_text span.x{width:40px;height:3px;display:block;background:#fff;margin-bottom:25px}
#prolb_about .lb_about_text .ms{line-height:32px;color:#fff;font-size:14px;max-height:150px;overflow:hidden}
.prolb02_baise_style{}
.prolb02_baise_style .lb_about_text h1.bt{color:#51ccfb!important}
.prolb02_baise_style .lb_about_text span.x{background:#51ccfb!important}
.prolb02_baise_style .lb_about_text .ms{color:#666!important}
.class_title{float:left;width:100%}
.class_title .about_bt{font-size:26px;color:#51ccfb;margin-bottom:10px;line-height:30px}
.class_title .en_bt{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif;margin-bottom:15px}
.class_title .x{display:block;background:#51ccfb;height:3px;width:40px;margin-bottom:30px}
.board_bottom_location{height:56px;line-height:55px;margin:50px 0 0;border:1px solid #ddd;background:url(../images/board_loc_bar.gif) 50% no-repeat #f4f4f4;display:table;width:100%}
.board_bottom_location:after{display:block;content:"";clear:both}
.board_bottom_location a{color:#777;background-repeat:no-repeat;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-kthtml-transition:all .3s ease;transition:all .3s ease}
.board_bottom_location a.prev{float:left;margin-left:21px;padding-left:30px;background-image:url(../images/board_loc_left.png);background-position:0 50%;height:56px}
.board_bottom_location a.prev:hover{background-image:url(../images/board_loc_left_on.png)}
.board_bottom_location a.next{float:right;margin-right:21px;padding-right:30px;background-image:url(../images/board_loc_right.png);background-position:100% 50%;height:56px}
.board_bottom_location a.next:hover{background-image:url(../images/board_loc_right_on.png)}
.board_bottom_location a:hover{color:#d92117}
.board_bottom_location a:hover span:after{width:100%}
.board_bottom_location a span{position:relative;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:380px}
.board_bottom_location a span:after{display:block;content:"";height:1px;width:0;background-color:#d92117;position:absolute;left:0;top:41px;-webkit-transition:width .3s ease;-o-transition:width .3s ease;-moz-transition:width .3s ease;-ms-transition:width .3s ease;-kthtml-transition:width .3s ease;transition:width .3s ease}
.board_bottom_location p{color:#777}
.board_bottom_location p.prev{float:left;margin-left:21px}
.board_bottom_location p.next{float:right;margin-right:21px}
/******产品中心******/
.newsnytop{ padding-bottom:100px;}
.xinwenny{
margin:0 auto;
height:auto;
}
.xinwenbt{
height:50px;
line-height:50px;
font-size:22px;
color:#333; letter-spacing:1px;
text-align:center;
}
.xinwenxbt{ width:100%;
line-height:30px;
text-align:center;
margin:0 auto;
height:30px;
padding-top:10px;
font-size:12px;
color:#333;
}
.xinwennl{
margin:0 auto;
padding-top:25px;
height:auto;
line-height:30px;
font-size:12px;
color:#333;
margin-bottom:40px; text-indent:2em;
}
.upload{}
.upload a{ display:block; width:150px; height:40px; line-height:40px; border:1px solid #00adef; background:#00adef; text-align:center; margin:0 auto; color:#fff; margin-bottom:80px;}
.upload a:hover{ background:none; border:1px solid #00adef; color:#00adef;}
.prodotwz{ text-align:center;margin-bottom:20px; line-height:24px; font-size:14px;}
.prodottop{ border-bottom:1px dotted #ccc; padding-bottom:30px;}
.xinwendbzs{line-height:24px;}
.xinwendbzx{line-height:24px;}
.xinwendbzs a{ color:#333;}
.xinwendbzx a{ color:#333;}
.zxzpnr{ line-height:25px;}
.jianli{ width:180px; height:auto; position:relative;}
.shangchuan{width:80px; height:23px; line-height:23px; margin-top:10px; right:0px; position:absolute; border:1px #00adef solid; color:#00adef;text-align:center; font-size:12px;}
.shangchuan a{ color:#00adef;}
.shangchuan a:hover{ color:#fff; background:#00adef; display:block;}
.tjl{ width:100px; height:50px; position:absolute; left:0px; }
.zpxxnrtop_job{ width:auto; height:35px; line-height:30px; border-bottom:1px #ddd dashed; text-align:left; font-size:14px;color:#333; font-weight:bold;}
.zpxxnrtop_job span{ color:#dab866;font-size:12px;}
.zpxxnrbody{ width:auto;border-bottom:1px #ddd dashed; padding-top:20px; padding-bottom:20px; padding-left:12px; padding-right:10px;}
.zpxxnrbodynr{ width:210px; height:50px; float:left; margin-right:30px;}
.zpxxnrbodynrs{ width:auto; height:auto;}
.zpxxnrbodynrsz{ width:100px; height:25px; line-height:25px;font-size:12px; float:left;color:#666;}
.zpxxnrbodynrsy{ width:110px; float:right; height:25px; line-height:25px;font-size:12px;}
.banner_fl{ position:absolute;left:0px; bottom:0px; background:#00adef; width:100%; text-align:center}
.banner_cp{ line-height:60px; border-right:1px solid #172143; padding:0px;}
.banner_cp a{ color:#fff; display:block; font-size:14px;}
.banner_cp a:hover{ color:#fff; background:#64ccf5;}
.bannercur{ background:#64ccf5;}
.product_title{ text-align:center; margin-top:30px; margin-bottom:30px; font-size:14px;}
.product_fl{ text-align:center;}
.product_fl a{ display:inline-block; width:150px; height:40px; line-height:40px; border:1px solid #e5e5e5; color:#666;}
.product_fl .product_fl_cur{ background:#00adef; color:#fff;border:1px solid #00adef;}
.product_fl a:hover{background:#00adef; color:#fff;border:1px solid #00adef;}
.product_dl_top{overflow:hidden;}
.product_dl{ position:relative; }
.product_dl_top{}
.product_dl_top .col-lg-2{ padding:0px;}
.product_dl_bg{ position:absolute;top:0px;left:0px; width:100%; height:100%; color:#fff; cursor:pointer;
background-color: rgba(0, 0, 0, .7);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.product_dl_bg h3{ margin-bottom:20px; font-size:20px;margin-top:100%; text-align:center;}
.product_dl_bg p a{ color:#fff; position:relative}
.product_dl_bg p{ line-height:24px; font-size:14px;}
.product_dl_center{ width:60%; margin:0 auto;}
.product_dl_bg p a:hover{ color:#0187d0;}
.product_dl_bg p{ margin-left:50px;}
.product_dl_bg p a:before{position: absolute;
top: 10px;
left: -14px;
width: 0%;
height: 3px;
background: #0187d0;
content: "";
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.product_dl_bg p a:after {
position: absolute;
top: 5px;
left: -28px;
width: 14px;
height: 14px;
border: 2px solid #0187d0;
content: "";
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-khtml-border-radius: 7px;
}
.product_dl_bg p a:hover:before{ width:120%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.product_dl:hover .product_dl_bg{background-color: rgba(0, 0, 0, .4);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.product_dl_bg p a:hover{ margin-left:10px;}
.proone{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.protwo{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:-200px;}
.prothree{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.profour{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:-200px;}
.profive{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.prosix{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:-200px;}
.stren_warp{ margin-top:50px;}
.slcx_warp p{ text-align:center; font-size:16px; margin-bottom:15px; margin-top:5px; color:#51ccfb;}
.slcx_bg{ position:absolute;top:20%;left:0px; width:100%; height:100%;background-color: rgba(0, 0, 0, .7); color:#fff; text-align:center;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.slcx_bg h3{ margin-top:32%; font-size:18px;}
.slcx_img{ position:relative;overflow:hidden;}
.slcx_warp:hover .slcx_bg{opacity:1; top:0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.product_dt{ position:relative;}
.product_dt_warp{ position:absolute; right:20%;top:26%;}
.product_dt_warp a{ display:block; width:500px; height:50px; line-height:50px; border:1px solid #00adef; text-align:center; margin-bottom:10px; color:#00adef; font-size:21px; letter-spacing:5px;}
.product_dt_warp a:hover{ background:#00adef; color:#fff;border:1px solid #00adef;}
.product_dt_warp p{ font-size:34px; margin-bottom:20px;}
.product_dt_warp{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;right:0%;}
/******点击放大****/
.slcx_warp{cursor:pointer;}
.stren_warp{position:relative;}
.dw_imgho1 {
position:fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho2 {
position: fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho3 {
position: fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho4 {
position: fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho5 {
position: fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho6 {
position: fixed;
left: 50%;
top: 50%;
margin-left:-460px;
margin-top:-325px;
z-index: 999;
display:none;
}
.dw_imgho{
z-index:99999999;
}
.back_dark {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0px;
background-color: rgba(0,0,0,0.7);
z-index: 9999999;
display:none;
}
/******点击放大****/
/*******stren调整******/
.stren_left .col-lg-12{padding-left:0px; padding-right:0px;}
.stren_right .col-lg-12{padding-left:0px; padding-right:0px;}
.slcx_warp{position:relative; margin-bottom:30px;}
.stren_wenzi{position:absolute; width:100%; bottom:0px; left:0px; height:50px;background:rgba(43,173,230,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C864ccf5,endColorstr=#C864ccf5); }
.stren_wenzi p{line-height:50px; text-align:center; color:#fff; margin-top:0px;}
/*******stren调整******/
/*******导航*****/
.headTopMain {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
height: 45px;
position: relative;
left: auto;
bottom: auto;
right: auto;
color: #fff;
background: rgba(37,52,106,0.96);
}
.main {
position: relative;
overflow-x: hidden;
}
.headTop {
position: fixed;
width: 100%;
height: 45px;
z-index: 99;
}
.top-left {
color: #fff;
position: absolute;
top: 0;
bottom: 0;
font-size: 26px;
padding: 9px 10px;
}
.headTop .top-mid {
font-size: 24px;
left: 50%;
margin-left: -77px;
padding: 0px 2px;
position: absolute;
margin-top:6px;
}
.headTop .top-right {
left: auto;
right: 0;
color: #fff;
position: absolute;
top: 0;
bottom: 0;
font-size: 26px;
padding: 12px 10px;
}
.headTop .top-right a{ color:#fff; font-size:16px; }
/*********menu菜单**********/
html{position:relative;}
.menuBox {
color: #fff;
position: fixed;
width: 265px;
height: 100%;
top: 0;
left: -265px;
background-color:#00adef;
}
.menuAll {
}
.menuTitle {
height: 45px;
padding: 5px 10px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.menuTitle i {
font-size:20px;
float: left;
line-height:30px;
}
.menuBody ul li i {
font-size:16px;
float: right;
margin-right: 15px;
line-height:23px;
}
.menuTitle span {
font-size: 16px;
margin: 20px;
line-height: 32px;
}
.menuBody ul li.a {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 10px 0 10px 0;
}
.menuBody ul li.a ul {
margin-top: 10px;
width: 100%;
display:none;
overflow:hidden;
border-top: 1px solid rgba(0,0,0,0.1);
background: rgba(255,255,255,0.2);
}
.menuBody ul li.a ul li {
height: 45px;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 10px 0 10px 30px;
font-size: 12px;
}
.menuBody ul li.a ul li a{ color:#fff; line-height:30px;}
.menuBody ul li.a span {
margin-left: 15px;
color:#fff;
}
/*********menu菜单**********/
/* 分页*/
.page{
font-size: 0px;
text-align: center;
margin-top:50px;
padding-bottom: 30px;
}
.page a{
font-size: 12px;
color:#00adef;
padding:6px 12px;
margin-right: 1px;
background:#ebe8e8;
transition: color .6s,border-color .6s,background-color .6s,border .6s;
}
.page a:hover,.page a.active{
background:#00adef;
color:#fff !important;
transition: color .6s,border-color .6s,background-color .6s,border .6s;
}
.page font{
font-size: 12px;
color: #fff;
margin-right:1px;
background:#333;
font-weight:bold;
padding:6px 12px;
color:#fff;
}
.page span{
font-size: 12px;
color:#000;
padding:6px 12px;
margin-right: 1px;
color: #000;
background:#333;
display:none
}
.page select{
font-size: 12px;
padding:3px;
border: 1px solid #ccc;
margin-right: 5px;
line-height: 23px;
color: #ccc !important;
display:none
}
/*** å‹æƒ…链接 ***/
/*******导航*****/
@media (max-width:1440px) and (min-width:1024px) {
.product_dl_bg h3{ font-size:18px;}
.product_dl_center{ width:90%;}
.product_dl_bg p{ margin-left:70px;}
.product_dt_warp p{font-size:22px;}
.product_dt_warp a{width:430px; height:45px; line-height:45px; font-size:20px;}
.product_dt_warp{top:25%;}
}
@media (max-width:1023px) and (min-width:768px) {
.menu>ul>li{width:85px;padding-right: 14px;}
.menuwarp ul .menufirst{width:115px;}
.menuwarp ul li{width:95px;}
.product_dt_warp p {font-size: 18px;}
.product_dt_warp a {
width: 310px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.product_dt_warp{top:26%;}
}
@media (max-width: 768px) {
.join3_box img{ width:92% !important; height:auto; display:block; margin:20px auto}
.navbar-nav { width:100%; margin-left:0px; text-transform:uppercase;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5; line-height:40px;}
.navbar-nav li a{ color:#666; font-size:13px;}
.navbar-nav li a:hover{ color:#00adef;}
.headerbg{ position:fixed; top:0px; left:0px; width:100%; z-index:999999999; background:#fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.logo_boxlist{ float:left; width:145px; margin-top:5px;}
.navbar-toggle {margin-top:15px;}
.navbar-toggle .icon-bar {background-color:#00adef;}
.navbar-collapse{ border-top:1px solid #e5e5e5;}
.seczw{ font-size:26px;}
.secyw{ font-size:16px;}
.sec3text p{ width:100%;}
.sec3titlte{font-size:26px;}
.sec4warp{ margin-bottom:20px;}
.sec4{ padding:70px 0;}
.sec3{ padding:70px 0;}
.sec4title{font-size:26px;}
.copy{ line-height:22px; padding:15px 0px; text-align:center;}
.sec2text{ padding-bottom:0px;}
.sec2 .row{display:none;}
/*****index****/
.sec2warp{border-right:none;}
.showmore{margin-top:0px; margin-bottom:40px}
.sec5{padding-top:40px;}
.sec5title{font-size:24px; margin-bottom:20px;}
.sec5title:after{width:24px; height:2px;}
.indexnewwarp{padding-top:40px;}
.indexnewwarp .col-lg-12{padding-left:15px; padding-right:15px;}
.lastnews{margin-top:0px;}
.indexnewwarp .col-lg-3{padding-left:15px !important; margin-bottom:15px;}
.indexprowarp .col-lg-4{padding-right:0px;}
.indexnewimg{width:50%; float:left;}
.lastnewstext{width:50%; float:left;}
.lasttext{width:100%; height:65px; overflow:hidden; margin-bottom:0px; padding-left:10px; line-height:22px; margin-top:0px;}
.indexnewsmore a{padding-left:10px;}
.indexwork{padding:40px 15px;}
.copra{border:none;}
.friend_box{margin-top:0px !important;}
.copra img{width:50%; display:block; margin:0 auto; margin-top:20px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{top:65%; right:10%}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{top:65%; left:10%;}
.inner {width: 100%;overflow: hidden;margin: 0 auto;}
.con {width:100%; overflow:hidden;}
.con1 {height:auto; background:#fff;}
.con1 .title { height:100px; padding:30px 0; text-align:center; display: table; width: 100%;}
.con1 .title img{width:90%;}
.con1 .box {width:46%; padding:0 15px; height:auto; float:left; background:#f1f1f1; color:#444;margin:0px 2% 10px; text-align:center; }
.con1 .box:hover { background:#00adef; color:#fff;}
.con1 .box .pic { padding:25px 0 10px 0; text-align:center;}
.con1 .box h1 { font-size:14px; height:35px; margin-top: 10px; line-height:35px; border-bottom:1px dashed #fff;}
.con1 .box h2 { font-weight:normal; font-size:12px; line-height:20px;height: 80px;}
.con1 .box a {width:100%; height:24px; line-height:24px; border:1px solid #bbb; display:block; margin:20px auto; color:#bbb; font-size:12px;}
.con1 .box a:hover { border:1px solid #fff;color:#fff;}
.con3 { background:#fff; overflow:hidden; zoom:1; padding-bottom:10px; display:none;}
.con3_m{display:block;}
.con3_m .AD1 {width:100%; padding-top: 10px; display:none;}
.con3_m .AD1 img{width:100%;}
.con3_m .AD-title {width:100%;}
.con3_m .AD-title img{width:100%;}
.con3_m .ys {width:100%;margin:0 auto;}
.con3_m .ys span{width:100%;}
.con3_m .ys span img{width:100%; border:1px solid #e8e8e8;}
.con3_m .ys .box1 {padding:10px 2%; width:100%;}
.con3_m .ys h1{ font-weight:normal; font-size:24px; color:#b80000; margin:0;}
.con3_m .ys font {color:#3a0f00;}
.con3_m .ys h3 { font-weight:normal; font-size:12px;}
.con3_m .ys h2 { padding:16px 0; font-weight:normal; font-size:14px; float:left; line-height:24px; margin:0;letter-spacing:0px; }
.con3_m .ys .box2 {padding:10px 2%; width:100%;}
.con3_m .ys .box3 {padding:10px 2%; width:100%;}
.application{display:none;}
#prolb_banner{width:96%; margin:0 2%;}
#prolb_about .lb_about_text{width:100%;}
.main_width{width:96%; margin:0 2%;}
/*******about*****/
.about{padding:20px 0px 40px 0px;}
.about_title{margin-bottom:20px; padding-bottom:5px;}
.about_warp h2{margin-bottom:10px; font-size:16px; text-align:center; margin-top:0px;}
.about_warp p{margin-bottom:5px; line-height:24px; font-size:12px;}
.about_img{margin-left:0px !important; margin-top:15px;}
.about_img img{width:100%;}
.about_video{margin-top:15px !important; margin-left:0px !important; width:100% !important; height:auto !important;}
/*******stren****/
.stren_main{margin-top:0px; padding:0px 15px; font-size:12px;}
.stren_warp{margin-top:20px;}
.stren_left_img img{height:auto !important;}
.slcx_warp{margin-bottom:15px;}
/****honor****/
.product_fl a{width:100px; height:35px; line-height:35px;}
.honor_img img{ display:block; margin:0 auto;}
.honor_wen{margin-top:10px;}
.honor_wen01{font-family:Arial, Helvetica, sans-serif; line-height:22px; text-align:center;}
.honor_wen02{text-align:center; font-size:12px; line-height:22px;}
/*****contact*****/
.contact_warp h2{font-size:16px; padding-bottom:10px; margin-top:0px;}
.contact_warp h3{font-size:12px; line-height:24px; margin-bottom:10px;}
.contact_warp p{font-size:12px; line-height:26px;}
.mess_warp h2{margin-bottom:20px; padding-bottom:10px; font-size:16px;}
.gudie_one{padding-left:0px; padding-right:0px;}
.gudie_left{width:30%; padding:0px;}
.gudie_left h2{font-size:16px; margin-top:5px;}
.gudie_right{width:70%; margin-top:5px !important; margin-left:0px; padding-left:10px;}
.gudie_left:after{ display:none;}
/*******join**********/
.join_img:after{display:none;}
/*.join_img img{width:55%;}*/
.join_one h2{font-size:14px; line-height:24px; margin:0px}
.join_one p{ margin-top:10px; line-height:22px;}
.join_line{margin-bottom:0px;}
.join_one{padding-top:20px}
.recitem{margin-top:25px; padding-bottom:25px;}
.xsry{font-size:16px; margin-bottom:5px;}
.news_top{margin-top:0px;}
.zpxxnrbodynr{height:auto;}
.jobdot_top{margin-top:0px !important;}
.upload a{margin-bottom:40px;}
.phonebiaoge{margin-top:0px;}
/****news**/
.newsmain{width:100%; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.news_bottom_gs{width:100%; color:#00adef; line-height:22px;}
.news_text{width:100%; font-size:14px; line-height:24px; color:#666;}
.news_bottom_more{display:block; width:100px; height:26px; line-height:26px; background-color:#51ccfb; color:#fff; text-align:center; margin-top:8px}
.news_bottom{margin-top:20px;}
.newsnytop{padding-top:0px; padding-bottom:0px;}
.xinwennl{padding-top:20px; line-height:24px; margin-bottom:20px}
.xinwendb{margin-bottom:20px;}
/******product***/
.product_main{width:100%; padding:0px 15px; margin:30px 0px 40px 0px;}
.product_main p{margin:15px auto;line-height:26px; font-size:18px; text-align:center}
.product_mainlist{}
.product_mainlist a{display:block; width:85%; margin:5px auto; height:35px; line-height:35px; text-align:center; font-size:14px; color:#00adef; border:1px solid #00adef}
.friendprev2{top:50% !important;}
}
.navadd{position:absolute; top:21px; right:22px; width:120px; z-index: 1;}
.navadd .last i{font-family:Arial, Helvetica, sans-serif; color:#fff; font-style:normal;}
.navadd .last a{ color:#0a5dac; font-size:12px;}
.navadd .last{}
.navadd .last a span{display: block;
overflow: hidden;
position: absolute;
top: 50%;
left: 82px;
width: 39px;
height: 26px;
margin-top: -13px;
font-size: 0;
line-height: 0;}
.navadd .last a span img{transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.navadd .last a:hover span img {
margin-top: -39px;
}
@media (max-width:1024px) and (min-width:768px){
.product_dt_warp{ right:14% !important; top:26% !important}
.product_dt_img {
padding-top: 80px;
}
.banner_cp a {
line-height: 30px;
}
.product_dt_warp p {
font-size: 17px;
}
.product_dt_warp a {
height: 35px;
line-height: 35px;
font-size: 15px;
}
.swiper-button-next.swiper-button-next2 {
top: auto;
bottom: 50px;
right: 30%;
}
.swiper-button-prev.swiper-button-prev2 {
top: auto;
bottom: 50px;
left: 30%;
}
.copra img {
width: 100%;
}
.indexwork {
padding: 40px 0 80px;
}
.honor_iframe_box{
transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transform:scale(0.8);
overflow:hidden;
}
iframe.honor_iframe {
margin-left:-60px;
}
}
.m-page{margin:20px auto;clear:both;overflow:hidden;width:100%;float:left}
.m-page a{float:left;background:#e9e8e8;padding-left:10px;padding-right:10px;height:25px;line-height:25px;text-align:center;font-family:Arial;display:block;margin-right:4px;color:#00adef;text-decoration:none;font-weight:700}
.m-page span{float:left;width:37px;height:39px;line-height:39px;text-align:center;font-family:"Lucida Console";display:block;margin-right:4px;color:#00adef}
.m-page a:hover{background:#00adef;color:#fff}
.m-page a.nextPage,.m-page a.prePage{font-family:Tahoma}
.m-page .dux-page{margin:0 auto;display:table}
.m-page .hidden{display:none}
.about_bt{font-size:26px;color:#51ccfb;margin-top:20px;margin-bottom:10px;line-height:30px;text-align:center;}
.en_bt{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif;margin-bottom:15px;text-align:center;}
.x{display:block;background:#51ccfb;height:3px;width:40px;text-align:center;}
.youshi_right{width:400px; height:400px; padding:50px; float:left; color: #666;}
.youshi_right p{height:30px; font-size:16px; line-height:30px; float:left; width:100%; margin-top:0px;}
.pro_search{padding:30px 120px;background:#666}
.pro_search1{float:left;width:357px;font-size:23px;color:#fff}
.pro_search1 span{font-size:13px;color:#eaf5ff}
.pro_search2{float:left;width:37%;height:50px;background:#fff;margin-top:10px}
.pro_search2 .text{width:83%;float:left;font-size:16px;color:#666;height:50px;border:none;background:0 0;line-height:50px;text-indent:20px}
.pro_search2 .btn{width:17%;float:left;height:50px;background:url(../images/search_icon.png) center no-repeat;border:none;padding:0}
.pro_search3{float:left;margin:11px 0 0 20px;font-size:16px;color:#fff;font-weight:bolder;line-height:28px}
#wrap_pro {width:1200px;margin:0 auto;display: table;}
.item1_pro img{vertical-align:top; width:360px; height:360px;}
.item1_pro li{position:relative;width:360px;margin:50px 56px 0 0;float:left;height:360px;overflow:hidden;cursor:pointer; border:1px solid #f0f0f0;}
.item1_pro li:nth-child(3n+3){margin:50px 0 0 0;}
.item1_pro div{position:absolute;left:0;top:328px;width:100%;height:30px;text-align:center;color:#282828;overflow:hidden;background:url(../images/meun_bg.png) repeat;}
.item1_pro p{display:none;margin:15px auto 0;width:220px;line-height:30px;text-align:left;font-size:14px;}
.item1_pro span{width:100px; height:30px; line-height:30px; margin:10px auto; border-radius:5px; background:#1aa9fb; color:#fff; text-align:center; font-size:14px; display:table;}
.item1_pro span:hover{background:none; border:1px solid #1aa9fb; color:#1aa9fb; border-radius:5px;}
.item1_pro h3{line-height:30px; height:30px; overflow:hidden; color:#1aa9fb; font-size:14px; font-weight:500; border-bottom:2px solid #1aa9fb;}
.page_left { width: 244px; float: left;}
.page_right {width: 895px; float: left; border-left: 1px solid #e8e8e8;padding-left: 20px; margin-bottom: 50px;}
.page_left_box{width:224px;float:left;margin-right:20px;overflow:hidden;z-index:999}
.title_line{font-size:18px; font-weight:bold;text-indent:10px;color:#333;height:40px;line-height:40px;}
.search2{margin:10px 0;width:222px;height:32px;overflow:hidden;border:1px solid #ccc;z-index:8;background:#fafafa}
.search2 .txt{float:left;padding-left:10px;color:#999;border-style:none;border-width:0;height:32px;line-height:32px;width:175px;font-size:12px;background:0 0}
.search2 .btn{float:right;width:24px;height:32px;border-style:none;border-width:0;background:url(../images/search_icon.png) center center no-repeat;cursor:pointer}
.solution{border-top:1px solid rgba(255,255,255,.3);display:table}
.solution ul li{height:40px;line-height:40px;float:left;width:222px;text-align:left;background:url(../images/icon02.png) 10px center no-repeat; border-bottom:1px solid #fafafa;}
.solution .on{ background:#51ccfb;}
.solution .on a{ color:#fff;}
.solution ul li a{text-align:left;padding-left:20px;line-height:23px;overflow:hidden;color:#777}
.solution li:hover{background:#51ccfb;}
.solution li:hover a{color:#fff}
.solution2{border-top:1px solid rgba(255,255,255,.3);display:table;width:100%}
.solution2 ul li:nth-child(1){border-top:0}
.solution2 ul li{height:35px;line-height:35px;float:left;width:100%;text-align:left;border-top:1px dashed rgba(255,255,255,.2)}
.solution2 ul li a{text-align:left;padding-left:20px;line-height:23px;overflow:hidden;color:#fff}
.solution2 li:hover{background:#fff}
.solution2 li:hover a{color:#318442}
.solution .new{position:relative;font-family:arial;font-size:14px;color:#E42E00;top:-10px}
.solution .level2 a{background:0 0}
.solution .current{color:#e70112}
#prolb_banner{padding:0px 0 40px;min-height:200px;position:relative;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100%}
#prolb_banner .map_path_box{position:relative;color:#333;margin-top:5px}
#prolb_about{clear:both}
#prolb_about .pro_about_img{float:left;width:40%}
#prolb_about .lb_about_text{width:50%;float:right;margin-top:30px}
#prolb_about .lb_about_text h1.bt{font-size:22px;color:#51ccfb;height:30px;line-height:30px;margin-bottom:15px}
#prolb_about .lb_about_text span.x{width:40px;height:3px;display:block;background:#51ccfb;margin-bottom:25px}
#prolb_about .lb_about_text .ms{line-height:32px;color:#333;font-size:14px;max-height:150px;overflow:hidden}
.contdiv{width:100%;}
.contdiv img{width:100%;}