@charset "utf-8";
/* CSS Document */

html {}
body {margin: 0 auto;font-family:"微软雅黑"; font-size:12px;color:#4d4d4d;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl {margin: 0;padding: 0;list-style:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
p{font-weight:normal !important}
a {text-decoration: none;color:#4d4d4d;}
/*a:hover{ color:#3089d0;}*/
h1 {margin: 0;padding: 0;font-weight: normal;}
.coff{ color:#fff}
.co4d{ color:#4d4d4d}
.co29{ color:#292929}
.co30{color:#3089d0;}
.clear {clear: both;}
.fl{float:left}
.fr{float:right}
input,textarea{background:#fff;font-family:"微软雅黑";font-size:12px;color:#292929}

::-webkit-input-placeholder {
    color:    #292929;text-overflow: ellipsis;}
:-o-placeholder {
    color:    #292929;text-overflow: ellipsis;}
::-moz-placeholder {
    color:    #292929;text-overflow: ellipsis;}
:-ms-input-placeholder {
    color:    #292929;text-overflow: ellipsis;}

.main{ width: 80%; margin: 0 auto; }
/****************************************************************************  about  *****************************************************************/

/*  main  */
.imgH img{width: 100%;height: 100%;/* -webkit-transition: all 1s; */-moz-transition: all 0.8s;-ms-transition: all 1s; transition: all 0.8s; }
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
#outer {width:1200px; margin-top:29px;}
#tab {overflow:hidden;zoom:1;background:url(../img/qiehuantiao.jpg) repeat-x bottom;}
#tab li {float:left;color:#292929; font-size:20px;height:55px;	cursor:pointer;	line-height:50px; margin-left:240px;}
#tab li  a{ font-size:20px; color:#292929;} 
#tab li.current {color:#3089d0;background:url(../img/qiehuanjiao.jpg) no-repeat bottom center}
#tab li.current a{ color:#3089d0;}
#content {}
#content ul {line-height:30px;display:none;padding:7px 0;}
#content ul a{ font-size:24px; color:#292929; display:block; margin-bottom:5px;}
#content ul p{ font-size:12px; color:#292929; line-height:30px;}
.abl1{ width:555px; margin-left:30px; float:left;margin-top:68px;}
.abr1{ width:585px; float:right; margin-top:50px;}
.abl2{ width:585px; float:left; margin-top:50px;}
.abr2{ width:555px; margin-right:30px; float:right; margin-top:68px;}


.cusList{ padding: 0.35rem 0 1rem 0;}
.ovh {
    overflow: hidden;
}
.cusList .box{ margin: 10px  10px 0 5px; position: relative; cursor: pointer;}
.cusList .box .text{ width: 100%; font-size: 16px; color: #fff; padding: 0 0.8rem 0 0.2rem; line-height: 60px; background: url(../../base/img/img/cusIcon2.png) center right no-repeat rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0;padding-left: 10px;}
.md-modal{ position: fixed; top: 50%; left: 50%; width: 100%; max-width: 1170px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.md-show{ visibility: visible;}
.md-overlay{ position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.md-show ~ .md-overlay{ opacity: 1; visibility: visible;}
.md-content{ position: relative; background: #fff; box-shadow: 0 0 10px rgba(50,150,250,.3); margin: 0 auto;}
.md-content .img{ width: 32%;}
.md-content .img img{ width: 100%;}
.md-content .cont{ width: 68%; padding: 30px 50px 30px 40px;}
.md-content h3{ font-size:18px; color: #333; font-weight: bold; margin-bottom: 20px;}
.md-content .t1{ height:200px; color: #999; font-size: 16px; line-height: 24px; padding-right:5px; overflow: auto; overflow-y: scroll;}
.md-content button{ display: block; width:19px; height:19px; font-size: 0; position: absolute; bottom: 20px; right: 20px; background: url(../../base/img/img/cusIcon1.png) no-repeat; background-size: contain;}
.md-effect-2 .md-content{ -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.md-show.md-effect-2 .md-content{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1;}