﻿/* CSS Document */
@charset "UTF-8";
html{font-family:"宋体","宋体",宋体;}
body{line-height:2;font-size:16px;color:#333;background:#fff; outline:0;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;box-sizing:border-box;}
ul,li{list-style:none;}
b,strong{font-weight:700;}
pre{overflow:auto;}
img{border:0; display: block; }
em,i{font-style:normal;}
p{margin-top:0;margin-bottom:0;font-size:16px;}
div { margin:0 auto; }
a{color:#222;text-decoration:none;background-color:transparent;}
a:hover{outline:0; color: #393939;}
textarea{overflow:hidden;resize:none;}
button{overflow:visible;}
button,select{text-transform:none;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
button, .aui-btn {position:relative;display:inline-block;font-size:14px;font-weight:400;text-decoration:none;text-align:center;margin:0;background:#e5e5e5;padding:0 12px; height:30px;line-height:30px; border:1px solid #bdbdbd; border-radius:1px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;user-select:none;}
textarea{width:100%;-webkit-appearance:none;padding: 5px;margin-bottom:15px;line-height:21px;-webkit-user-select:text;background-color:#fff;border:none;border-radius:3px;outline:none}
select,input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"] {width:100%;-webkit-appearance:none;-webkit-user-select:text;padding:0px;margin-bottom:0px;background-color:#fff;border:none;border-radius:0px;outline:none;}
input[type="submit"] {  width: 100%;  padding:0px; margin-bottom:0px;border:0;border-radius:0px;outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#3c86a8;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#3c86a8;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#3c86a8;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#3c86a8;}
.clearfix{clear:both;}
.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.show {display: block !important;}
.no {display: none !important;}
.white,.white a,.white a:hover{color:#fff !important;}
.gray,.gray a,.gray a:hover{color:#afafaf;}
.green,.green a,.green a:hover{color:#3c86a8;}
.dark,.dark a,.dark a:hover {color:#000;}
.bgg {  background: #f6f6f6; }
.bgb { background: #fff; }
.w100{width:100%;margin:0 auto;}
.all{width:1200px;margin:0 auto;}
.font26 {font-size: 30px !important; font-weight: 600; }
.font20 {font-size: 20px !important;}
.font18 {font-size: 18px !important;}
.font16 {font-size: 16px !important;}
.font14{font-size:14px !important;}
.font12{font-size:12px !important;font-family:"宋体";}
.xian1 { border: 1px solid #e1e1e1; }
.xian2 { border: 1px dotted #e1e1e1; }
/*文字对齐*/
.text-l{text-align:left!important;}
.text-c{text-align:center!important;}
.text-j{text-align:justify!important;}
.text-r{text-align:right!important;}
/*自动隐藏文字*/
.aui-ellipsis-1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.aui-ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.m-t-80 { margin-top: 80px !important;}
.m-t-50 { margin-top: 50px !important;}
.m-t-40 { margin-top: 40px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-10 { margin-top: 10px !important;}
/****/
.title { position: fixed; top: 0; left: 0; width: 100%; height: 120px; background: #fff; z-index: 10;}
.title .all{ width:1200px; height:80px; clear:both; margin:auto; overflow:hidden;}
.logo { float: left; width: 450px; padding-top:5px;}
.logo img{ width: 100%;}
.tel { float: right; height:80px; line-height:80px; background:url(../images/tel.jpg) 0px center no-repeat; text-indent:30px; margin-right: 12px; text-align:right; font-size:20px; color:#666;}
/****/
.nav { float:left; clear:both; width:100%; height: 40px; background:#3c86a8;}
.nav>div { margin:auto; clear:both; width: 1200px; height: 40px;}
.nav li { float: left; width: 11.1%;  text-align: center; position:relative;}
.nav li .menu{ position:absolute; left:0px; top:40px; width:100%; background:#3c86a8; z-index:200000; display:none;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.nav li .menu a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#FFF;}
.nav li .menu a:hover{background:#28779b;}
.nav li em a { display: block; color:#FFF; line-height: 40px; }
.nav li em a:hover, .nav .current-menu-item em a, .current-menu-item em a {  background:#28779b;}
/**banner**/
.banner{width:100%; overflow: hidden; margin-top: 120px; }
.banner img{width:100%;}
/**底部导航**/
.foot { width: 100%; height:250px; background:#3c86a8; padding: 30px 0; margin-top: 75px; }
.foot ul { float: left; width: 130px; }
.foot ul li { text-align: right; }
.foot p { width: 330px; margin-left: 85px; }
/**pages**/
.pagination { clear: both; margin: 30px auto 0 0px; }
.pagination h2, .screen-reader-text { display: none; width: 1px; height: 1px; overflow: hidden; }
.pagination a, .pagination a:visited { float: left; background: #fff; margin: 0 5px 10px 0; padding: 8px 11px; line-height: 100%; border: 1px solid #ebebeb; border-radius: 2px; }
.pagination .current, .pagination .dots { background: #fff; float: left; margin: 0 5px 0 0; padding: 8px 11px; line-height: 100%; border: 1px solid #ebebeb; border-radius: 2px; }
.pagination span.current, .pagination a:hover { background: #3c86a8; color: #fff; border: 1px solid #3c86a8; }
.screen-reader-text, .pages { display: none; }

/****/
.gd{position: fixed;right: 0;bottom: 280px;width: 50px;height: 240px;z-index: 9;}
.gd_phone{width:50px;height:240px;position: relative; }
.gd_phone:hover .gd_lixhf{width:300px;transition:all ease 0.7s;opacity: 1;}
.gd_lixhf{position: absolute;right:0;top:0;width:50px;height:240px;transition:all ease 1s;overflow: hidden;opacity: 0.7;background-color: #3c86a8; }
.gd_lixhf span{position: absolute;left:65px;display: block;height:240px;line-height:30px;font-size:16px;color: #fff; padding-top: 12px;}
.gd_bgimg{position: absolute;left:0;top:0;width:50px;height:240px; padding: 55px 16px; color: #fff;border-right: 1px solid #4ea4ae; }
// .gd_bgimg img{float: left;margin-top: 35px;margin-left: 35px;}




.gd_item{height: 100px;cursor: pointer;position: relative;width:100px;opacity: 0.5;background-color: #3c86a8;transition:all ease 0.7s;}
.gd .gd_item img{float: left;margin: 35px 0 0 35px;}
.gd .gd_item:hover{transition:all ease 0.7s;opacity: 0.8;}
.gd_ewm{position: absolute;left:-102px;top:0;opacity: 0;transition:all 0.4s;width:102px;height:102px;}
.gd .gd_item .gd_ewm img{margin: 0;}
.gd .gd_item:hover .gd_ewm{opacity: 1;transition:all 0.4s;}
.gd .gd_item:hover .gd_ewm img{margin: 0;}