@charset "utf-8";
/**
 * @Author   alan
 * @Date     2016-09-01
 * @E_mail   yuanweihai25@163.com
 * @desc     用于移动端初始化样式
 */

body, h1, h2, h3, h4, h5, h6, p,dl, dt, dd, ul, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
html {overflow-y: scroll;height: 100%;}
body {font: 12px "PingFang HK","Microsoft YaHei","Arial";color: #555;line-height: 1.5;overflow-x: hidden;}
*,::after,::before {box-sizing: border-box;}

ol,ul,li {list-style-type:none;vertical-align : middle;}
img {vertical-align:top;border: 0;border: 0;}
input,select,textarea,button {vertical-align:middle;font-family: "Microsoft YaHei";}
textarea,input {text-indent: 10px;} /*表单元素默认有10像素的缩进*/
input[type='submit'],input[type='button'],button {text-indent: 0;text-align: center;cursor: pointer;}
label, button, a {cursor: pointer}
ins,em,b,i {text-decoration: none;font-style: normal;}

/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button{outline:none;}

/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder{color: #999;transition:color .5s;}

/* 提示文字的激活样式 */
input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder{color: #c2c2c2;}

/* table */
table {border-collapse:collapse;border-spacing:0;font:inherit;}

/* a_link */
a {color: inherit;text-decoration:none;}
a:hover {text-decoration:none;cursor:pointer;}
a:focus { background-color:transparent; }

h1,h2,h3,h4,h5,h6,em {font-weight: normal;}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

/* 浮动与清浮动 */
.left {float:left;}
.right {float:right;}
.clear::after {content:'\20';display:block; height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.hide {display: none;}
.show {display: block;}

.font-weight-3 {font-weight: 300;}

.text_center {text-align: center;}
.text_overflow {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.overflow_h {overflow: hidden;}

/*滚动动画的样式*/
.disable-hover {pointer-events: none;}
.scroll-animate.animated {visibility: hidden;}
.font-fadeIn font{display: inline-block;}

/*垂直剧中*/
.vertical-box {vertical-align: middle;text-align: center;}
.vertical-box .vertical-span {display: inline-block;vertical-align: middle;height: 100%;}
.vertical-box .vertical-div {display: inline-block;vertical-align: middle;text-align: left;}


.layout-table {display: table;height: 100%;width: 100%;}
.layout-table-cell {display: table-cell;vertical-align: middle;}

ul.layout-box {display:-moz-box;display:-webkit-box;display:box;}
ul.layout-box li {-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;}


.black-cover-1::before {display: block;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.1);position: absolute;left: 0;top: 0;}
.black-cover-2::before {display: block;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;}
.black-cover-3::before {display: block;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;}
.black-cover-4::before {display: block;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.4);position: absolute;left: 0;top: 0;}
.black-cover-5::before {display: block;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;}

.anim_hover {
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.anim_hover:hover {
    -ms-transform: translate(0,-2px);
    transform: translate(0,-2px);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate(0,-2px);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1)
}


.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.mobile-menu-btn {color: #515151;position: fixed;right: 10px;top:20px;font-size: 20px;z-index: 999;}
.mobile-menu-cover {background-color: rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;right: 0;top:50px;left: 0;bottom: 0;transform: translateY(100%);transition: all .5s;z-index: 98;}
.mobile-menu-cover.on {transform: translateY(0);}

/*全站的弹窗样式*/
@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}
@keyframes bounceOut{0%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(0)}}
@keyframes bounceInOut{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}

.sharonTips {animation-fill-mode: both;animation-duration: .3s;z-index: 19910119;width: 260px;position: fixed;-webkit-overflow-scrolling:touch;background-color: #fff; -webkit-background-clip: content;box-shadow: 1px 1px 50px rgba(0,0,0,.3);left: 50%;top:50%;margin-left:-130px;font-size: 14px;}
.sharonTips-shade {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:19910116;background-color: #000;opacity: 0.3;}

/*弹窗的动画行为*/
.anim-bounceIn {animation-name:bounceIn}
.anim-bounceOut {animation-name:bounceOut;}
.anim-bounceInOut {animation-name:bounceInOut;animation-duration: 2.4s;}


/*弹窗的样式*/
.sharonTips-toast{position:fixed;top:50%;left:50%;width:auto;padding: 15px 30px;text-align:center;color:#fff;border-radius:3px;background:rgba(0,0,0,0.7);z-index: 19910120;}
.sharonTips-confirm{}
.sharonTips-prompt input{width: 100%;height: 30px;line-height: 30px;}


.sharonTips-title {padding: 0 80px 0 20px;height: 42px;line-height: 42px;border-bottom: 1px solid #eee;font-size: 14px;color: #333;overflow: hidden;background-color: #F8F8F8;}
.sharonTips-content {position: relative;padding: 20px;line-height: 24px;word-break: break-all;font-size: 14px;overflow-y: auto;}
.sharonTips-closeBtn {position: absolute;right: 15px;top: 15px;font-size: 0;line-height: initial;}
.sharonTips-closeBtn a {display: inline-block;vertical-align: top;position: relative;width: 16px;height: 16px;margin-left: 10px;font-size: 12px;background:url('../../../imgs/sharonTips-icon.png') 0 -40px no-repeat;}
.sharonTips-btn {text-align: right;padding: 0 10px 12px;pointer-events: auto;user-select: none;}
.sharonTips-btn a {height: 28px;line-height: 28px;margin: 0 6px;padding: 0 15px;border: 1px solid #dedede;background-color: #f1f1f1;color: #333; border-radius: 2px;font-weight: 400;cursor: pointer;text-decoration: none;display: inline-block;vertical-align: top;}
.sharonTips-btn a.yesBtn {border-color: #4898d5;background-color: #2e8ded;color: #fff;}



/*animate.css 的一点补充动画*/

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

.row .md1 { width: 8.3333%; } 	.row .md2 { width: 16.6666%; } 	.row .md3 { width: 25%; }
.row .md4 { width: 33.3333%; } 	.row .md5 { width: 41.6666%; } 	.row .md6 { width: 50%; }
.row .md7 { width: 58.3333%; } 	.row .md8 { width: 66.6666%; } 	.row .md9 { width: 75%; }
.row .md10 { width: 83.3333%; } 	.row .md11 { width: 91.6666%; } 	.row .md12 { width: 100%; }
.row .mp0 { margin: 0 !important; padding: 0 !important; }
.row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6,
.row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .dv { float: left; }

@media screen and (max-width: 1180px) {
    .content .left { width: 200px;}
    .content .right { padding: 50px; margin-left: 200px;}
    .content .left a { line-height: 80px;}
    .content .left dd ul li a { font-size: 16px; }
    .content .left dt a { font-size: 18px; }
}
@media screen and (max-width: 1024px) {
    .content { margin: 0; padding: 0; }
    .content .left { width: auto;position: relative; background: none; margin-top: -2px;}
    .content .right { margin-left: 0; }
    .content .left a { line-height: 40px; }
    .content .left dl {overflow: hidden; background: #fff; border-bottom: 1px solid #dadada;}
    .content .left dt { width: auto; float: none;display: none; }
    .content .left dt a { font-size: 14px; line-height: 30px;  }
    .content .left dt .iconfont { display: none; }
    .content .left dd { width: auto;float: none;overflow: hidden; }
    .content .left dd ul li a { padding: 0 25px;color: #666;border-right: 1px solid #dadada;font-size: 14px; }
    .content .left dd ul { width: 1000px;}
    .content .left dd ul li { float: left;border-bottom: 0;position: relative; }
    .content .left dd ul li.active .sub { display: none; }
    .content .left dd ul li:hover { background: none;}
    .content .left dd ul li.active:hover { background: #009fd6; }
    .content .left dd ul li:hover>a { transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px); }
    .content .left dd ul li:hover>a:after { display: none; }
    .content .left dd ul li.active a { color: #fff; }

    .content .left .submenu { position: relative;padding: 10px 20px; }
    .content .left .submenu li { display: inline-block;margin-right: 20px; }
    .content .left .submenu a { color: #666; text-align: left; font-size: 14px; padding: 0 10px; line-height: 30px; border-bottom: 2px solid #eaeaea;}
    .content .left .submenu li.active a { border-bottom: 2px solid #009fd6; }
}
@media screen and (max-width: 480px) {
    .content .right { padding: 30px 20px; }
    .content { min-height: 0; }
}

.companyNews { padding-top: 10px; }
.companyNews a { color: #3c3c3c; }
.companyNews .leftmd .item { padding-right: 25px; }
.companyNews .rightmd .item { padding-left: 25px; }
.companyNews .md4 .face { display: none; }
.companyNews .item { height: 170px; margin-bottom: 45px; }
.companyNews .md4 p { font-size: 16px; font-weight: 600;line-height: 30px;border-bottom: 2px solid #3c3c3c; }
.companyNews .md4 h2 { font-size: 20px;line-height: 25px;font-weight: 600; height: 55px; overflow: hidden; margin: 20px 0; /*11*/font-size: 16px; line-height: 27px;overflow: hidden;font-weight: 900;}
.companyNews .md4 span { line-height: 20px; font-size: 14px;display: inline-block; padding: 0 10px;background: #009fd6;color: #fff;padding: 0 10px; }
.companyNews .md8 .item { position: relative; }
.companyNews .md8 .face { position: absolute; top: 0; bottom: 0; left: 0; width: 50%;background-size: auto 100%; background-size: cover;background-position: top center; background-repeat: no-repeat;}
.companyNews .md8 .text { margin-left: 50%; background: #edf2f5;padding: 25px;}
.companyNews .md8 p { font-size: 16px; }
.companyNews .md8 h2 { font-size: 16px; line-height: 24px;margin: 5px 0;height: 72px;overflow: hidden;font-weight: 900; }
.companyNews .md8 span { line-height: 20px; font-size: 14px; display: inline-block;color: #fff;background: #505050;padding: 0 10px; }
.companyNews a:hover .item { transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px); }
.companyNews .md4 span:hover,
.companyNews .md8 span:hover { background: #75b0ea; }

@media screen and (max-width: 480px) {
    .companyNews .item { height: auto; }
    /*.companyNews li:nth-child(2n+1) .face { display: none; }
    .companyNews li:nth-child(2n+1) p { font-size: 12px; line-height: 30px;border-bottom: 1px solid #3c3c3c; }
    .companyNews li:nth-child(2n+1) h2 { font-size: 14px;line-height: 25px;height: 50px; overflow: hidden; margin: 10px 0; }
    .companyNews li:nth-child(2n+1) span { line-height: 20px; font-size: 12px;display: inline-block; padding: 0 10px;background: #009fd6;color: #fff;padding: 0 10px; }*/
    .companyNews li:nth-child(n) .item { position: relative; }
    .companyNews li:nth-child(n) .face { position: absolute; top: 0; bottom: 0; left: 0; width: 50%;background-size: auto 100%; background-size: cover;background-position: top center; background-repeat: no-repeat;}
    .companyNews li:nth-child(n) .text { margin-left: 50%; background: #edf2f5;padding: 25px;}
    .companyNews li:nth-child(n) p { font-size: 12px; }
    .companyNews li:nth-child(n) h2 { font-size: 14px; line-height: 24px;margin: 5px 0;height: 72px;overflow: hidden; margin-bottom: 10px; font-weight: bold;}
    .companyNews li:nth-child(n) span { line-height: 20px; font-size: 12px; display: inline-block;color: #fff;background: #505050;padding: 0 10px; }
}


.pager { margin: 50px 0;text-align: center;}
.pager ul { overflow: hidden;display: inline-block;}
.pager li { float: left; margin: 2px 0;}
.pager li.mgr10 { margin-right: 10px; }
.pager li.mgl10 { margin-left: 10px; }
.pager li a,.pager li span { display: inline-block; line-height: 30px; min-width: 10px;text-align: center; font-size: 12px; margin-right: -1px; padding: 0 10px; color: #3c3c3c; position: relative;z-index: 1;position: relative !important;border-radius: 4px;}
.pager li.grey a { border-color: #dfdfdf;color: #ececec;}
.pager li.grey:hover a { background: #dfdfdf; color: #fff; border-color: #dfdfdf; }
.pager li a { border: 1px solid #dfdfdf; margin: 0 5px; }
.pager li:hover a,
.pager li.active a { z-index: 9;position: relative;color: #fff;border-color: #009fd6;background: #009fd6; }
@media screen and (max-width: 480px) {
	.pager li a,.pager li span { line-height: 25px;font-size: 12px;padding: 0 6px; }
}